/* file: css/portal.css, ratio: 21.8% */ * {margin:0;padding:0;}body {background:#242424;font-family:Arial;font-size:11px;color:#fff;}img {border:0;}a {text-decoration:none;}a.button {display:block;height:30px;background:url(../img/btn_left.gif) top left no-repeat;color:#fff;font-size:12px;font-weight:bold;text-decoration:none;padding-left:10px;}a.button span {display:block;height:30px;background:url(../img/btn_right.gif) top right no-repeat;color:#fff;line-height:30px;padding-right:10px;float:left;}ul,ol {list-style-type:none;}.w1 {width:614px;}.w2 {width:302px;}.select .controll,.password .controll,.text .controll {background:url(../img/input_bg_left.gif) left no-repeat;height:30px;padding-left:10px;margin-bottom:4px;}.password .controll input,.text .controll input {background:url(../img/input_bg_right.gif) top right no-repeat;border:0;font-size:14px;color:#000;padding:7px 0;font-family:arial;}.select .controll select {background:url(../img/input_bg_right.gif) top right no-repeat;border:0;font-family:arial;font-size:14px;color:#000;padding:7px 0;padding-right:15px;}.submit .controll {background:url(../img/btn_left.gif) left no-repeat;height:30px;padding-left:10px;margin-bottom:4px;}.submit .controll input,.submit .controll button {background:url(../img/btn_right.gif) top right no-repeat;border:0;font-family:arial;font-size:14px;color:#fff;padding:7px 10px 7px 0;}#wrapper {width:1000px;margin:auto;overflow:hidden;}#navi {height:54px;margin:10px;}#navi .left {float:left;height:54px;width:170px;background:url(../img/navi_left_bg.gif) top left no-repeat;}#navi .right {float:right;height:54px;width:170px;background:url(../img/navi_right_bg.gif) top right no-repeat;}#navi ul {height:54px;float:left;background:url(../img/navi_bg.gif) top left repeat-x;width:640px;}#navi ul li {float:left;height:54px;font-size:14px;font-weight:bold;}#navi ul li a {color:#fff;text-decoration:none;display:block;line-height:54px;padding:0 15px;background:url(../img/navi_trenner.gif) top left no-repeat;}.sidebar {width:170px;float:left;margin-left:10px;}#content {float:left;width:616px;margin-left:12px;}#content .box {float:left;margin-right:10px;margin-bottom:10px;background:#3e3e3e;}#content .box .inner {padding:10px;overflow:hidden;}.sidebar .box {width:170px;background:url(../img/box_sidebar_top.gif) top left no-repeat;margin-bottom:10px;}.sidebar .box h2 {font-size:14px;font-weight:bold;text-align:center;height:42px;line-height:42px;background:url(../img/box_sidebar_trenner.gif) bottom left repeat-x;}.sidebar .box .inner {background:#3e3e3e;padding:0 10px 10px;}.sidebar .box .bottom {background:url(../img/box_sidebar_bottom.gif) bottom left no-repeat;height:9px;}#content .w2 {background:url(../img/box-w2_top.gif) top left no-repeat;padding-top:2px;}#content .w2 .inner {background:url(../img/box-w2_inner.gif) top left repeat-y;}#content .w2 .bottom {background:url(../img/box-w2_bottom.gif) bottom left no-repeat;height:2px;}#content .w1 {background:url(../img/box-w1_plain_top.gif) top left no-repeat;padding-top:2px;}#content .w1 .inner {xbackground:url(../img/box-w2_inner.gif) top left repeat-y;background:#585858;}#content .w1 .bottom {background:url(../img/box-w1_plain_bottom.gif) bottom left no-repeat;height:2px;}div.sidebar .login {background-image:url(../img/loginbox_top.gif);}div.sidebar .login h2 {background-image:none;}div.sidebar .login .inner {background-color:#871414;}div.sidebar .login .bottom {background-image:url(../img/loginbox_bottom.gif);}div.sidebar .login a {color:#fff;}div.sidebar .login input {width:140px;}div.sidebar .login a.register {color:#fedc01;}.hr {background:url(../img/loginbox_trenner.gif) bottom left repeat-x;margin:5px 0;height:2px;}.hr hr {display:none;}.senderbox {width:146px;height:213px;background:url(../img/senderbox_bg.gif) top left no-repeat;overflow:hidden;}.senderbox .image {margin:2px;border:1px solid #242424;width:140px;overflow:hidden;height:105px;}.senderbox h2 {color:#fff;font-size:14px;text-align:center;background:#242424;margin:0 2px 2px;height:23px;line-height:23px;}.senderbox .description {background:url(../img/senderbox_description_bg.gif) top left repeat-x;font-size:11px;color:#fff;margin:0 2px;padding:7px 2px;height:19px;}.senderbox .status {font-size:11px;line-height:18px;}.senderbox ul {margin:0 2px;}.senderbox ul li {float:left;}.senderbox ul li a {display:block;height:27px;background:url(../img/senderbox_li_bg.gif) top right no-repeat;color:#fff;text-decoration:none;line-height:27px;padding:0 5px;}.senderbox ul li.livechat {width:80px;}.senderbox ul li.videos {width:44px;}.senderbox ul li.more {background:url(../img/senderbox_more.gif) top left no-repeat;width:18px;}.senderbox ul li.more a {background:none;padding:0;}body div#content div.tabs,body div.sidebar div.tabs {padding:0;padding-top:2px;}body div#content div.tabs .inner,body div.sidebar div.tabs .inner {padding:0 2px;}body div#content div.tabs .tabs-bottom,body div.sidebar div.tabs .tabs-bottom {padding:0;padding-bottom:2px;}.tabs ul {height:30px;position:absolute;z-index:9;}.tabs ul li {float:left;margin-right:2px;}.tabs ul li a {font-size:12px;color:#fff;display:block;height:37px;padding-left:10px;background:url(../img/tab_left_bg.gif) top left no-repeat;}.tabs ul li a span {display:block;height:37px;padding-right:10px;background:url(../img/tab_right_bg.gif) top right no-repeat;line-height:30px;}.tabs ul li.active a {background:url(../img/tab_active_left.gif) top left no-repeat;}.tabs ul li.active a span {background:url(../img/tab_active_right.gif) top right no-repeat;}.tabs .tabs-bottom {width:610px;background:url(../img/tabs_bottom_bg.gif) top left repeat-x;height:29px;margin-top:32px;position:relative;}.tabs .tabs-bottom .left {position:absolute;left:0;float:left;width:10px;height:29px;background:url(../img/tabs_bottom_left.gif) top left no-repeat;}.tabs .tabs-bottom .right {float:right;position:absolute;right:0;width:10px;height:29px;background:url(../img/tabs_bottom_right.gif) top right no-repeat;}#searchbox {width:548px;height:65px;padding-left:66px;background:url(../img/searchbox_bg.gif) top left no-repeat;margin-bottom:10px;}#searchbox .input {float:left;margin-right:10px;margin-top:17px;}#preview .image {margin-bottom:2px;}.sender-details {float:left;width:230px;margin-right:10px;}.sender-interaction a.regular {width:125px;float:left;margin-right:11px;}.sender-interaction a.regular span {float:none;text-align:center;}.sender-interaction a.medium {height:50px;background:url(../img/btn_medium_left.gif) top left no-repeat;font-size:15px;width:125px;float:left;margin-right:12px;margin-bottom:10px;}.sender-interaction a.medium span {height:50px;background:url(../img/btn_medium_right.gif) top right no-repeat;line-height:50px;text-align:center;float:none;}.sender-interaction a.big {height:60px;background:url(../img/btn_big_left.gif) top left no-repeat;font-size:24px;padding-left:50px;margin-bottom:10px;}.sender-interaction a.big span {height:60px;background:url(../img/btn_big_right.gif) top right no-repeat;line-height:60px;padding-right:50px;text-align:center;float:none;}.sender-interaction .chats {overflow:hidden;}.sender-name h3 {font-size:14px;margin-left:10px;}.sender-name a {float:right;color:#fff;margin-right:12px;}.online-categories ul li {background:url(../img/box_sidebar_trenner.gif) bottom left repeat-x;height:27px;line-height:27px;}.online-categories ul li a {background:url(../img/arrow.gif) 0 3px no-repeat;padding-left:15px;color:#fff;}#favourites.hovered {background:#f0f;}#favourites .list {margin-top:5px;}#favourites .list li {background:url(../img/box_sidebar_trenner.gif) bottom left repeat-x;padding:5px 0;}.carousel li {background:url(../img/carousel_item_bg.gif) top left no-repeat;width:122px;height:113px;float:left;margin-right:2px;padding:10px;}.carousel li .activity-panel {background:url(../img/activity_bg.gif) top left no-repeat;width:122px;height:60px;}.language-switch {position:absolute;right:10px;top:10px;}a:hover,#navi ul li a:hover {text-decoration:underline;}#content div.right,div.sender-interaction a.right {margin-right:0;}.senderbox a,#favourites .list li a {color:#fff;text-decoration:none;}.senderbox .status img,#favourites .status img {position:relative;top:2px;margin-left:2px;margin-right:5px;}.online-categories ul li a span,#favourites .go {float:right;}