/**
 	File Overview:		Cengage Learnging Careers common styles - careers_cengage_dotcom.css
 	Company:			Versant
 	Description:		Base styles
 	Last Updated:		04/12/10 12:43:46
	Last Changed By:	Ben Reed 
*/

/**
	TOC
		1. Adjustments from Cengage global styles
		2. Page Headers
		3. Right Column Feature Boxes
		4. YouTube Player
		5. FAQs
		6. Search Jobs Combo box
		7. Home Page Slider
*/



/* 1. Adjustments from Cengage global styles
------------------------------------------------ */
DIV#center_blue {padding:0 13px 20px 13px; width:506px; height:auto;}
	DIV#center_blue #careersContent {background-color:#fff; padding:15px 15px 15px 15px;}
	DIV#center_blue H1 {padding:0; margin:0;}
	DIV#center_blue H2 { font-size:14px; }
	
	a img,:link img,:visited img {border: none;}

DIV#Right_nav_dotcom h3 {background:none; color:#333; font-size:14px;}
	DIV#Right_nav_dotcom h3 a:link,
	DIV#Right_nav_dotcom h3 a:visited,
	DIV#Right_nav_dotcom h3 a:active { color: #0168AD; display:block;}
	
	
/* 2. Page Headers
------------------------------------------------ */
h1 {display:block; text-indent:-9999em; overflow:hidden; width:506px; height:117px; background:left top no-repeat;}

body#working-with-us h1 {color: #ccc; background-image:url(/careers/images/page-headers/workingWithUs.jpg);}
body#faqs h1 {background-image:url(/careers/images/page-headers/faqs.jpg);}
body#help h1 {background-image:url(/careers/images/page-headers/help.jpg);}


/* 3. Right Column Feature Boxes
------------------------------------------------ */
DIV#Right_nav_dotcom .featureBox {width:195px; background: url(/careers/images/css/featureBoxBottom.jpg) left bottom no-repeat; margin-bottom:15px; clear:both;}
	DIV#Right_nav_dotcom .featureBox DIV.featureBoxFade {background: url(/careers/images/css/featureBoxTop.jpg) left top no-repeat; min-height:80px; padding:8px 16px 0px 10px;}
		DIV#Right_nav_dotcom #locations DIV.featureBoxFade {min-height:0; padding-bottom:0;}
	DIV#Right_nav_dotcom .featureBox H3 {color:#0168ad; padding: 0 0 5px 0; margin: 0;}
	DIV#Right_nav_dotcom .featureBox P {padding:0 0 5px 0; margin:0; font-size:11px; line-height:15px;}	
	
	DIV#Right_nav_dotcom #transitions DIV.featureBoxFade {background-image:url(/careers/images/css/careerTransitions.jpg); text-indent:-9999em; overflow:hidden;}
	DIV#Right_nav_dotcom #transitions P {padding:3px 10px 10px;}
	
	DIV#Right_nav_dotcom #faqsbox {background-image:url(/careers/images/css/featureBoxBottomFAQ.jpg);padding-bottom:97px;}
	
	DIV#Right_nav_dotcom #authors {background-image:url(/careers/images/css/featureBoxBottomAuthors.jpg);padding-bottom:95px;}	
	
	DIV#Right_nav_dotcom #locations {background-image:url(/careers/images/css/featureBoxBottomLocations.jpg); padding-bottom:56px;}
		DIV#Right_nav_dotcom #locations p { padding: 0; }

	DIV#Right_nav_dotcom #development IMG {margin-left:-7px; padding-bottom:10px;}
	
	DIV#Right_nav_dotcom #benefits {background-image:url(/careers/images/css/featureBoxBottomBenefits.jpg);padding-bottom:92px;}	
	
	DIV#Right_nav_dotcom #socials { float:left; }
	

/* Social media buttons */	
#social_nav { margin: 6px 0 15px; float:left; }
	#social_nav li {list-style:none; float:left; margin-right:10px; height:29px; }
	#social_nav a {display:block; width:27px; height:27px;}
	/* define inDIVidual social link backgrounds*/
		#facebook {width:28px;background:url(/careers/images/css/social_icons.jpg) 0 0; text-indent:-9999px;}
		#twitter {width:31px;background:url(/careers/images/css/social_icons.jpg) -38px 0; text-indent:-9999px;}
		#rss {width:27px;background:url(/careers/images/css/social_icons.jpg) -79px 0; text-indent:-9999px;}


/* 4. YouTube Player
------------------------------------------------ */
#videoPlayer{width:506px;text-align:center;}


/* 5. FAQs
------------------------------------------------ */
OL#faqList {list-style-type:decimal; margin:0; padding:0;}
	OL#faqList LI {padding-bottom: 0px; list-style-position: outside;}
		OL#faqList LI A {display: block; padding: 5px 0 5px; border-bottom: 1px dotted #666;}
		OL#faqList LI A.firstFAQ {border-top: 1px dotted #666;}

DL#faqFull {margin-top: 40px;}
	DL#faqFull DT {
		margin: 0;
		padding: 30px 0 3px;
		font-size: 14px;
	}
	DL#faqFull DD {
		margin: 0;
		padding: 0;
	}


dt{font-weight: bold; padding-top:10px;}
dd{padding-top:5px;}

/* Scroll to top box */
#message a{display: block;display: none;z-index: 999; opacity: .9; position:fixed; top:100%;margin-top: -80px; left: 50%;margin-left: -160px;width: 250px;line-height: 36px;padding: 10px;background-color: #f59b39;font-size: 20px;text-align:center;	color: #FFF; font-weight: bold; border: 2px solid #f7c55e;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;} 
	

/* 6. Search Jobs Combo box
	  Styles for Sexy Combo box
	  http://plugins.jquery.com/project/SexyCombo
------------------------------------------------ */
/*wrapper of all elements*/
DIV.combo {
    position:relative;
    left: 0px;
    top: 0px;
}

/*text input*/
.combo input {
    position: absolute;
    color: #999;
}

/*icon*/
.combo DIV.icon {
    position:absolute;
}

/*list wrapper*/
.combo DIV.list-wrapper {
    position: absolute;
    overflow: hidden;
    /*we should set height and max-height explicitly*/
    height: 200px; 
    max-height: 200px;
    /*should be always at the top*/
    z-index: 99999;

}

/*"drop-up" list wrapper*/
.combo DIV.list-wrapper-up {}

/*dropdown list*/
.combo ul {}

/*dropdown list item*/
.combo  li {
    height: 20px;
}

/*active (hovered) list item*/
.combo li.active {}

.combo .visible {
    display: block;
}

.combo .invisible {
    display: none;
}

/*used when emptyText config opt is set. Applied to text input*/
.combo input.empty {}

DIV.sexy {
    white-space: nowrap;
    height: 21px;
    border: 0;
    margin: 6px 0 0 0;
    padding: 0;
    width: 180px;
}

DIV.sexy input {
    margin: 0 0 0 0;
    font:normal 12px tahoma, arial, helvetica, sans-serif;
    padding:1px 3px;
    background:#fff url(/careers/images/css/text-bg.gif) repeat-x 0 0;
    border:1px solid #B5B8C8;
    height: 18px;
    line-height:18px;
    vertical-align:middle; 
    left: 0px;
    top: 0px; 
    width: 180px;  

}

DIV.sexy DIV.icon {
    width:17px;
    height:21px;
    border: 0;
    background:transparent url(/careers/images/css/trigger.gif) no-repeat 0 0;
    cursor:pointer;
    border-bottom: 1px solid #B5B8C8;
    top:0px;
    left: 180px; 

}

DIV.sexy DIV.list-wrapper {
    left: 0px;
    top: 21px;
    border: 1px solid #D9D9D9;
    background-color: #FFFFFF;
    padding: 0;
    margin: 0;
    width: 195px;
    bottom: auto;
}

DIV.sexy DIV.list-wrapper-up {
    top: auto;
    bottom: 21px;
}

DIV.sexy ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
    height: 200px;
}

DIV.sexy  li {
    padding: 0;
    padding-left: 5px;
    /*font:normal 14px tahoma, arial, helvetica, sans-serif;*/
    background-color: #FFFFFF;
    cursor: pointer;
    margin: 0;
    width: 190px;
}

DIV.sexy li.active {
    background-color: rgb(223, 232, 246) !important;
    margin: 0 !important;
    padding: 0 0 0 5px !important;
    float: none;
   
}
	DIV.sexy span.active { margin: 0; padding:0; width: 180px; float: none;  background-color: transparent;}

DIV.sexy input.empty {
    color: gray;
}


/* 6. Easy Slider 
	http://cssglobe.com/lab/easyslider1.7/02.html
------------------------------------------------ */
	#sliderWrap { padding:10px 0 0 10px; background-color:#fff; position: relative; }
	#slider { background-color: #fff;  }

	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider2{margin-top:1em;}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:485px;
		height:243px;
		overflow:hidden; 
		}	
		#slider li#discover { background: url(/careers/images/css/slideThree.gif) no-repeat left top; color: #fff; }
			#slider li#discover p { color:#b44b17;  }
		#slider li#horizon { background: url(/careers/images/css/slideTwo.gif) no-repeat left top; color: #fff; }
			#slider li#horizon p { color:#576d0e; }
		#slider li#build { background: url(/careers/images/css/slideOne.gif) no-repeat left top; color:#fff;}
		
		#slider li h3 { padding: 10px 10px 8px 10px; margin: 0; }
		#slider li p { margin: 0; padding: 0 20px 0 20px; }
		#slider li a { display: block; text-indent: -9999em; overflow: hidden; }
		#slider li a#discoverCTA {background: url(/careers/images/css/learnCareersCTA.png) no-repeat left top; margin: 111px 0 0 295px; width:172px; height:21px; }
		#slider li a#horizonCTA { background: url(/careers/images/css/hearEmployeesCTA.png) no-repeat left top; width:161px; height:21px; margin: 117px 0 0 307px; }
		#slider li a#buildCTA { background: url(/careers/images/css/reviewFAQsCTA.png) no-repeat left top; margin: 127px 0 0 354px; width:108px; height:20px;}
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev { 
		display:block;
		width:30px;
		height:77px;
		position:absolute;
		left:-30px;
		top:71px;
		z-index:1000;
		}	
	#nextBtn, #slider1next { 
		left:696px; display: ;
		}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:30px;
		height:77px;
		/*background:url(../images/btn_prev.gif) no-repeat 0 0;*/	
		}	
	#nextBtn a, #slider1next a{ 
		/*background:url(../images/btn_next.gif) no-repeat 0 0;*/	
		}	
		
	/* numeric controls */	

	ol#controls{
		position: absolute;
		left: 20px;
		top: 215px;
		margin:1em 0;
		padding:0;
		height:23px;	
		}
	ol#controls li{
		margin:0 10px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:25px;
		line-height:25px;
		}
	ol#controls li a{
		float:left;
		height:23px;
		line-height:25px;
		border:1px solid #ccc;
		background:#999;
		color:#555;
		padding:0 8px;
		text-decoration:none;
		}
	ol#controls li.current a{
		background:#666;
		color:#fff;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
	
/* // Easy Slider */


/* Taleo Site CSS information.
------------------------------------------------ */

#taleoContent {
  padding: 0px;
  margin: 0px;
  margin-top: 15px;
  border: none;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-size-adjust: none;
  font-style: normal;
  font-stretch: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  text-decoration: none;
  text-indent: 0px;
  text-shadow: none;
  text-transform: none;
  white-space: normal;
  word-spacing: normal;
}

#taleoContent td, #taleoContent th {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-size-adjust: none;
  font-style: normal;
  font-stretch: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  text-decoration: none;
  text-indent: 0px;
  text-shadow: none;
  text-transform: none;
  white-space: normal;
  word-spacing: normal;
}

#taleoContent textarea {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-size-adjust: none;
  font-style: normal;
  font-stretch: normal;
  font-weight: normal;
  font-variant: normal;
  height: auto;
  width: auto;
}

#taleoContent textfield {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-size-adjust: none;
  font-style: normal;
  font-stretch: normal;
  font-weight: normal;
  font-variant: normal;
  height: auto;
  width: auto;
}

#taleoContent select {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-size-adjust: none;
  font-style: normal;
  font-stretch: normal;
  font-weight: normal;
  font-variant: normal;
  height: auto;
  width: auto;
}

#taleoContent input {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-size-adjust: none;
  font-style: normal;
  font-stretch: normal;
  font-weight: normal;
  font-variant: normal;
  height: auto;
  width: auto;
}

/* // Taleo Site */