/* custom forms styles */

fieldset {
    padding: 0px 10px 10px 10px;
    background-color:#eeeeee;
    margin:0px 0px 20px 0px;
    border:1px solid #656565;
    /*background-image: url("images/fieldset_bg.png");
    background-repeat:repeat-x;
    background-position:left -60px;*/
}

legend
{
    /*Yuck*/
    /*font-family: 'GandhiSerifRegular', Serif;*/
	padding: 1px 5px 1px 5px;
	border:1px solid #656565;
	border-bottom: none;
	background-color:#DDDDDD;
	color: #000000;
	width:918px;
	display:block;
	margin: -1px -12px 10px -11px;
	/*position:relative;
	background-image:url(images/topBar_bg.png) !important;
	background-repeat:repeat-x;*/
	font-weight:bold !important;
	font-size:16px;
	/*background-repeat:no-repeat;
	background-position: 0px center !important;*/
}



select {
    border: 1px solid #CCCCCC;
    color: #444444;
    font-size: 14px;
    padding: 2px;
}

input[type="text"], input[type="password"] {
    border: 1px solid #CCCCCC;
    color: #444444;
    font-size: 14px;
    padding: 2px;
    margin:0;
    width: 200px;
}

.deleteButton{
	padding:20px 20px 10px 50px;
	font-weight: bold;
}
.submitButton{
	text-align:right;
	font-weight: bold;
	padding-top:13px;
}

.submitButton input, .submitButton button, .searchButton, .deleteButton input, .deleteButton button{
	/*font-size:15px;
    padding:0px 3px 1px 3px;
	text-decoration:none;
	color: Black;
	border:1px solid #656565;
    background-color:#DDDDDD;*/
    font-family: 'open_sansregular',sans-serif;
    font-size:15px;
    padding:0px 3px 1px 3px;
    color:#ffffff !important;
    border:1px solid #508200 !important;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    margin-top: 8px;
    /* css gradient */
    background: #568f00; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzU2OGYwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1MDgyMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #568f00 0%, #508200 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#568f00), color-stop(100%,#508200)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #568f00 0%,#508200 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #568f00 0%,#508200 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #568f00 0%,#508200 100%); /* IE10+ */
    background: linear-gradient(to bottom, #568f00 0%,#508200 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#568f00', endColorstr='#508200',GradientType=0 ); /* IE6-8 */
    
}

/*class="greengradient"*/
.greengradient
{
    font-family: 'open_sansregular',sans-serif;
    font-size:15px;
    padding:0px 3px 1px 3px;
    color:#ffffff !important;
    border:1px solid #508200 !important;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    /* css gradient */
    background: #568f00; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzU2OGYwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1MDgyMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #568f00 0%, #508200 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#568f00), color-stop(100%,#508200)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #568f00 0%,#508200 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #568f00 0%,#508200 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #568f00 0%,#508200 100%); /* IE10+ */
    background: linear-gradient(to bottom, #568f00 0%,#508200 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#568f00', endColorstr='#508200',GradientType=0 ); /* IE6-8 */
 }
 
 .greengradient:hover
{
    background: #4e7f00; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzRlN2YwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0YTc1MDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #4e7f00 0%, #4a7500 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4e7f00), color-stop(100%,#4a7500)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #4e7f00 0%,#4a7500 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #4e7f00 0%,#4a7500 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #4e7f00 0%,#4a7500 100%); /* IE10+ */
background: linear-gradient(to bottom, #4e7f00 0%,#4a7500 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4e7f00', endColorstr='#4a7500',GradientType=0 ); /* IE6-8 */
 }
 
 
/*class="goldgradient"*/
.goldgradient
{
    border:1px solid #feb645;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    /* css gradient */
    background: #f1e767; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YxZTc2NyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZWI2NDUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #f1e767 0%, #feb645 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f1e767), color-stop(100%,#feb645)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f1e767 0%,#feb645 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f1e767 0%,#feb645 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f1e767 0%,#feb645 100%); /* IE10+ */
    background: linear-gradient(to bottom, #f1e767 0%,#feb645 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1e767', endColorstr='#feb645',GradientType=0 ); /* IE6-8 */

 }

.searchButton{
	padding-top:17px;
}
.submitButton input:hover, .submitButton button:hover, .searchButton:hover, .deleteButton input:hover, .deleteButton button:hover{
	/*background-color:#CCCCCC;*/
	background: #4e7f00; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzRlN2YwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0YTc1MDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #4e7f00 0%, #4a7500 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4e7f00), color-stop(100%,#4a7500)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #4e7f00 0%,#4a7500 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #4e7f00 0%,#4a7500 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #4e7f00 0%,#4a7500 100%); /* IE10+ */
background: linear-gradient(to bottom, #4e7f00 0%,#4a7500 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4e7f00', endColorstr='#4a7500',GradientType=0 ); /* IE6-8 */
}

.submitButton input:disabled, .submitButton button:disabled, .deleteButton input:disabled, .deleteButton button:disabled{
	background-color:#debf74;
	color:#444444;
}
label{
	color:#000000;
	font-size:14px;
}
label>span.conditional, .conditional{
    color:Blue; 
    font-weight:bold;
}

label>span.conditionalContact{
    color:Blue;
    font-weight:bold; 
    display:none;  
}
label>span.alert{
    color:Red;    
}
.alert{ color:Red; }
textarea,input, select, button
{
	font-family: "Trebuchet MS", Verdana, Helvetica, Sans-Serif;
	}
textarea{
	border: 1px solid #CCCCCC;
    color: #444444;
    font-size: 1.2em;
}
/* this is in the main sheet, but it's not working so i added an important notation */
.input-validation-error {
    border: 1px solid #FF0000 !important;
}

.formRow {
    display:block;
    clear:both;
    overflow:hidden;
    min-height:25px;
   /*white-space:nowrap;*/
}
.formRow>.fieldLabelSet, .formRow>.checkBoxLabelSet, .formRow>.radioButtonLabelSet, .formRow>.optionFieldLabelSet{
    float:left;
}
.checkBoxList ul
{
	list-style: none;
	margin-left:0;
}
.checkBoxList li
{
	line-height:2em;
}
.checkBoxList input
{
	display:inline;
}
.fieldLabelSet{
    margin: 6px 0px 0px 0px;
}
.fieldLabelSet label {
    display:block;
    white-space:nowrap;
    margin: 0px 0px 2px 0px;
}
.formOptionHalfColumn{
    float:left;
    width:426px;
    padding:0;
    margin:0;
}
.checkBoxLabelSet .check-box{
    border: 1px solid #CCCCCC;
    color: green;
    font-size: 1.2em;
    float:left;
    margin: 20px 0px 0px 0px;
}
.checkBoxLabelSet{
    margin: 6px 0px 0px 0px;
    height:40px;
}
.formContainer .checkBoxLabelSet{
    padding-top:24px;
    height:20px;
}
.checkBoxLabelSet label 
{
    display:block;
    /*width:165px; take this out for now*/
    float:left;
    margin: 16px 0px 0px 6px;
    cursor: pointer;
    white-space:nowrap;
    overflow:visible;
}

.radioButtonLabelSet ul{
	list-style: none;
	padding:0;
	margin:0;
}

ul.legendButtonList, legend>ul{
	list-style: none;
	padding:0;
	margin:0 0 0 0 !important;
	float:right;
	font-size:12px;
	line-height:14px !important;
	
}

ul.legendButtonList li, legend>ul>li{
	display:inline;
}
ul.legendButtonList label, legend>ul>li>label{
	color:#ffffff !important;
}
ul.legendButtonList span{
	padding: 0 5px !important;
}
.officeType
{
	margin: 0;
	padding: 0px 0px 0px 5px;
	height:50px;
	width:200px;
}
.officeType ul{
	list-style: none;
	padding:0;
	margin:0 0 0 0 !important;
	font-size:12px;
	line-height:14px !important;
}
.officeType ul>li {
	display:inline;
}
.fieldErrorMessage{
    display:block;
    /*overflow:hidden;
    white-space:nowrap;*/
    min-height:1.5em;
}

.currentField{
	border: 1px solid green;	
}

.repeatingFormSection{
    clear:both;
    margin-top:10px;
    position:relative;
}

.repeatingFormSection .formOptionHalfColumn{
    width:425px !important;
}
.closeButton{
	width:16px;
	height:16px;
	border:none;
	background-image:url(images/icon_close.png) !important;
	background-color:transparent;
	background-repeat:no-repeat;
	background-position:top left !important;
	color:transparent;
	font-size:0;
	overflow:hidden;
	position:absolute;
	left:100%;
	top:-8px;
	margin-left:-8px;
}
.closeButton:hover{
	background-position:bottom left !important;
	background-image:url(images/icon_close.png) !important;
}

select.loading{
	/*background-image:url(images/loading_bar.gif);
	background-repeat:no-repeat;
	background-position:center center;*/
	color:Blue;
	/*font-weight:bold;*/
}


/****
    each field label set is created to have standard sizes and layout characteristics 
*/
.smallFieldLabelSet
{
	margin:0px 10px 0px 10px;
    width:82px;
 }
.smallFieldLabelSet input[type="text"], 
.smallFieldLabelSet input[type="password"],
.smallFieldLabelSet textarea {
    width:82px;
    padding: 3px 2px 3px 2px;
}

.mediumFieldLabelSet {
    margin:0px 10px 0px 10px;
    width:192px;
    /*overflow:hidden;   */    
}
.mediumFieldLabelSet input[type="text"], 
.mediumFieldLabelSet input[type="password"],
.mediumFieldLabelSet textarea {
    width:186px;
    padding: 3px 2px 3px 2px;
}
/* stupid browser tricks - nothing displays a select and input the same*/
/* for IE */
.mediumFieldLabelSet select {
    width:195px;         
}
html > /**/ body 
.mediumFieldLabelSet select { /* for other browsers */
    width: 192px;
}


.dateFieldLabelSet{
    margin:0px 10px 0px 10px;
    width:192px;
}
.dateFieldLabelSet input[type="text"]{
    width:168px;
    padding: 3px 2px 3px 2px;
}

.dateLargeLabelFieldLabelSet{
    margin:0px 10px 0px 10px;
    width:264px;
}
.dateLargeLabelFieldLabelSet input[type="text"]{
    width:168px;
    padding: 3px 2px 3px 2px;
}

.optionFieldLabelSet
{
	margin:0px 10px 0px 10px;
    width:406px;
}

/* 
    Large ish field  
*/
.largishFieldLabelSet {
    margin:0px 10px 0px 10px;
    padding:0;
    overflow:hidden;
    min-width:390px;
}
.largishFieldTextSet {
    margin:0px 10px 5px 10px;
    padding:0;
    width:394px;
}
.largishFieldSpacer{
	margin:0px 10px 0px 10px;
    padding:0;
    width:394px;
}
.largishFieldLabelSet input[type="text"], 
.largishFieldLabelSet input[type="password"]{
    width:390px;
    padding: 3px 2px 3px 2px;       
}
/* stupid browser tricks - nothing displays a select and input the same*/
/* for IE */
.largishFieldLabelSet select {
    width:398px;         
}
html > /**/ body 
.largishFieldLabelSet select { /* for other browsers */
    width: 396px;
}

.largishFieldLabelSet textarea {
width:390px;    
}

/* 
    Large field  
*/
.largeFieldLabelSet {
    margin:0px 10px 0px 10px;
    padding:0;
    overflow:hidden;
    min-width:400px;
}
.largeFieldTextSet {
    margin:0px 10px 5px 10px;
    padding:0;
    width:404px;
}
.largeFieldSpacer{
	margin:0px 10px 0px 10px;
    padding:0;
    width:404px;
}
.largeFieldLabelSet input[type="text"], 
.largeFieldLabelSet input[type="password"]{
    width:400px;
    padding: 3px 2px 3px 2px;       
}
/* stupid browser tricks - nothing displays a select and input the same*/
/* for IE */
.largeFieldLabelSet select {
    width:408px;         
}
html > /**/ body 
.largeFieldLabelSet select { /* for other browsers */
    width: 406px;
}

.largeFieldLabelSet textarea {
width:400px;    
}

/* 
    3/4s of the screen wide 
*/
.largerFieldLabelSet {
    margin:0px 10px 0px 10px;
    padding:0;
    overflow:hidden;
    min-width:610px;
}
.largerFieldLabelSet input[type="text"], 
.largerFieldLabelSet input[type="password"]{
    width:610px;
    padding: 3px 2px 3px 2px;       
}
/* stupid browser tricks - nothing displays a select and input the same*/
/* for IE */
.largerFieldLabelSet select {
    width:618px;         
}
html > /**/ body 
.largerFieldLabelSet select { /* for other browsers */
    width: 616px;
}

.largerFieldLabelSet textarea {
width:610px;    
}

/*
* Display set styles
*/
.fieldLabelSetDisplay{
    min-height:25px;
}

.fieldLabelSetDisplay span{
    position:absolute;
}

.fieldLabelSetDisplay div{
    margin-left:200px;
}

.details{
    border: none;
    border:1px solid #c0c0c0;
    color: #000000;
    font-size: 1.1em;
    /*height:1.2em;*/
    padding:3px 0px 3px 3px;
    margin-bottom:6px;
    min-height:25px;
    width:100%;
    overflow:hidden;
}

.largeFieldLabelSet .details{
    width:400px;
}

.largerFieldLabelSet .details {
    width:610px;    
}