/*
Element types:
wide (wide input), checkbox

*/
form {
	margin: 0;
	padding: 0;
	position:relative;
	width:100%;
}
fieldset {			
	margin: 0;
	padding: 0;
	width:100%;
	text-align: left;
	position:relative;

}
fieldset.legend {
	padding-top:50px;
}
legend {
	font-size:146.5%;
	font-weight:normal;
	color:black;
	letter-spacing:1px;
	width:95%;
	padding:0 5px 0 0;
	border-bottom:1px solid #E5E5E5;
	margin:10px 0px 30px 40px;
	position:absolute;
	top:0px;
	line-height:1.2em;
}

.controls {

	top:18px;
	left:0;
	margin-left:43px;
	width:95%;
	text-align:right;
	position:absolute;
	font-size:85%;
}
.controls a {
	color:grey;
}
div.field {
	padding: 0 0 5px 180px;	
	position:relative;
	clear:both;

}

div div, div div div {
	margin-left:0px;

}
div img {
	border: 1px solid silver;
	padding:1px;
	margin:0;
}

label, p.label {
	display:block;
	position:absolute;
	float:left;
	width:160px;
	margin-left:-170px;
	margin-top:1px;

	text-align:right;
	padding-right:10px;

}
label, .label {	
	color:#3F3F3F  ! important;
	font-weight:bold ! important;
	font-size:116%;
}
input:focus, textarea:focus {
	background: #efefef;
	color: #000;
}
form div small {
	position:relative;
  	display: block;
   	padding: 0;
}
form div small.inline {
	position:relative;
   	padding-left:5px;
   	display:inline;
}

input, select {
	margin-bottom:1px;
	padding:2px 1px 3px 2px ! important;
}
select {
    margin-top:2px;
    margin-bottom:4px;
}

textarea {
	width: 450px ! important;
	
	margin-bottom:0px;
}
.error {
	color: #A91C12;
}
/********** INPUT ELEMENT STYLING **********/
input, textarea {
	border: 1px solid #ccc;
	padding: 1px;
	background: #F9F9F9 !important;
	color: #333;
}
input[type='file'], input#file, input#image  {
    border:none;
    background: none ! important;
    padding:0;
}
input {
    height:18px;
}
textarea {
	width: 95%;
	height:75px;
}
div.tiny input {
	width: 50px ! important;
}
div.tiny textarea {
	width: 200px ! important;
}
div.input input {
	width: 150px;
}
div.wide input {
	width:350px;
}
select {
	min-width: 100px;
}
div.wide textarea {
	height:250px;
}
div.tall textarea {
	height:150px;
	width:250px ! important;
}

div select {

}
div optgroup {
    padding-left:5px;
}

div option {
    padding-left:5px;
}
.markup {
	width:490px;
	font-size:85%;
	border:1px dotted silver;
	background-color:#FBFBFB;
	padding:2px 5px 2px 5px;
	margin:0;
	position:relative;	
	
}
.markup code {
	border:1px dotted silver;
	background-color:#FFF;
	padding:2px;
	display:block;
		margin:0px 0 7px 0;
}
.markup .close {
	margin-top:-10px;
	text-align:right
}
/* generic container (i.e. div) for floating buttons */
.clear { 
    overflow: hidden;
    width: 100%;
}
.recaptchatable .recaptcha_image_cell, #recaptcha_table {
    /*reCaptcha widget background color */
    background-color:#FFF !important; 
}
#recaptcha_table {
    /*  reCaptcha widget border color */
   border-color: #ccc !important;
}
#recaptcha_response_field {
    /* Text input field border color */
    border-color: #ccc !important; 
    /* Text input field background color */
    background-color: #F9F9F !important; 
	color: #333;
    padding:1px; 
    font:100% arial,helvetica,clean,sans-serif ! important;
}	
div.frozen {
	padding:0;
	margin:0 0 0 0;
	position:relative;
	top:1px;
	font-size:100%;
}
input.adjacent {
	width:20px;
	margin:0 2px 0 2px;
	padding:0;	
}
div.range input {
    width:203px;
}
form div {
    position:relative;
}
/*********** OPTION GROUPS ************/
.checkbox_list li {
    list-style:none;
    
}
.checkbox_list  {
    margin:0 ! important;
    padding-top:4px;
}

.checkbox_list label, .checkbox label {
    float:none;
	margin-left: 0px;
	text-align:left;
	font-weight:normal;	
      position:relative;
  	width:100%;
  	font-size:93%;
  	display:inline;
  	 margin-top:0px;


}
.checkbox_list input, .checkbox input {
 height:12px;
 margin:3px 5px 5px 0;


}
.checkbox_list small {
    font-weight:normal;
     margin-left:22px;
}
.radio_list li {
    list-style:none;


}
.radio_list {
    margin:0 ! important;
}
.radio_list label, .radio label {
    float:none;
	margin-left: 0px;
	padding:0;

	text-align:left;
	font-weight:normal;	
    position:relative;

  	width:100%;
  	font-size:93%;
  	display:inline;

}

.radio_list input, .radio input {
 height:14px;
 margin:4px 2px 0 0;
   
}
.input_list li, .qty_list li {
    list-style:none;


}
.input_list, .qty_list {
    margin:0 ! important;
}
.input_list label, .qty_list label {
    float:none;
	margin-left: 0px;
	padding:0;

	text-align:left;
	font-weight:normal;	
    position:relative;

  	width:100%;
  	font-size:93%;
  	display:inline;

}

.input_list input {
 
 width:100px;
 margin-right:2px;
   
}
.qty_list input {
 
 width:20px;
 margin-right:2px;
   
}

/*********** JS ADDON FIELDS ************/
ul.choices  {
	width:95%;
	margin-top:0;
}
ul.choices  li {
	font-size:93%;
	float: left;
	width: 15em;
	list-style:none ! important;
	padding: 0;
	height:93%;
	margin:0 !important;
}
ul.choices  li a {
	color:grey;
}
/************ DATEPICKER ***************/
.ui-datepicker-trigger {
	border:none;
	padding:0 3px 0 0 !important;
	margin:0 3px 0 0;
    top:3px;
    left:3px;
    position:relative;
    cursor:pointer;
    cursor:hand;
}

/************ AUTOCOMPLETE *************/
.ac_results {
	background-color:white;
	border:1px solid silver;
	overflow: hidden;
	z-index: 99999;
	padding:3px;
}
.ac_results ul {
	padding:0;
	margin:0;
	width: 100%;
	list-style-position: outside;
	list-style: none;
}
.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;
	font-size: 85%;
	line-height: 12px;
	overflow: hidden;
}
.ac_results span {
	font-weight:bold;
}
.ac_results .cont {
	text-align:right;
	font-style:italic;
}

.ac_loading {
	background: white url('/images/indicators/loader-11.gif') right center no-repeat;
}

.ac_odd {
	background-color: #eee;
}

.ac_over {
	background-color: #312B5D;
	color: white ! important;
}

.ac_over * {

	color: white ! important;
}


.ui-daterangepicker button.btnDone {
    top:3px;
    padding:0;
    background-position: -80px -128px; 
    text-indent:-1000em;
    width: 16px ! important; 
    height: 16px; 
    background-image: url(images/ui-icons_222222_256x240.png);
}
.ui-daterangepicker > .ui-widget-header { 
    background: #b3f44e url(images/ui-bg_highlight-hard_100_b3f44e_1x100.png) 1000% 0% repeat-x;

}
.ui-daterangepicker .ranges {
	padding: 5px 5px 5px 0 !important;
}

/*	CSS for customized radio buttons and check boxes */

/* hide the inputs in an accessible way - do not use display: none or visibility: hidden */
.custom-checks input,
.custom-radios input {
	position: absolute; 
	left: -9999em; 
}

.custom-checks label,
.custom-radios label { 
	float: left; 
	clear: left; 

	padding-right: 1em; 
	line-height: 1; 
	background: url(/images/common/check-radio.gif) no-repeat 0 0; 
	padding: 1px 0 3px 20px; 
	margin: 0 1em .5em 0; 
	cursor: pointer; 
}


/* NOTE: the .hover class must appear in the stylesheet before the .on class so that selected (on) inputs don't change on hover */

/* checks */
.custom-checks label.hover, .custom-checks label.focus { background-position: 0 -300px; }
.custom-checks label.checked { background-position: 0 -150px; }
.custom-checks label.focus { outline: 1px dotted #ccc; }

/* radios */
.custom-radios label { background-position: 0 -450px; }
.custom-radios label.hover, .custom-radios label.focus { background-position: 0 -750px; }
.custom-radios label.checked { background-position: 0 -600px; }
.custom-radios label.focus { outline: 1px dotted #ccc; }