#bd{
	overflow: hidden;
	zoom: 1;
}

#left, #headerImage, #mainContent, #right{
	float: left;
}

/******************************
 * Left Navigation Section
 *
 ******************************/

#left{
	width: 255px;
	min-height: 400px;
	*height: 400px;  /* IE needs some sort of height defined or items don't get aligned properly */
	margin-bottom: -32000px;
	padding-bottom: 32000px;
}
 
#leftNavigation h2{
	padding: 10px 0 10px 30px;
	font-size: 20px;
}

#leftNavigation a:hover{
	cursor: pointer;
}


#leftNavigation ul li ul li a, #leftNavigation ul li ul li a:visited{
	background-position: 45px 15px;
} 

#leftNavigation ul li ul{
	display: none;
} 

#leftNavigation ul li a, #leftNavigation ul li a:visited { 
	width: 255px;
}

#leftNavigation ul li.open {
	background-color: #f2e2d2;  /* light yellow */
}

#leftNavigation ul li.open ul{
	display: block;
}

#leftNavigation ul li a span{
	width: 185px;
	padding-left: 30px;
	border-width: 1px 0 0 0; 
	display: block;
}

#leftNavigation ul li ul li a span{
	width: 155px;
	padding-left: 60px;
	font-size: 14px;
}

#leftNavigation ul li ul li ul li a span{
	width: 125px;
	padding-left: 90px;
	font-size: 12px;
}

/******************************
 * Header image section
 *
 ******************************/

#headerImage img{
	float: right;
}


/******************************
 * Main Content Section
 *
 ******************************/

#mainContent{
	width: 525px;
	font-size: 12px;
	line-height: 18px;
	color: #5D5D5D;
	padding-bottom: 20px;  /* always leave white space before the footer */
}

#mainContent .inner{
	padding-left: 20px;
	padding-right: 20px;
}

#mainContent ul{
	margin: 10px 0 10px 30px;
	list-style-type: disc;
}

#mainContent ul.summary{
	margin: 0;
	padding: 15px 20px 20px 30px;
	border: 1px solid #005F69;
	border-top: none;
}

#mainContent p.summary{
	margin: 0;
	padding: 10px 10px 0 10px;
	border: 1px solid #005F69;
	border-bottom: none;
}

#mainContent ul ul{
	margin-top: 0;
	list-style-type: circle;
}

#mainContent ol{
	margin: 10px 0 0 30px;
	list-style-type: decimal;
}
#mainContent ol.survey li {
	font-weight: bold;
}
#mainContent ol ol.lower {
	margin: 0 0 0 40px;

	list-style-type: lower-alpha;
}
#mainContent ol ol.lower li {
	font-weight: normal;
}

#mainContent ol ol.lower li p {
	margin-bottom: 5px;
}

#mainContent dl{
	margin-top: 10px;
}

#mainContent dl.first {
	margin-top: 0;
}

#mainContent .moreResults ul{
	margin-left: 0;
	list-style-type: none;
}

#mainContent .moreResults li{
	margin-right: 5px;
	float: left;
}

#mainContent h2 {
	font-size: 20px;
	line-height: 24px;
}

/* if you have more than one "h2" on your page (like the main "news" page), then the additional h2 tags need spacing on the top */
#mainContent h2.additional {
	margin-top: 35px;
}

/* if you want a "read more" link aligned just below an H2 and aligned to the right (i.e. as in News) */
#mainContent .rightLink {
	text-align: right;
	font-size: 12px;
	font-weight: normal;
	margin-top: -12px;    /* this eats into the "margin: 15px" of the h2 class */
	margin-bottom: -15px; /* this brings the news items closer to this link, which is fine since it's right aligned */
}

.rightLink a.more {
	padding-top: 3px;
}



/****************************
 * Resource pages
 * (icon CSS for "Resources" held in "apt_image_css.cfm")
 */
#container.resources .other-resources h5 {
	font-weight: normal;
	line-height: 16px;
	margin-top: 20px;
}
#container.resources .case-studies,
#container.resources .other-resources {
	width: 215px;
}
#container.resources .case-studies {
	float: left;
}
#container.resources .other-resources {
	float: right;
}

/****************************
 * Case Studies 
 *     (used on both the "Resource" pages and the main "Case Studies"
 */
.case-studies .case-studies-list dt.more {
	margin-top: 10px;
}
.case-studies-list dt.hidden{
	display: none;
}
#mainContent .case-studies .case-studies-list,			/* resource pages */
#mainContent .case-studies .case-study-topics,			/* resource pages */
#container.case-studies #mainContent .case-studies-list { 	/* case studies page */
	margin: 0 0 15px 20px;
}
#container.resources .case-studies h5,
#container.case-studies h5 {
	margin-bottom: 3px;
}





/****************************
 * Management Page
 * 
 */
#management {
	line-height: auto;
}
#management .photo {
	float: left;
	width: 90px;
	height: 95px;
}
#mainContent #management .photo img, 
#mainContent .management td.image img,
#mainContent .employeeSummary td.image img {
	margin: 0;
	border: 1px solid #999;
}
#management .label {
	float: right;
	width: 390px;
}



/****************************
 * Meet our employees
 *
 */

#mainContent table.meetOurEmployees{
	border: 1px solid #FFFFFF;
	border-spacing: 2px;
}

#mainContent table.meetOurEmployees td{
	width: 80px;
	height: 80px;
}

#mainContent table.meetOurEmployees img{
	margin: 0;
}

#mainContent .meetOurEmployees td{
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
}

#mainContent .meetOurEmployees .name{
	display: none;
}

#mainContent table.meetOurEmployees a{
	display: block;
	width: 80px;
	height: 80px;
	vertical-align: middle;
}

#mainContent .meetOurEmployees a:hover img{
	display: none;
}

#mainContent .meetOurEmployees a:hover{
	background-color: #005F69;
}

#mainContent .meetOurEmployees a:hover .name{
	display: inline;
	font-weight: bold;
	color: #FFFFFF;
	line-height: 80px;
}


/****************************
 * Meet our employees
 * Day to day photos
 */

#mainContent .dayToDay img{
	width: 50px;
	height: 50px;
	margin: 0 8px 0 0;
	border: 1px solid #005F69;
}

#dayToDayPopup{
	width: 320px;
	border: 3px solid #005F69;
	position: absolute;
	top: 100px;
	display: none;
	background-color: #FFFFFF;
	z-index: 999999;
}

#dayToDayPopup.active{
	display: block;
}

#dayToDayPopup p{
	margin: 10px;
}


/****************************
 * Meet our employees
 * Biography section
 */

#mainContent .management td.image,
#mainContent .employeeSummary td.image {
	width: 100px;
	height: 80px;
	vertical-align: top;
}

#mainContent .dayToDayPopup .image img{
	margin: 0;
	border: 3px solid #005F69;
}

#mainContent .simpleBackground .label{
	width: 80px;
	font-weight: bold;
}

#mainContent hr {
	color: #dedfe0;
	border: 1px solid #dedfe0;
	margin: 20px 0;
}

#mainContent td.nameTitle{
	vertical-align: bottom;
}




/****************************
 * Campus Recruiting pages
 * 
 */
div.recruiting-calendar {
	/* the DIV CONTAINER of both the schedule and "links" shouuld have padding at the bottom */
	padding-bottom: 20px;
}
.recruiting-calendar {
	line-height: 14px;
}

#recruiting-widget h2 {
	margin: -3px 0 0 0;
}

#recruiting-widget{
	padding: 10px 10px 0 10px;
	overflow: hidden;
}

#recruiting-widget .header{
	overflow: hidden;
	color: #005F69;
}

#recruiting-widget .header .school-name{
	font-size: 14px;
}

#recruiting-widget .hidden{
	display: none; 
} 

#recruiting-widget div.divider, #recruiting-widget .no-events-message {
	/* should emuate the similarly styled H2 class */
	border-bottom: 1px dotted #999999;
	*border-bottom: 1px solid #aeaeae;  /* IE doesn't do "dotted" as nicely as Firefox */
}
#recruiting-widget .no-events-message {
	font-size: 12px;
	font-style: italic;
	text-align: center;
	padding: 15px 0;
}
.site-zh #recruiting-widget .no-events-message {
	font-style: normal;  /* we never put characters in italics when displaying Chinese text */
}


#recruiting-widget .select-school{
	overflow: hidden;
	margin-top: 10px;
	position: absolute; 
	width: 250px; 
	border: 1px solid black;
	background-color: white; 
	padding: 10px; 
	margin: -20px 0 0 -128px;
}

#recruiting-widget .menu-links{
	font-size: 12px;
	margin: 5px 0 45px 0;
	clear: both;
}

#recruiting-widget .menu-links .show-schools 	{ text-decoration: none; float: left; }
#recruiting-widget .menu-links .view-all 	{ text-decoration: none; font-weight: bold; float: right; }

#recruiting-widget .menu-links a:hover {
	text-decoration: underline;
}

#recruiting-widget .select-school .hide-schools {
	float: right;
	margin-top: -3px; *margin-top: -5px;
}

#recruiting-widget .select-school #close-link {
	height: 12px;  width:  12px;
}

#recruiting-widget .select-school-header{
	margin-bottom: 5px;
	font-weight: bold;
	font-size: 14px;
}

#recruiting-widget .all-schools .schools-column{
	width: 125px;
	float: left;
	font-size: 11px;
}

#recruiting-widget .all-schools .schools-column ul{
	margin: 0px;
	list-style-type: none;
}

#recruiting-widget .all-schools .schools-column li{
	padding-bottom: 10px;
	line-height: 12px !important;
}

#recruiting-widget .school-schedule table{
	font-size: 12px;
}

#recruiting-widget .school-schedule .event-date{
	white-space: nowrap;
	padding-right: 5px;
}

#recruiting-widget .school-schedule .event-name{
	padding-right: 5px;  padding-left: 5px;
}

#recruiting-widget .school-schedule th{
	font-weight: bold;
	padding-bottom: 10px;
}

#recruiting-widget .school-schedule td.divider {
	padding: 0;
}
#recruiting-widget .school-schedule td{
	padding: 5px 0;
}

.current-opportunities .job-descriptions {
	padding-left: 25px;
}
.current-opportunities .job-descriptions .internal {
	background-position: 2px 2px;
}




/****************************
 * APT puzzles 
 * 
 */

.puzzles .deadline-header {
	color:#8d2714; 
	padding: 0 0 5px 20px;
	float: right;
	width: 195px;
	text-align: center;
	line-height: 15px;
}

.puzzles .deadline-header .win {
	font-size: 16px; 
	font-weight: bold;
	padding-bottom: 8px;
}
.puzzles .deadline-header .win .ipad {
	color: #faa635; 
	font-size: 20px;
}

.puzzles #mainContent img {
	margin: 0 10px 10px 0;
}

.puzzles h5 {
	border-bottom: 1px dotted #ccc;
	*border-bottom: 1px solid #d7d7d7;  /* IE doesn't do "dotted" as nicely as Firefox */
	margin: 15px 0 10px 0;
}

.puzzles .coding-puzzles {
	float: left;
	width: 105px;
	height: 120px;
}
img.fibonacci { margin-left: 15px; }
img.smile { margin-top: -7px;  *margin-top: -2px; }  /* help smiley be better lined with text */
.puzzles .coding-puzzles-desc { padding-top: 16px; }
.puzzles .coding-puzzles-desc p { line-height: 15px; }
.puzzles .coding-puzzles a, .puzzles .brain-teasers a { text-decoration: none; }

.puzzles .coding-puzzles.pj {  /* add specific "perfect job" height to help align text better */
	height: 140px;
}

.puzzles .brain-teasers {
	float: left;
	width: 97px;
	line-height: 12px;
}

.puzzles .brain-teasers h4 { margin-top: 0px; margin-bottom: 4px; }

pre.puzzle-box {
	border: 1px solid #888888; 
	padding: 10px;
	font-size: 16px;
	margin-bottom: 30px;
}

pre.puzzle-box.cipher {
	font-family: courier new; 
	font-size: 24px;
	line-height: 28px;
	width: 410px;
}

pre.puzzle-box.simple-math	 { font-family: "Trebuchet MS", Geneva, sans-serif; }
pre.puzzle-box.simple-math .ast  { position: relative; top: 4px; }

.puzzles .calling-hint {
	font-size: 18px;
	margin-bottom: 25px;
	margin-top: -10px;
}

.puzzles .matrix {
	background: url(/en/assets/Image/Careers/puzzles/matrix.gif) repeat;
	font-size: 35px;
	font-weight: bold;
	color: #194a70;
	line-height: 40px;
	padding: 30px;
	letter-spacing: 5px;
}
.puzzles .matrix div {
	float: left;
}
.puzzles .matrix .column1 { width: 50%; }
.puzzles .matrix .column2 { width: 31%; }


table#number-grid {
	border-collapse: collapse;
	margin: 5px;
	font-size: 14px;
	line-height: 26px;
	margin-bottom: 30px;
}
table#number-grid td {
	padding: 4px 5px;
	border: 1px solid #808080;
	text-align: center;
}

.deadline-footer {
	margin-bottom: 20px;
}
.deadline-subpage-header {
	color: #005F69; 
	font-size: 16px; 
	padding-bottom: 10px;
}



/****************************
 * School Logos Section
 *
 */

#mainContent .schoolLogos {
	margin: 0 auto;
}
	
#mainContent .schoolLogos td {
	text-align: center;
	padding: 2px 25px;
}


/****************************
 *Random image Section
 *
 */

#mainContent img.random{
	width: 125px;
	height: 125px;
	border: 1px solid #005F69;
}

#mainContent img.random.floatRight {
	margin: 10px 0 10px 10px;
}
#mainContent img.random.floatLeft {
	margin: 10px 10px 10px 0;
}




/****************************
 * APT Ad Section
 *
 */
 
/* default formatting for the ads themselves */
	#mainContent .aptAdWidget{ 
		width: 170px;  /* keep 15px shorter than "#mainContent .featuredAdCollection" to allow for padding */
		height: 170px;
		float: right;
		padding-left: 25px;
	}
	#mainContent .aptAdWidget .inner{
		padding: 9px;
		border: 1px solid #5D5D5D;
		background-color: #f0f0f0;
	}

	#mainContent .aptAdWidget .inner .txtDiv {
		float: left;
		padding-left: 8px;
		*padding-left: 3px; /* a little less for IE to make the space between consistent */
	}
	#mainContent .aptAdWidget .inner .topX {
		font-size: 60px;
		letter-spacing: -5px;
		font-weight: bold;
		color: #f59321;
		float: left;
		line-height: 56px;
	}
	#mainContent .aptAdWidget .inner .topY {
		font-size: 28px;
		line-height: 28px;
		font-weight: bold;
		color: #9a3334;
	}
	#mainContent .aptAdWidget .inner .ofTheTxt,
	#mainContent .aptAdWidget .inner .topTxt {
		font-size: 25px;
		line-height: 25px;
		color: #676767;
	}
	#mainContent .aptAdWidget .inner .ofTheTxt {
		letter-spacing: 1px;
		white-space: nowrap;
	}
	#mainContent .aptAdWidget .inner .topYTxt {
		white-space: nowrap;
		margin-top: -3px;  /* help to fudge the line-height, which must be 28px because of the "topY", but we still want the lines closer than that */
	}
	#mainContent .aptAdWidget .inner .topX-description {
		padding-top: 5px;

		line-height: 18px;
		font-size: 16px;
		text-align: center;
		clear: both;
	}
	#mainContent .aptAdWidget .inner .topX-description .more {
		margin-top: 5px;
		font-weight: bold;
		font-size: 11px;
	}

/* item-specific style overrides to make formatting nicer */
	#mainContent .aptAdWidget .inner .topYTxt.tight {
		letter-spacing: -2px;  /* for when the "top Y" text is 3 digits */
	}
	#mainContent .aptAdWidget .inner .topX.single {
		padding-left: 15px;  /* for when the "top X" text is a single digit */
	}
	#mainContent .aptAdWidget .inner .topX-description.small {
		font-size: 14px;  /* a slightly smaller font may make 3 lines fit on 2 */
	}


 /* featuredAdCollection */
	#mainContent .featuredAdCollection{
		width: 195px;  /* width (170px) + padding (25px) of "#mainContent .aptAdWidget" */
		float: right;
	}

	#mainContent .featuredAdCollection ul{
		list-style-type:none;
	}

	#mainContent .featuredAdCollection li{

	}

	#mainContent .featuredAdCollection .aptAdWidget{
		margin: 0;
}



/****************************
 * Breadcrumb Section  (additional styles in "apt_subpage_image_css.cfm")
 *
 */

#mainContent #crumblist{
	width: 100%;
	margin-bottom: 10px;
	margin-left: 0px;
	overflow: hidden;
	list-style-type: none;
}

#crumblist li{
	float: left;
}

#crumblist a{
	display: block;
	text-decoration: none;
}
#crumblist a:hover {
	text-decoration: underline;
}

/****************************
 * Client logos Section
 *
 */

/* on the main "clients" page */
	#mainContent .clientLogos td {
		text-align: center;
		padding: 10px 20px;
	}

/* in the scrolling "clients" widget */
	#mainContent .clientLogos ul{
		list-style-type: none;
		clear: both;
	}
	#mainContent .clientLogos li{
		float: left;
	}

/* in the testimonials widgets/pages */
	#mainContent .clientTestimonials .logo img {
		margin: 0;
	}
	#mainContent .clientTestimonials .summary {
		margin-bottom: 20px;
	}


/****************************
 * Directions page styling
 *
 */

#getDirections .label{
	width: 100px;
}

#nonaptaddr{
	width: 300px;
}

#tohere, #fromhere{
	cursor: pointer;
}

#tohere.selected, #fromhere.selected{
	color: #000000;
	font-weight: bold;
	text-decoration: none !important;
	cursor: text;
}

/******************************
 * Right Navigation Section
 *
 ******************************/

#right{
	width: 192px;
}

#right .nextSteps, #right .featured{
	width: 165px;
	margin: auto;
}

#right .nextSteps{
	padding: 10px 0 20px 0;
	/*border-bottom: 3px solid #FFFFFF;*/
}

#right .nextSteps h2, .featured h2, #recruiting-widget h2 {
	border-top: 0;
	border-bottom: 1px dotted #999999;
	*border-bottom: 1px solid #aeaeae;  /* IE doesn't do "dotted" as nicely as Firefox */
	color: #005F69;
}

.nextSteps li{
	margin-top: 10px;
	/* border: 1px solid #5D5D5D; */
}

.nextSteps li a{
	_width: 125px;
	padding: 5px 0 5px 40px;
	display: block;
	font-size: 14px;
	background-repeat: no-repeat;
	text-decoration: none;
}

.nextSteps li a:hover{
	text-decoration: none;
	background-color: #f2e2d2;
	font-weight: bold;
}

#right .featured {
	padding: 20px 0;
}

#right .featured a, 
#right .featured a.more, 
#right .featured a.more span {
	text-decoration: none;
}

#right .featured a:hover, 
#right .featured a.more:hover, 
#right .featured a.more:hover span {
	text-decoration: underline;
}

#right .featured h2 {
	line-height: 19px;
	letter-spacing: -.1px;  /* "Event: See You There" fits on one line if we shrink the letter spacing just a bit */
	*font-size: 15px;  /* "Event: See You There" fits on one line if we shrink the letter spacing just a bit */
}

#right .white-paper {
	line-height: 0px;
}

#right .featured h2.white-paper-label {
	margin-bottom: 0px !important;
	border-bottom: none;
}

#right .featured .white-paper-title {
	line-height: 0px;
}

h2.emptyAd{
	margin-top: 10px;
	text-align: center;
}

.nextSteps li.puzzles {
	border-top: 2px solid #DEDFE0;
}

/********************************
 * Webinars
 *
 */

#webinars thead{
	color: #f0f0f0;
	background-color: #005F69;
}

#webinars th{
	text-align: left;
	vertical-align: middle;
}

#webinars th, #webinars td{
	padding: 5px;
}



/********************************
 * Form elements
 *
 */

.aptButton {
	font-weight: bold;
	color:  #000000;
	background-color: #FAA635; 
	border: 1px solid #662815; 
}