/*
 * Styles for CareerStory.
 */


/* List stories */

.paginationCareerStory { 
	padding: 25px 0 25px 0; 
	width: 460px; 
	text-align: center; 
	position: relative; 
	float: left; 
	}
 
.paginationCareerStory span { 
	position: relative; 
	font-weight: bold;  
	background: #ccd9e3; 
	padding: 3px 5px 3px 5px;  
	border: 1px solid #003f72;
	}


.paginationCareerStory a { text-decoration: none; }
	.paginationCareerStory a:hover { text-decoration: underline; }

.paginationCareerStory a.pageNo { 
	position: relative;  
	background: #f0f3f6; 
	padding: 3px 5px 3px 5px;  
	border: 1px solid #ccd9e3;
	}
	
	.paginationCareerStory a.pageNo:hover { background: #ccd9e3; }
	.paginationCareerStory a.pageArrow { font-size: 15px;  }
 

/* New story */

#contactInformationDiv { margin: 0 0 20px 0; }

.helpText { 
	font-size: 11px; 
	font-style: italic; 
	color: #000; 
	font-weight: normal; 
	}


#otherGraduationPlaceDiv input, #otherDegreeDiv input, #otherMajorSubjectDiv input, #otherSeconderySubjectsDiv input { width: 330px;}


#otherDegreeDiv { }

#otherMajorSubjectDiv { }

#otherSeconderySubjectsDiv {}

/* Story */
 
#storyDetails {  background: transparent url(/ap-pics/CareerStory/detailsBg.gif) repeat-y; margin: 0 0 30px 0; }

#detailsTop { background: transparent url(/ap-pics/CareerStory/detailsTop.gif) no-repeat; }

#detailsBtm {  background: transparent url(/ap-pics/CareerStory/detailsBtm.gif) no-repeat; }

#detailsTop, #detailsBtm { width: 461px; height: 17px; }
 
ol.careerStoryList { margin: 20px 0 0 30px; } 
	ol.careerStoryList li { margin: 0 0 10px 0; }

 
 /* CM */


.separatorCS { background: transparent url(/ap-pics/CareerStory/separator.gif) repeat-x; height: 29px; }


#properties #prop_container h1 { 
	font-size: 24px; 
	color: #015498;
	font-weight: normal; 
	border: none; 
	margin: 0px 0 20px 25px; 
	padding: 0; 
	background: none; 
	}
	
#properties #prop_container h2 { 
	font-size: 18px; 
	color: #015498; 
	font-weight: normal; 
	margin: 0 0 15px 0; 
	border-color: #003f72; 
	margin: 30px 0 10px 25px;
	padding: 0; 
	}
	
#properties #prop_container h3 { 
	font-size: 14px; 
	color: #015498;
	font-weight: bold; 
	margin: 0 0 5px 0; 
	border-color: #003f72; 
	padding: 0; 
	}

#properties #prop_container { background: #e3e3e3; padding: 30px 0 0 0;  }

#careerstory {
	background: #FFFFFF url(/ap-pics/CareerStory/contentBg.gif) repeat-x;  
	width: 100%;
	margin:43px 0 0 0; 
	position: relative; 
	float: left; 
	}

#careerstory fieldset { border: none; }
#careerstory	#quick_search_results ul { margin: 10px 0 20px 30px; }

#cookieEO { padding: 10px 0 0 0;  margin: 20px 0 0 25px; background: transparent url(/ap-pics/CareerStory/cookieBg.gif) no-repeat; height: 37px; width: 447px;  }
#cookieEO2 { padding: 10px 0 0 0;  margin: 20px 0 0 25px; background: transparent url(/ap-pics/CareerStory/cookieBg2.gif) no-repeat; height: 39px; width: 583px;  }
	
	#cookieEO ul li, #cookieEO2 ul li { list-style-type: none; display: inline; }
	#cookieEO ul li span, #cookieEO2 ul li span { color: #000000; text-decoration: none; font-size: 13px; }
		#cookieEO ul li span.selected, #cookieEO2 ul li span.selected { font-weight: bold; }
		
	li.first { padding: 0 0 0 15px; }
	li.second { padding: 0 0 0 45px; }
	li.third { padding: 0 0 0 40px; }
	li.fourth { padding: 0 0 0 35px; }

/* TABS */

#tabs { padding: 0 0 0 25px; }	
					
	#tabs .eotabs { 
		height: 30px; 
		position: absolute;
		z-index: 2; 
		}
	
	#tabs #areaManagement .eotabs { top: -26px; }
	#tabs #message .eotabs { top: 61px; }
	
	
	#tabs .eotabs li {
		list-style-type: none;
		display: block;
		float: left;
		margin-right: 1px;
		padding-left: 9px;
		background: transparent url(/ap-pics/CareerStory/li-nonactive.gif) top left repeat-x;
		margin-top: 4px;
		}

	#tabs .eotabs li.selected { 
		background: #fff url(/ap-pics/CareerStory/li-active.gif) top left repeat-x; 
		margin-top: 1px;
		padding-left: 7px;
		}
		
	#tabs #sidebar .eotabs li.selected { background: #F9F8ED url(/ap-pics/CareerStory/li-active.gif) top left repeat-x; }
	
		#tabs .eotabs li a {
			display: block;
			float: left;
			background: transparent url(/ap-pics/CareerStory/li-a-nonactive.gif) top right repeat-x;
			color: #666666;
			height: 13px;
			padding:15px 20px 15px 12px;
			text-decoration: none;	
			cursor: pointer;
			font: normal normal 12px arial;
			outline: none;
			}

		#tabs .eotabs li a.disabled { color:#aaa } 
		
		#tabs .eotabs li a:hover { text-decoration: underline; }



		#tabs .eotabs li.selected a {
			background: #fff url(/ap-pics/CareerStory/li-a-active.gif) top right repeat-x; 
			color: #015294;
			font: normal normal 12px arial;
			text-decoration: none;
			padding: 17px 20px 16px 14px;
			
			}	
		
		#tabs .eotabs li.disabled a { background: #fff url(/ap-pics/CareerStory/li-a-disabled.gif) top right repeat-x; } 	
			
		#tabs #sidebar .eotabs li.selected a {	
			background: #F9F8ED url(/ap-pics/CareerStory/li-a-active.gif) top right repeat-x; 
			}



/* Tables */

table.listTable { border: 1px solid  #cddded; margin: 30px 0 30px 25px; }
	table.listTable th { font-weight: bold; background: #cddded; padding: 5px; vertical-align: top;  }
	table.listTable td { padding: 5px; vertical-align: top; }
	table.listTable tr.stripe { background: #f2f5f8; }
	table.listTable tr.waiting td { background: #CCCCCC; border-bottom: 1px solid #d0ddee; vertical-align: middle; }
	table.listTable tr.participant td { border-bottom: 1px solid #d0ddee; vertical-align: middle;}

table.careerStory { margin: 0 25px 0 25px;   }
	table.careerStory th { width: 120px; font-weight: bold; padding: 0px 6px 3px 0; vertical-align: top; text-align: left; color: #003f72;  }
	table.careerStory td.radio input { vertical-align: middle; }
	table.careerStory td { padding: 0px 0 3px 6px; vertical-align: bottom; }
	table.careerStory td input.text { width: 290px; }
	table.careerStory td textarea { width: 420px; }

table.newCareerStory { margin: 0;   }
	table.newCareerStory th {  font-weight: bold; padding: 6px 6px 6px 0; vertical-align: top; text-align: left; color: #003f72;  }
	table.newCareerStory td.radio input { vertical-align: middle; }
	table.newCareerStory td { padding: 6px 0 6px 6px; vertical-align: bottom; }
	table.newCareerStory td input.text { width: 330px; }
	table.newCareerStory td select { width: 335px; }
	table.newCareerStory td textarea { width: 420px; }

table.careerStory2 { margin: 0 25px 0 15px;   }

	
.success { color: #279a27; font-size: 13px; font-weight: bold; margin: 0 0 10px 0;}
.failure  {  color: #d50000; font-size: 13px; font-weight: bold; margin: 10px 0 10px 0;}

.eventContent a.eventLink { /* display: block; position: relative; float: right; width: 195px; text-align: right; */ }


/* clear floats */

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}

.clearfix {
	display: inline-block;
	}

/* piilotetaan mac-ie:lt? \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* pois piilosta */