@charset "utf-8";
/*
General
*/
var {font-style: normal;}
form {display: block;}
* {
    margin: 0px;
    padding: 0px;
}

body {
    background: #000 url(images/bg.png) repeat-x 0 0;
    color: #FFF;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}

.wrapper {
	/*position: relative;*/
    margin:auto;
;
    /*width: 965px;*/
}

.error{
	border: 1px solid red;
	padding: 3px;
	background-color:  #FBACA4;
	font-color: red;
	font-weight: bold;
}

/*
Font
*/

a:link, a:visited, a:active {
    color: #FF9900;
    font-family: Arial, Helvetica, sans-serif;
    text-decoration: none;
}

a:hover {
    color: #FF9900;
    font-family: Arial, Helvetica, sans-serif;
    text-decoration: none;
}

img {
    border: 0px solid #000;
}

.yellow {
    color: #FF9900;
}

.underline {
	text-decoration: underline;
}

/*
Header
*/

.header {
    position: relative;
    margin: auto;
    width: 955px;
    height: 95px;
}

#logo {
	float: left;
    background: transparent url(images/logo2.png) no-repeat 0 0;


}
#logo a {
	display: block;
	width: 700px;
	height: 95px;
	text-indent: -900em;
}
#slogan {
	width: 1px;
	height: 1px;
	float: left;
	overflow: hidden;
	visibility: hidden;
}

#corner_box {
	position: absolute;
	top: -150px;
	right: 0;
	height: 150px;
	width: 300px;
}

.header_right_menu{
	position: absolute;
	right: 0px;
	top: 5px;
	/*width: 275px;*/
	height: 50px;
	border: 0px solid #666666;
	}

.header_right_menu a{
	color:#cccccc;
	padding-left:7px;
	padding-right:7px;
	text-decoration:none;
}

.header_right_menu a:hover{
	color:#FF9900;
	text-decoration:none;
}


/*
search
*/


.search form{
	background-image:url(images/search.png);
	background-repeat:no-repeat;
	float:right;
	height:39px;
	width:219px;
	right:10px;
	margin-top:-1px;
	overflow:hidden;
	position:relative;
	top:-39px;
}

.search fieldset{
	border: 0px;
}

.search-field{
	position:relative;
	top:-5px;
	left:16px;
	width:188px;
	float:left;
	height:15px;
	overflow:hidden;
	}

.search_input {
	background-color:transparent;
	border:medium none;
	color:#414141;
	font-size:12px;
	height:15px;
	padding:0;
	text-align:left;
	width:170px;
}

.search-submit a {
	float:left;
	height:18px;
	overflow:hidden;
	padding-right:0px;
	position:relative;
	text-indent:900px;
	top:10px;
	width:20px;
}

.search-submit input {
	display: inline;
	float: left;
	position: relative;
	top: 10px;
	width: 18px;
	height: 19px;
	background: transparent;
	border: 0px solid #fff;
	font-size: 1px;
	cursor: pointer;
}
/*
main menu
*/

.main_menu{
	position:absolute;
	clear: both;
	top: 103px;
	left:0px;
	width:955px;
	height:39px;
	background: transparent url(images/bg_mainnav_center_off.png) repeat-x top;
}

.nav_top_lc { /* not really used */
	position:absolute;
	top:0px;
	left:-5px;
	width:5px;
	height:39px;
	background-repeat:no-repeat;
	float:left;
}
.nav_top_rc {
	position:absolute;
	top:0px;
	right:-5px;
	width:5px;
	height:39px;
	background-image: url(images/bg_mainnav_right_off.png);
	background-repeat:no-repeat;
	float:left;
}

#nav_top {
	width: 945px;
	height:39px;
	list-style-type: none;
	text-transform: uppercase;
}

#nav_top li {
	float: left;
	position: relative;
	left: -5px;
	width:99px;
	height:39px;
	border-right:1px solid #333333;
	text-align:center;
}

#nav_top li a {
	display: block;
	position: relative;
	background-position: 0 0;
	background-repeat: repeat-x;
	color:#fff;
	font-size:13px;
	font-weight:bold;
	letter-spacing: 0px;
	line-height:39px;
}
#nav_top a:hover{
	background-image:url(images/bg_mainnav_on.png);
	text-decoration:none;
}
#nav_top li#nav_top1 a {
	background-image:url(images/bg_mainnav_left_off.png);
	background-repeat: no-repeat;
}
#nav_top li#nav_top1 a:hover,
#nav_top li#nav_top1.active a {
	background-image:url(images/bg_mainnav_left_off.png);
}
#nav_top .active a {
	background-image:url(images/bg_mainnav_on.png);
}
#nav_top .active a * {cursor: pointer;}

#nav_top li var,
#nav_top li .shadow {
	display: block;
	left: 0;
	width: 100%;
	height: 39px;
	cursor: pointer;
}
#nav_top li var {
	position: relative;
	top: 0;
	z-index: 2;
	color: #fff;
}
#nav_top li .shadow {
	position: absolute;
	top: 1px;
	z-index: 1;
	color: #000;
}

/*
Container
*/


.container {
	position: relative;
	padding-top: 15px;
	width: 1000px;
	margin:auto;


}

#welcome{
	clear: both;
	padding: 0 0 15px;
    width: 955px;
	font-size: 14px;
	line-height: 14px;
	text-align: center;
}

.section_wrapper{
    position: relative;
    margin-bottom: 5px;
    width: 1000px;
    height: auto;
}

.section_bar{
	position: relative;
	clear: both;
	width: 100%;
	background: transparent url(images/bg_section-title.gif) repeat-x 0 0;
	color: #CCCCCC;
}

.section_title_lc, .section_title_rc {
	position: absolute;
	top: 0px;
	width: 5px;
	height: 10px;
	background-repeat: no-repeat;
}
.section_title_lc {
	float: left;
	left: -5px;
	height: 44px;
	background-image: url(images/bg_section-title_cl.gif);
}
.section_title_rc{
	float: right;
	right: 5px;
	height: 24px;
	background-image: url(images/bg_section-title_cr.gif);
}
.section_title {
	padding: 10px 15px;
	font-size: 16px;
	line-height: 16px;
	font-weight: bold;
	height: 16px;
	text-transform: uppercase;
	color: #ddd;
}

.section_title_right{
	float: right;
	font-family: Helvetica;
	font-weight: bold;
	margin: 7px 10px 0px 0px;
}

.section_title_right a{
	color: #a1a2a2;
}

.section_bar a.section_link {
	display: block;
	float: right;
	position: relative;
	top: 5px;
	padding: 0px 4px 0px 4px;
	margin: 0px 10px 0px 0px;
       height: 20px;
	overflow: hidden;
	background: #040304 url(images/link-bg.gif) repeat-x 0 0;
	border: 1px solid #555;
	font-weight: normal;
	font-size: 12px;
	line-height: 20px;
	white-space: nowrap;
	color: #eeeeee;
}
div.section_bar a.section_link .section_plus {
	/*color: #fff;  cursor: pointer; */
	width: 15px;
	height: 15px;
	border: 1px solid #555;
	position: absolute;
       right: 2px;
	font-size:15px;
	font-weight: bold;
	top: 1px;
       text-align: center;
	line-height: 15px;
}

div.section_bar a.section_link .section_plus:hover {
    color: #FF9900;
}

div.section_bar  a.section_link var{
	color:#fff;
	/*cursor: pointer;*/
	}

 div.section_bar a.section_link var:hover{
	color:#FF9900;
	/*cursor: pointer;*/
	}



.section_bar .section_tabs {
	float: right;
	overflow: hidden;
	margin: 3px 10px 0 0;
	border-right: 1px solid #1f2021;
	white-space: nowrap;
	list-style-type: none;
	height: 30px;
}
.section_bar .section_tabs li {
	float: left;
	font-size: 12px;
	line-height: 30px;
}
.section_bar .section_tabs li.section_tabs1 {
	border-left: 1px solid #3b3b3b;
}
.section_bar .section_tabs li.section_tabs1:hover,
.section_bar .section_tabs li.section_tabs1.active {
	border-left-color: #3b3834;
}
.section_bar .section_tabs li:hover a,
.section_bar .section_tabs li.active a {
	border-left-color: #211e18;
	border-right-color: #3b3834;
	background: #f00 url(images/tabs-active.gif) repeat-x 0 0;
}
.section_bar .section_tabs li a {
	display: block;
	color: #fff;
	border-left: 1px solid #1f2021;
	border-right: 1px solid #3b3b3b;
}
.section_bar .section_tabs li a var {
	display: block;
	padding: 0px 9px 0px;
	cursor: pointer;
}


.section_wrapper .ad_box {
	float: right;
	text-align: center;
	padding: 23px 10px;
	border: 1px solid #222222;
	position: relative;
	right: 13px;
	margin: 5px 0px;
}
 .ad_box .ad_title {
	display: block;
	margin: 6px 0;
	padding: 5px 5px;
	border: 1px solid #1a1a1a;
	border-width: 1px 0;
	font-size: 11px;
	line-height: 1.3em;
	text-align: center;
}
.section_wrapper .videos_wrapper{
	width: 1000px;
	border-right: solid 1px #131313;
	border-left: solid 1px #131313;
	border-bottom: solid 1px #131313;
	position: relative;
	top: -5px;
	left: -4px;
	background-color: #000000;
	padding-top: 1px;
	padding-right: 0;
	padding-bottom: 15px;
	padding-left: 0px;
	}
.clear{
	clear: both;
}


/*
Video list
*/
ul.videos {

	list-style-type: none;
}
ul.videos li {
	float: left;
	position: relative;
	left: 10px;
	margin: 5px 0 16px 0;
	width: 190px;
	overflow: hidden;
	font-size: 11px;
}
ul.videos-lesspad li {width: 172px;}

ul.videos-morepad li.videoblock {
	width: 185px;
	position:relative;
}

ul.videos-morepad li.videoblock  div.jc-remove-video-btn{
	position:absolute;
	top:0px;
	right:0px;
	margin:5px 11px 0 0;
	background:#000000 url(images/jc-delete-video-icon.html) no-repeat right center;
	padding:6px 0;
	display:none;
}

ul.videos-morepad li.videoblock  div.jc-remove-video-btn a{
	padding:0px 22px 0px 6px;
}

ul.videos-morepad li.videoblock  div.jc-remove-video-btn a:hover{
	text-decoration:underline;
}


ul.videos-userfavpad li {width: 188px;}

ul.videos li div.wrap {
	margin: 0 auto;
	padding: 4px;
	width: 162px;
	border: 1px solid #333;
}
ul.videos .title {
	margin-bottom: 3px;
	height: 29px;
	font-size: 13px;
	font-weight: bold;
	letter-spacing: 0px;
	line-height: 14px;
	overflow: hidden;

}
ul.videos .rating {
	clear: both;
	float: right;
	width: 70px;
	background: transparent url(images/small.png) no-repeat 0 0;
	*background: transparent url(images/small.gif) no-repeat 0 0px;
}
ul.videos .rating var {
	display: block;
	height: 14px;
	background: transparent url(images/small.png) no-repeat 0 -14px;
	*background: transparent url(images/small.gif) no-repeat 0 -14px;
	text-indent: -900em;
	overflow: hidden;
}
ul.videos .duration {
	display: block;
}
ul.videos .views {
	clear: both;
	float: right;
	height: 1em;
}
ul.videos .added {
	display: block;
}
ul.videos .img {
	display: block;
	margin-bottom: 3px;
	border: 1px solid #333;
	width: 160px;
	height: 102px;
}

ul.videos .embed {
    background-color:#000000;
    border:1px solid #FF9900;
    color:#999999;
    font-size:11px;
    margin:3px 0px 0px 0px;
    padding:1px;
    width:123px;
}

/*
videos page
*/
div#videos_recent{
	width: 800px;
	float:right;
}

div#videos_recent .videos_wrapper {
	width: 806px;
	overflow: hidden;
}

div#videos_recent .videos_wrapper select {
    border:1px solid #BBBBBB;
    margin:0.5em 0;
}

div#videos_recent .videos_wrapper input.text {
    padding:1px;
    width:140px;
    margin:0.5em 0;
}

div#videos_recent .videos_wrapper input.button {
    background-color:#333333;
    border:1px solid #999999;
    color:#FFFFFF;
    cursor:pointer;
    margin:0.5em 0;
    padding:0;
    width:80px;
}

div#videos_recent .videos_wrapper ul.videos li {
	margin: 4px 28px 3px 0px;
}
#videos_recent .videos_wrapper .ad_box{
	margin:5px 15px 5px 0px ;
	padding: 28px 20px;
}
*html div#videos_recent .videos_wrapper  .ad_box{
	padding: 31px 20px;
}

.videos_sidebox{
	width :135px;
	position: absolute;
	left: 0px;
	top: 38px;
}
.categories_box{
	background-color:#000000;
	border-color: #131313 #131313;
	border-style:solid;
	border-width:1px;
	border-top: none;
	left:-4px;
	padding:0 20px 20px 20px;
	position:relative;
	top:3px;
	width: 101px;
}

.categories_box  li{
	color: #eee;
	font-size: 16px;
	font-weight: bold;
}
.categories_box  a{
	color: #eee;
	font-size: 14px;
	font-weight: bold;
}
.categories_box  a:hover{
	color: #ff9900;
}

/*
Feedback - Blog
*/

div#feedback{

}

div#feedback .videos_wrapper {
    overflow: hidden;
    position: relative;
}

div#feedback .videos_wrapper p {
    color:#D2D2D2;
    padding:10px 10px 10px 10px;
    margin:0px;
}

div#feedback .videos_wrapper label {
    clear:both;
    float:left;
    margin:6px;
    text-align:right;
    width:140px;
}

div#feedback .videos_wrapper textarea {
    height:80px;
    padding:1px;
    width:350px;
    margin:0.5em 0;
}

div#feedback .videos_wrapper select {
    border:1px solid #BBBBBB;
    margin:0.5em 0;
}

div#feedback .videos_wrapper input.text {
    padding:1px;
    width:200px;
    margin:0.5em 0;
}

div#feedback .videos_wrapper input.button {
    background-color:#333333;
    border:1px solid #999999;
    color:#FFFFFF;
    cursor:pointer;
    margin:0.5em 0;
    padding:0;
    width:80px;
}

div#feedback .bartop {
    border-bottom:1px solid #333333;
}

div#feedback .barbot {
    border-top:1px solid #333333;
}

div#feedback .bar-left {
    float:left;
}

div#feedback .bar-right {
    float:right;
}

/*
Category page
*/
.cat_list_wrapper{
	background-color:#000000;
	left:-3px;
	position:relative;
	top:-3px;
	width:810px;
	float:right;
}
ul.categories-list {

	list-style-type: none;
}


ul.categories-list li.cat_pic {
	display: block;
	float: left;
	position: relative;
	left: 10px;
	margin: 5px 25px 10px 0;
	padding: 0px;
	width: 177px;
	height: 242px;
	font-size: 11px;
	overflow: hidden;
	z-index:10;

}
ul.categories-list li.cat_pic a {display: block;}
ul.categories-list li.cat_pic h5 a {
	height: 25px;
	overflow: hidden;
	background: transparent url(images/bg_cat_pic.png) no-repeat 0 0;
	line-height: 25px;
}
.categories-list li.cat_pic .cat_overlay{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 177px;
	height: 6px;
	background-image: url(images/cat_pic_overlay.png);
	background-repeat: no-repeat;
}

li.cat_pic img{
	border: 1px solid #333333;
}

li.cat_pic strong{
	float: left;
	font-size: 14px;
	font-weight: bold;
	padding: 0px 0px 0px 5px;
}
li.cat_pic span{
	float: left;
	font-size: 11px;
	color: #eee;
	font-weight: normal;
	padding: 0px 5px 0px 5px;
}

.cat_sidebox{
	width :135px;
	position: absolute;
	left: 0px;
	top: 40px;
}
/*
video page
*/
.video_section_wrapper{
	width: 610px;
	height: auto;
	float: left;

}
.download-bar-wrap{
	width: 610px;
	height: 60px;
	background-image:  url(default.htm);
	margin: 10px 0px;;

}
.ads{
	width: 315px;
	float: right;
	height: auto;

}
.ads .ad{
	background-image: url(default.htm);
	background-repeat: no-repeat;
	width: 315px;
	height: 300px;
	padding: 0px 0px 20px;
}
.video_section_wrapper h1{
	display: block;
	height: 30px;
	font-size: 16px;
	line-height: 30px;
	font-weight: bold;
	text-transform: uppercase;

}
.player_wrapper{
	width: 610px;
	height: 480px;
	position: relative;
	top: 0px;
}
.rating_box_wrapper{
	width: 610px;
	height: auto;
}
.rating_box{
	position: relative;
	top: -1px;
	width: 610px;
	height: 31px;
	background-image: url(images/bg_rating_box.png);
	background-repeat: no-repeat;
	float: left;

}
.rating_box .rating_stars{
	position: relative;
	top: 5px;
	left: 5px;
	display: block;
	width: 120px;
	height: 20px;
	background: transparent url(images/stars_big.png) no-repeat scroll 0 0;
	overflow: hidden;
	float: left;
}
.rating_box .rating_stars var{
	display: block;
	width: 120px;
	height: 20px;
	background: transparent url(images/stars_big.png) no-repeat scroll 0 -20px;
	overflow: hidden;
}
.rating_box .rating_text{
	float: left;
	width: 120px;
	height: 20px;
	line-height: 20px;
	padding: 5px 10px;
	font-size: 14px;
	color: #999;
	font-weight: bold;
}
.rating_box .views{
	float: right;
	width: auto;
	text-align: right;
	height: 20px;
	line-height: 20px;
	padding: 5px 10px;
	font-size: 14px;
	color: #999;
	font-weight: bold;
}
.info_box{
	width: 590px;
	height: auto;
	background: transparent url(images/bg_info_box.png) repeat-y scroll 0 0px;
	border-bottom: 1px solid #222222;
	float: left;
	padding: 5px 10px;

}

.info_box .info{
	display: block;
	clear: both;
	width: 100%;
	line-height: 15px;
}
.info_box var{
	display: block;
	clear: both;
	line-height: 15px;
	text-align: right;
	padding: 0px 20px 0px 0px;
	color: #999999;
}
.info_box .from a{
	font-size: 13px;
	font-weight: bold;
	text-transform: uppercase;;
}
.btns_box{
	width: 610px;
	height: 27px;
	padding: 0;
}
.btns_box .btns {
	display: block;
}
.btns_box .btns var{
	float :left;
	padding: 7px 0px 0px 2px;
}
.btns_box .btns a{
	height: 23px;
	float: left;
	text-transform: uppercase;
	line-height: 25px;
}
.btns_box .share{
	float: left;
	width: 296px;
	padding: 0px 15px;
}
.btns_box .share a{
	padding: 5px 0px 0px 4px;
	height: 20px;
	line-height: 20px;
}
.btns_box .share a:hover{
	opacity: 0.6;
	filter:alpha(opacity=60);
	-moz-opacity:0.6;
	-khtml-opacity: 0.6;

}
.btns_box .fav{
	float:left;
	width: 113px;
}
.btns_box .fav a{
	display: block;
	width: 70px;
	padding: 0px 15px;
	background: transparent url(default.htm) no-repeat scroll right center;
	*background: transparent url(default.htm) no-repeat scroll right center;
}
.btns_box .fav a:hover{
	background: transparent url(default.htm) no-repeat scroll right center;
	*background: transparent url(default.htm) no-repeat scroll right center;
	opacity: 0.8;
}
.btns_box .embed{
	float: left;
	width: 97px;
}
.btns_box .embed a{
	display: block;
	width: 60px;
	padding: 0px 15px;
	background: transparent url(default.htm) no-repeat scroll right center;
	*background: transparent url(default.htm) no-repeat scroll right center;
}
.btns_box .embed a:hover{
	background: transparent url(default.htm) no-repeat scroll right center;
	*background: transparent url(default.htm) no-repeat scroll right center;
	opacity: 0.8;
}
.btns_box .flag{
	float: left;
	width: 63px;
}
.btns_box .flag a{
	display: block;
	width: 45px;
	padding: 0px 10px;
	background: transparent url(default.htm) no-repeat scroll right center;
	*background: transparent url(default.htm) no-repeat scroll right center;
}
.btns_box .flag a:hover{
	background: transparent url(default.htm) no-repeat scroll right center;
	*background: transparent url(default.htm) no-repeat scroll right center;
	opacity: 0.8;
}
.btns_box a{
	display: block;
	color: #cccccc;
}
.section_wrapper_video{
	position: relative;
	top: 20px;
}
.section_wrapper_video .videos_wrapper{
	width: 960px;
	border-right: solid 1px #222;
	border-left: solid 1px #222;
	border-bottom: solid 1px #222;
	border-top: 1px solid #090909;
	position: relative;
	top: 0px;
	left: -3px;
	background-color: #000000;
	padding:15 0 15px 0px;
}

.videos_wrapper .videos_container{
	float: left;
	width: 900px;
	margin: 0px 0px 10px 0px;
}
.section_wrapper_video .videos_wrapper ul.videos li{
 	margin: 5px 0px 0px 6px;
 	left:3px;
 	overflow: hidden;
}
.section_wrapper_video .arrow_left{
	float: left;
	width: 23px;
	padding: 110px 0px 50px 4px;
}
.section_wrapper_video .arrow_left:hover{	cursor: pointer;}.section_wrapper_video .arrow_right{
	float: right;
	width: 22px;
	padding: 110px 4px 50px 0px;
}
.section_wrapper_video .arrow_right:hover{	cursor: pointer;}div.tabs_video{
	position: relative;
	left: 0px;
	width: 100%;
	height: 26px;
}
ul.tabs {
	list-style-type: none;
	position: relative;
	white-space: nowrap;
	display: -moz-inline-block;
	display: inline-block;
	}

ul.tabs li{
	white-space: nowrap;
	float: left;
	height: 26px;
	margin: 0px 3px 0px 0px;
	line-height: 26px;
	font-weight: bold;
	height: 26px;
	background: transparent url(images/bg_videotab_rc_off.png) no-repeat right top;
	overflow: hidden;
	}
ul.tabs li a {
	display: block;
	background: transparent url(default.htm) no-repeat left top;
	float: left;
}
ul.tabs li.active, ul.tabs li:hover{
	background: transparent url(images/bg_videotab_rc_on.png) no-repeat right top;
}

ul.tabs li.active a, ul.tabs li a:hover {
	background: transparent url(default.htm) no-repeat left top;
}
ul.tabs li span {
	display: block;
	height: 26px;
	line-height: 26px;
	color: #eee;
	cursor: pointer;
	padding: 0px 8px;
	font-weight: bold;
	float: left;
}
ul.tabs li span:hover {
	color: #999999;
}

/*
login page
*/
.login_box{
	width: 435px;
	float: left;
	margin: 10px 0px 20px;
}
.user_box p {
	color:#D2D2D2;
	width: 435px;
	text-indent: 10px;
	padding: 10px 0px;
	background-color: #282828;
}

.user_box .login_box_content {
	height: 288px;
	width: 435px;
	background-color: #282828;
	overflow: hidden;
}
.ph_add{
	float: right;
	width: 500px;
	margin: 10px 0px 20px;
}
.user_box{
	float: left;
	width: 435px;
}
/*
Pagination
*/
div.pagination{
	position: relative;
	width: 960px;
	margin-left :-460px;
	left: 50%;
	text-align: center;
	list-style-type: none;
	clear:both;
}


ul.pagination {
	list-style-type: none;
	position: relative;
	margin: auto;
	width: auto;
	white-space: nowrap;
	overflow: hidden;
	display: -moz-inline-block;
	display: inline-block;
	border: 1px solid #333333;
	padding: 5px;

    zoom:1;
    *display:inline;
	}
* html ul.pagination { margin: 0 auto; width: 630px; }

ul.pagination li{
	white-space: nowrap;
	float: left;
	padding: 0px 1px;
	line-height: 26px;
	font-weight: bold;
}
ul.pagination li a {
	display: block;
	float: left;
}
ul.pagination li.active a, ul.pagination li a:hover {
	background: transparent url(images/bg_page_rc.png) no-repeat right top;
}
ul.pagination li span {
	display: block;
	height: 26px;
	line-height: 26px;
	color: #fff;
	cursor: pointer;
	padding: 0px 8px;
	font-weight: bold;
	float: left;

}
ul.pagination li.active span, ul.pagination li a:hover span {
	background: transparent url(images/bg_page_lc.png) no-repeat left top;
}

/*
Footer
*/

.pre-footer {
	padding: 30px 0 0;
	margin: 0 auto;
	width: 900px;
    text-align: center;
}
.footer {
	clear: both;
	padding: 30px 0 30px;
	margin: 0 auto;
	width: 950px;
	color: #666666;
    text-align: center;
}


.clear {clear: both;}

/* remember to put root path /iepngfix.htc */
* html .png {behavior: url(default.htm);}


/*
Imported Old Styles
*/

h1,h2,h3,h4,h5,h6        { font-weight: normal; color: #ccc; }
h5                        { font-size: 1.2em; font-weight: normal; margin: 0 5px 0 5px; padding-top: 5px; } /* not used yet */
ul.categories-list li.cat_pic h5 {font-size: 1.2em; font-weight: normal;margin: 0 0px 0 0px; padding-top: 0px;}
.cursor_hand            { cursor: pointer; }

.grey                    { color: #888; }
.grey a                    { color: #888; }
.grey a:hover            { color: #ddd; }

div.span-1, div.span-2, div.span-3, div.span-4, div.span-5,
div.span-6, div.span-7, div.span-8, div.span-9, div.span-10,
div.span-11, div.span-12, div.span-13, div.span-14, div.span-15,
div.span-16, div.span-17, div.span-18, div.span-19, div.span-20,
div.span-21, div.span-22, div.span-23, div.span-24, div.span-26{ float: left; margin-right: 10px; }

div.last                { margin-right: 0; clear:both;}

.span-1                    { width: 30px; }
.span-2                    { width: 70px; }
.span-3                    { width: 110px; }
.span-4                    { width: 150px; }
.span-5                    { width: 190px; }
.span-6                    { width: 230px; }
.span-7                    { width: 270px; }
.span-8                    { width: 310px; }
.span-9                    { width: 350px; }
.span-10                { width: 390px; }
.span-11                { width: 430px; }
.span-12                { width: 470px; }
.span-13                { width: 510px; }
.span-14                { width: 550px; }
.span-15                { width: 590px; }
.span-16                { width: 930px; }
.span-17                { width: 630px; }
.span-18                { width: 710px; }
.span-19                { width: 750px; }
.span-20                { width: 790px; }
.span-21                { width: 830px; }
.span-22                { width: 870px; }
.span-23                { width: 910px; }
.span-24, div.span-24    { width: 950px; margin: 0; }
.span-25                { width: 630px; }
.span-26                { width: 785px; }

ol                        { list-style-type: decimal; padding-left: 20px; color: #d2d2d2; margin: 0 1.5em 1.5em 10px; }
ul.bullet                { list-style-type: disc; margin-left: 25px; color: #d2d2d2; }

textarea.wall-comment        { width: 500px; height: 100px; padding: 5px; margin: .5em; background-color: #f1f1f1; color: #000; border:1px solid #000; }
.profile-box            { margin-bottom: 10px; position:relative;width:100%; } /* used across whole site */
.profile-box-container { border: 1px solid #131313; border-top: none; width: 100%; padding-left: 6px;margin-left: -4px;}
.profile-box-container-settings { background-color:#111111; font-size:11px; color:#999999; width: 100%; padding-left: 6px; padding-bottom:4px; margin-left: -4px; margin-bottom:8px}
.profile-box-narrow        { background-color: #000; border: 1px solid #222; margin: 10px 20px 10px; } /* extra margin for share, flag, embed containers */
.profile-box-left            { float: left; margin: 0; padding: 0; }
.profile-box-right            { float: right; margin: 0; padding: 0; }
.profile-box-content-center    { padding: 0px 10px; margin: 0px; clear: both; }
.profile-avatar            { float: left; width: 110px; margin: 7px 0 0 10px; padding: 0; }
ul.profile-info            { float: left; width: 160px; margin: 3px 5px 10px 0; padding: 0; }
ul.profile-info li        { margin: 0 0 5px; padding: 0; color: #d2d2d2; }
ul.profile-moreinfo        { padding: 0; margin: 10px 1.5em 1.5em 10px;}
ul.profile-moreinfo li    { margin: 0 0 10px; padding: 0; color: #d2d2d2; }
.link-bar                { height: 18px; margin: 0 0 5px; padding: 0; width:100%;}
.link-barnb                { background-color: #111; height: 18px; margin: 0 0 5px; padding: 0; } /* no bottom border - used in edit profile */
.link-bar-bottom        { height: 18px; margin: 0; padding: 0; } /* for blog controls */
.link-bar-bottomnb        { background-color: #222; height: 18px; margin: 0; padding: 0; }
.bar-left                { float: left; font-size: 11px; color: #999; padding: 0 10px; }
.bar-right                { float: right; font-size: 11px; color: #999; padding: 0 10px; }
.album-box                { float: left; margin: 10px 20px; width: 116px; height: 205px; position: relative; }
.album-box img            { border: 1px solid #777; }
.album-box img:hover    { border: 1px solid #ff9900; }
.album-row                { margin-bottom: 20px; }
.photo-box                { float: left; margin: 0 10px 10px; }
.photo-box img            { border: 1px solid #777; }
.photo-box img:hover    { border: 1px solid #ff9900; }
.photo-menu                { margin: 5px; padding: 5px; background-color: #000; border: 1px solid #222; }
.photo-menu-left        { float: left; margin: 0; padding: 0; }
.photo-menu-right        { float: right; margin: 0; padding: 0; }
.photo-menu-right a        { line-height:19px; color: #FFF; font-weight: bold; margin: 0 5px 0 0; padding: 0; }
.photo-menu-right li {float:left;}
.caption-box            { width: 400px; }
.success, .warning        { padding: 5px; margin-bottom:0em; border: 2px solid #ddd; text-align: center; background-color:#111111;}
.profile-box-content-center    { padding: 0px 10px; margin: 0px; clear: both; }
p                        { margin: 0 0 1.5em; }
p.last                    { margin: 0; padding: 0;}
p.announcement            { margin: 8px 0 5px 10px; color: #ddd; }
.profile-box p            { padding: 0 10px 10px; color: #d2d2d2; }

.format_button            { font-size: 14px; cursor: pointer; margin: 0 4px; padding: 2px; color: #FFF; border: none; display: block; float: left; }
.spacer                    { float: left; margin: 8px 5px 0; width: 1px; height: 10px; border-left: 1px solid #666; }
.blog_formatting        { margin: 10px 0 10px 145px; }
.colourPicker            { width: 15px; height: 15px; cursor: pointer; float: left; margin-left: 5px; }
.object_pane            { float: left; cursor: pointer; margin: 2px; }
.blog-header-wrap {
	margin: 0px 10px 10px 10px;
	border:1px solid #131313;
    background-color:#0a0a0a;
}
.blog-content-wrap        { margin: 0 20px 5px; padding-bottom: 10px; }

.comment-box {
     background-color: #000;
     border: 1px solid #333;
     margin: 0 0px 10px;
}

.comment-avatar-box {
    float: left;
    margin: 10px;
}

.comment-info-box{
    border: 1px solid #333;
    background-color: #222;
    margin: 10px 10px 5px 85px;
    padding: 3px 10px;
}

.comment-text-box {
    margin: 5px 5px 5px 85px;
    padding: 3px 10px;
    color: #f1f1f1;
    overflow: hidden;
}

.comment-controllers-box{
    margin: 5px 10px 0 85px;
    border-top: 1px dotted #444;
    padding: 3px 10px;
    font-size: 11px;
}

.wall-comment {
    height:80px;
    padding:1px;
    width:350px;
    margin:0.5em 0;
}

.wall-button{
    background-color:#333333;
    border:1px solid #999999;
    color:#FFFFFF;
    cursor:pointer;
    margin:0.5em 0;
    padding:0;
    width:80px;
}


/* community nav */




/******************/
/* VIDEO PAGE (to be re-integrate with the rest of css after cleanup */
/******************/
div.section-top div.video-wrapper {
	width: 610px;
	height: 500px;
	margin-top: -6px;
	float: left;
}

div.section-top div.video-wrapper div.video-title {
	width: 610px;
	height: 40px;
	font-size: 18px;
	background: transparent url('images/bg_section-title.gif') repeat-x;
}

div.section-top div.video-wrapper div.video-title h4{
	margin: 5px;
}

/**
 * For IE
 **/
div.flv-player-new object{
	margin-top: -15px;
}

div.section-top div.video-wrapper div.download-bar {
	width: 610px;
	height: 60px;
	margin-top: 10px;
}

div.section-top div.right-ads {
	float:left;
	width: 315px;
	height: 615px;
	margin-left: 20px;
}

div.section-top div.video-box-info {
	border: 1px solid #222;
	margin-top: 10px;
}

div.section-top div.video-box-info table{
	width: 100%;
	font-size: 12px;
	color: #999;
}

div.section-top div.video-box-info table tr#tr-first td{
	border-bottom: 1px dotted #222;
	padding: 3px;
}

div.section-top div.video-box-info table tr#tr-middle td{
	padding: 10px 3px;
}

div.section-top div.video-box-info table tr#tr-last td{
	border-top: 1px dotted #222;
	padding: 5px;
}

div.section-top div.video-box-info table span.info-right{
	float: right;
	margin-right: 5px;
}

div.section-top div.video-box-info table tr#tr-first h4{
	float: left;
}

div.section-top div.video-box-info table tr#tr-first div.addthis_toolbox {
	width: 320px;
}

div.section-top div.video-box-info table tr#tr-first div.btn-box-right{
	float: right;
	margin-top: -20px;
}

div.section-top div.video-box-info table tr#tr-first div.btn-box-right span.btns{
	border-left: 1px solid #222;
}

div.js-box{
	margin: 10px 0;
	border: 1px solid #222;
	width: 608px;
	min-height: 200px;
	clear: both;
}

div.embed-box textarea{
	width: 450px;
	height: 170px;
}

div.section-bottom{
	width: 950px;
	clear: both;
	padding-top: 20px;
}

div.section-bottom div.section-comments{
	border: 1px solid #222;
}

div.section-bottom div.section-relateds{
	border: 1px solid #222;
	width: 950px;
	height: 440px;
}

div.section-bottom div.section-relateds  div.arrow_left{
	float: left;
	width: 23px;
	padding: 30px 0px 50px 4px;
}
div.section-bottom div.section-relateds  div.arrow_right{
	float: right;
	width: 22px;
	padding: 30px 4px 50px 0px;
}

div.section-bottom div.section-relateds div.videos-list {
	width: 890px;
	float: left;
	margin-bottom: 30px;
	text-align: center;
}

div.section-bottom div.section-relateds div.videos-list img.loading-ajax{
	margin-top: 150px;
}

div.section-bottom div.section-relateds div.videos-list ul li{
	width: 175px;
	text-align: left;
}


/* NEW FRONT BY JUAN CARLOS GUTIERREZ */

/*conection to the sprite*/
.logo-nf,
.header-wrapper .header-nf .wrapper-main-menu-nf ul li a,
.search-input-nf,
.header-wrapper .header-nf div.secondary-menu-nf ul li a,
.nf-search-main-menu{
	background:transparent url(images/sprite-nf.jpg) no-repeat 0 0;
}

/*display none connections*/
.header-wrapper div.header-nf div.logo-nf a span{
	display:none;
}

/*MAIN MENU*/
.header-wrapper .header-nf .wrapper-main-menu-nf{
	position:absolute;
	top:103px;
	left:0px;
}

.header-wrapper .header-nf .wrapper-main-menu-nf ul{

}

.header-wrapper .header-nf .wrapper-main-menu-nf ul li{
	float:left;
	border-right:1px solid #333333;
	height:39px;
}

.header-wrapper .header-nf .wrapper-main-menu-nf ul li a:hover,
.header-wrapper .header-nf .wrapper-main-menu-nf ul li a.active{
	background-position:0 -188px !important;
}

.header-wrapper .header-nf .wrapper-main-menu-nf ul li.nf-home-main-menu a{
	background-position:0 -71px !important;
}

.header-wrapper .header-nf .wrapper-main-menu-nf ul li.nf-home-main-menu a:hover,
.header-wrapper .header-nf .wrapper-main-menu-nf ul li.nf-home-main-menu a.active{
	background-position:0 -227px !important;
}

.header-wrapper .header-nf .wrapper-main-menu-nf ul li a{
	background-position:0 -110px !important;
	color:#FFFFFF;
	font-size:13px;
	font-weight:bold;
	text-transform:uppercase;
	width:99px;
	height:28px;
	display:block;
	text-align:center;
	padding:11px 0 0;
}

/* FORM TOP NAV */
.fs-nf{
	margin:0 !important;
	padding:0 !important;
	border:medium none;
	position:relative;
}

.header-wrapper .header-nf .wrapper-main-menu-nf ul li.nf-search-main-menu{
	background-position:-7px -149px !important;
	border:medium none;
	width:258px;
}

.search-input-nf{
	background-position:0 -266px !important;
	border:medium none;
	width:191px;
	height:20px;
	margin:8px 0 0 23px;
	padding:2px 0 0 10px;
	font-size:12px;
	color:#414141;
}

.btn-search-top-menu-nf{
	position:absolute;
	top:9px;
	right:41px;
	width:19px;
	height:20px;
	border:medium none;
}

/* SECONDARY MENU (ORANGE) */
.header-wrapper .header-nf div.secondary-menu-nf{
	position:absolute;
	top:150px;
	left:1px;
}

.header-wrapper .header-nf div.secondary-menu-nf ul li{
	float:left;
	text-align:center;
	text-transform:uppercase;
	font-weight:bold;
	border-right:1px solid #843A03;
}

.header-wrapper .header-nf div.secondary-menu-nf ul li a{
	width:99px;
	height:21px;
	display:block;
	background-position:0 -314px !important;
	color:#000000;
	padding:5px 0 0 0;
}


.header-wrapper .header-nf div.secondary-menu-nf ul li a:hover{
	background-position:0 -366px !important;
}

.header-wrapper .header-nf div.secondary-menu-nf ul li.first-child-nf a{
	background-position:0 -288px !important;
}

.header-wrapper .header-nf div.secondary-menu-nf ul li.first-child-nf a:hover{
	background-position:0 -340px !important;
}

.header-wrapper .header-nf div.secondary-menu-nf ul li.last-child-nf a{
	background-position:-166px -314px !important;
}

.header-wrapper .header-nf div.secondary-menu-nf ul li.last-child-nf a:hover{
	background-position:-166px -366px !important;
}

.header-wrapper .header-nf div.secondary-menu-nf ul li.last-child-nf{
	border:medium none;
}

/*HEADER STYLES NEW FRONT JUAN CARLOS GUTIERREZ*/

.header-wrapper{
	background:transparent url(images/bg.png) repeat-x 0 0;
}

.header-wrapper div.header-nf{
	width:965px;
	height:188px;
	margin:auto;
	position:relative;
}

.header-wrapper div.header-nf div.top-right-menu-nf{
	position:absolute;
	top:3px;
	right:0px;
}

.header-wrapper div.header-nf div.top-right-menu-nf a{
	padding:0 10px 0 10px;
	color:#CCCCCC;
}

.header-wrapper div.header-nf div.top-right-menu-nf a:hover{
	color:#FF9900;
}

.header-wrapper div.header-nf div.logo-nf{
	position:absolute;
	top:15px;
	left:21px;

}

.header-wrapper div.header-nf div.logo-nf a{
	width:185px;
	height:71px;
	display:block;
}

.jc-delete-image{
	background:transparent url(images/jc-delete-img.html) no-repeat 0 center;
	padding:0 0 0 13px;
}

.jc-submenu-wrapper{
    overflow:auto;
}

.jc-submenu-wrapper ul.jc-submenu-bar{
    color:#FFFFFF;
    overflow:auto;
    float:right;
    display:none;

}

.jc-submenu-wrapper ul.jc-submenu-bar li{
    float:left;
    border-left:1px solid #3B3B3B;
    padding:3px 10px;
}

 .jc-submenu-wrapper ul.jc-submenu-bar li:first-child
 {
     border:medium none;
 }

.jc-submenu-wrapper ul.jc-submenu-bar li a:hover{
    text-decoration:underline;
}

h4.section_title span{
	color:#FFFFFF;
}

.videos-being-watched li{
	margin:5px 18px 10px 0px !important;
}

body span.at300bs {
 background-image: url(default.htm);
}

/* COMMUNITY STYLES */
.community-col-01-nf{
	float:left;
}

.community-col-02-nf{
	float:right;
}

/* ================================= BOXES FIXED WIDTH ================================== */

/* CONEXION TO THE IMG SPRITE */
.box-nf{
	background:transparent (/images/sprite-box-nf.png) no-repeat 0 0;
}

/* HEIGHT FOR THE TOP AN THE BOTTOM */
.boxnf-

/*
Forms
*/

label                    { width: 140px; float: left; clear: both; text-align: right; margin: 6px; }
label.long                { width: 220px; float: left; clear: both; text-align: right; margin: 6px; }
label.short                { width: 20px; float: left; clear: both; text-align: right; margin: 6px; } /* for flagger radio buttons */
label.semishort            { width: 28px; float: left; text-align: left; margin: 6px 6px 6px 0; } /* for embed form on webmasters page */
label.medium            { width: 80px; float: left; clear: both; text-align: right; margin: 6px; } /* for community search filters */
fieldset                { padding:1.4em; margin: 0 0 1.5em 0; border: 1px solid #ccc; }
legend                    { font-weight: bold; font-size:1.2em; }

.insp {
	padding: 10px 10px 10px 10px;
}

.titlebig {
	font-size: 18px;
	font-weight: bold;
}



































































a.img1:visited img, a.img1:active img, a.img1:link img {
	border: 1px #555 solid;
	width: 240px;
	height: 180px;
	padding:0px;
	background-color:#000;
	z-index:1;
	margin-top: 3px;
	margin-right: 0px;
	margin-bottom: 3px;
	margin-left: 0px;
}
a.img1:hover IMG
 {border: 1px #fff dashed;background-color:#000;z-index:1} 
a.img1:visited, a.img1:active, a.img1:link
{
font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#E38800; line-height:14px; text-decoration:none; font-weight:normal; display:block;z-index:1;  overflow:inherit }
a.img1:hover
{color:#fff}

a.img1 span {display:none;position:absolute}


.d {
	width:244px;
	height:220px;
	text-align:center;
	padding: 0px;
	margin-bottom:3px;
	margin-left:3px;
	margin-top:3px;
	background-color:#000;
	position:static;
	display:inline-block;
	vertical-align: top;
	border:1px #222 solid;
    z-index:1;
    line-height:1px

}

.rat {
font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#333; line-height:11px; text-decoration:none; font-weight:normal; valign:bottom}
#title2{
	width:244px;
	height:40px;
	text-align:center;
	float:left;
	font-size: 12px;
	vertical-align: bottom;
	font-weight: bold;
	color: #000000;
       margin-top:1px;

}

.thumbrating {
	display: block;
	width: 90px;
	height: 16px;
	background-image:url(images/star_un_color2.png);
	float: right;
	font-weight: bold;
       margin-top:3px;
	margin-right:2px;
       text-align:left;
}
.thumbratingon {
	display: block;
	height: 16px;
	background-image:url(images/star_color2.png);
	
}
.thumbtime {
	display: block;
	width: 120px;
	padding-top: 1px;
	font-size: 11px;
    line-height:12px;
	float: left;
	font-weight: normal;
	color: #999;
    text-align:left;
    margin-left:6px;
}