html, body {
margin: 0;
padding: 0;
font: 12px "Arial", "Trebuchet MS", "Tahoma", "Verdana";
text-align: left;
background: #999999 url(/gfx/bg_body2.gif) repeat-x top center;
color: #010101;
line-height: 17px;
}
/*
** headings
**/
h1 {
display: block;
width: 720px;
float: left;
margin: 0;
background: transparent url(/gfx/bg_h1.png) no-repeat 0 0;
}
h1.long {
width: 900px;
}
h1.first {
background: transparent url(/gfx/bg_h1_first.png) no-repeat 0 0;
}
h1 span {
display: block;
float: left;
padding: 6px;
margin-top: 15px;
background-color: #000;
color: #fff;
font: 24px "Trebuchet MS";
}
h1.first span { margin-top: 0; }
#bigdata h1.first {
width:inherit;
}
h2 {
display: block;
width: 250px;
height: 41px;
float: left;
margin: 0;
background: transparent url(/gfx/bg_h2.png) no-repeat 0 0;
}
h2 span {
display: block;
float: left;
height: 34px;
padding: 6px 6px 0 6px;
background-color: #000;
color: #fff;
font: 24px "Trebuchet MS";
}
form.noa a {
background-color: transparent;
color: #000;
text-decoration: none;
}
/*
** div's
**/
div#container {
width: 100%;
float: left;
background: transparent url(/gfx/bg_container3.gif) no-repeat top center;
}
div#content {
width: 980px;
margin: 0 auto;
}
div#top {
width: 980px;
height: 110px;
float: left;
}
div#content-container {
width: 980px;
float: left;
}
div#data {
width: 720px;
float: left;
margin-right: 10px;
}
div#bigdata {
width: 980px;
float: left;
}
div#right {
width: 250px;
float: left;
}
div#footer {
width: 100%;
height:65px;
float: left;
margin-top: 45px;
background-color: #000;
}
div.footer {
width: 980px;
height: 67px;
margin: -23px auto 0 auto;
background: transparent url(/gfx/bg_footer.png) no-repeat 0 0;
}
/*
** box
**/
div.box {
width: 700px;
padding: 10px;
float: left;
background-color: #fff;
position: relative;
}
div.small-box {
width: 230px;
padding: 10px;
margin-bottom: 10px;
float: left;
background-color: #fff;
position: relative;
}
div.box p.news-date {
color: #555;
display: block;
height: 18px;
}
div.box a.positioned-more-comment,
div.box a.positioned-more,
div.small-box a.positioned-more {
position: absolute;
bottom: 5px;
right: 5px;
display: block;
height: 18px;
padding: 2px 5px 0 5px;
background-color: #ed008c;
font-weight: bold;
color: #fff;
text-decoration: none;
}
div.box a.positioned-more-comment {
right: 100px;
}
div.small-box a.positioned-more.users {
bottom: -5px;
right: -5px;
}
div.szmotyi {
position: absolute;
top: -41px;
right: -60px;
width: 60px;
height: 200px;
background: transparent url(/gfx/bg_szmotyi.png) no-repeat 0 0;
}
/*
** box description
**/
div.boxdescription {
width: 475px;
padding: 0 0 0 0;
float: left;
}
div.boxdescription div.info {
width: 465px;
height: 24px;
padding: 6px 5px 0 5px;
float: left;
text-align: right;
background-color: #e2e2e2;
margin: 0 0 15px 0;
}
div.boxdescription p,
div.boxdescription span {
line-height:150%;
font-family: Arial, Verdana, sans-serif;
color: #222;
font-size: 14px;
text-align: justify;
}
::selection {
background: #ED008C;
color: #FFFFFF;
}
::-moz-selection {
background: #ED008C;
color: #FFFFFF;
}
div.boxdescription a {
color: #ed008c;
text-decoration: none;
}
div.boxdescription a:hover {
text-decoration: underline;
}
div.boxdescription div.info a {
background-color: #f4ae04;
color: #000;
text-decoration: none;
padding: 2px;
}
div.releated-n,
div.releated {
width: 240px;
float: right;
margin-right: 10px;
}
div.releated-n {
width: 200px;
}
div.releated-box2,
div.releated-box3,
div.releated-box {
clear: both;
float: left;
width: 230px;
margin: 25px 0 10px 0;
background-color: #eee;
border: 5px solid #e6e6e6;
position: relative;
}
div.width200 {
width: 200px;
}
div.releated-n h3,
div.releated h3 {
position: absolute;
top: -30px;
left: 0;
height: 27px;
padding: 3px 5px 0 5px;
background-color: #000;
float: left;
color: #fff;
font: 18px "Trebuchet MS";
margin: 0 0 0 5px;
font-weight: normal;
}
div.releated-box ul,
div.topten ul {
padding: 0;
margin: 0;
list-style-type: none;
font: 14px "Trebuchet MS";
}
div.releated-box ul.autoheight li {
height: auto;
padding: 7px 0 7px 6px;
font: 12px "Arial";
}
div.releated-box ul li,
div.topten ul li {
padding: 0;
margin: 0;
height: 25px;
padding: 7px 0 0 6px;
}
div.topten ul.birthday li {
width: 224px;
float: left;
}
div.topten ul li { background-color: #eee; }
div.releated-box ul li.even,
div.topten ul li.even { background-color: #e2e2e2; }
div.releated-box ul li span,
div.topten ul li span {
color: #fff;
font-weight: bold;
background-color: #f75d00;
padding: 2px 4px;
margin-right: 5px;
}
div.topten ul li span.age {
color: #000;
font-weight: normal;
background-color: transparent;
padding: 0;
float: right;
margin-right: 10px;
font: 14px "Trebuchet MS";
}
div.releated-box ul li a,
div.topten ul li a {
color: #ed008c;
text-decoration: none;
font: 14px "Trebuchet MS";
font-weight: bold;
}
.orangebutton{
background-color: #f4ae04;
color: #000;
text-decoration: none;
padding: 2px;
}
/*
* pinned-catnews
*/
div.pinned-catnews {
width: 345px;
float: left;
position: relative;
margin: 0 0 10px 0;
border-right:1px solid #eee;
}
div.newscat {
width: 345px;
float:left;
margin-right: 10px;
position: relative;
}
div.newscat.inner h3.newscattitle a {
position: absolute;
top: 0;
left: 0;
height: 27px;
// padding: 3px 5px 0 5px;
background-color: #000;
float: left;
color: #EFE3C2;
font: 18px "Trebuchet MS";
margin: 0 0 0 0px;
font-weight: normal;
text-decoration:none;
}
div.pinned-catnews h3 a {
position: absolute;
bottom: 64px;
left: 10px;
padding: 3px 5px;
float: left;
background-color: #000;
color: #fff;
text-decoration: none;
line-height:19px;
font: 15px "Trebuchet MS";
}
div.pinned-catnews div.description {
width: 325px;
height: 60px;
padding: 0px 10px 10px 10px;
float: left;
margin-top: 1px;
background-color: #e2e2e2;
}
div.pinned-catnews div.description a.positioned-more {
bottom: -5px;
right: -5px;
}
div.newscat.nomargin {
margin-right:0;
}
/*
** pinned-news
**/
div.pinned-news {
width: 410px;
height: 320px;
float: left;
position: relative;
}
div.pinned-news h3 a {
position: absolute;
bottom: 80px;
left: 10px;
display: block;
padding: 3px 5px;
float: left;
line-height: 24px;
background-color: #000;
color: #fff;
text-decoration: none;
font: 18px "Trebuchet MS";
}
div.pinned-news div.description {
width: 390px;
height: 74px;
padding: 5px 10px 10px 10px;
float: left;
margin-top: 1px;
background-color: #c6c6c6;
}
div.pinned-news div.description a.positioned-more {
bottom: -5px;
right: -5px;
}
div.more-pinned-news.last,
div.more-pinned-news {
width: 275px;
height: 100px;
float: left;
margin: 0 0 10px 15px;
color: #000;
}
div.more-pinned-news.last{
margin: 0 0 0 15px;
}
div.more-pinned-news img { margin: 0 5px 0 0; }
div.more-pinned-news h3 { margin: 3px 0 0 0; }
div.more-pinned-news h3 a {
color: #fff;
text-decoration: none;
font: 14px "Trebuchet MS";
padding: 3px;
background-color: #000;
line-height: 20px;
}
div.more-pinned-news.articles {
margin: 0 0 5px 10px;
width: 335px;
background-color: #e2e2e2;
padding:5px;
height:85px;
}
div.more-pinned-news.articles.nomargin {
margin: 0 0px 5px 0;
}
div.more-news-box {
background-color: #E2E2E2;
width:275px;
float:right;
}
div.more-news-box ul {
padding: 0;
margin: 0;
list-style-type: none;
}
div.more-news-box ul li {
padding: 0;
margin: 0;
height: 29px;
padding: 7px 0 0 6px;
}
div.more-news-box ul li { background-color: #eee; }
div.more-news-box ul li.even { background-color: #e2e2e2; }
div.more-news-box ul li span {
color: #fff;
font-weight: bold;
background-color: #f75d00;
padding: 2px 4px;
margin-right: 5px;
}
div.more-news-box ul li a {
color: #ed008c;
text-decoration: none;
font: 14px "Trebuchet MS";
font-weight: bold;
}
div.more-pinned-news.articles.celeb {
background-color: #EFE3C2;
}
div.pinned-catnews div.description.celeb {
background-color: #EFE3C2;
}
div.pinned-catnews div.description.film {
background-color: #E0EBEF;
}
div.more-pinned-news.articles.film {
background-color: #E0EBEF;
}
div.pinned-catnews div.description.zene {
background-color: #E2E2E2;
}
div.more-pinned-news.articles.zene {
background-color: #E2E2E2;
}
div.pinned-catnews div.description.divat {
background-color: #EFE0E0;
}
div.more-pinned-news.articles.divat {
background-color: #EFE0E0;
}
/*
** pinned-forum
**/
div.pinned-forum {
float: left;
width: 700px;
height: 268px;
background-color: #e2b444;
}
div.pinned-forum table {
width: 690px;
margin: 5px 0 0 5px;
}
div.pinned-forum table td.number {
text-align: center;
vertical-align: middle;
width: 20px;
color: #fff;
font: 16px "Trebuchet MS";
background-color: #000;
}
div.pinned-forum table td.description {
height: 50px;
padding: 0 0 0 4px;
}
div.pinned-forum table td.description span { font: 17px "Trebuchet MS";line-height:120%;}
div.pinned-forum table td.description a {
background-color: #f75d00;
color: #fff;
text-decoration: none;
padding: 2px;
font-weight:bold;
}
div.pinned-forum table td.description span a {
background: transparent;
color: #000;
font-size: 17px "Trebuchet MS";
text-decoration: none;
display:block;
margin-bottom:4px;
padding-top:1px;
font-weight:400;
}
div.pinned-forum table td.even { background-color: #e8c369; }
/*
** start-box
**/
div.star-box {
width: 131px;
height: 190px;
float: left;
background: transparent url(/gfx/bg_starbox.gif) no-repeat 0 0;
margin-right: 5px;
padding: 5px 0 5px 5px;
color: #fff;
font: 14px "Trebuchet MS";
position: relative;
}
div.mb10 div.star-box { margin-bottom: 10px; }
div.star-box.last { margin-right: 0; }
div.star-box span.star-name {
position: absolute;
bottom: 16px;
left: 10px;
color: #fff;
font: 14px "Trebuchet MS";
text-decoration: none;
}
div.star-box span.star-name.longname {
bottom: 7px;
text-decoration: none;
}
div.star-box span.star-name a {
color: #fff;
text-decoration: none;
}
span.star-position {
position: absolute;
bottom: 40px;
right: 0;
color: #fff;
font: 17px "Trebuchet MS";
font-weight: bold;
background-color: #f75d00;
padding: 3px;
min-width:27px;
text-align:center;
}
span.star-position-celeb {
position: absolute;
top: 261px;
right: 0;
color: #fff;
font: 18px "Trebuchet MS";
font-weight: bold;
background-color: #f75d00;
padding: 3px;
}
/*
** star vertical - horizontal
**/
span.star-vertical {
position: absolute;
top: 5px;
right: 4px;
display: block;
width: 22px;
height: 120px;
background: transparent url(/gfx/star-v.png) no-repeat top left;
}
span.star-vertical.star1 { background-position: -22px 0; }
span.star-vertical.star2 { background-position: -44px 0; }
span.star-vertical.star3 { background-position: -66px 0; }
span.star-vertical.star4 { background-position: -88px 0; }
span.star-vertical.star5 { background-position: -110px 0; }
span.star-vertical.star6 { background-position: -132px 0; }
span.star-vertical.star7 { background-position: -154px 0; }
span.star-vertical.star8 { background-position: -176px 0; }
span.star-vertical.star9 { background-position: -198px 0; }
span.star-vertical.star10 { background-position: -220px 0; }
span.star-horizontal {
display: block;
float: left;
width: 114px;
height: 15px;
margin: 4px 0;
background: transparent url(/gfx/star-h.png) no-repeat top left;
}
span.star-horizontal.half { background-position: 0 -15px; }
span.star-horizontal.one { background-position: 0 -30px; }
span.star-horizontal.one-half { background-position: 0 -45px; }
span.star-horizontal.two { background-position: 0 -60px; }
span.star-horizontal.two-half { background-position: 0 -75px; }
span.star-horizontal.three { background-position: 0 -90px; }
span.star-horizontal.three-half { background-position: 0 -105px; }
span.star-horizontal.four { background-position: 0 -120px; }
span.star-horizontal.four-half { background-position: 0 -135px; }
span.star-horizontal.five { background-position: 0 -150px; }
span.star-horizontal.five-half { background-position: 0 -165px; }
span.star-horizontal.six { background-position: 0 -180px; }
/*
** daily star
**/
div.daily-star {
float: left;
background: #FFF url(/gfx/bg_daily_star.gif) no-repeat 0 80px;
margin-bottom:0px;
}
div.daily-star.height {
height:300px;
}
div.daily-star-bottom {
margin-top:0px;
float: left;
padding:0 10px 10px 10px;
background: #FFF;
width:230px;
}
div.daily-star-bottom-content {
float: left;
background: #C6C6C6;
padding:5px 0 10px 0;
}
div.daily-star span.star-vertical {
top: 9px;
right: 10px;
}
div.daily-star span.star-position {
top: 271px;
right: 10px;
z-index:2;
min-width:27px;
height:23px;
}
div.daily-star h3 a {
position: absolute;
top: 285px;
left: 20px;
display: block;
height: 28px;
padding: 3px 5px 0 5px;
float: left;
background-color: #000;
color: #fff;
text-decoration: none;
font: 18px "Trebuchet MS";
}
div.daily-star h4 a {
position: absolute;
bottom: 3px;
left: 20px;
display: block;
height: 22px;
padding: 3px 5px 0px 5px;
float: left;
background-color: #000;
color: #fff;
text-decoration: none;
font: 13px "Trebuchet MS";
}
div.daily-star-bottom-content p { margin: 0 10px 5px 10px; }
/*
** pinned users
**/
div.pinned-users {
width: 220px;
padding: 5px;
background-color: #eee;
}
div.pinned-users.even { background-color: #e2e2e2; }
div.pinned-users img { margin: 0 5px 0 0; }
div.pinned-users h3 { margin: 3px 0 0 0; }
div.pinned-users h3 a {
color: #fff;
text-decoration: none;
font: 14px "Trebuchet MS";
padding: 3px;
background-color: #000;
}
div.pinned-users a {
color: #ed008c;
text-decoration: none;
font: 14px "Trebuchet MS";
font-weight:bold;
}
div.pinned-users p { margin: 5px 0; }
/*
** vs-vs
**/
div.versus-title {
width: 223px;
padding: 5px 0 0 7px;
float: left;
background-color: #dddddd;
font-weight:bold;
text-align:center;
}
div.versus {
width: 223px;
height: 265px;
padding: 5px 0 0 7px;
float: left;
background: #fff url(/gfx/bg_versus.gif) no-repeat 0 0;
position: relative;
}
div.versus img.vs {
position: absolute;
top: 60px;
left: 94px;
}
div.versus p {
display: block;
float: left;
width: 100px;
height: 40px;
margin: 1px 0 5px 0;
font: 14px "Trebuchet MS";
color: #fff;
text-align: center;
}
div.versus img {
float: left;
}
div.versus .mr16 { margin-right: 16px; }
/*
** big-box
**/
div.big-box {
width: 960px;
padding: 10px;
float: left;
background-color: #fff;
position: relative;
}
div.big-box.forum {
min-height:100px;
}
div.big-box div.tabs {
width: 720px;
float: left;
margin-bottom: 10px;
}
div.side {
width: 230px;
float: left;
margin-right: 10px;
position: relative;
background: transparent url(/gfx/bg_side.gif) no-repeat top center;
}
div.side span.star-vertical {
position: absolute;
top: 0;
right: 0;
display: block;
width: 22px;
height: 120px;
}
span.statistic {
float: left;
width: 210px;
clear: both;
padding-left: 5px;
margin: 12px 0 8px 5px;
height:22px;
}
span.statistic a {
text-decoration:none;
}
table.statistic th {
font-size: 11px;
color: #fff;
background-color: #f75d00;
text-align: center;
font-weight: normal;
width: 60px;
}
table.statistic td {
font-size: 18px;
color: #f75d00;
background-color: #d9d9d9;
text-align: center;
font-weight: bold;
height: 24px;
padding:3px;
}
div.navigation {
width: 720px;
height: 40px;
float: left;
margin-bottom: 5px;
}
div.content {
width: 470px;
float: left;
margin-right: 10px;
}
div.content.wide {
width: 960px;
}
div.content h4 {
position: absolute;
top: -25px;
left: 0;
height: 27px;
padding: 3px 5px 0 5px;
background-color: #000;
float: left;
color: #fff;
font: 18px "Trebuchet MS";
margin: 0 0 0 10px;
font-weight: normal;
}
div.celebbox {
width:720px;
padding: 15px 0px 0px 0px;
float: left;
margin: 25px 0 5px 0;
position: relative;
background: #C6C6C6;
}
div.celebbox div.tabs {
width: 720px;
margin-left: 0px;
margin-top: -8px;
}
div.celebbox div.tabs a {
color: #000;
background-color: #d1d1d1;
}
div.celebbox div.tabs a:hover,
div.celebbox div.tabs a.actual{
background-color: #e2e2e2;
}
div.celebbox div.bio{
padding: 10px;
background-color: #e2e2e2;
}
div.celebbox div.bio p{
padding:5px 0 5px 0;
margin:0px;
font-size: 14px;
line-height:20px;
}
div.orange,
div.gray {
width: 480px;
padding: 0 10px 5px 10px;
float: left;
margin: 25px 0 10px 0;
position: relative;
}
div.orange p,
div.gray p { margin: 15px 0 10px 0; }
div.orange { background-color: #f9d681; }
div.gray {
background: #e2e2e2;
padding: 10px 5px 5px 5px;
width: 490px;
}
div.big-box div.releated {
float: left;
margin: 0;
}
div.twitts {
width: 200px;
padding: 5px;
background-color: #eee;
clear: both;
}
div.twitts.even {
background-color: #e2e2e2;
}
div.twitts a {
color: #ed008c;
text-decoration: none;
font: 12px;
}
div.twitts p {
margin:0px 0 0 0;
}
div.active-users {
width: 190px;
height: 50px;
padding: 5px;
background-color: #eee;
clear: both;
}
div.active-users.con{
background-color: #eee;
width: 218px;
clear:none;
height:100px;
float:left;
margin:5px 5px 5px 0;
}
div.active-users span.male,
div.active-users span.female {
float: right;
clear: none;
}
div.active-users.even { background-color: #e2e2e2; }
div.active-users img { margin: 0 5px 0 0; }
div.active-users h5 { margin: 3px 0 0 0; }
div.active-users h5 a {
color: #fff;
text-decoration: none;
font: 14px "Trebuchet MS";
padding: 3px;
background-color: #000;
}
div.active-users a {
color: #ed008c;
text-decoration: none;
font: 14px "Trebuchet MS";
}
div.active-users p {
margin: 5px 0 0 0;
}
div.gray div.tabs {
width: 470px;
margin-left: -10px;
margin-top: 10px;
}
div.gray div.tabs a {
color: #000;
background-color: #d1d1d1;
}
div.gray div.tabs a:hover,
div.gray div.tabs a.actual{
background-color: #e2e2e2;
}
ul.information {
padding: 0;
margin: 0;
list-style-type: none;
float:left;
}
ul.information li {
background-color: #d1d1d1;
color: #010101;
font-size: 12px;
font-weight: bold;
min-height: 18px;
padding: 3px 0 3px 10px;
margin: 0;
float: left;
width: 220px;
}
ul.information li.title {
background: transparent url(/gfx/bg_information.gif) no-repeat 0 0;
height: 24px;
width: 230px;
padding: 0;
margin: 0;
}
ul.information li span {
background-color: #f75d00;
color: #fff;
font-size: 12px;
font-weight: normal;
padding: 2px 4px;
margin: 4px 0 0 10px;
float: left;
}
ul.pmenu {
padding: 0;
margin: 0;
list-style-type: none;
float:left;
}
ul.pmenu li {
background-color: #e1e1e1;
color: #010101;
font-size: 12px;
font-weight: bold;
min-height: 18px;
padding: 3px 0 3px 15px;
float: left;
width: 215px;
cursor:pointer;
}
ul.pmenu li a{
color: #010101;
text-decoration:none;
}
ul.pmenu li.hover,
ul.pmenu li:hover {
background-color: #d6d6d6;
}
ul.pmenu li.title {
background-color:#C6C6C6;
height: 30px;
width: 230px;
padding: 0;
margin: 0;
cursor:default;
}
ul.pmenu li span {
background-color: #000;
color: #fff;
font-size: 14px;
font-weight: bold;
padding: 3px;
margin: 4px 0 0 10px;
float: left;
}
/*
** footerdata
**/
div.footerdata {
clear: both;
float: left;
height: 70px;
width: 970px;
margin-top: 5px;
padding: 10px 0 0 10px;
background-color: #fff;
}
div.footer-users {
float: left;
clear: none;
width: 170px;
border-right: 1px solid #f2e7cd;
background-color: #e4cf9b;
}
div.last-refresh2,
div.last-refresh {
float: left;
height: 52px;
width: 390px;
padding: 8px 0 0 5px;
background-color: #e4cf9b;
position:relative;
}
div.last-refresh2 {
width: 200px;
text-align:right;
padding:8px 10px 0 0;
}
div.last-refresh span {
margin-bottom: 5px;
}
div.last-refresh div.link{
position:absolute;
bottom:5px;
left:5px;
}
div.last-refresh div.link a{
padding: 3px;
background-color: #ed008c;
color: #fff;
float:right;
text-decoration: none;
margin-right:10px;
}
/*
** loginbox
**/
div.login-box,
div.loggedin-box {
width: 224px;
height: 110px;
float: left;
background: transparent url(/gfx/bg_login.jpg) no-repeat top center;
}
div.loggedin-box {
background-position: bottom center;
font: 12px "Trebuchet MS";
color: #000;
width: 212px;
padding: 0 0 0 12px;
}
div.login-box a {
color: #ed008c;
font-size: 14px;
text-decoration: none;
font: 14px "Trebuchet MS";
margin: 10px 18px 0 25px;
float: left;
font-weight: bold;
}
div.loggedin-box a {
color: #ed008c;
font-size: 14px;
text-decoration: none;
font: 14px "Trebuchet MS";
}
div.messages {
width: 40px;
height: 35px;
float: right;
background: transparent url(/gfx/icon/messages.gif) no-repeat 0 0;
position: relative;
}
div.messages-number {
position: absolute;
top: 6px;
right: 0px;
font-weight: bold;
font-size: 11px;
color: #fff;
text-align: center;
width: 14px;
height: 15px;
background: transparent url(/gfx/icon/messages-number.gif) no-repeat 0 1px;
}
.mr7 {
margin-right: 7px;
}
/*
** search
**/
div.search {
width: 445px;
height: 110px;
float: left;
background: transparent url(/gfx/bg_search.jpg) no-repeat 0 0;
}
div.search select {
width: 94px;
height: 30px;
padding: 5px 3px 5px 3px;
border: 0;
background-color: #fff;
margin: 32px 16px 0px 21px;
font: 14px "Trebuchet MS";
color: #000;
}
div.search input#searchtext {
width: 220px;
border: 0;
padding: 6px 0;
margin: 32px 5px 0 0px;
font: 14px "Trebuchet MS";
background-color: #fff;
color: #6c6c6c;
float:left;
}
div.search input#searchbutton {
width: 80px;
height: 60px;
margin: 30px 0 0 0;
border: 0;
background-color: transparent;
cursor: pointer;
}
/*
** form-reg
**/
div.box form {
width: 690px;
float: left;
padding: 22px 5px 5px 5px;
background-color: #e2e2e2;
}
div.field {
width: 330px;
height: 45px;
float: left;
padding: 10px 5px;
background-color: #c6c6c6;
position: relative;
margin: 0 10px 22px 0;
}
div.field.error {
background-color: #F75D00;
}
div.field.second { margin-right: 0; }
div.field label {
position: absolute;
top: -16px;
left: 10px;
font: 14px "Trebuchet MS";
background-color: #000;
color: #fff;
padding: 3px 4px;
}
div.field label.radio,
label.radio {
position: relative;
top: 4px;
left: 5px;
background-color: transparent;
font: 12px "Arial";
color: #010101;
padding: 0;
float: left;
margin: 0;
}
div.field input {
position: absolute;
top: 13px;
left: 5px;
width: 315px;
padding: 5px;
border: 0;
background-color: #fff;
}
div.field input.radio,
input.radio {
position: relative;
top: 5px;
left: 0;
width: auto;
padding: 0;
border: 0;
background-color: transparent;
float: left;
margin: 0;
}
div.field label.extended,
label.extended {
margin-right:20px;
}
div.field input.half {
left: 5px;
width: 148px;
}
div.field input.second-half {
left: 172px;
width: 148px;
}
div.field span.help {
position: absolute;
top: 44px;
left: 5px;
color: #6c6c6c;
}
div.field span.second-help {
position: absolute;
top: 44px;
left: 172px;
color: #6c6c6c;
}
div.field span.checkbox-help {
position: absolute;
top: 32px;
left: 5px;
color: #6c6c6c;
line-height: 14px;
}
form a {
background-color: #f4ae04;
color: #010101;
text-decoration: none;
padding: 2px 4px;
}
div.field.error label.radio,
div.field.error span.checkbox-help,
div.field.error span.second-help,
div.field.error span.help {
color: #fff;
}
/*
** form-login
**/
div.login-layer-box {
width: 360px;
float: left;
background-color: #fff;
position: relative;
}
div.login-layer-box div.error{
color: #ed008c;
font-weight:bold;
text-align:center;
width:330px;
margin-top:-18px;
float:left;
font-size:14px;
}
div.login-layer-box a.positioned-more {
position: absolute;
bottom: -5px;
right: 0;
display: block;
height: 18px;
padding: 2px 5px 0 5px;
background-color: #ed008c;
font-weight: bold;
color: #fff;
text-decoration: none;
}
div.login-layer-box form {
width: 340px;
height: 170px;
float: left;
padding: 22px 5px 5px 5px;
margin: 0 0 0 5px;
background-color: #e2e2e2;
}
div.login-layer-box div.field { height: 30px; }
div.login-layer-box a.forgetpass {
background-color: transparent;
color: #ed008c;
text-decoration: none;
padding: 0;
float: right;
margin: 6px 6px 0 0;
}
/*
** tabs
**/
div.tabs {
width: 100%;
height: 35px;
background-color: #c6c6c6;
float: left;
margin-bottom: 5px;
}
div.tabs a {
display: block;
height: 25px;
padding: 5px 8px 0 8px;
margin: 5px -4px 0 5px;
float: left;
text-decoration: none;
font: 14px "Trebuchet MS";
background-color: #d7d7d7;
color: #000;
text-align: center;
}
div.tabs a:hover,
div.tabs a.actual { background-color: #fff; }
/*
** pager
**/
div.pager {
width: 700px;
height: 31px;
float: left;
margin: 8px 0 5px 0;
}
div.pager.wide {
width: 960px;
margin: 8px 0 0px 0;
}
div.pager div.fleft span.sum {
display: block;
height: 17px;
padding: 1px 5px;
margin-right: 5px;
border: 1px solid #ed008c;
background-color: #ed008c;
color: #fff;
float: left;
}
div.pager div.fleft a,
div.pager div.fleft span.actual {
display: block;
width: 21px;
height: 19px;
padding-top: 2px;
color: #fff;
margin-right: 1px;
background-color: #ed008c;
float: left;
text-decoration: none;
text-align: center;
}
div.pager div.fleft.buttons {
float:right;
}
div.pager div.fleft.buttons a{
margin-right: 0px;
margin-left: 2px;
width:100px;
}
div.pager div.fleft span.actual.wide,
div.pager div.fleft a.active.wide {
width: 25px;
}
div.pager div.fleft span.actual.extrawide,
div.pager div.fleft a.active.extrawide {
width: 32px;
}
div.pager div.fleft.buttons a.newtopic {
background: transparent url(/gfx/pager/prevprev.gif) no-repeat 0 0;
width:60px;
}
div.pager div.fleft a.prevprev { background: transparent url(/gfx/pager/prevprev.gif) no-repeat 0 0; }
div.pager div.fleft a.prev { background: transparent url(/gfx/pager/prev.gif) no-repeat 0 0; }
div.pager div.fleft a.next { background: transparent url(/gfx/pager/next.gif) no-repeat 0 0; }
div.pager div.fleft a.nextnext { background: transparent url(/gfx/pager/nextnext.gif) no-repeat 0 0; }
div.pager div.fleft a:hover,
div.pager div.fleft span.actual { background-color: #000; }
div.pager div.fright a {
display: block;
padding: 2px 18px 0 5px;
margin-right: 4px;
height: 19px;
float: left;
color: #000;
text-decoration: none;
background: #e2e2e2 url(/gfx/pager/order.gif) no-repeat top right;
}
div.pager div.fright a.ordered.up {
color: #fff;
background: #f75d00 url(/gfx/pager/order_up.gif) no-repeat top right;
}
div.pager div.fright a.ordered.down {
color: #fff;
background: #f75d00 url(/gfx/pager/order_down.gif) no-repeat top right;
}
div.pager div.fright a.listview {
margin-right: 1px;
background: transparent url(/gfx/pager/listview.gif) no-repeat 0 0;
}
div.pager div.fright a.tnview {
margin-right: 0;
background: transparent url(/gfx/pager/tnview.gif) no-repeat 0 0;
}
div.pager div.fright a.listview.actual,
div.pager div.fright a.tnview.actual { background-position: bottom center; }
/*
** form-news
**/
form.newssearch {
width: 210px;
background-color: #f75d00;
padding: 10px;
float: left;
color: #fff;
}
form.newssearch label {
color: #fff;
float: left;
width: 70px;
padding-top: 3px;
}
form.newssearch input {
background-color: #fff;
padding: 3px 2px 2px 2px;
float: left;
border: 1px solid #de5400;
width: 132px;
margin-bottom: 2px;
}
form.newssearch select {
background-color: #fff;
padding: 3px 2px 2px 2px;
float: left;
border: 1px solid #de5400;
width: 138px;
margin-bottom: 2px;
}
form.newssearch input.smaller {
width: 105px;
}
form.newssearch input.small {
width: 40px;
}
form.newssearch {
width: 210px;
background-color: #f75d00;
padding: 10px;
}
/*
** menu
**/
div#menusimple {
width: 980px;
float: left;
margin-bottom:20px;
}
div#menusimple div.minilinks {
margin-right:125px;
float:right;
}
div#menusimple a.mitem {
margin:8px 15px 3px 15px;
font-weight:bold;
font: 16px "Trebuchet MS";
float: right;
color: #fff;
text-decoration:none;
}
div#menusimple a.small {
margin:21px 4px 0 4px;
font-weight:bold;
font: 11px "Trebuchet MS";
float: right;
color: #eee;
text-decoration:none;
}
div#menusimple a:hover {
color: #ED008C;
}
div#menusimple2 {
width: 980px;
float: left;
margin-bottom:30px;
}
div#menusimple2 div.minilinks {
margin-right:125px;
float:right;
}
div#menusimple2 a.mitem {
margin:9px 18px 3px 15px;
font: 16px "Tahoma";
float: right;
color: #fff;
text-decoration:none;
}
div#menusimple2 a.small {
margin:21px 4px 0 4px;
font: 11px "Trebuchet MS";
float: right;
color: #eee;
text-decoration:none;
}
div#menusimple2 a:hover {
color: #ED008C;
}
div#menu {
height: 64px;
padding-left: 353px;
float: left;
background: transparent url(/gfx/bg_menu_____.png) no-repeat 0 -1px;
}
div#menu a {
display: block;
height: 40px;
float: left;
text-decoration: none;
text-indent: -10000px;
background: transparent url(/gfx/bg_links.gif) no-repeat 0 0;
}
div#menu a.menu01 {
width: 104px;
background-position: 0 0;
}
div#menu a.menu02 {
width: 110px;
background-position: -104px 0;
}
div#menu a.menu03 {
width: 108px;
background-position: -214px 0;
}
div#menu a.menu04 {
width: 101px;
background-position: -322px 0;
}
div#menu a.menu05 {
width: 118px;
background-position: -423px 0;
}
div#menu a.menu06 {
width: 105px;
background-position: -541px 0;
}
div#menu a.menu07 {
width: 82px;
background-position: -646px 0;
}
div#menu a.menu01:hover,
div#menu a.actual01 { background-position: 0 -40px; }
div#menu a.menu02:hover,
div#menu a.actual02 { background-position: -104px -40px; }
div#menu a.menu03:hover,
div#menu a.actual03 { background-position: -214px -40px; }
div#menu a.menu04:hover,
div#menu a.actual04 { background-position: -322px -40px; }
div#menu a.menu05:hover,
div#menu a.actual05 { background-position: -423px -40px; }
div#menu a.menu06:hover,
div#menu a.actual06 { background-position: -541px -40px; }
div#menu a.menu07:hover,
div#menu a.actual07 { background-position: -646px -40px; }
/*
** links
**/
div.footer a {
color: #c6c6c6;
text-decoration: none;
float: left;
margin: 38px 35px 0 0;
}
div.footer a:hover { text-decoration: underline; }
div.footer div a {
float: none;
margin: 0px 45px 0 0;
}
/*
** images
**/
img { border: 0; }
img.language { margin: 128px 0px 0 0; }
/*
** span
**/
div.footer span {
color: #606060;
margin: 40px 0 0 0;
}
span.male,
span.female {
display: block;
width: 20px;
height: 20px;
float: left;
margin: 5px 0;
background: transparent url(/gfx/male.png) no-repeat top center;
}
span.female { background: transparent url(/gfx/female.png) no-repeat top center; }
p.date {
color: #555;
line-height: 0;
}
/*
** common
**/
a { outline: none; }
label { cursor: pointer; }
fieldset { border: none; }
.fleft { float: left; }
.fright { float: right; }
.clear { clear: both; }
.w110 {
width:105px;
}
.w230 {
width:230px;
}
div.box a.positioned-more-outer,
div.box a.positioned-more,
div.orange a.positioned-more {
position: absolute;
bottom: -5px;
right: -5px;
display: block;
height: 18px;
padding: 2px 5px 0 5px;
background-color: #ed008c;
font-weight: bold;
color: #fff;
text-decoration: none;
}
div.box a.positioned-more {
bottom: 5px;
right: 5px;
}
div.box a.positioned-more-outer {
bottom: -5px;
right: -5px;
}
span.fans {
color: #fff;
text-decoration: none;
font: 14px "Trebuchet MS";
padding: 3px;
background-color: #000;
}
span.fantitle {
color: #fff;
text-decoration: none;
font: 14px "Trebuchet MS";
padding: 3px;
background-color: #F75D00;
}
/*
** latest topics
**/
div.more-pinned-topic {
width:450px;
float: left;
margin: 3px 0 3px 0px;
color: #000;
padding:3px 5px 3px 5px;
}
div.more-pinned-topic h3{
margin: 0px;
padding: 0px;
color: #000;
text-decoration: none;
font: 14px "Trebuchet MS";
font-weight:bold;
padding-bottom: 3px;
}
div.more-pinned-topic h3 a {
font: 14px "Trebuchet MS";
text-decoration:none;
color: #000;
font-weight:bold;
}
div.reviews {
width: 480px;
padding: 5px;
margin-top: 5px;
background-color: #eee;
float:left;
position:relative;
}
div.reviews.even { background-color: #e2e2e2; }
div.reviews img { margin: 0 5px 0 0; }
div.reviews a {
color: #ed008c;
text-decoration: none;
}
div.reviews p { margin: 0px; }
div.big-gray {
width: 680px;
padding: 0 10px 0px 10px;
float: left;
margin: 25px 0 10px 0;
position: relative;
background: #e2e2e2;
}
div.big-gray p {
font-size: 12px;
text-align:justify;
}
div.big-gray ol li{
margin: 5px 0px 0px 0px;
}
div.big-gray ol{
padding:0 0 0 20px;
}
div.big-gray.noh4 {
margin: 0 0 10px 0;
}
div.big-gray p a {
background-color: #f4ae04;
color: #000;
text-decoration: none;
padding: 2px;
}
div.big-gray h3 a {
position: absolute;
top: -25px;
left: 0;
height: 27px;
padding: 3px 5px 0 5px;
background-color: #000;
float: left;
color: #fff;
font: 18px "Trebuchet MS";
margin: 0 0 0 10px;
font-weight: normal;
text-decoration:none;
}
.newsimg {
padding: 0 10px 10px 0;
}
/**
* jAlert v.1.0.0
* Copyright (c) 2008 Julian Castaneda
* http://www.smooka.com/blog/
* Requires: jQuery 1.2+
*/
.msg-box-cont{
color:#000000;
z-index:1014;
position: absolute;
padding:0px;
padding-top:4px;
margin:0px;
display:none;
top:183px;
height:28px;
width:491px;
}
.msg-box-cont table {
margin:5px;
padding:0px;
border:0px;
}
.msg-box-cont a{
color:#000;
}
.msg-btn{
width:15px;
height:15px;
cursor:pointer;
position:;
padding:0px;
margin:0px;
top:-4px;
right:10px;
background:url(/gfx/jalert/msg-close-sprite.gif) no-repeat;
}
.msg-text{
font-size:12px;
font-weight:bold;
margin-left:4px;
margin-right:4px;
margin-top:2px;
}
.msg-icon{
height:16px;
width:16px;
float:left;
top:3px;
margin:0px 8px 0px 2px;
background:url(/gfx/jalert/msg-icon-sprite.png) no-repeat;
}
.err_msg_cont{
width:100%;
padding:5px;
color:#000000;
margin-left:20px;
}
.msg-icon-success{background-position:0px 0px;}
.msg-icon-warning{background-position:0px -16px;}
.msg-icon-fatal{background-position:0px -32px;}
.msg-icon-info{background-position:0px -48px;}
.msg-fatal,
.msg-success{
background-color:#fff;
}
.msg-fatal a:hover,
.msg-success a:hover{
color:#006600;
}
.msg-warning{
border:1px solid #FFCC00;
background-color:#FFFF99;
}
.msg-warning a:hover{
color:#FF3300;
}
.msg-fatal a:hover{
color:#660000;
}
.msg-info{
border:1px solid #0159BA;
background-color:#CAD3FF;
}
.msg-info a:hover{
color:#003366;
}
.close-success{background-position:0px 0px;}
.close-success:hover{background-position:-15px 0px;}
.close-warning{background-position:0px -15px;}
.close-warning:hover{background-position:-15px -15px;}
.close-fatal{background-position:0px -30px;}
.close-fatal:hover{background-position:-15px -30px;}
.close-info{background-position:0px -45px;}
.close-info:hover{background-position:-15px -45px;}
div.box-forum {
width:960px;
padding: 2px 0px 0px 0px;
margin: 25px 0 10px 0;
position: relative;
background: #C6C6C6;
float:left;
}
div.box-forum.noh4 {
padding: 0px;
margin: 0 0 10px 0;
}
div.box-forum table{
width:100%;
padding:5px;
background-color: #C6C6C6;
}
div.box-forum table th{
background-color: #C6C6C6;
padding:2px 2px 2px 10px;
}
div.box-forum table tr.odd{
padding:5px;
background-color: #eee;
}
div.box-forum table tr.even{
background-color: #e2e2e2;
}
div.box-forum table tr td{
padding: 10px 5px 10px 10px
}
div.box-forum table tr td{
font-size:12px;
position:relative;
vertical-align:middle;
}
div.box-forum table tr td.acenter{
text-align:center;
}
div.box-forum table h5{
padding:0px;
margin:0 0 2px 0;
}
div.box-forum table h5 a{
color: #ed008c;
text-decoration: none;
font: 15px "Trebuchet MS";
font-weight:bold;
}
div.box-forum table h6{
padding:0px;
margin:0px;
margin-bottom:2px;
}
div.box-forum table h6 a{
color: #000;
text-decoration: none;
font-size: 12px;
font-weight:none;
}
div.box-forum table a{
color: #ed008c;
text-decoration: none;
font-size: 12px;
}
div.box-forum table a.title{
color: #000;
text-decoration: none;
font-size: 14px;
display:block;
float:left;
margin-bottom:2px;
}
div.box-forum table a.title:hover{
color: #ed008c;
}
div.box-forum table span{
display:block;
text-align:right;
float:right;
bottom:10px;
right:140px;
}
.forumicon {
float:left;
margin-right:8px;
margin-bottom:4px;
}
div.box-forum-pinned {
width:750px;
padding: 5px 0px 0px 0px;
float: left;
margin: 25px 0px 10px 0;
position: relative;
background: #C6C6C6;
float:left;
}
div.box-forum-pinned.thin {
width:200px;
margin: 25px 0px 10px 10px;
}
div.box-forum-pinned table{
width:100%;
padding:5px;
background-color: #C6C6C6;
}
div.box-forum-pinned table th{
background-color: #C6C6C6;
padding:0px 2px 0px 10px;
}
div.box-forum-pinned table tr.odd{
padding:5px;
background-color: #e2e2e2;
}
div.box-forum-pinned table tr.even{
background-color: #eee;
}
div.box-forum-pinned table tr td{
padding: 5px 5px 5px 10px
}
div.box-forum-pinned table tr td{
font-size:12px;
position:relative;
vertical-align:middle;
}
div.box-forum-pinned table h5{
padding:0px;
margin:0 0 2px 0;
}
div.box-forum-pinned table h6{
padding:0px;
margin:0px;
margin-bottom:0px;
}
div.box-forum-pinned table a{
color: #ed008c;
text-decoration: none;
font-size: 12px;
}
div.box-forum-pinned table span{
background-color: transparent;
color: #000;
text-decoration: none;
font-size: 12px;
font-weight:none;
padding: 0px;
}
div.box-forum-pinned table span.title {
background-color: transparent;
color: #000;
text-decoration: none;
font-size: 12px;
font-weight:bold;
padding: 0px;
}
div.box-forum-pinned table span.title a{
color: #000;
}
div.box-forum.hidden {
background-color: #ED008C;
}
.acenter{
text-align:center;
}
div.forum-navigation {
background-color: #F9D681;
width:945px;
font-size: 12px;
color: #000;
padding:8px;
font-weight:bold;
}
div.forum-navigation a{
color: #000;
text-decoration: none;
}
.arrow {
margin: 0 3px 0 3px;
}
/*
** pager
**/
div.topicpager {
float: left;
margin: 0 0 0 10px;
font-size: 10px;
}
div.topicpager a {
display: block;
width: 16px;
color: #fff;
margin-right: 1px;
background-color: #e2e2e2;
float: left;
border: 1px solid #eee;
text-decoration: none;
text-align: center;
font-size: 10px;
}
div.topicpager a wide{
width: 50px;
}
div.post-box {
background-color: #e2e2e2;
width:950px;
margin:5px;
float:left;
}
div.post-data{
clear:both;
}
div.post-like{
background-color:#e6e6e6;
padding:3px;
color:#666;
font-size:12px;
margin:0px;
float:left;
width:940px;
}
div.post-content{
background-color: #eee;
padding:10px;
font-family: "Verdana";
overflow:hidden;
}
div.post-footer{
background-color: #eee;
padding:5px 10px 5px 10px;
float:left;
width:930px;
}
div.post-signature{
border-top:1px solid #bbb;
background-color: #eee;
margin-top:5px;
padding:5px 0 5px 0;
}
div.post-footer a.button {
display: block;
text-decoration:none;
height: 17px;
padding: 2px 5px 2px 5px;
background-color: #ed008c;
color: #fff;
float: right;
}
div.post-footer a.button:hover {
background-color: #000;
}
div.post-data table{
background-color: #e2e2e2;
}
div.post-data table h5 {
margin: 3px 0px 6px 0;
}
div.post-data table span.male,
div.post-data table span.female {
background-color: #e2e2e2;
float:none;
}
span.female { background: transparent url(/gfx/female.png) no-repeat top center; }
div.post-box a {
color: #ed008c;
text-decoration: none;
margin-left:2px;
}
div.post-header a {
color: #000;
text-decoration: none;
}
div.post-data table h5 a {
color: #fff;
text-decoration: none;
font: 14px "Trebuchet MS";
padding: 3px;
background-color: #000;
margin: 0px;
}
div.post-data table h5 a:hover {
// background-color: #ed008c;
}
div.post-data table tr td{
padding: 2px 2px 2px 2px;
vertical-align:top;
}
div.post-data table tr td.middle{
vertical-align:middle;
}
div.post-data table tr td.favs{
padding:5px;
vertical-align:top;
text-align:left;
}
div.post-data table tr td.favs fieldset{
float:none;
padding:10px;
text-align:left;
border:1px solid #eee;
}
div.post-header {
background-color: #C6C6C6;
padding:0 0 2px 10px;
font-weight:bold;
float:left;
width:940px;
}
div.post-header span {
float:right;
margin-right:5px;
}
img.lastpage {
margin: 3px 0 3px 0;
}
img.avatar {
margin-right: 3px;
}
div.attachments {
text-align:center;
}
div.attachments img {
padding: 5px;
}
div.quotetop {
color:#333;
font-size:10px;
margin:0px 20px 0;
padding:3px 3px 0px 5px;
}
div.quotemain {
background: transparent url(/gfx//quotes.gif) no-repeat scroll 8px 5px;
font-style: italic;
margin:-5px 0 0px 20px;
padding:5px 20px 7px 35px;
color:#333;
}
/*
* SELECTBOX
*/
div.selectbox-wrapper {
position:absolute;
background-color:white;
margin: 62px 16px 0 21px;
padding:0px;
font: 14px "Trebuchet MS";
color: #000;
text-align:left;
max-height:200px;
border: 1px solid #e2e2e2;
overflow:auto;
}
div.selectbox-wrapper ul {
list-style-type:none;
margin:0px;
padding:0px;
}
div.selectbox-wrapper ul li.selected {
background-color: #eee;
}
div.selectbox-wrapper ul li.current {
background-color: #e2e2e2;
}
div.selectbox-wrapper ul li {
list-style-type:none;
display:block;
margin:0;
padding:6px 0 0 5px;
cursor:pointer;
}
.selectbox
{
font-size:14px;
display : block;
text-align:left;
background: transparent url('/gfx/bg_search_select.gif') no-repeat top left;
cursor: pointer;
width: 88px;
border: 0;
margin: 32px 16px 0 22px;
font: 14px "Trebuchet MS";
color: #000;
padding:7px 0 5px 5px;
float:left;
}
/*
** forms
**/
div.forms form,
div.big-box.forum form {
width: 950px;
padding: 10px 5px 5px 5px;
background-color: #c6c6c6;
margin-top:15px;
float:left;
}
div.forms form {
width: 690px;
}
div.forms input.submit,
div.big-box.forum input.submit {
width: 140px;
padding:5px;
display:block;
background-color: #ed008c;
color: #fff;
text-decoration: none;
font:12px Arial;
border: none;
font-weight: normal;
}
div.forms form span.help,
div.big-box.forum form span.help{
margin:5px;
display:block;
}
div.smiley-container {
width:135px;
height:215px;
background-color: #e2e2e2;
margin: 5px;
padding:20px 10px 10px 10px;
margin-left: 0px;
}
form.wide a {
background-color: transparent;
}
div.dinfield {
background-color: #e2e2e2;
width:680px;
padding:5px 5px 5px 5px;
clear:both;
margin-bottom:15px;
}
div.dinfield.error {
border: 5px solid #ed008c;
}
span.dinfield-header {
position: relative;
top: 0px;
left: 10px;
font: 14px "Trebuchet MS";
background-color: #000;
color: #fff;
padding: 3px 4px;
}
div.dinfield input {
margin-left:5px;
}
div.dinfield label.radio,
label.radio {
position: relative;
top: 4px;
left: 5px;
background-color: transparent;
font: 12px "Arial";
color: #010101;
padding: 0;
float: left;
margin: 0;
}
div.dinfield span {
color: #6c6c6c;
}
div.uploadField {
margin:10px;
cursor:hand;
}
#attaches-box table tr th{
padding: 3px;
margin:5px;
text-align:left;
}
#attachContainer {
width:660px;
margin:5px;
background:#eee;
}
#attachContainer td{
padding:3px;
background:#e2e2e2;
}
.itemlist {
width:100%;
margin:0px;
background:#fff;
border:1px solid #ddd;
}
.itemlist tr{
background:#e6e6e6;
}
.itemlist tr.new{
background:#f8f8f8;
}
.itemlist th{
background:#ddd;
font-weight:bold;
}
.itemlist td{
padding:5px;
}
/*
* Autocomplete
*/
.ac_results {
padding: 0px;
border: 1px solid black;
background-color: white;
overflow: hidden;
z-index: 99999;
}
.ac_results ul {
width: 100%;
list-style-position: outside;
list-style: none;
padding: 0;
margin: 0;
}
.ac_results li {
margin: 0px;
padding: 2px 5px;
cursor: default;
display: block;
font: menu;
font-size: 12px;
line-height: 16px;
overflow: hidden;
}
.ac_loading {
background: white url('/gfx/indicator.gif') right center no-repeat;
}
.ac_odd {
background-color: #eee;
}
.ac_over {
background-color: #c6c6c6;
color: white;
}
/*
*profile
*/
div.profile-fav-stars {
float:left;
padding:5px;
background-color:#f2f2f2;
margin:4px;
position:relative;
}
div.profile-fav-stars span {
position:absolute;
right:5px;
bottom:5px;
display:block;
background-color:#F75D00;
padding:3px;
color:#fff;
font-weight:bold;
}
div.status {
height:30px;
width: 595px;
padding: 0 10px 5px 10px;
float: left;
margin: 0px 0 5px 0;
position: relative;
background: #f9d681 url('/gfx/status-quote.png') no-repeat 10px 7px;
}
div.status p {
font: 13px "Trebuchet MS";
margin: 9px 0 0 25px;
font-style:italic;
}
div.last-active-text {
height:15px;
width: 615px;
padding: 0px;
float: left;
margin: -2px 0 7px 0;
position: relative;
font: 11px "Trebuchet MS";
}
div.status div.user-avatar {
bottom:-20px;
right:-105px;
position: absolute;
height:100px;
width: 100px;
background-color: #f9d681;
}
div.status div.user-avatar img{
padding:0px;
}
div.status h4 {
position: absolute;
top: -25px;
left: 0;
height: 27px;
padding: 3px 5px 0 5px;
background-color: #000;
float: left;
color: #fff;
font: 18px "Trebuchet MS";
margin: 0 0 0 10px;
font-weight: normal;
}
/*
** tabs
**/
div.big-box.forum div.tabs {
width: 100%;
height: 35px;
background-color: #c6c6c6;
float: left;
margin-bottom: 5px;
}
div.big-box.forum div.tabs a {
display: block;
height: 25px;
padding: 5px 8px 0 8px;
margin: 5px -4px 0 5px;
float: left;
text-decoration: none;
font: 14px "Trebuchet MS";
background-color: #d7d7d7;
color: #000;
text-align: center;
}
div.big-box.forum div.tabs a:hover,
div.big-box.forum div.tabs a.actual { background-color: #fff; }
.cke_show_borders{
font-size:14px;
}
ul.information a {
text-decoration:none;
color: #000;
}
div.celeb-fan {
width: 223px;
height: 50px;
padding: 5px;
margin: -2px 0px 8px 5px;
background-color: #eee;
float:left;
position:relative;
}
div.celeb-fan.myfriend {
background-color: #f9d681;
}
div.celeb-fan.even { background-color: #e2e2e2; }
div.celeb-fan img { margin: 0 5px 0 0; }
div.celeb-fan h3 { margin: 3px 0 0 0; }
div.celeb-fan h3 a {
color: #fff;
text-decoration: none;
font: 14px "Trebuchet MS";
padding: 3px;
background-color: #000;
}
div.celeb-fan a {
color: #ed008c;
text-decoration: none;
font: 14px "Trebuchet MS";
}
div.celeb-fan p { margin: 5px 0; }
div.celeb-fan span.male,
div.celeb-fan span.female {
float: right;
}
div.celeb-fan div.stat {
width:252px;
height:50px;
position:relative;
bottom:52px;
right:-442px;
text-align:right;
padding:5px;
}
div.celeb-fan div.stat span.s{
color: #fff;
width:13px;
font: 12px "Trebuchet MS";
padding: 2px 4px 2px 4px;
background-color: #000;
margin:5px 0 0 5px;
display:block;
float:left;
text-align:center;
}
div.celeb-fan div.stat span.n{
width:50px;
color: #fff;
text-decoration: none;
font: 12px "Trebuchet MS";
padding: 2px 4px 2px 4px;
background-color: #F75D00;
display:block;
float:left;
text-align:left;
margin:5px 0 0 0;
}
div.celeb-fan-footer {
background-color:#eee;
float:left;
margin:-10px 5px 15px 5px;
width:700px;
padding:10px 5px 5px 5px;
border-top:3px solid #e2e2e2;
position:relative;
}
div.review_buttons {
height:21px;
}
div.bolha a.button,
div.celeb-fan-footer a.button {
display: block;
text-decoration:none;
height: 17px;
padding: 2px 5px 2px 5px;
background-color: #ed008c;
color: #fff;
float:right;
}
div.celeb-fan-footer a.button {
right:6px;
bottom:6px;
float:right;
}
div.celeb-fan-footer a.button:hover {
background-color: #000;
}
div.date {
font-weight:bold;
font-size:11px;
margin:0 0 2px 10px;
background-color: #C6C6C6;
}
a.vote_up, a.vote_down, a.vote_report,
span.voted_down, span.voted_up {
display:block;
background: transparent url('/gfx/vote_buttons.png') no-repeat bottom left;
width:21px;
height:21px;
float:right;
margin-right:5px;
}
a.vote_down { background-position: 0 -21px; }
a.vote_up { background-position: -21px -21px; }
a.vote_report { background-position: -42px -21px; }
a.vote_down:hover, span.voted_down { background-position: 0 0}
a.vote_up:hover, span.voted_up { background-position: -21px 0 }
a.vote_report:hover { background-position: -42px 0 }
span.rvote {
font-size:11px;
color: #666;
display:block;
float:left;
position:absolute;
bottom:3px;
}
div.bolha {
width:710px;
float:left;
margin:5px;
}
div.bolha img{
float:left;
margin-right:5px;
margin-top:-3px;
}
div.bolha div.desc{
float:left;
padding:5px;
margin-bottom:-5px;
width:690px;
margin-top:2px;
}
div.bolha div.desc span a,
div.bolha div.desc span{
color: #fff;
text-decoration: none;
font: 14px "Trebuchet MS";
padding: 3px;
background-color: #000;
}
div.bolha div.bolha-footer{
padding:5px;
clear:both;
}
.odd {
background-color: #eeeeee;
}
/*
** user-box
**/
div.user-box {
width: 165px;
height: 180px;
float: left;
margin-right: 5px;
padding: 5px 0 5px 5px;
color: #fff;
font: 14px "Trebuchet MS";
position: relative;
border:0px solid black;
text-decoration: none;
background: #e6e6e6;
}
div.user-box span.footer {
background: #000;
border-top:1px solid #fff;
display:block;
width:160px;
height:40px;
}
div.mb10 div.user-box { margin-bottom: 10px; }
div.user-box.last { margin-right: 0; }
div.user-box span.star-name {
position: absolute;
bottom: 6px;
left: 10px;
color: #fff;
font: 14px "Trebuchet MS";
text-decoration: none;
}
div.user-box span.user-box.longname {
bottom: 16px;
text-decoration: none;
}
div.user-box span.user-box a {
color: #fff;
text-decoration: none;
}
div.user-box span.malefemale {
position: absolute;
top: 5px;
right: 0px;
display: block;
width: 26px;
height: 150px;
background-color:#e6e6e6;
}
span.usertype {
float:right;
color:#666;
margin-right:5px;
font-weight:bold;
}
div.user-box span.malefemale.sx1 {
background: #e6e6e6 url(/gfx/male.png) no-repeat bottom center;
}
div.user-box span.malefemale.sx2 {
background: #e6e6e6 url(/gfx/female.png) no-repeat bottom center;
}
div.myevents {
width:700px;
float: left;
margin: 5px 0 5px 0px;
color: #000;
padding:3px 5px 3px 5px;
}
div.myevents img {
margin-right:4px;
}
div.myevents span {
margin: 0px;
padding: 0px;
color: #000;
text-decoration: none;
font: 14px "Trebuchet MS";
font-weight:bold;
padding-bottom: 3px;
}
div.myevents span a {
font: 12px "Trebuchet MS";
text-decoration:none;
color: #000;
font-weight:bold;
}
a.user {
color: #ed008c;
text-decoration: none;
font-size: 12px;
}
div.celeb-box,
div.editor-box {
width: 200px;
height: 50px;
padding: 5px;
margin: 0 0px 8px 0;
background-color: #E2E2E2;
float:left;
position:relative;
}
div.celeb-box img,
div.editor-box img { margin: 0 5px 0 0; }
div.celeb-box span.name,
div.editor-box span.name {
margin: 3px 0 0 0;
display: block;
}
div.celeb-box span.name a,
div.editor-box span.name a {
color: #fff;
text-decoration: none;
font: 14px "Trebuchet MS";
padding: 3px;
background-color: #000;
}
div.celeb-box a,
div.editor-box a {
color: #ed008c;
text-decoration: none;
font: 14px "Trebuchet MS";
}
div.celeb-box p,
div.editor-box p { margin: 5px 0; }
div.editor-box span.male,
div.editor-box span.female {
float: right;
}
div.celeb-box {
width: 190px;
margin: 0;
}
div.celeb-box.even {
background-color: #eee;
}
#comments {
background-color: #FFF;
}
#comments div.cmt {
width:460px;
padding:5px;
background-color: #FFF;
}
div.comment-text {
margin:0 0 0 60px;
padding:5px 0 5px 0;
}
#comments img {
padding-right:10px;
}
#comments div.odd {
background-color: #EEEEEE;
}
#comments div span {
color: #666;
}
/* -- FancyBox ------------------------------- */
html, body { height: 100%; }
div#fancy_overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #693275;
display: none;
z-index: 30;
}
* html div#fancy_overlay {
position: absolute;
height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
div#fancy_wrap { text-align: left; }
div#fancy_loading {
position: absolute;
height: 40px;
width: 40px;
cursor: pointer;
display: none;
overflow: hidden;
background: transparent;
z-index: 100;
}
div#fancy_loading div {
position: absolute;
top: 0;
left: 0;
width: 40px;
height: 480px;
background: transparent url(/gfx/fancy/fancy_progress.png) no-repeat;
}
div#fancy_loading_overlay {
position: absolute;
background-color: #fff;
z-index: 30;
}
div#fancy_loading_icon {
position: absolute;
background: url(/gfx/fancy/fancy_loading.gif) no-repeat;
z-index: 35;
width: 16px;
height: 16px;
}
div#fancy_outer {
position: absolute;
top: 0;
left: 0;
z-index: 90;
padding: 18px 18px 33px 18px;
margin: 0;
overflow: hidden;
background: transparent;
display: none;
}
div#fancy_inner {
position: relative;
width:100%;
height:100%;
background: #fff;
}
div#fancy_content {
margin: 0;
z-index: 100;
position: absolute;
}
div#fancy_div {
background: #000;
color: #fff;
height: 100%;
width: 100%;
z-index: 100;
}
img#fancy_img {
position: absolute;
top: 0;
left: 0;
border:0;
padding: 0;
margin: 0;
z-index: 100;
width: 100%;
height: 100%;
}
div#fancy_close {
position: absolute;
top: 0;
right: 0;
height: 24px;
width: 25px;
background: url(/gfx/fancy/fancy_closebox.png) top left no-repeat;
cursor: pointer;
z-index: 181;
display: none;
}
#fancy_frame {
position: relative;
width: 100%;
height: 100%;
display: none;
}
#fancy_ajax {
width: 100%;
height: 100%;
overflow: auto;
}
a#fancy_left, a#fancy_right {
position: absolute;
bottom: 0px;
height: 100%;
width: 35%;
cursor: pointer;
z-index: 111;
display: none;
background-image: url(data:image/gif;base64,AAAA);
outline: none;
}
a#fancy_left { left: 0px; }
a#fancy_right { right: 0px; }
span.fancy_ico {
position: absolute;
top: 50%;
margin-top: -15px;
width: 30px;
height: 30px;
z-index: 112;
cursor: pointer;
display: block;
}
span#fancy_left_ico {
left: -9999px;
background: transparent url(/gfx/fancy/fancy_left.png) no-repeat;
}
span#fancy_right_ico {
right: -9999px;
background: transparent url(/gfx/fancy/fancy_right.png) no-repeat;
}
a#fancy_left:hover { visibility: visible; }
a#fancy_right:hover { visibility: visible; }
a#fancy_left:hover span { left: 5px; }
a#fancy_right:hover span { right: 0px; }
.fancy_bigIframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: transparent;
}
div#fancy_bg {
position: absolute;
top: 0; left: 0;
width: 100%;
height: 100%;
z-index: 70;
border: 0;
padding: 0;
margin: 0;
}
div.fancy_bg {
position: absolute;
display: block;
z-index: 70;
border: 0;
padding: 0;
margin: 0;
}
div.fancy_bg_n {
top: -18px;
width: 100%;
height: 18px;
background: transparent url(/gfx/fancy/fancy_shadow_n.png) repeat-x;
}
div.fancy_bg_ne {
top: -18px;
right: -13px;
width: 13px;
height: 18px;
background: transparent url(/gfx/fancy/fancy_shadow_ne.png) no-repeat;
}
div.fancy_bg_e {
right: -13px;
height: 100%;
width: 13px;
background: transparent url(/gfx/fancy/fancy_shadow_e.png) repeat-y;
}
div.fancy_bg_se {
bottom: -18px;
right: -13px;
width: 13px;
height: 18px;
background: transparent url(/gfx/fancy/fancy_shadow_se.png) no-repeat;
}
div.fancy_bg_s {
bottom: -18px;
width: 100%;
height: 18px;
background: transparent url(/gfx/fancy/fancy_shadow_s.png) repeat-x;
}
div.fancy_bg_sw {
bottom: -18px;
left: -13px;
width: 13px;
height: 18px;
background: transparent url(/gfx/fancy/fancy_shadow_sw.png) no-repeat;
}
div.fancy_bg_w {
left: -13px;
height: 100%;
width: 13px;
background: transparent url(/gfx/fancy/fancy_shadow_w.png) repeat-y;
}
div.fancy_bg_nw {
top: -18px;
left: -13px;
width: 13px;
height: 18px;
background: transparent url(/gfx/fancy/fancy_shadow_nw.png) no-repeat;
}
div#fancy_title {
position: absolute;
bottom: -16px;
left: 0;
width: 100%;
z-index: 100;
display: none;
}
div#fancy_title div {
color: #fff;
text-decoration: none;
font: 14px "Trebuchet MS";
padding: 3px;
background-color: #F75D00;
}
div#fancy_title table { margin: 0 auto; }
div#fancy_title table td {
padding: 0;
vertical-align: middle;
}
/* -- SWFUpload ------------------------------- */
td {
font: 10pt Helvetica, Arial, sans-serif;
vertical-align: top;
}
.progressWrapper {
width: 660px;
margin:5px;
overflow: hidden;
}
.progressContainer {
padding:3px;
border: solid 1px #eee;
background-color: F9D681;
overflow: hidden;
}
/* Message */
.message {
margin: 1em 0;
padding: 10px 20px;
border: solid 1px #eee;
background-color: F9D681;
overflow: hidden;
}
/* Error */
.red {
border: solid 1px #eee;
background-color: #F9D681;
}
/* Current */
.green {
border: solid 1px #eee;
background-color: #F9D681;
}
/* Complete */
.blue {
border: solid 1px #eee;
background-color: #e2e2e2;
}
.progressName {
font-size: 8pt;
font-weight: 700;
color: #000;
width: 323px;
height: 14px;
text-align: left;
white-space: nowrap;
overflow: hidden;
}
.progressBarInProgress,
.progressBarComplete,
.progressBarError {
font-size: 0;
width: 0%;
height: 2px;
background-color: blue;
margin-top: 2px;
}
.progressBarComplete {
width: 100%;
background-color: green;
visibility: hidden;
}
.progressBarError {
width: 100%;
background-color: red;
visibility: hidden;
}
.progressBarStatus {
margin-top: 2px;
width: 337px;
font-size: 7pt;
font-family: Arial;
text-align: left;
white-space: nowrap;
}
a.progressCancel {
font-size: 0;
display: block;
height: 14px;
width: 14px;
background-image: url(../images/cancelbutton.gif);
background-repeat: no-repeat;
background-position: -14px 0px;
float: right;
}
a.progressCancel:hover {
background-position: 0px 0px;
}
.swfupload {
vertical-align: top;
}
/* */
.funcbutton {
float:left;
bottom: 5px;
right: 5px;
display: block;
height: 18px;
padding: 2px 5px 0 5px;
background-color: #ed008c;
font-weight: bold;
color: #fff;
text-decoration: none;
margin:0px 10px 5px 0;
cursor:pointer;
}
div.photo,
div.photo-profile {
float:left;
height: 180px;
width:150px;
padding:5px;
background-color: #eee;
margin:5px 5px 5px 5px;
text-align:center;
}
div.photo.myprofile {
background-color: #f9d681;;
}
div.photo-profile {
margin:5px 10px 5px 10px;
height: 180px;
}
span.help {
color: #6c6c6c;
}
span.ptitle:hover {
background-color: #FFFABF;
}
span.ptinput {
display:none;
float:left;
margin:0px;
padding:0px;
}
.handle {
cursor:move;
}
.ui-sortable-placeholder {
height:200px;
float:left;
width:140px;
margin-bottom:2px;
margin-top:2px;
}
div#avatar, div#profile {
background-color:#d2d2d2;
float:right;
height:145px;
width:110px;
padding:5px;
margin-left:10px;
font-weight:bold;
text-align:center;
}
div#profile {
height:190px;
width:120px;
}
div#avatar img, div#profile img {
padding:3px;
}
div.awardbox {
background-color:#f2f2f2;
padding:5px;
margin:3px 0 3px 0;
float:left;
width:670px;
}
div.awardbox-images {
float:left;
}
div.awardbox-text {
padding-left:5px;
float:left;
}
div.awardbox-status {
font-weight:bold;
font-size:14px;
float:right;
padding-top:10px;
background-color:#f6f6f6;
}
div.awardbox-text span{
font-weight:bold;
font-size:15px;
}
div#modpanel-box {
width: 100%;
height: 200px;
position: fixed;
bottom: -180px;
left: 0;
z-index: 80;
}
div#modpanel-box div.modpanel-content {
margin-left:100px;
width: 170px;
height: 200px;
position: relative;
color:#fff;
}
#down, #up {
padding:3px 3px 3px 18px;
background:#F75D00 url(/gfx/arrow_up.png) no-repeat 1px 3px;
text-decoration:none;
color:#fff;
display:block;
float:left;
width:170px;
height:20px;
}
#down {
background:#F75D00 url(/gfx/arrow_down.png) no-repeat 1px 3px;
}
#modpanel-inner {
float:left;
width:600px;
background-color:#FFF;
height:180px;
overflow:scroll;
color: #000;
padding:5px;
padding:top:0px;
border: 5px solid #F75D00;
}
#modpanel-inner a {
text-decoration:none;
color: #ED008C;
}
.tooltip {
background-color:#F9D681;
border:1px solid #cc9;
padding:3px;
font-size:13px;
-moz-box-shadow: 2px 2px 11px #666;
-webkit-box-shadow: 2px 2px 11px #666;
}
div.yeardiv2,
div.yeardiv {
float:left;
margin:1px 1px 1px 2px;
position:relative;
}
div.yeardiv2 {
margin:5px;;
padding:5px;
background-color:#f2f2f2;
}
span.yeartitle {
color: #fff;
text-decoration: none;
font: 14px "Trebuchet MS";
background-color: #F75D00;
position:absolute;
bottom:0px;
left:0px;
font-weight:bold;
padding:3px;
font-size:15px;
}
/* alerts*/
#popup_container {
font: 14px "Trebuchet MS", "Tahoma";
min-width: 300px;
max-width: 600px;
background: #fff;
border: 1px solid #ed008c;
color: #2b2b2b;
}
#popup_title {
font-size: 16px;
font-weight: bold;
text-align: center;
line-height: 1.75em;
color: #d9bea3;
background: #ccc url(/gfx/alerts/title.gif) top repeat-x;
border: 1px solid #fff;
border-bottom: 1px solid #999;
cursor: default;
padding: 0em;
margin: 0em;
display: none;
}
#popup_content {
background: 16px 16px no-repeat url(/gfx/alerts/info.gif);
padding: 1em 1.75em;
margin: 0em;
}
#popup_content.alert { background-image: url(/gfx/alerts/info.png); }
#popup_content.confirm { background-image: url(/gfx/alerts/warning.png); }
#popup_content.prompt { background-image: url(/gfx/alerts/help.gif); }
#popup_message { padding-left: 48px; }
#popup_panel {
text-align: center;
margin: 1em 0em 0em 1em;
}
#popup_prompt { margin: .5em 0em; }
#popup_ok,
#popup_cancel { cursor: pointer; border: 0; padding: 2px 5px;color:#fff;background-color: #ed008c;}
#popup_cancel:hover {
background-image: none;
background-color: #000;
color: #fff;
}
#popup_ok:hover {
background-image: none;
background-color: #000;
color: #fff;
}
div#video_left {
float:left;
width:480px;
height:300px;
background-color: #e2e2e2;
}
div#video_right {
float:right;
width:220px;
height:300px;
background-color: #e2e2e2;
}
div#video_right ul {
padding: 0;
margin: 0;
list-style-type: none;
font: 14px "Trebuchet MS";
}
div#video_right ul li {
padding: 5px 10px 5px 25px;
margin: 0px;
font-weight: bold;
height:40px;
color: #ed008c;
cursor:pointer;
border-bottom:1px solid #f6f6f6;
background-image: none;
}
div#video_right ul li:hover {
background: #f6f6f6 url('/gfx/videoarrow2.png') no-repeat 5px center;
}
.video-box {
width: 160px;
float: left;
background-color: #e2e2e2;
margin-right: 10px;
padding: 15px 4px 2px 4px;
position:relative;
text-align:center;
}
.video-box-horiz {
width: 690px;
height: 160px;
background-color: #e6e6e6;
margin: 35px 0 35px 0;
padding: 10px 6px 6px 6px;
position:relative;
}
.video-box-list {
width: 690px;
background-color: #e6e6e6;
padding: 10px 6px 6px 6px;
float:left;
}
.video-one {
float:left;
padding:5px;
background-color: #f1f1f1;
margin-right:15px;
width:150px;
height:145px;
text-align:center;
}
.video-one.list {
width:160px;
height:155px;
margin-right:5px;
background-color: #e6e6e6;
}
.video-one.celeb {
width:230px;
height:155px;
margin-right:5px;
background-color: #e6e6e6;
}
.video-one.prof {
width:190px;
height:165px;
margin-right:5px;
float:none;
text-align:center;
}
.nomg {
margin-right:0px;
}
.videotitle {
background: transparent;
color: #000;
font: 17px "Trebuchet MS";
text-decoration: none;
display:block;
margin-bottom:4px;
padding-top: 5px;
font-weight:800;
}
.button {
display: block;
text-decoration:none;
height: 17px;
padding: 2px 5px 2px 5px;
background-color: #ed008c;
color: #fff;
float: right;
margin-left: 2px;
}
.rcelebimg {
margin: 3px 1px 1px 1px;
}
#upprev_box {
position: fixed;
z-index: 1000;
bottom: 0;
right: -400px;
width: 360px;
padding: 3px;
border-left: 1px solid #EEE;
background-color: #F6F6F6;
-moz-box-shadow: 0 4px 10px #666;
-webkit-box-shadow: 0 4px 10px #666;
box-shadow: 0 4px 10px #666;
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Color=#cccccc, direction=270, strength=7)";
filter: progid:DXImageTransform.Microsoft.Shadow(Color=#cccccc, direction=270, strength=7);
_position: absolute;
_top: 0;
}
#upprev_box h6 {
margin: 0;
// border-top: 3px solid #ED008C;
font: bold 12px Arial, Helvetica, Sans-Serif;
text-transform: uppercase;
top: -10px;
left: -10px;
position:relative;
}
#upprev_box .num { padding: 5px;
color: #FFF;background-color:#000; }
#upprev_box .cim {
margin: 5px 7px 10px 7px;
font: bold 16px Arial, Helvetica, Sans-Serif;
color: #ED008C;
}
#upprev_box button {
border: none;
padding: 0;
position: absolute;
top: 11px;
right: 3px;
width: 13px;
height: 13px;
background: #FFF url(/gfx/close.gif) no-repeat;
text-indent: -999em;
overflow: hidden;
cursor: pointer;
}
#google_ads_div_GlobalHeaderRight_ad_container, .afflink1 { float:right;width:250px;height:90px;font-size:16px;text-align:left;padding:0px;line-height:22px; }
.afflink2 { float:right;width:230px;height:90px;font-size:16px;text-align:left;padding:10px;line-height:22px; }
.afflink2 a {color:#ED008C;text-decoration:none;font-weight:bold;margin-top:5px;}
#trendmagazinbox {
width:475px;
background: #c6c6c6 url(/gfx/trendmagazinbox_bg.png) no-repeat top center;
padding-bottom:10px;
}
#trendmagazinbox p {
color: #000;
font: 13px "Arial";
line-height:23px;
margin:10px 15px 20px 15px;
}
#trendmagazinbox .tb-title {
color: #fff;
font-size:16px;
font-weight:bold;
padding: 11px 10px;
}
#trendmagazinbox .tb-subtitle {
color: #000;
font-size:12px;
font-weight:bold;
padding: 6px 10px;
}
#trendmagazinbox .tb-corner {
width:170px;
height:180px;
float:right;
}
#trendmagazinbox .tb-image {
padding: 3px 0;
background-color:#fff;
}
#trendmagazinbox .tb-image img {
border: 3px solid #000;
}
#wpadminbar {
background: #373737;
background: -moz-linear-gradient(center bottom, #373737 0px, #464646 5px) repeat scroll 0 0 #464646;
color: #CCCCCC;
direction: ltr;
font: 13px/28px sans-serif;
height: 28px;
left: 0;
min-width: 600px;
position: fixed;
top: 0;
width: 100%;
z-index: 99999;
}
#wpadminbar .ab-sub-wrapper, #wpadminbar ul, #wpadminbar ul li {
background: none repeat scroll 0 center transparent;
clear: none;
list-style: none outside none;
margin: 0;
padding: 0;
position: relative;
text-indent: 0;
z-index: 99999;
}
#wpadminbar .quicklinks {
border-left: 1px solid transparent;
}
#wpadminbar .quicklinks ul {
text-align: left;
}
#wpadminbar li {
float: left;
}
#wpadminbar .ab-empty-item {
outline: 0 none;
}
#wpadminbar .quicklinks > ul > li {
border-right: 1px solid #555555;
}
#wpadminbar .quicklinks > ul > li > a, #wpadminbar .quicklinks > ul > li > .ab-empty-item {
border-right: 1px solid #333333;
}
#wpadminbar .quicklinks .ab-top-secondary > li {
border-left: 1px solid #333333;
border-right: 0 none;
float: left;
}
#wpadminbar .quicklinks .ab-top-secondary > li > a, #wpadminbar .quicklinks .ab-top-secondary > li > .ab-empty-item {
border-left: 1px solid #555555;
border-right: 0 none;
}
#wpadminbar .quicklinks a, #wpadminbar .quicklinks .ab-empty-item, #wpadminbar .shortlink-input {
display: block;
height: 28px;
margin: 0;
padding: 0 12px;
}
#wpadminbar .menupop .ab-sub-wrapper, #wpadminbar .shortlink-input {
background: none repeat scroll 0 0 #FFFFFF;
border-color: #DFDFDF;
border-style: solid;
border-width: 0 1px 1px;
box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
display: none;
float: none;
margin: 0 0 0 -1px;
padding: 0;
position: absolute;
}
#wpadminbar.ie7 .menupop .ab-sub-wrapper, #wpadminbar.ie7 .shortlink-input {
left: 0;
top: 28px;
}
#wpadminbar .ab-top-menu > .menupop > .ab-sub-wrapper {
min-width: 100%;
}
#wpadminbar .ab-top-secondary .menupop .ab-sub-wrapper {
left: auto;
margin: 0 -1px 0 0;
right: 0;
}
#wpadminbar .ab-sub-wrapper > .ab-submenu:first-child {
border-top: 0 none;
}
#wpadminbar .ab-submenu {
border-top: 1px solid #DFDFDF;
padding: 6px 0;
}
#wpadminbar .selected .shortlink-input {
display: block;
}
#wpadminbar .quicklinks .menupop ul li {
float: none;
}
#wpadminbar .quicklinks .menupop ul li a strong {
font-weight: bold;
}
#wpadminbar .quicklinks .menupop ul li .ab-item, #wpadminbar .quicklinks .menupop ul li a strong, #wpadminbar .quicklinks .menupop.hover ul li .ab-item, #wpadminbar.nojs .quicklinks .menupop:hover ul li .ab-item, #wpadminbar .shortlink-input {
height: 26px;
line-height: 26px;
min-width: 140px;
text-shadow: none;
white-space: nowrap;
}
#wpadminbar .shortlink-input {
width: 200px;
}
#wpadminbar.nojs li:hover > .ab-sub-wrapper, #wpadminbar li.hover > .ab-sub-wrapper {
display: block;
}
#wpadminbar .menupop li:hover > .ab-sub-wrapper, #wpadminbar .menupop li.hover > .ab-sub-wrapper {
border-width: 1px;
margin-left: 100%;
margin-top: -33px;
}
#wpadminbar .ab-top-secondary .menupop li:hover > .ab-sub-wrapper, #wpadminbar .ab-top-secondary .menupop li.hover > .ab-sub-wrapper {
left: inherit;
margin-left: 0;
right: 100%;
}
#wpadminbar .ab-top-menu > li:hover > .ab-item, #wpadminbar .ab-top-menu > li.hover > .ab-item, #wpadminbar .ab-top-menu > li > .ab-item:focus, #wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus {
background: -moz-linear-gradient(center bottom , #3A3A3A, #222222) repeat scroll 0 0 #222222;
color: #FAFAFA;
}
#wpadminbar.nojs .ab-top-menu > li.menupop:hover > .ab-item, #wpadminbar .ab-top-menu > li.menupop.hover > .ab-item {
background: none repeat scroll 0 0 #FFFFFF;
border-left-color: transparent;
border-right-color: transparent;
color: #333333;
text-shadow: none;
}
#wpadminbar .hover .ab-label, #wpadminbar.nojq .ab-item:focus .ab-label {
color: #FAFAFA;
}
#wpadminbar .menupop.hover .ab-label {
color: #333333;
text-shadow: none;
}
#wpadminbar .menupop li:hover, #wpadminbar .menupop li.hover, #wpadminbar .quicklinks .menupop .ab-item:focus, #wpadminbar .quicklinks .ab-top-menu .menupop .ab-item:focus {
background-color: #EAF2FA;
}
#wpadminbar .ab-submenu .ab-item {
color: #333333;
text-shadow: none;
}
#wpadminbar .quicklinks .menupop ul li a, #wpadminbar .quicklinks .menupop ul li a strong, #wpadminbar .quicklinks .menupop.hover ul li a, #wpadminbar.nojs .quicklinks .menupop:hover ul li a {
color: #21759B;
}
#wpadminbar .menupop .menupop > .ab-item {
background-image: url(/gfx/starity_logo_mini2.png);
background-repeat: no-repeat;
display: block;
padding-right: 2em;
}
#wpadminbar .ab-top-secondary .menupop .menupop > .ab-item {
background-image: url(/gfx/starity_logo_mini2.png);
background-repeat: no-repeat;
padding-left: 2em;
padding-right: 1em;
}
#wpadminbar .quicklinks .menupop ul.ab-sub-secondary {
background: none repeat scroll 0 0 #EEEEEE;
box-shadow: none;
display: block;
margin: 0;
position: relative;
right: auto;
}
#wpadminbar .quicklinks .menupop .ab-sub-secondary > li:hover, #wpadminbar .quicklinks .menupop .ab-sub-secondary > li.hover, #wpadminbar .quicklinks .menupop .ab-sub-secondary > li .ab-item:focus {
background-color: #DFDFDF;
}
#wpadminbar .quicklinks a span#ab-updates {
background: none repeat scroll 0 0 #EEEEEE;
border-radius: 10px 10px 10px 10px;
color: #333333;
display: inline;
font-size: 10px;
font-weight: bold;
padding: 2px 5px;
text-shadow: none;
}
#wpadminbar .quicklinks a:hover span#ab-updates {
background: none repeat scroll 0 0 #FFFFFF;
color: #000000;
}
#wpadminbar .ab-top-secondary {
background: -moz-linear-gradient(center bottom , #373737 0px, #464646 5px) repeat scroll 0 0 #464646;
float: right;
}
#wpadminbar ul li:last-child, #wpadminbar ul li:last-child .ab-item {
border-right: 0 none;
box-shadow: none;
}
#wp-admin-bar-my-account > ul {
min-width: 198px;
}
#wp-admin-bar-my-account.with-avatar > ul {
min-width: 270px;
}
#wpadminbar #wp-admin-bar-user-actions > li {
margin-left: 16px;
margin-right: 16px;
}
#wpadminbar #wp-admin-bar-my-account.with-avatar #wp-admin-bar-user-actions > li {
margin-left: 88px;
}
#wp-admin-bar-user-actions > li > .ab-item {
padding-left: 8px;
}
#wpadminbar #wp-admin-bar-user-info {
background: none repeat scroll 0 center transparent;
height: auto;
margin-bottom: 15px;
margin-top: 6px;
}
#wp-admin-bar-user-info .avatar {
height: 64px;
left: -72px;
position: absolute;
top: 4px;
width: 64px;
}
#wpadminbar #wp-admin-bar-user-info a {
background: none repeat scroll 0 center transparent;
height: auto;
}
#wpadminbar #wp-admin-bar-user-info span {
background: none repeat scroll 0 center transparent;
height: 18px;
padding: 0;
}
#wpadminbar #wp-admin-bar-user-info .display-name, #wpadminbar #wp-admin-bar-user-info .username {
display: block;
text-shadow: none;
}
#wpadminbar #wp-admin-bar-user-info .display-name {
color: #333333;
}
#wpadminbar #wp-admin-bar-user-info .username {
color: #999999;
font-size: 11px;
}
a.ab-item {
color: #FAFAFA;
text-decoration:none;
}
a.ab-item:hover {
color: #FFFFFF;
background-color: #464646;
}
#wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar > a img {
background: none repeat scroll 0 0 #EEEEEE;
border: 1px solid #999999;
display: inline;
float: none;
height: 16px;
line-height: 24px;
margin: -3px 0 0 6px;
padding: 0;
vertical-align: middle;
width: 16px;
}
#wpadminbar .quicklinks li img.blavatar {
margin: -3px 4px 0 0;
padding: 0;
vertical-align: middle;
}
#wpadminbar #wp-admin-bar-search .ab-item {
padding: 0;
}
#wpadminbar #wp-admin-bar-search .ab-item {
background: none repeat scroll 0 0 transparent;
}
#wpadminbar #adminbarsearch {
height: 28px;
padding: 0 2px;
}
#wpadminbar #adminbarsearch .adminbar-input {
-moz-box-sizing: border-box;
-moz-transition-duration: 400ms;
-moz-transition-property: width, background;
-moz-transition-timing-function: ease;
background-color: rgba(255, 255, 255, 0);
background-image: url(../images/admin-bar-sprite.png?d=20120830);
background-position: 3px 2px;
background-repeat: no-repeat;
border: 0 none;
border-radius: 3px 3px 3px 3px;
box-shadow: none;
color: #CCCCCC;
cursor: pointer;
font: 13px/24px sans-serif;
height: 24px;
margin: 0;
outline: 0 none;
padding: 0 3px 0 23px;
text-shadow: 0 -1px 0 #444444;
width: 24px;
}
#wpadminbar.ie7 #adminbarsearch .adminbar-input {
margin-top: 1px;
width: 120px;
}
#wpadminbar #adminbarsearch .adminbar-input:focus {
background-color: rgba(255, 255, 255, 0.9);
color: #555555;
cursor: text;
text-shadow: 0 1px 0 #FFFFFF;
width: 200px;
}
#wpadminbar.ie8 #adminbarsearch .adminbar-input {
background-color: #464646;
}
#wpadminbar.ie8 #adminbarsearch .adminbar-input:focus {
background-color: #FFFFFF;
}
#wpadminbar #adminbarsearch .adminbar-input:-moz-placeholder {
color: #DDDDDD;
}
#wpadminbar #adminbarsearch .adminbar-button {
display: none;
}
#wpadminbar #wp-admin-bar-appearance {
border-top: 0 none;
margin-top: -12px;
}
#wpadminbar #wp-admin-bar-appearance {
border-top: 0 none;
margin-top: -12px;
}
#wpadminbar .ab-icon {
float: left;
height: 16px;
margin-top: 6px;
position: relative;
width: 16px;
}
#wpadminbar .ab-label {
margin-left: 4px;
}
#wp-admin-bar-wp-logo > .ab-item .ab-icon {
background-image: url(/gfx/starity_logo_mini2.png);
background-repeat: no-repeat;
height: 20px;
margin-top: 4px;
width: 20px;
}
#wp-admin-bar-updates > .ab-item .ab-icon {
background-image: url(/gfx/starity_logo_mini2.png);
background-repeat: no-repeat;
}
#wp-admin-bar-comments > .ab-item .ab-icon {
background-image: url(/gfx/starity_logo_mini2.png);
background-repeat: no-repeat;
}
#wpadminbar span.count-0 {
display: none;
}
#wpadminbar #wp-admin-bar-new-content > .ab-item .ab-icon {
background-image: url(/gfx/starity_logo_mini2.png);
background-repeat: no-repeat;
}
.no-customize-support .hide-if-no-customize, .customize-support .hide-if-customize {
display: none;
}
#wpadminbar .menupop .menupop > .ab-item, #wpadminbar .ab-top-secondary .menupop .menupop > .ab-item, #wpadminbar #adminbarsearch .adminbar-input {
background-image: url(/gfx/finder.png);
}
#wpadminbar .screen-reader-text, #wpadminbar .screen-reader-text span {
height: 1px;
left: -1000em;
overflow: hidden;
position: absolute;
top: -1000em;
width: 1px;
}
#wpadminbar .screen-reader-shortcut:focus {
background: none repeat scroll 0 0 #FFFFFF;
border: 2px solid #333333;
border-radius: 3px 3px 3px 3px;
color: #000000;
display: block;
height: auto;
left: 5px;
line-height: normal;
padding: 10px 15px;
text-shadow: none;
top: 5px;
width: auto;
z-index: 100000;
}
#wpadminbar a.screen-reader-shortcut {
text-decoration: underline;
}
.topNav {
background: url(/gfx/admin/backgrounds/topnavBg.png) repeat-x scroll 0 0 transparent;
color: #EEEEEE;
display: block;
margin: -34px 0 0 0;
padding: 3px 0;
position: fixed;
width: 100%;
z-index: 999;
}
.userNav {
border-left: 1px solid #39454F;
border-right: 1px solid #39454F;
margin-right: -2px;
}
.welcome {
float: left;
margin-left: 12px;
}
.welcome img {
float: left;
margin: 6px 8px 6px 0;
}
.welcome span {
display: block;
float: left;
font-size: 11px;
padding: 4px 5px;
white-space: nowrap;
}
.userNav {
font-size: 11px;
margin-top:-10px;
margin-right:20px;
position: relative;
z-index: 6000;
}
.userNav ul {
border-left: 1px solid #39454F;
border-right: 1px solid #39454F;
margin-right: -1px;
}
.userNav ul li {
border-left: 1px solid #1C262B;
border-right: 1px solid #1C262B;
cursor: pointer;
display: inline;
float: left;
margin-left: -1px;
position: relative;
}
.userNav ul li a {
border-left: 1px solid #39454F;
border-right: 1px solid #39454F;
color: #EEEEEE;
display: block;
float: left;
text-decoration: none;
}
.userNav ul li a:hover {
background-color: #293138;
border-left: 1px solid #293138;
border-right: 1px solid #293138;
}
.userNav ul li span {
display: block;
float: left;
padding: 5px 15px 4px 8px;
}
.userNav ul li img {
display: block;
float: left;
margin: 8px 2px 0 14px;
}
ul.userDropdown {
background: url(/gfx/admin/subArrow.png) no-repeat scroll 50% 0 transparent;
border: medium none;
display: none;
left: -9px;
padding: 0 1px 1px;
position: absolute;
top: 35px;
z-index: 100;
}
ul.userDropdown li {
background: url(/gfx/admin/backgrounds/navBg.jpg) repeat scroll 0 0 transparent;
border-bottom: 1px solid #1C252B;
border-top: 1px solid #404950;
display: block;
float: none;
}
ul.userDropdown li:hover {
border-top: 1px solid #374047;
}
ul.userDropdown li:first-child {
border-top: medium none;
margin-top: 6px;
}
ul.userDropdown li:last-child {
}
ul.userDropdown li a {
border: medium none;
float: none;
font-size: 11px;
font-weight: normal;
padding: 6px 10px 7px 32px;
text-transform: none;
width: 100px;
}
ul.userDropdown li a:hover {
border-left: medium none;
border-right: medium none;
}
.numberTop {
margin: 5px 5px 5px -5px;
padding: 1px 5px !important;
}
.numberTop, .numberMiddle, .numberRight, .groupNum {
background: url(/gfx/admin/backgrounds/numberBg.png) repeat-x scroll 0 0 transparent;
border-radius: 2px 2px 2px 2px;
color: #FFFFFF;
display: inline-block;
float: right;
font-size: 11px;
height: auto !important;
line-height: 14px;
padding: 1px 5px;
text-align: center;
width: auto;
}
.sAdd {
background: url(/gfx/admin/icons/topnav/subAdd.png) no-repeat scroll 11px center transparent;
}
.streetf-item{
width:226px;
height:339px;
margin-bottom:11px;
margin-right:11px;
float:left;
}
.streetf-item:nth-child(3n+3) {
margin-right:0px;
}
.streetf-buttons {
display:none;
}
.streetf-item:hover .streetf-buttons {
display:block;
}
.news-botom-offer {
margin-right:8px;
float:left;
width:234px;
height:180px;
background-color: #EFE0E0;
margin-bottom:8px;
position:relative;
}
.news-botom-offer:nth-child(4n+4) {
margin-right:0;
}
.news-botom-offer:nth-last-child(-n+4) {
margin-bottom:0;
}
.news-botom-offer p{
padding:10px;
margin:0;
margin-top:-16px;
}
.news-botom-offer h3 a {
position: absolute;
left: 0px;
bottom:49px;
line-height:22px !important;
padding: 3px 5px 0 5px;
float: left;
background-color: #000;
opacity: 0.7;
color: #fff;
text-decoration: none;
font: 15px "Trebuchet MS";
}
.news-botom-offer h3 a.tp {
background-color: transparent !important;
opacity:1;
}
.news-botom-offer h3 a.ketsor {
top: 150px;
height: 42px;
}
q {
display: inline;
quotes: "„" "”" "»" "«";
font-style: italic;
}
q:before {
content: open-quote;
}
q:after {
content: close-quote;
}
.boxdescription h2 {
display:block;
width:100%;
height:auto;
float:none;
font-size: 16px;
font-weight: bold;
margin: 26px 0 14px;
background: none;
}
p.explaintext {
border-left: 6px solid #bbb;
background-color: #f2f2f2;
padding: 14px;
font-size:12px!important;
margin:0px;
line-height:18px !important;
}
p.explaintext br {
height:14px;
}
.boxdescription ol,
.boxdescription ul
{
/* IE7: reset rtl list margin. (#7334) */
*margin-right: 0px;
/* preserved spaces for list items with text direction other than the list. (#6249,#8049)*/
padding: 0 40px;
font-size:14px;
color: #222;
line-height: 150%;
}
.boxdescription li {
margin-bottom:6px;
}
.boxdescription li:last-child {
margin-bottom:15px;
}
.boxdescription img[style*="left"] {margin:0 10px 10px 0;}
.boxdescription img[style*="right"] {margin:0 0 10px 10px; }
.boxdescription span.imagedesc {
font-size: 10px;
font-weight: bold;
}
figure {
background-color: #e8e8e8;
border: 0;
width:100%;
margin:0;
padding:0;
display: inline-block;
text-align: center;
margin: 5px 0;
}
figure img {
width: 100%;
height: auto;
}
figcaption {
display: block;
font-size: 11px;
padding: 3px 0;
text-align: center;
background-color: #e8e8e8;
color: #333;
border-top: 1px solid #fff;
}
.boxdescription table {
border:0;
padding:0;
background-color: #e8e8e8;
}
.boxdescription td {
border: 0;
padding:0;
}