/* CSS Document */
/* ClipsWTF.com CSS - site designed by Alex Marshall - www.phoenixstyles.com */

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	
}

td, th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
}

a{text-decoration:none; color:#1373A0;}
a:link{color:#1373A0;}
a:visited{color:#1373A0;}
a:hover{color:#FF6600;}
a:active{color:#FF6600;}

.footer{ color:#EA9314;font-size:10px; text-align:right; padding:13px;}
.footer a:link,.footer a:visited{color:#7B7B6D;}
.footer a:hover,.footer a:active{color:#efefef;} 

.sidevids{ color:#333333;font-size:10px; text-align:left; padding:4px;}
.sidevids a:link,.footer a:visited{color:#1373A0;}
.sidevids a:hover,.footer a:active{color:#FF6600;}

.videofrontpage {
	background: #E9E9E9;
	border: dashed;
	border color: #666666;
	border-width: 1px;
	padding: 3px;
	margin-top: 3px;
}

.videofrontpage_details {
	padding: 2px;
	font-size: 10px;
	color: #333333;
	background: url(../images/video_details.gif)
}

.random_video_links{ color:#333333;font-size:10px; text-align:left; padding:2px;}
.random_video_links a:link,.footer a:visited{color:#1373A0;}
.random_video_links a:hover,.footer a:active{color:#FF6600;}
.random_video_links {
	background: #E9E9E9;
	border: solid;
	border color: #CACACA;
	border-width: 1px;
}

.latestvideos {
	background: #FFFFFF;
	border: dashed;
	border color: #333333;
	border-width: 1px;
	padding: 3px;
	margin-top: 3px;
}

.video {
	padding: 3px;
}

.videoplayer {
	padding: 2px;
	margin-top: 3px;
	font-size: 12px;
	color: #333333;
	background-color: #FFFFFF;

}



	/*             styles for the star rater                */	
	.star-rating{
		list-style:none;
		margin: 0px;
		padding:0px;
		width: 80px;
		height: 16px;
		position: relative;
		overflow:hidden;
		background: url(http://clipswtf.com/images/blankstar.png) top left repeat-x;		
	}
	.star-rating li{
		padding:0px;
		margin:0px;
		width:16px;
		height:16px;
		/*\*/
		float: left;
		/* */
	}
	.star-rating li a{
		display:block;
		width:16px;
		height: 16px;
		line-height:16px;		
		text-decoration: none;
		text-indent: -9000px;
		z-index: 20;
		position: absolute;
		padding: 0px;
		overflow:hidden;
	}
	.star-rating li a:hover{
		background: url(http://clipswtf.com/images/star.png) left bottom;
		z-index: 2;
		left: 0px;
		border:none;
	}
	.star-rating a.one-star{
		left: 0px;
	}
	.star-rating a.one-star:hover{
		width:16px;
	}
	.star-rating a.two-stars{
		left:16px;
	}
	.star-rating a.two-stars:hover{
		width: 32px;
	}
	.star-rating a.three-stars{
		left: 32px;
	}
	.star-rating a.three-stars:hover{
		width: 48px;
	}
	.star-rating a.four-stars{
		left: 48px;
	}	
	.star-rating a.four-stars:hover{
		width: 64px;
	}
	.star-rating a.five-stars{
		left: 64px;
	}
	.star-rating a.five-stars:hover{
		width: 80px;
	}
	.star-rating li.current-rating{
		background: url(http://clipswtf.com/images/star.png) left center;
		position: absolute;
		height: 16px;
		display: block;
		text-indent: -9000px;
		z-index: 1;
	}
	
	/* remove halo effect in firefox   */
	a:active{
		outline: none;
	}		



















TD.tab_on {
	BORDER-TOP: black 1px solid; BORDER-BOTTOM: #003399 1px solid; BACKGROUND-COLOR: #003399
}
.tab_on {
	PADDING-RIGHT: 1px; FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: yellow; FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif; TEXT-ALIGN: center; TEXT-DECORATION: none
}
.tab_on:hover {
	COLOR: white
}
TD.tab_off {
	BORDER-TOP: black 1px solid; BORDER-BOTTOM: black 1px solid; BACKGROUND-COLOR: #0066cc
}
.tab_off {
	PADDING-RIGHT: 1px; FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #dddddd; FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif; TEXT-ALIGN: center; TEXT-DECORATION: none
}
.tab_off:hover {
	COLOR: yellow
}
TABLE.banner {
	BORDER-RIGHT: #333333 1px solid; BORDER-TOP: #333333 1px solid; BACKGROUND: #cccccc; BORDER-LEFT: #333333 1px solid; BORDER-BOTTOM: #333333 1px solid
}
TABLE.bannertop {
	MARGIN-BOTTOM: 12px
}
.bannertop {
	MARGIN-BOTTOM: 12px
}
TD.menu-space {
	BORDER-BOTTOM: black 1px solid
}
TD.submenu1 {
	FONT-WEIGHT: bold; FONT-SIZE: 11px; PADDING-BOTTOM: 8px; BORDER-LEFT: black 1px solid; COLOR: #bbffff; PADDING-TOP: 8px; BORDER-BOTTOM: black 1px solid; FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #003399; TEXT-ALIGN: center
}
TD.submenu2 {
	FONT-SIZE: 9px; BORDER-BOTTOM: black 1px solid; BACKGROUND-COLOR: #003399
}
TD.submenu3 {
	BORDER-RIGHT: black 1px solid; FONT-SIZE: 9px; BORDER-BOTTOM: black 1px solid; BACKGROUND-COLOR: #003399
}
.submenu {
	PADDING-LEFT: 4px; FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #bbffff; FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif; TEXT-ALIGN: center; TEXT-DECORATION: none
}
.submenu:hover {
	TEXT-DECORATION: underline
}
INPUT.newsearchbox {
	BORDER-RIGHT: #eeeeee 1px solid; BORDER-TOP: #eeeeee 1px solid; MARGIN-BOTTOM: 0px; BORDER-LEFT: #eeeeee 1px solid; WIDTH: 140px; MARGIN-RIGHT: 5px; BORDER-BOTTOM: #eeeeee 1px solid; HEIGHT: 13px
}
INPUT.newsearchbutton {
	BORDER-TOP-WIDTH: 0px; FONT-WEIGHT: bold; BORDER-LEFT-WIDTH: 0px; FONT-SIZE: 10px; BORDER-BOTTOM-WIDTH: 0px; MARGIN-BOTTOM: 0px; WIDTH: 50px; MARGIN-RIGHT: 0px; FONT-FAMILY: verdana,geneva,arial,helvetica; HEIGHT: 17px; BORDER-RIGHT-WIDTH: 0px
}
TD.content-area {
	BORDER-RIGHT: black 1px solid; BORDER-LEFT: black 1px solid; BORDER-BOTTOM: black 1px solid; BACKGROUND-COLOR: #ffffff
}
TD.left-column {
	BORDER-RIGHT: #0099cc 1px solid; BACKGROUND-COLOR: #0066cc
}
TD.content {
	PADDING-RIGHT: 15px; PADDING-LEFT: 15px; FONT-SIZE: 12px; PADDING-BOTTOM: 18px; FONT-FAMILY: Arial, Helvetica, sans-serif
}
TD.content2 {
	PADDING-RIGHT: 13px; PADDING-LEFT: 13px; FONT-SIZE: 12px; FONT-FAMILY: Arial, Helvetica, sans-serif
}
TD.right-column {
	PADDING-BOTTOM: 12px; PADDING-TOP: 8px; BACKGROUND-COLOR: #dddddd
}
.left-title {
	PADDING-RIGHT: 9px; BORDER-TOP: #0099cc 1px solid; FONT-WEIGHT: bold; FONT-SIZE: 10px; BACKGROUND: #0088cc; PADDING-BOTTOM: 3px; WIDTH: 100%; COLOR: yellow; PADDING-TOP: 2px; FONT-FAMILY: verdana, geneva, arial; TEXT-ALIGN: right; TEXT-DECORATION: none
}
.left-link2 {
	PADDING-RIGHT: 9px; BORDER-TOP: #0099cc 1px solid; PADDING-BOTTOM: 3px; WIDTH: 100%; PADDING-TOP: 2px; TEXT-ALIGN: right
}
.left-link {
	FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #ffffff; FONT-FAMILY: verdana, geneva, arial; TEXT-DECORATION: none
}
.left-link:hover {
	COLOR: yellow
}
.title {
	MARGIN-TOP: 22px; FONT-WEIGHT: bold; FONT-SIZE: 24px; COLOR: black; FONT-FAMILY: Arial, Helvetica, sans-serif
}
DIV.listingrange {
	MARGIN-TOP: 24px; FONT-SIZE: 12px; MARGIN-BOTTOM: 14px; FONT-FAMILY: Arial, Helvetica, sans-serif
}
TABLE.pagestable {
	MARGIN-TOP: 14px
}
TD.pagesleft {
	PADDING-RIGHT: 5px
}
TD.pagesright {
	PADDING-LEFT: 5px
}
TD.pagesmiddle {
	PADDING-RIGHT: 11px; PADDING-LEFT: 11px; FONT-SIZE: 12px; WIDTH: 400px; FONT-FAMILY: Arial, Helvetica, sans-serif
}
.bottom-links1 {
	MARGIN-TOP: 10px; FONT-WEIGHT: bold; FONT-SIZE: 10px; MARGIN-BOTTOM: 2px; COLOR: #000000; FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
.bottom-links {
	FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #000000; FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
.bottom-links:hover {
	TEXT-DECORATION: underline
}
.copyright {
	FONT-SIZE: 11px; COLOR: #333333; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
TD.copytext {
	FONT-SIZE: 11px; COLOR: #333333; PADDING-TOP: 12px; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
.copylink {
	FONT-SIZE: 11px; COLOR: #333333; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
.copylink:hover {
	TEXT-DECORATION: underline
}
TD.copyl {
	PADDING-RIGHT: 14px; FONT-SIZE: 10px
}
TD.copyr {
	PADDING-LEFT: 25px; FONT-SIZE: 10px; PADDING-TOP: 5px
}
TABLE.copyarea {
	MARGIN-TOP: 22px
}
.text1 {
	FONT-SIZE: 12px; FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif
}
.text2 {
	FONT-SIZE: 12px; FONT-FAMILY: Arial, Helvetica, sans-serif
}
.caption {
	FONT-SIZE: 12px; FONT-FAMILY: Arial, Helvetica, sans-serif
}
DIV.caption-new {
	MARGIN-TOP: 15px; FONT-SIZE: 12px; MARGIN-BOTTOM: 11px; FONT-FAMILY: Arial, Helvetica, sans-serif
}
DIV.page-options {
	MARGIN-TOP: 13px; MARGIN-BOTTOM: 34px
}
.buttons {
	FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: black; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
.buttons:hover {
	COLOR: blue
}
TD.thumbcell {
	PADDING-RIGHT: 9px; PADDING-LEFT: 6px; PADDING-BOTTOM: 7px
}
.score {
	FONT-WEIGHT: bold; FONT-SIZE: 19px; COLOR: #911111; FONT-FAMILY: verdana, Geneva, Arial, Helvetica, sans-serif
}
.a-title {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; FONT-FAMILY: verdana, geneva, arial, helvetica, sans-serif
}
DIV.a-des {
	MARGIN-TOP: 3px; FONT-WEIGHT: normal; FONT-SIZE: 11px; MARGIN-BOTTOM: 2px; FONT-FAMILY: verdana, geneva, arial, helvetica, sans-serif
}
DIV.a-rank {
	FONT-WEIGHT: normal; FONT-SIZE: 10px; COLOR: #777777; FONT-FAMILY: verdana, geneva, arial, helvetica
}
DIV.a-num {
	FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #777777; FONT-FAMILY: verdana, geneva, arial, helvetica
}
UNKNOWN {
	BORDER-RIGHT: #777777 1px dotted; PADDING-RIGHT: 10px; BORDER-TOP: #777777 1px dotted; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; BORDER-LEFT: #777777 1px dotted; PADDING-TOP: 10px; BORDER-BOTTOM: #777777 1px dotted
}
.m-column-text {
	FONT-SIZE: 12px; FONT-FAMILY: arial, helvetica
}
TD.results {
	FONT-SIZE: 12px; PADDING-BOTTOM: 7px; FONT-FAMILY: arial, helvetica
}
DIV.fmedia {
	FONT-WEIGHT: bold; FONT-SIZE: 11px; MARGIN-BOTTOM: 8px; COLOR: #444444; FONT-FAMILY: verdana,genevia,arial,helvetica
}
DIV.ptoday {
	FONT-WEIGHT: bold; FONT-SIZE: 11px; PADDING-BOTTOM:5px; MARGIN-BOTTOM: 6px; COLOR: #444444; FONT-FAMILY: verdana,genevia,arial,helvetica; border-bottom: 1px dotted #777777;
}
DIV.plist {
	font-family: arial,helvetica; font-size: 10px; line-height: 18px;
}
.poplink { text-decoration: none; color:#333333; }
.poplink:hover { text-decoration: underline; }
IMG.fmediathumb {
	BORDER-RIGHT: #555555 1px solid; BORDER-TOP: #555555 1px solid; MARGIN-BOTTOM: 9px; BORDER-LEFT: #555555 1px solid; BORDER-BOTTOM: #555555 1px solid
}
TABLE.cat-table {
	MARGIN-TOP: 20px; FONT-SIZE: 12px; FONT-FAMILY: Arial, Helvetica, sans-serif
}
TD.cat-1 {
	FONT-SIZE: 12px; FONT-FAMILY: Arial, Helvetica, sans-serif
}
TD.cat-2 {
	FONT-SIZE: 12px; FONT-FAMILY: Arial, Helvetica, sans-serif
}

TD.taf-text  { 
		padding-right: 15px;
		padding-top: 12px;
		color: #666666;
		font-family: verdana, geneva, arial, helvetica;
		font-size: 12px;
	}

TD.taf-2  { 
		padding-top: 12px;
		color: #666666;
		font-family: verdana, geneva, arial, helvetica;
		font-size: 10px;
	}

.formbox  {     border: 1px solid #999999;
		background:url(/images/fadeback2.jpg);
		background-repeat:repeat-x;
		background-color: #ffffff;
	}

.formbutton { 	border: 1px solid #999999;
		background-color: #eeeeee;
		color: #666666;
		font-family: arial, helvetica;
		font-size: 11px;
		font-weight: bold;
	}

TABLE.related { margin-top: 13px; }

TABLE.related2 { 
	}

TD.add	      { padding-top: 2px;
		padding-left: 8px;
		font-size: 10px;
	}

TD.sidetab    { border-bottom: 1px solid #999999;

		padding-left: 7px;
		padding-right: 7px;
		padding-top: 3px;
		padding-bottom: 3px;
	
		color: #666666;
		font-family: arial, helvetica;
		font-size: 11px;
		font-weight: bold;
		text-decoration: none;
	}

TD.space      { font-family: arial, helvetica;
		font-size: 10px;
		width: 10px;
	}

.sortlink     { color: #888888;
		font-family: arial, helvetica;
		font-size: 10px;
		font-weight: bold;
		text-decoration: none;
	}

.sortlink:hover { text-decoration: underline; }

tr.rowlightgrey {  text-decoration:none;
		color:#000000;
		font-size:12px; text-align:left;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		background-color: #dddddd;
	}

tr.row 	{ 	text-decoration:none;
		color:#000000;
		font-size:12px; text-align:left;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		background-color: #eeeeee;
	}

tr.rowtitles   { 	text-decoration:none;
		font-weight:bold;
		color:#000000; font-size:12px;
		text-align:left;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		background-color: #C0C0C0;
	}

tr.subcattoplevel   {	text-decoration:none;
		font-weight:bold;
		color:#000000;
		font-size:12px;
		text-align:left; font-family: Verdana, Arial, Helvetica, sans-serif;
		background-color: #e8e7d7;
		padding: 5px;
	}


.pagelinkON {
font-weight:bold;

}