.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix {display: inline-table;} /* Hides from IE-mac \*/ * html .clearfix {height: 1%;} .clearfix {display: block;} /* End hide from IE-mac */ /* - - - apply everywhere in the site - - - */ body {font-family:Arial, Helvetica, sans-serif;} #doc2 {width:950px;} /* doc2 is the closest fit in yui's style designations */ a {color:#00475F; text-decoration:none;} a:hover {text-decoration:underline;} ul, ul li {list-style:none;} /* reset bulleted lists */ /* the 'drop-shadow' along the right edge of most standalone modules - PNG issues apply, so beware! */ .ds {background:url(/upickdaily/images/shadow-5wide.png) top right repeat-y; padding-right:5px;} /* to be superseded by nick.com #image_header */ ul#goTop {background:url(/upickdaily/images/headerbg.png) center no-repeat; height:19px; padding:10px; text-align:center;} ul#goTop li a {color:#fff; position:relative;} ul#goTop li {background:url(/upickdaily/images/arrow-white-tiny.png) 0 1px no-repeat; display:inline; font-size:77%; padding:0 70px 0 12px; text-transform:uppercase;} div#adbanner {height:90px; margin-bottom:10px;} div#adbanner table {text-align:center; margin:0 auto;} div#ad_module {margin:10px auto; text-align:center;} div#hd {position:relative;} /* lets #about_link be abs-positioned */ div#ft {padding:10px 0;} div#ft #footer td {line-height:.4;} div#nav {background:url(/upickdaily/images/header.png) no-repeat; clear:both; float:left; height:146px; padding:0 10px; width:955px;} div#nav div.clearfix {clear:both; position:relative;} div#nav p.slogan {color:#fff; font:normal 115% Verdana; padding:5px 30px; position:absolute; text-align:center; top:85px; width:150px;} div#nav #logo {float:left; position:relative; top:-5px; left:20px; } div#nav #logo a {background:url(/upickdaily/images/logo-new2.png) no-repeat; display:block; height:89px; width:171px;} img#beta {display:none; position:absolute; bottom:0; right:-20px;} div#nav #greeting {float:left; margin:15px 0 10px 0px;} div#nav #greeting #updLogin_content {position:absolute; top:10px; right:20px;} div#nav #searchblk {background:url(/upickdaily/images/nav-search.png) 0 -1px no-repeat; float:left; padding:5px 10px;} div#nav #searchblk h3 {background:url(/upickdaily/images/title-search.png) no-repeat; height:17px; width:55px; text-indent:-1000em;} div#nav #searchblk input {background:url(/upickdaily/images/search-field.png) no-repeat; border:0; color:#fff; float:left; height:17px; position:relative; width:125px;} div#nav #searchblk a.action {background:url(/upickdaily/images/btn-go-search.png) no-repeat; float:left; height:20px; margin-left:5px; position:relative; width:30px;} div#nav #searchblk select {background:#fff; border:0; height:17px; position:relative;} div#nav ul {float:left;} div#nav li {float:left;} div#nav #cats li a {background:transparent url(/upickdaily/images/nav.png) no-repeat; display:block; height:45px; outline:none; overflow:hidden; text-indent:-1000em;} div#nav li#cat_kca {background:transparent url(/upickdaily/images/nav-search.png) -10px -1px no-repeat; height:64px; float:left; width:84px; z-index:9990;} div#nav li#cat_kca a {background:url(/upickdaily/images/kca/navicon-kca.png) no-repeat; height:64px; outline:none; overflow:hidden; position:relative; top:-8px; left:24px; text-indent:-1000em; width:64px;} div#nav li#cat_kca a:hover {background-image:url(/upickdaily/images/kca/navicon-kca_over.png);} div#nav li a#cat_tv {background-position:-50px 0; width:45px;} div#nav li a#cat_movies {background-position:-145px 0; width:70px;} div#nav li a#cat_gaming {background-position:-276px 0; width:75px;} div#nav li a#cat_music {background-position:-216px 0; width:58px;} div#nav li a#cat_celebs {background-position:-420px 0; width:70px;} div#nav li a#cat_sports {background-position:-350px 0; width:72px;} div#nav li a#cat_web {background-position:-99px 0; width:45px;} div#nav li a#cat_more {background-position:-490px 0; width:95px;} div#nav li a#cat_video {background:url(/upickdaily/images/nav-video.png) no-repeat; width:128px;} div#nav li a#cat_tv:hover, div#nav li a#cat_tv.selected {background-position:-50px -49px;} div#nav li a#cat_movies:hover, div#nav li a#cat_movies.selected {background-position:-145px -49px;} div#nav li a#cat_gaming:hover, div#nav li a#cat_gaming.selected {background-position:-276px -49px;} div#nav li a#cat_music:hover, div#nav li a#cat_music.selected {background-position:-216px -49px;} div#nav li a#cat_celebs:hover, div#nav li a#cat_celebs.selected {background-position:-420px -49px;} div#nav li a#cat_sports:hover, div#nav li a#cat_sports.selected {background-position:-350px -49px;} div#nav li a#cat_web:hover, div#nav li a#cat_web.selected {background-position:-99px -49px;} div#nav li a#cat_more:hover, div#nav li a#cat_more.selected {background-position:-490px -49px;} div#nav li a#cat_video:hover, div#nav li a#cat_video.selected {background-position:0 -48px;} a#login_link {background:transparent url(/upickdaily/images/login.png) no-repeat; height:25px; width:84px;} #about_link {background:transparent url(/upickdaily/images/nav-blank.png) no-repeat; height:45px ; overflow:hidden; position:relative; top:-0; left:-3px; width:75px;} div#nav #submitblk {margin:10px 0 0 30px; width:500px;} div#nav #submitblk li {padding:0 7px;} div#nav #submitblk li a {position:relative; height:46px; width:132px;} div#nav #submitblk li a#sub_post {background-image:url(/upickdaily/images/nav-createpost.png);} div#nav #submitblk li a#sub_poll {background-image:url(/upickdaily/images/nav-createpoll.png);} div#nav #submitblk li a#sub_quiz {background-image:url(/upickdaily/images/nav-createquiz.png);} div#nav div.navbar {margin-left:20px;} /* - - - for the DHTML pop-up forms - - - */ #takeover_frame {background-color:#fff ;} /* - - - for the video player module - - - */ #videoplayer {background:url(/upickdaily/images/bg-videohub.png) no-repeat; height:308px; margin:0 ; padding:0 30px; width:240px; position:relative; top:-12px; } #videoplayer #turbonick {position:relative;top:-1px;} .type-2 #videoplayer {background:none; height:auto; padding:0;} /* - - - for the 'self-contained' polls module, eg. in the homepage - - - */ .poll .author {clear:left; float:left; width:180px;} .poll label{display:block; padding:0 0 5px 0;color:#00475F;} .vote label{display:block; padding:0 0 5px 0;color:#00475F;} .poll .poll_question{padding:0 0 10px 0;color:#00475F;} .results ul {color:#00475F; list-style-type:none; padding:10px 0 0 0; margin:0;} .results li{padding:0 0 15px 0;} #poll_module{padding:0 0 10px 0;} #poll_module strong {font-weight:bold;} #poll_module .top {background:url(/upickdaily/images/header-300px.png) no-repeat; height:20px; padding-top:20px;} #poll_module .top a.grtxt {background:url(/upickdaily/images/poll-question.png) no-repeat; height:18px; width:186px;} #poll_module .mid {background:url(/upickdaily/images/bg-generic.jpg) repeat-y; color:#00475F;} #poll_module .mid input {position:relative; margin-right:5px; top:4px;} #poll_module .mid form {margin:0 20px;} #poll_module .imgBar {background:#e8e1c7; height:22px;} #poll_module .bot {background:url(/upickdaily/images/footer-300px.png) no-repeat;} #poll_module .bot a.grtxt {height:20px; display:block; margin:0 auto; position:relative; top:8px; width:173px;} #poll_module input#btnVote {background:transparent url(/upickdaily/images/btn-vote.png) no-repeat; border:none; float:left; height:35px; outline:none; overflow:hidden; text-indent:-1000em; width:59px;} #poll_module .results{padding:10px 0 0 0;margin:0;} #poll_module input#btnNextVote {background:transparent url(/upickdaily/images/btn-more-polls.png) no-repeat; border:none; float:left; height:33px; margin:10px 0; outline:none; overflow:hidden; text-indent:-1000em; width:100px;} /*------ POLL PROMO ---*/ #poll_module_promo{padding:0 0 10px 0;} #poll_module_promo strong {font-weight:bold;} #poll_module_promo .top {background:url(/upickdaily/images/header-300px.png) no-repeat; height:20px; padding-top:20px;} #poll_module_promo .top a.grtxt {background:url(/upickdaily/images/spotlight_poll.png) no-repeat; height:18px; width:186px;} #poll_module_promo .mid {background:url(/upickdaily/images/bg-generic.jpg) repeat-y; color:#00475F;} #poll_module_promo .mid input {position:relative; margin-right:5px; top:4px;} #poll_module_promo .mid form {margin:0 20px;} #poll_module_promo .imgBar {background:#e8e1c7; height:22px;} #poll_module_promo .bot {background:url(/upickdaily/images/footer-300px.png) no-repeat;} #poll_module_promo .bot a.grtxt {height:20px; display:block; margin:0 auto; position:relative; top:8px; width:173px;} #poll_module_promo input#btnVote {background:transparent url(/upickdaily/images/btn-vote.png) no-repeat; border:none; float:left; height:35px; outline:none; overflow:hidden; text-indent:-1000em; width:59px;} #poll_module_promo .results{padding:10px 0 0 0;margin:0;} #poll_module_promo input#btnNextVote {background:transparent url(/upickdaily/images/btn-more-polls.png) no-repeat; border:none; float:left; height:33px; margin:10px 0; outline:none; overflow:hidden; text-indent:-1000em; width:100px;} /*------ CLOCK PROMO ---*/ #clock_module .mid{padding:0;} #clock_module .top {background:url(/upickdaily/images/header-300px.png) no-repeat; height:20px; padding-top:20px;} #clock_module .top a.grtxt {background:url(/upickdaily/images/featured.png) no-repeat; height:18px; width:186px;} #clock_module .mid {background:url(/upickdaily/images/bg-generic.jpg) repeat-y; color:#00475F;} #clock_module .bot {background:url(/upickdaily/images/footer-300px.png) no-repeat;} body#pollTakeOver {background:url(/upickdaily/images/bg-profile.png) no-repeat; height:20px; padding-top:20px;} /* - - - art schemes for each category landing page - - - */ body, body#hub, body#home, body#create, body#profile, body#reg, body#search {background:#00356f url(/upickdaily/images/bg_main_half2.jpg) top repeat-x;} body #bkg, body#hub #bkg, body#home #bkg, body#create #bkg, body#profile #bkg, body#reg #bkg, body#search #bkg {background:url(/upickdaily/images/bg_main_half2.jpg) top repeat-x;} body#gaming #bkg, body#movies #bkg, body#music #bkg, body#news #bkg, body#quizzes #bkg, body#sports #bkg, body#tv #bkg, body#video #bkg, body#kca09 #bkg, body#web #bkg {background:none;} body#gaming {background:url(/upickdaily/images/bg-games.jpg);} body#movies {background:url(/upickdaily/images/bg-movies.jpg);} body#music {background:url(/upickdaily/images/bg-music.jpg);} body#news {background:url(/upickdaily/images/bg-news.jpg);} body#quizzes {background:url(/upickdaily/images/bg-quizzes.jpg);} body#sports {background:url(/upickdaily/images/bg-sports.jpg);} body#tv, body#video {background:url(/upickdaily/images/bg-tv.jpg);} body#web {background:url(/upickdaily/images/bg-web.jpg);} body#kca09 {background:url(/upickdaily/images/kca/bg-kca.jpg);} body#blue-background {background:url(/upickdaily/images/blue-background.jpg);} body#blue-background #bkg{background:none;} /* done */ /* - - - apply to pages of 'type 1' - that is, pages that look stylistically like the homepage - - - */ .col-a {clear:left;} .type-1 .col-a .top {width:645px;} .type-1 h2 {font-size:138.5%; font-weight:bold; color:#00475F;} .type-1 .col-a .ds {color:#00475F; width:641px;} .type-1 .col-a .mid {background:#fff; position:relative; width:641px;} .type-1 .col-a .bot {background:url(/upickdaily/images/footer-blank.png) no-repeat; color:#fff; height:60px; line-height:60px; text-align:center; width:645px;} .type-1 .col-a .bot img {position:relative; top:.6em;} .type-1 .col-b {width:300px;} .type-1 .col-b .module .top {background:url(/upickdaily/images/header-300px.png) no-repeat; height:20px; padding:10px;} .type-1 .col-b .module .top a.grtxt {margin:0 auto; position:relative;} .type-1 .col-b .module .mid {font-size:77%; padding:10px 0; position:relative;} .type-1 .col-b .module .mid {width:295px;} .type-1 .col-b .module .mid p {padding:0 20px;} .type-1 .col-b .module .bot {height:50px;} /* this should have a generic blank bottom instead of a per-module custom bottom */ .type-1 .col-b .module .bot a.grtxt {position:relative; } /* - - - apply to the homepage only - - - */ .type-1 .col-a .top #updTileExplorer_content {height:94px;} .type-1 #mast {background:#fff; padding:8px 10px 2px 10px;} .type-1 #mast ul#viewfilter {clear:both; position:relative; bottom:1px;} .type-1 #mast a.action {color:#f60; float:right;} .type-1 #mast li {float:left;} .type-1 #mast ul#viewfilter li a {background:url(/upickdaily/images/nav-viewby.gif) no-repeat; display:block; height:20px; outline:none; overflow:hidden; text-indent:-1000em;} .type-1 #mast ul#viewfilter li.label {background:url(/upickdaily/images/nav-viewby.gif) 0 0 no-repeat; display:block; height:20px; outline:none; overflow:hidden; text-indent:-1000em; width:60px;} .type-1 #mast ul#viewfilter li a#newest {background-position:-50px 0; width:85px;} .type-1 #mast ul#viewfilter li a#popular {background-position:-128px 0; width:80px;} .type-1 #mast ul#viewfilter li a#picked {background-position:-208px 0; width:75px;} .type-1 #mast ul#viewfilter li a#comments {background-position:-282px 0; width:98px;} .type-1 #mast ul#viewfilter li a#shared {background-position:-380px 0; width:72px;} .type-1 #mast ul#viewfilter li a#mypicks {background-position:-452px 0; width:79px;} .type-1 #mast ul#viewfilter li a#newest.selected, .type-1 #mast ul#viewfilter li a#newest:hover {background-position:-50px -20px;} .type-1 #mast ul#viewfilter li a#popular.selected, .type-1 #mast ul#viewfilter li a#popular:hover {background-position:-128px -20px;} .type-1 #mast ul#viewfilter li a#picked.selected, .type-1 #mast ul#viewfilter li a#picked:hover {background-position:-208px -20px;} .type-1 #mast ul#viewfilter li a#comments.selected, .type-1 #mast ul#viewfilter li a#comments:hover {background-position:-279px -20px;} .type-1 #mast ul#viewfilter li a#shared.selected, .type-1 #mast ul#viewfilter li a#shared:hover {background-position:-383px -20px;} .type-1 #mast ul#viewfilter li a#mypicks.selected, .type-1 #mast ul#viewfilter li a#mypicks:hover {background-position:-454px -20px;} #filterSubcopy{padding:0 0 0 10px; clear:left; float:left;} .type-1 .pick {clear:left; font-family:Verdana, Arial, Helvetica, sans-serif; min-height:80px; padding:0 15px;} .type-1 .pick img.avatar {background:transparent; float:left; height:60px; padding:10px 0; width:60px;} .type-1 .pick div.description {float:left; padding:5px 8px 10px 20px; width:378px;} .type-1 .pick div.highlight {border-right:1px solid #ccc; position:absolute; right:80px; height:65px; padding-top:17px; text-align:center; width:80px;} .type-1 .pick .highlight img {} .type-1 .pick div.upickwidget {position:absolute; right:0; width:80px;} .type-1 .pick h2 {font:normal 100% "Arial Black";} .type-1 .pick h2 span {color:#f60; text-transform:uppercase;} .type-1 .pick p {color:#00475F; font-size:77%;} .type-1 .pick a.action {font-family:"Arial Black"; font-size:88%; text-transform:uppercase;} .type-1 .pick.ad {background:#FFF95B;} .type-1 .pick.featured {background:#C7EB7D;} .type-1 .pick.alt {background:#CFE5E3;} /* .type-1 .pick.ad {background:url(/upickdaily/images/ad_band.jpg);} .type-1 .pick.featured {background:url(/upickdaily/images/featured_band.jpg);} .type-1 .pick.alt {background:url(/upickdaily/images/bg-texturedblue.jpg);} */ /* - - - pagination - - - */ .mid #mast {position:relative;} .mid .pagination {font-family:Verdana;} .mid #mast .pagination {float:right; position:relative; bottom:6px;} .mid #bottom-pag .pagination {padding:0px 0 10px 0; text-align:center;} .mid .pagination .paginator { font-size: 77%; padding-top: 0px; margin-left:auto; margin-right:auto;} .mid .pagination .paginator a, .pageList .this-page { padding: 2px 6px; border: solid 1px #ddd; text-decoration: none;} .mid .pagination .paginator a:visited { padding: 2px 6px; border: solid 1px #ddd; text-decoration: none; } .mid .pagination .paginator a:hover {background: #f2f2f2; border-color: #666; text-decoration: none;} .mid .pagination .paginator .AtStart {margin-right: 0; padding: 0 6px;} .mid .pagination .paginator a.Prev {border:none; margin-right:0; padding: 0 6px;} .mid .pagination .paginator .break {padding: 2px 6px; border: none; text-decoration: none; } .mid .pagination .paginator a.Next {border:none; margin-left:0; padding: 0 6px;} .mid .pagination .paginator .AtEnd {margin-left: 0; padding: 0 6px;} .mid .pagination .paginator a.Next:hover, .mid .pagination .paginator a.Prev:hover {background:none;} .mid .pagination .paginator .this-page {padding: 2px 6px; border-color: #999; font-weight: bold; font-size: 100%; color: #f60;} .mid .pagination .paginator img {position:relative; top:5px;} .pagination div.results { text-align: center; font: 77% Verdana; color: #aaa; margin-top: 12px; } /* - - - apply to all story pages - - - */ .type-2 .row {margin:10px 0;} .type-2 .media {float:left; width:240px;} .type-2 .media .videothumbs {float:left; padding:0 4px; position:relative;} .type-2 .media .videothumbs .playicon {position:absolute; bottom:3px; left:49px;} .type-2 .submission {border:none;} .type-2 .text {float:left; margin:0 0 20px 10px; width:380px;} .type-2 .text ul li {list-style-type:disc; margin-left:20px;} .type-2 .text ol li {list-style-type:decimal; margin-left:20px;} .type-2 .text p {margin:10px 0;} .type-2 .text p.byline {border-bottom:1px solid #00475F; margin:0; padding-bottom:5px;} a.profileLink {font:normal 90% "Arial Black"; color:#f60; text-transform:uppercase; text-decoration:underline} /* - - - for all narrow-col modules on inside pages = type-2 pages - - - */ .type-2 .col-a .top {background:url(/upickdaily/images/header-wide-blank.png) no-repeat; height:45px; width:905px;} .type-2 .col-a .ds {width:900px;} .type-2 .col-a .mid {background:transparent url(/upickdaily/images/bg-generic.jpg); padding:20px; position:relative;} .type-2 .col-a .bot {background:url(/upickdaily/images/footer-wide-blank.png) no-repeat; height:60px; width:905px;} .type-2 #inner-col-wide {float:left; width:630px;} .type-2 #inner-col-narrow {float:left; padding-left:20px; width:210px;} .type-2 h1 {color:#00475F; font-size:182%; font-weight:bold; text-transform:capitalize; margin-bottom:5px;} .type-2 #inner-col-narrow h2 {font-family:"Arial Black"; font-size:158.5%; font-weight:normal ; margin:5px 0 10px 0; text-transform:uppercase;} .type-2 h3 a {font-size:68%; position:relative; bottom:25px; text-transform:uppercase;} .type-2 #inner-col-narrow p img {position:relative; left:3px; top:4px;} .type-2 #inner-col-narrow .module {border-bottom:2px solid #00475F; color:#00475F; font-size:77%; padding-bottom:10px;} .type-2 #inner-col-narrow .module .vote li {background:none; line-height:1.9;} .type-2 #inner-col-narrow .module li a {font-weight:bold;} .type-2 #inner-col-narrow .module strong {font-weight:bold;} .type-2 .text #poll_module {background:url(/upickdaily/images/pollbg.png); border-bottom:1px solid #00475F; font-family:Verdana; min-height:465px; padding:10px 20px 0; margin:0 0 10px 0; width:340px;} .type-2 .text #poll_module h2 {font-size:140%;} .type-2 .text #poll_module li {list-style:none; margin-left:0;} .type-2 .text #poll_module form {line-height:30px;} .type-2 .text #poll_module form input {margin-right:6px; position:relative; top:3px;} /* - - - for the UPick Stats module on inside pages - - - */ #upick-stats .upickwidget object{height:80px; margin-left:12px;} .results h2 {font-size:138.5%; font-weight:bold; color:#00475F;} .vote h2 {font-size:138.5%; font-weight:bold; color:#00475F;} /* - - - for the Related Polls and Stories module on inside pages - - - */ #related-polls {padding:10px 0;} #related-polls h3 {background:url(/upickdaily/images/arrow-tiny-blue.png) 0 7px no-repeat; margin-bottom:10px; padding-left:10px; font-size:168.4%; font-family:"Arial Black"; text-transform:uppercase;} #related-polls .results {padding:0 20px;} #related-polls .results div {padding:2px 0;} #related-polls .answers ul {background:none;} #related-polls .vote li input {position:relative; top:.4em; right:.5em;} #related-polls input#btnVote {background:url(/upickdaily/images/btn-vote-blue.png) no-repeat; border:none; height:35px; outline:none; overflow:hidden; position:relative; right:150px; text-indent:-1000em; width:59px;} #related-polls input#btnNextVote {background:url(/upickdaily/images/btn-vote-again-blue.png) no-repeat; border:none; height:32px; margin-top:10px; outline:none; overflow:hidden; position:relative; right:105px; text-indent:-1000em; width:86px;} .commentsblk, .commentpost fieldset {border:2px solid #00475F; color:#00475F;} .commentsblk a {float:left; padding:0 5px 0px 0;} .commentsblk h3, .commentpost h3 {background:#E4F2F2; color:#00475F; font-size:116%; font-weight:bold; padding:5px 10px;} .commentsblk {background:#fff;} .commentsblk .alt {background:#E4F2F2;} .commentsblk .comment {} /* float:left; width:450px; */ .commentsblk .comment .byline {font-size:77%;} .commentsblk .clearfix {padding:8px 10px;} .commentpost {margin:20px 0 5px 0;} .commentpost h3 {background:#E4F2F2;} .commentpost fieldset {background:#fff;} .commentpost textarea {background:none; border:none; height:5em; padding:5px; width:100%;} .commentpost #submit {background:url(/upickdaily/images/btn-submit.png) no-repeat; border:none; float:left; height:40px; text-indent:-1000em; width:72px; margin-top:8px;} /* - - - for the Quiz - - - */ .quiz h3 {font-weight:bold; padding:5px 10px;} .quiz .imgBar {background:#fcecc8;} .quiz ul {list-style-type:none; padding:5px 0 0 0;margin:0;} .quiz li{padding:0 0 5px 0;} .quiz input {margin-right:6px; position:relative; top:3px;} .quiz input#btnVote {background:transparent url(/upickdaily/images/btn-vote.png) no-repeat; border:none; float:left; height:35px; outline:none; overflow:hidden; text-indent:-1000em; width:59px;} /* - - - for the create/submit pages - poll, quiz, story - - - */ #create.type-2 #inner-col-wide {float:left; width:850px;} #create .top h1 span {color:#fff; display:none;} #create .col-a .mid {background:url(/upickdaily/images/bg-generic.jpg);} #create .col-a h2 {height:20px; margin:10px 0 5px 0; text-indent:-1000em;} #create .col-a h2#create-title {background:url(/upickdaily/images/text-title.gif) no-repeat;} #create .col-a h2#create-intro {background:url(/upickdaily/images/text-intro.gif) no-repeat;} #create .col-a h2#create-body {background:url(/upickdaily/images/text-body.gif) no-repeat;} #create .col-a h2#create-tags {background:url(/upickdaily/images/text-tags.gif) no-repeat;} #create .col-a h2#create-category {background:url(/upickdaily/images/text-category.png) no-repeat;} #create .field {border:1px solid #00475F; padding:5px; width:840px;} #create #add {background:url(/upickdaily/images/btn-add.gif) no-repeat; border:none; float:left; height:30px; margin-left:20px; text-indent:-1000em; width:50px;} #create #delete {background:url(/upickdaily/images/btn-remove.gif) no-repeat; border:none; float:left; height:30px; margin-left:20px; text-indent:-1000em; width:50px;} #create #submit {background:url(/upickdaily/images/submit.gif) no-repeat; border:none; float:right; height:40px; text-indent:-1000em; width:72px;} /* - - - Quiz Submit - - - */ #create.quizSubmit h1 {background:url(/upickdaily/images/header-createyourquiz.png) no-repeat; height:30px; position:relative; top:10px; left:20px; width:239px;} #create.quizSubmit h2, #create.quizSubmit .quizname div, #create.quizSubmit div .questiontitle {color:#00475F; font:normal 120% "Arial Black"; text-indent:0;} #create.quizSubmit .answers .field {float:left; width:570px;} #create.quizSubmit .answers li {clear:left;} #create.quizSubmit .page {padding-top:30px;} /* - - - Poll Submit - - - */ #create.pollSubmit h1 {background:url(/upickdaily/images/header-createyourpoll.png) no-repeat; height:30px; position:relative; top:10px; left:20px; width:241px;} #create.pollSubmit h2 {color:#00475F; font:normal 120% "Arial Black"; text-indent:0;} #create.pollSubmit .answersSubmit .field {float:left; width:570px;} #create.pollSubmit .answersSubmit li {clear:left;} /* - - - Story/Post Submit - - - */ #create.postSubmit h1 {background:url(/upickdaily/images/header-createastory.png) no-repeat; height:23px; position:relative; top:10px; left:20px; width:208px;} #create.postSubmit #body_container {background:#fff; border:1px solid #00475F; width:850px ;} #create.postSubmit #body_container h2 {font:bold 100% Verdana; margin:0;} #create.postSubmit .submission #add {background:url(/upickdaily/images/btn-add2.gif) no-repeat; border:none; float:left; height:30px; margin-left:20px; text-indent:-1000em; width:50px;} #create.postSubmit .submission #submit {border:none; float:right; height:40px; position:relative; width:72px;} #create.postSubmit .submission h2 {color:#00475F; font:normal 120% "Arial Black"; margin:10px 0 5px 0;} #create.postSubmit .submission .yui-toolbar-titlebar h2 {text-indent:0;} #create.postSubmit .tagItems {margin:0 30px 10px 0; border: 1px dotted #00475F; padding:5px;} #create.postSubmit #tagData li {line-height:14px;} /* as tall as the img */ #create.postSubmit #tagData li img {padding-left:3px;} #create.postSubmit #tagsAutoComplete {float:left;} /* - - - for the profile page - - - */ /*#profile h1 {background:url(/upickdaily/images/text-my-profile.png) no-repeat; height:25px; position:relative; left:20px; top:15px; width:122px;}*/ #profile h1 {color:white; padding:10px 30px;} #profile .mid a, #profile .mid h2 {color:navy;} #profile #icol-a {color:#00475F; float:left; height:450px; padding-right:20px; width:265px;} #profile #icol-b {color:#00475F; float:left; padding-right:0px; width:530px;} #profile h2 {background-position: 0 0 ; background-repeat: no-repeat; text-align:bottom; font-size:138.4%; border-bottom:1px solid #00475F; color:#00475F ; font-weight:bold; padding:15px 0 8px 45px;} #profile h2 span {float:left;} #profile h2 a {background:url(/upickdaily/images/arrow-tiny-blue.gif) 0 3px no-repeat; float:right; margin-top:6px; padding-left:11px; color:navy; font-size:55%; font-weight:normal; text-transform:lowercase;} #badge, #comments, #articles, #watched {min-height:220px;} #profile #mypicks h2 {background-image:url(/upickdaily/images/icon-profile-mypicks.gif);} #profile #comments h2 {background-image:url(/upickdaily/images/icon-profile-mycomments.gif);} #profile #articles h2 {background-image:url(/upickdaily/images/icon-profile-myarticles.gif);} #profile #played h2 {background-image:url(/upickdaily/images/icon-profile-gamesplayed.gif);} #profile .mid li {background:url(/upickdaily/images/arrow-tiny-blue.gif) 0 7px no-repeat; line-height:22px; padding-left:13px;} #profile #mypicks #updTileExplorer {position:relative; bottom:15px; right:20px;} #profile #badge li {background:none;} #profile #badge li a {font-weight:bold;} /* - - - for the registration page - - - */ #reg hr {background:#00475F; border:none; height:1px;} #reg .alert {font-weight:bold; font-size:77%; color:#FF6500;} #reg .vr {border-right:1px solid #00475F; padding-right:15px ;} #reg.type-2 .col-a .mid {background:#fff; color:#00475F; padding:0;} #reg.type-2 .col-a .mid p {padding:5px 0;} #reg.type-2 .col-a .top h1 {background:url(/upickdaily/images/header-getanickname.png) no-repeat; height:25px; width:172px; position:relative; top:15px; left:20px; text-indent:-1000em;} #reg.type-2 .col-a h2 {background:url(/upickdaily/images/headerbar-registration.jpg) no-repeat; color:#fff; font:normal 138.5% "Arial Black", Arial, Helvetica, sans-serif; height:31px; padding:0 20px;} #reg.type-2 .col-a .row1 {background:#eef; color:#000; padding:10px 20px;} #reg.type-2 .col-a .row2 {background:#fff; padding:10px 20px;} #reg.type-2 .col-a .row3 {background:url(/upickdaily/images/bg-paper-home-big.jpg); padding:10px 20px;} #reg.type-2 .col-a .mid .half {float:left; margin-right:20px; width:400px;} #reg.type-2 p#contbtn {text-align:right; padding-right:20px;} /* - - - for the search results page - - - */ #search h1 {color:#fff; padding:10px 0 0 20px;} #search .col-a .mid {background:url(/upickdaily/images/bg-texturedblue.jpg); font-family:Verdana; padding:0; position:relative;} #search #inner-col-wide {width:900px;} #search #inner-col-narrow {border-left:1px solid #ccc; color:#00475F; padding:0;} #search #inner-col-narrow h3 {background:#84C8C7; font-size:100%; font-weight:bold; height:20px; padding:10px; width:250px;} #search #inner-col-narrow ol {margin:20px 40px; text-transform:capitalize;} #search #inner-col-narrow li {list-style-type:decimal; margin:5px 0;} #search #mast {background:#FFF; height:20px; padding:10px 20px;} #search #mast h2 {font:normal 131% Arial, Helvetica, sans-serif;} #search .pagination {text-align:center;} #search .pick {background:#fff; clear:left; font-family:Verdana; min-height:80px; padding:0 15px; position:relative;} #search .pick img.avatar {background:transparent; float:left; height:60px; padding:10px 0; width:60px;} #search .pick div.description {float:left; padding:10px 10px 10px 20px; width:638px;} #search .pick div.highlight {border:1px solid #ccc; border-width:0 1px 0 0; float:left; height:80px; line-height:80px; text-align:center; width:78px;} #search .pick .highlight img {position:relative; top:15px;} #search .pick div.upickwidget {position:absolute; right:-4px;} #search .pick h2 {font:normal 100% "Arial Black";} #search .pick h2 span {color:#f60; text-transform:uppercase;} #search .pick p {color:#00475F; font-size:77%;} #search .pick a.action {font-family:"Arial Black"; font-size:88%; text-transform:uppercase;} #search .pick.ad {background:#B3E2DC;} #search .pick.alt {background:#DDEEE4;} #search .mid .inner-col-narrow {background:#A1D4CF; } /* - - - for the Video Hub - - - */ #video .col-a .top {height:50px; } /* #video .col-a .top h1 {color:#fff; float:left; margin:0; position:relative; left:30px; bottom:5px;} */ #video h1 {background:url(/upickdaily/images/videohub.png) no-repeat; height:25px; position:relative; left:20px; top:20px; text-indent:-1000em; width:112px;} #video .mid {background:url(/upickdaily/images/bg-texturedblue.jpg); padding:0;} #video #inner-col-wide {background:url(/upickdaily/images/bg-videohub.jpg) no-repeat; padding:20px; width:443px;} #video #inner-col-narrow {background:#fff; padding:0; width:417px;} #video #inner-col-narrow .pick.alt {background:url(/upickdaily/images/bg-texturedblue.jpg);} #video .pick {clear:both; font-family:Verdana; min-height:80px; padding:0 15px;} #video .pick img.avatar {background:transparent; display:inline; float:left; height:58px; padding:10px 0; width:72px;} #video .pick div.description {float:left; padding:0 10px 10px 20px; width:277px;} #video .pick h2 {font:normal 100% "Arial Black", Arial, Helvetica, sans-serif; margin:15px 0 0 0;} #video .pick p {color:#246980; font-size:77%;} #vh_textad {background:#fff; border:2px solid #06c; border-width:0 6px; color:#246980; font:normal 85% Verdana; padding:10px 20px;} #vh_textad strong {font-size:110%; font-weight:bold; text-transform:uppercase;} #vh_coad {margin:10px auto;} #vsearch {background:url(/upickdaily/images/bg-searchbox.jpg); padding:10px; position:relative; top:-3px; width:430px;} #vsearch input {border:1px solid #000; color:#246980; float:left; height:18px; padding-left:5px; text-transform:uppercase; width:90%;} #vsearch .go_btn {background:#f60; border-left:0; color:#fff; font:normal 77% "Arial Black", Arial, Helvetica, sans-serif; height:20px; padding:0; text-transform:uppercase; width:24px;} #video #filter {color:#fff; float:right; font-size:77%; margin-right:20px; text-transform:uppercase;} #video #filter label, #video #filter select, #video #filter input {float:left; line-height:20px; margin:0 2px;} #video #filter select {background:#246980; border:none; color:white; font:normal 100% "Arial Black", Arial, Helvetica, sans-serif; height:18px; text-transform:uppercase;} /* - - - for the 'send to a friend' pop-up - moved to stf.jhtml itself because it's the only way the CSS gets applied - - - */ /* - - - for the tags block in story pages - - - */ #tagData li {margin:1px 0;} #tagsAutoComplete {margin-top:10px;} #tagData2 {margin:10px 0;} #tagData2 img {position:relative; top:3px; left:3px;} /* - - - apply to all toppicks modules - - - */ .tp-module {height: 400px; width:300px; float:left;} .type-1 .tp-module {float:none;} .tp-module .ds {width:298px ;} .tp-module div.toppick {clear:left; margin:0; padding:5px;} .type-1 .tp-module .toppick.alt {background:#F2F2F2 ;} .tp-module .toppick {background:url(/upickdaily/images/topPicks/bg-generic.jpg) top right; height:45px;} .tp-module .toppick img.indexIcon {float:left;} .tp-module div.title {float:left; font-size:85%; margin:0 5px; width:115px;padding-top:20px;} .tp-module .toppick img.avatar {float:right;} .tp-module .top {background:url(/upickdaily/images/topPicks/header-utop-300px.png) no-repeat; height:20px; padding-top:20px; text-align:center; width:300px;} .tp-module .mid {color:#663100; padding:5px 0; text-align:left; width:299px;} .tp-module .bot {background:url(/upickdaily/images/topPicks/footer-utop-300px.png) no-repeat; height:50px; color:#fff; font-family:"Arial Black"; text-align:center; width:305px;} .tp-module .yui-content {background:transparent ; border:none ; padding:0 ;} #toppicks{padding:10px 0 0 0;} #toppicks .yui-nav {border-color:#7a8563; text-align:center;} #toppicks .yui-nav li {font-size:70%;} #toppicks .yui-nav li a {background:#7a8563;color:white} #toppicks .yui-nav li.selected a {background:#ffa200;} /* - - - customize colors and backgrounds for each different toppick list - - - */ #tp-container {padding:30px 0 0 0; } #tp-container .bot {background:url(/upickdaily/images/footer-300px.png) no-repeat; height:50px; color:#fff; font-family:"Arial Black"; text-align:center; width:300px;} #toppicks_movies {margin-right:20px;} #toppicks_movies .top {background:url(/upickdaily/images/topPicks/header-top5-movies.png) no-repeat;} #toppicks_movies .mid {background:#D9E58B;} #toppicks_movies .toppick {background:url(/upickdaily/images/topPicks/bg-movies.jpg) top right;} #toppicks_music {margin-right:20px;} #toppicks_music .top {background:url(/upickdaily/images/topPicks/header-top5-music.png) no-repeat;} #toppicks_music .mid {background:#E8B1CD;} #toppicks_music .toppick {background:url(/upickdaily/images/topPicks/bg-music.jpg) top right} #toppicks_games .top {background:url(/upickdaily/images/topPicks/header-top5-games.png) no-repeat;} #toppicks_games .mid {background:#F5BE68;} #toppicks_games .toppick {background:url(/upickdaily/images/topPicks/bg-games.jpg) top right} #toppicks_celebs {margin-right:20px;} #toppicks_celebs .top {background:url(/upickdaily/images/topPicks/header-top5-celebs.png) no-repeat;} #toppicks_celebs .mid {background:#FFF990;} #toppicks_celebs .toppick {background:url(/upickdaily/images/topPicks/bg-celebs.jpg) top right} #toppicks_tv {margin-right:20px;} #toppicks_tv .top {background:url(/upickdaily/images/topPicks/header-top5-tv.png) no-repeat;} #toppicks_tv .mid {background:#AED9F0;} #toppicks_tv .toppick {background:url(/upickdaily/images/topPicks/bg-tv.jpg) top right} #toppicks_web .top{background:url(/upickdaily/images/topPicks/header-top5-web.png) no-repeat;} #toppicks_web .mid {background:#CFBBDE;} #toppicks_web .toppick {background:url(/upickdaily/images/topPicks/bg-web.jpg) top right} #tp-container .tp-module .toppick.alt {background:none ;} /* - - - login page - - - */ .login .ds {width:900px;} .login h1 {background:url(/upickdaily/images/header-login.png) no-repeat; height:30px; position:relative; top:10px; left:20px; width:71px;} .login .col-a .mid {background:transparent url(/upickdaily/images/bg-login.jpg); padding:20px; position:relative;} .kcabrb .ds {width:900px;} .kcabrb h1 {background:url(/upickdaily/images/kca/KCA-headsup.png) no-repeat; height:30px; position:relative; top:10px; left:20px; width:143px;} /* - - - customize YahooAds look - - - */ /* #yahooAds {background:none !important; border:1px solid #fff; padding-top:10px; width:950px !important; text-align:left;} #yahooAds fieldset a.sponsor_ad, #yahooAds fieldset legend.sponsor {color:#fff !important;} #yahooAds fieldset.sponsor {border:none !important; padding:10px; margin:0px; width:880px !important;} #yahooAds #sponsor_linkspots hr {border-color:#fff !important;} #yahooAds legend.sponsor {margin:0px;} #yahooAds A.sponsor_ad_client {color:#fd0;} #yahooAds A.sponsor_ad_description {color:#bfffff;} */ /* swfobject2 / firefox fix */ object { outline:none; } #voteimg {margin:5px 0 0 0;} /* - - - utility classes - for one-off instances site-wide - - - */ .fl {float:left;} .fr {float:right;} /* for SEO - graphical text gets real HTML text in the code but hidden via CSS */ .grtxt {display:block; outline:none; overflow:hidden; text-indent:-1000em;} /* - - for the non-Flash UPick widget - keep in mind, picks rows are exactly 80px tall - - - */ .unpicked {height:80px; position:relative;} .unpicked img {height:84px; margin:0; overflow:hidden; padding:0;} .picked {display:none; position:relative; right:0;} .picked img {height:84px;} .upickwidget label {font-family:Verdana; font-size:11.5px; position:absolute; left:0; text-align:center; width:80px;} .upickwidget .picked label {color:#fff; top:10px;font-family:Arial; font-weight:bold;font-size:24px;} .upickwidget .unpicked label {bottom:0;} .ad .upickwidget object {width:78px;} /* wide upick toolbar */ #wideToolbar{background:url(/upickdaily/images/bg-pickit-module.jpg) top right;width:207px; height:222px;color:white;} #wideToolbar .wide-toolbar-container{padding:7px 0 0 7px;} #wideToolbar .upick-wide-widget{background:url(/upickdaily/images/bg-pickit.jpg) top right;width:194px; height:84px;} #wideToolbar ul{font-weight:bold;padding-top:15px;} #wideToolbar .listItem{padding-left: 15px; background-image: url(/upickdaily/images/arrow.png);background-position: center left;background-repeat: no-repeat;} #wideToolbar .nav{padding-top:15px;} #wideToolbar .action{color:white;} #wideToolbar .unpicked{ margin-left:100px;width:60px;} #wideToolbar .picked{ margin-left:100px;} #wideToolbar .gfx-pickit{width:80px; margin-left:12px;position:absolute;} .unpickedWide {height:80px;width:80px; position:relative;} .unpickedWide img {height:84px; margin:0; overflow:hidden; padding:0;} .pickedWide {display:none; position:absolute; right:0;} .pickedWide img {height:84px;} .upickwidgetWide label {font-family:Verdana; font-size:11.5px; position:absolute; left:0; text-align:center; width:80px;} .upickwidgetWide .picked label {color:#fff; top:10px;font-family:Arial; font-weight:bold;font-size:24px;} .upickwidgetWide .unpickedWide label {bottom:0;} .pickitWide {height:80px; position:relative;} #storybottom {clear:both;} #commentsys {float:left; width:540px;} #ad300x250 {float:left; margin-left: 20px; width:300px;} #adbannerHouse {margin:10px 0 5px 0;} #filterDescription {padding:5px; padding-left:10px; font-family:Arial Black; font-size:11px;} /* body div#bkg #image_header {margin-top:-16px !important;} */ /* Tooltip for pick button */ .upickwidget {z-index:5;} a.infoTip {color:#000; text-decoration:none } a.infoTip:hover { } a.infoTip span { display: none } a.infoTip:hover span {display:block; position:absolute; z-index:30; bottom:30px; left:-75px; width:12em; padding:2px; border:1px solid #a3a3a3; background-color:#fff; color:#FF6600; font:normal 100% "Arial"; text-align: center; opacity:.9; }