﻿@charset "utf-8";
/* CSS Document */

/* Pull in Google font. */
@import url("https://fonts.googleapis.com/css?family=EB+Garamond+Text|Open+Sans");


/**********/
/* Global */
/**********/
body
{
	margin:0;
	padding:0;
	border:0;
	font-family: 'Open Sans', Arial, Helvetica, san-serif;
	font-size: 90%;
	/*background-color: #78BE21;*/
}

a,.HyperLink
{
	text-decoration: none;
    color: #03354A;
    font-weight: bold;
}
a:hover,.HyperLink:hover {
    text-decoration: underline;
}

h1,h2,h3,h4,h5 {
    font-family: 'Open Sans', Arial, Helvetica;
    color: #003865;
}
h3 {
    font-size: 24px;
    font-weight: normal;
}
h5 {
    font-size: 20px;
    font-weight: bold;
    margin: 5px 0;
}

/*****************/
/* Common Styles */
/*****************/
.SubmitButton
{
	border-color: #fff;
  	box-shadow: 0 0 1em  #878787;
	color: #fff;
	background-color: #003865;
	font-size: 1.5em;
	font-weight: bold;
	font-family: Arial, san-serif;
	padding: 15px 30px 15px 30px;
	margin: 0 20px 0 20px;
	line-height: 1.5;
  	border-radius: 3px;
}
.StandardButton, .ActionButton
{
    color: #fff;
    background-color: #003865;
    border-color: #fff;
    box-shadow: 0 0 1em  #878787;
    padding: 5px 7px 5px 7px;
    font-size: 10px;
    text-transform:uppercase;
    font-weight: bold;
    font-family: Arial, san-serif;
    line-height: 1.5;
    border-radius: 3px;
}

.StandardButton:hover, .SubmitButton:hover
{
	background-color: #666;
}
.StandardLink
{
	color: #003865;
}
.StandardLink:hover
{
	text-decoration: underline;
}
.ActionButton {
	color: Black;
	background-color: #78BE21;
}
.ActionButton:hover {
	background-color: #666;
}
.ActionButtonMd {
	font-size: 14px;
	padding: 5px 15px;
}
.ActionButtonDisabled {
	background-color: #666;
}
.ActionButtonDisabled:hover {
	text-decoration: none;
}

.BlockSection {
    display: block;
}
.ErrorBoxSummary
{
	border: solid 1px #660000;
	background-color: #E0D0C9;
	font-size: 1.3em;
	font-weight: bold;
	color: #660000 !important;
	text-align: center;
	padding: 10px 20px 10px 20px;
}
.ErrorBoxDisplay
{
	border: solid 1px #660000;
	background-color: #E0D0C9;
	font-size: .9em;
	font-weight: bold;
	display:block;
	color: #660000 !important;
	text-align: center;
	padding: 10px 20px 10px 20px;
}
.ErrorDisplay
{
	font-size: 90%;
	color: #A6192E;
}
.ValidationErrorDisplay {
    color: #A6192E !important;
    font-weight: bold;
}
.ValidationErrorDisplayIndent {
    display: inline-block;
    margin: 0px 20px 20px 20px;
}
.InfoDisplay
{
	font-size: 90%;
	color: #03354A;
    font-weight: bold;
}
.Instructions
{
	font-size: .9em;
	color: #03354A;
    font-weight: bold;
}
.InstructionsStandard
{
	color: #03354A;
    font-weight: bold;
}
.InstructionsRed
{
    color: #A6192E;
    font-weight: bold;
}
.InstructionsBlue {
	color: #003865;
	font-weight: bold;
}
.ImportantInfoDisplay
{
	border: solid 1px black;
	background-color: #e4e4e4;
	padding: 5px 10px;
	font-size: .8em;
}
.ImportantInfoDisplay a
{
	text-decoration: underline;
}
.ImportantInfoDisplayBlue
{
	border: solid 1px black;
	background-color: #78BE21;
	padding: 5px 10px;
	font-size: .8em;
}
.ImportantInfoDisplayBlue a
{
	text-decoration: underline;
}
.ImportantInfoDisplayGreen
{
	border: solid 1px black;
	background-color: #e4e4e4;
	padding: 5px 10px;
	font-size: .8em;
}
.ImportantInfoDisplayGreen a
{
	text-decoration: underline;
}
.ImportantInfoDisplayYellow
{
	border: solid 1px black;
	background-color: #e4e4e4;
	font-size: 1.2em;
	font-weight: bold;
	text-align: center;
}
.ImportantInfoDisplayYellow p
{
	padding: 0 20px 0 20px;
}
.ImportantInfoDisplayNormalSize
{
	padding: 10px 15px;
    font-size: 1.0em;
}
.DataCaption, .WindowDataCaption
{
/*	font-size: 1.1em;*/
	font-weight: bold;
	margin: 3px 0 3px 0;
	display: inline-block;
}
.DataDisplay
{
	color: #777;
	margin: 3px 0 3px 0;
	display: inline-block;
}
.DataEntry, .WindowDataEntry
{
	color: #03354A;
}

.MainHeader
{
	display: inline-block;
	color: #003865;
	font-size: 1.75em;
	font-weight: bold;
	margin-top: 10px;
	font-family: 'Open Sans', 'Times New Roman', Times, serif;
}

.SubHeader, .SubHeaderColumn, .WindowHeader
{
	display: inline-block;
	font-size: 1.2em;
	font-weight: bold;
	text-decoration: none;
	margin: 10px 0 5px 0;
	color: White;
	background-color: #97999B;
	padding: 2px 10px 2px 10px;
	width: 750px;
	border: solid 1px black;
}
.SubHeaderColumn
{
	width: 325px;
}
.ColumnHeader
{
	font-weight: bold;
}
.ContentWidth, .Section
{
	/* Allow for 20px on either side of #SiteMain area. */
	width: 730px;
}
.Section
{
	clear: both;
}
.Column, .ColumnLeft, .ColumnRight
{
	float: left;
	margin: 0 20px 0 20px;
/*	border: solid 1px black; */  /* When enabling this, turn ColumnXXX 'width' down to 323px/358px to make run. */
	width: 325px;  /* (730 / 2) - Margins(40) = 325 */
}
.Column ul, .ColumnLeft ul, .ColumnRight ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.ColumnLeft
{
	margin: 0 5px 0 0;
	width: 360px;  /* (730 / 2) - Margins(5) = 360 */
}
.ColumnRight
{
	margin: 0 0 0 5px;
	width: 360px;  /* (730 / 2) - Margins(5) = 360 */
}
.ToolTipText
{
/*	color: #03354A; */
}
.ToolTipCaption
{
	color: #03354A;
	font-size: 1.5em;
	font-weight: bold;
}
.ToolTipContent
{
	text-align: left;
	padding: 10px;
}
.CenterTextBox
{
	text-align: center;
}
.ToUpper
{
	text-transform: uppercase;
}
.HighlightTextBox, html body form .RadInput .HighlightTextBox
{
	/* background-color: #78BE21; */
	border: 1px solid #777777;
	font-family: Arial, san-serif;
	height: 18px;
	padding: 0 0 0 5px;
	vertical-align: middle;
}
ul.InlineList
{
	list-style-type: none;
	margin: 0;
	padding: 0;
}
ul.InlineList li
{
	display: inline-block;
	float: left;
	padding-left: 10px;
}
.AlignLeft
{
	text-align: left;
}
.AlignCenter
{
    text-align: center;
}

.SiteInlineBlock {
    display: inline-block;
}

/* CPE Grid */
.CpeGridApproved1 {
    text-align: center;
    background-color: #BDD6EE;
    font-weight: bold;
}
.CpeGridApproved2 {
    font-size: smaller;
    text-align: center;
    background-color: #DEEAF6;
    font-weight: bold;
}
.CpeGridNonApproved1 {
    text-align: center;
    background-color: #C5E0B3;
    font-weight: bold;
}
.CpeGridNonApproved2 {
    font-size: smaller;
    text-align: center;
    background-color: #E2EFD9;
    font-weight: bold;
}
.CpeGridTotal {
    background-color: #FFE599;
    font-weight: bold;
}
/* CPE Cycle */
.CpeCycleRequired {
    border: 1px solid Black;
    text-align: center;
    padding: 0 2px;
    display: inline-block;
    width: 32px;
}

/***************/
/* Site.Master */
/***************/
#SiteBackground
{
/*
	background-image: url(images/SiteBarTop.jpg);
	background-repeat: repeat-x;
	background-position: left top;
*/
}
#SiteHeader
{
    background-color: #fff;
    width: 960px;
    text-align: left;
    margin: 0 auto;
    padding: 5px 0 0 0;
    position: relative;
}
#SiteHeader p
{
    color: #003865;
    font-size: 36px;
    font-family: 'Open Sans', 'Times New Roman', Times, serif;
    margin: 0;
    padding: 0;
	text-align: center;
}
#SiteMain
{
    /*background-color: #78BE21;*/
    background-position: 0 0;
    /*padding: 20px 0 0;*/
}
#SiteLeft
{
/*	background: #78BE21 repeat-y 100% 0; */
/*	background-color: #78BE21;  */
	float: left;
	width: 5px;
}
#SiteContent
{
	background-color: #fff;
    margin: 0 auto;
    padding: 20px 95px 30px;
    width: 770px;
    /*min-height: 900px;*/
}
#SiteContent #LoginCenterSection
{
    padding: 0 !important;
}
#SiteRight
{
/*	background: #78BE21 repeat-y 100% 0; */
	background-color: #78BE21;
	float: left;
	width: 5px;
	margin: 0 765px;
}
#SiteFooter
{
	clear: both;
    height: 40px;
}
/* Site Menu */
/*#SiteMenu2
{
    background-color: rgba(0, 0, 0, 0);
    background-image: url(Images/bg-menu-left-curve.gif);
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: left bottom;
    bottom: -20px;
    height: 47px;
    left: 0;
    padding: 13px 0 0 4px;
    position: absolute;
}*/
ul#SiteMenu
{
    background-color: #F1F8E8;
    /*background-image: url(Images/bg-menu.gif);
    background-repeat: repeat-x;
    background-attachment: scroll;
    background-position: 0 0; */
    display: inline-block;
    height: 40px;
    list-style: none outside none;
    margin: 0;
    padding: 4px 0 3px;
    width: 960px;
}
/*#SiteMenuRightEdge
{
    background-color: rgba(0, 0, 0, 0);
    background-image: url(Images/bg-menu-rt-curve.gif);
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: right bottom;
    bottom: -20px;
    height: 47px;
    padding: 13px 0 0;
    position: absolute;
    right: 0;
    width: 4px;
}*/
ul#SiteMenu li
{
    float: left;
    font-size: 14px;
    line-height: 40px;
    margin: 0 5px;
    text-align: center;
}
ul#SiteMenu a
{
    border: medium none;
    color: #003865;
    display: block;
    font-weight: bold;
    height: 40px;
    margin-right: 3px;
    padding: 0 15px 0 15px;
    text-decoration: none;
    text-shadow: 1px 1px 0 #fff;
}
ul#SiteMenu a:hover
{
    background: #78BE21;
	color: #fff;
	text-shadow: none;
}

#OnlineServicesList {
    margin: -20px -95px 20px -95px;
}

/*****************/
/* Window.Master */
/*****************/
#WindowMain
{
	text-align: left;
	padding: 0 10px 0 10px;
}
#WindowMain .Column
{
	width: 320px;
}
#WindowMain .SubHeaderColumn
{
	width: 320px;
}
.WindowDataCaption
{
	width: 120px;
}
.WindowDataEntry
{
	width: 185px;
}
.WindowHeader
{
	width: 95%;
	clear: both;
}

/*****************/
/* RenewalHeader */
/*****************/
#RenewalHeader
{
/*	border: solid 1px black; */
	border-bottom: solid 1px black;
	float: left;
	padding-bottom: 0;
	margin-bottom: 5px;
}
#RenewalHeader ul#ProcessStep
{
	list-style-type: none;
	float: right;
	padding: 8px 8px 8px 0;
	margin: 0 0 0 0;
}
#RenewalHeader ul#ProcessStep li
{
	display: inline;
	float: right;
}
#RenewalHeader ul#ProcessStep li#ProcessStepCaption
{
/*	background: #fff; */
}
.RenewalStepNormal
{
	padding: .2em 1em;
	color: Black;
	background: #e4e4e4;
	border-left: 5px solid #fff;
}
.RenewalStepHighlight
{
	padding: .2em 1em;
	color: black;
	font-weight: bold;
	background: #78BE21;
	border-left: 5px solid #fff;
}

/**************/
/* Login.aspx */
/**************/
/*#LoginLeftSection
{
	float: left;
	width: 125px;
}
#LoginCenterSection
{
	float: left;
	width: 480px;
}
#LoginRightSection
{
	float: left;
	width: 125px;
}*/

/*************/
/* Home.aspx */
/*************/
#LogoutSection
{
	text-align: right;
	margin-right: 50px;
}
.TaskPastDueDate
{
	/*border: solid 1px red;
	background-color: #f88;
	padding: 2px;*/
    color: #A6192E;
    font-weight: bold;
}
.TaskNearingDueDate
{
	border: solid 1px black;
	background-color: lightyellow;
	padding: 4px;
    font-weight: bold;
}

/*****************/
/* RenewCpe.aspx */
/*****************/
.OutOfStatePanel
{
	border-color: #660000;
	border-style: solid;
	padding: 10px 20px;
	margin: 20px 0 0 0;
}
.CpeHoursPanel td
{
	text-align: center;
}
.CpeTotalsPanel
{
/*	text-align: center; */
}
.CpeTotalsPanel td
{
	text-align: left;
}

/*************************/
/* RenewSoleProFirm.aspx */
/*************************/
.SoleProSection
{
	background-color: #97999B;
	border: 1px solid black;
	font-weight: bold;
	font-size: 1.3em;
	padding: 15px 0 15px 0;
	text-align: center;
}
.SoleProGridCaption
{
	background-color: #F7F7F7;  /* Light Gray */
	font-weight: bold;
	height: 26px;
	padding-left: 5px;
}
	