@charset "utf-8";

.formItem {
	padding:5px;	
}

.radioSpan {
padding:5px 5px 5px 50px;
}
.hiddenFormItem {
	display :none;
}

.field-block-focus {
	background-color:#d3d2d2;
	
}

.separateBlock{
	/* added to fix Taxonomy page html for better error message display*/
	display:block;	
}

.day {
    height: 25px;
	width:640px; /* allows space for closed label to appear inline with closed checkbox in Internet Explorer*/
}



form fieldset legend {
	font-weight:bold;
	padding:2px;
	margin:0px 0px 10px 0px;
	position:relative;
	top: -12px;
	font-size:1.2em;
	max-width:600px;
	color:#0068CC;
}
form fieldset legend img {
	padding:0px 5px 0px 5px;
}


fieldset {
	border-width:1px;
	border-style:solid;
	border-color:#e0e0e0;
	background-color:#efefef;
	margin:20px 0px 20px 0px;
	position:relative;
	display:block;
	padding: 0 10px 10px 10px;
	
}
legend span.legendWrap {
	margin:0px 0px 0px -2px;
	padding:0px 0px 10px 0px;
	font-weight:bold;
	font-size:1.2em;
	display:block;
	max-width:600px;
	white-space:normal;
	color:#0068CC;
	padding-bottom:0px;
}

legend span.legendWrap, legend span.legendWrapInline {
	display:inline;
}
legend span.singleQ {
	font-weight:normal;
	color:#266199;
}





label {
	width:260px;
	text-align:right;
	font-weight:bold;
	margin:0px 5px 0px 0px;
	/*float:left;  when labels float left, the radio button text appears where it is supposed to now that all of the inputs float left */
}

.closedLabel{
	width:auto;
	/* for adjusting width of closed label in Hours of Operation form*/
	
}

.checkboxLabel{
	/* for correcting text display for checkboxes in IE for After Hours Coverage */
	text-align:left;
	width:auto;
	
}

.checkboxListBox{
	
}

.formItem label, .formItem2 label, .formItem span.itemLabel {
	display:inline-block;
	/*float:left;*/
	margin-right:20px;
	margin-bottom:10px;
	max-width:300px;
	color:#266199;
	font-weight:bold;
}


span.itemLabel {
	min-width:110px;
}
.formItem span.itemText {
	float:left;
}
.formItemReverse label {
	color:#266199;
}
.fsbg {
	border-top: 2px solid #004385;
	padding:10px;
	background-color:#EBECE4;
}
.formItem input[type="text"], .formItem textarea {
	/*float:left;*/
	border:1px solid #004385;
	}
.formItem input[type="text"] {
	/*height:100%;*/
}
.formItem select, .formItem input, .formItem textarea {
	/*margin-bottom:20px;*/
}
textarea.max100 {
	width:300px;
	height:100px;
	white-space:pre;
	overflow:auto;
}
.formItem select {
	/*height:100%;*/
	/*float:left;*/
	border:1px solid #004385;
	display:inline-block;
}
.formItem select.multiple {
	height:inherit;
	min-width:100%;
}
	
.formItem {
	clear:both;
	min-height:1.8em;
	
}
.formItemGroup {
	/*margin-bottom:10px;*/
	display:inline;
}
.formItemGroupRadio {
	margin-left:10px;
	color:#266199;
}
.formItemRadio {
	margin-left:8px;
	color:#266199;
}
.formItemGroup label {
	color:#266199;
	width:100px;  
	text-align:left; /* changed from right to left to fix positioning of labels in relation to radio buttons in IE  */
	margin:2px 5px 0px 0px;
	
}
label#individual_ { 
/* 
 *  label with id individual_ is injected by struts and
 *  due to all labels having a width of 200px this label
 *  pushed radio buttons away from the related text 
 *  
 */
	width:0;
	height:0;
	margin:0;
	padding:0;
	display:none;
	
}

.reqIndicator {
	color:#0000ff; 
	font-size:16px;
	font-weight:bold;
	
}
.requiredField {
	color: #0000ff;
	font-weight: bold;
	font-size:16px;  

	
}

/* in order for the error class to update for all input fields, 
 * we have to specify the style for all cases where input fields 
 * have class styles  input.error will not override the style for
 * input[type="text"].transparent without an explict style for the
 * case when the error class is applied*/
.formItem input[type="text"].error,
input[type="text"].error,
input.error,
select.error {
	border:2px solid red;
}



#dbaInfo legend, #dbaInfo span.legendWrap, #dbaDiffInfo legend, #dbaDiffInfo span.legendWrap, #carAccess label, #carAccess legend, #carAccess span.legendWrap {
	color:#000000;
}


span.accesskey {
	display:none;
	color:#FFC300;
}

div#error {
	position:absolute;
	width:80%;
	left:10%;
	padding:10px;
	background-color:yellow;
	border:2px solid #000;
	z-index:10000;
	top:-1000px;
}


a.rounded, .button {
	outline: none;
	border: 1px solid #000;
	text-decoration: none;
	cursor: pointer;
	white-space: nowrap;
	vertical-align: middle; /* or top */
	display: inline-block;
	overflow: visible; /* IE6 form button fix */
	font-weight:bold;
	background-image:url(../images/btn_bg.png);
	background-color:#ccc;
}


.button {
	color: white;
	background-color: #acc;
	padding: 5px 7px;
}
.button:hover {
	color: black;
}
.button.disabled, a#save.disabled {
	cursor:not-allowed;
	color:gray;
	border-color:gray;
}
a#formSubmit, a#formSubmitTableFilled {
	position:relative;/*top:-1.1em;*/
	}
a#previous {
	background-color:#AE6B4D;
}
#prevButtonDiv {
	width:31%;
	float:left;
	margin-bottom:20px;
}


label.error, span.error, span.warn, span.info {
	color:red;
	font-weight:bold;
	margin-left:10px;
	text-align:left;
	/* float:left;position error to the left of input field doesn't work with radio buttons */
	/*display:inline;*/
	max-width:250px;
	width:200px;

	
}

.errorSpecial label.error {
	width:150px;
}

/* added for string manipulations */
.capitalize {
	text-transform:capitalize;
}
.lowercase {
	text-transform:lowercase;
}

.uppercase {
	text-transform:uppercase;
}

/* to supress struts2 putting br tag*/
.wwgrp br { display: none; }
.wwlbl br { display: none; }
.wwlbl2 { display:inline-block; width :650px }

/* for any transparent borderless textfields */
.formItem input[type="text"].transparent {
	border: 0;
	background: transparent;
}


/* used to create space between specialties so that the form selects stay in position when the error label is injected by jQuery */
#wwctrl_primarySpecialtyName,
#wwctrl_secondarySpecialtyName{
	width:280px;
	display:inline-block;
	
}

/* reduce the width of the error label for the Provider Type and Specialty view*/
#wwctrl_primarySpecialtyName label.error,
#wwctrl_secondarySpecialtyName label.error{
	width:130px;
	
}



/*
 * Taxonomy page styling
 */
.firstHalf,
.secondHalf{
	width:50%;
	/*border: 1px solid blue;*/
	display:inline-block;
	float:left;
	margin:0;
	padding:0;
	
	
}
.firstHalf label,
.secondHalf label{
	width:80px;
	display: inline-block;
  	margin-right: 20px;
  	margin-left: 20px;
  	margin-bottom: 10px;
	text-align: left;

}
.firstHalf label.error,
.secondHalf label.error{
	width:223px;
	/*border: 1px solid blue;*/
	
}

/*
 * allows focus css to include label and field on Taxonomy page
 */
.firstHalf .wwgrp,
.secondHalf .wwgrp{
	padding: 5px 5px;
}


/*
 *  Used with Phone Extension labels
 */
.firstColumn label{
	width:80px;
	display: inline-block;
  	margin-right: 20px;
  	margin-left: 20px;
  	margin-bottom: 10px;
	

}
.secondColumn label{
	width:80px;
	display: inline-block;
  	margin-right: 20px;
  	margin-left: 20px;
  	margin-bottom: 10px;
	/*border: 1px solid blue;*/
}