/*----------------------------------------------------------------------------*/
/*  Core hwdVideoShare CSS Definitions                                        */
/*----------------------------------------------------------------------------*/

.clear {
	clear: both;
	height: 1px;
	line-height: 1px;
	margin-bottom: -1px;
}

#hwdvids {
	width: 100%!important;
	max-width: 100%!important;
	text-align: left;
	overflow: hidden!important;
	font-size: 100%;
	padding-top: 5px;
}

#hwdvids form {
	margin: 0!important;
	padding: 0!important;
}

input.interactbutton {
	cursor: pointer;
	margin: 2px;
	padding: 2px;
	font-size: 9px;
	font-weight: normal;
	color: #171d25;
	border: 1px solid #cccccc;
	background-color: #FFFFFF;
}

/*----------------------------------------------------------------------------*/
/*  hwdVideoShare main navigation bar definitions                                  */
/*----------------------------------------------------------------------------*/

#hwdvs_navcontainer {
	width: 100%;
	margin: 0;
	padding: 0;
	overflow: hidden;
	vertical-align: top;
}

#hwdvs_navcontainer ul {
	margin: 0!important;
	padding: 0!important;
	list-style-type: none!important;
}

#hwdvs_navcontainer ul li {
}

#hwdvs_navcontainer ul li {
	float: left;
	text-align: center;
	margin: 0!important;
	padding: 0 1px 0 1px!important;
}

#hwdvs_navcontainer ul li a {
margin: 0!important;
padding: 0!imp ortant;
}

#hwdvs_navcontainer li#active
{
}

#hwdvs_navcontainer li#active a:link    {
	text-decoration: underline;
	padding: 0;
	margin: 0;
}
#hwdvs_navcontainer li#active a:active  {
	text-decoration: underline;
	padding: 0;
	margin: 0;
}
#hwdvs_navcontainer li#active a:visited {
	text-decoration: underline;
	padding: 0;
	margin: 0;
}
#hwdvs_navcontainer li#active a:hover   {
	text-decoration: underline;
	padding: 0;
	margin: 0;
}

/*----------------------------------------------------------------------------*/
/*  hwdVideoShare search bar definitions                                      */
/*----------------------------------------------------------------------------*/

#hwdsearchbar {
}

#hwdsearchbar form {
	margin: 0!important;
	padding: 0!important;
}

#hwdsearchbar div {
	margin: 0;
	padding: 0;
}

#hwdsearchbar .hwdsearchbox {
	width: 160px;
	padding-right: 2px;
}

#hwdsearchbar .hwdsearchbox input {
	width: 158px;
	color: #333;
	border: 1px solid #ccc;
}

/*----------------------------------------------------------------------------*/
/*  hwdVideoShare                                                             */
/*----------------------------------------------------------------------------*/

#hwdvids .sectiontableentry0,
#hwdvids .sectiontableentry1,
#hwdvids .sectiontableentry2 {

}

#hwdvids .box {
	padding: 5px;
	position: relative;
}

/* The class for the thumbnail image on the video edit page */
#hwdvids h3 {

}

/*----------------------------------------------------------------------------*/
/*  hwdVideoShare user navigation bar definitions                             */
/*----------------------------------------------------------------------------*/

#hwdvids .usernav {
	margin: 0pt auto;
	margin-bottom: 2px;
	font-weight: normal;
	text-align: center;
}

/*----------------------------------------------------------------------------*/
/*  hwdVideoShare header/footer bar definitions                               */
/*----------------------------------------------------------------------------*/

#hwdvids .hwdvsfooter {
	border-top: 2px dashed #ccc;
	text-align: center;
	font-size: 85%;
	margin: 3px 0;
	padding: 3px 0;
}

#hwdvids .hwdvsheader {
	border-bottom: 2px dashed #ccc;
	clear: both;
	margin: 5px 0!important;
	padding: 5px 0;
}
/*----------------------------------------------------------------------------*/
/*  hwdVideoShare standard container definitions                              */
/*----------------------------------------------------------------------------*/

#hwdvids .standard {
	margin: 0pt auto;
	padding: 0;
	margin-bottom: 2px;
	position: relative;
}

#hwdvids .standard .padding {
	padding: 5px!important;
	margin: 0!important;
}

#hwdvids .standard td{
	padding: 5px!important;
}

#hwdvids .thumb0 {
	height: auto !important;
	margin: 5px 5px 5px 0;
	width: auto !important;
}


#hwdvids .thumb1 {
	height: auto !important;
	margin: 5px 5px 5px 0;
	width: auto !important;
}

/*----------------------------------------------------------------------------*/
/*  hwdVideoShare 'required' input text                                       */
/*----------------------------------------------------------------------------*/

#hwdvids .required {
	color: #ff0000;
}

/*----------------------------------------------------------------------------*/
/*  hwdVideoShare page navigation definitions                                 */
/*----------------------------------------------------------------------------*/

#hwdvids .pagenavi {
	text-align: center;
	padding: 3px;
}

#hwdvids .pagecount {
	text-align: center;
	padding: 3px;
}

#hwdvids .pagenav {
}

/*----------------------------------------------------------------------------*/
/*  hwdVideoShare video player page definitions                               */
/*----------------------------------------------------------------------------*/

#hwdvids .sblinks {
	padding: 1px;
	margin: 1px;
	border: 1px solid #d3d3d3;
}

#hwdvids .addremfav {
}

#hwdvids .description {
}

#hwdvids .tags {
}

/* The 'add to group' select box - for specifying width*/
#hwdvids .add2gselect {
	width: 120px;
}

/*----------------------------------------------------------------------------*/
/*  hwdVideoShare advert (inserted by hwdRevenueManager) definitions          */
/*----------------------------------------------------------------------------*/

#hwdadverts {
	width: 100%;
	overflow: hidden;
	padding: 3px 0;
	text-align: center;
}

/*----------------------------------------------------------------------------*/
/*  hwdVideoShare miscellaneous definitions                                   */
/*----------------------------------------------------------------------------*/

#hwdvids .listtitle {
	padding: 1px 0 0 0;
	font-size: 120%;
	text-align: left;
	font-weight: bold;
}

#hwdvids .listcat {
	padding: 1px 0 0 0;
	text-align: left;
	font-size: 100%;
	font-weight: bold;
}

#hwdvids .listdesc {
	padding: 1px 0 0 0;
	text-align: left;
	font-size: 100%;
	font-weight: normal;
}
#hwdvids .listrating {
	padding: 5px 0 0 0;
	text-align: left;
	font-size: 100%;
}

#hwdvids .listduration {
	padding: 1px 0 0 0;
	text-align: left;
	font-size: 100%;
}

#hwdvids .listviews {
	padding: 1px 0 0 0;
	text-align: left;
	font-size: 100%;
}

#hwdvids .listuploader {
	padding: 1px 0 0 0;
	text-align: left;
	font-size: 100%;
}

/* The class for the thumbnail image on the video edit page */
#hwdvids .edit-videopreview {
	width: auto;
	padding: 5px;
	margin: 5px;
	text-align: center;
	border: 1px dashed #ccc;
}

/* The class for the frontpage featured thumbnails */
#hwdvids .featuredthumbs {
	margin: 5px;
	border: 1px solid #35393f;
}

/* The class for the ajax conformation after successful flash upload */
#hwdvids .flashconfirm {
	color: #00CC00;
}

/* The class (generally) used for any ajax response */
#hwdvids .ajaxresponse {
	visibility: hidden;
}

/* The class used for the 'add to group' ajax response */
#hwdvids .add2groupresponse {
}

/* The class used for the avatar display (in lists) */
#hwdvids .avatar {
	float: right;
	padding: 0 5px 5px 5px;
}


/*----------------------------------------------------------------------------*/
/*  TABBER _ THE TAB INTERFACE                                                */
/*    REQUIRED to hide the non-active tab content.                            */
/*    But do not hide them in the print stylesheet!                           */
/*    Add style only after the tabber interface is set up (.tabberlive)       */
/*		                                                                      */
/*    .tabber = before the tabber interface is set up                         */
/*    .tabberlive = after the tabber interface is set up                      */
/*    .tabbertab = the tab content                                            */
/*    ul.tabbernav = the tab navigation list                                  */
/*    li.tabberactive = the active tab                                        */
/*----------------------------------------------------------------------------*/

#hwdvids .tabberlive .tabbertabhide {
	display: none;
}

#hwdvids .tabber {
}

#hwdvids .tabberlive {
	margin-top: 1em;
}

#hwdvids ul.tabbernav {
	padding: 0!important;
	margin: 0!important;
	font-size: 12px;
	right: 0;
}

#hwdvids ul.tabbernav li {
	margin: 0!important;
	padding: 0!important;
	display: inline;
}

#hwdvids ul.tabbernav li a {
	padding: 3px 5px;
	margin-left: 3px;
	border: 1px solid #ccc;
	text-decoration: none;
}

#hwdvids ul.tabbernav li a:link { }

#hwdvids ul.tabbernav li a:visited { }

#hwdvids ul.tabbernav li a:hover {
	background: #ccc;
	color: #000;
}

#hwdvids ul.tabbernav li.tabberactive a {
	background: #ccc;
	color: #000;
}

#hwdvids ul.tabbernav li.tabberactive a:hover {
	background: #000;
	color: #ccc;
}

#hwdvids .tabberlive .tabbertab {
	padding: 5px 0 0 0;
}

/* If desired, hide the heading since a heading is provided by the tab */
#hwdvids .tabberlive .tabbertab h2 {
	display: none;
}

#hwdvids .tabberlive .tabbertab h3 {
	display: none;
}

/* Example of using an ID to set different styles for the tabs on the page */
#hwdvids .tabberlive#tab1 {
}

#hwdvids .tabberlive#tab2 {
}

#hwdvids .tabberlive#tab2 .tabbertab {
	height: 200px;
	overflow: auto;
}

/*----------------------------------------------------------------------------*/
/*  MASUGA RATER _ THE RATING INTERFACE                                       */
/*    ryan masuga, masugadesign.com                                           */
/*    ryan@masugadesign.com                                                   */
/*    Licensed under a Creative Commons Attribution 3.0 License.              */
/*    http://creativecommons.org/licenses/by/3.0/                             */
/*    See readme.txt for full credit details.                                 */
/*----------------------------------------------------------------------------*/

#ajaxratemasuga div {
	text-align: inherit;
	!important: ;
}

#ajaxratemasuga ul{
	padding: 0px!important;
	margin: 0px!important;
}
#ajaxratemasuga li{
	padding: 0px!important;
	margin: 0px!important;
}

#ajaxratemasuga ul li {
}

#hwdvids #ajaxratemasuga .unit-rating li.current-rating {
	background-position: left bottom;
	background-repeat: repeat-x;
	position: absolute;
	height: 30px;
	display: block;
	text-indent: -9000px;
	z-index: 1;
	padding: 0!important;
	margin: 0!important;
}


.ratingblock {
	display: block;
	padding-bottom: 1px;
	margin-bottom: 0;
}

.loading {
	height: 30px;
}

.unit-rating {
	/* the UL */
	list-style: none;
	margin: 0px;
	padding: 0px;
	height: 30px;
	position: relative;
}

.unit-rating li{
text-indent: -90000px;
padding:0px;
margin:0px;
/*\*/
float: left;
/* */
}

.unit-rating li a {
	outline: none;
	display: block;
	width: 30px;
	height: 30px;
	text-decoration: none;
	text-indent: -9000px;
	z-index: 20;
	position: absolute;
	padding: 0px;
}

.unit-rating li a:hover{
	background-position: left center!important;
	background-repeat: none;
	z-index: 2;
	left: 0px;
}

.unit-rating a.r1-unit{
	left: 0px;
}
.unit-rating a.r1-unit:hover{
	width: 30px;
}
.unit-rating a.r2-unit{
	left: 30px;
}
.unit-rating a.r2-unit:hover{
	width: 60px;
}
.unit-rating a.r3-unit{
	left: 60px;
}
.unit-rating a.r3-unit:hover{
	width: 90px;
}
.unit-rating a.r4-unit{
	left: 90px;
}
.unit-rating a.r4-unit:hover{
	width: 120px;
}
.unit-rating a.r5-unit{
	left: 120px;
}
.unit-rating a.r5-unit:hover{
	width: 150px;
}
.unit-rating a.r6-unit{
	left: 150px;
}
.unit-rating a.r6-unit:hover{
	width: 180px;
}
.unit-rating a.r7-unit{
	left: 180px;
}
.unit-rating a.r7-unit:hover{
	width: 210px;
}
.unit-rating a.r8-unit{
	left: 210px;
}
.unit-rating a.r8-unit:hover{
	width: 240px;
}
.unit-rating a.r9-unit{
	left: 240px;
}
.unit-rating a.r9-unit:hover{
	width: 270px;
}
.unit-rating a.r10-unit{
	left: 270px;
}
.unit-rating a.r10-unit:hover{
	width: 300px;
}

.voted {
	color: #999;
}
.thanks {
	color: #36AA3D;
}
.masugaerror {
	color: #ff0000;
}
.static {
	color: #5D3126;
}

.detailnavi {
	margin-bottom: 0.9em;
	overflow: hidden;
	position: absolute;
	text-align: center !important;
	top: 45%;
	width: 738px;
}

.swapprev {
	float: left;
	padding-left: 30px;
}

.swapnext {
	float: right;
	padding-right: 30px;
}

.videotitle {
	font-size: 11px;
	font-weight: bold;
	margin: 0;
	position: relative;
	text-align: left;
	text-indent: 10px;
	padding: 6px 0;
}

.videodate {
	padding: 0 0 10px;
	position: relative;
	text-align: left;
	text-indent: 10px;
}

/* root element should be positioned relatively so that 
	child elements can be positioned absolutely */
div.hulu {
	position:relative;
	height:40px;
	
	/* black background with a gradient */
	background: #000 url(images/hulu.png) repeat-x 0 -4px;
	width:500px;
}

/* play/pause button */
div.hulu a.play, div.hulu a.pause { 
	position:absolute;
	width: 46px;
	height: 40px;
	display:block;
	text-indent:-9999em;
	background:transparent url(images/hulu.png) no-repeat 10px -61px;
	cursor:pointer;
	border-right:1px solid #000; 
}

div.hulu a.play:hover {
	background-position:10px -105px;	
}

/* pause state */
div.hulu a.pause { 
	background-position:11px -148px;
}

div.hulu a.pause:hover {
	background-position:11px -192px;	
}

/* the timeline (or "scrubber")  */
div.hulu div.track {  
	left:47px;
	position:absolute;
	cursor:pointer;
	width:285px;
	border-left:1px solid #999;
	height:40px;	
}

/* the draggable playhead */
div.hulu div.playhead {
	position:absolute;
	cursor:pointer; 
	background-color:#4ff;
	opacity:0.3;
	filter: alpha(opacity=30);	
	width:3px;
	height:40px;
	border-right:1px solid #444;
}

/* buffer- and progress bars. upon runtime the width of these elements grows */
div.hulu div.progress, div.hulu div.buffer {	
	position:absolute;
	background-color:#4ff;
	filter: alpha(opacity=10);
	opacity:0.1;
	width:0px;
	height:40px;
}

div.hulu div.buffer {
	background-color:#fff;
	opacity:0.1;
	filter: alpha(opacity=10);
}

/* time display */
div.hulu div.time {
	position:absolute;		
	width:129px;
	left:330px;
	padding:12px 0;
	text-align:center;
	border:1px solid #999;
	border-width:0 1px;
	
	font-family:futura,"Lucida Grande","bitstream vera sans","trebuchet ms",verdana,arial;	
	font-size:12px;
	color:#fff; 
}

/* total duration in time display */
div.hulu div.time strong {
	font-weight:normal;
	color:#666;
}

/* mute / unmute buttons */
div.hulu a.mute, div.hulu a.unmute {
	position:absolute;
	left:460px;
	width:40px;
	height:40px;
	text-align:center;
	padding:8px 0;
	cursor:pointer;
	text-indent:-9999em;
	background:transparent url(images/hulu.png) no-repeat 5px -323px;
}

div.hulu a.mute:hover {
	background-position:5px -367px;	
}

/* unmute state */
div.hulu a.unmute {
	background-position:5px -235px;	
}

div.hulu a.unmute:hover {
	background-position:5px -279px;	
}

#container{
	margin: 0 auto;
	overflow: auto;
	position: relative;
	width: 650px;
	overflow-x: hidden;
	overflow-y: hidden;
	height: 150px;
}

.slider{
	width: 2800px;
	height: 130px;
	display:block;
	overflow:hidden;
}

.section{
	float: left;
	margin: 0;
	text-align: center;
	width: 145px;
	margin-right: 10px;
}