@charset "iso-8859-1";
/* Resets a core set of elements so that they will appear consistent across browsers. By resetting these values to 0, the elements will initially be rendered in an identical fashion and their properties can be redefined in any subsequent rule. */
@import 'reset.css';

/* Adds from Orange */
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600);

body { color: #666666; font-family: "Open Sans", Verdana, Geneva, sans-serif; padding-bottom: 10px; font-size:14px; line-height:18px; margin:0 auto !important;  }
a {text-decoration:underline; }
a:hover {text-decoration:underline; }
.bulletClass li {
    list-style-image: url(../images/bullet.gif);
    font-size: 12px;
    padding-bottom: 6px;
    display: list-item;
    list-style-position: outside;
    margin-bottom: 6px !important;
    margin-left: 30px !important;
}
body { background-color: #484f59 !important; font-family:"Open Sans", Verdana, Geneva, sans-serif !important; background-image:none !important; }

/*sr-only is for WCAG 2.4.4 You need to add hidden text to links so that they stand on their own when taken out of context. */
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

/* Headings*/
/*
h1,h2,h3,h4,h5,h6 {font-family:"Lato", sans-serif  !important;} 
*/
h1 {font-size: 22px; }
h2 {font-size: 22px; }
h3 {font-size:18px; font-weight:bold;}
h4 {font-size: 16px;}
h5 {font-size:14px;}
h6 {font-size: 12px;} 


.button{ width:100% !important; }

/* Adds from Orange */
.breadcrumb, .breadcrumb a { line-height:1.6; text-transform:uppercase; color:#fff; font-size:14px; font-family:arial,sans-serif; padding:0; background-color:transparent; display:inline-block; margin:0 5px; }
.register .breadcrumb a{ text-transform:none; }
.tdRight{ padding:0 20px; }


/* Page content wrappers  */
#container { position:relative; width: 1024px; margin: 0; text-align: left; margin: 0 auto; position:relative; margin-bottom:20px;  }
    /*#container p {line-height:18px; color:#666666; width:400px; margin-left:50px !important; }*/
/*11-12-2020 removed margin-left:50px so text would left justify*/
/*#container p {line-height:18px; color:#666666; margin-left:50px !important; }*/
    #container p {
        line-height: 18px;
        color: #666666;
    }
#containerAdminView { position:relative; width: 1024px; margin: 0; text-align: left; margin: 0 auto; position:relative; margin-bottom:20px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666666; background-color:#FFFFFF;  }
#containerModal { position:relative; width: 700px; margin: 0; text-align: left; margin: 0 auto; position:relative; margin-bottom:10px;  }



/* Header  */
#headerTable{ width:100%; background-color:#ed8f2d; border-bottom:2px solid #fff; }
.header {width: 976px; height:150px; border:1px solid #ccc; font-size: 24px; line-height:30px; font-family: Arial, Helvetica, sans-serif; }
.header td { padding-top:50px; padding-right:50px; }
.intro_text { font-family: "Open Sans", Verdana, Geneva, sans-serif; font-size:12px; line-height:18px; color:#666666; padding: 10px 10px 10px 20px; margin-left:20px; margin-right:20px; }

/* Adds from Orange */
.img_logo{ margin-top:15px; margin-bottom:15px; padding-right:20px; border-right:2px solid #e4ad6c; padding-top:0; padding-bottom:0; }
#adminViewTitle{ color:#fff; font-size:24px; font-weight:600; padding-left:20px; }

/* --- FORMS LIBRARY STYLING  ---*/

/* Images */
body img {	border: 0px;	text-decoration: none;}
.img_logo { padding-left:20px; padding-top:15px; padding-bottom:15px;  text-decoration: none; }
.img_forms {
	float:left;
	margin:0 20px 20px 20px;
	border:1px solid #cccccc;
	text-decoration: none;
	-webkit-box-shadow: #999999 1px 1px 3px 0;
	-moz-box-shadow: #999999 1px 1px 3px 0;
	-o-box-shadow: #999999 1px 1px 3px 0;
	box-shadow: #999999 1px 1px 3px 0;
 }

.logo_bckgd { background-color:#ffffff;   }

/* Table containing list of forms and thumbnails.  */
.formListTable {border-left:10px #ffffff solid; border-right:10px #ffffff solid !important; }
.formListTable p{ margin: 10px 0px 0px 0px; padding:10px 10px 0px 10px; }
.formListTable td {padding-top:22px; padding-bottom:15px; border-left:10px #ffffff solid; border-bottom:20px #ffffff solid ; border-right:10px #ffffff solid !important;}
.formTitle {font-size:14px; font-family: Arial, Helvetica, sans-serif; font-weight:bold;}

/* --- END FORMS LIBRARY STYLING  ---*/



/* LEFT NAV MENU */
#LayoutColumn1 { float: left; width: 254px; margin:0px; padding:0px; }
.subheader {font-size:17px;	color:#333333;	font-weight:bold;} 

#SubMenu { width: 180px; }
#SubMenu .title {font: 14px Arial, Helvetica, sans-serif; line-height:16px; font-weight:bold; padding: 7px 0px 17px 10px; border-bottom: 1px solid #d6d6d6; }
#SubMenu .title a {font: 14px Arial, Helvetica, sans-serif; line-height:16px; font-weight:bold; text-decoration: none;}
#SubMenu .title a:hover {font: 14px Arial, Helvetica, sans-serif; line-height:16px; font-weight:bold; text-decoration: none; }

#SubMenu .content { padding: 0px 0px 10px 0px; }

#SubMenu .submenuitem { font-family: Arial, Verdana, Geneva, sans-serif; font-size:12px; border-bottom: 1px solid #d6d6d6; padding: 8px 10px 8px 25px; color:#666666; background-color: #F7F7F7; }
/*#SubMenu .submenuitem:hover { font-family: Arial, Verdana, Geneva, sans-serif; font-size:12px; background-color: #F7F7F7; text-decoration: none; }*/
#SubMenu .submenuitem A { font-family: Arial, Verdana, Geneva, sans-serif; font-size:12px;color: #666666; text-decoration: none; }
#SubMenu .selected A { font-family: Arial, Verdana, Geneva, sans-serif; font-size:12px; text-decoration: none; }
/*This is causing flashing when hovering over text*/
/*#SubMenu .submenuitem A:hover { font-family: Arial, Verdana, Geneva, sans-serif; font-size:12px; text-decoration: none; }*/
#SubMenu .submenuitem A:hover {text-decoration: none; }
#SubMenu .selected .submenuitem { font-family: Arial, Verdana, Geneva, sans-serif; font-size:12px ; font-weight: bold; background-color: #afc42b !important;}
#SubMenu .completed .submenuitem { background: url('../images/select-nav-on.gif') no-repeat; background-position: 10px 11px; background-color: #F7F7F7 !important; }
#SubMenu .completed .submenuitem:hover {font-family: Arial, Verdana, Geneva, sans-serif; font-size:12px; background-color: #F7F7F7 !important;}


#SubMenu .submenuitem2 { background-color: #fff; border-bottom: 1px dashed #DFDFDF; font: 12px Arial, Helvetica, sans-serif; padding: 7px 5px 7px 25px; margin-left:0px; margin-right:0px;  }
#SubMenu .submenuitem2 A {font: 12px Arial, Helvetica, sans-serif; padding-left: 12px; color: #666666; text-decoration: none; background: url('../images/sideli-grey.png') no-repeat;	background-position: 0px 4px;  display: block;}
/*This is causing flashing when hovering over text*/
/*#SubMenu .submenuitem2 A:hover {font: 12px Arial, Helvetica, sans-serif; text-decoration: underline; }*/
#SubMenu .submenuitem2 A:hover {text-decoration: underline; }
#SubMenu .submenuitem2 A.selected {font: 12px Arial, Helvetica, sans-serif;	}
#SubMenu .submenuitem2 A.completed {font: 12px Arial, Helvetica, sans-serif; }




/* --- HELP STYLING  ---*/

/* Floating Help table*/
/*commented out the left position due to resize of page keeps the help out of sight*/
#floatMenu { position:absolute; font-family:Arial, Helvetica, sans-serif !important; top:150px; 
            /*left:830px; */ 
             width:180px; height: 60px; padding: 10px 10px 30px 10px; }

.help { background-color: #FFC; padding:7px; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:16px; color:#666666; border:1px solid #cccccc; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; -webkit-background-clip: padding; -moz-background-clip: padding; -ms-background-clip: padding-box; -o-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; 
}

/*Help styling for help displayed below the question when clicking on the HelpIcon*/
#fwform div .hideHelp{display: none;}
#fwform div .showHelp{display: inline;}
.helpIcon img:focus {
    border: 1px solid #cccccc;
}


/* Tooltips styling */

/* Padding not included here if using sticky close box  */
div#tipDiv { color:#666; font-size:11px; background-color:#EFEFEF; border:1px solid #CCCCCC; width:180px; }

/* styles for wrap functions  */
div#tipDiv .stickyBar { background-color:#EFEFEF; border:1px solid #333333; }
div#tipDiv .stickyTitle {  padding:0 0 2px 4px; color:#fff; font-size:12px;    }
div#tipDiv div.stickyContent {  padding:4px;   }

/* sticky with closeBox is in table */  
div#tipDiv td { font-size:11px; }

div#tipDiv div.img { text-align:center }
div#tipDiv div.txt {  }

	
	

/* --- FORM  STYLING  ---*/

/* Table containing actual form.  */
.pageTable { margin: 15px; padding: 25px; border:1px solid #cccccc; background-color:#FFFFFF; }
.pageTable td, pageTable th { font-size: 12px; padding: 5px; }

/* required field asterisk in red */
.required{ font-size: 12px; color:#FF0000;}


/* `Table Layout */
.horiz {  margin-top: -10px;  margin-left: -5px; font-family: Arial, Helvetica, sans-serif !important; }
.horiz td {  padding: 10px 0 0 8px; text-align:left; vertical-align:top;}
.horizText { padding-bottom:3px; }


/*	Table layout*/
table.data caption{	display: none;}
table.data tr{	background: #ffffff;}
table.data tr td, table.data tr th{	border-bottom: 0px solid #cccccc;}
table.data tr th{ font-weight: bold; background: #FFFFCC;  border-top: 1px solid #cccccc; padding:2px;}
table.data tr th, table.data tr td{ padding: 2px; }
table.data tr td, .r0sm, .r1sm{ color: #666666; border-top: 1px solid #cccccc;  }
table.data tr:hover { background:#ebebeb; }

table.nohover caption{	display: none;}
table.nohover tr{	background: #ffffff;}
table.nohover tr td, table.data tr th{	border-bottom: 0px solid #cccccc;}
table.nohover tr th{ font-weight: bold; background: #f1f1f1; }
table.nohover tr th, table.data tr td{ padding: 2px; }
table.nohover tr td{ color: #666666; border-top: 1px solid #cccccc;  }
table.nohover tr:hover { background:#FFF; }



/*	Legend table layout*/
table.legend {background: #ffffff; padding:10px; border: 1px solid #cccccc;}
table.legend tr{ border-top:1px solid #fff !important; }
table.legend tr td{ font-family: Arial, Helvetica, sans-serif; font-size:11px; color: #666666; padding: 1px; border-top:1px solid #fff !important;}

.details {font-family:Arial, Helvetica, sans-serif; font-size: 9px; color: #069; text-decoration:none !important;}
.details a:hover {color: #7B00AA !important; text-decoration:underline !important;}



/* Form fieldset, legend, label and validation styles */
#fwform{ margin: 0 5px 15px 15px; width: 600px; }
#fwform{ width:100%; margin:0; }
#fwform fieldset	{ margin: 0 0 20px; padding: 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
#fwform fieldset .hide{display: none;}
#fwform fieldset .show{display: normal;}
    #fwform legend {
        font-family: Arial, Helvetica, sans-serif /* !important*/;
        font-size: 15px;
        font-weight: bold;
        padding-bottom: 5px;
        padding-left: 2px;
        padding-right: 2px;
    }
    #fwform label {
        font-family: Verdana, Geneva, sans-serif /*!important*/;
        font-size: 12px;
        width: 270px;
        display: inline-block;
        vertical-align: auto;
        padding-bottom: 1px;
        padding-right: 15px;
        /* these items are part of the label styling and needed for the radio and checkboxes to align at the top*/
        vertical-align: top; /* for firefox */
        *bottom: 3px;
        *position: relative; /*for internet explorer */
        padding-bottom: 7px;
    }
/* these items allow radio and checkboxes to spread across the form and are called by CssClass="checkbox"  or  CssClass="radio" */
/*#fwform .radio label { width: 550px; padding-right:4px; text-align:left !important; */
#fwform .radio label { text-align:left !important; 
    width: auto;
    vertical-align: top;
    padding-bottom: 7px;
    padding-right: 15px;
    display: inline;
}
#fwform .checkbox label {width: 550px; padding-right:4px; text-align:left !important;  }
#fwform .labelNoWidth {width:auto !important;}

/*Set the width of the checkbox and radio button to 5% to allow for label on right */
input[type="radio"]{padding-right:4px;margin-left: 0px !important; width: 5% !important;}
input[type=checkbox]{padding-right:4px;margin-left: 0px !important; }

#fwform ol	{	font-family: Verdana, Geneva, sans-serif !important;  font-size: 12px;	list-style-type: none;	padding: 0;		margin: 0;	}
#fwform li	{ font-family: Verdana, Geneva, sans-serif !important; font-size: 12px; margin: 0 0 6px; position: relative; }

/* Form fieldset ONLY FOR PRINT VIEW  TO HTML or PDF*/
#fwform2{ margin: 0 5px 15px 0px; width: 800px !important; background-color:#FFFFFF !important; background:#FFFFFF !important;}
#fwform2 fieldset	{ margin: 0 0 20px; padding: 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
#fwform2 legend { font-family: Arial, Helvetica, sans-serif !important; font-size:15px; font-weight:bold; padding-bottom:5px; padding-left:2px; padding-right:2px;}
#fwform2 label	{ font-family: Arial, Helvetica, sans-serif !important; font-size: 12px; width: 500px; display: inline-block; vertical-align: auto; padding-bottom:1px;  padding-right:15px;}
#fwform2 ol	{	font-family: Arial, Helvetica, sans-serif !important;  font-size: 12px;	list-style-type: none;	padding: 0;		margin: 0;	}
#fwform2 li	{ font-family: Arial, Helvetica, sans-serif !important; font-size: 12px; margin: 0 0 6px; position: relative; }


/* Multi-selection dropdown checklist styling*/
.checklist1 {font-family: Arial, Helvetica, sans-serif; border: 1px solid #ccc; list-style: none; height: 8em; overflow: auto; width: 400px; background-color:#FFF; }
.checklist1, .checklist1 li {font-family: Arial, Helvetica, sans-serif;  margin:0 !important;  color:#26bae9; display: block; }
.checklist1 p { font-family: Arial, Helvetica, sans-serif; display: block; padding-left: 25px; text-indent: -25px;  }
.checklist1 li:hover { background: #26bae9; color: #fff; }
* html .checklist1 p { height: 1%; } /* height hack is needed for IE*/
.checklist1 .alt {background: none repeat scroll 0 0 #f1f1f1;	} /* alternate row color for stiping in list*/




/*form elements styling*/
.input_50 {  width: 50px;}
.input_100 {  width: 100px;}
.input_150 {  width: 150px;}
.input_200 {  width: 200px;}
.input_250 {  width: 250px;}
.input_300 {  width: 300px;}
.input_full {  width: 100%;}
.input_full_wrap {  display: block;  padding-right: 8px;}

input[type="search"]::-webkit-search-decoration {  display: none;}

button:focus, input:focus, select:focus, textarea:focus{
	-webkit-box-shadow: #0066ff 0 0 3px 0;
	-moz-box-shadow: #0066ff 0 0 3px 0;
	-o-box-shadow: #0066ff 0 0 3px 0;
	box-shadow: #0066ff 0 0 3px 0;
	z-index: 1;
}


input[type="radio"]:focus, input[type="radio"]:active,
input[type="checkbox"]:focus, input[type="checkbox"]:active { 
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-o-box-shadow: none;
	box-shadow: none;
}


button,
input[type="reset"],
input[type="submit"],
input[type="button"] {
	-webkit-appearance: none;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	-webkit-background-clip: padding;
	-moz-background-clip: padding;
	-ms-background-clip: padding-box;
	-o-background-clip: padding-box;
	background: #dddddd url(../images/button.png?1298351022) repeat-x;
	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #dddddd));
	background-image: -webkit-linear-gradient(#ffffff, #dddddd);
	background-image: -moz-linear-gradient(#ffffff, #dddddd);
	background-image: -o-linear-gradient(#ffffff, #dddddd);
	background-image: -ms-linear-gradient(#ffffff, #dddddd);
	background-image: linear-gradient(#ffffff, #dddddd);
	border: 1px solid;
	border-color: #dddddd #bbbbbb #999999;
	cursor: pointer;
	color: #333333;
	font: 12px/18px Arial, Helvetica, sans-serif;
	outline: 0;
	overflow: visible;
	margin: 0px 20px 0px 20px;
	padding: 3px 10px;
	text-shadow: white 0 1px 1px;
	vertical-align: top;
	width: auto;
	-pie-background: linear-gradient(#ffffff, #dddddd);
}

button:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
input[type="button"]:hover { 
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(1px, #eeeeee), color-stop(100%, #cccccc)); 
background-image: -webkit-linear-gradient(#ffffff, #eeeeee 1px, #cccccc); 
background-image: -moz-linear-gradient(#ffffff, #eeeeee 1px, #cccccc); 
background-image: -o-linear-gradient(#ffffff, #eeeeee 1px, #cccccc); 
background-image: -ms-linear-gradient(#ffffff, #eeeeee 1px, #cccccc); 
background-image: linear-gradient(#ffffff, #eeeeee 1px, #cccccc); 
-pie-background: linear-gradient(#ffffff, #eeeeee);
}

button:active,
input[type="reset"]:active,
input[type="submit"]:active,
input[type="button"]:active {
	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(1px, #dddddd), color-stop(100%, #eeeeee));
	background-image: -webkit-linear-gradient(#ffffff, #dddddd 1px, #eeeeee);
	background-image: -moz-linear-gradient(#ffffff, #dddddd 1px, #eeeeee);
	background-image: -o-linear-gradient(#ffffff, #dddddd 1px, #eeeeee);
	background-image: -ms-linear-gradient(#ffffff, #dddddd 1px, #eeeeee);
	background-image: linear-gradient(#ffffff, #dddddd 1px, #eeeeee);
	-webkit-box-shadow: inset rgba(0, 0, 0, 0.25) 0 1px 2px 0;
	-moz-box-shadow: inset rgba(0, 0, 0, 0.25) 0 1px 2px 0;
	-o-box-shadow: inset rgba(0, 0, 0, 0.25) 0 1px 2px 0;
	box-shadow: inset rgba(0, 0, 0, 0.25) 0 1px 2px 0;
	border-color: #999999 #bbbbbb #dddddd;
	-pie-background: linear-gradient(#ffffff, #dddddd);
}

button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner {
	border: 0;
	padding: 0;
}

button {  *padding-top: 1px;  *padding-bottom: 1px;}

textarea,
select,
input[type="file"],
input[type="password"],
input[type="text"],
input[type="textarea"] { 
-webkit-box-sizing: border-box; 
-moz-box-sizing: border-box; 
-ms-box-sizing: border-box; 
box-sizing: border-box; 
-webkit-background-clip: padding; 
-moz-background-clip: padding; 
-ms-background-clip: padding-box; 
-o-background-clip: padding-box; 
background-clip: padding-box; 
-webkit-border-radius: 5px; 
-moz-border-radius: 5px; 
-ms-border-radius: 5px; 
-o-border-radius: 5px; 
border-radius: 5px; 
-webkit-appearance: none; 
background-color:#fff; 
border: 1px solid; 
border-color: #848484 #c1c1c1 #e1e1e1; 
outline: 0; 
margin: 0; 
padding: 2px 2px; 
font-family: Arial, Helvetica, sans-serif; 
font-size: 12px; 
height: 1.8em; 
text-align: left; 
vertical-align: top; 
}


textarea[disabled],
select[disabled],
input[type="file"][disabled],
input[type="password"][disabled],
input[type="text"][disabled],
input[type="textarea"][disabled]{
	background-color: #eeeeee;
}

button[disabled],
input[disabled],
select[disabled],
select[disabled] option,
select[disabled] optgroup,
textarea[disabled] {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-o-box-shadow: none;
	box-shadow: none;
	-moz-user-select: -moz-none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	user-select: none;
	color: #888888;
	cursor: default;
}



/* Dashboard Table */



/* legend and label styles */
#fwapps{ margin: 0 15px 5px 10px; width: 95%; }
#fwapps fieldset	{ margin: 0 0 30px; padding: 20px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
#fwapps legend { font-family: Arial, Helvetica, sans-serif; font-size:15px; font-weight:bold; padding-bottom:5px; padding-left:2px; padding-right:2px;}
#fwapps label	{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; width: 200px; display: inline-block; vertical-align: auto; padding-bottom:1px; }
#fwapps ol	{	font-family: Arial, Helvetica, sans-serif;  font-size: 12px;	list-style-type: none;	padding: 0;		margin: 0;	}
#fwapps li	{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin: 0 0 6px; position: relative; }


.stdtable { width: 100%; background: #fff; }
.stdtable .con0 { background: #fff; }
.stdtable .con1 { background: #f1f1f1; }
.stdtable th, .stdtable td { line-height: 16px; vertical-align: bottom; }
.stdtable thead th, .stdtable thead td { padding: 5px 0 5px 5px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; }
.stdtable tfoot th, .stdtable tfoot td { padding: 5px 10px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; }
.stdtable thead th:first-child, .stdtable tfoot th:first-child,
.stdtable thead td:first-child, .stdtable tfoot td:first-child { border-left: 1px solid #ddd; }
.stdtable thead th.head0, .stdtable tfoot th.head0, .stdtable thead td.head0, .stdtable tfoot td.head0 { background-color: #f7f7f7; }
.stdtable thead th.head1, .stdtable tfoot th.head1, .stdtable thead td.head1, .stdtable tfoot td.head1 { background-color: #ddd; }
.stdtable thead th.sorting, .stdtable thead td.sorting {background-image: url(../images/sort_both.png); background-repeat: no-repeat; background-position: right 3px; }
.stdtable thead th.sorting_asc, .stdtable thead td.sorting_asc {background-image: url(../images/sort_asc.png); background-repeat: no-repeat; background-position: right 4px; }
.stdtable thead th.sorting_desc, .stdtable thead td.sorting_desc  {background-image: url(../images/sort_desc.png); background-repeat: no-repeat; background-position: right 4px; }
.stdtable thead td { font-weight: bold; }
.stdtable thead td.center { text-align: center; }

.stdtable tbody tr td { padding: 7px 5px; border-right: 1px solid #eee; border-bottom: 1px solid #eee; }
.stdtable tbody tr:last-child td { border-bottom: 1px solid #ccc; }
.stdtable tbody tr td:first-child { border-left: 1px solid #ddd; }
.stdtable tbody tr td:last-child { border-right: 1px solid #ddd; }
.stdtable tbody tr:hover td, .stdtable tbody tr.selected td { background: #FFFFD9; color: #333; }
.stdtable tbody tr.togglerow td { background: #fff; }
.stdtable tbody tr.togglerow:hover td { background: #fff; }
.stdtable tbody tr.hiderow { display: none; }

.tableoptions { background: #eee url(../images/titlebg.png) repeat-x top left; border: 1px solid #ccc; border-top: 0; padding: 8px; }
.tableoptions button { 
	background: #fcfcfc url(../images/titlebg.png) repeat-x top left; font-size: 11px; color: #666; padding: 7px 10px; 
	border: 1px solid #bbb; -moz-box-shadow: 1px 1px 2px #ddd; -webkit-box-shadow: 1px 1px 2px #ddd; box-shadow: 1px 1px 2px #ddd; margin: 0; outline: none;}
	
.tableoptions button:hover { background: #eee; cursor: pointer; }
.tableoptions select { 
	background: #fcfcfc url(../images/titlebg.png) repeat-x top left; padding: 6px 5px 7px 5px; border: 1px solid #bbb; margin: 0; outline: none;
	-moz-box-shadow: 1px 1px 2px #ddd; -webkit-box-shadow: 1px 1px 2px #ddd; box-shadow: 1px 1px 2px #ddd; font-size: 11px; color: #666; }

.dataTables_wrapper { position: relative; }
.dataTables_length, .dataTables_paginate { background: #eee url(../images/titlebg.png) repeat-x top left; border: 1px solid #ccc; border-top: 0; padding: 8px; }
.dataTables_wrapper select { 
	background: #fcfcfc url(../images/titlebg.png) repeat-x top left; padding: 5px; border: 1px solid #bbb; margin: 0; outline: none;
	-moz-box-shadow: 1px 1px 2px #ddd; -webkit-box-shadow: 1px 1px 2px #ddd; box-shadow: 1px 1px 2px #ddd; font-size: 11px; color: #666; }
	
.dataTables_wrapper input { border: 1px solid #ccc; padding: 6px 5px 7px 5px; width: 200px; }
.dataTables_filter { position: absolute; top: 8px; right: 8px; }
.dataTables_info { position: absolute; bottom: 13px; left: 8px; }
.dataTables_paginate { text-align: right; line-height: 16px; }
.dataTables_paginate span { display: inline-block; }
.dataTables_paginate .paginate_button { 
	border: 1px solid #ccc; padding: 5px 7px; margin-left: 5px; font-weight: bold; background: #fcfcfc; 
	-moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;  font-size: 11px;
	-moz-box-shadow: 1px 1px 2px #ddd; -webkit-box-shadow: 1px 1px 2px #ddd; box-shadow: 1px 1px 2px #ddd; }
	
.dataTables_paginate .paginate_active { 
	border: 1px solid #222; background: #333;  color: #fff; padding: 5px 7px; margin-left: 5px; font-weight: bold; 
	-moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; font-size: 11px;}
	
.dataTables_paginate .paginate_button:hover { background: #ddd; border: 1px solid #ccc; cursor: pointer; color: #333; }





/* Placeholder text inside element */
input::-webkit-input-placeholder,  textarea::-webkit-input-placeholder {  color: #888888;}
input:-moz-placeholder, textarea:-moz-placeholder {  color: #888888;}
input.placeholder_text, textarea.placeholder_text {  color: #888888;}
input:-ms-input-placeholder, textarea:-ms-input-placeholder{ color: #888888;}


textarea, select[size], select[multiple] {  height: auto;}
select[size="0"], select[size="1"] {  height: 1.8em;  *height: auto;}

@media (-webkit-min-device-pixel-ratio: 0) {
	select[size],
	select[multiple],
	select[multiple][size] {
		background-image: none;
		padding-right: 3px;
	}

	select,
	select[size="0"],
	select[size="1"] {
		background-image: url(../images/select_arrow.gif?1298351050);
		background-repeat: no-repeat;
		background-position: right center;
		padding-right: 20px;
	}

	::-webkit-validation-bubble-message {
		-webkit-box-shadow: none;
		box-shadow: none;
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #666666), color-stop(1, black));
		border: 1px solid;
		border-color: #747474 #5e5e5e #4f4f4f;
		color: white;
		font: 13px/17px Arial, Helvetica, sans-serif;
		overflow: hidden;
		padding: 15px 15px 17px;
		text-shadow: black 0 0 1px;
		height: 16px;
	}

	::-webkit-validation-bubble-arrow,
	::-webkit-validation-bubble-top-outer-arrow,
	::-webkit-validation-bubble-top-inner-arrow {
		-webkit-box-shadow: none;
		box-shadow: none;
		background: #666666;
		border: 0;
	}
}

textarea {  min-height: 40px;  overflow: auto;  resize: vertical;  width: 100%;}
optgroup {  color:#26bae9;  font-style: normal;  font-weight: normal;  font-family: Arial, Helvetica, sans-serif;}

input:invalid,
button:invalid,
select:invalid,
textarea:invalid {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-o-box-shadow: none;
	box-shadow: none;
}

input::-moz-focus-inner,
button::-moz-focus-inner,
select::-moz-focus-inner,
textarea::-moz-focus-inner {
	border: 0;
	padding: 0;
}

.ie6_button,
* html button {
	background: #dddddd url(../images/button.png?1298351022) repeat-x;
	border: 1px solid;
	border-color: #dddddd #bbbbbb #999999;
	cursor: pointer;
	color: #333333;
	font: bold 12px/1.2 Arial, sans-serif;
	padding: 2px 10px 0px;
	overflow: visible;
	width: auto;
}

* html button {  padding-top: 1px;  padding-bottom: 1px;}

.ie6_input,
* html textarea,
* html select {
	background: white;
	border: 1px solid;
	border-color: #848484 #c1c1c1 #e1e1e1;
	color: #3F3F3F;
	padding: 2px 3px 1px;
	font-size: 13px;
	font-family: Arial, sans-serif;
	vertical-align: top;
}

* html select {  margin-top: 1px;}
.placeholder_text, .ie6_input_disabled, .ie6_button_disabled {  color: #888888;}
.ie6_input_disabled {  background: #eeeeee;}

/* --- END FORM  STYLING ---*/
/* error messages specs  */ 
.error {font-family:Arial, Helvetica, sans-serif; font-size: 11px; color: #CC0000;} 
.errorBold {font-family:Arial, Helvetica, sans-serif; font-size: 11px; color: #CC0000; font-weight: bold; vertical-align:top}
.errorSm {font-family:Arial, Helvetica, sans-serif; font-size: 10px; color: #CC0000;}

/*Data check warning */
.dCWarningMsg{ margin: auto; padding: 0px 0px 0px 10px; background: #fff;  margin: 0px; width:99%; }
/*Data check WARNING text */
.dCWarning{font-weight: bold; color: #bb1300; }

/* THE STYLING BELOW IS FROM formsCSCU.css (SLE) to use as the default for all forms*/

ul.style, ol.style {
    padding-bottom: 15px;
    padding-left: 30px;
}

ul.style li, ol.style li {
    margin-bottom: 5px;
    padding-left: 5px;
}

.breadcrumb, .breadcrumb a {
    line-height: 1.6;
    text-transform: uppercase;
    color: #26bae9;
    font-size: 12px;
    font-family: 'Montserrat', sans-serif;
    padding: 0;
    background-color: transparent;
    display: inline-block;
    margin: 0 5px;
}

.register .breadcrumb a {
    text-transform: none;
}

.tdRight {
    padding: 0 20px;
}

/* Page content wrappers  */
/*
#container {
    width: auto;
}
    */

#container p {
    color: #5c5c60;
}

#containerAdminView {
    font-family: 'Montserrat', sans-serif;
    background-color: #F7F7F3;
}

#container>table, #containerAdminView>table {
    width: 100%;
}

/* Header  */

#headerTable {
    width: 100%;
    background-color: #ffffff;
    border-bottom: 2px solid #fff;
}

.header {
    color: #fff;
    background-color: #ffffff;
    background-image: url(../images/forms-header.png);
    background-repeat: no-repeat;
}

.intro_text {
    color: #5c5c60;
}

.img_logo {
    margin-top: 15px;
    margin-bottom: 15px;
    padding-left: 20px;
    padding-right: 20px;
    border-right: 2px none;
    padding-top: 0;
    padding-bottom: 0;
}

#adminViewTitle {
    color: #5c5c60;
    font-size: 20px;
    font-weight: 500;
    padding-left: 20px;
}

#btn_QuickApp, #btn_ApplyNow {
    background-color: #e8771a;
    border-color: #e8771a;
    color: #ffffff;
}

#headerTable input[type="button"] {
    text-shadow: none;
    padding: 5px 16px;
    margin: 0 3%;
    font-size: 14px;
    font-weight: bold;
    color: #ffffff;
    font-family: inherit;
    background-color: #e8771a;
    border-color: #e8771a;
    width: auto;
    background-image: none;
}

/* Login Table */

#loginTable {
    margin-top: 100px;
    width: 300px;
}

#loginTable h3 {
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 10px;
}

.loginInfo {
    font-size: 14px;
    color: #5d4d2f;
}

#loginTable input {
    height: auto;
    font-size: 12px;
    color: #5d4d2f;
    padding: 20px 15px;
    background-color: #fff;
    border: 2px solid #327abf;
    border-radius: 0;
    margin-bottom: 10px;
    width: 100%;
}

#loginTable input[type="submit"] {
    text-shadow: none;
    color: #ffffff;
    background-color: #5581a8;
    background-image: none;
    border: 2px solid #fff;
    font-size: 16px;
    margin: 0;
    padding: 15px;
}

/*    Main top header  */

.onecolumn {
    width: 100%;
    background: #ffffff;
    border: 0px solid #cdcdcd;
    margin: 0px;
}

.onecolumn .mainHeader {
    margin: 0;
    padding: 0;
    float: left;
    width: 100%;
    height: 40px;
    background-color: transparent;
}

.onecolumn .mainHeader span {
    display: block;
    font-size: 18px;
    font-weight: bold;
    padding: 11px 0 0 16px;
    float: left;
    width: auto;
    cursor: n-resize;
}

.onecolumn .mainHeader .switch {
    float: right;
    margin-right: 16px;
    padding: 0 0 0 0;
    width: auto ;
}

/* top help, chat and login spec */

.date {
    font-family: 'Montserrat', sans-serif;
    font-size: 12px;
    color: #5c5c60;
    text-decoration: none;
    font-weight: normal;
    vertical-align: middle;
    padding-right: 20px;
}

.date a:link {
    font-family: 'Montserrat', sans-serif;
    font-size: 12px;
    color: #5c5c60 ;
    text-decoration: none;
}

.date a:visited {
    font-family: 'Montserrat', sans-serif;
    font-size: 12px;
    color: #5c5c60 ;
    text-decoration: none;
}

.date a:hover {
    font-family: 'Montserrat', sans-serif;
    font-size: 12px;
    color: #5c5c60 ;
    text-decoration: underline;
}

/* --- HELP STYLING  ---*/

/* Floating Help table.  */

#floatMenu {
    position: absolute ;
    font-family: 'Montserrat', sans-serif ;
    width: 30% ;
    height: 60px ;
    padding: 0;
    left: 40px ;
    margin-top: 0px;
}

.help {
    /* hide orange flash
    background-color: #E57A3A;
    */
    padding: 7px;
    font-family: 'Montserrat', sans-serif;
    font-size: 12px ;
    font-weight: 600;
    line-height: 16px ;
    color: #fff;
    border: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-background-clip: padding;
    -moz-background-clip: padding;
    -ms-background-clip: padding-box;
    -o-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-border-radius: 6px ;
    -moz-border-radius: 6px ;
    -ms-border-radius: 6px ;
    -o-border-radius: 6px ;
    border-radius: 6px ;
    width: 95%;
    margin-left: 5%;
}

.help tbody {
    border-radius: 6px ;
}

#tbl_help {
    padding: 16px;
    -webkit-box-shadow: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12);
    box-shadow: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12);
    border-radius: 6px;
}

/*  Table layout*/

table.data {
    border: 0px solid #ccc;
    padding: 10px;
}

table.data tr {
}

table.data tr td, table.data tr th {
    border-bottom: 1px solid #ccc;
    padding-top: 3px;
    padding-bottom: 3px;
}

table.data tr th {
    padding: 5px;
}

table.data tr th, table.data tr td {
    border-top: 0px solid #fff;
}

table.data tr td, .r0sm, .r1sm {
    color: #5c5c60;
    border-top: 1px solid #fff;
}

table.data tr:hover {
    background: #fff;
}

table.data tr th.header1 {
    background-color: #aac0d3;
    color: #fff;
    vertical-align: middle;
}

table.data tr th a {
    color: #5581a8;
    /*color: #fff;*/
}

/*  Table out border for upload drag and drop, household grid*/

table.outer {
    border: 1px solid #7295DC;
    padding: 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: #FFF;
}

/* --- FORMS LIBRARY STYLING  ---*/

/* Table containing list of forms and thumbnails.  */

/* Images */

.img_forms {
    border: 1px solid #cccccc;
    -webkit-box-shadow: #999999 1px 1px 3px 0;
    -moz-box-shadow: #999999 1px 1px 3px 0;
    -o-box-shadow: #999999 1px 1px 3px 0;
    box-shadow: #999999 1px 1px 3px 0;
}

/* Table containing list of forms and thumbnails.  */

.formListTable {
    background-color: rgb(245, 245, 245);
}

.formTitle {
    color: #3366cc;
}

/* --- END FORMS LIBRARY STYLING  ---*/

/* Layout Styling */

td[width="180"] {
    background: #FFF;
    border-right: none ;
    width: 30%;
}

td {
    padding: 0;
}

td[width="614"] {
    width: 70%;
    padding: 0;
    background: #FFF;
}

/* funky */
/*
#LayoutColumn1 {
    width: 100%;
}
*/

/* LEFT NAV MENU */

/* Hijacks the parent td of the submenu */
#SubMenu {
    width: 100%;
   /* margin-top: 30px;*/
    padding-left: 16px;
}

#SubMenu .content {
    border-radius: 2px;
    border: solid 1px #ddd;
    border-bottom: none;
    padding-bottom: 0;
    -webkit-box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12) ;
    box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12) ;
}

#SubMenu .content div:first-child {
    border-top-right-radius: 2px;
}

#SubMenu .submenuitem, #SubMenu .submenuitem2 {
    background-color: #fff;
    font-size: 14px;
    padding: 16px 8px 16px 24px;
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
}

#SubMenu .submenuitem2 {
    background: #FBFBFB;
}

#SubMenu .submenuitem A, #SubMenu .submenuitem2 A {
    font-size: inherit;
}

#SubMenu .title {
    color: #5c5c60;
}

#SubMenu .title a {
    color: #5c5c60;
}

#SubMenu .title a:hover {
    color: #5c5c60;
}

#SubMenu .selected A {
    color: #FFF;
    font-size: 14px;
}

#SubMenu .submenuitem A:hover {
    color: #5c5c60;
}

#SubMenu .completed .submenuitem {
    background-position: 10px 20px;
    background-color: #fff;
}

#SubMenu .completed .submenuitem:hover {
    color: #5581a8;
}

#SubMenu .submenuitem2 A:hover {
    color: #26bae9;
    background: url('../images/sideli-blue.png') no-repeat;
    background-position: 0px 4px;
}

#SubMenu .submenuitem2 A.selected {
    background: url('../images/sideli-blue.png') no-repeat;
    background-position: 0px 4px;
    color: #26bae9;
}

/* --- FORM  STYLING  ---*/

/* Form fieldset, legend, label and validation styles */

/* #fwform fieldset{border:1px solid #7295DC; background: url(../images/fieldset-grey.gif) left top repeat-x;}    graded background*/

.formTable.orangeTheme {
    background: #FFF;
   /*margin-top: 26px;*/ 
}

#fwform fieldset, .formTable.orangeTheme tbody tr td + div {
    background-color: #FFF;
    border-radius: 2px;
    -webkit-box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
    box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
    padding: 32px;
    padding-top: 80px;
    border: none;
    position: relative;
}

/* .formTable.orangeTheme tbody tr td div – styles the School selection box */

.formTable.orangeTheme tbody tr td + div {
    padding-top: 32px;
    overflow: auto;
}

.formTable.orangeTheme tbody tr td div span:nth-child(2) {
    display: inline-block;
}

.formTable.orangeTheme tbody tr td div span:nth-child(1) {
   display: block;
    margin-bottom: 12px;
}
/*
input[name*="btn_RemoveSchool"] {
    position: absolute;
    top: 36px;
    right: 0;
}
*/
#fwform legend {
    color: #26bae9;
    width: auto;
    position: absolute;
    margin-top: -40px;
}

#fwform ol {
    margin-bottom: 16px;
}

#fwform label {
    font-family: 'Montserrat', sans-serif;
    font-size: 12px;
    width: 100%;
    display: inline-block;
    vertical-align: top;
    padding-bottom: 7px;
    padding-right: 15px;
    /* these items are part of the label styling and needed for the radio and checkboxes to align at the top*/
    /* for firefox */
    /*for internet explorer */
}

#fwform .checkbox label {
    width: auto;
}

#fwform .checkbox {
    display: inline-block;
}

#fwform .checkboxlabel {
    font-family: 'Montserrat', sans-serif;
    font-size: 12px;
    width: auto;
    vertical-align: top;
    padding-bottom: 7px;
    padding-right: 15px;
    padding-left: 4px;
    display: inline;
    /* these items are part of the label styling and needed for the radio and checkboxes to align at the top*/
    /* for firefox */
    /*for internet explorer */
}

button:hover, input[type="reset"]:hover, input[type="submit"]:hover, input[type="button"]:hover {
    color: #0066CC;
}

button:active, input[type="reset"]:active, input[type="submit"]:active, input[type="button"]:active {
    color: #0066CC;
}

.horiz {
    font-family: 'Montserrat', sans-serif;
    color: #369 ;
    margin-top: -10px;
    margin-left: 0;
}

.orangeTheme .horiz td {
    padding-left: 0;
}

#EnglishProf2 .horiz td {
    width: 25%;
}

/*.orangeTheme .horiz td:nth-child(1) {
    width: 25%;
}

.orangeTheme .horiz td:nth-child(2) {
    width: 35%;
}*/

.horiz td {
    font-family: 'Montserrat', sans-serif;
    color: #369 ;
    padding-left: 1px;
}

.horiz label {
    font-family: 'Montserrat', sans-serif;
    font-size: 12px;
    width: 270px;
    display: inline-block;
    vertical-align: top;
    padding-bottom: 7px;
    padding-right: 10px;
    /* these items are part of the label styling and needed for the radio and checkboxes to align at the top*/
    /* for firefox */
    /*for internet explorer */
    margin: 0 0 6px;
}

textarea, select, input[type="file"], input[type="password"], input[type="text"], input[type="textarea"] {
    color: #26bae9;
}

#SchoolSelectList label {
    font-size: 16px;
    font-weight: normal;
    width: auto;
    margin-left: 10px;
    margin-bottom: 20px;
}

.errorBold {
   /* display: inline-block;*/
    margin-top: 6px;
}

.errorBold img {
    margin-right: 5px;
    margin-top: -3px;
}

/* --- END FORM  STYLING ---*/

/* dashboard legend and label styles */

#fwapps fieldset {
    border: 1px solid #5581a8;
}

#fwapps legend {
    color: #5581a8;
}

/* --- Search  STYLING ---*/

#adminViewTable td {
    padding: 20px;
}

#adminViewTable td td {
    padding: 5px;
}

#adminViewTable div {
    height: 114px;
}

#adminViewTable label {
    font-size: 13px;
    color: #1f5a7f;
    font-weight: bold;
    display: block;
    margin-top: 10px;
    margin-bottom: 5px;
}

#adminViewTable input, #adminViewTable select {
    color: #5d4d2f;
    height: auto;
    padding: 7px 15px;
    border: 1px solid #327abf;
    width: 170px;
}

#adminViewTable input[type="submit"] {
    text-shadow: none;
    padding: 5px 16px;
    margin: 0 3%;
    font-size: 18px;
    font-weight: bold;
    color: #5581a8;
    font-family: "Lato", sans-serif ;
    background-color: #fff;
    background-image: none;
    width: auto;
}

#adminViewTable #btn_Search {
    background-color: #5581a8;
    border-color: #5581a8;
    color: #FFFFFF;
}

.appsFound {
    font-size: 14px;
    color: #253e46;
    line-height: 20px;
    text-align: center;
    margin-top: 10px;
}

.appsFound span {
    font-size: 14px;
    color: #ed8f2d;
    line-height: 20px;
}

#adminViewTable .styled-select {
    background-size: auto 100%;
    padding: 0;
    background-repeat: no-repeat;
    background-position: right;
    height: auto;
    width: 170px;
    overflow: hidden;
    background-image: url(../images/select-arrow.png);
    border: 1px solid #327abf;
    border-radius: 5px;
}

#adminViewTable .styled-select select {
    background: transparent;
    width: 268px;
    padding: 8px 15px;
    border: 0;
    border-radius: 5px;
    -webkit-appearance: none;
}

@media  (max-width: 1481px) {
  .appsFound {    
    margin-top: 0;
  }
}

/* Orange theme form stylings: just give any tables you want this to apply to the class "orangeTheme"  */

/*copied from formStyles*/

.orangeTheme td {
    padding: 10px;
 
}

.orangeTheme td td {
    padding: 5px;
}

#fwform li {
    margin: 0 0 24px;
}

.orangeTheme label {
    font-size: 13px;
    color: #999;
    font-weight: normal;
    /*display: block;*/
    display: inline-block;
    margin-bottom: 0;
}

.orangeTheme input, .orangeTheme select {
    color: #5d4d2f;
    height: auto;
    padding: 2px 15px 7px 0;
    border: none;
    border-bottom: 1px solid #ddd;
    /*width: 100%;*/
     width: 95%;
    font-family: 'Montserrat', sans-serif;
}

.orangeTheme input[type="checkbox"] {
    width: auto;
}

.orangeTheme input:focus, .orangeTheme select:focus, textarea:focus {
    box-shadow: none;
    border-bottom: solid 2px orange;
}

.orangeTheme input[type="submit"], .orangeTheme input[type="button"] {
    text-shadow: none;
    padding: 12px 24px 10px ;
    margin: 0 16px 0 0;
    font-size: 14px;
    font-weight: normal;
    color: #FFFFFF;
    font-family: 'Montserrat', sans-serif;
    background-color: #26bae9;
    border-color: #26bae9;
    background-image: none;
    width: auto ;
    text-transform: uppercase;
}
.orangeTheme input[type="reset"]:hover,
.orangeTheme input[type="submit"]:hover,
.orangeTheme input[type="button"]:hover {
	background-color: #FFF;
    color: #0066CC;
}
.orangeTheme input[type="reset"]:active,
.orangeTheme input[type="submit"]:active,
.orangeTheme input[type="button"]:active {
	background-color: #FFF;
    color: #0066CC;
}
.orangeTheme input[type="reset"]:focus,
.orangeTheme input[type="submit"]:focus,
.orangeTheme input[type="button"]:focus {
	background-color: #FFF;
    color: #0066CC;
}
/*Use button default colors*/
/*
.orangeTheme #btn_Search {
    background-color: #FFF;
    border-color: #FFF;
}
*/
.orangeTheme .styled-select {
    background-size: auto 100%;
    padding: 0;
    background-repeat: no-repeat;
    background-position: right;
    height: auto;
    width: 170px;
    overflow: hidden;
    background-image: url(../images/select-arrow.png);
    border: 1px solid #327abf;
    border-radius: 5px;
}

.orangeTheme .styled-select select {
    background: transparent;
    width: 268px;
    padding: 8px 15px;
    border: 0;
    border-radius: 5px;
    -webkit-appearance: none;
}

.btn-default {
    text-shadow: none;
    padding: 5px 16px;
    margin: 0 3%;
    font-size: 18px;
    font-weight: bold;
    color: #253e46;
    font-family: 'Montserrat', sans-serif;
    background-color: #fff;
    background-image: none;
    width: auto;
}

.btn-primary {
    text-shadow: none;
    padding: 5px 16px;
    margin: 0 3%;
    /*font-size: 18px;
    font-weight: bold;
    color: #253e46;
    background-color: #fff;*/
    font-family: 'Montserrat', sans-serif;
    background-image: none;
    width: auto;
}

#btnSave {
    background-color: #FFF;
    border-color: #FFF;
}


/* Portal 2 over-rides */

textarea, select, input[type="file"], input[type="password"], input[type="text"], input[type="textarea"], #adminViewTable .styled-select, #headerTable input[type="button"], #adminViewTable #btn_Search, #adminViewTable input[type="submit"] {
    border-radius: 0;
    font-weight: normal;
    font-size: 14px;
}

input.formInput {
    border-bottom-width: 1px;
    font-family: 'Montserrat', sans-serif;
    width: 95%;
}

/* Hide Today on datepicker for mm/yyyy date formats*/
button.ui-datepicker-current { display: none; }

#fileupload fieldset {
    margin: 0 0 20px;
    padding: 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

/*fileupload form id. Set the same style as fwform*/
#fileupload fieldset, .formTable.orangeTheme tbody tr td + div {
    background-color: #FFF;
    border-radius: 2px;
    -webkit-box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
    box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
    padding: 32px;
    padding-top: 80px;
    border: none;
    position: relative;
}
/*
#fileupload {
    margin: 0 5px 15px 15px;
    width: 600px;
}

#fileupload {
    width: 100%;
    margin: 0;
}
*/


    #fileupload fieldset .hide {
        display: none;
    }

    #fileupload fieldset .show {
        display: normal;
    }

    #fileupload legend {
        font-family: Arial, Helvetica, sans-serif !important;
        font-size: 15px;
        font-weight: bold;
        padding-bottom: 5px;
        padding-left: 2px;
        padding-right: 2px;
    }
    #fileupload legend {
        color: #5581a8;
        width: auto;
        position: absolute;
        margin-top: -40px;
    }

    #fileupload ol {
        margin-bottom: 16px;
    }

    #fileupload label {
        font-family: 'Montserrat', sans-serif;
        font-size: 12px;
        width: 100%;
        display: inline-block;
        vertical-align: top;
        padding-bottom: 7px;
        padding-right: 15px;
        /* these items are part of the label styling and needed for the radio and checkboxes to align at the top*/
        /* for firefox */
        /*for internet explorer */
    }

.btn-secondary {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d;
}

.btn-secondary:hover {
    color: #fff;
    background-color: #5a6268;
    border-color: #545b62;
}

.btn-secondary:focus, .btn-secondary.focus {
    box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}

.btn-secondary.disabled, .btn-secondary:disabled {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d;
}

.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active,
.show > .btn-secondary.dropdown-toggle {
    color: #fff;
    background-color: #545b62;
    border-color: #4e555b;
}

    .btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus,
    .show > .btn-secondary.dropdown-toggle:focus {
        box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
    }