body
{
    font-family: "Arial Narrow" "Geneva" sans-serif;
    background: url('../Content/images/background1.jpg') no-repeat left top;
}

p
{
    font-weight: normal;
    font-size: 14px;
    color: black;
}

a
{
    font-weight: bold;
    color: #339;
    text-decoration: none;
}

a:hover
{
    text-decoration: underline;
    color: #BC0037;
}

h1
{
    color: #BC0037;
    font-weight: bold;
    font-size: 24px;
}

h2
{
    color: Black;
    font-weight: bold;
    font-size: 18px;
}

.buttonRed
{
    background: url('../Content/images/buttonSmall.gif') no-repeat left top;
    width: 80px;
    height: 24px;
    line-height: 24px;
    text-decoration: none;
    text-transform: uppercase;
    color: White;
    font-weight: bold;
    display: inline-block;
    *display: inline;
    zoom: 1;
    text-align: center;
    vertical-align: middle;
}

.buttonRed:hover
{
    color: White;
}

.page
{
    margin-top: 85px;
    margin-left: 78px;
}

#logout
{
    position: absolute;
    top: 93px;
    left: 692px;
}

.lblErrorMessage
{
    color: Red;
    font-style: italic;
}

.lblConfirmationMessage
{
    color: Green;
    font-style: italic;
}

.ulForm
{
    padding-left: 0px;
    margin-left: 0px;
    line-height: 1.5em;
    list-style-type: none;
}

.ulForm li
{
    height: 35px;
}

.ulForm label
{
    font-weight:bold;
    width: 140px;
    float: left;
}

.textBox
{
    border: 1px solid #a1a1a1;
    font-family: "Arial Narrow" "Geneva" sans-serif;
    font-size: 14px;
}

.liButton
{
    /*text-align: right;*/
}

.leftCol
{
    display: inline-block;
    *display: inline;
    zoom: 1;
}

.rightCol
{
    display: inline-block;
    *display: inline;
    zoom: 1;
}

/*=============LOGIN=============*/

#login .leftCol
{
    width: 300px;
    vertical-align: top;
    text-align: center;
}

#login .rightCol
{
    width: 500px;
    vertical-align: top;
    border-left: 2px solid #BC0037;
    padding-left: 115px;
}

#login .ulForm
{
    width: 315px;
}

.btnForgotPassword
{
    font-size: 14px;
}

/*=============FORGOT PASSWORD=============*/

#forgotPassword .ulForm
{
    width: 315px;
}

/*=============ACCOUNT VERIFICATION=============*/

.btnRequestIdentifier
{
    font-size: 14px;
}

#accountVerification .ulForm
{
    width: 315px;
}

/*=============EDIT ACCOUNT=============*/

#editAccount .ulForm
{
    width: 650px;
}

#editAccount .ulForm label
{
    width: 200px;
}

#editAccount .cbNotifyExpire input
{
    float: left;
}

#editAccount .cbNotifyExpire label
{
    width: 265px;
    position: relative;
    bottom: 3px;
    left: 6px;
    font-weight: normal;
}

.lblAccountNumber1
{
    font-weight: bold;
}

.lblPasswordRequirements
{
    color: #636363;
    font-size: 14px;
    bottom: 4px;
    position: relative;
}

/*=============ADD CARD=============*/

#addCard .subTitle {
	border-bottom: 2px solid #A1A1A1;
	width: 500px;
}

#addCard h2 {
	display: inline-block;
	*display: inline;
	zoom: 1;
	margin: 0px;
}


#addCard .ulForm {
	width: 330px;
}

	#addCard .ulForm label {
		width: 175px;
	}

/*=============EDIT CARD=============*/

#editCard .subTitle
{
    border-bottom: 2px solid #A1A1A1;
    width: 500px;
}

#editCard h2
{
    display: inline-block;
    *display: inline;
    zoom: 1;
    margin: 0px;
}


#editCard .ulForm
{
    width: 330px;
}

#editCard .ulForm label
{
    width: 175px;
}

/*=============MANAGE ACCOUNT=============*/

#manageAccount .subTitle
{
    border-bottom: 2px solid #A1A1A1;
    width: 500px;
}

#manageAccount h2
{
    display: inline-block;
    *display: inline;
    zoom: 1;
    margin: 0px;
}

#manageAccount .links
{
    display: inline-block;
    *display: inline;
    zoom: 1;
    float: right;
}

.btnEditAccount, .btnEditCard
{
    margin-right: 20px;
}

.btnAddCard
{
    margin-left: 20px;
}

#manageAccount .ulForm label
{
    width: 155px;
}

.validation-summary-valid {
	display: none;
}