﻿body 
{
	height:100%;
	margin:0 0 0 0;
	font-family:Verdana; 
	font-size:10px;
	background-color:#FAE4E3;
}
* 
{
	margin:0;
	padding:0;
}

#pageHeaderLeft 
{
	/*background-image:url(../Images/VariLogic_Logo.jpg);*/
	background-color:White;
	background-repeat:no-repeat;
	height:65px;
	width:342px;
	border:solid 0px red;
	margin:0 0 0 4px;
}
#pageHeaderTopRight 
{
	width:100%;
	position:absolute;
	top:4px;
	text-align:right;
	vertical-align:middle;
	color:Gray;
	font-size:8px;
}
#pageHeaderBottomRight 
{
	width:100%;
	position:absolute;
	top:55px;
	text-align:right;
	vertical-align:middle;
}
.loggedUser 
{
	color:Black;
	font-size:8px;
	font-weight:bold;
	padding-right:2px;
}

.currentPage 
{
	float:left;
	height:12px;
	width:100%;
	margin:0 0 0 0;
	padding:2px 0 2px 0;
	font-size:10px;
	font-weight:bold;
	background-color:#E9EBF5;
}

div#pageContent 
{
	min-height:330px;
	width:100%;
	float:left;
	background-color:White;
	padding:5px 0px 0 0px;
}
div#pageContent p 
{
	font-weight:bold;
	margin:10px 5px;
	padding:10px 10px 10px 10px;
	border-top:solid 1px #CCC;
	border-right:solid 3px #CCC;
	border-bottom:solid 3px #CCC;
	border-left:solid 1px #CCC;
	background:white;
	vertical-align:top;
}
div#pageContent div.contentPane 
{
	float:left;
	margin:5px 0 10px 10px;
	padding:10px;
	border-top:solid 1px #242D78;
	border-right:solid 3px #242D78;
	border-bottom:solid 3px #242D78;
	border-left:solid 1px #242D78;
	background:white;
	vertical-align:top;
}
#pageContent p img.rightImageFloat 
{
	float:right;
	border:solid 1px #CCC;
	margin:2px 0 5px 5px;
}
#pageContent p img.leftImageFloat 
{
	float:left;
	border:solid 1px #CCC;
	margin:21px 5px 5px 0;
}

td#sideBarLeft 
{
	height:100%;
	width:200px; 
	padding:2px 2px 3px 2px;
	border-right:dotted 1px Black;
	background:#E70906;
	vertical-align:top;
}
td#sideBarRight 
{
	height:100%;
	width:200px; 
	padding:2px 2px 3px 2px;
	border-left:dotted 1px Black;
	background:#E70906;
	vertical-align:top;
} 

/*
Begin: Form Editing Styles
*/
div.dataEntryForm 
{
	text-align:left;
	padding-left:5px;
}
td.labelRightAlign 
{
	text-align:right;
	white-space:nowrap;
	padding-bottom:5px;
}
td.labelLeftAlign 
{
	text-align:left;
	white-space:nowrap;
	padding-bottom:5px;
}
td.labelCenterAlign 
{
	text-align:center;
	white-space:nowrap;
	padding-bottom:5px;
}
td.entryControlLeftAlign 
{
	text-align:left;
	white-space:nowrap;
	width:auto;
	padding-left:5px;
	padding-bottom:5px;
}
.dataEntryComments 
{
	text-align:left;
	white-space:nowrap;
	width:auto;
	padding-left:5px;
	padding-bottom:5px;
	font-style:italic;
}
/*
End: Form Editing Styles
*/

.sideBarHeader 
{
	vertical-align:bottom; 
	text-align:center; 
	background-color:#242D78; 
	padding:2px; 
	margin:0; 
	color:White;
}

div#footer 
{
	font-size:9px; 
	text-align:center; 
	vertical-align:bottom; 
	border-top:dotted 1px Black; 
	width:100%;
}

.sectionCaption 
{
	color:#242D78; 
	font-weight:bold; 
	font-size:12px; 
	text-decoration:underline; 
	margin:0 0 5px 0; 
	padding:1px;
}

tr.rowHeader
{
    font-size:12px;
	font-weight:bold;
	height:20px;
    background-color:#d4d2e7;
}
tr.rowEven
{
	height:16px;
    background-color:#d4d2e7;
}
tr.rowOdd
{
	height:16px;
}

.error 
{
	font-size:10px;
	font-weight:bold;
	color:Red;
}
.requiredField 
{
	color:Red;
}
.label 
{
	font-size:10px;
	font-weight:bold;
	color:Black;
}
.labelDisabled 
{
	font-size:10px;
	font-weight:bold;
	color:Gray;
}
.labelAlignRight 
{
	font-size:10px;
	font-weight:bold;
	text-align:right;
}
.labelAlignCenter 
{
	font-size:10px;
	font-weight:bold;
	text-align:center;
}
.editControl 
{
	font-family:Verdana, Arial; 
	font-size:10px;
	font-weight:normal;
	color:Black;
}
.editControlDisabled 
{
	font-family:Verdana, Arial; 
	font-size:10px;
	font-weight:normal;
	color:Black;
	background-color:#dcdcdc;
}

.boldBlack 
{
	font-weight:bold;
	color:Black;
}
.boldWhite
{
	font-weight:bold;
	color:White;
}
.normalBlack 
{
	font-size:9px;
	font-weight:normal;
	color:Black;
}
.fixedheaderCellLeftMid
{
	border-right: black 0px solid;
	border-top: black 0px solid;
	padding-top: 3px;
	padding-left: 3px;
	font-weight: bold;
	font-size: 8pt;
	border-left: black 1px solid;
	color: white;
	border-bottom: black 0px solid;
	font-family: Arial, Verdana;
	background-color: #B40704;
}
.fixedheaderCellRight
{
	border-top: solid 0px black;
	border-left: solid 1px black;
	border-right: solid 1px black;
	border-bottom: solid 0px black;
	font-weight: bold;
	font-size: 8pt;
	font-family: Arial, Verdana;
	color: white;
	background-color: #B40704;
	padding-top: 3px;
	padding-left: 3px;
}
.detailRowCellLeft
{
	border-right: silver 0px solid;
	border-top: silver 0px solid;
	padding-left: 3px;
	font-weight: normal;
	font-size: 8pt;
	border-left: silver 1px solid;
	color: black;
	border-bottom: silver 1px solid;
	font-family: Arial, Verdana;
}
.detailRowCellMid
{
	border-right: silver 0px solid;
	border-top: silver 0px solid;
	padding-left: 3px;
	font-weight: normal;
	font-size: 8pt;
	border-left: silver 1px solid;
	color: black;
	border-bottom: silver 1px solid;
	font-family: Arial, Verdana;
}
.detailRowCellRight
{
	border-right: silver 1px solid;
	border-top: silver 0px solid;
	padding-left: 3px;
	font-weight: normal;
	font-size: 8pt;
	border-left: silver 1px solid;
	color: black;
	border-bottom: silver 1px solid;
	font-family: Arial, Verdana;
}
