/* CSS Document */

/* Video Player */

#breadcrumbvideos {
	font-size: 10px;
	line-height: 12px;
	padding: 5px 0 10px 0px;
	}

#videoblock {
	padding: 0 0 7px 7px;
	width: 960px;
	}
	
.videocont {
	background-color: #036;
	padding: 3px 3px 6px 3px;
	width: 960px;
	height: 1152px;
	}
	
.videoplayer {
	margin: 8px 0 8px 5px;
}

.rightsideads {
	position: absolute;
	top: 36px;
	left: 665px;
}

#itsThaBadge {
	margin-left: 5px;
}

.videoplayer #KyteApplication_1 {
	width: 634px !important;
	height: 523px !important;
	}

#videosocial {
	position: relative;
	z-index: 10;
	width: 250px;
	}
	
#videosocial a {
	color: #fff;
	}
	
#videosocial img {
	border:none;
	}
	
#videosocial a:visited {
	color: #fff;
	}
	
#full_twitter {
	margin-right: 10px;
	}

#full_area {
	background-color:#003366;
	color:#fff;
	padding: 10px 10px 10px 10px;
	width:614px;
}

#full_title {
	color:#fff;
	font-size:20px;
	margin:10px 0 5px 0;
	line-height: 22px;
}

#full_description {
	height:50px;
	line-height: 16px;
	overflow: hidden;
}

.navtabs {
	margin-left: 3px;
	height: 29px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	font-size: 12px;
	overflow: hidden;
	width: 950px;
	}

.navtableft {
	float:left;
	padding-left: 2px;
}

.navtabinternal {
	float: left;
	padding-top: 5px;
	height: 32px;
	background-image: url(../images/player/tab_center.png);
	background-repeat: repeat-x;
}

.navtabright {
	float: left;
}


a.navstyle:link {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}

a.navstyle:visited { 
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}

a.navstyle:hover { 
	color:#AAAAAA; 
	text-decoration: none;
	font-weight: bold;
}

.customBadge { position: absolute; font-family: Verdana,Arial,sans-serif; font-size:10px; height: 20px !important; background-image: url(../images/player/RushKyteTop.jpg); width: 950px !important; background-repeat: repeat;}
.customBadge img { border: 0px; }
.customBadge a { color: #FFFFFF; text-decoration: none; }


.customBadge div.cell {
	position: relative;
	background-color: #003366;
	top: 0 !important;
	left: 0 !important;
	float: left;
	margin: 6px 0px 9px 9px;
	height: 185px !important;
	overflow: hidden;
	}

.thumb {
	width: 137px !important;
	height: 103px !important;
	overflow: hidden;
	}
	
.thumb img {
	width: 137px !important;
	height: auto !important;
	}	
	
.customBadge div.thumb { position: absolute; }
.customBadge div.meta { position: absolute; } 
		
.customBadge div.showList { height: 390px !important; width: 950px; position:absolute; padding: 5px 0 10px 0; background-image: url(../images/player/RushKyteGrey.jpg); background-repeat: repeat-y; line-height: 11px; }
.customBadge div.header { display: none; }
.customBadge div.footer { width: 100%; position: absolute; bottom: 0px; left: 0px }
.customBadge div.pager { height: auto; width: auto; position: absolute; top: 1px; right: 17px; color: #000000; font-size: 12px; }
.pageIndex {position: relative; top: -4px !important; padding: 0 5px 0 5px;}
.customBadge div.sorting { height: 20px; width: 100%; position: absolute; top: 3px; left: 7px; font-size: 11px; line-height: 15px; }
.customBadge div.sorting span.sortingMode { margin: 0 5px 5px 5px; }
.customBadge div.sorting a { color: #043dcc; text-decoration: none; }
.customBadge div.sorting span.active { font-weight: bold; }
.customBadge div.sorting span.active a { color: #043dcc; text-decoration: none; }
.customBadge div.search { height: 20px; width: 100%; position: absolute; top: 0px; left: 0px; }
.customBadge div.search span.searchMode { margin: 4px; color: #000000; font-weight: bold; }
.customBadge div.search a { color: #043dcc; text-decoration: none; }
.customBadge div.search span.active { color: #000000; font-weight: bold; }
.customBadge div.search span.active a { color: #FFC000; text-decoration: none; }
.customBadge div.finder {height: 24px !important; z-index: 2; position: absolute; top: 425px; width: 950px; font-weight: bold; color: #fff; background-image: url(../images/player/RushKyteBottom.jpg); background-repeat: no-repeat;}
.customBadge div.finder input.text { font-size: 11px; width: 220px; position: absolute; left: 610px; bottom: 2px; }
.customBadge div.finder input.button { background-color: #244971; color: #fff; border: 0; height: 17px; font-size: 11px; font-weight: bold; width: 100px; position: absolute; left: 840px; bottom: 3px; }

.customBadge div.infoMessage { color: #000000; font-weight: bold; }

.customBadge div.metaTitle { font-weight: bold; line-height: 12px; }
.customBadge div.metaTitle a { color: #ffcc00; text-decoration: none; }
.customBadge div.metaDescription { color: #fff; font-weight: bold; }
.customBadge div.metaViews, .customBadge div.metaDuration, .customBadge div.metaTime, .customBadge div.metaRating { display: none; }

/* Right Column Badge */

#itsThaBadge1 {
	float: left;
	border-top: 2px solid #ffcc00;
	border-left: 2px solid #ffcc00;
	border-bottom: 2px solid #ffcc00;
	background-color: #000;
}

#itsThaBadge2 {
	float: left;
	border-top: 2px solid #ffcc00;
	border-left: 1px solid #ffcc00;
	border-bottom: 2px solid #ffcc00;
	border-right: 2px solid #ffcc00;
	background-color: #000;
}

.customBadgeHome {
	position: relative;
	font-family: Verdana,Arial,sans-serif;
	font-size:10px;
	line-height: 13px;
	overflow: hidden;
	width: 185px !important;
	height: auto !important;
	min-height: 135px;
	}
	
.customBadgeHome div.cell {
	position: absolute !important;
 	left: 0 !important;
}


.customBadgeHome a { color: #FFFFFF; text-decoration: none; }

.customBadgeHome div.thumb {
	width: 135px !important;
	height: 100px !important;
	overflow: hidden;
	float: left;
	margin-left: 25px !important;
	top: auto !important;
	left: auto !important;
	}
	
.customBadgeHome div.meta {
	clear: left;
	height: auto !important;
	width: 100% !important;
	color: #ffffff !important;
	text-align: center;
	}
	
.customBadgeHome div.thumb img {
	width: 135px !important;
	height: auto !important;
	margin: 5px 0 !important;
	}
		
.customBadgeHome div.showList { top: 0px !important; position: absolute; }
.customBadgeHome div.header { }
.customBadgeHome div.footer { }
.customBadgeHome div.pager { height: auto; width: auto; position: absolute; top: 5px; right: 5px; color: #FFFFFF; }
.customBadgeHome div.sorting { height: 20px; width: 100%; position: absolute; top: 5px; left: 0px; }
.customBadgeHome div.sorting span.sortingMode { margin: 5px;}
.customBadgeHome div.sorting a { }
.customBadgeHome div.sorting span.active { }
.customBadgeHome div.sorting span.active a { }
.customBadgeHome div.finder { }
.customBadgeHome div.finder input.text { }
.customBadgeHome div.finder input.button { }

.customBadgeHome div.metaTitle { font-weight: bold; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 14px; padding: 2px 7px 0 7px; }
.customBadgeHome div.metaTitle a { color: #fff; text-decoration: none; }
.customBadgeHome div.metaViews { color: #ffffff; }
.customBadgeHome div.metaTime, .customBadgeHome div.metaDescription { display: none; }

/* Mobile Styles */

@media screen and (max-width: 640px) {

#badgemobile {
	position: relative;
	text-align: center;
	margin: auto;
	width: 320px;
	}
	

.customBadgeHome, .customBadgeHome div.cell {
	width: 156px !important;
	}
	
.customBadgeHome div.thumb {
	margin-left: 10px !important;
	}
	
#breadcrumbvideos {
	padding: 15px 0 0 10px;
	line-height: 20px;
	margin: 8px 0 5px 0;
	font-size: 12px;
	}
	
#videoblock {
	padding: 0;
	width: 100%;
	}
	
.videocont {
	background-color: #036;
	padding: 0;
	width: 100%;
	height: auto;
	}
	
.videoplayer {
	margin: auto;
	width: 100%;
	text-align: center;
}	
	
.videoplayer #KyteApplication_1 {
	width: 320px !important;
	height: 275px !important;
	text-align: center !important;
	margin: auto !important;
	}
	
#videosocial {
	position: relative;
	z-index: 10;
	width: 250px;
	text-align: center;
	margin: auto;
	}	
	
#full_area {
	background-color:#003366;
	color:#fff;
	padding: 10px 0 10px 0;
	width:100%;
}	

#full_title {
	color:#fff;
	font-size:18px;
	margin: 10px 10px 5px 10px;
	line-height: 22px;
	text-align: left;
	
}

#full_description {
	height:auto;
	line-height: 16px;
	overflow: auto;
	margin: 0 10px 10px 10px;
	text-align: left;
}
	
.rightsideads {
	position: relative;
	top: auto;
	left: auto;
	width: 100%;
	text-align: center;
	margin: 0 auto 15px auto;
}

#facebookvideos {
	display: none;
	}
	
.customBadge div.finder {
	height: auto !important;
	z-index: 2;
	position: relative;
	top: auto;
	width: 100%;
	font-weight: bold;
	color: #fff;
	background-image: none;
	}	
	
.navtabs {
	margin-left: 2;
	height: auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	font-size: 12px;
	overflow: auto;
	width: auto;
	}
	
.videotabs {
	float: left;
	height: 29px;
	overflow: hidden;
	margin-top: -2px;
	}
	
.customBadge {
	position: relative;
	font-family: Verdana,Arial,sans-serif;
	font-size:11px;
	height: auto !important;
	width: 100% !important;
	background-image: none;
	z-index: 100;
	}	
	
.customBadge img {
	border: 0;
	}
	
.customBadge a {
	color: #fff;
	text-decoration: none;
	}

.customBadge div.cell {
	position: relative;
	background-color: #003366;
	top: 0 !important;
	left: 0 !important;
	min-height: 140px;
	float: left;
	margin: 0 !important;
	}
	
.customBadge div.thumb, .customBadge div.meta {
	position: absolute;
	}
		
.customBadge div.showList {
	height: auto !important;
	margin-top: 30px;
	left: auto !important;
	top: auto !important;
	width: 100%;
	position: relative;
	padding: 0;
	line-height: 13px;
	}
	
.customBadge div.metaTitle {
	line-height: 13px;
	}
	
.customBadge div.finder {
	height: 10px;
	z-index: 2;
	position: relative !important;
	top: 20px !important;
	width: 300px;
	font-weight: bold;
	color: #fff;
	}
	
.customBadge div.finder input.text { font-size: 11px; width: 170px; position: relative; left: auto; bottom: 0; }
.customBadge div.finder input.button { background-color: #555; color: #fff; border: 0; height: 20px; font-size: 12px; font-weight: bold; width: 110px; position: relative; left: auto; bottom: 0; }

.customBadge div.pager { height: auto; width: auto; position: relative; top: 10px; right: 0; color: #fff; font-size: 12px; }
	
.customBadge .pager .prev img, .customBadge .pager .next img {
	width: 20px;
	height: 20px;
	}
	
.customBadge div.sorting {
	height: auto;
	width: 100%;
	position: relative;
	top: auto;
	left: 0;
	font-size: 12px;
	line-height: 15px;
	margin: 13px 0 5px 0;
	}
	
.customBadge div.sorting a { color: #FFCC00; text-decoration: none; }
.customBadge div.sorting span.active { font-weight: bold; }
.customBadge div.sorting span.active a { color: #FFCC00; text-decoration: none; }	
	
}