/* ++++++++++++++++++++ Player Container ++++++++++++++++++++ */

.playerContent {
	float:left;
	padding:0px;
	margin: 0px;
	background-color: #FFFFFF;
	width:970px;
	overflow:hidden;
}
.playerContent .title {
	color:white;
	font-family:Arial;
	font-size:9pt;
	font-weight:normal;
	height:25px;
	text-align:left;
	text-indent:14px;
	vertical-align:baseline;
	width:950px;
	float:left;
	background-color: #333333;
	padding-top: 5px;
	margin: 10px;
	display:inline;
}
.playerContent .title h2{
    font-size:1.4em;
    color:#fff;
    padding:5px 15px 15px 5px;
    margin:0;
    float:left;
}
.playerContent .title a{
    color:#fff;
    font-weight:bold;
    margin:4px 0 0 50px;
    float:left;
}

/* ++++++++++++++++++++ Player ++++++++++++++++++++ */

#player {
	float: left;
	color:#000;
	text-align:center;
	padding:0;
	border:none;
	height:auto;
	width:512px;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 15px;
	margin-left: 250px;
	display:inline;
}
#player img {
    margin:122px auto;
}
#playerWrapper {
	float:left;
    height:auto !important;
    height:315px;
    min-height:315px;	
    width:512px;
}
#playerWrapper a#playDirect {
	width:512px;
	display:block;
	text-align:right;
	padding:5px 0px;
	font-weight:bold;
	text-decoration:none;
	color:#000000;
}	
#playerWrapper a#playDirect:hover {
	text-decoration:underline;
}	
#playerWrapper a#playDirect{
    display:none;
}
#infoMessage{
	color:#000;
	height:334px;
}

/* ++++++++++++++++++++ Player Archive ++++++++++++++++++++ */

#playListNav {
	display:block;
	float:left;
	padding:0px 0px 10px 0px;
	overflow:hidden;
	margin:0;
	background:none;
	width:970px;
}	
#playlist {
	background:none;
	float:left;
	width:970px;
}
ul#clip {
	padding:0;
	margin: 20px 0 20px 10px;
	min-height:255px;
	height: auto !important;
	height:250px;
	width:960px;
	/*float:left;
	display:inline;*/
}
ul#clip li {
	float:left;
	text-align:left;
	display:block;
    margin:0 10px 9px 0;
    padding:10px;
	width:128px;
	border: 1px solid #CCCCCC;
}
ul#clip li.sel {
    background:#eeeeee;
}
ul#clip li.sel h3,
ul#clip li.sel p,
ul#clip li.sel span.clipDate,
ul#clip li.sel a{
	color:#000000;
}
ul#clip li img {
	width:128px;
	height:72px;
}
ul#clip li h3 {
	font-size:100%;
	padding:0;
	margin:0 3px;
	text-indent:0;
	height:20px;
	overflow:hidden;
}
ul#clip li h3 a {
	text-decoration:none;
	color: #666666;
}
ul#clip li p {
	font-size:13px;
	padding:0px 3px;
	/*display:none;*/
    margin:0;
	height:146px;
	overflow:hidden;
}
ul#clip li span.clipDate{
	display:block;
	font-size:0.7em;
	margin-top: 1px;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 3px;
	color: #666666;
	height:16px;
	overflow:hidden;
} 
ul#clip li, 
ul#clip h3, 
ul#clip h3 a {
	color:#000000;
}
ul#clip li#preloader {
	margin:100px 374px;
	display:none;
	width:200px;
	z-index:9000;
	border:none;
	float:none;
}
ul#clip #pre_box  {
	border:1px solid #3dcdfe;
	width:200px;
	height:10px;
	background-color: #333333;
}
ul#clip #pre_perc  { 
    background:#bee1e9; 
    height:10px; 
}
ul#clip #pre_text { 
    font-size:10px; 
    color:#fff; 
    padding:3px 0 0 10px; 
    text-align: center; 
    background: transparent; 
}
#nav_gallery {
	clear: both;
	text-align: center;
	padding:30px 100px 30px 280px;
    background:none; 
    margin:0 auto;
    padding:0;
    width:400px;
}
#nav_gallery h3 {
	display: block;
	float: left;
	margin: 0 8px 0 0;
	color: #000;
	background-color: inherit;
	font-weight: normal;
	text-transform: lowercase;
    font-size:14px;
	padding:0;
}	
#nav_gallery ul{
	display:block;
} 
#nav_gallery li  {
	display: inline;
}
#nav_gallery li a {
	position: relative;
	top: -3px;
	display: block;
	float: left;
	margin-left: 5px;
	width: 25px;
	height: 25px;
	color: #fff;
	font-weight: bold;
	line-height: 1.7em;
	text-align: center;
	text-decoration: none;
	padding: 0px;
	font-size: 15px;
	background-attachment: scroll;
	background-color: #333333;
	background-repeat: no-repeat;
	background-position: 0 0;
}
#nav_gallery li.nav_current a, 
#nav_gallery li a:hover {
	color:#333333;
	background-color: #CCCCCC;
}

/* ++++++++++++++++++++ Clip Infobox ++++++++++++++++++++ */

#top_clip {
	overflow:hidden;
	padding:10px;
	background:#EEEEEE;
	height:auto !important;
	height:295px;
	min-height:295px;
	width:177px;
	float:right;
	margin-right: 10px;
	margin-top: 10px;
}
#top_clip img{
    float:left;
}
#top_clip h3{
    margin:0;
    padding:0;
    text-indent:0;
    color:#000;
    font-weight:bold;
    font-size:100%;
    margin-bottom:2px;
}
#top_clip p {
    font-size:90%;
    padding:0 3px;
    margin:2px 0 0 0;
}

/* ++++++++++++++++++++ General ++++++++++++++++++++ */

#centercol,
#toppanel {
	width: auto;
}
h1 {
	float:left;
	_margin-left:4px;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
}
a.back_but{
    margin-top:20px;
    float:right;
}
div.clear {
    background:transparent none repeat scroll 0 0;
    border:0 none;
    clear:both;
    display:block;
    float:none;
    font-size:0;
    height:0;
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    margin:0;
    overflow:hidden;
    padding:0;
    visibility:hidden;
    width:0;
}

#mainContent {
	height:auto !important;
}