html * {
margin: 0;
padding: 0;
}
body { background: #666; }
/*-- Global ---------- */
body, textarea {
font: 11px/18px Lucida Grande, Helvetica, Arial, Verdana, sans-serif;
color: #313131;
}
a {
color: #f68f1e;
font-weight: bold;
text-decoration: underline;
}
a:hover { text-decoration: none; }
img, fieldset { border: 0; }
select option { padding: 0 10px 0 0; }
h1 { font-size: 36px; line-height: 36px; padding-top: 18px; padding-bottom: 18px; }
h2 { font-size: 28px; line-height: 36px; padding-top: 9px; padding-bottom: 9px; }
h3 { font-size: 18px; line-height: 18px; padding-top: 9px; padding-bottom: 9px; }
h4 { font-size: 14px; line-height: 18px; padding-top: 9px; padding-bottom: 9px; }
h5 { font-size: 12px; line-height: 18px; padding-top: 9px; padding-bottom: 9px; }
h6 { font-size: 10px; line-height: 18px; padding-top: 9px; padding-bottom: 9px; }
p { padding: 0 0 18px 0; }
h1, h2, h3, h4, h5, h6 {
/* font-weight: normal; */
}
blockquote {
padding: 18px;
background: #eee;
margin: 0px 36px 18px 18px;
}
ul, ol {
margin: 0px 36px 18px 18px;
}
ul li, ol li { margin: 9px 0 9px 0;}
/*-- Clearing Styles & Container --*/
#container {
}
.block {
width: 960px;
margin: 0 auto;
display: block;
}
.clearfix { display: inline-block; }
.block:after, .clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.column {
float: left;
width: 192px;
}
/*-- Columns --*/
#main {
margin: 10px auto;
width: 720px;
background: #fff url("/public/img/body-bg.gif") 50% 0% repeat-y;
border: 1px solid #333;
}
/*-- Header --*/
#header {
width: 720px;
background: #fff;
border-bottom: solid #f68f1e 9px;
}
/*-- Logo --*/
h1#logo {
padding: 0;
float: left;
}
h1#logo a {
display: block;
text-decoration: none;
text-indent: -999em;
width: 277px;
height: 103px;
background: url("/public/img/logo.gif") no-repeat;
}
#navigation_block {
float: left;
width: 443px;
height: 103px;
}
/*-- Search Form ---- */
#searchform * { vertical-align: middle; }
#searchform { padding: 11px 0 0 9px; }
#searchform label {
background: url(/public/img/search_logo.gif) 0px 3px no-repeat;
display: block;
float: left;
width: 56px;
height: 18px;
text-indent: -999em;
padding: 4px 5px 0 0;
}
#searchform input#search {
width: 150px;
padding: 2px;
border: solid 1px #cac5b8;
margin: 0 3px 0 0;
}
#cse-search-box * { vertical-align: middle; }
#cse-search-box { padding: 11px 0 0 9px; }
#cse-search-box label {
background: url(/public/img/search_logo.gif) 0px 3px no-repeat;
display: block;
float: left;
width: 56px;
height: 18px;
text-indent: -999em;
padding: 4px 5px 0 0;
}
#cse-search-box input#search {
width: 150px;
padding: 2px;
border: solid 1px #cac5b8;
margin: 0 3px 0 0;
}
#editContent {
padding: 12px;
background: #fff;
}
/*-- Tools Navigation --*/
#tools {
margin: 0;
padding: 10px 0 0 5px;
width: 443px;
background: #fff;
clear: both;
height: 27px;
}
#tools ul {
margin: 0;
padding: 0;
list-style: none;
}
#tools ul li {
margin: 0;
padding: 0;
float: left;
}
#tools ul li a {
display: block;
padding: 4px 8px 5px 8px;
font-weight: bold;
color: #f68f1e;
text-decoration: none;
float: left;
}
#tools ul li a:hover {
color: #666;
text-decoration: none;
}
#gradient_line {
margin: 0;
padding: 0;
}
/*-- Main Navigation --*/
#navigation {
margin: 0;
padding: 0 0 0 5px;
width: 443px;
background: #fff;
clear: both;
height: 27px;
}
#navigation ul {
margin: 0;
padding: 0;
list-style: none;
}
#navigation ul li {
margin: 0;
padding: 0;
float: left;
}
#navigation ul li a {
display: block;
padding: 4px 8px 5px 8px;
font-weight: bold;
color: #32113f;
text-decoration: none;
float: left;
}
#navigation ul li a:hover {
color: #666;
text-decoration: none;
}
#sub_nav-profile {
margin: 0;
padding: 0 0 0 62px;
width: 443px;
clear: both;
height: 27px;
}
#sub_nav-profile ul {
margin: 0;
padding: 0;
list-style: none;
}
#sub_nav-profile ul li {
margin: 0;
padding: 0;
float: left;
}
#sub_nav-profile ul li a {
display: block;
padding: 0 12px 0 0;
margin: 0;
font-weight: bold;
color: #666;
text-decoration: none;
float: left;
}
#sub_nav-profile ul li a:hover {
color: #999;
text-decoration: none;
}
#sub_nav-careers {
margin: 0;
padding: 0 0 0 15px;
width: 443px;
clear: both;
height: 27px;
}
#sub_nav-careers ul {
margin: 0;
padding: 0;
list-style: none;
}
#sub_nav-careers ul li {
margin: 0;
padding: 0;
float: left;
}
#sub_nav-careers ul li a {
display: block;
padding: 0 12px 0 0;
margin: 0;
font-weight: bold;
color: #666;
text-decoration: none;
float: left;
}
#sub_nav-careers ul li a:hover {
color: #999;
text-decoration: none;
}
/*--Content area --*/
#contentarea {
margin: 0;
padding: 0;
width: 720px;
}
#sidebar {
width: 189px;
margin: 0;
padding: 0;
float: left;
background: url("/public/img/sidebar_bkg.gif") repeat-y;
}
#dropdowns {
width: 173px;
margin: 0;
padding: 15px 0 10px 15px;
}
#sidebar_int {
font: 10px/18px Lucida Grande, Helvetica, Arial, Verdana, sans-serif;
color: #32113f;
width: 172px;
margin: 0;
padding: 5px 0 25px 15px;
float: left;
background: url("/public/img/sidebar_gradient.gif") repeat-x;
}
#home-main-content {
width: 509px;
margin: 0;
padding: 15px 0 0 10px;
float: left;
}
#main-content {
width: 345px;
margin: 0;
padding: 0 10px 0 15px;
float: left;
}
#main-content-1col {
width: 500px;
margin: 0;
padding: 0 10px 0 15px;
float: left;
}
#sideimages {
width: 154px;
margin: 0;
padding: 0;
float: left;
background: #ccc;
}
#home-copy {
width: 320px;
margin: 0;
padding: 0 10px 0 0;
float: left;
font-size: 11px;
}
#home-sidebar2 {
width: 175px;
margin: 0;
padding: 0;
float: left;
}
#home-sidebar2 strong {
font-weight: bold;
color: #32113f;
}
#home-sidebar2 ul {
margin: 0;
padding: 0;
list-style-image: url("/public/img/listbox.gif");
}
#home-sidebar2 ul li {
margin: 0 0 0 15px;
padding: 0;
font-size: 10px;
}
#dropdowns p span {
color: #f68f1e;
font-weight: bold;
}
#dropdowns select {
width: 150px;
}
/*--Breadcrumb --*/
ul#breadcrumb {
padding: 9px 0 0 0;
margin: 0;
list-style: none;
}
ul#breadcrumb li {
margin: 0;
display: inline;
font-family: Helvetica, Arial, sans-serif;
}
ul#breadcrumb li a {
color: #32113f;
font-size: 11px;
background: url("/public/img/bc-arrow.gif") 100% 50% no-repeat;
padding: 1px 8px 0 0;
}
ul#breadcrumb li.home a { color: #32113f; }
ul#breadcrumb li.active a {
font-weight: normal;
background: none;
}
h2#contenttitle {
font-size: 18px;
color: #32113f;
font-weight: bold;
margin: 0 0 9px 0;
padding: 0 0 3px 0;
border-bottom: dotted #f68f1e 2px;
}
h2#home-contenttitle {
font-size: 18px;
color: #32113f;
font-weight: bold;
margin: 0 0 9px 0;
padding: 3px 0 3px 0;
width: 509px;
border-bottom: dotted #f68f1e 2px;
}
#int-content {
width: auto;
height: 330px;
background-color: #ffffff;
overflow: auto;
}
/*--Footer --*/
#footer {
width: 720px;
height: 99px;
padding: 5px 0 18px 0;
font: 12px/18px Lucida Grande, Helvetica, Arial, Verdana, sans-serif;
color: #fff;
text-align: right;
}
#footer a {
color: #fff;
font-weight: normal;
text-decoration: underline;
}
#footer a:hover {
text-decoration: none;
}
#footer-form {
float: right;
padding: 0 0 0 9px;
color: #fff;
font-weight: bold;
}
/*-- Form Styles ----- */
.generic_form {}
.generic_form {
padding: 18px 0 16px 0;
border: none;
margin: 0 0 18px 0;
}
.generic_form h3 {
clear: both;
float: left;
}
.generic_form fieldset {
clear: both;
border: none;
}
.generic_form fieldset h4 {
border-bottom: solid 1px #ddd;
margin: 0 0 9px 0;
}
.generic_form legend {
font-family: Georgia, Times, "Times New Roman", serif;
color: #fff;
font-size: 18px;
padding: 0 4px 5px 0px;
margin: 0;
border: none;
}
.generic_form ul { list-style: none; }
.generic_form p.note {
font-size: 10px;
font-weight: bold;
color: #666;
padding: 0 0 0 4px;
}
.generic_form ul li input { margin: 0 6px 0 0; }
.generic_form label {
display: block;
font-weight: normal;
}
.generic_form input.forminput {
padding: 3px;
font-weight: bold;
}
.generic_form fieldset {
padding: 0 0 10px 0;
border: none;
}
.generic_form p { float: none; }
.generic_form p.formrow { clear: both; }
.generic_form p input.forminput { width: 425px; }
.generic_form p.formcol1 input.forminput , .generic_form p.formcol2 input.forminput { width:175px; }
.generic_form p.formcol1 {
float: left;
clear: both;
}
.generic_form p.formcol2 {
margin: 0 0 0 250px;
}
.generic_form p { padding-left: 0; }
.generic_form span.required, .generic_form span.error {
color: #cc0000;
font-style: italic;
font-size: 11px;
}
.generic_form span.error { display: block; }
.generic_form .checkbox { padding: 2px 0;}
.generic_form .checkbox label, #forminset .checkbox label {
display: inline;
margin: 0 0 0 6px;
}
.generic_form ul { clear: both; }
select#direction {
width: 510px;
}
.generic_form textarea {
width: 425px;
padding: 3px;
height: 250px;
}
.generic_form optgroup option {
padding: 0 0 0 15px;
}
p.errornotice {
color: #b5121b;
font-size: 13px;
background: #ffffcc;
padding: 9px;
margin: 0 0 18px 0;
}
input.submit {
padding: 5px;
font-weight: bold;
}
.generic_form input.submit { margin: 0 0 18px 0; }
p.error {
color: #cc0000;
}
input.error {
border: solid 1px #cc0000;
}
p.usernotice {
background: #eee;
padding: 9px;
margin: 9px 0 9px 0;
font-weight: bold;
}
span.note {
font-size: 11px;
display: block;
}
.compact p {
clear: both;
float: left;
padding: 0;
}
.compact label {
}
.compact fieldset {
border: 0;
padding: 6px;
}
.compact fieldset legend { padding: 0; }
.compact input {
margin: 0;
padding: 3px;
}
.compact input.submit {
padding: 2px;
margin: 12px 0 0 0;
}
#forminset {
padding: 10px;
background: #666e77;
margin: 0 0 12px 0;
}
#forminset ul {
list-style: none;
}
#forminset .checkbox {
border-top: solid 1px #fff;
padding: 10px 0 10px 0;
margin: 12px 0 0 0;
}
.small label {
display: inline;
margin: 0 10px 0 0;
}
p.small input.forminput {
width: 80px;
}
/*-- News List ----- */
ul#newslist {
list-style: none;
margin: 0;
}
ul#newslist li {
border-bottom: solid 1px #eee;
padding: 0 0 8px 0;
margin: 0 0 9px 0;
}
ul#newslist p { padding: 0; }
ul#newslist p.date {
font-size: 10px;
color: #666;
padding: 0;
font-weight: bold;
}
ul#newslist p.more {
font-weight: bold;
font-size: 11px;
}
ul#newslist p.more a {
padding: 0 10px 0 0;
font-size: 11px;
}
ul#newslist li h3 { padding: 0; }
ul#newslist li h3 a {
padding: 2px 0 4px 0;
display: block;
text-decoration: none;
margin: 0;
font-size: 16px;
}
/* Form Styles --------------------- */
form fieldset {
border: none;
border-top: solid 3px #ddd;
padding: 10px 0 0 0;
width: 480px;
}
form fieldset legend {
font-size: 1.6em;
padding: 10px 0 10px 0;
}
form p {
padding: 0 0 10px 0;
}
form label {
display: block;
font-size: 1.1em;
}
/*form input.forminput {
padding: 2px;
font-weight: bold;
width: 500px;
font-size: 1.3em;
}
form textarea {
padding: 2px;
width: 500px;
height: 200px;
font-family: Lucida Grande,"Lucida Sans Unicode", Trebuchet MS, Verdana, Tahoma, sans-serif;
font-size: 1.2em;
}
*/
form span.required {
margin: 0 0 0 4px;
color: #cc0000;
}
form .radio span {
font-weight: bold;
margin: 0 4px 0 0;
}
form #submit {
padding: 4px 10px;
color: #fff;
background: #0071bc;
font-weight: bold;
font-size: 1.2em;
}
form .error {
color: #cc0000;
font-size: .8em;
font-weight: bold;
line-height: 1.1em;
}
/*-- Jobs -----------*/
table#joblist {
width: 475px;
}
table#joblist th {
text-align: left;
border-bottom: solid 1px #ddd;
padding: 3px 0;
}
table#joblist h4 {
font-size: 11px;
padding: 0;
}
table#joblist h4 a {
font-weight: normal;
}
table#joblist td {
border-bottom: solid 1px #ddd;
border-right: solid 1px #ddd;
padding: 3px 6px;
}
table#joblist td.job-date { width: 75px; }
table#joblist tr.odd {
background: #eee;
}
p.apply-button {
width: 475px;
padding: 6px 0;
}
.apply-button a {
background: #f68f1e;
padding: 6px;
color: #fff;
border: solid 1px #f68f1e;
}
.apply-button a:hover {
background: #fff;
color: #f68f1e;
}
#jobinfo {
padding: 9px 0;
}
#jobinfo h4 {
color: #333;
border-bottom: solid 1px #ccc;
padding: 12px 0 6px 0;
margin: 0 0 6px 0;
}
#searchinfo {
background: #eee;
border-bottom: solid 2px #ddd;
padding: 12px;
margin: 10px 0 0 0;
}
form#application {
padding: 0;
width: 480px;
}
form#application input { font-size: 12px; }
form#application fieldset { padding: 6px 0 8px 0; }
form#application fieldset legend {
padding: 8px 0 8px 0;
}
form#application span.label {
display: block;
color: #0071bc;
padding: 12px 0 4px 0;
border-bottom: solid 1px #eee;
margin: 10px 0 4px 0;
}
form#application label { font-size: .9em; }
form#application div.formsection, form#application div.formcheck {
padding: 6px 0 6px 0;
clear: both;
}
form#application div.formcheck p span { display: block; }
form#application div.formcheck { padding: 0 0 2px 0; }
form#application div#form_legalname div.field1, form#application div#form_legalname div.field2, form#application div#form_legalname div.field3 {
float: left;
width: 220px;
}
form#application div#form_email div.field1 {
width: 480px;
}
form#application div#form_email div.field1 input.forminput {
width: 420px;
}
form#application div#form_legalname div.field1 input.forminput, form#application div#form_legalname div.field2 input.forminput {
width: 205px;
}
form#application div#form_address1 div.field1 {
float: left;
width: 310px;
}
form#application div#form_address1 div.field1 input.forminput { width: 300px; }
form#application div#form_address1 div.field2 {
float: left;
width: 100px;
}
form#application div#form_address1 div.field2 input.forminput { width: 80px; }
form#application div#form_address2 div.field1 input.forminput { width: 200px; }
form#application div#form_address2 div.field2 select { width: 150px; }
form#application div#form_address2 div.field3 input.forminput { width: 50px; }
form#application div#form_address2 div.field1 { width: 200px; }
form#application div#form_address2 div.field2 { width: 160px; }
form#application div#form_address2 div.field3 { width: 80px; }
form#application div#form_address4 div.field2 input.forminput, form#application div#form_address5 div.field2 input.forminput, form#application div#form_address6 div.field2 input.forminput,
form#application div#form_address4 div.field1 input.forminput, form#application div#form_address5 div.field1 input.forminput, form#application div#form_address6 div.field1 input.forminput,
form#application div#form_jobinfo1 div.field1 input.forminput, form#application div#form_jobinfo1 div.field2 input.forminput
{ width: 235px; }
form#application div.field1,form#application div.field2, form#application div.field3 {
float: left;
margin: 0 10px 0 0;
}
form#application div.formcheck { font-size: .9em; }
form#application div.formcheck span { margin: 0 8px 0 0 ; }
form#application div.formcheck label {
font-weight: bold;
display: inline;
margin: 0 4px 0 0;
}
form#application div.formcheck input {margin: 0 6px 0 0; }
form#application div.forminline input.forminput {
width: 30px;
margin: 0 4px 0 2px;
}
form#application div.forminline span {
display: block;
font-size: .9em;
padding: 0 0 2px 0;
}
form#application div.forminline label {
display: inline;
margin: 0 4px 0 0;
}
form#application div#form_ed1 div.field1 input.forminput, form#application div#form_ed5 div.field1 input.forminput,
form#application div#form_ed9 div.field1 input.forminput, form#application div#form_ed13 div.field1 input.forminput
{ width: 360px; }
form#application div#form_ed1 div.field2 input.forminput, form#application div#form_ed5 div.field2 input.forminput,
form#application div#form_ed9 div.field2 input.forminput, form#application div#form_ed13 div.field2 input.forminput
{ width: 100px; }
form#application div#form_ed4 div.field1 input.forminput, form#application div#form_ed4 div.field2 input.forminput,
form#application div#form_ed8 div.field1 input.forminput, form#application div#form_ed8 div.field2 input.forminput,
form#application div#form_ed12 div.field1 input.forminput, form#application div#form_ed12 div.field2 input.forminput,
form#application div#form_ed16 div.field1 input.forminput, form#application div#form_ed16 div.field2 input.forminput,
form#application div#form_ed20 div.field1 input.forminput, form#application div#form_ed20 div.field2 input.forminput,
form#application div#form_ed21 div.field1 input.forminput, form#application div#form_ed21 div.field2 input.forminput,
form#application div#form_reg2 div.field1 input.forminput, form#application div#form_reg2 div.field2 input.forminput,
form#application div#form_work1 div.field1 input.forminput, form#application div#form_work1 div.field2 input.forminput,
form#application div#form_work8 div.field1 input.forminput, form#application div#form_work8 div.field2 input.forminput,
form#application div#form_work14 div.field1 input.forminput, form#application div#form_work14 div.field2 input.forminput,
form#application div#form_work20 div.field1 input.forminput, form#application div#form_work20 div.field2 input.forminput
{ width: 220px; }
form#application textarea {
font-size: 1.1em;
font-family: Lucida Grande,"Lucida Sans Unicode", Trebuchet MS, Verdana, Tahoma, sans-serif;
padding: 3px;
height: 200px;
width: 400px;
}
form#application table {
margin: 0 0 8px 0;
}
form#application table th {
font-size: .8em;
background: #eee;
text-align: left;
padding: 2px;
vertical-align: bottom;
}
form#application table td.col1, form#application table th.col1 { width: 200px; }
form#application table th.col2, form#application table th.col3, form#application table th.col4,
form#application table td.col2, form#application table td.col3, form#application table td.col4
{ width: 100px; }
form#application table input.forminput { width: 190px; }
form#application table td.col2 input.forminput, form#application table td.col3 input.forminput, form#application table td.col4 input.forminput
{ width: 90px; }
form#application div.csz div.field1 input.forminput { width: 200px; }
form#application div.csz div.field2 select { width: 150px; }
form#application div.csz div.field3 input.forminput { width: 50px; }
form#application div.csz div.field1 { width: 220px; }
form#application div.csz div.field2 { width: 170px; }
form#application div.csz div.field3 { width: 60px; }
form#application div#form_work4 div.field1, form#application div#form_work5 div.field1,
form#application div#form_work11 div.field1, form#application div#form_work12 div.field1,
form#application div#form_work17 div.field1, form#application div#form_work18 div.field1,
form#application div#form_work23 div.field1, form#application div#form_work24 div.field1
{ width: 220px; }
form#application div#form_work4 div.field1 input.forminput, form#application div#form_work5 div.field1 input.forminput,
form#application div#form_work11 div.field1 input.forminput, form#application div#form_work12 div.field1 input.forminput,
form#application div#form_work17 div.field1 input.forminput, form#application div#form_work18 div.field1 input.forminput,
form#application div#form_work23 div.field1 input.forminput, form#application div#form_work24 div.field1 input.forminput
{ width: 200px; }
form#application div#form_work4 div.field2, form#application div#form_work4 div.field3,
form#application div#form_work5 div.field2, form#application div#form_work5 div.field3,
form#application div#form_work11 div.field2, form#application div#form_work11 div.field3,
form#application div#form_work12 div.field2, form#application div#form_work12 div.field3,
form#application div#form_work17 div.field2, form#application div#form_work17 div.field3,
form#application div#form_work18 div.field2, form#application div#form_work18 div.field3,
form#application div#form_work23 div.field2, form#application div#form_work23 div.field3,
form#application div#form_work24 div.field2, form#application div#form_work24 div.field3
{ width: 120px; }
form#application div#form_work4 div.field2 input.forminput, form#application div#form_work4 div.field3 input.forminput,
form#application div#form_work5 div.field2 input.forminput, form#application div#form_work5 div.field3 input.forminput,
form#application div#form_work11 div.field2 input.forminput, form#application div#form_work11 div.field3 input.forminput,
form#application div#form_work12 div.field2 input.forminput, form#application div#form_work12 div.field3 input.forminput,
form#application div#form_work17 div.field2 input.forminput, form#application div#form_work17 div.field3 input.forminput,
form#application div#form_work18 div.field2 input.forminput, form#application div#form_work18 div.field3 input.forminput,
form#application div#form_work23 div.field2 input.forminput, form#application div#form_work23 div.field3 input.forminput,
form#application div#form_work24 div.field2 input.forminput, form#application div#form_work24 div.field3 input.forminput
{ width: 80px; }
#form_work27 {
margin: 10px 0 10px 0;
background: #eee;
}
#form_work27 p { padding: 12px; }
span.note {
font-size: .8em;
display: block;
}
form#application p.note {
padding: 10px 0 0 0;
font-weight: bold;
}
form#application p.error_note {
background: pink;
padding: 10px;
}