/* Defaults */
body
{
	background-color: #336699;
	color: #525e6a;
	font-family: Arial;
	font-size: 8pt;
	vertical-align: top;
	text-align: left;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 10px 0px 10px 0px;
	padding-top: 0px;
	height: 100%;
}	

/* Titles */
.EmpsolTitle
{
	left: 260px;
	position: relative;
	top: -98px;
	font-size: 28pt;
	color: #00106a;
	font-weight: bold;
	text-align: center;
	width: 510px;
}

.Background
{
	padding-right: 0px;
	display: inline;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 0px;
	padding-top: 0px;
	border-collapse: collapse;
	position: relative;
	left: 63px;
	top: 0px;	
}

.BackgroundTopLeftSecurity
{
	background-image: url(../Images/LogoPanel.jpg);
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 0px;
	padding-top: 0px;
	border-collapse: collapse;
	height: 113px;
	width: 751px;
	text-align: left;
	background-repeat: repeat-x;
	background-position: right;
	vertical-align: middle;
}

.BackgroundTopLeft
{
	background-image: url(../Images/LogoPanel.jpg);
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 0px;
	padding-top: 0px;
	border-collapse: collapse;
	height: 113px;
	width: 751px;
	text-align: left;
	background-repeat: repeat-x;
	background-position: right;
	vertical-align: middle;
}

/* Alignment */
.floatSecurity
{
	width: 755px;
	margin: auto;
	border-collapse: collapse;
	text-align: center;
}

#employerdiv
{
	width:755px;
	margin: auto;
	border-collapse: collapse;
	text-align: center;
	height:auto;
}

.float
{
	width: 755px;
	margin: auto;
	border-collapse: collapse;
/*
	border-right: red 2px solid;
	border-top: red 2px solid;
	border-left: red 2px solid;
	border-bottom: red 2px solid;
*/
	text-align: center;
	position: absolute;
	background-color: #ffffff;	
}

/* Named Elements */
#logindiv
{
	 width:280px;
	 margin: auto;
}		

/* ContentSecurity */
.contentSecurity
{
	background-color: #f5f5f5;
	background-color: #ffffff;
	width: 752px;
	text-align: left;
	border-right: #330000 2px solid;
	border-top: #330000 2px solid;
	border-left: #330000 2px solid;
	border-bottom: #330000 2px solid;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 0px;
	padding-top: 0px;
}

.content
{
	background-color: #f5f5f5;
	background-color: #ffffff;
	width: 752px;
	text-align: left;
	border-right: #330000 2px solid;
	border-top: #330000 2px solid;
	border-left: #330000 2px solid;
	border-bottom: #330000 2px solid;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 0px;
	padding-top: 0px;
	top: 0px;
	left: 0px;

/*
	border-right: green 2px solid;
	border-top: green 2px solid;
	border-left: green 2px solid;
	border-bottom: green 2px solid;	
*/
}

.content table
{
	border-collapse: collapse;
}

.content table tr
{
	border-collapse: collapse;
}

.content table tr td
{
	border-collapse: collapse;
}

/* Buttons */
.ButtonTD
{
	text-align: right;
}

.Button
{
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	padding-top: 0px;	
	margin: 0px 0px 0px;
	color: #ffffff;
	background-image: none;
	font-weight: bold;
	border-right: black 2px solid;
	border-top: black 2px solid;
	border-left: black 2px solid;
	border-bottom: black 2px solid;
	vertical-align: top;
	text-align: center;
	background-color: #525e6a;
}

.Button:hover
{
	background-color: #336699;
}

/* Headings */
.Heading
{
	font-weight: bold;
	text-align: center;
	color: #336699;
	font-size: 30pt;
}

.Heading1
{
	font-weight: bold;
	text-transform: uppercase;
	font-size: 12pt;
	width:100%;
	color: #525e6a;
}

.Heading2
{
	font-weight: bold;
	font-size: 10pt;
	color: #525e6a;
}

.Heading3
{
	font-weight: bold;
	font-size: 8pt;
	color: #525e6a;
}

/* Textboxes, Dropdowns, etc.*/
.SecurityTextBox
{
	width: 200px;
}

.TextBox
{
	width: 400px;
}

.TextBoxExtended
{
	width: 500px;
}

.DropDownList
{
	width: 400px;
}

.TextBoxPostalCode
{
	width: 50px;
}

.TextBoxTelephoneCode
{
	width: 30px;
}

.TextBoxTelephoneNumber
{
	width: 100px;
}

.TextBoxYears
{
	width: 30px;
}

.TextBoxMonths
{
	width: 30px;
}

.TextBoxDate
{
	width: 75px;
}

.Money
{
	width: 75px;
}

.TextBoxTime
{
	width: 75px;
}

.TextBoxNumber
{
	width: 30px;
}

/* Labels */
.Label
{
	color: gray;
}

/* Containers */
.MenuContainer
{
	vertical-align: top;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 0px;
	padding-top: 0px;
	background-image: none;
	width: 145px;
	margin-top: -1px;
	background-color: #f8f8ff;
	background-color: #f5f5f5;
	background-color: #dbe4ea;
	background-color: #ffffff;
/*
	border-right: green 2px solid;
	border-top: green 2px solid;
	border-left: green 2px solid;
	border-bottom: green 2px solid;
*/
	float: left;
	height: 100%;
}

.ContentContainer
{
	top: 116px;
	width: 605px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 0px;
	padding-top: 0px;
	border-collapse: collapse;
/*
	background-color: red;
	border-right: yellow 2px solid;
	border-top: yellow 2px solid;
	border-left: yellow 2px solid;
	border-bottom: yellow 2px solid;
*/
	float: right;
}

/* Menu */
.menu
{
	width: 145px;
	padding: 0px;
	margin: 0px;
	padding: 0px;
	border-collapse: collapse;
}

.menu tr
{
	height: 20px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 1px;
	padding-top: 0px;
}

.menu td
{
	background-color: #dbe4ea;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 0px;
	padding-top: 0px;
	border-right: #f8f8ff 1px solid;
	border-top: #f8f8ff 1px solid;
	border-left: #f8f8ff 1px solid;
	border-bottom: #f8f8ff 1px solid;
}

.menu td:hover
{

	background-color: #0b4a8b;
	color: #ffffff;
}

.menu a
{
	color: #516982;
}

.menu td:hover a
{
	color: #ffffff;
}

/* Panels */
.Document
{
	background-color: #e8edf1;
	border-right: #dbe4ea 1px solid;
	border-top: #dbe4ea 1px solid;
	border-left: #dbe4ea 1px solid;
	border-bottom: #dbe4ea 1px solid;
	width:603px;
	
}

.Panel
{
	border-right: #dbe4ea 1px solid;
	border-top: #dbe4ea 1px solid;
	border-left: #dbe4ea 1px solid;
	border-bottom: #dbe4ea 1px solid;
	background-color: #e8edf1;
	width:603px;	
}

.PanelIODHeading
{
	border-right: #dbe4ea 1px solid;
	border-top: #dbe4ea 1px solid;
	border-left: #dbe4ea 1px solid;
	border-bottom: #dbe4ea 1px solid;
	background-color: #e8edf1;
	width:400px;	
}

.LookupPanel
{
	border-right: #dbe4ea 1px solid;
	border-top: #dbe4ea 1px solid;
	border-left: #dbe4ea 1px solid;
	border-bottom: #dbe4ea 1px solid;
	font-family: Arial;
	font-size: 8pt;
	text-transform: none;
	font-weight: normal;
	background-color: #f5f5f5;
	width: 595px;
}

.LookupResults
{
	border-right: #dbe4ea 1px solid;
	border-top: #dbe4ea 1px solid;
	border-left: #dbe4ea 1px solid;
	border-bottom: #dbe4ea 1px solid;
	width:587px;
	background-color: #f5f5f5;	
}

.InnerGrid
{
	border-right: #dbe4ea 1px solid;
	border-top: #dbe4ea 1px solid;
	border-left: #dbe4ea 1px solid;
	border-bottom: #dbe4ea 1px solid;
	width:545px;
	background-color: #f5f5f5;	
}

.InnerGrid2
{
	border-right: #dbe4ea 1px solid;
	border-top: #dbe4ea 1px solid;
	border-left: #dbe4ea 1px solid;
	border-bottom: #dbe4ea 1px solid;
	width:525px;
	background-color: #f5f5f5;	
}

.TabbedDocument, .TabPanel
{
	border-right: #dbe4ea 1px solid;
	border-top: #dbe4ea 1px solid;
	border-left: #dbe4ea 1px solid;
	border-bottom: #dbe4ea 1px solid;
	width: 570px;
	position: relative;
	top:-12px;
	left:-13px;
	background-color: #e8edf1;	
	border-right: #888888 1px solid;
	border-top: #888888 1px solid;
	border-left: #888888 1px solid;
	border-bottom: #888888 1px solid;		
	
}

.InsidePanel
{
	border-collapse: collapse;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	padding-top: 0px;
	margin: -1px;
	color: #525e6a;
	font-family: Arial;
	font-size: 8pt;
	font-weight: normal;
	width: 595px;
}

.InsideTabbedDocument
{
	width: 591px;
	position: relative;
	top: 1px;
	left: -1px;
	background-color: #e8edf1;	
	margin: 0px;
	padding: 0px;
}

.InsideTabs
{
	border-right: #dbe4ea 1px solid;
	border-top: #dbe4ea 1px solid;
	border-left: #dbe4ea 1px solid;
	border-bottom: #dbe4ea 1px solid;
	width: 561px;
	position: relative;
	top: -13px;
	left: -13px;
	background-color: #e8edf1;	
	margin: 0px;
	padding: 0px;
	background-color: #e8edf1;	
	border-right: #888888 1px solid;
	border-top: #888888 1px solid;
	border-left: #888888 1px solid;
	border-bottom: #888888 1px solid;		
}

.LookupResults th
{
	text-align: left;
	border-bottom: #dbe4ea 1px solid;
}

.TabbedDocument tr,
.Document tr,
.Panel tr, 
.LookupPanel tr, 
.LookupResults tr
{
	text-align:left;
	vertical-align:top;	
}

/* Validation */
.ValidationSummary
{
	color: #ff0000;
}

/* Column Alignments */
.LeftColumn
{
	width: 145px;	
}

.LeftColumnWide
{
	width: 170px;
}

/* Grids */
.Grid
{
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 0px;
	padding-top: 0px;
}

.ColumnDateTime
{
	background-color: red;
	width:100px;
}

.ColumnIDNumber
{
	width:100px;
}

.ajax__tab_xp
{
	width: 590px;
	border-collapse: collapse;
	border-right: 0px ;
	border-top:  0px ;
	border-left:  0px ;
	border-bottom:  0px ;
}


.TabPanel
{
	left:2px;
	top: 0px;
	width:570px;
}