/*   Copyright 2014 National Association of Insurance Commissioners */
form.styled {
 margin: 0px;
 padding: 0px;
 font-size: 100%;
 /* Font family is -not- set here on purpose. 
    Verdana is our system-wide font, but forms use arial
    selectively.*/
}

form.styled p {
	text-align: left;
}

form.styled .checkboxOption,
form.styled .checkBoxOption,
form.styled .radioButtonOption,
form.styled .radiobuttonOption {
	white-space:nowrap;
}

form.styled .sectionHeader {
	padding-left: 10px;
	font-weight: bold;
}

div.standardFormColumn, form.styled div.standardFormColumn {
	width: 600px;	
}
div.wideFormColumn, form.styled div.wideFormColumn {
	width: 800px;	
}

div.fullFormColumn, form.styled div.fullFormColumn {
	width: 99%;
	clear: both;
}

form.styled p.formInstructions {
	font-size:1.1em;
	text-align:left;
	padding:5px 0px;
}

form.styled p.requiredFieldMessage {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-style: italic;
	text-align:left;
	padding:5px 15px;
	background: #fff url(../images/asterisk.gif) no-repeat left center;
}

form.styled #pageTitle {
	text-align:left;
	}

p.error {
  color: red;
  font-weight: bold;
  padding: 3px 3px 5px 27px;
  margin: 10px 100px;
}

/* Control Styling */
form.styled label {
	font-weight: bold;	
	padding-right: 13px;
	line-height: 1.5em;
	font-size: 1.1em;
	font-family: Arial, Helvetica, sans-serif;
}

form.styled label.required {
	background: transparent url(../images/asterisk.gif) no-repeat top right;
}

form.styled fieldset legend.required {
	background: transparent url(../images/asterisk.gif) no-repeat top right;
}

form.styled span.r2d2Complete {
	background: transparent url(../images/ok.gif) no-repeat top right;
	padding-top:2px;
}

form.styled span.r2d2Incomplete {
	background: transparent url(../images/no_action.gif) no-repeat top right;
	padding-top:2px;
}

form.styled span.caption {
	font-size: .8em;
}

form.styled input.inputText, 
form.styled textarea, 
form.styled input.inputFile, 
form.styled select,
form.styled input.inputDate {
	background: transparent url(../images/textfield_bg_sm.png) repeat-x top left;
	border: 1px solid #7c7c7c;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
}

form.styled td textarea {
	width: 250px;
}

form.styled td textarea.readOnlyNoborderDescriptionTextArea{
	width:80%; 
	border-style: none; 
	border-color: Transparent; 
	padding:0; 
	background:0; 
	height:60px;
	overflow:hidden;
	resize: none;
	vertical-align: top;
}

form.styled input.disabledField,
form.styled .fieldgroup textarea.disabledField, 
form.styled textarea.disabledField {
	background-color:#dddddd;
	background-image: none;
	border: 1px solid #7c7c7c;
}	 

form.styled .fieldgroup input.inputText, 
form.styled .fieldgroup textarea, 
form.styled .fieldgroup input.inputFile, 
form.styled .fieldgroup select,
form.styled .fieldgroup input.inputDate {
	width: 175px;
	padding: 2px;
}

form.styled .fieldgroup select.instanceList {
	width: auto;
	min-width: 175px;
}

form.styled .rightActionButtons {
	text-align: right;
	padding: 5px;
}

form.styled .leftActionButtons {
	text-align: left;
	padding: 5px;
	clear: left;
}

form.styled .fieldGroupAlignedLeftActionButtons {
	text-align: left;
	padding: 10px 0px 0px 153px;
}

form.styled .fieldGroupAlignedLeftActionButtons_wide {
	text-align: left;
	padding-left: 200px;
	padding-top: 4px;
}

form.styled .buttonBar {
	padding-top:10px;
	padding-bottom:10px;
}

form.styled .rightActionButtons input, form.styled .leftActionButtons input {
	margin: 0px 3px;
}

form.styled fieldset {
	border: 1px solid #dddddd;
}

form.styled fieldset legend {
	color: #304879;	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
}

form.styled fieldset.topLevel {
	border-width: 1px 0px 0px 0px;
	border-color: #666;		
}

form.styled fieldset.topLevel legend {
	word-wrap: break-word;
	font-weight: bold;
	font-size: 1.3em;
	font-family: Arial, Helvetica, sans-serif;
	padding: 0px 5px;
}

form.styled p.error {
	display: block;
	text-align: left;
	padding: 3px;
	padding-left: 30px;
	margin: 0;
	margin-bottom: 10px;
	color: #d63032;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	border: 1px solid #d63032;
	background: #ffd6d6 url(../images/alert.png) no-repeat 5px 50%;
}

form.styled .fieldgroup p.error {
	width: 367px;	
}

form.styled .wideFormColumn .fieldgroup p.error {
	width: 700px;	
}

form.styled input.inputSubmit, 
form.styled input.inputButton,
input.inputButton {
  background: url('../images/selected_header_column_bg.gif') repeat-x top left;
  border: 1px solid #000;
  border-color: #ccc #666 #666 #ccc;
  padding: 0px 6px;
  margin: 0px;
  font-family: Tahoma, Arial, sans-serif;
  font-size: 100%;
  font-weight: bold;
}

/* Control Layout */

form.styled div.standardFormColumn .fileAttachmentList {
	display:block;
	float:left;
	margin:0px;
	padding:0px;
	width:440px;
}

form.styled div.wideFormColumn .fileAttachmentList,
form.styled div.fullFormColumn .fileAttachmentList {
	display:block;
	float:left;
	margin:0px;
	padding:0px;
	width:640px;
}

.fileAttachmentList span.iconColumn,
.fileAttachmentList span.attachmentColumn,
.fileAttachmentList span.removeButtonColumn { 
	padding: 2px;
}

form.styled .fieldgroup, 
form.styled .widefieldgroup, 
form.styled .sourceTargetList, 
form.styled .wideSourceTargetList {
	clear:left;
	padding: 5px 0px;
	text-align: left;
	width: 100%;
}



form.styled div.formColumnGroup,
form.styled div.rightBiasedFormColumnGroup {
	text-align: left;
	padding-left: 20px;
}

/* three column layout definitions */
form.styled div.threeColumnGroup {
	border: 0px;
	clear: both;
	padding: 0px;
	margin: 0px;
	width: 960px;
}

form.styled div.threeColumnGroup div.column {
	/* 320 pixels wide */
	border: 0px;
	float: left;
	margin: 0px;
	padding: 5px;
	width: 310px;
	}
	
form.styled div.threeColumnGroup div.twoThirdsColumn {
	/* 640 pixels wide */
	border: 0px;
	float: left;
	margin: 0px;
	padding: 5px;
	width: 630px;
	}

form.styled div.threeColumnGroup div.column .datefieldgroup {
	padding: 5px 0px;
	text-align: left;
}
	
form.styled div.threeColumnGroup div.column .fieldgroup label {
	display:block;
	float:left;
	text-align: right;
	width:120px;
}
form.styled div.threeColumnGroup div.column .fieldgroup label.shortLabel,
form.styled div.threeColumnGroup div.column .datefieldgroup label.shortLabel {
	width: 60px;
}

form.styled div.threeColumnGroup div.column .datefieldgroup label {
	padding-left: 3px;
    padding-right: 3px;
}
form.styled div.threeColumnGroup div.column .fieldgroup input.inputDate,
form.styled div.threeColumnGroup div.column .datefieldgroup input.inputDate,
form.styled div.threeColumnGroup div.column .fieldgroup select.selectOne {
	width: 66px;
}

form.styled div.threeColumnGroup div.column .fieldgroup label.dateLabel {
	width:60px;
	}

/* end three column definitions */

form.styled div.formColumnGroup div.rightFormColumn,
form.styled div.formColumnGroup div.leftFormColumn {
	display: block;
	width: 50%;
}

form.styled div.rightBiasedFormColumnGroup div.leftFormColumn {
	padding-right: 20px;
	width: 320px;
	float: left;
}


form.styled div.rightBiasedFormColumnGroup div.rightFormColumn {
	float: left;
	padding-left: 20px;
	width: 520px;
}


form.styled .fieldgroup label {
	display:block;
	float:left;
	text-align: right;
	width:140px;
}

form.styled .headerContainer label{
	text-align: left;
}

form.styled .fieldgroup label.wide {
	width:200px;
}

form.styled .fieldgroup label.stateSpecific {
	width:570px;
	text-align: left;
	padding-left: 10px;
}

form.styled .widefieldgroup label, 
form.styled .sourceTargetList label,
form.styled .wideSourceTargetList label {
	position: relative;
	width: 140px;
	display: block;
	text-align: right;
	margin-bottom: 3px;	
}

form.styled .normal .fieldgroup label,
form.styled .mixed .fieldgroup label  {
	width: 126px;
}

/* DO NOT IMPLEMENT for regular field group - won't work properly */
form.styled .widefieldgroup label.wide,
form.styled .sourceTargetList label.wide,
form.styled .wideSourceTargetList label.wide {
	text-align: left;
	width: 100%;
}

form.styled .fieldgroup span.caption {
	width: 100%;
	padding-left: 10px;
	margin-left: 140px;
}

form.styled div.standardFormColumn .readOnlyData {
	float: left;
	line-height: 1.5em;
	width: 440px;
}

form.styled div.wideFormColumn .readOnlyData {
	float: left;
	line-height: 1.5em;
	width: 465px;
}

form.styled div.fullFormColumn .readOnlyData {
	float: left;
	line-height: 1.5em;
	width: 680px;
}

form.styled .fieldgroup input.inputText, 
form.styled .fieldgroup textarea, 
form.styled .fieldgroup input.inputFile, 
form.styled .fieldgroup select.selectOne, 
form.styled .fieldgroup .readOnlyData,
form.styled .fieldgroup input.inputDate {	
	margin: 0;
	/*margin-left: 140px;*/
}

form.styled .mixed .fieldgroup input.inputText, 
form.styled .mixed .fieldgroup textarea, 
form.styled .mixed .fieldgroup input.inputFile, 
form.styled .mixed .fieldgroup select.selectOne, 
form.styled .mixed .fieldgroup .readOnlyData,
form.styled .mixed .fieldgroup input.inputDate, 
form.styled .normal .fieldgroup input.inputText, 
form.styled .normal .fieldgroup textarea, 
form.styled .normal .fieldgroup input.inputFile, 
form.styled .normal .fieldgroup select.selectOne, 
form.styled .normal .fieldgroup .readOnlyData,
form.styled .normal .fieldgroup input.inputDate {	
	margin: 0;
	/*margin-left: 126px;*/
}

form.styled .fieldgroup input.inputFile, 
form.styled .fieldgroup select.selectOne {
	width: 250px;
}

form.styled .fieldgroup input.inputDate,
form.styled .mixed .fieldgroup input.inputDate,
form.styled .normal .fieldgroup input.inputDate {
	width: 200px;
}

form.styled .normal .fieldgroup .normal input.inputRadio, 
form.styled .normal .fieldgroup .normal input.inputCheckbox {	
	display: block;	
	width: 20px;
}

form.styled .normal .fieldgroup label.labelRadio, 
form.styled .normal .fieldgroup label.labelCheckbox {	
	position: relative;
	width: 380px;
	display: inline;
	text-align: left;
	margin-bottom: 3px;
}

form.styled div.rightBiasedFormColumnGroup div.leftFormColumn select.selectOne, form.styled div.rightBiasedFormColumnGroup div.leftFormColumn input.inputText {
	width: 175px;
} 

form.styled div.rightBiasedFormColumnGroup div.leftFormColumn input.inputDate {
	width: 155px;
}


form.styled div.rightBiasedFormColumnGroup div.rightFormColumn select.selectOne {
	width: 250px;
}

form.styled .fieldgroup textarea {
	height: 100px;	
}

form.styled .fieldgroup .readOnlyNoborderDescriptionTextArea{
	width:80%; 
	border-style: none; 
	border-color: Transparent; 
	padding:0; 
	background:0; 
	height:60px;
	overflow:hidden;
	resize: none;
	vertical-align: top;
}

form.styled .widefieldgroup textarea {
	width: 100%;
	height: 150px;
	margin-left: 0px;	
}


form.styled .fullFormColumn .fieldgroup textarea.fullWidth,
form.styled .wideFormColumn .fieldgroup textarea.fullWidth, 
form.styled .standardFormColumn .fieldgroup textarea.fullWidth {
	height: 200px;
}

form.styled .fullFormColumn .fieldgroup input.fullWidth, 
form.styled .fullFormColumn .fieldgroup textarea.fullWidth,
form.styled .wideFormColumn .fieldgroup input.fullWidth, 
form.styled .wideFormColumn .fieldgroup textarea.fullWidth { 
	width:	78%;  /* can't be 100% due to padding and margins - 78% also works well on 800x600 */
}
form.styled .standardFormColumn .fieldgroup input.fullWidth, 
form.styled .standardFormColumn .fieldgroup textarea.fullWidth { 
	width:	74%;  /* can't be 100% due to padding and margins - 74% also works well on 800x600 */
}


/* Start button groups */
.styled .buttonGroup, .styled .wideButtonGroup {
	clear: both;
	width: 400px;
	text-align: right;
	padding: 10px 10px 0px 0px;
}

.styled .wideButtonGroup {
	width: 600px;	
}


/* Start Nested fieldsets */
form.styled fieldset.normal,
form.styled fieldset.mixed {
	width: 100%;
	padding: 5px;
}

form.styled fieldset.normal legend,
form.styled fieldset.mixed legend {
	font-weight: bold;
	padding: 3px;
}

form.styled span.inline {
	/*margin-left: 140px;*/
}
form.styled div.inline {
	margin-left: 140px;
}

form.styled .inline input.inputRadio, 
form.styled .inline input.inputCheckbox {	
	float: none;
	display: inline;
	width: 20px;
}
form.styled .inline input.inputText, 
form.styled .inline select.selectOne,
form.styled .inline input.inputDate {
	float: none;
	display: inline;
	width: 150px;
	margin-left: 0;
}

form.styled .inline label.labelRadio, 
form.styled .inline label.labelRadioSub, 
form.styled .inline label.labelCheckbox 
form.styled .inline label.labelCheckboxSub {
	position: relative;
	display: inline;
	width: auto;
	padding-left: 3px;
	padding-right: 10px;
}

form.styled label.labelRadioSub, form.styled label.labelCheckboxSub {
	font-size: .8em;
}

/* End Nested Fieldsets */

/* Start Notes Boxes */
.documentArea div.notes,
form.styled div.notes {
  float: right;
  width: 158px;
  height: auto;
  margin: 10px;
  padding: 5px;
  border: 1px solid #666666;
  background-color: #ffffe1;
  text-align: left;
  color: #666666;
  font-size: 88%;
}
.documentArea div.notes h4,
form.styled div.notes h4 {
  background-image: url('../images/icon_info.gif');
  background-repeat: no-repeat;
  background-position: top left;
  padding: 3px 0px 3px 27px;
  border-width: 0px 0px 1px 0px;
  border-style: solid;
  border-color: #666666;
  color: #666666;
  font-size: 110%;
}

.documentArea div.notes p,
form.styled div.notes p {
  margin: 0em 0em 1.2em 0em;
  color: #666666;
}

.documentArea div.notes p.last,
form.styled div.notes p.last {
  margin: 0em;
}

form.styled div.rightFormColumn div.notes {
	width: 90%;
	margin-left: 5%;
	margin-right: 5%;
}
/* End Notes Boxes */

/* Start Source Target Lists */
form.styled div.sourceTargetList .sourceList, form.styled div.sourceTargetList .targetList {
	float: left;
	width: 175px;
	text-align: center;
}

/* Start Source Target Lists */
form.styled div.wideSourceTargetList .sourceList, form.styled div.wideSourceTargetList .targetList {
	float: left;
	width: 275px;
	text-align: center;
}

form.styled div.wideSourceTargetList .wideSourceList, form.styled div.wideSourceTargetList .wideTargetList {
	float: left;
	width: 400px;
	text-align: center;
}

form.styled div.sourceTargetList .sourceList label,
form.styled div.sourceTargetList .targetList label,
form.styled div.sourceTargetList .buttonsColumn label,
form.styled div.wideSourceTargetList .sourceList label,
form.styled div.wideSourceTargetList .targetList label,
form.styled div.wideSourceTargetList .buttonsColumn label {
	padding-left: 10px;
	margin-left: 0;
	color: #666;
	text-align: left;
	width: 100%;
}

form.styled div.sourceTargetList .sourceList select, 
form.styled div.sourceTargetList .targetList select {
	min-width: 175px;
	max-width: 175px;
	width: 175px;
	font-weight: normal;
	font-size: 1em;
}

form.styled div.wideSourceTargetList .sourceList select, 
form.styled div.wideSourceTargetList .targetList select {
	width: 275px;
	font-weight: normal;
	font-size: 1em;
}

form.styled div.wideSourceTargetList .wideSourceList select, 
form.styled div.wideSourceTargetList .wideTargetList select {
	width: 380px;
	font-weight: normal;
	font-size: 1em;
}

form.styled div.sourceTargetList .buttonsColumn,
form.styled div.sourceTargetList .actionButtonsColumn,
form.styled div.wideSourceTargetList .buttonsColumn,
form.styled div.wideSourceTargetList .actionButtonsColumn {
	float: left;
	width: 50px;
	height: 125px;
	text-align: center;
}
form.styled div.sourceTargetList .buttonsColumn,
form.styled div.wideSourceTargetList .buttonsColumn  {
	padding-top: 20px;
}
form.styled div.sourceTargetList .actionButtonsColumn span.notes,
form.styled div.wideSourceTargetList .actionButtonsColumn span.notes {
	display: block;
	color: #666;
}
form.styled div.sourceTargetList .actionButtonsColumn hr,
form.styled div.wideSourceTargetList .actionButtonsColumn hr {
	margin: 0 3px;
}
form.styled div.sourceTargetList .actionButtonsColumn, 
form.styled div.wideSourceTargetList .actionButtonsColumn {
	width: 100px;
}
form.styled div.sourceTargetList .buttonsColumn .inputButton,
form.styled div.sourceTargetList .actionButtonsColumn .inputButton,
form.styled div.wideSourceTargetList .buttonsColumn .inputButton,
form.styled div.wideSourceTargetList .actionButtonsColumn .inputButton {
	margin: 3px;
	font-size: .9em;
}
form.styled div.clear {
	clear:both;
}

/* End Source Target Lists */

div.actionButtons {
  padding: 5px;
  text-align: center;
  
}

.row {
	background: #fff;
}

.row .rowContainer {
	margin-right: 195px;
}

.row .rowContainer .rowContent {
	margin-right:25px;
	padding:0px 12px 0px 0px;
	background:#fff url("../images/borders.gif") 100% 0 repeat-y;
	min-height:10px;
  	height:auto !important;
  	height:10px;
	overflow: visible;
}

.row .rowContainer .rowContent .box {
	padding:0px 0px 0px 12px;
	background:#fff url("../images/borders.gif") 0 0 repeat-y;
}

.row .rowContainer .rowContent .box .header {
	height:17px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: -12px;
	margin-right: -12px;
	background:url("../images/box.gif") 100% 0 no-repeat;
}

.row .rowContainer .rowContent .box .header .side {
	width:16px;
	height:17px;
	background:url("../images/box.gif") 0 0 no-repeat;
}


.row .rowContainer .rowContent .box .footer {
	height:17px;
	margin:0 -12px 0 -12px;
	background:url("../images/box.gif") 100% 100% no-repeat;
}

.row .rowContainer .rowContent .box .footer .side {
	width:18px;
	height:17px;
	background:url("../images/box.gif") 0 100% no-repeat;
}

img.ui-datepicker-trigger {
  border: 0;
  margin-left: 2px;
}

form.styled button.large {
	position: relative;
	border: 0; 
	padding: 0px 11px 0px 0px;
	cursor: pointer;
	overflow: visible; /* removes extra side padding in IE */
	background: white url("../images/button_right.png") no-repeat top right;
	height: 38px;
	text-align: center;
}

form.styled button.large::-moz-focus-inner {
	border: none;  /* overrides extra padding in Firefox */
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	/* Safari and Google Chrome only - fix margins */
	form.styled button.large span {
		margin-top: -1px;
	}
}

form.styled button.large span {
	position: relative;
	display: block;
	white-space: nowrap;
	height: 38px;
	margin: 0;
	padding: 8px 0px 0px 11px;
	background:transparent url("../images/button_left.png") no-repeat top left;
	font-weight: bold;
	font-family: Trebuchet MS, Tahoma, Arial;
	font-size: 1.2em;
	color: #6b6b6b;
}

div.legendBox {
	border: 1px solid #000000;
	margin-left:auto;
	margin-right:auto;
	margin-top: 15px;
	margin-bottom: 15px;
	padding: 5px;
	display:table;
}

div.legendBox span.label {
	font-weight: bold; 
	padding: 3px;
}

div.legendBox span.item {
	white-space: nowrap;
}

form.styled div.legendBox span.item img {
	border: 0; 
	vertical-align: bottom;
}

form.styled .fieldgroup label.searchCheckbox {
	font-weight: normal;
	margin-left: 10px;
	width: 350px;
	text-align: left;
}

form.styled .fieldgroup input.searchCheckbox {
	float: left;
}

.informational {
	padding: 10px 5px 5px 5px;
	border: 1px solid #666666;
	background-color: #ffffe1;
	color: #666666;
}