﻿/* ----  Layout styles  ------- */
.BaseContainer
{
	text-align: left;
	position:relative;
	background: url('Layout/RightColumn.jpg') repeat-y right top;
	padding-right: 10px;
	width: 990px;
}


.LeftColumn 
{
	float:left;
	width:189px;
	margin-left:10px;
	padding-left: 10px;
	padding-right: 10px;
	z-index:2;
}
.LeftColumnBG
{
	position:absolute;
	background: url('Layout/LeftColumn.jpg') repeat-y;
	width: 250px;
	height: 100%;
	z-index:-1;
}


.TopLogoContainer
{
	float:right;
}

.MainContent
{
	float:right;
	margin-right: 10px;
	width: 540px;
}


.RightColumn
{
	float:right;
	width: 150px;
	padding: 10px 10px 10px 10px;
	clear:right;
}


.BottomRow
{
	border: gainsboro thin solid;
	height: 23px;
	background-color: #f4f4f4;
	text-align: center;
	clear:both;
	width: 100%;
}

.ItemBox
{
	background-image: url('Layout/ItemBoxBG.jpg');
	background-repeat: repeat-x;
	padding: 8px;
}
.ItemBox h2
{
	 margin-top: -5px;
}

.LeftPane
{
	background-image: url('Layout/LeftPane.jpg');
	background-repeat: repeat-y;
	padding: 10px;
}

/* ---------------------------- */

/* ---- Block Styles ---------- */


body 
{
	text-align:center;
	font-family: Calibri, Sans-Serif, Arial;
	font-size: Small;
}


td 
{
	vertical-align: top;
	text-align: left;
}

/*
.Heading1
{
	font-family: Tahoma;
	font-size: 20px;
	font-weight: bold;
}*/

h1
{
	font-family: Tahoma;
	font-size: 20px;
	font-weight: bold;
	background-image: url('Layout/Heading1BG.jpg');
	background-repeat: repeat-x;
	width: 510px;
	height:40px;
	padding-top: 20px;
	padding-left: 10px;
}

h2 
{
	font-weight: bold;
	text-decoration: underline;
	font-family: Sans-Serif, Arial;
	font-size: 14px;
	margin-bottom:5px; 
}
h3
{
	font-weight: bold;
	text-decoration: underline;
	font-family: Sans-Serif, Arial;
	font-size: 11px;
	margin-bottom:0px;
}

p, ol, ul, li { 
	padding:0px; 
	margin-top:3px; 
	margin-bottom:8px; 
}

li
{
	margin-left:10px;
}

a img {border-width: 0px;}

/* ---------------------------- */

/* ---- Page Specific Styles -- */

.ColorChartBox /* Represent a color box */
{
	width: 14px;
	height: 14px; 
	border: 1px solid black;
}

.TextBox 
{
	border: solid 1px white;
	font-family: inherit;
	font-size: 9px;
	color: #4273BC;
}

.Rail 
{
	position:relative;
	background:url('../../Images/Rail.png');
	background-repeat: no-repeat;
	width:85px;
	height:25px;
}
.Panel 
{
	padding: 5px;
}

.StepBoxTop
{
	border: #c5d2e3 2px solid;
	color: White;
	padding-left: 5px;
    width: 500px;
    height: 16px;
    background-color: #7993bc;
}

.StepBoxBottom
{
	border: #c5d2e3 2px solid;
	color: White;
	padding-right: 5px;
	padding-left: 5px;
    width: 500px;
    height: 16px;
    background-color: #7993bc;
    text-align: right;
}

.WizardNavigation 
{
	border-right: solid 2px #c5d2e3;
}

.WizardContent
{
	padding-left: 10px;
}
.FAQHeading
{
	font-weight: bold;
	color: #4273BC;
	font-family: Sans-Serif, Arial;
	font-size: 11px;
	margin-bottom:5px;
}
.DateStyle
{
	color: Gray;
}
.Title
{
	font-family: Garamond, Georgia;
	font-size: 24pt;
	color: #050505;
}
.SmallTitle
{
	font-size: Medium;
	font-family: Garamond, Georgia;
	font-weight: bolder;
	color: #050505;
}
table.pattern    
{
	border: 2px solid black;
	border-collapse: collapse;
	font-family: "Pattern Characters", Arial;
	font-size: 12px;
}
table.pattern td
{
	width: 12px;
	height: 12px;
	border: 1px solid black;
	text-align: center;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
table.pattern td.Y10
{
	border-top-width: 2px;
}
table.pattern td.X10
{
	border-left-width: 2px;
}