/************************* *Main display  *************************/
body {
	margin: 0 auto;
	font: 11px Tahoma, Verdana;
	text-align: center;
	background: #000000 url(images/pattern.gif);
	width: 900px;
}
a {
	text-decoration: none;
}
/* Header Part */
#header a {
	color: #C849BC;
	font-weight: bold;
}
#header a:hover {
	color: #ffffff;
	text-decoration: none;
	background-color: #000000;
}
#header .header_title img {
	padding: 0px;
	margin: 0px;
	border: none;
}
#header {
	padding-top: 30px;
	padding-bottom: 2px;
	margin: 0px;
	background-repeat: no-repeat;
	color: #000000;
	width: 900px;
	background-image: url("images/logo.gif");
	background-repeat: no-repeat;
}
#header .header_title {
	padding: 0px;
	margin-bottom: 0px;
}
#header #main_menu {
	display: block;
	float: right;
	padding: 0 5px 5px 0;
	color: #FFD9E8;
	font-size: 12px;
}
#header #main_menu a {
	color: #ffffff;
	font-size: 12px;
}
#header #main_menu span.topLink {
	display: block;
	min-width: 100px;
	float: left;
}
#header #main_menu span.topLink2 {
	display: block;
	min-width: 50px;
	_width: 50px;
	float: left;
	padding: 0 5px;
}
#header #main_menu a , #header #main_menu a:hover {
	color: #555555;
	font-size: 10px;
	font-weight: bold;
}
#header #header-search {
	float: right;
	clear: right;
	font-size: 12px;
	color: #FFFFFF;
}
ul#headerNav {
	display: block;
	padding: 5px 8px;
	margin: 0;
	font-size: 13px;
	background-color: #555555;
	text-transform: uppercase;
}
ul#headerNav li {
	display: inline;
	padding: 5px;
}
ul#headerNav a {
	color: #000000;
	padding: 5px 10px;
}
ul#headerNav a:hover {
	color: #999999;
}
#header #loginForm {
	background-color: #000;
	color: #CCC;
	padding: 2px;
	margin: 0;
	border-bottom: 1px solid #000;
}
/* End of Header Part */
/** Content Part */
#main_body {
	width: auto;
	padding: 0;
	top: 0;
}
/** left sidebar */
.left_sidebar {
	float: left;
}
/** right sidebar */
.right_sidebar {
	float: right;
}
/** Adjust width for bigger thumbs display */
#content {
	margin-top: 10px;
	margin-left: 0px;
	margin-right: auto;
	margin-bottom: 20px;
	text-align: left;
	background-color: #111111;
	color: #000000;
	width: 900px;
	border: 0;
}
/** for email confiramtion */
#content .confirmed {
	color: #ffffff;
	font: bold 12px Arial;
	text-align: center;
}
#content a {
	text-decoration: none;
}
#content #page-up {
	background: #111111;
	padding: 0;
	margin: 0;
	color: #3399FF;
}
#content #page-up .page_title {
	font: bold 12px Arial;
	padding-left: 2px;
	float: left;
}
#content #page-up .pagination , #content #page-bottom {
	text-align: right;
	font-size: 10px;
	padding: 5px;
	color: #666666;
	background-color: #222222;
}
#content #page-up .pagination a, #content #page-bottom .pagination a {
	color: #999999;
	font: 10px;
	text-decoration: none;
}
.pagerCurrent {
	border: none;
	padding: 0 5px;
	margin: 0 3px;
	font-weight: bolder;
	font-size: 16px;
}
.pagerNotCurrent {
	padding: 0 6px;
	margin: 0 2px;
	text-align: center;
}
#content #content_display a {
	color: #3399FF;
	font: bold 12px Arial;
	text-decoration: none;
}
#content #content_display a:hover, #content #page-up a:hover, #content #page-bottom a:hover {
	color: #ffffff;
	text-decoration: none;
}
#content #content_display {
	padding: 0px;
	margin: 0px;
	height: 100%;
	margin-left: 0px;
}
#content #content_display #content_thumbs {
	width: auto;
	background-color: #FFFFFF;
}
#content #content_display #content_thumbs .img {
	float: left;
	width: 156px;
	height: auto;
	margin: 2px;
	padding: 10px;
	background-repeat: repeat-x;
	padding-bottom: 5px;
	color: #000000;
	background-color: #222222;
}
/** Thumbs info */
#content #content_display #content_thumbs .settings {
}
#content #content_display #content_thumbs .title {
	margin-bottom: 2px;
	padding: 5px;
	background-color: #111111;
	display: block;
	bottom: 15px;
	height: 30px;
}
#content #content_display #content_thumbs .img_info {
	position: relative;
	width: auto;
}
#content #content_display #content_thumbs .duration {
	float: left;
}
#content #content_display #content_thumbs .votes {
	float: left;
}
#content #content_display #content_thumbs .date {
	text-align: right;
}
#content #content_display #content_thumbs .img img {
	padding-bottom: 5px;
	border: none;
	width: 155px;
	opacity: 0.6;
}
#content #content_display #content_thumbs .img img:hover {
	opacity: 1.5;
}
#content #content_display #content_thumbs .img div {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px;
	font-size: 10px;
}
#content #content_display #content_thumbs .img div a {
	font-family: Arial, Helvetica, sans-serif;
	color: #999999;
	font-size: 12px;
}
#content #content_display #content_thumbs .img div a:hover {
}
/* End of Content Part */
.searchField {
	border: none;
	color: #000000;
}
/* Footer Part */
.footer {
	margin: 0;
	font-size: 10;
	color: #333333;
	text-align: center;
}
/* End of Footer */
.footer a {
	text-decoration: none;
	color: #333333;
}
.clear {
	clear: both;
}
/*************************   *Watch Display   *************************/
#content #main_wrap {
	padding: 0;
	margin: 2px;
	position: relative;
}
#content #main_wrap #video_player {
	float: left;
	width: 425px;
	background-color: #222222;
	width: 425px;
	text-align: center;
	margin: 2px;
	padding: 20px;
}
/** For advertisement */
#content #main_wrap #video_player .adv {
	border-bottom: none;
}
#content #main_wrap #video_player .adv a {
	color: #999999;
	text-decoration: momee;
}
#content #main_wrap #video_player .adv a:hover {
	color: #ffffff;
	text-decoration: none;
}
/** For download link */
#content #main_wrap #video_player .download_text {
	color: #222222;
	font-weight: 700;
	clear: both;
	text-align: center;
	padding-top: 25px;
}
.download_text a,  #friends {
	color: #222222;
	text-decoration: none;
	display: block;
	background-color: #222222;
	padding: 5px;
	font-size: 15px;
}
#content #main_wrap #video_player .download_text a:hover {
	text-decoration: none;
}
#content #main_wrap #video_player #player {
	width: 400px;
	text-align: center;
}
/** for thumb display */
#content #main_wrap #video_player #thumblist {
	overflow: auto;
	margin-top: 10px;
	padding: 0;
	width: 400px;
	height: 120px;
	white-space: nowrap;
	color: #D2D2D2;
}
#content #main_wrap #video_player #thumblist .img {
	display: block;
	width: 450px
}
#content #main_wrap #video_player #thumblist .img li {
	padding: 0 0px;
	display: inline;
}
#content #main_wrap #video_player #thumblist .img li .sample {
	width: 130px;
	display: block;
	float: left;
	text-align: center;
}
#content #main_wrap #video_player #thumblist #playlistthumbs {
	width: 100px;
	border: 1px #E71012 solid;
}
#content #main_wrap #video_player #thumblist .clip {
	width: 130px;
	text-align: center;
}
/** For link exchange and channels link */
#content #main_wrap #video_player #friends a {
	color: #999999;
	text-decoration: underline;
}
#content #main_wrap #video_player #friends a:hover {
	color: #ffffff;
	text-decoration: none;
}
/** Main info left pannel **/
#content #main_wrap #main_info {
	width: 380px;
	float: right;
	position: relative;
	margin: 2px;
	background-color: #222222;
	padding: 20px;
}
#content #main_wrap #main_info #info {
	color: #999999;
	padding: 5px;
	width: 350px;
	height: auto;
}
#content #main_wrap #main_info #info div {
}
#content #main_wrap #main_info #info a {
	color: #999999;
	text-decoration: underline;
}
#content #main_wrap #main_info #info a:hover {
	text-decoration: none;
}
#content #main_wrap #main_info #ShowInfoBox {
	border: 1px solid #ccc;
	border-top: none;
	margin: 0 10px 0 3px;
	padding: 5px;
	width: inherit;
	background-color: #FFFFCC;
	text-align: center;
	color: #3399FF;
}
/** This is for url and embed textbox **/
#content #main_wrap #main_info #info .embed {
	overflow: auto;
	width: 340px;
	height: 75px;
}
#content #main_wrap #main_info #info .moreinfo {
}
/** For related video **/
#content #main_wrap #main_info .rel_vid {
	padding: 15px 0 0 0;
	margin: 7px 10px 0 3px;
}
#content #main_wrap #main_info .rel_vid li {
	display: inline;
	background-color: #555555;
	padding: 3px;
	margin: 0 5px 0 0;
}
#content #main_wrap #main_info .rel_vid li a {
	color: #999999;
}
#content #main_wrap #main_info .display_video {
	background: #333333;
	padding: 5px;
	margin: 3px 10px 0 3px;
	overflow: scroll;
	height: 400px;
	width: 350px;
	position: relative;
}
#content #main_wrap #main_info .display_video .img_div {
	font-size: 11px;
	margin: 7px 9px;
	padding: 0;
}
.img_div a img {
	border: none;
}
#content #main_wrap #main_info .display_video .img_div .relatedimg {
	width: 120px;
	float: left;
	margin-bottom: 5px;
}
#content #main_wrap #main_info .display_video .img_div .relatedinfo {
	float: left;
	margin-left: 12px;
}
/** Cloud part */
#content #main_wrap #main_info #cloud {
	padding: 5px;
	margin: 7px 10px 0 3px;
	width: 350px;
	background-color: #444444;
}
#content #main_wrap #main_info .cloud {
	padding: 3px;
	text-decoration: none;
	line-height: 150%;
	color:      #111111;
}
#content #main_wrap #main_info #cloud a {
	color: #111111;
	text-decoration: none;
}
#content #main_wrap #main_info #cloud a:hover {
	color: #111111;
	text-decoration: none;
}
#content .watch_title {
	font: bold 20px Georgia, "Times New Roman", Times, serif;
	margin-bottom: 5px;
}
/*********************   *Star Rating   *********************/
#rating {
	font-size: 12px;
}
.star-rating, .star-rating a:hover, .star-rating a:active, .star-rating a:focus, .star-rating .current-rating {
	background: url(images/star.gif) left -1000px repeat-x;
}
.star-rating {
	position: relative;
	width: 90px;
	height: 18px;
	overflow: hidden;
	list-style: none;
	margin: 0;
	padding: 0;
	background-position: left top;
}
.star-rating li {
	display: inline;
}
.star-rating a, .star-rating .current-rating {
	position: absolute;
	top: 0;
	left: 0;
	text-indent: -1000em;
	height: 18px;
	line-height: 18px;
	outline: none;
	overflow: hidden;
	border: none;
}
.star-rating a:hover, .star-rating a:active, .star-rating a:focus {
	background-position: left bottom;
}
.star-rating a.one-star {
	width: 20%;
	z-index: 6;
}
.star-rating a.two-stars {
	width: 40%;
	z-index: 5;
}
.star-rating a.three-stars {
	width: 60%;
	z-index: 4;
}
.star-rating a.four-stars {
	width: 80%;
	z-index: 3;
}
.star-rating a.five-stars {
	width: 100%;
	z-index: 2;
}
.star-rating .current-rating {
	z-index: 1;
	background-position: left center;
}
/** For an inline rater */
.inline-rating {
	display: -moz-inline-block;
	display: -moz-inline-box;
	display: inline-block;
	vertical-align: middle;
}
/** Smaller star */
.small-star {
	width: 60px;
	height: 12px;
}
.small-star, .small-star a:hover, .small-star a:active, .small-star a:focus, .small-star .current-rating {
	background-image: url(images/star_small.gif);
	line-height: 12px;
	height: 12px;
}
/***************************************** *Form field eg registration.php *****************************************/
#form_display {
	background-color: #000000;
	color: #CCCCCC;
	font-size: 12px;
}
input.disabled {
	border: 1px solid #F2F2F2;
	background-color: #F2F2F2;
}
input.required, textarea.required {
	border: 1px solid #00A8E6;
	height: 22px;
	font-size: 15px;
}
input.validation-failed, textarea.validation-failed {
	border: 1px solid #FF3300;
	color: #FF3300;
}
input.validation-passed, textarea.validation-passed {
	border: 1px solid #00CC00;
	color: #000;
}
.validation-advice {
	margin: 5px 0;
	padding: 2px;
	background-color: #FF3300;
	color: #FFF;
	font-size: 10px;
	font-weight: bold;
}
.custom-advice {
	margin: 5px 0;
	padding: 5px;
	background-color: #C8AA00;
	color: #FFF;
	font-weight: bold;
}
fieldset {
	padding: 1em;
	margin-bottom: 0.5em;
}
label {
	font-weight: bold;
}
.form-row {
	clear: both;
	padding: 0.5em;
}
.divline {
	display: block;
	font-size: 11px;
	color: #333333;
	border-bottom: 1px solid #CCCCCC;
	padding-bottom: 8px;
	margin-top: 8px;
	margin-bottom: 8px;
}
/*********************  *Channels *********************/
#content #content_display #ChWraper #ChWraperIn {
	border: none;
	padding: 5px;
}
#content #content_display #ChWraper .channelTitle {
	font-size: 18px;
	padding-left: 40px;
	margin-left: 20px;
	width: 450px;
	color: #D2D2D2;
}
#content #content_display #ChWraper .channelRank {
	float: left;
	padding-left: 5px;
	font-size: 18px;
	color: #D2D2D2;
}
#content #content_display #ChWraper .channelName {
	background-repeat: repeat-x;
	margin: 0 0 0 40px;
	padding-left: 20px;
	padding: 5px;
	width: 450px;
}
#content #content_display #ChWraper .channelName a {
	color: #CCCCCC;
	margin-left: 4px;
}
#content #content_display #ChWraper .channelName a:hover {
	color: #ffffff;
}
#content #content_display #ChWraper .channelInfo {
	padding-left: 20px;
	margin-bottom: 20px;
	margin: 0 0 0 40px;
	padding: 3px;
	width: 450px;
}
#content #content_display #ChWraper .channelInfo  a {
	color: #999999;
}
#content #content_display #ChWraper .channelInfo a:hover {
	text-decoration: none;
}
/************************  *Category Part *************************/
#content #content_display #wraper {
	float: left;
	width: 296px;
	height: 150px;
	background-color: #222222;
	margin: 2px;
}
#content #content_display #wraper .FrameL {
	float: left;
	padding: 10px;
	background-color: #222222;
}
#content #content_display #wraper .FrameL img {
	border: none;
}
a img.imgrand {
	border: 1px solid #bdb8af;
}
#content #content_display #wraper .FrameR {
	float: left;
	padding: 3px;
}
#content #content_display #wraper .FrameR .PNo {
	color: #9A9A9A;
}
#content #content_display .PNo a {
	color: #999999;
	font-size: 10px;
	font-weight: bold;
}
#content #content_display #wraper p {
	display: block;
	color: #000000;
	font-size: 11px;
	font-weight: bold;
}
#content #content_display .PTitle a {
	color: #999999;
	font-size: 14px;
	font-weight: bold;
}
#content #content_display .PTitle a:hover {
	text-decoration: none;
	font-size: 14px;
}
#content #content_display .PView a {
	color: #999999;
	font-size: 11px;
	font-weight: bold;
	text-decoration: underline;
}
#content #content_display .PView a:hover {
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
}
#content #content_display .PNo a:hover {
	color: #ffffff;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
}
#content #content_display .Message {
	padding: 5px;
	font-weight: bold;
	font-size: 11px;
	color: #FF0000;
}
/************************** *Admin Part **************************/
.margin {
	margin: 0 10px;
}
.tr_background_top {
	background-color: #FFCC99;
	text-align: center;
	font-weight: 600;
	font-size: 15px;
}
.tr_background_bottom {
	background-color: #FFCC99;
	font-size: 5px;
}
.tr_style {
	background-color: #eee;
	text-align: center;
	font-size: 13px;
}
#content #content_display #settings_display {
	background-color: #FFF;
	padding: 8px;
	margin-left: auto;
	margin-right: auto;
}
#content #content_display #settings_display #AdminMenu {
	float: left;
	width: 130px;
	margin: 0;
	padding: 0px;
}
#content #content_display #settings_display #AdminMenu .titleSetting {
	border-bottom: 2px solid  #CCCCCC;
	padding: 3px;
	font-weight: 700;
	margin: 0;
}
#content #content_display #settings_display #AdminMenu .inner {
	border-bottom: 1px dotted #ccc;
	padding: 5px 5px 5px 10px;
}
#content #content_display #settings_display #FrameDisplay {
	float: left;
	width: 700px;
	border: 1px solid #ccc;
	margin-left: 10px;
	padding: 5px;
}
#content #content_display #settings_display #FrameDisplay .tpl_img {
	width: 120px;
	padding: 5px;
	float: left;
	text-align: center;
}
/* For message display */
.message {
	font-size: 12px;
	color: red;
	font-weight: 600;
	padding: 5px;
	margin: 5px 5px 5px 0;
	background-color: #FFFFCC;
}
/****************************  *Video Settings    ****************************/
#content #content_display #VSWraper {
	float: left;
	display: inline;
	width: auto;
}
#content #content_display #VSWraper .VSFrameL {
	float: left;
	padding: 40px;
	font-size: 12px;
	font-weight: bold;
	color: #666666;
}
#content #content_display #VSWraper .VSFrameL a:hover {
	color: #ffffff;
	text-decoration: none;
}
#content #content_display #VSWraper .VSFrameL a {
	color: #C9C9C9;
	text-decoration: underline;
}
#content #content_display #VSWraper .VSFrameL .ratingblock #unit_long1 .static {
	color: #CCCCCC;
}
#content #content_display #VSWraper .VSImage img {
	border: 1px solid #FF2F30;
}
#content #content_display #VSWraper .VSFrameR {
	float: right;
	padding: 20px;
	width: 380px;
	border: 1px solid #FF3031;
	font-size: 12px;
	font-weight: bold;
	color: #ADADAD;
}
#content #content_display #VSWraper .VSFrameR {
	color: #717171;
}
#content #content_display #VSWraper .VSFrameR p a:hover {
	color: #ffffff;
	text-decoration: none;
}
#content #content_display #VSWraper .VSFrameR a {
	color: #C9C9C9;
}
#content #content_display #VSWraper .VSInfoCat {
	padding: 2px;
	margin: 2px;
	border: 1px dashed #444444;
	color: #717171;
}
#content #content_display #VSWraper .VSInfoCat a {
	color: #C9C9C9;
	text-decoration: underline;
}
#content #content_display #VSWraper .VSInfoCat a:hover {
	color: #ffffff;
	text-decoration: none;
}
#content #content_display #VSWraper .FontStyleA {
	font-size: 15px;
	font-weight: bold;
	color: #F01011;
}
#content #content_display #VSWraper .VSFrameL form {
	color: #717171;
}
.suche {
	color: #555555;
	font-size: 13px;
	display: block;
	padding: 10px;
	background-color: #111111;
	margin-top: 0px;
}
input {
	border: none;
	background-color: #444444;
}
.clear {
	clear: both;
}