@charset "utf-8";
/* CSS Document */

* 					{ padding:0; margin:0; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:13px; border:none;
					  outline:none; text-decoration:none; line-height:22px; }
					  
body				{ background-color:#F9F9F9; }
a					{ color:#44AEE1; }
a:hover				{ color:#1E87B9; }
.clear 				{ clear:both; }
ul li 				{ display: inline; }

/*

H1 - Video Title
H2 - Section Title
H3 - Video Sub Title

*/

h1 					{ display:block; color:#FFF; font-size:18px; }
h2					{ display:block; background-color:#44AEE1; color:#FFF; padding:10px 20px; font-size:15px; }
h3 					{ display:block; color:#99D2EE; font-size:15px; margin-bottom:8px; padding-bottom:8px; border-bottom:#2298D0 1px solid; }
h4 					{ display:block; color:#FFF; font-size:18px; border-bottom:#2298D0 1px solid; margin-bottom:11px; padding-bottom:11px;   }


#container 			{ width:960px; margin:20px auto; }


#header 			{ background-color:#1F8DC2; padding:20px 0; }
	#header-inner 				{ width:960px; margin:0 auto; }
	#header-inner img			{ float:left; }
	#header-inner ul			{ float:right; width:600px; margin-top:15px; }
	#header-inner li			{ list-style:none; float:right; margin-left:20px; }
	#header-inner li a			{ display:block; background-color:#44AEE1; padding:10px 15px; color:#FFF; font-weight:bold; }
	#header-inner li a:hover	{ background-color:#63BCE7; color:#FFF; }


#player 			{ float:left; width:512px; height:312px; margin:0 20px 20px 0; }


#tabs				{ float:left; width:428px; min-height:312px; }


#butterflies		{ display:block; border:#44AEE1 1px solid; background-color:#FFF; font-weight:bold; }
	#butterflies span a			{ float:right; color:#FFF; padding:10px 20px; }
	#butterflies span a:hover	{ color:#1E87B9; }
	#butterflies ul				{ display:block; padding:20px;}
	#butterflies li				{ list-style:none; float:left; margin-bottom:20px; }
	#butterflies li img			{ margin-bottom:5px; }
	#butterflies li a			{ display:block; padding:0; color:#44AEE1; width:168px; height:130px; margin-right:18px; overflow:hidden; }
	#butterflies li a:hover		{ display:block; padding:0; color:#1E87B9; }
	#butterflies form			{ display:block; padding:10px 20px; background-color:#63BCE7; color:#FFF; }
	#butterflies .form2			{ display:block; padding:10px 20px; }
	#butterflies form select	{ padding:5px 10px; color:#63BCE7; font-weight:bold; width:150px; }
	#butterflies form .fright	{ float:right; }
	#butterflies .left			{ float:left; width:460px; }
	#butterflies .right			{ float:right; width:460px; }
	#butterflies p				{ display:block; padding:10px 20px; }
	#butterflies p a			{ display:block; border-top:#63BCE7 1px dotted; padding:5px 0; }
	#butterflies p strong		{ display:block; padding:0 0 10px 0; font-size:14px; }


#suggest		{ display:block; border:#44AEE1 1px solid; background-color:#FFF; font-weight:bold; }
	#suggest form			{ display:block; padding:10px 20px; background-color:#63BCE7; color:#FFF; }
	#suggest input, #suggest select,#suggest textarea		{ padding:5px; border:#63BCE7 1px solid; color:#63BCE7; font-weight:bold; width:350px; display:block; margin-bottom:15px; }
	#suggest p				{ display:block; padding:10px 20px; }
	#suggest p a			{ display:block; border-top:#63BCE7 1px dotted; padding:5px 0; }
	#suggest p strong		{ display:block; padding:0 0 10px 0; font-size:14px; }
	#suggest .left			{ float:left; width:450px; }
	#suggest .right			{ float:right; width:450px; }
	
#admin		{ display:block; border:#44AEE1 1px solid; background-color:#FFF; font-weight:bold; }
	#admin form				{ display:block; padding:10px 20px; background-color:#63BCE7; color:#FFF; }
	#admin input, #admin select,#admin textarea		{ padding:5px; border:#63BCE7 1px solid; color:#63BCE7; font-weight:bold; width:350px; display:block; margin-bottom:15px; }
	#admin p				{ display:block; padding:10px 20px; }
	#admin p a				{ display:block; border-top:#63BCE7 1px dotted; padding:5px 0; }
	#admin p strong			{ display:block; padding:0 0 10px 0; font-size:14px; }
	#admin .left			{ float:left; width:450px; }
	#admin .right			{ float:right; width:450px; }
	
#footer				{ float:left; margin-top:20px; padding-top:20px; width:960px; border-top:#44AEE1 3px solid; color:#44AEE1; }
	#footer span				{ float:right; text-align:right; }




.ui-tabs { position: relative; }
.ui-tabs .ui-tabs-nav { }
.ui-tabs .ui-tabs-nav ul { display:block; }
.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; border-bottom: 0 !important; }
.ui-tabs .ui-tabs-nav li a { float: left; background-color:#CEEAF7; padding:8px 16px; color:#1E87B9; font-weight:bold; font-size:16px;  border-right:#B0DDF2 1px solid;}
.ui-tabs .ui-tabs-nav li a:hover { background-color:#BBE1F4; color:#1E87B9; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { background-color:#1E87B9; color:#fff; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { color:#FFF; min-height:244px; }
.ui-tabs .ui-tabs-hide { display: none !important; }

#tabcontent 		{ background-color:#1E87B9; padding:15px; height:244px; overflow:auto; font-weight:bold; color:#FFF; }
	#tabcontent p 				{ line-height:28px; }
	#tabcontent span 			{ line-height:28px; float:right; width:300px; color:#99D2ED; }
	#tabcontent .tags			{ padding-top:6px; margin-top:6px; border-top:#2298D0 1px solid; }
	
	
	
/* Stars */
#rating1 { margin-top:5px; }
.ux-rating-reset,
.ux-rating-star {
	float:left;
	width:17px;
	height:15px;
	text-indent:-999em;
	cursor:pointer;
	display:block;
	background:transparent;
	overflow:hidden
}
.ux-rating-reset,
.ux-rating-reset a {
	background:url(assets/site/delete.gif) no-repeat 0 -16px
}
.ux-rating-star,
.ux-rating-star a {
	background:url(assets/site/star.png) no-repeat 0 0px;
}
.ux-rating-reset a,
.ux-rating-star a {
	display:block;
	width:16px;
	height:100%;
	background-position:0 0px
}
.ux-rating-star-on a {
	background-position:0 -16px!important
}
.ux-rating-star-hover a {
	background-position:0 -32px
}
.ux-rating-reset-hover a {
	background-position:0 -16px
}
.ux-rating-disabled a {
	cursor:default !important
}
.ux-rating-star {
	background:transparent!important;
	overflow:hidden!important
}

.ext-ie .ux-rating-clearfix {
    zoom: 1;
}
.ux-rating-clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}