/* PAGE -------------------------------------------------------------------------------------------------- */ body,html { height: 100%; } body { margin: 0; padding: 0; color: #000; } body#page { background: url(../images/bg.png) repeat-x #fff; } body#homepage, body#landing-page { background: url(../images/bg.png) repeat-x #fff; } body.mini { background-image: none !important; padding: 20px; } #wrapper { width: 960px; margin: 0 auto; padding: 0; position: relative; } /* body#homepage #wrapper { background: url(../images/cf-homepage-groupbg.png) no-repeat; background-position: 700px 0; } */ #content-main { margin: 0 10px; padding: 0; clear: both; zoom: 1; z-index: 1; /* background: url(../images/cf-secondary-gradbg.png) top center no-repeat; */ } body#homepage #content-main { /* background: url(../images/cf-gradbg.png) top center no-repeat; */} #sidebar { /* background: url(../images/cf-sidebarbg.png) repeat-y; background-position: -15px 0; */float: right; width: 240px; margin-top: 10px; margin-left: 20px; zoom: 1; } #sidebar-top { display: none; height: 60px; /* background: url(../images/cf-sidebarbg-top-sm.png) no-repeat; background-position: -15px 0; */ } #sidebar-bottom { display: none; height: 60px; /* background: url(../images/cf-sidebarbg-bottom-sm.png) no-repeat; background-position: -15px 0; */ } #sidebar div.box { /* background: url(../images/cf-footerbg.png) #f3f3f3 repeat-x; border: 1px solid #ddd; border-top: none; */padding: 10px 20px; margin-bottom: 15px; margin-left: 10px; } #sidebar div.box a { font-weight: bold; } #sidebar div.box p { font-size: 8pt; margin-bottom: 2px; margin-top: 3px; color: #666; } #content { width: 660px; padding-top: 10px; padding-bottom: 20px; /* margin-left: 30px; */margin-right: 10px; float: left; zoom: 1; } #content.full { width: 100%; float: none; padding-bottom: 30px; } #homepage-blocks { display: none; padding: 20px 0 10px; } #homepage-blocks div.homepage-block { float: left; width: 210px; margin: 0 30px; } #homepage-blocks div.homepage-block { /* background: url(../images/cf-footerbg.png) #f3f3f3 repeat-x; border: 1px solid #ddd; border-top: none; */ padding: 20px; margin-bottom: 15px; } #homepage-blocks div.homepage-block a { font-weight: bold; } #homepage-blocks div.homepage-block p { font-size: 8pt; margin-bottom: 2px; margin-top: 3px; color: #666; } #edu-blocks { /* margin-top: 30px; */padding: 30px 0 10px; } #edu-blocks div.edu-block { float: left; width: 150px; margin: 0 15px; } #edu-blocks div.edu-block { background: url(../images/cf-footerbg.png) #f3f3f3 repeat-x; border: 1px solid #ddd; border-top: none; padding: 20px; margin-bottom: 15px; } #edu-blocks div.edu-block a { font-weight: bold; } #edu-blocks div.imgwrap { background: #fff; height: 60px; width: 120px; border: 1px solid #ccc; margin: 0 auto 20px; } #edu-blocks div.edu-block p { font-size: 8pt; margin-bottom: 2px; margin-top: 3px; color: #666; } p.ico { padding-left: 60px; } p.ico-resume { background: url(../images/icons/onebit_39.png) no-repeat; } p.ico-interview { background: url(../images/icons/onebit_17.png) no-repeat; } p.ico-education { background: url(../images/icons/onebit_21.png) no-repeat; } .nolink { cursor: default !important; } div.post-apply { font-size: 11pt; line-height: 14pt; } div.post-apply span.focus { font-size: 11pt; color: #694D33; font-weight: bold; font-family: "trebuchet ms",georgia,serif;} div.post-apply span.focus2 { font-size: 16pt; color: #694D33; font-weight: bold; font-family: "trebuchet ms",georgia,serif;} div.post-apply span.focus3 { font-size: 22pt; color: #694D33; font-weight: bold; font-family: "trebuchet ms",georgia,serif;} #homepage-group { position: absolute; top: 23px; left: 600px; height: 395px; width: 302px; z-index: 2; background: url(../images/cf-homepage-group.png) no-repeat; } /* ELEMENT DEFAULTS -------------------------------------------------------------------------------------------------- */ img { border: none; } div { padding: 0; margin: 0; display: block; } form { margin: 0; } body,td { color: #222; font: normal 9pt tahoma,arial,helvetica,sans-serif; } input,textarea { color: #000000; font: normal 9pt arial,helvetica,sans-serif; padding: 3px; border: 1px solid #999; } select { color: #000000; font: normal 9pt arial,helvetica,sans-serif; padding: 2px; border: 1px solid #999; } a { color: #694D33; text-decoration: none; outline: 0; } a:hover { color: #ff0000; text-decoration: underline; outline: 0; } button { border: 1px solid #222222; color: #ffffff; padding: 3px 8px; font: bold 8pt tahoma,arial,helvetica,sans-serif; cursor: pointer; } /* HEADER -------------------------------------------------------------------------------------------------- */ #content-top { width: 960px; height: 101px; margin: 0 auto; padding: 0; position: relative; } #header { padding: 0; margin: 0; } #headerlogo { height: 81px; width: 428px; display: block; background: url(../images/logo.png) no-repeat; text-indent: -9999px; } #header-nav { float: right; width: 400px; margin: 0 auto 0; color: #003366; text-align: right; padding: 15px; font-size: 9pt; } #header-nav a { text-decoration: none; font-weight: bold; } #header-nav a:hover { text-decoration: underline; } /* SEARCHBOX -------------------------------------------------------------------------------------------------- */ #searchbox { float: left; width: 440px; margin-left: 44px; color: #000; } #landing-page #searchbox { float: none; width: 490px; margin: 0 auto; } #searchbox div.searchlabel { float: left; font-size: 21px; width: 170px; text-align: right; padding-top: 10px; margin-right: 10px; margin-top: 24px; font-family: "trebuchet ms",georgia,serif; font-weight: normal; letter-spacing: -1px; color: #694D33; margin-bottom: 5px; } #searchbox div.searchterms { float: left; width: 230px; margin-right: 20px; margin-top: 24px;} #searchbox div.searchlocation { float: left; width: 230px; margin-right: 20px; margin-top: 24px;} #searchbox div.searchbutton input { padding: 3px 8px; margin-top: 23px;} #searchbox label { display: block; font-weight: bold; font-size: 9pt; color: #694D33; } #searchbox input.search-input, #searchbox select.search-input { width: 230px; } #searchbox span.example { font-style: italic; color: #999; font-size: 8pt; display: block; text-align: center; margin-top: 4px; } #searchbox table td { line-height: 16pt; vertical-align: top; } #landing-page #searchbox table { margin-left: 50px; } #searchbox table td span.example { padding: 13px 0 0 10px; text-align: left; } #searchbox td.searchlabel { font-size: 28px; font-family: "trebuchet ms",georgia,serif; font-weight: bold; letter-spacing: -1px; color: #fff; padding-bottom: 10px; } #searchbox td.searchbutton { text-align: center; padding-top: 23px; } input.apply-now { padding: 4px 10px; font-size: 16px; font-weight: bold; -moz-border-radius: 8px; } #searchbox td.searchbutton input.button { padding: 8px; text-align: center; width: 140px; font-size: 16px; font-weight: bold; -moz-border-radius: 8px; border: 2px solid #fff; background: #000065; } #searchbox td.searchbutton input.button:hover { -moz-border-radius: 8px; color: #fff; background: #008000; border: 2px solid #fff; } #searchbox table td input.search-input, #searchbox table td select.search-input { margin-left: 10px; } #homepage-feature { padding: 0; margin: 0; height: 230px; } #landing-page-feature { padding: 0; margin: 0; height: 260px; } #searchbox-quicklinks { margin-left: 570px; } #searchbox-quicklinks a { line-height: 13pt; font-size: 9pt; /* font-weight: bold; */ } #searchbox-quicklinks a:hover { text-decoration: underline; } div.quicklinks a { line-height: 13pt; font-size: 9pt; /* font-weight: bold; */ } div.quicklinks a:hover { text-decoration: underline; } div.quicklinks h2 { margin-bottom: 8px; } #searchbox-secondary { width: 660px; margin: 0 auto 40px; color: #000; } #searchbox-secondary div.searchlabel { float: left; font-size: 21px; width: 120px; text-align: right; padding-top: 10px; margin-right: 10px; margin-top: 24px; font-family: "trebuchet ms",georgia,serif; font-weight: normal; letter-spacing: -1px; color: #222; } #searchbox-secondary div.searchterms { float: left; width: 160px; margin-right: 20px; margin-top: 24px;} #searchbox-secondary div.searchlocation { float: left; width: 160px; margin-right: 20px; margin-top: 24px;} #searchbox-secondary div.searchbutton input { padding: 3px 8px; margin-top: 23px;} #searchbox-secondary label { display: block; font-weight: bold; font-size: 9pt; color: #222; } #searchbox-secondary input.search-input { width: 160px; } #searchbox-secondary span.example { font-style: italic; color: #222; font-size: 8pt; display: block; text-align: center; } #sidebar div.searchbox { /* background: #ffcc99; border: 1px solid #cc3300; padding-top: 10px; padding-bottom: 10px; */margin-bottom: 25px; } #sidebar div.searchterms { } #sidebar div.searchlocation { margin-top: 5px; } #sidebar div.searchcategories { margin-top: 5px; margin-bottom: 5px; } #sidebar div.searchcategories select { width: 200px; } #sidebar div.searchbutton input { padding: 3px 6px;} #sidebar label { display: block; font-weight: bold; font-size: 8pt; color: #666; padding-bottom: 2px; } #sidebar input.search-input { width: 190px; } #sidebar input, #sidebar select { border: 1px solid #999; } #sidebar span.example { font-style: italic; color: #ccc; font-size: 8pt; display: none; text-align: center; } fieldset.form-layout span.example { color: #999; line-height: 11pt; font-size: 8pt; } div.search-summary { font-size: 9pt; margin-bottom: 15px; } /* SEARCHRESULTS -------------------------------------------------------------------------------------------------- */ div.searchresult { padding: 5px 5px 10px 10px; clear: both; margin-bottom: 10px; } div.searchresult a.jobtitle { text-decoration: none; font-family: "trebuchet ms",georgia,serif; font-size: 11pt; font-weight: bold; text-transform: capitalize; } div.searchresult div.subtitle { margin-top: 3px; padding-top: 3px; border-top: 1px solid #ccc; color: #666; } div.searchresult div.dateposted { float: right; text-align: right; } div.searchresult p { clear: both; } div.searchresult a.education { display: block; float: right; width: 160px; height: 42px; margin-left: 20px; background: url(../images/icons/get-qualified-tr.png) no-repeat right; } div.resultalt { background: #e9e9e9; } div.alreadyapplied div.subtitle, div.alreadyapplied p, div.alreadyapplied a { color: #999; } p.alreadyapplied { background: url(../images/icons/onebit_34_sm.png) no-repeat; background-position: 0 2px; padding-left: 30px; line-height: 24px; color: #008000 !important; font-weight: bold; } div.quicklinks { padding: 40px 20px; } /* FOOTER -------------------------------------------------------------------------------------------------- */ #content-bottom { padding: 0 0 30px; clear: both; } #footboxes { width: 960px; margin: 0 auto 15px; padding-top: 5px; font-size: 8pt; /* background: url(../images/grey-main-bottom-bg.jpg) no-repeat; background-position: 0 -30px; */ } #footer { font-size: 8pt; color: #000; text-align: center; width: 880px; border-top: 1px solid #999; margin: 60px auto 0; padding-top: 15px; } #footer a { color: #fff; font-weight: normal; text-decoration: underline; } #footer a:hover { } div.footbox { float: left; width: 220px; margin-left: 60px; margin-right: 20px; margin-top: 15px; text-align: left; font-size: 8pt; } div.footbox h4 { margin-top: 25px; color: #222; font-size: 8pt; border-bottom: 1px solid #d2d2d2; } div.footbox p, div.footbox div { text-align: left; color: #555; padding-left: 10px; } div.footbox a { font-weight: normal; line-height: 12pt; } div#customer-service-number { /* width: 960px; */ margin: 0 auto; text-align: center; padding: 8px 0; color: #000; font-size: 13pt; font-weight: normal; } div#customer-service-number h3 { margin: 0 0 0 25px; display: inline; font-size: 13pt; } div.container { /* background: #f9f9f9; *//* border: 1px solid #cccccc; */} div.boxed { /* border: 1px solid #cccccc; */padding: 0; margin-top: 15px; background: #ffffff; } div.cell { border: 1px solid #cccccc; padding: 0; margin-bottom: 15px; background: #ffffff; } div.cell p { padding-left: 25px; } div.col200 { float: left; width: 225px; margin: 0; margin-left: 45px; } div.col00 { float: left; width: 660px; } div.col2col { float: left; width: 320px; margin: 0 10px 20px 0; } div.col50 { float: left; width: 50%; margin: 0 0 20px; } div.col67 { float: left; width: 67%; margin: 0 0 20px; } div.errormode { background: #ffcc99; border: 1px solid #ff9933; padding: 10px; margin-bottom: 20px; } div.instructional { background: #ffffcc; border: 1px solid #ffff00; padding: 10px; margin-bottom: 20px; } div.clickable { cursor: pointer; } div.clickable:hover { border: 1px solid #aaa; } /* PAGINATION -------------------------------------------------------------------------------------------------- */ div.pagination { text-align: right; padding: 5px 0; margin-bottom: 50px; line-height: 16px; } div.paginationL { float: left; padding: 5px 0; margin-bottom: 5px; line-height: 16px; } div.paginationR { float: right; text-align: right; padding: 5px 0; margin-bottom: 5px; line-height: 16px; clear: right; } div.paginationSorter { float: left; margin-right: 25px; line-height: 16px; } span.pageon { background: #36415b; border: 1px solid #333; color: #fff; padding: 3px 4px; margin-left: 2px; font-weight: bold; } a.pagination { border: 1px solid #cccccc; color: #999999; padding: 3px 4px; margin-left: 2px; } a.pagination:hover { border: 1px solid #000000; color: #000000; background: #e9e9e9; text-decoration: none; } /* FORMS -------------------------------------------------------------------------------------------------- */ /* input.button { border: 1px solid #000000; } */ .button { background: #000065; color: #ffffff; padding: 4px 8px; font-weight: normal; font-size: 12px; text-transform: none; cursor: pointer; border: 1px solid #000065; -moz-border-radius: 5px; } .button:hover { background: #008000; } .button-n { background: #f6f6f6; color: #000; padding: 4px 8px; font-weight: normal; font-size: 12px; text-transform: none; cursor: pointer; border: 1px solid #ccc; -moz-border-radius: 5px; } .button-n:hover { background: #e9e9e9; } input.checkbox { padding: 0; margin: 0; border: none; } .text-max { width: 90%; /* height: 17px !important; */ }/* overrides dijit class for ff tininess */ .text-large { width: 400px; } .text-med { width: 200px; /* height: 17px !important; */ } .text-small { width: 90px; /* height: 17px !important; */ } .text-generic { /* height: 17px !important; */ } .select-med { /* height: 13px !important; */width: 200px; } .select-small { /* height: 13px !important; */width: 100px; } .select-max { width: 90%; } .select-large { width: 400px; } label { font-weight: bold; } label.block { display: block; } label.left { display: block; text-align: left; font-weight: bold; margin-bottom: 4px; color: #333;} label.inline { display: inline !important; margin-right: 4px; } label.horiz { float: left; margin-right: 14px; cursor: pointer;} label.short { width: 90px; } label.fllmedium { float: left; display: block; width: 135px; text-align: right; margin-right: 8px; } label.right { margin-left: 5px; } .disabled,label.disabled { color: #999 !important; } select.disabled { color: #999; border: 1px solid #ccc; background: #eee; } input.left { margin-left: 135px; } fieldset { margin: 0; padding: 0; position: relative; } /* reset */ fieldset { position: relative; margin-top: 10px; border: 1px solid #ddd; padding: 20px; background: #f9fbfd;} fieldset.application-form { border: none; } legend { padding-left: 4px; padding-right: 4px; font-weight: bold; color: #694D33; /* background: #fff; */font-size: 12pt; } h2.legend { padding-left: 4px; padding-right: 4px; font-weight: bold; color: #694D33; /* background: #fff; */font-size: 12pt; border-bottom: none; margin-bottom: 8px; padding-bottom: 0; } legend.dark { color: #694D33; margin-bottom: 0; } fieldset.resumeeditor legend { font-size: 10pt; } fieldset.resumeeditor { /* padding: 15px; */ } legend.tertiary { color: #009900; } fieldset.tertiary { border: 1px solid #009900; } legend.secondary { color: #cc0000; } fieldset.secondary { border: 1px solid #cc0000; } legend.primary { color: #0d3257; } fieldset.primary { border: 1px solid #0d3257; } textarea.notes { width: 100%; height: 100px; padding: 5px; } textarea.resume { width: 98%; height: 220px; padding: 5px; } textarea.cover-letter { width: 98%; height: 120px; padding: 5px; } .application-form label { text-transform: capitalize; display: block; font-weight: normal; color: #000; margin-bottom: 3px; } input.error,textarea.error { border: 1px solid #ff0000 !important; color: #ff0000 !important; } /* .required { padding-left: 5px; font-style: italic; color: #cccccc; font-size: 7pt; } */ .row,.rowf { clear: both; margin-top: 7px; position: relative; } .rowvalue { display: block; margin-bottom: 10px; padding-left: 15px; } tr.sep td { border-bottom: 1px solid #eee; padding-top: 10px !important; padding-bottom: 12px !important; } ol.spaced li { margin-bottom: 12px; } .form-label { /* color: #cc3300; */font-size: 9pt; } .req { font-weight: bold; } div.resume-editor-intro { margin-bottom: 15px; } fieldset.form-layout label { display: block; color: #694D33; font-size: 9pt; font-weight: bold; margin-top: 8px; margin-bottom: 4px; } span.optional { font-weight: normal; color: #999; font-size: 8pt; } label.normal { font-weight: normal; color: #000 !important; } fieldset.shaded { background: #f9f9f9; } a.post-click { font-size: 9pt; font-weight: bold; } div.inline { clear: both; margin-bottom: 10px; margin-top: 10px; line-height: 17px; } div.indent { clear: both; margin-bottom: 10px; margin-top: 10px; } div.indent div.rcol { margin-left: 175px; padding-top: 0; margin-top: 3px; } div.indent li { margin-left: 25px; } p { padding: 5px 0; } /* HEADINGS -------------------------------------------------------------------------------------------------- */ h1,h2,h3,h4 { font-family: "trebuchet ms",georgia,serif; } h1 { color: #293145; font-size: 18pt; font-weight: bold; text-transform: none; padding: 0; margin: 20px 0 30px 0; line-height: 35px; border-bottom: 1px solid #694D33; } h2 { color: #293145; margin-top: 25px; font-size: 13pt; font-weight: bold; text-transform: none; padding-bottom: 3px; } #content-main h2:first-child { margin-top: 0; } h3 { color: #555; margin-top: 25px; font-size: 11pt; font-weight: bold; text-transform: none; } div.h3-sub { font-size: 9pt; font-weight: normal; text-align: center; } h4 { color: #555; margin-top: 10px; margin-bottom: 3px; font-size: 10pt; font-weight: bold; text-transform: none; } div.inline h4 { float: left; width: 175px; margin: 0; } div.indent h4 { float: left; width: 175px; margin: 0; } h1#homepage-search { font-size: 28px; font-family: "trebuchet ms",georgia,serif; font-weight: bold; letter-spacing: -1px; color: #3d4a68; padding: 0; border-bottom: none; margin: 0; line-height: 28px; margin-bottom: 5px; padding-top: 20px; } h2#quicklinks-vertical { font-size: 28px; font-family: "trebuchet ms",georgia,serif; font-weight: bold; letter-spacing: -1px; color: #3d4a68; padding: 0; border-bottom: none; margin: 0; line-height: 28px; margin-bottom: 5px; padding-top: 20px; } #sidebar div.box h3 { color: #555; margin-top: 0; margin-bottom: 10px; font-size: 15pt; } /* TABLES -------------------------------------------------------------------------------------------------- */ table.data,table.form-layout { width: 100%; background: #f3f3f3; } table.data td { padding: 6px 8px; background: #fff; vertical-align: top; } table.form-layout td { padding: 3px 8px; background: #fff; vertical-align: top; line-height: 19px; } table.data td.h { font-weight: bold; color: #000; text-align: right; width: 170px; } table.data td p:first-child,table.form-layout td p:first-child { padding-top: 0; margin-top: 0; } table.indent td input,table.indent td select { /* margin-left: 25px; */ } /* MISCELLANEOUS -------------------------------------------------------------------------------------------------- */ .cb { clear: both; } .cb1 { clear: both; line-height: 1px; } .heavy { font-weight: bold !important; } .heavyu { font-weight: bold !important; text-decoration: underline; } .i { font-style: italic !important; } .l { text-align: left !important; } .c { text-align: center !important; } .r { text-align: right !important; } .va { vertical-align: middle !important; } .normal { font-weight: normal !important; font-style: normal !important; } .sm { font-size: 7pt !important; } .uc { text-transform: uppercase !important; } .uct { text-transform: uppercase !important; font-size: 7pt !important; } .nw { white-space: nowrap !important; } .flr { float: right; text-align: right; } .flrb { float: right; margin: 0; } .fll { float: left !important; } .adj-pr { float: left; display: block; clear: left; margin-right: 5px; } .pad { padding: 20px; } .pad10 { padding: 10px; } .pad1020 { padding: 10px 20px; } .pad1020 p { margin-top: 0; } .pad2040 { padding: 20px 40px; } .marg10 { margin: 10px; } .subtip { color: #999; } .z1 { zoom: 1; } /* for some ie rendering where hasLayout is required */ .none { display: none; } .formspacer { display: block; height: 7px; clear: both; } .spacer { line-height: 20px; clear: both; display: block; } .w { color: #ffffff !important; } .errors { border: 1px solid #ff0000; padding: 15px; color: #ff0000; margin: 20px 0 30px; background: url(../images/icons/onebit_33_sm.png) #ffeaea no-repeat; background-position: 10px 10px; padding-left: 45px; font-size: 9pt; } .errorsoft { border: 1px solid #ffcc99; padding: 15px; color: #000; background: #fff0e1; margin: 20px 0 10px; /* font-style: italic; */} .errorsoft a { font-style: normal; font-weight: bold !important; margin-left: 3px; } .informative { border: 1px solid #33cc00; padding: 15px; color: #000; margin: 20px 0 30px; background: url(../images/icons/onebit_34_sm.png) #ccff99 no-repeat; background-position: 10px 10px; padding-left: 45px; font-size: 9pt; } .noflow { overflow: hidden !important; } .scrolling { overflow: auto !important; } .thin { font-weight: normal !important; } .red { color: #ff0000 !important; } .padlrmore { padding: 20px 30px !important; } .flr { float: right; text-align: right; } .nw { white-space: nowrap; } .notext { color: #999; } .lite { color: #999 !important; } span.unparsed { color: #999; } .nopad { padding: 0 !important; } .ml { margin-left: 2px; } .help { cursor: help; border-bottom: 1px dotted #999; } .checkbox { border: none; } .hide { visibility: hidden; } li { margin: 3px 3px 3px -5px; } ul li ul li { margin: 3px 3px 3px -15px; } .diffs { background: #ffff00; text-decoration: inherit; } .z { zoom: 1; } /* gives hasLayout in IE */ .pointer { cursor: pointer; } .ilabel { float: left; display: block; color: #999; font-size: 7pt; text-transform: uppercase; font-weight: bold; width: 50px; text-align: right; margin-right: 5px; } span.err { color: #ff0000 !important; font-weight: bold !important; } span.ok { color: #009900 !important; font-weight: bold !important; } hr { color: #ccc; } .dead { text-decoration: none !important; cursor: default !important; } div.normal a { font-weight: normal; } .sysadmin, .sysadmin a { color: #999 !important; text-transform: none !important; font-weight: normal !important; } .sysadmin a:hover { color: #ff0000 !important; } ul.spaced li { margin-bottom: 10px; } .nu { text-decoration: none !important; } div.four-col { width: 200px; float: left; margin-right: 20px; } div.four-col-end { width: 200px; margin-left: 660px; } div.quicklinks-narrow div.four-col-end { margin-left: 440px; } div.login-left { float: left; width: 420px; margin-left: 20px; margin-right: 60px; } div.login-right { float: left; width: 420px; } /* VALIDATION ENGINE -------------------------------------------------------------------------------------------------- */ .formError { position:absolute; top:300px; left:300px; padding-bottom:13px; display:block; z-index:5000; } #debugMode{ background:#000; position:fixed; width:100%; height:200px; top:0; left:0; overflow:scroll; opacity:0.8; display:block; padding:10px; color:#fff; font-size:14px; z-index:100000; } .ajaxSubmit{ padding:20px; background:#55ea55;border:1px solid #999;display:none} .formError .formErrorContent { /* margin-top: -3px; */ background:#ee0101; color:#fff; width:190px; font-family:tahoma; font-size:11px; line-height: 11px; border:1px solid #d2d2d2; box-shadow: 0px 0px 6px #000; -moz-box-shadow: 0px 0px 6px #000; -webkit-box-shadow: 0px 0px 6px #000; padding:4px 10px 4px 10px; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; } .greenPopup .formErrorContent {background:#33be40;} .blackPopup .formErrorContent {background:#393939;color:#FFF;} .formError .formErrorArrow{ position:absolute; bottom:0;left:20px; width:15px; height:15px; z-index:5001; } .formError .formErrorArrowBottom{top:0;margin:-6px;} .formError .formErrorArrow div{ border-left:2px solid #ddd; border-right:2px solid #ddd; box-shadow: 0px 2px 3px #444; -moz-box-shadow: 0px 2px 3px #444; -webkit-box-shadow: 0px 2px 3px #444; font-size:0px; height:1px; background:#ee0101;margin:0 auto;line-height:0px; font-size:0px; display:block; } .formError .formErrorArrowBottom div{ box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; } .greenPopup .formErrorArrow div{background:#33be40;} .blackPopup .formErrorArrow div{background:#393939;color:#FFF;} .formError .formErrorArrow .line10{width:15px;border:none;} .formError .formErrorArrow .line9{width:13px;border:none;} .formError .formErrorArrow .line8{width:11px;} .formError .formErrorArrow .line7{width:9px;} .formError .formErrorArrow .line6{width:7px;} .formError .formErrorArrow .line5{width:5px;} .formError .formErrorArrow .line4{width:3px;} .formError .formErrorArrow .line3{width:1px; border-left:2px solid #ddd; border-right:2px solid #ddd; border-bottom:0px solid #ddd;} .formError .formErrorArrow .line2{width:3px;border:none;background:#ddd;} .formError .formErrorArrow .line1{width:1px;border:none;background:#ddd;} /* ColorBox Core Style The following rules are the styles that are consistant between themes. Avoid changing this area to maintain compatability with future versions of ColorBox. */ #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;} #cboxOverlay{position:fixed; width:100%; height:100%;} #cboxMiddleLeft, #cboxBottomLeft{clear:left;} #cboxContent{position:relative; overflow:hidden;} #cboxLoadedContent{overflow:auto;} #cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;} #cboxTitle{margin:0;} #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} /* ColorBox example user style The following rules are ordered and tabbed in a way that represents the order/nesting of the generated HTML, so that the structure easier to understand. */ #cboxOverlay{/* background:#333; */ background:url(../images/overlay.png) 0 0 repeat;} #colorBox{} #cboxTopLeft{width:25px; height:25px; background:url(../images/border1.png) 0 0 no-repeat;} #cboxTopCenter{height:25px; background:url(../images/border1.png) 0 -50px repeat-x;} #cboxTopRight{width:25px; height:25px; background:url(../images/border1.png) -25px 0 no-repeat;} #cboxBottomLeft{width:25px; height:25px; background:url(../images/border1.png) 0 -25px no-repeat;} #cboxBottomCenter{height:25px; background:url(../images/border1.png) 0 -75px repeat-x;} #cboxBottomRight{width:25px; height:25px; background:url(../images/border1.png) -25px -25px no-repeat;} #cboxMiddleLeft{width:25px; background:url(../images/border2.png) 0 0 repeat-y;} #cboxMiddleRight{width:25px; background:url(../images/border2.png) -25px 0 repeat-y;} #cboxContent{background:#fff;} #cboxLoadedContent{margin-bottom:20px;} #cboxTitle{position:absolute; bottom:0px; left:0; text-align:center; width:100%; color:#999;} #cboxCurrent{position:absolute; bottom:0px; left:100px; color:#999;} #cboxSlideshow{position:absolute; bottom:0px; right:42px; color:#444;} #cboxPrevious{position:absolute; bottom:0px; left:0; color:#444;} #cboxNext{position:absolute; bottom:0px; left:63px; color:#444;} #cboxLoadingOverlay{background:url(../images/loading.gif) 5px 5px no-repeat #fff;} #cboxClose{position:absolute; bottom:0; right:0; display:block; color:#444;} /* The following fixes png-transparency for IE6. It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition Since this method does not support CSS background-positioning, it is incompatible with CSS sprites. Colorbox preloads navigation hover classes to account for this. !! Important Note: AlphaImageLoader src paths are relative to the HTML document, while regular CSS background images are relative to the CSS document. */ .cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/internet_explorer/bordertopleft.png, sizingMethod='scale');} .cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/internet_explorer/bordertopcenter.png, sizingMethod='scale');} .cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/internet_explorer/bordertopright.png, sizingMethod='scale');} .cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/internet_explorer/borderbottomleft.png, sizingMethod='scale');} .cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/internet_explorer/borderbottomcenter.png, sizingMethod='scale');} .cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/internet_explorer/borderbottomright.png, sizingMethod='scale');} .cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/internet_explorer/bordermiddleleft.png, sizingMethod='scale');} .cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/internet_explorer/bordermiddleright.png, sizingMethod='scale');} #nav{ clear: both; font-size: 8pt; list-style: none; margin: 0; padding: 0; height: 28px; right: 0px; top: 104px; position: absolute; z-index: 9; } #nav li a { background: #003366; color: #fff; display: block; padding: 9px 25px 10px; text-align: center; text-decoration: none; font-size: 12px; margin-top: 1px; border-bottom: 1px solid #fff; } #nav li a:hover{ background: #ccc; color: #000; text-decoration: none;} #nav li { float: left; position: relative; padding: 0; margin-left: -2px; background: #fff; } #nav li.active a, #nav li.active a:hover { background: url(../images/cf-generalbg-bor-d.png) #ff6100 repeat-x; color: #fff; border-bottom: 1px solid #ff6100; } #nav li ul { display: none; position: absolute; top: 0; left: 0; margin-left: 1px; width: 200px; border-top: 1px solid #fff; margin-top: -1px; } #nav li>ul { top: auto; left: auto; } #nav li ul li { background: #003366; color: #fff; display: block; padding: 0; text-align: left; text-decoration: none; font-size: 8pt; width: 200px; } #nav li ul li a {background: #003366; border-top: none !important; margin-top: 0 !important;color: #fff; display: block; padding: 10px; text-align: left; text-decoration: none; border-left: 1px solid #e9e9e9; border-right: 1px solid #e9e9e9; } #nav li ul li a:hover {background: #ccc; border-top: none; color: #000; text-decoration: none; border-left: 1px solid #e9e9e9; border-right: 1px solid #e9e9e9; } #nav li.active ul { border-top: 1px solid #fff; margin-top: -1px; } #nav li.active ul li a {background: #ff6100 !important; border-top: none !important; margin-top: 0 !important;color: #fff; display: block; padding: 10px; text-align: left; text-decoration: none; border-left: 1px solid #e9e9e9; border-right: 1px solid #e9e9e9; border-bottom: 1px solid #fff; } #nav li.active ul li a:hover{background: #ccc !important; border-top: none; color: #000; text-decoration: none; border-left: 1px solid #e9e9e9; border-right: 1px solid #e9e9e9;border-bottom: 1px solid #fff; } #nav li:hover ul { display: block; } /*** ESSENTIAL STYLES ***/ .sf-menu, .sf-menu * { margin: 0; padding: 0; list-style: none; } .sf-menu { line-height: 1.0; } .sf-menu ul { position: absolute; top: -999em; width: 10em; /* left offset of submenus need to match (see below) */ } .sf-menu ul li { width: 100%; } .sf-menu li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ } .sf-menu li { float: left; position: relative; } .sf-menu a { display: block; position: relative; } .sf-menu li:hover ul, .sf-menu li.sfHover ul { left: 0; top: 2.5em; /* match top ul list item height */ z-index: 99; } ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul { top: -999em; } ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul { left: 10em; /* match ul width */ top: 0; } ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul { top: -999em; } ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul { left: 10em; /* match ul width */ top: 0; } /*** DEMO SKIN ***/ .sf-menu { float: left; margin-bottom: 1em; } .sf-menu a { border-left: 1px solid #fff; border-top: 1px solid #CFDEFF; padding: .75em 1em; text-decoration:none; } .sf-menu a, .sf-menu a:visited { /* visited pseudo selector so IE6 applies text colour*/ color: #13a; } .sf-menu li { background: #BDD2FF; } .sf-menu li li { background: #AABDE6; } .sf-menu li li li { background: #9AAEDB; } .sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active { background: #CFDEFF; outline: 0; } /*** arrows **/ .sf-menu a.sf-with-ul { padding-right: 2.25em; min-width: 1px; /* trigger IE7 hasLayout so spans position accurately */ } .sf-sub-indicator { position: absolute; display: block; right: .75em; top: 1.05em; /* IE6 only */ width: 10px; height: 10px; text-indent: -999em; overflow: hidden; background: url('../images/arrows-999999.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */ } a > .sf-sub-indicator { /* give all except IE6 the correct values */ top: .8em; background-position: -10px -100px; /* use translucent arrow for modern browsers*/ } /* .sf-sub-indicator { top: 23px; } a > .sf-sub-indicator { top: 23px; } */ li.active .sf-sub-indicator { background: url('../images/arrows-ffffff.png') no-repeat -10px -100px; } li.active a > .sf-sub-indicator { background: url('../images/arrows-ffffff.png') no-repeat -10px -100px; } /* apply hovers to modern browsers */ a:focus > .sf-sub-indicator, a:hover > .sf-sub-indicator, a:active > .sf-sub-indicator, li:hover > a > .sf-sub-indicator, li.sfHover > a > .sf-sub-indicator { background: url('../images/arrows-999999.png') no-repeat -10px -100px; /* arrow hovers for modern browsers*/ } /* point right for anchors in subs */ .sf-menu ul .sf-sub-indicator { background-position: -10px 0; } .sf-menu ul a > .sf-sub-indicator { background-position: 0 0; } /* apply hovers to modern browsers */ .sf-menu ul a:focus > .sf-sub-indicator, .sf-menu ul a:hover > .sf-sub-indicator, .sf-menu ul a:active > .sf-sub-indicator, .sf-menu ul li:hover > a > .sf-sub-indicator, .sf-menu ul li.sfHover > a > .sf-sub-indicator { background-position: -10px 0; /* arrow hovers for modern browsers*/ } /*** shadows for all but IE6 ***/ .sf-shadow ul { background: url('../images/shadow.png') no-repeat bottom right; padding: 0 8px 9px 0; -moz-border-radius-bottomleft: 17px; -moz-border-radius-topright: 17px; -webkit-border-top-right-radius: 17px; -webkit-border-bottom-left-radius: 17px; } .sf-shadow ul.sf-shadow-off { background: transparent; } /*** Eligibility page ***/ h1.eligibility {color: #293145; font-size: 17pt; font-weight: bold; text-transform: none; padding: 0; margin: 10px 0 10px 0; line-height: 35px; border-bottom: 1px solid #694D33;} label.eligibility {font-weight: normal;} label.eligibilityquestion {font-weight: bold;} .eligiblecheckbox {margin-top:8px;} .eligibleradiobutton {margin-top: 8px;}