/*------------------------------------------------------------------
[Screen Stylesheet for Energy Channel]
Project: ISEEK
Version: 1.0
Last change: 2009-06-09
-------------------------------------------------------------------*/

div.home-list { margin-left:10px; margin-top:105px; }

div.home-lead-in p.question {font-family:arial; font-size:13px; line-height: 15px; font-weight:bold; color:#000000; margin-top:50px; padding-bottom:10px; }

#header .title #logohome-flash-wrapper { width: 350px; height: 63px; position: absolute; top: 8px; left: 0; }
#header .title #logohome-flash-wrapper a span { background: url(/iseek/images/energy/energy.jpg) no-repeat; }

#header .title p.desc span { background: url(../images/industry/energy/text/energy_tag.gif) no-repeat; }
#header .title #logoenergy { width: 350px; height: 57px; position: absolute; top: 8px; left: 0; }
#header .title #logoenergy a span { background: url(/iseek/images/energy/energy.jpg) no-repeat; }
#header .title #logo { width: 350px; height: 63px; position: absolute; top: 10px; left: 0; }
#header .title #logo a span { background: url(/iseek/images/energy/energy.jpg) no-repeat; }

#header .title #logocareers-banner { width: 396px; height: 63px; position: absolute; top: 8px; left: 0; }
#header .title #logocareers-banner a span { background: url(/iseek/images/energy/energy.jpg) no-repeat; }

#header .title #logoeducation-banner { width: 424px; height: 63px; position: absolute; top: 8px; left: 0; }
#header .title #logoeducation-banner a span { background: url(/iseek/images/energy/energy.jpg) no-repeat; }

#header .title #logojobs-banner { width: 368px; height: 63px; position: absolute; top: 8px; left: 0; }
#header .title #logojobs-banner a span { background: url(/iseek/images/energy/energy.jpg) no-repeat; }

#header .top-nav ul li{ height:34px; line-height: 34px; vertical-align:middle; float: left; padding: 0 5px 0 5px; text-align:center;}


/* section specific */
#header #careers-banner #desc h2 span { background-image: url(../images/industry/energy/text/careers-banner-headline.png); }
#header #careers-banner #desc p span { background-image: url(../images/industry/energy/text/careers-banner-description.png); }

#header #education-banner #desc h2 span { background-image: url(../images/industry/energy/text/education-banner-headline.png); }
#header #education-banner #desc p span { background-image: url(../images/industry/energy/text/education-banner-description.png); }

#header #jobs-banner #desc h2 span { background-image: url(../images/industry/energy/text/jobs-banner-headline.png); }
#header #jobs-banner #desc p span { background-image: url(../images/industry/energy/text/jobs-banner-description.png); }

#footer { clear:both; height:10px; width:950px; background:#F1F1F1 url(../images/footer-top-bg.gif) left top no-repeat; }

.green #header .page-banner { background-image: url(../images/industry/energy/page-banner-bg-green.jpg); }
.orange #header .page-banner { background-image: url(../images/industry/energy/page-banner-bg-orange.jpg); }
.purple #header .page-banner { background-image: url(../images/industry/energy/page-banner-bg-purple.jpg); }

#myDiv ul li a { border-bottom:2px #BABE33 solid;}
#myDiv ul li a:hover { border-bottom:none;}

/* alter jobs tab to be the same size as the careers tab so the title fits */
.main-nav ul.first li.threehere { background: #464646 url(../images/nav-top-bg-one.gif) top left no-repeat; }
.main-nav ul.first li.three { float:left; width:147px; height:35px;  text-align:center; margin: 2px 40px 0 0px; }


.main-nav ul.first li.one a span { background: url(../images/industry/energy/text/nav-energy_career.png) no-repeat; top:14px; left:19px; }
.main-nav ul.first li.one a:hover span { background: url(../images/industry/energy/text/nav-energy_career_on.png) no-repeat; top:14px; left:19px; }
.main-nav ul.first li.two a span {  background: url(../images/industry/energy/text/nav-energy_edu.png) no-repeat; top:14px; left:16px;}
.main-nav ul.first li.two a:hover span {  background: url(../images/industry/energy/text/nav-energy_edu_on.png) no-repeat; top:14px; left:16px;}
.main-nav ul.first li.three a span {  background: url(../images/industry/energy/text/nav-energy_job.png) no-repeat; top:14px; left:16px; }
.main-nav ul.first li.three a:hover span {  background: url(../images/industry/energy/text/nav-energy_job_on.png) no-repeat; top:14px; left:16px; }
.greentip-link { cursor:help; position:relative; display:block;  float:left; height:65px; width:237px;  font-size: 10px; padding-left:15px;  padding-top:4px; padding-right:5px; background: url(/iseek/images/green-tip-box.gif) no-repeat; }

/* section specific */
.landing-careers ul.category li.one h3 span { background-image: url(../images/industry/energy/text/cat-assess-yourself.gif); }
.landing-careers ul.category li.two h3 span { background-image: url(../images/industry/energy/text/cat-power-up.gif); }
.landing-careers ul.category li.three { border:0; }
.landing-careers ul.category li.three h3 span { background-image: url(../images/industry/energy/text/cat-go-green.gif) }

	/* section specific */
.landing-jobs ul.category li.one h3 { height:45px; }
.landing-jobs ul.category li.one h3 span { background-image: url(../images/industry/energy/text/cat-explore-job-market.gif); }
.landing-jobs ul.category li.two h3 span { background-image: url(../images/industry/energy/text/cat-energy-employers.gif); }
.landing-jobs ul.category li.three { border:0; }
.landing-jobs ul.category li.three h3 span { background-image: url(../images/industry/energy/text/cat-find-job.gif) }

	/* section specific */
.landing-education ul.category li.one h3 span { background-image: url(../images/industry/energy/text/cat-learn-students.gif); }
.landing-education ul.category li.two h3 span { background-image: url(../images/industry/energy/text/cat-step-into-energy.gif); }
.landing-education ul.category li.three { border:0; }
.landing-education ul.category li.three h3 span { background-image: url(../images/industry/energy/text/cat-find-training.gif) }

span.ir-explore-careers { height:25px; background-image: url(../images/industry/energy/text/cat-energy-careers.gif);  }
span.ir-plan-edu { height:25px; background-image: url(../images/industry/energy/text/cat-energy-education.gif); }
span.ir-find-job { background-image: url(../images/industry/energy/text/cat-energy-jobs.gif); }


#whybox { background: #f1f1f1; border: 1px solid #ef8c20; padding: 10px; margin: 0 1.2em 0 0; font-size: 1.1em; }
#whybox a {border-bottom:2px dotted #ef8c20; font-size:1em; }


/* TABLE ====================================================================== */
table { 
margin:0;
padding:0; 
table-layout: fixed; /* column widths is determined by the cells in the first row only. Table renders faster.  */}

table th { padding:10px 10px 10px 12px; background-color:#f1f1f1; font-size:1.3em; font-weight:bold; line-height:15px; vertical-align:bottom;}

table th  a {border-bottom:2px dotted #666666; }

table th  a:hover {border-bottom:0px; }

table td { margin:0; padding:10px; background-color:#ffffff; border-bottom:1px solid #cfcecf; font-size:1.2em; line-height:15px}

#content table td  a {border-bottom:2px dotted #0575c7; font-size:1em; }
#content table td  a:hover {border-bottom:0px; }
#content table td  ul {list-style: disc; list-style-position: inside; line-height:20px; margin: 0 0 15px 0;}

#content p a.noline { border-bottom:0px solid #000000; }

/* HIGHLIGHT LEVEL 2 NAVIGATION */
#bassessen a#assessen { color: #ef8c20; }
#bexploreen a#exploreen { color: #ef8c20; }
#blearnen a#learnen { color: #ef8c20; }

#bstart a#start { color: #d93861; }
#bprepareen a#prepareen { color: #d93861; }
#bfind a#find { color: #d93861; }
#bteach a#teach { color: #d93861; }

#bexplorejobs a#explorejobs { color: #5bc25c; }
#blearnjobs a#learnjobs { color: #5bc25c; }
#bfindjobs a#findjobs { color: #5bc25c; }



.skills-right-column ol.questions li fieldset { width:225px; float:left; }
.skills-right-column ol.questions li fieldset label {display:block; float:right; font-size:1.1em;}

.skills-right-column ol.questions li p.down {padding-left:30px; clear:both; float:left; font-size:1.1em; font-weight:normal; }
.skills-right-column ol.questions li p.middle {margin-right:50px; margin-left:80px; position:relative; font-size:1.1em; font-weight:normal; }
.skills-right-column ol.questions li p.middle3 {margin-right:50px; margin-left:80px; padding-left:55px; position:relative; font-size:1.1em; font-weight:normal; }
.skills-right-column ol.questions li p.up {padding-right:160px; float:right;font-size:1.1em; font-weight:normal; }

.skills-right-column ol.sub-info { }
.skills-right-column ol.sub-info li { clear:both; margin-bottom:16px;  }
.skills-right-column ol.sub-info li h3 { cursor: hand; cursor: pointer; padding: 0 0 0 10px; vertical-align:middle; line-height:33px; background: #E1E1E1; margin-bottom: 10px; }

.skills-right-column ol.sub-info li blockquote { margin:10px 0 0 20px;}
.skills-right-column ol.sub-info li ul.clist { margin: 10px 0 30px 36px;}
.skills-right-column ol.sub-info li ul.clist li { float:left; font-size:1.2em; background: url(../images/list-bullet.gif) no-repeat; padding: 0 20px 10px 22px; margin-bottom:4px;}

.skills-right-column ol.sub-info li ol.clist { margin: 10px 0 30px 36px;}
.skills-right-column ol.sub-info li ol.clist li {float:left; font-size:1.2em; background: url(../images/list-bullet.gif) no-repeat; padding: 0 20px 10px 22px; margin-bottom:4px;}
.skills-right-column ol.sub-info li ul.clist li a { border-bottom:2px solid #07609E; font-size:1.1em; }
.skills-right-column ol.sub-info li h3 { font-size:1.4em;  margin-bottom: 20px; }