/* DEFAULTS
    ----------------------------------------------------------*/
body   
{
    background-color: #15769c;
    font-size: 14px;
    font-family: Lato, Arial, "Helvetica Neue", "Lucida Grande", "Segoe UI",  Helvetica, Verdana, sans-serif;
    background-image: url('../Image/LoginBackground.png');
    background-repeat: repeat-x;
    background-position:center top;
    margin: 0px;
    padding: 30px 0px 0px 0px;
    color: #FFF;
   /* width:1280px; */
    text-align:center;
    
}

a:link, a:visited
{
    font-size:12px;
    color: #50a9d3;
    text-decoration: none;
    font-weight:bold;
}

a:hover
{
    font-size:12px;
    color: #50a9d3;
    text-decoration: none;
    font-weight:bold;
}

a:active
{
    color: #50a9d3;
}

.warning
{
    color:Red;
}

/* Login Elements
----------------------- */
.LoginHeader
{
    padding-top:30px;
    padding-left: 20px;
}
.LoginTable
{
    background-image: url('../Image/LoginContentBackground.png');
    background-repeat: repeat-x;
    width:996px;
    height:400px;
    color: #FFF;
}

.LoginContent
{
    vertical-align:top;
    text-align:left;
    width:500px;   
    padding-top:30px;
    padding-left: 20px;
}

.LoginCredentialEntry
{
    width:150px;
    padding: 0px 5px 0px 5px;
    vertical-align:bottom;
}
.LoginCredentialLabel
{
    width:50px;
    padding: 0px 5px 15px 5px;
    vertical-align:middle;
    color:Black;
}


.LoginPageDescription
{
    padding: 0px 0px 10px 100px;
    background-color: Black;
    height: 50px;
    vertical-align: middle;
}

.LoginSignup
{
    height:110px;
    width:998px;
}

td.LoginSignup
{
    padding-top:20px;
}

.LoginSignupHeader
{
    padding-left:10px;
    width:190px;
}

.LoginSignupDetails
{
    width:600px;
    padding-right:15px;
}

.LoginSignupButton
{
    text-align:right;
    width:200px;
    padding-right:25px;
    padding-left:25px;
}
.LoginDecorativeImage
{
    background-image: url('../Image/LoginRoadImage.png');
    background-repeat: no-repeat;
    background-position: right top;
    width:496px;
}

.LoginLogo
{
}

.LoginFields
{
    padding-left: 200px;
    background-color:White;
}

.LoginElementSpacing
{
    padding-top: 20px;
}

.ValidationErrorMsg
{
    font-size:12px;
    color:Red;
}
/* Main Body Conent
    The dynamic content of every page, except the home and login pages, will display in this section
*/
.ContentTop
{
    height:30px;
}
.ContentBottom
{
    height:30px;
}

.ContentTopLeft
{
    width:30px;
    background-image:url(../Image/ContentTopLeft.png);
    background-repeat: no-repeat;
	background-position: right;
} 

.ContentTopRight
{
    width:30px;
    background-image:url(../Image/ContentTopRight.png);
    background-repeat: no-repeat;
	background-position: left;
} 

.ContentTopCenter
{
    background-image:url(../Image/ContentTopCenter.png);
    background-repeat: repeat-x;
	background-position: left top;
}

.ContentBody
{
    background-color: #FFF;
    text-align:left;
}

.ContentBodyLeft
{
    background-image:url(../Image/ContentCenterLeft.png);
    background-repeat: repeat-y;
	background-position: right center;
} 

.ContentBodyRight
{
    background-image:url(../Image/ContentCenterRight.png);
    background-repeat: repeat-y;
	background-position: left center;
}


.ContentBottomLeft
{
    background-image:url(../Image/ContentBottomLeft.png);
    background-repeat: repeat-x;
	background-position: right bottom;
}

.ContentBottomRight
{
    background-image:url(../Image/ContentBottomRight.png);
    background-repeat: repeat-x;
	background-position: left bottom;
}

.ContentBottomCenter
{
    background-image:url(../Image/ContentBottomCenter.png);
    background-repeat: repeat-x;
	background-position: left top;
}
/* Button Controls
---------------------------------*/

a.btnlink:link,  a.btnlink:visited {
	color: #e7e7e7;
	font-family: Lato, Arial, Helvetica, sans-serif;
	text-decoration: none;
}
a.btnlink:hover 
{
color: #CCC;

font-family: Arial, Helvetica, sans-serif;

text-decoration: none;
}

.buttonInterest {
	font-family: Lato, Arial, Helvetica, sans-serif;
	color: #e7e7e7;
	font-weight: bold;
	overflow:visible;
	width:auto;
	text-align: center;
	font-size: 16px;
	background-color: #0873b0;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
    border: 1px solid Black;
}
.buttonInterest:hover {
	font-family: Lato, Arial, Helvetica, sans-serif;
	color: #e7e7e7;
	font-weight: bolder;
	overflow:visible;
	width:auto;
	font-size: 16px;
	background-color: #0873b0;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
.buttonInterest:disabled {
	font-family: Lato, Arial, Helvetica, sans-serif;
	color: #CCC;
	font-weight: bolder;
	overflow:visible;
	width:auto;
	font-size: 11pt;
	background-color: #096030;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	border: 1px solid Black;
}
.button {
	font-family: Lato, Arial, Helvetica, sans-serif;
	color: #FFF;
	font-weight: bolder;
	overflow:visible;
	width:auto;
	text-align: center;
	font-size: 16px;
	background-color: #0873b0;
	padding-top: 2px;
	padding-right: 4px;
	padding-bottom: 2px;
	padding-left: 4px;
    border: 1px solid Black;
}
.button:hover {
	font-family: Lato, Arial, Helvetica, sans-serif;
	color: #FFF;
	font-weight: bolder;
	overflow:visible;
	width:auto;
	font-size: 16px;
	background-color: #0873b0;
	padding-top: 2px;
	padding-right: 4px;
	padding-bottom: 2px;
	padding-left: 4px;
}
.button:disabled {
	font-family: Lato, Arial, Helvetica, sans-serif;
	color: #CCC;
	font-weight: bolder;
	overflow:visible;
	width:auto;
	font-size: 11px;
	background-color: #096030;
	padding-top: 2px;
	padding-right: 4px;
	padding-bottom: 2px;
	padding-left: 4px;
	border: 1px solid Black;
}
/* Header text
*/
.HeaderTextLarger
{
    font-size: 48px;
    font-weight:bold;
    font-family: Lato, Arial, "Helvetica Neue", "Lucida Grande", "Segoe UI",  Helvetica, Verdana, sans-serif;
}

.HeaderText
{
    font-size: 36px;
    font-weight:bold;
    font-family: Lato, Arial, "Helvetica Neue", "Lucida Grande", "Segoe UI",  Helvetica, Verdana, sans-serif;
}

.HeaderTextColor
{
    color: #b44407;   
}

.HeaderTextAltColor
{
    color: #219eed;   
}

.HeaderTextAltColorLight
{
    color: #e3e3e3;
}
    
.HeaderTextAltColor
{
    color: #219eed;   
}
.tablelayout {
	font-family: Lato, Arial, Helvetica, sans-serif;
}
.tablelayout table {
	border-collapse: collapse;
	border: 1px solid #E5E5E5;
}
.tablelayout table caption {
	text-align: left;
	padding: 10px 6px 6px 4px;
	font-size: 70%;
	color: #666;
	font-weight:normal;
	background-color: #F5F5F5;
}
.tablelayout table TH {
	color: #FFF;
	padding: 4px;
	text-align: center;
	font-size: 14px;
	background-color: #d34a00;

}
.tablelayout table TH a:link, .tablelayout table TH a:visited {
}
.tablelayout table TH a:hover {
}
.tablelayout table td {
	padding: 4px;
	font-size: 14px;
	color: #343434;

	border: 1px solid #E5E5E5;
}
.tablelayout table td.noborder {
	padding: 4px;
	font-size: 14px;
	color: #343434;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.tablelayout .altrow {
	padding: 4px;
	color: #343434;
	border: 1px solid #E5E5E5;
	background-color: #f7f7f7;
}

.tablelayout table TH.GridHd {
	color: #FFF;
	padding: 4px;
	text-align: center;
	font-size: 14px;
	background-color: #d34a00;
	line-height: 110%;
}
.tablelayout table TH.GridHdWidth {
	color: #FFF;
	padding: 4px;
	text-align: center;
	font-size: 14px;
	background-color: #d34a00;
	width: 15%;
}
.HeaderTextLarger
{
    font-size: 48px;
    font-weight:bold;
    font-family: Lato, Arial, "Helvetica Neue", "Lucida Grande", "Segoe UI",  Helvetica, Verdana, sans-serif;
    color:Black;
}
.HeaderText
{
    font-size: 36px;
    font-weight:bold;
    font-family: Lato, Arial, "Helvetica Neue", "Lucida Grande", "Segoe UI",  Helvetica, Verdana, sans-serif;
}
.HeaderTextSmaller
{
    font-size: 24px;
    font-weight:bold;
    font-family: Lato, Arial, "Helvetica Neue", "Lucida Grande", "Segoe UI",  Helvetica, Verdana, sans-serif;
}
.HeaderTextSmallest
{
    font-size: 18px;
    font-family: Lato, Arial, "Helvetica Neue", "Lucida Grande", "Segoe UI",  Helvetica, Verdana, sans-serif;
}
.HeaderTextColor
{
    color: #b44407;   
}

.HeaderTextAltColor
{
    color: #219eed;   
}

.HeaderTextAltColorLight
{
    color: #e3e3e3;
}