.wwgrp {
	clear: left;
	margin-bottom: 0.5em;
	min-height: 1.3em;
	/* fixes an issue on FF if there is no content in the datablock - should equal line-height*/
}

.errorLabel {
	font-style: italic;
	color: red;
}

.errorMsg {
	font-weight: bold;
	text-align: left;
	color: red;
	padding-left: 1.5em;
	vertical-align: top;
	/* url relative to /context/struts/theme/ */
	background-image: url(../images/exclamation.png);
	background-repeat: no-repeat;
	background-position: 1% 50%;
	margin-left: 1em;
}

.checkboxErrorLabel {
	color: red;
}

.required {
	color: red;
}

span.required{
	cursor:help;
}

/******************************************/
html,body {
	margin: 0;
	padding: 0px;
	font-size: 100%;
	line-height:1.3em;
	font-family:Frutiger,"Frutiger Linotype",Univers,Calibri,"Gill Sans","Gill Sans MT","Myriad Pro",Myriad,Tahoma,Geneva,"Helvetica Neue",Helvetica,Arial,sans-serif;
}

#content {
	margin: 0;
	padding: 3px 3px 17px 3px;
}

.divider {
	font-size: 70%;
	vertical-align: baseline;
}

#masthead {
	background-color: #A1A5AB;
	border-top: 1px solid #A1A5AB;
	height:36px;	
	/** to fix a discrepancy b/w chrome and the others. make it so that the height is the height regardless of borders**/
 -moz-box-sizing: border-box;
       box-sizing: border-box;		
	/* need this or the content doesnt 'start' until the end of #navContainer margin-top*/
}

#navcontainer {
	width: 90%;
	margin-left: 0px;
	z-index: 500;
	margin-top:9px;
	line-height:21px; /* to address a rounding difference for 1.3em in chrome vs others */
	outline: none;
}

#navcontainer ul {
	list-style: none;
	margin: 0 0 0 0px;
	padding: 0;
}

#navcontainer li {
	list-style: none;
	margin: 0 0 0 3px;
	padding: 0;
	float: left;
}

#navcontainer li ul {
	list-style: none;
	margin: 1px 0 0 0px;
	width: 14em;
	border: 1px solid #000;
	border-top: 1px solid #000;
}

#navcontainer li ul li {
	width: 100%;
	margin: 0;
}

#navcontainer li:hover ul {
	margin: 1px 0 0 0px;
}

#navcontainer a {
	text-align: center;
	display: block;
	border-width: 1px 1px 0 1px;
	border-style: solid;
	border-color: #ccc #888 #555 #bbb;
	margin: 0;
	padding: 2px 10px;
	font-weight: normal;
}

#navcontainer li ul a {
	border-width: 1px;
	padding: 2px 2px 2px 8px;
}

#navcontainer a {
	color: #fff;
	background-color: #369;
	text-decoration: none;
	text-align: left;
}

#navcontainer li ul ul a {
	background-color: #58B;
}

#navcontainer a:hover,#navcontainer li:hover a.mainLink,
#navcontainer a.focusedEl,#navcontainer li.focusedEl a.mainLink  {
	color: #369;
	background-color: #fff;
}

.hiddenItem{
	margin-top:-999em;
}



/* make main nav links rounded tabs, works in all current major browsers except IE < 9 */
.mainLink {
    border-radius: 6px 6px 0 0;
}

#navcontainer li {
	position: relative;
	/* z-index to prevent menu going behind sticky header */
	z-index: 1002;
}

#navcontainer li ul {
	position: absolute;
	left: 0;
	z-index: 1000;
}

#navcontainer li ul ul {
	position: absolute;
	top: 0;
	left: 100%;
}

#navcontainer li ul,#navcontainer li:hover ul ul,#navcontainer ul li:hover ul ul
	{
	margin-top:-999em;
}

#navcontainer li:hover ul,#navcontainer ul li:hover ul,#navcontainer ul ul li:hover ul
	{
	margin-top:0;
}



#navcontainer li.hasSubList a {
	background-image: url(../images/bullet_arrow_down.png);
	background-repeat: no-repeat;
	background-position: center right;
	padding-right: 15px;
}

#navcontainer li.hasSubList li a,#navcontainer li li.hasSubList li a {
	background-image: none;
}

#navcontainer li li.hasSubList a {
	background-image: url(../images/bullet_arrow_right.png);
	background-repeat: no-repeat;
	background-position: center right;
}

#infoBar {
	background: #e1e1e1 url(../images/e1eGrad.jpg) repeat-x 0 0;
	border-top: 1px solid #777;
	border-bottom: 1px solid #999;
	position: relative;
	color: #555;
	margin-bottom: 10px;
	padding-right: 5px;
	padding: 3px 5px 6px 3px;
	font-size: 14px;
	min-height: 1.2em;
}

#infoBar #status {
	padding: 0 0 0 0.3em;
	margin: 0;
	max-width: 43%;
	display: block;
}

#infoBar ul {
	list-style-type: none;
	list-style-image: none;
	list-style-position: outside;
	padding: 0;
	margin: 0 0.3em 0 0;
	position: absolute;
	top: 3px;
	right: 0
}

#infoBar li {
	float: left;
	padding: 0 0.6em 0 0;
	margin: 0 0.6em 0 0;
	background-color: transparent;
	border-right: 1px dotted #aaa;
}

#infoBar li.lastLI {
	border-right: 0px solid #ccc;
	margin-right: 0em;
	padding-right: 0;
}

#footer {
	padding: 1em 0.5em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border-top: 1px solid #A1a5ab;
	color: #555;
	background: transparent url(../images/e1eGrad.jpg) repeat-x 0 0;
	font-size: 11px;
	clear:both;
}

#footer img {
	
}

#footer p {
	clear: left;
	padding-top: 0.5em;
}

#footer #logos img {
	margin-right: 1em;
}

#footer ul {
	list-style-type: none;
	list-style-image: none;
	list-style-position: outside;
	padding-top: 0;
	padding-right: 2%;
	padding-bottom: 0em;
	padding-left: 0;
	margin: 0 0;
}

#footer li {
	float: left;
	padding: 0 0.6em 0 0;
	margin: 0 0.6em 0 0;
	background-color: transparent;
	border-right: 1px dotted #aaa;
}

#footer li.lastLI {
	border-right: 0px solid #cccccc;
}

#header #title {
	font-family: Verdana;
	font-weight: bold;
	color: #f7f7f7;
	position: relative;
	font-size:32px;
	right:8px;
	top: 7px;
	float:right;
	display:block;
}

h2 {
	border-bottom: 1px solid #A1a5ab;
	color: #080808;
	margin-top: 0;
	line-height: 1.3em; /* some reason this isnt inherited from body */
}

a img {
	border: none;
}

table.list,table.list tr,table.list th,table.list td {
	border: 1px solid #A1A5AB;
	border-collapse: collapse;
}

table.list th {
	border: 1px solid #666;
	background-color: #69C;
	color: #fff;
	word-wrap:normal; /* dont break column header words */
}

table.list th.hiddenTH {
 	color:#69C;	/*transparent didnt work on IE so setting to background color */
}

table.list th a {
	color: #fff;
	display: block;
	width: 100%;
	position: relative;
}

.ui-widget-content.ui-tabs-panel table.list th a{
	color: #fff;
}

table.list th a:hover {
	color: blue;
	background-color: #ccc;
}

table.list tbody th {
	border-bottom: 1px solid #666;
}

table.list {
	margin-bottom: 1em;
	width: 100%;
	word-wrap:break-word;/* td or th must have a width applied or this does nothing*/
}

.breakWord{
word-wrap: break-word; /* didnt seem to affect anything */
word-break: break-all; /* worked in IE7 */
}

.smallerText {
	font-size: .9em;
}

table.list td, fieldset table.list td {
	text-align: center;
	padding: 2px;

}

fieldset table.list td{
	background-color:#fff;
}

fieldset fieldset table.list td{
	background-color: #f7f7f7;
}

table.list caption {
	margin-top: 0em;
	/* margin top here instead of table because firefox treats caption as above table and IE treats it as part of table */
	/*margin-left:-1px;  firefox issue (now seems to be fixed as of FF 3.6) */
	border: 1px solid #666;
	background-color: #aaa;
	color: #fff;
	font-weight: bold;
}

.odd td, fieldset table.list .odd td, fieldset fieldset table.list .odd td{
	background-color: #efefef;
}

.selected {
	background-color: #ccc;
}

tr.lineSep td{
height:15px;
background-color: #ded;
}

table.exportBottom{
	margin-bottom:0.2em;
}

fieldset {
	border: 1px solid #A1a5ab;
	padding: 0.4em 0.5em 0.3em 0.5em;
	margin: 0;
	margin-bottom: 0.5em;
	display: block;
	background-color: #f7f7f7;
	box-shadow:2px 2px 2px rgba(0, 0, 0, 0.2);
}

legend {
	color: #F7F7F7;
	font-weight: bold;
	background-color: #A1A5AB;
	border: 1px solid #666;
	padding: 0.1em 0.2em;
	margin-bottom: 0em;
	margin-left: 0;
}

.minimizable > legend{
	padding:0 0 0.2em 0.2em;
}

p {
	margin-top: 0;
	margin-bottom: 0.8em;
}

/* TODO look into changing this rule to .wwlbl label or .wwgrp label so as to not interfere with other frameworks and 
non standard form layout
*/
label {
	font-weight: bold;
	display: block;
	float: left;
	width: 11em;
	text-align: left;
	/* margin-bottom:0.5em; */
}

label.ui-button,label.inlineLabel.ui-button,
.useLongerLabel label.inlineLabel.ui-button,
.useLongLabel label.inlineLabel.ui-button,
.useShortLabel label.inlineLabel.ui-button
label.checkboxLabel.ui-button{
	float: none;
	width: auto;
	display: inline-block;
	vertical-align: baseline;
	font-size:90%;
	margin-right:-.3em;
}

.wwlbl label{
	font-size:90%;
}

label.inlineLabel,.useInlineLabel label,.checkboxLabel,.useShortLabel label.inlineLabel,
.useLongLabel label.inlineLabel,.useLongerLabel label.inlineLabel,.useExtraLongLabel label.inlineLabel{
	font-weight: normal;
	float: none;
	margin-right: 0.5em;
	display: inline;
	width: auto;
}

.checkboxLabel {
	margin-right:0.2em;
}

.shortLabel,.useShortLabel label {
	width: 6em;
}

.useShortLabel .dataBlock {
	margin-left: 6em;
}

.longLabel,.useLongLabel label{
	width: 14em;
}

.useLongLabel .dataBlock {
	margin-left:14em;
}

.longerLabel,.useLongerLabel label{
	width: 20em;
}

.useLongerLabel .dataBlock {
	margin-left: 20em;
}

.extraLongLabel,.useExtraLongLabel label{
	width: 35em;
}

.useExtraLongLabel .dataBlock {
	margin-left: 35em;
}

.data {
	position: relative;
	top: 0;
	left: 0;
	z-index: 0;
}

.dataBlock {
	display: block;
	margin-left: 11em;
}

button, input,textarea,select {
	border: 1px solid #A1a5ab;
	background-color: #fff;
    padding: 4px 4px 4px 3px;    
    font-family:Verdana, Geneva, sans-serif;
    color: #000;
    border-radius: 5px 0px 0px 5px;    
}

input[type="file"]{
	padding:0;
}

input[type="radio"],input[type="checkbox"]{
	border: none;
	background-color: transparent;
	padding-left: 0;
	padding-right:0;
	margin-left: 0;
	margin-right:0;	
}

input[type="checkbox"]:focus,input[type="checkbox"]:hover,input[type="radio"]:hover,input[type="radio"]:focus {
	border: none;
	background-color: transparent;
}

textarea { /*margin-bottom:8px; */
	
}

input[type="submit"],input[type="reset"],button,input[type="button"] {
	margin: 0 0 3px 0; /* should have bottom margin in case buttons are stacked due to narrow width*/
    border-radius: 5px 5px 5px 5px;
}

fieldset fieldset,fieldset .infoMessage,fieldset .errorMessage,fieldset .successMessage,fieldset .warnMessage,fieldset .editInstructions
	{
	background-color: #fff;
}

fieldset fieldset {
	margin-bottom: 1em;
}

fieldset fieldset .editInstructions,fieldset fieldset .successMessage,fieldset fieldset .infoMessage,fieldset fieldset .errorMessage,fieldset fieldset .warnMessage,fieldset fieldset .editInstructions
	{
	background-color: #f7f7f7;
}

fieldset fieldset input,fieldset fieldset textarea,fieldset fieldset select,fieldset fieldset a.goButton,fieldset fieldset a.previousButton,fieldset fieldset a.cancelButton, fieldset fieldset a.button
{
	background-color: #f7f7f7;
}

input:focus,textarea:focus,select:focus,input:hover,textarea:hover,select:hover,
.button:hover, .cancelButton:hover, .saveButton:hover, .submitButton:hover, .resetButton:hover, .rejectButton:hover, .overrideButton:hover, 
.holdButton:hover, .approveButton:hover, .releaseButton:hover, .createUserButton:hover, .editButton:hover, 
.changeDateButton:hover, .createButton:hover, .previousButton:hover, .printButton:hover, .addButton:hover, 
.searchButton:hover, .goButton:hover
	{
	background-color: #ffffee;
	border: 1px solid #666;
}

input[disabled], input[disabled]:active, input[disabled]:hover, input[disabled]:hover:active,
select[disabled], select[disabled]:active, select[disabled]:hover, select[disabled]:hover:active,
textarea[disabled], textarea[disabled]:active, textarea[disabled]:hover, textarea[disabled]:hover:active{
background-color:#eee !important;
color:#000 !important;
cursor:inherit;
}

input.ui-spinner-input:hover, input.ui-spinner-input:focus{
	border:none;
}

br {
	clear: left;
}

form {
	margin-top: 0;
	margin-bottom: 0;
}

.editInstructions {
	background-image: url(../images/application_edit.png);
	border: 1px solid #A1a5ab;
}

.infoMessage,.errorMessage,.successMessage,.warnMessage,.editInstructions
	{
	padding: 0.8em 0.8em 0 40px;
	background-repeat: no-repeat;
	background-position: 1% 50%;
	background-color: #f7f7f7;
	margin-bottom: 1em;
}

.infoMessage {
	background-image: url(../images/information.png);
	border: 1px solid #336699;
}

.errorMessage {
	background-image: url(../images/exclamation.png);
	border: 1px solid #E76656;
}

.successMessage {
	background-image: url(../images/tick.png);
	border: 1px solid #81CA76;
}

.warnMessage {
	background-image: url(../images/error.png);
	border: 1px solid #CC9966;
}

.button,.cancelButton,.saveButton,.submitButton,.resetButton,.rejectButton,.overrideButton,.holdButton,.approveButton,
.releaseButton,.createUserButton,.editButton,.changeDateButton,.createButton,.previousButton,.printButton,.addButton,.searchButton,
.goButton
	{
	background-repeat: no-repeat;
	/* not using % position due to issues with long buttons, this should put the image 2px from the left of the container and vertically centered */
	background-position: 2px center;
	padding-right: 0.3em;
	padding-left: 20px;
	padding-top: 0.3em;
	padding-bottom: 0.3em;
	line-height:17px; /* matching the body line height of 1.25em has inconsistencies b/w input and anchor buttons actual line height*/
	/*adding font fam for consistent look and size*/
	font-family:Arial,san-serif;
	font-size:14px;	
	/*blue color to stand out more, radius for round borders, not supported in IE<=8*/
	color: #0000cc;
	border-radius:6px;
	margin-bottom:3px; /* add a margin bottom in case the buttons are stacked due to narrow width*/
}

.goButton {
	background-image: url(../images/arrow_right.png);
	background-repeat: no-repeat;
	background-position: 98% 50%;
	padding-right: 22px;
	padding-left:0.2em
}

a.button, a.goButton,a.previousButton,a.cancelButton,a.resetButton,a.searchButton,
a.saveButton,a.submitButton,a.rejectButton,a.overrideButton,a.holdButton,a.approveButton,
a.releaseButton,a.createUserButton,a.editButton,a.changeDateButton,a.createButton,a.printButton {
	color: #0000cc;
	text-decoration: none;
	border: 1px solid #A1a5ab;
	background-color: #fff;
	cursor:pointer;/*to be consistent with the submit buttons */	
	/*allows us to apply margins/padding more like input buttons*/
	display:inline-block; 	
}

.ui-widget-content.ui-tabs-panel a{
	color: #0000cc;
}

a.button{
	vertical-align: top;
}

.disabled,fieldset a.disabled,fieldset fieldset a.disabled,a.disabled,
.disabled:hover,fieldset a.disabled:hover,fieldset fieldset a.disabled:hover,a.disabled:hover{
	background-color:#ddd;
}

/*Remove button padding in FF*/
input::-moz-focus-inner { 
    border: 0;
    padding: 0;
}

.shorterButton, a.shorterButton {
    padding-bottom: 0.1em;
    padding-top: 0.1em;
}

.copyButton {
	background-image: url(../images/application_double.png);
	/* for this image and other ones with the same position and padding this is needed b/c icon doesnt 
	have a 1px transparent border unlike most of them*/
	background-position: 3px center;
	background-repeat: no-repeat; 
	padding-left:22px;
}

.branchButton {
	background-image: url(../images/arrow_branch.png);
}

.splitButton {
	background-image: url(../images/arrow_divide.png);
}

.exportButton {
	background-image: url(../images/page_go.png);
}

.searchButton {
	background-image: url(../images/magnifier.png);
}

.addButton {
	background-image: url(../images/add.png);
}

.printButton {
	background-image: url(../images/printer.png);
	background-position: 3px center;
	padding-left:22px;
}

.previousButton {
	background-image: url(../images/arrow_left.png);
}

.approveButton {
	background-image: url(../images/accept.png);
}

.holdButton {
	background-image: url(../images/lock.png);
}

.releaseButton {
	background-image: url(../images/lock_open.png);
}

.rejectButton {
	background-image: url(../images/cross.png);
}

.overrideButton {
	background-image: url(../images/user_edit.png);
	background-position: 3px center;
	padding-left:22px;
}

.cancelButton {
	background-image: url(../images/delete.png);
}

.saveButton {
	background-image: url(../images/script_save.png);
	background-position: 3px center;
	padding-left:22px;
}

.submitButton {
	background-image: url(../images/application_go.png);
	background-position: 3px center;
	padding-left:22px;
}

.resetButton {
	background-position: 3px center;
	padding-left:22px;
	background-image: url(../images/page_refresh.png);
	
}

.createUserButton {
	background-image: url(../images/user_add.png);
}

.editButton {
	background-image: url(../images/table_edit.png);
}

.changeDateButton {
	background-image: url(../images/calendar_edit.png);
}

.createButton {
	background-image: url(../images/application_form_add.png);
	background-position: 3px center;
	padding-left:22px;
}

acronym,.acronym {
	cursor: help;
}

table.list th acronym {
	border: none;
}

fieldset fieldset textarea {
	background-color: #f7f7f7;
	overflow: auto;
}

span.badInput {
	border: 1px solid red;
}

.badInput {
	border-color: red;
	font-weight: bold;
}

.skipNav {
	position: absolute;
	left: 0px;
	top: -500px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

.skipNav:focus,.skipNav:active {
	position: static;
	width: auto;
	height: auto;
}

.hidden {
	display: none;
}

span.exportSeparator {
	padding-left:4px;
}

span.export {
	padding: 0 0 0 20px;
	display: inline;
	display: inline-block;
	cursor: pointer;
}

span.excel {
	background: url(../images/ico_file_excel.png) no-repeat 0% 40%;
}

span.csv {
	background: url(../images/ico_file_csv.png) no-repeat 0% 40%;
}

span.xml {
	background: url(../images/ico_file_xml.png) no-repeat 0% 40%;
}

span.pdf {
	background: url(../images/ico_file_pdf.png) no-repeat 0% 40%;
}

span.rtf {
	background: url(../images/ico_file_rtf.png) no-repeat 0% 40%;
}

.bannerContainer{
	background-color: #eee;
	border: 1px dotted #999;
	padding: 2px 4px;
	
	display: block;
	margin-bottom: 5px;
}

div.exportlinks {
clear:both;
background: url(../images/page_go.png) no-repeat 0 50%;
padding-left: 20px;

}
div.exportlinks a{
text-decoration:none;	
}

div.exportlinks a:hover, div.exportlinks a:focus{
	text-decoration: underline;
}
	
	
.pagebanner {
	display:block;
	float:left;
	margin-bottom: 0.3em;
}

.pagelinks {
	display: block;
	float:right;
}

.resultsAndNav{
	padding-top:2px;
	padding-bottom:2px;
	min-height: 1.5em;
}

.pagelinks a{
border:1px solid #ccc;
padding:1px 3px;
text-decoration: none;
background-color:#fff;
margin-right: 5px;
display:inline-block;
}

.viewAll a {
	border-radius: 6px;
}

.pagelinks a:hover, .pagelinks a:focus  {
background-color:#fff;
border:1px solid black;
text-decoration:none;
}

.selectedPage{
	display:inline-block;
font-weight:bold;
border:1px solid #000;
padding:1px 3px;
background-color:#ffc;
margin-right: 5px;
}

.pagelinks a.goButton {
	padding-right: 20px;
}

.pagelinks a.previousButton {
	padding-left: 20px;
}

.pagelinks .prevLink{
	margin-right: 20px
	}

.pagelinks .nextLink{
	margin-left: 15px
}
	
#userName,.role,.date {
	font-weight: bold;
}

legend .closeImg,.toggleImg {
	position: relative;
	top: 4px;
	border: 1px solid transparent;
	outline: none;
}

.toggleImg:hover {
	background-color: #a6c6e6;
	border: 1px solid #666;
}

caption .toggleImg {
	float: right;
}

.toggleLink {
	outline: none;
	margin-left: 0.3em;
	margin-right: 0.1em;
}

table .sortImg {
	position: absolute;
	top: 30%;
	right: 2%;
}

.leftClear {
	clear: left;
}

.rightClear {
	clear: right;
}

.bothClear {
	clear: both;
}

.tooltipIcon {
	vertical-align: middle;
	cursor: help;
}

.hasTooltip {
  cursor: help;
}

legend .tooltipIcon{
	vertical-align: text-bottom;
}

.minimized *, .minimized a{
	display: none;
}

.minimized legend{
	display:block;
}

.minimized caption{
	display:table-caption
}

.minimized legend *,.minimized caption * {
	display: inline;
}

.minimized legend script{
	display:none;	
}

ul {
	margin: 0.5em 0;
	padding: 0;
}

ol{
	margin: 0.5em 0;
	padding: 0 0 0 1em;
}

fieldset ul {
	margin-left: 1em;
}

li {
	margin-left: 1em;
	margin-bottom: 0.3em;
}

.radioDiv {
	text-align: center;
	float: left;
	min-width: 3em;
	max-width: 5em;
	margin-right: 0.5em
}

div.radioDiv input {
	margin: 0;
	padding: 0;
}

div.radioDiv label {
	margin: 0;
	padding: 0;
	float: none;
}

.stackTrace {
	font-size: 90%;
	background-color: #ffd;
	max-height: 400px;
	overflow: scroll;
	border: 1px solid #aaa;
	padding: 0.3em 0.2em 0.3em 0.5em;
	font-family: Courier;
}

.ajax-loading,td.ajax-loading {
	background: #ffffee url(../images/spinner.gif) no-repeat center right;
}

input[type="submit"].ajax-loading,.ajax-loadingLeft {
	background: #ffffee url(../images/spinner.gif) no-repeat center left;
}

.ajax-deleting,.ajax-deleting td {
	background-color: #FFaFaF !important;
}

/*
This is the progress bar container
Width is set with javascript, but those value can be modified
Try to keep the button's and progress bar's margin-left the same for better results
*/
div.tbProgress{
	height:1em;
	border:1px solid #A1A5AB;
	border-top:none;
	background-color:#FFF;
	margin:0 0 5px 0;
}

/*
this is the actual progress indicator, inside the progressbar container
Except the background color, you probably don't want to mess up the other properties
You can set a background image if you want
*/
.tbProgressBar{
	background-color:#FFCC66;
}

/*
characters counter. Same here, except the text color, you don't want to modify any other property
*/
.tbCounter{
	color:#333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	font-weight:bold;
}

/** use on a div to clear a float after the div**/
div.clearFix:after{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.loadingDialog .message {
}

.loadingDialog {
	width: 220px;
	text-align: center;
	border: 1px solid lightblue;
	background: white;
	color: #444;
	opacity: 80;
	padding: 20px;
}

.expandableInput {
    width: 98%;
}

/* NIMH additions for chosen library*/
.chosen-container.expandableInput {
    width: 97% !important;
}

.chosen-container.expandableInputWithBtn {
    width: 80% !important;
}

.expandableInput .chosen-drop, .expandableInputWithBtn .chosen-drop {
    width: 99% !important;
}

.chosen-container{
	font-size:inherit;
}

.chosen-container-multi{
	font-size:85%;
}

.ui-chosen-selectAllBtnContainer a, .ui-chosen-selectNoneBtnContainer a{
	font-weight:bold;
}

.chosen-choices,.chosen-container-single .chosen-single{
	border-radius:5px 0 0 5px;
}

/* end */


#simplemodal-container{
	background-color:#fff;
	border: 1px solid #000;
}

#simplemodal-overlay{
	background-color:#fff;
}

#simplemodal-container a.modalCloseImg {
	background:url("../images/x.png") no-repeat;
	width:25px;
	height:29px;
	display:inline;
	z-index:3200;
	position:absolute;
	top:-15px;
	right:-18px;
	cursor:pointer;
}

/* Avoid FOUC of Chosen plugin, select list is styled prior to the plugin */
.chosen-supported select.chzn-list {
  height:25px;
  color: #999;
  font-family: sans-serif;
}

#environment {
	font-family: Verdana;
	font-size: .9em;
	font-weight: bold;
	text-align:center;
	display:block;
	background-color:lightgoldenrodyellow;
	border-bottom:1px solid #777;
}

input[type="number"] {
   width:5em;
}

input[type="number"].fourDigitsMax{
	width:4em;
}


/** START mobile navigation */
#navcontainer li.mobileMenuIcon {
	text-transform: uppercase;
	display: none;
}

/* hide regular menu, show mobile menu */
@media screen and (max-width:1100px) {
  #navcontainer li {display: none;}
  #navcontainer li.mobileMenuIcon {
    float: left;
    display: inline;
  }
}

@media screen and (max-width:1100px) {
  #navcontainer ul.mobileMenu {
      height: 100%;
      width: 260px;
      position: absolute;
      z-index: 1002;
      left: 0;
      background-color: #A1A5AB;
      /*overflow-y:auto;*/
      padding-top: 27px; /* Place content 27px from the top */
      transition: 0.2s;
  }
  
  #navcontainer ul.mobileMenu, #navcontainer li ul, #navcontainer li ul ul {
	position: relative;
  }
  
  #navcontainer li ul {
  	width: 99%;
	left: 0;
  }
  
  #navcontainer li ul ul {
  	width: 99%;
	left: 0;
  }

  #navcontainer li ul,#navcontainer li:hover ul ul,#navcontainer ul li:hover ul ul {
	margin:0;
  }
  
  #navcontainer ul.mobileMenu li.mobileMenuIcon {
      position: absolute;
      left: 0;
      top: 0;
      bottom:0;
  }
  
  /* do not style menu icon list element, which appears last in list */
  #navcontainer ul.mobileMenu li:not(:first-child) .mainLink {
      border-radius:0px;
  }
  
  #navcontainer ul.mobileMenu li {
      float: none;
      display: block;
  }
  
  #navcontainer ul.mobileMenu li.hasSubList ul {
	display: none;
  }
  
  #navcontainer ul.mobileMenu li.hasSubList a {
	position: relative;
  }
  
  #navcontainer ul.mobileMenu li.hasSubList ul.submenu-open {
	display: block;
  }
  
  #navcontainer li.hasSubList a, #navcontainer li li.hasSubList a {
	background-image: url(../images/bullet_arrow_right.png);
  }
  
  #navcontainer li.hasSubList a.is-active, #navcontainer li li.hasSubList a.is-active {
	background-image: url(../images/bullet_arrow_down.png);
  }
  
}

/** END mobile navigation */