/********************************************/ /****************RESET.CSS*******************/ /********************************************/ *, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td{margin:0; padding:0; outline:none} table{border-collapse:collapse; border-spacing:0} fieldset, img{border:0} address, caption, cite, code, dfn, em, strong, th, var{font-style:normal; font-weight:normal} ol, ul, li{list-style:none} h1, h2, h3, h4, h5, h6{font-size:100%} q:before, q:after{content:''} a{text-decoration:none; outline:none} strong{font-weight:bold} em{font-style:italic} a img{border:none} .clearfix{width:100%; display:block} /********************************************/ /****************STYLE.CSS*******************/ /********************************************/ /*GENERAL INSTRUCTIONS*/ body {background: #000; color: #fff;font-family:Verdana, Geneva, sans-serif; font-size:10px; height: 100%; margin-bottom:20px; background:url("../design/backgrounds/background.png") top left repeat;} a{ color:#000; font-size:10px;} a:hover{ text-decoration:underline;} div.left-side{ float:left; margin:0; padding:0;} div.right-side{ float:right; margin:0; padding:0;} h1{color:#fff; font-size:30px; } h2{color:#fff; font-size:25px; } h3{color:#fff; font-size:14px;} h4{color:#fff; font-size:11px; font-weight: normal; text-transform:uppercase; margin-bottom:5px;} h6{ color:#797979; font-size:9px; float:left; width:100%; text-align:right;} p{ line-height:15px; margin-bottom:15px;} .right{float:right;} .left{float:left;} span.italic {font-style:italic; margin:10px; width:auto; float:left; color:#A890C6;} /*END GENERAL INSTRUCTIONS*/ /*No script*/ div#noscript-container{ width:100%; background:url(../design/noscript/bg-noscript.png) repeat; float:left; height:36px; padding-top:5px; margin-bottom:5px; } div#noscript-container div#noscript-inner{ margin:0 auto; background: url(../design/noscript/icon-alert.png) no-repeat 0 0; padding-left:20px; height:36px; width:640px; padding-top:10px; font-weight:bold; color:#FFF; } div#noscript-container div#noscript-inner a{ color:#FFF!important; } /*No script*/ /*Tooltips*/ .tipsy { padding: 5px; font-size: 10px; opacity: 1; filter: alpha(opacity=100); background-repeat: no-repeat; background-image: url("../design/tips/tipsy.gif"); } .tipsy-inner { padding: 5px 8px 4px 8px; background-color: black; color: white; max-width: 200px; text-align: center; } .tipsy-inner { -moz-border-radius:3px; -webkit-border-radius:3px; } .tipsy-north { background-position: top center; } .tipsy-south { background-position: bottom center; } .tipsy-east { background-position: right center; } .tipsy-west { background-position: left center; } /*Tooltips*/ /*Body content of all page*/ div#bodycontent{ margin:0 auto; height:175px; width:auto; position:absolute; z-index:-1;} /*BEGIN breadcrumbs*/ div#breadcrumbs{width: 1024px; height:auto; padding: 0; margin: 0 auto; margin-top:55px; color:#fff; text-transform:uppercase; font-size:9px!important; } div#breadcrumbs a{ color:#797979; text-transform:uppercase; font-size:9px!important;} div#breadcrumbs span { font-size:9px!important;} div#breadcrumbs a:hover{} /*END breadcrumbs*/ /*BEGIN pagecontainer to center all itens in the page*/ div#pagecontainer{width:1024px; height:auto; padding: 15px 0; margin: 0 auto;} /*BEGIN pagewrapper*/ div#pagewrapper {float:left; width:100%;} /*BEGIN header*/ div#pagewrapper div#header { width:251px; float:left; margin:0;} /*BEGIN inner-header*/ div#pagewrapper div#header div#inner-header { float:left; width:251px; margin:0;} /*BEGIN menu*/ div#pagewrapper div#header div#inner-header div#menu { float:left; margin:10px 0; width:251px; height:231px; background:url("../design/backgrounds/vertical-background.png") 0px -481px;} div#pagewrapper div#header div#inner-header div#menu div#inner-menu{ float:left; width:246px; margin-left:5px;} div#pagewrapper div#header div#inner-header div#menu div#inner-menu div#menu-container{ float:left; width:100%;} div#pagewrapper div#header div#inner-header div#menu div#inner-menu div#menu-container div#logo { float:left; width:251px; background:url("../design/icons/logo.png") top left no-repeat; height:98px; } div#pagewrapper div#header div#inner-header div#menu div#inner-menu div#menu-container div#logo a{ float:left; width:250px; height:100px; display:block;} div#pagewrapper div#header div#inner-header div#menu div#inner-menu div#menu-container ul{ list-style:none; display:inline;} div#pagewrapper div#header div#inner-header div#menu div#inner-menu div#menu-container ul li{ float:left; display:inline-block; width:120px; height:30px; margin:0 3px 3px 0;} div#pagewrapper div#header div#inner-header div#menu div#inner-menu div#menu-container ul li a{ float:left; width:120px; height:30px; display:block; font-size:10px; color:#FFF; background:url("../design/menu/menu-sprite.png") top left; outline:0;} div#pagewrapper div#header div#inner-header div#menu div#inner-menu div#menu-container ul li a.begin{ background-position:0px 0px;} div#pagewrapper div#header div#inner-header div#menu div#inner-menu div#menu-container ul li a.begin:hover{ background-position:-120px 0px;} div#pagewrapper div#header div#inner-header div#menu div#inner-menu div#menu-container ul li a.begincurrent{ background-position:-240px 0px ;} div#pagewrapper div#header div#inner-header div#menu div#inner-menu div#menu-container ul li a.begincurrent:hover{ background-position:-240px 0px;} div#pagewrapper div#header div#inner-header div#menu div#inner-menu div#menu-container ul li a.mediareport{ background-position:0px -30px;} div#pagewrapper div#header div#inner-header div#menu div#inner-menu div#menu-container ul li a.mediareport:hover{ background-position:-120px -30px;} div#pagewrapper div#header div#inner-header div#menu div#inner-menu div#menu-container ul li a.mediareportcurrent{ background-position:-240px -30px ;} div#pagewrapper div#header div#inner-header div#menu div#inner-menu div#menu-container ul li a.mediareportcurrent:hover{ background-position:-240px -30px;} div#pagewrapper div#header div#inner-header div#menu div#inner-menu div#menu-container ul li a.magazine{ background-position:0px -60px;} div#pagewrapper div#header div#inner-header div#menu div#inner-menu div#menu-container ul li a.magazine:hover{ background-position:-120px -60px;} div#pagewrapper div#header div#inner-header div#menu div#inner-menu div#menu-container ul li a.magazinecurrent{ background-position:-240px -60px ;} div#pagewrapper div#header div#inner-header div#menu div#inner-menu div#menu-container ul li a.magazinecurrent:hover{ background-position:-240px -60px;} div#pagewrapper div#header div#inner-header div#menu div#inner-menu div#menu-container ul li a.news{ background-position:0px -90px;} div#pagewrapper div#header div#inner-header div#menu div#inner-menu div#menu-container ul li a.news:hover{ background-position:-120px -90px;} div#pagewrapper div#header div#inner-header div#menu div#inner-menu div#menu-container ul li a.newscurrent{ background-position:-240px -90px ;} div#pagewrapper div#header div#inner-header div#menu div#inner-menu div#menu-container ul li a.newscurrent:hover{ background-position:-240px -90px;} div#pagewrapper div#header div#inner-header div#menu div#inner-menu div#menu-container ul li a.agenda{ background-position:0px -120px;} div#pagewrapper div#header div#inner-header div#menu div#inner-menu div#menu-container ul li a.agenda:hover{ background-position:-120px -120px;} div#pagewrapper div#header div#inner-header div#menu div#inner-menu div#menu-container ul li a.agendacurrent{ background-position:-240px -120px ;} div#pagewrapper div#header div#inner-header div#menu div#inner-menu div#menu-container ul li a.agendacurrent:hover{ background-position:-240px -120px;} div#pagewrapper div#header div#inner-header div#menu div#inner-menu div#menu-container ul li a.aboutus{background-position:0px -150px;} div#pagewrapper div#header div#inner-header div#menu div#inner-menu div#menu-container ul li a.aboutus:hover{ background-position:-120px -150px;} div#pagewrapper div#header div#inner-header div#menu div#inner-menu div#menu-container ul li a.aboutuscurrent{ background-position:-240px -150px ;} div#pagewrapper div#header div#inner-header div#menu div#inner-menu div#menu-container ul li a.aboutuscurrent:hover{ background-position:-240px -150px;} div#pagewrapper div#header div#inner-header div#menu div#inner-menu div#menu-container ul li a.contacts{ background-position:0px -180px;} div#pagewrapper div#header div#inner-header div#menu div#inner-menu div#menu-container ul li a.contacts:hover{ background-position:-120px -180px;} div#pagewrapper div#header div#inner-header div#menu div#inner-menu div#menu-container ul li a.contactscurrent{ background-position:-240px -180px ;} div#pagewrapper div#header div#inner-header div#menu div#inner-menu div#menu-container ul li a.contactscurrent:hover{ background-position:-240px -180px;} div#pagewrapper div#header div#inner-header div#menu div#inner-menu div#menu-container ul li a.visits{ background-position:0px -210px;} div#pagewrapper div#header div#inner-header div#menu div#inner-menu div#menu-container ul li a.visits:hover{ background-position:-120px -210px;} div#pagewrapper div#header div#inner-header div#menu div#inner-menu div#menu-container ul li a.visitscurrent{ background-position:-240px -210px ;} div#pagewrapper div#header div#inner-header div#menu div#inner-menu div#menu-container ul li a.visitscurrent:hover{ background-position:-240px -210px;} /*END menu*/ /*BEGIN search-container*/ div#pagewrapper div#header div#inner-header div#search-container{ float:left; width:251px; height:396px; margin:0; background:url("../design/backgrounds/vertical-background.png") 0px -883px no-repeat; margin-bottom:10px;} div#pagewrapper div#header div#inner-header div#search-container form{ background:url("../design/form/form-background.png") top left no-repeat; width:242px; height:40px; margin-left:5px; margin-top:3px; margin-bottom:5px;} /*So myBox don't show underline in Chrome*/ div#pagewrapper div#header div#inner-header div#search-container a:hover{text-decoration:none;} /*END search-container*/ /*BEGIN slideshower*/ div#pagewrapper div#header div#inner-header div#slideshower{ float:left; width:251px; margin:0; background-color:#FF0; height:166px; background:url("../design/backgrounds/vertical-background.png") 0px -712px no-repeat; margin-bottom:10px; padding:5px 0 0 5px;} div#pagewrapper div#header div#inner-header div#slideshower div.slideshow{ float:left;} /*END slideshower*/ /*BEGIN agenda*/ div#pagewrapper div#header div#inner-header div#agenda{ float:left; width:251px; margin:0; background-color:#0FF; height:238px; background:url("../design/backgrounds/vertical-background.png") 0px -243px no-repeat; margin-bottom:10px;} div#pagewrapper div#header div#inner-header div#agenda h1{ background:url("../design/icons/agenda-bullet.png") top left no-repeat; margin-top:5px; margin-left:5px; font-size:10px; text-transform:uppercase; padding-left:20px; padding-bottom:5px; } div#pagewrapper div#header div#inner-header div#agenda a:hover{text-decoration:none;} /*END agenda*/ /*END inner-header*/ /*END header*/ /*BEGIN container*/ div#pagewrapper div#container { float:left; width:622px; margin:0 auto;} /*BEGIN inner-container*/ div#pagewrapper div#container div#inner-container{ float:left; width:622px; background:url("../design/backgrounds/container-background.png") top left repeat-y; padding:1px 0px 0px 3px; min-height:1070px;} div#pagewrapper div#container div#inner-container div#lines{ float:left; width:622px; background:url("../design/social/divInnerBackground.png") top left repeat-y; min-height:1070px;} div#pagewrapper div#container div#topbackground{ float:left; width:622px; height:10px; background:url("../design/backgrounds/horizontal-backgrounds.png") 0 1px no-repeat;} div#pagewrapper div#container div#bottombackground{ float:left; width:622px; height:10px; background:url("../design/backgrounds/horizontal-backgrounds.png") 0 -15px no-repeat;} div.hl{ float:left; width:612px; height:3px; background:url("../design/backgrounds/horizontal-backgrounds.png") 0 -11px no-repeat; border:none; outline:none;} /*END container*/ /*BEGIN publicity*/ div#pagewrapper div#publicity { float:left; width:150px; margin:0 auto; margin-left:1px;} /*BEGIN inner-publicity*/ div#pagewrapper div#publicity div#inner-publicity{ float:left; width:150px;} div.publicontainer{ float:left; background-color:#000; margin-bottom:3px;} /*END publicity*/ /*END pagewrapper*/ /*BEGIN footer*/ div#footer {width: 100%; float:left; margin-top:85px; /*margin-bottom:10px;*/ height:267px; border: 1px solid #212126; border-right:none; border-left:none; border-bottom:none; background-color:#121215; /*bottom:0%; position:fixed; z-index:999999;*/} /*BEGIN inner-footer*/ div#footer div#inner-footer{ margin:0 auto; width:1024px; height:252px; padding:15px 0 0 0;} /*BEGIN footer-content*/ div#footer div#inner-footer div#footer-content{ width:960px; float:left; color:#FFF; text-align:center;} div#footer div#inner-footer div#footer-content { width:960px; float:left; color:#FFF;} div#footer div#inner-footer div#footer-content a{color:#FFF;} div#footer div#inner-footer div#footer-content img{color:#FFF; vertical-align:middle;} div#footer div#inner-footer div#footer-content div.image-logo-footer{ float:left; width:175px; margin-top:75px; margin-left:0px; width:250px; margin-right:20px; } div#footer div#inner-footer div#footer-content div.developedby{ float:right; } div#footer div#inner-footer div#footer-content div.bottomMenu { float:left; width:420px; padding-top:45px; text-align:left; } div#footer div#inner-footer div#footer-content div.bottomMenu h2 { float:left; width:400px; color:#8260a8; font-size:16px } div#footer div#inner-footer div#footer-content div.bottomMenu ul { float:left; width:350px; margin-top:10px; } div#footer div#inner-footer div#footer-content div.bottomMenu li { float:left; margin-right:15px; text-transform:uppercase; font-size:10px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; line-height:26px; } div#footer div#inner-footer div#footer-content div.bottomContacts { float:left; width:260px; padding-top:45px; text-align:left; } div#footer div#inner-footer div#footer-content div.bottomContacts h2 { float:left; width:280px; color:#8260a8; font-size:16px } div#footer div#inner-footer div#footer-content div.bottomContacts span { float:left; width:280px; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; margin-top:15px; } div#footer div#inner-footer div#footer-content div.bottomContacts span a { font-weight:bold; } div#footer div#inner-footer div#footer-content div.bottomContacts a { font-size:13px;} div#footer div#inner-footer div#footer-content div.bottomPartners { float:left; width:665px; height:50px; margin-top:40px; margin-left:15px; } div#footer div#inner-footer div#footer-content div.bottomPartners a { float:left; height:50px; margin-right:15px; } div#footer div#inner-footer div#footer-content div.bottomPartners span { float:left; padding-top:18px; color:#4f3e67; margin-right:10px; margin-left:15px; } div#footer div#inner-footer div#footer-content div.bottomTecLinks { float:left; margin-left:270px; width:700px; height:20px; margin-top:15px; text-align:left; } div#footer div#inner-footer div#footer-content div.bottomTecLinks a { font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#7d7d83; float:left; padding-right:5px; } div#footer div#inner-footer div#footer-content div.bottomTecLinks span { font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#7d7d83; float:left; padding-right:5px; } /*END footer-content*/ /*END inner-footer*/ /*END footer*/ /*BEGIN copyright-company */ div#copyright-company { margin:0 auto; width: 960px;} /*BEGIN inner-copyright*/ div#copyright-company div#inner-copyright{ float:left; width:960px; height:30px;} /*BEGIN copyright-text*/ div#copyright-company div#inner-copyright div#copyright-text{ float:right; color:#FFF; font:Tahoma, Geneva, sans-serif; font-size:10px;} div#copyright-company div#inner-copyright div#copyright-text a{ color:#FFF; font:Tahoma, Geneva, sans-serif; font-size:10px;} /*END copyright-text*/ /*END inner-copyright*/ /*END copyright-company */ /*BEGIN SCROLL TO TOP CONTAINER*/ div#scrollToTopContainer{ display:block; position:fixed; right:10px; bottom:285px; width:120px; height:30px; background:url("../design/icons/backtotop.png") no-repeat;} div#scrollToTopContainer:hover{} div#scrollToTopContainer a{ float:left; width:120px; height:30px;display:block; } /*END SCROLL TO TOP CONTAINER*/ /*BEGIN form*/ form{ margin:0; padding:0; color:#333;} form fieldset { margin:0; padding:5px 5px 0 0; } form fieldset label{margin:0; padding:0; float:left; padding-top:5px; margin-right:15px; width:70px;} form fieldset label.displaynone{ display:none;} form fieldset input[type=submit]{ float:right; width:75px; text-align:center; background-color:#3C2D53; color:#9077AF; outline:none; border:none;} form fieldset input[type=reset]{ float:right; width:75px; text-align:center; margin-right:20px; background-color:#3C2D53; color:#9077AF; outline:none; border:none;} form fieldset input[type=submit]:hover{ cursor:pointer; } form fieldset input[type=reset]:hover{ cursor:pointer;} form fieldset input[type=text],form fieldset input[type=password] { float:left; width:150px; height:15px; margin-top:1px; padding:3px 5px 2px 5px; font-size:10px; outline:none; margin-right:30px; margin-bottom:30px; border:none;} form fieldset textarea{ float:left; width:150px; margin-top:1px; padding:3px 5px 2px 5px; font-size:10px; border:none; outline:none; font-size:10px; color:#AAA; font-family:Arial, Helvetica, sans-serif; margin-bottom:30px; margin-right:30px; resize:none;} form fieldset input[type=text].search{ padding:6px 25px 3px 15px; width:180px; border:none; margin-right:0; background:none; color:#9D9D9D; font-size:14px; margin-bottom:0px;} form fieldset input[type=text].email{ padding:6px 25px 3px 15px; width:101px; border:none; margin-right:0;background:url("../design/form/form-background.png") 0 -40px no-repeat; color:#666; font-size:12px; margin-bottom:0px;} /*AGENDA INPUT TEXT*/ form fieldset input[type=text].space{ padding:11px 15px 2px 5px; width:135px; border:none; margin-right:0; background:url("../design/form/form-background.png") 0 -87px no-repeat; color:#666; font-size:11px; margin-bottom:0px; height:15px;} form fieldset input[type=text].spaceBig{ padding:11px 15px 2px 5px; width:241px; border:none; margin-right:0; background:url("../design/form/form-background.png") 0 -274px no-repeat; color:#666; font-size:11px; margin-bottom:0px; height:17px;} form fieldset input[type=text].local{ padding:11px 15px 2px 5px; width:82px; border:none; margin-right:0; background:url("../design/form/form-background.png") 0 -115px no-repeat; color:#666; font-size:11px; margin-bottom:0px; height:15px;} form fieldset input[type=text].data{ padding:11px 15px 2px 5px; width:139px; border:none; margin-right:0; background:url("../design/form/form-background.png") 0 -143px no-repeat; color:#666; font-size:11px; margin-bottom:0px; height:15px;} form fieldset input[type=text].comment{ padding:11px 15px 2px 5px; width:300px; margin-right:0; color:#666; font-size:11px; margin-bottom:0px; height:15px; border:#74559B 1px solid; background:#fff url("../design/form/comment-background.png") top left repeat-x; } form fieldset input[type=text].comment-visits{ padding:11px 15px 2px 5px; width:302px; margin-right:0; color:#666; font-size:11px; margin-bottom:0px; height:15px; border:#74559B 1px solid; background:#fff url("../design/form/comment-background.png") top left repeat-x; } /*END AGENDA INPUT TEXT*/ input[type=text].simple{ padding:7px 15px 2px 5px; width:337px; border:none; margin-right:0; background:none; color:#fff; font-size:11px; margin-bottom:0px; height:15px;} input[type=password].simple{ padding:7px 15px 2px 5px; width:337px; border:none; margin-right:0; background:none; color:#fff; font-size:11px; margin-bottom:0px; height:15px;} textarea.simple{ padding:7px 15px 2px 5px; width:327px; border:none; margin-right:0; background:none; color:#fff; font-size:11px; margin-bottom:0px; height:25px; font-family:Verdana, Geneva, sans-serif; } /*NUMBER OF RESULTS*/ div.select {text-align: left;margin: 10px 12px 0 0; display: block; width:50px; } div.select div {background:url("../design/form/form-background.png") 0 -199px no-repeat; display: block; width: auto; color:#FFF;} div.select div p { margin:0; padding: 7px 5px 5px 5px; height: 15px; margin-right: 15px; display: block; overflow: hidden; color:#FFF;} div.select ul { margin: 0; padding:0; list-style:none; background-color:#121215; display: block; position: absolute; z-index:99999;} div.select ul li { display:block !important; height: 1%; position:relative; color: #fff; background-color: #533E73; padding-left: 10px; padding-top: 4px; padding-right: 10px; height: 18px; cursor: pointer; z-index:99999;} div.select li.active { background-color: #9571cc; color: #FFF; font-weight: bold;} /*END NUMBER OF RESULTS*/ /*PARTY SELECTOR*/ div.select-party {text-align: left;margin: 1px 12px 0 0; display: block; width:340px; } div.select-party div {background:url("../design/form/form-background.png") 0 -227px no-repeat; display: block; width: auto; color:#FFF;} div.select-party div p { margin:0; padding: 4px 5px 5px 5px; height: 15px; margin-right: 15px; display: block; overflow: hidden; color:#FFF;} div.select-party ul { margin: 0; padding:0; list-style:none; background-color:#121215; display: block; position: absolute; z-index:99999; } div.select-party ul li { display:block !important; height: 1%; position:relative; color: #fff; background-color: #533E73; padding-left: 10px; padding-top: 4px; padding-right: 10px; height: 18px; cursor: pointer; z-index:99999; } div.select-party li.active { background-color: #9571cc; color: #FFF; font-weight: bold;} /*END PARTY SELECTOR*/ /*ARQUIVE SELECTOR*/ div.select-arquive {text-align: left;margin: 1px 12px 0 0; display: block; width:191px; } div.select-arquive div {background:url("../design/form/form-background.png") 0 -250px no-repeat; display: block; width: auto; color:#FFF;} div.select-arquive div p { margin:0; padding: 4px 5px 5px 5px; height: 15px; margin-right: 15px; display: block; overflow: hidden; color:#FFF;} div.select-arquive ul { margin: 0; padding:0; list-style:none; background-color:#121215; display: block; position: absolute; z-index:99999;} div.select-arquive ul li { display:block !important; height: 1%; position:relative; color: #fff; background-color: #533E73; padding-left: 10px; padding-top: 4px; padding-right: 10px; height: 18px; cursor: pointer; z-index:99999;} div.select-arquive li.active { background-color: #9571cc; color: #FFF; font-weight: bold;} /*END ARQUIVE*/ /*select-newsletter-register SELECTOR*/ div.select-newsletter-register {text-align: left;margin: 1px 12px 0 0; display: block; width:91px; } div.select-newsletter-register div {background:url("../design/form/form-background.png") 0 -274px no-repeat; display: block; width: auto; color:#FFF;} div.select-newsletter-register div p { margin:0; padding: 4px 5px 5px 5px; height: 15px; margin-right: 15px; display: block; overflow: hidden; color:#FFF;} div.select-newsletter-register ul { margin: 0; padding:0; list-style:none; background-color:#121215; display: block; position: absolute; z-index:99999;} div.select-newsletter-register ul li { display:block !important; height: 1%; position:relative; color: #fff; background-color: #533E73; padding-left: 10px; padding-top: 4px; padding-right: 10px; height: 18px; cursor: pointer; z-index:99999;} div.select-newsletter-register li.active { background-color: #9571cc; color: #FFF; font-weight: bold;} /*END select-newsletter-register*/ /*END form*/ /*BEGIN rounded Corners with curvycorners*/ .myBox {margin: 0 auto; color: #fff; float:left; padding: 3px 12px; text-align: left; background-color:#3C2D53; border: 1px solid #3C2D53; /* Do rounding (native in Firefox and Safari) */ -webkit-border-radius: 5px; -moz-border-radius: 5px; text-decoration:none !important; cursor:pointer !important;} .myBox a{ float:left; color:#FFF; font-size:10px;} .myBox a:hover{ text-decoration:none !important;} .myBoxNewHighlight{background-color:#16151B; width:586px; height:234px; border-color:#16151B; margin-top:4px;} .myBoxTabs{background-color:#16151B; background:url("../design/tabs/tabs-background.png") top left repeat-x; width:600px; height:28px; border-color:#121215; margin-top:4px; padding:3px 6px!important; } .myBoxTabsConcept{background-color:#16151B; background:url("../design/tabs/tabs-background.png") top left repeat-x; width:377px; height:28px; border-color:#121215; margin-top:0px;} .myBoxTabsTeam{width:119px; border-color:#1e1e1e; height:137px; background-color:#191919; text-align:center;} .myBoxTabsComentary{width:76px; border-color:#1e1e1e; height:94px; background-color:#191919; text-align:center;} .myBoxSendButtons{ font-size:12px;} .myBoxBackButtons{ width:40px; text-align:center;} .myBoxCommentButtons{ width:auto; text-align:center;} .myBoxFotoAgenda{ background-color:#191919; border-color:#1E1E1E; margin:0; padding:7px; float:left; width:598px;} .myBoxAgendaOptions{ float:left; width:100%; height:43px; background:url("../design/agenda/agenda-options.png") top left repeat-x; border-color:#121215; margin-left:-10px; width:380px;} .myBoxNews{background-color:#16151zB; background:url("../design/tabs/tabs-background.png") top left repeat-x; width:380px; height:28px; border-color:#121215; margin-top:4px;} .myBoxPollQuestionContainer{ border-color:#282828; background-color:#171717; width:345px; margin-bottom:20px; padding-top:8px;} .myBoxHobbiesWinners{border-color:#282828; background-color:#171717; margin-bottom:20px; padding-top:8px; color:#4D4D4D; font-size:10px; margin-top:20px;} .myBoxConfirmButtons{ width:auto; text-align:center; padding:5px 10px; float:right;} .myBoxSingleAlbum{ /*border-color:#1E1E1E; background-color:#191919;*/ margin:1px; padding:5px; padding-right:0px; width:607px; cursor:default !important;} .myBoxNewHighlight:hover{ cursor:default;} .myBoxTabs:hover{ cursor:default;} .myBoxTabsConcept:hover{ cursor:default;} .myBoxTabsTeam:hover{ cursor:default;} .myBoxTabsComentary:hover{ cursor:default;} .myBoxSendButtons:hover{ cursor:default;} .myBoxBackButtons:hover{ cursor:default;} .myBoxCommentButtons:hover{ cursor:default;} .myBoxFotoAgenda:hover{ cursor:default;} .myBoxAgendaOptions:hover{ cursor:default;} .myBoxNews:hover{ cursor:default;} .myBoxPollQuestionContainer:hover{ cursor:default;} .myBoxHobbiesWinners:hover{ cursor:default;} .myBoxConfirmButtons:hover{ cursor:default;} .myBoxSingleAlbum:hover{ cursor:default;} /*END rounded Corners with curvycorners*/ /*BEGIN rounded Corners positions*/ .seemore{ float:right; margin-top:10px; margin-right:5px; background:url("../design/social/spritePt.png") -597px -1204px no-repeat; width:92px; height:25px;} .seemore:hover{ background:url("../design/social/spritePt.png") -693px -1204px no-repeat;} .seemore a{ width:92px; height:25px; display:block; float:left;} /*END rounded Corners positions*/ /*IMAGES FOR SUBMIT BUTTONS*/ /*newsletter*/ a.submit-arrow{ float:left; background:url("../design/form/form-background.png") 0 -64px no-repeat; width:32px; height:22px; display:block; } /*end newsletter*/ /*agenda*/ a.submit-update-agenda-form{ float:left; background:url("../design/form/form-background.png") 0 -171px no-repeat; width:121px; height:27px; display:block; color:#FFF; font-size:12px; line-height:27px; text-align:center; margin-top:2px;} a.submit-update-agenda-form:hover{ text-decoration:none;} /*end agenda*/ /*poll form submit*/ .formsubmit a{ float:left; width:77px; height:22px; background:url("../design/backgrounds/buttons-background.png") bottom left; text-align:center; display:block; text-decoration:none; margin:0px; font-size:10px; color:#FFF; line-height:22px;} .formsubmit a:hover{ cursor:pointer; text-decoration:none; background-position:0 -27px;} /*end poll form submit*/ /*END IMAGES FOR SUBMIT BUTTONS*/ /*BEGIN Tabs*/ /* root element for tabs */ ul.tabs { list-style:none; margin:0 !important; padding:0; height:25px; padding-left:1px; float:left;} /* single tab */ ul.tabs li { float:left; text-indent:0; padding:0; margin:0 !important; list-style-image:none !important; } /* link inside the tab. uses a background image */ ul.tabs a { background: url("../design/tabs/search-tabs.png") no-repeat 0 0; font-size:11px; display:block; height: 22px; line-height:23px; width: 72px; text-align:center; text-decoration:none; color:#ACACAC; font-size:10px; text-transform:uppercase; padding:0px; margin:0px; position:relative; top:1px; margin-left:4px;} ul.tabs a:active { outline:none;} /* when mouse enters the tab move the background image */ ul.tabs a:hover { color:#fff; } /* active tab uses a class name "current". it's highlight is also done by moving the background image. */ ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a { cursor:default !important; color:#fff !important; font-weight:bold;} /* Different widths for tabs: use a class name: w1, w2, w3 or w2 */ /* width 1 */ ul.tabs a.w1 { background-position: 0px 22px; width:46px; } ul.tabs a.w1:hover { background-position: 0px -22px; } ul.tabs a.w1.current { background-position: 0px -44px; } /* width 2 */ ul.tabs a.w2 { background-position: -46px -92px; width:41px; } ul.tabs a.w2:hover { background-position: -46px -22px; } ul.tabs a.w2.current { background-position: -46px -44px; } /* width 3 */ ul.tabs a.w3 { background-position: -87px -92px; width:72px; } ul.tabs a.w3:hover { background-position: -87px -22px; } ul.tabs a.w3.current { background-position: -87px -44px; } /* width 4 */ ul.tabs a.w4 { background-position: -159px -92px; width:72px; } ul.tabs a.w4:hover { background-position: -159px -22px; } ul.tabs a.w4.current { background-position: -159px -44px; } /*AGENDA SEARCH FORM TABS*/ ul.tabs-agenda { list-style:none; margin:0 !important; padding:0; height:25px; padding-left:1px; float:left;} ul.tabs-agenda li { float:left; text-indent:0; padding:0; margin:0 !important; list-style-image:none !important; } ul.tabs-agenda a { background: url("../design/tabs/search-tabs.png") no-repeat 0 0; font-size:11px; display:block; height: 22px; line-height:23px; width: 72px; text-align:center; text-decoration:none; color:#fff; font-size:10px; text-transform:uppercase; padding:0px; margin:0px; position:relative; top:1px; margin-left:4px;} ul.tabs-agenda a:active { outline:none;} ul.tabs-agenda a:hover { color:#fff; } ul.tabs-agenda a.current, ul.tabs a.current:hover, ul.tabs li.current a { cursor:default !important; color:#fff !important;} /* width 1 */ ul.tabs-agenda a.w1 { background-position: 0px -22px; width:46px; color: #4D4D4D; } ul.tabs-agenda a.w1:hover { background-position: 0px -44px; color: #FFF; } ul.tabs-agenda a.w1.current { background-position: 0px -44px; color: #FFF; } /* width 2 */ ul.tabs-agenda a.w2 { background-position: -46px -22px; width:41px; color: #4D4D4D; } ul.tabs-agenda a.w2:hover { background-position: -46px -44px; color: #FFF; } ul.tabs-agenda a.w2.current { background-position: -46px -44px; color: #FFF; } /* width 3 */ ul.tabs-agenda a.w3 { background-position: -87px -22px; width:72px; color: #4D4D4D; } ul.tabs-agenda a.w3:hover { background-position: -87px -44px; color: #FFF; } ul.tabs-agenda a.w3.current { background-position: -87px -44px; color: #FFF; } /* width 4 */ ul.tabs-agenda a.w4 { background-position: -159px -22px; width:72px; color: #4D4D4D; } ul.tabs-agenda a.w4:hover { background-position: -159px -44px; color: #FFF; } ul.tabs-agenda a.w4.current { background-position: -159px -44px; color: #FFF;} /*END AGENDA SEARCH FORM TABS*/ /* initially all panes are hidden */ div.panes{ float:left; background:url("../design/tabs/tabspane.png") top left no-repeat; width:242px; height:277px; margin-left:5px; margin-top:5px;} div.panes div.panes { float:left; width:240px; margin:3px 1px 3px 1px; height:273px;} div.reportspane{ width:600px !important; height:300px!important; background:none;} div.conceptspane{ float:left; width:387px; margin-left:5px; } div.newspane{ float:left; margin:3px 1px 3px 1px; width:390px !important; height:auto!important; background:none;} div.pane div ul{ float:left;} div.pane div ul li{ float:left; width:223px; /*height:34px;*/ /*background:url("../design/tabs/panes-li.png") top left;*/ border-bottom:1px solid #252525; padding:2px 0;} div.pane div ul li:hover{ /*background-position: 0px -34px;*/ cursor:pointer; border-bottom:1px solid #454545; padding:2px 0;} div.pane div ul li:hover a:hover{ text-decoration:none;} div.pane div ul li:last-child { border:none; } div.pane div ul li div { float:left; width:20px; height:23px; margin:0;} div.pane div ul li div a.favorites{ float:left; width:20px; height:23px; margin:0; } div.pane div ul li div a.favorites span.star{float:left; width:15px; height:14px; background:url("../design/tabs/stars.png") 0 -14px; left; height:13px; margin-top:10px; margin-left:5px; } div.pane div ul li div a.favorites span.star:hover{ background-position:0px 0px;} div.pane div ul li div a.favorites span.active{ background-position:0px 0px;} div.scroll_pane_cont div ul li a.favorites{ float:left; width:20px; height:23px; margin:0; margin-right:0px; } div.scroll_pane_cont div ul li a.favorites span.star{float:left; width:15px; height:14px; background:url("../design/tabs/stars.png") 0 -14px; left; height:13px; margin-top:15px; margin-left:5px; } div.scroll_pane_cont div ul li a.favorites span.star:hover{ background-position:0px 0px;} div.scroll_pane_cont div ul li a.favorites span.active{ background-position:0px 0px;} div.pane div ul li a {float:left; width:170px;/* height:34px; */color:#74559B; font-size:9px; margin-top:3px; margin-left:10px;} div.pane div ul li a.bold { font-weight:bold;} div.pane div ul li a span{float:left; color:#FFF; font-size:11px; width:100%;/* height:15px;*/} div.pane div ul li span.number{float:left; width:14px; height:14px; background:url("../design/tabs/number.png") top left no-repeat; margin-top:10px; font-size:8px; line-height:14px; text-align:center; font-family:Verdana, Geneva, sans-serif;} div.pane div div.clubs-header{ float:left; width:223px; /*height:34px; background:url("../design/tabs/panes-li.png") top left; background-position: 0px -34px; */} div.pane div div.clubs-header div { float:left; width:20px; height:23px; margin:0;} div.pane div div.clubs-header div a.favorites{ float:left; width:20px; height:23px; margin:0;} div.pane div div.clubs-header div a.favorites span.star{float:left; width:15px; height:14px; background:url("../design/tabs/stars.png") 0 -14px; left; height:13px; margin-top:10px; margin-left:5px;} div.pane div div.clubs-header div a.favorites span.star:hover{ background-position:0px 0px;} div.pane div div.clubs-header div a.favorites span.active{ background-position:0px 0px;} div.pane div div.clubs-header a.clubs-title {float:left; width:170px; /*height:34px;*/ color:#74559B; font-size:9px; margin-top:3px; margin-left:10px;} div.pane div div.clubs-header a.clubs-title span{float:left; color:#FFF; font-size:11px; width:100%;/* height:15px;*/} div.pane div div.clubs-header a.back-clubs {float:left; width:14px; height:14px; margin:0;} div.pane div div.clubs-header a.back-clubs span.close{float:left; width:14px; height:14px; background:url("../design/tabs/number.png") top left no-repeat; margin-top:10px; font-size:8px; line-height:14px; text-align:center; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#FFF;} div.pane div ul.party-container {float:left;} div.pane div ul.party-container li {float:left; float:left; width:223px; /*height:34px; background:url("../design/tabs/panes-li.png") top left;*/ background:none;} div.pane div ul.party-container li:hover{background:#232323; cursor:pointer; border-top:#303030 solid 1px; border-bottom:#1b1b1b solid 1px; } div.pane div ul.party-container li:hover a:hover{ text-decoration:none;} div.pane div ul.party-container li div { float:left; width:20px; height:23px; margin:0;} div.pane div ul.party-container li a {float:left; width:210px; /*height:34px;*/ color:#74559B; font-size:9px; margin-top:3px; margin-left:7px;} div.pane div ul.party-container li a span{float:left; color:#FFF; font-size:10px; width:100%; /*height:15px;*/} /* END of panes */ /*Tabs for media-reports*/ ul.tabsreport { list-style:none; margin:0 !important; padding:0; height:31px; padding-left:1px; float:left; width:450px; margin-left:30px;} /* single tab */ ul.tabsreport li { float:left; text-indent:0; padding:0; margin:0 !important; list-style-image:none !important; } ul.tabsreport a { font-size:10px!important; display:block; height: 30px; line-height:33px; width: 110px; text-align:left; text-decoration:none; color:#7d7d83; font-size:10px; /*text-transform:uppercase; */padding:0px; margin:0px; position:relative; top:1px; margin-left:4px; text-transform:none; background:none;} ul.tabsreport a:hover { color:#fff; } ul.tabsreport a.current { color:#fff; } ul.tabsreport a#t5 { width:140px;} ul.tabsreport a#t6 { width:75px;} ul.tabsreport a#t7 { width:100px;} /*END Tabs for media-reports*/ /*Tabs for hobbies*/ ul.hobbies { list-style:none; margin:0 !important; padding:0; height:31px; padding-left:1px; float:left;} /* single tab */ ul.hobbies li { float:left; text-indent:0; padding:0; margin:0 !important; list-style-image:none !important; } ul.hobbies a { background:url("../design/tabs/hobbies-tabs.png") top left no-repeat; display:block; height: 30px; line-height:31px; width: 150px; text-align:center; text-decoration:none; color:#fff; font-size:9px; text-transform:uppercase; padding:0px; margin:0px; position:relative; top:1px; margin-left:4px;} ul.hobbies a { background-position: -307px 0px; } ul.hobbies a:hover { background-position: -153px 0px; } ul.hobbies a.current { background-position: 0px 0px; } /*END Tabs for hobbies*/ /*Tabs for concepts*/ ul.tabsconcept { list-style:none; margin:0 !important; padding:0; height:31px; padding-left:1px; float:left;} /* single tab */ ul.tabsconcept li { float:left; text-indent:0; padding:0; margin:0 !important; list-style-image:none !important; } ul.tabsconcept a {font-size:11px; display:block; height: 30px; line-height:31px; width: 83px; text-align:center; text-decoration:none; color:#fff; font-size:10px; text-transform:uppercase; padding:0px; margin:0px; position:relative; top:1px; margin-left:4px; color:#ACACAC;} ul.tabsconcept a:hover { color:#FFF;} ul.tabsconcept a.current { font-weight:bold; color:#FFF; } /*END Tabs for media-reports*/ /*END Tabs*/ /*AGENDA PANE*/ div#paneagenda{ float:left; width:242px; margin-left:5px; height:175px; margin-top:0px;} div#paneagenda ul{ float:left;} div#paneagenda li{ float:left; width:215px; padding:3px;} div#paneagenda li span.date{ float:left; width:21px; height:35px;} div#paneagenda li span.date span.day{ float:left; width:21px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:12px; color:#FFF; font-size:14px; height:14px; text-align:center;} div#paneagenda li span.date span.month{ float:left; width:21px; height:14px; text-align:center; text-transform:uppercase; font-size:0.85em;} div#paneagenda li span.link{ float:right; width:182px; margin-bottom:3px;} div#paneagenda li span.link a{ color:#74559B; font-size:9px; float:left; width:100%;} div#paneagenda li span.link a span{ float:left; width:100%; color:#FFF; font-size:9px;} div#paneagenda ul li.myBox{ background:none!important; border:none!important; } /*END AGENDA PANE*/ /*HOMEPAGE*******************************************************************************************/ div.image-highlight{ float:left; margin-left:8px; margin-bottom:5px; }/*Image on top*/ div.options-container{ float:left; width:188px; height:70px; background:url("../design/backgrounds/vertical-background.png") top left no-repeat; color:#AC99C3; padding:10px 6px 10px 11px; line-height:12px;} /*Options below the image*/ a.newsletter-submit{ margin-left:10px; margin-top:2px;} /*Submit of newsletter*/ div.news-highlights-box{background-color:#16151B; width:586px; height:234px; border-color:#16151B; margin-top:4px;} /*Highlights News*/ div.highlights-news{ float:left;} div.highlights-news div.left-side{ float:left; width:245px;} div.highlights-news div.left-side div.image-new{} div.highlights-news div.left-side div.image-new a{} div.highlights-news div.left-side div.image-new a img{border:#16151B 3px solid !important;} div.highlights-news div.left-side div.image-new a:hover img{ border:#74559B 3px solid !important;} div.highlights-news div.right-side{ float:left; width:320px; margin-left:20px;} div.highlights-news div.right-side div.texts-news{} div.highlights-news div.right-side div.texts-news h2{color:#EDEDED; /*font-family:Georgia, "Times New Roman", Times, serif;*/ font-size:20px; line-height:20px; font-weight:normal; margin-top:20px;} div.highlights-news div.right-side div.texts-news div.text{ color:#BEBEBE; font-size:12px; margin-top:15px;} div.highlights-news div.right-side div.texts-news div.comment{float:right; margin-top:33px; font-size:10px; color:#AC99C3; background:url("../design/icons/comments-play.png") top left no-repeat; width:80px; height:20px; padding-left:20px; text-align:right; } div.highlights-news div.right-side div.texts-news div.comment span{ font-size:10px; color:#D5CCE1; } div.highlights-news div.right-side div.pagination{ float:left; width:100%; margin-top:20px;} div.highlights-news div.right-side div.pagination div.page { background-color:#3C2D53;} div.highlights-news div.right-side div.pagination div.page:hover { background-color:#564072;} div.highlights-news div.right-side div.pagination div.page a{} /* INLINE CSS*/ div.highlights-news div.news-nota div.news-nota-inner{ padding: 50px 0px 0px 50px; overflow:hidden; clear:both; width:270px; float:left; } div.highlights-news div.pagination div.outer-page{ height:20px; width:18px; float:left; padding-right:5px; padding-top:15px; } div.highlights-news .nobg{ background-color:#16151B!important; border-color:#16151B!important;} div.highlights-news div.pagination div.actual {background:url("../design/arrow08.png") no-repeat scroll 3px top; } div.highlights-news div.pagination div.current {background:url("") no-repeat scroll 3px top!important; } div.highlights-news div.texts-news{ color:#FFFFFF; /*font-family:Georgia,"Times New Roman",Times,serif;*/ font-weight:normal; height:150px; padding:10px 0 0; text-align:left; } div.highlights-news div.news-nota{ height:150px; padding-top:9px; float:left; } div.highlights-news div.news-nota div.comment{float:left; margin-top:10px; /*font-family:Georgia,"Times New Roman",Times,serif;*/ font-size:10px; color:#AC99C3; background:url("../design/icons/comments-play.png") top left no-repeat; width:80px; height:20px; padding-left:22px; text-align:left; } div.highlights-news div.news-nota div.comment span{ font-size:10px; color:#D5CCE1; } /* END INLINE CSS*/ div.highlights-news div.right-side div.pagination div.pause { float:right; background:url("../design/icons/comments-play.png"); background-position:0 -54px; background-repeat:no-repeat; width:20px; height:20px;} /*div.highlights-news div.right-side div.pagination div.pause:hover { background-position:0px -54px; background-repeat:no-repeat;}*/ div.highlights-news div.right-side div.pagination div.pause a{ float:left; width:20px; height:20px; display:block;} div.highlights-news div.right-side div.pagination div.play { float:right; background:url("../design/icons/comments-play.png"); background-position:0 -27px; background-repeat:no-repeat; width:20px; height:20px;} /*div.highlights-news div.right-side div.pagination div.play:hover { background-position:0px -27px; background-repeat:no-repeat;}*/ div.highlights-news div.right-side div.pagination div.play a{ float:left; width:20px; height:20px; display:block;} /*END Highlights News*/ /*BEGIN HIGHLIGHTS PageNUMBER*/ .pagenumber{background-color:#3C2D53; padding:2px 0px; width:16px; text-align:center; font-size:9px; margin-right:4px; color:#74559B;} .pagenumber:hover{background-color:#564072; color:#FFF;} .active{background-color:#564072; color:#FFF;} .contentseemore{ margin-right:0px; margin-top:10px;} /*END HIGHLIGHTS PageNUMBER*/ /*BEGIN TEAM ELEMENTS PageNUMBER*/ .pagenumber-element{ background:none; border-color:#121215; padding:3px 0px; width:22px; text-align:center; font-size:12px; margin-right:3px; color:#74559B;} .pagenumber-element:hover{background-color:#74559B; color:#FFF;} .active-element{background-color:#74559B; color:#FFF;} .pagenumber-division-box{float:left; padding-top:5px;} .pagenumber-division{ background:none; border-color:#121215; padding:3px 0px; width:10px; text-align:center; font-size:12px; margin-right:1px; color:#74559B;} /*END TEAM ELEMENTS PageNUMBER*/ /*Reporta tab pane*/ .reports-tab-pane{float:left; width:652px; height:250px; margin:30px 0 0 0;} .tabseemore{float:right!important;; width:auto!important; height:auto!important;; margin-right:15px!important;;} div.report-fotos{ float:left; width:600px !important ; height:100px!important;} div.report-fotos a{ float:left;} div.report-fotos a img{ float:left; border:#16151B 3px solid !important; margin:4px;} div.report-fotos a img:hover{ float:left; border:#74559B 3px solid !important;} div.report-fotos div.left-report-fotos{ float:left; width:290px !important; height:200px !important;} div.report-fotos div.right-report-fotos{ float:right; width:290px !important; margin-right:5px; height:200px !important;} div.report-videos{ float:left; width:600px !important ;/* height:150px!important;*/ margin-bottom:25px;} div.report-videos a{ float:left;} div.report-videos a img{ float:left; border:#16151B 3px solid !important; margin:4px;} div.report-videos a img:hover{ float:left; /*border:#74559B 3px solid !important;*/} /*END Reporta tab pane*/ /*Bottom Homepage - Poll, hobbies and Magazine*/ div.bottom{ float:left; width:622px; background:url("../design/backgrounds/bottom-v-background.png") -35px 10px repeat-y; margin-top:10px;} div.bottom-content{ float:left; width:620px; padding-left:10px; color:#A890C6;} div.bottom-content h3{ margin-bottom:15px;} div.bottom-content p{ font-size:12px;} div.bottom-content p.italic{ font-style:italic; font-size:10px;} /*Divisions*/ div.poll{ float:left; width:230px; margin-left:15px; } div.pollbutton{ margin-top:10px;} div.results{ margin-top:0px; float:left; margin-top:1px;} div.results a:hover{ text-decoration:none;} div.hobbies{float:left; width:155px; margin-left:15px;} div.hobbies a:hover{ text-decoration:none;} div.hobbies div.hobbies-container{ float:left; margin-bottom:10px;} div.hobbies div.hobbies-container div{ float:left; width:100%;} div.hobbies div.hobbies-container div a:hover{ text-decoration:underline;} div.hobbies div.hobbies-container div.hobbieTitle{color:#BEBEBE;} div.hobbies div.hobbies-container div.hobbieTitle a{color:#BEBEBE; float:left; width:100%;} div.hobbies div.hobbies-container div.hobbieDate{color:#5D487A; text-transform:capitalize;} div.hobbies div.hobbies-container div.hobbieDate a{color:#5D487A;float:left; width:100%;} div.magazine-display{float:left; width:160px; margin-left:15px;} div.magazine-image{ float:left; width:144px; height:144px; background:url("../design/backgrounds/vertical-background.png") 0px -92px no-repeat; padding:3px;} div.magazine-display a:hover{ text-decoration:none;} /*END Divisions*/ /*Poll*/ #pollcontainer{ margin:5px 0px; padding:0px; min-height:200px; width:220px; float:left; z-index:5;} #pollcontainer p{ margin-bottom:5px;} .poll-question{ font-size:11px; font-family:Verdana, Geneva, sans-serif; font-size:12px; color:#FFF; float:left; margin-bottom:15px !important;} .option-form{ font-size:11px; color:#A890C6; margin-left:5px;} #loader{ display:none; text-align:center; position:absolute; z-index:10; width:220px; margin-top:120px} .option{ margin:5px 0; min-height:35px; height:35px;} .option p{ line-height:12px; margin-bottom:3px;} .bar{ height:10px; /*background:#3399cc;*/ background:#6D5090; } .yourvote{ /*background:#113399;*/ background:#3C2D53} a#viewresult{ float:left; color:#FFF; height:22px; line-height:22px;} /*END Poll*/ /*END Bottom Homepage - Poll, hobbies and Magazine*/ /*END HOMEPAGE*******************************************************************************************/ /*CONCEPT*******************************************************************************************/ div.left-concept-container{ float:left; width:407px; margin-left:3px;} div.right-concept-container{ float:left; width:212px;} /*BEGIN CONCEPTS TAB PANE*/ .concept-tab-pane{float:left; width:407px; color:#D5CCE1;} .conceptspane h2{color:#74559B; text-transform:uppercase; margin:50px 0 20px 0; font-size:16px; font-weight:normal;} .conceptspane h5{ color:#74559B; font-size:14px; text-transform:uppercase; margin-bottom:5px;} .conceptspane h6{ color:#AC99C3; font-size:10px; float:left; text-align:left; margin-bottom:20px;} .concept-tab-pane p{ font-size:11px; color:#fff!important; line-height:18px; margin-bottom:27px; } div.presskit-services p{ margin-bottom:15px;} .concept-tab-pane p:first-child{ margin-top:40px;} /*END CONCEPTS TAB PANE*/ /*BEGIN CONTACTS PLATE RIGHT*/ .contacts-plate{ float:left; background:#19191a; width:188px; height:143px; padding:10px 6px 10px 11px; font-size:12px;} .contacts-plate p{ font-size:10px; color:#AC99C3; line-height:11px;} .contacts-plate span{ color:#8361AE; font-size:10px;} .contacts-plate a{ font-size:12px; color:#FFF;} /*END CONTACTS PLATE RIGHT*/ /*BEGIN ACTING-PLACES*/ .acting-places{ width:192px; float:left; margin-top:30px; margin-left:10px;} .acting-places h5{ color:#74559B; font-size:10px; text-transform:uppercase; margin-bottom:5px;} .acting-places h6{ color:#AC99C3; font-size:10px; float:left; text-align:left; margin-bottom:30px;} .acting-places span {color:#9077AF; font-size:10px;} .acting-places p{ float:left; width:100%; margin-bottom:5px;} /*END ACTING-PLACES*/ /*BEGIN USERS-GOING*/ .users-going{ width:192px; float:left; margin-top:30px; margin-left:10px;} .users-going h5{ color:#74559B; font-size:10px; text-transform:uppercase; margin-bottom:5px;} .users-going h6{ color:#AC99C3; font-size:10px; float:left; text-align:left; margin-bottom:30px;} .users-going a {color:#9077AF; font-size:10px;} .users-going p{ float:left; width:100%; margin-bottom:5px;} /*END USERS-GOING*/ /*BEGIN GUESTLIST*/ div.guestlist{ float:right; padding:10px; margin-top:3px; margin-right:4px; width:182px; height:27px; background:url("../design/backgrounds/vertical-background.png") 0px -1698px no-repeat; margin-bottom:2px; } div.guestlist a{ font-size: 9px; color:#C7BBD7 } /*END GUESTLIST*/ /*BEGIN EVENT-GOING*/ div.event-going{ float:left; margin-top:30px; color:#A890C6;} div.event-going h5{ color:#74559B; font-size:10px; text-transform:uppercase; margin-bottom:15px;} div.event-going a{ float:left; margin-left:40px; color:#A890C6; width:100%; font-size:12px; margin-bottom:2px; text-decoration:none;} /*END EVENT-GOING*/ /*BEGIN ILIKEITBOX*/ div.ilikeit-box{ float:left; width:182px; height:253px; padding:10px; background:url("../design/backgrounds/vertical-background.png") 0px -1748px no-repeat; margin-bottom:1px;} div.ilikeit-box div.linkoption{ float:left; color:#C7BBD7; margin-left:30px; font-size:10px; width:100%; height:15px;} div.ilikeit-box div.linkoption a{color:#C7BBD7;} div.ilikeit-box div.linkoption1{ margin-top:20px;} div.ilikeit-box div.linkoption2{ margin-top:30px;} div.ilikeit-box div.linkoption3{margin-top:11px;} div.ilikeit-box div.linkoption4{margin-top:11px;} div.ilikeit-box div.linkoption5{margin-top:11px;} div.ilikeit-box div.linkoption6{margin-top:35px;} div.ilikeit-box div.linkoption7{margin-top:12px;} /*END ILIKEITBOX*/ /*BEGIN ARQUIVES*/ .arquives{ float:left; margin-top:20px; padding:0px 5px 10px 5px;} .arquives h5{ color:#74559B; font-size:10px; text-transform:uppercase; margin-bottom:0px;} div.search-for-label-arquives{margin-top:0px;} /*END ARQUIVES*/ /*BEGIN OTHER-NEWS*/ .other-news{ float:left; padding:5px 15px 10px 5px; color:#4D4D4D; width:195px; min-height:30px; } .other-news h5{color:#74559B; font-size:10px; text-transform:uppercase; margin-bottom:0px;} .other-news a{ color:#C7BBD7; float:left; margin-bottom:5px; width:100%;} .other-news a.color{ color:#AC99C3; } /*END OTHER-NEWS*/ /*BEGIN POPULAR-POSTS*/ .popular-posts{ float:left; padding:10px 10px 10px 5px; color:#4D4D4D; font-size:10px;} .popular-posts h5{color:#74559B; font-size:10px; text-transform:uppercase; margin-bottom:0px;} .popular-posts div.links-container{ float:left; margin-top:15px;} .popular-posts a{ float:left; margin-bottom:5px; color:#AC99C3; margin-bottom:5px;} /*END POPULAR-POSTS*/ /*BEGIN RECENT-COMMENTS*/ .recent-comments{ float:left; padding:10px 10px 10px 5px; color:#4D4D4D; font-size:10px;} .recent-comments h5{color:#74559B; font-size:10px; text-transform:uppercase; margin-bottom:0px;} .recent-comments div.links-container{ float:left; margin-top:15px;} .recent-comments a{ color:#AC99C3; float:left; margin-bottom:5px; width:98%;} .recent-comments div.links-container a:hover{ color:#fff; background-color:#1C1923; text-decoration:none; } .recent-comments .title-hobbie{ float:left; font-size:11px; color:#C7BBD7; font-family:Georgia, "Times New Roman", Times, serif; margin-top:10px;} .recent-comments .reclame-button{ float:left; width:100%; margin-top:25px;} .recent-comments .title-hobbie a:hover{ text-decoration:none;} .recent-comments .reclame-button a:hover{ text-decoration:none;} /*END RECENT-COMMENTS*/ /*Division on left-side*/ .clear-divide{ float:left; width:100%; height:3px;} /*Vivacena Acting-places*/ .acting-places div.allplaces{ float:right;} .allplacesbutton{ margin-right:0px; width:auto!important; background:none!important;} .allplacesbutton a{ width:auto!important; height:13px; display:block; float:left;} .allplacesbutton a:hover{ text-decoration:none!important;} /*END Vivacena Acting-places*/ /*TEAM ELEMENTS*/ div.team-element{ float:left; width:145px; margin:10px 20px; color:#FFF; height:195px;} div.team-element .img-horizontal{padding-left:5px; width:126px; text-align:center; height:114px; padding-top:26px;} div.team-element div.data-element{ float:left; width:145px; margin-top:5px; color:#74559B; font-size:10px;} div.team-element div.data-element a{ color:#FFF; font-size:12px; float:left; width:145px;} /*END TEAM ELEMENTS*/ /*PAGUNATION OF ELEMENTS*/ div.pagination-elements{ float:left; width:530px; margin-top:15px; margin-left:30px;} div.pagination-elements a:hover{ text-decoration:none; } .previous-element-page{ float:left; padding:0; margin-top:1px; margin-right:2px; background:url("../design/social/spritePt.png") -860px -86px no-repeat; width:90px; height:25px; } .previous-element-page a{ float:left; width:90px; height:25px; display:block; } .previous-element-page.disablelink{ background:url("../design/social/spritePt.png") -760px -86px no-repeat;} .next-element-page{ float:right; padding:0; margin-top:1px; margin-left:2px; background:url("../design/social/spritePt.png") -860px -139px no-repeat; width:90px; height:25px;} .next-element-page.disablelink{ background:url("../design/social/spritePt.png") -760px -139px no-repeat; } .next-element-page a{ float:left; width:90px; height:25px; display:block; } div.pagination-elements div.page{float:left; width:22px; height:23px; margin:2px 2px 0 2px; background:url("../design/social/spritePt.png") -905px -114px no-repeat;} div.pagination-elements div.page:hover{background:url("../design/social/spritePt.png") -927px -114px no-repeat;} div.pagination-elements div.page a{ float:left; text-align:center; width:22px; height:19px; color:#FFF; padding:4px 0 0 0; font-weight:bold; font-size:10px;} div.pagination-elements div.actualPage{background:url("../design/social/spritePt.png") -927px -114px no-repeat;} div.pagination-elements div.page span.hellip{float:left; width:20px; padding-top:7px; text-align:center;} div.pagination-elements a.disablelink span.myBox{ background-color:#766c86; border:1px solid #766c86; } /*END PAGUNATION OF ELEMENTS*/ /*BEGIN SERVICES*/ .concepContainerBox{ float:left; width:380px; background:none; border:none; padding-top:20px; padding-bottom:20px; margin-left:-7px; margin-bottom:20px; margin-top:0px;} .concepContainerBox ul{ float:left; width:380px; /*width:380px; */} .concepContainerBox ul li{ color:#ffffff; font-size:14px; margin-bottom:5px; background:url(../design/li-blur-effect.png) 0 -2px no-repeat; padding-left:25px;} div.presskit-services{ float:left; background:url("../design/backgrounds/vertical-background.png") 0px -1442px no-repeat; width:395px; height:95px; padding:10px 6px; font-size:12px; margin-left:-7px;} div.presskit-services h5{ font-size:10px; color:#FFF;} div.presskit-services p{ font-size:10px; color:#AC99C3; line-height:11px;} div.presskit-services div.link-info{ float:left; width:385px; height:40px; margin-left:5px; text-align:center;} div.presskit-services div.link-info a{ color:#FFF; font-size:12px; line-height:40px; width:385px; height:40px; display:block;} /*END SERVICES*/ div.link-info-button{ float:left; background:url("../design/backgrounds/vertical-background.png") 0px -1559px no-repeat; width:181px; height:22px; padding:0px 0px; font-size:12px; text-align:center; line-height:22px; margin-top:10px;} div.link-info-button a{ color:#FFF; width:180px; height:22px; display:block;} div.options-container-presskit{ float:left; width:188px; height:95px; background:url("../design/backgrounds/vertical-background.png") 0px -1581px no-repeat; color:#AC99C3; padding:10px 6px 10px 11px; line-height:11px;} /*Options below the image*/ /*END CONCEPT*******************************************************************************************/ /*CONTACTS*******************************************************************************************/ .contacts-center { float:left; width:100%; margin-left:20px;} .contacts-center p{ font-size:10px; color:#AC99C3; line-height:11px;} .contacts-center span{ color:#8361AE; font-size:10px;} .contacts-center a{ font-size:12px; color:#FFF;} /*END CONTACTS*******************************************************************************************/ /*AGENDA*******************************************************************************************/ .agenda-center { float:left; width:100%;} div.search-for-label{ float:left; width:auto; margin-right:5px; padding-top:8px; color:#4D4D4D;} div.agenda-filters{float:left; width:100%; margin-top:10px; margin-bottom:15px;} div.search-for-label-watch{margin-left:195px;} div.agenda-results-number{width:auto; float:right; margin-right:10px;} div.search-for-label-results{margin-top:10px;} div#agenda-results-container{ float:left; width:100%; margin-top:-15px;} div#mediareport-results-container{float:left; width:100%; margin-top:-15px;} /*Months of Agenda*/ .agenda-months{ float:left; width:123px; height:30px; background:url("../design/months.png") top left no-repeat; margin-bottom:5px; margin-left:7px; padding:6px; font-size:11px;} .agenda-months span{font-weight:bold; text-transform:uppercase;} /*END Months of Agenda*/ div.agenda-content{ float:left; margin-bottom:20px;} span.agendaResultsFound{float:right; margin-right:20px; margin-top:5px;} div.agenda-content-selected{margin-bottom:5px;} div.agenda-content-box{ float:left; width:601px; height:54px; background:none; border:none; padding-left:5px; padding-top:5px; padding-right:9px; cursor:pointer !important;} div.agenda-ads-box{ float:left; width:615px; height:54px; border:none; margin-bottom:2px;} div.agenda-content-box div.starAgenda{float:left;margin-left:0px; width:20px; margin-right:5px; } div.agenda-content-box span.star{float:left; width:15px; height:14px; background:url("../design/tabs/stars.png") 0 -14px; left; height:13px; margin-top:18px; margin-left:5px;} div.agenda-content-box span.star:hover{ background-position:0px 0px; cursor:pointer;} div.agenda-content-box span.active{ background-position:0px 0px;} div.agenda-content-box:hover{ background:#19191a;} div.agenda-selected-box:hover{background:#19191a;} div.agenda-content-box div.agenda-content-image{ float:left;} div.agenda-content-box div.agenda-content-image a{} div.agenda-content-box div.agenda-content-image a.img{opacity:0.3; filter:alpha(opacity=30);} div.agenda-content-box div.agenda-content-image a.img2{opacity:1.0; filter:alpha(opacity=100);} div.agenda-content-box div.agenda-title{float:left; width:290px; margin-left:10px; margin-top:3px;} div.agenda-content-box div.agenda-title-media{float:left; width:290px; margin-left:10px; margin-top:3px;} div.agenda-content-box div.agenda-title div.agenda-name{float:left; color:#CDC0DE; font-size:12px; text-transform:uppercase; width:100%; margin-bottom:5px;} div.agenda-content-box div.agenda-title div.agenda-location{float:left; color:#74559B; font-size:11px; width:100%;} div.agenda-content-box div.agenda-info{/*float:left; */ float:right; color:#74559B; text-align:left; font-size:9px; margin-top:11px; width:100px;} div.agenda-content-box div.agenda-info div.agenda-date-event{float:left; width:100%; text-align:right; margin-bottom:7px; text-transform:capitalize} div.agenda-content-box div.agenda-info div.agenda-users{float:left; width:100%; text-align:right;} div.agenda-content-box div.agenda-info div.agenda-users span{ color:#BAAACD;} div.agenda-content-box div.agenda-info-single{float:left; color:#74559B; text-align:right; font-size:9px; margin-top:8px; width:100px;} div.agenda-content-box div.agenda-info-single div.agenda-users{float:left; width:100%; text-align:right;} div.agenda-content-box div.agenda-info-single div.agenda-users span{ color:#BAAACD; float:left; width:40px; text-align:right;} div.agenda-content-box div.agenda-info-single div.agenda-users span.info-single-value{ float:left; color:#74559B; width:40px; text-align:left; margin-left:5px;} div.agenda-content-box div.agenda-watch-button{float:right; width:77px; height:79px; margin-top:5px; display:none; /*visibility:hidden;*/} /*div.agenda-content-box:hover div.agenda-watch-button{ visibility:visible}*/ /*div.agenda-content-box div.agenda-watch-button a{ text-decoration:none; width:77px; height:39px; line-height:38px; font-size:10px; color:#74559B; text-align:center; display:block; background:url("../design/agenda/agenda-watch-button.png") 0px -40px no-repeat;} div.agenda-content-box div.agenda-watch-button a:hover{background:url("../design/agenda/agenda-watch-button.png") 0 0px no-repeat; color:#FFF; }*/ /*div.agenda-content-box:hover div.agenda-watch-button a{background:url("../design/agenda/agenda-watch-button.png") 0 0px no-repeat; color:#FFF; }*/ div.agenda-content-box2{ float:left; width:601px; height:54px; background:url("../design/agenda/agenda-content-background.png") top left repeat-x; border:none; padding-left:5px; padding-top:5px; padding-right:9px; cursor:pointer !important;} div.agenda-content-box2 div.starAgenda{float:left;margin-left:0px; width:20px; margin-right:5px; } div.agenda-content-box2 span.star{float:left; width:15px; height:14px; background:url("../design/tabs/stars.png") 0 -14px; left; height:13px; margin-top:18px; margin-left:5px;} div.agenda-content-box2 span.star:hover{ background-position:0px 0px; cursor:pointer;} div.agenda-content-box2 span.active{ background-position:0px 0px;} div.agenda-content-box2:hover{ background:url("../design/agenda/agenda-content-hover.png") top left repeat-x; cursor:default;} div.agenda-selected-box:hover{background:url("../design/agenda/agenda-content-background.png") top left repeat-x; cursor:default;} div.agenda-content-box2 div.agenda-content-image{ float:left;} div.agenda-content-box2 div.agenda-content-image a{} div.agenda-content-box2 div.agenda-content-image a.img{opacity:0.3; filter:alpha(opacity=30);} div.agenda-content-box2 div.agenda-content-image a.img2{opacity:1.0; filter:alpha(opacity=100);} div.agenda-content-box2 div.agenda-title{float:left; width:290px; margin-left:10px; margin-top:3px;} div.agenda-content-box2 div.agenda-title-media{float:left; width:290px; margin-left:10px; margin-top:3px;} div.agenda-content-box2 div.agenda-title div.agenda-name{float:left; color:#CDC0DE; font-size:12px; text-transform:uppercase; width:100%; margin-bottom:5px;} div.agenda-content-box2 div.agenda-title div.agenda-location{float:left; color:#74559B; font-size:11px; width:100%;} div.agenda-content-box2 div.agenda-info{/*float:left; */ float:right; color:#74559B; text-align:left; font-size:9px; margin-top:11px; width:100px;} div.agenda-content-box2 div.agenda-info div.agenda-date-event{float:left; width:100%; text-align:right; margin-bottom:7px; text-transform:capitalize} div.agenda-content-box2 div.agenda-info div.agenda-users{float:left; width:100%; text-align:right;} div.agenda-content-box2 div.agenda-info div.agenda-users span{ color:#BAAACD;} div.agenda-content-box2 div.agenda-info-single{float:left; color:#74559B; text-align:right; font-size:9px; margin-top:8px; width:100px;} div.agenda-content-box2 div.agenda-info-single div.agenda-users{float:left; width:100%; text-align:right;} div.agenda-content-box2 div.agenda-info-single div.agenda-users span{ color:#BAAACD; float:left; width:40px; text-align:right;} div.agenda-content-box2 div.agenda-info-single div.agenda-users span.info-single-value{ float:left; color:#74559B; width:40px; text-align:left; margin-left:5px;} div.pagination-agenda{ float:left; width:387px; margin-left:100px;} div.change-partie-back{ float:left; width:100%; margin-left:20px; margin-top:2px;} div.back-button-agenda{ float:left; width:125px;} div.back-button-agenda a{ text-decoration:none;} div.parties-number{ float:left; width:auto; margin-top:0px;} div.parties-number div.search-for-label-results{ padding-top:0px; margin-top:5px;} div.center-agenda{ float:left; width:100%;} div.center-agenda div.left-content-agenda{ margin-left:10px; color:#FFF; width:390px; float:left;} div.center-agenda div.left-content-agenda p{color:#FFF; font-family:Verdana, Geneva, sans-serif; font-size:12px;} div.center-agenda div.left-content-agenda h1{ float:left; font-family:Georgia, "Times New Roman", Times, serif; font-size:20px; margin-bottom:25px; margin-top:10px; width:100%;} div.content-agenda-div{ font-family:Verdana, Geneva, sans-serif; font-size:12px; margin-top:15px; font-weight:bold;} div.content-agenda-left-column{ float:left; width:60%; text-align:left; color:#4D4D4D;} div.content-agenda-left-column a{ color:#74559B; font-size:10px;} div.content-agenda-right-column{ float:right; width:40%; text-align:right; color:#4D4D4D;} div.content-agenda-tags{ float:left; width:100%; font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#D5CCE1; margin-top:15px; margin-bottom:25px; margin-left:-3px;} div.content-agenda-tags span.icontag{ float:left; background:url("../design/icons/comments-play.png") 0px -81px no-repeat; width:19px; height:17px; margin-top:-2px;} div.content-agenda-tags span{ float:left; color:#74559B; margin-left:1px; margin-right:3px;} div.content-agenda-tags a{color:#D5CCE1; font-family:Arial, Helvetica, sans-serif; font-size:10px;} div.link-agenda-options{ float:left; width:22px; height:40px; text-align:center; margin-top:3px;} div.link-agenda-options a{ color:#000; float:left; width:100%;} div.link-agenda-options span{ float:left; width:100%; height:21px; margin-bottom:2px;} div.link-agenda-options span.like{ background:url("../design/agenda/like.png") center center no-repeat;} div.link-agenda-options span.facebook{ background:url("../design/agenda/facebook.png") center center no-repeat;} div.link-agenda-options span.twitter{ background:url("../design/agenda/twitter.png") center center no-repeat;} div.link-agenda-options span.share{ background:url("../design/agenda/share.png") center center no-repeat;} div.link-agenda-options span.email{ background:url("../design/agenda/email.png") center center no-repeat;} div.link-agenda-options span.bookmark{ background:url("../design/agenda/bookmark.png") center center no-repeat;} div.facebook-agenda{ width:75px;} div.twitter-agenda{ width:60px;} div.share-agenda{width:60px;} div.email-agenda{width:65px;} div.bookmark-agenda{width:65px;} div.link-agenda-options a:hover span{ background-position:-12px -20px;} /*Coments*/ div.coment-box{ float:left; width:376px; background-color:#1F1A28; height:10px; padding:15px 10px; margin-top:20px; margin-left:0px; } div.coments-number{ color:#74559B; float:left; width:40%; background:url("../design/icons/comments-play.png") 0px 0px no-repeat; padding-left:23px; height:18px;} div.coments-like{ color:#74559B; float:left; width:40%; background:url("../design/icons/comments-play.png") 0px -121px no-repeat; padding-left:23px; height:18px;} div.coment-box div.coments-see-all{ width:40%; float:right; text-align:right; color:#74559B;} div.coment-box div.coments-see-all a{ color:#74559B;} div.coment-box-container{ float:left; background-color:#1F1A28; min-height:20px; padding:10px 0px 10px 10px; width:386px; margin-top:2px; margin-left:0px;} div.coments-photo{ float:left; width:50px; text-align:left;} div.coments-photo a{ float:left;} div.coments-see-all{ float:left; color:#BEBEBE; width:314px; } div.coments-see-all span.userName{ color:#74559B; float:left; padding-right:5px;} div.coments-see-all a{color:#74559B;} div.date-coment{ float:right; color:#74559B; width:100%; margin-top:5px; text-align:right;} div.coments-input{ float:left; margin-top:-6px;} div.coment-button{ float:right; width:auto; margin-right:20px; margin-top:7px; text-align:center;} div.coment-button a{ text-decoration:none; text-align:center; margin-right:5px; float:right;} div.coment-button p{ float:right; width:100%; text-align:right;} /*END Coments*/ div.center-agenda div.right-content-agenda{ float:right; margin-right:3px; color:#FFF; width:205px;} /*END AGENDA*******************************************************************************************/ /*BEGIN NEWS PANE*******************************************************************************************/ .news-tab-pane{float:left; width:622px; height:290px;} .tabseemore{float:right!important; width:auto!important; height:auto!important; margin-right:15px!important;} div.news-content{ float:left; width:600px !important ; height:300px!important;} div.news-content a{ float:left;} div.news-content a img{ float:left; border:#16151B 3px solid !important; margin:4px;} div.news-content a img:hover{ float:left; border:#74559B 3px solid !important;} div.news-content div.left-content-fotos{ float:left; width:290px !important; height:200px !important;} div.news-content div.right-content-fotos{ float:right; width:290px !important; margin-right:5px; height:200px !important;} /*END NEWS PANE*******************************************************************************************/ /*BEGIN NEW*************************************************************************************************/ div.new-left{ float:left; width:390px; margin-left:7px;} div.new-left a{ color:#74559B; } div.new-left-back{ width:100%; float:left; margin-bottom:10px;} div.new-left-top{ float:left; width:100%;} div.new-left-top div.image-highlight{ float:left; margin-left:-9px; margin-top:2px; margin-bottom:20px;} div.new-left-top h1{ color:#EDEDED; font-size:24px!important; font-family:Georgia, "Times New Roman", Times, serif;; margin-bottom:10px;} div.new-right{ float:right; width:208px; padding-top:31px;} /*END NEW**************************************************************************************************/ /*BEGIN NEWS PAGE*************************************************************************************************/ div.news-left{ margin-top:11px;} div#news{ float:left; margin-top:10px;} div.news-highlight-container{ float:left; height:auto; width:380px; border-top:#1E1E21 solid 1px; border-bottom:#000000 solid 1px; padding:10px 5px;} div.news-highlight-container:hover{ background-color:#1C1923;} div.news-highlight-container:first-child{ border-top:none;} div.news-highlight-container div.left-side{ float:left; height:auto; } div.news-highlight-container div.left-side div.imageComentary{ height:auto; margin:0px 0px; color:#FFF; width:110px; cursor:pointer;} div.imageComentary .img-horizontal{padding-left:5px; text-align:center; height:114px; padding-top:14px; width:86px; height:76px;} div.news-highlight-container div.right-side{ float:left; height:auto; width:270px;} div.news-highlight-container div.text-news{ font-size:10px; color:#BEBEBE; float:left; height:auto; padding-bottom:8px; width:100%;} div.news-highlight-container div.text-news p{ font-size:10px; color:#BEBEBE;} div.news-highlight-container div.text-news h3{ font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; color:#EDEDED; padding-bottom:5px;} div.news-highlight-container div.text-news span.news_date{ float:left; width:100%; color:#EDEDED; padding-bottom:3px; text-align:left; padding-top:8px; } div.news-highlight-container div.coments-number{ float:left; height:18px; margin-top:3px;} div.news-highlight-container div.coment-button{ float:right; height:auto; margin:0px;} div.news-right{ margin-top:15px; padding-top:0px;} /*END NEWS PAGE**************************************************************************************************/ /*BEGIN MAGAZINE PAGE*************************************************************************************************/ div.magazinepage{ float:left;} div.magazinepage div.magazine-content{ float:left; margin:5px 0px;} div.magazinepage div.magazine-content div.magazine-left{ float:left; background:url("../design/backgrounds/vertical-background.png") 0px -2022px no-repeat; width:140px; height:206px; padding:10px;} div.magazinepage div.magazine-content div.magazine-left a{ text-decoration:none;} div.magazinepage div.magazine-content div.magazine-right{ float:left; width:215px; padding:4px 0 4px 12px;} div.magazinepage div.magazine-content div.magazine-right h2{ font-family:Georgia, "Times New Roman", Times, serif; font-size:19px; color:#EDEDED; height:42px; margin-bottom:5px; } div.magazinepage div.magazine-content div.magazine-right div.date-magazine{ float:left; width:100%; color:#AC99C3; font-size:10px; margin-bottom:15px;} div.magazinepage div.magazine-content div.magazine-right div.text-magazine{ float:left; color:#D5CCE1; font-size:12px; height:73px; margin-bottom:10px; } div.magazinepage div.magazine-content div.magazine-right div.comments-magazine{ float:left; width:40px;} div.magazinepage div.magazine-content div.magazine-right div.likes-magazine{ float:left; width:40px;} div.magazinepage div.magazine-content div.magazine-right div.link-magazine{ float:right; margin-top:33px;} div.magazinepage div.magazine-content div.magazine-right div.link-magazine a{ text-decoration:none;} div.comentsbox-magazine{ float:left; width:100%; margin-top:30px; border-bottom:#000 solid 1px; padding-bottom:10px;} div.comentsbox-magazine div.leftsideoptions{ float:left; width:50%; padding:12px 0 0 0;} div.comentsbox-magazine div.leftsideoptions div.comments-magazine2{ float:left; width:40px;} div.comentsbox-magazine div.leftsideoptions div.likes-magazine2{ width:40px;} div.comentsbox-magazine div.donwloadoption{ float:right; width:195px;} div.comentsbox-magazine div.donwloadoption div.downloadBox{ float:left; background:url("../design/backgrounds/vertical-background.png") 0 -2394px no-repeat; width:195px; height:38px; text-align:center;} div.comentsbox-magazine div.donwloadoption div.downloadBox a{ float:left; width:195px; height:28px; display:block; color:#FFF; text-decoration:none; padding:5px 0;} div.magazineOtherEditions{ float:left; border-top:#1E1E21 solid 1px; width:100%; padding-top:10px;} div.magazineOtherEditions h3{ color:#FFF; font-size:10px; text-transform:uppercase;} div.magazineOtherEditions div.otherMagazine{ float:left; border-left:#000 solid 1px; border-right:#1E1E21 solid 1px; width:123px; height:221px; margin-top:10px; padding-left:8px;} div.magazineOtherEditions a{ text-decoration:none;} div.magazineOtherEditions div.firstMagazine{ border-left:none; padding-left:0;} div.magazineOtherEditions div.lastMagazine{ border-right:none;} div.magazineOtherEditions div.otherMagazine h5{ color:#AC99C3; font-size:12px; margin-bottom:5px;} div.magazineOtherEditions div.otherMagazine div.otherMagazineContainer{background:url("../design/backgrounds/vertical-background.png") 0 -2433px no-repeat; width:117px; height:167px; float:left;} div.magazineOtherEditions div.otherMagazine div.otherMagazineContainer a{ float:left; padding:10px;} div.magazineOtherEditions div.otherMagazine div.otherMagazineContainer a img{} div.magazineOtherEditions div.otherMagazine div.otherMagazineBottom{ float:left; margin-top:5px; width:100%;} div.magazineOtherEditions div.otherMagazine div.otherMagazineBottom div.comments-magazine2{ width:30px;} div.magazineOtherEditions div.otherMagazine div.otherMagazineBottom div.likes-magazine2{ width:30px;} div.fotoMagazine{ float:left; margin:0px 10px 10px 10px;} /*END MAGAZINE PAGE*************************************************************************************************/ /*BEGIN VISITS PAGE*************************************************************************************************/ div.top-margin{ padding-top:50px;} div.top-margin-right{ padding-top:70px;} div.top-margin h1{ padding-top:50px; color:#74559B; font-size:14px; text-transform:uppercase; margin:0; padding:0; margin-bottom:10px;} div.coment-box-visits{ margin-bottom:50px;} div.comments-visits{ width:320px;} div.comments-administrator{ background-color:#2B223A;} /*END VISITS PAGE*************************************************************************************************/ /*BEGIN VISITS PAGE*************************************************************************************************/ div.texts-container{ float:left; width:390px; font-size:12px; margin-bottom:15px; padding-right:10px;} div.texts-container h2{color:#74559B; text-transform:uppercase; margin:50px 0 20px 0; font-size:16px; font-weight:normal;} div.texts-container p{ font-size:12px; line-height:15px; margin-bottom:15px;} div.texts-container a{ color:#FFF; font-size:12px;} /*END VISITS PAGE*************************************************************************************************/ /*BEGIN POOLS PAGE*************************************************************************************************/ div.pools-container h1{color:#74559B; text-transform:uppercase; margin:5px 0 20px 10px; font-size:16px; font-weight:normal;} div.poll{} div.poll-c h2{ float:left; color:#FFF; font-size:10px; margin:5px 0; text-transform:uppercase;} p.poll-question{ float:left; width:100%;} div.poll-c p.poll_footer{ float:left; width:100%; text-align:right;} div.poll-c p.poll_footer span { color:#AC99C3; } div.poll-c p.poll_footer span.votes{ color:#74559B; padding-right:5px;} div.poll-c p.poll_footer span.period{color:#74559B; margin-left:10px; padding-right:5px; } div.past-polls{ float:left; background:url("../design/backgrounds/horizontal-background-l.png") top left repeat-x; padding-top:5px; width:387px;} div.past-polls h2{ color:#74559B; font-size:14px; float:left; margin-left:10px; width:397px; margin-bottom:10px;} div.past-polls p{ float:left; width:100%; text-align:right;} div.past-polls p span { color:#AC99C3; } div.past-polls p span.votes{ color:#74559B; padding-right:5px;} div.past-polls p span.period{color:#74559B; margin-left:10px; padding-right:5px;} div.past-polls div.past-polls-container{ padding:3px 10px 10px 10px; float:left; width:367px;} div.past-polls div.past-polls-container div.titlepoll a{ font-family:Georgia, "Times New Roman", Times, serif; font-size:10px; color:#EDEDED; margin-top:5px; } div.past-polls div.division{background:url("../design/backgrounds/horizontal-background-l.png") bottom left repeat-x; float:left; width:387px; height:2px; display:block;} div.past-polls div.past-polls-container:hover{ background:#1C1923; cursor:pointer;} /*END POOLS PAGE*************************************************************************************************/ /*BEGIN HOBBIES PAGE*************************************************************************************************/ .myBoxHobbiesWinners h3{ font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; margin-bottom:10px;} .myBoxHobbiesWinners div.winners{ float:left; margin-bottom:15px; color:#AC99C3; font-size:12px; width:100%; } .myBoxHobbiesWinners div.winners span{ color:#8361AE;} .myBoxHobbiesWinners p{} div.left-content-hobbie{ color:#F2F2F2;} div.left-content-hobbie h1{ font-family:Georgia, "Times New Roman", Times, serif; font-size:20px; color:#F2F2F2; margin-bottom:15px; } div.left-content-hobbie p{ color:#F2F2F2; font-size:12px;} /*END HOBBIES PAGE**z*************************************************************************************************/ /*MEDIA REPORT PAGE****************************************************************************************************/ .search-media{ margin-left:5px!important; margin-bottom:25px;} .album-back{ float:left; margin-top:20px!important; margin-bottom:20px !important;} .album-numbers{ float:right; width:50%; text-align:right; color:#74559B; margin-bottom:10px; padding-right:15px;} div.pictures{ float:left; margin:0; padding:5px 5px 5px 20px; width:597px;} div.picture-album{ float:left; margin:10px; width:172px; height:168px;} div.picture-album div.picture-left{ float:left; width:143px;} div.picture-album div.picture-left div.picture-top{ float:left; width:143px; height:143px; text-align:center;}/*Verificar paddings para hor e ver*/ div.picture-album div.picture-left div.picture-top.youtube_video{ text-align:left;} div.picture-album div.picture-left div.picture-top.youtube_video a span.playicon{ margin-top:36px;}/*Verificar paddings para hor e ver*/ div.picture-album div.picture-left div.picture-top a{ float:left; width:143px; height:143px; background:url("../design/backgrounds/vertical-background.png") 0 -2250px no-repeat;} div.picture-album div.picture-left div.picture-top a.img-horizontal{padding-top:26px;} div.picture-album div.picture-left div.picture-top a img{padding-top:5px;} div.picture-album div.picture-left div.picture-bottom{ float:left; width:133px; color:#74559B; margin-top:3px; padding-left:10px;} div.picture-album div.picture-left div.picture-bottom a{ color:#74559B;} div.picture-album div.picture-left div.picture-bottom div.picture-comments{ float:left; width:40px; height:17px; background:url("../design/icons/VivaCena_Icon_16x16-Comment.png") top left no-repeat; padding-left:20px;} div.picture-album div.picture-left div.picture-bottom div.picture-likes{ float:left; width:40px; height:17px; background:url("../design/icons/VivaCena_Icon_16x16-Favs.png") top left no-repeat; padding-left:20px;} div.picture-album div.picture-right{ float:left; width:26px; padding-top:10px; padding-left:3px;} div.picture-album div.picture-right a{ float:left; width:26px; height:21px; display:block;} div.picture-album div.picture-right div.linked1{ float:left; width:26px; height:21px; background:url("../design/icons/VivaCena_Icon_16x16-Fav_Add.png") top left no-repeat;} div.picture-album div.picture-right div.linked2{ float:left; width:26px; height:21px; background:url("../design/icons/VivaCena_Icon_16x16-Share.png") top left no-repeat;} div.picture-album div.picture-right div.linked3{ float:left; width:26px; height:21px; background:url("../design/icons/VivaCena_Icon_16x16-ImHere.png") top left no-repeat;} div.picture-album div.picture-right div.linked4{ float:left; width:26px; height:21px; background:url("../design/icons/VivaCena_Icon_16x16-ReportAbuse.png") top left no-repeat; margin-top:50px;} /*SINGLE ALBUM*/ .album-numbers-small{ width:50%; text-align:left; float:left; margin-left:20px; margin-bottom:15px;} .album-numbers-small span{ color:#FFF;} .album-next-prev-buttons{ width:auto; float:right; margin-right:5px;} .album-next-prev-buttons a{ text-decoration:none; } div.single-album{ float:left;} div.single-album div.top-navigation{ float:left;} div.single-album div.middle-image{ float:left; width:600px; padding-top:5px;} div.bottom-options{ float:left; width:100%; padding:10px;} div.bottom-options div.leftoptions{ float:left; width:60%; color:#74559B; padding-top:5px; } div.bottom-options div.leftoptions a{ color:#74559B;} div.bottom-options div.leftoptions div.abuse{ float:left; background:url("../design/icons/VivaCena_Icon_16x16-ReportAbuse.png") top left no-repeat; width:120px; height:17px; padding-left:20px;} div.likes{ float:left; background:url("../design/icons/VivaCena_Icon_16x16-Favs.png") top left no-repeat; width:170px; height:17px; padding-left:20px; color:#74559B;} div.likes a{color:#74559B;} div.bottom-options div.leftoptions div.likes{ float:left; background:url("../design/icons/VivaCena_Icon_16x16-Favs.png") top left no-repeat; width:170px; height:17px; padding-left:25px; text-align:left;} div.bottom-options div.rightoptions{ float:right; width:auto; margin-right:20px;} div.bottom-options div.rightoptions div{ width:32px; height:32px; margin:0 2px;} div.bottom-options div.rightoptions div a{ float:left; width:32px; height:32px; display:block;} div.bottom-options div.rightoptions div.linked1{ float:left;} div.bottom-options div.rightoptions div.linked2{ float:left;} div.bottom-options div.rightoptions div.linked3{ float:left;} div.bottom-options div.rightoptions div.linked4{ float:left;} div.linked1{ float:left;} div.linked2{ float:left;} div.linked3{ float:left;} div.linked4{ float:left;} .likes_toggle{ float:left; background:url("../design/social/spritePt.png") -572px -562px no-repeat; width:22px!important; height:22px!important; margin:2px;} .likes_toggle.active{ float:left; background:url("../design/social/spritePt.png") -547px -562px no-repeat; width:22px!important; height:22px!important; margin:2px;} .share_facebook{float:left; background:url("../design/social/spritePt.png") -596px -562px no-repeat; width:22px!important; height:22px!important; margin:2px;} .photo_tagging{float:left; background:url("../design/social/spritePt.png") -670px -562px no-repeat; width:22px!important; height:22px!important; margin:2px;} .photo_tagging.active{ float:left; background:url("../design/social/spritePt.png") -646px -562px no-repeat; width:22px!important; height:22px!important; margin:2px;} .user_party_icon{float:left; background:url("../design/social/spritePt.png") -695px -562px no-repeat; width:22px!important; height:22px!important; margin:2px;} .user_party_icon.active{float:left; background:url("../design/social/spritePt.png") -695px -587px no-repeat; width:22px!important; height:22px!important; margin:2px;} .active_toggle{ float:left; background:url("../design/icons/active.png") 0px -24px no-repeat; width:24px!important; height:24px!important; margin:2px;} .active_toggle.active{ float:left; background:url("../design/icons/active.png") 0px 0px no-repeat; width:24px!important; height:24px!important; margin:2px;} .active_toggle:hover{ float:left; background:url("../design/icons/active.png") -24px -24px no-repeat; width:24px!important; height:24px!important; margin:2px;} .active_toggle.active:hover{ float:left; background:url("../design/icons/active.png") -24px 0px no-repeat; width:24px!important; height:24px!important; margin:2px;} .active_media_report.active{ float:left; background:url("../design/icons/active.png") 0px -24px no-repeat; width:24px!important; height:24px!important; margin:2px;} .active_media_report{ float:left; background:url("../design/icons/active.png") 0px 0px no-repeat; width:24px!important; height:24px!important; margin:2px;} div.socialContentsOptions{width:100%; float:left; margin-top:10px;} div.socialContentsOptionsLeft{float:left; width:50%;} div.socialContentsOptionsRight{float:right; width:auto;} div.album-options{ float:left; margin:10px; width:100%;} div.left-content-album{ float:left; margin:0 10px; width:390px;} div.right-content-album{ float:right; margin-right:3px; width:185px; color:#74559B; font-size:9px; padding-top:15px;} div.right-content-album h3{ float:left; width:100%; color:#FFF; font-size:9px; margin-bottom:25px;} div.right-content-album a{color:#74559B; font-size:9px; float:left; width:100%; margin-bottom:10px;} /*END MEDIA REPORT PAGE****************************************************************************************************/ /*FEEDBACK*/ div#feedback{ position:fixed; bottom:47%; width:30px; height:88px; background:url("../design/feedbackBtn.png") top left; display:block; left:0; opacity:0.5; filter:alpha(opacity=50%); display:none;} div#feedback:hover{ opacity:1; filter:alpha(opacity=100%);} div#feedback a{ float:right; width:30px; height:88px; display:block; } /*END FEEDBACk****************************************************************************************************/ /*BEGIN Slider Pager and Slides*/ #slides { margin-bottom: 18px; height: 253px; overflow: hidden; background: #F4F5F6; width:580px; } #slidePager { position: relative; z-index: 10;} #slidePager {top: -253px; float: right; margin:0 0 0 0;} #slidePager a, #slidePager a:visited { float: left; width: 16px; height: 15px; overflow: hidden; background: transparent url("../design/slide-pager.png") no-repeat 0 0; text-decoration: none; text-indent: -1234px;} #slidePager a:hover { background-position: -16px 0;} #slidePager a.activeSlide { background-position: -32px 0;} .product-single-slider-pag {top:-450px !important; right:50px!important;} /*END Slider Pager and Slides*/ /*BEGIN JflowSleder*/ #jFlowSlide{ background:#fff;} #myController { padding:2px 0; width:590px; background-color:#e1e1e1; text-align:right; } #myController span.jFlowSelected { margin-right:0px; font-size:18px; } .slide-wrapper { padding: 0px; } .jFlowControl, .jFlowPrev, .jFlowNext { color:#303131; cursor:pointer; padding-left:5px; padding-right:5px; padding-top:2px; padding-bottom:2px; } .jFlowPrev:hover, .jFlowNext:hover { color:#247575; font-weight:bold;} .jFlowControl:hover{ font-weight:bold; font-size:14px;} /*END JflowSleder*/ /*BEGIN searchresults google style*/ li.g {font-size:small;} li.g h3 a { font-size:16px; text-decoration:underline;} .g {margin:1em 0;} .s {max-width:42em;} em {font-weight:bold; font-style:normal;} cite, .cite, .cite:link {color:#247575;font-style:normal;} /*END searchresults google style*/ div.links-facebox a{ float:left; width:100%; color:#FFF; margin-bottom:15px; font-size:12px;} .connect_widget_connected_text{ color:#FFF !important;} /*YOUTUBE LINKED VIDEOS YOUTUBE LINKED VIDEOS YOUTUBE LINKED VIDEOS YOUTUBE LINKED VIDEOS YOUTUBE LINKED VIDEOS YOUTUBE LINKED VIDEOS YOUTUBE LINKED VIDEOS YOUTUBE LINKED VIDEOS */ div.youtube_video span.playicon{width:130px; height:98px; position:absolute; margin-top:16px; margin-left:6px; margin-right:6px; z-index:10; background:url("../design/icons/playbutton_small.png") no-repeat 36px 7px ;} div.youtube_video:hover span.playicon{ background:url("../design/icons/playbutton_big.png") no-repeat 36px 7px ;} div#carousel span.playicon{ width:75px; height:50px; position:absolute; z-index:50; background:url("../design/icons/playbutton_small2.png") no-repeat 22px 15px;} div#carousel span.playicon:hover{ background:url("../design/icons/playbutton_big2.png") no-repeat 18px 11px;} div#slideshower .slideshow div.youtube_video span.playicon{ width:242px; height:161px; position:absolute; margin-top:0px; margin-left:0px; margin-right:0px; z-index:10; background:url("../design/icons/playbutton_small.png") no-repeat center center ;} div#slideshower .slideshow div.youtube_video:hover span.playicon{ background:url("../design/icons/playbutton_big.png") no-repeat center center ;} div.left-report-fotos div.youtube_video span.playicon{ width:250px; height:187px; position:absolute; margin-top:0px; margin-left:0px; margin-right:0px; z-index:10; background:url("../design/icons/playbutton_small.png") no-repeat center center ;} div.left-report-fotos div.youtube_video:hover span.playicon{ background:url("../design/icons/playbutton_big.png") no-repeat center center ;} div.right-report-fotos div.youtube_video span.playicon{ width:130px; height:86px; position:absolute; margin-top:0px; margin-left:0px; margin-right:0px; z-index:10; background:url("../design/icons/playbutton_small2.png") no-repeat center center ;} div.right-report-fotos div.youtube_video:hover span.playicon{ background:url("../design/icons/playbutton_big2.png") no-repeat center center ;} /*END YOUTUBE LINKED VIDEOS*/ /**TOP FOOTPANEL TOP FOOTPANEL TOP FOOTPANEL TOP FOOTPANEL TOP FOOTPANEL TOP FOOTPANEL TOP FOOTPANEL TOP FOOTPANEL TOP FOOTPANEL TOP FOOTPANEL */ #menu .subpanel { margin: 35px 0 0 -110px; width: 500px; border: 1px solid #1e1e1e; position:absolute; background-color:#141414; display:none; padding:5px; left:0px; background-attachment:scroll; overflow:hidden; font-size:9px!important;} #menu .subpanel a{ float:none!important; background:none; display:inline!important; padding:0!important; font-size:9px!important;} #footpanel {position: fixed;top: 0; left: 0;z-index: 9999; /*--Keeps the panel on top of all other elements--*/background:url("../design/social/topBarBackground.png") top left repeat-x; width: 100%; margin: 0 auto; height:55px;} *html #footpanel { /*--IE6 Hack - Fixed Positioning to the Bottom--*/ margin-top: -1px; /*--prevents IE6 from having an infinity scroll bar - due to 1px border on #footpanel--*/ position: absolute; } #nav { width: 1000px; margin: 0 auto; border-bottom: none;} #menu { float: right; width: 1000px; background:url("../design/social/dropDownUser.png") top right no-repeat;} #menu2 { float: right; width: 760px; padding:5px 0 0 0;} #footpanel ul { padding: 0; margin: 0; float: left; width: 100%; list-style: none;} #footpanel ul li{padding: 0; margin: 0; float: left; position: relative;} #footpanel ul li a{ padding: 5px; float: left; height: 11px; width: 16px; text-decoration: none; color: #fff; padding-top:8px; margin-top:6px;} html #footpanel ul li a:hover{} html #footpanel ul li a.active { /*--Active state when subpanel is open--*/ height: 17px; border-top: none; z-index: 200; /*--Keeps the active area on top of the subpanel--*/ position: relative;} html #footpanel ul li#alertpanel a.active { /*--Active state when subpanel is open--*/ height: 17px; border-top: none; z-index: 200; /*--Keeps the active area on top of the subpanel--*/ position: relative; background:url("../design/social/dropDownUserHover.png") top left no-repeat;} #footpanel ul li span.division{ float:left; background:url("../design/social/topBarDivision.png") top left; width:2px; height:37px; margin-right:5px; } span.division{ float:right; background:url("../design/social/topBarDivision.png") top left; width:2px; height:37px; margin-right:5px; display:block; margin-top:-5px; } #footpanel ul li.division{ float:left;} #footpanel ul li.divisionNothing{ float:left; width:118px; height:26px;} #footpanel a.logout{ float:left; width:65px; height:26px; background:url("../design/social/spritePt.png") -886px -481px no-repeat; float:left; margin-right:10px;} #footpanel a.notifications{ width: 131px; background:url("../design/social/spritePt.png") -819px -320px no-repeat; float:left; padding-left:110px; width:43px; line-height:10px; float:left; color:#74559B!important;} #footpanel a.notifications span.arrowLittle{ float:right; height:13px; width:15px; background:url("../design/social/spritePt.png") -0px -64px no-repeat; margin-top:5px; color:#74559B!important;} #footpanel a.community{ width:131px; background:url("../design/social/spritePt.png") -819px -406px no-repeat; float:left;} #footpanel li#chatpanel, #footpanel li#alertpanel { float: left;} #footpanel li#alertpanel {width:20px; height:37px; line-height:12px; text-align:left;} #footpanel li#alertpanel a{} #footpanel li#alertpanel a img{ float:left; margin-right:5px; margin-top:-5px;} #footpanel ul li div a {} #footpanel ul li div a:hover {text-decoration: underline; } #footpanel .subpanel {position: absolute; left: 0; top: 2px; display: none; overflow: hidden; padding-bottom: 2px; width: 500px; border: 1px solid #1e1e1e; background-color:#141414; } #alertpanel .subpanel { right: 0; left:-70px; width:215px; top:2px; padding:0;} #alertpanel .subpanel div.bold { font-weight:bold; } #footpanel li.user{ margin-left:8px;} #footpanel li.user a{ padding-top:5px; margin-left:5px;} #footpanel li.user a img{ float:left; margin-right:5px; margin-top:-5px;} #footpanel div.optionsBox ul{ float:left; list-style-type:none; width:215px; min-height:30px;} #footpanel div.optionsBox ul li{ float:left; width:215px; height:30px; border-bottom: #0A0A0A solid 1px; border-top: #191919 solid 1px; background:#141414; padding:0!important; } #footpanel div.optionsBox ul li:first-child{ border-top:none;} #footpanel div.optionsBox ul li:last-child{ border-bottom:none;} #footpanel div.optionsBox ul li a{ float:left!important; width:210px!important; padding:0; line-height:15px; color:#54416c!important; display:block!important; height:30px!important; padding:0!important; padding-left:5px!important; } #footpanel div.optionsBox ul li:hover{ background:#1d1d1d; text-decoration:none; } #footpanel div.optionsBox ul li:hover a{ color:#8260a8!important; text-decoration:none;} /*END TOP FOOTPANEL TOP FOOTPANEL*/ /********************************************************************************************************************************************** SOCIAL NETWORK CONCEPT SOCIAL NETWORK CONCEPT SOCIAL NETWORK CONCEPT SOCIAL NETWORK CONCEPT SOCIAL NETWORK CONCEPT SOCIAL NETWORK CONCEPT ***********************************************************************************************************************************************/ div.leftSocialContainer{ float:left; width:487px; margin-left:3px; min-height:1070px;} div.rightSocialContainer{ float:left; width:112px; min-height:1070px; padding-left:8px; } /*MENU TABS PERSONAL INFO*/ div.leftSocialContainer div.menuTopTabs{ float:left; width:487px; height:80px; background:url("../design/social/spritePt.png") 0 -500px no-repeat;} div.leftSocialContainer div.menuTopTabs div.menuTopTabsInner{ float:left; width:487px; height:34px;} div.leftSocialContainer div.menuTopTabs div.menuTopTabsInner div{ margin-left:1px;} div.leftSocialContainer div.menuTopTabs div.menuTopTabsInner div:hover{ cursor:pointer;} div.leftSocialContainer div.menuTopTabs div.menuTopTabsInner div a{ float:left; height:34px; display:block; text-indent:500px;} div.leftSocialContainer div.menuTopTabs div.menuTopTabsInner div.infoBtn{ margin-left:10px; float:left; height:34px; width:98px; background:url("../design/social/spritePt.png") -497px -35px no-repeat;} div.leftSocialContainer div.menuTopTabs div.menuTopTabsInner div.infoBtn a{ width:98px;} div.leftSocialContainer div.menuTopTabs div.menuTopTabsInner div.infoBtnSelected{background:url("../design/social/spritePt.png") -597px -35px no-repeat!important;} div.leftSocialContainer div.menuTopTabs div.menuTopTabsInner div.infoBtn:hover{background:url("../design/social/spritePt.png") -597px -35px no-repeat;} div.leftSocialContainer div.menuTopTabs div.menuTopTabsInner div.notificationsBtn{ float:left; height:34px; width:99px; background:url("../design/social/spritePt.png") -497px 0px no-repeat;} div.leftSocialContainer div.menuTopTabs div.menuTopTabsInner div.notificationsBtn a{width:99px;} div.leftSocialContainer div.menuTopTabs div.menuTopTabsInner div.notificationsBtn:hover{background:url("../design/social/spritePt.png") -597px 0px no-repeat;} div.leftSocialContainer div.menuTopTabs div.menuTopTabsInner div.notificationsBtnSelected{background:url("../design/social/spritePt.png") -597px 0px no-repeat!important;} div.leftSocialContainer div.menuTopTabs div.menuTopTabsInner div.accountBtn{ float:left; height:34px; width:56px; background:url("../design/social/spritePt.png") -497px -70px no-repeat;} div.leftSocialContainer div.menuTopTabs div.menuTopTabsInner div.accountBtn a{ width:56px;} div.leftSocialContainer div.menuTopTabs div.menuTopTabsInner div.accountBtn:hover{ background:url("../design/social/spritePt.png") -597px -70px no-repeat; } div.leftSocialContainer div.menuTopTabs div.menuTopTabsInner div.accountBtnSelected{ background:url("../design/social/spritePt.png") -597px -70px no-repeat!important; } div.leftSocialContainer div.menuTopTabs div.menuTopTabsInner div.privacyBtn{ float:left; height:34px; width:89px; background:url("../design/social/spritePt.png") -497px -105px no-repeat;} div.leftSocialContainer div.menuTopTabs div.menuTopTabsInner div.privacyBtn a{ width:89px;} div.leftSocialContainer div.menuTopTabs div.menuTopTabsInner div.privacyBtn:hover {background:url("../design/social/spritePt.png") -597px -105px no-repeat;} div.leftSocialContainer div.menuTopTabs div.menuTopTabsInner div.privacyBtnSelected {background:url("../design/social/spritePt.png") -597px -105px no-repeat!important;} div.leftSocialContainer div.menuTopTabs div.menuTopTabsInner div.activityBtn{ float:left; height:34px; width:79px; background:url("../design/social/spritePt.png") -497px -152px no-repeat;} div.leftSocialContainer div.menuTopTabs div.menuTopTabsInner div.activityBtn a{ width:79px;} div.leftSocialContainer div.menuTopTabs div.menuTopTabsInner div.activityBtn:hover {background:url("../design/social/spritePt.png") -597px -152px no-repeat;} div.leftSocialContainer div.menuTopTabs div.menuTopTabsInner div.activityBtnSelected {background:url("../design/social/spritePt.png") -597px -152px no-repeat!important;} div.leftSocialContainer div.menuTopTabs div.menuTopTabsInner div.photosBtn{ float:left; height:34px; width:53px; background:url("../design/social/spritePt.png") -497px -193px no-repeat;} div.leftSocialContainer div.menuTopTabs div.menuTopTabsInner div.photosBtn a{ width:53px;} div.leftSocialContainer div.menuTopTabs div.menuTopTabsInner div.photosBtn:hover {background:url("../design/social/spritePt.png") -597px -193px no-repeat;} div.leftSocialContainer div.menuTopTabs div.menuTopTabsInner div.photosBtnSelected {background:url("../design/social/spritePt.png") -597px -193px no-repeat!important;} div.leftSocialContainer div.menuTopTabs div.menuTopTabsInner div.agendaBtn{ float:left; height:34px; width:65px; background:url("../design/social/spritePt.png") -497px -237px no-repeat;} div.leftSocialContainer div.menuTopTabs div.menuTopTabsInner div.agendaBtn a{ width:65px;} div.leftSocialContainer div.menuTopTabs div.menuTopTabsInner div.agendaBtn:hover {background:url("../design/social/spritePt.png") -597px -237px no-repeat;} div.leftSocialContainer div.menuTopTabs div.menuTopTabsInner div.agendaBtnSelected {background:url("../design/social/spritePt.png") -597px -237px no-repeat!important;} div.leftSocialContainer div.menuTopTabs div.menuTopTabsInner div.mediaReportBtn{ float:left; height:34px; width:100px; background:url("../design/social/spritePt.png") -2px -1809px no-repeat;} div.leftSocialContainer div.menuTopTabs div.menuTopTabsInner div.mediaReportBtn a{ width:100px;} div.leftSocialContainer div.menuTopTabs div.menuTopTabsInner div.mediaReportBtn:hover {background:url("../design/social/spritePt.png") -2px -1890px no-repeat;} div.leftSocialContainer div.menuTopTabs div.menuTopTabsInner div.mediaReportBtnSelected {background:url("../design/social/spritePt.png") -2px -1890px no-repeat!important;} div.leftSocialContainer div.menuTopTabs div.menuTopTabsInner div.galeriaBtn{ float:left; height:34px; width:67px; background:url("../design/social/spritePt.png") -104px -1809px no-repeat;} div.leftSocialContainer div.menuTopTabs div.menuTopTabsInner div.galeriaBtn a{ width:67px;} div.leftSocialContainer div.menuTopTabs div.menuTopTabsInner div.galeriaBtn:hover {background:url("../design/social/spritePt.png") -104px -1890px no-repeat;} div.leftSocialContainer div.menuTopTabs div.menuTopTabsInner div.galeriaBtnSelected {background:url("../design/social/spritePt.png") -104px -1890px no-repeat!important;} div.leftSocialContainer div.menuTopTabs div.menuTopTabsInner div.eventsBtn{ float:left; height:34px; width:68px; background:url("../design/social/spritePt.png") -173px -1809px no-repeat;} div.leftSocialContainer div.menuTopTabs div.menuTopTabsInner div.eventsBtn a{ width:68px;} div.leftSocialContainer div.menuTopTabs div.menuTopTabsInner div.eventsBtn:hover {background:url("../design/social/spritePt.png") -173px -1890px no-repeat;} div.leftSocialContainer div.menuTopTabs div.menuTopTabsInner div.eventsBtnSelected {background:url("../design/social/spritePt.png") -173px -1890px no-repeat!important;} div.leftSocialContainer div.menuTopTabs div.menuTopTabsInner div.staffBtn{ float:left; height:34px; width:52px; background:url("../design/social/spritePt.png") -243px -1809px no-repeat;} div.leftSocialContainer div.menuTopTabs div.menuTopTabsInner div.staffBtn a{ width:52px;} div.leftSocialContainer div.menuTopTabs div.menuTopTabsInner div.staffBtn:hover {background:url("../design/social/spritePt.png") -243px -1890px no-repeat;} div.leftSocialContainer div.menuTopTabs div.menuTopTabsInner div.staffBtnSelected {background:url("../design/social/spritePt.png") -243px -1890px no-repeat!important;} div.leftSocialContainer div.menuTopTabs div.menuTopTabsInner div.info2Btn{ float:left; height:34px; width:45px; background:url("../design/social/spritePt.png") -497px -284px no-repeat;} div.leftSocialContainer div.menuTopTabs div.menuTopTabsInner div.info2Btn a{ width:45px;} div.leftSocialContainer div.menuTopTabs div.menuTopTabsInner div.info2Btn:hover {background:url("../design/social/spritePt.png") -597px -284px no-repeat;} div.leftSocialContainer div.menuTopTabs div.menuTopTabsInner div.info2BtnSelected {background:url("../design/social/spritePt.png") -597px -284px no-repeat!important;} div.leftSocialContainer div.menuTopTabs div.menuTopTabsInner div.friendsBtn{ float:left; height:34px; width:62px; background:url("../design/social/spritePt.png") -497px -759px no-repeat;} div.leftSocialContainer div.menuTopTabs div.menuTopTabsInner div.friendsBtn a{ width:62px;} div.leftSocialContainer div.menuTopTabs div.menuTopTabsInner div.friendsBtn:hover {background:url("../design/social/spritePt.png") -642px -759px no-repeat;} div.leftSocialContainer div.menuTopTabs div.menuTopTabsInner div.friendsBtnSelected {background:url("../design/social/spritePt.png") -642px -759px no-repeat!important;} div.leftSocialContainer div.menuTopTabs div.menuTopTabsInner div.pendingInvitationsBtn{ float:left; height:34px; width:139px; background:url("../design/social/spritePt.png") -497px -799px no-repeat;} div.leftSocialContainer div.menuTopTabs div.menuTopTabsInner div.pendingInvitationsBtn a{ width:139px;} div.leftSocialContainer div.menuTopTabs div.menuTopTabsInner div.pendingInvitationsBtn:hover {background:url("../design/social/spritePt.png") -642px -799px no-repeat;} div.leftSocialContainer div.menuTopTabs div.menuTopTabsInner div.pendingInvitationsBtnSelected {background:url("../design/social/spritePt.png") -642px -799px no-repeat!important;} div.leftSocialContainer div.menuTopTabs div.menuTopTabsInner div.friendshipRequestsBtn{ float:left; height:34px; width:138px; background:url("../design/social/spritePt.png") -497px -839px no-repeat;} div.leftSocialContainer div.menuTopTabs div.menuTopTabsInner div.friendshipRequestsBtn a{ width:138px;} div.leftSocialContainer div.menuTopTabs div.menuTopTabsInner div.friendshipRequestsBtn:hover {background:url("../design/social/spritePt.png") -642px -839px no-repeat;} div.leftSocialContainer div.menuTopTabs div.menuTopTabsInner div.friendshipRequestsBtnSelected {background:url("../design/social/spritePt.png") -642px -839px no-repeat!important;} /*END MENU TABS PERSONAL INFO*/ /*DIVISONS FOR PERSONAL INFO*/ h4.administrationTitle{ float:left; width:117px; height:17px; background:url("../design/social/spritePt.png") -15px -1024px no-repeat;} div.infoDivision{ float:left; width:485px; margin:10px 0;} div.infoDivision div.titleDivision{ float:left; width:475px; margin:0 0 0 10px; height:26px;} div.infoDivision div.titleDivision h4{ float:left; width:390px; background:url("../design/social/spritePt.png") -44px -154px no-repeat; height:26px; } div.infoDivision div.titleDivision h4.personalInfo{ background:url("../design/social/spritePt.png") -44px -154px no-repeat;} div.infoDivision div.titleDivision h4.clubInfo{ background:url("../design/social/spritePt.png") -8px -1063px no-repeat;} div.infoDivision div.titleDivision h4.staffTitle{ background:url("../design/social/spritePt.png") -8px -1262px no-repeat;} div.infoDivision div.titleDivision h4.galleryPictures{ background:url("../design/social/spritePt.png") -8px -1211px no-repeat; width:340px!important;} div.infoDivision div.titleDivision h4.insertEvent{ background:url("../design/social/spritePt.png") -8px -1113px no-repeat;} div.infoDivision div.titleDivision h4.editEvent{ background:url("../design/social/spritePt.png") -8px -1163px no-repeat;} div.infoDivision div.titleDivision h4.tastesAndInterests{ background:url("../design/social/spritePt.png") -44px -188px no-repeat;} div.infoDivision div.titleDivision h4.formationAndWork{ background:url("../design/social/spritePt.png") -44px -469px no-repeat;} div.infoDivision div.titleDivision h4.contacts{ background:url("../design/social/spritePt.png") -44px -220px no-repeat;} div.infoDivision div.titleDivision h4.email{ background:url("../design/social/spritePt.png") -44px -412px no-repeat;} div.infoDivision div.titleDivision h4.password{ background:url("../design/social/spritePt.png") -497px -504px no-repeat;} div.infoDivision div.titleDivision h4.facebook{ background:url("../design/social/spritePt.png") -497px -471px no-repeat;} div.infoDivision div.titleDivision h4.eraseAccount{ background:url("../design/social/spritePt.png") -497px -438px no-repeat;} div.infoDivision div.titleDivision h4.privacy{ background:url("../design/social/spritePt.png") -497px -411px no-repeat; width:322px;} div.infoDivision div.titleDivision h4.notifications{ background:url("../design/social/spritePt.png") -44px -442px no-repeat;} div.infoDivision div.titleDivision h4.profilePictures{ background:url("../design/social/spritePt.png") -44px -347px no-repeat;} div.infoDivision div.titleDivision h4.lastMarkedPictures{ background:url("../design/social/spritePt.png") -44px -376px no-repeat;} div.infoDivision div.titleDivision h4.markedPictures{ background:url("../design/social/spritePt.png") -497px -530px no-repeat;} div.infoDivision div.titleDivision h4.lastEvents{ background:url("../design/social/spritePt.png") -44px -251px no-repeat;} div.infoDivision div.titleDivision h4.recentActivity{ background:url("../design/social/spritePt.png") -44px -319px no-repeat;} div.infoDivision div.titleDivision h4.inviteFriends{ background:url("../design/social/spritePt.png") -497px -626px no-repeat;} h4.loadPhoto{ float:left; width:400px; height:26px; background:url("../design/social/spritePt.png") -136px -886px no-repeat;} h4.defineMiniature{ float:left; width:400px; height:26px; background:url("../design/social/spritePt.png") -136px -912px no-repeat;} div.infoDivision div.titleDivision div.options{ float:left; width:44px; margin-left:25px; height:25px; background:url("../design/social/spritePt.png") 0px -124px no-repeat; } div.infoDivision div.titleDivision div.options a{ float:left; width:44px; height:25px; display:block; } div.infoDivision div.titleDivision div.options:hover{background:url("../design/social/spritePt.png") 0px -149px no-repeat;} div.infoDivision div.titleDivision div.optionsOpen{background:url("../design/social/spritePt.png") 0px -174px no-repeat;} div.infoDivision div.titleDivision div.optionsBox{ position:relative; float:right; width:218px; border: #1d1d1d 1px solid; min-height:30px; display:block;} div.infoDivision div.titleDivision div.optionsBox ul{ float:left; list-style-type:none; width:218px; min-height:30px;} div.infoDivision div.titleDivision div.optionsBox ul li{ float:left; width:206px; height:30px; border-bottom: #000 solid 1px; border-top: #191919 solid 1px; background:#141414; padding:0 5px; } div.infoDivision div.titleDivision div.optionsBox ul li:last-child{ border-bottom:none;} div.infoDivision div.titleDivision div.optionsBox ul li a{ float:left; width:200px; padding:0; line-height:30px; color:#54416c; } div.infoDivision div.titleDivision div.optionsBox ul li:hover{ background:#1d1d1d; text-decoration:none; } div.infoDivision div.titleDivision div.optionsBox ul li:hover a{ color:#8260a8; text-decoration:none;} div.contentOption{ float:left; width:481px; margin-top:5px;} div.infoDivision div.contentOption{ float:left; width:481px; margin-top:5px;} div.infoDivision div.contentOption div.contentOptionLeft{ float:left; text-align:right; width:120px; display:block; min-height:18px; color:#8260a8; line-height:18px; font-size:9px;} div.infoDivision div.contentOption div.contentOptionLeft2{ float:left; text-align:right; width:120px; display:block; min-height:38px; color:#8260a8; line-height:38px; font-size:9px;} div.infoDivisionText div.contentOption div.contentOptionLeft{ float:left; text-align:left; width:95px; display:block; min-height:18px; color:#8260a8; line-height:18px; font-size:9px; padding-left:25px;} div.infoDivision div.contentOption div.contentOptionRight{ float:left; margin-left:8px; width:351px; display:block; min-height:18px; color:#FFF; line-height:18px; font-size:11px; line-height:12px;} div.infoDivision div.contentOption div.contentOptionRightButtons{ min-height:32px!important; } div.infoDivision div.contentOption div.contentOptionRight a{ min-height:26px; color:#FFF; line-height:22px; /*width:auto;*/} div.infoDivision div.contentOption div.contentOptionRight p{ margin-bottom:0px; line-height:10px;} div.infoDivision div.contentOption div.contentOptionRight div.text{ float:left; width:100%; margin-top:2px; line-height:13px; font-size:11px;} div.infoDivision div.contentOption div.contentOptionRight div.text p{ float:left; width:100%; line-height:13px; font-size:11px;} /*INPUT TYPE TEXTAREAS TEXT*/ div.inputTypeTextInfo{ float:left; width:350px; height:22px; background:url("../design/social/spritePt.png") -496px -371px no-repeat;} div.textareaInformations{ border:#28222d 1px solid; background:#1e1a21; float:left; width:342px; font-size:10px; color:#9f98a2; padding:5px 3px 5px 3px; min-height:30px; line-height:12px;} div.textareaInformations p{ line-height:14px !important; margin-bottom:15px!important; } div.textareaDivTop{ float:left; width:350px; background:url("../design/social/textareaTop.png") top left no-repeat; height:9px; } div.textareaDivMiddle{float:left; width:350px; background:url("../design/social/textareaRepeat.png") top left repeat-y; min-height:20px;} div.textareaDivBottom{float:left; width:350px; background:url("../design/social/textareaBottom.png") top left no-repeat; height:10px;} /*END INPUT TEXTAREAS TYPE TEXT*/ div.seeOptionsInfo{margin-top:-20px!important;} div.exclamationPoint{ float:right; width:17px; height:19px; background:url("../design/social/spritePt.png") 0px -296px no-repeat;} div.interrogationPoint{ float:right; width:16px; height:17px; background:url("../design/social/spritePt.png") 0px -263px no-repeat;} div.inactiveFacebook{ float:left; width:12px; height:13px; background:url("../design/social/spritePt.png") 0px -283px no-repeat; margin-right:8px; margin-top:5px; } div.activeFacebook{ float:left; width:12px; height:13px; background:url("../design/social/spritePt.png") 0px -337px no-repeat; margin-right:8px; margin-top:5px; } div.divisionForm{ float:left; color:#8260a8; text-transform:uppercase; font-size:14px; margin:20px 0 10px 0; } div.notificationText{ float:left; color:#FFF; margin-left:50px; font-style:italic; margin-bottom:15px;} div.infoDivision div.contentOption div.contentOptionRight div.buttons{ float:right; width:auto; min-height:32px;} div.infoDivision div.contentOption div.buttonActivate{ float:left; width:91px; height:25px; background:url("../design/social/spritePt.png") -859px -175px no-repeat;} div.infoDivision div.contentOption div.buttonActivate a{float:left; width:91px; height:25px; display:block;} div.infoDivision div.contentOption div.buttonDesactivate{ float:left; width:91px; height:25px; background:url("../design/social/spritePt.png") -859px -202px no-repeat;} div.infoDivision div.contentOption div.buttonDesactivate a{float:left; width:91px; height:25px; display:block;} /*ACTIVITY*/ div.eventSeparator{ float:left; margin-bottom:10px;} div.eventSeparator div.leftSideEventPicture{ float:left; width:35px; min-height:35px;} div.eventSeparator div.leftSideEventPicture a{ float:left} div.eventSeparator div.leftSideEventPicture a img{} div.eventSeparator div.rightSideEventPicture{ float:left; width:417px; margin-left:10px; padding-top:10px;} div.eventSeparator div.eventSentence{ float:left; color:#fff; width:417px; margin-bottom:10px; } div.eventSeparator div.eventSentence a{ color:#74559B;} div.eventSeparator div.mainImage{ float:left; width:400px; padding:0 10px 0 0; color:#FFF; margin-bottom:10px;} div.eventSeparator div.mainImage div.image{ float:left; width:126px;} div.eventSeparator div.mainImage div.text{ float:left; width:264px;} div.eventSeparator div.mainImage div.text p.newsText{ float:left; width:264px; line-height:12px;} div.eventSeparator div.mainImage div.friends{ float:left; width:400px;} div.eventSeparator div.mainImage div.friends a img{ margin-right:5px!important;} div.eventSeparator div.mainImage a{ color:#74559B;} div.eventSeparator div.mainImage p{ margin-bottom:5px!important;} div.eventSeparator div.mainImage a img{ float:left; margin-right:10px;} div.eventSeparator div.bottomEvent{ float:left; color:#3C2D53; font-size:10px; width:400px;} div.eventSeparator div.bottomEvent div.timegao{ float:left; width:40%;} div.eventSeparator div.bottomEvent a{ float:right; margin-right:50px; color:#74559B;} /*END ACTIVITY*/ /*PERSONAL ALBUM IMAGES*/ div.personalAlbum{ float:left; margin:10px 8px; width:142px!important; height:168px;} div.personalAlbumThree{ float:left; margin:10px 0px 10px 4px !important; width:142px!important; height:168px;} div.picturesAlbumSocial{ float:left; margin-left:10px;} /*PERSONAL ALBUM IMAGES*/ /*PERSONAL AGENDA*/ div.personalResults{ float:left; width:425px;} div.personalResultsNews{ float:left; width:380px; margin-left:10px;} div.personalAgendaResultsContainer{ margin-bottom:20px; margin-top:20px!important;} div.personalAgenda{ width:467px!important;} div.personalAgendaImage{ margin-left:30px;} div.personalTitle{ margin-top:0px!important; width:300px!important;} div.personalTitle2{ margin-top:0px!important; width:250px!important;} div.personalTitleName{ font-size:12px!important; color:#FFF!important; font-weight:bold!important;} div.personalSpaceName{font-size:10px!important; color:#AC99C3!important; margin-bottom:5px;} div.personalTitleName.nomargin{margin-bottom:0px!important;} div.personalSpaceName.nomargin{margin-bottom:0px!important;} div.personalDateName{font-size:9px!important; color:#74559B!important; font-weight:bold!important; text-transform:capitalize!important;} div.personalRemoveButton{ float:right; width:92px; height:26px; background:url("../design/social/spritePt.png") -500px -1532px no-repeat;} div.personalAgenda:hover div.personalRemoveButton{ float:right; width:92px; height:26px; background:url("../design/social/spritePt.png") -597px -1532px no-repeat;} div.personalAgenda:hover div.personalRemoveButton:hover{ float:right; width:92px; height:26px; background:url("../design/social/spritePt.png") -693px -1532px no-repeat !important;} div.personalRemoveButton a{ display:block; float:right; width:92px; height:26px;} div.action_delete{float:right; width:140px; margin-top:-10px;} div.eventSeparator:hover div.personalRemoveButton{ float:right; width:92px; height:26px; background:url("../design/social/spritePt.png") -597px -1532px no-repeat;} div.eventSeparator:hover div.personalRemoveButton:hover{ float:right; width:92px; height:26px; background:url("../design/social/spritePt.png") -693px -1532px no-repeat !important;} /*END PERSONAL AGENDA*/ /*ACTIVITY SMALL TEXT*/ div.comentedIcon{background:url("../design/social/spritePt.png") -0px -243px no-repeat; float:left; width:18px; height:18px; margin-left:12px;} div.likesIcon {background:url("../design/social/spritePt.png") -0px -203px no-repeat; float:left; width:18px; height:18px; margin-left:12px;} div.presentPictureIcon{background:url("../design/social/spritePt.png") -0px -223px no-repeat; float:left; width:18px; height:18px; margin-left:12px;} div.addedPictureIcon{background:url("../design/social/spritePt.png") -0px -317px no-repeat; float:left; width:18px; height:18px; margin-left:12px;} div.addClubPictureIcon{background:url("../design/social/spritePt.png") -630px -607px no-repeat; float:left; width:18px; height:18px; margin-left:12px;} div.addPartyPictureIcon{background:url("../design/social/spritePt.png") -909px -873px no-repeat; float:left; width:18px; height:18px; margin-left:12px;} div.addFriendsPictureIcon{background:url("../design/social/spritePt.png") -671px -587px no-repeat; float:left; width:18px; height:18px; margin-left:12px;} div.signupPictureIcon{ background:url("../design/social/spritePt.png") -624px -568px no-repeat; float:left; width:18px; height:18px; margin-left:12px;} div.recentActivityContainer{ float:left; margin-top:10px;} div.textOfActivity{ float:left; margin-left:12px; width:290px; color:#FFF; font-size:12px!important; text-align:left;} div.textOfActivity a{ color:#8260a8!important; font-size:12px!important;;} div.subpanel div.textOfActivity{ font-size:10px!important;} div.dateOfActivity{ text-align:right; float:left; width:145px!important; color:#8260a8!important;} div.dateOfActivity div.timeago{text-align:right; float:right; color:#8260a8!important;} /*END ACTIVITY SMALL TEXT*/ /*FRIENDSHIP*/ .friendshipContainer{} .friendshipNotification{ margin-left:5px!important;} .friendshipTitles{ width:290px!important; margin-top:0px!important;} .friendshipRequestContent{ height:38px!important; padding-right:0px!important; margin-bottom:3px; width:475px!important;} .friendshipUsername{ float:left; width:100%; font-size:12px!important; color:#FFF!important; font-weight:normal;} .friendshipLocation{ float:left; width:100%; font-size:10px; color:#AC99C3!important;} .friendshipButtons{ float:right; width:120px; padding:7px 3px 0 0; text-align:right;} /*FRIENDSHIP*/ .morebox{ float:left; width:468px; background:#1e1a21; border: solid 1px #2b2431; border-bottom-color:#2b2431; border-top-color:#2b2431; padding:12px 14px 8px 0; height:11px; } .morebox a{ float:right; width:185px; height:11px; display:block; background:url("../design/social/spritePt.png") -525px -732px no-repeat;} .mainPictureIconHolder{ position:absolute; float:left; margin:10px;} .mainPictureIcon{ float:left; width:23px; height:25px; background:url("../design/social/spritePt.png") -0px -381px no-repeat;} .pictureOptionHolder{ position:absolute; float:left; margin:5px 0 0 70px;} .pictureOptionHolderEvent{ position:absolute; float:left; margin:5px 10px 0 400px;} div.options{ float:left; width:44px; margin-left:25px; height:25px; background:url("../design/social/spritePt.png") 0px -124px no-repeat; } div.options a{ float:left; width:44px; height:25px; display:block; } div.options:hover{background:url("../design/social/spritePt.png") 0px -174px no-repeat;} div.optionsOpen{background:url("../design/social/spritePt.png") 0px -174px no-repeat;} div.optionsOpen:hover{background:url("../design/social/spritePt.png") 0px -174px no-repeat!important;} div.pictureOptionHolder div.optionsBox{ position:relative; float:left; width:218px; border: #1d1d1d 1px solid; min-height:30px; display:none; z-index:9999; margin-top:25px; margin-left:-218px; } div.picture-album div.picture-left:hover div.options{background:url("../design/social/spritePt.png") 0px -149px no-repeat;} div.picture-album div.picture-left:hover div.options:hover{background:url("../design/social/spritePt.png") 0px -173px no-repeat;} div.personalAgenda:hover div.options{background:url("../design/social/spritePt.png") 0px -149px no-repeat;} div.personalAgenda:hover div.options:hover{background:url("../design/social/spritePt.png") 0px -173px no-repeat;} div.optionsBox ul{ float:left; list-style-type:none; width:218px; min-height:30px;} div.optionsBox ul li{ float:left; width:208px; height:30px; border-bottom: #000 solid 1px; border-top: #191919 solid 1px; background:#141414; padding:0 5px; } div.optionsBox ul li:last-child{ border-bottom:none;} div.optionsBox ul li a{ float:left; width:200px; padding:0; line-height:30px; color:#54416c; } div.optionsBox ul li:hover{ background:#1d1d1d; text-decoration:none; } div.optionsBox ul li:hover a{ color:#8260a8; text-decoration:none;} /*END DIVISONS FOR PERSONAL INFO*/ div.rightSocialContainer div.userPicture{ float:left; width:112px; text-align:center; margin-bottom:8px;} div.rightSocialContainer div.userPicture a{} div.rightSocialContainer div.userPicture a img{} div.rightSocialContainer div.userInfo{ float:left; width:95px; margin-bottom:32px;} div.rightSocialContainer div.userInfo p{ font-family:Verdana, Geneva, sans-serif; color:#FFF; line-height:12px; margin-bottom:5px; } div.rightSocialContainer div.spaces{ float:left; width:112px; margin-bottom:18px;} div.rightSocialContainer div.spaces h4{ float:left; width:100%; background:url("../design/social/spritePt.png") -44px -115px no-repeat; margin-bottom:5px; text-indent:-5000px;} div.rightSocialContainer div.spaces a{} div.rightSocialContainer div.spaces a img{ float:left; margin:1px} div.rightSocialContainer div.friends{ float:left; width:112px; margin-bottom:18px;} div.rightSocialContainer div.friends h4{float:left; width:100%; background:url("../design/social/spritePt.png") -44px -134px no-repeat; margin-bottom:5px; text-indent:-5000px;} div.rightSocialContainer div.friends a{} div.rightSocialContainer div.friends a img { float:left; margin:1px;} div.rightSocialContainer div.fans{ float:left; width:112px; margin-bottom:18px;} div.rightSocialContainer div.fans h4{float:left; width:100%; background:url("../design/social/spritePt.png") -357px -824px no-repeat; margin-bottom:5px; text-indent:-5000px;} div.rightSocialContainer div.fans a{} div.rightSocialContainer div.fans a img { float:left; margin:1px;} /********************************************************************************************************************************************** END SOCIAL NETWORK CONCEPT END SOCIAL NETWORK CONCEPT END SOCIAL NETWORK CONCEPT END SOCIAL NETWORK CONCEPT END SOCIAL NETWORK CONCEPT END ***********************************************************************************************************************************************/ div.taggingPhotos{ float:left; width:100%!important; margin-left:20px;} div.taggingPhotos a{float:left; width:auto!important;} div.taggingPhotos a.remove_photo_tag{ margin-left:5px;} div.taggingPhotos a:hover{ text-decoration:underline!important;} /*LOAD RULESONLY FOR FIREFOX*/ @-moz-document url-prefix() { /*div.youtube_video img.youtube_video{ margin-left:-65px!important; }*/ div.slideshow div.youtube_video img.youtube_video{ margin-left:14px!important; } form fieldset input[type=text].space{ padding:7px 15px 6px 5px;} form fieldset input[type=text].space{ padding:7px 15px 6px 5px;} form fieldset input[type=text].spaceBig{ padding:7px 15px 6px 5px;} form fieldset input[type=text].local{ padding:7px 15px 6px 5px;} form fieldset input[type=text].data{ padding:7px 15px 6px 5px;} form fieldset input[type=text].comment{ padding:7px 15px 6px 5px;} form fieldset input[type=text].comment-visits{ padding:7px 15px 6px 5px;} /*div.youtube_video span.playicon{ margin-left:-65px; }*/ div#carousel img.youtube_video{ margin-left:-25px!important; } div#carousel span.playicon{ margin-left:-25px; } } .youtube_video{float:left; text-align:left;} div.report-fotos div.youtube_video img.youtube_video{ margin:0px!important; position:absolute;} div.report-fotos div.youtube_video{ height:97px!important;} /******************************************************** OPEN INVITER OPEN INVITER OPEN INVITER OPEN INVITER ********************************************************/ h2.acc_trigger{float:left; padding:5px; background:url("../design/inviter/adressBackground.png") top left no-repeat; height:36px!important; width:482px!important; margin:0 0 0 -24px!important;} h2.acc_trigger:hover{ cursor:pointer; background:url("../design/inviter/adressBackgroundHover.png") top left no-repeat;} div.acc_container{float:left; padding:5px; width:492px; margin-left:-30px;} table.thTable{ float:left; margin-left:-4px;} tr.thTableOddRow,tr.thTableEvenRow{ float:left; background:url("../design/inviter/userImportBackground.png") top left no-repeat; width:492px; height:45px;} tr.thTableOddRow td,tr.thTableEvenRow td{ float:left;} .checkThisUser{ float:left; margin:14px 0 0 19px; background:url("../design/inviter/checkBoxBackground.png") top left no-repeat; width:15px; height:16px; border:none; outline:none;} span.emailUserRegistered{ color:#FFF;} td.usernameText{color:#ac99c3; padding:8px 0 0 11px; float:left; width:300px;} td.alreadyUser{ float:left; text-align:right; width:130px; padding:8px 0 0 11px; height:40px;} td.alreadyUser span{ float:right;} div.positionImport{ float:left; margin:10px;} div.positionMarkAll{float:left; margin:10px 5px 10px 119px;} div.positionUnmarkAll{float:left; margin:10px 0px 10px 5px;} span.vivacenaUserColor{ color:#8260a8;} span.vivacenaFriendColor{ color:#40724c;} span.vivacenaInviteColor{color:#fff;} /******************************************************** END OPEN INVITER ********************************************************/ /******************************************************** NEW BUTTONS NEW BUTTONS NEW BUTTONS NEW BUTTONS /*******************************************************/ a#registerLink{ color:#FFF; } a#loginLink{color:#FFF; } a.registerLink{ background:url("../design/social/spritePt.png") -597px -1733px no-repeat; width:113px; height:23px; display:block; margin:3px 3px 0 3px; padding:0!important; float:right;} a.registerLink:hover{background:url("../design/social/spritePt.png") -713px -1733px no-repeat;} a.loginLink{ background:url("../design/social/spritePt.png") -597px -1615px no-repeat; width:92px; height:25px; display:block; margin:3px 3px 0 3px; padding:0!important; float:right;} a.loginLink:hover{background:url("../design/social/spritePt.png") -693px -1615px no-repeat;} a#voteLink{background:url("../design/social/spritePt.png") -597px -1587px no-repeat; width:92px; height:25px; display:block;} a#voteLink:hover{background:url("../design/social/spritePt.png") -693px -1587px no-repeat;} div.goback {float:left; background:url("../design/social/spritePt.png") -597px -1043px no-repeat; width:92px; height:25px; display:block; margin:9px 0 0 7px; } div.goback:hover{background:url("../design/social/spritePt.png") -693px -1043px no-repeat;} .previous-element-page{ float:left; padding:0; margin-top:1px; margin-right:2px; background:url("../design/social/spritePt.png") -597px -1122px no-repeat; width:92px; height:25px;} .previous-element-page:hover{background:url("../design/social/spritePt.png") -693px -1122px no-repeat;} .previous-element-page.disablelink{ background:url("../design/social/spritePt.png") -789px -1122px no-repeat; } .previous-element-page a{ float:left; width:92px; height:25px; display:block; } .next-element-page{ float:right; padding:0; margin-top:1px; margin-left:2px; background:url("../design/social/spritePt.png") -597px -1149px no-repeat; width:92px; height:25px;} .next-element-page:hover{background:url("../design/social/spritePt.png") -693px -1149px no-repeat;} .next-element-page.disablelink{ background:url("../design/social/spritePt.png") -789px -1149px no-repeat; } .next-element-page a{ float:left; width:92px; height:25px; display:block; } div.seeOptions div.myActivity{ float:right; width:125px; height:24px; background:url("../design/social/spritePt.png") -255px -1488px no-repeat; margin-right:5px;} div.seeOptions div.myActivity:hover{ float:right; width:125px; height:24px; background:url("../design/social/spritePt.png") -129px -1488px no-repeat;} div.seeOptions div.myActivitySelected{ float:right; width:125px; height:24px; background:url("../design/social/spritePt.png") -3px -1488px no-repeat;} div.seeOptions div.myActivity a{ width:125px; height:24px; display:block;} div.seeOptions div.myCommunity{ float:right; width:125px; height:24px; background:url("../design/social/spritePt.png") -255px -1462px no-repeat; margin-right:2px;} div.seeOptions div.myCommunity:hover{ float:right; width:125px; height:24px; background:url("../design/social/spritePt.png") -129px -1462px no-repeat;} div.seeOptions div.myCommunitySelected{ float:right; width:125px; height:24px; background:url("../design/social/spritePt.png") -3px -1462px no-repeat;} div.seeOptions div.myCommunity a{ width:125px; height:24px; display:block;} div.seeOptions{ float:right; width:300px; color:#FFF; line-height:22px; margin-bottom:10px;} div.seeOptions div.nextEvents{ float:right; width:126px; height:25px; background:url("../design/social/spritePt.png") -255px -1410px no-repeat; margin-right:5px;} div.seeOptions div.nextEvents:hover{ float:right; width:126px; height:25px; background:url("../design/social/spritePt.png") -129px -1410px no-repeat;} div.seeOptions div.nextEventsSelected{ float:right; width:126px; height:25px; background:url("../design/social/spritePt.png") -3px -1410px no-repeat;} div.seeOptions div.nextEvents a{ width:126px; height:25px; display:block;} div.seeOptions div.previousEvents{ float:right; background:url("../design/social/spritePt.png") -255px -1436px no-repeat; width:126px; height:25px; margin-right:2px; } div.seeOptions div.previousEvents:hover{ float:right; background:url("../design/social/spritePt.png") -129px -1436px no-repeat; width:126px; height:25px; } div.seeOptions div.previousEventsSelected { float:right; background:url("../design/social/spritePt.png") -3px -1436px no-repeat; width:126px; height:25px; } div.seeOptions div.previousEvents a{float:right; width:126px; height:25px; display:block;} .linkReply{ float:right!important; width:92px; height:25px; display:block; background:url("../design/social/spritePt.png") -597px -1342px no-repeat; margin:0 3px;} .linkReply:hover{background:url("../design/social/spritePt.png") -693px -1342px no-repeat;} div.infoDivision div.titleDivision h4.importedContactsList{ background:url("../design/social/spritePt.png") -10px -1352px no-repeat;} div.infoDivision div.titleDivision h4.importContactsList{ background:url("../design/social/spritePt.png") -10px -1307px no-repeat;} div.buttonCancel{float:left; width:92px; height:25px; background:url("../design/social/spritePt.png") -598px -965px no-repeat; margin-right:8px;} div.buttonCancel:hover{background:url("../design/social/spritePt.png") -694px -965px no-repeat;} div.buttonCancel a{ float:left; width:92px; height:25px; display:block;} div.buttonImport{ float:left; width:93px; height:25px; background:url("../design/social/spritePt.png") -596px -1673px no-repeat;} div.buttonImport:hover{ background:url("../design/social/spritePt.png") -692px -1673px no-repeat;} div.buttonImport a{float:left; width:93px; height:25px; display:block;} div.buttonMarkAll{ float:left; width:125px; height:25px; background:url("../design/social/spritePt.png") -3px -1714px no-repeat;} div.buttonMarkAll:hover{background:url("../design/social/spritePt.png") -130px -1714px no-repeat;} div.buttonMarkAll a{float:left; width:125px; height:25px; display:block;} div.buttonUnmarkAll{ float:left; width:125px; height:25px; background:url("../design/social/spritePt.png") -3px -1741px no-repeat;} div.buttonUnmarkAll:hover{ background:url("../design/social/spritePt.png") -130px -1741px no-repeat;} div.buttonUnmarkAll a{float:left; width:125px; height:24px; display:block;} div.buttonMarkAllUnselected{ float:left; width:125px; height:25px; background:url("../design/social/spritePt.png") -217px -1714px no-repeat;} div.buttonMarkAllUnselected:hover{background:url("../design/social/spritePt.png") -217px -1714px no-repeat;} div.buttonMarkAllUnselected a{float:left; width:125px; height:25px; display:block;} div.buttonUnmarkAllUnselected{ float:left; width:125px; height:25px; background:url("../design/social/spritePt.png") -257px -1741px no-repeat;} div.buttonUnmarkAllUnselected:hover{ background:url("../design/social/spritePt.png") -257px -1741px no-repeat;} div.buttonUnmarkAllUnselected a{float:left; width:125px; height:24px; display:block;} div.rightSocialContainer div.addFriendButton{ float:left; width:113px; height:25px; background:url("../design/social/spritePt.png") -3px -1595px no-repeat; margin-bottom:31px; } div.rightSocialContainer div.addFriendButton:hover{ background:url("../design/social/spritePt.png") -120px -1595px no-repeat; } div.rightSocialContainer div.addFriendButton a{ float:left; width:112px; height:25px; display:block;} a.pendingInvitations{ float:left; width:100%; margin:5px 0 10px 0; color:#FFF;} a#declineLink{ float:right; background:url("../design/social/spritePt.png") -2px -1621px no-repeat; width:53px; height:25px; display:block; margin:0 10px 0 0;} a#declineLink:hover{ background:url("../design/social/spritePt.png") -2px -1621px no-repeat;} a#acceptLink{ float:right; background:url("../design/social/spritePt.png") -2px -1648px no-repeat; width:53px; height:25px; display:block; margin:0 10px 0 0;} a#acceptLink:hover{ background:url("../design/social/spritePt.png") -2px -1648px no-repeat;} .linkAddFriend{ float:right!important; width:92px; height:25px; display:block; background:url("../design/social/spritePt.png") -597px -1096px no-repeat; margin:0 3px;} .linkAddFriend:hover{background:url("../design/social/spritePt.png") -693px -1096px no-repeat;} a#formSubmitLink{ float:right; background:url("../design/social/spritePt.png") -556px -1978px no-repeat; width:92px; height:24px; margin:0;} a#formSubmitLink:hover{ background:url("../design/social/spritePt.png") -652px -1978px;} a#formSubmitLink span{ display:none;} a#formCancelLink{ float:right; background:url("../design/social/spritePt.png") -597px -965px no-repeat; width:92px; height:25px; margin:0 10px 0 0;} a#formCancelLink:hover{background:url("../design/social/spritePt.png") -693px -965px no-repeat; } a#formCancelLink span{ display:none;} a#cancel{ float:right; background:url("../design/social/spritePt.png") -597px -965px no-repeat; width:92px; height:25px; margin:0 10px 0 0;} a#cancel:hover{background:url("../design/social/spritePt.png") -693px -965px no-repeat; } a#cancel span{ display:none;} a.submitCommentButton{ float:right; background:url("../design/social/spritePt.png") -598px -1018px no-repeat; width:92px; height:25px; margin:0 10px 0 0;} a.submitCommentButton:hover{background:url("../design/social/spritePt.png") -694px -1018px no-repeat; } a.submitCommentButton span{ display:none;} div.buttonSave{ float:left; width:92px; height:25px; background:url("../design/social/spritePt.png") -597px -1231px no-repeat;} div.buttonSave:hover{background:url("../design/social/spritePt.png") -693px -1231px no-repeat;} div.buttonSave a{float:left; width:92px; height:25px; display:block;} div.infoDivision div.contentOption div.buttonCancelate{ float:left; width:92px; height:25px; background:url("../design/social/spritePt.png") -597px -1424px no-repeat; margin-right:8px;} div.infoDivision div.contentOption div.buttonCancelate:hover{background:url("../design/social/spritePt.png") -693px -1424px no-repeat;} div.infoDivision div.contentOption div.buttonCancelate a{float:left; width:92px; height:25px; display:block;} div.infoDivision div.contentOption div.buttonErase{ float:left; width:92px; height:25px; background:url("../design/social/spritePt.png") -599px -992px no-repeat;} div.infoDivision div.contentOption div.buttonErase:hover{background:url("../design/social/spritePt.png") -695px -992px no-repeat;} div.infoDivision div.contentOption div.buttonErase a{float:left; width:92px; height:25px; display:block;} a.close{ width:92px!important; height:25px!important; background:url("../design/social/spritePt.png") -597px -1258px no-repeat!important;} a.close:hover{ background:url("../design/social/spritePt.png") -693px -1258px no-repeat!important;} .myBoxBackButtons{ float:left; width:92px; height:25px; background:url("../design/social/spritePt.png") -597px -1043px no-repeat;} .myBoxBackButtons:hover{background:url("../design/social/spritePt.png") -693px -1043px no-repeat; cursor:pointer;} div.buttonPendingFriend{ float:left; width:114px; height:25px; background:url("../design/social/spritePt.png") -5px -1540px no-repeat;} div.buttonPendingFriend:hover{ background:url("../design/social/spritePt.png") -122px -1540px no-repeat;} div.buttonPendingFriend a{float:left; width:114px; height:25px; display:block;} .linkIgnore{ float:right!important; width:53px; height:25px; display:block; background:url("../design/social/spritePt.png") -3px -1621px no-repeat; margin:0 3px;} .linkIgnore:hover{background:url("../design/social/spritePt.png") -60px -1621px no-repeat;} .linkAccept{ float:right!important; width:52px; height:25px; display:block; background:url("../design/social/spritePt.png") -3px -1649px no-repeat; margin:0 3px;} .linkAccept:hover{background:url("../design/social/spritePt.png") -60px -1649px no-repeat;} .linkRemoveFriend{ float:right!important; width:92px; height:25px; display:block; background:url("../design/social/spritePt.png") -598px -1070px no-repeat; margin:0 3px;} .linkRemoveFriend:hover{background:url("../design/social/spritePt.png") -694px -1070px no-repeat;} .linkCancelFriend{ float:right!important; width:92px; height:25px; display:block; background:url("../design/social/spritePt.png") -597px -1424px no-repeat; margin:0 3px;} .linkCancelFriend:hover{background:url("../design/social/spritePt.png") -693px -1424px no-repeat;} div.buttonImport{ float:left; width:92px; height:25px; background:url("../design/social/spritePt.png") -598px -1673px no-repeat;} div.buttonImport:hover{ background:url("../design/social/spritePt.png") -598px -1673px no-repeat;} div.buttonImport a{float:left; width:92px; height:25px; display:block;} div.buttonContinue{ float:left; width:92px; height:25px; background:url("../design/social/spritePt.png") -598px -1286px no-repeat;} div.buttonContinue:hover{ background:url("../design/social/spritePt.png") -598px -1286px no-repeat;} div.buttonContinue a{float:left; width:92px; height:25px; display:block;} div.buttonFacebookShare{ float:left; width:111px; height:23px; background:url("../design/social/spritePt.png") -0px -622px no-repeat;} div.buttonFacebookShare a{float:left; width:111px; height:23px; display:block;} div.buttonReallyLike{ float:left; width:111px; height:24px; background:url("../design/social/spritePt.png") -0px -676px no-repeat;} div.buttonReallyLike a{float:left; width:111px; height:24px; display:block;} div.buttonRegisterNow{ float:left; width:113px; height:25px; background:url("../design/social/spritePt.png") -597px -1733px no-repeat;} div.buttonRegisterNow:hover{ background:url("../design/social/spritePt.png") -713px -1733px no-repeat;} div.buttonRegisterNow a{float:left; width:113px; height:25px; display:block;} div.buttonComment{ float:left; width:92px; height:25px; background:url("../design/social/spritePt.png") -598px -1018px no-repeat;} div.buttonComment:hover{ background:url("../design/social/spritePt.png") -694px -1018px no-repeat;} div.buttonComment a{float:left; width:92px; height:25px; display:block;} div.buttonAddFriend{ float:left; width:112px; height:25px; background:url("../design/social/spritePt.png") -5px -1595px no-repeat;} div.buttonAddFriend:hover{ background:url("../design/social/spritePt.png") -5px -1595px no-repeat;} div.buttonAddFriend a{float:left; width:112px; height:25px; display:block;} div.buttonAcceptFriend{ float:left; width:112px; height:24px; background:url("../design/social/spritePt.png") -5px -1568px no-repeat;} div.buttonAcceptFriend:hover{ background:url("../design/social/spritePt.png") -5px -1568px no-repeat;} div.buttonAcceptFriend a{float:left; width:112px; height:24px; display:block;} div.buttonBack{ float:left; width:92px; height:25px; background:url("../design/social/spritePt.png") -598px -1044px no-repeat;} div.buttonBack:hover{ background:url("../design/social/spritePt.png") -598px -1044px no-repeat;} div.buttonBack a{float:left; width:92px; height:25px; display:block;} a.remove_comment{ float:right; width:92px; height:25px; background:url("../design/social/spritePt.png") -598px -992px no-repeat; margin:10px 0 0 0;} a.remove_comment:hover{ background:url("../design/social/spritePt.png") -694px -992px no-repeat;} a.continueRead{float:left; width:92px; height:25px; background:url("../design/social/spritePt.png") -598px -1177px no-repeat;} a.continueRead:hover{background:url("../design/social/spritePt.png") -694px -1177px no-repeat;} a.continueRead span{ display:none;} .formSearchBackground{background:url("../design/social/spritePt.png") -693px -2034px no-repeat!important; width:250px!important; height:32px!important; margin-left:-12px!important; margin-top:2px;} div.buttonInvite{ float:left; width:92px; height:25px; background:url("../design/social/spritePt.png") -556px -1951px no-repeat;} div.buttonInvite:hover{ background:url("../design/social/spritePt.png") -652px -1951px no-repeat;} div.buttonInvite a{float:left; width:92px; height:25px; display:block;} div.buttonInsertEvent{ float:left; width:125px; height:25px; background:url("../design/social/spritePt.png") -556px -1897px no-repeat;} div.buttonInsertEvent:hover{ background:url("../design/social/spritePt.png") -683px -1897px no-repeat;} div.buttonInsertEvent a{float:left; width:125px; height:25px; display:block;} div.buttonInsertPhoto{ float:left; width:125px; height:25px; background:url("../design/social/spritePt.png") -556px -1924px no-repeat;} div.buttonInsertPhoto:hover{ background:url("../design/social/spritePt.png") -683px -1924px no-repeat;} div.buttonInsertPhoto a{float:left; width:125px; height:25px; display:block;} /******************************************************** END NEW BUTTONS /*******************************************************/ /*INPUT FILE TYPE*/ .realupload { position: relative; float: right; top: -23px; right: 120px; background-color:#F00; opacity:0; -moz-opacity:0; filter:alpha(opacity:0); width:96px; height:25px;} #fakeupload { background:url("../design/social/spritePt.png") -338px -1773px no-repeat;} div.boxForReportsBegin{ float:left; width:150px; height:100px!important;} div#search-agenda{} h4.titleSprite{ background:url("../design/social/titlesSpritePt.png") no-repeat; float:left; width:100%; height:30px; } h4.titleSprite.navigation{ background-position:-2px -10px; height:20px; margin:0;} h4.titleSprite.contacts{ background-position:-2px -42px; height:16px; margin:0;} h4.titleSprite.newsletter{ background-position:-2px -73px; height:15px} h4.titleSprite.recrute{ background-position:-2px -103px; height:15px;} h4.titleSprite.social{ background-position:-2px -132px; height:15px} h4.titleSprite.news{ background-position:-2px -160px; background-repeat:no-repeat; margin:20px 5px 3px 8px; height:20px;} h4.titleSprite.lastVideos{ background-position:-2px -190px; height:20px; width:170px; margin:20px 0 10px 0} h4.titleSprite.topPictures{ background-position:-2px -222px; height:17px; background-repeat:no-repeat; margin:10px 10px 8px 7px;} h4.titleSprite.inquire{ background-position:-2px -244px;} h4.titleSprite.passatempos{ background-position:-2px -274px;} h4.titleSprite.magazines{ background-position:-2px -304px;} h4.titleSprite.pictures{ background-position:-2px -340px;margin:0 5px 0 8px; height:22px;} h4.titleSprite.video{ background-position:-2px -368px; margin:0 5px 0 8px; height:22px;} /********************************************/ /************GENERAL FORMS.CSS***************/ /********************************************/ div.right-contacts{float:left; width:380px; margin-left:20px; margin-top:30px} div#left-contacts{float:left; width:220px; margin-right:60px} div#right-contacts{float:left; width:280px} form div.required{font-weight:bold; width:100%; float:left; clear:both; height:auto; margin-bottom:5px} form div.mistake{background-color:#fff; padding-bottom:2px; padding-top:5px; margin-bottom:0px} form div.required label{} label.displaynone{display:none} form div.required label.displayleft{float:left; width:50px; text-align:left} form div.required input, form div.required textarea, form div.required select{margin:3px; color:#666; height:17px; font-family:Verdana,Geneva,sans-serif; font-size:11px; width:200px} form div.required span{ font-size:11px; width:15px; height:20px; font-weight:bold; float:left} form div.required textarea{height:20px} form div.required select{height:25px; width:98%} /*SUBMIT REGISTRATION*/ form div.buttons{font-weight:bold; width:324px; float:left; height:auto; margin-top:5px} form div.buttons a:hover{text-decoration:none} form div.buttons label{font-weight:bold; float:left; height:26px; font-size:15px; color:#F8DA14; width:1px; text-align:right; margin-top:2px} div#result_contactos{ font-size:11px; color:#000; font-weight:bold; width:160px; float:left; padding-top:12px; text-align:left; width:100%; padding-top:20px} div#button_contactos{float:right; margin-right:0px} #submit_contacts{float:right; width:80px} #reset_contacts{float:left; width:80px} /*END SUBMIT REGISTRATION*/ div#erro{width:200px; border:1px solid #FB0019; background-color:#FDDDDB; padding:5px; color:#FB0019; margin-top:-13px; margin-left:2px; float:left; margin-bottom:5px} div#certo{width:200px; border:1px solid #43BF43; background-color:#F0FCDB; padding:5px; color:#8AA57F; margin-top:-13px; margin-left:2px; float:left; margin-bottom:5px} /* CONTACTS FORM*/ #formcontacts .loadingImg{float:left; width:16px; height:11px; margin-left:20px; margin-top:5px} #formcontacts .loadingTxt{float:left; width:120px; font-size:8px; margin-left:20px; color:#999} #formcontacts input.error{border-color:#f00; border-style:solid; border-width:thin} #formcontacts textarea.error{border-color:#f00; border-style:solid; border-width:thin} #formcontacts input.highlight{border-style:solid; border-width:thin; border-color:#8361AE !important} #formcontacts textarea.highlight{background-color:#302543!important; border-style:solid; border-width:thin; border-color:#8361AE} #formcontacts input.success{background-color:#302543; border-color:#3C0; border-style:solid; border-width:thin} #formcontacts textarea.success{background-color:#302543; border-color:#3C0; border-style:solid; border-width:thin} #formcontacts div.error{background:no-repeat center left url("../design/icons/erro.png")} #formcontacts div.success{background:url("../design/icons/sucess.png") no-repeat left center} #formcontacts .result{float:left; width:20px; height:25px; margin-left:-5px} #formcontacts .required input[type=text], #formcontacts .required input[type=password], #formcontacts textarea{color:#8361AE; font-size:12px; width:305px; border-style:solid; border-width:thin; border-color:#121215; height:22px} #formcontacts textarea{height:100px; background-color:#302543} #formcontacts .required select{width:278px; float:left} #formcontacts div#result_contacts{float:left; width:260px; margin-left:0px; color:#222; font-size:10px; font-weight:bold; padding-top:3px; text-align:left} #formcontacts div#result_contacts span.required{color:#111; text-transform:uppercase; width:50px; font-size:10px; font-weight:bold} #formcontacts div#result_error{width:200px; border:1px solid #FB0019; background-color:#FDDDDB; padding:6px; color:#FB0019; margin-top:0px; float:left} #formcontacts div#result_success{width:200px; border:1px solid #43BF43; background-color:#F0FCDB; padding:6px; color:#8AA57F; margin-top:0px; float:left} /*END CONTACTS FORM */ /*EDITABLE CONTENTS*/ form div.required label{margin:0; padding:0; float:left; padding-top:5px; margin-right:15px; width:70px} form div.required span{color:#fff} .submitcontacts{width:70px; background:none; text-transform:capitalize} /*END EDITABLE CONTENTS*/ /* PAYMENT FORM*/ #formpayment .loadingImg{float:left; width:16px; height:11px; margin-left:10px; margin-top:5px} #formpayment .loadingTxt{float:left; width:100px; font-size:8px; margin-left:10px; color:#999} #formpayment input.error{border-color:#f00; border-style:solid; border-width:thin} #formpayment textarea.error{border-color:#f00; border-style:solid; border-width:thin} #formpayment input.highlight{border-style:solid; border-width:thin} #formpayment textarea.highlight{background-color:#FFF!important; border-style:solid; border-width:thin; border-color:} #formpayment input.success{background-color:#E8FDD9; border-color:#3C0; border-style:solid; border-width:thin} #formpayment textarea.success{background-color:#E8FDD9; border-color:#3C0; border-style:solid; border-width:thin} #formpayment div.error{background:no-repeat center left url("../design/icons/erro.png")} #formpayment div.success{background:url("../design/icons/sucess.png") no-repeat left center} #formpayment .result{float:left; width:20px; height:25px; margin-left:5px; margin-right:8px} #formpayment input[type=text], #formpayment .required input[type=password], #formpayment textarea{margin-right:5px} #formpayment textarea{height:50px; width:440px} #formpayment .required select{width:278px; float:left} #formpayment div#result_contacts{float:left; width:260px; margin-left:0px; color:#222; font-size:10px; font-weight:bold; padding-top:3px; text-align:left} #formpayment div#result_contacts span.required{color:#111; text-transform:uppercase; width:50px; font-size:10px; font-weight:bold} #formpayment div#result_error{width:570px; border:1px solid #FB0019; background-color:#FDDDDB; padding:6px; color:#FB0019; margin-top:10px; float:left} #formpayment div#result_success{width:570px; border:1px solid #43BF43; background-color:#F0FCDB; padding:6px; color:#8AA57F; margin-top:10px; float:left} /*END PAYMENT FORM */ div.title-form-part{float:left; color:#247575; font-size:14px; clear:right; margin-bottom:20px; margin-top:10px; width:100%} span.star{float:left} div#submit_payment{float:right; margin-top:10px} div#reset_payment{float:right; margin-top:10px} div#result{width:400px} div#result fieldset{width:400px} .facebox-contents form input.error, .facebox-contents form select.error, .facebox-contents form textarea.error{border:#f00 thin solid!important} .facebox-contents form input.success, .facebox-contents form select.success, .facebox-contents form textarea.success{border:#3C0 thin solid!important} .facebox-contents form input.highlight, .facebox-contents form select.highlight, .facebox-contents form textarea.highlight{border:#8361AE thin solid!important} /*.facebox-contents form div.error{background:no-repeat center left url("../design/icons/erro.png")} .facebox-contents form div.success{background:url("../design/icons/sucess.png") no-repeat left center} */ .facebox-contents div.success-form-submit{} /* Uploadify v2.1.0 Release Date:August 24, 2009 */ #fileQueue{float:left; margin-bottom:5px; width:362px} /*.uploadifyQueueItem{font:11px Verdana,Geneva,sans-serif; border:2px solid #E5E5E5; background-color:#F5F5F5; margin-top:5px; padding:10px; width:350px; float:left} */ .uploadifyQueueItem{font:11px Verdana,Geneva,sans-serif; border:2px solid #231A30; background-color:#231A30; margin-top:5px; padding:10px; width:362px; float:left} .uploadifyQueueItem .fileName{color:#FFF} .uploadifyQueueItem .percentage{color:#FFF!important} .uploadifyQueueItem .percentage p{color:#FFF!important} .uploadifyError .percentage p{float:left; width:100%; color:#C00!important} .uploadifyError .fileName{color:#fff} /*.uploadifyError{border:2px solid #FBCBBC !important; background-color:#FDE5DD !important} */ .uploadifyError{border:2px solid #1E1E1E !important; background-color:#191919 !important} .uploadifyQueueItem .cancel{float:right} /*.uploadifyProgress{background-color:#FFF; border-top:1px solid #808080; border-left:1px solid #808080; border-right:1px solid #C5C5C5; border-bottom:1px solid #C5C5C5; margin-top:10px; width:100%; float:left} */ .uploadifyProgress{/*background-color:#FFF; *//*border-top:1px solid #231A30; border-left:1px solid #231A30; border-right:1px solid #231A30; border-bottom:1px solid #231A30; */background:url(../design/backgrounds/uploadProgressBg.png) left top no-repeat; height:9px; margin-top:10px; width:362px; float:left} .uploadifyProgressBar{/*background-color:#564073; */background:#564073 url(../design/backgrounds/uploadBarBg.png) repeat-x center center; width:1px; height:7px; float:left} /********************************************/ /************PRETTY PHOTO.CSS****************/ /********************************************/ div.light_rounded .pp_top .pp_left{background: url(../images/languages/pt/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat;}div.light_rounded .pp_top .pp_middle{background:#fff;}div.light_rounded .pp_top .pp_right{background: url(../images/languages/pt/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat;}div.light_rounded .pp_content .ppt{color:#000;}div.light_rounded .pp_content_container .pp_left,div.light_rounded .pp_content_container .pp_right{background:#fff;}div.light_rounded .pp_content{background-color:#fff;}div.light_rounded .pp_next:hover{background: url(../images/languages/pt/prettyPhoto/light_rounded/btnNext.png) center right no-repeat;cursor: pointer;}div.light_rounded .pp_previous:hover{background: url(../images/languages/pt/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat;cursor: pointer;}div.light_rounded .pp_expand{background: url(../images/languages/pt/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat;cursor: pointer;}div.light_rounded .pp_expand:hover{background: url(../images/languages/pt/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat;cursor: pointer;}div.light_rounded .pp_contract{background: url(../images/languages/pt/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat;cursor: pointer;}div.light_rounded .pp_contract:hover{background: url(../images/languages/pt/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat;cursor: pointer;}div.light_rounded .pp_close{width:75px;height:22px;background: url(../images/languages/pt/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat;cursor: pointer;}div.light_rounded #pp_full_res .pp_inline{color:#000;}div.light_rounded .pp_arrow_previous{background: url(../images/languages/pt/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat;}div.light_rounded .pp_arrow_previous.disabled{background-position:0 -87px;cursor:default;}div.light_rounded .pp_arrow_next{background: url(../images/languages/pt/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat;}div.light_rounded .pp_arrow_next.disabled{background-position: -22px -87px;cursor:default;}div.light_rounded .pp_bottom .pp_left{background: url(../images/languages/pt/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat;}div.light_rounded .pp_bottom .pp_middle{background:#fff;}div.light_rounded .pp_bottom .pp_right{background: url(../images/languages/pt/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat;}div.light_rounded .pp_loaderIcon{background: url(../images/languages/pt/prettyPhoto/light_rounded/loader.gif) center center no-repeat;}div.dark_rounded .pp_top .pp_left{background: url(../images/languages/pt/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat;}div.dark_rounded .pp_top .pp_middle{background: url(../images/languages/pt/prettyPhoto/dark_rounded/contentPattern.png) top left repeat;}div.dark_rounded .pp_top .pp_right{background: url(../images/languages/pt/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat;}div.dark_rounded .pp_content_container .pp_left{background: url(../images/languages/pt/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y;}div.dark_rounded .pp_content_container .pp_right{background: url(../images/languages/pt/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y;}div.dark_rounded .pp_content{background: url(../images/languages/pt/prettyPhoto/dark_rounded/contentPattern.png) top left repeat;}div.dark_rounded .pp_next:hover{background: url(../images/languages/pt/prettyPhoto/dark_rounded/btnNext.png) center right no-repeat;cursor: pointer;}div.dark_rounded .pp_previous:hover{background: url(../images/languages/pt/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat;cursor: pointer;}div.dark_rounded .pp_expand{background: url(../images/languages/pt/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat;cursor: pointer;}div.dark_rounded .pp_expand:hover{background: url(../images/languages/pt/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat;cursor: pointer;}div.dark_rounded .pp_contract{background: url(../images/languages/pt/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat;cursor: pointer;}div.dark_rounded .pp_contract:hover{background: url(../images/languages/pt/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat;cursor: pointer;}div.dark_rounded .pp_close{width:75px;height:22px;background: url(../images/languages/pt/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat;cursor: pointer;}div.dark_rounded .currentTextHolder{color:#c4c4c4;}div.dark_rounded .pp_description{color:#fff;}div.dark_rounded #pp_full_res .pp_inline{color:#fff;}div.dark_rounded .pp_arrow_previous{background: url(../images/languages/pt/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat;}div.dark_rounded .pp_arrow_previous.disabled{background-position:0 -87px;cursor:default;}div.dark_rounded .pp_arrow_next{background: url(../images/languages/pt/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat;}div.dark_rounded .pp_arrow_next.disabled{background-position: -22px -87px;cursor:default;}div.dark_rounded .pp_bottom .pp_left{background: url(../images/languages/pt/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat;}div.dark_rounded .pp_bottom .pp_middle{background: url(../images/languages/pt/prettyPhoto/dark_rounded/contentPattern.png) top left repeat;}div.dark_rounded .pp_bottom .pp_right{background: url(../images/languages/pt/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat;}div.dark_rounded .pp_loaderIcon{background: url(../images/languages/pt/prettyPhoto/dark_rounded/loader.gif) center center no-repeat;}div.dark_square .pp_left ,div.dark_square .pp_middle,div.dark_square .pp_right,div.dark_square .pp_content{background: url(../images/languages/pt/prettyPhoto/dark_square/contentPattern.png) top left repeat;}div.dark_square .currentTextHolder{color:#c4c4c4;}div.dark_square .pp_description{color:#fff;}div.dark_square .pp_loaderIcon{background: url(../images/languages/pt/prettyPhoto/dark_rounded/loader.gif) center center no-repeat;}div.dark_square .pp_content_container .pp_left{background: url(../images/languages/pt/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y;}div.dark_square .pp_content_container .pp_right{background: url(../images/languages/pt/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y;}div.dark_square .pp_expand{background: url(../images/languages/pt/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat;cursor: pointer;}div.dark_square .pp_expand:hover{background: url(../images/languages/pt/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat;cursor: pointer;}div.dark_square .pp_contract{background: url(../images/languages/pt/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat;cursor: pointer;}div.dark_square .pp_contract:hover{background: url(../images/languages/pt/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat;cursor: pointer;}div.dark_square .pp_close{width:75px;height:22px;background: url(../images/languages/pt/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat;cursor: pointer;}div.dark_square #pp_full_res .pp_inline{color:#fff;}div.dark_square .pp_arrow_previous{background: url(../images/languages/pt/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat;}div.dark_square .pp_arrow_previous.disabled{background-position:0 -87px;cursor:default;}div.dark_square .pp_arrow_next{background: url(../images/languages/pt/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat;}div.dark_square .pp_arrow_next.disabled{background-position: -22px -87px;cursor:default;}div.dark_square .pp_next:hover{background: url(../images/languages/pt/prettyPhoto/dark_square/btnNext.png) center right no-repeat;cursor: pointer;}div.dark_square .pp_previous:hover{background: url(../images/languages/pt/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat;cursor: pointer;}div.light_square .pp_left ,div.light_square .pp_middle,div.light_square .pp_right,div.light_square .pp_content{background:#fff;}div.light_square .pp_content .ppt{color:#000;}div.light_square .pp_expand{background: url(../images/languages/pt/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat;cursor: pointer;}div.light_square .pp_expand:hover{background: url(../images/languages/pt/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat;cursor: pointer;}div.light_square .pp_contract{background: url(../images/languages/pt/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat;cursor: pointer;}div.light_square .pp_contract:hover{background: url(../images/languages/pt/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat;cursor: pointer;}div.light_square .pp_close{width:75px;height:22px;background: url(../images/languages/pt/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat;cursor: pointer;}div.light_square #pp_full_res .pp_inline{color:#000;}div.light_square .pp_arrow_previous{background: url(../images/languages/pt/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat;}div.light_square .pp_arrow_previous.disabled{background-position:0 -87px;cursor:default;}div.light_square .pp_arrow_next{background: url(../images/languages/pt/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat;}div.light_square .pp_arrow_next.disabled{background-position: -22px -87px;cursor:default;}div.light_square .pp_next:hover{background: url(../images/languages/pt/prettyPhoto/light_square/btnNext.png) center right no-repeat;cursor: pointer;}div.light_square .pp_previous:hover{background: url(../images/languages/pt/prettyPhoto/light_square/btnPrevious.png) center left no-repeat;cursor: pointer;}div.facebook .pp_top .pp_left{background: url(../images/languages/pt/prettyPhoto/facebook/sprite.png) -88px -53px no-repeat;}div.facebook .pp_top .pp_middle{background: url(../images/languages/pt/prettyPhoto/facebook/contentPatternTop.png) top left repeat-x;}div.facebook .pp_top .pp_right{background: url(../images/languages/pt/prettyPhoto/facebook/sprite.png) -110px -53px no-repeat;}div.facebook .pp_content .ppt{color:#000;}div.facebook .pp_content_container .pp_left{background: url(../images/languages/pt/prettyPhoto/facebook/contentPatternLeft.png) top left repeat-y;}div.facebook .pp_content_container .pp_right{background: url(../images/languages/pt/prettyPhoto/facebook/contentPatternRight.png) top right repeat-y;}div.facebook .pp_content{background:#fff;}div.facebook .pp_expand{background: url(../images/languages/pt/prettyPhoto/facebook/sprite.png) -31px -26px no-repeat;cursor: pointer;}div.facebook .pp_expand:hover{background: url(../images/languages/pt/prettyPhoto/facebook/sprite.png) -31px -47px no-repeat;cursor: pointer;}div.facebook .pp_contract{background: url(../images/languages/pt/prettyPhoto/facebook/sprite.png) 0 -26px no-repeat;cursor: pointer;}div.facebook .pp_contract:hover{background: url(../images/languages/pt/prettyPhoto/facebook/sprite.png) 0 -47px no-repeat;cursor: pointer;}div.facebook .pp_close{width:22px;height:22px;background: url(../images/languages/pt/prettyPhoto/facebook/sprite.png) -1px -1px no-repeat;cursor: pointer;}div.facebook #pp_full_res .pp_inline{color:#000;}div.facebook .pp_loaderIcon{background: url(../images/languages/pt/prettyPhoto/facebook/loader.gif) center center no-repeat;}div.facebook .pp_nav .pp_arrow_previous{background: url(../images/languages/pt/prettyPhoto/facebook/sprite.png) 0 -71px no-repeat;height:22px;margin-top:0;width:22px;}div.facebook .pp_arrow_previous.disabled{background-position:0 -96px;cursor:default;}div.facebook .pp_nav .pp_arrow_next{background: url(../images/languages/pt/prettyPhoto/facebook/sprite.png) -32px -71px no-repeat;height:22px;margin-top:0;width:22px;}div.facebook .pp_arrow_next.disabled{background-position: -32px -96px;cursor:default;}div.facebook .pp_nav{margin-top:0;}div.facebook .pp_nav p{font-size:15px;padding:0 3px 0 4px;}div.facebook .pp_next:hover{background: url(../images/languages/pt/prettyPhoto/facebook/btnNext.png) center right no-repeat;cursor: pointer;}div.facebook .pp_previous:hover{background: url(../images/languages/pt/prettyPhoto/facebook/btnPrevious.png) center left no-repeat;cursor: pointer;}div.facebook .pp_bottom .pp_left{background: url(../images/languages/pt/prettyPhoto/facebook/sprite.png) -88px -80px no-repeat;}div.facebook .pp_bottom .pp_middle{background: url(../images/languages/pt/prettyPhoto/facebook/contentPatternBottom.png) top left repeat-x;}div.facebook .pp_bottom .pp_right{background: url(../images/languages/pt/prettyPhoto/facebook/sprite.png) -110px -80px no-repeat;}div.pp_pic_holder a:focus{outline:none;}div.pp_overlay{background:#000;display: none;left:0;position:absolute;top:0;width:100%;z-index:9500;}div.pp_pic_holder{display: none;position:absolute;width:100px;z-index:10000;}.pp_top{height:20px;position: relative;}* html .pp_top{padding:0 20px;}.pp_top .pp_left{height:20px;left:0;position:absolute;width:20px;}.pp_top .pp_middle{height:20px;left:20px;position:absolute;right:20px;}* html .pp_top .pp_middle{left:0;position: static;}.pp_top .pp_right{height:20px;left:auto;position:absolute;right:0;top:0;width:20px;}.pp_content{height:40px;}.pp_content .ppt{left:auto;margin-bottom:5px;position: relative;top:auto;}.pp_fade{display: none;}.pp_content_container{position: relative;text-align: left;width:100%;}.pp_content_container .pp_left{padding-left:20px;}.pp_content_container .pp_right{padding-right:20px;}.pp_content_container .pp_details{margin:10px 0 2px 0;}.pp_description{display: none;margin:0 0 5px 0;}.pp_nav{clear: left;float: left;margin:3px 0 0 0;}.pp_nav p{float: left;margin:2px 4px;}.pp_nav a.pp_arrow_previous,.pp_nav a.pp_arrow_next{display:block;float: left;height:15px;margin-top:3px;overflow: hidden;text-indent: -10000px;width:14px;}.pp_hoverContainer{position:absolute;top:0;width:100%;z-index:2000;}a.pp_next{background: url(../images/languages/pt/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float: right;height:100%;text-indent: -10000px;width:49%;}a.pp_previous{background: url(../images/languages/pt/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float: left;height:100%;text-indent: -10000px;width:49%;}a.pp_expand,a.pp_contract{cursor: pointer;display: none;height:20px;position:absolute;right:30px;text-indent: -10000px;top:10px;width:20px;z-index:20000;}a.pp_close{display:block;float: right;text-indent: -10000px;}.pp_bottom{height:20px;position: relative;}* html .pp_bottom{padding:0 20px;}.pp_bottom .pp_left{height:20px;left:0;position:absolute;width:20px;}.pp_bottom .pp_middle{height:20px;left:20px;position:absolute;right:20px;}* html .pp_bottom .pp_middle{left:0;position: static;}.pp_bottom .pp_right{height:20px;left:auto;position:absolute;right:0;top:0;width:20px;}.pp_loaderIcon{display:block;height:24px;left:50%;margin: -12px 0 0 -12px;position:absolute;top:50%;width:24px;}#pp_full_res{line-height:1 !important;}#pp_full_res .pp_inline{text-align: left;}#pp_full_res .pp_inline p{margin:0 0 15px 0;}div.ppt{color:#fff;display: none;font-size:17px;left:0;position:absolute;top:0;z-index:9999;}.clearfix:after{content: ".";display:block;height:0;clear:both;visibility: hidden;}.clearfix {display: inline-block;}* html .clearfix {height:1%;}.clearfix {display:block;} /********************************************/ /***************FACEBOX.CSS******************/ /********************************************/ #facebox .b{ /* background:url(../images/languages/pt/facebox/b.png); */} #facebox .tl{ /* background:url(../images/languages/pt/facebox/tl.png); */} #facebox .tr{ /*background:url(../images/languages/pt/facebox/tr.png); */} #facebox .bl{ /*background:url(../images/languages/pt/facebox/bl.png); */} #facebox .br{/* background:url(../images/languages/pt/facebox/br.png); */} #facebox{ position:absolute; top:0; left:0; z-index:9999; text-align:left; border:#564073 solid 1px; background-color:#231A30; background:#231A30 url(../design/backgrounds/facebox-footer-background.png) bottom left repeat-x} #facebox .popup{ position:relative} #facebox table{ border-collapse:collapse} #facebox td{ border-bottom:0; padding:0} #facebox .body{ padding:0px 10px 3px 10px; width:380px; padding-bottom:1px} #facebox .loading{ text-align:center} #facebox .image{ text-align:center} #facebox img{ border:0; margin:0} #facebox .footer{ /*border-bottom:1px solid #DDD; */ padding-bottom:3px; margin-top:0px; margin-right:-10px; text-align:right} #facebox .tl, #facebox .tr, #facebox .bl, #facebox .br{ height:10px; width:10px; overflow:hidden; padding:0} #facebox_overlay{ position:fixed; top:0px; left:0px; height:100%; width:100%} .facebox_hide{ z-index:-100} .facebox_overlayBG{ background-color:#000; z-index:99} * html #facebox_overlay{/* ie6 hack */ position:absolute; } #facebox .close{float:right; width:65px; height:16px; background:url(/images/languages/pt/facebox/closelabel.png) no-repeat} #facebox .close:hover{background-position:0 -17px; text-decoration:none} div.facebox-contents{float:left} #IEroot div.facebox-contents{padding-bottom:30px} div.facebox-contents h1{font-size:20px; color:#8361AE; width:100%; text-transform:uppercase; margin-bottom:10px; font-weight:normal; clear:right; line-height:24px} div.facebox-contents h1 span{font-size:15px; color:#8361AE; line-height:12px; margin-bottom:5px} div.facebox-contents p{float:left; color:#9E88B9; margin-bottom:10px; width:100%} div.facebox-contents p.leftmargin{margin-left:10px} div.facebox-contents a{color:#fff} div.facebox-guestlist{float:left; margin-bottom:20px; font-size:12px} div.facebox-guestlist-image{float:left; width:56px; height:44px} div.facebox-guestlist-text{float:left; width:270px; margin-left:10px} div.facebox-guestlist-text span{float:left; width:100%; color:#CDC0DE; margin-bottom:10px} div.facebox-guestlist-text p{float:left; color:#74559B; width:100%} div.facebox-friend-image{float:left; width:63px; height:52px} div.facebox-share{float:left; width:100%; margin-top:5px; margin-bottom:20px} div.facebox-share a{float:left; margin:5px} div.facebox-buttons{float:right; width:100%; margin-bottom:-3px} div.facebox-cancelbuttons{float:right; padding-top:8px; margin-right:15px} div.facebox-cancelbuttons a{color:#FFF; font-size:10px} div.facebox-confirmbuttons{float:right; width:230px} div.facebox-confirmbuttons a{text-decoration:none} div.facebox-requiredfields{float:left; color:#B7B7B7; font-size:10px; margin-top:8px} #result{margin-bottom:20px; float:left} #result fieldset{float:left} label.newsletter{color:#D5CCE1; margin-top:5px!important; font-size:12px; margin-left:5px!important; width:273px !important} .textField{width:305px !important; height:22px !important; background-color:#302543; color:#8361AE !important; border:thin solid #231A30!important} .passwordField{width:305px !important; height:22px !important; background-color:#302543; color:#8361AE !important; border:thin solid #231A30!important} .textArea{width:305px !important; height:85px !important; background-color:#302543; color:#8361AE !important; border:thin solid #231A30!important} .selectBox{float:left; width:65px!important; color:#8361AE !important; background-color:#2C203D !important; border:thin solid #231A30!important; outline:none !important; margin-left:0px !important} option{outline:none; border:none; background:none; margin:0; padding:0} .division_form{float:left; width:100%; height:25px; display:block} .facebox_password_container{width:365px; float:left} #facebox-help{float:left; color:#9E88B9; font-size:10px; margin-top:10px; margin-bottom:10px} #facebox-help a{color:#FFF} div.conditions{float:left; margin-top:10px; width:100%; text-align:center; font-size:12px; color:#D5CCE1} /*BEGIN ACTING FACEBOX SCROLL*/ div#acting-panel{float:left; width:100%; margin-left:5px; height:175px; margin-top:0px; margin-bottom:40px} div#acting-panel ul{float:left} div#acting-panel li{float:left; padding:5px; border-top:#2F2440 1px solid; border-bottom:#1B1425 1px solid} div#acting-panel li:hover{background-color:#2E223F; cursor:pointer} div#acting-panel li a{color:#CDC0DE; text-decoration:none} div#acting-panel li span.place{float:left; color:#CDC0DE; width:300px} div#acting-panel li span.info{float:left; color:#74559B; width:300px} /*END ACTING FACEBOX SCROLL*/ /*BEGIN ACTING FACEBOX SCROLL*/ div#favorites-panel{float:left; width:100%; margin-left:5px; height:175px; margin-top:0px; margin-bottom:40px} div#favorites-panel ul{float:left} div#favorites-panel li{float:left; padding:5px; border-top:#2F2440 1px solid; border-bottom:#1B1425 1px solid; height:48px} div#favorites-panel li:hover{background-color:#2E223F; cursor:pointer} div#favorites-panel li a{color:#CDC0DE; text-decoration:none} div#favorites-panel li span.place{float:left; color:#CDC0DE; width:300px; font-family:Arial,Helvetica,sans-serif; font-size:14px; text-transform:uppercase; margin-left:10px; margin-top:5px} div#favorites-panel li span.info{float:left; color:#74559B; width:300px; margin-left:10px; font-size:12px; margin-top:5px; z} /*END ACTING FACEBOX SCROLL*/ /********************************************/ /*************JSCROLL PANE.CSS***************/ /********************************************/ .jScrollPaneContainer { position: relative; overflow: hidden; z-index: 1;} .jScrollPaneTrack { position: absolute; cursor: pointer; right: 0; top: 0; height: 100%; background:url(../design/tabs/jscrollpane-background.png) top left repeat-y; width:11px !important;} .jScrollPaneDrag { position: absolute; background: #666; cursor: pointer; overflow: hidden;} .jScrollPaneDragTop { position: absolute; top: 0; left: 0; overflow: hidden;} .jScrollPaneDragBottom { position: absolute; bottom: 0; left: 0; overflow: hidden;} a.jScrollArrowUp { display: block; position: absolute; z-index: 1; top: 0; right: 0; text-indent: -2000px; overflow: hidden; /*background-color: #666;*/ height: 9px;} a.jScrollArrowUp:hover { /*background-color: #f60;*/} a.jScrollArrowDown {display: block; position: absolute; z-index: 1; bottom: 0; right: 0; text-indent: -2000px; overflow: hidden; /*background-color: #666;*/ height: 9px;} /* Stylesheet for my demo pages for jScrollPane - these styles aren't necessary for using jScrollPane and aren't specific to any particular example */ .jScrollPaneDrag { background: #00f ; background:url(../design/tabs/jscrollpanedrag.png) top left no-repeat;} .scroll-pane { overflow: auto; float: left;} /********************************************/ /*************JSCROLL PANE.CSS***************/ /********************************************/ /* Notice---------------------------------*/ .ui-pnotify{/*top:18px; */right:18px; position:absolute; /*height:auto; *//* Ensure that the notices are on top of everything else. */z-index:9999; /*float:left; */} /* This hides position:fixed from IE6, which doesn't understand it. */ html >body .ui-pnotify{position:fixed} .ui-pnotify .ui-pnotify-shadow{margin:0; position:absolute; top:.1em; left:.1em; bottom:-.1em; right:-.1em; z-index:-1} .ui-widget-shadow{background:#AAA; /*border-bottom-left-radius:8px 8px; border-bottom-right-radius:8px 8px; border-top-left-radius:8px 8px; border-top-right-radius:8px 8px; */margin:-3px 0px 0px -3px; opacity:0.3; filter:alpha(opacity = 30); /*padding:3px; */} .ui-pnotify-container{/*background-position:0 0; */padding:10px; /*height:auto; */background:url(../design/jNotice/background.png); opacity:.90; filter:alpha(opacity = 90); float:left; width:290px} .ui-pnotify-closer{float:right; margin-left:5px; width:10px} .ui-icon-circle-close{background:url(../design/jNotice/close.png) 0 0 no-repeat} .ui-pnotify-title{display:block; font-size:1.2em; font-weight:bold; margin-bottom:.4em} .ui-pnotify-text{display:block; float:left; width:275px} .ui-pnotify-icon, .ui-pnotify-icon span{display:block; float:left; margin-right:.2em} /* History Pulldown ----------------------------------*/ .ui-pnotify-history-container{position:absolute; top:0; right:18px; width:70px; border-top:none; /* Ensure that the history container is on top of the notices. */z-index:10000} .ui-pnotify-history-container .ui-pnotify-history-header{padding:2px} .ui-pnotify-history-container button{cursor:pointer; display:block; width:100%; color:#555; font-weight:normal} .ui-pnotify-history-container .ui-pnotify-history-pulldown{display:block; margin:0 auto; background-image:url(../design/jNotice/pull.png); height:6px; width:14px; background-repeat:no-repeat; display:block; overflow:hidden; text-indent:-99999px} div.messageNotice{padding:5px; padding-left:35px; font-weight:bold; color:#E4E4E4; min-height:32px; width:235px; height:auto; float:left; opacity:.90; filter:alpha(opacity = 90); font-family:Verdana,Geneva,sans-serif} div.successNotice{background:url(../design/jNotice/icon-success.png) no-repeat 0px 5px} div.errorNotice{background:url(../design/jNotice/icon-error.png) no-repeat 0px 5px} div.alertNotice{background:url(../design/jNotice/icon-alert.png) no-repeat 0px 5px} div.infoNotice{background:url(../design/jNotice/icon-info.png) no-repeat 0px 5px} div.noticeErrorContainer{float:left; padding-bottom:10px} /* Alternate stack initial positioning. */ .ui-pnotify.stack-topleft{top:15px; left:15px; right:auto} .ui-pnotify.stack-bottomleft{bottom:15px; left:15px; top:auto; right:auto} /* This one is done through code, to show how it is done. Look down at the stack_bottomright variable in the JavaScript below. */ .ui-pnotify.stack-bottomright{/* These are just CSS default values to reset the pnotify CSS. */right:auto; top:auto} .ui-pnotify.stack-custom{top:20%; left:20%; right:auto} .ui-pnotify.stack-custom2{top:auto; left:auto; bottom:20%; right:20%} /********************************************/ /*************DATE PICKER.CSS***************/ /********************************************/ div.datepicker{position:relative; font-family:Arial,Helvetica,sans-serif; font-size:12px; width:196px; height:147px; position:absolute; cursor:default; top:0; left:0; display:none} .datepickerContainer{background:#121212; position:absolute; top:10px; left:10px} .datepickerBorderT{position:absolute; left:10px; top:0; right:10px; height:10px; background:url(../design/datepicker/datepicker_t.png)} .datepickerBorderB{position:absolute; left:10px; bottom:0; right:10px; height:10px; background:url(../design/datepicker/datepicker_b.png)} .datepickerBorderL{position:absolute; left:0; bottom:10px; top:10px; width:10px; background:url(../design/datepicker/datepicker_l.png)} .datepickerBorderR{position:absolute; right:0; bottom:10px; top:10px; width:10px; background:url(../design/datepicker/datepicker_r.png)} .datepickerBorderTL{position:absolute; top:0; left:0; width:10px; height:10px; background:url(../design/datepicker/datepicker_tl.png)} .datepickerBorderTR{position:absolute; top:0; right:0; width:10px; height:10px; background:url(../design/datepicker/datepicker_tr.png)} .datepickerBorderBL{position:absolute; bottom:0; left:0; width:10px; height:10px; background:url(../design/datepicker/datepicker_bl.png)} .datepickerBorderBR{position:absolute; bottom:0; right:0; width:10px; height:10px; background:url(../design/datepicker/datepicker_br.png)} .datepickerHidden{display:none} div.datepicker table{border-collapse:collapse} div.datepicker a{color:#eee; text-decoration:none; cursor:default; outline:none} div.datepicker table td{text-align:right; padding:0; margin:0} div.datepicker th{text-align:center; color:#999; font-weight:normal} div.datepicker tbody th{text-align:left} div.datepicker tbody a{display:block} .datepickerDays a{width:20px; line-height:16px; height:16px; padding-right:2px} .datepickerYears a, .datepickerMonths a{width:44px; line-height:36px; height:36px; text-align:center} td.datepickerNotInMonth a{color:#666} tbody.datepickerDays td.datepickerSelected{background:#136A9F} tbody.datepickerDays td.datepickerNotInMonth.datepickerSelected{background:#17384d} tbody.datepickerYears td.datepickerSelected, tbody.datepickerMonths td.datepickerSelected{background:#17384d} div.datepicker a:hover, div.datepicker a:hover{color:#88c5eb} div.datepicker td.datepickerNotInMonth a:hover{color:#999} div.datepicker tbody th{text-align:left} .datepickerSpace div{width:20px} .datepickerGoNext a, .datepickerGoPrev a, .datepickerMonth a{text-align:center; height:20px; line-height:20px} .datepickerGoNext a{float:right; width:20px} .datepickerGoPrev a{float:left; width:20px} table.datepickerViewDays tbody.datepickerMonths, table.datepickerViewDays tbody.datepickerYears{display:none} table.datepickerViewMonths tbody.datepickerDays, table.datepickerViewMonths tbody.datepickerYears, table.datepickerViewMonths tr.datepickerDoW{display:none} table.datepickerViewYears tbody.datepickerDays, table.datepickerViewYears tbody.datepickerMonths, table.datepickerViewYears tr.datepickerDoW{display:none} td.datepickerDisabled a, td.datepickerDisabled.datepickerNotInMonth a{color:#333} td.datepickerDisabled a:hover{color:#333} td.datepickerSpecial a{background:#700} td.datepickerSpecial.datepickerSelected a{background:#a00} /********************************************/ /*************SELECT BOX.CSS***************/ /********************************************/ div.selectbox, div.selectbox1, div.selectbox2, div.selectbox3, div.selectbox4 { font-family:Verdana, Geneva, sans-serif; font-size:10px; position:absolute; width:auto !important; background-color:#141414; border:none; margin:0px; margin-top:1px; padding:0px; font-size:0.8em; text-align:left; height:auto; /**height:200px;*/ /*IE6 fix */ overflow-y: visible; overflow-x:hidden; color:#FFF; z-index:99999; border:1px solid #1E1E1E; border-top:none;} div.selectbox ul, div.selectbox1 ul, div.selectbox2 ul, div.selectbox3 ul, div.selectbox4 ul { list-style-type:none; margin:0px; padding:0px; cursor:pointer; font-size:10px; float:left; } div.selectbox ul li, div.selectbox1 ul li, div.selectbox2 ul li, div.selectbox3 ul li, div.selectbox4 ul li { background: #141414; border-bottom: 1px solid #0A0A0A; border-top: 1px solid #191919; color: #54416C !important; line-height: 13px; padding-top:5px; padding-bottom:5px; /* Não colocar código aqui*/ } div.selectbox ul li:first-child, div.selectbox1 ul li:first-child, div.selectbox2 ul li:first-child, div.selectbox3 ul li:first-child, div.selectbox4 ul li:first-child{ border-top:none;} div.selectbox ul li:last-child, div.selectbox1 ul li:last-child, div.selectbox2 ul li:last-child, div.selectbox3 ul li:last-child, div.selectbox4 ul li:last-child{ border-bottom:none;} div.selectbox ul li.selected, div.selectbox1 ul li.selected, div.selectbox2 ul li.selected, div.selectbox3 ul li.selected, div.selectbox4 ul li.selected { background:#1d1d1d; color:#8260a8!important; } div.selectbox ul li.current, div.selectbox1 ul li.current, div.selectbox2 ul li.current, div.selectbox3 ul li.current, div.selectbox4 ul li.current { background:#1d1d1d; color:#8260a8!important; } label { display: block;} input.selectbox /* look&fell of select box*/{ font-family:Verdana, Geneva, sans-serif; font-size:10px; margin: 0px 5px 0px 0px; padding-left:2px; width : 50px; display : block; text-align:left; background: url('../design/form/form-background.png') 0 -199px no-repeat; /*height:18px;*/ cursor: pointer; border:none; color:#fff; padding:5px; padding-bottom:5px;} input.selectbox1 /* look&fell of select box*/{ font-family:Verdana, Geneva, sans-serif; font-size:10px; margin: 0px 5px 0px 0px; padding-left:2px; width : 390px !important; display : block; text-align:left; background: url('../design/form/form-background.png') 0 -227px no-repeat; /*height:18px;*/ cursor: pointer; border:none; color:#fff; padding:5px; padding-bottom:5px;} input.selectbox2 /* look&fell of select box*/{ font-family:Verdana, Geneva, sans-serif; font-size:10px; margin: 0px 5px 0px 0px; padding-left:2px; width : 190px !important; display : block; text-align:left; background: url('../design/form/form-background.png') 0 -250px no-repeat; /*height:18px;*/ cursor: pointer; border:none; color:#fff; padding:5px; padding-bottom:5px;} input.selectbox3 /* look&fell of select box*/{ font-family:Verdana, Geneva, sans-serif; font-size:10px; margin: 0px 5px 0px 0px; padding-left:2px; width : 100px !important; display : block; text-align:left; background: url('../design/form/form-background.png') 0 -425px no-repeat; /*height:18px;*/ cursor: pointer; border:none; color:#fff; padding:5px; padding-bottom:5px;} input.selectbox4 /* look&fell of select box*/{ font-family:Verdana, Geneva, sans-serif; font-size:10px; margin: 0px 5px 0px 0px; padding-left:2px; width : 340px !important; display : block; text-align:left; background: url('../design/form/form-background.png') 0 -377px no-repeat; /*height:18px;*/ cursor: pointer; border:none; color:#fff; padding:5px; padding-bottom:5px;} div.selectbox ul { width:45px; } div.selectbox1 ul { width:375px; } div.selectbox2 ul { width:185px; } div.selectbox3 ul { width:100px; } div.selectbox4 ul { width:350px; } div.selectbox ul li { min-width:20px; line-height:22px; padding-left:5px; float:left; } div.selectbox1 ul li { min-width:370px; line-height:22px; padding-left:5px; float:left; } div.selectbox2 ul li { min-width:160px; line-height:22px; padding-left:5px; float:left; } div.selectbox3 ul li { min-width:80px; line-height:22px; padding-left:5px; float:left; } div.selectbox4 ul li { min-width:325px; line-height:22px; padding-left:5px; float:left; } input.selectbox:hover /* look&fell of select box*/{background: url('../design/form/form-background.png') 0 -302px no-repeat;} input.selectbox1:hover /* look&fell of select box*/{background: url('../design/form/form-background.png') 0 -330px no-repeat;} input.selectbox2:hover /* look&fell of select box*/{background: url('../design/form/form-background.png') 0 -353px no-repeat;} input.selectbox3:hover /* look&fell of select box*/{background: url('../design/form/form-background.png') 0 -449px no-repeat;} input.selectbox4:hover /* look&fell of select box*/{background: url('../design/form/form-background.png') 0 -401px no-repeat;} /********************************************/ /*************AUTO SUGGEST.CSS***************/ /********************************************/ /* AutoSuggest CSS - Version 1.2 */ ul.as-selections{list-style-type:none; /*border-top:1px solid #888; border-bottom:1px solid #b6b6b6; border-left:1px solid #aaa; border-right:1px solid #aaa; *//*padding:4px 0 4px 4px; margin:0; */overflow:auto; /*background-color:#fff; box-shadow:inset 0 1px 2px #888; -webkit-box-shadow:inset 0 1px 2px #888; -moz-box-shadow:inset 0 1px 2px #888; */} ul.as-selections.loading{/*background-color:#eee; */} ul.as-selections li{float:left; margin:1px 4px 1px 0} ul.as-selections li.as-selection-item{color:#2b3840; /*font-size:13px; *//*font-family:"Lucida Grande",arial,sans-serif; */text-shadow:0 1px 1px #fff; background-color:#ddeefe; background-image:-webkit-gradient(linear,0% 0%,0% 100%,from(#ddeefe),to(#bfe0f1)); border:1px solid #acc3ec; border-top-color:#c0d9e9; padding:2px 7px 2px 10px; border-radius:12px; -webkit-border-radius:12px; -moz-border-radius:12px; box-shadow:0 1px 1px #e4edf2; -webkit-box-shadow:0 1px 1px #e4edf2; -moz-box-shadow:0 1px 1px #e4edf2} ul.as-selections li.as-selection-item:last-child{margin-left:30px} ul.as-selections li.as-selection-item a.as-close{float:right; margin:1px 0 0 7px; padding:0 2px; cursor:pointer; color:#5491be; font-family:"Helvetica",helvetica,arial,sans-serif; font-size:14px; font-weight:bold; text-shadow:0 1px 1px #fff; -webkit-transition:color .1s ease-in} ul.as-selections li.as-selection-item.blur{color:#666; background-color:#f4f4f4; background-image:-webkit-gradient(linear,0% 0%,0% 100%,from(#f4f4f4),to(#d5d5d5)); border-color:#bbb; border-top-color:#ccc; box-shadow:0 1px 1px #e9e9e9; -webkit-box-shadow:0 1px 1px #e9e9e9; -moz-box-shadow:0 1px 1px #e9e9e9} ul.as-selections li.as-selection-item.blur a.as-close{color:#999} ul.as-selections li:hover.as-selection-item{color:#2b3840; background-color:#bbd4f1; background-image:-webkit-gradient(linear,0% 0%,0% 100%,from(#bbd4f1),to(#a3c2e5)); border-color:#6da0e0; border-top-color:#8bb7ed} ul.as-selections li:hover.as-selection-item a.as-close{color:#4d70b0} ul.as-selections li.as-selection-item.selected{border-color:#1f30e4} ul.as-selections li.as-selection-item a:hover.as-close{color:#1b3c65} ul.as-selections li.as-selection-item a:active.as-close{color:#4d70b0} ul.as-selections li.as-original{margin-left:0} ul.as-selections li.as-original input{border:none; outline:none; font-size:13px; width:120px; height:18px; padding-top:3px} ul.as-list{position:absolute; list-style-type:none; margin:2px 0 0 0; padding:0; font-size:11px; color:#fff; /*font-family:"Lucida Grande",arial,sans-serif; */font-family:Verdana,Geneva,sans-serif; /*background-color:#fff; */background-color:#212023; filter:alpha(opacity=95); -moz-opacity:0.95; -khtml-opacity:0.95; opacity:0.95; z-index:500; box-shadow:0 2px 12px #222; -webkit-box-shadow:0 2px 12px #222; -moz-box-shadow:0 2px 12px #222; /*border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; */} li.as-result-item, li.as-message{margin:0 0 0 0; padding:5px 12px; background-color:transparent; border:1px solid #2E2D30; /*border-bottom:1px solid #ddd; */cursor:pointer; /*border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; */} li.as-result-item span.small{font-size:9px} li.as-result-item span.small2{font-size:9px; color:#DDD} li:first-child.as-result-item{margin:0} li.as-message{margin:0; cursor:default} li.as-result-item.active{background-color:#3D3052; /*#3668d9; *//*background-image:-webkit-gradient(linear,0% 0%,0% 64%,from(rgb(110,129,245)),to(rgb(62,82,242))); */background-image:-webkit-gradient(linear,0% 0%,0% 100%,from(rgb(84,66,108)),to(rgb(61,48,82))); /*border-color:#3342e8; */border-color:#45335C; color:#fff; text-shadow:0 1px 2px #122042} li.as-result-item em{font-style:normal; background:#444; padding:0 2px; color:#fff} li.as-result-item.active em{background:#8261A8; color:#fff} /* Webkit Hacks */ @media screen and (-webkit-min-device-pixel-ratio:0){ul.as-selections{border-top-width:2px} ul.as-selections li.as-selection-item{padding-top:3px; padding-bottom:3px} ul.as-selections li.as-selection-item a.as-close{margin-top:-1px} ul.as-selections li.as-original input{height:19px} } /* Opera Hacks */ @media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0){ul.as-list{border:1px solid #888} ul.as-selections li.as-selection-item a.as-close{margin-left:4px; margin-top:0} } /* IE Hacks */ ul.as-list{border:1px solid #888\9} ul.as-selections li.as-selection-item a.as-close{margin-left:4px\9; margin-top:0\9} /* Firefox 3.0 Hacks */ ul.as-list, x:-moz-any-link, x:default{border:1px solid #888} BODY:first-of-type ul.as-list, x:-moz-any-link, x:default{/* Target FF 3.5+*/border:none} /********************************************/ /*************CAROUSEL.CSS***************/ /********************************************/ .scrollable{width:600px !important} .jcarousel-container{ /* -moz-border-radius:10px; */ /*background:#D4D0C8; */ /*border:1px solid #808080; */} .jcarousel-container-horizontal{ width:600px; /*padding:20px 40px; */} .jcarousel-clip-horizontal{ width: 480px; margin-left:60px; height:55px} .jcarousel-item{ width:75px/*!important*/; height:55px; text-align:center; /*border:1px solid #fff; */} .jcarousel-item:hover{ /*border-color:#808080; */} .jcarousel-item-horizontal{ margin-right:7px} .jcarousel-item-placeholder{} .jcarousel-item a img{border:1px solid #121215} .jcarousel-item a img:hover{border:1px solid #585858} /** * Horizontal Buttons */ .jcarousel-next-horizontal{ position:absolute; top:0px; right:0px; width:55px; height:55px; cursor:pointer; background:url(/design/icons/hori_large.png) no-repeat -56px -56px; z-index:999} .jcarousel-next-horizontal:hover{ background-position:0 -56px} .jcarousel-next-horizontal:active{ background-position:-168px -56px} .jcarousel-next-disabled-horizontal, .jcarousel-next-disabled-horizontal:hover, .jcarousel-next-disabled-horizontal:active{ cursor:default; background-position:-112px -56px} .jcarousel-prev-horizontal{ position:absolute; top:0px; left:0px; width:55px; height:55px; cursor:pointer; background:url(/design/icons/hori_large.png) no-repeat -56px 0; z-index:999} .jcarousel-prev-horizontal:hover{ background-position:0 0} .jcarousel-prev-horizontal:active{ background-position:-168px 0} .jcarousel-prev-disabled-horizontal, .jcarousel-prev-disabled-horizontal:hover, .jcarousel-prev-disabled-horizontal:active{ cursor:default; background-position:-112px 0} /********************************************/ /****************OTHERS**********************/ /********************************************/ .ui-pnotify.stack-bottomright{/* These are just CSS default values to reset the pnotify CSS. */bottom:auto; right:15px; top:auto; left:auto} .slide, .slideshow a{background:none!important} #widget-loader{display:none; text-align:center; position:absolute; z-index:10; width:237px; height:273px; background:url(../design/ajax-loader.gif) no-repeat center center; margin-top:0px} #mediareport-loader{display:none; text-align:center; position:relative; z-index:10; width:610px; height:700px; background:url(../design/ajax-loader.gif) no-repeat center center; margin-top:0px} #agenda-loader{display:none; text-align:center; position:relative; z-index:10; width:610px; height:700px; background:url(../design/ajax-loader.gif) no-repeat center center; margin-top:0px} #reports-loader{display:none; text-align:center; position:relative; z-index:10; width:610px; height:700px; background:url(../design/ajax-loader.gif) no-repeat center center; margin-top:0px} #past-polls-loader{display:none; text-align:center; position:relative; z-index:10; width:385px; height:200px; background:url(../design/ajax-loader.gif) no-repeat center center; margin-top:0px} #polls-archive-loader{display:none; text-align:center; position:relative; z-index:10; width:100%; height:20px; background:url(../design/ajax-loader.gif) no-repeat center center; margin-top:325px} #news-archive-loader{display:none; text-align:center; position:relative; z-index:10; width:100%; height:20px; background:url(../design/ajax-loader.gif) no-repeat center center; margin-top:290px} #magazines-archive-loader{display:none; text-align:center; position:relative; z-index:10; width:100%; height:20px; background:url(../design/ajax-loader.gif) no-repeat center center; margin-top:325px} .loader{background-image:url(../design/ajax-loader.gif); background-repeat:no-repeat; background-position:center center} .loaderOverlayed{opacity:0.7; filter:alpha(opacity=70%); background-image:url(../design/ajax-loader.gif); background-repeat:no-repeat; background-position:center center} #profile-agenda-loader{float:left; width:100%; height:500px} .jScrollPaneContainer{width:239px!important} .poll #pollcontainer{min-height:150px; min-width:220px} .poll #pollcontainer .poll-question{font-size:11px!important} .poll #pollcontainer .option-form{font-size:12px!important} .poll #formcontainer p{ margin:3px 0; min-height:20px; height:auto; float:left; width:220px} .poll #formcontainer p input{ float:left; width:20px} .poll #formcontainer p label{ float:left; width:190px} .poll #pollcontainer .outer-bar{height:10px; width:220px; background-color:#333; float:left} .poll #pollcontainer .bar{height:10px; background:url(../design/poll/bg-bar.png) repeat-x center center; float:left} .poll #pollcontainer .loader{display:none; text-align:center; position:relative; z-index:10; width:220px; height:150px; background:url(/design/ajax-loader.gif) no-repeat center center; margin-top:0px} .poll #pollcontainer .option{margin:5px 0 10px 0; min-height:30px; float:left; width:220px} .poll #pollcontainer .option p{line-height:11px; font-size:11px!important; float:left; width:220px} .poll #pollcontainer .option em{line-height:10px; font-size:10px!important; float:right} .poll #pollcontainer .total-votes{float:left; text-align:right; width:220px; margin-top:10px; color:#AC99C3; font-size:11px} .poll #pollcontainer .total-votes span{color:#74559B} .myBoxPollQuestionContainer #pollcontainer{min-height:150px; min-width:345px} .myBoxPollQuestionContainer .poll-question{font-size:11px!important} .myBoxPollQuestionContainer .option-form{font-size:12px!important} .myBoxPollQuestionContainer .outer-bar{height:10px; width:345px; background-color:#333; float:left} .myBoxPollQuestionContainer .bar{height:10px; background:url(/design/poll/bg-bar.png) repeat-x center center; float:left} .myBoxPollQuestionContainer .loader{display:none; text-align:center; position:relative; z-index:10; width:345px; height:150px; background:url(/design/ajax-loader.gif) no-repeat center center; margin-top:0px} .myBoxPollQuestionContainer .option{margin:5px 0; min-height:30px; height:30px; float:left; width:345px} .myBoxPollQuestionContainer .option p{line-height:11px; font-size:11px!important; float:left; width:345px} .myBoxPollQuestionContainer .option em{line-height:10px; font-size:10px!important; float:right} .myBoxPollQuestionContainer #formcontainer p{ margin:3px 0; min-height:20px; height:auto; float:left; width:345px} .myBoxPollQuestionContainer #formcontainer p input{ float:left; width:20px} .myBoxPollQuestionContainer #formcontainer p label{ float:left; width:315px} .bbq-item{ float:left} #fcbk-button{background:url('../fcbkConnect/facebook-button.png') no-repeat center center} #fcbk-button:hover{text-decoration:none; background:url('../fcbkConnect/facebook-button-hover.png')} #fcbk-fan{margin-top:20px; background:url('../design/icons/facebook-fan-button.png') no-repeat; width:182px; height:38px} #fcbk-fan:hover{text-decoration:none; background-position:0px -38px !important} #fcbk-fan:active{text-decoration:none; background-position:0px -76px !important} span.stButton{float:left; width:22px; height:22px; margin-top:2px} span.st_facebook_custom{background:transparent url(../design/icons/facebook_22.png) no-repeat scroll 100% 0%} span.st_twitter_custom{background:transparent url(../design/icons/twitter_22.png) no-repeat scroll 100% 0%} span.st_gbuzz_custom{background:transparent url(../design/icons/gbuzz_22.png) no-repeat scroll 100% 0%} span.st_myspace_custom{background:transparent url(../design/icons/myspace_22.png) no-repeat scroll 100% 0%} span.st_email_custom{background:transparent url(../design/icons/email_22.png) no-repeat scroll 100% 0%} span.sharethis{background:transparent url(../design/icons/share_22.png) no-repeat scroll 100% 0%!important} span.st_sharethis{float:left} span.st_sharethis span.chicklets{float:left; width:22px; height:22px; padding-left:0!important} ul#mainpanel li form{background:url(/design/form/form-background.png) no-repeat 0% 0%; height:30px; margin-left:5px; width:230px; color:#FFF} ul#mainpanel li form ul.as-selections{float:none} ul#mainpanel li form div.as-results li.as-result-item, ul#mainpanel li form div.as-results li.as-message{padding:5px 5px; width:235px} img.search-widget-pic{float:left; margin:0 5px} div.menuTopTabsInner span.star { background: url(../design/tabs/stars.png) 0px -14px; float: left; height: 13px; margin-left: 5px; margin-top: 5px; width: 15px; } div.menuTopTabsInner span.active { background-position: 0px 0px;} div.connect_confirmation_cell{ color:#FFF!important; font-size:9px; } form#clubStaffForm ul.as-selections{float:none} form#clubStaffForm div.as-results li.as-result-item, form#clubStaffForm div.as-results li.as-message{float:left; padding:5px 5px; width:340px} form#clubStaffForm img.search-widget-pic{float:left; margin:0 5px} form#clubStaffForm div.leftSide{float:left; width:200px} form#clubStaffForm div.rightSide{float:left; width:140px} div.magazineTitle{ float:left; width:100%; height:100px; text-align:center; margin:25px 0;} h2.magazineTitleH2{ font-size:14px!important; margin-bottom:15px!important; font-weight:normal;} div#otherCatalogues{ float:left; width:100%; margin:10px 10px;} div#otherCatalogues h3{ float:left; font-size:14px; font-weight:normal; clear:both; margin-bottom:10px;} div#otherCatalogues div.otherCataloguesContainer{ float:left; width:100%; margin:5px 0;} div#otherCatalogues div.otherCataloguesContainer div.otherPub{ float:left; width:143px; margin:0 15px 0 0;} div#otherCatalogues div.otherCataloguesContainer div.otherPub div.image{float:left; width:143px; height:128px; background:url("../design/backgrounds/vertical-background.png") 0 -2250px no-repeat; text-align:center; padding-top:15px; margin-bottom:5px;} div#otherCatalogues div.otherCataloguesContainer div.otherPub div.title, div#otherCatalogues div.otherCataloguesContainer div.otherPub div.title a{ font-size:11px; color:#FFF; font-family:Verdana, Geneva, sans-serif;} div#otherCatalogues div.otherCataloguesContainer div.otherPub div.datee, div#otherCatalogues div.otherCataloguesContainer div.otherPub div.datee a{ font-size:11px; color:#FFF; font-family:Verdana, Geneva, sans-serif;} div#otherCatalogues div.otherCataloguesContainer div.otherPub div.readMoreButton{ display:none;}