@import url(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) 0px 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: 60px; 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: 140px; height: 205px; margin: 10px 5px 10px 10px; 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: 490px; }
.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; }
.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-see-the-ads.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; }

#footer-div { padding: 35px 0px 0px 50px; margin: 0; 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; }

/* classes for ExtendedRepeater */
.PaginationControlFIRST
{
    margin-right:.5em;
}
.PaginationControlPREVIOUS
{
    margin-right:.3em;
}
.PaginationControlNEXT
{
    margin-left:.3em;
}
.PaginationControlLAST
{
    margin-left:.5em;
}
.PaginationControlPAGEno
{
    margin-right:.3em;
    margin-left:.3em;
}
table
{
    clear:both;
}