body { 
	font-size: 92%; 
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	min-height: 100%;
	border: 0;
	background: #fff;
	font-family: arial, hevetica, sans-serif;
	font-size: 14px;
	font-weight: normal; 
	text-align:center;
}

img {border:none;}
a {text-decoration:none; outline:none; cursor:pointer;}
a:active {outline:none;}


#container { 
	margin: 0 auto;
	height: 100%;
	min-height: 100%;
	width: 983px;
	position: relative;
	text-align:left;
}
#container-wrapper { 
	width: 983px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto;
	font: small/1.4 Trebuchet MS, Tahoma, sans-serif; 
}

/*-----------------------------------*/
/* 	     Content										 */
/*-----------------------------------*/


#index_content { 
	position: relative;
	margin-top: 0px;
	margin-right: 10px;
	float: left;
	width: 970px;
	height: auto;
	color: #4c4b4b;
}


/*-----------------------------------*/
/* 	     Sidebar 		     */
/*-----------------------------------*/

#sidebar { position: relative; margin-top: 0px; float: right; width: 360px; height: 100%; border: 1px solid #d9d9d9; background: #fbfbfb; }
#sidebar #info { position: relative; width: 298px; margin: 15px; padding: 15px; border: 1px solid #d9d9d9; color: #000; background: #ffffff; }
#sidebar #info p.small { font: 1em Arial, Helvetica, sans-serif; line-height: 1.5em; text-align: left;  color: #000; }
#sidebar #info span.grey { color: #000; font-weight: bold; }
#sidebar ul { margin: 40px 15px 30px 0px; list-style: none inside; padding-left:15px; }
#sidebar ul li p { padding-left: 30px; padding-right: 20px; margin-top:0; color: #000; }
#sidebar * html h3 { font-size: 1.7em; line-height: 24px; text-align: center; padding-bottom: 5px; }
#sidebar h3 { font-size: 1.7em; line-height: 24px; text-align: center; margin:0; }
#sidebar h3 span.blue { color: #0680c2; }
#sidebar h2 { font-size: 1.7em; line-height: 24px; color: #0680c2; margin-bottom: 5px; margin-top: 5px; }

#index_content #google_ads { position: absolute; top: 640px; left: 660px; border: 1px solid #d9d9d9; background-color: #fbfbfb; }
.index_thumbnails { 
	margin-left: 15px;
	height:auto; 
}

#index_content #mainvideo { margin-left: 10px; }
#index_content #mainvideo .play_now { position: absolute; top:310px; left:490px; z-index: 9999; width: 77px; height: 29px; margin: 0px 0px 0px 0px; }
#index_content #mainvideo .title {float:left; margin: 10px 5px 5px 15px; color:#4bb6f0; font: 13pt Arial, Helvetica, sans-serif; font-weight:  bold; text-align: left; width:130px; }
#index_content #mainvideo .grey { float:left; font: 13pt Arial, Helvetica, sans-serif; font-weight:  bold; color: #fff; width:430px; margin: 10px 0px 0px 0px; }			
#index_content .boxgrid { width: 585px; height: 439px; margin-bottom: 20px; float: left; background: #161613; overflow: hidden; position: relative;}
/*#index_content .boxgrid #div_main_image{z-index: 1;};*/
#index_content .boxgrid #post_title { clear:both; margin:0; padding: 0px 10px 2px 15px; color: #fff; font: 1.1em Arial, Helvetica, sans-serif; font-weight: bold; }
#index_content .boxgrid #post_description { clear:both; margin:0; padding: 0px 30px 0px 15px; font: 0.9em Arial, Helvetica, sans-serif; color: #fff; }
#index_content .boxcaption{ float: left; position: absolute; background: #000; height: 90px; width: 100%; opacity: .9; 
/* For IE 5-7 */
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
/* For IE 8 */
-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; }
.caption .boxcaption { top: 402px; left: 0; }


#index_content #treecolumns { position: relative; float: left; width: 593px; height: 100%; margin-left: 10px; margin-top:20px; padding-bottom:30px;}
#index_content #treecolumns #editorspicks { float:left; width: 180px; padding-right: 10px; border-right: 1px dotted #919090; margin: 0;}
#index_content #treecolumns #mostviewed { float:left; width: 180px; padding-left: 10px; 	padding-right: 10px; border-right: 1px dotted #919090;  margin:0;}
#index_content #treecolumns #tophumor { float:left; width: 180px; padding-left: 10px; margin:0; }
#index_content #treecolumns h4 { background: url(/images/h4_back.png); font-size: 1.4em; line-height: 20px; color: #0680c2; margin:0; padding-top: 7px; text-align: center; height: 34px; width: 180px; }

/*-----------------------------------*/
/* 	   	Header 		     */
/*-----------------------------------*/


#header { height: 76px; width: 100%;}
#header #logo {width:420px; height: 76px; background-image: url(/images/header_03.jpg); background-repeat: no-repeat;background-position: 70px 26px;}
#header #logo span#beta {position:absolute; top:30px; left:20px; font-size:10px; font-weight:bold; color:#919090;}
#mainnav { float: left; width: 100%; height: 54px; background: url(/images/nav_back.png) no-repeat; }
img.space { margin: 15px; 0px; 0px; 0px; }

#skipmenu { position: absolute; left: 365px; top: 51px; width: 300px; text-align: right; padding-right: 0; margin-right: 0px; visibility: visible; }
* html #skipmenu { position: relative; left: 365px; width: 300px; margin-bottom: -20px; text-align: right; padding-right: 0; margin-right: 0px; visibility: visible; }
#skipmenu .text{ color: #48a237; text-decoration: none; font-weight: bold; font-family: Arial, Helvetica, sans-serif; padding-left: 10px; }
#skipmenu a.text{ color: #48a237; text-decoration: none; font-weight: bold; font-family: Arial, Helvetica, sans-serif; padding-left: 10px; }
#skipmenu a { color: #91b6e7; text-decoration: none; font-weight: bold; font-family: Arial, Helvetica, sans-serif; padding-left: 10px; }
#skipmenu a:hover { color: #91b6e7; text-decoration: none; }
#skipmenu a.library { color: #48a237; text-decoration: none; font-weight: bold; font-family: Arial, Helvetica, sans-serif; padding-left: 10px; padding-right: 0px; }
#skipmenu a.library:hover { color: #91b6e7; text-decoration: none; }

#skipmenu p.bookmarklet { position: absolute; display: inline; width: 238px; float: right; margin-top: -14px; margin-left: 28px; text-align: right; color: #48A237; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
#skipmenu a.bookmarklet_img { position: absolute; border: 0; float: right; margin-top: -26px; margin-left: 258px; cursor: move; }
#header #skipmenu img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border: 0;
}
.btn-slide { margin-left: 20px;  }
.search_field { background: url(/images/search_field.png) no-repeat; border: 0px; width: 214px; height: 20px; line-height: 14px; font: 1.1em Arial, Helvetica, sans-serif; margin-left: 20px; padding-top: 4px; padding-left: 3px; margin-top: 11px; vertical-align: top; }
.btn_search { display:inline; vertical-align: top; margin-right: 20px; margin-top: 11px; }
#container #header #skipmenu img { border: 0; }
#container #header #mainnav img { border: 0; }


/*-----------------------------------*/
/* 	     Footer		     */
/*-----------------------------------*/

#footer { position: relative; bottom: 0px; width: 100%; font-family: Arial, Helvetica, sans-serif; text-align: center; }
#footer a { color: #fff; text-decoration: none; font-family: Arial, Helvetica, sans-serif; }
#footermenu { position: relative; bottom: 0; padding-top: 6px; color: #fff; text-align: center; font-weight: bold; font-size: 14px; background:url(/images/footer_back.png) no-repeat; float: left; left: 0px; width: 983px; height: 57px; clear: both; }
#footermenu .policy { font-size: 11px; color: #adbd7a; font-weight: normal; }
#footermenu span.copyright { font-size: 11px; color: #adbd7a; font-weight: normal; }

/* sliding menu start */
#menu-vertical {
	position:absolute;
	margin-left:5px;
	margin-top:18px;
	margin-right:0px;
	padding-left:15px;
	padding-right:0px;
	visibility:visible;
	display:none;
	background-image:url(/images/category_background.jpg);
	text-align:left;
	font-family: Arial, Helvetica, sans-serif;
}
ul#navmenu-v,ul#navmenu-v li,ul#navmenu-v ul {
 width: 274px; /* Menu Width */
 margin: 0; 
 padding:0px;
 list-style: none;
}


ul#navmenu-v li { float: left; position: relative;  width: 100%; }
ul#navmenu-v li.iehover { z-index: 9999; /* IE z-index bugfix */ }

ul#navmenu-v ul {	display: none; position: absolute; top: 0; left: 100%; z-index: 9999; }

/* Root Menu */
ul#navmenu-v a {
  padding: 6px;
	padding-left:5px;
	padding-right:10px;
	display: block;
	color: #99DAFD;
	font-size: 14px;
	text-decoration: none;
	height: 1%;
	margin-left:0px;
}

/* Root Menu Hover Persistence */
ul#navmenu-v a:hover,ul#navmenu-v li:hover a,ul#navmenu-v li.iehover a {
 color: #FFFF00;
}

/* 2nd Menu */
ul#navmenu-v{	float: none; margin-left:0px; padding-left:10px; width:237px; }

ul#navmenu-v li:hover li a,ul#navmenu-v li.iehover li a { float: none;	padding-left:10px; color:#A8E48B; }

/* 2nd Menu Hover Persistence */
ul#navmenu-v li:hover li a:hover,ul#navmenu-v li:hover li:hover a,ul#navmenu-v li.iehover li a:hover,ul#navmenu-v li.iehover li.iehover a {
 color: #FFFFFF;
}

/* 3rd Menu */
ul#navmenu-v li:hover li:hover li a,ul#navmenu-v li.iehover li.iehover li a {
 background: #999;
}

/* 3rd Menu Hover Persistence */
ul#navmenu-v li:hover li:hover li a:hover,ul#navmenu-v li:hover li:hover li:hover a,ul#navmenu-v li.iehover li.iehover li a:hover,ul#navmenu-v li.iehover li.iehover li.iehover a {
 background: #666;
}

/* 4th Menu */
ul#navmenu-v li:hover li:hover li:hover li a,ul#navmenu-v li.iehover li.iehover li.iehover li a {
 background: #666;
}

/* 4th Menu Hover */
ul#navmenu-v li:hover li:hover li:hover li a:hover,ul#navmenu-v li.iehover li.iehover li.iehover li a:hover {
 background: #333;
}

/* Hover Function - Do Not Move */
ul#navmenu-v li:hover ul ul,ul#navmenu-v li:hover ul ul ul,ul#navmenu-v li.iehover ul ul,ul#navmenu-v li.iehover ul ul ul { display: none; }
ul#navmenu-v li:hover ul,ul#navmenu-v ul li:hover ul,ul#navmenu-v ul ul li:hover ul,ul#navmenu-v li.iehover ul,ul#navmenu-v ul li.iehover ul,ul#navmenu-v ul ul li.iehover ul { display: block; }

.channel_menu {
	background-image: url(/images/channels_background.jpg);
}


/* END sliding menu styles */

/*-----------------------------------*/
/* 	select and input field for RCs   */
/*-----------------------------------*/
.category_channel_select { float: left; font-size: 1em/1.7em Arial, sans-serif; color: #868686; width: 200px; border: 1px solid #d8d8d8; margin: 0px 0px 10px 0px; padding: 4px; }
.focusField { border:solid 1px #a7a7a7; background:#f4f4f4; color:#868686; }
.idleField { border: solid 1px #d8d8d8; background: #fff; color: #868686; }
.styled_input { width: 190px; outline: none; margin: 0px 0px 10px 0px; padding:4px; text-align: left; }
.file_input { width: 150px; outline: none; margin: 0px 0px 10px 0px; padding:4px; text-align: left; }
.description_box { font-size: 1em; width: 190px; height: 50px; margin: 0px 0px 15px 0px; padding: 4px; font-family: Trebuchet MS, Tahoma, sans-serif; }


/*-----------------------------------*/
/* 	     Registration Box 		     */
/*-----------------------------------*/
#registration_box { font-size: 92%; font: Trebuchet MS, Tahoma, sans-serif; margin: 0; padding: 0; width: 100%; height: 100%; min-height: 100%; border: 0; background: #fff; text-align:left;}
#registration_box h2 { font-size: 1.7em; line-height: 24px; color: #4b4b4b; margin-bottom: 10px; margin-top: 20px; }
#registration_box h2.reg_title { font: 2em Arial, Helvetica, sans-serif; line-height: 24px; color: #0680c2; margin: 0px 0px 10px 40px; padding-top: 40px; }
#registration_box h2.whysignup_title { font: 2em Arial, Helvetica, sans-serif; line-height: 24px; color: #0a284f; margin: 0px 0px 20px 0px; padding-top: 40px; }
#registration_box h2.login_title { font: 2em Arial, Helvetica, sans-serif; line-height: 24px; color: #0a284f; margin: 0px 0px 20px 0px; padding-top: 10px; }

#mask { position: absolute; left: 0; top: 0; z-index: 9000; background-color: #111111; display: none; }
#registration_box .window { position: absolute; left: 0; top: 0; width: 900px; height: 530px;  }   /*z-index: 9999;*/
#registration_box #left_container { width: 890px; height: 520px; }
#registration_box #left_container .reg_frame { background: url(/images/registration_frame.png) no-repeat 0 0 transparent; width: 890px; height: 520px; }
#registration_box #left_container #firstpart { float: left; position: relative; width: 545px; }
#registration_box #left_container #secondpart { float: right; position: relative; width: 315px; }
#registration_box #left_container .reg_frame .field1 { position: relative; top: 20px; left: 0px; background: url(/images/input_field1.png) no-repeat; border: 0px; height: 20px; width: 341px; font-size: 1.1em; font-family: Arial, Helvetica, sans-serif; padding: 7px; margin-top: -10px; }
#registration_box #left_container .reg_frame .field2 { position: relative; top: 19px; left: 0px; background: url(/images/input_field2.png) no-repeat; border: 0px; height: 20px; width: 210px; font-size: 1.1em; font-family: Arial, Helvetica, sans-serif; padding: 7px; margin-top: -10px; }
#registration_box #left_container .reg_frame .field3 { position: relative; top: 5px; left: 8px; background: url(/images/input_field2.png) no-repeat; border: 0px; height: 20px; width: 210px; font-size: 1.1em; font-family: Arial, Helvetica, sans-serif; padding: 5px; margin-top: -15px; margin-bottom: 15px; }
#registration_box #left_container .signme { float: left; position: relative; width: 157px; height: 44px; z-index: 4; margin-left: 215px; margin-top: 15px; }
#registration_box #left_container #secondpart .signin { width: 102px; height: 44px; margin-top: 19px; margin-left: 80px; z-index: 5; }
#registration_box #left_container #secondpart .close { float: right; position: relative; width: 16px; height: 16px; margin: 10px 24px 0px 0px; }
#registration_box #left_container .reg_frame p.sub_title { font: 1em Arial, Helvetica, sans-serif; line-height: 14px; color: #48a237; margin: 0px 0px 0px 40px; }
#registration_box #left_container .reg_frame p.notice { font: 0.9em Arial, Helvetica, sans-serif; color: #0a284f; margin-left: 30px; margin-top: 20px; margin-bottom: 10px; }

#registration_box ul.form { font: 1em Arial, Helvetica, sans-serif; color: #0a284f; width: 535px; padding: 1em 1em 0 1em; list-style: none; zoom: 1; margin:0; }
#registration_box li { clear: left; }
#registration_box .form label { float: left; width: 11em; margin-right: 5px; margin-top: 20px; text-align: right; height: 100%; }
#registration_box .warning {margin: 0px 0px 0px 60px;}
#registration_box ul.warning li { list-style: none; background-image: url(/images/warning.png); background-repeat: no-repeat; background-position: left center; padding-left: 20px; }
#registration_box .warning li { font: 0.9em Arial, Helvetica, sans-serif; color: #0a284f; line-height: 20px; padding-left: 5px; }
#registration_box .whysignup{margin-left: 0px; padding-left:0;}
#registration_box .whysignup li { list-style: none; background-image: url(/images/tick.png); background-repeat: no-repeat; background-position: left center; margin-left: 0px; font: 1em Arial, Helvetica, sans-serif; color: #0a284f; line-height: 14px; padding-left: 20px; margin-bottom: 15px; }
#registration_box ul.login {font: 1em Arial, Helvetica, sans-serif; color: #0a284f; width: 315px; padding: 0 1em 0 1em; list-style: none; zoom: 1; margin:0; }
#registration_box li.login { float: left; clear: left; padding-bottom: 1em; }
#registration_box .login label { float: left; width: 7em; margin-left: 10px; margin-top: -10px; text-align: left; height: 100%; }
#registration_box p.checkbox_pair { clear: both; float: none; position: relative; font: 1em Arial, Helvetica, sans-serif; color: #0a284f; left: 25px; bottom: 5px; margin:0;}
#registration_box p.label_checkbox_pair input { position: absolute; top: 1px; }
#registration_box p.label_checkbox_pair label { display: block; width: 200px; }
#registration_box p.forgot{ margin-top:0px; }
#registration_box p.forgot a { clear: both; float: none; position: relative; font: 1em Arial, Helvetica, sans-serif; color: #0a284f; left: 42px; top: 2px; bottom: 10px; text-decoration: none; }
#registration_box p.forgot a:hover { color: #0680c2; }

/*-----------------------------------*/
/* 	     Bookmarklet Pop Up 	     */
/*-----------------------------------*/

#popup_container { width: 624px; height: 843px; padding: 0; margin: 15px; position: relative; background: url(/images/popup_frame.png) no-repeat; background-color: #fff; z-index: 1; }
#popup_header { float: left; margin-left: 155px; margin-top: 20px; }
#popup_header .bookmarklet_img { border: 0; }
#popup_header p.title { position: absolute; display: inline; font-size: 1.6em; line-height: 24px; color: #049307; margin-top: 15px; margin-left: 10px; }
#popup_content { position: relative; width: 303px; margin-left: 155px; padding-top: 50px; }
ul.bookmarklet_form { font: 1em Arial, Helvetica, sans-serif; color: #0a284f; width: 303px; padding: 1em; list-style: none; }
li.bookmarklet_form { float: left; padding-bottom: 1em; }
.bookmarklet_form label { display: block; width: 11em; margin-left: 3px; margin-top: 20px; text-align: left; height: 100%; font: 1.1em Arial, Helvetica, sans-serif; color: #0a284f; font-weight: bold; }
#popup_content .field3 { position: relative; top: 10px; left: 0px; background: url(/images/input_field3.png) no-repeat; border: 0px; width: 306px; font-size: 1.2em; font-family: Arial, Helvetica, sans-serif; padding: 7px; margin-top: -10px; }
textarea.descr_field { font-size: 1em; color: #868686; width: 285px; height: 90px; background: url(/images/descr_field.png) no-repeat; border: 0; margin-bottom: -10px; padding: 8px 20px 15px 8px; font-family: "Courier New", Tahoma, sans-serif; }
#popup_content img.video { position: relative; float: left; margin: 10px 0px 10px 25px; }
#popup_content img.thumb { position: relative; float: left; margin: 10px 0px 10px 95px; }
#popup_content .save_close { float: left; position: relative; width: 178px; height: 40px; z-index: 4; margin-left: 65px; margin-top: 5px; }
#popup_footer { float: left; position: relative; margin-left: 125px; margin-top: 15px; margin-bottom: 0px; z-index: 99; }