/* ============================== */
/* == STYLES FOR THE WIDE VIDEO OVERLAY == */
/* ============================== */

/* the big main lc Container */
body.wideoverlay {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#666666;
	background-image: url(http://ecdn.liveclicker.net/0079A8/cdn/images/liveclicker/background.png);
	background-repeat:repeat-x repeat-y;
}

.lcmainbox {
	width:682px;
	position:absolute;
	top:2px;
	left:4px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;
}

/* Container for the video and the sharing features */
.lcwideboxleft {
	width:454px;
	float:left;
	display:block;
}

.lcvideobox {
	width:452px;
	height:287px;
	background-image: url(http://ecdn.liveclicker.net/0079A8/cdn/images/liveclicker/videocomponentbackground.gif);
	background-repeat:no-repeat;
	float:left;
	display:block;
	margin-bottom:12px;
	padding:0px;
}

.lcvideopresentation {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#FFF;
	float:left;
	display:block;
	padding-top:6px;
	padding-bottom:6px;
	margin-bottom:6px;
	padding-left:6px;
	width:670px;
	text-transform:uppercase;
}

.lcemailmessage {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	border-top:1px solid #E6FFE8;
	border-bottom:1px solid #E6FFE8;
	background-color:#ECFFF4;
	float:left;
	display:block;
	padding-top:6px;
	padding-bottom:6px;
	margin-bottom:12px;
	padding-left:6px;
	width:670px;
	text-transform:uppercase;
}

.lcvideoplaying {
	width:324px;
	height:288px;
	padding:4px;
	float:left;
	display:block;
}

/* Video title, big */
.lcvideotitle {
	font-size:11px;
	font-weight:bold;
	}

/* Mini-container for the blocks in video presentation area (where it says Length, email, etc) */
.lcvideopropertyminibox {
	padding-bottom:4px;
	padding-top:4px;
}

/*form padding */
form {
 padding: -3px;
 margin-top:0px;
 margin-bottom:0px;
}

/* Length and Views label */	
.lcvideopropertyname {
	font-size:11px;
	font-weight:bold;
	line-height:20px;
}
	
/* Length and Views value */	
.lcvideopropertyvalue {
	font-size:11px;
	font-weight:normal;
	line-height:20px;
}
	
/* Box directly to the right of the video (middle of page)*/
.lcfeaturesbox {
	width:114px;
	float:right;
	display:block;
	padding-right:3px;
	text-align:left;
}

/* Email this video, Embed, etc */	
.lcfeaturename {
	color:#666666;
	font-size:11px;
	font-weight:bold;
	line-height:18px;
	}

/* To, From */	
.lcfeaturelabel {
	color:#666666;
	font-size:10px;
	font-weight:bold;
}

/* Container for the email a friend button */
.lcEmailButton
	{
		padding-bottom:4px;
	}

/* ****** When showing a list of videos (thumbnails) *******/
/* NOTE: the styles for views, length, ratings labels are shared under lcvideopropertyname/lcvideopropertyvalue */
/* EXCEPT FOR: THe video title which has its own different style here below */

/* thumbnail container */
.lccategorythumbnailcontainer {
	width:492px;
	height:90px;
	float:left;
	border:1px solid #EAEAEA;
	margin-bottom:10px;
	padding:5px;
}

/* thumbnail */
.lccategorythumbnail {
	width:120px;
	height:90px;
	float:left;
	padding-right:10px;
}

/* video information  container */
.lcshortdescription {
	width:360px;
	height:90px;
	float:left;
	padding: 10px;
}

/* video title when in thumbnail */
/* container */
.lcthumbnailvideotitle {
	width:300px;
	float:left;
	padding-bottom: 8px;
}

.liveclickershortdescription {
	width:180px;
	height:70px;
	float:left;
	padding-bottom: 8px;
	vertical-align:middle;
}

.lcthumbnailvideodesc {
	width:180px;
	position: relative;
	top: 10%;
	left: 0px;
}

/* the info container (views, ratings, etc) */
.lcthumbnailvideoinfo {
	width:104px;
	float:right;
	padding-left:10px;
	padding-top:14px;
	line-height:20px;
	border-left: 1px dashed #EAEAEA;
}

.lcthumbnailrating {
	width:86px;
	float:left;
	padding-top: 3px;
}

.lcthumbnailproperties {
	width:250px;
	float:left;
	padding-bottom: 8px;
}

/* actual link */
.lcthumbnailvideolink {
	text-decoration:none;
	font-weight:bold;
	font-size:12px;
	color:#666666;
}

/* rating container inside of the category view */
.lcthumbnailrating {
}

/* ****** END *******/

/* Box to the right of the featuresbox (top right of page) */
.lcnarrowboxright {
	float:right;
	width:222px;
	margin-top:-8px;
	display:block;

}

/*styles for the video options box */
.lccustomerfooter {
	width:100%;
	float:left;
	margin-top:50px;
}

.lcbgButton button, .lcbutton input
	{
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
		font-weight:bold;
		/* border: none!important; */
		color:#666666;
		height:20px;
		margin-bottom:10px;
		/* background:transparent url(../images/btnDefaultEnd.png) no-repeat right!important; */
	}

.lcemail input
	{
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
		width:70px;
		color:#666666;
		height:14px;
	}

.lcbutton input
	{
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
		width:75px;
		color:#666666;
		height:18px;
	}
	
.lcembedcode input
	{
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
		width:106px;
		/* border: none!important; */
		color:#666666;
		height:14px;
		/* background:transparent url(../images/btnDefaultEnd.png) no-repeat right!important; */
	}


/* Container for the comments */
.lcleaveacommentheader {
	/* width:135px; */
	border-top:1px solid #EAEAEA;
	border-left:1px solid #EAEAEA;
	border-right:1px solid #EAEAEA;
	background-color:#FBFBFB;
	float:left;
	display:block;
	margin-bottom:0px;
	padding:4px;
}	

.lccomments {
	width:448px;
	border:1px solid #EAEAEA;
        background-color:#FFF;
	float:left;
	display:block;
	margin-bottom:50px;
	padding:2px;
}
	
/* styles for the comments section */
table.lccommentstable {
	border-spacing:0px;
	background-color:#F0F0F0;
	color:#666666;
	width:448px;
}

/* odd row with different background color */
table.lccommentstable tr.odd {
	background-color:#F9F9F9;
}

table.lccommentstable td {
	padding-top:10px;
	padding-bottom:10px;
	padding-left:10px;
}

.lccommentform {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#666666;
}

.userinfo {
	width:212px;
	height:18px;
	font-weight:bold;
	color:#666666;
	border: 1px solid #EAEAEA;
	
}

.lccommentform textarea_liveclicker_safe {
	width:432px;
	height:80px;
	font-weight:bold;
	color:#666666;
	border: 1px solid #EAEAEA;
	
}



/* Author of the comment */
.lccommentauthor {
	font-weight:bold;	
}

/* Horizontal plugin divider */

.lchorizontalplugin {
	width:446px;
	border-top:1px solid #EAEAEA;
	border-bottom:1px solid #EAEAEA;
	float:left;
	display:block;
	margin-bottom:12px;
	padding:3px;
	background-color:#FBFBFB;
}

.lchorizontalplugin a {
	font-size:11px;
}

/* styles for the share toolbar plugin */

table.lcsharetoolbar{
	border-spacing:0px;
	width:446px;
}

/* styles for the video links plugin */

table.lcvideolinks{
	border-spacing:0px;
	width:326px;
}

	
/*  styles for the unit rater
--------------------------------------------------------- 
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.
--------------------------------------------------------- */

.ratingblock {
	display:block;
	/* border-bottom:1px solid #999; */
	padding-bottom:8px;
	margin-bottom:8px;
	}

.loading {
	height: 30px;
	background: url('http://ecdn.liveclicker.net/0079A8/cdn/images/liveclicker/working.gif') 50% 50% no-repeat;
	}
	
.unit-rating { /* the UL */
	list-style:none;
	margin: 0px;
	padding:0px;
	height: 16px;
	position: relative;
	background: url('http://ecdn.liveclicker.net/0079A8/cdn/images/liveclicker/starrating.gif') top left repeat-x;		
	}

.unit-rating li{
    text-indent: -90000px;
	padding:0px;
	margin:0px;
	/**/
	float: left;
	/* */
	}
	
.unit-rating li a {
	outline: none;
	display:block;
	width:16px;
	height: 16px;
	text-decoration: none;
	text-indent: -9000px;
	z-index: 20;
	position: absolute;
	padding: 0px;
	}
	
.unit-rating li a:hover{
	background: url('http://ecdn.liveclicker.net/0079A8/cdn/images/liveclicker/starrating.gif') left center;
	z-index: 2;
	left: 0px;
	}

.unit-rating a.r1-unit{left: 0px;}
.unit-rating a.r1-unit:hover{width:16px;}
.unit-rating a.r2-unit{left:16px;}
.unit-rating a.r2-unit:hover{width: 32px;}
.unit-rating a.r3-unit{left: 32px;}
.unit-rating a.r3-unit:hover{width: 48px;}
.unit-rating a.r4-unit{left: 48px;}	
.unit-rating a.r4-unit:hover{width: 64px;}
.unit-rating a.r5-unit{left: 64px;}
.unit-rating a.r5-unit:hover{width: 80px;}
.unit-rating a.r6-unit{left: 80px;}
.unit-rating a.r6-unit:hover{width: 96px;}
.unit-rating a.r7-unit{left: 96px;}
.unit-rating a.r7-unit:hover{width: 112px;}
.unit-rating a.r8-unit{left: 112px;}
.unit-rating a.r8-unit:hover{width: 128px;}
.unit-rating a.r9-unit{left: 128px;}
.unit-rating a.r9-unit:hover{width: 144px;}
.unit-rating a.r10-unit{left: 144px;}
.unit-rating a.r10-unit:hover{width: 160px;}

.unit-rating li.current-rating {
	background: url('http://ecdn.liveclicker.net/0079A8/cdn/images/liveclicker/starrating.gif') left bottom;
	position: absolute;
	height: 16px;
	display: block;
	text-indent: -9000px;
	z-index: 1;
	}

.lcvoted {color:#999;}
.thanks {color:#36AA3D;}
.static {color:#5D3126;}		

/* Related video formats */
.lcrelatedvideos {
	 width:208px; 
	 font-family:Verdana, Arial, Helvetica, sans-serif;
	 font-size:10px;
	}
.lcthumbnailcontainer {
	 width:208px;
	 height:50px; 
	 padding-bottom:19px;
	border:0px;
	}
.lcrelatedthumbnail {
	 width:74px;
	 height:56px;
	 float:left; 
	}
.lcrelatedinfo {
	 width:133px;
	 float:right;
	}
.lcrelatedtitle {
	margin-top:-3px;
	}

/* ============================== */
/* == STYLES FOR THE SIMPLE VIDEO OVERLAY == */
/* ============================== */

body.lcsimplevideo
	{
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size:10px;
			background-image: url(http://ecdn.liveclicker.net/0079A8/cdn/images/liveclicker/background.png);
			background-repeat:repeat-x repeat-y;
		}

#maincontainersimplevideo {
	position: absolute;
	top:8px;
	left:18px;
	}

.lcvideonavigator-tabs {
	border-top:1px solid #E2E2E2;
	border-bottom:1px solid #E2E2E2;
	width:320px;
	margin-bottom:1em;
	padding: 6px;
	background-color:#FFF;
	}
	
.videolinksbox {
	background-color:#FFF;
	width:320px;
}

.videolinksbox table {
	font-size:10px;
	background-color:#FFF;
}
		
/* ============================== */
/* == STYLES FOR THE SIMPLE VIDEO MODAL OVERLAY  == */
/* ============================== */

body.lcmodal {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;
	}

.lcmodaltitle {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#333333;
	margin-top:0px;
	margin-bottom:8px;
	font-weight:bold;
	}

#lcmodalcontainer {

	float: left;
    left: 14px;
    position: relative;
    top: -9px;
	}

/* == WIDE MODAL (WHICH IS A SUBSET OF THE ABOVE)  == */

.lcplaylist {
  float: left;
    height: 268px;
    left: 34px;
    overflow: auto;
    position: relative;
    top: 14px;
    width: 300px;
}

 #tooltip {  
     position:absolute;  
     z-index:9999;  
     color:#000;  
     font-size:10px;  
     width:180px;      
 }  
   
 /* IE hack */  
 *html #tooltip .tipHeader {margin-bottom:-6px;}  
   
 #tooltip .tipBody {  
background-color:#666666;
color:#FFFFFF;
line-height:14px;
font-size:11px;
font-weight:bold;
padding:5px;
 }  

.widgetblock {
background-color:#EFEFEF;
height:auto;
margin-bottom:5px;
padding:3px;
cursor:pointer;
padding-bottom:6px;
}

.widgetblockhover {
border-right:4px solid #999999;
}

.thumbnail {
float:left;
height:50px;
position:relative;
width:70px;
}

img.thumbnailimg {
	width:60px;
	height:45px;
}

.videoinformation {
float:left;
height:auto;
position:relative;
width:200px;
}

.videometa {
display:none; 
}

.selected {
background-color:#F5F7EA;
}

a.widgetlink {
text-decoration:none;
color:#333333;
font-weight:bold;
}

/* ============================== */
/* == USED ACROSS ALL OVERLAY EMBEDS  == */
/* ============================== */

/* == SHADE TABS  == */

/* The div on the right side of the page to go from video to video */
.lcvideonavigator {
	border-top:1px solid #E2E2E2;
	border-bottom:1px solid #E2E2E2;
	width:206px;
	height:424px;
	margin-bottom:1em;
	padding: 4px;
	background-color:#F9F9F9;
	}

.lcvideonavigator_sitetabs {
	border-top:1px solid #E2E2E2;
	border-bottom:1px solid #E2E2E2;
	width:206px;
	margin-bottom:1em;
	padding: 4px;
	background-color:#F9F9F9;
	}

.lcshadetabs{
	padding: 3px 0;
	margin-left: 6px;
	margin-top: 8px;
	margin-bottom: 0;
	font: bold 11px Verdana;
	list-style-type: none;
	text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.lcshadetabs li{
	display: inline;
	margin: 0;
}

.lcshadetabs li a{
	text-decoration: none;
	font-size:10px;
	position: relative;
	z-index: 1;
	padding: 3px 2px;
	margin-right: 0px;
	border: 1px solid #E2E2E2;
	color: #2d2b2b;
	background: white url(http://ecdn.liveclicker.net/0079A8/cdn/images/liveclicker/shadenew.gif) top left repeat-x;
}

.lcshadetabs li a:visited{
color: #2d2b2b;
}

.lcshadetabs li a:hover{
text-decoration: underline;
color: #2d2b2b;
}

.lcshadetabs li a.selected{ /*selected main tab style */
position: relative;
top: 1px;
}

.lcshadetabs li a.selected{ /*selected main tab style */
	background-image: url(http://ecdn.liveclicker.net/0079A8/cdn/images/liveclicker/shadeactivenew.gif);
	border-bottom-color: white;
}

.lcshadetabs li a.selected:hover{ /*selected main tab style */
text-decoration: none;
}