td
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10pt;
}
caption {
    text-align: left;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    margin-bottom: 5px;
}

input, button {
    font-family: Verdana, Arial, Helvetica, sans-serif;
}
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #FEFEFE;
}
/*
a:link { color: #003300;  text-decoration: none; }
a:active { color: #003300;  text-decoration: none; }
a:visited { color: #003300;  text-decoration: none;}
a:hover { color: #003300;  text-decoration: underline; }
*/

a:link { color: #000033;  text-decoration: none; }
a:active { color: #000033;  text-decoration: none; }
a:visited { color: #000033;  text-decoration: none;}
a:hover { color: #000033;  text-decoration: underline; }

.EmailLink:link, .EmailLink:active, .EmailLink:visited { color: #000033;  font-weight: normal; text-decoration: none; }
.EmailLink:hover { color: blue;  font-weight: normal; text-decoration: underline; }
.TableDivider a:link, .TableDivider a:active, .TableDivider a:visited { font-weight:bold; color: #FFF; }
#TopNav img {
	vertical-align:middle;
	margin-right: 10px;
}
/*
ul{
	margin: 0;
	padding: 0;
	cursor: default;
	list-style-type: none;
	display: table;
}
li{
	display: table-row;
	position: relative;
	padding: 2px 6px;
}
*/

div.menutable {
	line-height: 150%;
}
.menutable img {
	vertical-align:middle;
	margin: 5px 5px 5px 0px;
	border:0px;
}


.trHL { background-color: #CCC; }
.trHLActive { background-color: #F2F2F2; }

.hlt {
    background-color: white;
    color: black;
}
tr.HighlightRowOdd {
    background-color: #E3E3E3;
}
tr.HighlightRow:hover {
	background-color:white;
	color:black;
}
.nowrap {
	white-space:nowrap;
}                                                         
td form {
	padding:0px;
	margin:0px;
	display:inline;
}    
div#files_list div input { margin-left: 10px; }                                  

#DispatchStatus .OK {
	background-color:#627D4D;
	text-align:center;
	color: white;
	width: 40px;
}
#DispatchStatus .NOPE {
	background-color: #814951;
	text-align:center;
	color: white;
	width: 40px;
}
#DispatchStatus .PEND {
	background-color: #898841;
	text-align:center;
	color: yellow;
	font-weight:bold;
	width: 40px;
}
#DispatchStatus td {
	vertical-align:middle;
}

h1 {
    font-size:12pt; 
    font-weight:bold;
    border-radius:2px;
    color: #003300;
    background-color: white;
    padding:10px;
}
span.submenu {
    font-weight:bold;
    color:#4D804D;
}
table.tablehead {
    box-shadow: 0 1px 6px rgba(0,0,0,0.2);
    width:800px;
    background-color: #EFEFEF;
	border-spacing: 0;
	border-collapse: collapse;
}
table.tablehead td {
	padding: 2px;
}
table.tablehead table.tablehead {
    width: auto;
}

.bigbutton {
	font-weight: bold;
	padding:5px;
	font-size:11pt;
	min-width:150px;
	border-radius: 2px;
	-moz-border-radius: 2px;
	border: 0px;
	box-shadow: 1px 1px #999;
	text-shadow: 1px 1px #EEE;
}
.button { font-size:9pt;}

.TableDivider {
	font-weight: bold;
	color: white;
	/*background: #627D4D;*/
    background: #495A6D;
	padding: 5px 10px;
}
.RegionDivider {
    background-color:#263102;
    color:white;
    font-weight:bold;
    font-size:12pt;
    padding:5px;
}
.CategoryDivider {
    color:#333;
    background-color:white;
    border-top:1px solid #CCC;
    border-bottom:1px solid #CCC;
    font-weight:bold;
    font-size:10pt;
    padding:5px;
}
td.LeftBorder {
    border-left: 1px solid #CCC;
}
td.RightBorder {
    border-right: 1px solid #CCC;
}
td.NumberColumn {
    font-size:8pt;padding-left:5px;padding-right:5px;
    text-align: right;
}
.Smaller {
    font-size: 0.8em;
}
.Lighter {
    opacity: 0.7;
}
table.tablehead table.tablehead .TableDivider {
    background: #FFF;
    color: black;
    font-weight: bold;

}
table.tablehead td.TableCell, table.tablehead tr.TableCell td {
	padding:10px;
}
td.SmallerCell { font-size: 0.8em; }
table.SmallTable th { border-bottom: 1px solid #CCC; font-size:10px;color:#666;padding:5px 10px 5px 0px; }
table.SmallTable td { font-size: 9pt; vertical-align:top; }
table.SmallTable tr:hover { background-color:#FEFEFE; }
table.SlightlyPadded td { padding: 10px; }
div.OffsetArea { background-color:#F9F9F9; padding:5px 10px; margin:10px;}
.color1 { color:#003300; }
.color2 { color:#263102; }
.color3 { color:#002233; }
.colorRed { color: red; }

div.main-left { float:left; }
div.main-right { float:right; margin-right:100px; }

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
	div.main-left { float:none; }
	div.main-right { float:none; margin-right:0; margin-top:10px; }

}
#PageWrapper {
	text-align:center;
	margin-top:15px;
}
#PageCenter {
	text-align:left;
	display:inline-block;
	min-width:798px;
}

#TopNav {
	font-size:1em;
}
#TopNav a {
	display:inline-block;
	padding: 5px 10px;
	width:120px;
	margin-right:5px;
	border: 1px solid #DDD;
	background: #DDD;
	font-weight:bold;
	border-radius: 5px;
	color: #333;
	text-shadow: 1px 1px 1px white;
}
#TopNav a:hover {
	background: #003300;
	color:white;
	text-decoration:none;
	text-shadow:none;
	box-shadow: none;
}

#PageCenter .ui-menu { position: absolute; display:inline-block; font-size: 10pt; padding:10px; }
input.hidden {
	width: 0;
	height: 0;
	margin: 0;
	padding: 0;
	outline: none;
	border: 0;
}
#files_list div {
    border-bottom:1px solid #EEE;
    padding: 3px;
    text-align:right;
}

#ReportPreview {
    border: 1px solid goldenrod;
    padding: 5px;
    background-color: gold;
    margin: 5px;
    border-radius: 5px;
	text-shadow: 0 1px 1px snow;
}
#ReportPreview .extendedInfo {
	font-style: italic;
	opacity: 0.9;
	text-shadow: 0 1px 1px linen;
}
#PreviewLabel {
    font-weight: bold;
    color: #999;
}
#PreviewLabelNotes {
	color: #333333;
	font-size: 0.8em;
}
#ReportTwitterPreview { text-align: right; }

textarea {
    border-radius: 2px;
}
.hidden {
    display: none;
}
span.AccordionCount {
    float:right;
    text-align: right;
    display: box;
    font-size: 0.8em;
}

.BoldUnder {
    font-weight: bold;
    text-decoration: underline;
}

.stickyNav {
    background: #FDFDFD;
    font-size: 14px;
    float: right;
    padding: 5px 10px;
    position: -webkit-sticky; position: sticky;
    top: 0px;
    border-bottom: 1px solid #DDD;
    border-bottom-left-radius: 10px;
}
.stickyNav a {
    text-decoration: underline;
	color: red;
	font-weight: bold;
}

input[type="radio"]:checked+label { font-weight: bold; }

fieldset {
	background: white;
	border: 1px solid #DDD;
	border-radius: 2px;
}
fieldset legend {
	font-weight: bold;
	background: #495A6D;
	padding: 5px 15px;
	border-radius: 5px;
	border: 1px solid #EEE;
	color: white;
}
#QuickReport1, #QuickReport2, #QuickReport3 {
	margin: 1px;
}
.featureImage {
	font-size: 2em;
	color: #DDDDDD;
	top: 10px;
	left: 6px;
	cursor: pointer;
}
.featureImage .fa-star {
	color: #0e90d2;
	text-shadow: 0 1px 1px #999999;
}
.fieldHelp {
	font-size:0.8em;
	color:#333;
	line-height:1.5em;
}
a.policyLink, a.policyLink:visited {
	color: #666666;
	font-size: 0.9em;
	float: right;
}