/* @override http://localhost/~jamiemill/mediainfo/cnnmediainfo.css */

/* @group html standard */

* {
	margin: 0;
	padding: 0;
}

a {
	text-decoration: none;
	color: #d22121;
	font-weight: bold;
}

a:hover {
	color: #999;
	outline: none;
}

a:active {
	outline: none;
}

body {
	color: #5e5e5e;
	margin: 0;
	font: 10pt "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	background-color: #ffffff;
	line-height:1.5em;
}

p {
	margin-bottom: 1em;
	/*margin-top: 1em;*/
}

ul {
	list-style-position: outside;
	margin-bottom: 1em;
}
li {
	margin-left: 1.2em;
}

h2,h3,h4 {
	margin-bottom: 0.5em;
}

h2 {
	font-size: 1.5em;
}

h3 {
	font-size: 1em;
}

img {
	border: none;
}

pre {
	font-size: 0.8em;
}

/* @end */

/* @group ids */

#container {
	text-align: left;
	width: 800px;
	margin: 0 auto;
	position: relative;
	/*padding-top: 10px;*/
	/* javascript mini-tabs are causing page and page_bottom to split apart at times, so setting colour white here hides the gap. may ruin the illusion though if something expands the "page" div further than it should */
	
	/*overflow hidden to try and stop the width of the box being broken in explorer by wider children*/
	overflow: hidden;
	background-color:#FFFFFF;
}

@media print {
	/* printing in explorer and firefox is truncated by the hidden overflow above, so reset it when printing */
	#container {
		overflow: visible;
	}
}

#page {
	/*background: white url(images/page_round_top.gif) no-repeat left top;
	padding: 20px;*/
	padding-bottom: 0px;
	/*hidden overflow to stop wide images busting out*/
	overflow: hidden;
	padding: 0px 18px 0px 20px;
	/* was going to give this relative position so children could be relative to this, but it messes up the floats in IE */
	min-height:400px;
}
#pageNoPad {
	/*background: white url(images/page_round_top.gif) no-repeat left top;
	padding: 20px;*/
	padding-bottom: 0px;
	/*hidden overflow to stop wide images busting out*/
	overflow: hidden;
	/* was going to give this relative position so children could be relative to this, but it messes up the floats in IE */
	min-height:400px;
}
@media print {
	/* printing in explorer and firefox is truncated by the hidden overflow above, so reset it when printing */
	#page {
		overflow: visible;
	}
}

#header {
	background-color: white;
	/*padding-top: 10px;*/
	padding: 5px;
}

#logo {
	width: 226px;
	height: 45px;
	background: url(images/cnn_logo.gif) no-repeat;
	text-indent: -9999px;
	margin-left: 3px;
	
	display:none;
}

#nav_shadow {
	height: 14px;
	/* bg color here must match the grey background so that if it expands we dont get an ugly white line */
	/* background: #cccccc url(images/nav_shadow.gif) repeat-x; */
	/*display: none;*/
	overflow: hidden;
}

#world_map {
	margin-left: 20px;
	margin-right: 18px;
	clear:none;
}

#page_baseline {
	height: 20px;
	margin-left: 50px;
	margin-right: 20px;
	clear:none;
}

#page_bottom {
	/*height was 10, made bigger to allow for IE expanding it too much */
	height: 20px;
	/*background: white url(images/page_round_btm.gif) no-repeat center bottom;*/
	/*border: 1px solid red;*/
	/* clear so that any floats taller than text are completely enclosed. this could cause it to separate from the page it should touch, so make sure the container has a white bg too.*/
	clear:both;
}

#flashcontent {
	text-align: center;
}

#nav_top_container {
	background-image: url(images/nav_top_bg.gif);
	float: left;
	width: 100%;
}

#footer {margin: 0 auto; width: auto; text-align:center;min-width: 800px;font-size:9px;}
#footer a{color:#004276;font-weight:500;}
#footer a:hover{color:#ca0002;}
#redBar{
    width:800px;
    background-color:#ca0002;
    height:11px;
	margin-top: 10px;
}

/* @end */

/* header */
#nav-top{background: #ca0002;margin: 0 auto; width: auto; text-align:center;min-width: 800px;height:82px;border-bottom: 1px solid #ca0002;}
#nav-wrap{
	margin: 0 auto;
	width: 800px;
	position: relative;
}

#nav-top-links{width:170px;float:left;font-size: 10px;}
    #nav-top-links li{float:left;padding:0px 10px 0px 0px; margin: 0px 0px 0px 0px; list-style-type:none;}
    #nav-top-links li a{text-decoration:underline;color:#FFFFFF;}
    #nav-top-links li a:hover{text-decoration:none;}

#cnn-nav-image{width:609px;float:left;position:relative; text-align:left;height:82px;top:0px;left:40px;}

#nav-bot{background: #b60002;color:#FFFFFF; text-align:center;min-width: 100px;height: 35px;border-bottom: 6px solid #dfdfdf;}
    #nav-bot-links{
	float:left;
	font-size: 12px;
}
    #nav-bot-links li{float:left;height:34px; margin: 0px 0px 0px 0px; list-style-type:none;border-left: 1px solid #ca0002;border-right: 1px solid #900;border-top: 1px solid #900;}
    #nav-bot-links li a{display: block;_display: inline-block;text-decoration: none !important; height: 30px; padding:4px 16px 0px 16px;color:#FFFFFF;}
    #nav-bot-links li a:hover{background-color:#900; }
    #nav-bot-links .nav-on a{background: #fff url(images/bg-nav.gif) top; color: #ca0002;}

.nav-media{background: #b60002 url(images/bg-nav.gif) bottom left;}
/* end header */

/* sub nav start */
#sub_nav
{
    padding-top:10px;text-align:center;
}
#sub_nav a{color:#000000;}
#sub_nav a:hover{color:#d22121;}
#sub_nav li
{
   float:left;
   list-style-type:none;
   padding: 0px 20px 0px 20px;
   margin:0px;
   border-right: 1px solid #cccccc; 
}
#sub_nav .selected a
{   
    color:#d22121;
       
}
#sub_nav .sub_right
{
     /*no border for last link */
}
/* sub nav end */
/* @group nav left */

ul#nav_left {
	width: 180px;
	margin-right: 20px;
	/* for IE */
	display: inline;
	float: left;
	border-bottom: 1px solid #ccc;
}

ul#nav_left li {
	list-style-type: none;
	padding: 2px;
	border-top: 1px solid #ccc;
	margin: 0;
}


ul#nav_left li.selected {
	/*background: url(images/red_arrow_small_r.gif) no-repeat 0 center;*/
	margin: 0;
	background-color: #eee;
}

ul#nav_left a {
	/*position:relative;
	top: 8px;*/
	color: #3d7fac;
	font-weight: bold;
}

ul#nav_left a:hover {
	color: #d22121;
}


ul#nav_left a strong {
	color: #d22121;
}

ul#nav_left li.selected a {
	color: #949494;
}

.next_to_leftnav {
	margin-left: 200px;
}

/* @end */
/* @group classes */

.clear {
	clear: both;
}

.clear_and_space {
	clear: both;
	padding: 1em;
}

.player_float_left {
	float: left;
	width: 320px;
	margin-bottom: 1em;
	margin-right: 10px;
	margin-top: 3px;
}

.player_float_right {
	float: right;
	width: 320px;
	margin-bottom: 1em;
	margin-left: 10px;
}

.text_float_right {
	float: right;
	width: 430px;
	margin-bottom: 1em;
}

.text_wide_left_margin {
	margin-left: 340px;
}

.bodytext_widemargin {
	margin-left: 200px;
}

.center {
	text-align: center;
}

.float_right {
	float: right;
	margin-left: 10px;
}

.float_left {
	float: left;
	margin-right: 10px;
}

.left_column {
	margin-top:1em;
	width: 48%;
	float: left;
}

.right_column {
	margin-top:1em;
	width: 48%;
	float: right;
}

table#guidelines {
	border-collapse: collapse;
	margin-left: 0px;
	margin-bottom: 2em;
}

table#guidelines td,table#guidelines th {
	background-color: #ddd;
	border: 1px solid white;
	padding: 2px;
}

table#guidelines tr.alt td {
	background-color: #eee;
}

table#guidelines th {
	padding: 8px;
}

table#guidelines th.black {
	background-color: black;
	color: white;
}

table#guidelines th.red {
	background-color: #cb0003;
	color: white;
}

.grid_image_l {
	float: left;
	/* for IE double left margin bug */
	display: inline;
	width: 40%;
	margin-left: 55px;
	margin-top: 1em;
}

.grid_image_r {
	float: right;
	/* for IE double left margin bug */
	display: inline;
	width: 40%;
	margin-right: 55px;
	margin-top: 1em;
}

.grid_image_l h3, .grid_image_r h3 {
	width: 286px;
	text-align: center;
}

.grid_images_small {
	float: left;
	/* display:inline to fix IE's double margin float bug */
	display: inline;
	width: 180px;
	margin-left: 55px;
	margin-top: 1em;
	margin-bottom: 4em;
	font-size: 0.8em;
}

.grid_images_small ul {
	clear: both;
}

.grid_images_small h4 {
	/*width: 286px;*/
	clear: both;
	color: #d22121;
	
}

.arrowlink {
	background: url(images/link_arrow.gif) no-repeat left center;
	padding-left: 6px ;
}

.spacer {
	height:10px;
}
.spacer.header {
	height:20px;
}


/* @end */

/* @group panes */

ul.panes_tabs {
	list-style-type: none;
	border-bottom: 1px solid #ccc;
	
	float:left;
	width:100%;
	margin-bottom: 0.5em;
	/*height:18px;*/
}

ul.panes_tabs li {
	/*display: inline;*/
	
	float: left;
	display: block;
	
	/*border:  1px solid red;*/
	padding: 2px 10px;
	text-transform: uppercase;
	font-size: 0.9em;
}

ul.panes_tabs li.selected {
	background-color: #eee;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
}

ul.panes_tabs li.selected a {
	color: #666;
}

.pane {
	/*clear: both;*/
}

.hiddenpane {
	display: none;
}

.underline {
	text-decoration: underline;
}

/* @end */

.cnn_sdbx { background:#fff url('http://i.cdn.turner.com/cnn/.element/img/3.0/global/shade/Left_shadow.gif') 0px 0px repeat-y; }
.cnn_sdbx1 { background:transparent url('http://i.cdn.turner.com/cnn/.element/img/3.0/global/shade/Right_shadow.gif') 100% 0px repeat-y; }
.cnn_sdbx2 { background:transparent url('http://i.cdn.turner.com/cnn/.element/img/3.0/global/shade/TR_shadow_1000x6.gif') 100% 0px no-repeat; }
.cnn_sdbx3 { background:transparent url('http://i.cdn.turner.com/cnn/.element/img/3.0/global/shade/TL_shadow_7x6.gif') 0px 0px no-repeat; }
.cnn_sdbx4 { background:transparent url('http://i.cdn.turner.com/cnn/.element/img/3.0/global/shade/BR_shadow_1000x6.gif') 100% 100% no-repeat; }
.cnn_sdbx5 { background:transparent url('http://i.cdn.turner.com/cnn/.element/img/3.0/global/shade/BL_shadow_7x6.gif') 0px 100% no-repeat; }


/* FOOTER LANGUAGE */

.cnn_ftrlarabic a { background:url('http://i.cdn.turner.com/cnn/.element/img/3.0/global/footer/pngs/arabic.png') 0px 0px no-repeat;cursor:pointer; }
.cnn_ftrlarabic a:hover { background-image:url('http://i.cdn.turner.com/cnn/.element/img/3.0/global/footer/pngs/arabic_over.png'); }

.cnn_ftrlkorean a { background:url('http://i.cdn.turner.com/cnn/.element/img/3.0/global/footer/pngs/korean.png') 0px 0px no-repeat;cursor:pointer; }
.cnn_ftrlkorean a:hover { background-image:url('http://i.cdn.turner.com/cnn/.element/img/3.0/global/footer/pngs/korean_over.png'); }

.cnn_ftrljapan a { background:url('http://i.cdn.turner.com/cnn/.element/img/3.0/global/footer/pngs/japanese.png') 0px 0px no-repeat;cursor:pointer; }
.cnn_ftrljapan a:hover { background-image:url('http://i.cdn.turner.com/cnn/.element/img/3.0/global/footer/pngs/japanese_over.png'); }

.cnn_ftrlturkish a { background:url('http://i.cdn.turner.com/cnn/.element/img/3.0/global/footer/pngs/turkish.png') 0px 0px no-repeat;cursor:pointer; }
.cnn_ftrlturkish a:hover { background-image:url('http://i.cdn.turner.com/cnn/.element/img/3.0/global/footer/pngs/turkish_over.png'); }


.cnn_containerblk .cnn_ftrlarabic a { background-image:url('http://i.cdn.turner.com/cnn/.element/img/3.0/global/footer/pngs/blk/arabic.png'); }
.cnn_containerblk .cnn_ftrlarabic a:hover { background-image:url('http://i.cdn.turner.com/cnn/.element/img/3.0/global/footer/pngs/blk/arabic_over.png'); }
.cnn_containerblk .cnn_ftrlkorean a { background-image:url('http://i.cdn.turner.com/cnn/.element/img/3.0/global/footer/pngs/blk/korean.png'); }
.cnn_containerblk .cnn_ftrlkorean a:hover { background-image:url('http://i.cdn.turner.com/cnn/.element/img/3.0/global/footer/pngs/blk/korean_over.png'); }
.cnn_containerblk .cnn_ftrljapan a { background-image:url('http://i.cdn.turner.com/cnn/.element/img/3.0/global/footer/pngs/blk/japanese.png'); }
.cnn_containerblk .cnn_ftrljapan a:hover { background-image:url('http://i.cdn.turner.com/cnn/.element/img/3.0/global/footer/pngs/blk/japanese_over.png'); }
.cnn_containerblk .cnn_ftrlturkish a { background-image:url('http://i.cdn.turner.com/cnn/.element/img/3.0/global/footer/pngs/blk/turkish.png'); }
.cnn_containerblk .cnn_ftrlturkish a:hover { background-image:url('http://i.cdn.turner.com/cnn/.element/img/3.0/global/footer/pngs/blk/turkish_over.png'); }

.cnn_containerblk a:link,
.cnn_containerblk a:visited { color:#6ab9d3; }
.cnn_containerblk a:hover { color:#ca0002; }

.cnn_ftrrskncntr { margin-top: 10px; }
#cnn_ftrcntnt { width: 980px; padding-bottom: 5px; text-align: left; padding-top: 30px; }
#cnn_ftrcntntinner { text-align: left; border-top: 2px solid #dadada; padding-top: 3px; }

.cnn_ftrwthr1 { float:left;width:60px;margin:0 12px 0 8px;display:inline; }
.cnn_ftrwthr2 { float:left;width:684px;margin:13px 0 0 0;display:inline;font:bold 10px/14px arial, Helvetica, Utkal, sans-serif;color:#666; }

.cnn_ftrwthr3 { width:50px;float:left;margin:0px;display:inline;font:bold 27px/30px arial, Helvetica, Utkal, sans-serif; }
.cnn_ftrwthr4 {  width:300px;float:left;margin:0px;display:inline;line-height:14px }
.cnn_ftrwthr4 strong {color:#000; }
.cnn_ftrwthr4 a { font-weight:normal; }

.cnn_ftrsrchcntr { float:left;width:216px;margin:16px 0 0 0;display:inline; }
.cnn_ftrsrch1 { float:left;width:199px;height:21px;background:url('http://i.cdn.turner.com/cnn/.element/img/3.0/global/footer/searchBar2.1.jpg') no-repeat;overflow:hidden; }
.cnn_ftrsrch2 { float:left;width:17px;margin:0px; }
.cnn_ftrsrch3 { background:url('http://i.cdn.turner.com/cnn/.element/img/3.0/global/footer/PoweredByGoogle.jpg') 100% 0px no-repeat;height:14px;overflow:hidden; }

.cnn_ftrsrch1 div { padding:3px 0 0 5px; }
.cnn_ftrsrch1 input { border:0px;margin:0px;padding:0px;width:188px;font:bold 11px/14px arial, Helvetica, Utkal, sans-serif;color:#666; }

.cnn_ftrnvlnks { padding:7px 0 8px 0;font:normal 10px/14px arial, Helvetica, Utkal, sans-serif;text-align:center;color:#999; }
.cnn_ftrnvlnks div { padding:0 0 4px 0; }
.cnn_ftrnvlnks div a{padding: 0 3px}

.cnn_ftrlgcpy { margin:10px 0 0 0;font:normal 10px/14px arial, Helvetica, Utkal, sans-serif;color:#666;float:left;display:inline;width:565px; }
.cnn_ftrlgcpy img { vertical-align:-2px;margin:0 5px 0 0;  }
* html .cnn_ftrlgcpy img { vertical-align:middle; }
*+html .cnn_ftrlgcpy img { vertical-align:middle; }

.cnn_ftrlnggcntr img { vertical-align:-2px; }
* html .cnn_ftrlnggcntr img { vertical-align:middle; }
*+html .cnn_ftrlnggcntr img { vertical-align:middle; }

.cnn_ftrlgcpy1 { padding:4px 0 0 0;color:#b5b5b5; }

.cnn_ftrdivl2 { height:11px;background-color:#ca0002;overflow:hidden; }

.cnn_ftrlnggcntr {
	float:right;
	display:inline;
	margin:10px 0 0 0;
	width:500px;
	font:normal 10px/14px arial, Helvetica, Utkal, sans-serif;
	color:#b5b5b5;
	text-align:right;
}
.cnn_ftrlnggcntr div { padding-bottom:4px; }