.nanoUsersOnLine{
	color: green;
	white-space: nowrap;
}

.nanoUsersOffLine{
	color: lightgray;
	white-space: nowrap;
}

#block-usersLogin input.input{
	width: 100%;
}
.usersAvatar{
	width: 100px;
	height: 100px;
	float: left;
	margin: 0 10px 0px 0;
}

.usersCutAway{
	padding: 5px;
	margin-bottom: 10px;
}

.usersCutAway .usersAvatar{
	float: left;
	margin: 0 10px 0px 0;
}
.nanoTableStruct{border:none !important;margin:0 !important;padding:0 !important;}
/*
.nanoTableStruct > tr:nth-child(even){background:transparent;}
.nanoTableStruct > tbody > tr:nth-child(even){background:transparent;}
*/
.nanoTableStruct > tbody > tr > td{border:none;margin:0;padding:0;vertical-align:top;background:none !important;}
#nanoMessagesBox{border:1px solid lightgray;}
#nanoMessagesBox .error{color:#F00;font-weight:bold;background-color: #fcc;padding:2px 4px}
#nanoMessagesBox .warning{color:#F60;font-weight:bold;background-color:#fc9;padding:2px 4px}
#nanoMessagesBox .success{color:#090;font-weight:bold;background-color:#cfc;padding:2px 4px}
.nanoPageSelector .switch input{width:43px;text-align:center}

a.currentPage{font-weight: bold;}
input.checkbox{margin-right:10px}
/* nanoPageSelector box */
.nanoPageSelector{margin: 8px auto;text-align: center;}
.nanoPageSelector a{background: #EFFFEF;margin: 0 2px;padding: 2px 10px;text-decoration: none;}
.nanoPageSelector a:hover{background: #D4FACD;text-decoration: none;}
.nanoPageSelector span{color: #aEb5cD;margin: 0 2px;padding: 2px 10px;border: 1px solid #DEE5FD;}
.nanoPageSelector .switch{border:2px inset gray;margin:0 2px;padding: 1px 0px;}
.nanoPageSelector .switch input{border: none;height: 15px;}
/* nanoPanel box */
.nanoPanel {text-align:right}
.nanoPanel > ul {display:block}
.nanoPanel > ul > li {display:inline-block;margin-left:10px}
/* .nanoPanel > ul > li:before {content:'- '} */
.nanoPanelInfo{font-size:85%;color:gray}
/* nanoList2 */
.nanoList2SortBox{margin-bottom: 12px;}
/* fieldset */
fieldset.nanoDesign{margin:0;padding:0 8px}
fieldset.nanoDesign legend{margin:0;padding:0}
p.nanoDesign{margin:12px}
/*	form	*/
.descriptionBox{}
.nanoFormButtons{text-align:right;}
.nanoTableInputLimitBox{width: 100%;border-collapse:collapse;border:none}
.nanoTableInputLimitBox td.tdInput{background:#fff;width:100%;border:1px solid #ccc;padding:4px}
.nanoTableInputLimitBox td.tdInput input.input{padding:0;margin:0;width:100%;border:none}
.nanoTableInputLimitBox td.tdLabel{border:1px solid #ccc;background:#eee;padding:0px 4px 0px 4px;margin:0;vertical-align:middle}
.nanoTableInputLimitBox td.tdLabel span{display:block;width:40px;text-align:center}
.nanoTablePasswordLimitBox{width: 100%;border-collapse:collapse;border:none}
.nanoTablePasswordLimitBox td.tdPassword{background:#fff;width:100%;border:1px solid #ccc;padding:4px}
.nanoTablePasswordLimitBox td.tdPassword input.password{padding:0;margin:0;width:100%;border:none}
.nanoTablePasswordLimitBox td.tdLabel{border:1px solid #ccc;background:#eee;padding:0px 4px 0px 4px;margin:0;vertical-align:middle}
.nanoTablePasswordLimitBox td.tdLabel span{display:block;width:40px;text-align:center}
#nanoTabsBox{margin-bottom:15px}
#nanoTabsBox a{display: inline-block}
#nanoTabsBox a:hover{background:#fff}
#nanoTabsBox a.currentPage {background:#eee}
#nanoTabsBox a.currentPage:hover{background:#fff}

.tableInputAutocompleteBox{width: 100%;border-collapse:collapse;border:none}
.tableInputAutocompleteBox td.tdInput{background:#fff;width:100%;border:1px solid #ccc;padding:4px}
.tableInputAutocompleteBox td.tdInput input.input{padding:0;margin:0;width:100%;border:none}
.tableInputAutocompleteBox td.tdLabel{border:1px solid #ccc;background:#eee;padding:0px 4px 0px 4px;margin:0;vertical-align:middle}
.tableInputAutocompleteBox td.tdLabel div.minWidth{width:40px;text-align:center}
.animationBox{
	display:block;
	background: url("/images/loading.gif") no-repeat scroll left top transparent;
	height:16px;
	width: 16px;
	margin: 0 auto;
}


.nanoError{color:#F00;font-weight:bold;background-color: #fcc;padding:2px 4px}
.nanoOn{color:green}
.nanoOff{color:red}
.nanoPause{color:gray}
.nanoTip{font-size:85%;line-height:150%}
p.nanoTextWarning{		background:none repeat scroll 0 0 lightyellow;
	border:1px solid #BF4D02;
	margin:10px 0;
	padding:0 10px;
}

/*	old version	*/
#nanoCrumbsBox{
	margin-bottom: 8px;
}
#nanoMessagesBox{
	margin-bottom: 8px;
}
/* CSS Document */

#main_left {
	width: 30%;
	margin-left: 5%;
	border: 2px solid #003300;
	border: #000000 solid 1px; 
}
#main_left A{
    color: #FF3300;

}

.statusBox{
	font-size: 85%;
}
.descriptionBox{
	font-size: 85%;
}
.nanoControl{
	margin-bottom:20px
}
.nanoControl  .titleBox{
	font-weight: bold;
}
.nanoControlCaptcha table{
	border: none;
	width: auto;
	margin-left:0;
}
.nanoControlCaptcha  td{
	padding: 10px 10px 10px 0;
	border: none;
	vertical-align: top;
}
.nanoControlDate input{
	border: 1px solid #ccc;
	color: #000;
	cursor: pointer;
	width: 68px;
	vertical-align: top;
}
.nanoControlDate img.ui-datepicker-trigger{
	vertical-align: text-bottom;
	margin:0 0 0 1px;
}
.nanoControlError{
	background: #fee;
}
.nanoControlList .controlBox{
    background: #FFF;
    border: 1px solid #CCC;
	padding: 4px;
}
.nanoControlList .controlBox select{
	width: 100%;
    border: none;
}
.nanoFormButtons button{
	margin-left: 4px;
}
.requireMarker{
	color: red;
}
.textareaBox{
    background: #FFF;
    border: 1px solid #ccc;
	padding: 4px;
}
.textareaBox textarea{
	width: 100%;
    border: none;
	height: 49px;
}

.nanoControlTextarea textarea{
	height: 400px;
}
/* Плавающая панель */
* html #socialBox {display: none}
#socialBox {
		z-index: 1000;
	border: 1px solid #E5E5E5;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	padding: 6px 6px 0;
	background: #FFF;
	width: 530px;
	margin: 0 auto;
}
#socialBox:hover {
	background: #F6F6F6;
	border: 1px solid #D4D4D4;
	-moz-box-shadow: 0 0 5px #DDD;
	-webkit-box-shadow: 0 0 5px #DDD;
	box-shadow: 0 0 5px #DDD;
}
#socialBox a{
	display:block;
	float:left;
	width:32px;
	height:32px;
	background:url(http://www.ramech.net/public/social/social.png) 0 0 no-repeat;
	margin: 0 6px 6px;
	background-color: #F6F6F6;
}
#socialBox #soc1{
	height: 38px;
	overflow:hidden;
	width: 530px;
	margin: 0 auto;
}

#socialBox #socialVkontakteButton{background-position:-32px 0;}
#socialBox #socialFacebookButton{background-position:-64px 0;}
#socialBox #socialGoogleBuzzButton{background-position:-96px 0;}
#socialBox #socialFriendFeedButton{background-position:-128px 0;}
#socialBox #socialLiveJournalButton{background-position:-160px 0;}
#socialBox #socialMoiMirButton{background-position:-192px 0;}
#socialBox #socialTwitterButton{background-position:0 0;}
#socialBox #socialDeliciousButton{background-position:-224px 0;}
#socialBox #socialGoogleButton{background-position:-256px 0;}
#socialBox #socialBobrDobrButton{background-position:-288px 0;}
#socialBox #socialMemoriButton{background-position:-320px 0;}
#socialBox #socialMisterWongButton{background-position:-354px 0;}


#socmore {
	text-align: center;
	cursor: pointer;
	margin: -11px 0 4px;
	width: 32px;
}

