/* text styles */ .norm { font-family: Verdana,Arial,tahoma; font-size: 11px; color: #000000; text-decoration: none; font-weight: normal; } .normTiny { font-family: Verdana,Arial,tahoma; font-size: 8px; color: #000000; text-decoration: none; font-weight: normal; } .normSuccess { font-family: Verdana,Arial,tahoma; font-size: 11px; color: #60A060; text-decoration: none; font-weight: bold; } .normError { font-family: Verdana,Arial,tahoma; font-size: 11px; color: #F04040; text-decoration: none; font-weight: bold; } .pageTitle { font-family: Verdana,Arial,tahoma; font-size: 18px; color: #80A0E0; text-decoration: none; font-weight: bold; } .subTitle { font-family: Verdana,Arial,tahoma; font-size: 14px; color: #000000; text-decoration: none; font-weight: bold; } .jobTitle { font-family: Verdana,Arial,tahoma; font-size: 14px; color: #80A0E0; text-decoration: none; font-weight: bold; } .jobColumnHeading { font-family: Verdana,Arial,tahoma; font-size: 14px; color: #029C01; text-decoration: none; font-weight: bold; text-align: center; } .formTitle { font-family: Verdana,Arial,tahoma; font-size: 14px; color: #000000; text-decoration: none; font-weight: bold; } .highlighted { font-family: Verdana,Arial,tahoma; font-size: 13px; color: #000000; text-decoration: none; font-weight: bold; } .tableTitle { font-family: Verdana,Arial,tahoma; font-size: 11px; color: #000000; text-decoration: none; font-weight: bold; } .required { font-family: Verdana,Arial,tahoma; font-size: 12px; color: #FF0000; text-decoration: none; font-weight: normal; } /* menu styles */ .mhMenuOff { font: bold 12px Arial, Helvetica, sans-serif; background-color: #CCC; border-collapse: collapse; filter: progid:DXImageTransform.Microsoft.Fade(duration=0.3,Overlap=1.00) progid:DXImageTransform.Microsoft.Fade(duration=0.1,Overlap=1.00) progid:DXImageTransform.Microsoft.Shadow(direction=135,color=#808080,strength=5); } .mhMenuOn { font: bold 12px Arial, Helvetica, sans-serif; background-color: #CCC; border-collapse: collapse; filter: progid:DXImageTransform.Microsoft.Shadow(direction=135,color=#808080,strength=5); } .mhItemOff { font: bold 12px Arial, Helvetica, sans-serif; padding: 3px 10px; border: 0px solid #000000; color: #CCC; background-color: #666666; border-collapse: collapse; } .mhItemOn { font: bold 12px Arial, Helvetica, sans-serif; padding: 3px 10px; border: 0px solid #000000; color: #CCC; background-color: #555555; border-collapse: collapse; } /* form styles */ .radioButton { background-color: transparent; width: 12px; border: 0px none transparent; } .checkBox { background-color: transparent; width: 12px; border: 0px none transparent; } .button { background-color: #FFFFFF; color: #000000; border: 1px solid #000000; width: auto; } .warningButton { background-color: #FFC0C0; color: #000000; border: 1px solid #000000; width: auto; } .thinButton { background-color: #FFFFFF; color: #000000; border: 1px solid #000000; width: auto; height: 16px; line-height: 8px; margin: 0px 1px 1px 0px; } .thinWarningButton { background-color: #FFC0C0; color: #000000; border: 1px solid #000000; width: auto; height: 16px; line-height: 8px; margin: 0px 1px 1px 0px; } .selectBox { width: auto; } .tinyText { width: 30px; } .smallText { width: 60px; } .mediumText { width: 200px; } .longText { width: 350px; } .fullLengthText { width: 100%; } .bigTextArea { height: 120px; } .clickableImage { border: 0px none transparent; cursor: pointer; cursor: hand; } .clickableBorderedImage { border: 1px solid #000000; cursor: pointer; cursor: hand; } .borderedImage { border: 1px solid #000000; } /* form and misc formatting styles */ .formQuestionCell { text-align: left; vertical-align: top; padding: 7px 10px 3px 0px; } .outerFormCell { padding: 10px; text-align: left; vertical-align: top; } .formMessageCell { text-align: center; vertical-align: center; padding: 3px 10px; background-color: #FFF0F0; border-color: #FFA0A0; border-style: solid; border-width: 1px; } .errorMessageCell { text-align: center; vertical-align: center; padding: 0px 10px; margin: 3px auto 3px auto; background-color: #FFFFFF; border: 0px none #000000; filter: progid:DXImageTransform.Microsoft.Shadow(direction=135,color=#9094A0,strength=4); } .statusMessageCell { text-align: center; vertical-align: center; padding: 0px 10px; margin: 3px auto 3px auto; background-color: #FFFFFF; border: 0px none #000000; filter: progid:DXImageTransform.Microsoft.Shadow(direction=135,color=#9094A0,strength=4); } /* alt table styles */ .altCell1 { border: 1px solid #D5E2EE; border-style: none dotted; padding: 2px 5px; color: #000000; background-color: #C0C0C0 } .altCell2 { border: 1px solid #D5E2EE; border-style: none dotted; padding: 2px 5px; color: #000000; background-color: #FFFFFF } .altCellTitle { border: 1px solid #D5E2EE; border-style: dotted none; font-family: Verdana,Arial,tahoma; font-size: 11px; color: #000000; text-decoration: none; font-weight: bold; text-align: center; padding: 2px 5px; color: #000000; background-color: #FFFFFF } .formBox { width: 100%; border: 1px solid #000000; background-color: #F0F4FF; margin: 10px 0px; } .contentBox { background-color: #FFFFFF; border: 1px solid #000000; } /* default html styles */ body { background-color: #000000; margin: 0px; padding: 0px; font-family: Verdana,Arial,tahoma; font-size: 11px; color: #000000; text-decoration: none; font-weight: normal; text-align: left; } input { font-family: Arial,Helvetica,sans-serif; font-size: 11px; font-weight: normal; color: #FFFFFF; background-color: #666666; border: 1px solid #000000; } select { font-family: Arial,Helvetica,sans-serif; font-size: 11px; font-weight: normal; color: #FFFFFF; background-color: #666666; border: 1px solid #000000; } textarea { font-family: Arial,Helvetica,sans-serif; font-size: 11px; width: 350px; height: 75px; font-weight: normal; color: #FFFFFF; background-color: #666666; border: 1px solid #000000; } ul { margin: 5px 5px 5px 25px; } ol { margin: 5px 5px 5px 25px; } td { font-family: Verdana,Arial,tahoma; font-size: 11px; color: #000000; text-decoration: none; font-weight: normal; text-align: left; } a { font-family: Verdana,Arial,tahoma; font-size: 11px; color: #330033; text-decoration: underline; font-weight: normal; } a:hover { font-family: Verdana,Arial,tahoma; font-size: 11px; color: #000000; text-decoration: underline; font-weight: normal; } form { margin: 0px; padding: 0px; } center { margin: 0px; padding: 0px; } table { border-collapse: collapse; } p { margin: 0px 0px 10px 0px } h1 { font: bold 14px Arial, Helvetica, sans-serif; color: #FFF; text-transform: capitalize; text-align: left; text-transform: uppercase; padding: 10px 20px 10px 20px; margin: 0px; } p { font: 10px Verdana, Arial, Helvetica, sans-serif; color: #333; text-align: left; margin: 0px 30px 20px 35px; background: none; } a:link { color: #666; text-decoration: underline; } a:visited { color: #666; text-decoration: underline; } a:hover { color: #FFF; text-decoration: none; background-color: #006600; } #top { background-color: #000; float: left; height: 25px; width: 780px; vertical-align: middle; } .top:link { font: 10px Arial, Helvetica, sans-serif; color: #666; text-decoration: none; } .top:visited { font: 10px Arial, Helvetica, sans-serif; color: #666; text-decoration: none; } .top:hover { font: 10px Arial, Helvetica, sans-serif; color: #FFF; text-decoration: underline; background-color: #000; } .topnormal { font: bold 11px Arial, Helvetica, sans-serif; color: #666666; } #navbox { float: left; width: 140px; margin-top: 30px; } .nav a:link { width: 114px; float: left; font: bold 11px Arial, Helvetica, sans-serif; color: #CCC; text-decoration: none; text-align: left; padding: 10px 5px 10px 27px; background-color: #666; } .nav a:visited { width: 114px; float: left; font: bold 11px Arial, Helvetica, sans-serif; color: #CCC; text-decoration: none; text-align: left; padding: 10px 5px 10px 27px; background-color: #666; } .nav a:hover { width: 114px; float: left; font: bold 11px Arial, Helvetica, sans-serif; color: #CCC; text-decoration: none; text-align: left; padding: 10px 5px 10px 27px; background: #555 url(images/smalls-menu-arrow.gif) no-repeat; } .navoff { width: 114px; float: left; font: bold 11px Arial, Helvetica, sans-serif; color: #CCC; text-align: left; padding: 10px 5px 10px 27px; background: #555 url(images/smalls-menu-arrow.gif) no-repeat; } #central { background: #CCC url(images/smalls-page-bg.gif); margin-right: auto; margin-left: auto; position: relative; width: 780px; text-align: center; } .contenta { float: right; width: 314px; border-right: solid 2px #000; margin-top: -5px; } .contenta h1 { background: #333 url(images/smalls-heading-bg1.jpg); padding-top: 12px; } .contenta p { margin: 15px 30px 20px 35px; padding: 0px; } .contenta p img { clear: none; float: right; padding: 0px; margin: 0px -30px 0px 15px; border: none; } h3 { float: left; clear: none; font: bold 10px Verdana, Arial, Helvetica, sans-serif; color: #029C01; text-align: left; text-transform: uppercase; padding: 1px 0px 7px 28px; margin: -7px 0px 0px 15px; background-image: url(images/smalls-menu-arrow2.gif); background-repeat: no-repeat; } h2 { font: bold 16px Arial, Helvetica, sans-serif; color: #333; text-align: left; text-transform: capitalize; padding: 15px 15px 5px 20px; margin: 0px; } .jobs { float: right; width: 632px; } .jobs h1 { background: #333 url(images/smalls-heading-bg2.jpg); } .jobs h2 { padding-left: 35px; margin-top: 0px; clear: both; } .greenlink:link { clear: none; font: bold 10px Verdana, Arial, Helvetica, sans-serif; color: #029C01; text-decoration: none; } .greenlink:visited { clear: none; font: bold 10px Verdana, Arial, Helvetica, sans-serif; color: #029C01; text-decoration: none; } .greenlink:hover { background: transparent; font: bold 10px Verdana, Arial, Helvetica, sans-serif; color: #029C01; text-decoration: underline; } ol { font: 10px Verdana, Arial, Helvetica, sans-serif; color: #333; text-align: left; margin: 0px 20px 20px 35px; background: none; list-style-type: decimal; } ul { font: 10px/13px Verdana, Arial, Helvetica, sans-serif; color: #333; text-align: left; margin: 0px 20px 20px 35px; background: none; list-style-type: square; } li { list-style-position: inside; }