@CHARSET "UTF-8";
@font-face {
	font-family: "TheMixBlackItl";
	src: url('fonts/TheMixblackItl.eot');
	src: url('fonts/TheMixblackItl.eot?#iefix') format('embedded-opentype'), url('fonts/TheMixblackItl.woff') format('woff'), url('fonts/TheMixblackItl.ttf') format('truetype'), url('fonts/TheMixblackItl.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'TheMix Black plain';
	src: url('fonts/TheMixBlackPlain.eot');
	src: url('fonts/TheMixBlackPlain.eot?#iefix') format('embedded-opentype'), url('fonts/TheMixBlackPlain.woff') format('woff'), url('fonts/TheMixBlackPlain.ttf') format('truetype'), url('fonts/TheMixBlackPlain.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'TheMix Bold Plain';
	src: url('fonts/TheMixBoldPlain.eot');
	src: url('fonts/TheMixBoldPlain.eot?#iefix') format('embedded-opentype'), url('fonts/TheMixBoldPlain.woff') format('woff'), url('fonts/TheMixBoldPlain.ttf') format('truetype'), url('fonts/TheMixBoldPlain.svg') format('svg');
	font-weight: normal;
}

html, body 
{
	height: 100%;
	padding:0;
	margin:0;
	font-family:Verdana,Tahoma,Arial,Sans-Serif;
	font-size:12px;
	color:#fff;
	line-height:22px;
	background: #ff6600;
}

h1 {
	font-size:300%;
	font-family: "TheMix Black plain" ,Sans-Serif;
	color: #ffff00;
	letter-spacing: 2px;
}

h2 {
	font-size: 200%;
	font-family: "TheMix Bold plain" ,Sans-Serif;
	color: #ffffff;
	letter-spacing: 1px;
}

h3 {
	font-size: 150%;
	font-family: "TheMix Black plain" ,Sans-Serif;
	font-weight:normal;
	color: #ffff00;
	letter-spacing: 1px;
}

h4 {
	font-size: 120%;
	font-family: "TheMix Black plain" ,Sans-Serif;
	font-weight:normal;
	color: #ffff00;
	letter-spacing: 1px;
}

h5 {
	font-size: 100%;
	font-family: "TheMix Black plain" ,Sans-Serif;
	font-weight:normal;
	color: #ffffff;
	letter-spacing: 1px;
}

img {border:0;}

.link {color: #ff3600;}

/************ Design CallBack Style **************/
/*************************************************/
.content {
	width: 1024px;
	height: auto;
	border-left: 1px solid #ff3600;
	border-right: 1px solid #ff3600;
	margin: auto;
}

/***************** wrapper-top *******************/
.wrapper-top {
	width:100%;
	background-color:#000;
	height:43px;
	/*padding:10px;*/
	color:#FFF;
	position:relative;
}

.orange-btn {
	background-color: #f15a29;
	border: 2px solid transparent;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	border-radius: 5px;
	color:#FFF;
	font-weight:bold;
	padding:3px;
	cursor:pointer;
	position:relative;
	behavior: url(App_Themes/PIE/PIE.php);

}

.login-btn {
	padding-left:20px;
	/*padding-right: 20px;*/
	width: 100px;
}

/**** login ***/

#divLogin {
	float:right;
	padding-right:47px;
	display: inline;
	line-height: 38px;
}

#divLogin img {vertical-align: middle;}

#divLogout {
	float:right;
	padding-right:47px;
	display: inline;
	line-height: 38px;
}

#divLogout img {vertical-align: middle;}

.separate-bloc {padding-left: 5px;}

.login-name {font-weight: bold;}

#divPopUpLogin {
	-moz-border-radius: 0px 0px 10px 10px;
	-webkit-border-radius: 0px 0px 10px 10px;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	border-radius: 0px 0px 10px 10px;
	background: #000;
	position: absolute;
	width: 260px; 
	right: 20px;
	top:43px;
	padding: 20px;
	behavior: url(App_Scripts/JQuery/PIE/PIE.php);
	
}

.login-input {
	padding-left:6px;
	width: 250px;
	height: 30px;	
}

#divBtnLogin {float: right;}

#divBtnLogin a{padding-left:15px;padding-right:15px;}

.login-error-msg {
	background: url('../App_Images/style/message-box/icon-error.png') no-repeat;
	color:red;
	padding-left: 25px;
}

.opacity-youtube {
	display:none;
    opacity : 0.5; 
    -moz-opacity : 0.5; 
    -ms-filter: "alpha(opacity=50)"; /* IE 8 */ 
    filter : alpha(opacity=50); /* IE < 8 */ 
    width:100%;
	height:100%;
    position:fixed;
    left:0;
    top:0;
    height:100%;
    background-color:#000;
    z-index:9999;

}

/******************* header *********************/
.img-header {
	background: #231f20 url(../App_Images/style/header_image.png) no-repeat;
	background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
	-moz-background-size:100% 100%;
	/*height:expression( this.scrollHeight > 510 ? "510px" : "auto" );*/
	height:339px;
}

.menu-header {
	height:60px;
	background:#231f20;
}

.menu-share {
	float: right;
	display: inline;
	height: 35px;
	margin-top:12px;
	margin-right: 50px;
}

.menu-share img {vertical-align: middle;}

/*************** intro video *****************/
.core-intro{
	background: -moz-linear-gradient(bottom, #ff3600 50%, #ff6600 100%);
	background: -webkit-gradient(linear, left bottom, left top, from(#ff3600), to(#ff6600));
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff6600, endColorstr=#ff3600);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff6600, endColorstr=#ff3600)";
	height:398px;
	position:relative;
	width:100%;
}

#intro-video {
	float:left;
	display:bloc;
	height:100%;
	width:50%;
	position: relative;
}

#intro-text {
	float:left;
	display:block;
	height:100%;
	width:45%;
}

.separate-intro-video {
	width:30px;
	float:left;
	height:100%;
}

.wrapper-intro-video {
	background:url(../App_Images/style/spot.png) 5px 40px no-repeat;
	background-size:99%;
	-webkit-background-size: 99% auto;
	-moz-background-size:99% auto;
	width:100%;
	height: 100%;
}

.core-intro-video {
	position:absolute;
	left:50%;
	top:50%;
	width:316px;
	height:263px;
	margin: -131px 0  0 -158px; 
}

.wrapper-intro-text {padding-top:-120px;}

.btn-play-intro-video {
	position: absolute; top: 65% ; left: 50%;margin: -45px 0 0 -45px;
}

.btn-play-intro-video img{
	width: 80px;height: 80px;
}

/****************** Judge bloc **********************/
.meet-the-judge {
	position: absolute;
	left: 50px;
	top: -40px;
	z-index: 999;
}

.judge-video {
	width:95%;
	height:200px;
	margin-top:20px;
	position: relative;
}

.item-warraper-img-judge{position: relative;height: 145px; width: 85%;margin: auto}

ul.judge_video {
	list-style-type: none;
	width: 100%;
	margin: auto;
}

li.item_judge_video {
	float: left;
	padding:5px;
	width: 30%;
	display: inline;
}

.separate-li {
	float: left;
	padding:5px;
	width: 20%;
	display: inline;
}

.item-wrapper-judge {position:relative;width:100%}

.item-img-judge {
	position: absolute;
	top:0;
	width: 100%;
	left: 50%;
	margin-left:-50%;
}

.judge_video_player {
	/*background-image: url("../App_Images/style/video_judge.png");*/
	border: #f9ed32 solid 2px;
	background-size:100%;
	-webkit-background-size: 100% auto;
	-moz-background-size:100% auto;
	width:100%;
	height:125px;
	cursor: pointer;
}

.btn-play-judge {
	position: absolute;
	left: 50%;
	top: 50%;
	margin:-22px 0 0 -22px;
}

.item-player-judge {
	position: relative;
	z-index: 999;
}

.preview-judge-video {
	position: absolute;
	width: 100%;
	height: 97%;
	background-color: #000;
}

.item-player-judge {
	position: relative;
	z-index: 999;
}


.miniature_video {
	position: relative;
	/*border: #ffff00 solid 2px;*/
	
}

.blue-label {color:#00c1db;font-size:10px;}

.yellow-btn {
	background-color: #ffff00;
	border: 2px solid transparent;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-webkit-border-top-left-radius: 8px;
	-webkit-border-bottom-left-radius: 8px;
	-webkit-border-top-right-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
	border-radius: 8px;
	color:#00c1db;
	font-weight:bold;
	padding:3px;
	cursor:pointer;
	position:relative;
	behavior: url(App_Themes/PIE/PIE.php);
}

/**************** header index bloc ****************/
.header-1 {

	background:url(../App_Images/style/header-1.png) no-repeat;
	width:90%;
	height:69px;
	color:#FFF;
	background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
	-moz-background-size:100% 100%;
	padding-left:30px;
	margin-left: 40px;

	
}


.header1-title {
	background :url("../App_Images/style/icon_favorite_judge-header.png") 0 19px no-repeat;
	height:75px;
	padding-left:65px;
	line-height:65px;
	
}

.header-2 {
	background:url(../App_Images/style/header-2.png);
	width:90%;
	height:70px;
	color:#FFF;
	background-size: 100% 100%;
	-webkit-background-size: 100%;
	-moz-background-size:100%;
	padding-left:30px;
	margin-left: 40px;

}

.header2-title {
	background :url("../App_Images/style/star.png") 0 19px no-repeat;
	height:60px;	
	padding-left:65px;
	line-height:40px;
}

.header2-title .yellow-btn {
	width: 100px;
	font-size: 12px;
	padding-left: 10px;
	padding-right: 10px;
	height: 33px;
}

.btn-view-all-wrapper {
	padding-right:5px;
	width: 130px;
	float: right;
	padding-top: 15px;
}

/****************** slide animation most Video ******************/
.min-duration{
	background: #000;
	padding: 1px 2px 1px 2px;
	text-align: center;
	color: #FFF;
	font-size: 9px;
	font-family:Verdana, Geneva, sans-serif;
	-webkit-border-radius:3px;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	-moz-border-radius:3px;
	border-radius:3px;
	position : absolute;
	right: 5px;
	bottom: 5px;
	
}

.min-video-play {
	position: absolute;
	left: 7px;
	bottom: 7px;
}

.min-video-play img {width: 20px;}

.es-carousel-wrapper .yellow-label{
	font-size: 12px;
}

.es-carousel-wrapper .white-label{
	font-size: 10px;
}

.es-carousel-core {
	position: relative;
	width: 95%;
	padding-top: 20px;
}

.activate-btn {
	background-color: #00c1db;
	border: 2px solid transparent;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-webkit-border-top-left-radius: 8px;
	-webkit-border-bottom-left-radius: 8px;
	-webkit-border-top-right-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
	border-radius: 8px;
	color:#ffff00;
	font-weight:bold;
	padding:3px;
	cursor:pointer;
	behavior: url(App_Scripts/JQuery/PIE/PIE.php);
	position: relative;
	
}

a {
	text-decoration:none;
	color: #fff;
}

.blue-btn
{
	background-color: #00c1db;
	border: 2px solid transparent;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	border-radius: 10px 10px 10px 10px;
	color:#ffff00;
	font-family: "TheMixBlackItl", Sans-Serif;
	padding: 10px 20px 10px 20px;
	cursor:pointer;
	font-size:24px;
	display:inline-block;
	letter-spacing: 1px;
	position:relative;
	behavior: url(App_Themes/PIE/PIE.php);
	z-index:10;

}

.btn-prize {
	
	background-color: #00c1db;
	border: 2px solid transparent;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	border-radius: 10px 10px 10px 10px;
	color:#ffff00;
	font-family: "TheMixBlackItl", sans-serif;
	cursor:pointer;
	font-size:24px;
	display:inline-block;
	letter-spacing: 1px;
	padding: 10px 50px 10px 50px;
}

.core {
	
	background: -moz-linear-gradient(top, #ff6600 80%, #ff3700 100%);
	background: -webkit-gradient(linear, 0 0, 0 80%, from(#ff6600), to(#ff3700));
	background: linear-gradient(top, rgb(255,102,0) 80%, rgb(255,55,0) %);
	background: -o-linear-gradient(top, rgb(255,102,0) 80%, rgb(255,55,0) %);
	background: -moz-linear-gradient(top, rgb(255,102,0) 80%, rgb(255,55,0) %);
	background: -webkit-linear-gradient(top, rgb(255,102,0) 80%, rgb(255,55,0) %);
	background: -ms-linear-gradient(top, rgb(255,102,0) 80%, rgb(255,55,0) %);
	
	background: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.2, rgb(255,102,0)),
		color-stop(0, rgb(255,55,0))
	);
	/*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#f7c004, endColorstr=#ffffff);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#f7c004, endColorstr=#ffffff)";*/
	min-height:480px;
	position: relative;
}

.core-content {
	width: 69%;
	float: left;
	display: block;
	height: 100%;
	padding-top: 30px;
}

.right-box {
	width: 30%;
	float: right;
	background: url(../App_Images/style/spot-ie8.png) no-repeat;
	background-position : 100% 0%;
	background-size: 250px 160px;
	-webkit-background-size: 250px 160px;
	-moz-background-size:250px 160px;
	padding-top: 30px;
}

.wrapper {
	position: relative;
}

.spot-right {
	background: url(../App_Images/style/spot-rotate.png) bottom right no-repeat;
	background-size: 380px 244px;
	-webkit-background-size: 380px 244px;
	-moz-background-size:380px 244px;
	background-position:117% 100%;
	position: relative;
	min-height:950px;
	padding: 40px 10px 200px 10px;
}

.spot-right-yallow {
	background: url(../App_Images/style-user/spot-rotate.png) bottom right no-repeat;
	background-size: 380px 244px;
	-webkit-background-size: 380px 244px;
	-moz-background-size:380px 244px;
	background-position:117% 100%;
	position: relative;
	min-height:950px;
	padding: 40px 10px 200px 10px;
}

.spot-right-blue {
	background: url(../App_Images/style-user/spot-rotate.png) bottom right no-repeat;
	background-size: 380px 244px;
	-webkit-background-size: 380px 244px;
	-moz-background-size:380px 244px;
	background-position:117% 100%;
	position: relative;
	min-height:680px;
	padding: 40px 10px 200px 10px;
}

.loading {
	position:absolute;
	left:50%;
	top:50%;
	width:128px;
	height:128px;
	margin: -64px 0 0 -64px;
	z-index:99999;
}

.opacity-reg
 { 
 	display:none;
    opacity : 0.5; 
    -moz-opacity : 0.5; 
    -ms-filter: "alpha(opacity=50)"; /* IE 8 */ 
    filter : alpha(opacity=50); /* IE < 8 */ 
    width:100%;
	height:100%;
    position:absolute;
    left:0;
    top:0;
    height:100%;
    background-color:#000;
    z-index:9999;
 	-webkit-border-radius:10px;
 	-webkit-border-top-right-radius: 10px;
 	-webkit-border-bottom-right-radius: 10px;
 	-webkit-border-top-left-radius: 10px;
 	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius:10px;
	border-radius:10px;
}

#divShowMsgComment {
	width: 520px;
}
/*************** Bottom Style ****************/
.wrapper-bottom {
	position: absolute;
	bottom: 0px;
	left:8%;
	width: 84%;
	margin: auto;
	display: block;
}

.footer-label{
	font-family: "TheMix Bold Plain", sans-serif;
	font-weight:bold;
	color: #FFF;
	font-size: 14px;
	letter-spacing: 1px;
}

.menu-bottom ul {
	padding:0;
	margin:0;
	padding-bottom: 10px;
}

.menu-bottom ul li {
	display:inline;
	font-size:14px;
	font-weight:bold;
}

.menu-bottom ul li a
{
	/*padding:8px 2px 8px 2px;*/
	text-decoration:none;
	font-weight:bold;
	margin-right:30px;
}

.footer { 
	background: url(../App_Images/style/hr-footer.png) center top repeat-x;
	height:60px;
	width: 100%;
	
}

.core-footer {
	width: 100%;
	margin: auto;
	display: block;
	padding-top: 10px;
	text-align: center;
}

.copyright {
	font-size: 10px;
	text-align: center;
}

.line-bottom {
	background: #f7c103;
	height: 5px;
	width: 100%;
}

/**********************************************/

.content-right-box{
	background: #d1d3d4;
	padding : 10px;
	margin-top:5px;
	margin-bottom:5px;
	
	width:300px;/*selon la taille di bloc*/
	height: 400px;/*selon la taille di bloc*/
}

.duration{
	background: #000;
	padding: 5px 20px 5px 20px;
	text-align: center;
	color: #FFF;
	font-size: 18px;
	font-family:Verdana, Geneva, sans-serif;
	-webkit-border-radius:10px;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius:10px;
	border-radius:10px;
	position : absolute;
	right: 10px;
	bottom: 10px;
	
}

.hr-footer{
	background: url('App_Images/hr-footer.png') center repeat-x;
	height: 1px;
	border: none;
	margin-left:100px;
	margin-right: 100px;
}

.nb-view{
	font-style: italic;
	font-size: 16px;
	font-family: Arial, sans-serif;
	color: #FFF;
}



.by-label {
	font-size: 18px;
}

.header-label{
	font-size: 18px;
	font-family: "TheMix Bold plain", sans-serif;
	color: #ffffff;
	letter-spacing: 1px;
}

.yellow-header-label{
	font-size: 18px;
	font-family: "TheMix Bold Plain", sans-serif;
	color: #ffff00;
	letter-spacing: 1px;
}

.yellow-label
{
	font-size: 13px;
	color: #ffff00;
	letter-spacing: 1px;
	font-weight: bold;
}
/******************Latest video style added by mkh*********/
.yellow-latest-title {
	font-size: 14px;
	color: #ffff00;
	letter-spacing: 1px;
	font-weight: bold;
}

.white-label {
	font-size: 13px;
	color: #fff;
	letter-spacing: 1px;
}

#divLatestVideo .white-label{font-size: 12px;}

.latest-published {
	font-size: 11px;
	color: #fff;
}

.latest-views {
	font-size: 11px;
	color: #fff;
	font-style: italic;
}

.btn-play-latest {
	position: absolute;
	left: 10px;
	bottom: 10px;
}

.duration-latest {
	background: #000;
	text-align: center;
	color: #FFF;
	font-size: 13px;
	font-family:Verdana, Geneva, sans-serif;
	padding: 0px 10px 0px 10px;
	position : absolute;
	right: 7px;
	bottom: 7px;
	-webkit-border-radius:3px;
	-webkit-border-top-right-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius:3px;
	border-radius:3px;
	
	
}

/******************end Latest video style added by mkh *********/
hr { 
	border : 0;
	height : 0.20em;
    background : #e4e8eb;
    margin : 1em 0;
	margin-left:-5px;
	margin-right:-5px;
}

/*****************/
a.footer_link {
	text-decoration:none;
	color:#666;
}

/***************/
.rounded-div {
	-moz-border-radius: 20px;
    -webkit-border-radius: 20px;
	-webkit-border-top-right-radius: 20px;
	-webkit-border-bottom-right-radius: 20px;
	-webkit-border-top-left-radius: 20px;
	-webkit-border-bottom-left-radius: 20px;
    -khtml-border-radius: 20px;
    border-radius: 20px;
	border:2px solid #666;
	padding:10px;
	background-color: rgba(220, 220, 220, 1);
}

.header_bloc
{
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	border-radius: 10px 10px 10px 10px;
	background-color: #666;
	border:1px solid #666;
	color:#fff;
}
.content_bloc
{
	-moz-border-radius: 0px 0px 10px 10px;
	-webkit-border-radius: 0px 0px 10px 10px;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	border-radius: 0px 0px 10px 10px;
	background-color: rgba(220, 220, 220, 1);
	border:1px solid #666;
	color:#000;
}

#divError{
	
	width:100%;
	cursor:pointer;
	line-height: 18px;
}

/***************** Style Comment Box *****************/
.error-comment {
	position: relative;
	width: 100%;
	height: 100%;
	margin: auto;
}

.comment-box {
	padding:0px;
}

ul.comment_video {
	list-style-type: none;
	width: 100%;
	padding:0;
	
}

ul.All_comment_video {
	list-style-type: none;
	width: 520px;
	padding:0;
	
}

li-comment {
	font-size: 11px;
	line-height: 15px;
}

#divCommentVideo {
	width: 100%px;
	padding-left:5px;
	padding-bottom: 50px;
	display:block;
	padding-bottom: 0px !important;
}

#comments_feed {
	width: 520px;
}
.comment-body {
	color:#000;
	line-height: 18px
}

.comment-source-type {
	vertical-align: middle;
}


/***************** UCPopUpAuthentication *****************/
.opacity
 { 
 	display:none;
    opacity : 0.7; 
    -moz-opacity : 0.7; 
    -ms-filter: "alpha(opacity=70)"; /* IE 8 */ 
    filter : alpha(opacity=70); /* IE < 8 */ 
    width:100%;
    position:fixed;
    left:0;
    top:0;
    height:100%;
    background-color:#000;
    z-index:9999;
}

.popup_login
{
	display:none;
	position:absolute;
	left:50%;
  	top:150%;
  	margin:-50px 0 0 -450px;
	width:900px;
	height:auto;
	z-index:99999;
}

.rounded-popup
{
	-moz-border-radius: 20px;
    -webkit-border-radius: 20px;
	-webkit-border-top-right-radius: 20px;
	-webkit-border-bottom-right-radius: 20px;
	-webkit-border-top-left-radius: 20px;
	-webkit-border-bottom-left-radius: 20px;
    -khtml-border-radius: 20px;
    border-radius: 20px;
	border:2px solid #000;
	padding:10px;
	background-color: rgba(220, 220, 220, 1);
}

.loading-popup{
	width:32px;
	height:32px;
	position:absolute;
	left:50%;
	top:50%;
	margin:-16px 0 0 -16px;
}

/***************** Style RightBox *****************/

.header-right-box
{
	background-color: #00c1db;
	border: 2px solid transparent;
	-moz-border-radius: 8px 8px 0px 0px;
	-webkit-border-radius: 8px 8px 0px 0px;
	-webkit-border-top-left-radius: 8px;
	-webkit-border-top-right-radius: 8px;
	border-radius: 8px 8px 0px 0px;
	height:40px;
	width:80%;
	margin-bottom:5px;
	padding: 10px;
	position:relative;
	behavior: url(App_Themes/PIE/PIE.php);

}

.bottom-right-box
{
	background-color: #00c1db;
	border: 2px solid transparent;
	-moz-border-radius: 0px 0px 8px 8px;
	-webkit-border-radius: 0px 0px 8px 8px;
	-webkit-border-bottom-left-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
	border-radius: 0px 0px 8px 8px;
	height:30px;
	width:80%;
	margin-top:5px;
	padding: 10px;
	color:#FFF;
	position:relative;
	behavior: url(App_Themes/PIE/PIE.php);
}

.bottom-right-box span {
	float:right;
	text-align:right;
	font-family:"TheMix Bold Plain";
	letter-spacing:1px;
	width: 100%;
}

.middle-right-box {
	background-color: #d1d3d4;
	color:#000;
	width:88%; /*no modify value */
	height:300px;
	padding: 0px;
}

/****** Twitter Widget: Removing the Header and Footer ******/
.twtr-hd, .twtr-ft {
	display: none;
}

.bulle_user {
	background-image: url("../App_Images/style/bulle.png");
	width: 48px;
	height: 42px;
}

/******** Autosuggestion User *******/
.suggestionsBox {
	position: absolute;
	left: 0px;
	top:15px;
	margin: 26px 0px 0px 0px;
	width: 299px;
	padding:0px;
	background-color:#00c1db;
	border-top: 3px solid #00c1db;
	color: #fff;
	z-index: 999999;
}
.suggestionList {
	margin: 0px;
	padding: 0px;
}
.suggestionList ul li {   
	list-style:none;
	margin: 0px;
	padding-left: 6px;
	border-bottom:1px dotted #666;
	font-family: 'TheMix Bold Plain', sans-serif;
	font-size:14px;
	cursor: pointer;
	height: 30px;
	line-height: 30px;
}
.suggestionList ul li:hover {
	background-color: #FC3;
	color:#00c1db;
}
.suggestionList ul {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFF;
	padding:0;
	margin:0;
}


#suggest {
	position:relative;
	height: 30px;
}

/********** Search field ***********/
.cf:before, .cf:after {
	content:"";
	display:table;
}
    
.cf:after {
	clear:both;
}

.cf {
	zoom:1;
}

.input-search {
	width: 200px;
}

#TxtSeachVideo {
    height: 30px;
	position:absolute;
	left:0;
    background: #fff;
	border:#00c1db solid 2px; 
	padding:0px 6px 0px 3px;
	font-size: 30px;
	font-family: "TheMix Bold Plain", sans-serif;
	color: #00c1db;
}

#suggest input {
	width: 157px;
	font-size: 17px;
	letter-spacing: 1px;
}

.input-search #divBtnSearch {
	position: absolute;
	right:1px;
	top:0;
	border: 0;
	padding: 0;
	cursor: pointer;
	height: 33px;
	width: 30px;
	background: #00c1db;

}   
      
#divBtnSearch img {
	margin-top: 8px;
}

.judge-icon {
	position:relative; width:140px; height:25px;
}

.judge-icon span {
	position:absolute;
	left:0;
	margin-left:5px;
}

.judge-icon img {
	position:absolute; 
	right:0; 
	top:3px;
	width: 20px;
}

.search-warapper .yellow-btn {
	/*padding: 2px;*/
}

/***************** Style PopUp Vdeo *****************/


.lightbox_video {
	border:2px solid #000;
	padding:10px;
	background-color: #ff6600;
}
 
.popup_video {
	display:none;
	position:absolute;
	left:50%;
  	top:50%;
  	margin:-50px 0 0 -450px;
	width:900px;
	height:auto;
	z-index:99999;
}

.popup_close_video {
	display:none;
	position:absolute;
	left:50%;
  	top:50%;
  	margin:-50px 0 0 -450px;
	width:89px;
	height:86px;
	background-image: url("../App_Images/style/close.png");
	z-index:999999;
}


/*******************************Contestant page*******************************/
.by-span {
	font-size: 190%;
	font-family: "TheMix Black plain" ,Sans-Serif;
	color: #ffff00; 
	letter-spacing: 1px;"	
}

.video-user-span {
	font-size: 190%;
	font-family: 'Verdana', sans-serif;
	color: #000; 
	
}

/*#divTitleVideo h2 {font-size: 250%;padding-bottom: 5px;margin-bottom: 10px;letter-spacing: 2px;}*/
#divTitleVideo .h2 {
	font-family: "TheMix Bold plain" ,Sans-Serif;
	color: #ffffff;
	letter-spacing: 1px;
	font-size: 30px;
	letter-spacing: 2px;
	padding-top:10px;
	padding-bottom:10px;
	margin-top:10px;
	margin-bottom:10px;
	line-height:40px;
}
#testcontestantVideo h3 {font-size: 100%;padding:0;margin:0;padding-bottom: 5px;margin-bottom: 5px;}

.message-warapper {width: 520px;}

#divAddComment {width: 80%;}
#divAddComment textarea{width: 100%;}

.contestant-vid-pub-date {
	font-size: 100%;
	font-family: 'Verdana', sans-serif;
	color: #000; 
}

.contestant-vid-pub-desc {
	font-size: 14px;
	font-family: 'Verdana', sans-serif;
	text-align: justify;
	color: #fff; 	
}

.contestant-vid-conteneur { 
	width:85%;
	padding-top:10px; /* espace interne du conteneur */
	text-align:top;
}

.contestant-vid-bloc-right { 
	padding:20px; /* aération interne des blocs */
	margin:10px 10px; /* espacement horizontal entre les blocs */
	width:20%;
	position:relative;
	display:inline;
	vertical-align:top;
	text-align: right;
}

.contestant-vid-bloc-right .latest-views {font-size: 10px;}

#divContestantVideorating {
	float: right;
	padding-top: 5px;
}

#divContestantVideoView {
	padding-right: 5px;
}

.contestant-vid-bloc-left { 
	padding:0px; /* aération interne des blocs */
	margin:0; /* espacement horizontal entre les blocs */
	width:72%;
	float : left;
	display:inline;
	vertical-align:top;
	text-align: justify;
	position:relative;
}

.contestant-vid-share {
	color: #000;
	font-size: 140%; 
	padding-right: 10px;
	line-height: 40px;
	vertical-align: middle;
}

.contestant-vid-hr {
	width:100%; 
	padding-top: 10px;
	border-top:2px dashed;
	border-bottom:0;
	border-left:0;
	border-right:0;
	color:#fff;
	background:none;
	height:1px;
}

.contestant-vid-view {
	font-size: 200%;
	font-family: "Verdana", sans-serif;
	font-style:italic;
	color: #ffff00;
	letter-spacing: 1px;
}

.preview-video {
	margin-top : 10px;
	position: relative;
	width: 85%;
	height: 300px;
}

.preview-video-img {
	border: #fbb040 solid 4px;
	width: 100%;
	height: 300px;
}

.preview-video-play {
	
	position: absolute;
	left: 26px;
	bottom: 36px;
}
.preview-video-play img {
	width: 89px;
	height: 83px;
}
.wrapper-video {
	margin: auto;
	width: 100%;
}
.preview-video-fav{
	
}
.favorite-judge-im{
	position: absolute;
	right: -20px;
	top:-20px;
}

.fb-img-share{
	padding-right: 5px; 
	width: 30px; 
	height: 30px;
	vertical-align: middle;
}

/***************** comment video contestant *****************/
.all-comment-body {
	color:#000;
	line-height: 18px
}

.all-comment-source-type {
	vertical-align: middle;
}

.all-comment-date {
	color:#ffff00;
	font-size: 10px;
	
}

#divScrollingAllComment {
	
	width: 520px;
	height: 300px;
	overflow: auto;
}

.all-comment-textarea {
	border: #ffff00 solid 2px;
	width: 500px;
}

/************ Pagination Latest Video ************/
#divLatestVideo .pagination ul li.inactive,
#divLatestVideo .pagination ul li.inactive:hover {
    text-decoration:underline;
}

#divLatestVideo .pagination {
    width: 85%;
    height: 25px;
	padding-top: 50px;
}
        
#divLatestVideo .pagination ul li {
    color: #fff;
    font-weight: bold;
	list-style: none;
    float: left;
	padding: 2px 4px 2px 4px;
    margin: 0 1px 0 1px;
	font-size: 14px;
}
        
#divLatestVideo .pagination ul li:hover {
    color: #000;
	text-decoration:underline;
    cursor: pointer;
}

#divVideoPlay {
	cursor:  pointer;
}

/*************** Twitter Style ***************/
#container-tweet { 
	width: 93%;
	height: 100%; 
	margin: 0;
	padding: 0;
}

#tweets .tweet {
	padding: 0px 0px;
	font-size: 12px;
	position: relative;
	border-bottom: 1px dashed #ededed;
	overflow: hidden;
	width: 100%;
}

#tweets .tweet img { margin-right: 10px; float: left; }

#tweets .tweet .tweet-content{width: 100%;}

#tweets .tweet .tweet-content a.view { font-size: 10px; }

#container-tweet{padding:10px;}

/********************************************/

.text-page{
	font-size: 14px;
	font-family: 'Verdana', sans-serif;
	color: #fff;
	text-align: justify;
	line-height:25px;
	width: 95%;
}

.text-page p {
	margin-bottom:40px;
}

.load-twitter-img {
	position: absolute; 
	right: 4%; 
	top: -18%; 	
}

#loadingComment {
	position: absolute; 
	right: 10px; 
	top: 50%;
	margin-top:-12px; 
}

#loadingTwitter {
	position: absolute; 
	right: 10px; 
	top: 50%;
	margin-top:-12px; 
}

.contestant-video-pending {
	width: 85%; 
	height: 300px;
	margin-top:-300px; 
	position: relative;
	background: #00c1db;
}
.contestant-video-pending-text {
	position:absolute;
	width:80%;
	height:100px;
	left:50%;
	margin-left:-40%;
	top:50%;
	margin-top:-50px;
	font-size: 18px;
	color:#FFF;
}


.msg_upload_error {
	width: 100%;
	height: 70px;
	 opacity : 0.5; 
    -moz-opacity : 0.5; 
    -ms-filter: "alpha(opacity=50)"; /* IE 8 */ 
    filter : alpha(opacity=50); /* IE < 8 */ 
	font-family: "TheMix Bold Plain", sans-serif;
	color:#FFF;
	text-align: center;
}

.load-connection-img{
	
	/*position: absolute; right: 45%;top: 60%;*/ 
}

.auth-btn {
	padding: 5px 7px 7px 5px;
	font-size: 14px;
}
#divSuccessConfig
{
	width:100%;
	cursor:pointer;
	line-height: 18px;
	border: #7ebd3a solid 2px;
	-moz-border-radius: 8px 8px 8px 8px;
	-webkit-border-radius: 8px;
	-webkit-border-top-left-radius: 8px;
	-webkit-border-bottom-left-radius: 8px;
	-webkit-border-top-right-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
	border-radius: 8px 8px 8px 8px;
}

.login-success-msg {
	background: url('../App_Images/style/message-box/icon-success.png') no-repeat;
	color:#7ebd3a;
	font-weight: bold;
	padding-left: 20px;
	height: 40px;
	padding-top: 10px;
}

.blue-notice
{
 	padding:10px;
	margin-left:32px;
	margin-right:28px;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
 	background:#ee9d67;
 	border:1px solid #ff4600;
 	color:#06C;
 	font-weight:bold;
}

.form-span
{
 font-family: 'TheMix Bold Plain', sans-serif;
 letter-spacing: 1px;
 color:#ffff00;
 font-size:15px;
 margin-right:10px;
 margin-top:5px;
}

.comment-btn
{
	background-color: #00c1db;
	border: 2px solid transparent;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	border-radius: 10px;
	color:#ffff00;
	font-family: "TheMixBlackItl", sans-serif;
	padding: 5px 10px 5px 10px;
	cursor:pointer;
	font-size:18px;
	display:inline-block;
	letter-spacing: 1px;
	behavior: url(App_Scripts/JQuery/PIE/PIE.php);
	position: relative;
}

.bold-item
{
	font-weight: bold;
}

a
{

}