﻿body
{
    font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 14px;
	padding:0px;
	margin:0px;
}

div
{
    margin:0px;
}
.header
{
    text-align:center;
    height:100%;
    margin-bottom: -3px;
    
}

.header img
{
    z-index:1;
}

.login-panel
{
    width:100%;
    text-align:center;
    height:100%;
    margin:0px;
    z-index:1000;
    background: url(Images/GrandientBackground.jpg) left repeat-x;
}

.login-panel .title
{
    font-weight:bold;
    font-size:1.4em;
}


.welcome-panel
{
    margin-top:20px;
    margin-right:20px;
    text-align:left;
    
}

.loginBoxWarning 
{
	background-image: url(Images/loginTintBackground.png) !important;
	background-repeat: no-repeat;
	height: 135px;
	width: 250px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 10px;
text-align:left;
line-height:18px;		
}

.baseWelcomeContentWarningTitle {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #FFFFFF;
	letter-spacing: -0.03em;
}
.baseWelcomeContentWarning {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #FFFFFF;
	letter-spacing: -0.03em;
}
.baseWelcomeContentTitle {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #000000;
	letter-spacing: -0.03em;
}
.baseWelcomeContent {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 14px;
	font-weight: normal;
	color: #000000;
	letter-spacing: -0.03em;
}

.questionPage, .errorPage
{
    background-color: #FFFFFF;
	background-image: url(Images/subHeadline_Background.jpg);
	background-repeat: repeat-x;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
    /* text-align: center; this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}

.errorText
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-weight: bold;
	padding: 0px;
	color: #FF0000;
}

.footer-panel
{
    text-align:center;
    margin-top:5px;
}

.userNotes {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 25px 12px 12px;
	color: #666666;
	background: url(Images/bk_UserNotes.jpg) no-repeat;
	height: 200px;
	width: 200px;
	line-height: 16px;
}

a img
{
    border:0px;
    vertical-align:middle;
}