/* BODY */ body {font-family: arial,helvetica, sans-serif; font-size: 10pt} /* Removes the underscore from hyperlinks */ A {text-decoration: none;} /* Forces hyperlinks to display as blue */ A:link {color: #0000FF;} /* Forces hyperlinks to display as blue */ A:visited {color: #800080;} /* *********************** Errors *********************** */ span.error, div.error, td.error {color: #FF0000; font-family: arial,helvetica, sans-serif; font-size: 10pt; font-weight: bold} /* *********************** Success *********************** */ span.success, td.success {color: #009900; font-family: arial,helvetica, sans-serif; font-size: 10pt; font-weight: bold} /* *********************** Labels *********************** */ div.normal, span.normal, label.normal, td.normal {font-family: arial,helvetica, sans-serif; font-size: 10pt} span.note, input.note, div.note {font-family: arial,helvetica, sans-serif; font-size: 10pt; font-style: italic; color: #333333} span.required {color: #FF0000; font-family: arial,helvetica, sans-serif; font-size: 10pt; font-weight: bold} span.warning {color: #FF6600; font-family: arial,helvetica, sans-serif; font-size: 10pt; font-weight: bold} span.disabled {color: #999999} .subtext {color: #000000; font-family: arial,helvetica, sans-serif; font-size: 8pt} span.bluetext {color: #000099; font-family: arial,helvetica, sans-serif; font-size: 10pt} label {font-family: arial,helvetica, sans-serif; font-size: 10pt} legend {font-family: arial,helvetica, sans-serif; font-size: 11pt;color: #000099;} span.hidden { display: none; } /* *********************** archive *********************** */ /* tree view */ span.angle { padding-left: 15px; background-repeat: no-repeat; background-position: left bottom; } span.folderangle { background-image: url('../images/angle.gif'); } span.folderdoubleangle { background-image: url('../images/doubleangle.gif'); } span.shortblank {padding-left:15px;} span.vert { padding-left: 17px; background-repeat: no-repeat; background-position: left center; background-image: url('../images/vert.gif'); } span.horiz { padding-left: 11px; background-repeat: no-repeat; background-position: left bottom; background-image: url('../images/horiz.gif'); } span.expand { background-image: url('../images/plus.gif'); } span.collapse { background-image: url('../images/minus.gif'); } /*fold and file names */ span.filename { padding-left: 18px; line-height: 20px; padding-top: 5px; background-repeat: no-repeat; background-position: left bottom; white-space: nowrap; vertical-align: bottom; } span.selected {font-family: arial,helvetica, sans-serif; font-size: 10pt; font-weight: bold} span.folder { background-image: url('../images/folder_closed.gif'); } span.folderopened { background-image: url('../images/folder_open.gif'); } span.shared { background-image: url('../images/sharefolder.gif'); } span.sharedopened { background-image: url('../images/sharefolder_open.gif'); } span.file { background-image: url('../images/file.gif'); } span.volume {background-image: url('../images/volume.gif'); } span.volumeopened {background-image: url('../images/volume_open.gif'); } /*action icons*/ span.fileopicon, span.fldropicon { padding-left: 12px; background-repeat: no-repeat; background-position: left center; } span.trash { background-image: url('../images/trash.gif'); } span.rename { background-image: url('../images/rename.gif'); } span.move { background-image: url('../images/move.gif'); } span.thumbnail { background-image: url('../images/camera.gif'); } span.email { background-image: url('../images/email.gif'); } span.print { background-image: url('../images/print-icon.gif'); } span.share { background-image: url('../images/add_share.gif'); } span.index { background-image: url('../images/changeindex.gif'); } span.one { background-image: url('../images/emblem-public-alt.gif'); } /* *********************** Form Components *********************** */ fieldset {font-family: arial,helvetica, sans-serif; font-size: 10pt; margin-top: 1em; margin-bottom: 1em;} .button {font-family: arial,helvetica, sans-serif; font-size: 10pt} .textfield {font-family: arial,helvetica, sans-serif; font-size: 10pt} /*.textfield {font-family: arial,helvetica, sans-serif; font-size: 10pt; BORDER-RIGHT: 1px solid; BORDER-TOP: 1px solid; BORDER-LEFT: 1px solid; BORDER-BOTTOM: 1px solid}*/ .invisible {font-family: arial,helvetica, sans-serif; font-size: 10pt; font-weight: bold; color: #FF0000; background-color: transparent; BORDER-RIGHT: 0px solid; BORDER-TOP: 0px solid; BORDER-LEFT: 0px solid; BORDER-BOTTOM: 0px solid} .invisible-normal {font-family: arial,helvetica, sans-serif; font-size: 10pt; color: #000000; background-color: transparent; BORDER-RIGHT: 0px solid; BORDER-TOP: 0px solid; BORDER-LEFT: 0px solid; BORDER-BOTTOM: 0px solid} .select {border: 0; width: 200; font-family: arial,helvetica, sans-serif; font-size: 10pt;} .select_orderTab {border: 0; width: 100; font-family: arial,helvetica, sans-serif; font-size: 10pt;} .select_roleList {border: 0; width: 490; font-family: arial,helvetica, sans-serif; font-size: 10pt;} /* *********************** Section Style *********************** */ /*td.pageheader {background: #003399}*/ .sectiontitle {color: #000099; font-family: arial,helvetica, sans-serif; font-size: 12pt; font-weight: bold} .subtitle {color: #000099; font-family: arial,helvetica, sans-serif; font-size: 10pt; font-weight: bold; } .subsection {border-color: #000099} /*td.sectionheader {background: #999999}*/ /* *********************** Tabs *********************** */ ul.tabs { margin:0; padding:0; list-style:none; } ul.tabs li { float: left; margin: 0; overflow: hidden; } ul.tabs li a, ul.tabs li span { display: block; color: #fff; font-size: 8pt; font-family: arial, helvetica, verdana, sans-serif; background:url(../images/buttons/tab-left.gif) no-repeat left top; padding: 5px; float:left; text-align: center; } /* Commented Backslash Hack hides rule from IE5-Mac \*/ ul.tabs li a, ul.tabs li span {float:none;} /* End IE5-Mac hack */ ul.tabs li a:visited { color: #fff; } ul.tabs li.active a, ul.tabs li.active span { background:url(../images/buttons/tab-active-left.gif) no-repeat left top; } ul.tabs li { background: url(../images/buttons/tab-right.gif) no-repeat right top; margin: 0; padding: 0; } ul.tabs li.active { background: url(../images/buttons/tab-active-right.gif) no-repeat right top; } /* *********************** Footer *********************** */ .foot {color: #FFFFFF; font-family: arial,helvetica, sans-serif; font-size: 7pt} /* *********************** Header *********************** */ .head {color: #FFFFFF; font-family: arial,helvetica, sans-serif; font-size: 9pt} a.head:link {color:#FFFFFF;} a.head:visited {color:#FFFFFF;} /* *********************** Horizontal Rule *********************** */ hr {color: #000099} hr.error {color: #FF0000} /* *********************** Menu *********************** */ .menu {color: #000099; font-family: arial,helvetica, sans-serif; font-size: 10pt} .submenu {color: #000099; font-family: arial,helvetica, sans-serif; font-size: 8pt} img {border-width: 0} /* *********************** Welcome Page *********************** */ .maintitle {color: #000099; font-family: arial,helvetica, sans-serif; font-size: 24pt; font-weight: bold} /* *********************** Image Processing *********************** */ .bdr {BORDER-RIGHT: 1px solid; BORDER-TOP: 0px solid; BORDER-LEFT: 0px solid; BORDER-BOTTOM: 1px solid} .bdrdark { BORDER-RIGHT: 1px solid; BORDER-TOP: 0px solid; BORDER-LEFT: 0px solid; BORDER-BOTTOM: 1px solid; BORDER-COLOR:#000099; BACKGROUND-COLOR:#a0c0dd; } .bdrlight { BORDER-RIGHT: 1px solid; BORDER-TOP: 0px solid; BORDER-LEFT: 0px solid; BORDER-BOTTOM: 1px solid; BORDER-COLOR:#000099; BACKGROUND-COLOR:#c5dbed; } .fullbdr {BORDER-RIGHT: 2px solid; BORDER-TOP: 2px solid; BORDER-LEFT: 2px solid; BORDER-BOTTOM: 2px solid} .locationPage {BORDER-RIGHT: 1px solid; BORDER-TOP: 1px solid; BORDER-LEFT: 1px solid; BORDER-BOTTOM: 1px solid} /* Added for BS-2963, BS-3067 --Faust 2005-08-19 */ .fullbdr-selected {BORDER-RIGHT: 2px solid; BORDER-TOP: 2px solid; BORDER-LEFT: 2px solid; BORDER-BOTTOM: 2px solid; BORDER-COLOR: #000099} .fullbdr-unselected {BORDER-RIGHT: 2px solid; BORDER-TOP: 2px solid; BORDER-LEFT: 2px solid; BORDER-BOTTOM: 2px solid; BORDER-COLOR: #a0c0dd} /* *********************** Link Manipulation *********************** This has been added to assist the Inbox in notifying the user which links have been visited */ span.unseen {color: #0000FF; font-family: arial,helvetica, sans-serif; font-size: 10pt;} span.seen {color: #800080; font-family: arial,helvetica, sans-serif; font-size: 10pt;} span.emaillink {color: #0000FF; font-family: arial,helvetica, sans-serif; font-size: 9pt;} span.emailnolink {font-family: arial,helvetica, sans-serif; font-size: 9pt;} /* *********************** Help *********************** */ .helptitle {color: #000099; font-family: arial,helvetica, sans-serif; font-size: 14pt; font-weight: bold} .helpsubtitle {color: #000099; font-family: arial,helvetica, sans-serif; font-size: 12pt; font-weight: bold} .helpheading {color: #000099; font-family: arial,helvetica, sans-serif; font-size: 10pt; font-weight: bold} .helpnormal {color: #000000; font-family: arial,helvetica, sans-serif; font-size: 10pt} .helpbold {color: #000099; font-family: arial,helvetica, sans-serif; font-size: 10pt; font-weight: bold} .helplogo {color: #FFFFFF; font-family: arial,helvetica, sans-serif; font-size: 16pt; font-weight: bold} .helplegal {color: #000099; font-family: arial,helvetica, sans-serif; font-size: 8pt} .helplink {color: #0000FF; font-family: arial,helvetica, sans-serif; font-size: 10pt; text-decoration: underline} UL.help {margin-left: 10px} LI.help {margin-left: 10px} /* *********************** Div Scroll bars *********************** */ .mzhundredpixscroll {display: block; width:100%; overflow:auto; overflow:-moz-scrollbars-vertical; height: 100px; border:2px; scrollbar-3dlight-color:; scrollbar-arrow-color:white; scrollbar-face-color:#A0C0DD; scrollbar-track-color:#A0C0DD;} .iehundredpixscroll {display: block; width:100%; overflow-y:auto; height: 100px; border:2px; scrollbar-3dlight-color:; scrollbar-arrow-color:white; scrollbar-face-color:#A0C0DD; scrollbar-track-color:#A0C0DD;} /* *********************** Admin Control *********************** */ .running {color: #006600; font-family: arial,helvetica, sans-serif; font-size: 10pt; font-weight: bold} .stopped {color: #BB0000; font-family: arial,helvetica, sans-serif; font-size: 10pt; font-weight: bold} .onhold {color: #FF6600; font-family: arial,helvetica, sans-serif; font-size: 10pt; font-weight: bold} /* *********************** Archive *********************** */ th.archive { color: white; background-color: #6f8ab8; font-family: arial,helvetica, sans-serif; font-size: 8pt; font-weight:normal; } div.archive { background-image: url('../images/backgrounds/plainBG.jpg'); } /* *********************** File Search Thumbnails *********************** */ div.thumbnail { width:150px; margin: 5px 5px 0 5px; overflow:hidden; } .fullbdr-selected, .fullbdr-unselected { width:100px;height:100px; } div.thumbnail .nothumb { background-color:#FFFFFF; } /* *********************** Quick Task - Wizard! *********************** */ a.qtasksquare {color: #fff; font-family: arial,helvetica, sans-serif; font-size: 16pt; font-weight: bold; background-image: url(../images/buttons/qtask-square.gif); width:223px; height:223px; display: block; line-height: 223px;} div.qtaskrectangle {color: #005; font-family: arial,helvetica, sans-serif; font-size: 9pt; background-image: url(../images/buttons/qtask-rectangle.gif); background-repeat: no-repeat; width:223px; height:503px; display: block; padding-top: 30px;} div.qtaskrectangle a:link, div.qtaskrectangle a:visited {color: #fff; font-family: arial,helvetica, sans-serif; font-size: 16pt; font-weight: bold; clear: both; margin-bottom: 30px;} div.qtaskrectangle p {margin-bottom: 30px; clear: both;} div.qtaskrectangle img {margin-bottom: 30px; clear: both; display:block;} a.qtaskbutton {color: #fff; font-family: arial,helvetica, sans-serif; font-size: 12pt; font-weight: bold; background-image: url(../images/buttons/qtask-small.gif); width:121px; height:50px; display: block; text-align: center; line-height:50px;} /* ********************** DIV's that act like tables ********************** */ div.formrow { clear: both; padding: .5em; vertical-align: middle; font-size: 10pt; } div.formrow span { float: left; width: 7em; display: inline; text-align: right; padding-right: 1em; vertical-align: middle; margin: 0em; } div.formrow span.error { width: 0.1em; margin: 0em; padding: 0em 0em 0em 1em; display: inline; float: left; } div.formrow span.note { margin: 0em; padding: 0em 0em 0em 1em; display: inline; float: left; } div.formrow input { margin: 0em; padding: 0em; display: inline; float: left; text-align: left; } div.formrow textarea { margin: 0em; padding: 0em; display: inline; float: left; text-align: left; } div.formrow select { margin: 0em; padding: 0em; display: inline; float: left; text-align: left; } #content-center-ie { width: 100%; padding: 0em; margin: 0em; text-align: center; } #content-center { width: 90%; padding: 0em; margin: 0em auto; text-align: center; } /* ********************** Text Formats ********************** */ H1 { font-family: arial,helvetica, sans-serif; font-size: 14pt; font-weight: bold; color: #000099; } H2 { font-family: arial,helvetica, sans-serif; font-size: 12pt; font-weight: bold; color: #000099; } H3 { font-family: arial,helvetica, sans-serif; font-size: 10pt; font-weight: bold; color: #000099; } /* ********************** Background Images ********************** */ .mainbackground { background-image: url("../images/backgrounds/publicBG.jpg"); } .plainbackground { background-image: url("../images/backgrounds/plainBG.jpg"); } .titlebackground { background-image: url("../images/backgrounds/mainBG.jpg"); } .questionbackground { background-image: url("../images/backgrounds/questBG.jpg"); } body.plainwhite { BACKGROUND-COLOR:#ffffff; } /* ********************** DataGrid ********************** */ table.datagrid th { color: #fff; font-family: arial,helvetica, sans-serif; font-size: 8pt; background-image: url(../images/archiveheader.gif); } /* ********************** Control->Authentication ********************** */ table.auth { background-color: #DDDDDD;} table.auth tbody tr { background-color: #EEEEEE;} table.auth tbody tr.even { background-color: #DDDDDD;} table.auth img { cursor:pointer; } /* ********************** HACKS ********************** */ /* the following are some things which should evenutually * come out, but must be left here for now. if you add things * here, please make a note as to why it was put in */ /* see rev. 314 */ .sevenhundredhack { width: 700px; } .click { cursor: pointer; } .clickable { cursor: pointer; color: #0000FF;}