html
{
	text-align: center;
	background: #FBFCFD url("images/Bg_center.gif") center repeat-y;
	color: #333333;
	margin: 0px;
}
body
{
    margin: 0px;
    text-align: left;
    font: 13px arial;
    color: #666;
}
h1
{
    color: #323265;
    font: bold 18px verdana;
    margin-top: 5px;
    margin-bottom: 0px;
}
h3 
{
	margin: 0px;
	font: bold 14px arial; 
	color: #323265;
}
th 
{
	font-size: 12px; 
	color: #384450; 
	font-weight: bold
}
hr 
{
	border: 1px solid #84A6C1;
}
p
{
	margin: 0px;
	margin-bottom: 10px;
}
ul
{
	margin-top: 5px;
	margin-bottom: 10px;
}
table
{
	margin-bottom: 10px;
}
a
{
	color: #5463AB; 
	text-decoration: none;	
}
a:link 
{
	color: #5463AB; 
	text-decoration: none;
}
a:visited 
{
	color: #039; 
	text-decoration: none;
}
a:hover 
{
	color: #000; 
	text-decoration: underline;
}
a.arrow
{
	display: block;
	background: url("images/li_arrow.gif") no-repeat left center;
	padding-left: 16px;
	margin-top: 5px;
	margin-left: 25px;
}

#BodyHolder
{
    width: 749px;
    margin-left: auto;
    margin-right: auto;
}




/*-- COMMON CLASSES --------------------------------------------------------------------------*/
.noBorder input
{
    border: none;
    background: red;
}
.button, .button a, .button a:visited
{
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 2px;
	padding-bottom: 3px;
	height:24px;
	background-color: #e4edf5;
	cursor:pointer;
	color:#323265;
	font-weight:bold; font-size:12px;
	border-style:solid;
	border-width:1px;
	border-bottom-color:#517C9F;
    border-right-color:#517C9F;
    border-top-color:#B9CCDB;
    border-left-color:#B9CCDB;
}
.button:hover
{
    padding-top: 3px;
	padding-bottom: 2px;
    border-top-color:#517C9F;
    border-left-color:#517C9F;
    border-bottom-color:#B9CCDB;
    border-right-color:#B9CCDB;
    text-decoration: none;
}
.ValidationSummary
{
    margin-left: 10px;
    text-align: left;
}
.ValidationSummary li
{
    margin: 0px;
    list-style-type: disc;
}



/*-- HEADER --------------------------------------------------------------------------*/
#Header
{
    width: 749px;
    height: 124px;
    background: url('images/BgTop.gif');
}
#Header .MainMenu
{
    position: relative; top: 83px;
}
#Header .InfoPanel
{
    position:relative; 
    top:84px; left:500px; 
    text-align:right; 
    width: 240px;
    font: normal 9px verdana;
}




/*-- SIDE MENU --------------------------------------------------------------------------*/
#SideMenu
{
    width: 120px; height: 400px;
    float: left;
    background: #e4edf5;
}
#SideMenu .MenuPanel a
{
    display: block;
    height: 22px;
	font: bold 12px arial;
	color: #039;
	background-color: #e4edf5; /* #D6E2ED; */
	border-bottom: 1px dashed gray;
	vertical-align: middle;
	margin-top: 2px;
	margin-left: 5px;
	padding-left: 15px;
	padding-top: 4px;
	cursor: hand;
	background: url("images/arrow_blue.gif") center left no-repeat;
}
#SideMenu .MenuPanel a:hover, #SideMenu .MenuPanel a.Selected
{
    text-decoration: none;
    background: #fff url("images/arrow_orange.gif") center left no-repeat;
    color: #FF6E28;   
}
#SideMenu .MenuPanel a.ShoppingCartButton
{
    background: url("images/shopping_cart_blue.gif") center left no-repeat;
    padding-left: 28px;
}
#SideMenu .MenuPanel a.ShoppingCartButton_Selected, #SideMenu .MenuPanel a.ShoppingCartButton:hover, #SideMenu .MenuPanel a.ShoppingCartButton_Selected:hover	
{
    background: #fff url("images/shopping_cart_red.gif") center left no-repeat;
    color: #FF6E28;
    padding-left: 28px;
}
#SideMenuBottom
{
    background: url("images/LeftSideBar_btm.gif") no-repeat;
    width: 120px; height: 8px;
    float: left; clear: left;
}




/*-- CONTENT FRAME --------------------------------------------------------------------------*/
#ContentFrame
{
    width: 610px;
    margin-right: 5px;
    float: right; clear: none;
    text-align: left;
}
#ContentFrameFull
{
    padding: 5px;
}
#ContentFrame .SubMenu
{
    margin: 0px 5px 10px 0px; padding: 3px;
    border-bottom: 1px solid #84A6C1;
}
#ContentFrame .SubMenu a
{
    font: 11px verdana;
}
#ContentFrame .SubMenu a:hover
{
    text-decoration: underline;
}




/*-- DVD PAGE ----------------------------------------------------------------------------*/
.gvPeriodsList
{
	width: 100%;
	border: 1px solid #aaa;
	border-collapse: collapse;
	padding: 5px;
}
.gvPeriodsList td, .gvPeriodsList th
{
	border: 1px solid #aaa;
	padding: 5px;
}



/*-- HOME PAGE ----------------------------------------------------------------------------*/
#HomeContainer
{
	margin: 20px 8px 8px 8px;
	padding: 0px;
	color: White;
}
#LeftPanel
{
	float: left; 
	width: 540px; height: 363px; 
	margin-bottom: 10px;
}
#LP_Top
{
	height:226px;
	background: url("images/Home_BgForSection.gif") repeat-y;	
}
#LP_Top h1
{
	color: White; 
	margin: 5px;
}
#LP_Top img
{
	margin-left: 5px;
	border: 1px solid White;
	width: 180px; height: 185px;
}
#LP_Top_RT
{
	width: 331px; height: 35px;
	background: #84A6C1;
	float: right;
	margin-top: 5px;
	margin-right: 3px;
	font-weight: bold;
	padding: 5px;
	clear: none;
}
#LP_Top_RB
{
	width: 331px; height: 159px;
	background: #7391A8;
	float: right;
	margin-right: 3px;
	padding: 5px;
}
#LP_left
{
	width: 185px; height: 131px;
	float:left; margin-top: 10px;
	background: #E5F1FD; color: #666;
	border: 1px solid #E5F1FD;
}
#LP_left ul
{
	margin-top: 0px;
}
#LP_left p
{
	margin: 0px;
	margin-left: 5px;
}
#LP_right
{
	width: 335px; height: 121px;
	float: right; margin-top: 10px;
	background: #79799B;
	border: 1px solid #323265;
	padding: 5px;
}
#LP_right
{
	padding: 5px;
}
#RightPanel
{
	float:right;
	width:174px;
	height: 363px;
}
#BottomPanel
{
	margin-top: 10px;
	clear: both;
	height: 22px;
	background: #7391A8;
	font: bold 12px arial;
	padding-top: 5px;
	text-align: center;
}
#Disclaimer
{
	color: Black;
	text-align: center;
	font-size: 11px;
	margin-top: 10px;
}
.ItemBox
{
	height: 106px;
	border: 1px solid #84A6C1;
	margin-bottom: 9px;
}
.ItemBox h1
{
	margin: 0px;
	font: bold 12px arial;
	background: #84A6C1;
	padding: 2px; color: White;
	text-indent: 5px;
}
/*-- FEATURES PAGE ------------------------------------------------------------------------------*/
#FeaturesContainer div
{
	
}
#FC_LeftPanel
{
	width: 370px; height: 140px;
	background: #E5F1FD;
	padding: 5px;
	float: left;
}
#FC_RightPanel
{
	width: 204px; height: 140px;
	background: #84A6C1;
	background: #79799B;
	color: White;
	padding: 5px;
	float: right;
}
#FC_RightPanel h3
{
	color: White;
}
#FeaturesContainer .ItemBox
{
	width: 180px; height: 135px;
	margin: 0px 15px 0px 0px;
	float: left;
}


/*-- REGISTRATION FORM --------------------------------------------------------------------------*/
.RegistrationForm
{
  margin-top: 15px;
  margin-left: 15px;
  padding: 2px;
  width: 500px;
  border: 1px solid #547AB4;   
  margin-bottom: 15px;
  clear: both;
}
.RegistrationForm div
{
    text-align: right;
    margin-bottom: 3px;
    padding: 3px 5px 3px 5px;
    background: #F5F9FC;
}
.RegistrationForm div div
{
    margin-left: 270px;
    text-align: left;
}
.RegistrationForm div label
{
    float: left;
}
.RegistrationForm input
{
    width: 270px;
    border-top: 1px solid #333;
    border-left: 1px solid #333;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    padding-left: 3px;
}
.ErrorValidator
{
    font: bold 12px verdana;    
}
.RegistrationForm div span
{
    margin-right: 5px;
}




/*-- LOGIN FORM ----------------------------------------------------------------------------*/
.LoginForm
{
    font: 12px solid arial;
    margin-left: 140px;
    margin-top: 50px;
    border: 1px solid #547AB4;
    width: 280px;
    padding: 20px;
    background: #F5F9FC;
}
.LoginForm div
{
    text-align: right;
    margin-bottom: 5px;
}
.LoginForm label
{
    float: left;
    font-weight: bold;
}
.LoginForm input
{
    width: 140px;
}
.LoginForm .Register
{
    font-weight: bold;
    text-decoration: underline;
}
.LoginForm .ForgottenPassword
{
    margin-top: 20px;
    font-size: 11px;
}
.LoginForm .ErrorLabel
{
    font: normal 12px arial;
    color: Red;
    margin-right: 20px;
}




/*-- FORGOTTEN PASSWORD FORM --------------------------------------------------------------------------*/
.ForgottenPasswordForm
{
    font: 12px solid arial;
    position: relative; left: 140px;
    margin-top: 70px;
    padding: 10px;
    background: #F5F9FC;
    border: 1px solid #547AB4;
    width: 280px;
}
.ForgottenPasswordForm label
{
    margin: 0px;
}
.ForgottenPasswordForm input
{
    margin-right: 10px;
    margin-top: 10px;
    margin-left: 0px;
}
.ForgottenPasswordForm .button
{
    margin:0px;
    width: 80px; height: 14px;
}
.ForgottenPasswordForm .PanelMessage
{
    margin-top: 10px;
    color: Red;
}




/*-- CHECKOUT PAGE ----------------------------------------------------------------------------------*/
#CcRow
{
    text-align: left;
}
#CcRow label
{
    float:none;
    margin-left: 10px;
}
#WaitMessage
{
    background: url("Images/progress.gif") no-repeat right;
    width: 400px; height: 20px;
    color:#323265;
    font-weight:bold; font-size:12px;
    padding-top: 4px; 
}
#CheckoutCardLogos
{
    background: url("Images/cclogos_nosolo.gif") no-repeat;
    width: 107px; height: 20px;
    float: right;
}
#CcList
{
    text-align: left;
    padding-left: 15px;
    
}
#CcList label
{
    float: none;
    font: 12px arial;
    margin-left: 5px;
    margin-right: 15px;
}
#CcList input
{
    width: 10px;
    border: none;

}
a.btnClose
{
    float:right;
    margin-left: 2px;
    padding-left: 20px;
    background: url("images/btnClose.gif") no-repeat;
}
.csvLink
{
    padding-left: 20px;
    background: url("images/csv.gif") no-repeat;
    margin: 15px;
}
/*-- INVOICE ----------------------------------------------------------------------------------------------*/
#InvoiceLogo
{
	width: 248px;
	height: 82px;	
}
#Invoice
{
	width: 650px;
	border: 1px solid #aaa;
	padding: 10px;
	margin-left: 35px;
	margin-top: 20px;
}
@media print
{
	#Header, #SideMenu, .button, .CheckoutHeader
	{
		display: none;
	}
	html
	{
		background: none;
		text-align: left;
	}
	#Invoice
	{
		width: 700px;
		position: absolute;
		left: 0px; top: 0px;
		margin: 0px;
	}
}





/*-- DOWNLOAD PAGE ----------------------------------------------------------------------------------------*/
.SummaryTable
{
	border: 1px solid #aaa;
	border-collapse: collapse;
	width: 550px;
}



/*-- DATA TABLES AND OTHER STYLES --------------------------------------------------------------------------*/
.header1
{
	background-color: #84A6C1;
	color: White; 
	font-weight: bold;
}

.header2
{
	color: #757575;
	background-color: #BCCCDB;		
	font-weight: bold;
	text-align: center		
}

.header3
{
	color: #757575;
	font-size: 10px;
	font-style: normal;
	text-align: center;
	background-color: #C6D6E6;		
	vertical-align: top;
}

.strikeData
{
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	color: White;
	background-color: #84A6C1;
	vertical-align: top;
}	

.strikeDataAtTheMoney
{
	font-size: 13px;
	font-weight: normal;
	text-align: center;
	color: White;
	background-color: Navy;
	vertical-align: top;
}	

.dataRow
{
	font-size: 10px;
	font-weight: normal;
	font-style: normal;
	text-align: center;
	background-color: White;
	vertical-align: top;
}

.dataRowAlt
{
	font-size: 10px;
	font-weight: normal;
	font-style: normal;
	text-align: center;
	background-color: #E4EDF5;
	vertical-align: top;
}

.dataAtTheMoneyRow
{
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	text-align: center;
	background-color: Navy;
	color: White;
	vertical-align: top;
}
	
.smallButton
{
	font-family: Verdana;
	font-size: xx-small;
	vertical-align: middle;
}

h3.download
{
	color:#039;
	text-align:left;
	 padding:20px 20px 20px 20px;
}

h3.dvd
{
	color:#039;
	margin: 40px 0px 10px 0px;
}

td.download
{
	text-align:left;
	vertical-align:middle;
}

table.download
{
	text-align:left;
	vertical-align:middle;
}

div.download
{
	text-align:left;
	padding:0px 0px 10px 100px;
}
.WarningMessage
{
	font: bold 14px verdana;
	color:Red;
	margin-top: 35px;	
}
.error 
{
	font-weight:bold;
	color:Red;
}
.FriendlyMessage
{
	font-weight: bold;
	color: Green;
}
table.std
{
   border-width:0;
}
.std
{
  
	background-color:#ffffff;
}
.alt
{
	margin:1px;
	
	background-color:#f2f2f2;
}
.std td, .alt td
{
	border-spacing :1px;
	margin:1px;
	padding:4px;
	border-width:1px;
	border-style:solid;
	border-color:#cccccc;
}
.std th, .alt th
{
	margin:1px;
	padding:4px;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	background-color:#84A6C1;
	border-width:1px;
	border-style:solid;
	border-color:#cccccc;
	font-weight:bold;
	color:#ffffff;
}
td.empty
{
	background-color:#ffffff;
	border-width:0;
}
.StepHeader
{
	color: #000000;
	margin-right: 10px;
}

.boldOrangeLink
{
	text-decoration:underline;
	color: #ff6e28;
}
.boldOrangeLink
{
	text-decoration: none;
	color: #E03F36;
}

.ReportGrid, .ReportGrid td, .ReportGrid th
{
	border: 1px solid #aaa;
}
.ReportGrid th
{
	background: #f0f0f0;
	text-indent: 10px;
}

.ProvideDataMsg
{
	background: #84A6C1;
	color: White;
	width: 450px;
	margin: 30px 0px 40px 30px;
	padding: 10px;
	border-color: #039;
	border-width: 1px;
	border-style: solid;
}