﻿body {
    font: 9pt Arial, Verdana, Tahoma, sans-serif;
    line-height: 1.6em;
    color: #333333;
    text-align: center;
    width: 100%;
}

a { color:#0066CC; }
        
h1 { font: bold 2.5em "Arial", Sans-Serif; letter-spacing: -1px; }
h2 { font: bold 2em "Arial", "Verdana", Tahoma; line-height: 1.5em; }
h3 { font: bold 1.5em "Arial", Sans-Serif; letter-spacing: -1px;  }
h1 a, h2 a, h3 a { text-decoration: none; }

.clear {clear: both;}

#wrapper {
    margin: 0 auto;
    background: #ffffff url(/images/body_bg.gif) repeat-y scroll center top;
    width: 1000px;
}

#inner {
    margin: 0 auto;
    width: 980px;
}

#header {
    background-color: #339cdd;
    height: 117px;
    width: 980px;
}

#header_bar {
    background: #033c6f;
    height: 21px;
    color: #fff;
    text-align: right;
    padding-right: 10px;
    font-size: 0.9em;
}
#header_bar a {
    color: #efefef;
    text-decoration: none;
}
#header_bar a:hover { text-decoration: underline; }

#header_logo {
    background: #329cdc url(/images/header_logo.jpg) no-repeat left top;
    height: 96px;
}
#header_logo a{
    float: left;
    display: block;
    padding: 14px 0 0 5px; 
    width: 386px;
    height: 70px; 
    text-indent: -2000px;
}

#cse-search-box{
    float: right;
    width: 280px;
    margin: 40px 12px 0 0;
}
#cse-search-box input.text{
    margin-top: 0;
    height: 16px;
}
#cse-search-box input.button{
    width: 41px;
    height: 25px;
    background: url(/images/top_search_btn.png) no-repeat;
    border: none; 
    cursor: pointer;
}

#nav {
    background: #329cdc url(/images/top_nav_bg.gif) repeat-x left bottom;
    height: 65px;
    width: 980px;
}
#nav_left {
    float: left;
    width: 900px;
    height:65px
}

#main-menu {
    height: 36px;
}
#main-menu ul{
    height: 36px;
}
#main-menu ul li { 
    display: block;
    float: left; 
    height: 36px;
    width: 130px; 
}
#main-menu ul li a {
    display: block;
    color: #EAEAEA;
    text-align: center; 
    margin-top:14px;
    width: 130px;
    height: 22px;
    line-height: 22px;
    text-transform: uppercase;
    font: bold 1.2em Arial,sans-serif;
    text-decoration: none;
    letter-spacing: -1px;
}
#main-menu ul li a:hover {color: #fff;}
#main-menu ul li.active a {
    margin: 0;
    height: 36px;
    line-height: 36px;
    background: #6f9516 url(/images/top_nav_tab.png) no-repeat left top;
    color: #fff;
}

/*Secondary menu*/
#sub-menu {
    height: 29px;
}
#sub-menu ul{
    height: 29px;
    margin-left:20px;
    text-align: left;
    line-height: 26px;
}
#sub-menu ul li{
    display: inline; 
    margin: 0 20px; 
}
#sub-menu ul li a {
    color: #ECFFAD;
    text-align: center; 
    font-weight: bold;
    text-decoration:none;
}
#sub-menu ul li a:hover {
    color: #fff;
    text-decoration: underline;
}

#nav a.rss {
    float: right;
    display: block;
    width: 52px;
    height: 57px;
    margin: 8px 10px 0 0;
    background: url(/images/rss_icon.gif) no-repeat 0 0;
}

#content {
    background-color: #fff;
    width: 980px;
    overflow: visible;
    overflow: auto !important;
    text-align: left;
}

#footer_nav {
    clear: both;
    height: 77px;
    border-top: solid 3px #d4d4d4;
    background: #033c6f url(/images/foot_bg.gif) repeat-x 0 0;
    color: #efefef;
}
#footer_nav a {
    line-height: 32px;
    color: #efefef;
    text-decoration: none;
}

#footer_bar {
    height: 26px;
    line-height: 25px;
    border-top: solid 1px #626262;
    background-color: #033c6f;
    color: #fff;
}

.content_bar { width: 100%;}
.content_bar a {
    display: block;
    width: 100%;
    height: 100%;
}
.content_bar a span {display: none;}

/* Page Bar*/ 
#pagebar {
    text-align: left;
    height: 56px;
    background: url(/images/pagebar_bg.png) repeat-x;
}
#pagebar h1{ 
    color: #f0f0f0; 
    padding-left: 25px;
    line-height: 48px;
    font-weight: normal;
    font-size: 2em;
    letter-spacing: 0px;
}

#pagebar h1 a{ 
    color: #f0f0f0; 
    text-decoration: none;
}

/*Page Banner*/
#page-banner {
    height: 51px;
    width: 100%;
}
#page-banner a {
    display: block;
    width: 100%;
    height: 51px;
}
#page-banner a span {display: none;}
.aboutus-banner {background: url(/images/aboutus_banner.gif) no-repeat;}
.contactus-banner {background: url(/images/contactus_banner.gif) no-repeat;}
.help-banner {background: url(/images/help_banner.gif) no-repeat;}
.blog-banner {background: url(/images/blog_banner.gif) no-repeat; }
.media-banner {background: url(/images/media_banner.gif) no-repeat; }
.resources-banner {background: url(/images/resources_banner.gif) no-repeat; }

/*Style for two cols layout*/
#left-pnl {
    display: inline;
    float: left;
    width: 580px;
    margin: 10px;
}

#right-pnl {
    display: inline;
    float: right;
    width: 330px;
    margin: 10px;
}

.large-content {width: 980px;}
.large-content #left-pnl{width: 650px;}
.large-content #right-pnl{width: 270px;}

.medium-content {width: 980px;}
.medium-content #left-pnl{width: 580px;}
.medium-content #right-pnl{width: 330px;}

#single-col {
    width: 880px;
    margin: 0 auto;
}


/*----------------------------
	Side Navigation Menu
----------------------------*/
#side-nav ul li{
    clear: both;
    width: 322px;
    height: 73px;
}
#side-nav ul li a{
    display: block;
    padding: 12px;
    font-size: 2.0em;
    font-weight: bold;
    text-decoration: none;
    color: #404040;
    line-height: 24px;
    background: url(/images/side_nav.png) no-repeat 0 0;
}
#side-nav ul li a:hover{
    color: #EA7F37;
    background: url(/images/side_nav.png) no-repeat 0 -73px;
}
#side-nav ul li a:hover span.desc{color: #404040;}

#side-nav .icon{
    display: block;
    float: left;
    width: 48px;
    height: 48px;
    margin-right: 8px;
}
#side-nav span.desc{
    display: block;
    font-size: 0.5em;
    font-weight: normal;
    color: #888888;
}


#snav-about .icon { background-image: url(/images/navicons/about.png); }
#snav-account .icon { background-image: url(/images/navicons/account.png); }
#snav-blog .icon { background-image: url(/images/navicons/blog.png); }
#snav-contact .icon { background-image: url(/images/navicons/contact.png); }
#snav-help .icon { background-image: url(/images/navicons/help.png); }

#snav-faq .icon { background-image: url(/images/navicons/faq.png); }
#snav-success .icon { background-image: url(/images/navicons/success.png); }
#snav-media .icon { background-image: url(/images/navicons/media.png); }
#snav-profile .icon { background-image: url(/images/navicons/profile.png); }
#snav-testimonials .icon { background-image: url(/images/navicons/testimonials.png); }

#snav-js-jobsearch .icon { background-image: url(/images/navicons/js_jobsearch.png); }
#snav-js-resumes .icon { background-image: url(/images/navicons/js_resumes.png); }

#snav-media-press .icon { background-image: url(/images/navicons/media_press.png); }
#snav-media-photos .icon { background-image: url(/images/navicons/media_photos.png); }
#snav-media-videos .icon { background-image: url(/images/navicons/media_videos.png); }

#snav-ep-contacts .icon {background-image: url(/images/navicons/ep_contacts.png); }
#snav-ep-jobpostings .icon {background-image: url(/images/navicons/ep_jobpostings.png); }
#snav-ep-resumesearch .icon {background-image: url(/images/navicons/ep_resumesearch.png); }

/*Side white navigation menu*/
#white_menu h2 a{
    color: #EA7F37;
}
#white_menu ul { 
    border:1px solid #DADADA;
    width: 250px;
    list-style-type: none;
}
#white_menu ul li{
    clear: both;
    border-bottom:1px solid #EEEEEE;
}
#white_menu ul li a {
    background:transparent url(/images/white_nav_arrow.gif) no-repeat scroll 95% center;
    display:block;
    padding: 10px 0 10px 15px;
    text-decoration:none;
}
#white_menu ul li a:hover {
    color: #444444;
    background-color: #ECF4FC;
}

.foot-note {
    margin: 10px 5px;
}
.foot-note ul {
    padding-left: 25px;
    list-style: decimal none outside;
}

/*Feedback Form*/
#feedback { width: 40%; margin: 20px 50px auto;}

/*Default Module Styles*/
.htmltextbox ul {
    list-style-image:none;
    list-style-position:outside;
    list-style-type:disc;
    padding-left:20px;
} 

.htmltextbox a[href^="http:"]{
    background: url(/images/remote.gif) right top no-repeat;
    padding-right: 10px;
    white-space: nowrap;
}

.sectionbox {margin-bottom: 20px;}
.sectionbox .info h2, .sectionbox .info h2 a {color:#EA7F37; line-height: 48px;}
.sectionbox .info img {float: left; width: 48px; height: 48px; margin-right: 5px;}
.sectionbox .info { margin-bottom: 2px;  }
.sectionbox ul{
    list-style-image:none;
    list-style-position:outside;
    list-style-type:disc;
    padding-left:20px;
}
.sectionbox a[href^="http:"]{
    background: url(/images/remote.gif) right top no-repeat;
    padding-right: 10px;
    white-space: nowrap;
}

.random-testimonial {
    margin: 10px 0;
}
.random-testimonial h2{
    color:#EA7F37; line-height: 48px;
}

.rnd-testimonials {
    width: 580px;
    background: url(/images/testimonial_bg.png) no-repeat left top;
}
.rnd-testimonials .content { padding: 20px 20px 0 20px; }
.rnd-testimonials-ftr {
    width: 580px;
    height: 28px;
    background: url(/images/testimonial_ftr.png) no-repeat left top;
    padding-top: 34px;
}
.rnd-testimonials-ftr .author {
    float: left;
    width: 370px;
    margin-left: 80px;
    font-weight: bold;
    
}
.rnd-testimonials-ftr a.more {
    display: block;
    float: right;
    width: 110px;
    margin-right: 10px;
}

/*Default Document View*/
.doc {
    margin:20px 0;
}
.doc h3{
    font-weight: bold;
    background-color:#ECF4FC;
    padding: 0.4em 0.8em;
    margin: 0.8em 0;
    -moz-border-radius:0.2em;
	-khtml-border-radius:0.2em;
}
.doc .content{
    margin: 10px 0;
    padding: 0.4em 1em;
}
.doc .content ul{
    list-style-image:none;
    list-style-position:outside;
    list-style-type:disc;
    padding-left:20px;
    margin-left: 20px;
}
.doc .content a[href^="http:"] {
    background: url(/images/remote.gif) right top no-repeat;
    padding-right: 10px;
}
.doc .item_footer{
    font-size:0.9em;
    height:20px;
    text-align: right;
}
.doc .item_footer a{
    background: url(/images/arrow_px_up.gif) right center no-repeat;
    padding-right: 10px;
}

/*Default Document List View*/
.docsList ul{
    list-style-image:none;
    list-style-position:outside;
    list-style-type:disc;
    padding-left:20px;
}

.docsList h2{
    font-weight: bold;
    background-color:#CDEB8B;
    padding: 0.2em 0.5em;
    margin: 0.4em 0;
    -moz-border-radius:0.2em;
	-khtml-border-radius:0.2em;
}

/*GrowlUI Box*/
.growlUI {
    display: none;
    top: 10px;
    right: 10px;
    width: 200px;
    min-height: 60px;
    color: #fff;
    background-color: #222;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    padding: 5px 5px 5px 70px;
    text-align: left;
    position: fixed;
    
}
.growlUI h3 {
    font-size: 1.4em;
    margin: 5px 5px 5px 0;
    color: #9FD4FF;
}
.growlUI .message {margin: 5px 5px 15px 5px;}

.success_box {background: #222 url(/images/success.png) no-repeat 10px center;}
.error_box {background: #222 url(/images/error.png) no-repeat 10px center;}
.warning_box {background: #222 url(/images/warning.png) no-repeat 10px center;}

.testimonial{
    margin: 10px 5px;
    padding: 1em 0;
    border-bottom: dashed 1px #999999; 
}

.testimonial blockquote {
    background-image: url(/images/quote-ul.gif);
    background-repeat: no-repeat;
    background-position: left 5px;
    padding-left: 30px;
    color: #356AA0;
    font-family: Georgia,'Times New Roman',serif;
    font-size: 1.5em;
    font-style:italic;
    font-variant:normal;
    font-weight:normal;
    line-height:1.3em;
    margin:0 0 5px;
    text-align:left;
}
.testimonial blockquote p {
    background-image: url(/images/quote-br.gif);
    background-repeat: no-repeat;
    background-position: right bottom;
    display: block;
    padding-right: 15px;
}
.testimonial .author {
    text-align: right;
    color: #36393D;
    background-color:#CDEB8B;
    margin: 8px 0 5px 35px;
    padding: 0.2em 0.5em;
    -moz-border-radius:0.2em;
	-khtml-border-radius:0.2em; 
}