/* CSS for GLOBAL */

html {height: 101%;}
table,tr,td {padding:0;margin:0;}
form {padding:0px;margin:0px;}

/* body {margin:0 auto;background-repeat:repeat-x;background-image:url('xxx.gif');font-family:verdana;font-size:11px;color:#000;}*/
/*body.v2 {margin:0 auto;background-repeat:repeat-x;background-image:url('yyy.gif');font-family:verdana;font-size:11px;color:#000;}*/
input.search_init {font-family:verdana;font-size:13px;color:#888888;width:250px;margin-right:10px;}
input.search {font-family:verdana;font-size:13px;color:#000000;width:250px;margin-right:10px;}
.text {font-family:verdana;font-size:11px;color:#000;}

.main_wrap {width:900px;}
.header_wrap {float:left;width:900px;height:144px;background-repeat:repeat-x;background-image:url('http://media1.break.com/static/v3/img/bg_main.gif');text-align:left;}
.body_wrap {float:left;width:900px;text-align:left;margin-bottom:10px;}
.content_wrap {float:left;width:900px;text-align:left;margin-bottom:10px;margin-top:10px;}
.logo {float:left;height:76px;width:450px;text-align:left;margin-top:3px;}
.login_search {float:left;padding-top:0px;width:450px;text-align:right;font-family:verdana;font-size:11px;color:#fff;}
.login_search a {font-family:verdana;font-size:11px;color:#fff;text-decoration:underline;}
.footer_trade {padding:10px 10px 0px 10px;}
.user {color:#001b81;}


BODY { 
	font-family: verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	line-height: 16px;
	color: #000;
	background-color: #fff;
	text-align: center;
	width: 100%;
	padding: 0;
	margin: 0;
	height: 100%; 
	overflow-y:auto;
}

html, body { height: 100%;} 

h1 { 
	color: #000;
	line-height: 24px;
	font-size: 18px;
	padding: 2px 0 4px 0;
	margin:0;
} 

h2 { 
	color: #000;
	line-height: 18px;
	font-size: 14px;
	text-align: left;
}

h2 .error { 
	color: #c00;
	line-height: 18px;
	font-size: 14px;
	text-align: center;
}

.info { color: #ccc; font-size: 12px; padding: 12px; text-align: left; } 

a { color: #0033FF; }
.search_title { font-weight: bold; font-size: 12px; float: left; }
.similarity { font-weight: bold; font-size: 12px; float: right;}
.video_title { font-weight: bold; font-size: 12px; color: #000;} 
.video_url { font-size: 11px; color: #2B802B;  } 
.video_links {font-size: 11px; color: #0033FF; } 

.profile_link { font-size: 10px; font-weight: normal;}

.thumb_img { height: 50px; width: 75px; border: 1px solid #ccc; padding: 1px; margin-top: auto; margin-left: auto; text-align: center; } 
.sponsor_thumb_img { border: 1px solid #ccc; padding: 1px; margin-top: auto; margin-left: auto; text-align: center; } 
#form-video { 
	margin: 0;
	padding: 0;
	text-align: center;
}

#video_row {
	padding:4px;
	width: 355px;
	margin: 0;

	clear: both;
	}

#sponsor_thumb { text-align: right; float: left; width: 75px; margin: 0 0 0 2px; padding: 0;} 
#sponsor_data { float: left; text-align: left; width: 260px; margin: 0 0 0 10px; padding: 0;} 

.thumb_col { text-align: right; float: left; width: 75px; margin: 0; padding: 0;} 
.data_col { float: left; text-align: left; width: 300px; margin: 0 0 0 -20px; padding: 0;} 

.data_col ul  li
{
	display: block;
	list-style-type: none;
	text-align: left;
	padding: 0; 
	margin: 0;
}

#main { 
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	background-color: #fff;
	color: #000;
	text-align: center;
	height: 100%;
	height: auto;

}

#content { 
width: 800px;
margin: 0 0 0 0;
padding: 0 0 0 0;
text-align: left;
}

#content2 { 
left: 10px;
width: 800px;
height: 800px;
margin: 0 0 0 0;
padding: 0 0 0 0;
text-align: left;
float: left;
clear: both;
width: 100%;
z-index: 595;
}

#search_title  { 
float: left;
}

#similarity  {
float: right; 
text-align: left;
}

#sponsor_left { 
float: right; 
width: 355px;
}
#sponsor_right { 
float: left; 
width: 355px;
}


#leftCol { 
float: right; 
width: 355px;

}
#rightCol { 
float: left; 
width: 355px;
}

.details { 
display: none;
visibility: hidden;
}

.details textarea { 
width: 345px;
height: 100px;
border : 1px solid #ccc;
padding: 2px;
font-family: verdana, Arial, Helvetica, sans-serif; 
font-size: 11px; 
}

#banner { 
text-align: center;
margin-left: auto;
margin-right: auto;
margin-top: 5px;
margin-bottom: 5px;
padding: 5px;
clear: both;
width: 100%;

}

#banner form { 
padding: 0;
margin: 0;
width: 100%;
}

#banner #logo { 
float: left;
width: 240px;
text-align: center;
margin: 0;
padding: 0;
}

#banner #search_box { 
float: left; 
width: 250px;
text-align: center;
padding: 10px 0px 0px 20px;
margin: 0;
}
#banner #search_button { 
float: left; 
width: 20px;
text-align: left;
padding: 10px 0px 0px 10px;
margin: 0;
}
#details_video { float: left; width: 50%; }
#details_sponsor { float: right; width: 30%; margin-top: 20px;}

/* CSS FOR CONTENT */
.content_lft_wrap {float:left;width:570px;padding-left:10px;}
.video_title_big {font-size:16px;font-weight:bold;font-family:arial;}
.content_rgt_wrap {float:left;width:300px;padding-left:10px;}
.desc_wrap {width:300px;}
.desc_header {width:298px;height:26px;background:url('http://media1.break.com/static/v3/img/contentdetail/bg_desc.gif') repeat-x left top;border-right:solid 1px #c4bbb1;border-left:solid 1px #c4bbb1;border-top:solid 1px #c4bbb1;}
.desc_title {margin-left:10px;margin-top:4px;font-family:arial;font-size:13px;font-weight:bold;}
.desc_body {float:left;width:298px;border-right:solid 1px #c4bbb1;border-left:solid 1px #c4bbb1;}
.desc_content {float:left;margin-left:10px;padding-top:5px;padding-bottom:7px;margin-right:10px;border-bottom:solid 1px #ccc;width:268px;}

.desc_stats_wrap {float:left;margin-left:10px;padding-top:10px;margin-right:10px;}
.desc_ava {width:60px;float:left;}
.desc_stats {float:left;width:218px;background:#efe9e5;}
.desc_stats_content {margin-left:7px;margin-right:5px;padding-top:5px;padding-bottom:5px;}
.desc_wrap {width:300px;}
.desc_header {width:298px;height:26px;background:url('http://media1.break.com/static/v3/img/contentdetail/bg_desc.gif') repeat-x left top;border-right:solid 1px #c4bbb1;border-left:solid 1px #c4bbb1;border-top:solid 1px #c4bbb1;}
.desc_title {margin-left:10px;margin-top:4px;font-family:arial;font-size:13px;font-weight:bold;}
.desc_body {float:left;width:298px;border-right:solid 1px #c4bbb1;border-left:solid 1px #c4bbb1;}
.desc_content {float:left;margin-left:10px;padding-top:5px;padding-bottom:7px;margin-right:10px;border-bottom:solid 1px #ccc;width:268px;}

.desc_stats_wrap {float:left;margin-left:10px;padding-top:10px;margin-right:10px;}
.desc_ava {width:60px;float:left;}
.desc_stats {float:left;width:218px;background:#efe9e5;}
.desc_stats_content {margin-left:7px;margin-right:5px;padding-top:5px;padding-bottom:5px;}

.gen_link {color:#002f5e;font-size:11px;}
a.gen_link:hover {color:#336699;font-size:11px;}

.gen_link_pic {color:#002f5e;font-size:11px;}
a.gen_link_pic:hover {color:#336699;font-size:11px;}
a.gen_link_pic:visited {color:#999;font-size:11px;}
a.text {color:#002f5e;font-size:11px;}
a.text:hover {color:#336699;font-size:11px;}

.video {float:left;height:366px;margin-bottom:15px;}
/*
.video_links {float:left;padding-left:8px;height:366px;}
*/
.video_sml_title {font-size:10px;color:#999;font-weight:bold;}
.rating_num {float:left;font-weight:bold;}
.rating_value {float:left;width:70px;font-weight:bold;text-align:right;}
.lrg_text {font-size:17px;font-family:arial;font-weight:bold;}
.comments_wrap a {font-size:17px;font-family:arial;font-weight:bold;text-decoration:none;color:#000;}
.comments_wrap a:hover {font-size:17px;font-family:arial;font-weight:bold;color:#003399;text-decoration:underline;}

.rate_wrap {width:110px;height:40px;}
.views_wrap {width:110px;margin-top:20px;}
.comments_wrap {width:110px;margin-top:20px;}
.email_wrap {width:110px;margin-top:50px;height:30px;}
.share_wrap {width:110px;margin-top:20px;height:30px;}
.embed_wrap {width:110px;margin-top:20px;height:30px;}

.icon {float:left;width:35px;}
.icon_link {float:left;width:70px;height:30px;}
.blk {color:#000;text-decoration:none;font-weight:bold;}
a.blk {color:#000;text-decoration:none;font-weight:bold;}
.icon_link a:hover {color:#003399;text-decoration:underline;font-weight:bold;}

.video_media {float:left;width:440px;}
.video_stats {float:left;width:520px;margin-bottom:10px;}
.options {float:left;width:140px;height:115px;border-right:dotted 1px #999;}
.add_this {float:left;width:140px;height:115px;border-right:dotted 1px #999;margin-left:15px;}
.related {float:left;width:140px;height:115px;margin-left:15px;}


.video-info { 
padding: 4px; 
margin: 0;
width: 100%;
text-align: left;
clear: both;
display: block;
border-top: 1px solid #ccc;
}
.video-info-sponsor { 
float: left; 
width: 95%;
padding: 4px;
text-align: left;
margin:0;
}

.video-label { 
float: left;
width: 15%;
padding: 4px;
font-weight: bold;
text-align: left;
margin:0;
}

.video-value { 
float: right;
width: 80%;
padding: 4px;
margin:0;
text-align: left;
}

.title_time { 
color: #ccc;
font-size: 11px;
font-weight: normal;
}

.title_link { 
font-size: 11px;
font-weight: normal;
}


#footer { 
width: 100%;
margin: 10px 0 0 10px;
padding: 15px 0 0 10px;
clear: both;
font-family: verdana, Arial, Helvetica, sans-serif; 
font-size: 10px; 
line-height: 14px;
color: #999;
clear: both; 
border-top: 1px solid #ccc;
}

#footer_left { 
float: left;
text-align: left;
width: 60%;
margin-bottom: 20px;
}

#footer_right { 
float: right;
width: 40%;
text-align: right;
}

#panicArea {
	position:fixed; 
	top:20px; 
	right:20px; 
	width:150px; 
	z-index: 95;
	padding: 4px;
}
  
* html #panicArea {position: absolute;}

#safeArea { 
position: absolute;
top: 0px;
left: 0px;
min-height: 100%;
height: 100%;
width: 100%;
background-color: #fff;
color: #000;
z-index: 98;
}

.panic_ON { 
	color: #d00;
	text-decoration: none;
	padding: 4px;
	border: 1px solid #c00;
	background-color: #fff;
	font-size: 12px;
	z-index: 95;
}

.panic_OFF { 
	color: #0d0;
	text-decoration: none;
	padding: 2px;
	border: 1px solid #0d0;
	background-color: #fff;
	font-size: 10px;
	z-index: 99;
	position: absolute;
	top: 25px;
	right: 25px;
	font-weight: bold;
}

.cssbutton {
	background: #fff;
	padding: 1px;
	font-family: Geneva, Vera, Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-variant : small-caps;
	border : 1px solid #aaa;
}

.buttonleft {
	color: #f8f8f8;
	background: #a42;
	padding: 0px 3px 0px 3px;
}
.buttonright {
	color: #f8f8f8;
	background: #886;
	padding: 0px 20px 0px 3px;
}

.boxSlideShowH {
background-color:#C9D1F4;
background-image:url(http://msnbcmhedia3.msn.com/i/msnbc/Components/ColorBoxes/Styles/img/TdyBoxHedBg.gif);
height:25px !important;
}
.boxSlideShowHImg {
padding:0px;
}
.boxSlideShowHCaption {
color:#FFFFFF;
font-size:125%;
text-transform:none !important;
}

.boxSlideShowB {
background-color:#E9F1F4;
padding-top:5px;
}
.boxSlideShowBI {
color:#666666;
padding:5px;
}

.hauto {
height:auto !important;
}
.textSmallBold {
font-family:Tahoma,Verdana,Arial,sans-serif;
text-transform:none;
}

.textHang {
margin-left:9px;
}

.textBodyBlackBold, .textMedBlackBold, .textSmallBlackBold {
color:#000000;
font-weight:bold;
}

.textMed, .textMedBlack, .textMedBlackBold, .textMedGrey, .textMedLtGrey, .textMedBlue, .textMedBlueBold, .textMedLtGold, .textMedReverse, .textMedBlackHang, .textMedRedBold {
font-size:70%;
line-height:140%;
}
#offset-page { margin: 2em 0 0 2em; }
#offset-page #leftside { float: left; margin: 0 1em 2em 0; width: 45em; }
#offset-page #rightside { float: left; width: 18em; margin-bottom: 2em; }


* { font-family: Arial; font-size: 10pt }
a { color: #0000DE }
.account-area, .account-area * { color: #000000; font-size: 9pt }
.link { color: #0000DE }
.redlink { color:#FF0000}
.command, .command * { color: #8486CE }
.site, .site * { color: #008200 }
.count { color: #A59ABD; font-size: 9pt }
.interval { color: #888888 }
.left-navigation .heading { margin: 3 0 3 0 }
.left-navigation .item { margin: 1 0 1 10 }
.left-navigation .selected-item { background: #E7EFFF; padding: 1 2 1 10; margin: 1 0 1 0 }
.left-navigation .selected-item a { color: #000000; font-weight: bold }
.heading-bar, .heading-bar * { color: #000000; font-size: 12pt }
.list-number { font-size: 28pt }
.footer * { color: #000000; font-size: 9pt }

.exinfo {
color:#006599;
font-family:arial;
font-size:8px;
}
.exinfo_hide {
color:#006599;
display:none;
font-family:arial;
font-size:8px;
}