/*   load the main media CSS file    */

@import url('../../../common/styles/media.css');

html, body {
	margin:0;
	height:100%;
}
#flashContent {
	width:98%;
	height:98%;
	z-index: 1 !important;
	position: absolute !important;
}

@media only screen and (device-width: 768px){
	 
}
    
	.timelinecontainer{ 
		width:440px; height:367px;
		margin:0 4px;  
	} 


	 h1{ font-family:Arial, Helvetica, sans-serif;  font-weight:bold;
	    font-size:14px; text-align:center; margin:0; height: 20px;}
	.top_nav{ background:#0197d6; border-radius:40px 40px 0 0; height:19px; text-align:center;cursor: pointer;}
	.top_nav> a {display: block; line-height: 12px; } 
    .bottom_nav > a {display: block; line-height: 12px; } 
	.bottom_nav{ background:#0197d6; border-radius:0 0 40px 40px; height:19px; text-align:center;cursor: pointer;}
	.fltlft{ float:left}
	.fltrt{ float:right}
	.clearfloat{ clear:both}
	.left_area{ width:367px; background:#4e4c4d; height:337px; }
	.right_area{ background: url(../../../common/images/time_line_bg.jpg) 3px 12px no-repeat #bdbbbc; width:73px;height:337px;}
	.slide_title { font-size:11px; color:#FFF; text-align:left; padding-left:8px;min-height: 35px; }/* height:42px;*/ 
	.slide_title h1{ font-size:14px; text-align:left; padding-top: 6px;}
	
	.slide_content{ background:#f9f8f9; margin:6px; overflow: auto; min-height:200px;}
	
	.bluedot{ margin:0px 5.5px; position:absolute; top:100px;}
	.dot_normal{background:url(../../../common/images/blue_dot.png) no-repeat;}
	.dot_selected{background: url(../../../common/images/Selected_dot.png) no-repeat;}
	.dot_selected_arrow{background: url(../../../common/images/Timeline_Arrow.png) no-repeat; width: 13.45px;height: 19.5px;
		left:-12px;top:0; position: absolute;}
	.dot2{ top:55px;}
	#dvTimeLine a { text-decoration: none; font-size:8px; }
	.lblyr{ font-size:12px; color:#393536;  padding-left: 20px; font-weight: bold;}
	.slide_content div[id*=graphics]{margin:0;padding:0;}

	.slide_content div[id*=content]{margin:0;padding:0 8px;}
	.slide_content div[id*=content] p{margin:0;padding:0; text-align: left; font-size:11px;}
	
	img[id*=imgGraphic_]{position: relative;} 

	#mainDiv{position: absolute; top:0px; height:400px;width: 470px;}

	img[rel=STD]{
		border-radius: 5px;
		-moz-box-shadow: 0 2px 5px #888;
		-webkit-box-shadow: 0 2px 5px #888;
		box-shadow: 0 2px 5px #888; 
	}
  
#dvTimeLine > div[rel=yearOffset]{ left: 403px !important;}

	.ID_bubble01 {
		position: relative;
		padding: 5px;
		margin: 1em 0 3em;
		background-color: #cce9e7;
		-webkit-box-shadow: 2px 2px 4px #888;
		-moz-box-shadow: 2px 2px 4px #888;
		box-shadow: 2px 2px 4px #888;
		border-radius:3px;
		-webkit-border-radius:3px;
		-moz-border-radius:3px;
		border: 3px solid #67bdbc;
		width:109px;
		height:31px! important;
		color:#393536;
		text-align: center! important;
	}
	.ID_bubble01::after {
		content: "";
		position: absolute;
		bottom: -25px;
		left: 60px;
		border-width: 23px 17px 0 0px;
		border-style: solid;
		border-color: #67bdbc transparent;
		display: block;
	}

	.ID_bubble02 {
		position: relative;
		padding: 5px;
		margin: 1em 0 3em;
		background-color: #cce9e7;
		-webkit-box-shadow: 2px 2px 4px #888;
		-moz-box-shadow: 2px 2px 4px #888;
		box-shadow: 2px 2px 4px #888;
		border-radius:3px;
		-webkit-border-radius:3px;
		-moz-border-radius:3px;
		border: 3px solid #67bdbc;
		width:114px;
		height:44px! important;
		color:#393536;
		text-align: center! important;
	}
	.ID_bubble02::after {
		content: "";
		position: absolute;
		bottom: -25px;
		left: 12px;
		border-width: 23px 17px 0 0px;
		border-style: solid;
		border-color: #67bdbc transparent;
		display: block;
	}
	.ID_bubble03 {
		position: relative;
		padding: 5px;
		margin: 1em 0 3em;
		background-color: #cce9e7;
		-webkit-box-shadow: 2px 2px 4px #888;
		-moz-box-shadow: 2px 2px 4px #888;
		box-shadow: 2px 2px 4px #888;
		border-radius:3px;
		-webkit-border-radius:3px;
		-moz-border-radius:3px;
		border: 3px solid #67bdbc;
		width:114px;
		height:44px! important;
		color:#393536;
		text-align: center! important;
	}
	.ID_bubble03::after {
		content: "";
		position: absolute;
		bottom: -25px;
		left: 96px;
		border-width: 23px 17px 0 0px;
		border-style: solid;
		border-color: #67bdbc transparent;
		display: block;
	}

	#ID_txt13_02{ line-height: 11.5px;}

	#dvSlide_2011 .slide_content{height: 247px;}
	#dvSlide_1995 .slide_content{height: 275px;}
	#dvSlide_1993 .slide_content{height: 275px;}
	#dvSlide_1991 .slide_content{height: 289px;}
	#dvSlide_1988 .slide_content{height: 289px;}
	#dvSlide_1986 .slide_content{height: 275px;}
	#dvSlide_1985 .slide_content{height: 290px;}
	#dvSlide_1984 .slide_content{height: 290px;}
	#dvSlide_1982 .slide_content{height: 276px;}
	#dvSlide_1981 .slide_content{height: 289px;}
	#dvSlide_1972 .slide_content{height: 289px;}
	#dvSlide_1972_x2 .slide_content{height: 289px;}
	#dvSlide_1972_x3 .slide_content{height: 289px;}
	#dvSlide_1970 .slide_content{height: 275px;}
	#dvSlide_1969 .slide_content{height: 260px;}
	/*#dvSlide_2011 .slide_content{height: 233px;}*/

/*default Time Line Animation End*/


@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {

	#dvSlide_1969 .slide_content{height: 247px;}
	#graphics_1969 > img {height:236px !important;}
}