/* RESET
----------------------------------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, 
address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, tt, 
var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, 
thead, tr, th, td, input, select, option
{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
p 
{
	margin: 4px 0px 3px 0px;
}
body
{
	font-size: 12px;
	font-family: Arial, Helvetica, Sans-Serif;
	color: #333333;
	line-height: 15px;
}
ol, ul
{
	list-style: none;
}
li 
{
	margin-bottom: 5px;
}
table
{
	border-collapse: collapse;
	border-spacing: 0;
}
blockquote, q
{
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after
{
	content: '';
	content: none;
}
sup 
{
	font-size:smaller;
	vertical-align:super;
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	background: transparent;
}
sub
{
	font-size:smaller;
	vertical-align:sub;
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	background: transparent;
}
:focus
{
	outline: 0;
}
ins
{
	text-decoration: none;
}
del
{
	text-decoration: line-through;
}


/* LINKS   
----------------------------------------------------------*/
a
{
	color: #1D4DE4;
	text-decoration: none; /* text-decoration: underline; */ /* font-weight: bold; */
}

a:hover
{
	color: #ff9622;
	text-decoration: underline;
}

a:visited
{
	color: #FC6703;
	text-decoration: none; /* text-decoration: underline; */ /* font-weight: bold; */
}
a:focus
{
	/*outline: 1px dotted rgba(0,0,0,0.6); */
	outline: 1px dotted rgb(255,122,34);
}
button:focus
{
	outline: 1px dotted rgb(255,122,34);
}

/* HEADINGS   
----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6
{
	color: #333333;
	clear: both;
}

h1
{
	margin: 12px 0 8px 0;
	font-size: 2em;
	color: #ff9622;
	line-height: 26px;
	text-shadow: 1px 2px 2px rgba(0,0,0,0.2);
	moz-text-shadow: 1px 2px 2px rgba(0,0,0,0.2);
	/* filter: progid:DXImageTransform.Microsoft.Shadow(Color=#AAAAAA, Direction=135, Strength=2); /* IE9 - ugly! */
}

h2
{
	margin: 10px 0 6px 0;
	font-size: 1.5em;
}

h3
{
	margin: 8px 0 5px 0;
	font-size: 1.2em;
	line-height: 1.3em;
}

h4
{
	margin: 6px 0 4px 0;
	font-size: 1.1em;
}

h5, h6
{
	margin: 4px 0 3px 0;
	font-size: 1em;
}


/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/
/* From Feeney */
.body_headerWithLogo
{
	background-image: url(images/Feeney/EpicFullBkgrd_1280.jpg);
	background-repeat: no-repeat;
	background-color: rgb(185,210,232);
}
.bg_headerWithLogo
{
	background-image: url(images/Feeney/EpicHeader_Logo.png);
	background-repeat: no-repeat;
	width: 100%;
	height: 126px;
	padding: 0px;
	margin: 0px;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: -1001;
	border: none;
}
.bg_header
{
	background-color: rgb(185,210,232);
	width: 100%;
	height: 101px;
	padding: 0px;
	margin: 0px;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: -1002;
	border: none;
}
.bg_allImages
{
	width: 3px;
	height: 3px;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: -2000;
	border: none;
}
.prefetch
{
	width: 1px;
	height: 1px;
	z-index: -2001;
}
div.nopadding
{
	padding: 0px;
	margin: 0px;
}
table.headerBar
{
	width: 100%;
	border-collapse: collapse;
	margin: 0px;
	padding: 0px;
	border: none;
	height: 101px; /* !!!IE and Chrome want this to be 99px */
}
div.iframepage table.headerBar /* On the iframepage that has a width of 99% rather than 95%, adjust the header bar width and margins so the net width is 95% to match the non-iframe pages */
{
	width: 96%;
	margin-left: auto;
	margin-right: auto;
}
div.headerBar
{
	width: 100%;
	border-collapse: collapse;
	margin: 0px;
	padding: 0px;
	border: none;
	height: 101px; /* !!!IE and Chrome want this to be 99px */
}
td.reserveLogo
{
	width: 135px; /* this is wider than the logo, to allow some whitespace margin */
	min-width: 135px;
	border: none;
	vertical-align: top;
}
td.reserveLogo:hover
{
	cursor: pointer;
}
td.feedbackHeader
{
	text-align: right;
	white-space: nowrap;
	width:60%;
	overflow: hidden;
}
td.loggedInUser
{
	vertical-align: middle;
}
.reserveLogo2
{
	display: block;
	height: 25px;
	width: 90px; /* this is wider than the logo, to allow some whitespace margin */
	min-width: 90px;
	margin: 0px;
	padding: 0px; /* border: 1px solid black; /* for testing */
}
div#divBody /* this acts like the body of the page, below the header */
{
	padding-top: 4px;
}

div.menuTabs
{
	/* vertical-align: bottom; */
	text-align: right;
	white-space: nowrap; /* background-color: magenta; /* for debugging */
	height: 37px; /* !!!IE and Chrome want this to be 69px, even though the table height is 101px.  This causes TD.loggedInUser to render as 31px in Firefox, but this rendering difference is acceptable. */
	vertical-align: bottom;
}
td.menuTabs
{
	/* vertical-align: bottom; */
	text-align: right;
	white-space: nowrap; /* background-color: magenta; /* for debugging */
	height: 71px; /* !!!IE and Chrome want this to be 69px, even though the table height is 101px.  This causes TD.loggedInUser to render as 31px in Firefox, but this rendering difference is acceptable.*/
}
div#menu
{
	padding: 0px;
	margin: 0px;
	margin-right: 5px; /* controls the distance from the right-most tab to the window edge */
	margin-top: 38px; /* IMPORTANT: used to control vertical alignment of tabs */
}
span.menu
{
	background-color: transparent;
	background-image: url(images/Feeney/250px_LeftTab.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin-left: 2px; /* controls the space between tabs */
	height: 33px;
	display: inline-block;
	padding: 0px;
	vertical-align: bottom;
}
a.menu
{
	background-color: transparent;
	background-image: url(images/Feeney/11px_RightTab.png);
	background-repeat: no-repeat;
	background-position: right top;
	/* height: 33px; */
	text-align: center;
	white-space: nowrap;
	padding: 15px 20px 5px 15px; /*8px 8px 4px 8px; /* vertical position of text is controlled with padding-top value */
	text-decoration: none;
	display: inline-block;
	margin-right: -6px; /* this is a trick to make the left and right tab pieces overlap correctly. 				Without this, the upper right corner of the left tab piece eliminates the rounded effect of the right tab piece. */
}
span.menuactive
{
	background-color: transparent;
	background-image: url(images/Feeney/250px_LeftTab_Selected.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin-left: 2px; /* controls the space between tabs */
	height: 33px;
	display: inline-block;
	padding: 0px;
	vertical-align: bottom;
}
a.menuactive
{
	background-color: transparent;
	background-image: url(images/Feeney/11px_RightTab_Selected.png);
	background-repeat: no-repeat;
	background-position: right top;
	/* height: 33px; */
	text-align: center;
	white-space: nowrap;
	padding: 15px 20px 5px 15px; /*8px 8px 4px 8px; /* vertical position of text is controlled with padding-top value */
	text-decoration: none;
	display: inline-block;
	margin-right: -6px; /* this is a trick to make the left and right tab pieces overlap correctly. 				Without this, the upper right corner of the left tab piece eliminates the rounded effect of the right tab piece. */
}
span.menu:hover
{
	background-image: url(images/Feeney/250px_LeftTab_MouseOver.png);
	background-repeat: no-repeat;
	background-position: left top;
}
span.menuhover
{
	background-image: url(images/Feeney/250px_LeftTab_MouseOver.png);
	background-repeat: no-repeat;
	background-position: left top;
}
a.menu:hover
{
	background-image: url(images/Feeney/11px_RightTab_MouseOver.png);
	background-repeat: no-repeat;
	background-position: right top;
}
a.menuhover
{
	background-image: url(images/Feeney/11px_RightTab_MouseOver.png);
	background-repeat: no-repeat;
	background-position: right top;
}
div.footer_fixed
{
	position: fixed;
	background-color: rgb(185,210,232);
	background-image: url(images/Feeney/EpicFooter_wLogo.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	left: 0;
	bottom: 0;
	font-size: 11px;
	margin: 22px 0 0 0;
	padding: 0px;
	text-align: center;
	vertical-align: bottom;
	width: 100%;
	height: 81px;
}
div.footer_spacer
{
	margin: 0px;
	padding: 0px; /* padding-top:50px; */
	text-align: center;
	vertical-align: bottom;
	width: 100%;
	height: 0px;
	z-index: -1001; /* border:1px solid red; /* for testing */
}
span.button
{
	background-color: transparent;
	background-image: url(images/Feeney/YellowButton_Left250px.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin-top: 0px;
	margin-left: 0px;
	height: 32px;
	display: inline-block;
	padding: 0px;
	padding-bottom: 2px;
}
input, select {
	font-size: 13px;
	line-height: 16px;
}
input.button, button.button
{
	border: none;
	background-color: transparent;
	background-image: url(images/Feeney/YellowButton_RT8px.png);
	background-repeat: no-repeat;
	background-position: right top;
	text-align: center;
	white-space: nowrap; /*padding: 8px 8px 4px 8px; /* vertical position of text is controlled with padding-top value */
	text-decoration: none;
	display: inline-block;
	margin-top: 0px;
	margin-left: 0px;
	height: 32px;
	margin-right: -8px; /* this is a trick to make the left and right tab pieces overlap correctly. 				Without this, the upper right corner of the left tab piece eliminates the rounded effect of the right tab piece. */ /* padding-bottom:3px; */
	padding-right: 15px;
	padding-left: 15px;
}
span.submit
{
	background-color: transparent;
	background-image: url(images/Feeney/YellowButton_Left250px.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin-top: 0px;
	margin-left: 0px;
	height: 32px;
	display: inline-block;
	padding: 0px;
	padding-bottom: 2px;
	text-align: center;
}
input.submit
{
	border: none;
	background-color: transparent;
	background-image: url(images/Feeney/YellowButton_RT8px.png);
	background-repeat: no-repeat;
	background-position: right top;
	text-align: center;
	white-space: nowrap; /*padding: 8px 8px 4px 8px; /* vertical position of text is controlled with padding-top value */
	text-decoration: none;
	display: inline-block;
	margin-top: 0px;
	margin-left: 0px;
	height: 32px;
	padding-right: 12px;
	padding-left: 12px;
	margin-right: -8px; /* this is a trick to make the left and right tab pieces overlap correctly. 				Without this, the upper right corner of the left tab piece eliminates the rounded effect of the right tab piece. */ /* padding-bottom:3px; */
}
a.button
{
	border: none;
	background-color: transparent;
	background-image: url(images/Feeney/YellowButton_RT8px.png);
	background-repeat: no-repeat;
	background-position: right top;
	height: 32px;
	text-align: center;
	white-space: nowrap;
	padding: 7px 8px 2px 8px; /* vertical position of text is controlled with padding-top value */
	text-decoration: none;
	display: inline-block;
	margin-right: -8px; /* this is a trick to make the left and right tab pieces overlap correctly. 				Without this, the upper right corner of the left tab piece eliminates the rounded effect of the right tab piece. */
}

div.logon
{
	margin-top: 50px;
	margin-left: 20px;
	padding: 20px;
	background-color: transparent;
	text-align: center;
}
table.box
{
	border-collapse: collapse;
	padding: 0px;
	border: none;
}
td.boxTL
{
	background-color: transparent;
	background-image: url(images/Feeney/LOB_LeftTopCorner.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 12px;
	width: 10px;
	margin: 0px;
	border: none;
}
td.boxTM
{
	background-color: transparent;
	background-image: url(images/Feeney/LOB_Top.png);
	background-repeat: repeat-x;
	background-position: left top;
	height: 12px;
	margin: 0px;
	border: none;
}
td.boxTR
{
	background-color: transparent;
	background-image: url(images/Feeney/LOB_RtTopCorner.png);
	background-repeat: no-repeat;
	background-position: right top;
	height: 12px;
	width: 10px;
	margin: 0px;
	border: none;
}
td.boxML
{
	background-color: transparent;
	background-image: url(images/Feeney/LOB_Left.png);
	background-repeat: repeat-y;
	background-position: left top;
	height: 12px;
	width: 10px;
	margin: 0px;
	border: none;
}
td.boxMM
{
	background-color: transparent;
	background-image: url(images/Feeney/LOB_Middle.png);
	background-repeat: repeat;
	background-position: left top;
	margin: 0px;
	border: none;
}
td.boxMR
{
	background-color: transparent;
	background-image: url(images/Feeney/LOB_Right.png);
	background-repeat: repeat-y;
	background-position: right top;
	width: 10px;
	margin: 0px;
	border: none;
}
td.boxBL
{
	background-color: transparent;
	background-image: url(images/Feeney/LOB_LeftBottomCorner.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 12px;
	width: 10px;
	margin: 0px;
	border: none;
}
td.boxBM
{
	background-color: transparent;
	background-image: url(images/Feeney/LOB_Bottom.png);
	background-repeat: repeat-x;
	background-position: left bottom;
	height: 12px;
	margin: 0px;
	border: none;
}
td.boxBR
{
	background-color: transparent;
	background-image: url(images/Feeney/LOB_RtBottomCorner.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	height: 12px;
	width: 10px;
	margin: 0px;
	border: none;
}
/* End of From Feeney */

/* you can specify a greater or lesser percentage for the 
page width. Or, you can specify an exact pixel width. */
.page
{
	/*width: 95%;*/
	margin-left: 30px;
	margin-right: 30px;
}
.iframepage
{
	width: 99%;
	margin-left: auto;
	margin-right: auto;
}

#title
{
	color: #ffffff;
	float: left;
	background: transparent url('images/TitleLeft.png') no-repeat top left;
}

#title h1
{
	color: #444444;
	font-size: 24px;
	font-weight: bold;
	margin: 0;
	padding: 22px 20px 30px 20px;
	background: transparent url('images/TitleRight.png') no-repeat top right;
}

#logindisplay
{
	color: #ffffff;
	text-align: right; /* font-weight: bold; */
}

#logindisplay a:link, #logindisplay a:visited
{
	color: #ffffff;
	text-decoration: none;
}
a.plain,a.plain:visited {
	color: #ffffff;
	text-decoration: none;
}
a.plain:hover {
	text-decoration: underline;
}
#logindisplay a:hover
{
	text-decoration: underline;
}

#menucontainer
{
	margin-top: 61px;
}

#main
{
	margin-top: 100px;
	margin-bottom: 30px;
	padding: 4px 10px 15px 10px;
}

#footer
{
	position: fixed;
	bottom: 0;
	left: 0;
	color: #cccccc;
	padding: 11px 0;
	text-align: center;
	font-size: 11px;
	width: 100%;
	background: #ffffff url('images/BodyBG.png') repeat-x top left;
}


/* TAB MENU   
----------------------------------------------------------*/
ul#menu
{
	float: right;
	margin: 0;
	padding: 0;
	list-style: none;
}

ul#menu li
{
	float: left;
	background: transparent url('images/TabInactiveLeft.png') no-repeat bottom left;
}

ul#menu li a
{
	display: block;
	padding: 15px 20px 8px 15px;
	color: #444444;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none; /* text-transform: uppercase; */
	background: transparent url('images/TabInactiveRight.png') no-repeat bottom right;
}

ul#menu li a:hover
{
	text-decoration: underline;
}

ul#menu li.active
{
	background: transparent url('images/TabActiveLeft.png') no-repeat bottom left;
}

ul#menu li.active a
{
	background: transparent url('images/TabActiveRight.png') no-repeat bottom right;
}


/* FORM LAYOUT ELEMENTS   
----------------------------------------------------------*/
fieldset
{
	margin: 2em 0 1em 0;
	padding: 1em;
	border: 1px solid #ff9622;
}
fieldset.rounded
{
	border-radius: 8px !important;
	-moz-border-radius:8px !important;
	-webkit-border-radius: 8px !important;
	-webkit-box-shadow: 2px 2px 10px rgba(79, 81, 81, 0.65) !important;
	-moz-box-shadow:    2px 2px 10px rgba(79, 81, 81, 0.65) !important;
	box-shadow:         2px 2px 10px rgba(79, 81, 81, 0.65) !important;
}

div.rounded
{
	padding: 1em;
	border: 1px solid #ff9622;
	-moz-border-radius:8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	-webkit-box-shadow: 2px 2px 10px rgba(79, 81, 81, 0.65);
	-moz-box-shadow:    2px 2px 10px rgba(79, 81, 81, 0.65);
	box-shadow:         2px 2px 10px rgba(79, 81, 81, 0.65);
	margin: 6px 9px 9px 6px;
}
legend
{
	font-size: 1.2em;
	font-weight: bold;
	color: #ffffff;
	background: #ff9622;
	padding: 5px 10px;
}
fieldset.rounded legend
{
	border-radius: 5px;
	-moz-border-radius:5px;
	-webkit-border-radius: 5px;
	text-shadow: 1px 2px 2px rgba(0,0,0,0.2);
	moz-text-shadow: 1px 2px 2px rgba(0,0,0,0.2);
}

fieldset p
{
	margin: 10px 12px 2px 10px;
}

fieldset label
{
	display: block;
	font-weight: bold;
	margin: 5px 0 3px 0;
}

fieldset label.inline
{
	display: inline;
}

fieldset label.checkbox
{
	display: inline;
	padding-left: 8px;
}

input[type="text"], input[type="password"], select, input[type="number"]
{
	width: 200px;
	border: 1px solid #cccccc;
	color: #333333;
}

input[type="text"]:focus, input[type="password"]:focus, input[type="number"]:focus
{
	background-color: #ffd09d;
	border: 1px solid #ff9622;
}
input[readonly="readonly"]
{
	background-color: white;
	border: 1px solid GhostWhite;
	color: Gray;
}
input[readonly="readonly"]:focus
{
	background-color: white;
	border: 1px solid GhostWhite;
	color: Gray;
}
textarea
{
	display: block;
	height: 100px;
	width: 400px;
	color: #333333;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 1.1em;
	border: 1px solid #cccccc;
}

textarea:focus, select:focus
{
	background-color: #ffd09d;
	border: 1px solid #ff9622;
}
select option {
	background-color: white;
}
input[type="checkbox"]:focus, input[type="radio"]:focus
{
	outline: 2px dashed #ff9622;
}

input[type="text"]:disabled, input[type="password"]:disabled, textarea:disabled, input[type="number"]:disabled 
{
	/*background-color: #BBBBBB;*/
	background-color: rgb(235, 235, 228);
}
/* TABLE
----------------------------------------------------------*/
table td
{
	padding: 0px;
}

table thead td, table th
{
	padding: 0px;
	text-align: center;
	/* text-transform: uppercase; */
	font-weight: bold;
	color: #ffffff;
	background-color: #ff9622;
}

table thead
{
	font-size: 1.2em;
	font-weight: bold;
}

table th
{
	background-color: #003366;
	text-transform: capitalize;
}

table tr.row-alternate
{
	background-color: #E4E4E4;
}

table.padded td, table.padded th
{
	padding: 3px 6px 2px 6px;
}
table.altRowShade tr:nth-child(even) {
	background-color: #f9f9ff;
}

.indented
{
	padding-left: 10px;
}

table.blackborder td, table.blackborder th
{
	border: solid 1px #E5E5E5;
}
/* paging in table is another tr row, but we don't want it to have border */
.blackborder1
{
	border: solid 1px #999999;
}
.tablesubhead {
	font-weight: 500;
	background-color: #99b0c6;
}
/* MISC  
----------------------------------------------------------*/
.clear
{
	clear: both;
}

.error
{
	color: #ff00ff;
}

.field-validation-error
{
	color: #ff00ff;
}

.input-validation-error
{
	background-color: #ffeeee;
}

.validation-summary-errors
{
	padding: 0px 0px 0px 0px;
	margin: 10px 0;
	color: #dd0000;
	font-weight: bold;
}
.validation-summary-errors a
{
	text-decoration: underline;
	color: #aa00aa;
}

.errorMessage, .warningMessage, .infoMessage
{
	padding: 10px 10px 10px 28px;
	margin: 7px 0 10px 0;
	/* border: 1px solid #DFDFDF; */
	color: #333333;
	font-weight: bold;
}

.errorMessage
{
	background: url(icons/error.gif) 0px 6px no-repeat;
	color: #DD0000;
}

.warningMessage
{
	background: url(icons/exclamation.gif) 0px 6px no-repeat;
}

.infoMessage
{
	background: url(icons/info.gif) 0px 6px no-repeat;
}

/* OTHER HTML TAGS  
----------------------------------------------------------*/
code, blockquote
{
	padding: 10px;
	text-align: left;
	display: block;
	overflow: auto;
	background: #fafafa;
	border: 1px solid #f2f2f2;
	border-left: 3px solid #ff9622;
}

code
{
	font: 500 1em/1.5em 'Lucida Console' , 'courier new' , monospace;
}

blockquote
{
	font: bold 1.2em/1.5em 'Trebuchet MS' , Tahoma, sans-serif;
	color: #666666;
}

ul, ol
{
	margin: 10px 30px;
	/* list-style-position: inside; */
}

ul
{
	list-style-type: disc;
}

ol
{
	list-style-type: decimal;
}
/*
img
{
	border: 1px solid #dadada;
	padding: 5px;
	background: #fafafa;
}
*/
img 
{
	border: none;
	background: none;
	padding: 0;
}

/* data import IFrame */
iframe.dataImport
{
	width: 100%;
	height: 600px;
}
/* End of data import IFrame */

/* specific CSS fix for logon screen fieldset */
fieldset.logon
{
	margin: 0px;
	padding-left: 0px;
	border-style: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
fieldset.logon input[type="text"],fieldset.logon input[type="password"] {
	padding: 1px 2px;
	background-color: #ffe696;
	background-color: rgba(255, 230, 150, 0.5);
}

p.logon
{
	margin-left: 0px;
}
/* End of specific CSS fix for logon screen fieldset */

/* make sure all the fields on the register page have the same width */
input.accountWidth,textarea.accountWidth,select.accountWidth
{
	width: 220px;
	padding: 3px 4px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
/* End of make sure all the fields on the register page have the same width */

.smallText 
{
	font-size: 11px;
	color: #666666;
}

/* for resource reference links page */

.resourceLookupName
{
	width: 35%;
}
.resourceEnabled
{
	width: 5%;
}
.resourceValid
{
	width: 5%;
}
.resourceDescription
{
    padding: 0.3em 0em 0.3em 1.5em;
    font-size: 90%;
    border: 1px solid gray;
}
.resourceTopRow
{
	border: solid 1px gray;
}
.resourceBottomRow
{
	border: solid 1px gray;
}
td.resourceslink
{
	border: solid 1px gray;
    padding: 0.2em 0.4em;
}
td.resourcesheader
{
    font-weight: 900;
    border: 1px solid gray;
    padding: 0.2em 0.4em;
    /* background-color: #E4E4E4;  */
}
tr.alternateRow
{
    background-color: #E4E4E4; 
}
.resourceURL  
{
    color: #7f7f7f; 
    font-size: 80%; 
}
.floatright
{
	float: right;
}
.jqdialogtitle
{
	color: #0057A7;
	font-size: 20px;
	line-height: 22px;
	white-space: nowrap;
	text-shadow: 3px 2px 2px rgba(255,255,255, 0.4);
	moz-text-shadow: 3px 2px 3px rgba(255,255,255, 0.4);
}
.slash {
	color: #F63;
	font-weight: 900;
}
.warn {
	color: #ca0505 !important;
}
.expando 
{
	display: inline-block;
	/* margin-left: 0.4em; */
	margin-right: 0.4em; 
	padding-left: 1.2em; 
	padding-right: 0;
	background-image:url('./images/Expand11x11a.jpg');
	background-repeat:no-repeat;
	background-position:left; 
}
.collapso 
{
	display: inline-block;
	/* margin-left: 0.4em; */
	margin-right: 0.4em; 
	padding-left: 1.2em; 
	padding-right: 0;
	background-image:url('./images/Collapse11x11a.jpg');
	background-repeat:no-repeat;
	background-position:left; 
}
a.expando,a.collapso {
	color: #696969;
	text-decoration: none;
	cursor:pointer; /*cursor:hand;*/
}
a.expando:hover, a.collapso:hover {
	text-decoration: underline;
}

.left { text-align: left; }
.right { text-align: right; }
.center { text-align: center; }

.strong { font-weight: bold; }
.em  { font-style: italic; }

/* alternative table style:  put everything into a block element with class="altTableCSS" */
.altTableCSS
{
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	line-height: 17px;
}
.altTableCSS h1  
{
	font-family: Arial, Helvetica, Sans-Serif;
	clear: left; 
	margin-bottom: 0.7em;
}
.altTableCSS .smalltext
{
	font-size: 80%;
	line-height: 14px;
	color: Gray;
	text-transform: none;
	font-weight: normal;
}
.altTableCSS table thead th, .altTableCSS table tbody td, .altTableCSS table tbody th
{
	padding: 5px 5px 3px 5px;
	border: 1px solid #EEEEEE;
}
.altTableCSS table thead th.first, .altTableCSS table tbody td.first, .altTableCSS table tbody th.first
{
	padding-left: 0;
	border-left: 0;
}
.altTableCSS table thead th.last, .altTableCSS table tbody td.last, .altTableCSS table tbody th.last
{
	padding-right: 0;
	border-right: 0;
}

.altTableCSS table td.centered, .altTableCSS table th.centered, .altTableCSS table tbody td.centered, .altTableCSS table thead th.centered { text-align: center; }
.altTableCSS table td.right, .altTableCSS table th.right, .altTableCSS table tbody td.right, .altTableCSS table thead th.right { text-align: right; }
.altTableCSS table th, .altTableCSS table thead th, .altTableCSS table thead td.head
{
	text-align: left;
	color: rgb(0, 51, 102);
	background-color: transparent;
	vertical-align: bottom;
}
.altTableCSS table th.minorheading
{
	text-align: center;
	color: Gray;
	font-size: 0.6em;
	font-weight: bold;
	line-height: 1.4em;
}

.altTableCSS table td.DBNull, .altTableCSS table tbody td.DBNull {
	background-color: #FFFFAA;
	color: #AA6666;
	font-size: 75%;
	text-align: center;
}
/*
.altTableCSS table tbody td,.altTableCSS table thead th {
	padding: 5px 15px 5px 0; 
}
*/
.altTableCSS p
{
	margin: 1em 0 1em 0;
}
.altTableCSS a.validlink
{
	font-weight: bold;
	text-decoration: none;
	border-bottom: 1px solid #C8C8C8;
	color: #0060A1;
}
.altTableCSS a.validlink:hover
{
	font-weight: bold;
	text-decoration: none;
	border-bottom: 1px solid rgb(255, 150, 34);
	color: rgb(0, 51, 102);
}
.altTableCSS .validlink
{
	font-weight: bold;
	color: #0060A1;
}
.altTableCSS a { color: rgb(0, 0, 238); }
/* .altTableCSS a:visited { color: rgb(100, 100, 238); } */
.altTableCSS a.alt { color: rgb(252, 103, 3); }
/* .altTableCSS a.alt:hover { border-bottom: 1px solid rgb(0, 0, 238); } */
.altTableCSS hr.graphDivider { margin: 30px 0 20px 0; }
.altTableCSS tr.jq_selectds:hover { background-color: #ffffcc; cursor:pointer; }
.altTableCSS table thead th.checked { padding:2px; text-align: center; font-weight:bold; font-size:70%; }
.altTableCSS table tbody td.checked { padding:2px; text-align: center; font-size:120%; font-weight:bold; color: #00AA00; }
.altTableCSS span.checked { font-weight:bold; color: #00AA00; }
.altTableCSS div.actions 
{
	margin: 1em 0 1em 0;
	border: 1px solid rgb(204, 204, 204);
	padding: 5px 1em 3px 1em;
	background-color: rgb(245,245,255);
	display: inline-block;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, .5);
	-moz-box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, .5);
	box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, .5);
}
.altTableCSS .editable_hover { background-color: #ffffcc; }
.altTableCSS .testactive { outline: red solid 3px; }


/* for epicmenu plug-in */
.ui-menu {
	width: 190px;
}
ul.epicSubmenu { 
	position:absolute;
	left: 0;
	top: 0;
	z-index: 10;
	display: none;
}
span.nowrap {
	display: inline-block;
	white-space: nowrap;
}
/* .glimpse, .glimpse *, .glimpse a, .glimpse td, .glimpse th, .glimpse table  */
thead.glimpse-row-header th 
{
	background-color: gray;
}
#notifyWidget {
	background-color: inherit;
	background-color: rgba(128, 128, 128, 0.6);
}
#appVersion {
	float: left; 
	margin-left: 12px; 
	color: #8080d0; 
	position: absolute; 
	bottom: 4px; 
	font-style: italic; 
	text-shadow: 1px 2px 2px rgba(0,0,0,0.2);
}
/* for analysis menu levels */
.menulist .menuitem.catg_1 {
    color: #d68836;
}
/*.menulist .head.catg_1 {
    color: #d68836;
}*/
.menuitem.catg_1:before, .menuselected.catg_1:before, .menuselectedchild.catg_1:before, .menuitemcontainer .head.catg_1:before {
	font-family: 'FontAwesome';
	content: "\f105 "; /* fa-angle-right */
	padding-right: 6px;
	color: #d68836;
	font-size: 12px;
}
.menulist .menuitem.catg_2 {
    color: #d80303;
}
/*.menulist .head.catg_2 {
    color: #d80303;
}*/
.menuitem.catg_2:before, .menuselected.catg_2:before, .menuselectedchild.catg_2:before, .menuitemcontainer .head.catg_2:before {
	font-family: 'FontAwesome';
	content: "\f101"; /* fa-angle-double-right */
	padding-right: 6px;
	color: #d80303;
	font-size: 12px;
}
#analysis-list-leader i.fa.fa-angle-right {
	color: #d68836;
	font-weight: 900;
}
#analysis-list-leader i.fa.fa-angle-double-right {
	color: #d80303;
	font-weight: 900;
}
.paragraphtext {
	margin: 1em 0;
	line-height: 140%;
}