/**
 	File Overview:	Coverity Microsite
*/

/* TOC
	1. Content Channel
	2. Feature
	3. Navigation
	4. Screens
	5. Who Are We?
	6. Why Work Here?
	7. What's the Challenge?
	8. Our Environment
	9. Notice
	10. Footer
	11. Gilder/Levin
*/ 


/* 1. Content Channel
------------------------------------------------ */

#ContentChannel {
	margin: 0 auto;
	width: 955px;
}

div.jobs #MainChannel { padding-top: 0; width: 955px; }
	div.jobs #Content { width: 600px; }
		div.jobs #ContentChannel { padding-top: 22px; width: 600px; }

/* 2. Feature
------------------------------------------------ */

#Feature {
	background: #c1fffc url("../images/microsite/feature.png") no-repeat;
	height: 321px;
	margin-top: -21px;
	position: relative;
}

#Feature h2, #Feature p, #Feature a {
	left: 40px;
	position: absolute;
}

#Feature h2 {
	border: 0;
	bottom: 103px;
	color: #d24a29;
	font-size: 3.1em;
	font-weight: bold;
}

#Feature p {
	color: #000;
	font-size: 2.3em;
	line-height: 1.2em;
	top: 37px;
	width: 396px;
}

#Feature a {
	background: #cc3f24 url("../images/microsite/sprite.png") repeat-x 0 center;
	border: 1px solid #fff;
	bottom: 24px;
	color: #fff;
	font-weight: bold;
	padding: .9em 20px;
	text-decoration: none;
	text-transform: uppercase;
}


/* 3. Navigation
------------------------------------------------ */

#Content #NavigationSecondary {
	background: #000;
	margin: 0;
	padding-left: 31px;
}

#Content #NavigationSecondary li {
	background-image: none;
	display: inline;
	line-height: 62px;
	margin-right: 13px;
	padding: 0;
	text-transform: uppercase;
}

#NavigationSecondary li a {
	color: #666;
	padding: 18px .7em;
	text-decoration: none;
}

#NavigationSecondary li.active a, #NavigationSecondary li.active a:hover {
	color: #fff;
	cursor: default;
}

#NavigationSecondary li a:hover {
	color: #ddd;
}


/* 4. Screens
------------------------------------------------ */

#ScreensWrapper {
	position: relative;
	height: 700px;
}

#Screens {
	position: relative;
	overflow: hidden;
	height: 700px;
}

#Screens ul {
	width: 20000em;
	position: absolute;
}

#Content #Screens li {
	background: none;
	color: #fff;
	float: left;
	font-size: 1em;
	height: 642px;
	padding: 24px 40px 34px;
	position: relative;
	width: 880px;
}

#Content #Screens li h1 {
	font-size: 2.6em;
	font-weight: normal;
	line-height: .8em;
	margin-bottom: .4em;
	padding: 0;
}

#Content #Screens li p {
	line-height: 1.6em;
	margin-bottom: .9em;
}

#Content #Screens li a {
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}

#Content #Screens .quote blockquote p {
	font-weight: bold;
}

#Content #Screens .quote {
	margin-bottom: 0;
}

#Content #Screens .quote div {
	background-repeat: no-repeat;
	position: absolute;
	top: 0;
}

#Content #Screens li .columns {
	overflow: hidden;
}

#Content #Screens li .columnOne {
	float: left;
	margin-right: 40px;
	padding-right: 40px;
	width: 460px;
}

#Content #Screens li .columnTwo {
	float: left;
	width: 340px;
}

#Content #Screens ul ul { /* reset */
	margin: 0;
	position: static;
	width: auto;
}

#Content #Screens li li { /* reset */
	float: none;
	height: auto;
	margin: 0;
	padding: 0;
	width: auto;
}

#ScreensWrapper #PreviousScreen, #ScreensWrapper #NextScreen {
	bottom: 13px;
	color: #666;
	cursor: pointer;
	font-size: 3em;
	left: 13px;
	line-height: 1em;
	height: 37px;
	position: absolute;
	width: 37px;
}

#ScreensWrapper #PreviousScreen:hover, #ScreensWrapper #NextScreen:hover {
	color: #ddd;
}

#ScreensWrapper #PreviousScreen span, #ScreensWrapper #NextScreen span, #Content #Screens li#WhoAreWe #Notes #PreviousNote span, #Content #Screens li#WhoAreWe #Notes #NextNote span {
	background: url("../images/microsite/nav.png") no-repeat;
	height: 37px;
	width: 37px;
}

#ScreensWrapper #PreviousScreen:hover span {
	background-position: 0 -74px;
}

#ScreensWrapper #NextScreen {
	left: 904px;
	text-align: right;
}

#ScreensWrapper #NextScreen span {
	background-position: 0 -37px;
}

#ScreensWrapper #NextScreen:hover span {
	background-position: 0 -111px;
}


/* 5. Who Are We?
------------------------------------------------ */

#Content #Screens li#WhoAreWe {
	background: #084e88 url("../images/microsite/bg_who_are_we.png") no-repeat left bottom;
	position: relative;
}

#WhoAreWe h1 {
	color: #8bb9e5;
}

#ContentChannel #WhoAreWe p strong {
	font-weight: bold;
}

#Content #Screens li#WhoAreWe #NotesWrapper {
	background: #f8efdf url("../images/microsite/bg_who_are_we_note.jpg") no-repeat;
	bottom: 17px;
	color: #333;
	height: 277px;
	left: 100px;
	overflow: hidden;
	position: absolute;
	width: 446px;
}

#Content #Screens li#WhoAreWe #Notes {
	height: 277px;
	left: 6px;
	overflow: hidden;
	position: absolute;
	width: 414px;
}

#Content #Screens li#WhoAreWe #Notes ul {
	position: absolute;
	width: 1000em;
}

#Content #Screens li#WhoAreWe #Notes li {
	color: #333;
	font-size: 1.3em;
	float: left;
	line-height: 1.4em;
	margin: 62px 105px 0;
	padding: 0;
	width: 225px;
}

#Content #Screens li#WhoAreWe #Notes li.first-child {
	margin-top: 80px;
}

#Content #Screens li#WhoAreWe #Notes li.second-child, #Content #Screens li#WhoAreWe #Notes li.fourth-child {
	margin-top: 70px;
}

#Content #Screens li#WhoAreWe #Notes a {
	color: #333;
	font-weight: normal;
	text-decoration: underline;
}

#Content #Screens li#WhoAreWe #Notes #PreviousNote, #Content #Screens li#WhoAreWe #Notes #NextNote {
	color: #666;
	cursor: pointer;
	font-size: 2em;
	left: 25px;
	line-height: 1em;
	height: 30px;
	position: absolute;
	text-decoration: none;
	top: 118px;
	width: 54px;
}

#Content #Screens li#WhoAreWe #Notes #PreviousNote:hover, #Content #Screens li#WhoAreWe #Notes #NextNote:hover {
	color: #ddd;
}

#Content #Screens li#WhoAreWe #Notes #PreviousNote span, #Content #Screens li#WhoAreWe #Notes #NextNote span {
	background-position: -37px 0;
	height: 30px;
	width: 54px;
}

#Content #Screens li#WhoAreWe #Notes #NextNote {
	left: 349px;
	text-align: right;
}

#Content #Screens li#WhoAreWe #Notes #NextNote span {
	background-position: -37px -30px;
}

#ContentChannel #WhoAreWe .quote blockquote p {
	margin-bottom: 20px;
}

#ContentChannel #WhoAreWe .quote {
	background: #a4d8f8;
	color: #333;
	height: 414px;
	width: 327px;
	position: relative;
	overflow: hidden;
}

#ContentChannel #WhoAreWe .quote p {
	margin: 10px 10px 0;
}

#ContentChannel #WhoAreWe .quote div {
	background-image: url("../images/microsite/quote_who_we_are.jpg");
	height: 414px;
	width: 327px;
}


/* 6. Why Work Here?
------------------------------------------------ */

#Content #Screens li#WhyWorkHere {
	background: #d24a29 url("../images/microsite/bg_why_work_here.png") repeat-x left bottom;
	height: 672px;
	padding-bottom: 0;
}

#Content #Screens li#WhyWorkHere .columnOne {
	padding-right: 0;
	width: 460px;
}

#WhyWorkHere h1 {
	color: #f1e696;
}

#ContentChannel #WhyWorkHere .quote {
	bottom: 0;
	height: 290px;
	left: 86px;
	width: 331px;
	position: absolute;
	overflow: hidden;
}

#ContentChannel #WhyWorkHere .quote p:last-child {
	padding-bottom: 0;
}

#ContentChannel #WhyWorkHere .quote p {
	background: #b1cdc7;
	color: #333;
	margin: 0;
	padding: 10px;
}

#ContentChannel #WhyWorkHere .quote div {
	background-image: url("../images/microsite/quote_why_work_here.jpg");
	height: 290px;
	width: 331px;
}

#Content #Screens li#WhyWorkHere .columnTwo {
	width: 380px;
}

#Content #Screens #WhyWorkHere .columnTwo ul {
	background: #fff url("../images/microsite/notepad.png") no-repeat;
	height: 604px;
	font-size: 1.2em;
	padding: 68px 23px 0 63px;
	width: 287px;
}

#Content #Screens #WhyWorkHere .columnTwo ul li {
	background: url("../images/microsite/bullet.png") no-repeat left 10px;
	color: #333;
	line-height: 1.4em;
	padding: 0 0 0 24px;
	margin-bottom: .4em;
}


/* 7. What's the Challenge?
------------------------------------------------ */

#Content #Screens li#WhatsTheChallenge {
	background: #af9431 url("../images/microsite/bg_whats_the_challenge.png") no-repeat left bottom;
}

#Content #Screens li#WhatsTheChallenge .columnOne {
	padding-right: 30px;
	width: 425px;
}

#Content #Screens li#WhatsTheChallenge .columnOne ul li {
	background: url("../images/microsite/bullet2.png") no-repeat left 6px;
	font-size: 1.1em;
	line-height: 1.5em;
	margin-bottom: .7em;
	padding-left: 15px;
}

#WhatsTheChallenge h1 {
	color: #f7ec9a;
}

#ContentChannel #WhatsTheChallenge #CoolCustomers {
	background: #8f761d;
	font-size: 1.1em;
	height: 173px;
	left: 37px;
	bottom: 47px;
	width: 416px;
	position: absolute;
	overflow: hidden;
}

#ContentChannel #WhatsTheChallenge #CoolCustomers h3 {
	color: #e5dd92;
	margin: 0;
	padding: 10px;
}

#ContentChannel #WhatsTheChallenge #CoolCustomers .customers {
	margin-left: 185px;
	top: 66px;
	overflow: hidden;
	position: absolute;
	width: 205px;
}

#ContentChannel #WhatsTheChallenge #CoolCustomers ul {
	color: #222;
	height: 75px;
	position: relative;
	width: 1000em;
}

#Content #ContentChannel #WhatsTheChallenge #CoolCustomers li {
	background: none;
	color: #edf1fa;
	float: left;
	height: 75px;
	margin: 0;
	padding: 0;
	width: 205px;
}

#ContentChannel #WhatsTheChallenge #CoolCustomers span {
	background-image: url("../images/microsite/customers.png");
	height: 173px;
	position: absolute;
	width: 416px;
}

/* start yahoo styles */
#ContentChannel #WhatsTheChallenge #CoolCustomers em {height: 75px; width: 205px;}

#ContentChannel #WhatsTheChallenge #CoolCustomers #Yahoo em {
	background-image: url("../images/microsite/customers/yahoo.png");
}
#ContentChannel #WhatsTheChallenge #CoolCustomers #Honeywell em {
	background-image: url("../images/microsite/customers/honeywell.png");
}
#ContentChannel #WhatsTheChallenge #CoolCustomers #Juniper em {
	background-image: url("../images/microsite/customers/juniper.png");
}
#ContentChannel #WhatsTheChallenge #CoolCustomers #Kyocera em {
	background-image: url("../images/microsite/customers/kyocera.png");
}
#ContentChannel #WhatsTheChallenge #CoolCustomers #Raytheon em {
	background-image: url("../images/microsite/customers/raytheon.png");
}
#ContentChannel #WhatsTheChallenge #CoolCustomers #RIM em {
	background-image: url("../images/microsite/customers/rim.png");
}
#ContentChannel #WhatsTheChallenge #CoolCustomers #Samsung em {
	background-image: url("../images/microsite/customers/samsung.png");
}
#ContentChannel #WhatsTheChallenge #CoolCustomers #Symantec em {
	background-image: url("../images/microsite/customers/symantec.png");
}
#ContentChannel #WhatsTheChallenge #CoolCustomers #Verisign em {
	background-image: url("../images/microsite/customers/verisign.png");
}
/* end yahoo styles */

/* start abc styles */

#ContentChannel #WhatsTheChallenge #CoolCustomers #ABC em {
	background-image: url("../images/microsite/customers/temp1.png");
	height: 38px;
	width: 198px;
}

/* end abc styles */

/* start def styles */

#ContentChannel #WhatsTheChallenge #CoolCustomers #DEF em {
	background-image: url("../images/microsite/customers/temp2.png");
	height: 38px;
	width: 198px;
}

/* end def styles */

#Content #Screens li#WhatsTheChallenge .columnTwo {
	width: 385px;
}

#ContentChannel #WhatsTheChallenge .quote {
	color: #222;
	height: 406px;
	width: 388px;
	overflow: hidden;
}

#ContentChannel #WhatsTheChallenge .quote p:last-child {
	padding-bottom: 0;
}

#ContentChannel #WhatsTheChallenge .quote p {
	background: #e5dd92;
	margin: 0;
	padding: 10px;
}

#ContentChannel #WhatsTheChallenge .quote div {
	background-image: url("../images/microsite/quote_whats_the_challenge.jpg");
	height: 406px;
	width: 388px;
}


/* 8. Our Environment
------------------------------------------------ */

#Content #Screens li#OurEnvironment {
	background: #55601c url("../images/microsite/bg_our_environment.png") no-repeat left bottom;
}

#Content #Screens li#OurEnvironment .columnOne {
	padding-right: 0;
	width: 500px;
}

#OurEnvironment h1 {
	color: #af9431;
}

#OurEnvironment h1 em {
	color: #f2da83;
}

#ContentChannel #OurEnvironment .quote {
	bottom: 1px;
	color: #222;
	height: 328px;
	left: 110px;
	width: 519px;
	position: absolute;
	overflow: hidden;
}

#ContentChannel #OurEnvironment .quote p:last-child {
	padding-bottom: 0;
}

#ContentChannel #OurEnvironment .quote p {
	background: #f0e289;
	margin: 0;
	padding: 10px;
}

#ContentChannel #OurEnvironment .quote div {
	background-image: url("../images/microsite/quote_our_environment.jpg");
	height: 322px;
	width: 519px;
}

#Content #Screens #OurEnvironment .columnTwo {
	text-align: right;
}


/* 9. Notice
------------------------------------------------ */

#ContentChannel #Notice {
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc;
	color: #999;
	font-size: 1em;
	margin: .8em 0 -13px;
	padding: .7em 0;
}


/* 10. Footer
------------------------------------------------ */

#footer {
	background-image: none;
	padding-top: 0;
}


/* 11. Gilder/Levin
------------------------------------------------ */

.gl {
	display: block;
	position: relative;
	overflow: hidden;
}

.gl span, .gl em {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* Mast 
------------------------------------------------ */
div.jobs #Mast {
	background: url(../images/microsite/job_list_banner.gif) no-repeat 100% 0;
	height: 155px;
	margin-left: 1px;
	width: 954px;
}
	div.jobs #Mast .channel {padding: 35px 425px 0 54px;}
		div.jobs #Mast .channel h1 {color: #fff; font-size: 267%; font-weight: bold; line-height: 1.1em;}
		div.jobs #Mast .channel h2 {color: #000; font-size: 174%; font-weight: bold;}
	

/* ContentChannel 
------------------------------------------------ */
div.jobs div.wide {width: 600px;}


			
/* Right Channel 
------------------------------------------------ */
div.jobs #Sidebar {background: url(../images/microsite/sidebar_bg.jpg) no-repeat; padding: 9px 11px 10px 11px; width: 332px;}
#Sidebar .backButton {margin-bottom: 11px;}
	#Sidebar .backButton a {
		background: url(../images/microsite/back_button_bg.png); 
		display: block; 
		height: 43px; 
		text-decoration: none;
		width: 332px;
	}
		#Sidebar .backButton a span {
			color: #fff; 
			display: block;
			font-weight: bold; 
			padding-top: 13px;
			text-align: center; 
			text-transform: uppercase;
		}

	div.jobs #Sidebar .imageBlock {
		background: url(../images/microsite/horizontal_divider.png) no-repeat 0 100%; 
		margin-bottom: 16px;
		padding-bottom: 8px;
	}
		div.jobs #Sidebar .imageBlock p {color: #323334; font-size: 108%; padding-bottom: 9px; width: 177px;}
		div.jobs #Sidebar .imageBlock h3 {
			color: #323334; 
			font-size: 161.6%; 
			line-height: 1.1em;
			padding-bottom: 4px;
			width: 177px;
		}
		div.jobs #Sidebar .imageBlock p.image {margin-right: 6px; width: auto;}
		#Sidebar a.whatWeOffer {
			background: url(../images/microsite/buton_what_we_offer.png) no-repeat 0 0;
			display: block; 
			height: 29px; 
			outline: 0;
			text-indent: -32000em;
			width: 141px;
		}
		#Sidebar a.whosWho {
			background: url(../images/microsite/button_whos_who.png) no-repeat 0 0;
			display: block; 
			height: 29px; 
			outline: 0;
			text-indent: -32000em;
			width: 141px;
		}
	
	#Sidebar .quote {padding-bottom: 30px;}
	#Sidebar .faithQuote {
		background: url(../images/microsite/faith.png) no-repeat 50% 0;
		height: 468px;
	}
		#Sidebar .quote blockquote {text-indent: -32000em;}
			#Sidebar .quote p {text-indent: -32000em;}
			
/* Overlays */
.ui-widget-overlay {
	background: #000;
	opacity: .9;
	filter:Alpha(Opacity=90);
	position: absolute; top: 0; left: 0; width: 100%; height: 100%;
}
.ui-widget-shadow { margin: -5px 0 0 -5px; padding: 5px; background: #000000 url(../images/ui-bg_flat_10_000000_40x100.png) 50% 50% repeat-x; opacity: .20;filter:Alpha(Opacity=20); -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
/* Dialog
----------------------------------*/
.ui-dialog { position: absolute; padding: 5px; width: 896px; overflow: hidden; }
.ui-dialog .ui-dialog-titlebar { display: none; padding: .5em 1em .3em; position: relative;  }
.ui-dialog .ui-dialog-title { display: none; float: left; margin: .1em 16px .2em 0; } 
.ui-dialog .ui-dialog-titlebar-close { display: none; position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; }
.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }
.ui-dialog .ui-dialog-content { border: 0; padding: 0; background: none; overflow: auto; zoom: 1; }
.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
.ui-dialog .ui-dialog-buttonpane button { float: right; margin: .5em .4em .5em 0; cursor: pointer; padding: .2em .6em .3em .6em; line-height: 1.4em; width:auto; overflow:visible; }
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }

#Benefits {}
#Benefits .channel {
	background: #a9b7d1 url(../images/microsite/benefits_bg.jpg) no-repeat 0 100%; 
	border: 6px solid #fff;
	color: #2f3430;
	padding: 8px 0 450px 0;
	width: 882px;
}
	#Benefits .dialogToolbar {width: 882px;}
		#Benefits .dialogToolbar ul {float: right; margin: 0 10px 0 0;}
			#Benefits .dialogToolbar ul li {float: left; list-style-type: none; padding-left: 3px;}
		#Benefits .dialogToolbar a.print {
			background: url(../images/microsite/print.png) no-repeat 0 0; 
			display: block; 
			height: 29px;
			outline: 0;
			text-indent: -32000em; 
			width: 39px;
		}
		#Benefits .dialogToolbar a.close {
			background: url(../images/microsite/close.png) no-repeat 0 0; 
			display: block; 
			height: 29px; 
			outline: 0;
			text-indent: -32000em; 
			width: 39px;
		}
	#Benefits .content {padding: 10px 57px 10px 37px;}
	#Benefits .content h2 {color: #064d8b; font-size: 232%; font-weight: normal; margin-bottom: 7px;}
	#Benefits .content h3 {
		border-bottom: 1px solid #2f3430;
		color: #2f3430; 
		font-size: 108%; 
		font-weight: bold;
		margin-bottom: 17px; 
		padding-bottom: 2px;
		padding-top: 10px;
		text-transform: uppercase;
	}
	#Benefits .content ul {margin-bottom: 9px; padding-left: 14px;}
		#Benefits .content ul li {padding-bottom: 6px;}
		#Benefits .content ul ul {margin-bottom: 0; padding-top: 6px;}
			#Benefits .content ul ul li.last {padding-bottom: 0;}
	#Benefits .twoCol {}
		#Benefits .twoCol div.first {float: left; width: 48%;}
		#Benefits .twoCol div.last {float: right; width: 48%;}