/* 	Generic style sheet for two image toggle tables with Gel style selectors
	Developed by Steven Atherton and Steven Connor
*/

.blq-js div#toggle_wrapper div#toggle-divs div.no-show{
display: none;
}

div#toggle-wrapper {
	/*float: right;*/
}

/* This is the container which just the controls */
div#tab1-slideshow-controls{
    height: 37px;
    position: absolute;
    top: 370px;
    width: 622px;
    
	/*background-color: #d9d5d4;*/
}
div#tab1-slideshow-controls div#label-toggle{
	float: right;
	padding-top: 6px;
	padding-right: 12px;
}
/* This is the container which just the tables */
div#tab1-toggle-images{
	clear:both;
	position: relative;
	overflow: hidden;
	/*
	margin-bottom: 10px;
        height: 543px;
        */

}

div#toggle_wrapper div#toggle-divs div#container-tab1 div#tab1-toggle-images{
min-height: 530px;
}

div#toggle_wrapper div#toggle-divs div#container-tab2 div#tab2-toggle-images{
min-height: 1220px;
}
div#toggle_wrapper div#toggle-divs div#container-tab3 div#tab3-toggle-images{
min-height: 1360px;
}
div#toggle_wrapper div#toggle-divs div#container-tab4 div#tab4-toggle-images{
min-height: 1676px;
}
div#toggle_wrapper div#toggle-divs div#container-tab5 div#tab5-toggle-images{
min-height: 1012px;
}

div#tab1-slideshow-controls ul#tab1-slideshow-menu li.end_child{
width: 180px;
}

div#tab1-toggle-images div.tog-content p{
	margin-bottom: 0;
	background-color: #ffffff;
	padding: 6px;
	margin-top: -3px;

}

/* Overide the blue anchor page style with white for the Gel style toggle */


div#tab1-slideshow-controls a{
	font-weight:normal;
	color: #ffffff;
}

/* Embolden the white for the Gel style toggle */
div#tab1-slideshow-controls ul#tab1-slideshow-menu{
margin: 0;
}

/* Position the list items for the menu*/
div#tab1-slideshow-controls ul li{
	float:left;
	background-image:none;
	padding: 0;
	font-size: 0.95em;
	width: 179px;
	margin-right: 1px;
}

/* The menu title*/
div#toggle-title{
	padding: 8px 6px 6px 4px; 
	font-weight: bold;
	font-size: 16px;
	margin: none;
}

/* Style the span which contains the menu label including the left seperator*/
div#tab1-slideshow-controls ul li span{
height: 27px;
cursor:pointer;
background: #dcdcdc;
margin-bottom: 0;
display:block;
padding-top:10px;
text-align: center;

}

div#tab1-slideshow-controls ul li span a{
color:#636363;
font-size: 14px;
font-weight: bold;
}

/* Overide the left seperator for the first menu item*/
div#tab1-slideshow-controls ul li span.selected a{
	font-weight: bold;
	text-decoration:none;
	color:#dd6d27;
	cursor:default;
}
div#tab1-slideshow-controls ul li span.end_child{
}

div#tab1-slideshow-controls ul li span.selected {
background: #ffffff;
color:#dd6d27;
cursor:default;
}

div#tab1-toggle-images div.tog-content h2.header{
font-size: 18px;
padding-top: 8px;
padding-bottom: 8px;
margin: 0;
}

div#tab1-slideshow-controls div#tab1-prev{
 background-image: url("/news/special/world/11/europe/air_france_crash/css/img/scroll-sprite.png");
 background-position: 0px -113px;
  width: 37px;
  height: 37px;
  float: left;
  cursor:pointer;
  opacity: 0.7;
}

div#tab1-slideshow-controls div#tab1-next{
 background-image: url("/news/special/world/11/europe/air_france_crash/css/img/scroll-sprite.png");
 background-position: -50px -113px;
  width: 37px;
  height: 37px;
  float: right;
  cursor:pointer;
  opacity: 0.7;
}

.ie div#tab1-slideshow-controls div#tab1-next,
.ie7 div#tab1-slideshow-controls div#tab1-next,
.ie8 div#tab1-slideshow-controls div#tab1-next{
	filter: alpha(opacity=70);
}

.ie div#tab1-slideshow-controls div#tab1-prev,
.ie7 div#tab1-slideshow-controls div#tab1-prev,
.ie8 div#tab1-slideshow-controls div#tab1-prev{
	filter: alpha(opacity=70);
}

div#tab1-slideshow-controls div#tab1-prev:hover{
	opacity: 0.9;
}
div#tab1-slideshow-controls div#tab1-next:hover{
	opacity: 0.9;
}

.ie div#tab1-slideshow-controls div#tab1-prev:hover,
.ie7 div#tab1-slideshow-controls div#tab1-prev:hover,
.ie8 div#tab1-slideshow-controls div#tab1-prev:hover{
	filter: alpha(opacity=90);
}
.ie div#tab1-slideshow-controls div#tab1-next:hover,
.ie7 div#tab1-slideshow-controls div#tab1-next:hover,
.ie8 div#tab1-slideshow-controls div#tab1-next:hover{
	filter: alpha(opacity=90);
}


div#tab1-slideshow-controls div#tab1-prev.disable{
 background-position: 0px -13px;
 cursor:default;
}

div#tab1-slideshow-controls div#tab1-next.disable{
 background-position: -50px -13px;
 cursor:default;
}


/* slides and emp panels styles*/
div#tab2-toggle-images div.glob-left,
div#tab3-toggle-images div.glob-left,
div#tab1-toggle-images div.glob-left,
div#tab4-toggle-images div.glob-left,
div#tab5-toggle-images div.glob-left{
    float: left;
    width: 640px;
}

div#tab1-toggle-images div.glob-left div{
    background-color: #ccc;
    background: url("/news/special/world/11/9_11_globalness/img/terrorattack/map_terrorist_640x392.gif") no-repeat scroll 0 0 transparent !important;
    
    /*
    border-top: 1px dotted #ff0000;
    border-bottom: 1px dotted #00ff00;
    */
}

div#tab2-toggle-images div.glob-right,
div#tab3-toggle-images div.glob-right,
div#tab1-toggle-images div.glob-right,
div#tab4-toggle-images div.glob-right,
div#tab5-toggle-images div.glob-right{
    float: right;
    width: 320px;
    padding: 0px;
}

div#tab2-toggle-images div.glob-left h2,
div#tab3-toggle-images div.glob-left h2,
div#tab1-toggle-images div.glob-left h2,
div#tab4-toggle-images div.glob-left h2,
div#tab5-toggle-images div.glob-left h2{
    font-weight: bold;
    color: #505050;
    font-size: 18px;
    padding: 3px 0px 6px 0px;
    margin: 0px;
    
    
}

div#tab2-toggle-images div.glob-left h3,
div#tab3-toggle-images div.glob-left h3,
div#tab1-toggle-images div.glob-left h3,
div#tab4-toggle-images div.glob-left h3,
div#tab5-toggle-images div.glob-left h3{
    font-weight: bold;
    color: #505050;
    font-size: 16px;
    padding: 0px;
    margin: 0px;
	line-height: 17px;
}
div#toggle_wrapper div#toggle-divs div#container-tab3.no-show div#tab3-toggle-images div#tab3-over1.tog-content div.glob-right h2,    
div#tab2-toggle-images div.glob-right h2,
div#tab3-toggle-images div.glob-right h2
div#tab1-toggle-images div.glob-right h2,
div#tab4-toggle-images div.glob-right h2,
div#tab5-toggle-images div.glob-right h2{
    font-weight: bold;
    color: #505050;
    font-size: 16px;
    padding: 3px 0px 20px 0px;
    margin: 0px;
}

div#toggle_wrapper div#toggle-divs div div#tab1-toggle-images div.tog-content div.glob-right h2{
    font-size: 16px;
	padding-bottom: 8px;
}

/* play button */
div#toggle_wrapper div.st-media, div#toggle_wrapper div.emp{height: 180px;}
div#toggle_wrapper div.st-media a.iplay div.ip{
	background: url("/news/special/technology/11/shuttle_timeline/css/v1/img/play.png") no-repeat scroll 0 0 transparent;
    height: 64px;
    position: relative;
    top: -120px;
    width: 64px;
	background-position: 0px 0px;
}

div#toggle_wrapper div.st-media a.iplay:hover div.ip{
background-position: -148px 50%;

}
div#toggle_wrapper div.st-media a.iplay:active div.ip{
background-position: -296px 0px;
}

div#toggle_wrapper div.glob-right div.glob-panel-text{
    padding: 10px 0px;
}


div#toggle_wrapper div#toggle-divs div#container-tab1 div div.tog-content div.glob-left div.att_date{
 background: none!important;
 position: relative;
 top: -80px;
}

div#toggle_wrapper div#toggle-divs div#container-tab1 div div.tog-content div.glob-left div.att_date h2{
	font-size: 18px;
	line-height: 18px;
	padding-bottom: 16px;
}

div#toggle_wrapper div#toggle-divs div#container-tab1 div div.tog-content div.glob-left div.att_date h3{
	font-size: 48px;
}