/* BEGIN: Player styles */

#vmix_body{
	background:#0B334C;
	font-size:14px;
}

a {
	color:#0B334C;
}

a:hover {
	color:#8C1A24;
}

#vmixcontainer, #main_container {
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto; 
	padding: 10px; 
	width: 730px; 
	height: 550px;
	border: 1px solid #CCC;
	background: #F8F8F1;
}

#vmixcontainer .thumb { width: 50px; height: 50px; }

#playerheader {
	margin: 0 0 20px 0; 
	padding: 0 0 5px 0; 
	border-bottom: 1px solid #ccc; 
	width: 100%;
	height: 60px;
	background: url(http://media.sanluisobispo.com/vmix/images/web_logo_60x432.png) no-repeat;
}

#vmixplayer {float: left; margin: 0 30px 0 0;}

#placeholder {
	float: left; 
	margin: 0 30px 0 0;
	width: 400px;
	height: 320px;
	border: 1px solid #ccc;
	text-align: center;
	font-size: 28px;
	color: #ccc;
}
#placeholder span {
	display: block;
	padding: 130px 0 0 0;
}

#playlist_container {
	float:right;
	width:290px;
}

#playlist {
	width: 250px;
	height: 300px;
	margin: 0 0 0 15px;
	overflow-x: hidden;
	overflow-y: scroll;
	overflow:scroll;
	background: #ffffff;
	border:1px solid #CCCCCC;
	padding-left:3px;
	padding-right:3px;
}

p.chosen {
	background:#E6E6E6 none repeat scroll 0%;
	border:1px solid #CCCCCC;
}

div.hrline {
	border-top: 1px solid #ccc;
	margin: 15px 0pt;
}

#detailsleft { float: left; width:390px; border:1px solid #ccc; padding:5px; margin-top:10px;}
#detailsright { float: right; margin: 0 0 0 10px; border: 0px solid #CCC; width: 300px; height: 50px; padding: 4px;}
#detailsright img {border:0px;}

#adposition { margin: 10px auto; width: 730px; }

#footer { margin: 10px auto; width: 730px; text-align: center; color:#F8F8F1;}

#community_menu, #staff_menu {
	float:left;
 	width:120px;
	padding:5px;
	margin-left:3px;
	margin-right:3px;
}

/* END: Player styles */

/* BEGIN: Upload form */



.field { 
	width:80px; 
	display:block; 
	float:left; 
}

#form_container {
	width: 300px;
	float:left;
}

#terms_container {
	width:400px;
	float:left;
	padding:5px;
	border:1px solid #ccc;
	margin-bottom:20px;
}

#form_container form { /*width: 300px;*/ margin: 0 auto;}

#form_container ul {
	list-style:none;
}

#form_header {
	color:#8C1A24;
	/*background:#fff url(http://media.sanluisobispo.com/vmix/images/formHeaderBg.gif) no-repeat scroll 0px -30px;*/
	height:25px;
	font-weight:bold;
	margin-bottom:5px;
	text-indent:0px;
}

#theuploadform .button {
	background:#FFFFFF url(http://media.sanluisobispo.com/vmix/images/buttonBg2.gif) no-repeat scroll 0px -30px;
	height:25px;
	width:90px;
	color:#8C1A24;
}

label.error {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background: #ccc;
	border: 1px solid #8C1A24;
	color: #8C1A24;
	/*font-weight: bold; */
	padding: 3px;
	margin: 3px 3px 3px 10px;
	clear: both;
}
#genrelist {
	height: 120px;
	margin: 0pt 0pt 0pt 15px;
	overflow-x: hidden;
	overflow-y: scroll;
	overflow:scroll;
	width: 250px;
}

#response_container {
	background-color:#F8F8F1;
	border:1px solid #BFC1A7;
	padding:10px;
/*	width: 730px; */
}

#uploading {
	margin-top:20px;
	float:left;
	width:400px;
}
/* END: Upload form */

/* BEGIN: Widget */

#mmWidgetContainer {width: 380px; background-color: #fff; margin-bottom:10px;}
#mmWidgetContainer ul {list-style-image: none; list-style-position:outside; list-style-type:none; margin: 0px; padding: 0px;}

#mmWidgetNavContainer {margin-bottom: -1px;}
#mmWidgetNavContainer ul {height:29px;}
#mmWidgetNavContainer li {background:#f3f6f4 url(images/buttonBg.gif) no-repeat scroll 0px -30px; display: block; float:left; width: 90px; height: 25px; margin-right: 10px; font-weight: bold; overflow:hidden; text-transform:uppercase;}
#mmWidgetNavContainer li img {display:inline;}
#mmWidgetNavContainer li a {background:transparent url(images/buttonBg.gif) no-repeat scroll 0px 0px; color:#0B334C; display:block; font-size:10px; font-weight:bold; height:25px; position:relative; text-decoration:none;}
#mmWidgetNavContainer li a:hover {background: none;}
#mmWidgetNavContainer li a span {cursor:pointer; left:7px; position:absolute; top:6px;}
#mmWidgetNavContainer li a img {margin-right:4px; vertical-align: -.2em;}
#mmWidgetNavContainer li.current, #mmWidgetNavContainer li.currentLeft, #mmWidgetNavContainer li.currentRight {height: 29px; margin-bottom: -1px;}
#mmWidgetNavContainer li.current {background:#f3f6f4 url(http://media.sanluisobispo.com/vmix/images/bg_tab_current_right.gif) no-repeat scroll right top;}
#mmWidgetNavContainer li.currentLeft {background:#f3f6f4 url(http://media.sanluisobispo.com/vmix/images/bg_tab_current_right.gif) no-repeat scroll right top;}
#mmWidgetNavContainer li.currentRight {background:#f3f6f4 url(http://media.sanluisobispo.com/vmix/images/bg_tab_current_last.gif) no-repeat scroll right top; margin-right: 0px;}
#mmWidgetNavContainer li.current a, #mmWidgetNavContainer li.currentLeft a, #mmWidgetNavContainer li.currentRight a {color:#0B334C ; height: 29px;}
#mmWidgetNavContainer li.current a {background:transparent url(http://media.sanluisobispo.com/vmix/mmWidget/images/bg_tab_current_left.gif) no-repeat scroll left top;}
#mmWidgetNavContainer li.currentLeft a {background:transparent url(http://media.sanluisobispo.com/vmix/images/bg_tab_current_first.gif) no-repeat scroll left top;}
#mmWidgetNavContainer li.currentRight a {background:transparent url(http://media.sanluisobispo.com/vmix/images/bg_tab_current_left.gif) no-repeat scroll left top;}
#mmWidgetNavContainer li.current a span, #mmWidgetNavContainer li.currentLeft a span, #mmWidgetNavContainer li.currentRight a span {left:15px;}

#mmWidgetContentContainer {background: #ffffff url(http://media.sanluisobispo.com/vmix/images/bg.gif); border: 1px solid #BFC1A7; margin-top:-1px; height: 253px;}
#mmWidgetContentContainer .length {color:#999;}
#mmWidgetContentContainer div.length {padding-top: 2px; font-size: 9px; color:#999;}

#mmWidgetContentContainer div.content {width: 369px; margin: 10px auto; display: none;}
#mmWidgetContentContainer div.player {border: 1px solid #BFC1A7; width: 200px; height: 157px; margin-right:5px; margin-bottom: 10px; float: left; text-align:center;}
#mmWidgetContentContainer div.list {background-color: #fff; width: 160px; height: 157px; float: left; margin-bottom: 10px; overflow: auto; border: 1px solid #BFC1A7; background:url(http://media.sanluisobispo.com/vmix/images/bg2.gif) repeat scroll 0%;}
#mmWidgetContentContainer div.detail {clear: both; padding: 5px; height: 30px; margin-bottom: 5px; border: 1px solid #BFC1A7; background-color: #fff; background:url(http://media.sanluisobispo.com/vmix/images/bg2.gif) repeat scroll 0%;}
#mmWidgetContentContainer div.footer {clear: both; padding: 2px 5px; text-align: center; height: 12px;}

#mmWidgetContentContainer div.list li {margin: 3px 0; display:block; clear:both; padding: 5px;}
#mmWidgetContentContainer div.list li:hover {background-color: #eaeaea;}
#mmWidgetContentContainer div.list img.thumb {width: 50px; float: right; margin-left: 5px;}
#mmWidgetContentContainer div.list a {display: block;}
#mmWidgetContentContainer div.list img.icon {float: left; margin-right: 5px;}
/*#mmWidgetContentContainer div.list span {display: block; clear:both; height: 1px;} */
#mmWidgetContentContainer #videoBox {
    display:block;
}

/* END: Widget */