/* -------------------------------------------------------------- ----------------------------------------------------------------- DEFINITIONS: Global styles AUTHOR: PSN Inc. VERSION: 10.09.2009 CONTENTS: 0 General 1 Typography 2 Colors 3 Alignments 4 Links 5 Form Elements 6 Header 7 Footer 8 Navigation ----------------------------------------------------------------- -------------------------------------------------------------- */ /* 0 General =============================================================== */ ul.gray {padding-left:10px;} ul.gray li {background:url(../images/bullet_gray.gif) no-repeat 5px 9px; padding:3px 2px 3px 18px; line-height: 1.4em;} ul.gray_dot {padding-left:10px;} ul.gray_dot li {background:url(../images/bullet_gray.gif) no-repeat 0 8px; padding:2px 2px 7px 18px; line-height: 1.4em;} .box_important {border:1px solid #ffcc66; padding:2em; background-color: #FFFBE8; margin:10px 0;} body#webinar_topics .box_important {padding:2em 2em .8em 2em;} p.success {text-align: center;} @media screen { .pagebreak { height:10px; background:url(http://davidwalsh.name/dw-content/page-break.gif) 0 center repeat-x; border-top:1px dotted #999; margin-bottom:13px; } } @media print { .pagebreak { height:0; page-break-before:always; margin:0; border-top:none; display: block; } } /* 1 Typography =============================================================== */ #content h1 {font:24px Georgia; color:#cd4226; padding:0 0 15px 0;} #print h1 {font:24px Arial; color:#111; padding:0 0 15px 0;} h1.header {width:880px; height:30px; background: url(../images/bg/header_sub.gif) no-repeat; font:24px Georgia; color:#fff; padding:15px 30px;} h2{font:19px Arial; padding:0 0 15px 0; line-height:1.5em;} h3{font:16px Arial; padding:0 0 15px 0; line-height:1.5em;} p {line-height:1.6em; padding-bottom:1.2em;} .bold {font-weight:bold;} .italic {font-style: italic;} /* 2 Colors =============================================================== */ .orange {color:#ea1f05;} .green {color:#507400;} .red {color:#cc0001;} /* 3 Alignments =============================================================== */ .alignRight {text-align:right;} .alignCenter {text-align:center;} .clearBoth {clear:both; height:1px;} .clearRight {clear:right;} .clearLeft {clear:left;} .floatLeft {float:left;} .floatRight {float:right;} .imgLeft {float:left; margin:5px 20px 5px 0;} .imgRight {float:right; margin:0 0 10px 20px;} .margin0 {margin:0;} .height10 {height:10px;} .height20 {height:20px;} .paddtop20 {padding-top: 20px;} #displaynone {display:none;} .bott20 {padding-bottom:20px;} .bott30 {padding-bottom:30px;} .dot_line {clear:both; background:url(../images/dot_gray.gif) repeat-x bottom; height:5px;} .width50per {width:50%;} .width45per {width:45%;} .width70per {width:65%;} .mr5 {margin-right:5px;} .ml5 {margin-left:5px;} /* 4 Links =============================================================== */ a:link, a:hover, a:active, a:visited {color:#434651;} a.logo {float:left; width:215px; height:55px;} #content a {color:#FF3300;} #content a:hover {color:#991E00;} #content a:visited {color:#BB2400;} /* 5 Form Elements =============================================================== */ .wrap_form {border:1px solid #ececec; padding:2em; background-color: #f1f1f1; margin:10px 0;} .wrap_form ul li {padding:5px 0;} .wrap_form ul li.costli span {font-size:14px; padding: 8px 0 0; float: left; color: #111;} .wrap_form ul li label {float:left; width:100px; padding: 9px 0 0;} .txt_input {border:1px solid #ccc; border-bottom-width:2px; padding:7px; width:370px;} .txt_search {border:1px solid #ccc; padding:7px; width:150px; } .btn_search {border:0; background-color:#e4e4e4; padding:7px;} .btn_submit {border:0; background: url(../images/bg/submit.gif) no-repeat; font:italic 13px Arial; padding:10px; height:33px; width: 135px; text-align: center; color:#505050; margin-right:10px;} .btn_submit:hover {background-position-y: -34px; cursor: default;} body#webinar_regist .wrap_form ul li label {width:150px; text-align: right; padding-right:10px;} body#webinar_regist .wrap_form ul li .txt_input {width: 320px;} body#submit_resume .wrap_form ul li label {width:170px; text-align: right; padding-right:10px;} body#submit_resume .wrap_form ul li .txt_input {width: 300px;} input.add {border:0; font-weight:bold; padding:8px 10px; background-color: #E7E7E7; color:#689128;} input.remove {border:0; font-weight:bold; padding:8px 10px; background-color: #E7E7E7; color:#cc0001;} .cost {background-color:#f1f1f1; border:0; text-align: right; font-size: 13px; width:35px; padding: 6px 0; float: left;} /* 6 Header =============================================================== */ /* 7 Footer =============================================================== */ #footer_logos a {margin:0 10px; width:60px; height:60px; float:left;} #footer_indent, #footer_indent a {font:12px Arial; color:#7d7d7d; line-height:1.8em;} #footer_indent p {text-align: left; font-size: 12px;} ul#nav_footer {float:right;} ul#nav_footer li {display:inline; padding:2px 0 2px 13px; border-left:0px solid #7d7d7d;} ul#nav_footer li a {text-decoration: none;} ul#nav_footer li a:hover {text-decoration: underline;} a.award1 {background: url(../images/award1.gif) no-repeat;} a.award2 {background: url(../images/award2.gif) no-repeat;} a.award3 {background: url(../images/award3.gif) no-repeat;} a.award4 {background: url(../images/award4.gif) no-repeat;} a.award5 {background: url(../images/award5.gif) no-repeat;} a.award6 {background: url(../images/award6.gif) no-repeat;} a.award1:hover, a.award2:hover, a.award3:hover, a.award4:hover, a.award5:hover, a.award6:hover {background-position: 0 -61px;} /* 8 Navigation =============================================================== */ ul#nav {float:right; padding:10px 0 0;} ul#nav li {display: inline;} ul#nav li a {float:left; font:15px Arial; color:#434651; padding:10px 0; margin:0 15px; text-decoration: none;} ul#nav li a:hover {color:#be391f; border-bottom:1px solid #be391f;} ul#nav li a.current {border-bottom:5px solid #be391f; color:#be391f;} /* 9 Sidebar =============================================================== */ .sidebox_gray {display:block; margin:0 0 40px 0;} .sidebox_gray h1 {width:225px; height:20px; padding:15px; margin-bottom:15px; background:url(../images/bg/header_sidebar_gray.gif) no-repeat; font:20px Georgia; color:#111;} .sidebox_gray ul {padding-left:20px;} .sidebox_gray ul li {background:url(../images/bullet_tri.gif) no-repeat 0 8px; padding: 2px 2px 2px 15px; line-height: 1.4em;} body#contact .sidebox_gray ul li {background:url(../images/bullet_tri.gif) no-repeat 0 15px; padding: 10px 2px 10px 15px; line-height: 1.4em; border-bottom: 1px solid #f1f1f1;} .sidebox_gray ul li.viewall {background: none;} .sidebox_gray ul li.viewall a {font-style: italic; color: #a7a9ae;} .sidebox_gray ul li a {text-decoration: none;} .sidebox_gray ul li a:hover {text-decoration: underline;} body#contact .sidebox_gray ul li a {text-decoration: underline; } .sidebox_gray ul li span {float:left; width:100px;} .sidebox {display:block; width:270px; margin:0 0 10px 0; background: url(../images/bg/box_sidebar.gif) no-repeat bottom left;} .sidebox h1 {background: url(../images/bg/header_sidebar_red.gif) no-repeat; font:18px Georgia; color:#fff; width:225px; height:30px; padding:15px;} .sidebox ul {width:225px; padding:0 15px 40px 15px; margin-bottom: 20px;} .sidebox ul li {line-height: 1.8em; background: url(../images/dot_gray.gif) repeat-x bottom center;} .sidebox ul li a {font:16px Georgia; color:#585858; text-decoration: none; padding:15px 0; display: block;} .sidebox ul li a:hover {text-decoration: underline;} .sidebox ul li a.active {color:#cc0001; text-decoration: underline;} body#jobs .sidebox ul li {line-height:1em;} body#jobs .sidebox ul li a {font-size:14px; padding:10px 0;} .sidebox_nobg, .sidebox_nobg_hbg {display:block; width:270px; margin:0 0 10px 0; text-align: left;} .sidebox_nobg h1 {font:italic 18px Georgia; color:#cc0001; width:225px; height:20px; padding:10px;} .sidebox_nobg_hbg h1 {background: url(../images/bg/header_sidebar_red.gif) no-repeat; font:18px Georgia; color:#fff; width:225px; height:30px; padding:15px;} .sidebox ol {margin-left:20px;} .sidebox ol li {background-position: top;} .sidebox ol li a {background: url(../images/bullet_tri.gif) no-repeat 0 15px; padding:10px 0 10px 15px; color:#636363; font-style: italic; font-size:15px;} /* 10 Content =============================================================== */ #breadcrump {padding:20px 0; background: url(../images/dot_gray.gif) repeat-x bottom; margin-bottom:20px; font-size:13px; color:#c5c5c5;} #breadcrump a {color:#919191; margin:0 10px; } #breadcrump a:hover {color:#F38C74;} /* 11 Page HOME =============================================================== */ ul#areyou {float:left; width:245px; margin-left: 50px; padding:8px 0;} ul#areyou li {font:15px Georgia; color:#FFDCCE; padding:15px 0; border-bottom:1px solid #8B220A; line-height:1.4em;} ul#areyou li.header {font-size:24px;} ul#areyou li.last {border-bottom:0;} ul#areyou li a {color:#FFDCCE; text-decoration: none; font-style: normal; background:url(../images/bullet_redbox.gif) no-repeat 1px 7px; padding-left:10px;} ul#areyou li a:hover {text-decoration: underline;} body#home #content ul.gray li a:hover {text-decoration: underline;} body#home #content ul.gray li a {color:#575757; text-decoration: none;} ul.homepage_joblinks a span {color:#9D9D9D; float: none;} /* 12 Page LEADERSHIP TEAM =============================================================== */ .teammember {display: block; background: url(../images/dot_gray.gif) repeat-x bottom; padding:20px 0;} /* 13 Page SITEMAP =============================================================== */ body#sitemap .sidebox {float:left; margin:8px; background: url(../images/bg/box_sidebar.gif) no-repeat -170px left;} body#sitemap .sidebox h2 {width:225px; height:20px; padding:15px; margin-bottom:15px; background:url(../images/bg/header_sidebar_gray.gif) no-repeat; font:20px Georgia; color:#cc0001;} body#sitemap .sidebox h2 a {color:#cc0001; text-decoration: none;} body#sitemap .sidebox h2 a:hover {text-decoration: underline;} body#sitemap .sidebox a {color:#111;} /* 14 Page JOB BULLETIN =============================================================== */ body#jobbulletin ul#nav {float:right; padding:10px 0 0 0;} body#jobbulletin ul#nav li a {float:left; font:15px Arial; color:#434651; padding:10px 0; margin:0 10px; text-decoration: none;} table.title { margin-bottom:10px; background: url(../images/bg/header_joblist_tbl.gif) repeat-x;} table.title td {padding:10px 5px; font:bold 12px Arial;border-bottom:1px solid #ccc; border-right: 1px solid #fff; color:#cc0001;} table.data:hover {background-color: #f1f1f1;} table.data:hover a {color:#cc0001;} table.data td {padding:8px 3px; border-bottom:1px solid #f1f1f1; font:13px Arial; color:#575757;} body#jobbulletin table a:hover { font:bold 12px Arial; text-decoration: underline; color: #000000; } body#jobbulletin table a { font:bold 12px Arial; color: #000000; } body#jobbulletin p {font:13px Arial; color:#575757; } ul.job_detail li {padding:10px 0; width:100%;} ul.job_detail li label {float:left; width:130px; font-weight: bold; font-style: italic; text-decoration: underline;} ul.job_details ul {padding-left:10px; margin-left: 20px;} ul.job_details ul li {list-style:disc; padding:3px 0;} a.apply2job {float:left; padding:10px 20px; background-color: #f1f1f1;} /* 15 Page JOBs =============================================================== */ body#jobs #content h2 {font-size:22px; padding:3px;} .location_date {float:left; background-color:#eff1f3; padding:8px; font-style: italic;} .location_date span {color:#b9b9b9;} ul.job_details li {padding:10px 0;} ul.job_details li label {float:left; width:100px; font-weight:bold; background-color:#eff1f3; padding:4px; margin:0 10px 0 0; border-bottom:1px solid #CED0D2;} a.apply {float:right; width:175px; height:37px; font-size:16px; text-decoration: none; padding:23px 0 0 80px; background: url(../jobs/images/btn_apply.gif) no-repeat; color:#4d580a;} a.apply:hover {background-position:0 -60px;} a.send2friend {background:url(../jobs/images/mail.gif) no-repeat 40px 0; padding:2px 40px 2px 75px; text-decoration: none; } a.print {background:url(../jobs/images/printer.gif) no-repeat 40px 0; padding:2px 40px 2px 75px; text-decoration: none; } a.send2friend:hover, a.print:hover {text-decoration:underline; color:#cc0001;} ul.job_actions {float:left; padding:10px 0;} ul.job_actions li {padding:17px 0; border-bottom:1px dotted #ccc;}