/*STYLES FROM NORMAL.CSS*/

/* Normalization of Styles */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td
{ margin : 0; padding : 0;}

h1, h2, h3, h4, h5, h6
{ font-size : 100%; }

ol, ul
{
	list-style-position: outside;
	list-style-image: none;
	list-style-type: none;
}

address, caption, cite, code, dfn, em, strong, th, var
{ font-style : normal; font-weight : normal; }

table
{ border-collapse : collapse; border-spacing : 0; }

fieldset, img
{ border : 0; }

caption, th
{ text-align : left; }

q:before, q:after
{ content :''; }

strong { font-weight: bold;}


/*END STYLES FROM NORMAL.CSS*/


body { font-family: Arial, Helvetica, sans-serif; font-size: 12px;}
a:link { color: #d6107b }
a:visited { color: #d6107b }

/*STYLES FOR ALL OR INNER PAGES*/

#wrapper { position: relative; margin: 0 auto; width: 941px; background: transparent url(../images/stayteen-long-bg.gif) left bottom  no-repeat; }

#identity { height: 280px; position: relative; background: transparent url(../images/stv-top-header.gif) 30px 0px no-repeat; }
#identity .stlogo { padding-left: 45px; }
#identity .tvlogo { padding-left: 85px; }
#identity h1 { text-indent: -9999px; }
#identity #searchBar { width: 547px; height: 65px; position: absolute; left: 250px; top: 190px;	background: transparent url(../images/search-bar-bg.gif) 0px 0px no-repeat; }
#identity #searchBar .searchBox { width: 300px; position: absolute; left: 145px; top: 11px; }
#identity #searchBar .btnSearch { position: absolute; top: 8px; left: 455px; }
#identity .topPromo { position: absolute; right: 40px; top: 100px; }

#logInfo {float: right; text-align: right; margin-top: 55px; color: #252525 !important; }

#navigation { height: 100px; width: 700px; }

#leftCol .bookmark { float: right; margin-right: 60px; }
#leftCol #bigPlayer { clear: both; width: 440px; height: 475px; }

#loginHolder { width: 671px; margin-left: 100px; background: transparent url(../images/login-bg-bottom.gif) 0px bottom no-repeat; }
#loginInfo { width: 671px; background: transparent url(../images/login-bg-top.gif) 0px 0px no-repeat; padding: 15px;}
#loginLeft { width: 300px; }
.largeText { font-size: 18px; }
.createUserImg { float: right; margin: 45px 40px 0px 0px; }
.loginTitleImg { margin-left: 100px; margin-bottom: -10px; z-index: -2;}
.loginButton { float: right; padding: 10px 7px 0px 0px; }


#registerHolder { width: 420px; margin-left: 100px; background: transparent url(../images/newUser-bg-bottom.gif) 0px bottom no-repeat; }
#registerInfo { width: 390px; background: transparent url(../images/newUser-bg-top.gif) 0px 0px no-repeat; padding: 15px;}
.registerImg { margin-left: 100px; }
#editPlayer { margin-top: -40px !important; margin: 0 auto; }

#userInfoHolderLeft { width: 348px; margin-left: 75px; background: transparent url(../images/user-bg-bottom.gif) 0px bottom no-repeat; }
#userInfoLeft { background: transparent url(../images/user-bg-top.gif) 0px 0px no-repeat; padding: 15px;}

#userInfoHolderRight { width: 404px; margin-left: 30px; background: transparent url(../images/user-widebg-bottom.gif) 0px bottom no-repeat; }
#userInfoRight { background: transparent url(../images/user-widebg-top.gif) 0px 0px no-repeat; padding: 15px;}

#UpdateThis { position: absolute; top: 790px; right: 83px; visibility: hidden; display: block; width: 404px; height: 93px; text-align: center; margin: 0px; background: transparent url(../images/user-upload-bg.gif) 0px 0px no-repeat; }
.yourAdsTitle { margin-left: 75px; margin-bottom: -4px;}
.createYourAdTitle { margin-left: 150px; margin-bottom: -4px;}
#uploadBarHolder { text-align: left; margin: 15px 0px 0px 42px; display: block; width: 319px; height: 9px; background: transparent url(../images/uploadBar-bg.gif) 0px 0px no-repeat; }
#uploadBar { height: 9px; background-image: url(images/uploadBarOver-bg.gif); background-repeat: no-repeat; }

#vidInfoHolder { width: 378px; margin-left: 15px; background: transparent url(../images/extra-bg-stretch.gif) 0px bottom no-repeat; }
#vidInfo { background: transparent url(../images/extra-bg-small.gif) 0px 0px no-repeat; padding: 15px;}
#vidInfo h3 { font-size: 18px; }

#extraInfoHolder { width: 369px; background: transparent url(../images/extraBottom-bg-stretch.gif) 0px bottom no-repeat; clear: both; margin: 0px 0px 0px 50px; }
#extraInfo { width: 369px; background: transparent url(../images/extraBottom-bg-small.gif) 0px 0px no-repeat; padding: 15px; }

#mostPopular { clear: both; }
#mostPopular h2 { text-indent: -9999px; background: transparent url(../images/popularAds.gif) 0px 0px no-repeat; font-size: 18px; }

#mostRecent { clear: both; padding-top: 15px;}
#mostRecent h2 { text-indent: -9999px; background: transparent url(../images/recentAds.gif) 0px 0px no-repeat; font-size: 18px; }

.commentPanel {width: 501px; padding-top: 20px; height: 228px; background: transparent url(../images/comment-box-bg.gif) 0px 0px no-repeat; text-align: center;}
.ratePanel {width: 501px; padding-top: 20px; height: 172px; background: transparent url(../images/rate-box-bg.gif) 0px 0px no-repeat; text-align: center;}
.rateButtons { margin-top: 25px; }

#searchContent { width: 671px; margin-left: 100px; }
.searchResponse { font-size: 24px; margin-top: 15px; }

#commentThisPanel { float: left; }
#rateThisPanel { float: left; }
#loggedIn { padding-bottom: 25px; }

.thumbHolder { width: 135px; height: 205px; margin: 10px 5px 10px 5px; border-right: dotted 1px #000; }
.thumbHolderSearch { width: 150px; height: 205px; margin: 10px 10px 10px 15px; border-right: dotted 1px #000; }


#footer { width: 941px; clear: both; padding: 25px 0px 25px 0px; }
#footer p { font-size: 11px; margin-left: 80px; }
#footer a:link { color: #0000CC }

.thumbSep { clear: both; width: 425px; border-bottom: dotted 1px #000; margin: 10px 0px 0px 0px; }
.bold { font-weight: bold; }
.floatRight { float: right; }
.floatLeft { float: left; }
.col500 { width: 497px; }
.col441 { width: 438px; }
.lastClip { border: none !important; }
.postRate { font-size: 18px; font-weight: bold; }
.ratingStars { clear: both; width: 339px; border-top: 1px dotted #000; border-bottom: 1px dotted #000; padding: 10px 0px 10px 0px; margin: 10px 0px 10px 0px; }
.comment { width: 339px; }
.greyComment { background-color: #e5e5e5; padding: 3px; }
.whiteComment { background-color: #fff; padding: 3px; }
.clipsWhiteTitle {background-color: #fff; padding: 6px; width: 179px; float: left;}
.clipsWhiteStatus {background-color: #fff; padding: 6px; width: 115px; float: left;}
.clipsGreyTitle { background-color: #e5e5e5; padding: 6px; width: 179px; float: left; height: 15px;}
.clipsGreyStatus { background-color: #e5e5e5; padding: 6px; width: 115px; float: left; height: 15px;}
.pink { color: #d6107b !important; }
.orange {color: #e08e2d !important; }
.blue {color:#5E84C7 !important; }
.seperated { border-bottom: 1px dotted #000; padding-bottom: 10px; margin-bottom: 5px;}

#clipStatus {font-weight: bold; width: 115px; float: left; padding: 6px;}
#adTitle {font-weight: bold; width: 179px; float:left; padding: 6px;}  
.uploadButton { text-align: center; margin: 20px 0px 0px 0px; }        

.modalBackground {filter: alpha(opacity=70); background-color: black; opacity: 0.7;}
.cancelUpload { position: absolute; bottom: 10px; left: 155px; }
.emptyStar { background: transparent url(../images/emptyBigStar.gif) 0 0px no-repeat;}
.filledStar { background: transparent url(../images/filledBigStar.gif) 0 0px no-repeat;}
.starClass {width: 72px; height: 62px; display: block; cursor: pointer;}
.waitingClass { background: transparent url(../images/waitBigStar.gif) 0 0px no-repeat; }

/* Nav Styles */

#nav-div { padding: 0; margin: 0; width: 620px; float: right; }
#nav { padding:0; margin: 0; }
#nav-1 { padding: 0; margin: 0; float: left; }
#nav-1 a { padding: 0; margin: 0; width:117px; height:60px; display:block; background:transparent url(/images/nav-out-loud.gif) 0 -60px no-repeat; }
#nav-1 a:hover { background-position:  0 -120px; }
#nav-1 a:active { background-position: 0 0; }
#nav-1 a span { position: absolute; top: -1000px; }
#nav-2 { padding: 0; margin: 0; float: left; }
#nav-2 a { padding: 0; margin: 0; width:137px; height:60px; display:block; background:transparent url(/images/nav-staytv.gif) 0 -60px no-repeat; }
#nav-2 a:hover { background-position:  0 -120px; }
#nav-2 a:active { background-position: 0 0; }
#nav-2 a span { position: absolute; top: -1000px; }
#nav-3 { padding: 0; margin: 0; float: left; }
#nav-3 a { padding: 0; margin: 0; width:200px; height:60px; display:block; background:transparent url(/images/nav-whats-your-relationship-reality.gif) 0 -60px no-repeat; }
#nav-3 a:hover { background-position:  0 -120px; }
#nav-3 a:active { background-position: 0 0; }
#nav-3 a span { position: absolute; top: -1000px; }
#nav-4 { padding: 0; margin: 0; float: left; }
#nav-4 a { padding: 0; margin: 0; width:114px; height:60px; display:block; background:transparent url(/images/nav-get-informed.gif) 0 -60px no-repeat; }
#nav-4 a:hover { background-position:  0 -120px; }
#nav-4 a:active { background-position: 0 0; }
#nav-4 a span { position: absolute; top: -1000px; }

.no-print { }
#hide, .hide { visibility: hidden; display:none }
.error { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #f00; font-weight: bold; }
#logo { padding: 0; margin: 0; background-image: url(/images/logo.gif); background-repeat: no-repeat; float: left; width: 210px; }
#logo a { display:block; height:100px; }
#logo a span { position: absolute; top: -1000px; }
#header-div { padding: 0; margin: 0; width: 900px; }
#skip { position: absolute; top: -1000px; }
.float-container { padding: 0px; margin: 0px; }
.float-landing { padding: 0px; margin: 0px; background-color: #76b0e0; border-top: 1px solid #fff; }
.float-clear { padding: 0px; margin: 0px; height: 1px; clear: both; }
.floatLeft {float: left;}

#footer-div { padding: 5px 0px 0px 5px; margin: 0px; font-family: Arial, Helvetica, sans-serif; font-size: .8em !important; line-height: 1.2em; color: #000000; text-align: inherit; }
#footer-div a { color:#519bd8; text-decoration: none; }
#footer-div a:hover { color:#519bd8; text-decoration: underline; }
#footer-div a:visited { color:#519bd8; }
#footer-div a:active { color:#519bd8; text-decoration: underline; }

#secondary-nav-div { padding: 0px; margin:0; width: 535px; background-color: #ecf6fb; }
#secondary-div { padding: 40px 0px 0px 20px; margin-left: 55px; background:transparent url(/images/secondary-nav-bac.gif) 0 0 no-repeat; height: 80px; width: 850px; }
#menu { color:#fff; font-family:  Arial, Helvetica, sans-serif; color: #e08e2d; text-align: left; font-size: 14px; white-space:nowrap; font-weight:bold; }
#menu li { display: block; float: left;  }
#menu li a { text-transform: uppercase; margin:0; padding: 0px 7px 0px 7px; color: #e08e2d; text-decoration:none; float:left; font-family: Arial, Helvetica, sans-serif; font-size: 14px; height: 16px; display: block; }
#menu li a:hover { color:#34bfea; }
#footer-left { float: left; text-align:left; margin: 0; padding: 130px 0px 0px 10px; }
#footer-right {width:567px; height:170px;  float:right; text-align:right; background:transparent url(/images/facts-bkg.gif) 0 0 no-repeat; }

#mainPageContent a img { border: none; }
#mainPageContent { padding: 0px; margin: 0px 0px 0px 90px; width: 770px; }
#identityPage { height: 175px; position: relative; background: transparent url(../images/stv-top-header.gif) 30px 0px no-repeat; }
#identityPage .topPromo { position: absolute; right: 60px; top: 100px; }
#identityPage .stlogo { padding-left: 45px; }
#identityPage h1 { text-indent: -9999px; }
#headline { height:87px; margin: 0; padding: 0px 0px 0px 75px; }
#mainPageContent ol { padding: 5px 20px 5px 40px; margin: 0; }
#mainPageContent ol li { font-family: Arial, Helvetica, sans-serif; font-size: 12px; list-style: decimal; line-height: 14px; padding: 5px 0px 5px 0px; margin: 0px 0px 0px 35px; }
#mainPageContent ul { padding: 5px 20px 5px 40px; margin: 0px 0px 0px 0px; }
#mainPageContent ul li { list-style:none; font-family:  Arial, Helvetica, sans-serif; color: #000; text-align: left; line-height: 14px; font-size: 12px; padding: 5px 0px 5px 0px; margin: 0; list-style: square; }
#mainPageContent p {
	padding:5px 20px 5px 20px;
	margin:0;
	color:#fff;
	font-family:  Arial, Helvetica, sans-serif;
	color: #000;
	text-align: left;
}

#mainPageContent a { color: #519bd8; text-decoration:none; }
#mainPageContent a:visited { color: #4a79aa; }
#mainPageContent a:hover { color: #519bd8; text-decoration:underline; }
#mainPageContent a:active { color: #519bd8; background-color: transparent; }

#image { text-align: left; margin: 0; padding: 0px 0px 15px 0px; }
#movieblock { padding:0px 0px 0px 30px; margin:0; }
#watchmore { margin:0; padding:0; height: 29px; }
#watchmorevideos { margin:0; padding:0; text-align: center; }
#watchmorevideos a { margin:0; padding:5px 5px 5px 5px; }
#sendtofriend { margin:0; padding:0px 0px 0px 30px; }
#movietext { margin:0; padding:0px 0px 10px 0px; }
/* ((TEEN KNOWHOW SECTION */
/* Title graphic */
#teenknowhow{ margin: 0; padding: 0; height: 31px; }
#teenknowhow_topics { font-family: Arial, Helvetica, sans-serif; font-weight: bold; text-transform: uppercase; color: #676767; text-decoration: none; background-color: transparent; 
}
#topic { margin: 0; padding: 0px 0px 5px 40px; background-color: transparent; }
 #title { font-size: 16px; background-color: transparent; margin: 0; padding: 0; }
 #caption { font-size: 11px; }
  #caption a { color:#dc9d1a}
   #caption a:hover { color:#34bfea}
   
p.center { text-align: center !important; }
.italics {
	font-style: italic;
}.dibble-footer {
	font-size: 9px;
	color: #FFF;
}

.pinktextheader {font-size: 16px; color: #d6107b; font-weight: bold}