﻿DIV.content-block UL {list-style-position:outside !important;}
.input-button-big {margin-top:10px !important;}
*:first-child+html DIV.sub-form {padding-top:0 !important;}
.sub-form div.ui-state-error, span.ui-state-error {background-color:#F6F6F6}


div.content-block ul.big-text {margin:25px;}
ul.big-text li {font-size:120%; margin:10px 0;}

.cb input { margin-right: 5px; position: relative; top: 1px;}

div.content-block ul.social-buttons {
	width: auto;
	height: 1%;
	margin: 20px 0;
	padding: 0;
	overflow: hidden;
}

ul.social-buttons li {
	float: left;
	display: block;
	width: 234px;
	height: 85px;
	margin: 10px 30px 10px 0;
	list-style: none;
	background: url('../images/bg-button.png') left top repeat-x;
    }
    ul.social-buttons li:hover {
        background: url('../images/bg-button.png') left -85px repeat-x;
    }

ul.social-buttons li input {
	width: 234px;
	height: 85px;
	color: #999;
	font-size: 130%;
	border: none;
	background: none;
	cursor: pointer;
	}
    ul.social-buttons li:hover input {
	    color: #333;
    }

ul.social-buttons li.google {
	background: url('../images/buttons.gif') left -864px no-repeat;
	}
	ul.social-buttons li.google:hover {
		background: transparent url('../images/buttons.gif') left -912px no-repeat;
	}




/* Instructions */

div.help {
    display: none;
    margin-top: 10px;
    padding: 4px 10px 10px;
    background: #f0f0f0;
    font-size:90%;
}

div.wmc-sect {
    margin: 10px 0;
}

div.wmc-instr {
    display: none;
}

div.wmc-title {
    margin: 10px 0;
}

div.wmc-title a {
    }
    div.wmc-title a:hover {
        text-decoration: none;
    }



.tb {width: 200px;}
.back {margin-left:20px; font-size:90%;}
div.notice {
    display:inline-block;
    margin: 20px 0;
    padding: 6px 10px;
    font-size: 100%;
    background: #eee;
}

div.notice p {margin:0;}

div.notice ul {
    padding-left: 20px;
    padding-bottom: 0;
}

div.full-column div.full-content {padding-bottom:30px;}
.buttons-box {margin:10px 0;}
.tb-file {width:260px;}


div.form-block 
{
    font-size:80%;
    display:block;
    float:left;
    margin: 20px 0 40px;
	padding: 10px;
	border: 1px solid #ccc;
}

div.form-block div.field-row {
	position: relative;
	height: 1%;
	margin: 5px 0;
	line-height: 30px;
	text-align: right;
	clear: both;
}

div.form-block div.field-row label {
	float: left;
	padding-right: 40px;
}

div.form-block div.field-row div {
	float: right;
	width: 406px;
	margin-bottom: 4px;
	padding: 3px;
	text-align: left;
}

div.form-block div.field-row input,
div.form-block div.field-row select {
	font-size: 110%;
}

div.form-block div.field-row input {
	width: 400px;
	padding: 3px;
}

div.form-block div.field-row input:focus {
	border: 2px solid #a0acbf;
}

div.form-block div.field-row select {
	width: auto;
}

div.form-block div.field-row span.validator {
	position: absolute;
	width: 200px;
	left: 410px;
	text-align: left;
	white-space: nowrap;
}
div.form-block div.field-row span.validator2 {
	left: 410px;
	margin-top: 3px;
}




/* Contacts List */

table.contacts-list {
    margin: 20px 0;
    font-size:70%;
}

table.contacts-list td {
    padding: 20px 10px;
    vertical-align: top;
}

table.contacts-list-one td {
    padding: 4px 10px;
}

table.contacts-list td img.profile-image {
    width: 120px;
    height: 120px;
    background-position: center 25%;
    background-repeat: no-repeat;
    cursor: pointer;
}

table.contacts-list td img.profile-image2 {
    cursor: pointer;
}

table.contacts-list td img.nocursor {
    cursor: default;
}



/* Account info */

div.account-info {
    position: absolute;
    right: 10px;
    top: 20px;
    margin: 4px;
    font-size: 80%;
    font-weight: bold;
    color: #369;
}



/* Error */

div.error-panel,
div.success-panel,
div.warning-panel {
	margin-bottom: 30px;
}

div.error-panel h2,
div.success-panel h2 {
    margin: 10px 0;
    font-size: 150%;
}

div.error-panel h2 {
	color: #c00;
}

div.success-panel h2 {
	color: #090;
}

div.error-panel h1 {
	color: #c00;
}

div.error-panel p {
	color: #c00;
}

div.success-panel p {
    color: #090;
}



/* Instructions */

div.help {
    display: none;
    margin-top: 10px;
    padding: 4px 10px 10px;
    background: #e0e0e0;
}

div.wmc-sect {
    margin: 10px 0;
}

div.wmc-instr {
    display: none;
}

div.wmc-title {
    margin: 10px 0;
}

div.wmc-title a {
    }
    div.wmc-title a:hover {
        text-decoration: none;
    }


/* CP */

div.control-panel {
    margin: 20px 0;
    font-size:80%;
}

div.control-panel a {
    color: #333;
 }
 div.control-panel a:hover {
    color: #777;
 }

div.control-panel input {
    margin-right: 2px;
}

/* Sort */

div.control-panel a {
    padding-left: 14px;
}

div.control-panel a.down {
    background: url('../images/down.gif') left 4px no-repeat;
}

div.control-panel a.up {
    background: url('../images/up.gif') left 4px no-repeat;
}

span.chk input {
    position: relative;
    top: 2px;
}

.profile .field-row {font-weight:bold;}

.profile span.label {display:block; float:left; width:120px;} 
.profile span.val {display:block; text-align:left; padding-left:20px; font-weight:normal; overflow:hidden;}


.full-content {overflow:hidden; zoom:1;}


/* Tabs */
div.content-block ul.tabs {margin:10px 0 25px 0; }
.tabs{list-style:none; border-bottom:1px solid #ccc; font-size:13px; position:relative;}
.tabs li{display:inline; overflow:hidden; }
.tabs a {border-radius:4px 4px 0 0; position:relative; top:2px; padding:6px 10px 6px 38px; border:1px solid #eee; border-bottom:none; background-color:#f9f9f9; font-weight:bold; margin:0 -1px 0 0; text-decoration:none; position:relative; display:inline-block; white-space:nowrap; background-position:10px center; background-repeat:no-repeat;}
.tabs li.active a{border:1px solid #ccc; padding:8px 10px 8px 38px;  border-bottom:none; background-color:#fff; position:relative; top:1px; }

.tabs .count {border-radius:4px; font-size:85%; display:block;font-weight:normal; color:#999;}
.tabs .count span { color:#999;}
.tabs .count .selected {}

.tabs .check-all {display:none;}
.tabs li.active .check-all {display:block; position:absolute; left:10px; bottom:-30px;}


.code-vkontakte, .code-Vkontakte, .code-Vkontakte2 {background-image:url(/images/small-icons/vk.png);}
.code-Gmail, .code-Google2 {background-image:url(/images/small-icons/gc.png);}
.code-Twitter, .code-Twitter2 {background-image:url(/images/small-icons/tw.png);}
.code-Yahoo {background-image:url(/images/small-icons/yc.png);}
.code-MySpace {background-image:url(/images/small-icons/ms.png);}
.code-Mailru, .code-Mailru2 {background-image:url(/images/small-icons/mr.png);}
.code-Yandex, .code-YndexOAuth {background-image:url(/images/small-icons/ya.png);}
.code-Rambler {background-image:url(/images/small-icons/rr.png);}
.code-Odnoklassniki {background-image:url(/images/small-icons/ok.png);}
.code-MyOpenId {background-image:url(/images/small-icons/oi.png);}
.code-Windowslive, .code-windowslive ,.code-WindowsLive, .code-WindowsLive2 {background-image:url(/images/small-icons/wl.png);}
.code-ICQ, .code-ICQ2 {background-image:url(/images/small-icons/ic.png);}
.code-CSV {background-image:url(/images/small-icons/cs.png);}
.code-Skype {background-image:url(/images/small-icons/sk.png);}
.code-PhoneContacts {background-image:url(/images/small-icons/pb.png);}
.code-MoiKrug {background-image:url(/images/small-icons/mk.png);}
.code-Linkedin ,.code-linkedin {background-image:url(/images/small-icons/in.png);}


.tabs li a.code-all  {padding-left:10px;}

.friends {margin:10px 0; clear:both; overflow:hidden; padding:10px 0;}
.friend-box {background:#fff; position:relative; width:260px; height:60px; margin:5px; float:left; padding:5px; border:1px solid #bbb; box-shadow:0 1px 2px rgba(0,0,0,0.1); border-radius:1px;}
.friend-box.active {border:2px solid #aaa; padding:4px;}
.friend-box .label label {position:absolute; top:0; left:60px; right:20px; font-size:.7em; line-height:1.5; padding:4px 8px; overflow:hidden;}
.friend-box .label strong {font-size:1.1em;} 
.friend-box .label input {position:absolute; bottom:5px; right:7px;}

.friend-box .img-box img {max-height:60px; max-width:60px; float:left; margin:0;}

i.small-icon  {top:5px; right:5px; background-position:0 0; background-repeat:no-repeat; position:absolute; display:block; width:16px; height:16px; z-index:3;}

a {outline:none;}
.bordered {padding:1px 15px 10px 15px; margin:5px 0; background:#f6f6f6; border-radius:4px;}
.bordered.error {background:#fdd}
.formfield-hint.ui-state-error {background:none;}
.ajax-loader {display:inline-block; margin-top:17px; width:16px; height:16px; background:url(../images/ajax-loader.gif) no-repeat 0 0;}
.ajax-loader2 { margin-top: 6px;}
