/* general style rules used throughout the gofish site*/

/* begin generic rules */
img {
	display: block; /*to avoid IE 3px bug*/
	border: 0;
}

a { color: #6287CB; }

a:hover
{
    color: #fff;
    background: #6287CB;
    text-decoration: none;
}

.hidden { display: none; }

	/* makes images use hover border like links */
	.a-img { font-size: 1px; }
	.a-img img { border: 1px solid #AAAAAA;}
	.a-img:hover img { border: 1px solid #5E77B9;}

 
.samplePlayer {
    display: inline;
    font-size: 1px;
}
.entry-body img { display: inline; } /* for blog icons */

 /* gofish body styles*/
.gofish {
	background: #fff;
	padding: 0;
	margin: 0px auto;
	font-size: 125%; /* Part two of 1em = 10px */
	font-family:arial,helvetica,sans-serif;
}
.gofish2 {
    background: #4B6896 url(/img/common/default-home-bg.png) repeat-y top center ;
	padding: 0;
	margin: 0;
	font-family:arial,helvetica,sans-serif;
}

.gofish3 {
    background: #4B6896 url(/img/common/default-bg.png) repeat-y top center ;
    font-family:arial,helvetica,sans-serif;
    margin: 0px;
    padding: 0px;
}

.gofish4 {
    background: #C3D1F1 url(/img/common/misc-gofish4BG.png) repeat-y top center ;
    font-family:arial,helvetica,sans-serif;
    margin: 0px;
    padding: 0px;
}

.hiddenCelebBody {
    background: #000;
    font-family:arial,helvetica,sans-serif;
    margin: 0px;
    padding: 0px;
}

.gofishCC {
    background: #4B6896 url(/img/common/default-bg.png) repeat-y top center ;
    font-family:arial,helvetica,sans-serif;
    margin: 0px;
    padding: 0px;
}

.mma {
    background: #000 url(/img/mma/BG-main.png) repeat-y top center;
    font-family:arial,helvetica,sans-serif;
    margin: 0px;
    padding: 0px;
}
/* very general CSS classes for CMS action spots */
.cmsSet {
    color: #0F0;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    float: left;
    border: 1px solid #0F0;
    background: #000;
    font-weight: normal;
    font-size: 11px;
}

.cmsItem {
    cursor: pointer;
    display: inline;
    float: left;
    clear: both;
    padding: 4px;
}
.cmsItem:hover { text-decoration: underline; color: #FFF; }
.cmsBorder .thumbLink img { border-color: #0F0; }
.cmsBorder .thumbLink:hover img { border-color: #FFF; }
.cmsBorder .vidThumbSet a { color: #0F0; }
.cmsBorder .vidThumbSet a:hover { background: #FFF; color: #000; }

/* end of CMS CSS */

#fullBG
{
    width: 994px;
    margin: 0 auto;

}

/* every page has a main area with content */
#content {
	position: relative;
	width: 994px;
	margin: 0px auto;
	padding-top: 20px;
}
/* end body styles */
/* end generic rules */
.rssImg
{
    display: inline;
    width: 17px;
    height: 17px;
}

/* begin nav bar styles */
/* begin new styles */
/* styles for home page nav bar */
/* TNH = top nav home; TNS = top nav sub */
.TNH-BG {

    margin:0 auto;
    height: 70px;
    width: 966px;
    background: #FFF;
    position: relative;
}
.TNH-wrapper {
    position: absolute;
    top: -17px;
    left: 14px;
    height: 84px;
    width: 940px;
    background: #000 url(/img/common/teen-topnav-bg-big.png) repeat-x;

}
.TNH-logo {
    float: left;
	width: 94px;
	height: 45px;
	margin-top: 12px;

    display: inline;
}
.TNH-navbar {
    width: 530px;
    height: 29px;
    float: left;
    position: relative;
    top: 37px;
    left: 17px;
}
#searchForm {
    float: left;
    width: 275px;
}

.TNH-search_field
{
    position: absolute;
    left: 0;
    top: 1px;
    padding: 2px;
    margin: 0;
    font-size: 13px;
    width: 250px;
    color: #666;
}

.TNH-search_button {
    left: 230px;
    top: 0;
    
    width: 43px;
    height: 26px;
    border: 0;
    position: relative;
 
}

.TNH-mainnav {
    padding: 0 0 0 30px;
    margin: 0px;
    list-style: none;
    float: left;
    position: relative;
    top:0px;
    left: 3px;
}
ul.TNH-mainnav {
    width: 190px;
    text-align: right;
    top: -5px;
}
.TNH-mainnav li {
    float: left;
    padding: 0 3px 0 3px;
    font-size: 13px;
    font-weight: bold;
    color: #E4E6E7;
}
li.feedback {
    width: 175px;
    padding-top: 3px;
    text-align: right;
    font-size: 12px;
}

.TNH-divider {
    margin: 0px;
    position: absolute;
    top:-13px;
    left:502px;
    width: 1px;
    height: 51px;
}
.TNH-status {
	float: right;
	position: relative;
	width: 315px;
	height: 80px;

    font-size: 12px;

    color: #E4E6E7;
}

.statusFLine
{
    position: relative;
    width: 250px;
    margin-top: 33px;
    height: 18px;
    text-align: right;
}

.statusSLine
{
    position: relative;
    width: 250px;
    text-align: right;
    height: 15px;
}

.statusLoggedOut
{
    position: relative;
    width: 260px;
    margin-top: 40px;
    height: 15px;
    text-align: right;
    color: #fff;
}

.statusFLine a
{
    font-weight: bold;
}

.statusSLine a, .statusLoggedOut a
{
    font-weight: bold;
    margin-left: 0px;
}

.statusUserIcon
{
    position: absolute;
    right: 5px;
    top: 22px;
}

.statusUserIcon img, .TNS-statusUserIcon img
{
    border: 1px solid #AAA;
}

ul.TNH-statusnav {
    padding: 0px;
    margin: 0px;
    list-style: none;
    float: left;
    position: relative;
    top:36px;
    width: 283px;
}

 li.statusNotLoggedIn {
    float: left;
    padding: 0 5px 0 5px;
    font-size: 12px;
    color: #E4E6E7;
    position: relative;
    top: 3px;
    left: 50px;
}
.TNH-statusnav li {
    float: left;
    padding: 0 3px 0 3px;
    font-size: 12px;
    font-weight: bold;
    color: #E4E6E7;
}

.TNH-nameWrapper {
     position: relative;
     width: 255px;
     text-align: right;
}
li.statusBTM {
    float:left;
    position: relative;
    left: 72px;
    top: 3px;
}
.TNH-statusUserIcon {
    margin: 0px;
    width: 52px;
    height: 52px;
    float:right;
    position: absolute;
    top: 23px;
    left:287px;

}
.TNH-name {
    margin: 0px;
}


.TNS-BG {
    margin:0 auto;
    height: 50px;
    width: 994px;
    background: #000 url(/img/common/teen-misc-subNavBG.png) 0 -5px repeat-x;
    position: relative;
}
.TNS-wrapper {
    height: 55px;
    width: 994px;
    position: absolute;
    top: -5px;

}
.TNS-wrapper a {text-decoration: none;}
.TNS-logo {

    float: left;
	width: 67px;
	height: 32px;

    display: inline;
}
.TNS-navbar {
    width: 530px;
    height: 29px;
    float: left;
    position: relative;
    top: 17px;
    left: 27px;
}
#searchForm {
    float: left;
    width: 275px;
}

.TNS-search_field
{
    position: absolute;
    left: 0;
    top: -1px;
    padding: 2px;
    margin: 0;
    font-size: 13px;
    width: 250px;
    color: #666;
}

.TNS-search_button {
    position: absolute;
    left: 265px;
    top: 2px;
    width: 20px;
    height: 20px;
    border: 0;
    position: relative;
}
.TNS-search_buttonBTM {
    position: absolute;
    left: 295px;
    top: 2px;
    width: 20px;
    height: 20px;
    border: 0;
    position: relative;
}
.TNS-mainnav {
    padding: 0px;
    margin: 0px;
    list-style: none;
    float: left;
    position: relative;
    top: 2px;
    left: 60px;

}
ul.TNS-mainnav {
    width: 200px;
    text-align: right;
    top: -6px;
}
.TNS-mainnav li {
    float: left;
    padding: 0 3px 0 3px;
    font-size: 13px;
    font-weight: bold;
    color: #E4E6E7;
}

.TNS-divider {
    margin: 0px;
    position: absolute;
    top:-3px;
    left:530px;
    width: 1px;
    height: 31px;
}
.TNS-status {
	float: right;
	position: relative;
	width: 330px;
	height: 55px;
    font-size: 12px;
    color: #E4E6E7;
}

.TNS-statusFLine {
    position: relative;
    width: 270px;
    margin-top: 12px;
    height: 18px;
    text-align: right;
}


.TNS-statusSLine
{
    position: relative;
    width: 270px;
    text-align: right;
    height: 15px;
}

.TNS-statusSLine a { font-weight: bold; }

ul.TNS-statusnav {
    padding: 0px;
    margin: 0px;
    list-style: none;
    float: left;
    position: relative;
    top:6px;
    width: 283px;
}

 li.statusNotLoggedIn {
    float: left;
    padding: 0 5px 0 5px;
    font-size: 12px;
    color: #E4E6E7;
    position: relative;
    top: 3px;
    left: 50px;
}
.TNS-statusnav li {
    float: left;
    padding: 0 3px 0 3px;
    font-size: 12px;
    font-weight: bold;
    color: #E4E6E7;
}

.TNS-nameWrapper
{
     position: relative;
     width: 255px;
     text-align: right;
}
li.statusBTM {
    float:left;
    position: relative;
    left: 72px;
    top: 3px;
}
.TNS-statusUserIcon {
    margin: 0px;
    width: 30px;
    height: 30px;
    float:right;
    position: absolute;
    top: 13px;
    left:280px;
}
.TNS-name {margin: 0px;}
.TNS-bannerAdPlacer {
    margin: 0px auto;
    width: 990px;
    height: 90px;
}
#ad1 {
    margin-left: 133px;
    margin-top: 10px;
}
.TNS-statusLoggedOut {
    position: relative;
    width: 260px;
    margin-top: 10px;
    height: 15px;
    text-align: right;
}

/* end new navbar styles*/
/* HEADER NAVBAR - Allows Gofish users to nagivate Gofish easily */
#header {
		position: relative;
		width: 873px;
		margin: 0px auto;
		margin-top: 20px;
}
#header .logo_img {
    position: relative;
	left: 1px;
	top: 6px;
	width: 89px;
	height: 59px;
}
	/* AD HOLDER - Holds the ads which can be imgs or iframes */
#adTop {
	padding: 0px;
	margin: 0px auto;
	margin-top: 10px;
	height: 90px;
	width: 760px;
	background: transparent;
}

#header #adTop iframe, #header #adTop img {
	display: block;
	position: relative;
	left: 0px;
	top: 0px;
	padding: 0px;
	margin: 0px ;
}
#header .logo_img img {
    border: 0px;
	width: 89px;
	height: 59px;
	background: #DADAD9;
	display: block;
}
#header .promo {
	color: #5C76B8;
	font-weight: bold;
}
#header .promo:hover {
    background: #5C76B8;
    color: #fff;
    text-decoration: none;
 }
#header #navbar {
    position: absolute;
    left: 104px;
    top: 35px;
    overflow: hidden;
    width: 770px;
    height: 29px;
    background: #A5C2F2 url(http://cdn.gofish.com/videos/static/img/header-chrome-mid-1x30.png) repeat-x;
}

#header #navbar #mainnav {
    background: url(http://cdn.gofish.com/videos/static/img/header-chrome-right-11x30.png) no-repeat top right;
    height: 29px;
}

#header #navbar ul {
    padding: 0px;
    margin: 0px;
}

#header #navbar #mainnav li, #header #navbar #mainnav li a,
#header #navbar #mainnav li a:hover, #header #navbar #mainnav #home,
#header #navbar #mainnav #selhome, #header #navbar #mainnav #home:hover,
#header #navbar #mainnav .selected, #header #navbar #mainnav .selected:hover
{
display: inline;
height: 30px;
float: left;
padding: 6px 13px 0 13px;
color: #FEFEFE;
background: #fff;
}

#header #navbar #mainnav li {padding: 0px;}
#header #navbar #mainnav li a {
    font-size: 14px;
    font-weight: bold;
    border-right: 1px solid #fff;
    background: #A5C2F2 url(http://cdn.gofish.com/videos/static/img/header-chrome-link-196x29.png) no-repeat;
    text-decoration: none;
 }
#header #navbar #mainnav li a:hover {
    background: #668BCC url(http://cdn.gofish.com/videos/static/img/header-chrome-over-1x30.png) repeat-x;
}

		#header #navbar #mainnav #home
		{
			background: #A5C2F2 url(http://cdn.gofish.com/videos/static/img/header-chrome-left-196x29.png) no-repeat;
			padding-left: 14px;
		}

		#header #navbar #mainnav #selhome
		{
			background: #476AA8 url(http://cdn.gofish.com/videos/static/img/header-chrome-left-sel-11x30.png) no-repeat;
			padding-left: 14px;
		}

		#header #navbar #mainnav #home:hover
		{
			padding-left: 14px;
			background: #668BCC url(http://cdn.gofish.com/videos/static/img/header-chrome-left-over-11x30.png) no-repeat;
		}

		#header #navbar #mainnav .selected, #header #navbar #mainnav .selected:hover
		{
			background: #476AA8 url(http://cdn.gofish.com/videos/static/img/header-chrome-sel-1x30.png) repeat-x;
		}

	/* HEADER SEARCH FORM - Allows users to search Gofish for people or videos */

		#header #navbar form
		{
			position: absolute;
			right: 11px;
			top: 5px;
			margin-right: 5px;
			padding: 0px;
			width: 353px;
			height: 19px;

		}


		#header #navbar #searchField
		{
			position: absolute;
			right: 60px;
			top: 0;
			width: 260px;
			padding: 1px 1px 0.5px 1px;
			font-size: 8pt;
			line-height: 14px;
		}
#header #navbar #searchFor
		{
			position: absolute;
			top: 0px;
			left: 237px;
			width: 80px;
			padding: 0px;
			font-size: 8pt;
		}
		#header #navbar #searchButton
		{
			position: absolute;
			top: 1px;
			left: 300px;
			width: 55px;
			height: 19px;
			font-size: 8pt;
		}



	/* HEADER STATUS BAR - Shows login/logout options, and some MSGING options */

		#header #square
		{
			top: 5px;
			position: relative;
		}

		#header #status
		{
			position: absolute;
			top: 15px;
			left: 103px;
			width: 760px;
			text-align:	right;
			font-size: 11px;
			background: #fff;
			color: #555555;
			word-spacing: 1px;
		}
		#header #status img
		{
			border: 0px;
			display: inline;
			position: relative;
			top: 4px;
		}
		#header #status .name
		{
			font-weight: normal;
			background: #fff;
			color: #000;
		}
		.search_button
		{
			width: 55px;
			height: 18px;
			border: 0px;
			background: url(http://cdn.gofish.com/videos/static/img/common/search_button.png) no-repeat;
			color: #fff;
			padding: 0em 0.2em 0.2em 0.2em;
			font-size: 12px;
			font-weight: bold;
			line-height: 18px;
			font-family: arial, sans-serif;
		}


/* end nav bar styles */

/* begin footer styles */
#footer
{
	font-size: 11px;
	width: 955px;
	margin: 10px auto;
	text-align: center;
	padding: 10px 0px 10px 0px;
	border-top: 1px solid #CCC;
	clear: both;

}

#footer p
{
	padding: 0px;
	margin: 0px;
}
/* end footer styles */
/* begin home page footer styles*/
.HPfooterWrapper {
    margin: 0 auto;
	width: 966px;
	height: 127px;
	clear: both;

	background: #FFF;   /* to make it look better at extremly thin browser width */
	position: relative;

}

#HPfooter {
    font-size: 11px;
	width: 940px;
	height: 127px;
	margin: 0 auto;
	background: url(/img/common/teen-footer-tile.png) repeat-x;
	position: relative;
}

#HPfooter .TNH-search_field{width: 280px;}
#HPfooter .TNH-search_button{left: 290px;}

.HPfooterSearch{
    position: relative;
    top: 37px;
    left: 12px;
}

#HPfooter p.links {
    position: absolute;
    top: 43px;
    left: 350px;
    color: #fff;
    width: 590px;
    margin: 0;
    text-align: center;
    font-size: 11px;
}
#HPfooter p.copyright {
    clear: both;
    color:#FFF;
    position: absolute;
    top: 85px;
    right: 5px;
    width: 180px;
    text-align: right;
    margin: 0;    
}

/* begin sub page footer styles */
.SUBfooterWrapper {
    margin: 0 auto;
	width: 994px;
	height: 75px;
	background: url(/img/common/teen-footer-tile.png) 0 -23px repeat-x;
}

#SUBfooter {
    font-size: 11px;
	width: 938px;
	height: 54px;
	margin: 0 auto;
	position: relative;
    text-align: left;
}

#SUBfooter .TNH-search_field{width: 280px;}
#SUBfooter .TNH-search_button{left: 290px;}

.SUBfooterSearch{
    position: relative;
    top:13px;
    left: 12px;
}

#SUBfooter p.links {
    position: absolute;
    top: 19px;
    left: 350px;
    color: #fff;
    width: 590px;
    margin: 0;
    text-align: center;
    font-size: 11px;
}
#SUBfooter a { text-decoration: none;}

#SUBfooter p.copyright {
    clear: both;
    color:#4C80FC;
    position: absolute;
    top: 60px;
    right: 5px;
    width: 180px;
    text-align: right;
    margin: 0;
}

.miscText {
    font-size: 11px;
    position: absolute;
    left: 0;
    top: 60px;
    margin: 0;
}


.footerExtraContent
{
    width: 940px;
    margin: 0 auto;
    color: #FFF;
    background: #000;
    font-size: 12px;
    padding: 0 13px 20px 13px;
    position: relative;
    
}

.footerExtraContent p { margin: 0 0 10px 0; }

#HPfooter .miscText
{
    top: 85px;
}

/* special for channel create footer*/
p.linksCC {
    color: #fff;
    width: 890px;
    margin: 0 auto;
    margin-top: 20px;
    text-align: center;
    font-size: 11px;
}
p.linksCC a {text-decoration: none;}

/* end sub page footer styles */

/*end home page footer styles */

/* begin video styles */
	.vid-title, .vid-field, .vid-field .desc, .vid-ratings,
	.vid-tags, .vid-cats
	{
		font-weight: bold;
		font-size: 12px;
		font-family: arial, sans-serif;
		line-height: 1.3;
		margin: 0px;
	}


	.vid-title a, .vid-field a
	{
		color: #6287cb;
		text-decoration: underline;
		padding: 0px;
		margin: 0px;
		display: inline;
	}

	.vid-title a:hover, .vid-field a:hover
	{
		color: #fff;
		text-decoration: none;
	}

	.vid-duration
	{
		font-size: 11px;
		font-weight: bold;
		color: #000;
		padding-top: 2px;
		margin: 0px 0px 3px 0px;
	}

	.vid-field, .vid-tags, .vid-cats, .vid-private
	{
		font-size: 11px;
		font-weight: normal;
		color: #7c7c7c;
		padding: 0px;
		margin: 0px;

	}

	.vid-private
	{
		margin: 6px 0px 6px 0px;
	}

	.vid-field span, .vid-tags span, .vid-cats span
	{
		display: inline;
		color: #000;
		background: transparent;
	}

	.vid-desc
	{
		font-size: 11px;
		color: #000;
		font-weight: normal;
		padding: 0px;
		margin: 2px 0px 0px 0px;
	}

	.vid-avg
	{
		height: 12px;
		margin: 3px 0px 3px 0px;
	}

	.vid-ratings, .vid-ratings-in
	{
		font-size: 10px;
		color: #000;
		font-weight: normal;
		margin: 0px;
	}

	.vid-ratings-in
	{
		margin-top: 4px;
	}
	.vid-ratings-in img
	{
		height: 12px;
		float: left;
	}

	.vid-count
	{
		font-weight: bold;
	}

	.vid-dd,.vid-div
	{
		padding-bottom: 10px;
		background: transparent;
	}

	.vid-tags
	{
		margin: 7px 0px 2px 0px;
	}
	.vid-cats {margin: 0px 0px 7px 0px;}

.vid-condensed {
		width: 102px;
		margin-right: 9px;
		margin-bottom: 5px;
		height: auto;
		background: transparent;
		float: left;
}

.vid-wide {
		width: 124px;
		margin-right: 9px;
		margin-bottom: 5px;
		height: auto;
		background: transparent;
		float: left;
}

.vid-condensed-wide {
		width: 102px;
		margin-right: 30px;
		padding-bottom: 10px;
	}

.vid-standard {
	width: 124px;
	margin-right: 9px;
	margin-bottom: 5px;
	height: auto;
	background: transparent;
    float: left;
}

	.vid-comment
	{
		width: 102px;
		padding-bottom: 15px;
	}

	.vid-standard-small
	{
		height: 230px;
		width: 112px;
		margin-right: 12px;
	}


.vid-thumb, .vid-none {border: 1px solid #aaa;}

.vid-none
	{
		width: 93px;
		height: 69px;
		font-size: 10px;
		padding: 2px;
	}
.vid-image {
    margin: 0px;
}
.vid-data {
    margin: 2px 0 0 0;
    min-height: 130px;
    height: auto !important;
    height: 130px;
}
.vid-data ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
}
.vid-data li {
    margin: 0px;
    padding: 0px;
    line-height: 1.4;
}

.vid-standard .vid-thumb {
	width: 122px;
	height: 92px;
}
/* this is a unique style for
the home page spotlight feature
-StevePi, 3-2-7*/
.vid-thumbFeatureHome {
	width: 139px;
	height: 104px;
}

/* end video styles */
/* begin styles for side nav panels */
.sideNavList {
    margin: 2px 0 0 0;
    height: auto;
    width: 186px;
}
.sideNavList ul {
    list-style: none;
    margin: 4px 0 10px 0;
    padding: 0px;
    width: 186px;
}

.sideTagList
{
    width: 180px;
    padding-left: 10px;
    font-weight: bold;
}

.sideNavList li {
    position: relative;
    margin: 0px;
    padding: 0px;
    line-height: 1.4;
    width: 186px;
    background: transparent;
    display: block;
    font-size: 11px;
    font-weight:bold;
}

/*  selected */
.sideNavList .sideNavListSel {
    padding: 0 0 0 8px;
	margin: 0 0 0 3px;
    line-height: 1.4;
    width: 186px;
    background:#b6cef4;
    display: block;
    font-size: 11px;
    font-weight:bold;
    color: #fff;
}


.sideNavListHotTags {
    padding: 0 0 0 8px;
	margin: 0 0 0 3px;
    line-height: 1.4;
    width: 186px;
    background: transparent;
    display: block;
    font-size: 11px;
    font-weight:bold;
}
.sideNavListHotTags a {
    text-decoration: none;
}
.sideNavList li a {
    color: #6287DC;
    padding: 0 0 0 8px;
	margin: 0 0 0 3px;
    line-height: 1.4;
    width: 186px;
    background: transparent;
    display: block;
    font-size: 11px;
    text-decoration: none;
}
.sideNavList li a:hover {
    padding: 0 0 0 8px;
	margin: 0 0 0 3px;
    line-height: 1.4;
    width: 186px;
    background: #6287DC;
    color: #fff;
    display: block;
    font-size: 11px;
}

.sideNavTagList
{
    font-size: 12px;
    padding: 0 10px 0 10px;
}


.sideNavList .sideNavTagList a
{
    text-decoration: none;
}


li.sideNavMore {
    padding: 8px 0;
 }
.sideNavTop {
		margin: 0px;
		background: url(http://cdn.gofish.com/videos/static/img/gfp/locnav-tophead-200x34.png) no-repeat;
		height: 34px;
}
.sideNavBot {
		height: 19px;
		margin: 0px;
		padding: 0px;
}
.sideNavHdr {
    font-size: 14px;
    font-weight: bold;
    position: relative;
    top: 10px;
    left: 10px;
}
.sideNavCatHdr {
    height: 34px;
    background: url(http://cdn.gofish.com/videos/static/img/gfp/locnav-sechead-200x34.png) no-repeat;
}

.sideNavList li .sideFloatLink, .sideNavList .sideFloatLink:hover
{
    position: absolute;
    left: 86px;
    top: 0;
    width: 100px;
}

.sideNavList li .sideLinkShort, .sideNavList .sideLinkShort:hover
{
    width: 79px;
}

/* end styles for side nav panels */

/* styles for the video bucket (video bucket CSS needs a lot of work) */


	.adminDockThumbnail
	{
		position:relative;
		width:100px;
		height: 120px;
		float:left;
        margin: 5px;
		overflow:hidden;
		border:1px solid #4c4c4c;
	}



/* BUTTONS - The buttons on the sites
---------------------------------------------------------------------*/

.small_button, .small_button_wider, .small_button_extra,
.dark_button, .small_button_gray
{
	width: 80px;
	height: 23px;

	background: #75A2F3 url(http://cdn.gofish.com/videos/static/img/common/small_button.png) no-repeat;

	color: #fff;
	padding: 0 0.2em 0.1em 0.2em;
	font-size: 12px;
	font-weight: bold;
	line-height: 23px;

	font-family: arial, sans-serif;

	border: 0;
}

.small_button_wider
{
	background: #75A2F3 url(http://cdn.gofish.com/videos/static/img/common/small_button_wider.png) no-repeat;
	width: 100px;
}

.small_button_gray
{
	background: #C0C0C0 url(http://cdn.gofish.com/videos/static/img/common/small_button_gray.png) no-repeat;
}


.small_button_extra {
	background: #75A2F3 url(http://cdn.gofish.com/videos/static/img/common/small_button_extra.png) no-repeat;
	width: 140px;
}

.dark_button {
	background: url(http://cdn.gofish.com/videos/static/img/common/dark_button.png) no-repeat;
	width: 140px;
}
/* styles for the pagination at the bottom of pages */

.pager
{
    width: 100%;
    height: 25px;
    padding-bottom: 20px;
}
.pager ul
{
    position: relative;
    float: right;
    padding: 0;
    margin: 0;
    list-style-type: none;
    color: #7C7C7C;
    height: 23px;
}
.pager li { float: left; }
.pagerIntro
{
   font-size: 13px;
   padding-top: 2px;
}
.pagerTotals
{
   font-size: 12px;
   padding-top: 2px;
   float: left;
}
.pagerSel
{
    font-weight: bold;
    font-size: 12px;
    padding: 3px 8px 3px 8px;
    color: #000;
    margin-left: 5px;
}
.pagerPage
{
    font-weight: bold;
    font-size: 12px;
    margin-left: 5px;
    border: 1px solid #CCC;


}
.pagerPage a
{
    display: block;
    text-align: center;
    text-decoration: none;
    padding: 3px 8px 3px 8px;
}
/* end pagination CSS */


/* gray boxes used before an ad loads */
#adMiddle .ad-Middle
{
    width: 300px;
    height: 250px;
    background: #F5F5F5;
}

#adMiddle {
    width: 300px;
    height: 250px;
    background: #F5F5F5;
}


#adRight .ad-Right
{
    width: 160px;
    height: 600px;
    background: #F5F5F5;
}

#adRight {
    width: 160px;
    height: 600px;
    background: #F5F5F5;
    display: inline;
}


#rightTower .ad-Right
{
    width: 160px;
    height: 600px;
    background: #F5F5F5;
}




/* generic thumbnails and details for vids, chans, and members */

.thumbLink:hover img { border: 1px solid #5E77B9;}

/* video thumbset styles */
.vidThumbSet
{
    position: relative;
    float: left;
    width: 105px;
    height: 165px;
    padding: 0 0 0 14px;
    margin: 0;
    list-style-type: none;
    font-size: 11px;
    color: #7C7C7C;
}

/* new experimental CSS */
.vidThumbXY img {
    border: 1px solid #AAA;
    display: inline;
}

.vidThumbXY a { font-size: 1px; }

.votesDuration span { color: #000; }

.starsDuration {
    font-size: 12px;
    color: #000;
    line-height: 17px;
    height: 17px;
}

.starsDuration img {
    position: relative;
    top: 2px;
    float: left;
    margin-right: 4px;
}
/* end experimental CSS */

.vidThumbSet span { color: #000; }
.vidThumb img
{
    border: 1px solid #AAA;
    display: inline;
    width: 100px;
    height: 75px;
}

.vidThumb a
{
    font-size: 1px;
}

.vidTitle
{
    font-size: 13px;
    font-weight: bold;
    margin: -2px 0 3px 0;
    padding-top: 2px;
}
.vidRateLen
{
    font-size: 12px;
    color: #000;
    margin: 1px 0 1px 0;

    line-height: 19px;
}

.vidRateLen3
{
    font-size: 12px;
    color: #FFF;
    margin: 1px 0 1px 0;

    line-height: 19px;
}

.vidWarning
{
    font-size: 12px;
    font-weight: bold;
    color: #F00;
    padding-bottom: 5px;
}



.vidRating
{
    position: relative;
    width: 70px;
    height: 15px;
    margin-right: -1px;
    top: 3px;
    left: -2px;
    font-size: 12px;
    font-weight: normal;
    display: inline;
}

.vidRating3
{
    position: relative;
    width: 69px;
    height: 12px;
    top: 1px;
    left: 0;

    font-weight: normal;
    display: inline;
    color: #FFF;
}


.vidEditDel
{
    margin-top: 5px;
}

.vidTags { margin-top: 10px; }
.vidChans { margin-bottom: 10px; }
.vidDesc { color: #000; }

.vidDrop
{
    border: 1px solid black;
    background: #CCC;
    color: #555;
    font-size: 12px;
    width: 100px;
    height: 120px;
    text-align: center;
    padding-top: 10px;
}




/* member thumbset styles */
.memThumbSet
{
    position: relative;
    margin: 0;
    padding: 0 0 0 10px;

    float: left;
    list-style-type: none;
    font-size: 11px;
    color: #7C7C7C;

    height: 90px;
    width: 270px;
}
.memThumbSet li {}
.memThumbSet span { color: #000; }

.memThumbSet .memThumb
{
    position: relative;
    float: left;
    width: 60px;
    height: 60px;
    padding-right: 10px;
}

.memThumb img
{
    border: 1px solid #AAA;
    display: inline;
    width: 60px;
    height: 60px;
}

.memThumbSet .memVid
{
    position: relative;
    float: left;
    padding: 0;
    margin-right: 10px;

}

.memVid img
{
    width: 79px;
    height: 60px;
    border: 1px solid #AAA;
}

.memName
{
    font-size: 13px;
    font-weight: bold;
}

.memNoVids
{
    font-size: 11px;
    padding-top: 4px;
}


.spacedField span {
    float: left;
    display: block;
    width: 72px;
}



/* for extra features in chanthumbset */
.adminChanSet
{
   width: 220px;
   height: 50px;
   float: left;
   padding-left: 10px;
}

/* channel thumbnail styles */
.chanThumbSet
{
    position: relative;
    margin: 0;
    padding: 0 0 10px 11px;
    width: 270px;
    height: 70px;
    float: left;
    list-style-type: none;
    font-size: 9px;
    color: #7C7C7C;
}

.chanThumbSet li
{
   position: relative;
   z-index: 2;
}

.chanThumbSet span
{
   color: #000;
}

.chanThumbSet .chanBorder
{
    position: absolute;
    left: 10px;
    top: 0;
    width: 270px;
    height: 50px;
    border: 1px solid #AAA;

    z-index: 1;
}

.chanViews { overflow: hidden;  white-space: nowrap;  }

.chanVids
{
  padding-top: 7px;
}

.chanThumbSet .vidRating
{
    width: 60px;
    height: 13px;
    position: relative;
    top: 1px;
    left: -1px;
}

.chanThumbSet .vidRating3
{
    width: 68px;
    height: 12px;
    position: relative;
    top: 1px;
    left: -1px;
}

.chanThumbSet .chanThumb, .chanThumbSet .chanThumbs
{
   border-right: 1px solid #AAA;
    width: 200px;
    height: 51px;
    float: left;
    margin-right:2px;

    z-index: 3;
    
}

.channelBannerImage img
{
    float: left;
}

.chanThumb img
{
    position: relative;
    top: 1px;
    float: left;
    width: 200px;
    height: 50px;
}

.chanThumbs img
{
    float: left;
    width: 50px;
    height: 50px;
    top: 1px;
    position: relative;
    display: inline;
}

.chanThumbRow
{
   border-right: 1px solid #000;
    width: 200px;
    height: 50px;
    float: left;
    margin-right:2px;
}

.chanThumbRow img
{
    float: left;
    width: 50px;
    height: 50px;
}

.chanTitleName { padding-top: 2px; }

.chanTitle {

    clear: both;
    font-size: 11px;
    padding-top: 2px;
    width: 100%;
}

.chanTags { margin: 10px 0 10px 0; }
.chanDesc
{
    color: #000;
    padding-top: 5px;
    clear: both;
    font-size: 12px;
}

.chanEdit
{
    position: absolute;
    left: 220px;
    top: 10px;
}

.chanEditDel
{
    position: absolute;
    width: 100%;
    left: 0;
    top: 2px;
    clear: both;
}
.chanVidsText
{
    font-weight: bold;
    font-size: 12px;
}

/* end channel styles */
/* begin styles for video thumbnails */
    .homeThumbs
    {
        display: table;
        width: 246px;
        margin: 30px 10px 0 30px;
        padding: 20px 10px 10px 10px;

        float: left;
    }

    .homeThumbs ul
    {
        width: 110px;
        padding-left: 10px;
    }


    /* bigger search thumbset specifics */
    .searchThumbs
    {
        display: table;
        width: 290px;
        margin: 30px 10px 0 0;
        padding: 20px 10px 10px 10px;

        float: left;
    }

    .searchThumbs ul
    {
        width: 133px;
        height: 195px;
        padding-left: 10px;

    }

    .searchThumbs .vidThumb img
    {
        width: 122px;
        height: 92px;
    }

    /* bigger search thumbset specifics */
.detailThumbs {
        position: relative;
        display: table;
        width: 530px;
        margin-top: 30px;
        padding: 20px;
        float: left;
}

.detailThumbs ul { width: 510px;}
.detailThumbs li { margin-left: 132px; }
.detailThumbs .vidTitle {padding-top: 10px;}

.detailThumbs .vidThumb{
        position: absolute;
        left: 0;
        width: 122px;
        margin-left: 0;
}

.detailThumbs .vidThumb img {
        width: 122px;
        height: 92px;
}
.detailThumbs .vidEditDel {
        position: absolute;
        left: 0;
        top: 95px;
        margin-left: 0;
        width: 122px;
        text-align: center;
}
/* home page feature thumbnails */
#feature .vtitle
{
    font-weight: bold;
    font-size: 12px;
    margin: 3px 0px 5px 0px;
    line-height: 1.2;
    color: #9AB9F7;
    position: relative;
    top: 10px;
}
.F-SLname {
    color: #9AB9F7;
    font-size: 16px;
    font-weight: bold;
    font-family: arial;
    text-decoration: none;
}
.F-episodeCount {
    font-weight: bold;
    font-size: 11px;
    line-height: 1.4;
    color: #fff;
    position: absolute;
    top: 45px;
    left:0px;
}
.F-by {
    font-size: 11px;
    color: #fff;
    font-weight: bold;
    line-height: 1.3;
}

.F-userName {
    color: #8C8C8C;
    font-size: 10px;
    margin: 1px 0px 0px 0px;
    line-height: 1.0;
    position: absolute;
    top:192px;
    left: 0px;
}
.F-vid-thumbBG {
    margin: 0px;
    position: absolute;
    top: 70px;
    left: 0px;
    width: 151px;
    height: 116px;
    background: url(/img/home/hp-feature-vidTNbg.gif) no-repeat;
}

#feature .panel1, #feature .panel2, #feature .panel3
{
    position: absolute;
    top: 5px;
    left: -47px;
    width: 151px;
    height: 202px;
}

#feature .panel2 {left: 135px; }
#feature .panel3 {left: 316px;}
.featureLink {
    color: #9AB9F7;
    font-weight: bold;
    font-family: arial;
    text-decoration: none;
}
/* end styles for homepage feature */
/* begin cc-searchResultsThumb styles */
.dragDropWrapper {
    width: 300px;
    height: 75px;
    margin-bottom: 6px;
    border: 1px solid #aaa;
}
.dragDropWrapper:hover {
    border: 1px solid #000;
    background: #aaa;
}
.emptyDragDrop {
    width: 300px;
    height: 75px;
}
.ccSRThumbSet {
    float: right;
    width: 182px;
    height: 75px;
    padding: 0 0 0 15px;
    margin: 0px;
    list-style-type: none;
    font-size: 11px;
    color: #7C7C7C;
}

.ccSRThumbSet li {
    width: 182px;
    margin:0px;
}
.ccSRThumbSet span { color: #000; }
.ccSRThumb {
   clear:both;
   float: left;
}
.ccSRThumb img {
    border: 0px;
    border-right: 1px solid #AAA;
    display: inline;
    width: 100px;
    height: 75px;
}
.ccSRThumb:hover img {border: 0px;}
.ccSRThumb a {font-size: 1px;}
li.ccSRremove {
    position: relative;
    left: 120px;
    top: -16px;
    width: 60px;
}
.ccSRTitle {
    font-size: 13px;
    font-weight: bold;
    margin: -2px 0 3px 0;
    color: #ff0;
}
.ccSRRateLen {
    font-size: 12px;
    color: #000;
    margin: 1px 0 1px 0;
    line-height: 19px;
}

.ccSRWarning {
    font-size: 12px;
    font-weight: bold;
    color: #F00;
    padding-bottom: 5px;
}

.ccSRRating {
    position: relative;
    width: 65px;
    height: 12px;
    margin-right: 1px;
    top: 1px;
    left: -1px;
    font-size: 12px;
    font-weight: normal;
    display: inline;
}

.ccSREditDel {margin-top: 5px;}
.ccSRTags { margin-top: 10px; }
.ccSRChans { margin-bottom: 10px; }
.ccSRDesc { color: #000; }

.ccSRDrop {
    border: 1px solid black;
    background: #CCC;
    color: #555;
    font-size: 12px;
    width: 100px;
    height: 120px;
    text-align: center;
    padding-top: 10px;
}
/* end cc-searchResultsThumb styles */
 /* end styles for video thumbnails */
/* styles for home page nav bar 
.topNavHome {
    background: url(/img/home/misc-HDR-home-BG.gif) repeat-x;
    margin:0px auto;
    height: 93px;
}

.logo_img {
    float: left;
	width: 89px;
	height: 59px;
}
.navbar {
    width: 570px;
    height: 29px;
    background: #f0f;
    float: left;
}
#searchForm {
    float: left;
}
.mainnav {
    padding: 0px;
    margin: 0px;
    list-style: none;
    float: left;
}
.mainnav li {
    background:#0ff;
    float: left;
    padding-right: 20px;
}
.status {
			position: relative;
			top: 15px;
			left: 703px;
			width: 160px;
			text-align:	right;
			font-size: 11px;
			background: #fff;
			color: #555555;
			word-spacing: 1px;
			background: #ffff00;
}


	*//* AD HOLDER - Holds the ads which can be imgs or iframes *//*
#adTop {
	position: relative;
	top: 15px;
	left: 80px;
	padding: 0px;
	margin: 0px;
	height: 90px;
	width: 760px;
	background: transparent;
}
#adTop iframe, #adTop img {
	display: block;
	position: relative;
	left: 0px;
	top: 0px;
	padding: 0px;
	margin: 0px ;
}
*//* end home page nav bar styles *//**/






/* CSS FOR THE SUPPORT POPUP */

.supportPopUp
{
    margin-top: 20px;
    padding-left: 15px;
}
.formRow .small_button
{
    margin-right: 5px;
}
.supportPopUp p
{
    font-size: 12px;
    padding: 0 0 0 4px;
    margin: 10px 0 10px 0;
    width: 85%;
}
.supportPopUp label
{
    font-size: 12px;
    display: block;
    float: left;
    padding-top: 2px;
}

.formRow
{
    position: relative;
    display: table;
    padding: 0 0 5px 5px;
    height: 20px;
}
.formRowTall
{
    position: relative;
    display: table;
    padding: 0 0 5px 5px;
    height: 130px;
}
.textBox
{
    float: left;
    width: 435px;
    height: 100px;
}
.textBoxLabel
{
    width: 200px;
    padding: 5px 0 5px 0;
}

.ccCheck
{
    float: left;
}

.selectBox
{
    width: 255px;
    float: left;
}

.textInput
{
    float: left;
    width: 250px;
}

.textInputLabel
{
    width: 70px;
    text-align: right;
    padding-right: 5px;
}

/* style for the rounded title section */
.popupTitle
{
    position: relative;
    height:30px;
    width:440px;
    background:	url(http://cdn.gofish.com/videos/static/img/bg_nav.gif) repeat-x;
    padding-left: 10px;
    margin-top: 10px;
    font-weight: bold;
    font-size:18px;
    line-height:28px;
    color: #fff;
}
.popupTitleLeft
{
    position: absolute;
    left: 0;
    top: 0;
    background:	url(http://cdn.gofish.com/videos/static/img/bg_nav_roundleft.gif) no-repeat;
    height:30px;
    width:7px;
}
.popupTitleRight
{
    position: absolute;
    right: 0;
    top: 0;
    background:	url(http://cdn.gofish.com/videos/static/img/bg_nav_roundright.gif) no-repeat;
    height:30px;
    width:7px;
}


.emailCaptcha
{
    width: 300px;
    padding: 0 0 10px 5px;
    position: relative;
}
.emailCaptcha p
{
    margin: 0 0 5px 0;
}


.emailCaptcha img
{
    clear: both;
    width: 200px;
    height: 75px;
}

.emailCaptcha input
{
    width: 196px;
    margin-top: 10px;
}


.emailErrorCaptcha
{
    position: absolute;
    left: 210px;
    top: 20px;
    color: red;
    font-weight: bold;
}



/* classes for formatting of generic terms and conditions
--------------------------------------------------------*/

    /* add a div to mask the color of the footer with our own */
    .gfFooterMask {
        height: 75px;
        width: 994px;
        background: #FFF;
        position: absolute;
        bottom: -75px;
    }

    .genTerms {
        margin: 0 auto;
        width: 914px;
        background: white;
        padding: 20px 40px 20px 40px;
        color: #000;
        font-size: 12px;
    }

    .genTerms h1 {
        padding: 0;
        margin: 0;
        font-weight: bold;
        font-size: 14px;
        width: 100%;
        text-align: center;
    }

    .genTerms ol span { font-weight: bold; }
    .genTerms li { padding-top: 10px; }
    .genTerms p { margin: 10px 0 0 0; }

    .genTerms ul {
        list-style-type: disc;
        padding: 10px 0 0 30px;
        margin: 0;
    }

    .timingTbl { margin: 20px auto; }
    .timingTbl thead td  { font-weight: bold; }
    .timingTbl td { padding: 5px; }

/* formatting for error messages */
 .errorWrapper {
    margin: 0px auto;
    padding: 80px 0 20px 0;

    font: bold 12px verdana, sans-serif;
    color: #444;
    width: 900px;
    text-align: center;
    display: block;

    height: 300px;
}