/* css reset
-------------------------------------------------------------------------*/
html, body, form, input, select, fieldset {font-size: 11px; font-family: Tahoma,Arial,Verdana; color: #ffffff; }
body {background-color: #354864; }
html, body, form, fieldset, h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, li, dl, address {margin: 0px; padding: 0px; }
h1, h2, h3, h4, h5, h6, pre, code {font-size: 13px; }
ul, ol {list-style: none; }
form label {cursor: pointer; }
address {font-style: normal; }
:link,:visited { text-decoration: none;  }
a img,:link img,:visited img {border: none; }
fieldset {border: none; }
div.clear, span.clear {clear: both; font-size: 0px; }

/* globals
-------------------------------------------------------------------------*/
.inner {margin:10px;}
.rounded {
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}

.white {color:#ffffff !important;}

/* index page
-------------------------------------------------------------------------*/
div#wrapperouter {width:990px;margin:0 auto;padding-top:10px;background-color:#ffffff;}
div#wrapperbox {width:970px;margin:0 auto;overflow:hidden;background-color:#ffffff;}

	div#headerbox {height:197px;}
	
	div#contentbox {}
	div#col-left {width:612px;float:left;display:inline;}
		div#col-left h1 {font-size:18px;font-weight:bold;margin-top:10px;margin-bottom:5px;}

			div.facebox {-moz-border-radius: 10px; -webkit-border-radius: 10px; float: left; background-repeat: no-repeat; background-position: top left; margin-top: 10px; background-color:#566478; width:100%;}
			div.facebox h2 a {color:#ffffff;font-weight:bold;font-size:14px;}
			p.introduce {margin-top:5px;margin-bottom:5px;line-height:16px;}
			div.options a {color:#ffffff;font-weight:bold;}
			div.avatar {margin:15px 0px 15px 10px;width:92px;float:left;}
			div.facebox-body {margin:15px 0px 15px 10px;width:300px;float:left;}
			div.facebox-right {margin:15px 10px 15px 0px;width:180px;float:right;}
			
			div.btn-call-new,
			div.btn-busy-new,
			div.btn-offline-new {width:180px;height:30px;line-height:28px;font-weight:bold;color:#ffffff;font-size:14px;text-align:center;background-repeat:no-repeat;cursor:default;}
			
			div.btn-call-new {background-image:url(../images/button-online.jpg);}
			div.btn-busy-new {background-image:url(../images/button-busy.jpg);}
			div.btn-offline-new {background-image:url(../images/button-offline.jpg);}
			
			div.states {text-align:right;line-height:20px;color:#9ada2a;}
			div.modell-busy div.states {text-align:right;line-height:20px;color:#fd7d5d;}
			div.modell-offline div.states {text-align:right;line-height:20px;color:#b3b0af;}
			div.states strong.phone {font-size:20px;font-weight:bold;}
			span.code strong {font-size:20px;font-weight:bold;}
			div.callprice {font-size:11px;}

	div#contentbox div#col-right {width:252px;float:right;overflow:hidden;display:inline;margin-top:20px;font-size:12px;}
		div.sidebox {border:1px solid #c5c5c5;margin-bottom:10px;}
			div.sidebox div.inner {margin:0px 10px 10px 10px;}
			div.sidebox h4 {color:#4a4a4a;background-color:#ffffff;font-size:14px;font-weight:bold;padding:5px;}
			div.sidebox p {color:#646d84;}
			div.sidebox p a {color:#24468A;font-weight:bold;}

	div#footerbox {text-align:center;width:970px;margin:10px auto;}


/* index page
-------------------------------------------------------------------------*/

div.profile-left {margin:15px 0px 15px 10px;width:265px;float:left;display:inline;text-align:center;}
div.profile-right {margin:15px 10px 15px 0px;width:300px;float:right;display:inline;background:transparent;}
h2.profile {margin-bottom:20px;color:#ffffff;font-size:14px;font-weight:bold;}
div.profile-rating {line-height:18px;margin-bottom:10px;}
div.profile-data {line-height:18px;margin-bottom:10px;}
span.profile-label {float:left; font-weight:bold; color:#ffffff; margin-right:5px;}
span.profile-label2 {font-weight:bold; color:#ffffff;}

div.profile-left a.btn-call-new,
div.profile-left a.btn-busy-new,
div.profile-left a.btn-offline-new {display:block;text-align:center;width:180px;height:30px;line-height:28px;font-weight:bold;color:#ffffff;font-size:14px;background-repeat:no-repeat;margin:10px auto;cursor:default;}

div.profile-left a.btn-call-new {background-image:url(../images/button-online.jpg);}
div.profile-left a.btn-busy-new {background-image:url(../images/button-busy.jpg);}
div.profile-left a.btn-offline-new {background-image:url(../images/button-offline.jpg);}

div.profile-left div.states {text-align:center;line-height:20px;color:#9ADA2A;}
div.profile-left.modell-busy div.states {text-align:center;line-height:20px;color:#FD7D5D;}
div.profile-left.modell-offline div.states {text-align:center;line-height:20px;color:#B3B0AF;}
div.profile-left div.states strong.phone {display:block;}
div.profile-left div.states span.code {display:block;}


a.backtomain {display:block;width:161px;height:30px;background-image:url(../images/backtomain-button.jpg);background-repeat:no-repeat;line-height:30px;vertical-align:middle;color:#ffffff;font-weight:bold;text-indent:6px;float:right;margin-right:10px; margin-bottom:10px;}