/* 0000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000 */
/* GLOBAL CLASSES                                                                                                            */
/* 0000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000 */
.left {float:left;}
.right {float:right;}

/* 0000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000 */
/* WRAPPER #users .liker - total classes for users                                                                           */
/* 0000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000 */
#wrapper > #users .liker {
	position:relative;
	margin-right:2px;
	text-align:center;	
	color:#fff;	
	font-size:16px;	
	text-shadow:0px 1px #000;
	border-radius:3px;
	box-shadow:1px 1px 1px 1px rgba(0,0,0,0.2);
	-webkit-box-shadow:1px 1px 1px 1px rgba(0,0,0,0.2);
}
#wrapper > #users .liker:after {position:absolute;	content:"";	border-style:solid;}
#wrapper > #users .small {font-size:16px; line-height:22px;}
#wrapper > #users .small:after {border-width:12px 7px;	top:0px;	left:-13px;}
#wrapper > #users .large {font-size:24px; line-height:36px;}
#wrapper > #users .large:after {border-width:17px 9px;	top:0px;	left:-17px;}
#wrapper > #users .green {background-color:#33b364;}
#wrapper > #users .green:after {border-color: transparent #33b364 transparent transparent;}
#wrapper > #users .grey {background-color:#7a7a7a;}
#wrapper > #users .grey:after {border-color: transparent #7a7a7a transparent transparent;}
#wrapper > #users .red {background-color:#cb373c;}
#wrapper > #users .red:after {border-color: transparent #cb373c transparent transparent;}

/* 1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111 */
/* WRAPPER                                                                                                                   */
/* 1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111 */
#wrapper {
	padding-right:5px;
	background-color:#FFF;
	overflow:hidden;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; 	font-size:14px; color:#808285;
}

/* 222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222 */
/* WRAPPER #doubleSearch                                                                                           */
/* 222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222 */
#wrapper #doubleSearch {
	position:relative;
	height:68px;
	width:924px;
	margin-bottom:13px;
	background-color:#0e395b;
	color:#FFF;	
	overflow:hidden;	
}
#doubleSearch .alphabetFind, #doubleSearch .extendedFind, 
#doubleSearch #alphabetSearchField, #doubleSearch #extendedSearchField {
	display:none;
}
#doubleSearch .alphabetFind + label, #doubleSearch .extendedFind + label {
	position:absolute;
	width:190px;
	padding:6px 0 6px 15px;
	color:#FFF;
	background-color:#2180c0;
	font-size:16px;
}
#doubleSearch .alphabetFind + label:hover, #doubleSearch .extendedFind + label:hover {
	cursor:pointer;
	color:#ffcc00;
}
#doubleSearch .alphabetFind:checked + label, #doubleSearch .extendedFind:checked + label {
	color:#FFF;
	background-color:#0e395b;
}
#doubleSearch .alphabetFind:checked + label:hover, #doubleSearch .extendedFind:checked + label:hover {
	cursor: default;
}
#doubleSearch .alphabetFind + label {
	top:0;
	left:0;
}
#doubleSearch .extendedFind + label {
	top:33px;
	left:0;
}
#doubleSearch span {
	display:inline-block;
	padding-right:11px;
}
#doubleSearch .extendedFind:checked ~ #extendedSearchField, #doubleSearch .alphabetFind:checked ~ #alphabetSearchField {
	display:block;
}
#doubleSearch .extendedFind:checked ~ #alphabetSearchField, #doubleSearch .alphabetFind:checked ~ #extendedSearchField {
	display:none;
}

/* 33333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333 */
/* WRAPPER #doubleSearch #alphabetSearchField                                                            */
/* 33333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333 */
#doubleSearch > #alphabetSearchField {
	position:absolute;
	top:9px;
	left:221px;
	margin-right:10px;
}
#doubleSearch > #alphabetSearchField li {
	display:block;
	overflow:hidden;
	width:14px;
	margin:5px 5px 0 5px;
	background-color:#003;
	text-align:center;
}
#doubleSearch > #alphabetSearchField li:last-of-type {
	width:38px;
}
#doubleSearch > #alphabetSearchField a {
	padding:0 3px;
	color:#FFF;
	font-size:12px;
}
#doubleSearch > #alphabetSearchField a:hover {
	color:#ffcc00;
	text-decoration:none;
}

/* 33333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333 */
/* WRAPPER #doubleSearch #extendedSearchField                                                            */
/* 33333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333 */
#doubleSearch > #extendedSearchField {
	position:absolute;
	top:0;
	left:225px;
	margin-right:10px;
}
#doubleSearch > #extendedSearchField .left {
	border-right:2px groove #666;
	line-height:25px;
}
#doubleSearch > #extendedSearchField #ratingBlock {
	width:312px;
	padding-top:8px;
}
#doubleSearch > #extendedSearchField #ratingBlock select {
	font-size:12px;
	color:#CCC;
}
#doubleSearch > #extendedSearchField #banBlock {
	width:254px;
	margin-left:22px;
	padding-top:8px;
}
#doubleSearch > #extendedSearchField #ok_button {
margin:21px 0 0 19px;
}
#doubleSearch > #extendedSearchField #ok_button button {
	height: 25px;
	width: 63px;
	border:none;
	font-size:16px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	filter:progid:DXImageTransform.Microsoft.Gradient
(GradientType=0,StartColorStr='#fff200',EndColorStr='#f0b212');
	background-image: -ms-linear-gradient(top, #fff200 0%, #f0b212 100%);
	background-image: -moz-linear-gradient(top, #fff200 0%, #f0b212 100%);
	background-image: -o-linear-gradient(top, #fff200 0%, #f0b212 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff200), color-stop(1, #f0b212));
	background-image: -webkit-linear-gradient(top, #fff200 0%, #f0b212 100%);
	background-image: linear-gradient(to bottom, #fff200 0%, #f0b212 100%);
	box-shadow:1px 1px 1px 1px rgba(102,102,153,0.2);
	-webkit-box-shadow:1px 1px 1px 1px rgba(102,102,153,0.2);
}
#doubleSearch > #extendedSearchField #ok_button button:hover {
	cursor:pointer;
	filter:progid:DXImageTransform.Microsoft.Gradient
(GradientType=0,StartColorStr='#ffdd00',EndColorStr='#d98e0e');
	background-image: -ms-linear-gradient(top, #ffdd00 0%, #d98e0e 100%);
	background-image: -moz-linear-gradient(top, #ffdd00 0%, #d98e0e 100%);
	background-image: -o-linear-gradient(top, #ffdd00 0%, #d98e0e 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffdd00), color-stop(1, #d98e0e));
	background-image: -webkit-linear-gradient(top, #ffdd00 0%, #d98e0e 100%);
	background-image: linear-gradient(to bottom, #ffdd00 0%, #d98e0e 100%);
}
#doubleSearch > #extendedSearchField #ok_button button:active {
 top: 1px; left: 1px; position: relative;
 box-shadow: 0px 1px 0px #555231;
} 

/* 222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222 */
/* WRAPPER #users                                                                                                  */
/* 222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222 */
#wrapper > #users {
	padding:13px 0 0 21px;
	background-color:#eeeeee;
	overflow:hidden;
}
#wrapper > #users h1 {
	font-size:18px;
	color:#0e395b;
	padding-bottom:1px;
	border-bottom:3px solid #000;
}
#wrapper > #users a {color:#034ea2;}
#wrapper > #users a:hover {color:#00aeef;}
#wrapper > #users > .right {width:247px;}

/* 33333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333 */
/* WRAPPER #users #new                                                                                   */
/* 33333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333 */
#users #new {margin:13px 11px 28px 1px;}
#users #new li {
	margin:12px 0 7px 0;
	border-bottom: ridge 2px #fff;
	overflow:hidden;
}
#users #new li:last-of-type {border-bottom: none;}
#users #new li > div {margin-left:59px;}
#users #new li > div a {
	display:inline-block;
	line-height:16px;
	padding-bottom:5px;
	font-weight:bold;
}
#users #new li > div #description {line-height:14px;	font-size:12px;}
#users #new li > div #comments {line-height:32px; padding-bottom:1px;}

/* 33333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333 */
/* WRAPPER #users #top                                                                                   */
/* 33333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333 */
#wrapper #users #top {
	margin:12px 0 45px 21px;
	color:#000;
	font-weight:bold;
	font-size:12px;
}
#users #top li {
	list-style: decimal;
	margin-top:7px;
}
#users #top li > div {
	font-weight:normal;
}
#users #top li #like {
	width:55px;
	height:24px;
}
#users #top li #description {
	margin:0 70px 0 40px;
}
#users #top li #description p {
	font-size:12px;
	line-height:14px;
	color:#808285;
}
#users #top li #description p a {
	display:inline-block;
	line-height:16px;
	padding-bottom:5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
}

/* 33333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333 */
/* WRAPPER #users #online , WRAPPER #users #banned                                                       */
/* 33333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333 */
#users #online, #users #banned {
	margin:13px 11px 28px 1px;
	text-align:right;
}
#users #online p, #users #banned p {
	line-height:18px;
	margin-bottom:5px;
}
#users #online p a, #users #banned p a {
	font-weight:bold;
}
#users #banned > div > a {
	line-height:26px;
	text-decoration:underline;
	color: #888;
}
#users #banned > div > a:hover {
	color: #333;
}

/* 33333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333 */
/* WRAPPER #users #all                                                                                   */
/* 33333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333 */
#wrapper > #users #center {margin-right:248px;}
#wrapper > #users #center h1 {margin-right:36px;}
#wrapper #users #center #all {
	position:relative;
	overflow:hidden;
	margin-bottom:5px;
}
#users #center #all:after {
	content:"";
	position:absolute;
	width:100%;
	height:5px;
	bottom:0px;
	left:0px;
	background-color:#eeeeee;
}
#users #center #all li {	
	overflow:hidden;
	margin-right:33px;
	padding:13px 0 5px 0;
	width:293px;
	height:61px;
	border-bottom:ridge 2px #FFF;
}
#users #center #all #description {
	margin:0 80px 0 65px;
}
#users #center #all #description a {
	display:block;
	line-height:16px;
	margin:3px 0 0px 0;
	font-size:18px;
}
#users #center #all #description p{
	font-size:12px;
}
#users #center #all #description #comments {
	line-height:14px;
}
#users #center #all li #like {
	width:65px;
	height:34px;
	margin-top:7px;
}

/* 33333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333 */
/* WRAPPER #users #otherPages                                                                            */
/* 33333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333 */
#wrapper #users #otherPages {	
	overflow:hidden;	
	margin:0 33px 10px 0;
	font-size:16px;
}
#users #otherPages #leftArrow, #users #otherPages #rightArrow, #users #otherPages #middle {
	padding:11px 13px;
	border:2px groove #FFF;
	height:15px;
}
#users #otherPages #leftArrow {
	width:12px;
	background:url(../img/icon/arrow_left1.png) center no-repeat;
}
#users #otherPages #leftArrow:active {
	background:url(../img/icon/arrow_left2.png) center no-repeat;
}
#users #otherPages #rightArrow {
	width:12px;
	background:url(../img/icon/arrow_right1.png) center no-repeat;
}
#users #otherPages #rightArrow:active {
	background:url(../img/icon/arrow_right2.png) center no-repeat;
}
#users #otherPages #middle {
	margin:0 43px;
	line-height:11px;
}
#users #otherPages #middle a {
	color:#000;
}
#users #otherPages #middle a:hover {
	color:#034ea2;
}
#users #otherPages #middle ul {
	display:block;
	margin:0 auto;
	width:142px;
}
#users #otherPages #middle li {
	margin:0 3px;
}