/* ########################################################################################################################################################################### */ /* RESET */ /* ########################################################################################################################################################################### */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, img, q, dl, dt, dd, ol, fieldset, form, label, legend, caption, tfoot{ margin: 0px; padding: 0px; border: 0px; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; } /*#############################################################################################################################################################################################################################################################*/ /* BASIC ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /*#############################################################################################################################################################################################################################################################*/ body {background: #f6f2fe url(../images/sitebg.jpg) top center repeat-x; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#3f3f3f; line-height:18px; text-align:left; } div.clear, span.clear, div.clr {clear:both; font-size:0; height:0; overflow:hidden; line-height:0; visibility:hidden; display:block;} .space20{height: 20px;} a {text-decoration: none; color:#3781c2;} a:hover {text-decoration: none; color:#000000;} .fl {float:left;} .fr {float:right;} .more{background: transparent url(../images/more.png) right 1px no-repeat; padding-right:10px;} .smalltext{font-size:11px; line-height: 12px;} .morebutton{ background: transparent url(../images/more.png) right 2px no-repeat; padding: 0px 10px 0px 0px; } .morebutton:hover{} .submit{background: #15509c url(../images/background-submit.png) repeat-x; /*line-height: 27px;*/ padding: 6px 12px 6px 12px; color:#ffffff; font-weight: bold; text-decoration: none; font-size: 12px; white-space: nowrap;} .submit:hover{color:#ffffff; background: #c15fa4;} /* .submit.emailreading_choose { position: absolute; left: 0px; right: 0px; bottom: 9px; margin: auto; width: 200px; text-align: center; }*/ .w300{width: 300px;} .w150{width: 150px;} h1 {font-size: 24px; font-weight: normal; color:#d06eb3; line-height: 26px;} h2 {font-size: 18px; font-weight: normal; color:#d06eb3; line-height: 20px;} h3 {font-size: 20px; font-weight: normal; color:#d06eb3; line-height: 30px;} h4{font-size: 14px; font-weight: bold; padding: 0px 0px 8px 0px;} input{color:#616161; border: 1px solid #cacaca; padding: 5px;} select{color:#616161; border: 1px solid #cacaca; padding: 5px 5px 5px 5px; margin-left: 0px;} textarea{color:#616161; border: 1px solid #cacaca; padding: 5px; resize:none;font-family: Arial;} label{cursor: pointer;} .displaynone{display:none;} .popup1 {padding: 10px; width: 300px; background-color:White; } input.error{border:1px solid #e86060;} .errormessage{background:#de7c7d; color:#ffffff; padding: 5px; border: 1px solid #d45d5d; -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;} .successmessage {background:#53c06d !important ; color:#ffffff; padding: 5px; border: 1px solid #3eab57; -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;} .warningmessage{background:#fcf6d7; padding: 5px; border: 1px solid #dcd192; -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;} .warningmessage.crop { width: 600px; } /*#############################################################################################################################################################################################################################################################*/ /* WRAPPER------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /*#############################################################################################################################################################################################################################################################*/ .wrapper {width: 968px; margin: auto; position:relative; overflow:hidden;} /*#############################################################################################################################################################################################################################################################*/ /* HEADER------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /*#############################################################################################################################################################################################################################################################*/ .header {height: 133px; background: transparent url(../images/header.png) center top no-repeat; padding: 0px 19px 0px 19px; position: relative; overflow:hidden;} .header .loginholder {height: 30px; overflow:hidden;} .header .loginholder .login {float:right; padding-top: 3px; color:#3781c2;} .header .loginholder .login .loginside { position: absolute; z-index: 104; right: 1px; right: 18px;} .header .loginholder .login .loginside a, .header .loginholder .login .loginside span.infoline {margin: 5px 5px 5px 5px; line-height: 16px; font-size: 12px; overflow: hidden; display: block; float:right; border-right: 1px solid #3781c2; padding-right: 7px; position:relative;} .header .loginholder .login .loginside a.dropdown { margin: 0px; background: transparent url(../images/dropdown-down.gif) right no-repeat; padding:4px 45px 4px 5px; border-top: 1px solid #f6f2fe; border-left: 1px solid rgba(246,242,254,0.1); border-right: 1px solid rgba(246,242,254,0.1)} .header .loginholder .login .loginside a.dropdown.up {background: #ffffff url(../images/dropdown-up.gif) right no-repeat; border-top: 1px solid #3781c2; border-left: 1px solid #3781c2; border-right: 1px solid #3781c2; } .header .loginholder .login .loginside a img{position:absolute; top:7px; right: 24px;} .header .headholder {height: 58px; overflow: hidden;} .header .headholder .logo {float:left; padding-top: 12px;} .header .headholder .search {float:right; margin-top: 15px; padding: 1px; background: #d4d8dc; height: 25px; overflow:hidden; width: 298px;} .header .headholder .search .searchinside {padding: 2px 0px 2px 2px; background: #ffffff; float:left; height: 21px;} .header .headholder .search .searchinside input {outline: none; float:left; padding: 0px 8px 0px 8px; border: 0px; background: #ffffff; color:#323232; font-family: Arial; font-size: 12px; border-right: 0px; margin: 0px; margin-top: 3px; width: 251px; z-index: 9999; height: 13px; overflow: hidden;} .header .headholder .search .searchsubmit {float:right; padding: 0px; margin-right: -1px; margin-top: -1px; border: 0px; font-weight:bold; color:#ffffff; cursor:pointer; width: 30px; height: 27px; background: #d4d8dc url(../images/searchbg.gif) top right no-repeat; display:block} .header .headmenu {padding-top: 0px; overflow: hidden; } .header .headmenu ul,li {padding:0px; margin: 0px; list-style: none;} .header .headmenu li {float:left;} .header .headmenu li a {display: block; font-size: 12px; color:#ffffff; line-height: 37px; font-weight: bold; padding: 0px 15px 0px 15px; border-right: 1px solid #a74188; text-shadow: 1px 1px #a54489;} .header .headmenu li a:hover {background: #ffffff url(../images/background-menuhover.png) bottom repeat-x; color:#d06eb3; text-shadow: 1px 1px #ffffff;} .countrylist{position: absolute; right: 18px; top: 27px; border:1px solid #3781c2; background: #ffffff url(../images/dropdown-bg.gif) bottom repeat-x; padding: 5px; display: none; z-index: 0; width:637px; z-index: 103;} .countrylist a {font-size: 11px; display: block; float:left; width:200px; padding: 4px; line-height: 11px; margin: 2px;} .countrylist a:hover, a.selected {color:#ffffff; background: #d06eb3; font-weight:bold; text-decoration: none;} .countrylist a img {float:left; margin-right: 4px; margin-top: 1px;} .countrylist a span {font-style: italic;} /*#############################################################################################################################################################################################################################################################*/ /* MAIN ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /*#############################################################################################################################################################################################################################################################*/ .main {overflow:hidden; background: transparent url(../images/background.png) center top repeat-y; padding: 7px 19px 22px 19px;} .main.landingpage.wide .psychic-rollup-item { margin: 0px 5px 10px 5px; } /*#############################################################################################################################################################################################################################################################*/ /* CONTENT (LEFT) ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /*#############################################################################################################################################################################################################################################################*/ .content {float:left; width: 630px; overflow: visible;} /* content item */ .content .content-item {padding-bottom: 10px;} .content-item.crop {width: 610px; overflow:hidden} .content-item .buttonholder{padding-top: 9px;} .content-item .content-title {padding-bottom: 8px; border-bottom: 1px solid #d06eb3; width: 610px; position:relative} .content-item .content-title.wide { width: 930px; } .content-item .content-title p {padding-top: 2px;} .content-item .content-title .more{position:absolute; background: transparent url(../images/more.png) right 2px no-repeat; padding-right:10px; right: 1px; z-index: 90; font-size:11px; } .content-item .content-title .right{padding-top: 4px;} /*.content-item .item-content {background: transparent url(../images/background-content.png) 0px 0px no-repeat; padding-top: 15px;}*/ content-item .item-content {max-width: 610px;} .content-item .item-head-shadow {background: transparent url(../images/background-content.png) 0px 0px no-repeat; padding-top: 15px; } .content-item.wide .item-head-shadow { background-size: 100% 100%; } .content-item .item-content .tools{padding-bottom: 8px; border-bottom: 1px dotted #dddddd; margin-bottom:5px; width: 610px; } .content-item .item-content .tools a{padding-right: 12px;} .content-item .item-content .tools span{padding-right: 12px;} .content-item .item-content .quote {background: #f3f3f3 url(../images/quote.png) no-repeat 5px 5px; padding: 14px; padding-left: 35px; margin-top: 10px; font-family: 'Georgia'; font-style: italic; font-size: 14px; color:#616161;} .content-item .item-content .quote .author{text-align: right; padding-top: 5px; font-size: 12px;} .content-item .item-content .share {padding-top: 9px;} .content-item .item-content .onecomment {padding-bottom: 10px; border-bottom: 1px dotted #b9b9b9; margin-bottom: 10px;} .content-item .item-content .onecomment .picture{float:left; width: 65px;} .content-item .item-content .onecomment .picture img{width: 46px; height: 46px; padding: 2px 2px 6px 2px; background: transparent url(../images/img-bg-comment.png) no-repeat top; display: block;} .content-item .item-content .onecomment .commenttext{float:left; width:540px;} .content-item .item-content .onecomment .commenttext .date {color: #b9b9b9; font-size: 11px;} .content-item .item-content .onecomment .commenttext-wide .date {color: #b9b9b9; font-size: 11px;} .footer .vertfooter .wpZone.wpZoneVrt { float: left; } .pagerholder {text-align:center; padding-top: 10px;} .pagerholder table{margin: auto;} .pagerholder table td{padding-left: 2px; padding-right: 2px;} .pagerholder table a.page{display: block; text-align:center; width: 25px; height: 25px; padding: 0px 0px 0px 0px; line-height: 25px; font-weight: bold; background: transparent url(../images/background-pager.png) repeat-x top; color:#ffffff;} .pagerholder table a.page.active,.pagerholder table a.page:hover{background: transparent url(../images/background-pager-active.png) repeat-x top;} /* content slider*/ .ctaslider {width:610px; height:280px; position:relative;} .ctaslider .slides {position:absolute; top:0px; left:0px; z-index:100;} .ctaslider .slides .next, #slides .prev{position:absolute; top:107px; left:-39px; width:24px; height:43px; display:block; z-index:101} .ctaslider .slides .next {left:585px} .ctaslider .slides .slides_container {width:604px; overflow:hidden; position:relative; display:none; border: 3px solid #f3f3f3;} .ctaslider .slides .slides_container div.slide {width:608px; height:250px; display:block; background: #f0f0f0;} .ctaslider .slides .slides_container div.slide img {width:608px; height:250px;} .ctaslider .pagination {padding: 0px; margin: 15px 0px 0px 0px;} .ctaslider .pagination li {float:right; margin:0 1px; list-style:none} .ctaslider .pagination li a {display:block; width:12px; height:0; padding-top:12px; background-image:url(../images/slider/pagination.png); background-position:0 0; float:left; overflow:hidden} .ctaslider .pagination li.current a {background-position:0 -12px} .ctaslider .caption {z-index:500; position:absolute; bottom:-35px; left:0; height:30px; padding:5px 20px 0 20px; background:#000; background:rgba(0,0,0,.5); width:580px; font-size:1.3em; line-height:1.33; color:#fff; border-top:1px solid #000; text-shadow:none} .ctaslider .ctashadow {position: absolute; top: 250px; } /* content slider*/ .ctaslider2 {width:610px; height:280px; position:relative; } .ctaslider2 .slides {position:absolute; top:0px; left:0px; z-index:100;} .ctaslider2 .slides .next, #slides .prev{position:absolute; top:107px; left:-39px; width:24px; height:43px; display:block; z-index:101} .ctaslider2 .slides .next {left:585px} .ctaslider2 .slides .slides_container {width:604px; overflow:hidden; position:relative; display:none; border: 3px solid #f3f3f3;} .ctaslider2 .slides .slides_container div.slide {width:608px; height:250px; display:block; background: #f0f0f0;} .ctaslider2 .slides .slides_container div.slide img {width:608px; height:250px;} .ctaslider2 .pagination {padding: 0px; margin: 15px 0px 0px 0px;} .ctaslider2 .pagination li {margin:0 1px; list-style:none} .ctaslider2 .pagination li a {display:block; width:12px; height:0; padding-top:12px; background-image:url(../images/slider/pagination.png); background-position:0 0; float:left; overflow:hidden} .ctaslider2 .pagination li.current a {background-position:0 -12px} .ctaslider2 .caption {z-index:500; position:absolute; bottom:-35px; left:0; height:30px; padding:5px 20px 0 20px; background:#000; background:rgba(0,0,0,.5); width:580px; font-size:1.3em; line-height:1.33; color:#fff; border-top:1px solid #000; text-shadow:none} .ctaslider2 .ctashadow {position: absolute; top: 250px; } /*pychic-boxs*/ .psychic-rollup-item { position: relative; float:left; width: 294px; height: 190px; margin-right: 21px; background: transparent url(../images/background-psychic-box.png) no-repeat bottom left; line-height: 17px; margin-bottom: 10px; overflow:hidden;} .psychic-rollup-item-v2 {width: 300px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background-color: #e5f3ff; float:left; margin-right:10px; margin-bottom:10px; } .psychic-rollup-item.small {height: 150px; background: #ffffff url(../images/background-psychic-box-small.png) no-repeat bottom left;} .psychic-rollup-item .psychic-inside {padding: 10px;} .psychic-rollup-item .psychic-inside .psychic-col1 {float:left; width: 92px; overflow:hidden; text-align: center; height: 150px;} .psychic-rollup-item .psychic-inside .psychic-col1 img{width: 88px; height: 88px; padding: 2px 2px 6px 2px; background: transparent url(../images/img-bg-psychic.png) no-repeat top;} .psychic-rollup-item .psychic-inside .psychic-col1 .status {padding-top: 0px; font-weight: bold; font-size: 14px; text-transform: uppercase;} .psychic-rollup-item .psychic-inside .psychic-col1 .statustext {line-height: 14px; font-size: 11px;} .psychic-rollup-item .psychic-inside .psychic-col2 {float:right; width: 170px; overflow:hidden; cursor:pointer;} .psychic-rollup-item .psychic-inside .psychic-col2 .row1 {font-weight: bold; font-size: 16px; line-height: 16px; } /* background: url('../images/stars.png') right top no-repeat; */ .psychic-rollup-item .psychic-inside .psychic-col2 .row2 {font-weight: bold; font-size: 14px; color:#3781c2; padding-top: 6px;} .psychic-rollup-item .psychic-inside .psychic-col2 .row3 {font-weight: bold; font-size: 14px; color:#3781c2;} .psychic-rollup-item .psychic-inside .psychic-col2 .row4 {font-size: 11px; color:#c6c6c6;} .psychic-rollup-item .psychic-inside .psychic-col2 .row5 {padding-top: 6px; border-top: 1px solid #dddddd; margin-top: 6px; height: 50px;} .psychic-rollup-item .psychic-inside .psychic-col2 .row6 {padding-top: 10px; height: 30px;} .psychic-rollup-item .psychic-inside .psychic-services {font-size:11px; overflow:hidden; clear: both; border-top: 1px solid #dddddd; padding-top: 5px;} .psychic-rollup-item .psychic-inside .psychic-services .service {padding-right: 10px;} .psychic-rollup-item .psychic-inside .psychic-services .service.inactive {color:#B8B8B8} .psychic-rollup-item .psychic-inside .psychic-services .morebutton{float:right; margin-top: 0px; font-size: 12px;} .psychic-rollup-item.small .psychic-inside .psychic-col2 .row5{height: auto;} .psychic-rollup-item.online .psychic-inside .psychic-col1 {color:#6d9d21;} .psychic-rollup-item.busy .psychic-inside .psychic-col1 {color:#c72222;} .psychic-rollup-item.offline .psychic-inside .psychic-col1 {color:#898989;} .psychic-rollup-item.online .psychic-inside .status {color:#6d9d21;} .psychic-rollup-item.busy .psychic-inside .status {color:#c72222;} .psychic-rollup-item.offline .psychic-inside .status{color:#898989;} .psychic-rollup-item.online .psychic-inside .statustext {color:#6d9d21;} .psychic-rollup-item.busy .psychic-inside .statustext {color:#c72222;} .psychic-rollup-item.offline .psychic-inside .statustext{color:#898989;} /*pychic-boxs tv*/ .tv .psychic-rollup-item {float:left; width: 162px; height: 65px; margin-right: 2px; line-height: 17px; margin-bottom: 10px; overflow:hidden; border: 1px solid #f0f0f0; background:#ffffff url(../images/background-psychic-box-small.png) bottom repeat-x;} .tv .psychic-rollup-item .psychic-inside {padding: 0px;} .tv .psychic-rollup-item .psychic-inside .psychic-col1 {float:left; width: 52px; overflow:hidden; text-align: center; padding: 4px;} .tv .psychic-rollup-item .psychic-inside .psychic-col1 img{width: 48px; height: 48px; padding: 2px 2px 6px 2px; background: transparent url(../images/img-bg-psychic-sm.png) no-repeat top;} .tv .psychic-rollup-item .psychic-inside .psychic-col2 .status {padding-top: 0px; font-weight: bold; font-size: 11px; text-transform: uppercase;} .tv .psychic-rollup-item .psychic-inside .psychic-col2 {float:left; width: 92px; overflow:hidden; padding-left:10px; padding-top: 8px;} .tv .psychic-rollup-item .psychic-inside .psychic-col2 .row1 {font-weight: bold; font-size: 12px; line-height: 16px;} .tv .psychic-rollup-item .psychic-inside .psychic-col2 .row5 {font-weight: normal; font-size: 11px; margin-top:2px; padding-top: 2px;} .tv .channel{padding-bottom: 6px;} .tv .item-content{border-bottom: 1px dotted #dedede; padding-top: 15px; padding-bottom: 10px} .tv .item-content .articleinfo{padding-bottom: 0px;} .tv .item-content .datetime{float:left; width: 110px;} .tv .item-content .datetime .hour{font-weight: bold; } .tv .item-content .tv {float:left; width: 498px; overflow:hidden;} .tv .item-content.live{background-color:#dff3c0; text-shadow: 1px 1px 0px #ffffff;} .tv .item-content.live .datetime .remaining .time{color:#6D9D21; font-weight: bold;} .tv .item-content.live .datetime{float:left; width: 104px; padding-left: 6px;} .tv .channel b{background:#c664a9; color:#ffffff; font-size: 14px; line-height: 18px; padding: 0px 10px 0px 10px; margin-right: 8px; text-shadow: 0px 0px 0px ;} /* articles */ .article-main {} .article-main .picture {overflow:hidden; float:left; width: 284px;} .article-main .picture img{width: 282px; height: 158px; padding: 2px 2px 15px 2px; background: transparent url(../images/img-bg-mainarticle.png) no-repeat top;} .article-main .text{float:right; width: 282px;} .article-main h3 {font-size: 18px; display: block; line-height: 20px; padding-top: 0px; padding-bottom: 8px; border-bottom: 1px solid #d3d3d3; margin-bottom: 4px; position: relative;} .article-pager .article-main .text { float: left; margin-left: 20px; width: 305px; } .articleinfo{color:#b6b6b6; font-size: 11px; padding-bottom:12px;} .articleinfo span{padding-left: 16px; padding-right: 4px; background-repeat: no-repeat; background-position: left;} .articleinfo span.author{background-image: url(../images/icon-author.png);} .articleinfo span.label{background-image: url(../images/icon-label.png);} .articleinfo span.categ{background-image: url(../images/icon-categ.png);} .articleinfo span.time{background-image: url(../images/icon-time.png);} .articleinfo span.comments{background-image: url(../images/icon-comments.png);} .article-half {border-bottom: 1px dotted #dddddd; margin-bottom: 10px; padding-bottom: 8px;} .article-half .picture {overflow:hidden; float:left; width: 284px;} .article-half .picture img{width: 282px; height: 158px; padding: 2px 2px 15px 2px; background: transparent url(../images/img-bg-mainarticle.png) no-repeat top;} .article-half .more{line-height: 28px;} .article-rollup-half {} .article-rollup-half .article-rollup-item {padding-bottom: 5px; border-right: 1px solid #e9e9e9; float:left; width: 124px; padding-right: 18px; margin-right: 19px; overflow: hidden;} .article-rollup-half .article-rollup-item.lastitem{margin-right: 0px; border-right: 0px; padding-right: 0px;} .article-rollup-half .article-rollup-item .picture{} .article-rollup-half .article-rollup-item .picture img {width: 120px; height: 69px; padding: 2px 2px 6px 2px; background: transparent url(../images/img-bg-listarticle.png) no-repeat top;} .article-rollup-half .article-rollup-item .text {font-size: 11px;} .article-rollup-half .article-rollup-item .text h4{font-size: 12px; font-weight: normal; padding: 0px; line-height: 16px; padding-bottom: 6px;} .article-rollup-half .article-rollup-item .text {line-height: 14px;} .article-rollup-half .article-rollup-item .text .morebutton{background-position: right 1px; line-height: 25px;} .article-rollup-half .article-rollup-item p{font-size: 11px; text-align: left; padding-top: 4px; line-height: 14px; padding-bottom: 4px } .article-rollup-half-wide {} .article-rollup-half-wide .article-rollup-item {padding-bottom: 5px; width: 286px; overflow: hidden;} .article-rollup-half-wide .article-rollup-item.lastitem{margin-right: 0px; border-right: 0px; padding-right: 0px;} .article-rollup-half-wide .article-rollup-item .picture{float:left; width: 124px;} .article-rollup-half-wide .article-rollup-item .picture img {width: 120px; height: 69px; padding: 2px 2px 6px 2px; background: transparent url(../images/img-bg-listarticle.png) no-repeat top;} .article-rollup-half-wide .article-rollup-item .text {font-size: 11px; float:left; width: 145px; padding-left: 15px;} .article-rollup-half-wide .article-rollup-item .text h4{font-size: 12px; font-weight: normal; padding: 0px; line-height: 16px; padding-bottom: 6px;} .article-rollup-half-wide .article-rollup-item .text {line-height: 14px;} .article-rollup-half-wide .article-rollup-item .text .morebutton{background-position: right 1px; line-height: 25px;} /* articles view */ .article-view {border-bottom: 1px solid #dddddd; margin-bottom: 10px;} .article-view h1 { border-bottom: 1px solid #e2e2e2; padding-bottom: 6px; margin-bottom: 6px;} .article-view h2 {color:#696969; font-size: 14px; line-height: 20px; font-weight: bold;} .article-view h3 {color:#696969; font-size: 14px; line-height: 20px; font-weight: bold;} .article-view p{ padding-bottom: 8px; padding-top: 8px; font-size: 14px; line-height: 20px; text-align: justify;} .article-view img.pictureleft{width: 282px; height: 158px; padding: 2px 2px 15px 2px; background: transparent url(../images/img-bg-mainarticle.png) no-repeat top; float:left; margin: 8px 15px 0px 0px;} .article-view img.pictureright{width: 282px; height: 158px; padding: 2px 2px 15px 2px; background: transparent url(../images/img-bg-mainarticle.png) no-repeat top; float:right; margin: 8px 0px 0px 15px;} .article-view .advert{text-align:center; padding: 10px; border-bottom: 1px dotted #dddddd; border-top: 1px dotted #dddddd; margin: 10px 0px 10px 0px} .article-view img.picture{width: 424px; height: 246px; padding: 4px 4px 20px 4px; background: transparent url(../images/img-bg-mainarticle-big.png) no-repeat top; float:left;} .article-view .article-col1{vertical-align: top; padding-right: 16px;} .article-view .article-col2{vertical-align: top; width: 166px; background: #f3f3f3; padding: 8px;} .article-view .article-col2 h5{text-transform: uppercase; font-weight: bold; padding-bottom: 4px; border-bottom: 2px solid #BF5BA1; margin-bottom: 10px} .article-view .article-col2 li{font-size: 11px; line-height: 14px; padding-bottom: 8px; border-bottom: 1px solid #d6d6d6; margin-bottom: 8px;} .article-view .article-col2 .article-rollup-half .article-rollup-item {border:1px solid #d6d6d6; background: #ffffff; padding: 8px; margin-bottom: 10px} .article-view .item-content .content-text { width: 434px; overflow: hidden;} .article-view .article-col1.wide .item-content .content-text { width: auto; } .article-view .item-content .content-text h1{border:0px; color: #d06eb3; font-size: 24px; line-height: 26px; margin:0px; padding-bottom: 6px; font-weight: normal} .article-view .item-content .content-text h2{border:0px; color: #d06eb3; font-size: 22px; line-height: 24px; margin:0px; padding-bottom: 6px; font-weight: normal} .article-view .item-content .content-text h3{border:0px; color: #d06eb3; font-size: 20px; line-height: 22px; margin:0px; padding-bottom: 6px; font-weight: normal} .article-view .item-content .content-text h4{border:0px; color: #d06eb3; font-size: 18px; line-height: 20px; margin:0px; padding-bottom: 6px; font-weight: normal} .article-view .item-content .content-text h5{border:0px; color: #d06eb3; font-size: 16px; line-height: 18px; margin:0px; padding-bottom: 6px; font-weight: normal} /* breadcrumb */ .breadcrumb {background: transparent url(../images/breadcrumb-home.png) no-repeat left; padding-left: 20px; margin-bottom: 9px;} .breadcrumb a, .breadcrumb span{font-size: 11px; background: transparent url(../images/breadcrumb-level.png) no-repeat right; padding-right: 15px;} /*profile*/ .profile-col1{float:left; width: 220px; padding-bottom: 8px;} .profile-col1 div{width: 206px; height: 206px; padding: 3px 3px 18px 3px; background: transparent url(../images/img-bg-profile.png) no-repeat top; text-align:center;} .profile-col1 .playlist div{width: initial; height: initial; padding: initial; background: initial; text-align: initial;} .profile-col1 img{} .profile-col2{float:right; width: 370px;} .profile-col2 h1 span{font-size: 18px; color: #6c6c6c;} .profile-col2 p{padding: 2px 0px 2px 0px;} .profile-col2 .row1{} .profile-col2 .row2{font-weight: bold; text-transform: uppercase; font-size: 14px; border-top: 1px solid #DDDDDD; margin-top: 6px; padding-top: 6px;} .profile-col2 .row3{font-size: 14px; padding-top: 0px;} .profile-col2 .row4{font-weight: bold; font-size: 18px;} .profile-col2 .row5{font-size: 11px; color:#b9b9b9; padding-top: 0px; border-bottom: 1px solid #DDDDDD; margin-bottom: 6px; padding-bottom: 6px; line-height: 14px; padding-top: 3px;} .profile-col2 .row6{} .profile-col2 table td{padding-top: 8px;} .profile-col2 table td.label{font-weight: bold; padding-right: 15px; vertical-align: top;} .profile-col2.online .row2,.profile-col2.online .row3{color:#6d9d21;} .profile-col2.busy .row2,.profile-col2.busy .row3{color:#c72222;} .profile-col2.offline .row2,.profile-col2.offline .row3{color:#898989;} .profile-col2 div.creditcard{ background: #ffffff url(../images/yellow-gradient.jpg) bottom repeat-x; border: 1px solid #fbe4ce; -webkit-border-radius: 4px; -moz-border-radius:4px; font-size: 12px; color:#3b3b3b; font-weight:normal; padding: 10px 10px 7px 10px; margin-bottom: 15px;} .profile-col2 div.creditcard div.cards{padding-bottom: 3px; background: url(../images/cards.gif) right no-repeat; position:relative} .profile-col2 div.creditcard p{padding-bottom: 4px; position:relative} .profile-col2 div.creditcard .fl{margin-top:8px; margin-bottom: 5px;} .profile-col2 div.creditcard .moreinfo{float:right; font-size:11px; padding-top: 7px} /* zodiac */ .horoscopetable { border-spacing:6px; width: 100%} .horoscopetable td{ width: 100px; text-align:center;-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 8px 0px 8px 0px; cursor: pointer; -moz-transition:all .218s ease-in; -webkit-transition:all .218s ease-in; transition:all .218s ease-in; } .horoscopetable td a{display: block; font-weight:bold; font-size: 14px;} .horoscopetable td span{font-size:11px; } .daily .horoscopetable td{background:#e9f2fe; border: 1px solid #c0daff} .weekly .horoscopetable td{background:#fbecf2; border: 1px solid #ffd1f4} .monthly .horoscopetable td{background:#ecf9cf; border: 1px solid #c9e18d} .weekly .horoscopetable td a{color:#be5aa0;} .monthly .horoscopetable td a{color:#628809;} .horoscopetable td:hover{background:#ffffff} .horoscopetable td:hover a{color:#000000} .content-item .item-content .zodiac {margin: auto;} .content-item .item-content .zodiac td{text-align: center; padding-bottom: 0px;} .content-item .item-content .zodiac td img{width: 40px; margin: 0px 5px 0px 4px;} .content-item .item-content .zodiac td .name {font-size: 11px;display: block; text-align:center;} .content-item .item-content .daily .zodiac td a {display:block; padding-top: 8px; padding-bottom: 4px;} .content-item .item-content .daily .zodiac td a:hover, .content-item .item-content .daily .zodiac td a.active {background: url(../images/background-dailyhoroscope-tab.png) repeat-x;} .content-item .item-content .daily .horoscopeholder {background: url(../images/background-dailyhoroscope-content.png) no-repeat top; padding: 22px 14px 22px 14px;} .content-item .item-content .daily .horoscopeholder .col1{float:left; width: 70px; text-align: center;} .content-item .item-content .daily .horoscopeholder .col2{float:left; width: 496px; padding-left: 15px;} .content-item .item-content .daily .horoscopeholder .col2 h2 span{color:#3f3f3f} .content-item .item-content .daily .horoscopeholder .col2 .date{font-size: 11px; padding-bottom: 8px; padding-top: 4px;} .content-item .item-content .daily .horoscopeholder .col2 .text{border-bottom: 1px solid #e0e0e0; padding: 0px 0px 8px 0px; margin-bottom: 8px;} .content-item .item-content .daily .horoscopeholder .col2 .pager{color:#9c9c9c; font-size: 11px; padding-bottom: 9px;} .content-item .item-content .daily .horoscopeholder .col2 .phone{color:#d789c1; font-size: 14px; font-weight:bold;} .content-item .item-content .daily .horoscopeholder .col2 .price {color: #9c9c9c; font-size: 11px;} .content-item .item-content .weekly .zodiac td a {display:block; padding-top: 8px; padding-bottom: 4px; color:#be5aa0;} .content-item .item-content .weekly .zodiac td a:hover, .content-item .item-content .weekly .zodiac td a.active {background: url(../images/background-weeklyhoroscope-tab.png) repeat-x;} .content-item .item-content .weekly .horoscopeholder {background: url(../images/background-weeklyhoroscope-content.png) no-repeat top; padding: 22px 14px 22px 14px;} .content-item .item-content .weekly .horoscopeholder .col1{float:left; width: 70px; text-align: center;} .content-item .item-content .weekly .horoscopeholder .col2{float:left; width: 496px; padding-left: 15px;} .content-item .item-content .weekly .horoscopeholder .col2 h2 span{color:#3f3f3f} .content-item .item-content .weekly .horoscopeholder .col2 .date{font-size: 11px; padding-bottom: 8px; padding-top: 4px;} .content-item .item-content .weekly .horoscopeholder .col2 .text{border-bottom: 1px solid #e0e0e0; padding: 0px 0px 8px 0px; margin-bottom: 8px;} .content-item .item-content .weekly .horoscopeholder .col2 .pager{color:#9c9c9c; font-size: 11px; padding-bottom: 9px;} .content-item .item-content .weekly .horoscopeholder .col2 .phone{color:#d789c1; font-size: 14px; font-weight:bold;} .content-item .item-content .weekly .horoscopeholder .col2 .price {color: #9c9c9c; font-size: 11px;} .content-item .item-content .monthly .zodiac td a {display:block; padding-top: 8px; padding-bottom: 4px; color: #628809;} .content-item .item-content .monthly .zodiac td a:hover, .content-item .item-content .monthly .zodiac td a.active {background: url(../images/background-monthlyhoroscope-tab.png) repeat-x;} .content-item .item-content .monthly .horoscopeholder {background: url(../images/background-monthlyhoroscope-content.png) no-repeat top; padding: 22px 14px 22px 14px;} .content-item .item-content .monthly .horoscopeholder .col1{float:left; width: 70px; text-align: center;} .content-item .item-content .monthly .horoscopeholder .col2{float:left; width: 496px; padding-left: 15px;} .content-item .item-content .monthly .horoscopeholder .col2 h2 span{color:#3f3f3f} .content-item .item-content .monthly .horoscopeholder .col2 .date{font-size: 11px; padding-bottom: 8px; padding-top: 4px;} .content-item .item-content .monthly .horoscopeholder .col2 .text{border-bottom: 1px solid #e0e0e0; padding: 0px 0px 8px 0px; margin-bottom: 8px;} .content-item .item-content .monthly .horoscopeholder .col2 .pager{color:#9c9c9c; font-size: 11px; padding-bottom: 9px;} .content-item .item-content .monthly .horoscopeholder .col2 .phone{color:#d789c1; font-size: 14px; font-weight:bold;} .content-item .item-content .monthly .horoscopeholder .col2 .price {color: #9c9c9c; font-size: 11px;} .content-item .item-content .signup{padding-top: 10px; background: transparent url(../images/sidebar-email.png) no-repeat right 6px;} .content-item .item-content .signup a{text-decoration:underline;} .content-item .item-content .signup h2{font-size: 16px; color:#1358a3; padding-bottom: 6px;} .content-item .item-content .signup .desc{color:#1358a3; width: 390px; padding-bottom: 8px;} .content-item .item-content .signup .input-text{border: 1px solid #aecbf4; padding: 5px; width: 180px; margin: 5px 0px 5px 0px;} .content-item .item-content .signup .input-select{border: 1px solid #aecbf4; padding: 4px; margin: 5px 0px 5px 0px} .content-item .item-content .signup .input-select.year{width: 70px;} .content-item .item-content .signup .input-select.month{width: 120px; margin: 5px 5px 5px 5px} .content-item .item-content .signup .input-select.day{width: 60px;} .content-item .item-content .signup a.submit{text-decoration: none;} .content-item .item-content .signup .smalltext{padding-top: 20px; width: 260px;} .content-item .item-content .signup .smalltext .termsok{width: 140px;} .content-item .item-content .signup p{font-weight: bold;} .content-item .item-content .signup .addcol1{float:left; width: 200px;} .content-item .item-content .signup.side { border-top: 1px solid #cddcf1; padding-top: 10px; margin-top: 10px; background: transparent url('/template/eso.tv/images/sidebar-email.png') no-repeat right 6px; } .content-item .item-content .signup.side h2 { font-size: 16px; color: #1358a3; padding-bottom: 6px; font-weight: bold; } .content-item .item-content .signup.side .desc { color: #1358a3; width: 200px; padding-bottom: 8px; } .content-item .item-content .signup .addcol2{float:left; padding-left: 15px;} .content-item .item-content .list-table {border-collapse: separate; border-spacing:1px; width: 100%; margin: 0px; padding: 0px;} .content-item .item-content .list-table td{padding: 4px 8px 4px 8px; margin: 0px;} .content-item .item-content .list-table .firstrow td{background: #f1f1f1 url(../images/bg-listtable-first.png) repeat-x bottom; font-weight: bold; text-shadow: 1px 1px #ffffff; padding-top: 10px; padding-bottom: 10px; line-height: 14px;} .content-item .item-content .list-table .smallpic {} .content-item .item-content .list-table .smallpic img {width: 40px; height: 40px; border: 2px solid #ffffff;} .content-item .item-content .list-table .r0{background: #f2f2f2;} .content-item .item-content .list-table .r1{background: #ffffff;} .content-item .item-content .list-table .c1 {font-size: 11px;} .content-item .item-content .list-table .c1 .hour{ color: #ababab;} .content-item .item-content .list-table .over{background:#eff8d9;} .content-item .bluebox{width: 496px; margin-top: 10px; margin-bottom: 10px;} .content-item .bluebox .btop{background: url(../images/background-bluebox-top.png) no-repeat bottom; height: 10px;} .content-item .bluebox .bcenter{background: url(../images/background-bluebox-center.png) repeat-y bottom; padding: 0px 10px 0px 10px;} .content-item .bluebox .bbottom{background: url(../images/background-bluebox-bottom.png) no-repeat top; height: 10px;} .content-item .bluebox .bcenter .price{color: #9ea2a5; font-size: 11px;} .content-item .bluebox-wide{width: 606px; margin-top: 10px; margin-bottom: 10px; color:#1358a3; margin: auto;} .content-item .bluebox-wide a{color:#1358a3;} .content-item .bluebox-wide .btop{background: url(../images/background-bluebox-top-wide.png) no-repeat bottom; height: 10px;} .content-item .bluebox-wide .bcenter{background: url(../images/background-bluebox-center-wide.png) repeat-y bottom; padding: 0px 10px 0px 10px;} .content-item .bluebox-wide .bbottom{background: url(../images/background-bluebox-bottom-wide.png) no-repeat top; height: 10px;} .content-item .bluebox-wide b{font-size: 14px; line-height: 30px;} .content-item .bluebox-wide .col1{float:left; width: 310px;} .content-item .bluebox-wide .col2{float:right; width: 240px; border-left: 1px solid #cde2fe; padding-left: 15px;} .content-item .bluebox-wide .col2 table{border-spacing: 0px; padding: 0px;} .content-item .bluebox-wide .col2 table td{text-transform: lowercase; font-weight: bold;} .content-item .bluebox-wide .col2 table td.label{padding: 0px 8px 0px 8px;} .content-item .bluebox-wide .input-text{border: 1px solid #aecbf4; width: 190px;} .content-item .bluebox-wide a.submit{color:#ffffff;} .content-item .socials img{width: 15px;} /*form */ .content-item .item-content .form .row {clear:both; height: 30px; padding-top: 9px;} .content-item .item-content .form .row .label{width: 190px; float: left; padding-top: 9px;} .content-item .item-content .form .row .inputholder{ float:left; width: 330px;} .content-item .item-content .form .row .inputholder .note{font-size: 11px; color:#B8B8B8; padding-left: 3px;} .content-item .item-content .form .row .inputholder .note a{cursor: help;} .content-item .item-content .form .row .inputholder .note.error{color:#e86060;} .content-item .item-content .form .row .inputholder .note.error span{font-weight: bold;} .content-item .item-content .form .row .inputholder textarea.textarea{width: 300px;} /* video */ .content-item .item-content .videoholder {padding: 3px; background:#f3f3f3; margin-top: 10px; border:1px solid #dadada} .content-item .item-content .videoholder .inside{width: 601px; text-align: center; overflow:hidden; height: 441px; } .content-item .item-content .activehoroscope {background: #be5aa0; color:#ffffff; line-height: 25px; padding: 1px 5px 1px 5px;font-size: 11px; font-weight: bold;} .content-item .item-content .activehoroscope:hover{font-weight: bold;} .halfcol1{width: 286px; float:left; overflow:hidden;} .halfcol1 .content-item .content-title {width: 286px;} .halfcol1 .content-item .item-content{background: url(../images/background-content-sm.png) no-repeat top;} .halfcol1 .content-item .content-title .fl{width: 165px;} .halfcol2{width: 286px; float:left; margin-left: 35px; overflow:hidden;} .halfcol2 .content-item .content-title {width: 286px;} .halfcol2 .content-item .item-content{background: url(../images/background-content-sm.png) no-repeat top;} div.articlelabel{background: url(../images/icon-label.png) left no-repeat; color:#B6B6B6; font-size: 11px; padding-left: 15px; line-height: 13px; padding-top: 7px; padding-bottom: 7px;} ul.more-article{border-top: 1px dotted #dddddd; padding-top: 10px; margin-top: 5px;} ul.more-article li{background: url(../images/arrow.png) no-repeat left; padding-left: 14px; margin-bottom: 2px;} /*#############################################################################################################################################################################################################################################################*/ /* SIDEBAR (RIGHT) ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /*#############################################################################################################################################################################################################################################################*/ .sidebar {float:right; width:300px; overflow:hidden;} /* content item */ .sidebar .sidebar-item h2 a{color:#ce6cb2; font-size: 18px;} .sidebar .social{font-size: 16px; font-weight: normal; color:#d06eb3; padding-top: 4px;} .sidebar .sidebar-item .input-text{border: 1px solid #aecbf4; padding: 5px; width: 255px; margin: 5px 0px 5px 0px;} .sidebar .sidebar-item .buttonholder {padding-top: 8px;} .sidebar .sidebar-item {padding-bottom: 15px;} .sidebar .sidebar-item.crop {overflow:hidden} .sidebar .sidebar-item .sidebar-title {padding-bottom: 0px; } .sidebar .sidebar-item.blue .sidebar-title{background: url(../images/background-header-blue.png) no-repeat left top;} .sidebar .sidebar-item.pink .sidebar-title{background: url(../images/background-header-pink.png) no-repeat left top;} .sidebar .sidebar-item .sidebar-title h2 {font-size: 16px; font-weight: normal; color:#ffffff; padding-left: 11px; line-height: 28px;} .sidebar .sidebar-item .sidebar-title h2 a{color:#ffffff;} .sidebar .sidebar-item .sidebar-title.blue h2{text-shadow: 1px 1px #609bd3;} .sidebar .sidebar-item .sidebar-title.pink h2{text-shadow: 1px 1px #d177b6;} .sidebar .sidebar-item .sidebar-title p {padding-top: 2px;} .sidebar .sidebar-item .sidebar-title .more{position:absolute; background: transparent url(../images/more.png) right 2px no-repeat; padding-right:10px; bottom: 8px; right: 1px; z-index: 90; font-size: 11px;} .sidebar .sidebar-item .sidebar-title .tabs{padding-top: 7px; float:right; padding-right: 8px;} .sidebar .sidebar-item .sidebar-title .tabs .tab{background: transparent url(../images/background-submit.png) repeat-x; padding: 4px 8px 4px 8px; line-height: 20px; color:#ffffff; } .sidebar .sidebar-item .sidebar-title .tabs .tab.active{background: #edf4fb; line-height: 20px; color:#3e84c6; font-weight: bold; padding: 4px 8px 4px 8px;} .sidebar .sidebar-item.blue .item-content {background: transparent url(../images/background-sidebar-blue.png) 0px 0px repeat-y; padding: 17px; padding-bottom: 12px;} .sidebar .sidebar-item.pink .item-content {background: transparent url(../images/background-sidebar-pink.png) 0px 0px repeat-y; padding: 17px; padding-bottom: 12px;} .sidebar .sidebar-item.pink .item-content.fb{padding: 14px;} .sidebar .sidebar-item.white .item-content{padding-bottom: 12px;} .sidebar .sidebar-item .item-content .picture img{width: 262px; height: 91px; padding: 2px 2px 10px 2px; background: transparent url(../images/img-bg-sideimg.png) no-repeat top;} .sidebar .sidebar-item .item-content p {display: block; padding-top: 4px;} .sidebar .sidebar-item .item-content .horoscopeholder{ overflow:hidden;} .sidebar .sidebar-item .item-content .horoscope2,.sidebar .sidebar-item .item-content .horoscope3{display:none;} .sidebar .sidebar-item .item-content .zodiac {width: 100%} .sidebar .sidebar-item .item-content .zodiac td{text-align: center; padding-bottom: 8px;} .sidebar .sidebar-item .item-content .zodiac td img{width: 55px;} .sidebar .sidebar-item .item-content .zodiac td .name {font-weight: bold;display: block;} .sidebar .sidebar-item .item-content .horoscope2 a{color:#be5aa0;} .sidebar .sidebar-item .item-content .horoscope3 a{color:#628809;} .sidebar .sidebar-item .item-content .signup{border-top: 1px solid #cddcf1; padding-top: 10px; margin-top: 10px; background: transparent url(../images/sidebar-email.png) no-repeat right 6px;} .sidebar .sidebar-item .item-content .signup.nobg{background-image: none;} .sidebar .sidebar-item .item-content .signup a{text-decoration:underline;} .sidebar .sidebar-item .item-content .signup h2{font-size: 16px; color:#1358a3; padding-bottom: 6px; font-weight: bold;} .sidebar .sidebar-item .item-content .signup .desc{color:#1358a3; width: 200px; padding-bottom: 8px;} .sidebar .sidebar-item .item-content .signup .input-text{border: 1px solid #aecbf4; padding: 5px; width: 255px; margin: 5px 0px 5px 0px;} .sidebar .sidebar-item .item-content .signup .input-select{border: 1px solid #aecbf4; padding: 5px; margin: 5px 0px 5px 0px} .sidebar .sidebar-item .item-content .signup .input-select.year{width: 70px;} .sidebar .sidebar-item .item-content .signup .input-select.month{width: 120px; margin: 5px 5px 5px 5px} .sidebar .sidebar-item .item-content .signup .input-select.day{width: 60px;} .sidebar .sidebar-item .item-content .signup .input-select.zodiac{width: 220px;} .sidebar .sidebar-item .item-content .signup a.submit{text-decoration: none;} .sidebar .sidebar-item .item-content .signup .smalltext{padding-top: 10px;} .sidebar .sidebar-item .item-content .signup .smalltext .termsok{width: 130px;} .sidebar .sidebar-item .item-content .steps {padding: 0px; margin: 0px; border-collapse: collapse;} .sidebar .sidebar-item .item-content .steps td {font-size: 14px; color: #135b9b; padding: 0px; margin: 0px; } .sidebar .sidebar-item .item-content .steps td.pic{padding: 2px 12px 0px 0px;} .sidebar .sidebar-item .item-content .steps td.pic img{margin-top: 10px;} .sidebar .sidebar-item .item-content .steps td div{font-size: 18px; font-weight: bold; padding-top: 2px;} .sidebar .sidebar-item .item-content .facebookholder {width: 280px; overflow: hidden; height: 250px; } .sidebar .sidebar-item .item-content .facebookholder .inside {margin-left: -10px; margin-top: -4px} .sidebar .sidebar-item .item-content .psychic-categ {border-bottom: 1px solid #f3dfed; padding-bottom: 8px;} .sidebar .sidebar-item .item-content .psychic-categ .picturesm {float:left; width: 100px;} .sidebar .sidebar-item .item-content .psychic-categ .picturesm img {width: 88px; height: 88px; padding: 2px 2px 6px 2px; background: transparent url(../images/img-bg-psychic.png) no-repeat top;} .sidebar .sidebar-item .item-content .psychic-categ .textsm {float:left; width: 162px;} .sidebar .sidebar-item .item-content .psychic-categ .textsm .row1{font-size: 18px; color:#ce6cb2; padding-bottom: 8px;} .sidebar .sidebar-item .item-content .psychic-categ .textsm .row2{font-size: 11px; line-height: 14px;} .sidebar .sidebar-item .item-content .psychic-categ .textsm .row3{font-size: 18px; color:#ce6cb2; font-weight: bold; padding-top: 5px;} .sidebar .sidebar-item .item-content .psychic-categ .textsm .price{font-size: 11px; color:#c6bfc3;} .sidebar .sidebar-item .item-content .psychic-smalllist .psychic-smalllist-item {padding-top: 8px;} .sidebar .sidebar-item .item-content .psychic-smalllist .psychic-smalllist-item .picture {float:left; width: 70px;} .sidebar .sidebar-item .item-content .psychic-smalllist .psychic-smalllist-item .picture img {width: 58px; height: 58px; padding: 2px 2px 6px 2px; background: transparent url(../images/img-bg-smallpsychic.png) no-repeat top;} .sidebar .sidebar-item .item-content .account-price{background: #c2d2e1; padding: 1px 1px 2px 1px; margin-top: 10px;} .sidebar .sidebar-item .item-content .account-price .inside{background: #ffffff; padding: 8px;} .sidebar .sidebar-item .item-content .account-price .amount{width: 100%; border-collapse: collapse;} .sidebar .sidebar-item .item-content .account-price .amount tr{border-bottom: 1px solid #ededed;} .sidebar .sidebar-item .item-content .account-price .amount td{padding-bottom: 6px; padding-top: 6px;} .sidebar .sidebar-item .item-content .account-price .amount .col1{text-align:left;} .sidebar .sidebar-item .item-content .account-price .amount .col2{text-align: right; font-weight: bold;} .sidebar .sidebar-item .item-content .account-price .amount td div{font-weight: bold; font-size: 22px; color:#cf6bb1; padding-top: 6px; padding-bottom: 6px;} .sidebar .sidebar-item .item-content .account-price .amount td.cta{font-size: 11px; line-height: 14px;} .sidebar .sidebar-item .item-content .account-menu li{background: transparent url(../images/arrow.png ) no-repeat left; padding: 2px 0px 2px 15px} .sidebar .sidebar-item .item-content .categories li,ul{padding: 0px; margin: 0px;} .sidebar .sidebar-item .item-content .categories li{ padding: 4px 0px 3px 0px; border-bottom: 1px solid #efdcea; color:#caa1be; height: 20px;} .sidebar .sidebar-item .item-content .categories li a{font-weight:normal; float:left;} .sidebar .sidebar-item .item-content .categories li span{float:right;} .sidebar .sidebar-item.blue .bottom{background: transparent url(../images/background-sidebarbottom-blue.png ) no-repeat left top; height: 15px;} .sidebar .sidebar-item.pink .bottom{background: transparent url(../images/background-sidebarbottom-pink.png ) no-repeat left top; height: 15px;} .sidebar .article-rollup-half .article-rollup-item {padding-bottom: 10px; border:0px; float:left; width: 124px; padding-right: 0px; margin-right: 18px; overflow: hidden;} .sidebar .article-rollup-half .article-rollup-item .picture img {width: 120px; height: 69px; padding: 2px 2px 6px 2px; background: transparent url(../images/img-bg-listarticle.png) no-repeat top;} .sidebar .article-rollup-half .article-rollup-item.lastitem {margin-right: 0px;} .sidebar .psychic-rollup-item{margin-right: 0px; margin-left: 3px;} .sidebar .rightsearch{width: 200px; padding: 5px; width: 287px; margin: 15px 0px 0px 0px;} .sidebar .filters .filter-item {border-bottom: 1px solid #ebebeb; margin-bottom: 0px; padding-bottom: 10px;} .sidebar .filters .filter-item .title{font-size: 16px; color:#ce6cb2; padding-top: 8px; padding-bottom: 8px; padding-top: 10px;} .sidebar .filters .filter-item input{float:left; margin-right: 8px;} .sidebar .filters .filter-item .filter{clear: both; padding: 3px 0px 3px 0px } .sidebar .filters .filter-item .filter label{cursor: pointer;} .sidebar .filters .filter-item .morefilt{padding-left: 25px;} .sidebar .filters .morefilter{display:none} .sidebar .sidebar-item .item-content .listarticle{padding-bottom: 8px; margin-bottom: 8px; border-bottom: 1px solid #f4cee9;} .sidebar .sidebar-item .item-content .listarticle p{font-size: 11px; line-height: 14px;} .sidebar .sidebar-item .item-content .listarticle a{font-weight: bold;} .sidebar .sidebar-item .sidebar-videoholder {padding: 3px; background:#f3f3f3; margin-top: 10px;} .sidebar .sidebar-item .sidebar-videoholder .inside{width: 294px; text-align: center; overflow:hidden; height: 138px; } .sidebar .sidebar-item .shadow{width: 300px;} .pin_package-holder { float: left; width: 108px; margin: 8px; } .pin_package-holder .pin_package-image { width: 108px; height: 118px; position: relative; } .pin_package-holder .pin_package-image img { position: absolute; left: 0px; top: 0px; } .pin_package-holder .pin_package-image span { position: absolute; left: 22px; top: 55px; color: #75a110; font-size: 9px; text-align: center; width: 80px; } .pin_package-holder .price { font-size: 40px; line-height: 50px; text-align:center; padding: 10px 0px; } .pin_package-holder .minute-price { text-align: center; border-top: 1px solid #B4B4B4; padding: 4px 0px; } .pin_package-button { display: block; width: 108px; height: 57px; line-height: 57px; background: transparent url('../images/package/package-button-big-sm.jpg') left top no-repeat; text-align: center; color: #000000; font-size:20px; font-weight: bold; text-transform: uppercase; } /*#############################################################################################################################################################################################################################################################*/ /* FOOTER ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /*#############################################################################################################################################################################################################################################################*/ .footer{padding-top: 25px; background: transparent url(../images/footer.png) no-repeat top left; padding-bottom: 25px; text-align:center; font-size:11px; padding-left: 15px;} .footer p{padding: 8px 0px 8px 0px ;} .footer div.pad{padding: 8px 0px 8px 0px ;} .footer .highlight{font-weight: bold; font-size: 12px; padding-top: 12px;} .footer ul,li{text-align:left; font-size: 12px;} .footer li{border-bottom: 1px solid #e5e0ed; padding-bottom: 4px; margin-bottom: 4px;} .footer h5{font-size: 18px; font-weight: bold; color:#d06eb3; text-align:left; padding-bottom: 16px; padding-top: 15px;} .footer .col1{width: 163px; float:left; margin-right: 30px; margin-left: 3px;} .footer .col2{width: 163px; float:left; margin-right: 30px;} .footer .col3{width: 163px; float:left; margin-right: 30px;} .footer .col4{width: 163px; float:left; margin-right: 30px;} .footer .col5{width: 163px; float:left; } .footer .col { width: 163px; float: left; margin: 0px 13px; } /*#############################################################################################################################################################################################################################################################*/ /* WIKI ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /*#############################################################################################################################################################################################################################################################*/ div.wiki { width: 100%; } label.wm { position:absolute; top:3px; left:5px; margin-left: 8px; margin-top: 2px; cursor: text; color: #777; } div.cms_banner-item{background-position: center; background-repeat:no-repeat; width: 610px; height: 246px; line-height: 24px;} div.cms_banner-item a:hover{ color:#3781c2;} div.cms_banner-item a div { height: 72px; } div.cms_banner-item a div span { display: inline-block; line-height: 11px; margin-bottom: 8px; } div.cms_banner-item div.price {font-size: 12px;font-weight: normal;color: #3b3b3b;position: relative;bottom: 2px;left: 24px;top: 12px;} div.cms_banner-item{font-family:Arial;} div.cms_banner-item div span { line-height: 38px;} div.cms_banner-item h3{margin-bottom:-5px;} /* MOVE TO ESO.TV CSS */ h4{padding:0px;} .article-rollup-half .article-rollup-item .text h4{padding: 0px;} .morebutton{line-height: 19px;} h1.maintitle{border-bottom: 1px solid #e2e2e2; width: 610px;padding-bottom: 6px; margin-bottom: 6px; margin-bottom: 15px;} /* ########################################################################################################################################################################### */ /* FROM DEV CSS */ /* ########################################################################################################################################################################### */ .iconClearHolder{padding-right:20px} span.iconClear{display:none;font-family:verdana;cursor:pointer;color:#38468F;font-weight:700;position:relative;height:20px;width:20px;left:-30px;background-color:Lime} span.iconClear:hover{color:#ccc} .sidebar .sidebar-item .input-text.error{border:1px solid #e86060;background-color:#FBE3E4} .sidebar .sidebar-item .note{font-size:11px;color:#B8B8B8;padding-left:3px} .sidebar .sidebar-item .note a{cursor:help} .wpeditControlHdrTitle{width:100%;cursor:move;background-color:#ffe45c;background-image:url(../images/jqueryui/ui-bg_highlight-soft_75_ffe45c_1x100.png)} .sr5{border-top-left-radius:5px;border-top-right-radius:5px;border-bottom-left-radius:5px;border-bottom-right-radius:5px} h1{ /*height:30px*/} .charleft{text-align:right;padding-bottom:4px} .row.dotted{border-top:1px dotted #D2D2D2;width:610px} .w50{width:50px} .w40{width:40px} .w600{width:600px} .w400{width:400px} table.payment-steps td.step{width:25%;padding-bottom:9px;line-height:27px;vertical-align:middle;border-bottom:2px solid #FFF} table.payment-steps td.step.active{border-bottom:2px solid #b55995} table.payment-steps td.step b{font-size:26px;font-weight:700;color:#b55995;margin-right:3px;vertical-align:middle;padding:0 5px} table.payment-steps td.step.active b{background-color:#b55995;color:#FFF} .pb10{padding-bottom:10px} .buttonroundedtype_fullwidth{text-align:center;font-weight:700;border:1px solid #6c86c2;background:#338ab8 url(../../eso.tv/images/buttonbg.gif) left top repeat-x;-webkit-border-radius:6px;color:#fff;padding:6px 15px} .emailreading.info{text-align:center;font-size:22px;color:#ed1c24;margin:20px 0} div.tr{display:table-row} div.td,div.th{display:table-cell} div.tr.package:hover{background-color:#F5F5F5} div.tr.package div.th{border-bottom:1px solid #ae5995;color:#b55995;padding:6px 0} div.tr.package div.td{border-bottom:1px solid #c7cbce;vertical-align:top;height:37px;padding:6px 0} div.tr.package div.radio{width:41px} div.tr.package div.price{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; width:123px} div.paytype{float:left;text-align:center;width:270px;margin:0} div.paytype.or{width:50px;line-height:130px} div.paytype label{display:block;padding:10px} div.paytype label.active{color:#FFF;background-color:#b55995} div.mailfolders{clear:both;margin:-5px 0 15px} div.mailfolders a{margin-left:9px;padding-left:9px;border-left:1px solid #CCC;line-height:12px} div.mailfolders a.first{border:none;margin-left:0;padding-left:0} div.mailfolders a.active{color:#000;font-weight:700} td.unread{background-color:#FFE} .fs14{font-size:14px!important} div.formcol2 p{line-height:18px} hr.thin{height:1px!important} hr.pink{background-color:#AE5995!important;border:medium none;font-size:0} .thin{font-weight:400!important} .mb20{margin-bottom:20px!important} .mt10{margin-top:10px!important} div.paytypeholder{position:relative;margin:8px 0} div.paytypeholder .hiddenRadio{position:absolute;left:-28px;top:0px} div.cms_banner-container{position:relative;width:610px;height:246px;font-family:'Trebuchet MS',Helvetica,Jamrul,sans-serif;border:3px solid #f3f3f3;margin:0 0 40px} div.cms_banner-container img.ctashadow{position:absolute;left:0;bottom:-28px} div.cms_banner-item{position:absolute;left:0;top:0;width:100%;height:100%;display:none} div.cms_banner-item:first-child{display:block} div.cms_banner-item a.cms_banner-link{width:100%;height:100%;display:block} div.ctaswitcher{position:absolute;right:10px;bottom:-32px;z-index:10} a.switcher-btn{width:12px;height:12px;background:transparent url(../../eso.tv/images/slider/pagination.png) 0 0 no-repeat;float:left;cursor:pointer;margin:0 0 0 4px} a.switcher-btn:hover,a.switcher-btn.active{background:transparent url(../../eso.tv/images/slider/pagination.png) 0 -13px no-repeat} div.emailadvices{width:890px;margin:0 auto} div.emailadvices h1{font-size:26px;color:#ae5995;margin-bottom:20px} div.emailadvices h2{font-size:22px;color:#ae5995;line-height:26px;background-repeat:no-repeat;background-position:0 0;text-indent:30px;margin:10px 0} div.emailadvices div.adviceblocktop{background-image:url(../../common/images/adviceblocktop-bg.jpg);background-position:bottom center;background-repeat:no-repeat} div.emailadvices div.adviceblocktop div.inner{padding:0 190px 30px 20px} div.emailadvices div.adviceblocktop ul.steps li{display:block;margin-bottom:5px;background-repeat:no-repeat;background-position:0 1px;padding:5px 0 5px 30px} div.emailadvices div.adviceblocktop ul.steps li.step3{background-image:url(../../common/images/steps-icon-3.gif)} div.emailadvices div.adviceblockbottom{background-image:url(../../common/images/adviceblockbottom-bg.jpg);background-repeat:no-repeat;background-position:top center} div.emailadvices div.adviceblockbottom div.inner1{padding:10px} div.emailadvices div.adviceblockbottom div.psychicsminiboxes{margin-left:14px} div.emailadvices div.adviceblockbottom div.psychicsminiboxselected{margin-left:300px} div.emailadvices div.adviceblockbottom div.choosepackageboxes{width:378px;background-image:url(../../common/images/choosepackageboxes-bg.jpg);background-repeat:no-repeat;background-position:top left;background-size:100% 100%;margin-top:20px} div.emailadvices div.adviceblockbottom div.choosepackageboxes h3{font-size:16px;color:#3b3b3b;text-transform:uppercase;text-align:center;padding:10px 0} div.emailadvices div.adviceblockbottom div.choosepackageboxes h3 span{color:#ae5995;padding-left:3px;font-size:18px} div.emailadvices div.adviceblockbottom div.choosepackageboxes ul{height:181px;margin:15px 20px} div.emailadvices div.adviceblockbottom div.choosepackageboxes ul li{background-image:url(../../common/images/icon-choosepackages.gif);background-repeat:no-repeat;background-position:0 2px;padding-left:20px;line-height:18px;margin-bottom:5px} div.emailadvices div.adviceblockbottom div.choosepackageboxes a.buttontype2{width:200px;margin:20px 0 10px 90px} div.emailadvices div.adviceblockbottom div.choosepackageboxes a.buttonroundedtype{margin:0 0 10px 90px} div.emailadvices div.adviceblockbottom div.choosepackageboxes p.demo{font-weight:700;text-align:center;clear:both} div.emailadvices div.adviceblockbottom h4{text-align:center;font-size:22px} div#viewsample div#wrapper{width:690px} div#viewsample div#header-simplebg{width:690px;height:7px;background-repeat:no-repeat;background-position:bottom center; } div#viewsample div#main{width:630px; background: #ffffff; margin: auto; box-shadow: 0px 0px 6px rgba(0,0,0,0.3); margin-top: 8px;} div#viewsample div#footer-simplebg{width:690px;height:7px;background-repeat:no-repeat;background-position:top center} div#viewsample div#colcontainer{width:630px;margin:0 auto} div#viewsample div#colcontainer div#col1{width:590px; background: #ffffff; padding:0px 20px 0px 20px;} div#viewsample div#viewsample-extra{width:630px;height:175px;background-image:url(../../eso.tv/images/viewsample-extra.jpg);background-repeat:no-repeat;background-position:bottom center;margin:0 auto} div#viewsample div#viewsample-extra h1{color:#323232; padding:0px; margin:0px;} div#viewsample div#viewsample-extra div.inner{width:400px;padding:20px 0 0 20px} div#viewsample div#viewsample-extra h1{font-size:22px;padding-bottom:6px} div#viewsample div#viewsample-extra p{font-size:12px;line-height:18px} div#viewsample div#col1 p{font-size:14px;line-height:22px;margin-bottom:14px} .sidebar .sidebar-item .note.error,.content .content-item .note.error{color:#e86060} .sidebar .sidebar-item .note.error span,div.th{font-weight:700} .wpeditControlHdr,.wpeditControlHdrEditBar{width:100%;background-color:#ccc;background-image:url(../images/jqueryui/ui-bg_highlight-soft_75_cccccc_1x100.png)} div.tr.package div.gift,div.tr.package div.value{width:221px} div.formcol1,body#emailreviewpage div.formcol1{width:190px;float:left;padding-top:2px;margin-bottom:10px} div.formcol2,body#emailreviewpage div.formcol2{width:400px;float:left;margin-bottom:10px} div.emailadvices h2.step1,div.emailadvices div.adviceblocktop ul.steps li.step1{background-image:url(../../common/images/steps-icon-1.gif)} div.emailadvices h2.step2,div.emailadvices div.adviceblocktop ul.steps li.step2{background-image:url(../../common/images/steps-icon-2.gif)} div.emailadvices div.adviceblocktop p.intro,div.emailadvices div.adviceblocktop p.stepstitle{width:630px;font-weight:700;line-height:18px;margin-bottom:10px} div.emailadvices div.adviceblockbottom p.navtop,div.emailadvices div.adviceblockbottom p.navbottom{text-align:right;padding-right:35px} div.emailadvices div.adviceblockbottom div#basicadvicebox,div.emailadvices div.adviceblockbottom div#premiumadvicebox{float:left;margin:0 28px} .adminbar { z-index: 9999; position: fixed; right: 3px; /*float: right; */ top: 80px; background-color: White; padding-bottom: 8px; padding-left: 8px; padding-right: 8px; padding-top: 5px; box-shadow: 0px 0px 5px Black;} .adminbar a{display:block; font-size: 12px; margin-right:3px; margin-bottom:1px; padding:0px 8px 0px 8px; background-color:#4D90FE; background-image:-webkit-gradient(linear,left top,left bottom,from(#4D90FE),to(#4787ED)); background-image:-webkit-linear-gradient(top,#4D90FE,#4787ED); background-image:-moz-linear-gradient(top,#4D90FE,#4787ED); background-image:-ms-linear-gradient(top,#4D90FE,#4787ED); background-image:-o-linear-gradient(top,#4D90FE,#4787ED); background-image:linear-gradient(top,#4D90FE,#4787ED); border:1px solid #3079ED; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; display:inline-block; filter:progid:DXImageTransform.Microsoft.gradient( startColorStr='#4D90FE',EndColorStr='#4787ED'); line-height:16px; color:white; text-decoration:none; font-weight:normal; border-image:initial; width:140px} .adminbar h3 { font-size: 12px; font-weight:bold;padding-top:3px;line-height:20px; } /*.adminbar .ui-accordion-content {padding: 0px 0px 8px 0px;}*/ div.landingcc .ccreglink.loggedin { display: none; } .landingpage h1, .landingpage h2, .landingpage h3, .landingpage h4, .landingpage h5, .landingpage h6 { font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal;} .landingpage {position: relative;} .landingpage #colcontainer { width: 990px; overflow:hidden;} .landingpage .inside{padding: 0px 20px;} .landingpage h1 {font-size: 48px; line-height: 48px; height: auto; color: #11769e; text-shadow: #d5baac 2px 2px 2px; padding-bottom: 15px; } .landingpage h2 {color: #be5171; font-size: 30px; line-height: 30px; padding-bottom: 10px; text-shadow: #fff 1px 1px 1px;} .landingpage h3 {color: #ffffff; font-size: 24px;} .landingpage h4 {color: #3781c2; font-size: 18px; padding: 0 0 12px 0;} .landingpage h5 {color: #3781c2; font-size: 14px; padding: 0 0 10px 0;} .landingpage h6 {color: #3781c2; font-size: 12px; padding: 0 0 8px 0;} .landingpage p {color: #58303C; font-family: Arial, Helvetica, sans-serif; font-size: 12px;} .landingpage .content-item .content-title{width: 100%} .lpheader { width: 918px; height: 338px; margin: -15px auto 0 auto; position: relative; } .lpheader .text { font-size: 14px; color: #58303c; width: 550px;} .lpheader .textarea { height: 338px; padding: 35px 0 0 0px; width: 590px;} .joscontainer{padding-left: 20px; padding-right: 10px;} div.josboxtype1 { height: 230px; } div.josboxtype1 .offerpopup .inside div {margin-top: 10px;} div.josboxtype1 .offerpopup {bottom: 40px} .lpheader .textarea ul { padding: 12px 0 12px 0;} .lpheader .textarea ul li { padding: 0 0 5px 0; margin: 0 0 0 0px; list-style-type: square;} .landingpage .price { font-size: 10px; color: #707070; font-family:Georgia, "Times New Roman", Times, serif;} .phoneContent { text-align: center; padding: 32px 0 32px 0; line-height: 36px; } .landingpage .phoneContent h1 { font-size: 50px; color: #3781c2; line-height: 50px; } .landingpage .phoneContent h2 { font-size: 36px !important; font-weight: bold; color: #3781c2; line-height: 48px; } .landingpage .phoneContent h3 { font-size: 24px; color: #3781c2; line-height: 24px; } .landingpage .phoneContent h4 { font-size: 22px; color: #3781c2; line-height: 18px; } .landingpage .phoneContent h5 { font-size: 14px; color: #3781c2; line-height: 14px; } .landingpage .phoneContent h6 { font-size: 10px; color: #707070; line-height: 10px; } .landingpage .phoneContent p {color: #58303C; line-height: 12px;} div.joslist-landing { width: 940px;} div.joslist-landing .price { font-family: Arial, Helvetica, sans-serif;} .moreexpert {width: auto; float: right; font-weight: bold; margin-top: 15px; margin-right: 8px; } img.headerpic { display: block; position: absolute; top: 0px; left: 35px; } div.landingcc span.clear,div.clear,div.clr{clear:both;font-size:0;line-height:0;height:0 !important;overflow:hidden;visibility:hidden;} div.landingcc span.fir{position:Absolute;display:block;width:100%;height:100%;left:0;top:0;} div.landingcc a span.fir,a:hover span.fir{cursor:pointer;} div.landingcc .centered{display:block;margin:0 auto;} div.landingcc .normal{font-weight:400 !important;} div.landingcc .bold{font-weight:700 !important;} div.landingcc .clear{clear:both;float:none;} div.landingcc div#hull{padding-left:25px;} div.landingcc div#content{width:940px;padding:0;} div.landingcc .button-related{text-align:left;font-size:18px;color:#fff;font-weight:700;font-family:Tahoma, Arial, Helvetica, sans-serif;padding:15px 0 0 15px;} div.landingcc a.click{display:block;height:54px;width:238px;background:transparent url(../../eso.tv/images/landingpage/creditcard/button_clickhere.png) no-repeat 0 0;text-align:center;font-size:18px;font-weight:400;color:#aa1b62;margin:5px auto 0;padding:4px 0 0;} div.landingcc span.widely{letter-spacing:1.5px;color:#aa1b62;} div.landingcc a.click:hover{text-decoration:none;} div.landingcc .detailed{font-size:11px;border-top:1px solid #cfcfcf;margin:0 20px;padding:12px 0 6px;} div.landingcc .bott{background:url(../../eso.tv/images/landingpage/creditcard/howitw-box-bottom.png) left top no-repeat;height:17px;padding:8px 0 12px;} div.landingcc .cnt{background:#fff; margin-top: -10px;} div.landingcc .headerpic{width:940px;clear:both;margin:0 auto;} div.landingcc .contentholder1 h2{color:#000;font-family:Arial, Helvetica, sans-serif;font-size:26px;font-weight:700;text-align:center;margin:0;padding:0 0 25px;} div.landingcc .cc-steps{width:900px;height:685px;background:url(../../eso.tv/images/landingpage/creditcard/bg_easysteps.jpg) center bottom no-repeat;position:relative;} div.landingcc .cc-steps .contenttext{width:515px;position:absolute;top:55px;right:60px;} div.landingcc .cc-steps .contenttext h3{background:url(../../eso.tv/images/landingpage/creditcard/howitw-box-top.png) top left no-repeat;color:#000;font-size:18px;font-family:Arial, Helvetica, sans-serif;padding:5px 24px; margin-bottom: 0px;} div.landingcc .cc-steps .contenttext ul{background:#fff;font-size:14px;font-family:Arial, Helvetica, sans-serif;color:#000;padding:15px 35px 0 15px;} div.landingcc .cc-steps .contenttext ul li{padding:0 0 25px 72px;} div.landingcc .cc-steps .contenttext ul li.step1{background:url(../../eso.tv/images/landingpage/creditcard/step_1.png) top left no-repeat;} div.landingcc .cc-steps .contenttext ul li.step2{background:url(../../eso.tv/images/landingpage/creditcard/step_2.png) top left no-repeat;} div.landingcc .cc-steps .contenttext ul li.step3{background:url(../../eso.tv/images/landingpage/creditcard/step_3.png) top left no-repeat;} div.landingcc .cc-steps .contenttext .footnote{background:url(../../eso.tv/images/landingpage/creditcard/howitw-box-bottom.png) top left no-repeat;padding:0 0 10px;} div.landingcc .cc-steps .contenttext ul li h4{font-size:18px;font-weight:400;color:#000;padding:0 0 10px;} div.landingcc .cc-steps .contenttext ul li h4 span{color:#cf2c7e;font-family:"Times New Roman", Times, serif;font-size:24px;font-style:italic;font-weight:700;} div.landingcc .cc-steps .contenttext ul li ul{padding:12px 0 15px 25px;} div.landingcc .cc-steps .contenttext ul li ul li{background:url(../../eso.tv/images/landingpage/creditcard/bullet.gif) 0 4px no-repeat;margin:0;padding:0 0 0 14px;} div.landingcc .cc_logos{padding:10px 0;} div.landingcc .cc_logos img{margin-right:15px; margin-bottom: -15px;} div.landingcc .cnt ul li { position: relative; } div.landingcc .cnt ul li img.number { position: absolute; left: 0px; top: 0px; } div.landingcc .cnt ul li em { color: #cf2c7e; font-family: "Times New Roman", Times, serif; font-size: 24px; font-weight: 700; } div.landingpp p { margin: 10px 0px; font-size: 13px; line-height: 20px; } /* CMS default HEADER */ .cms_banner-item h4{font-size: 24px; color:#ffffff; font-weight: normal;margin: 10px 0px 0px 20px;} .cms_banner-item h3{font-size: 24px; font-weight: bold;color: #ffea38;text-transform: uppercase; margin: 3px 0px 5px 20px;} .cms_banner-item h5{font-size: 18px; font-weight: bold;color: #ffffff; margin: 0px 0px 0px 20px; font-weight: normal;} .cms_banner-item .text{ margin: 20px 0px 30px 20px; font-size: 18px; } .cms_banner-item .text span{font-size: 26px;color: #348fd6; font-weight: bold; display:block;} .cms_banner-item div.price{font-family: Arial; line-height: 12px; font-size: 14px; max-width: 320px; text-shadow: 0px 1px 4px rgba(0,0,0,0.5);color:#ffffff !important;} .changereadingtype{background: #15509c url(../images/background-submit.png) repeat-x; /*line-height: 27px;*/ padding: 6px 12px 6px 12px; margin-top: 8px; color:#ffffff; font-weight: bold; text-decoration: none; font-size: 12px; white-space: nowrap; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; display:block; float:left;} .changereadingtype:hover{color:#ffffff; background: #c15fa4;} .selectedreadingtype{background: transparent url(../images/background-sidebar-blue.png) 0px 0px repeat-y; clear:both; padding:15px; border-top: 1px solid #c1dbff; border-bottom: 1px solid #c1dbff; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;} div.adviceblocktop ul li { margin: 10px 0px; } /* payment new */ .paymentEndBox{width:445px;background:#EDF4FB url(../images/afterpurchasebg.png) no-repeat 0 0;border:1px solid #C0DAFF;border-radius:2px;text-align:center;margin:18px 0 0;padding:80px} .paymentEndBox h2,.paymentEndBox h3{font-weight:400;color:#3F3F3F;margin:10px 0} .paymentEndBox h2{margin:0 0 20px} .paymentEndBox h2 span,.paymentEndBox h3 span{color:#CE6BB2} .paymentEndBox .submit{display:block;height:26px;line-height:25px;margin:15px 0 0;padding:0 10px} .paymentEndBox .submit .fl{float:left} .paymentEndBox .submit .fr{float:right} .inputholder select{margin:0 5px 0 0} .article-main .text,.content-item.crop.aboutme p{padding-bottom:15px} .articleinfo a,div.articlelabel a{color:#c2c2c2} .payment-steps,.mppMemberCenterMemberCenterMyAccount .content .content-item{width:610px} .fl.button_cards{ margin-top: -5px; margin-left: 8px;} .tvshow .tvprev,.tvshow .tvnext{background: #15509c url(../images/background-submit.png) repeat-x; /*line-height: 27px;*/ padding: 6px 12px 6px 12px; color:#ffffff; font-weight: bold; text-decoration: none; font-size: 12px; white-space: nowrap; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;} .tvshow .tvprev:hover,.tvshow .tvnext:hover{color:#ffffff; background: #c15fa4;} .tvshow .tvnext {float:right; margin-right: 20px;} .popupmessage {background:#ffffff; padding: 10px; border: 1px solid #848484; /*width: 300px;*/ padding-left: 70px; webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-position: 10px 10px; background-repeat: no-repeat;} .popupmessage.alert{background-image:url('../images/popup-alert.png');} .popupmessage.ok{background-image:url('../images/popup-ok.png');} .popupmessage.error{background-image:url('../images/popup-error.png');} .popupmessage.info{background-image:url('../images/popup-info.png');} .popupmessage.clock{background-image:url('../images/popup-clock.png');} .popupmessage b{display: block; font-size: 14px;} .popupmessage div{padding-top: 5px;} /* fancy fix */ #fancybox-loading{position:fixed; top:50%; left:50%; width:40px; height:40px; margin-top:-20px; margin-left:-20px; cursor:pointer; overflow:hidden; z-index:1104; display:none} #fancybox-loading div{position:absolute; top:0; left:0; width:40px; height:480px; background-image:url('./images/fancybox/fancybox.png')} #fancybox-overlay{position:absolute; top:0; left:0; width:100%; z-index:1100; display:none} #fancybox-tmp{padding:0; margin:0; border:0; overflow:auto; display:none} #fancybox-wrap{position:absolute; top:0; left:0; padding:20px; z-index:1101; outline:none; display:none} #fancybox-outer{position:relative; width:100%; height:100%; background:transparent} #fancybox-content{width:0; height:0; padding:0; outline:none; position:relative; overflow:hidden; z-index:1102; border:0px solid #fff} #fancybox-hide-sel-frame{position:absolute; top:0; left:0; width:100%; height:100%; background:transparent; z-index:1101} #fancybox-close{position:absolute; top:-15px; right:-15px; width:30px; height:30px; /*background:transparent url('./images/fancybox/fancybox.png') -40px 0px;*/ cursor:pointer; z-index:1103; display:none} #fancybox-error{color:#444; font:normal 12px/20px Arial; padding:14px; margin:0} #fancybox-img{width:100%; height:100%; padding:0; margin:0; border:none; outline:none; line-height:0; vertical-align:top} #fancybox-frame{width:100%; height:100%; border:none; display:block} #fancybox-left, #fancybox-right{position:absolute; bottom:0px; height:100%; width:35%; cursor:pointer; outline:none; background:transparent url('./images/fancybox/blank.gif'); z-index:1102; display:none} #fancybox-left{left:0px} #fancybox-right{right:0px} #fancybox-left-ico, #fancybox-right-ico{position:absolute; top:50%; left:-9999px; width:30px; height:30px; margin-top:-15px; cursor:pointer; z-index:1102; display:block} #fancybox-left-ico{background-image:url('./images/fancybox/fancybox.png'); background-position:-40px -30px} #fancybox-right-ico{background-image:url('./images/fancybox/fancybox.png'); background-position:-40px -60px} #fancybox-left:hover, #fancybox-right:hover{visibility:visible; /* IE6 */} #fancybox-left:hover span{left:20px} #fancybox-right:hover span{left:auto; right:20px} .fancybox-bg{position:absolute; padding:0; margin:0; border:0; width:20px; height:20px; z-index:1001} #fancybox-bg-n{top:-20px; left:0; width:100%; background-image:none} #fancybox-bg-ne{top:-20px; right:-20px; background-image:none; background-position:-40px -162px} #fancybox-bg-e{top:0; right:-20px; height:100%; background-image:none; background-position:-20px 0px} #fancybox-bg-se{bottom:-20px; right:-20px; background-image:none; background-position:-40px -182px} #fancybox-bg-s{bottom:-20px; left:0; width:100%; background-image:none; background-position:0px -20px} #fancybox-bg-sw{bottom:-20px; left:-20px; background-image:none; background-position:-40px -142px} #fancybox-bg-w{top:0; left:-20px; height:100%; background-image:none} #fancybox-bg-nw{top:-20px; left:-20px; background-image:none; background-position:-40px -122px} #fancybox-title{font-family:Helvetica; font-size:12px; z-index:1102} .fancybox-title-inside{padding-bottom:10px; text-align:center; color:#333; background:#fff; position:relative} .fancybox-title-outside{padding-top:10px; color:#fff} .fancybox-title-over{position:absolute; bottom:0; left:0; color:#FFF; text-align:left} #fancybox-title-over{padding:10px; background-image:url('./images/fancybox/fancy_title_over.png'); display:block} .fancybox-title-float{position:absolute; left:0; bottom:-20px; height:32px} #fancybox-title-float-wrap{border:none; border-collapse:collapse; width:auto} #fancybox-title-float-wrap td{border:none; white-space:nowrap} #fancybox-title-float-left{padding:0 0 0 15px; background:url('./images/fancybox/fancybox.png') -40px -90px no-repeat} #fancybox-title-float-main{color:#FFF; line-height:29px; font-weight:bold; padding:0 0 3px 0; background:url('./images/fancybox/fancybox-x.png') 0px -40px} #fancybox-title-float-right{padding:0 0 0 15px; background:url('./images/fancybox/fancybox.png') -55px -90px no-repeat} /* IE6 */.fancybox-ie6 #fancybox-close{background:transparent; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_close.png',sizingMethod='scale')} .fancybox-ie6 #fancybox-left-ico{background:transparent; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_nav_left.png',sizingMethod='scale')} .fancybox-ie6 #fancybox-right-ico{background:transparent; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_nav_right.png',sizingMethod='scale')} .fancybox-ie6 #fancybox-title-over{background:transparent; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_over.png',sizingMethod='scale'); zoom:1} .fancybox-ie6 #fancybox-title-float-left{background:transparent; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_left.png',sizingMethod='scale')} .fancybox-ie6 #fancybox-title-float-main{background:transparent; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_main.png',sizingMethod='scale')} .fancybox-ie6 #fancybox-title-float-right{background:transparent; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_right.png',sizingMethod='scale')} .fancybox-ie6 #fancybox-bg-w, .fancybox-ie6 #fancybox-bg-e, .fancybox-ie6 #fancybox-left, .fancybox-ie6 #fancybox-right, #fancybox-hide-sel-frame{height:expression(this.parentNode.clientHeight+"px")} #fancybox-loading.fancybox-ie6{position:absolute; margin-top:0; top:expression( (-20+(document.documentElement.clientHeight ? document.documentElement.clientHeight/2:document.body.clientHeight/2 )+( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop:document.body.scrollTop ))+'px')} #fancybox-loading.fancybox-ie6 div{background:transparent; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_loading.png',sizingMethod='scale')} .fancybox-ie .fancybox-bg{background:transparent !important} .fancybox-ie #fancybox-bg-n{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_n.png',sizingMethod='scale')} .fancybox-ie #fancybox-bg-ne{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_ne.png',sizingMethod='scale')} .fancybox-ie #fancybox-bg-e{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_e.png',sizingMethod='scale')} .fancybox-ie #fancybox-bg-se{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_se.png',sizingMethod='scale')} .fancybox-ie #fancybox-bg-s{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_s.png',sizingMethod='scale')} .fancybox-ie #fancybox-bg-sw{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_sw.png',sizingMethod='scale')} .fancybox-ie #fancybox-bg-w{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_w.png',sizingMethod='scale')} .fancybox-ie #fancybox-bg-nw{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_nw.png',sizingMethod='scale')} .mobilehead{display:none;} .switchtodesktop {display:none;} .footersiteselector{display:none} /*extra sliders*/ .pod{width: 100% !important; height: 100%; position:relative; background-repeat: no-repeat; background-size: 100% auto !important; color:#ffffff; font-family: Arial; cursor:pointer;} .pod .pod-col2{width: 32.8% !important; margin: 4% !important; float:right; margin-right: 4.9% !important; margin-top: 4.2% !important} .pod .pod-col2 img{width: 100% !important; height: auto !important;} .pod .pod-col1{float:left; width: 50%; padding: 3%;height: 80%; position:relative;} .pod .pod-col1 .pod-title{width: 100%; font-family: "Trebuchet MS"; font-size: 32px; text-shadow: 0px 0px 8px rgba(0,0,0,0.8);line-height: 1.5em} .pod .pod-col1 .pod-name .pod-profilename{display: block; width: 100%; font-family: "Trebuchet MS"; font-weight: bold; font-size: 42px; color:yellow; line-height: 1em} .pod .pod-col1 .pod-name .pod-extension{display: block; width: 100%; font-family: "Trebuchet MS"; font-weight: bold; font-size: 30px; color:yellow; line-height: 1em} .pod .pod-col1 .pod-info{display: block; width: 100%; font-family: "Trebuchet MS"; font-weight: bold; padding-top: 1%; } .pod .pod-col1 .pod-info .p-r1{color:#3781c2; width: 100%; font-size: 16px; line-height: 1em} .pod .pod-col1 .pod-info .p-r2{color:#ffffff; width: 100%; font-size: 28px; padding: 2% 0px 1% 0px;} .pod .pod-col1 .pod-info .p-r3{color:#be9bd6; width: 80%; font-size: 12px;line-height: 1.2em; font-weight: normal; position:absolute; bottom:3%} .htmlcontent h2{padding-bottom: 20px; font-size: 23px; padding-top: 10px; line-height: 28px;} .htmlcontent h3{padding-bottom: 10px; padding-top: 0px; margin-top:0px; font-size: 16px; text-transform:none; font-weight: bold} .htmlcontent p{padding-bottom: 10px; font-size: 14px; line-height: 20px;} .htmlcontent li{font-size:14px; line-height: 20px; padding-bottom: 6px; } .htmlcontent ul {list-style: none;padding:0;margin:0; padding-bottom: 15px;} .htmlcontent li {padding-left: 10px;text-indent: -1px;} .htmlcontent li:before {content: "■";padding-left: 0;color: #d06eb3;font-size: 14px;padding-right: 8px;display: block;float: left;margin-top: -2px;} .htmlcontent hr{border:0px; padding: 0px 0px 0px 0px; margin: 15px 10px 25px 0px; border-bottom: 2px solid #ddd} /* Testimonials */ .testimonials { text-align: left; } .testimonials.cols.three-col .testimonial { width: 33.33333333333333333333333333%; background: url(../../eso.tv/images/quote.png) top left no-repeat; padding: 30px; float: left; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .testimonials.cols.four-col .testimonial { width: 25% !important; background: url(../../eso.tv/images/quote.png) top left no-repeat; padding: 30px; float: left; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .testimonials.rows .testimonial { width: 100%; background: url(../../eso.tv/images/quote.png) top left no-repeat; padding: 30px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .testimonials .testimonial .quote { font-style: italic; font-family: Arial; font-size: 14px; color: #6b6b6b; line-height: 1.5; background: none; padding: 0px; margin: 0px; } .testimonials .testimonial .author { font-weight: bold; font-family: Arial; font-size: 12px; color: #D06EB3; padding: 10px 0px; border-bottom: 1px solid #e2e2e2; } .testimonials .testimonial .psy { font-style: italic; font-weight: bold; font-family: Arial; font-size: 16px; color: #3781c2; margin-top: 5px; text-align: right; white-space: nowrap; } .testimonials .testimonial .ext { background: #e2e2e2; color: #6D9D21; padding: 5px 10px; font-size: 14px; border-radius: 20px; margin-left: 10px; white-space: nowrap; } .testimonials.cols.three-col .testimonial .quote { font-style: italic; font-family: Arial; font-size: 14px; color: #6b6b6b; line-height: 1.5; background: none; padding: 0px; margin: 0px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 7; -webkit-box-orient: vertical; } .testimonials.cols.three-col .testimonial .author { font-weight: bold; font-family: Arial; font-size: 12px; color: #D06EB3; padding: 10px 0px; border-bottom: 1px solid #e2e2e2; } .testimonials.cols.three-col .testimonial .psy { font-style: italic; font-weight: bold; font-family: Arial; font-size: 16px; color: #3781c2; padding-top: 10px; text-align: center; display: block; } .testimonials.cols.three-col .testimonial .ext { background: #e2e2e2; color: #6D9D21; padding: 5px 10px; margin-top: 10px; font-size: 14px; border-radius: 20px; display: block; text-align: center; margin-left: 0px; } .testimonials .testimonial .quote:before { content: open-quote; } .testimonials .testimonial .quote:after { content: close-quote; } .testimoniallist .item-content:last-child .onecomment { border-bottom: none !important; } .onecomment { background: url(../../eso.tv/images/quote.png) 0px -10px no-repeat; padding-bottom: 10px !important; border-bottom: 1px dashed #e2e2e2 !important; margin-bottom: 10px !important; } .onecomment .text { font-style: italic !important; font-family: Arial; padding-left: 65px; } .onecomment .text:before { content: open-quote; } .onecomment .text:after { content: close-quote; } .onecomment .title { float: left; padding-left: 65px; text-transform: capitalize; font-size: 14px; padding-bottom: 5px; display: block; } .onecomment .date { text-indent: 10px; padding-bottom: 5px; display: block; } .onecomment-ratingstars { padding-left: 65px; padding-top: 5px; } .content-item .item-content .form .row.gap { padding-right: 10px; } .content-item .item-content .form .row.cleared { clear: both !important; } .content-item .item-content .form .row.col4 { float: left; width: 33.33333333%; } .content-item .item-content .form .row.col8 { float: left; width: 66.66666667%; } .content-item .item-content .form .row.col6 { float: left; width: 50%; } .content-item .item-content .form .row.col12 { float: left; width: 100%; } .content-item .item-content .form .row.name { clear: none !important; margin-right: 10px; font-size: 12px !important; } .content-item .item-content .form .row.email { clear: none !important; font-size: 12px !important; } .content-item .item-content .form .row.stars .ratestars { float: left; clear: none !important; } .content-item .item-content .form .row.stars { height: auto !important; clear: none !important; } .content-item .item-content .form .row.textarea textarea { padding: 5px; font-size: 12px !important; } .content-item .item-content .form .row .rating { margin: 6px 0px !important; width: 80px; float: right; clear: none !important; } .content-item .item-content .form .row.submitholder { padding: 10px 0px 20px; } .content-item .item-content .form .row.stars .label { width: auto; padding: 0px 10px 0px 10px; line-height: 32px; } .content-item .item-content .form .row.captcha .label { line-height: normal; padding-bottom: 5px; padding-top: 0px !important; } .content-item .item-content .form .row.captcha { padding: 0px 0px 20px 10px; } .content-item .item-content .form.testimonial { padding-left: 65px; } .content-item .item-content .form.testimonial .content-title { border: none !important; font-size: 14px; font-weight: bold; } .content-item .item-content .form.testimonial .row { clear: none !important; height: auto !important; box-sizing: border-box; } .content-item .item-content .form.testimonial .row .inputholder { width: 100% !important; } .form.testimonial .inputholder textarea, .form.testimonial .inputholder input { width: 100% !important; box-sizing: border-box; text-indent: 5px; font-size: 12px !important; } .content-item .item-content .form .row.textarea { margin-top: 8px; } .inputholder .submit { display: block; float: left; margin-bottom: 30px; } .charleft { text-align: left; width: auto !important; font-size: 10px; color: #bebebe; display: none; } .submitholder .submit { border-radius: 5px; display: block; float: left; } .star, .star a { background: url(../../eso.tv/images/star.png) no-repeat 0 0px; } .rating { cursor: pointer; margin: 2em; clear: both; display: block; margin-top: 6px !important; } .rating:after { content: '.'; display: block; height: 0; width: 0; clear: both; visibility: hidden; } .star { float: left; width: 16px; height: 16px; overflow: hidden; text-indent: -999em; cursor: pointer; } .star a { display: block; width: 100%; height: 100%; background-position: 0 0px; } div.rating div.on a { background-position: 0 -16px; } div.rating div.hover a, div.rating div a:hover { background-position: 0 -32px; } .rating_title { float: left; line-height: 30px; } .mainpage .wrapper .main .wpControlBox.content-item .content-title { width: auto; margin: 35px 20px 0 0; /*border-bottom: 0;*/ } input[type=checkbox]{width:auto !important;} /* New psychic box */ .psychic-container * { margin: 0px; padding: 0px; box-sizing: border-box;} .clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .clearfix { display: block; } /*.psychic-container { width: 300px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background-color: #e5f3ff; float:left; }*/ .psychic-container .row-main { margin-bottom: 10px; padding: 10px 10px 0px 10px; } .psychic-container .psychic-picture { float: left; } .psychic-container .psychic-picture img { -webkit-box-shadow: 0 0 5px rgba(12,13,13,.25); -moz-box-shadow: 0 0 5px rgba(12,13,13,.25); box-shadow: 0 0 5px rgba(12,13,13,.25); border: solid 5px #fff; width:110px; height:110px; } .psychic-container .psychic-details { float: left; clear: right; margin-left: 10px; width: 160px; } .psychic-container .psychic-details .row1 a { font-family: Arial; font-size: 16px; font-weight: bold; color: #3781c2; text-decoration:none; } .psychic-container .psychic-details .row2 { color: #f1c40f; font-size: 12px; } .psychic-container .psychic-details .row3 { font-family: Arial; font-size: 11px; line-height: 15px; color: #555; padding-top: 2px;} .psychic-container .psychic-details .row3 a { color: #3781c2; text-decoration: none; } .psychic-container .psychic-details .morebutton {background:none !important; padding-left:10px; line-height: 15px; } .psychic-container .row-callme { padding: 10px 10px 10px 10px; width: 300px; height: auto; -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; background-color: #cce7ff; -webkit-box-shadow: 0 3px #99cfff; -moz-box-shadow: 0 3px #99cfff; box-shadow: 0 3px #99cfff; border-top: 1px solid #99cfff; text-align: center; } .psychic-container .row-callme a { width: 280px; height: 50px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; display: table; font-family: Arial; color: #fff; text-decoration: none; text-align: center; line-height: normal; margin-bottom: 5px; position:relative; transition: all ease 0.2s; } .online .psychic-container .row-callme a {background-color: #66cc99; -webkit-transition-property: -webkit-transform; -webkit-transition-duration: 1s;} .offline .psychic-container .row-callme a {background-color: #bdc3c7;} .busy .psychic-container .row-callme a{background-color: #eb6d60;} .psychic-container .row-callme a .status-cont { display: table-cell; vertical-align: middle; } .psychic-container .row-callme a .status-cont span:first-child { font-size: 14px; font-weight: bold; text-transform: uppercase; text-align: center; display: block; } .psychic-container .row-callme a .status-cont span:last-child { font-size: 11px; text-transform: none; font-weight: normal; text-align: center; vertical-align: middle; display: block; } .psychic-container .row-callme .row4 { font-family: Arial; font-size: 18px; font-weight: bold; color: #2c3e50; } .psychic-container .row-callme .row5 { font-family: Arial; font-size: 11px; color: #7f8c8d; line-height: 12px; padding-top: 8px; } /* .online .psychic-container .row-callme a:hover {-webkit-animation-name: rotate; -webkit-animation-duration: 1s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear;} @-webkit-keyframes rotate { 0% {background-color:#66cc99;} 50% {background-color:#03A678;} 100% {background-color:#66cc99;} } */ .star-ratings-css { width:50px; height:10px; position:relative; max-width:50px; overflow:hidden;margin-top:2px; margin-bottom:3px;} .star-ratings-css-top {height:10px; width:50px; z-index:2; background:url(/template/eso.tv/images/stars-transparent.png) center center no-repeat; position:absolute; top:0px; left:0px; } .star-ratings-css-bottom { z-index: 1; height:10px; position:absolute; top:0px; left:0px; background-color:#ffcc00; width:100%; } .star-ratings-css-reference { z-index:0; height:10px; position:absolute; top:0px; left:0px; background-color:#CCC; width:100%;} .master .psychic-container .ribbon {position:absolute; top:-5px; left:-5px; background:url(/template/eso.tv/images/ribbon_01.png) center center no-repeat; width:89px; height:89px;} .master .psychic-container .ribbon-b {position:absolute; top:-5px; left:-5px; background:url(/template/eso.tv/images/ribbon_02.png) center center no-repeat; width:89px; height:89px;} .master .psychic-container {background-color:#fff2fa !important; position:relative; border-radius:5px;} .master .psychic-container .row-callme {background-color:#ffe5f5 !important; border-top: 1px solid #ffcceb !important; box-shadow: 0 3px #ffcceb !important;} .master .psychic-container .star-ratings-css-top {height:10px; width:50px; z-index:2; background:url(/template/eso.tv/images/stars-transparent-master.png) center center no-repeat; position:absolute; top:0px; left:0px; } .master .psychic-container .row-callme .row4 {color:#ffffff !important} /* .online .psychic-container .row-callme a:before {content:"\2706"; position:absolute; top:0px; left:5px; color:#fff; font-size:26px; line-height:44px; opacity:0; transition:all ease 0.2s; width: 50px; height:50px; text-align:center; background-color:#03A678; border-top-left-radius:5px; border-bottom-left-radius:5px;} .online .psychic-container .row-callme a:hover:before {opacity:1; left:0px;} */ /* .psychic-container:hover .row-callme .row4 { -webkit-animation-name: 'pulse_animation'; -webkit-animation-duration: 1s; -webkit-transform-origin:center center; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; } @-webkit-keyframes pulse_animation { 0% { -webkit-transform: scale(1); } 50% { -webkit-transform: scale(1.05); } 100% { -webkit-transform: scale(1); } } */ }