/*
// Color variables
// Other CSS variables
*/
body {
background-color:#ffffff;
margin:0;
padding:0;
height:100%;
}
div,td,a,p,body,span {
font-family:Arial;
font-size:12px;
color:#000000;
}
a:hover {
color:#D20039;
}
table,img {
border:0;
}
.bordwhite {
border:1px
solid #ffffff;
}
.bord {
border:1px
solid #000000;
}
.little {
line-height:8px;
}
h1 {
font-family:Arial;
font-weight:bold;
font-size:17px;
color:#D80042;
letter-spacing:-1px;
margin:0px 12px 2px 12px;
}
h2 {
font-size:12px;
font-weight:bold;
margin:3px 0px 6px 0px;
}
.top {
background:transparent url('Image?name=top_bg') repeat-x;
height:99px;
}
div.top_left {
background:transparent url('Image?name=top_left') no-repeat right;
height:99px;
width: 30px;
}
div.top_right {
background:transparent url('Image?name=top_right') no-repeat left;
height: 99px;
width: 100px;
}
#left_bg {
background:#ffffff url('Image?name=bg') right top;
text-align:right;
width:45%;
vertical-align:top;
}
#main {
background:#ffffff url('Image?name=bg');
width:955px;
vertical-align:top;
}
#right_bg {
background:#ffffff url('Image?name=bg') right top; width:45%; vertical-align:top;}
#right_bg div {height:87px; }
#header {width:955px; height:125px;}
#header div {float:left;}
#support {
float:left;
margin:15px 0px 0px 33px;
}
#support h1 {
background:#D20039 url('Image?name=support_icon') no-repeat;
color:#ffffff;
font-size:23px;
font-weight:normal;
margin:3px 0px 7px 0px;
padding-left:40px;
}
#support h2 {
color:#ffffff;
}
#support a {color:#ffffff;}
#support a:hover {color:#000000;}
.pad {padding-left:31px;}
#lang {color:#ffffff; padding:24px 0px 0px 90px;}
#lang div {float:left; padding:8px 17px 0px 0px;}
.box1 {border:1px solid #C1C1C1; border-right: none; padding:2px 0px 9px 2px; background-color:#ffffff; vertical-align:top;}
.box1 div {background:#ffffff url('Image?name=login_bg') repeat-x; padding:0px 5px 0px 11px;}
.box1 table {width:100%;}
.box2 {border:1px solid #C1C1C1; padding:2px 0px 9px 2px; background-color:#ffffff; vertical-align:top;}
div.box_head {background:#ffffff url('Image?name=login_bg') repeat-x; padding:0px 5px 0px 11px;}
.box2 table {width:100%;}
.label, .label a, .label a:hover, .label a:active, .label a:visited {
padding:5px 0px 5px 0px;
color:#939393;
font-size:19px;
font-weight:bold;
margin:0;
letter-spacing:-1px;
text-decoration: none;
}
.label2 {padding:6px 6px 6px 16px; color:#D20039; font-size:19px; font-weight:bold; margin:0;}
#time_remains {color:#D20039; font-size:18px; font-weight:bold; padding:0px 0px 0px 0px;}
.access {padding:3px 8px 3px 8px; background-color:#D20039; color:#ffffff; text-decoration:none;}
.access:hover {color:#ffffff; text-decoration:underline;}
#forms {margin-top:9px;}
#forms td {font-weight:bold; padding-top:5px;}
#forms select {width:120px;}
#forms a {font-weight:normal;}
#forms div#model {color:#D80042; background:#ffffff; overflow:hidden; width:120px; height:15px; padding:0; margin:0;}
.redd {color:#D80042;}
.red {color:#D80042;}
.red:hover {color:#000000;}
.txt {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 10px;
border:1px solid #A0B2C0;
width:130px;
}
.box {background-color:#ffffff; border:1px solid #C1C1C1; padding:2px;}
.boxx {background-color:#ffffff; border:1px solid #C1C1C1; padding:11px; border-top:2px solid #D20039;}
.whitebox {background:#ffffff url('Image?name=login_bg') repeat-x; padding-left:12px;}
#users {margin-top:13px; border-bottom:4px solid #575757;}
#users td.label {color:#93A471; padding-left:13px;}
#users_openhide {width:100px; text-align:right; padding-right:10px;}
#mobile_openhide {width:100px; text-align:right; padding-right:10px;}
#mobile_pic {background:transparent; width:57px; height:87px;}
.hidebut {background:transparent url('Image?name=hide') no-repeat right center; padding:0px 14px 0px 2px; color:#858F8E; text-decoration:none;}
.hidebut:hover {color:#000000;}
.openbut {background:#ffffff url('Image?name=open') no-repeat right center; padding:0px 14px 0px 2px; color:#000000; text-decoration:none; font-weight:bold;}
.topmenu {background:#D7EBB4 url('Image?name=user_menu') repeat-x; padding-left:175px;}
.topmenu table {height:31px;}
.topmenu td {color:#D20039; padding:0px 10px 1px 10px;}
.topmenu td.active {background:#D80042 url('Image?name=us_c1') no-repeat top left; padding:0; vertical-align:top;}
.topmenu td.active div {padding:6px 8px 2px 8px; color:#ffffff; font-weight:bold; background:transparent url('Image?name=us_c2') no-repeat top right;}
.topmenu td.active a {color: #FFFFFF;}
.topmenu_link {color:#444444; text-decoration:none; font-weight:bold;}
.disabled_link {color:#A6A5A5; text-decoration:none; font-weight:bold;}
.black {color:#000000;}
.white {color:#ffffff;}
.whitelink {color:#ffffff;}
.whitelink:hover {color:#000000;}
#user_pics div {font-weight:bold; padding:0px 0px 16px 10px; float:left;}
#user_pics div.pic {width:114px; padding:0;}
#user_pics div.name {width:114px; clear:both; padding:3px 0px 0px 0px; overflow:hidden;}
.paging {width:100%;}
.paging select {width:123px;}
.paging a {font-weight:bold;}
.paging span {padding-left:20px;}
.paging a.active {color:#D80042;}
.leftmenu {width:155px; border-right:1px solid #CFD8DF; padding-right:10px; vertical-align:top;}
.leftmenu a {font-weight:bold; text-decoration:none; padding-left:11px; background:transparent url('Image?name=arr') no-repeat;}
.leftmenu a.active {color:#D20039; background:transparent url('Image?name=arr_act') no-repeat;}
.second_level {
padding:0px 0px 9px 12px;
}
.second_level a {
font-weight:normal;
color:#616161;
background:none;
padding:0;
}
.second_level a:hover {
color:#D80042;
}
.second_level a:active {
color:#ffffff;
background:#D80042;
padding:1px 4px 1px 4px;
}
.selected_category_in_list {
color:#ffffff;
background:#D80042;
padding:1px 4px 1px 4px;
}
#users_content {margin-top:2px; background:#ffffff url('Image?name=sh1') repeat-x; padding:13px;}
#users_content table.contents {clear:both; border:1px solid #B3BCDB; border-top:none; width:100%; padding:12px 0px 0px 0px;}
.third_level {padding:0px 0px 9px 12px;}
.third_level span.little {line-height:5px;}
.third_level a {font-weight:normal; font-size:11px; font-weight:bold; color:#222222; background:none; padding:0;}
.third_level a:hover {color:#D80042;}
.third_level a.active {color:#ffffff; background:#D80042; padding:1px 4px 1px 4px;}
#last_online {padding:8px 8px 8px 18px;}
#last_online td {font-size:11px;}
#last_online a {color:#8E8E8E; font-size:11px;}
#last_online a:hover {color:#D20039;}
#inbox {width:766px; padding-top:0; margin:0;}
#inbox td {background:#B0B0B0 url('Image?name=inbox_top') repeat-x; padding:0px 0px 0px 10px; height:24px; font-size:12px; }
#messages_box {
width:762px;
overflow:auto;
border:1px solid #83868F;
height:182px;
padding:0;
}
#messages {width:745px;}
#messages td {font-size:12px; padding:4px 10px 4px 10px;}
#messages a {font-size:12px;}
#messages tr.new a.answer {color:#D20039;}
#messages tr {background-color:#E2F0D6;}
#messages tr.new {background-color:#FBE3DD; font-weight:bold;}
#messages td.date {font-weight:normal;}
#messages td.new_day {border-top:1px solid #A3A4A6;}
#messages td.midline {padding:0; height:3px; background-color:#ffffff;}
#messages td.letter {padding-left:32px; width:131px; background:#E2F0D6 url('Image?name=letter_opened') no-repeat left center;}
#messages tr.new td.letter {padding-left:32px; width:131px; background:#FBE3DD url('Image?name=letter_closed') no-repeat left center;}
#content {margin-top:13px; border-bottom:4px solid #575757;}
#content td.label {color:#5B7189; padding-left:13px;}
.b {font-weight:bold;}
#mobile_content {margin-top:2px; background:#ffffff url('Image?name=sh1') repeat-x; padding:13px 8px 8px 13px;}
.content_item {vertical-align:top; padding-left:8px; width:770px;}
.item_label {width:100%; background:transparent url('Image?name=redbot') repeat-x bottom; margin-top:7px; height:20px;}
.first {margin-top:0;}
.more {text-align:right; padding-right:11px; vertical-align:bottom;}
.more div.moretext {font-size:11px; text-decoration:none; color:#D20039; background:#ffffff url('Image?name=redtop') repeat-x; height:16px;}
.more a {
cursor:pointer;
}
.item_label div {float:right;}
.contents {clear:both; border:1px solid #B3BCDB; border-top:none; width:100%;}
.contents td {font-size:11px;}
.contents h2 {text-decoration:none; margin:2px 0px 2px 0px;}
.contents a {font-size:11px;}
.video {background:#ffffff url('Image?name=plenka') repeat-x left top; padding-top:11px;}
.video div {background:#000000 url('Image?name=plenka') repeat-x bottom left; padding-bottom:11px;}
.contents td.numb {width:5px; font-size:14px; color:#D80042; text-align:right; font-weight:bold; padding:0px 12px 0px 12px;}
.tracks {width:100%;}
.tracks td {background:#EAEFFE url('Image?name=line') repeat-x bottom;}
.tracks td.midline {height:5px; background:#ffffff;}
.label_menu {vertical-align:bottom;}
.label_menu div {float:left; height:21px;}
.label_menu a {text-decoration:none; font-weight:bold; line-height:19px; padding:0px 4px 0px 4px;}
.label_menu div.active {background:#D80042 url('Image?name=label_menu1') no-repeat left; padding-left:12px;}
.label_menu div.active div {line-height:19px; background:#D80042 url('Image?name=label_menu2') no-repeat right; color:#ffffff; font-weight:bold; padding-right:12px;}
.label_menu div.menu {background:#ffffff url('Image?name=lab_menu') repeat-x bottom; margin-left:7px;}
.label_menu div.menu div {float:left;}
#footer {background:transparent url('Image?name=footer') repeat-x bottom;}
#footer a {color:#ffffff; font-weight:bold; text-decoration:none;}
#footer a:hover {color:#000000;}
.but {
background-repeat: no-repeat;
border: 0px solid;
color: #000000;
height: 22px;
font-family: Arial, sans-serif;
font-size: 12px;
font-weight: normal;
background-color: transparent;
padding-bottom:1px;
}
.size1 {background-image: url('Image?name=button1'); width:59px;}
.size2 {background-image: url('Image?name=button2'); width:70px;}
.size3 {background-image: url('Image?name=button3'); width:85px;}
.size4 {background-image: url('Image?name=button4'); width:100px;}
.size5 {background-image: url('Image?name=button5'); width:120px;}
.getbut {
background:transparent url('Image?name=get') no-repeat; width:37px;
border: 0px solid;
color: #000000;
height: 20px;
font-family: Arial, sans-serif;
font-size: 11px;
font-weight: bold;
background-color: transparent;
padding-bottom:1px;
}
.x {background:transparent url('Image?name=x') no-repeat; width:15px; height:14px; border: 0px solid;}
#text {margin:10px 0px 5px 0px; border-bottom:4px solid #575757; padding:15px 30px 40px 30px;}
#text h1 {margin:10px 0px 15px 0px; font-size:19px;}
#text h2 {margin:15px 0px 12px 0px;}
.page_self {padding:0px 20px 35px 30px; vertical-align:top;}
.page_self h1 {margin:10px 0px 15px 0px; font-size:18px; border-bottom:2px solid #D80042; padding-left:10px; letter-spacing:-1px;}
.page_self h2 {margin:20px 0px 12px 0px; font-size:13px; padding-left:10px;}
.req {font-weight:bold; padding-right:20px; background:transparent url('Image?name=req') no-repeat right top;}
.withline {border-bottom:2px solid #D80042; margin-bottom:17px; padding-left:10px;}
.grey {border-color:#bababa;}
#pics_preview div {margin:0px 22px 12px 0px; float:left; text-align:left; line-height:21px;}
#pics_preview div.pic {width:80px; padding:0; margin:0; clear:both;}
#pics_preview div.name {width:80px; clear:both; padding:3px 0px 0px 0px; margin:0; overflow:hidden;}
.norated {color:#bbbbbb; text-decoration:none;}
.norated:hover {color:#bbbbbb;}
.nounderline {text-decoration:none;}
.online {color:#0dbc00; font-size:13px; font-weight:bold;}
ul {margin:0; padding:10px 0px 12px 0px; list-style:none; font-size:13px;}
li {padding-left:15px; margin:2px 0px 2px 0px; background:transparent url('Image?name=dot') no-repeat left top;}
li.online {color:#000000; background:transparent url('Image?name=online') no-repeat left top;}
li.offline {color:#000000; background:transparent url('Image?name=offline') no-repeat left top;}
.padright {padding-right:15px;}
.padleft {padding-left:15px;}
#comments div {border-bottom:1px solid #bbbbbb; padding:12px;}
#text div.ask {background:transparent url('Image?name=asking') no-repeat; margin:0px 0px 5px 0px; padding:3px 0px 10px 40px; font-size:16px; color:#D20039; font-weight:bold;}
#text div.answer {background:transparent url('Image?name=answer') no-repeat; margin:0px 0px 27px 0px; padding:0px 0px 0px 40px;}
#mobiles {vertical-align:top;}
#mobiles td {padding:10px; border:1px solid #dddddd; text-align:center; vertical-align:bottom;}
.results td {vertical-align:top; font-size:12px; width:14%;}
/* DLC Styles */
div.page_topic {
width: 100%;
font-size: 17px;
font-weight: bold;
color: #D80042;
padding-bottom: 0px;
padding-left: 12px;
border-bottom: 2px solid #D80042;
margin-bottom: 5px;
}
span.page_topic {
font-size: 17px;
font-weight: bold;
color: #D80042;
margin-bottom: 5px;
}
span.page_topic_extra {
font-size: 12px;
font-weight: bold;
color: #D80042;
}
div.small_page_topic {
width: 100%;
font-size: 14px;
font-weight: bold;
color: #D80042;
padding-bottom: 0px;
padding-left: 12px;
border-bottom: 2px solid #D80042;
margin-bottom: 5px;
}
span.small_page_topic {
font-size: 14px;
font-weight: bold;
color: #D80042;
}
div.sub_topic {
width: 100%;
font-size: 12px;
font-weight: bold;
color: #D80042;
padding-bottom: 0px;
margin-bottom: 5px;
text-decoration: underline;
}
div.page_content {
padding-top: 5px;
padding-bottom: 5px;
padding-left: 8px;
padding-right: 8px;
}
span.chat_rooms_post_alias {
font-weight: bold;
color: #D80042;
}
td.chat_room_listing {
padding-right: 5px;
padding-bottom: 2px;
}
div.chat_window {
width: 100%;
min-height: 350px;
padding: 5px;
background-color: #FFFFFF;
color: #000000;
border: 1px solid #81868B;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 10px;
}
div.message_history_window {
padding: 5px;
background-color: #FFFFFF;
color: #000000;
border: 1px solid #81868B;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 10px;
}
.pic img {
border: 1px solid #000000;
}
table.chatter_list, table.friend_list {
width: 100%;
border-collapse: collapse;
}
table.chatter_list td {
padding: 3px;
}
input.submit      {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 9px;
color: #5A788F;
background-color:  #FFFFFF;
border: 1px solid #5A788F;
padding: 2px;
font-style: normal;
font-weight: bold;
}
input.filetxt     {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 10px;
color: #000000;
background-color: #FFFFFF;
border: 1px solid #81868B;
padding: 2px;
}
textarea.filetxt     {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 10px;
color: #000000;
background-color: #FFFFFF;
border: 1px solid #81868B;
}
option, select {
text-align: left;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 9px;
color: #000000
}
td.ui_messages {
padding: 2px;
border: 1px solid #000000;
background-color: #DEDEDE;
font-weight: bold;
}
span.sublink {
padding-left: 10px;
}
span.sublink a {
font-weight: normal;
font-size: 11px;
}
table.inbox {
border-collapse: collapse;
}
table.inbox th {
border-collapse: collapse;
background-color: #DEDEDE;
padding: 1px;
padding-left: 3px;
padding-bottom: 3px;
text-align: left;
border: 1px solid #000000;
}
span.link_no_underline a {
text-decoration: none;
}
span.img_border img {
border: 1px solid #000000;
}
.img_table {
position: relative;
width: 80px;
height: 80px;
border: 1px solid #000000;
}
.img_table_small {
position: relative;
width: 45px;
height: 45px;
border: 1px solid #000000;
}
.img_table_img {
display: table-cell;
vertical-align: middle;
z-index: 4;
}
span.selected_link {
color: #D80042;
}
div#login_uimessage {
color: #D80042;
font-weight: bold;
}
div.faq_answer {
padding-left: 15px;
padding-top: 5px;
padding-right: 5px;
padding-bottom: 10px;
}
a.country_link {
text-decoration: none;
}
a.country_link img {
border: 1px solid #000000;
}
a.country_link:hover img {
border: 1px solid #FF00000;
}
span.countryselection a {
position:relative;
z-index:24;
}
span.countryselection a:hover {
z-index: 25;
background-color: #ff0;
}
a span.iframespan {
top: -15px;
display: none;
}
.iframespan {
display: none;
}
a:active span.iframespan {
border: none;
}
/*a:hover span.iframspan {
display: block;
position:absolute;
top: 10px;
left: 20px;
width: 200px;
border: 1px solid #000000;
}*/
span.countryselection input {
width:30px;
font-family: verdana;
}