@charset "utf-8";
/*

Forms CSS

Design by: ENTERMEDIA, LLC

*/
#community-filter-toggle {
	text-align:right;	
}
.form-item {
	clear:both; 
	padding-bottom:1em;
}
.form-block label,
.form-block input {
	display:block;
	float:none;
	
}
.form-item label {
	width:95px;
	float:left;

}
.form-radios {
	clear:both;
}

.radios label,
.form-radios label,
.form-radios .form-item label {
	width:auto;
	float:none;
}
select.form-select  {
	margin:0px;
}
.form-radios label ,
.form-checkboxes label {
	float:none;
	font-weight:normal;
	line-height:1em;
}
#free-form {
	display:none;	
}
button.blue {
	background:transparent url(../png/btn_blue.png) no-repeat scroll 0 0;
	color:#FFFFFF;
	font-size:11px;
	height:25px;
	padding-bottom:3px;
	position:relative;
	top:-3px;
	width:85px;
}
.duel-column {
	padding:1em 0px;	
}
.duel-column label {
	width:80px;	
}
fieldset {
	padding:1em;
	clear:both;
}
input,
textarea,
select {
	font-size:11px;
}
textarea {
  height:5em;

}
input.form-text {
	width:100px;	
}
#free-form .help {
	margin-left:140px;
}

input:hover,
textarea:hover,
select:hover,
input:active,
textarea:active,
select:active {

	background: #F8F8E8;
}
input:focus,
textarea:focus,
select:focus {
	background: #F8F8E8;
}
label.req {
}
button {
	border: none;
	outline: none;
	background: none;
	margin: 0;
	padding: 0;
}



#user-search label {
	width:105px;
}
#searchForm {
	position: absolute;
	disply: block;
	top: 10px;
	right: 0px;
	width: 320px;
	padding: 0;
	margin: 0;
	text-align: right;
}
#searchForm button {
	width: 85px;
	height: 25px;
	background: url(../png/btn_blue.png) no-repeat 0px 0px;
	color: #FFFFFF;
	font-size: 11px;
	padding-bottom: 3px;
  position:relative;
  top:-3px;
}

#searchForm select,
#searchForm button,
#searchForm input{
	float:left;
	margin:0px 0px 0px 5px;
}
#searchForm button:hover {
	background: url(../png/btn_blue.png) no-repeat 0px -30px;
}






button.selImage {
	width: 85px;
	height: 25px;
	background: url(../images/btn_blue.jpg) no-repeat 0px 0px;
	color: #FFFFFF;
	font-size: 10px;
	padding-bottom: 4px;
	margin-top: -3px;
	float: left;
}
#findCommunities button.selImage {
	margin-top: 4px;
}








#findCommunities #findForm {
	margin: 10px 0 10px 0;
	padding: 0 0 0 0;
}
#findCommunities form .form2col label {
	float: left;
	clear: left;
	width: 200px;
	margin-right: 10px;
	text-align: right;
	font-weight: bold;
	padding-top: 3px;
	margin-top: 6px;
}
#findCommunities form .form2col input {
	float: left;
	width: 240px;
	margin-top: 6px;
}
#findCommunities form .form2col .gender {
	margin-top: 4px;
	float: left;
}
#findCommunities form .form2col .gender label {
	width: auto;
	text-align: left;
	clear: none;
	font-weight: normal;
	font-size: 11px;
	padding-top: 0;
}
#findCommunities form .form2col .gender input {
	width: auto;
}
#findCommunities form .form2col .age label {
	width: auto;
	text-align: left;
	clear: none;
	font-weight: normal;
	font-size: 11px;
	padding-top: 3px;
}
#findCommunities form .form2col .age input {
	width: 30px;
}
#findCommunities form .form2col br {
	clear: both;
}
#findCommunities form .form2col .btns {
	width: 240px;
	float: left;
	clear: left;
	margin-left: 210px;
	margin-top: 10px;
	text-align: right;
	text-align: right;
}
#findCommunities .scroll + form .form2col .btns {
	margin-top: 2px;
}
#findCommunities form .form2col .btns a.cancel {
	margin-top: 7px;
	float: right;
	font-size: 11px;
	margin-right: 12px;
	
}
#findCommunities form .form2col input.searchbox {
	width: 140px;
}

#findCommunities form .form2col input.radio {
	width: auto;
	float: left;
	clear: none;
	margin-left: 150px;
}
#findCommunities form .form2col label.radio {
	width: 300px;
	float: left;
	clear: none;
	text-align: left;
	font-weight: normal;
	margin-top: 3px;
	margin-left: 10px;
}



.actionButtons a.saveit {
	float: right;
}



#ask .blueBox,
#findCommunities .blueBox {
	max-height: 210px;
	overflow-y: scroll;
}
.scroll {
	max-height: 270px;
	overflow-y: auto;
}
#ask #lightBlueBox,
#findCommunities #lightBlueBox {
	max-height: auto;
	overflow: auto;
}













p.big {
	clear: both;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
p.small {
	clear: both;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	font-size: 11px;
}
p.small a {
	color: #FFFFFF;
}

.sort-box {
	margin-bottom:1em;
}

.inline-select {
	float:left;
	margin-left:0.25em;
}
.inline-sort {
	margin-right:0.5em;
	float:left;
}
.inline-select select,
.inline-select label {
	margin:0 0.25em 0 0;
}


/*autocomplete*/
.ui-autocomplete-results {
  /*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;

  font-size: 1.1em;

  border: 1px solid #d3d3d3;
  background: #ffffff;
  color: #222222;
  position:relative;
  overflow: hidden;
  z-index: 99999;
}

.ui-autocomplete-results ul {
  width: 100%;
  list-style-position: outside;
  list-style: none;
  padding: 0;
  margin: 0;
}

.ui-autocomplete-results li {
  margin: 0px;
  padding: 2px 5px;
  cursor: default;
  display: block;
  /* 
  if width will be 100% horizontal scrollbar will apear 
  when scroll mode will be used
  */
  /*width: 100%;*/
  font: menu;
  font-size: 12px;
  /* 
  it is very important, if line-height not setted or setted 
  in relative units scroll will be broken in firefox
  */
  line-height: 16px;
  overflow: hidden;
  

  border: 1px solid #d3d3d3;
  background: #e6e6e6 url(images/e6e6e6_40x100_textures_02_glass_75.png) 0 50% repeat-x;
  font-weight: normal;
  color: #555555 !important;  
  
}
#free-form textarea{
	width:300px;
}
#question-ops div {
  float:left;
  margin-right:0.5em;
}
.ui-autocomplete-loading {
  background: white url('indicator.gif') right center no-repeat;
}

.ui-autocomplete-results li.ui-autocomplete-over {
  border: 1px solid #999999;
  background: #dadada url(images/dadada_40x100_textures_02_glass_75.png) 0 50% repeat-x;
  font-weight: normal;
  color: #212121 !important;
}