﻿body
{
    font-family: Sans-Serif;
    font-size: 12px;
    margin: 15px 10px;
    background-color: #9B9A7A;
}

.bodyTable
{
	background-color: #ffffff;
}

.hhsbar
{
	background-color: #185293;
}

.hhsbar td
{
	vertical-align: top;
}

.hhsText
{
	font-family: Verdana, Sans-Serif;
	font-size: 14px;
	font-weight: bold;
	padding: 12px 20px 12px 10px;
	color: #ffffff;
	width: 380px;
	white-space: nowrap;
}

.hhsCredential
{
	color: #ffffff;
	font-size: 11px;
	font-family: Lucida Sans Unicode, Arial, Helvetica;
	vertical-align: bottom;
	padding: 18px 10px 12px 0px;
	text-align: right;
}

.hhsCredential a
{
	color: #ffffff;
}

.hhsCredential a:hover
{
	color: #f3f3e4;
}

.hhsCredential a:visited
{
	color: #ffffff;
}

.hhsCredential a:active
{
	color: #ffffff;
}

.bottombar
{
	background-color: #ffffff;
}

.bottombar td
{
	vertical-align: bottom;
	height: 36px;
}


.siteTitle
{
	background: #ffffff url("images/site-title-background.png") repeat-x bottom;
}

table
{
    font-size: 12px;
}


a
{
	color: #185293;
}

a:hover
{
	color: #935218;
}

a:visited
{
	color: #185293;
}

a:active
{
	color: #990000;
}


.multiSelectList
{
	font-size: 11px;
}


.progress
{
    display: block;
    position: absolute;
    padding: 2px 3px;
}

.progress .body
{
    background-color: #f2f2f2;
    border-color: #808080;
    border-style: solid;
    border-width: 0px 1px;
    padding: 10px;
}

.container
{
    border: solid 1px #808080;
    border-width: 1px 0px;
}

.header
{
    background: url("images/sprite.png") repeat-x 0px 0px;
    border-color: #808080 #808080 #ccc;
    border-style: solid;
    border-width: 0px 1px 1px;
    padding: 0px 10px;
    color: #000000;
    font-size: 9pt;
    font-weight: bold;
    line-height: 1.9;  
    font-family: arial,helvetica,clean,sans-serif;
}

.collapsePanelHeader
{
	width:100%;
	height:30px;
	background-color: #c5c6a4;
	border-top: solid 1px #efefdf;
	border-bottom: solid 1px #9b9a7a;
	color:#414d2c;
	font-weight:bold;
}



.grid
{
}

.grid thead tr
{
	background-color: #493F0B;
}

.grid thead th, .grid thead td
{
	background: #fafaf9 url("images/table-header-bg.png") repeat-x left bottom;
	padding: 6px; color: #493F0B; font-weight: bold;
	border-bottom: solid 1px #493F0B;
}

.grid tbody td
{
	padding: 0;
}


.light .ul
{
	background: url("images/light-row-ul.png") no-repeat;
	height: 100%;
}

.light .ll
{
	background: #e1e1e1 url("images/light-row-ll.png") no-repeat left bottom;
	height: 100%;
}

.light .ur
{
	background: url("images/light-row-ur.png") no-repeat top right;
	height: 100%;
}

.light .lr
{
	background: #e1e1e1 url("images/light-row-lr.png") no-repeat bottom right;
	height: 100%;
}

.light .content
{
	background: transparent;
}

.grid .content
{
	background-color: #e1e1e1;
	padding: 6px 3px 8px 6px;
}

.content2
{
	padding: 6px 3px 8px 6px;
}


.leftpadding
{
	width: 50px; display: inline;
}

.rightpadding
{
	width: 50px; display: inline;
}


.pageTitleCell
{
	background: #ffffff url("images/triangle.png") no-repeat bottom left;
}

.pageTitle
{
	color: #943333; font-family: Trebuchet MS, Times; font-size: 30px;
}

.parameter
{
	/*background: #191919 url("images/parameter-bg.png") repeat-x;
	color: #B7B7B7;*/
	padding-top: 12px;
	padding-left: 26px;
	padding-right: 60px;
}

.summary
{
	/*background: #548ED8 url("images/summary-bg.png") repeat-x bottom;*/
	background: #dcddbb;
	color: #414d2c; font-weight: bold;
	padding: 12px 20px 12px 36px;
}

.summaryButton
{
	padding: 6px 8px 0px 6px;
	background-color: #dcddbb;
}

.pager
{
	background-color: #dcddbb;
	padding: 10px 20px 10px 86px;
	height: 36px;
}

	.pager a, .pager a:active, .pager a:hover, .pager a:visited
	{
		padding: 0px 6px 0px 6px; color: #414d2c; font-weight: bold;
	}

	.pager a:hover
	{
		color: #414d2c;
	}

	.pager span
	{
		padding: 0px 6px 0px 6px;
		font-weight: bold;
		color: #ffffff;
	}

.courseType
{
	/*font-size: 11px;
	border: solid 1px #666666;*/
	height: 26px;
}


.right
{
	text-align: right;
}

.grid .right
{
	padding-right: 8px;
}

/* error is used for critical errors such as security violation or system errors */
.error
{
	background-color: #660000;
	font-weight: bold;
	color: #ffffff;
	padding: 8px 26px;
}

/* form error is used for form validation */
.formError
{
	
}

label.formError
{
	background-color: #ffcc00;
	padding: 5px 10px;
	border: solid 1px #cc9966;
	margin-left: 2px;
}

.certificate
{
	background-color: #ffffff;
	border: solid 2px #000000;
	padding: 10px;
	text-align: center;
}

.controlBar
{
	background-color: #333018;
	padding: 6px 5px 1px 0px;
}

	.controlBar a
	{
		padding: 10px 6px 12px 6px;
		margin: 0px 3px 0px 2px;
	}
	
	.controlBar a:hover, .controlBar a:visited, .controlBar a:active
	{
		padding: 9px 5px 11px 5px;
		border: outset 1px #666633;
		background-color: #383620;
	}
	


#skip a, #skip a:hover, #skip a:visited
{
	position:absolute;
	left:0px;
	top:-500px;
	width:1px;
	height:1px;
	overflow:hidden;
}

#skip a:active, #skip a:focus
{
	position : static;
	width:auto;
	height:auto;
} 


.version
{
	color: #999999;
	font-family: Lucida Sans Unicode, Arial, Sans-Serif;
	font-size: 10px;
	padding: 0px 0px 6px 12px;
}


.reportTitle
{
	font-family: Arial, Sans-Serif;
	font-size: 20px; font-weight: bold;
	color: #999999;
	padding: 0px 0px 0px 5px;
	margin: 0px 0px 9px 0px;
}


.watermark
{
	color: #999999;
}

.hidden
{
	display: none;
}

.elearnTitle
{
	font-size: 24px;
	font-family: Arial, Helvetica;
}

.titleColor1
{
	color: #A01408;
}

.titleColor2
{
	color: #003663;
}


div.moduleLink
{
	padding: 0px 0px 15px;
	position: relative;
}

.moduleLink .isNew
{
	position: absolute;
	z-index: 2;
	left: -28px;
	top: 12px;
}

.moduleLink
{
	font-family: Arial, Helvetica, Sans-Serif; 
}

.moduleLink .logo
{
	width: 56px; height: 56px;
	text-align: center;
	margin-right: 18px;
	display: inline;
}

.moduleLink .title
{
	font-size: 15px;
	font-weight: bold;
	margin: 0px 0px 2px;
}

.moduleLink a, .moduleLink a:hover, .moduleLink a:active, .moduleLink a:visited
{
	font-size: 12px; color: #595959;
}

.moduleLink .linkGap
{
	width: 20px;
}

.moduleLink a:hover
{
	color: #990000;
}


.homepanel
{
}

.homepanel .tl
{
	background: url("images/home-side-panel-tl.png") no-repeat;
	width: 12px; height: 12px;
}


.homepanel .tr
{
	background: url("images/home-side-panel-tr.png") no-repeat top right;
	width: 12px; height: 12px;
}

.homepanel .bl
{
	background: url("images/home-side-panel-bl.png") no-repeat bottom left;
}

.homepanel .br
{
	background: url("images/home-side-panel-br.png") no-repeat bottom right;
}

.homepanel .top
{
	border-top: solid 1px #185293;
}

.homepanel .bottom
{
	border-bottom: solid 1px #185293;
}

.homepanel .body
{
	border-left: solid 1px #185293;
	border-right: solid 1px #185293;
	padding: 3px 28px 12px 28px;
}


a.homeTutorial, a.homeTutorial:hover, a.homeTutorial:active, a.homeTutorial:visited
{
	color: #185293;
}


.ui-effects-transfer { border: 1px dotted #999999; }