/* CSS layout for ox.pl 2009
   @file: oxValentine.css
   @created: 28.01.2010
   @last edited: 28.01.2010
   @author: Arkadiusz Kondas
*/
body {background:url(../valentine/img/bg_body.jpg) repeat-x 0 112px;}
.clear {clear: both;}
a {outline: none;}
a.right {float: right;}


#vHeaderWrapper {height: 112px; background:url(../valentine/img/header_wrapper.jpg) center no-repeat; background-color: #FFEBCB;}
#vHeader {width: 960px; height: 112px; position: relative; margin:0 auto; background:url(../valentine/img/header_wrapper.jpg) center no-repeat;}

#vMenu {position: absolute; top:72px; left:232px; z-index:2;}
#vMenu li {float: left; margin: 0 27px 0 0; list-style: none;}
#vMenu li.last {margin: 0;}
#vMenu li a {display: block; width: 95px; height: 35px; background-repeat: no-repeat; background-position: center;}
#vMenuItem1 {background:url(../valentine/img/menu1.png);} #vMenuItem2 {background:url(../valentine/img/menu2.png);} #vMenuItem3 {background:url(../valentine/img/menu3.png);}
#vMenuItem4 {background:url(../valentine/img/menu4.png);} #vMenuItem5 {background:url(../valentine/img/menu5.png);} #vMenuItem6 {background:url(../valentine/img/menu6.png);}
#vMenuSelect {position: absolute; z-index:1; top:69px; left:227px; width: 107px; height: 40px; background:url(../valentine/img/menu_select.png) no-repeat;}
#vMenuSelect.zyczenia {left: 349px;} #vMenuSelect.nagrody {left: 471px;} #vMenuSelect.pomysly {left: 593px;} #vMenuSelect.wierszyki {left: 715px;} #vMenuSelect.polecamy {left: 837px;}

#vContentWrapper {background:url(../valentine/img/bg_content.png) top center no-repeat;}
#vContent {width: 960px; margin: 0 auto; padding:25px 0 0 0;}
#vContentLeft {width: 750px; float: left;}
#vContentRight {width: 190px; float: right; padding:0 0 0 20px;}
#vWhiteContent {background: #FFF; padding: 5px; margin-bottom: 20px;}
#vWhiteContent h2 {color: #B71E1B; font-size: 16px; }
.vPages {padding:0 0 25px 15px; color: #FFFBB9;}
.vPages span {color: #000;}
.vPages a {color: #FFFBB9; font-weight: bold;} 
#vSpacer {height: 10px;}
.vMainLink {display: block; position: absolute; top:10px; width: 200px; height: 100px;}
.vMainOxLink {display: block; position: absolute; top:0px; left:310px; width: 500px; height: 65px;}
.vBackToOx {display: block; position: absolute; top:0px; right:10px; width: 134px; height: 21px; background:url(../valentine/img/back.png) no-repeat;}

#vPromoText {text-indent:-9999px; padding-bottom:10px; width: 156px; height: 57px; background:url(../valentine/img/txt_promo.png) center no-repeat; }
.vRightPromo {width:200px; padding: 10px 5px 20px 5px; border-top:1px solid #DD7973;}
.vRightPromo img {width: 115px; padding:7px 0;}
.vRightPromo h4, .vTxtPromo {font-size: 12px; color: #FFCFC7;}
.vRightPromo a {color: #FFCFC7; text-decoration: underline;}
.vTxtPromo {line-height:17px;}

#vMainBox {width:750px; position: relative;}
#vSendedWishes {background:url(../valentine/img/main_box.png) no-repeat;height:210px;margin-bottom:11px;}
#vMainBoxLinks {position: absolute; top:30px; right:20px;}
#vMainBoxLinks a {margin:0 0 0 20px;}
#vMainWishesWrapper {padding:75px 10px 0 15px; height: 110px; overflow: hidden;}
#vMainWishes {overflow: hidden; position: relative;}
.vWish {width: 205px; height: 90px; position:relative; float:left; margin:0 20px 0 0; padding:10px; background-color: #FFFDDC; color:#333;}
.vWish.last {margin:0;}

#vAwardsAndSms {clear: both;}
#vAwards {padding:55px 20px 30px 15px; color: #FFCFC7; line-height: 18px;}
#vAwards .link, .vAwardsBox .link {display: block; padding-top:7px; float:right; color:#FFCFC7; text-decoration: underline;}
#vAwards #vAwardsText {width: 158px; height: 37px; padding-bottom:8px; background: url(../valentine/img/btn_awards.png) no-repeat;}
#vSendSms, #vSendSmsBox {padding: 0; height:195px; color:#680910; font-size: 14px; font-weight:bold; position:relative;background: url(../valentine/img/bg_sms_box.png) no-repeat;}
#vSendSmsBox {margin-bottom:20px;}
#vSendSms p, #vSendSmsBox p {text-indent: -99999px;}
#vSendSms a, #vSendSmsBox a {position:absolute; top:34px; left:282px; color:#B71E1B; text-decoration:underline; font-weight:normal;font-size:12px;}
#vSendSms img, #vSendSmsBox img {padding:0 0 7px 0;}

#vAwardsBoxs {clear: both;min-height:200px;}
.vAwardsBox {clear: both;padding: 0 21px 0 278px; color: #690911; line-height: 18px;height:195px;margin-bottom: 11px;background: url(../valentine/img/bg_award_box.png) left top no-repeat;position: relative;}
.vAwardsBox a {color: #690911;}
.vAwardsBox .img {position: absolute;left:18px;top:18px;width:189px;height:159px;overflow: hidden;}
.vAwardsBox .img table {border-collapse: collapse;width: 100%;height: 100%;}
.vAwardsBox .img table td {vertical-align: middle;text-align: center;padding: 0;}
.vAwardBoxContent {padding:22px 0 0 0;}
.vAwardsBox .link {display: block;background: url(../valentine/img/btn_all_awards.jpg) left top no-repeat;width: 130px;height:16px;line-height: 16px;padding: 0;text-indent: -9999px;position: absolute;left:606px;top:156px;}
.vAwardsBox .reload {display: block;background: url(../valentine/img/btn_reload.gif) left top no-repeat;width: 130px;height:16px;line-height: 16px;padding: 0;text-indent: -9999px;position: absolute;left:278px;top:156px;}
.vAwardsBox p {padding:0 10px 0 0;}

#vIdeasAndRhymes {clear: both; padding:30px 0 0 0;}
#vIdeasWrapper {float: left; width: 355px; padding:45px 0 0 0; background:url(../valentine/img/txt_ideas.png) 20px 0 no-repeat; }
#vIdeas {background:#FFF; padding: 5px; height: 155px; overflow: auto;}
#vIdeas img {float: left; padding: 0 5px 2px 0;}
#vIdeas p {padding-bottom: 17px; line-height: 17px;}
#vIdeas p strong {color: #B71E1B; font-size: 14px;}
#vIdeas p strong a {text-decoration: none;}
#vIdeas a {color: #B71E1B; text-decoration: underline;}
#vRhymesWrapper {float: right; width: 365px; padding: 45px 0 0 0; background:url(../valentine/img/txt_rhymes.png) 20px 0 no-repeat;}
#vRhymes {background:#FFF; padding: 10px; height: 145px; position: relative;}
#vRhymes .links {position: absolute; bottom: 7px; width: 340px;}
#vRhyme {height: 100px; overflow: auto;}
#vRhymes p {padding: 5px;}

/* rhymes pages */
#vRhymesText {width: 330px; height: 37px; text-indent:-9999px; background:url(../valentine/img/txt_rhymes.png) no-repeat;}
.vRhymeVote {width: 135px; padding: 0 25px 0 0;}
.vRhyme {padding: 10px;}
.vVotes {padding: 10px 0;}
.vVotes a {width: 22px; height: 22px; display:block; margin:0 10px 0 0; float:left; text-indent: -9999px; }
.vVoteYes {background:url(../valentine/img/vote_yes.png) no-repeat;}
.vVoteNo {background:url(../valentine/img/vote_no.png) no-repeat;}
.vRate {color: #B81E1B; font-weight: bold;}

/* promo pages */
#vPromoText2 {width: 134px; height: 37px; background:url(../valentine/img/txt_promo2.png) no-repeat; text-indent: -9999px;}
.vPromo {padding: 15px;}
.vPromo img {}
.vPromo h2 {color: #B71E1B; font-size: 14px; padding: 0 0 10px 0;}
.vPromo h2 a {color: #B71E1B;}
.vPromo .link {padding: 10px 0 0 0; display:block; color: #B81E1B; text-decoration: underline;}

/* ideas pages */
#vIdeasText {width: 306px; height: 37px; text-indent: -9999px; background:url(../valentine/img/txt_ideas.png) no-repeat;}
#vComments {padding: 10px;}
#vComments .title {font-size:11px; color:#333; padding:0 0 10px 0;}
#vComments .title strong {font-size: 13px;}
.oxCommentList { width:100%; margin:0px 0 12px 0; padding:5px 0 0 0; clear:both; }
.oxCommentList p { font-size:11px; color:#556270; }
.oxCommentList .oxCommentAuthor { color:#E3001B; margin-bottom:5px; }
.oxCommentList .oxCommentAuthor span { color:#556270; }
.oxCommentAvatar { float:left; width:30px; }
.oxCommentText { margin-left:40px; }

/* awards pages */
#vAwardsText {width: 120px; height: 37px; text-indent: -9999px; background:url(../valentine/img/txt_awards.png) no-repeat;}
#vAwardsText a {width: 120px; height: 37px; display: block;}

/* wishes pages */
#vWishesText {width: 272px; height: 37px; text-indent: -9999px; background:url(../valentine/img/txt_wishes.png) no-repeat;}
.vWishId {width: 40px; font-size: 15px; font-weight: bold;}
.vWishId a {color: #000;}
.vShare {padding: 15px 0 0 0;}
.vShare p {padding-bottom: 5px;}
.vShare img {width: 20px; margin-right: 2px;}

#vLoader {background:url(../valentine/img/loader.gif) center center no-repeat; padding: 50px 0; text-align: center; }
.vLoader {background:url(../valentine/img/loader.gif) center center no-repeat; float:left; width: 205px; height: 90px; }
#vLoaderSmall {background:url(../valentine/img/loader.gif) 0px center no-repeat; padding: 21px 0;}
#vLoaderSmallWhite {background:url(../valentine/img/loader-white.gif) center center no-repeat; padding: 21px 0;}
.odd {background: #FFFDDC;}
#vError {padding: 70px 0; background: #FFF; text-align: center; font-weight: bold; font-size: 13px;}
.vText p {padding-bottom: 10px;}
.valentineToolTip {background:#FFF; color: #C00 !important; border-color: #C00 !important;}
.valentineToolTip h3 {color: #C00 !important;}

#vFotterWrapper {border-top: 2px solid #690911; background: #8F1417; padding: 10px 0 20px 0; margin-top:10px;}
#vFooter {width: 960px; margin: 0 auto; color: #FF8A78;}
#vFooter a, #vFooter span  {color: #FF8A78; margin: 0 3px 0 3px;}
#vFootLeft {width: 700px; float: left; line-height: 20px;}
#vFootRight {width: 120px; float: right;}

#vPromoLink {text-decoration: underline;color:#FFCFC7;font-size:12px;padding-left:5px;margin-top:14px;display: block;}