/* =reseting
-------------------------------------------------------------- */
html, body, h1, h2, h3, h4, h5, h6, div,
blockquote, p, address, form, fieldset,
ul, ol, dl, dt, dd, li, hr, table, td, th {
	margin: 0;
	padding: 0;
}

a, a:visited { color: #9E2869; /*905073 9f44b2*/ text-decoration: none; }
a:hover, a:focus{ outline: none; color: #de1c85;  }		
fieldset, img { border: none; }
li { list-style: none; }
body{
	font: 62.5%/1.4 "Helvetica Neue", Helvetica, Arial, sans-serif; /*'Trebuchet MS', Arial, sans-serif*/
}
h1, h2, h3, h4, h5{
	color: #24a7d7;
	text-shadow: 1px 1px 1px #fff;
}
h2{ font-size: 2.5em; }

/* =grid system
------------------------------------------------------------------------------------*/
.row{
	margin: 0 auto;
	width: 1080px;
}

.row:after{
	content: "";
	display: block;
	height: 0;
	overflow: hidden;
	clear: both;
}

	.c1 .col, .c1 .col-w, .c1 col-n{ margin: 0 auto; float: none; }

	.c2 .col{ width: 540px; }
	.c3 .col{ width: 360px; }
	.c4 .col{ width: 270px; }

	.c2 .col-w{ width: 720px; }
	.c2 .col-n{ width: 360px; }

	.c4 .col-w{ width: 810px; }
	.c4 .col-n{ width: 270px; }

.col, .col-w, .col-n{
	float: left;
}

/* =tabs
------------------------------------------------------------------------------------*/
.tabs{ border: none!important; background: none!important; }

.tabs .tabs-nav{
	overflow: hidden;
	margin: 0 0 -17px 0;
	border: none;

}

.col-n .tabs{
	margin-top: 20px;
	-moz-border-radius-topleft: 0px!important;
	-webkit-border-top-left-radius: 0!important;
	border-top-left-radius: 0px!important;
	border: 1px solid #cfcfcf!important;
	background: #f8f8f8!important;
	background: -moz-linear-gradient(top, #fff, #eee)!important;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee))!important;
}
.col-n .tabs .tabs-nav{ margin: -36px 0 -5px -17px; }

.tabs .tabs-nav li{
	float: left;
	margin: 0 20px 0 1px;
	font-size: 1.2em;
	text-align: center;
	border: none!important;
	background: none!important;
}

.col-n .tabs .tabs-nav li{ margin-right: 5px; font-size: 1.1em; }

.tabs .tabs-nav li a, .tabs .tabs-nav li a:link, .tabs .tabs-nav li a:visited{
	float: left;
	padding: 0 15px;
	height: 30px;
	line-height: 30px;
	color: #8e9396;
	font-weight: 700;
	border: 1px solid #d3d2d2;
	border-bottom: none;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	background: #eaeaea;
	background: -moz-linear-gradient(top, #f6f6f7, #e1e0e0);
	background: -webkit-gradient(linear, left top, left bottom, from(#f6f6f7), to(#e1e0e0));
	-moz-box-shadow: 0 -2px 3px rgba(0,0,0,.1);
	-webkit-box-shadow: 0 -2px 3px rgba(0,0,0,.1);
}

.col-n .tabs .tabs-nav li a, .col-n .tabs .tabs-nav li a:link, .col-n .tabs .tabs-nav li a:visited{
	height: 25px;
	line-height: 25px;
}

.tabs .tabs-nav li a:hover, .tabs .tabs-nav li a:focus{
	color: #51b7e7;
	background: #f5f4f4;
	background: -moz-linear-gradient(top, #f6f6f6, #e1e0e0);
	background: -webkit-gradient(linear, left top, left bottom, from(#f6f6f8), to(#e1e0e0));
}

.tabs .tabs-nav li.ui-state-active a, .tabs .tabs-nav li.ui-state-active a:visited{
	height: 40px;
	color: #51b7e7;
	border-color: #d3d2d2;
	background: #f5f4f4;
	background: -moz-linear-gradient(top, #f5f4f4, #f3f3f3);
	background: -webkit-gradient(linear, left top, left bottom, from(#f5f4f4), to(#f2f2f2));
}

.col-n .tabs .tabs-nav li.ui-state-active a, .col-n .tabs .tabs-nav li.ui-state-active a:visited{
	height: 30px;
	background: #f8f8f8;
	background: -moz-linear-gradient(top, #f5f4f4, #fff);
	background: -webkit-gradient(linear, left top, left bottom, from(#f5f4f4), to(#fff));
}

.tabs .tab-content{ border: none;}
.col-n .tabs .tab-content{
	padding-top: 10px;
	border: none;
	background: none;
}

/* =buttons and links alike
------------------------------------------------------------------------------------*/
 button, .button, .button:visited, .notification .ui-dialog-buttonpane .ui-button{
    font: bold 12px/19px "Lucida Grande", sans-serif;
    display: inline-block;
    padding: 0px 8px 2px;
    background: #cd7fdb url(../img/button.png) repeat-x 0 0;
    border: 1px solid #8247ae;
	border-top-color: #c281cd;
	color: #fff;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	cursor: pointer;
}

button[disabled]{
	color: #eee;
	background: #bbb;
	border-color: #aaa;
}

button::-moz-focus-inner {
	padding: 2px 0;
	margin: 0;
	border: 0;
}

button:hover, button:focus, .button:hover, .button:focus, .notification .ui-dialog-buttonpane .ui-state-hover{ color: #fff; background-position: 0 -25px; }
button:active, .button:active, .notification .ui-dialog-buttonpane .ui-state-active{ background-position: 0 -50px; }

.bl, .bl:visited{
	font: bold 14px/20px "Lucida Grande",sans-serif;
	padding: 9px 12px 11px;
	background-position: 0 -75px;
}

.bl:hover, .bl:focus{ background-position: 0 -120px; }
.bl:active{ background-position: 0 -165px; }

.bm, .bm:visited{
	font: bold 13px/20px "Lucida Grande",sans-serif;
	padding: 5px 12px 6px;
	background-position: 0 -210px;
	border-color: #b4b6b6;
	border-top-color: #c1c3c3;
	color: #4c4c4c;
}

.bm:hover, .bm:focus{ background-position: 0 -255px; }
.bm:active{ background-position: 0 -300px; }
.bm.active, .bm.active:visited{
	color: #fff;
	border-color: #3299d8;
	border-bottom-color: #0d79c0;
	background-position: 0 -345px;
}

/* =ui-buttons
------------------------------------------------------------------------------------*/
.notification .ui-button-text-only .ui-button-text{ padding: 2px 0 0; }

input[type="text"], input[type="password"], textarea, select{
	padding: 5px;
	color: #444;
    font: bold 12px "Lucida Grande", sans-serif;
	background: #fff url(../img/input.png) repeat-x 0 0;
	border: 1px solid #b0b0b2;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

input[type="text"]:focus, input[type="password"]:focus, textarea:focus, select:focus{
	border-color: #24A7D7;
	background: #fff;
}

form .loading{ display: none; }
form .loading img{ vertical-align: middle; }

.form-list li{
	position: relative;
}

.form-list ul.error{
	position: absolute;
	left: 100%;
	top: 15px;
	padding: 0 0 0 7px;
	background: url(../img/errorlist.png) no-repeat 0 50%;
}
form .error-right ul.error{
	left: auto;
	right: 100%;
	top: 0;
	padding: 0 7px 0 0;
	background-position: 100% 50%;
}

form .error-top ul.error{
	left: 0;
	top: auto;
	bottom: 100%;
	padding: 0 0 7px 0;
	background-position: 10px 100%;
}

form .error-bottom ul.error{
	left: 0;
	top: 100%;
	padding: 7px 0 0 0;
	background-position: 10px 0;
}

.form-list ul.error li{
	position: static;
	white-space: nowrap;
	background: url("../img/errorlist-el.png") repeat-x 0 50%;
	color:#FFFFFF;
	float:right;
	height:auto;
	min-height: 13px;
	line-height: 12px;
	text-align:center;
	padding: 6px 10px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

form label.infield {
	position:absolute;
	top:6px;
	left:8px;
	color: #777;
	font: 1em "Lucida Grande", sans-serif;
}

/* =pagination
------------------------------------------------------------------------------------*/
.pagination{
	clear: both;
	padding: 5px 30px;
	border-top: 1px solid #d6d6d4;
	font-weight: 700;
}
.pagination li{ display: inline; }
.pagination a, .pagination a:visited, .pagination span{
	padding: 0px 5px;
	margin: 0 1px;
	color: #838589;
}
.pagination a:hover, .pagination a:focus, .pagination span{
	margin: 0;
	background: #B3B3B3;
	background: -moz-linear-gradient(top, #dfe1dc, #c2c5bf);
	background: -webkit-gradient(linear, left top, left bottom, from(#dfe1dc), to(#c2c5bf));
	color: #fff;
	border: 1px solid #cdd0c9;
	-moz-border-radius: 35px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}
.pagination .start, .pagination .next, .pagination .end, .pagination .prev{
	font-family: Verdana;
	padding: 0px 3px 1px;
}

/* =useful classes
------------------------------------------------------------------------------------*/
.tip-top, .tip-bottom, .tip-close{
	display: block;
	width: 13px;
	height: 13px;
	background: url(../img/controls.png) no-repeat 0 0;
	text-indent: -9999em;
}

.tip-bottom{ background-position: 0 -30px; }
.tip-close{ background-position: 0 -60px; }

/* tooltip */
em.tip{
	display: none;
	padding-bottom: 6px;
	position: absolute;
	top: -30px;
	text-indent: 0;
	width: auto;
	white-space: nowrap;
	font-size: 1.2em;
	z-index: 20;
	background: url(../img/small-tip.png) no-repeat 20px 100%;
}
em.tip i{
	display: block;
	padding: 3px 10px;
	background: #ad6abf;
	color: #fff;
	font-style: normal;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #c870d6;
	border-right-color: #844b8d;
	border-bottom-color: #844b8d
}
a:hover em.tip{ display: block; }


.hidden{ display: none; }
.small{ font-size: .9em; }

.avatar{
	display: block;
	width: 48px;
	min-height: 48px;
	float: left;
	margin: 0 10px 5px 0;
	text-align: center;
}
.avatar a.ellipsis{
	display: block;
	margin: 0 auto;
	o-text-overflow: ellipsis;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 95%;
}

.avatar a.ellipsis span{
	white-space: nowrap;
	width: 100%;
}

.avatar a.ellipsis window{
	moz-user-focus: normal;
	moz-user-select: text;
	width: 95%;
}

.avatar a.ellipsis description{
	moz-user-focus: normal;
	moz-user-select: text;
}

.avatar img{ border: 1px solid #ddd; }

.clr{ clear: both; }


/* =map spinner
------------------------------------------------------------------------------------*/
.ui-dialog.spinner{
	top: 85px!important;
	width: 150px!important;
	height: auto!important;
	min-height: 20px!important;
	padding-top: 50px;
	background: #fff url(../img/9.gif) no-repeat 50% 0!important;
	opacity: .9;
	text-align: center;
}
.ui-dialog.spinner .ui-dialog-titlebar{ display: none!important; }
.ui-dialog.spinner .ui-dialog-content{ padding: 0; min-height: 20px!important; }

.ui-dialog.notification{
	padding: 7px!important;
	color: #4d4e53;
	background: #777;
	background: rgba(0,0,0,.4);
	border: none!important;
	font-size: 1.4em;
}
.ui-dialog.notification .ui-dialog-titlebar, .ui-dialog.notification .ui-dialog-content {
	background: #EDECEC;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius:0;
}

.ui-dialog.notification .ui-dialog-buttonpane{ margin-top: 0; }

/* =box floating over map
------------------------------------------------------------------------------------*/
.map-box, .notify-box{
	background: #edecec;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-moz-box-shadow: 5px 5px 5px rgba(0,0,0,.15);
	-webkit-box-shadow: 5px 5px 5px rgba(0,0,0,.15);
	box-shadow: 5px 5px 5px rgba(0,0,0,.15);
	border: 1px solid #c4c4c4;
	z-index: 3;
}

.map-box h3, .map-box-filter h3{
	text-align: center;
	font-size: 1.5em;
}

/* =notifications
------------------------------------------------------------------------------------*/
#notifications{ display: none; }

/* =map overlay
------------------------------------------------------------------------------------*/
#map-overlay{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: url(../img/alpha.png) repeat 0 0;
	z-index: 1;
	display: none;
}

#map-overlay #map-notify{
	width: 450px;
	padding: 0 0 20px;
	margin: 200px auto 0;
	text-align: center;
	display: none;
}

#map-overlay #map-notify #notify-text{
	padding: 20px;
	font-size: 1.4em;
}

#map-overlay-details{ width: 330px; }
#marker-layout{
	width: 290px;
	padding: 10px;
	font-size: 1.2em;
}

#marker-layout .tip-close{ float: right; }
#marker-layout .date{ margin: 5px 0 15px; }

#marker-layout .avatar{
	display: block;
	float: left;
	width: 40px;
	margin-right: 5px;
}
#marker-layout .avatar img{ width: 40px; }

#marker-layout .info{
	padding-top: 10px;
	clear: left;
}
#marker-layout .gender{
	width: 32px;
	padding: 0 10px 5px 0;
	text-align: center;
	float: left;
}

#marker-layout .positions{
	padding: 0 0 5px 0;
}

#marker-layout .other{
	height: 30px;
	clear: left;
	padding: 5px 0 5px;
	background: url(../img/sep3.png) repeat-x scroll 0 0;
}

#marker-layout .type2{
	margin: 5px 0 0;
	float: right;
}

#marker-layout .invite{
	padding: 5px 0 10px;
	background: url(../img/sep3.png) repeat-x scroll 0 0;
}
#marker-layout .invite h3{ margin-bottom: 5px; }
#marker-layout .invite li{
	float: left;
	margin-right: 5px;
}
#marker-layout .invite .error li{ margin-right: 0; }

#marker-layout .invite li button{ margin-top: 3px; }
#marker-layout .url{ clear: left; padding-top: 15px; margin-bottom: 10px; }
#marker-layout .url input{
	width: 245px;
}

#marker-layout .links .close-info-window{ float: right; }

#marker-layout-bottom{
	width: 101px;
	height: 35px;
	margin: -1px auto 0;
	background: url(../img/map-details-bottom.png) no-repeat 0 0;
}

.gmnoprint>div, .gmnoprint>div>img{ display: none!important; }
.gmnoprint>div.last{ display: block!important; }
.gmnoprint>div.last div:first-child, .gmnoprint>div.last>div{ overflow: visible!important; }

#show-more{
	position: absolute;
	bottom: 0;
	left: 20px;
	width: 61px;
	height: 83px;
	background: url(../img/show-more.png) no-repeat 0 0;
	text-indent: -9999em;
	z-index: 2;
}

/* =toggle buttons
------------------------------------------------------------------------------------*/
.tb{ clear: left; }
.tb-radio{
	border: 1px solid #0781cd;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.tb-check{ border: none; }

.tb li, .buttonset li li{float: left; }
.tb-check li, .buttonset .checkbox .ui-button-icon-only{ margin-right: 5px; margin-bottom: 5px; }
.tb-check .last{ margin-right: 0; }

.tb li a, .tb li a:visited, .buttonset .ui-button-icon-only{
	display: block;
	float: left;
	width: 40px;
	height: 33px;
	padding: 0;
	text-indent: -9999em;
	background: url(../img/tb-list.png) repeat-x 0 0;
}
.tb-radio li a, .tb-radio li a:visited{
	border-right: 1px solid #128fde;
	border-left: 1px solid #97d7fa;
}

.tb-check li a, .tb-check li a:visited{
	border: 1px solid #128fde;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.tb li a:hover, .tb li a:focus{ background-position: 0 -34px!important; }
.tb li a:active, .tb li a.active, .tb li.selected a, .tb li.ui-state-active a{ background-position: 0 -68px!important; }

.tb-radio li:first-child a, .tb-radio li.first a{
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	border-left: none!important;
}

.tb-radio li:last-child a, .tb-radio li.last a{
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	border-right: none!important;
}

.tb li span{
	display: block;
	height: 100%;
	width: 100%;
	background-repeat: no-repeat;
}

.tb li.selected { background-position: -105px 0; }
.tb li.selected .checkbox-select { display: none; }


.tb li input { display: none; }

.tb li .checkbox-deselect{ display: none; }

.tb li.selected .checkbox-deselect { display: block; }
.tb li label {
	display: none;
}

.buttonset .ui-button-icon-only .ui-icon { left: 0; top: 0; width: 100%; height: 100%; margin: 0; }

.buttonset label.ui-button{ float: left; background: #eee url(../img/tb-list.png) repeat-x 0 -102px; }
form .tb-radio li a, form .tb-radio li a:visited{ border-right: 1px solid #dedbdb; border-left: 1px solid #fff; }
.buttonset label.ui-state-default{ border: 1px solid #BCB9B9; }
.buttonset label.ui-state-hover{ background-position: 0 -136px; }
.buttonset label.ui-state-active{ border: 1px solid #7e7e82; background-position: 0 -170px;}
.buttonset label .icon{ background-image: url(../img/icons-sprite.png); }

label[for="gender_0"] .icon{ background-position: 0 0; }
label.ui-state-active[for$="gender_0"] .icon{ background-position: 0 -33px; }
label[for$="gender_1"] .icon{ background-position: -40px 0; }
label.ui-state-active[for$="gender_1"] .icon{ background-position: -40px -33px; }

label[for$="orientation_0"] .icon{ background-position: -80px 0; }
label.ui-state-active[for$="orientation_0"] .icon{ background-position: -80px -33px; }
label[for$="orientation_1"] .icon{ background-position: -120px 0; }
label.ui-state-active[for$="orientation_1"] .icon{ background-position: -120px -33px; }
label[for$="orientation_2"] .icon{ background-position: -160px 0; }
label.ui-state-active[for$="orientation_2"] .icon{ background-position: -160px -33px; }
label[for$="orientation_3"] .icon{ background-position: -200px 0; }
label.ui-state-active[for$="orientation_3"] .icon{ background-position: -200px -33px; }
label[for$="orientation_4"] .icon{ background-position: -240px 0; }
label.ui-state-active[for$="orientation_4"] .icon{ background-position: -240px -33px; }

label[for$="place_0"] .icon{ background-position: -280px 0; }
label.ui-state-active[for$="place_0"] .icon{ background-position: -280px -33px; }
label[for$="place_1"] .icon{ background-position: -320px 0; }
label.ui-state-active[for$="place_1"] .icon{ background-position: -320px -33px; }
label[for$="place_2"] .icon{ background-position: -360px 0; }
label.ui-state-active[for$="place_2"] .icon{ background-position: -360px -33px; }
label[for$="place_3"] .icon{ background-position: -400px 0; }
label.ui-state-active[for$="place_3"] .icon{ background-position: -400px -33px; }
label[for$="place_4"] .icon{ background-position: -440px 0; }
label.ui-state-active[for$="place_4"] .icon{ background-position: -440px -33px; }

label[for$="with_condom"] .icon{ background-position: -480px 0; }
label.ui-state-active[for$="with_condom"] .icon{ background-position: -480px -33px; }
label[for$="first_time"] .icon { background: url(../img/icons-sprite.png) no-repeat -520px 0;!important }
label.ui-state-active[for$="first_time"] .icon{ background-position: -520px -33px; }

label[for$="position_0"] .icon { background-position: -560px 0; }
label.ui-state-active[for$="position_0"] .icon{ background-position: -560px -33px; }
label[for$="position_1"] .icon { background-position: -600px 0; }
label.ui-state-active[for$="position_1"] .icon{ background-position: -600px -33px; }
label[for$="position_2"] .icon { background-position: -640px 0; }
label.ui-state-active[for$="position_2"] .icon{ background-position: -640px -33px; }
label[for$="position_3"] .icon { background-position: -680px 0; }
label.ui-state-active[for$="position_3"] .icon{ background-position: -680px -33px; }
label[for$="position_4"] .icon { background-position: -720px 0; }
label.ui-state-active[for$="position_4"] .icon{ background-position: -720px -33px; }
label[for$="position_15"] .icon { background-position: -760px 0; }
label.ui-state-active[for$="position_15"] .icon{ background-position: -760px -33px; }
label[for$="position_19"] .icon { background-position: -800px 0; }
label.ui-state-active[for$="position_19"] .icon{ background-position: -800px -33px; }
label[for$="position_17"] .icon { background-position: -840px 0; }
label.ui-state-active[for$="position_17"] .icon{ background-position: -840px -33px; }
label[for$="position_18"] .icon { background-position: -880px 0; }
label.ui-state-active[for$="position_18"] .icon{ background-position: -880px -33px; }
label[for$="position_16"] .icon { background-position: -920px 0; }
label.ui-state-active[for$="position_16"] .icon{ background-position: -920px -33px; }
label[for$="position_20"] .icon { background-position: -960px 0; }
label.ui-state-active[for$="position_20"] .icon{ background-position: -960px -33px; }

label[for$="position_5"] .icon { background-position: -1000px 0; }
label.ui-state-active[for$="position_5"] .icon{ background-position: -1000px -33px; }
label[for$="position_6"] .icon { background-position: -1040px 0; }
label.ui-state-active[for$="position_6"] .icon{ background-position: -1040px -33px; }
label[for$="position_7"] .icon { background-position: -1080px 0; }
label.ui-state-active[for$="position_7"] .icon{ background-position: -1080px -33px; }
label[for$="position_8"] .icon { background-position: -1120px 0; }
label.ui-state-active[for$="position_8"] .icon{ background-position: -1120px -33px; }
label[for$="position_9"] .icon { background-position: -1160px 0; }
label.ui-state-active[for$="position_9"] .icon{ background-position: -1160px -33px; }
label[for$="position_22"] .icon { background-position: -1200px 0; }
label.ui-state-active[for$="position_22"] .icon{ background-position: -1200px -33px; }
label[for$="position_23"] .icon { background-position: -1240px 0; }
label.ui-state-active[for$="position_23"] .icon{ background-position: -1240px -33px; }
label[for$="position_21"] .icon { background-position: -1280px 0; }
label.ui-state-active[for$="position_21"] .icon{ background-position: -1280px -33px; }

label[for$="position_10"] .icon { background-position: -1320px 0; }
label.ui-state-active[for$="position_10"] .icon{ background-position: -1320px -33px; }
label[for$="position_11"] .icon { background-position: -1360px 0; }
label.ui-state-active[for$="position_11"] .icon{ background-position: -1360px -33px; }
label[for$="position_12"] .icon { background-position: -1400px 0; }
label.ui-state-active[for$="position_12"] .icon{ background-position: -1400px -33px; }
label[for$="position_13"] .icon { background-position: -1440px 0; }
label.ui-state-active[for$="position_13"] .icon{ background-position: -1440px -33px; }
label[for$="position_14"] .icon { background-position: -1480px 0; }
label.ui-state-active[for$="position_14"] .icon{ background-position: -1480px -33px; }
label[for$="position_25"] .icon { background-position: -1520px 0; }
label.ui-state-active[for$="position_25"] .icon{ background-position: -1520px -33px; }
label[for$="position_26"] .icon { background-position: -1560px 0; }
label.ui-state-active[for$="position_26"] .icon{ background-position: -1560px -33px; }
label[for$="position_24"] .icon { background-position: -1600px 0; }
label.ui-state-active[for$="position_24"] .icon{ background-position: -1600px -33px; }

/* =question and pin boxes
------------------------------------------------------------------------------------*/
.q-box{
	padding: 10px;
	overflow: hidden;
	background: #fff;
	background: -moz-linear-gradient(top, #fff, #f6f6f7);
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f6f6f7));
	border: 1px solid #ddd;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.q-box .question{
	float: left;
}

.q-box .details{
	margin-bottom: 5px;
}

.q-box .q-text{
	font-size: 1.1em;
}


#header{
	position: relative;
	margin-bottom: -5px;
	min-height: 72px;
	min-width: 1160px;
	background: transparent url(../img/header.png) repeat-x 0 100%;
	z-index: 2;
	font-size: 1.2em;
}

	#header h1{
		position: absolute;
		top: 8px;
		left: 20px;
		display: block;
		width: 317px;
		height: 55px;
	}

	#header h1 a, #header h1 a:visited{
		display: block;
		width: 100%;
		height: 100%;
		background: url(../img/logo.png) no-repeat 0 0;
		text-indent: -999em;
	}

	#main-nav{
		float: left;
		margin-left: 370px;
		padding-top: 20px;
	}

	#main-nav li{
		float: left;
		height: 33px;
		padding: 0 15px 0 18px;
		line-height: 33px;
		background: url(../img/sep.png) repeat-y 0 0;
	}

	#main-nav li:first-child{ background: none; }

	#main-nav a, #main-nav a:visited{ color: #6f6e6e; }
	#main-nav a:hover, #main-nav a:focus, #main-nav .active a, #main-nav .active a:visited
	.ijml-map #main-nav .nav-map a, .ijml-map #main-nav .nav-map a:visited,
	.ijml-corner #main-nav .nav-questions a, .ijml-corner #main-nav .nav-questions a:visited,
	.ijml-corner #main-nav .nav-forum a, .ijml-corner #main-nav .nav-forum a:visited,
	.profile #main-nav .nav-profile a, .profile #main-nav .nav-profile a:visited{ color: #9f44b2; }

	#right-pane{
		width: 550px;
		float: right;
		margin-right: 20px;
	}
		.mobile {
			margin-top: 5px;
			float:left;
			width:160px;
		}

		.mobile a {
			float:left;
			height:58px;
			text-indent:-9999em;
			width:75px;
			background:url("../img/iphone-android.png") no-repeat scroll 0 0;
		}
		.mobile .android { margin-left: 10px; background-position: 0 -61px; }

		#login-pane{
			float: right;
			height: 45px;
			padding-right: 13px;
			text-align: right;
			padding-top: 20px;
			background: url(../img/sep.png) repeat-y 100% 0;
		}

		#header .languages{
			margin: 15px 0 0 0;
			float: right;
			display: block;
			width: 150px;
			height: 30px;
			padding: 0;
			text-align: right;
		}

		#header #language-pane select{ margin-top: 5px; padding: 2px; }

		#header #language-pane span.lang{
			display: block;
			height: 30px;
			width: 45px;
			float: right;
			margin-left: 5px;
			background: url(../img/lang.png) no-repeat 0 0;
		}

		#header #language-pane span.ru{ background-position: -45px -30px }
		#header #language-pane span.pl{ background-position: -90px -30px }
		#header #language-pane span.en{ background-position: -135px -30px }
		#header #language-pane span.zh-cn{ background-position: -180px -30px }
		#header #language-pane span.es{ background-position: -225px -30px }
		#header #language-pane span.ar{ background-position: -270px -30px }
		#header #language-pane span.pt{ background-position: -315px -30px }
		#header #language-pane span.fr{ background-position: -360px -30px }
		#header #language-pane span.it{ background-position: -405px -30px }
		#header #language-pane span.bg{ background-position: -450px -30px }
		#header #language-pane span.cs{ background-position: -495px -30px }
		#header #language-pane span.tr{ background-position: -542px -30px }
		#header #language-pane span.pt-br{ background-position: -589px -30px }
		#header #language-pane span.he{ background-position: -638px -30px }
		#header #language-pane span.hu{ background-position: -683px -30px }

#secondary-header{ background: #c5c5c5 url(../img/map.jpg) no-repeat 50% 20%; }
#secondary-header .inner{ background: url(../img/secondary-header.png) repeat-x 0 100%; }
#secondary-header h2{
	color: #fff;
	text-align: center;
	text-shadow: none;
	font-size: 2em;
	padding: 15px 0;
}

#map-holder{
	clear: both;
	position: relative;
	overflow: visible!important;
	z-index: 3!important;
	height: 750px;
}

.cluster-total{
	display: none;
	overflow: hidden;
	text-align: center;
	font-size: 10px;
	height: 10px;
	line-height: 10px;
	font-weight: 700;
}

#ad-box{
	position: absolute;
	top: 20px;
	right: 20px;
	width: 468px;
	height: 68px;
	z-index: 3;
}

#info-box{
	position: absolute;
	top: 100px;
	right: 20px;
	width: 285px;
}

	#info-box .tip-top, #info-box .tip-bottom{
		float: right;
		margin: 8px 8px 0 0;
	}

	#introduction{
		padding: 10px 0px 15px 10px;
		color: #2e2e2e;
		font-size: 1.4em;
		font-weight: 700;
		background: url(../img/sep2.png) repeat-x 0 100%;
	}

	#introduction .intro{
		padding-right: 30px;
	}

	#how-to-toggler{ margin-top: 10px; }

    #how-to-text{
	    display: none;
	    font-weight: 400;
	    padding-top: 10px;
	    paddin-right: 10px;
    }

	#search{
		padding: 0 10px 10px;
	}

		#search h3{
			text-align: left;
			padding: 5px 0 3px;
		}
		#search h4{
			padding: 10px 0 3px;
			font-size: 1.2em;
		}
		#search form li{
			float: left;
		}

		#search form .error-right .error li{ font-size: 1.2em; }

		#search input{
			width: 155px;
			float: left;
		}

		#search li.submit{ width: auto; }

		#search button{
			margin: 2px 0 0 5px
		}

		#search small{
			display: block;
			clear: left;
			padding-top: 3px;
			font-size: 1.1em;
			color: #777;
		}

		#search #search-results-holder{
			clear: left;
			display: none;
			font-size: 1.2em;
		}

		#search #search-results li{ padding: 2px 0 2px 20px; }
		#search #search-results .locations li{ background: url("../img/location-search.png") no-repeat scroll 0 3px transparent; }
		#search #search-results .markers li{ background: url("../img/pin-search.png") no-repeat scroll 0 3px transparent; }

		#search-results-close{ float: right;}

	#live-feed{
		padding: 10px 10px 0;
		background: url(../img/sep2.png) repeat-x 0 0;
	}

		#live-feed h3{ text-align: left; }

		#live-feed li{
			clear: left;
			padding: 10px 0;
			background: url(../img/sep3.png) repeat-x 0 0;
		}

		#live-feed li:first-child{ background: none; padding-bottom: 0; }

		#live-feed .small{ display: block; margin-bottom: 5px; }
		#live-feed p a, #live-feed p a:visited{ color: #575757; font-size: 1.3em; }
		#live-feed .avatar img{ width: 40px; border: 1px solid #ccc; }

#controls{
	position: absolute;
	left: 20px;
	top: 20px;
	width: 252px;
	z-index: 10;
}

	#controls .tb{
		position: relative;
		z-index: 1;
		-moz-box-shadow: 1px 1px 3px rgba(0,0,0,.3);
		-webkit-box-shadow: 1px 1px 3px rgba(0,0,0,.3);
	}

	#controls .tb, #controls .tb li{float: left; position: relative; }

	#controls .tb a, #controls .tb a:visited{
		border-right: 1px solid #128fde;
		border-left: 1px solid #97d7fa;
	}

	#controls .tb .first a, #controls .tb .first a:visited{ border-left: none!important;}
	#controls .tb .last a, #controls .tb .last a:visited{ border-right: none!important;}

	#controls .tb span{ background-image: url(../img/map-controls.png); }

	.tb .zoom-in span{ background-position: 10px 5px; }
	.tb .zoom-out span{ background-position: -33px 5px; }
	.tb .world-view span{ background-position: -75px 5px; }
	.tb .toggle-map span{ background-position: -119px 5px; }
	.tb .my-location span{ background-position: -162px 6px; }
	.tb .toggle-filter span{ background-position: -201px 5px; }

	#love-counter{
		float: left;
		overflow: hidden;
		width: 250px;
		margin-top: -33px;
	}

	#love-counter h3{
		margin: 35px 0 5px;
		font-size: 1.2em;
	}

	#love-counter ul{
		float: left;
		position: relative;
		left: 50%;
		padding: 0 0 5px 0;
	}

	#love-counter ul li{
		float: left;
		display: block;
		padding: 0 11px;
		height: 40px;
		position: relative;
		right: 50%;
		background: url(../img/digits.png) no-repeat 0 0;
		list-style: none;
	}

	#love-counter ul li.sep{ margin-right: 5px; }

	#love-counter ul li.digit-1{ background-position: -22px 0; }
	#love-counter ul li.digit-2{ background-position: -44px 0; }
	#love-counter ul li.digit-3{ background-position: -66px 0; }
	#love-counter ul li.digit-4{ background-position: -88px 0; }
	#love-counter ul li.digit-5{ background-position: -110px 0; }
	#love-counter ul li.digit-6{ background-position: -132px 0; }
	#love-counter ul li.digit-7{ background-position: -154px 0; }
	#love-counter ul li.digit-8{ background-position: -176px 0; }
	#love-counter ul li.digit-9{ background-position: -198px 0; }

#filter{
	display: none;
	position: absolute;
	left: 20px;
	top: 146px;
	width: 285px;
	z-index: 3;
}

	#filter .tip-close{
		float: right;
		margin: 10px 10px 0 0;
	}

	#filter h3{
		margin: 10px 0 0 12px;
		text-align: left;
	}

	#filter form{ padding: 10px; }
	#filter h4{
		padding: 0 0 3px 2px;
		font-size: 1.4em;
		color: #868383;
	}

	#filter .hours h4{ float: left; margin-right: 10px; }
	#filter .hours select{ padding: 1px; }

	#filter .field-holder{ clear: left; padding: 10px 0 0; }
	#filter li.gender, #filter li.orientation{ float: left; width: 95px; }
	#filter li.orientation{margin-left: 10px; clear: none; width: 145px; }
	#filter .submit{ clear: left; padding-top: 20px; }
	#filter #total-holder{
		margin-left: 10px;
		font-size: 1.4em;
		color: #777;
	}


#content{
	clear: both;
	width: 100%;
	background: #fff url(../img/register.png) repeat-x 0 0;
	z-index: 2;
	font-size: 1.2em;
	color: #6e6e6e;
}

#map-legend{
	padding: 5px 0;
	text-align: center;
	border-top: 1px solid #cdd1d4;
}
#map-legend h3{ display: inline; }
#map-legend li{ display: inline; padding: 0 30px 0 0; }
#map-legend li.sep{ padding-right: 10px; }
#map-legend li.group{ padding-right: 10px; font-size: 10px; font-weight: 700; color: #000; }
#map-legend img{ vertical-align: middle; margin-right: 5px;}
#map-legend li.t img{ margin-right: -26px; }
#map-legend li.s img{ margin-right: -33px; }
#map-legend li.m img{ margin-right: -41px; }
#map-legend li.l img{ margin-right: -45px; }

#content .perks{
	padding: 40px 0 0 0;
	float: left;
}

	.perks ul{ margin-top: 20px; }

	.perks ul li{
	padding: 1px 20px;
	background: url(../img/bullet.png) no-repeat 0 10px;
	font-size: 1.8em;
}

#content .pane{
	width: 538px;
	border: 1px solid #cecece;
	border-top-color: #dbdbdb;
	border-bottom-color: #c4c2c2;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	background: #f4f3f3;
	background: -moz-linear-gradient(top, #f4f3f3, #dad9d9);
	background: -webkit-gradient(linear, left top, left bottom, from(#f4f3f3), to(#dad9d9));
	/*-moz-box-shadow: 0 0 10px rgba(0,0,0,.2);
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,.2);*/
}

	#sign-up{
		padding-bottom: 30px;
		overflow: hidden;
		background: #fff url(../img/sign-up.png) repeat-x 0 100%;
		border-top: 1px solid #cdd1d4;
		border-bottom: 1px solid #fff;
	}

	#sign-up .pane{ margin-top: 30px; }
	#sign-up .register{
			float: left;
			width: 260px;
			padding: 140px 0 20px;
			background: url(../img/new-user-bg.png) no-repeat 35% 10px;
			text-align: center;
		}

		#sign-up .login{
			float: left;
			width: 209px;
			margin-top: 20px;
			padding-left: 34px;
			background: url("../img/sep.png") repeat-y 0 0;
		}

        #sign-up .login li{
            margin: 5px 0;
        }

        #sign-up .login .error{
            top: -4px;
        }
        #sign-up .login .required input{
            width: 200px;
        }

#ijml-corner{
	overflow: hidden;
	padding: 0 0 50px;
	background: #e7e7e7 url(../img/repair-bunnies.png) repeat-x 0 0;
	border-top: 1px solid #b0afaf;
	border-bottom: 1px solid #b0afaf;
}

#ijml-corner h2{
	margin: 0 0 20px;
}

#ijml-corner h2 a, #ijml-corner h2 a:visited{
	color: inherit;
}

#ijml-corner .q-box{
	float: left;
	width: 338px;
	margin-top: 50px;
	font-size: 1.2em;
}

#ijml-corner .q-box .details{ width: auto; }

#various-links{
	clear: left;
	overflow: hidden;
	background: #ddd url(../img/various.png) repeat-x 0 100%;
	border: 1px solid #fff;
	border-left: none;
	border-right: none;
}

#various-links li.col{
	float: left;
	padding: 30px 0;
}

#various-links a, #various-link a:visited{
	float: left;
	padding: 20px 0 20px 90px;
	width: 180px;
	min-height: 85px;
	background: url(../img/various-links.png) no-repeat 10px 50%;
	color: #fff;
	font-size: 2.5em;
	font-weight: 700;
	text-shadow: 2px 2px 5px rgba(0,0,0,.3), 0 0 1px #c9c9c9;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

#various-links a:hover, #various-link a:focus{ background-color: #d3d3d3; }
#various-links a.friend{ background-position: -290px 50%; }
#various-links a.buzz{ background-position: -590px 50%; }
#various-links a.twitter{ background-position: -890px 50%; }

#various-links #invite-holder{ padding: 20px 0 0 20px; }
#various-links #invite-holder h3{ padding-bottom: 10px; }
#various-links #invite-holder li{ width: 160px; }
#various-links #invite-holder .error{ top: 0px; }
#various-links #invite-holder .error li{ width: auto; }
#various-links #invite-holder input{ width: 150px; }
#various-links #invite-holder .submit{ padding-top: 10px; }

#repair-bunnies{
	background: url(../img/repair-bunnies.png) repeat-x 0 100%;
	border-top: 1px solid #c8c8c8;
}

#repair-bunnies .row{
	padding: 30px 0 50px;
	background: url(../img/improve-bunnies.png) no-repeat 85% 50%;
}

#repair-bunnies a, #repair-bunnies a:visited{ color: inherit; display: block;}
#repair-bunnies p a, #repair-bunnies p a:visited{
	padding: 20px 270px 0 0;
	font-size: 1.8em;
}
.improve label[for="id_subject"]{display: none;}

#what-is-it{
	padding: 20px 0;
	background: #e7e7e7;
}

#what-is-it p{
	font-size: 1.4em;
}

.bottom-ad{
	width: 728px;
	height: 90px;
	margin: 0 auto;
	margin-bottom: 30px;
}

/* =marker-details
------------------------------------------------------------------------------------*/
.marker-details #content{
	padding-top: 20px;
}

.marker-details .ad-banner{
	width: 728px;
	height: 90px;
	margin: 0 auto;
}

.marker-details #marker-layout{ font-size: 1em; }
.marker-details #content .pane{
	width: 460px;
	margin: 30px 20px 30px 58px;
}

.marker-details .pane #marker-layout{
	width: auto;
	padding: 10px 30px 30px;
}

.marker-details .pane #map-holder{
	margin-top: 10px;
}

.marker-details .pane .gender, .marker-details .pane .positions{
	margin-top: 10px;
	padding-bottom: 20px;
}

.marker-details .pane .other{
	padding: 20px 0 0;
	clear: left;
}

.marker-details .pane .invite{padding-top: 10px; }
.marker-details .pane .invite li{ display: inline; }
.marker-details .pane .invite input{ width: 180px; }

.marker-details .pane .url{ margin-top: 15px; }
.marker-details .pane #marker-layout .url input{ width: 250px; }

.marker-details .story{
	width: 460px;
	margin: 30px 58px 30px 20px;
}
.marker-details .story .tip{
	clear: left;
	margin: 20px 0 0 20px;
	border-color: #fff #FFFFFF #DDDDDD;
	border-style: solid;
	border-width: 0 7px 7px 0;
	display: block;
	height: 0;
	width: 0;
}

.marker-details .marker-comment{
	clear: left;
	padding: 10px 10px 20px;
	margin: 0 0 30px;
	font-size: 1.4em;
}

.marker-details .marker-comment strong{
	display: block;
	font-size: .8em;
	margin-bottom: 10px;
	color: #aaa;
}

.marker-details .marker-img{
	position: relative;
	display: block;
	margin-bottom: 30px;
	width: 400px;
}

.marker-details .marker-img span{
	display: none;
	width: 30px;
	height: 20px;
	position: absolute;
	right: 0;
	bottom: 0;
	text-indent: -9999em;
	background: url(../img/marker-img-zoom.png) no-repeat 0 0;
}
.marker-details .marker-img:hover span{ display: block; }

.marker-details .marker-img img{
	display: block;
	width: 100%;
}

.marker-details .comments-list{
	margin-bottom: 30px;
}
.marker-details .comments-list li{ margin-top: 20px;}
.marker-details .comments-list .tip{ margin-top: 0px;}

.marker-details .story .infield{ top: 16px; }
.marker-details .story input, .marker-details .story textarea{
	width: 448px;
	margin: 10px 0;
}

/* =add-marker
------------------------------------------------------------------------------------*/
#add-marker{ display: none; }
#add-marker-layout{
	width: 315px;
	padding: 10px;
}
#add-marker-layout .tip-close{
	float: right;
}
#add-marker-layout h3 { font-size: 1.5em; }
#add-marker-layout h4 {
	color:#868383;
	font-size:1.4em;
	padding:0 0 3px 2px;
}
#add-marker-layout ul li li{
	position: static;
}
#add-marker-layout li.field-holder{
	clear: left;
}
#add-marker-layout li.gender, #add-marker-layout li.orientation{
	text-align: left;
	padding-top: 15px;
	float: left;
	width: 95px;
}
#add-marker-layout li.orientation{
	margin-left: 10px;
	clear: none;
	width: 210px;
}
#add-marker-layout li.position{
	padding: 15px 0 0;
}
#add-marker-layout li.gender .error, #add-marker-layout li.orientation .error, #add-marker-layout li.place .error{
	top: 43px;
}
#add-marker-layout li.other{
	float: left;
	background: none;
	padding: 15px 0;
	overflow: hidden;
}
#add-marker-layout li.rate{
	float: left;
	clear: none;
	overflow: hidden;
	padding: 15px 0 10px 0;
	margin-left: 80px;
}
#add-marker-layout li.rate h4{
	margin-bottom: 8px;
}

#add-marker-layout li.comment{
	padding: 0;
}
#add-marker-layout li.comment input, #add-marker-layout li.email input{
	width: 275px;
}
#add-marker-layout li.submit{
	clear: left;
	padding-top: 15px;
}
#add-marker-layout .helptext{
	font-size: .9em;
	color: #777;
}
#add-marker-layout .text{
	padding-top: 10px;
}

#add-marker-layout .infield, #add-marker-layout .error{ font-size: 1.2em; }

/* =register and login
------------------------------------------------------------------------------------*/
.register #content, .login #content, .reset-password #content{ padding-top: 50px; }
.form-pane{
	padding: 20px 0 0;
	width: 400px!important;
	font-size: 1.3em;
}

.form-pane h3{
	padding: 0 20px 10px;
	font-size: 1.6em;
}

.form-pane form{
	padding: 0 20px 20px;
	background: url(../img/sign-up-bunnies.png) no-repeat 115% 0;
}

.form-pane label.infield{
	top:20px;
	color: #777;
	font: bold 1.1em "Lucida Grande",sans-serif;
}

.form-pane input, .form-pane select, .form-pane textarea{
	width: 350px;
	margin: 10px 0 0;
	padding: 10px 5px;
	font-size: 1.1em;
	color: #777;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.form-pane .gender input, .form-pane .orientation input{ width: auto; margin: 7px 5px 0; }

.form-pane .save-answers{ margin-top: 10px; }
.form-pane .save-answers input{ width: auto; margin: 7px 5px 0 0; }

.form-pane select option{ font-size: .7em; }

.form-pane .checkbox input{
	width: auto;
	margin: 20px 10px 10px 1px;
}

.form-pane .checkbox label{
	font-size: 1.1em;
}

.form-pane .submit{ padding-top: 20px; }


.register .form-pane .submit h4{
	float: left; 
	width: 100px;
	margin-top: 8px;
	color: #777;
}

.login .form-pane .footlinks{
	padding: 10px 0px;
	margin: 0 20px;
	background: url(../img/sep3.png) repeat-x 0 0;
	text-align: center;
}

.form-pane .error{ font-size: .8em; }

.register .field-holder h4{
	float: left;
	clear: left;
	margin: 5px 0;
	color: #777;
	width: 100px;
}
.radio{ padding: 15px 0 0; }
.radio li{ position: static; float: left; }
.radio li label{
	margin-right: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	border-left-width: 0!important;
}

.radio li:first-child label, .radio li.first label{
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	border-left-width: 1px!important;
}

.radio li:last-child label, .radio li.last label{
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}

/* =profile
------------------------------------------------------------------------------------*/
.profile .row.c4{
	width: 1195px;
	position: relative;
}

.profile #content .ad-box{
	width: 300px;
	height: 250px;
	position: absolute;
	right: 0px;
	top: 30px;
}

.profile .profile-img{
	padding-top: 21px;
	height: 158px;
	width: 186px;
	background: url(../img/profile-img-bg.png) no-repeat 0 100%;
	text-align: right;
}

.profile .profile-img img{ margin: 8px 28px 0 0; }

.profile #secondary-header .col-w{
	width: 665px;
}

.profile #secondary-header h3{
	color: #000;
	font-size: 1.5em;
	padding-top: 17px;
}
.profile .tabs, .profile .ui-tabs-panel{ background: none; border: none; }

.profile .tabs{
    min-height: 300px;
    background: url(../img/sep.png) repeat-y 186px 0!important;
}

.profile .tabs .tabs{
	width: 875px;
	float: left;
}

.profile .tabs .tabs-nav{
	float: left;
	margin: -33px 0 -17px 186px;
	height: 40px;
	width: 665px;
}

.profile .tabs .tabs-nav li a, .profile .tabs .tabs-nav li a:link, .profile .tabs-nav li a:visited{
	width: 150px;
	padding: 0;
}

.profile #content .col-n{
	text-align: right;
	padding-top: 30px;
	width: 186px;
	clear: both;
}

.profile .sub-tabs-nav li{
	margin-right: 20px;
	border: none;
	background: none;
}

.profile .sub-tabs-nav li a, .profile .sub-tabs-nav li a:link, .profile .sub-tabs-nav li a:visited{
	margin: 0 0 10px;
	width: 164px;
	text-align: center;
	padding-left: 0;
	padding-right: 0;
	color: #4C4C4C;
}

.profile .sub-tabs-nav li.ui-state-active a, .profile .sub-tabs-nav li.ui-state-active a:link, .profile .sub-tabs-nav li.ui-state-active a:visited{
	color: #fff;
	background-position: 0 -345px;
	border-color: #59ABE7;
}

.profile .tab-content{
	padding: 30px 0 0 23px;
	width: 665px;
	float: left;
}

.profile .tab-content .form-pane{
	padding: 0;
	font-size: .8em;
	width: 330px!important;
}
.profile .tab-content .form-pane h3, .profile .tab-content .form-pane form{ padding-left: 0; }

.profile .tab-content .form-pane label.infield { top: 16px; font-size: 1.2em; }

.profile .tab-content .form-pane option{ font-size: 1em; }

.profile .tab-content .form-pane input, .profile .tab-content .form-pane select{
	width: 300px;
}

.profile .tab-content .form-pane input, .profile .tab-content .form-pane select{
	padding: 5px;
}

.profile .tab-content .form-pane .error{ font-size: 1.2em; top: 10px; }

.profile .tab-content #id_image_holder{
	margin-bottom: 30px;
}

.profile .tab-content #id_image_holder img{ float: left; border: 1px solid #DDDDDD; }

.profile .tab-content .form-pane .delete-image{
	float: left;
	margin: 15px 0 0 10px;
	color: #333;
	font-size: 1.2em;
}

.profile .tab-content .form-pane .delete-image span{
	float: left;
	width: 15px;
	height: 15px;
	line-height: 14px;
	margin: -1px 5px 0 0;
	text-align: center;
	color: #fff;
	font-weight: 700;
	background: #333;
	-moz-border-radius: 16px;
	-webkit-border-radius: 16px;
	border-radius: 16px;
}

.profile .tab-content .form-pane .delete-image:hover span,
.profile .tab-content .form-pane .delete-image:focus span{
	background: red;
}

.profile .tab-content .form-pane #id_image_errors li{
	white-space: normal;
	min-width: 300px;
}
.profile .tab-content .gender{
	margin-top: 30px;
}

.profile .tab-content .radio h4{
	float: left;
	clear: left;
	margin: 5px 0;
	color: #777;
	width: 100px;
	font-size: 1.2em;
}

.profile .tab-content dl{
	margin: 0 100px 20px 0;
}

.profile .tab-content dt{
	margin-bottom: 5px;
	padding: 2px 0 2px 23px;
	font-size: 1.2em;
	font-weight: 700;
	color: #828181;
	background: url(../img/profile-icons.png) no-repeat 0 5px;
}

.profile .tab-content dt.marker{ background-position: 0 -47px; }
.profile .tab-content dt.star{ background-position: 0 -94px; }

.profile .tab-content dd{ margin: 0 0 30px 23px; }
.profile .tab-content dd.q-box .question{ padding-bottom: 10px; }
.profile .tab-content dd .q-box{
	clear: left;
	padding: 10px 0 0 51px;
	border: none;
	border-top: 1px solid #ddd;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
}

.profile .m-list, .profile .c-list{ padding-top: 0; width: 665px; }
.profile .m-list li, .profile .c-list li{ margin-bottom: 10px; font-size: 1.2em; }
.profile .pagination{
	padding-left: 0;
	border: none;
}

.profile .q-list{ width: 665px; margin-left: 0px; font-size: 1.2em; }
.profile .q-holder{ margin: 0px; }
.profile .q-holder:first-child{ padding-top: 0; }

/* =Stats
-------------------------------------------------*/
.statistics .holder{
	overflow: hidden;
	margin-bottom: 50px;
	padding-bottom: 20px;
}

.profile .my-stats{
	float: left;
	width: 350px;
}
.profile .statistics .stat-legend{ margin: 0 0 0 20px; }

.statistics .holder h3{
	margin-bottom: 10px;
	font-size: 1.4em;
}

.statistics .holder h4{ margin-bottom: 10px; }

.statistics .stat-holder{float: left; }
.stat-legend{
	float: left;
	padding: 0;
	list-style: none;
}
.position .stat-legend{ margin-top: 20px; }
.frequency .stat-legend{ margin-top: 10px; }
.frequency .stat-legend em{
	width: 350px;
	float: left;
	margin-right: 5px;
	text-align: right;
	font-style: normal;
}
.frequency .stat-legend span{ font-size: 1em; }

.stat-legend li{ clear: left; }
/*.stat-legend li span{
	padding: 2px 1px;
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0.3);
	color: #fff;
	font-size: 0.8em;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}*/

.stat-legend img{ vertical-align: middle; }
/*.statistics ul span,*/ .stat-legend .empty{ font-weight: bold; font-size: 1.2em; color: #838487; }
.stat-legend .empty{margin: 0 0 0 10px;}
.stat-legend strong{
	display: block;
	float: left;
	width: 90px;
	margin-right: 5px;
	text-align: right;
}

.stat-legend i{
	float: left;
	margin: 7px 5px 0 0;
	width: 15px;
	height: 15px;
	background: #93c045;
}

.stat-legend .type1 i{
	background: #F24957;
	background: -moz-linear-gradient(top, #F24957, #ac333d);
	background: -webkit-gradient(linear, left top, left bottom, from(#F24957), to(#ac333d));
}
.stat-legend .type2 i{
	background: #93C045;
	background: -moz-linear-gradient(top, #93C045, #688830);
	background: -webkit-gradient(linear, left top, left bottom, from(#93C045), to(#688830));
}
.stat-legend .type3 i{
	background: #8B6247;
	background: -moz-linear-gradient(top, #8B6247, #644632);
	background: -webkit-gradient(linear, left top, left bottom, from(#8B6247), to(#644632));
}
.stat-legend .type4 i{
	background: #6DBFF2;
	background: -moz-linear-gradient(top, #6DBFF2, #4e8ab0);
	background: -webkit-gradient(linear, left top, left bottom, from(#6DBFF2), to(#4e8ab0));
}
.stat-legend .type5 i{
	background: #F283B4;
	background: -moz-linear-gradient(top, #F283B4, #b05f82);
	background: -webkit-gradient(linear, left top, left bottom, from(#F283B4), to(#b05f82));
}
.stat-legend .type6 i{
	background: #F2BB6D;
	background: -moz-linear-gradient(top, #F2BB6D, #b0874e);
	background: -webkit-gradient(linear, left top, left bottom, from(#F2BB6D), to(#b0874e));
}
.stat-legend .type7 i{
	background: #990099;
}
.stat-legend .type8 i{
	background: #FFB300;
}
.stat-legend .type9 i{
	background: #0000CC;
}
.stat-legend .type10 i{
	background: #0AEEF2;
}
.stat-legend .type11 i{
	background: #999999;
}

.country p{font: bold 2em "Trebuchet MS"; padding-left: 10px; color: #838487; }
.c_countries ul{margin: 10px 0 0 0;}
.statistics .sIndoor{ border-bottom: none; padding-bottom: 0; }
.statistics .sIndoor ul{margin-top: 45px;}

/* =ijml-corner
------------------------------------------------------------------------------------*/
.ijml-corner{
	background: #c5c5c5 url(../img/map.jpg) repeat-x 50% 65px;
}

.ijml-corner #content{
	width: 1080px;
	margin: 0 auto;
	padding-bottom: 15px;
	border-left: 2px solid #e4e4e4;
	border-right: 2px solid #e4e4e4;
	-moz-box-shadow: 0 0 10px rgba(0,0,0,.5);
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,.1);
	background: #cacaca;
}

.ijml-corner .col-w{ width: 728px; margin: 0 15px; padding-top: 20px; font-size: 1.2em; }
.ijml-corner .col-n{ width: 320px; text-align: center; font-size: 1.2em; }

.frontpage #content .holder .col-n, .q-details .col-n{margin-top: -105px;}

.ijml-corner .ad-banner{
	width: 728px;
	margin: 0 0 10px 15px;
}

.ijml-corner .col-n .ad-banner{
	width: 305px;
	margin: 0px 0 10px 0;
}

.ijml-corner .col-n .ask{
	padding: 20px;
	margin: 0 15px 20px 0;
	font-size: 24px;
	border-color: #3299d8;
	border-bottom-color: #0d79c0;
	background-color: #479de0;
	background-position: 0 -345px;
	text-shadow: 1px 1px 1px #115589;
	text-transform: none;
	-moz-box-shadow: 0 0 5px rgba(0,0,0,.5);
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}
.ijml-corner .col-n .ask:hover, .ijml-corner .col-n .ask:focus{
	background-color: #54a3df;
	background-position: 0 -420px;
}
.ijml-corner .col-n .ask:active{
	background-color: #98d6f8;
	background-position: 0 -495px;
}


.ijml-corner .intro{
	background: #cacaca url(../img/ijml-corner-intro.png) repeat-x 0 100%;
}
	.ijml-corner .intro .col-w{
		width: 475px;
		padding: 34px 223px 46px 30px;
		background: url(../img/ijml-corner-bunnies.png) no-repeat 92% 50%;
	}

		.ijml-corner .intro h2{
			color: #333;
			text-shadow: 1px 1px 1px #ddd;
		}

		.ijml-corner .intro p{
			padding: 20px 0;
			font-size: 1.1em;
			color: #333;
			text-shadow: 1px 1px 1px #ddd;
		}

	.ijml-corner .intro .col-n{
		padding-top: 30px;
	}

.ijml-corner #content .holder{
}

	.ijml-corner #content .holder .col-n .box{
		width: 275px;
		padding: 10px 15px;
		margin-bottom: 15px;
		text-align: left;
	}
	.ijml-corner #content .holder .col-n .box:last-child{ margin-bottom: 0; }
	.ijml-corner #content .holder .col-n .box h3{
		padding: 0 0 10px 0;
		margin-bottom: 10px;
		border-bottom: 1px solid rgb(200,200,200);
	}

	.bestquestion .q-holder{ border-bottom: none; }
	.bestquestion .q-holder div.avatar{ margin-right: 10px; }
	.bestquestion .details{ float: left; width: 185px; }
	.bestquestion .q-content{
		clear: left;
		margin: 15px 0 0;
		padding-bottom: 5px;
	}

	.bestquestion .answer{
		float: none;
		width: 100%;
		margin: 5px 0 0;
		text-align: center;
	}

	.tags p span {
		clear: left;
		display:block;
		margin:0 0 5px;
		padding:5px 0 0 0;
	}
	.tags a, .tags a:visited{
		float: left;
		color: #6e6f72;
		padding: 2px 5px 3px;
		margin: 0 4px 4px 0;
		background: #f2f2f2;
		-moz-border-radius: 3px;
		border: 1px solid #e1e1e1;
		font-size: .8em;
		line-height: 1;
	}
	.tags a:hover, .tags a:focus{
		background: #fcfcfc;
	}
	
	.n-ad-box{
		padding: 2px!important;
		width: 300px!important;
	}
	
	.f-ad-box, .m-ad-box{
		width: 305px;
	}


	.ijml-corner #content .holder .col-n .box, .ijml-corner #content .holder .col-w, .flatpage .col-w{
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		border-radius: 10px;
		border: 1px solid #cfcfcf;
		background: #f8f8f8;
		background: -moz-linear-gradient(top, #fff, #eee);
		background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));
		-moz-box-shadow: 0 0 10px rgba(0,0,0,.2);
		-webkit-box-shadow: 0 0 10px rgba(0,0,0,.2);
		box-shadow: 0 0 10px rgba(0,0,0,.2);
	}

	/* =questions
	------------------------------------------------------------------------------------*/

	/* =actions menu
	------------------------------------------------------------------------------------*/
	ul.actions{
		float: right;
	}

	li.q-holder ul.actions{ display: none; }
	li.q-holder:hover ul.actions, li.q-holder:focus ul.actions, li.q-holder:active ul.actions{ display: block; }

	ul.actions ul{
		position: absolute;
		background: #FCFCFC; /*f0c65c*/
		-moz-border-radius: 0 3px 3px 3px;
		-webkit-border-radius: 0 3px 3px 3px;
		border-radius: 0 3px 3px 3px;
		border: 1px solid #ccc;
		font-size: .9em;
	}

	ul.actions a:link, ul.actions a:visited{ color: #6E6F72; display: block; }
	ul.actions a:hover, ul.actions a:active, ul.actions a:focus{
		color: #8a8d8b;
		text-decoration: none;
	}

	a.dropdown:link, a.dropdown:visited{
		display: block;
		padding: 0 13px 2px 5px;
		-moz-border-radius: 3px 3px 0 0;
		-webkit-border-radius: 3px 3px 0 0;
		border-radius: 3px 3px 0 0;
		border: 1px solid #E1E1E1;
		border-bottom: none;
		background: #F2F2F2 url(../img/controls.png) no-repeat 100% -83px;
		text-decoration: none;
		outline: 0;
		font-size: .9em;
	}

	a.dropdown:hover, a.dropdown:active, a.dropdown:focus{
		color: #6E6F72;
		background-color: #fcfcfc;
	}

	ul.actions li li{
		padding: 0 5px;
	}

	ul.actions li li a{
		padding: 0px 2px;
		outline: 0;
	}

	/* =questions list
	------------------------------------------------------------------------------------*/
	.q-list{
		width: 100%;
		margin: 0 auto;
	}

	.q-holder, .q-header{
		margin: 0 30px;
		padding: 20px 0 0;
		clear: left;
		list-style: none;
		border-bottom: 1px solid rgb(200,200,200);
	}
	.q-list .q-holder:last-child{ border-bottom: none; }
	.q-list .q-holder:hover{ background: rgba(220,220,220,.1); }
	.q-header{
		padding: 0 0 20px;
	}

	.q-header h3{
		float: left;
	}

	.q-header ul.sort{
		float: left;
		margin-top: 2px;
	}

	.q-header li{
		float: left;
		margin-left: 15px;
	}

	.q-header ul.sort a, .q-header ul.sort a:visited{
		float: left;
		color: #6E6F72;
	}

	.q-header ul.sort a:hover, .q-header ul.sort a:focus, .q-header ul.sort a.active{ color: #9E2869; }

	.q-header ul.sort a span{ margin: 4px 5px 0 0; background-image: none; float: left; }
	.q-header ul.sort a.active span{ background-image: url(../img/controls.png); }

	.q-header .search{ float: right; }
	.q-header .search li{ margin-left: 0; }
	.q-header .search label{ top: 3px; font-size: .9em; }
	.q-header .search input{ margin: 0 5px 0 0; padding: 3px; }
	.q-header .search button{ margin: 0; }
	.q-header .go-back{ float: right; padding: 5px 0 0; }

	.search-results{
		margin: 0 30px;
		padding: 2px 0 3px;
		text-align: center;
		background: #eee;
	}

	.search-results a, .search:visited{ float: right; margin-right: 5px; }

	/* =question details
	------------------------------------------------------------------------------------*/
	.q-holder div.avatar{
		width: 48px;
		float: left;
		margin: 0 10px;
	}

	.q-holder div.avatar a{
		display: block;
		height: 48px;
	}

	div.question{
		width: 390px;
		float: left;
		padding: 0 10px;
	}

		.no-avatar div.question{ width: 460px; }

		div.details .date{
			color: #939596;
		}

		div.q-content{
			padding: 10px 0 20px;
		}

		div.q-content p{
			margin-bottom: 10px;
			word-wrap: break-word;
		}

		div.q-content p a, div.q-content p a:visited{
			display: block;
			color: #000;
		}

		div.q-content p a:active, div.q-content p a:hover, div.q-content p a:focus{
			color: #444;
			text-decoration: none;
		}

		div.q-content p span, span.option{ color: #24A7D7; font-weight: bold; }

		div.bar{
			height: 19px;
			padding: 0 185px 0 78px;
			font-size: .9em;
			clear: left;
			overflow: hidden;
		}

		.no-avatar div.bar{padding-left: 10px;}

		/* =question rating
		------------------------------------------------------------------------------------*/
		a.thumbsup, a.thumbsdown, a.thumbsup:visited, a.thumbsdown:visited, span.thumbsup, span.thumbsdown {
			float: left;
			display: block;
			width: 16px;
			height: 16px;
			margin-right: 5px;
			background: url(../img/hands.png) no-repeat 0 0;
		}

		a.thumbsup, a.thumbsup:visited, span.thumbsup{
			background-position: -16px 0;
		}

		a.thumbsup:hover, .thumbsup .active, .thumbsup .active:visited,  .thumbsup.active{
			background-position: -16px -16px;
		}

		a.thumbsdown:hover, .thumbsdown .active, .thumbsdown .active:visited,  .thumbsdown.active{
			background-position: 0 -16px;
		}

		.ratecounter .plus{color: #00b38a;}
		.ratecounter .minus{color: #f12938;}
		.ratecounter .loading{
			display: block;
			width: 16px;
			height: 16px;
			background: url(../img/loader-small.gif) no-repeat 50% 50%;
		}


		div.bar .links{
			float: left;
		}

		div.bar .links li{
			float: left;
			display: block;
			margin-right: 10px;
			list-style: none;
		}

		div.bar .links li.thumbsup, div.bar .links li.thumbsdown{margin-right: 0px;}

		div.bar .links a{ color: #939596; }
		div.bar .links a span{ color: #000; }

div.answer{
	width: 185px;
	float: left;
}

.q-holder div.answer{margin-bottom: -10px;}
.q-holder div.answer-loading {background: url(../img/loader.gif) no-repeat 50% 50%; height: 32px; width: 32px; margin: 10px auto 0; }

div.answer .answer-error{
	margin: 5px 5px 0;
	padding: 3px;
	line-height: 1.1em;
	font-size: .9em;
	color: #f93f20;
	text-align: center;
}

ul.type1 a:link, ul.type1 a:visited, ul.type4 a:link, ul.type4 a:visited,
ul.type2 a:link, ul.type2 a:visited, span.answer{
	float: left;
	margin: 0 auto;
	text-align: center;
	color: #fff;
	font-weight: bold;
}

div.answer li.col{ float: left; }

div.answer .stats span, div.answer span.stats{
	display: block;
	margin: 3px auto 0;
	text-align: center;
	font: bold 1em Arial, sans-serif;
	color: #727478;
}

div.answer .last, div.answer-stats .last{margin-right: 0!important; padding-right: 0!important;}
div.answer .timestamp, div.answer .helptext{ text-align: center; }
div.answer .timestamp{
	margin: 0 10px 5px;
	line-height: 1.2em;
}

/* =type1 --- YES/NO */
	ul.type1{
		width: 70px;
		margin: 10px auto 0;
	}

	ul.type1 .col{ margin-right: 10px; width: 30px; position: relative; }

	ul.type1 a, ul.type1 span.answer, thead.type1 th span{
		width: 30px;
		height: 30px;
		background: url(../img/answersIcons.png) no-repeat 0 0;
		line-height: 30px;
		text-transform: lowercase;
	}
	ul.type1 a:hover, ul.type1 a:focus{ background-position: -60px 0; text-decoration: none; }
	ul.type1 a:active, ul.type1 a.active, ul.type1 span.active, thead.type1 th span{ background-position: -30px 0; text-decoration: none; }

	ul.type1 span.stats{ width: 30px; font-size: .7em; }

/* =type2 --- RATING */
	ul.type2{
		width: 124px;
		margin: 10px auto 0;
	}

	ul.type2 .col{ margin-bottom: 5px; width: 25px; position: relative; }
	ul.type2 .last{ width: 20px; }

	ul.type2 a, ul.type2 span.answer, #stats table thead.type2 span.answer{
		width: 25px;
		height: 19px;
		background: url(../img/answersIcons.png) no-repeat 0 -66px;
	}

	ul.type2 .last a{ width: 20px; }

	ul.type2 a:hover, ul.type2 a:active, ul.type2 a:focus, ul.type2 a.hover{ background-position: -50px -66px; text-decoration: none; }
	ul.type2 span.active, #stats table thead.type2 span.answer, ul.type2 a.active{ background-position: -25px -66px; text-decoration: none; }

	ul.type2 span.stats{ width: 100%;}

/* =type4 --- POLL */
	ul.type4, ul.type5{
		width: 170px;
		margin: 10px auto 0;
	}

	ul.count1{width: 30px!important;}
	ul.count2{width: 65px!important;}
	ul.count3{width: 100px!important;}
	ul.count4{width: 135px!important;}

	ul.type4 .col, ul.type5 .col{ margin-right: 5px; width: 30px; position: relative; }

	ul.type4 a, ul.type4 span.answer, #stats .type4 span.answer, #stats .type5 span.answer{
		width: 30px;
		height: 30px;
		line-height: 30px;
		background: url(../img/answersIcons.png) no-repeat 0 -36px;
	}

	ul.type4 a:hover, ul.type4 a:active, ul.type4 a:focus{ background-position: -60px -36px; text-decoration: none; }
	ul.type4 a.active, ul.type4 span.active, #stats .type4 span.answer, #stats .type5 span.answer{ background-position: -30px -36px; text-decoration: none; }

	ul.type4 span.stats, ul.type5 span.stats{ width: 30px; font-size: .7em;}

/* =type7 --- SORT */
	ul.type7{text-align: center; margin-top: 0px;}
	ul.type7 .stats span{font-family: Verdana, sans-serif;}

/* =type3 --- TEXT and =type8 --- NUMERICAL */
	div.type3 input, div.type8 input{
		padding: 3px;
		margin-bottom: 5px;
		width: 65px;
		text-align: right;
		font-weight: bold;
		color: #555;
	}
	div.type3 input{
		width: 150px;
		text-align: left;
	}

	div.type3 input:focus, div.type8 input:focus, div.type3 input.active:focus, div.type8 input.active:focus{ background: #f0cce7; border-color: #e0b3d9; color: #555; }
	div.type3 input.active, div.type8 input.active{ background: #b75aa0; border-color: #b1539a; color: #fff; }
	div.type8, div.type3{text-align: center; color: #727478; }
	div.type8 p, div.type3 p{margin: 5px 0;}
	.numerical-help{ text-align: center; }
	.numerical-help span.help{ cursor: help; position: relative; }
	.numerical-help span:hover em.tip{ display: block; font-size: .9em; left: -15px; }

/* =anonymous-answer-dialog */
.anonymous-answer-dialog, #anonymous-answer{
	overflow: visible!important;
}
.anonymous-answer-dialog .explanation{
	margin-bottom: 15px;
}
.anonymous-answer-dialog form{
	width: 330px;
	float: left;
	border-right: 1px solid #C4C4C4;
}

.anonymous-answer-dialog form li{ padding: 7px 0; }
.anonymous-answer-dialog form li li{ padding: 0px; }
#id_anonymous_gender_holder, #id_anonymous_orientation_holder{ clear: left; height: 35px; }
#id_anonymous_gender_holder{ padding-top: 5px; }

.anonymous-answer-dialog form li h4 {
	clear:left;
	color:#777777;
	float:left;
	margin:5px 0;
	width:100px;
}

.anonymous-answer-dialog form li select { width: 240px; }

.anonymous-answer-dialog form .error-right ul.error{ top: 8px; font-size: .9em; }

.anonymous-answer-dialog .login-or-register{
	width: 190px;
	padding-top: 20px;
	float: left;
	text-align: center;
}

.anonymous-answer-dialog .login-or-register p{ padding-top: 20px; }
.anonymous-answer-dialog .login-or-register a{ font-weight: 700; }

/* =q-details - question details
------------------------------------------------------------------------------------*/
.q-details .holder{
	padding-top: 20px;
}

	.q-details .col-w{ padding-top: 10px; }
	.q-details .col-w .q-header{ padding-bottom: 10px; }

	.q-details .col-w .tabs-nav{
		padding: 0 20px;
		height: 50px;
		background: url(../img/secondary-header.png) repeat-x 0 24px;
	}
	.q-details .col-w .tabs-nav li{ font-size: 1em; }
	.q-details .col-w .tabs-nav li.ui-state-active a, .q-details .col-w .tabs-nav li.ui-state-active a:visited {
		background: #fff;
		background:-moz-linear-gradient(center top , #F5F4F4, #FFFFFF);
	}
	.q-details .col-w .tab-content{
		padding: 20px 20px 20px;
		background: #fff;
		-moz-border-radius-bottomleft: 10px;
		-moz-border-radius-bottomright: 10px;
		-webkit-border-bottom-left-radius: 10px;
		-webkit-border-bottom-right-radius: 10px;
		border-bottom-left-radius: 10px;
		border-bottom-right-radius: 10px;
	}
/* =answer stats
------------------------------------------------------------------------------------*/
.answer-stats{
	overflow: hidden;
	padding: 30px 0 35px;
	text-align: center;
}

	.scale{
		float: left;
		width: 183px;
		position: relative;
	}

		.scale p{ position: absolute; right: 0; }
		.scale .p100 { top: -5px; }
		.scale .p50 { top: 89px; }
		.scale .p0 { top: 185px; }

	.answer-stats div.answer{
		float: none;
		width: 350px;
		margin: 0 auto;
	}
	.answer-stats .type2, .answer-stats .type4, .answer-stats .type5{
		margin-top: 0;
		width: 325px!important;
	}
	.answer-stats .count2{ width: 300px!important; }

	.answer-stats .type1{ margin-top: 0; }

	.answer-stats .type1 .col, .answer-stats .type4 .col, .answer-stats .type5 .col{ margin-right: 0; width: auto; }
	.answer-stats .count2 .col{ width: 120px; margin-right: 50px; }
	.answer-stats .count3 .col{ width: 82px; margin-right: 33px; }
	.answer-stats .count4 .col{ width: 60px; margin-right: 25px; }
	.answer-stats .count5 .col{ width: 48px; margin-right: 20px; }

	.answer-stats .type2 span.answer, .answer-stats .type4 span.answer, .answer-stats .type5 span.answer{ float: none; display: block; }

	.answer-stats .statistics span.stats{
		position:absolute;
		top:-31px;
		left:7px;
		padding:2px 1px;
		font-size:0.7em;
		color: #fff;
		-moz-border-radius:2px;
		-webkit-border-radius:2px;
		border-radius:2px;
		background: #555;
		background: rgba(0,0,0,.3);
	}
	.answer-stats .count2 span.stats{ left: 45px; }
	.answer-stats .count3 span.stats{ left: 27px; }
	.answer-stats .count4 span.stats{ left: 13px; }

	.answer-stats .type1 span{
		font-size: 1.8em;
		color: #9B9F9C;
	}
	.answer-stats .type1 span.green{ color: #AE5097; }

	.answer-stats .type1 img{
		vertical-align: middle;
		margin: 0 30px;
		-moz-transform: rotate(90deg);
		-webkit-transform: rotate(90deg);
		-o-transform: rotate(90deg);
	}

	.answer-stats .numerical, .answer-stats .rate{ padding: 20px 0; font-size: 1.8em; color: #9B9F9C; }
	.answer-stats .numerical strong, .answer-stats .rate strong{ color: #AE5097; }


	.answer-stats .rate{ font-size: 1.3em; }

	.answer-stats .average{
		float: left;
		margin: 25px 30px 0 105px;
		width: 125px;
	}

	.answer-stats .rate .stars{
		width: 123px;
		height: 19px;
		margin-bottom: 5px;
		background: url(../img/rate-stars.png) repeat-x 0 0;
		text-align: left;
	}
	.answer-stats .rate .stars div{
		height: 19px;
		background: url(../img/rate-stars.png) repeat-x 0 -19px;
	}

	.answer-stats .rate .answer{ float: left; text-align: left; margin-bottom: 20px; width: 290px; }
	.answer-stats .rate .answer ul.type2{ width: 290px!important; }
	.answer-stats .rate .answer ul.type2 li{ width: 54px; float: left; text-align: left; }
	.answer-stats .rate .answer ul.type2 li span{
		float:left;
		font-size:0.55em;
		left:-7px;
		top:-5px;
		width:30px;
}

/* =answers
------------------------------------------------------------------------------------*/
.answers{ overflow: hidden; padding-bottom: 0px!important;}

	.answers p.nav{
		clear: left;
		padding: 10px;
		border-bottom: 1px solid #e8e8e4;
	}

	.answers ul.moreHolder{
		padding-top: 10px;
		list-style: none;
	}

	.answer-holder{
		width: 312px;
		float: left;
		padding: 10px;
		margin: 0 0 20px 20px;
		background: #fcfcfc;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border: 1px solid #eee;
		text-align: left;
	}

	.answers ul li.clr{
		margin-left: 0;
	}

	.answers .details{
		margin: 0px 10px;
		line-height: 1.2em;
	}

	.answers div.answer{
		width: 230px;
	}

	.answers ul.type1{ margin-left: 10px; width: auto; }
	.answers ul.type2{ margin-left: 10px; }
	.answers div.type3 p, .answers div.type8{ padding: 5px 0 0 10px; text-align: left; }
	.answers div.type3 p{ margin: 0; color: #333; word-wrap: break-word; }
	.answers ul.type4{ margin: 10px 0 0 10px; text-align: center; margin-top: 5px;}
	.answers div.type8 strong{ color: #777; font-size: 1.3em; }

	.answers .delAnswer{
		float: right;
		margin-bottom: -10px;
	}

	.answers .more{
		margin: 10px 10px -5px 10px;
		padding: 0;
		text-align: right;
	}

	.answers .empty{padding-bottom: 20px;}

/* =comments
------------------------------------------------------------------------------------*/
.comments{
	padding-top: 5px;
}

	.c-list.noAvatar{ padding-bottom: 5px; margin-bottom: -10px; }

	li.c-holder{ clear: left; }

	.comment{
		margin: 0 0 10px;
		padding: 10px 10px 5px;
	}

	.owner{
		background: #e6eff4;
		background: -moz-linear-gradient(top, #f8fbfc, #f0f5f8);
		background: -webkit-gradient(linear, left top, left bottom, from(#f8fbfc), to(#f0f5f8));
	}

	.comments form.main-comment, .comments .login-info{ padding: 20px 0 0; margin-top: 20px; border-top: 1px solid #C8C8C8; }
	.comments .loginInfo{border-top: 2px solid #fc0;}
	.comments form.main-comment textarea{ width: 676px; margin-bottom: 10px; }

	.answers div.avatar, .comments div.avatar{
		margin: 0;
		float: left;
		height: 52px;
		width: 52px;
	}

	.answers div.details, .comments div.details{
		margin-left: 62px;
	}

	.comments .noAvatar div.details{
		margin-left: 0;
	}

	.comments div.comment-body div.avatar{ padding-left: 0; }

	.comments div.comment-body p.comment-text{ margin-left: 62px; word-wrap: break-word; }
	.comments .noAvatar div.comment-body p.comment-text{ margin-left: 0; }
	p.comment-text a, p.comment-text a:visited{ color: #000; }
	p.comment-text a:hover, p.comment-text a:focus{ color: #444; }

	.comments div.comment-body a.comment-answer-button{
		float: right;
		clear: left;
		font-size: .9em;
	}

	.comments div.comment-reply{
		margin-left: 72px;
		clear: left;
	}

	.comments div.comment-body{padding-bottom: 5px;}

	.comments div.comment-replies form{
		clear: both;
		margin: 10px 0 10px 72px;
	}

	.comments div.comment-replies form textarea{ width: 604px; margin-bottom: 10px; }

	.comments div.comment-replies .info{
		text-align: right;
		padding: 10px;
	}

	.comments .more{
		margin: 10px 0 0 10px;
		padding: 0;
	}

	.noAvatar .comment-body a:link, .noAvatar .comment-body a:visited{ color: #333; }

	.rates .tabs-nav span{ float: left; font-size: .9em; }
	.rates .tabs-nav span.active{ margin: 5px 0 0 10px; }
	.rates p{ text-align: center; padding-bottom: 10px; }
	.rates p.empty{ padding-top: 10px; }
	.rates .users-list{ overflow: hidden; font-size: .8em; }
	.rates .avatar{ margin: 0 0 5px 8px; }
	.rates .clr .avatar{ margin: 0 0 5px 0; }
	.rates .pagination{ position: relative; height: 20px; padding: 0; text-align: center; }
	.rates .pagination img{ vertical-align: middle; }
	.rates .pagination li{ position: absolute; top: 3px; }
	.rates .pagination li.p{ left: 107px; }
	.rates .pagination li.n{ left: 127px; }
	.rates .pagination li.l{ left: 155px; }

/* =question statistics
------------------------------------------------------------------------------------*/
#stats .answer-stats{ padding: 10px 0; }
#stats .answer-stats div.scale{ width: 100px; }
#stats .answer-stats div.answer{
	float: left;
	width: 450px;
	margin-left: 100px;
}
#stats .answer-stats .statistics{ width: 440px!important; text-transform: lowercase; }
#stats .answer-stats .statistics .col{ margin-right: 0; }
#stats .answer-stats .count2 .col{ width: 50%; }
#stats .answer-stats .count3 .col{ width: 33%; }
#stats .answer-stats .count4 .col{ width: 25%; }
#stats .answer-stats .count5 .col{ width: 20%; }

#stats .answer-stats span.stats{ top: -59px; padding: 0 1px 1px; }
#stats .answer-stats .count2 span.stats{ left: 45px; }
#stats .answer-stats .count3 span.stats{ left: 25px; }
#stats .answer-stats .count4 span.stats{ left: 12px; }
#stats .answer-stats .count5 span.stats{ left: 5px; }
#stats .answer-stats .count2 span.stats2{ left: 140px; }
#stats .answer-stats .count3 span.stats2{ left: 90px; }
#stats .answer-stats .count4 span.stats2{ left: 60px; }
#stats .answer-stats .count5 span.stats2{ left: 47px; }

#stats .answer-stats .type2 span.stats{ width: 30px; }
#stats .answer-stats .type1 span.answer{ color: #fff; font-size: 1em; float: none; display: block;}
#stats .answer-stats .type1 img{ -moz-transform: none; -webkit-transform: none; -o-transform: none; margin: 0; }

#stats .stat-legend{ margin-left: 85px; }
#stats .stat-legend .type1{ background: rgb(115, 215, 247); }
#stats .stat-legend .type2{ background: rgb(242, 140, 186); }

#more-stats, #less-stats{ margin: 0 0 0 5px; }

#stats table{
	clear: both;
	width: 100%;
	margin-top: 30px;
	color: #36424a;
}

#stats table th{ padding: 8px 0; font-weight: 400; border: 1px solid #fff; }
#stats table th.odd{ background: #f6f6f6; }
#stats table th.even{ background: #eee; }
#stats table th.first{
	-moz-border-radius-topleft: 10px;
	-webkit-border-top-left-radius: 10px;
	border-top-left-radius: 10px;
}
#stats table th:last-child{
	-moz-border-radius-topright: 10px;
	-webkit-border-top-right-radius: 10px;
	border-top-right-radius: 10px;
}

#stats table thead span.answer{ display: block; float: none; margin: 0 auto; text-transform: lowercase; }
#stats .type2 span.answer{ font-size: .7em; line-height: 21px; text-align: left; text-indent: 7px; }

#stats table td{
	padding: 5px 0;
	text-align: center;
	vertical-align: middle;
	border: 1px solid #fff;
}
#stats table td img{ vertical-align: middle; }
td.s-header, td.s-label{ text-transform: capitalize; }
tr.age td, tr.countries td{ padding: 10px 0!important; }

	tr:first-child td:first-child{
		-moz-border-radius-topleft: 10px;
		-webkit-border-top-left-radius: 10px;
		border-top-left-radius: 10px;
	}
	tr.countries td.s-header{
		-moz-border-radius-bottomleft: 10px;
		-webkit-border-bottom-left-radius: 10px;
		border-top-bottom-radius: 10px;
	}
	tr:last-child td:last-child{
		-moz-border-radius-bottomright: 10px;
		-webkit-border-bottom-right-radius: 10px;
		border-bottom-right-radius: 10px;
	}

	tr.gender td, tr.age{ background: #DFE5E6; }
	tr.gender .s-header, tr.gender .s-label, tr.gender .odd,
	tr.age .s-header, tr.age .s-label, tr.age .odd{ background: #ecf0f0; }

	tr.orientation td, tr.countries td{ background: #e1dce3; }
	tr.orientation .s-header, tr.orientation .s-label, tr.orientation .odd,
	tr.countries .s-header, tr.countries .s-label, tr.countries .odd{ background: #f1eff2; }

/* =new question
------------------------------------------------------------------------------------*/
.new-question #content{ padding-top: 20px; }

.new-question .form-list{
	width: 668px;
	margin: 20px 30px 0;
}

.new-question .small{ font-size: .8em; }

.new-question .form-list li.form-element{
	margin: 0 25px 25px;
	padding: 0 0 25px;
	border-bottom: 1px solid #e4e3e3;
}

.new-question .form-list li.tab{ margin-bottom: 0; }

.new-question .form-list li.submit{
	margin-bottom: 0;
	border-bottom: none;
}

.new-question .form-list li.submit .small{ float: right; }

.new-question .form-list li.text span{ float: right;}
.new-question .form-list li.text .error{ top: 20px;}

.new-question .form-list li.language{ border-bottom: none; margin-bottom: 0; }
.new-question .form-list li.language label, .new-question .form-list li.expire label{ display: inline-block; margin-right: 0; }

.new-question .form-list label, .new-question .form-list .label{
	display: block;
	width: auto;
	margin: 0 0 5px;
	text-align: left;
}

.new-question .form-list textarea, .new-question .form-list input{ width: 606px; margin: 0; }
.new-question .form-list textarea{ height: 100px; }
.new-question .form-list select{ width: auto; }

.new-question .form-list .tb li{ border: none; }
.new-question .tab-content{
	background: none;
	padding-top: 10px;
	clear: left;
}

.new-question .tb{ border: none; }
.new-question .tb a, .new-question .tb a:link, .new-question .tb a:visited{
	width: auto;
	padding: 0 10px;
	text-align: center;
	text-indent: 0;
	height: 25px;
	line-height: 25px;
	border-right: 1px solid #128fde;
	border-left: 1px solid #97d7fa;
	color: #fff;
	font-size: .9em;
}

.new-question .attachment .ui-state-default a{ border: 1px solid #BCB9B9!important; background: #eee url(../img/tb-list.png) repeat-x 0 -102px!important; color: #444; }
.new-question .attachment .ui-state-hover a{ background-position: 0 -136px!important; }
.new-question .attachment .ui-state-active a{ border: 1px solid #7e7e82!important; background-position: 0 -170px!important; color: #fff; }

.new-question .form-list .tb li.ui-corner-top{
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
}

	.new-question .option{ overflow: hidden; padding: 3px 0; }

	.new-question .option label{
		display: block;
		margin: 0;
		width: 30px;
		min-height: 28px;
		line-height: 25px;
		color: #fff;
		float: left;
		background: url("../img/answersIcons.png") no-repeat scroll 0 -38px;
		text-align: center;
	}

	.new-question .option input:focus + label{ background-position: -60px -38px; }

	.new-question .option input{
		float: right;
		width: 576px;
	}

	.new-question .multiple{
		margin: 10px 0 0 30px;
	}

	.new-question .multiple input, .new-question .multiple label{
		width: auto;
		margin-right: 5px;
		display: inline;
	}

	.new-question .numerical{
		overflow: hidden;
	}

	.new-question .numerical p{
		display: block;
		width: 160px;
		float: left;
		margin: 10px 10px 0 0;
	}

	.new-question .numerical p.label{ margin-top: 0; }

	.new-question .numerical p.jm{ width: 250px; }

	.new-question .numerical label{
		display: inline-block;
	}

	.new-question .numerical input{
		width: 50px;
	}


.new-question .form-list li.attachment .tab-content{
	min-height: 30px;
}

.new-question #more-options, .new-question #less-options{
	margin-left: 58px;
}

.new-question #additional-options{
	width: 618px;
	margin: 0 55px;
	padding: 20px 0 0;
}

.new-question #additional-options .form-element{
	margin-bottom: 15px;
	padding-bottom: 15px;
}
.new-question #additional-options li.expire{ border-bottom: none; margin-bottom: 0; padding-bottom: 15px; }

.new-question #additional-options input{ width: 250px; }

.new-question .form-list li.tags{ line-height: 1.1em; }

.new-question .submit{
	margin: 20px 0 30px 55px;
}

.feedback p{ font-weight: 700; } 

.feedback ol {margin-bottom: 10px; }

.feedback li{
	margin-left: 20px;
	list-style: decimal;
}
.feedback ul li{ list-style: circle; }

#question-preview{ border: 2px solid #24A7D7!important; width: 273px!important; }
#question-preview #preview-text, #question-preview #preview-options{ word-wrap: break-word; }
#question-preview div.answer{ margin-top: 10px; width: 275px; }
#question-preview div.type4{ width: 100%; }
#question-preview ul.type4{ width: 180px; }
#question-preview button[disabled]{
	background:url("../img/button.png") repeat-x scroll 0 0 #CD7FDB;
	border:1px solid #8247AE;
	border-top:1px solid #C281CD;
	color:#FFFFFF;
}

.disk-img input{ width: auto; margin-right: 10px; }
#c-count{ color: #F93F20; }

/* =flatpage
	-------------------------------------------------*/
.flatpage .col-w{ margin: 20px auto; }

/* =iPhone and android page
	-------------------------------------------------*/
	.phone{
		width: 760px;
		margin: 20px auto 0;
	}
	.phone .phone-frame{
		position: relative;
		float: left;
		margin: 0 30px 0 0;
		width: 321px;
		height: 584px;
		background: url(../img/mobile/iphone-frame.png) no-repeat 0 0;
	}

	.android .phone-frame{background: url(../img/mobile/android-frame.png) no-repeat 0 0;}

		.phone-frame img{
			position: absolute;
			top: 76px;
			left: 57px;
		}

		.android .phone-frame img{ top: 53px; left: 63px; }

		.phone-frame .current{z-index: 10;}

	.phone .phone-desc{
		float: left;
		width: 390px;
		margin-top: 20px;
	}

	.phone h2{
		width: 291px;
		height: 80px;
		text-indent: -9999em;
		background: url(../img/mobile/iphone-header.png) no-repeat 0 0;
	}

	.android h2{ background: url(../img/mobile/android-header.png) no-repeat 0 0; }

	.phone p{
		padding: 0;
		font-weight: 700;
		margin-top: 20px;
	}

	.phone .feature-list{
		margin: 20px 0 30px 15px;
		list-style-position: inside;
		color: #10c1f2;
		padding: 0;
	}

	.phone .feature-list li{
		list-style: disc;
	}

	.phone .feature-list span{ color: #000; }

	.phone .screenshot-list{
		padding: 0;
		overflow: hidden;
	}

	.phone .screenshot-list li{
		float: left;
		margin-right: 10px;
		list-style: none;
	}

	.phone .screenshot-list a{
		float: left;
		border: 2px solid #ccc;
	}

	.phone .screenshot-list img{
		float: left;
		border: 2px solid #fff;
	}

	.phone .screenshot-list a:hover, .phone .screenshot-list a:focus,
	.phone .screenshot-list a.active, .phone .screenshot-list a.active img{
		border-color: #b16fae;
	}

	.phone .download{
		margin-top: 30px;
		padding-left: 30px;
		padding-right: 30px;
	}

	.phone .download a{
		display: block;
		width: 235px;
		height: 53px;
		line-height: 52px;
		background: url(../img/mobile/download.png) no-repeat 0 0;
		color: #fff;
		font-size: 2.4em;
		text-indent: 30px;
		font-family: "Trebuchet MS";
	}

	.phone .download a:hover, .phone .download a:active{ text-decoration: none; background-position: 0 -53px; }

	.phone .qrcode{ padding-bottom: 20px; }
	.phone .qrcode a{ margin: 0 0 10px 5px; }
	.phone .qrcode img{ display: block; margin: 10px 0 0; }

#twtr-search-widget{
	width: 250px;
	float: right;
	margin: 20px 20px 0 10px;
}
#twtr-search-widget h3, #twtr-search-widget h4{ color: #fff; text-shadow: 0 0 0 #fff; }

.media{
	margin: 20px 0 20px 20px;
}

.contact, .faq, .terms, .contributors{
	font-size: 1.1em;
	padding: 30px;
}

.faq li, .terms li{
	list-style: decimal;
	margin: 0 0 40px 20px;
}

.terms li{ margin-bottom: 20px; }

.faq li img{ vertical-align: middle; padding: 3px 2px 5px 2px; }

.terms h3{ margin: 10px 0; text-align: center; }
.terms li li{ list-style: lower-alpha; }

.contributors h3{ margin-bottom: 10px; }
.contributors h4{ margin-bottom: 5px; }
.contributors ul{ margin-bottom: 10px; }

.world-stats #content{ padding-top: 20px; }
.world-stats #stats-today, .world-stats #stats-all{
	clear: both;
	background: none;
	border: none;
	padding-top: 20px;
}
.world-stats .statistics{
	width: 1080px;
}
.world-stats .holder{ border-bottom: none; margin-bottom: 50px; }
.world-stats .positions ul{ margin: 0 60px 0 20px; }
.world-stats .positions #char-positions-3 + ul{ margin: 0 0 0 20px; }

.world-stats .c_orientations, .world-stats .orientations{
	clear: left;
	float: left;
	margin-right: 70px;
}

.world-stats .orientations, .world-stats .place{ width: 500px; }
.world-stats .c_countries{ width: 650px; float: left; }
.world-stats .c_orientations{ width: 340px; }

.world-stats .positions{ clear: left; }

.world-stats .orientations .stat-legend, .world-stats .place .stat-legend{ margin-left: 30px; }
/*.world-stats .orientations .stat-legend .type2, .world-stats .place .stat-legend .type2{ margin-left: 20px; }
.world-stats .orientations .stat-legend .type3, .world-stats .place .stat-legend .type3{ margin-left: 30px; }
.world-stats .orientations .stat-legend .type4, .world-stats .place .stat-legend .type4{ margin-left: 40px; }
.world-stats .orientations .stat-legend .type5, .world-stats .place .stat-legend .type5{ margin-left: 40px; }*/

.world-stats .c_orientations ul, .world-stats .c_countries ul{
	float: none;
	clear: left;
	margin-left: 35px;
}

.world-stats .c_orientations .scale, .world-stats .c_countries .scale{ width: 40px; }
.world-stats .c_orientations .stat-holder, .world-stats .c_countries .stat-holder{ margin-left: 40px; }

.world-stats .c_countries ul{ margin-left: 40px; }

.world-stats .c_orientations ul li, .world-stats .c_countries ul li{
	clear: none;
	float: left;
	position: relative;
	width: 95px;
	height: 1px;
	text-align: center;
}

.world-stats .c_countries ul li{
	width: 60px;
	height: 1px;
}

.world-stats .c_orientations ul span, .world-stats .c_countries ul span{
	position: absolute;
	top: -55px;
	left: 38px;
	padding: 2px 2px 2px 1px;
	background: #555;
	background: rgba(0, 0, 0, 0.3);
	color: #fff;
	font-size: 0.8em;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}

.world-stats .c_countries ul span{ top: -38px; left: 12px; }
.world-stats .c_countries ul .odd span{ top: -70px; }

#footer{
	min-height: 50px;
	line-height: 50px;
	background: url(../img/footer.png) repeat-x 0 0;
	font-size: 1.4em;
	text-align: center;
}

.login #footer, .register #footer, .reset-password #footer{
	margin-top: 50px;
}

#footer ul li{
	display: inline;
	list-style: none;
}

#footer a, #footer a:visited{
	padding: 0 10px;
	color: #daf4f6;
	border-left: 1px solid #75c4f0;
}
#footer li:first-child a, #footer li:first-child a:visited{ border-left: none; }

#footer a:hover, #footer a:focus{
	color: #fff;
}

#footer .copyright{
	float: right;
	font-size: .9em;
	margin-right: 10px;
	color: #fff;
}

#footer .copyright a{ padding: 0; border: none; }

#footer .singlehop, #footer .singlehop:visited{
	border: none;
	color: #888;
	font-size: .9em;
	font-weight: 700;
}

#footer .singlehop:hover, #footer .singlehop:focus{
	color: #666;
}

#footer .singlehop img{
	vertical-align: middle;
}

.e404{
	padding: 50px 0;
	text-align: center;
	background: #fff!important;
}

noscript .map-noscript{
	position: absolute;
	left: 50%;
	top: 100px;
	width: 460px;
	margin-left: -250px;
	text-align: center;
	padding: 15px 20px 20px;
}

noscript .map-noscript p{
	font-size: 1.8em;
	color: #666;
	margin-top: 10px;
}

noscript .main-noscript{
	padding: 3px 0;
	font-size: 1.4em;
	background: #ff8d7a;
	border-bottom: 1px solid #ff5e3c;
	color: #fff;
	text-align: center;
}

div.rating-cancel,div.star-rating{float:left;width:19px;height:19px;text-indent:-999em;cursor:pointer;display:block;background:transparent;overflow:hidden;}
div.rating-cancel a{margin-top: 2px; width:16px!important;height:16px!important;background:url(../img/rating/delete.gif) no-repeat 0 0;}
div.star-rating a{background:url(../img/answersIcons.png) no-repeat 0 -66px;}
div.rating-cancel a,div.star-rating a{display:block;width:100%;height:100%;border:0;}
div.star-rating-on a{background-position:-25px -66px!important;}
div.star-rating-hover a{background-position:-50px -66px;}
div.rating-cancel.star-rating-hover a{ background-position: 0 -16px; }
div.star-rating-readonly a{cursor:default !important;}


div#forum{
	width:800px;
	min-height:500px;
	margin: 10px auto;
	font-size:11px;	
}

div#forum p.breadcrumbs{
	border-bottom:1px solid #ccc;
	padding:5px 0;
	margin:5px 0;  
}

div#forum ul.list{
	border-top:1px solid #ddd;
	margin:10px 0;
}

div#forum ul.list li{
	padding:10px;
	font-size:12px;
	border-bottom:1px solid #ddd;
}

div#forum ul.list li span{
	font-size:10px;
	color:#777;	
}

div#forum ul.list li:hover{
	background:#efefef;	
}

form.forum{
	width:315px;
}

form.forum ul.error{
	margin-top: -15px;	
}

form.forum input, form.forum textarea{
	width:300px;
}