html, body
{
    margin: 0;
    padding: 0; 
}

body
{
	font-family: Verdana, sans-serif; 
	font-size: 9pt;
	background-color: #5a93bd;
}

fieldset
{
	padding-left: 7px;
	padding-right: 7px;
	padding-bottom: 10px;
}

legend
{
	font-weight: bold;
	padding-left: 1px;
	padding-right: 6px;
}

/* common styles */
.smalltext
{
	font-size: smaller;
}

.singleline
{
	margin-top: 5px! important;
	margin-bottom: 5px! important;
}

.doubleline
{
	margin-top: 15px! important;
	margin-bottom: 10px! important;
}

.floatleft
{
	position: relative;
	float: left;
}

.floatright
{
	position: relative;
	float: right;
}

.clearfloat
{
	clear: both;
}

.label
{
	text-align: right;
	padding-right: 5px;
}

.field
{
	text-align: left;
}

.bottomAlignedImage
{
	vertical-align: bottom;
	border-collapse: collapse;
	border-bottom-style: none;
	border-bottom-width: 0px;
}

a img
{
	vertical-align: middle;
	border: none;
}

ul.doubleline li
{
	margin-top: 10px! important;
	margin-bottom: 10px! important;
}

/* template layout */
#pageContainer
{
	width: 773px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
	margin-top: 10px;
}

#mainContentArea
{
	width: 100%;
	padding: 0;
	margin: 0;
	background: #f7f5e9;
}

#footerContentArea
{
	padding: 0;
	margin: 0;
	font-size: 10px;
}

#footerContentArea .container
{
	width: 773px; 
	height: 32px;
}

#footerContentArea .container .stdCenterPanel a
{
	color: #3e2583;
	padding: 4px;
	text-decoration: none;
}

#footerContentArea .container .stdCenterPanel a:hover
{
	color: #3e2583;
	padding: 4px;
	text-decoration: underline;
}

#footerContentArea .container .stdCenterPanel a:visited
{
	color: #3e2583;
	padding: 4px;
}

#footerContentArea .stdLeftPanel
{
	width: 38px; 
	text-align: left;
}

#footerContentArea .stdCenterPanel
{
	width: 697px;
	text-align: center; 
	background: url(../../images/bttmbg.gif);
	color: #3e2583;
}

#footerContentArea .stdRightPanel
{
	width: 38px; 
	text-align: right;
}

#footerContentArea .navLeftPanel
{
	width: 140px; 
	text-align: left;
}

#footerContentArea .navCenterPanel
{
	width: 493px;
}

#footerContentArea .navRightPanel
{
	width: 140px; 
	text-align: right;
}

#footerContentArea .backButton,
#footerContentArea .continueButton
{
	padding: 0;
	margin: 0;
	width: 140px;
	height: 32px;
	background-repeat: no-repeat;
}

#footerContentArea .backButton,
#footerContentArea .continueButton
{
	display: inline-block;
}

#footerContentArea .backButton,
#footerContentArea .continueButton
{
	display: -moz-inline-block; /* fix for firefox */
}

#footerContentArea .backButton
{
	background-image: url(../../images/goback.gif);
}

#footerContentArea .backButton:hover
{
	background-image: url(../../images/goback_hl.gif);
}

#footerContentArea .continueButton
{
	background-image: url(../../images/continue.gif);
}

#footerContentArea .continueButton:hover
{
	background-image: url(../../images/continue_hl.gif);
}

#footerContentArea a
{
	padding-left: 10px;
	padding-right: 10px;
	color: #fff;
	text-decoration: none;
}

.leftColumn
{
	background-color: #f7f5e9;
	margin: 0;
	padding: 0;
	text-align: left;
	vertical-align: top;
	width: 173px;
}

.rightColumn
{
	margin: 0;
	padding: 0;
	text-align: left;
	vertical-align: top;
	width: 600px;
}

.contentArea
{
	padding: 10px;
}

/* navigation list */
.navlist 
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 10pt;
}

.navlist li
{
	display: inline;
}

.navlist a, .navlist a:visited
{
	display: block;
	height: 25px;
	width: 560px;
	padding: 12px 2px 2px 36px;
	border: 1px solid #9ac7e0;
	background-color: #cddae5;
	background-image: url(../../images/item.gif);
	background-repeat: no-repeat;
	background-position: 0% 50%;
	text-decoration: none; 
	text-align: left;
	color: #000;
	vertical-align: middle;
}

.navlist a:hover
{
	background-color: #9ac7e0;
	background-image: url(../../images/item_over.gif);
	color: #000;
}

.navlist a .title
{
	cursor: pointer;
	float: left;
	width: 240px;
}

.navlist a .subtitle
{
	cursor: pointer;
	visibility: hidden;
	float: left;
	color: #000;
	width: 310px;
}

.navlist a:hover .subtitle
{
	visibility: visible;
}

/* content-specific styles */
.pageHeader
{
	border-bottom: solid 4px #3e2583;
}

.pageSubHeader
{
	background: #fff url(../../images/lady.gif) no-repeat right top;
	border-bottom: solid 4px #3e2583;
	height: 150px;
	vertical-align: top;
}

.introTextLabel
{
	background-color: #fff;
	padding: 3px;
	width: 640px;
	color: #000;
	margin: 5px;
	font-size: 10pt;
}

.pageTitle
{
	font-size: 12pt;
	font-weight:normal;
	padding: 10px;
	margin: 0;
	color: #3e2583;
}

.incidentTitle
{
	font-size: 11pt;
	font-weight: bold;
	color: #000;
	margin: 5px auto 10px auto;
}

.incidentDescription
{
	color: #000;
	text-align: left;
	margin: 5px auto 10px auto;
}

.incidentRecoverySectionTitle
{
	margin-top: 15px! important;
	margin-bottom: 5px! important;
	color: #a10000;
	font-style: italic;
}

/* modal popup */
.modalBackground 
{
	background-color: Gray;
	filter: alpha(opacity=70);
	opacity: 0.7;
}

.modalPopup
{
	background-color: #ffffdd;
	border: solid 2px Gray;
}

.modalPopup
{
	text-align: center;
}

.modalPopup /* fix for firefox */
{
	text-align: -moz-center;
}

.modalPopup .popupCaption
{
	color: #fff;
	cursor: move;
	background-color: #5a93bd;
	height: 15px;
	padding: 3px;
	font-weight: bold;
}

.modalPopup .popupCloseButton
{
	cursor: auto;
	float: right;
}

.modalPopup .popupBody
{
	clear: both;
	padding: 7px;
	overflow: auto;
}

/* cost detail grid */
.costDetailGrid
{
	border-collapse: collapse;
	table-layout: fixed;
}

.costDetailGrid
{
	display: inline;
}

.costDetailGrid
{
	/*display: -moz-inline; /* fix for firefox */
}

.costDetailGrid th,
.costDetailGrid td
{
	border: solid 1px #ccc;
	padding: 2px 4px;
}

.costDetailGrid th.headerLabelCell
{
	background: #eee; 
	text-align: left;
}

.costDetailGrid th.headerNumberCell
{
	background: #eee; 
	text-align: center;
}

.costDetailGrid td.dataLabelCell
{
	background: #fff;
	text-align: left;
}

.costDetailGrid td.dataCostCell
{
	background: #fff;
	text-align: right;
	white-space: nowrap; 
}

.costDetailGrid td.dataTotalCell
{
	background: #ffeb9c;
	text-align: right;
	white-space: nowrap;
}

.costDetailGrid td.summaryTotalCell
{
	background: #ffeb9c;
	text-align: right;
	font-weight: bold;
	white-space: nowrap;
}

.costDetailGrid td.footerLabelCell
{
	background: #eee; 
	text-align: right;
	font-weight: bold;
}

.costDetailGrid td.footerTotalCell
{
	background: #ffcc33; 
	text-align: right;
	font-weight: bold; 
	white-space: nowrap; 
}

.costDetailGrid input.inputCell
{
	border: solid 1px #aaa;
	text-align: right;
}

.costDetailGrid input.totalInputCellReadOnly
{
	border: solid 1px #ffeb9c;
	background-color: #ffeb9c;
	text-align: right;
}

.costDetailGrid input.totalInputCellEditable
{
	border: solid 1px #aaa;
	background-color: #ffeb9c;
	text-align: right;
}

.costDetailGrid .footNoteCell
{
	color: #808080;
	font-weight: normal;
	font-size: smaller;
	text-align: left;
}

.costDetailGrid .footNoteCell ol
{
	margin-top: 3px;
	margin-bottom: 3px;
}

.costDetailGrid .footNoteCell2
{
	background: #eee; 
	color: #696969;
	font-weight: normal;
	text-align: left;
}

/* update progress styles */
.updateProgress 
{
	border: solid 1px #CACACA;
	background-color: #FFFFFF;
	position: absolute;
}

.updateProgressMessage 
{
	margin: 10px;
	vertical-align: middle;
	font-size: small;
}

.updateProgressModalBackground 
{
    background-color: Transparent;
}    

/* error message panel */
.errorMessagePanel
{
	background-color: #ffffdd;
	border: solid 1px Gray;
	display: inline-block;
	margin-bottom: 7px;
	padding-top: 3px;
}

.errorMessagePanel ul
{
	margin: 5px 3px 5px 25px;
}

.errorMessagePanel br
{
	display: none;
}

.generalErrorPanel
{
	color: Red;
	padding: 5px;
}

/* help icon */
.helpIcon
{
	vertical-align: middle;
}

/* document viewer */
.documentThumb a
{
	color: #516d82;		
}

.documentThumb a:visited
{
	color: #516d82;		
}

#getAdobeReader
{
	margin-top: 10px;
	width: 100%;
	text-align: right;
}

#getAdobeReader a
{
	text-decoration: none;
}

#getAdobeReader a:hover
{
	text-decoration: none;
}

#getAdobeReader a:visited
{
	text-decoration: none;
}

/* My Scenarios */
.messagePanel
{
	padding: 10px;
}

/* WSIB */
ul.boldedlinks li a
{
	font-weight: bold;
	text-decoration: underline;
}

/* print styles */
@media print
{
	html,
	body
	{
		margin: 0;
		padding: 0;
	}
	
	/* original width - 200px */
	#pageContainer
	{
		border: solid 5 red;
		margin: 0;
		padding: 0;
		width: 673px;
	}

	#footerContentArea .container
	{
		width: 573px; 
	}

	#footerContentArea .stdCenterPanel
	{
		width: 497px;
	}

	#footerContentArea .navCenterPanel
	{
		width: 293px;
	}
}

body.printPage
{
	background-color: #fff;
	width: 650px;
}

body.printPage .printScenarioDescriptionSection
{
	border: solid 1px #000;
	margin-bottom: 15px;
	padding: 5px 10px;
	width: 609px;
}

body.printPage .printSection
{
	margin-bottom: 15px;
	width: 100%;
}