body
{
	background-color: white;
	font-family: Verdana, Arial, sans-serif;
}

h1 { font-size: 16px; }
h2 { font-size: 14px; }

h2 .action { font-size: 11px; }

.invalid
{
	background-color: red;
}

body, table
{
	font-size: 11px;
}

form
{
	float: none;
}

hr
{
	background-color: white;
	border: 0;
}

.clear
{
	font-size: 0em;
	clear: both;
	height: 0px;
}

#JSMX_loading
{
	position: absolute;
	left: 2px;
	top: 2px;
	width: 45px;
	height: 11px;
	z-index: 1500;
	color: white;
	background-image: url(../images/status_anim.gif);
}

#dialogBoxVeil
{
	display: none;
	position: absolute;
	top: 0px;
	left: 0px;
	text-align: center;
	background-color: black;
	opacity: .5;
	filter: alpha(opacity=50);
	z-index: 1000;
}

#windowedElementHider.enabled select { visibility: hidden; } 

.dialogBox
{
	visibility: hidden;
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	width: auto;
	z-index: 2000;
}

.dialogBox .rnd div
{
	background-color: #eeeeee;
}

.dialogBox .dialogContent
{
	border: solid 1px #7799bb;
	padding: 5px;
	background-color: #eeeeee;
}

.dialogBox .dialogHead .rnd div
{
	background-color: #7799bb;
}

.dialogBox .dialogHead .dialogTitle
{
	line-height: 1em;
	margin: 0px;
	padding: 0 7px 3px 7px;
	font-size: 14px;
	font-weight: bold;
	background-color: #7799bb;
	color: white;
}

dt { font-weight: bold; }

dl.reportList { margin-left: 4em; }
dl.reportList dt { border-top: solid 1px #7799bb; }

dl.collapsed dt.uncommonReport, dl.collapsed dd.uncommonReport { display: none; }

/* a fieldList is a table used to list fields and values (in separate cells). Usually a 2 column table */
table.fieldList
{
	border-collapse: collapse;
}

table.fieldList th
{
	padding: 4px 10px 4px 4px;
	text-align: left;
	font-weight: bold;
}

table.fieldList td
{

	padding: 4px;
}

table.fieldList td.fieldLabel
{
	font-weight: bold;
	padding-right: 5px;
}

table.fieldList tr.disabled
{
	color: #666666;
}

#utilityMenu
{
	height: 30px;
	float: right;
}

#menus
{
	width: 100%;
}

#mainMenuCategoryPicker
{
	font-family: 'Trebuchet MS', Arial, sans-serif;
	margin-right: 20px;
	float: right;
	clear: right;
}

#mainMenuCategoryPicker td { padding-right: 5px; }

#mainMenuCategoryPicker .rnd div, #mainMenuCategoryPicker .label
{
	background-color: #8282df;
}

#mainMenuCategoryPicker .label
{
	padding: 1px 10px;
	text-align: center;
}

#mainMenuCategoryPicker a
{
	color: white;
	text-decoration: none;
	font-size: 12px;
}
#mainMenuCategoryPicker a:hover
{
	text-decoration: underline;
}

#mainMenuCategoryPicker td.selected { 	font-weight: bold; }

#mainMenuCategoryPicker td.selected .rnd div, #mainMenuCategoryPicker td.selected .label
{
	background-color: #0903b4;

}


#mainMenu
{
	color: white;
	font-family: 'Trebuchet MS', Arial, sans-serif;
	clear: both;
	width: 100%;
	margin-bottom: 5px;
}

#mainMenu .content
{
	font-size: 12px;
	padding: 0px 5px;
	background-color: #0903b4;
}

#mainMenu .rnd div
{
	background-color: #0903b4;
}

#mainMenu a.selected
{
	background-color: #8282df;
	font-weight: bold;
}

#mainMenu .separator
{
	border: solid 1px red;
	background-color: white;
	width: 2px;
}

#mainMenu a
{
	text-decoration: none;
	font-size: 12px;
	padding: 0 4px;
	margin: 0 2px;
	color: white;
}

#mainMenu a:hover
{
	text-decoration: underline;
}

.contentPanel
{
	clear: both;
	margin: 0px 0px;
	width: 100%;
	border-collapse: collapse;
	empty-cells: show;
}

.contentPanel .contentPanelContent
{
	padding: 1px 5px;
}

.contentPanel td.top-left
{
	height: 6px;
	width: 6px;
	background-image: url(images/content-panel.gif);
	background-repeat: no-repeat;
	background-position: top left;
}

.contentPanel td.top-center
{
	height: 6px;
	background-image: url(images/content-horizontal.gif);
	background-repeat: repeat-x;
	background-position: top left;

}

.contentPanel td.left
{
	height: 6px;
	background-image: url(images/content-vertical.gif);
	background-repeat: repeat-y;
	background-position: top left;
}

.contentPanel td.right
{
	height: 6px;
	background-image: url(images/content-vertical.gif);
	background-repeat: repeat-y;
	background-position: top right;
}

.contentPanel td.bottom-center
{
	height: 6px;
	background-image: url(images/content-horizontal.gif);
	background-repeat: repeat-x;
	background-position: bottom left;
}

.contentPanel td.top-right
{
	height: 6px;
	width: 6px;
	background-image: url(images/content-panel.gif);
	background-repeat: no-repeat;
	background-position: top right;

}

.contentPanel td.bottom-left
{
	height: 6px;
	width: 6px;
	background-image: url(images/content-panel.gif);
	background-repeat: no-repeat;
	background-position: bottom left;

}

.contentPanel td.bottom-right
{
	height: 6px;
	width: 6px;
	background-image: url(images/content-panel.gif);
	background-repeat: no-repeat;
	background-position: bottom right;
}


/*------------------- Section Panel ---------------*/
.sectionPanel { margin-bottom: 5px; }

.sectionPanel .rnd { width: 100%; }

.sectionPanel .rnd div { background-color: #eeeeee; }

.sectionPanel .content
{
	padding: 1px 5px; /* the 1px padding is to prevent a bug */
	background-color: #eeeeee;
}

.sectionPanel .sectionHead .rnd div { background-color: #dddddd; }

.sectionPanel .sectionHead .sectionTitle
{
	line-height: 1em;
	margin: 0px;
	padding: 0 7px 3px 7px;
	font-family: 'Trebuchet MS', Arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	background-color: #dddddd;
}


/*------------------- Portlet ---------------*/
.portlet
{
	margin: 5px 0px;
}

.portlet .rnd
{
	width: 100%;
}

.portlet .rnd div
{
	background-color: #eeeeee;
}

.portlet .expandedContent, .portlet .collapsedContent
{
	padding: 1px 5px; /* the 1px padding is to prevent a bug */
	background-color: #eeeeee;
}

.portlet table.portletTable td, .portlet table.portletTable th { text-align: left; padding: 2px; }
.portlet table.portletTable td table td, .portlet table.portletTable th table th { text-align: left; padding: 0; }
.portlet table.portletTable td.number, .portlet table.portletTable th.number { text-align: right; }
.portlet table.portletTable tr.summary { font-weight: bold; }
.portlet .expandedContent table.portletTable tr.summary td { border-top: solid 1px #666666; }
.portlet .collapsedContent table.portletTable tr.hideWhenCollapsed { display: none; }

.portlet .portletHead .rnd div, .portlet .collapsed .rnd div
{
	background-color: #dddddd;
}

.portlet .portletHead .portletTitle
{
	line-height: 1em;
	margin: 0px;
	padding: 0 7px 3px 7px;
	font-size: 14px;
	font-weight: bold;
	background-color: #dddddd;
}

.infoPanel, .specialInfoPanel
{
	margin-bottom: 5px;
}

.infoPanel .rnd div, .infoPanel .content, td.infoPanelContent { background-color: #c3d9ff; }

.infoPanel .content { padding: 1px 10px; vertical-align: bottom; }

td.infoPanelContent { padding: 1px 10px; }

.specialInfoPanel .rnd div, .specialInfoPanel .content, td.specialInfoPanelContent { background-color: #FAD163; }

.specialInfoPanel .content { padding: 1px 10px; vertical-align: bottom; }

td.specialInfoPanelContent { padding: 1px 10px; }

.actionPanel
{
	width: 200px;
	margin-top: 5px;
}

.actionPanelTitle
{
	font-size: 12px;
	padding: 0px 5px;
	background-color: #c3d9ff;
}
.actionPanelHead .rnd div, .actionPanel .actionPanelHead .rnd div
{
	background-color: #c3d9ff;
}

.actionPanel .rnd div
{
	background-color: #e8eef7;
}

.actionPanel .content, td.actionPanelContent .content
{
	padding: 0px 5px;
	background-color: #e8eef7;
}

td.actionPanelContent
{
	background-color: #e8eef7;
}


.actionPanel a, td.actionPanelContent a
{
	display: block;
	font-size: 12px;
	color: blue;
}




#logo
{
	display: block;
	float: left;
	border: 0;
}


#loggedOnAs
{
	font-size: 12px;
	color: #666666;
}

.small_headline   { color: #309; font-weight: bold; font-size: 11px; }
.small_body_text   { color: blue; font-weight: bold; font-size: 11px; }


.pageBreakAfter { page-break-after: always }
.pageBreakBefore { page-break-before: always }

.calc_text { text-align: right }

.copyright_text
{
	display: block;
	text-align: center;
	color: #666;
	font-size: 10px;
}

table#subNav
{
	padding-left: 10px;
	font-size: 11px;
	float: left;
	empty-cells: show;
}

#subNav tr > td { padding-right: 5px; } /* mozilla */
* html #subNav td { margin-right: 5px; } /* IE */

#subNav a { color: blue; text-decoration: none; }
#subNav a:hover { text-decoration: underline; }

#subNav .tab .rnd div, #subNav .tab .tabContents { background-color: #e8eef7; }
#subNav .selected .rnd div, #subNav .selected .tabContents { background-color: #c3d9ff; }
#subNav .selected a { color: black; font-weight: bold; }
#subNav .newContent { font-weight: bold; }

#subNav .tab .tabContents { padding: 3px 5px 3px 5px; }

#subNav .spacer { width: 5px; }

table.dataGrid
{
	/*border: solid 1px #666666;*/
	width: 748px;
}

table.dataGrid tr
{
	font-size: 11px;
	background-color: white;
}
table.dataGrid tr.auditLine
{
	color : #6b6b6b; 
}
table.dataGrid tr.even
{
	background-color: #e8f2fe;
}

table.dataGrid tr.message
{
	text-align: center;
	color: #666666;
}

table.dataGrid tr.summary
{
	background-color: #bbbbbb;
	font-weight: bold;
}



table.dataGrid tr.score_zero
{
	color: red;
}

table.dataGrid tr.check
{
	color: #990000;
}

table.dataGrid th
{
	background-color: #444444;
	color: white;
	padding: 2px 5px;
	font-size: 11px;
	font-weight: bold;
	text-align: left;
}

table.dataGrid th a
{
	color: white;
	text-decoration: underline;
}

table.dataGrid th a.ascending { display: block; padding-right: 10px; background-image: url(images/ascending.gif); background-repeat: no-repeat; background-position: center right;  }
table.dataGrid th a.descending { display: block; padding-right: 10px; background-image: url(images/descending.gif); background-repeat: no-repeat; background-position: center right;  }

table.dataGrid th.number, table.dataGrid td.number
{
	text-align: right;
}

table.dataGrid td.date, table.dataGrid th.date
{
	text-align: center;
}

table.dataGrid td
{
	border-left: solid 1px #BBBBBB;
	padding: 2px 4px;
}

table.dataGrid td:first-child
{
	border: 0;
}

.alert
{
	color: red !important;
}

#checkedOutMessage
{
	float: right;
	margin-bottom: 5px;
}

.paper
{
	background-color: white;
	color: black;
	border: solid 1px #bbbbbb;
	padding: 5px;
}

#clientMessages
{
	margin: 0 0 0 0;
	padding: 0;
}

#clientMessages li
{
	display: block;
}

#clientMessages li.globalMessage { color: #993300; font-weight: bold; }
#clientMessages li.warning { color: #993300; }
#clientMessages li.error { color: #993300; }

.faq .q { font-weight: bold; }

a.trustedEmail:hover, a.distrustedEmail:hover { text-decoration: underline; }
a.trustedEmail { color: green; text-decoration: none; }
a.distrustedEmail { color: red; text-decoration: none; }

/* Common Settings for round corners
	Note: IE can not have a block element shorter than the line height, keep the font size and line-height on these
	*/
.rnd { height: 2px; line-height: 1pt; font-size: 1pt; }
.rnd1, .rnd2, .rnd3 { display: block; overflow: hidden; height: 1px; line-height: 1pt; font-size: 1pt;}
.rnd4 { display: block; overflow: hidden; height: 2px; line-height: 1pt; font-size: 1pt;}
.rnd1 { margin: 0 2px; }
.rnd2 { margin: 0 1px; }
.rnd3 { margin: 0 2px; }
.rnd4 { margin: 0 1px; }


/* OLD STUFF */
.section_head
{
	color: black;
	font-weight: bold;
	font-size: 16px;
	background-color: #ddd;
	border: solid 1px red;
}