/*
Title: 		 Main TotalVideos StyleSheet
Author: 	 Hefin Sankala
Created:     10th July 2007
Last Update: 12th July 2007
*/

/* ---------------------------------------
	Page Body and Frame
--------------------------------------- */


.ninjaMaster
{
	display:inline;
	position:absolute; 
	top:37px; 
	z-index:343243243; 
	list-style: none;
	 border:solid 1px gray;

	}


/* Universal Selector browsers automatically surround all content with margin of 10px*/
* {
	margin:0;
	padding:0;
}


body {
	/* I.E 5.5 and below does not understand the auto value for margins, in order to centre the #frame we use the 
       work around and apply the text-align property to the body element */
	/*text-align:center;
	*/
	/* Current browsers set the font-size to 16 pixels (medium); setting the font-size in the body to 76% means we have a 
       base font size of 12.16 pixel font.  Also we are setting the line height to 1.7 
       To calculate text size in pixels (base size (12.16))*(em value (x)= desired pixel size )*/
	/*font:76%/1.7 Verdana, Geneva, Arial, Helvetica, sans-serif;*/
	/* This is a vertical gradient applied with a grey filler */
	background: #919191 url(Images/vertical_Background_Gradient_1x720.jpg) repeat-x top center;
	
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0;
}


#main_container {
	
	/* This is the width of the website */
	width:920px;
	/* This is telling the browser to adjust the margin so the 
       the 'top' and the 'bottom' margin is 0.  The 'left' and 'right'
       are automatically adjusted to be equal thus centring content */
	margin: 0 auto 0 auto;
	/* The text-align property of the 'body' rule aligns of the body aligns the child element frame
       to the centre to counter this we over-ride it. */
	text-align:left;
	/* All contained items in the frame will have a relative position to it */
	position:relative;
}


/* ---------------------------------------
	Page Header
--------------------------------------- */

#header {
	/* Make sure this is centred so we set the margin to 'auto' */
	margin: auto; 
	padding: 0;
	/* Set width and height attributes to exactly the same size as the graphic */
	width: 920px; 
	height: 116px;
	/* Make sure this is centred so we set the margin to 'auto' */
background: transparent url(Images/master.gif) no-repeat 0px -57px;
/*	background: transparent url(Images/topnav_895x115.gif) no-repeat top center;*/


/*background: transparent url(Images/topnav_try.jpg) no-repeat top center;*/
	
}



#logo {
	/*position:absolute;
	width:16em;
	top:1em;
	text-align:center;
	line-height:1.3;
	z-index:1;*/
}

#searchControls {
/*	border:none;
	margin: 0;/*
	/* Padding values: Top Right Bottom Left */
	/*padding:20px 60px 20px 0 ;
	text-align:right;*/
}
	
fieldset#searchControls legend {
/*	display: none;*/
}
		
#SearchBox {
	/* Set the background color to white, if set to 'Transparent' it will take 
       on the color of it's background */
	background-color: white;
	/* Insert a little magnifing glass icon in the search field
	background-image: url(Images/magnifier_icon_15x14.gif);*/
	background-repeat: no-repeat;
	background-attachment: scroll;
	/* Magnifier icon placed on the left side of the text box*/
	/* background-position:left center;*/
	/* pad out the text feild slightly */
	padding-top: 0.1em;
	padding-right: 0.1em;
	padding-bottom: 0.1em;
	padding-left: 19px;
	/* Slim down the border width all over*/
	border-width:1px;
	border-style: solid;
	border-top-color: #666666;
	border-right-color: #cccccc;
	border-bottom-color: #cccccc;
	border-left-color: #666666;
}

/* This is the button style CURRENT NOT IN USE */
.SearchButton {
	color: #333333;
	font-family: 'trebuchet ms',helvetica,sans-serif;
	font-size: 100%;

	font-weight: bold;
	border-width: 1px;
	border-style:solid;
	border-top-color: #999999;
	border-left-color: #999999;
	border-right-color: #666666;
	border-bottom-color: #666666;
	margin-bottom:1px;
	padding:0 3px 0 3px;
}


.pipe{

	font-weight: normal;

	color: #AEAEAE;		

}





/* ---------------------------------------
	Content Page
--------------------------------------- */

#content_top 
{
	position:relative;
	left:10px;
	 /* This image top image to the content area a blends down with the gradient */
	background:url(Images/master.gif) no-repeat 0px -361px;
}

#content_body 
{
	
    /* This image is repeat down the content area to produce the sides of the page */
	background: transparent url(Images/content_page_side_style_900x1.jpg) repeat-y top center;
	position:relative;
}

#content_bottom 
{
	
	height: 30px;
	background: transparent url(Images/master.gif) no-repeat 0px -201px;	
	position:relative;
}


/* ---------------------------------------
	Columns
--------------------------------------- */

#maincol {
 /* Padding values: Top Right Bottom Left */
	width:620px;
    float:right;
    position:relative;
	padding:15px 40px 10px 0px;
}

#side_column {
	float:left;
	position:relative;
    padding:15px 0px 10px 30px;
    width:200px;
}

#searchResultsDiv {
	width:550px;
    float:left;
    position:relative;
    /* Margin values: Top Right Bottom Left */
	margin: 15px 15px 0px 0px;
}

#sideNavSearchContainer {
	float:left;
	position:relative;
     /* Padding values: Top Right Bottom Left */
    padding:15px 15px 15px 20px;
}

#videoPlayerColumn {
	width:500px;
	position:relative;
	float:left;
	padding:0px 0px 0px 30px;
}

#videoPlayerRightColumn {
	position:relative;
	float:left;
	padding:10px 0px 0px 0px;
}






/* ---------------------------------------
	Links
--------------------------------------- */

a 
{
	 outline: none;
	/*text-decoration: none;*/
}


a:link, a:visited, a:active { color: #03C; }



a:link:hover, a:visited:hover {
	color: #03C;
}

/* Image Links such as the logo we need to turn of the border 
   or we get a nice bright blue border ;-) */
a img {
	border: 0;
}

/* This is the external link image */ 
a.external {
	padding-right:13px;
	background:url(Images/external_icon_11x300.gif) right 0 repeat-y;
}

a.external:visited:hover {
	background-position:right 100px;
}

a.external:hover {
	background-position:right 200px;
}

a.decNone {
	text-decoration:none;
}

a.decNone:hover {
	text-decoration:underline;
}


/* ---------------------------------------
	Common HTML Elements
--------------------------------------- */


/* HEADINGS - Firefox and Mozilla use a base-font size of 12 pixels need to get uniform size in all browsers
              we need to spell this out (base size (12.16))*(em value (x)= desired pixel size ) */	
h1 {
	/*(base size (12.16))*(em value (x)= 25px */
	font-size:2.0em
}

h2 {
	/*(base size (12.16))*(em value (x)= 20px */
	font-size:1.65em
}

h3 {
	/*(base size (12.16))*(em value (x)= 17.5px */
	font-size:1.5em
}
		
h4 {
	/*(base size (12.16))*(em value (x)= 15px */
	font-size :1.23em
}

h5 {
	/*(base size (12.16))*(em value (x)= 12.5px */
	font-size:1.02em
}

h6 {
	/*(base size (12.16))*(em value (x)= 10px */
     font-size :0.82em
}

em {
	font-style: italic;
}

.float-right {
	float: right;
}

.float-left {
	float: left;
}

.image-center {
	display: block;
    margin-left: auto;
    margin-right: auto;
	text-align:center;
}

.center-item {
	display: block;
    margin-left: auto;
    margin-right: auto;
	text-align:center;
}

.invisable {
	visibility: hidden
}

.visable {
	visibility:visible
}

.videoPlaceHolder 
{
	width:480px;
	height:400px;
	border:solid 1px black;
	display: block;
	border: solid 1px #999999;
	border-bottom: 0;
	background: #fafafa;
	text-align:center;
	cursor: pointer;
	cursor: hand;
}



/* ---------------------------------------
	Advertisment Styles
--------------------------------------- */

.sideColumnAd {
	padding: 15px 15px 10px 5px;
	position: relative;
	float:left;
}


#googleAdBottom {
	margin-left:90px;
	width: 633px;
	text-align: center;
}


/* ---------------------------------------
	Container Styles
--------------------------------------- */

.containerHeader {
	margin: 0; 
	height: 20px;
	border: solid 1px #999999;
	border-bottom: 0;
	background: transparent url(Images/container_header_1x20.jpg) repeat-x center center;
}

.containerContent {
	border: solid 1px #999999;
	background: #fafafa;
	/* Padding values: Top Right Bottom Left */
	padding: 5px 0px 5px 5px;
	list-style: none;
}

.commentsContentContainer {
	border: solid 1px #999999;
	background: #fafafa;
	/* Padding values: Top Right Bottom Left */
	padding: 0px 0px 5px 5px;
	list-style: none;
}

#videoPlayerTabbedSection {
	/* Padding values: Top Right Bottom Left */
	padding: 20px 0px 15px 30px;
	width:700px;
	position:relative;
	float:left;
}

.containerContentsSideCol {
	width: 150px;
	border: solid 1px #999999;
	background: #fafafa;
	/* Padding values: Top Right Bottom Left */
	padding: 5px 0px 5px 5px;
	list-style: none;
}


.containerContentsSideCol a{
	
	padding:2px 0px 2px 0px;
	text-decoration:none;
}

.containerContentsSideCol a:hover{
	background: #a5c9ed;

	font-style:normal;
}

.containerContentsSideCol ul * {
	border:0;
	/*color:black;*/
	display:block;
}

.containerContentsSideCol li a.selected {
	background: #cedeed;
	
}


/*
#categories li {
	padding:0px 0px 5px 0px;
	text-decoration:none;
}
*/
#categories li a {

	width:150px;
}

.relatedListView .relatedBox, .relatedGridView .relatedBox {
	padding-top:7px;
	overflow:auto;
}


.containerContents2 {
	width:550px;
	border: solid 1px #999999;
	background: #fafafa;
	/* Padding values: Top Right Bottom Left */
	padding:0px 0px 0px 0px;
}


#randomVideoContents {
	width:600px;
	border: solid 1px #999999;
	background: #fafafa;
	padding:5px 5px 5px 5px;
}


.videoDetailsContainer {
	width:480px;
	border: solid 1px #999999;
	background: #fafafa;

}







#videoStatsSection {
	height:36px; 
	padding-bottom:2px; 
	padding-top:1px
}



#videoDescriptionSection {
	text-align:left;
	width:95%;
	border-top: 1px #ccc solid;
	margin:0px 0 0;
	padding: 10px 10px 10px 10px;
	line-height:16px;
}


.videoActions {
	text-align:left;
	width:95%;
	border-top: 1px #ccc solid;
	margin:0px 0 0;
	padding: 5px 10px 5px 10px;
	height:20px;
	
}

.hef{text-align:center;margin:0px auto;}



.statVal {
	font-weight: bold;
}

.statDivider {
	margin:5px 8px 5px 8px;
	vertical-align: middle;
	color: #ccc;
	display: inline;
	float:left;
}




 ul#share-video { margin: 0px 0px 0px 35px; }

 ul#share-video li { display: inline; margin-right: 30px; font-weight: bold; }



ul#share-video li a.vid-favorite { background: url(Images/viddetail-favorite.gif) 0px 2px no-repeat; padding: 4px 0px 4px 30px; font-size: 14px; text-decoration:none; }

 ul#share-video li a.vid-channel { background: url(Images/viddetail-channel.gif) 0px 2px no-repeat; padding: 4px 0px 4px 30px; font-size: 14px;text-decoration:none; }

 ul#share-video li a.vid-share { background: url(Images/viddetail-share.gif) 2px 4px no-repeat; padding: 4px 0px 4px 27px; font-size: 14px;text-decoration:none; }


ul#share-video li a:hover.vid-favorite {  text-decoration:underline; }

ul#share-video li a:hover.vid-channel {  text-decoration:underline; }







/* ---------------------------------------
	Pagination Styles
--------------------------------------- */

.pagingDiv {
	margin:5px 5px 5px 5px;
}

.pager1
{
	position: absolute;
     bottom: 25px;
     right: 10px;
	
	
}

/* HACK: IE6 will not re-align the pager to the bottom when changed to a list*/ 
* html .pager1 {
  position:relative;
  }

ul.pagination {
	/* Basically all pagination of un-ordered lists will float right*/
	/* Padding values: Top Right Bottom Left */
	margin: 0; 
	/* Padding values: Top Right Bottom Left */
	padding: 0; 
	float: right;
	list-style: none;
}

ul.pagination li {
	margin: 0; 
	/* Padding between page numbers is 1px */
	padding: 0 1px 0 0;
	/* The height of the pagination */
	height: 23px;
	display: inline;
	float: left;
	
}

ul.pagination a.page_current {
	/* Padding values: Top Right Bottom Left */
	/*padding: 0 8px;*/
	/* The current pages list item is Size:20px, Line-Height: 23px */
	/*font: bold 18px/20px Verdana;*/
	
	text-decoration: none;
	border: solid 1px #76add0;
	background: #a5c9ed;
	/* Text color for the page numbers Black */
	color: #000000;	
}

ul.pagination li.page_separator {
	/* This style is for the '...' seperator*/
	/* Padding values: Top Right Bottom Left */
	padding: 0 4px 0 4px;
	/* The page separator list item is Size:18px, Line-Height: 23px */
	font: normal 18px/12px Arial;
	/* Grey color for the seperator */
	color: #BFBFBF;
}

ul.pagination li a {
	margin: 0; 
	/* Padding values: Top Right Bottom Left */
	padding: 0 7px 0 7px;
	display: block;
	border: solid 1px #DFDFDF;
	background: #FFFFFF;
	text-decoration: none;
	line-height: 21px;
	/* Dark Grey color for the page numbers */
	color: #666666;
	
}

/* HACK: IE6 */ 
* html ul.pagination li a {
  width:7px;
  }

ul.pagination li a:hover {
	text-decoration: none;
	border: solid 1px #76add0;
	background: #a5c9ed;
	/* Text color for the page numbers Black */
	color: #000000;
}

ul.pagination li a.page_previous, ul.pagination li a.page_next {
	margin: 0; 
	padding: 0;
	width: 21px; 
	height: 21px;
}

ul.pagination li a.page_previous {
	background: #FFFFFF url(Images/master.gif) no-repeat -79px 1px;
}

ul.pagination li a.page_next {
	background: #FFFFFF url(Images/master.gif) no-repeat -102px 1px;

}
ul.pagination li a.page_previous:hover {
	background: #a5c9ed  url(Images/master.gif) no-repeat -79px -17px;
}

ul.pagination li a.page_next:hover {
	background: #a5c9ed url(Images/master.gif) no-repeat -102px -17px;
}


/* ---------------------------------------
	Video Selection Styles
--------------------------------------- */

.runtime {
	color: #000; 
	font-weight: bold;
	font-size: 11px; 
}

.vfacets {
	margin-top: 3px;
	margin-right: 0px;
	margin-bottom: 3px;
	margin-left: 0px;
	font-size: 11px;
	line-height: 13px;
}

.vfacetsForTheLink {
	margin-top: 3px;
	margin-right: 0px;
	margin-bottom: 3px;
	margin-left: 0px;
	font-size: 11px;
	line-height: 13px;
}

.eLink {
	text-decoration: none;
	border-bottom: 1px dotted #03C;
	}

.grayText {
	color: #666666;
}
	  	  
	  	  



/* ---------------------------------------
	View Dropdown Menu 
--------------------------------------- */	

/* Just used for the view text so far */
.SortBy {
	/*float: left;*/
	/* Light Gray Color */ 
	color: #999;
	margin-right: 5px;
}

/* This is the SubNav DIV which encompass' the view and time dropdown*/
#subNav {
	height: 22px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom: 1px solid #ccc;
}

.nav, .nav ul {
	padding: 0;
	margin: 0;
	list-style: none; 
	line-height: 1.3;
}

.nav li {
	float: left;
	width: 15em;
}

.nav li.selected {
	/*width: 7em;*/
}

/* Major hack just for the IE6 to align the dropdown arrow with the dropdown box*/ 
/** html li.selected {
  margin-right: -50px;
  }*/

/* The dropdown is initially placed off the screen then javascript
   controls it with the psueduo class hover and left:auto's it*/
.nav li ul {
	/*position: absolute;
	width: 10em;
	
	z-index:10;*/
}

#NINION 
{
/*	position: absolute;
	width: 10em;
	
	z-index:1000000;*/
	}

/*.nav li:hover ul {
	left: auto;
}

.nav li:hover ul, .nav li.sfhover ul {
	left: auto;
}*/

.nav a:hover , .nav a.sfhover  {
	/* When we mouse over the dropdown menu we get white backgrsound*/
	background-color: white;
}

/* This is the initial dropdown button*/
.videoListsBtn 
{
	
	color:Black;
	font-weight:normal;
	font-size: 12px;
	font-weight: bold;
	cursor: pointer;
	cursor: hand;
	border: 1px solid gray;
	background: transparent url(Images/master.gif) repeat-x -453px -322px;
	font-family: Arial,Helvetica,sans-serif;
}

/* Probably could intergate this one and next style, I think there targeting the same item*/
.nav a {
	display: block;
	/* Controls the size of the top view button   */
	width: 10em;
	color:black;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	border: 1px solid gray;
	/* Padding values: Top Right Bottom Left */
	padding: 0px 0px 0px 10px;
	background-color: #ecf1fa;
}

/* This is the each hyperlink in the 
   Dropdown menu items */
.nav a.dropDownItem {
	text-decoration: none;
	font-family: Arial,Helvetica,sans-serif;
	font-size:12px;
	color: #003399;
	/* Control the item width */
	width:14em;
	font-style:normal;
	border-right: solid 1px #d9e1f2;
	border-left: solid 1px #d9e1f2;
	/* no bottom border*/
	border-bottom: solid 0px #d9e1f2;
	border-top: solid 1px #d9e1f2;
	/* Padding values: Top Right Bottom Left */
	padding:3px 5px 4px 5px;
}

.viewDownArrowDiv {
	/* We hacked the crap out of this had to float it and play with the margins to make this stick
    margin: 0 10px 0 10px; */
/*	margin: 0 10px 0 47px;*/
     
  /*  display: inline; */
    border: solid 1px gray;
    height: 16px; 
    width: 20px; 
    background: transparent url(Images/master.gif) no-repeat scroll -2px 0px;
}





.viewDownArrowDiv1 {
	/* We hacked the crap out of this had to float it and play with the margins to make this stick
    margin: 0 10px 0 10px; */
	/*margin: 0px -20px 0px 0px;
    float: left; */
    left:45px;
    top:0px;
    
    position:absolute;
    border: solid 1px gray;
    height: 16px; 
    width: 20px; 
    background: transparent url(Images/master.gif) no-repeat scroll 20px 0px;
}


/* Major hack just for the IE6 to align the dropdown arrow with the dropdown box*/ 
* html .viewDownArrowDiv1 {
  top:-58px;
  }


*html #viewDropMenuArrow1
{
	position:relative;
	left:45px;
	
	}







.videoSizeSelected {
	font-weight:bold; 
	border:solid 2px blue; 
	padding: 3px 3px 3px 3px; 
	background:#cedeed;
}


.videoSizeNotSelected:hover   {
	/* When we mouse over the dropdown menu we get white backgrsound*/
	background: #a5c9ed;
	border:solid 2px blue; 
	padding: 3px 3px 3px 3px; 
}

.videoSizeNotSelected   {
	/* When we mouse over the dropdown menu we get white backgrsound*/
	 font-weight:bold; 
	 padding: 5px 5px 5px 5px; 
	
}


/* ---------------------------------------
	Video Grid and Video Cells styles 
--------------------------------------- */	
 
 
 .browseGridView .videoCell_3col {
	float: left;
	width:29.9%;
}      

.browseGridView .videoCell_4col {
	float: left;
	width:24.9%;
}          

.browseGridView .videoCell_5col {
	float: left;
	width:20%;
}  

 *html .browseGridView .videoCell_3col,  *html .browseGridView .videoCell_4col,
 *html .browseGridView .videoCell_5col
{
  /* I set the height of the cells as IE6 had some problems with it on some videos  */
  height:195px;
}

                

/*.browseGridView .vlcell, .membersGridView .memberContainer {
	float: left;
	/*width: 24.9%;*/
	/*width:20%;*/

/*}*/

/** html .browseGridView .vlcell, .membersGridView .memberContainer 
{
  /* I set the height of the cells as IE6 had some problems with it on some videos  */
 /* height:195px;
}*/

.browseGridView .vlentry {
	width: 120px;
	margin-bottom: 20px;
	height: 155px;
}
.browseGridView .vlentry .vstill {
	margin-bottom: 4px;
}
.browseGridView .vlentry .vimg {
	width: 120px;
	height: 90px;
	border: 1px solid #999; 
}
.browseListView .vlentry {
	padding-bottom: 10px;
	margin-top: 10px;
	border-bottom: 1px dotted #bbb;
}

.browseListView .vlentry {
	margin-top: 0px !important;
	padding-top: 10px;
}

html > body .browseListView .vlentry { /* hide from ie6 */
	padding-top: 0px;	
	margin-bottom: 10px;
}

.browseListView .vlentry > .vlclearaltl {
	height: 0;
}


.browseListView .v120WideEntry {
	float: left;
}


.v120WrapperOuter {
	width: 122px;
	border: 1px solid #999;
}

.v120WrapperInner {
	overflow: hidden;
	width: 120px;
	height: 72px;
	border: 1px solid #fff;
}
.v120WrapperInner img {
	margin-top: -10px;
	
}

.veohThumbNailSize {
	width: 120px;
	height: 82px;
}

.addtoQL90 {
	text-align: left;
	width:100%;
	margin-left:0px;
	margin-top:-24px;
	padding: 1px;
}

.browseGridView .vldescbox, .membersGridView .vldescbox {
	margin-top: 5px;
	font-weight: bold;
	font-size: 12px;
}


/*.browseListView .vldescbox, .membersListView .vldescbox {
	width: 280px;
	margin-left: 5px;
	float: left;
	/* Had to Add this for Opera as it text-aligns middle for description*/ 
	/*text-align:left;
/*}*/


.browseListView .vldescboxRelated, .membersListView .vldescboxRelated {
	width: 380px;
	margin-left: 5px;
	float: left;
} 

.membersListView .vldescbox {
	width: 335px;
}



.membersGridView .vltitle {
 	padding-bottom: 3px;
	font-weight: bold;
}

.browseListView .vltitle, .membersListView .vltitlealt {
	font-weight: bold;
	font-size: 14px;
	margin-bottom: 5px;
}

.browseListView .vltitle a, .membersListView .vltitlealt a {
	text-decoration: none;
}


.browseGridView .vldesc, .browseGridView .vladded, .browseGridView .vllongTitle, .browseListView .vlshortTitle,
.membersGridView .memberBoxList, .membersListView .memberBoxGrid, .membersGridView .memberBoxTypeContainerAlt,
.membersListView .memberBoxTypeContainer, .membersGridView .vldesc, .membersGridView .vlrecent, .membersListView .vltitle, .membersGridView .vltitlealt {
	display: none;
}
.browseListView .vldesc, .browseListView .vladded, .browseListView .vllongTitle, .browseGridView .vlshortTitle,
.membersListView .memberBoxList, .membersGridView .memberBoxGrid, .membersListView .memberBoxTypeContainerAlt,
.membersGridView .memberBoxTypeContainer, .membersListView .vldesc, .membersListView .vlrecent, .membersGridView .vltitle, .membersListView .vltitlealt {
	display: block;
}

.browseGridView .vlshortTitle {
	height: 30px;
	overflow: hidden;
	/* Need to put this in for Opera otherwise will text-align center*/
	text-align:left;
}

.browseGridView .vldescbox, .membersGridView .vldescbox {
	margin-top: 5px;
	font-weight: bold;
	font-size: 12px;
}

.vldesc {
	overflow: hidden;
}

.browseListView .vldesc a {
	color: #333;
}

.browseListView .vldesc a:hover {
	text-decoration: underline;
}

.tagValues {
	line-height: 13px; 
	padding: 0px 0px 5px 0px; 
}

	
.browseGridView .video-thumb-duration-rating div {
	float: right;
	margin-top: 1px;
}
.browseGridView .video-thumb-duration-rating .runtime {
	float: left;
	margin-top: 0px;
}

.runtime  {
	color: #000; 
	font-weight: bold; 
	font-size: 11px; 
}



.browseListView .vlclear, .membersListView .vlclear, .membersGridView .vlclearalt {
	clear: both;
}
.browseListView .vlclearaltl {
	clear: left;
}

.browseListView .vlentry > .vlclearaltl {
	height: 0;
}


.browseListView .vlfacets, .membersListView .vlfacets {
	font-size: 11px;
	border-left: 1px solid #bbb;
	margin-left: 5px;
	padding-left: 5px;
	height: 75px;
	line-height: 14px;
	float: left;
	width: 123px;
	margin-left:5px;
	
}




.video_grid_large	{
	/*width:675px; */
	/*border:solid 0px black;*/	
	/*padding:10px 0px 0px 0px */
	/* Margin values: Top Right Bottom Left 545*/
/*	margin:10px 0px 0px 5px; THIS FUCKS UP IE6 it throws the contents container out*/
}
  

.video_grid_3_columns	{
	width:350px;
}

.video_grid_4_columns	{
	width:535px;
}

.video_grid_5_columns	{
	width:675px;
}

	
#video_grid	{
	width:545px;
	border:solid 0px black;	
	/* Margin values: Top Right Bottom Left 545*/
/*	margin:10px 0px 0px 5px; THIS FUCKS UP IE6 it throws the contents container out*/
}

#video_related_list	{
	width:680px;
	border:solid 0px black;	
	/* Margin values: Top Right Bottom Left */
/*	margin:10px 0px 0px 5px; THIS FUCKS UP IE6 it throws the contents container out*/
}
		


/* ---------------------------------------
      Comment Styles
--------------------------------------- */	

#commentsDiv {
	clear:both; 
	margin-top:0px;
}

#commentPostDiv {
	margin-top:12px;
}

.commentEntry {
	clear:both;
	/* Margin values: Top Right Bottom Left */
	margin:6px 0 10px 0px;
	/* This width value controls the comment entry width */
   width:97%;
	overflow:hidden;
}

/* HACK: IE6 only*/ 
* html .commentEntry {
  width:93%;
  }
  
/* HACK: IE7 only */ 
*:first-child+html .commentEntry {
  	width:93%;
}
  
.commentEntryReply {
	margin:6px 0 10px 35px;
	overflow:hidden;
	width:86%;
}

/* HACK: IE6 */ 
* html .commentEntryReply  {
  width:82%;
}

/* HACK: IE7 only */ 
*:first-child+html .commentEntryReply {
  	width:82%;
}
  

.commentHead {
	border-top: 1px solid #ccc;
	padding:7px 4px 4px 4px;
}

.commentHeadFirst {
	padding:0px 4px 4px 4px;
}


.commentAction {
	margin-top:3px;
text-align:right;
font-size: 11px;

float: right;
display:inline;
}


.commentAuthHead {
background-color:#FFC;
padding:4px;
}

.commentCharCount {
   border:0;
   width:50px;
   background: #fafafa;
}

.commentBody {
	width:95%; 
	margin-left:4px;
	padding-top:3px;
}



/* ---------------------------------------
	Text Styles
--------------------------------------- */	

.standardText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	}
.normalText { font-size: 12px; }
.smallText { font-size: 11px; }
.xsmallText { font-size: 10px; }
.xxsmallText { font-size: 9px; }
.largeText { font-size: 14px; }
.xlargeText { font-size: 16px; }
.xxlargeText { font-size: 19px; }
.xxxlargeText { font-size: 21px; }
.bold { font-weight: bold; }
.italic { font-style: italic }
.grayText { color: #666; }
.dgText {color: #333; }
.smgrayText { font-size: 11px; color: #666; }
.smdgText { font-size: 11px; color: #333; }
.required { color: #FF0000; }

a.dg { color: #333; text-decoration: underline;}
a.dg:hover { text-decoration: underline; }

.redText { color: #C00; }
.drText { color: #600; }

.label { font-weight: bold; color: #333; }
.lightLabel { font-weight: bold; color: #666; }
.standardLabel {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #333;
	}
.normalLabel { font-size: 12px; font-weight: bold; color: #333; }
.smallLabel { font-size: 11px; font-weight: bold; color: #333; }
.xsmallLabel { font-size: 10px; font-weight: bold; color: #333; }




.collapsed-content {
	display: none;
}

.expanded {
	display: block;
}









/* ---------------------------------------
	Positional Styles
--------------------------------------- */	


.cccC { color: #ccc; }
.fffC { color: #fff; }
.cccBG { background: #CCC; }
.dddBG { background: #DDD; }
.eeeBG { background: #EEE; }
.fffBG { background: #FFF; }
.blueBG { background: #DEF; }
.greenBG { background: #DFC; }
.marB0 { margin-bottom: 0px; }
.marB3 { margin-bottom: 3px; }
.marB5 { margin-bottom: 5px; }
.marB10 { margin-bottom: 10px; }
.marB15 { margin-bottom: 15px; }
.marB20 { margin-bottom: 20px; }
.marL6 { margin-left: 6px; }
.marL8 { margin-left: 8px; }
.marL10 { margin-left: 10px; }
.marL15 { margin-left: 15px; }
.marL18 { margin-left: 18px; }
.marL20 { margin-left: 20px; }
.marL38 { margin-left: 38px; }
.mar38L { margin-left: 38px; }
.marR6 { margin-right: 6px; }
.marR10 { margin-right: 10px; }
.marR15 { margin-right: 15px; }
.marT0 { margin-top: 0px;}
.marT3 { margin-top: 3px; }
.marT4 { margin-top: 4px; }
.marT5 { margin-top: 5px;}
.marT10 { margin-top: 10px;}
.marT15 { margin-top: 15px; }
.marT20 { margin-top: 20px; }

.padT3 { padding-top: 3px; }
.padT5 { padding-top: 5px; }
.padT8 { padding-top: 8px; }
.padT10 { padding-top: 10px; }
.padT12 { padding-top: 12px; }
.padT15 { padding-top: 15px; }
.padT20 { padding-top: 20px; }
.padB1 { padding-bottom: 1px; }
.padB3 { padding-bottom: 3px; }
.padB5 { padding-bottom: 5px; }
.padB10 { padding-bottom: 10px; }
.padB15 { padding-bottom: 15px; }
.padB20 { padding-bottom: 20px; }
.padL3 { padding-left: 3px; }
.padL5 { padding-left: 5px; }
.padL8 { padding-left: 8px; }
.padL10 { padding-left: 10px; }
.padL15 { padding-left: 15px; }
.padL20 { padding-left: 20px; }
.padL25  { padding-left: 25px; }
.padL30 { padding-left: 30px; }
.padL50  { padding-left: 50px; }
.padL65 { padding-left: 65px; }
.padR5 { padding-right: 5px; }
.padR10 { padding-right: 10px; }
.padR15 { padding-right: 15px; }
.padR20 { padding-right: 20px; }

.clear { clear: both; }
.clearL { clear: left; }
.clearR { clear: right; }
.spacer { clear: both; height: 1px; font-size: 1px; }

.alignR { text-align: right; }
.alignL { text-align: left; }
.alignC { text-align: center; }
.alignMid { vertical-align: middle; }
.alignTop { vertical-align: top; }
.alignBot { vertical-align: bottom; }

.floatL { float: left; }
.floatR { float: right; }

.widthMax { width: 100%; }

.nowrap { white-space: nowrap; }

.bold { font-weight:bold; }


.rating {
	font-size: 11px;
	vertical-align: top;
	}

.ratingCount {
	font-size: 11px;
}

.icn_star_full_11x11gif {
	background: transparent url(Images/master.gif) no-repeat scroll -44px 0px;
	width: 11px;
	height: 11px;
}
.icn_star_half_11x11gif {
	background: transparent url(Images/master.gif) no-repeat scroll -55px 0px;
	width: 11px;
}

.icn_star_empty_11x11gif {
	background: transparent url(Images/master.gif) no-repeat scroll -66px 0px;
	width: 11px;
	height: 11px;
}

.doNotDisplay {
	display:none;
}

.displaythis {
	display:inline;
}

.icn_star_full_19x20gif {
	background: transparent url(Images/icn_star_full_19x20.gif ) no-repeat scroll 0px 0px;
	width: 14px;
	height: 16px;
}
.icn_star_half_19x20gif {
	background: transparent url(Images/icn_star_half_19x20.gif) no-repeat scroll 0px 4px;
	width: 14px;
	height: 22px;
}
.icn_star_empty_19x20gif {
	background: transparent url(Images/icn_star_empty_19x20.gif ) no-repeat scroll 0px 2px;
	width: 15px;
	height: 19px;
}


		



#vidTitle  {
	font-size: 18px; 
	font-weight: bold; 
	margin: 10px 0px 5px 0px; 
}



/* Rating */
.ratingStar {
    font-size: 0pt;
    width: 13px;
    height: 12px;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
    display: block;
    background-repeat: no-repeat;
    background: #fafafa;
}

.filledRatingStar {
    background-image: url(Images/FilledStar.png);

}

.emptyRatingStar {
    background-image: url(Images/EmptyStar.png);
}

.savedRatingStar {
    background-image: url(Images/SavedStar.png);
}













/* ---------------------------------------
	Related Video Styles
--------------------------------------- */	

.vimg90 {
	width: 90px;
	height: 70px;
	border: 1px solid #999;
	}
	
.relatedGridView .relatedFacets {
	clear: left;
	text-align: center;
}

.relatedListView .relatedFacets {
	margin-left:100px;
	margin-right: 5px;
}

.relatedGridView .relatedEntry, .relatedListView .relatedThumb {
  float:left;
}

.relatedGridView .relatedEntry {
	margin-right: 10px;
	margin-bottom: 10px;
	width: 90px;
}

.relatedGridView .relatedEntry, .relatedListView .relatedThumb {
  float:left;
}

.v90WideEntry {
	font-size: 11px; 
	line-height: 14px; 
	text-align: center;
	width: 92px;
}

.v90WrapperOuter {
	width: 92px;
	border: 1px solid #999;
}

.v90WrapperInner {
	overflow: hidden;
	width: 90px;
	height: 54px;
	border: 1px solid #fff;
}
.v90WrapperInner img {
	margin-top: -10px;
}

.vtitle { font-weight: bold; font-size: 12px; }

.v90vEntry .vtitle { font-weight: bold; }

.relatedListView .relatedListFacetAlt {
	display: inline;
}

.browseListView .vldesc, .browseListView .vladded, .browseListView .vllongTitle, .browseGridView .vlshortTitle,
.membersListView .memberBoxList, .membersGridView .memberBoxGrid, .membersListView .memberBoxTypeContainerAlt,
.membersGridView .memberBoxTypeContainer, .membersListView .vldesc, .membersListView .vlrecent, .membersGridView .vltitle, .membersListView .vltitlealt,
.browseListView .searchFresh, .relatedListView .relatedListFacet, .relatedListView .relatedDivider {
	display: block;
}

.relatedDivider 
{
	clear:left; 
	margin-bottom:3px; 
	margin-right:7px; 
	padding-bottom:3px; 
	border-bottom: 1px dotted #CCC
}

#mainVideoRating {
	display:inline;
	float:left; 
	padding:0px 0px 0px 10px
}




.relatedList {
	background: transparent url(Images/master.gif) no-repeat scroll 0px -17px;
	width: 25px;
	height: 20px;
}
.relatedNotList {
	background: transparent url(Images/master.gif) no-repeat scroll 0px -37px;
	width: 25px;
	height: 20px;
}
.relatedGrid {
	background: transparent url(Images/master.gif) no-repeat scroll -25px -37px;
	width: 25px;
	height: 20px;
}
.relatedNotGrid {
	background: transparent url(Images/master.gif) no-repeat scroll -25px -17px;
	width: 25px;
	height: 20px;
}


.hide { display: none; }

.searchViews img {
	cursor: hand;
	cursor: pointer;
}

.displayLabel {
	padding-bottom: 10px;
	padding-right: 3px;
	
}

.searchViews 
{
	
	float:left; 
	
	
	border-top:solid 1px #d7d7d7;
	border-bottom:solid 1px #d7d7d7;
	width:100%;
	
	
	
	/*float:left;*/
	padding:5px 0px 5px 0px;
	
	}
	
	.viewTypeContainer {
	/*  Please remove this  */
}


/* HACK: TODO: youtube dynamically has many different user picture styles which have a range of sizes 
    in future we should do it like they do */
.user-thumb-large {
	overflow: hidden;
	background-color: white;
	border: 3px double #999;
	display: block;
	height: 100px;
	width: 125px;
}

.highlightBoxes 
{
	font-family: arial,helvetica,sans-serif;
	font-size: 12px;
    overflow:hidden;
}

#pBox {
	margin-bottom: 15px;
	
}
	
	
	
/* ---------------------------------------
	Footer Styles
--------------------------------------- */	

	
	
	
	
	/* VEOH FOOTER */

#Footer {
	margin: auto; padding: 0;
	/* width: 980px;*/
	text-align: center;
	
}

#Footer_links {
	margin: 0; padding: 0;
	padding-top: 7px; 
	width: 910px; height: 21px; 
	background: transparent url(Images/master.gif) no-repeat 0px -173px;
	color: #AFAFAF;
	text-align: center;
	position:relative;
	left:10px
}

#Footer_links a,
#Footer_links a:hover {

	font-weight: bold;
	color: #FFFFFF;
	font: bold 12px Verdana;
text-decoration:none;
}



#Footer_corporate {

	margin: 0; 
	padding: 5px 0 5px 20px;
	padding-bottom: 20px;
	color: #AFAFAF;
	height: 21px; 
	float: left;

}

#Footer_corporate a{

	color: #EAEAEA;
	font-weight: normal;	
	text-decoration:none;

}	

#Footer_copyright {

	margin: 0; 
	padding: 5px 20px 5px 0;
	padding-bottom: 20px;
	color: #EAEAEA;
	float: right;

}

/* ---------------------------------------
	Error Styles
--------------------------------------- */	



.errorBox {
	margin-left:40px;
	padding:6px;
	margin-top: 10px;
	margin-bottom: 6px;
	text-align: center;
	font-size: 13px;
	background-color: #ffaeae;
	width:90%;
}
	
	
.errorBoxMessage {
	margin-left:0px;
	padding:6px;
	margin-top: 10px;
	margin-bottom: 6px;
	text-align: center;
	font-size: 13px;
	background-color: #ffaeae;
	width:98%;
}
	
	
.disabledCommentsMessageBox {
	margin-left:0px;
	padding:6px;
	margin-top: 10px;
	margin-bottom: 6px;
	font-size: 13px;
	width:95%;
}
	
	
.userMessage 
{
	margin-left:00px;
	padding:6px;
	margin-top: 0px;
	margin-bottom: 6px;
	text-align: center;
	font-size: 13px;
	background-color: #e6ebfa;
	width:98%;
}
	
	
	
	
	
	
	/* VEOH TOPNAV */





#topnav_top {

	/*margin: 0; padding: 0 5px;

	padding-top: 3px;

	width: 890px; height: 16px;

	text-align: right;

	font: normal 10px Verdana;

	color: #D0D0D0;*/
	


}

#topnav_user {
/*width: 200px;height: 16px;

	margin: 0; padding: 0;

	

	position: relative; z-index: 1500;*/

/*	float: right;*/


}

#topnav_user a {

/*	text-decoration: none;

	font-weight: normal;*/

	/*color: #FFFFFF;*/

}

#topnav_user a:hover {

	/*text-decoration: underline;

	font-weight: normal;*/

/*	color: #FFFFFF;*/

}

#topnav_user_message {

	margin: 0; padding: 0;

	vertical-align: middle;

	border: none;

}



#topnav_main {

/*	margin: 0; padding: 0;

	padding-left: 5px;

	width: 450px; height: 56px;

	position: relative; z-index: 1000;

	display: block;

	float: left;*/
	

}

#topnav_main a {

	/*display: block;

	float: left;*/

}

a#topnav_logo {

/*	margin: 0; padding: 0;

	width: 150px; height: 56px;

	background: transparent url(Images//topnav_logo.jpg) no-repeat 0px 0px;*/


}

a#topnav_main_1, a#topnav_main_1:hover, a#topnav_main_1hover,

a#topnav_main_2, a#topnav_main_2:hover, a#topnav_main_2hover,

a#topnav_main_3, a#topnav_main_3:hover, a#topnav_main_3hover,

a#topnav_main_4, a#topnav_main_4:hover, a#topnav_main_4hover {

	margin: 0; padding: 0;

	padding-top: 17px;

	width: 100px; height: 41px;

	text-decoration: none;

	font: normal 18px "Trebuchet MS";

	color: #FFFFFF;
	text-align:center;

}

a#topnav_main_1hover:hover,

a#topnav_main_2hover:hover,

a#topnav_main_3hover:hover,

a#topnav_main_4hover:hover {

	color: #FFFFFF;

}

a#topnav_main_1 { background: transparent url(Images/master.gif) no-repeat -200px -231px; }

a#topnav_main_2 { background: transparent url(Images/master.gif) no-repeat -290px -231px; }



a#topnav_main_1hover { background: transparent url(Images/master.gif) no-repeat -200px -288px; } 

a#topnav_main_2hover { background: transparent url(Images/master.gif) no-repeat -290px -288px; }










a#topnav_main_1.topnav_main_selected, a#topnav_main_1.topnav_main_selected:hover,

a#topnav_main_2.topnav_main_selected, a#topnav_main_2.topnav_main_selected:hover,

a#topnav_main_3.topnav_main_selected, a#topnav_main_3.topnav_main_selected:hover,

a#topnav_main_4.topnav_main_selected, a#topnav_main_4.topnav_main_selected:hover {

	color: #afc4f0;

}

a#topnav_main_1.topnav_main_selected, a#topnav_main_1.topnav_main_selected:hover { background: transparent url(Images/master.gif) no-repeat -200px -288px;}

a#topnav_main_2.topnav_main_selected, a#topnav_main_2.topnav_main_selected:hover { background: transparent url(Images/master.gif) no-repeat -290px -288px; }









#topnav_right {




}


.videoModifiers {
	padding: 5px 0px;
	text-align: center;
}

.videoModifiers div.subcategory {
	border-left: 1px solid #ccc;
	padding: 0px 10px;
	font-size: 11px;
	display: inline;
}

.videoModifiers div.first {
	border-left: 0px;
	padding: 0px 10px 0px 2px;
}

.videoModifiers a {
	text-decoration: none;
}

.videoModifiers a:hover {
	text-decoration: underline;
}

.videoModifiers .selected {
	font-weight: bold;
}


.videoModifiers .not_available, .browse-subcat.not_available {
	color: #aaa;
}
	
	
	
/***************************************************************************
 * Search Header, Layout
 ***************************************************************************/
 
 /*
.name {
	color: #333;
	float: left;
}*/

.searchQuery {
	font-size: 14px;
	font-weight: bold;
}


/***************************************************************************
 * Sprites
 ***************************************************************************/

.flag_de_DE {
	background: transparent url(Images/flags/flags.gif) no-repeat scroll 0px 0px;
}
.flag_en_AU {
	background: transparent url(Images/flags/flags.gif) no-repeat scroll -17px 0px;
}
.flag_en_CA {
	background: transparent url(Images/flags/flags.gif) no-repeat scroll -34px 0px;
}
.flag_en_GB {
	background: transparent url(Images/flags/flags.gif) no-repeat scroll -51px 0px;
}
.flag_en_IE {
	background: transparent url(Images/flags/flags.gif) no-repeat scroll -68px 0px;
}
.flag_en_NZ {
	background: transparent url(Images/flags/flags.gif) no-repeat scroll -85px 0px;
}
.flag_en_US {
	background: transparent url(Images/flags/flags.gif) no-repeat scroll -102px 0px;
}
.flag_es_ES {
	background: transparent url(Images/flags/flags.gif) no-repeat scroll -119px 0px;
}
.flag_es_MX {
	background: transparent url(Images/flags/flags.gif) no-repeat scroll -136px 0px;
}
.flag_fr_FR {
	background: transparent url(Images/flags/flags.gif) no-repeat scroll -153px 0px;
}
.flag_it_IT {
	background: transparent url(Images/flags/flags.gif) no-repeat scroll -170px 0px;
}
.flag_ja_JP {
	background: transparent url(Images/flags/flags.gif) no-repeat scroll -187px 0px;
}
.flag_nl_NL {
	background: transparent url(Images/flags/flags.gif) no-repeat scroll -204px 0px;
}
.flag_pl_PL {
	background: transparent url(Images/flags/flags.gif) no-repeat scroll -221px 0px;
}
.flag_pt_BR {
	background: transparent url(Images/flags/flags.gif) no-repeat scroll -238px 0px;
}
.flag_ru_RU {
	background: transparent url(Images/flags/flags.gif) no-repeat scroll -255px 0px;
}
.flag_zh_HK {
	background: transparent url(Images/flags/flags.gif) no-repeat scroll -272px 0px;
}
.flag_zh_TW {
	background: transparent url(Images/flags/flags.gif) no-repeat scroll -289px 0px;
}
.flag_ko_KR {
	background: transparent url(Images/flags/flags.gif) no-repeat scroll -306px 0px;
}


.currentFlag {
	vertical-align: middle;
}




.searchViews .videoTypeImageSelected
{
	float:left;
    position:relative;
    bottom:2px;
    background:#a5c9ed;
    text-decoration: none;
   	border: solid 1px #76add0;
   	padding:2px 0px 2px 0px
	
}


.searchViews .videoTypeImage
{
	float:left;
    position:relative;
    bottom:2px;
    border: solid 1px #fafafa;
    

}




.searchViews .videoTypeImage:hover
{
	
	float:left;
    position:relative;
    bottom:2px;
   
    
    text-decoration: none;
	border: solid 1px #76add0;
	background: #a5c9ed;
	/* Text color for the page numbers Black */
	color: #000000;
	}
	
	
	
	
	
	
	.ContextMenuPanel 
{
	border: 1px solid #d9e1f2;
	z-index: 1000;
	background-color: #ecf1fa;
	cursor: default;
	
	font-size: 11px;
	
}

.ContextMenuBreak
{
	margin:1px 1px 1px 5px;
	padding:0;
	height:1px;
	overflow:hidden;
	display:block;
	border-top: 1px solid #C5C5C5;	
}

.width110
{
	width:110px;
	}
	
.width138
{
	width:138px;
	}

.ContextMenuItem
{	
	display: block;
	/* Controls the size of the top view button   */
	
	color:black;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	
	/* Padding values: Top Right Bottom Left */
	padding: 0px 0px 0px 0px;
	background-color: #ecf1fa;
	
	text-decoration: none;
	font-family: Arial,Helvetica,sans-serif;
	font-size:12px;
	color: #003399;
	/* Control the item width */
	
	font-style:normal;
	
	/* no bottom border*/
	border-bottom: solid 0px #d9e1f2;
	border-top: solid 1px #d9e1f2;
	/* Padding values: Top Right Bottom Left */
	padding:5px 5px 5px 5px;
}



a.ContextMenuItem-Selected
{
	font-weight: bold;
}

a.ContextMenuItem:hover
{
	background-color: white;
}




		
		

	
		#suSignupDiv {
			width: 460px;
			padding: 0px 10px 0px 40px;
			margin-bottom: 24px;
			margin-left: 370px;
		}
	
		#suSignupDiv #signUpTable {
			border: 1px solid #69C;
			background-color: #DDE6F7;
			padding: 10px;
			width: 460px;
		}
	
		#suSigninDiv 
		{
			position:relative;
			width: 330px;
			float: left;
			padding: 0px 10px 0px 40px;
		}

		#suSigninDiv #loginForm {
			border: 1px solid #CCC;
			background-color: #EEE;
			padding: 3px;
		}

		.loginFormLabel {
			font-weight: bold;
			text-align: right;
			width: 200px;
			font-size: 11px;
		}


		
		
		
		
		.cohead{padding: 20px 0 20px 0;border-bottom:1px solid #999;clear:both; width:90%; margin: 0 auto 0 auto;}
		
		
		
.siteLogo
{
	background: transparent url(Images/master.gif) no-repeat -570px -232px;
                        height: 45px; width: 170px; 
	}		
		
		
		.siteLogoSelected
{
	background: transparent url(Images/master.gif) no-repeat -736px -232px;
                        height: 45px; width: 170px; 
	}	
	
	
	.veohLogo
	{
	background: transparent url(Images/master.gif) no-repeat -134px -7px;
                        height: 17px; width: 45px; 
	}	
	
	.youTubeLogo
	{
	background: transparent url(Images/master.gif) no-repeat -134px -30px;
                        height: 20px; width: 45px; 
	}	
	
	.veohLoggedInIcon
	{
	background: transparent url(Images/master.gif) no-repeat -55px -40px;
                        height: 16px; width: 16px; 
	}	
	
	.youTubeLoggedInIcon
	{
	background: transparent url(Images/master.gif) no-repeat -76px -40px;
                        height: 16px; width: 16px; 
	}	
	
	#powerByYouTube
	{
		
		background: transparent url(Images/master.gif) no-repeat -76px -40px;
                        height: 16px; width: 16px; 
		}
		
		
		
		.clearMe { /* generic container (i.e. div) for floating buttons */

}

a.button {
    background: transparent url('Images/bg_button_a.gif') no-repeat scroll top right;
    color: #444;
    display: block;
    
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

a.button span {
    background: transparent url('Images/bg_button_span.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
}


a.button:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.button:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
}



.FeaturesMenu 
{
	
  padding:0px 0px 0px 20px;
  margin:0;
  }

.FeaturesMenu li 
{
	padding-bottom:2px;
 list-style-type:disc;
  font-weight:bold;
  }
  
  






.dropDownArrowSelected
{
	background: transparent url(Images/master.gif) no-repeat -23px 0px;
    border: solid 1px gray;
    height: 16px; 
    width: 20px; 
	}		
		
		
		.dropDownArrowNotSelected
{
	background: transparent url(Images/master.gif) no-repeat -2px 0px;
                 border: solid 1px gray;
    height: 16px; 
    width: 20px;   
	}