@charset "UTF-8";
/* CSS Document */

html,body,form 
{
	margin:0;
	padding:0;
}
html, body
{
	height:100%;
}
body 
{
	background-color:#ebebeb;
	background-image:url(images/bg-main-gradient.png);
	background-repeat:repeat-x;
	background-position:bottom;
	background-attachment:fixed;
}
.container 
{
	display:inline-block;
	width:990px;
	text-align:left;
}

#pageStyle
{
	min-height:100%;
	position:relative;
	background-image:url(images/bg-main.png);
	background-repeat:no-repeat;
	background-position:bottom right;
	background-attachment:fixed;
    text-align:center;
}

#top-main
{
	height:89px;
	line-height:89px;
	background-image:url(images/bg-top-1.png);
	background-repeat:repeat-x;
}
#top-main-container
{
	font-size:0px;
}
#top-main-container > span
{
	font-size: 12px;
	display:inline-block; 
	vertical-align:middle; 
	width:50%;
}
#top-main-containernew {
	font-size: 0px;
}
#top-main-containernew > span {
	font-size: 12px;
	display: inline-block;
	vertical-align: middle;
	/*width: 50%;*/
}

#top-bar
{
	height:44px;
	line-height:36px;
	background-image:url(images/bg-top-2.png);
	background-repeat:repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color: #393939;
	white-space:nowrap;
}
#top-bar-container 
{
	position:relative;
	text-align:center;
}
#customer-code
{
	position:absolute;
	left:0;
}
#customer-code > a
{
	color:#3dc647;
	text-decoration:none;
}
#customer-code > a:hover
{
	padding-bottom:3px;
	border-bottom:1px dotted #3dc647;
}
#page-header
{
	font-size:23px;
	font-style:italic;
	letter-spacing:0.5px;
}
#user-links
{
	text-align:right;
	position:absolute;
	right:0;
}
#user-links > a
{
	color:#393939;
	text-decoration:none;
}
#user-links > a:hover
{
	padding-bottom:3px;
	border-bottom:1px dotted #969696;
}

#content-box
{
	margin-top:6px;
	padding-bottom:20px;
}

#login-box
{
	margin-top:60px;
	padding-bottom:20px;
}
#login-box-container
{
                height: 307px;
                width: 574px;
                background-image:url(images/bg-login-box-clear.png);
                background-repeat:no-repeat;
                position:relative;
                vertical-align:middle;
}

#login-box-container > div.login-box-container-div
{
	position:absolute;
	top:120px; 
	left:167px
}
input.login-text
{
	background:url(images/bg-textbox.png);
	background-repeat:no-repeat;
	display: block;
	width:323px;
	margin:0 0 11px 0;
	padding:7px 8px 11px 8px;
	border:0;
	font-family:'Myriad Pro';
	font-size:18px;
	line-height:24px;
	color:#666;
}

input.small-text
{
	background:url(images/bg-textbox-small.png);
	background-repeat:no-repeat;
	display: block;
	width:175px;
	margin:0 0 11px 80px;
	padding:7px 8px 11px 8px;
	border:0;
    
	font-family:'Myriad Pro';
	font-size:18px;
	line-height:24px;
	color:#666;
}

input.midsize-text
{
	background:url(images/bg-textbox-midsize.png);
	background-repeat:no-repeat;
	display: block;
	width:270px;
	margin:0 0 11px 80px;
	padding:7px 8px 11px 8px;
	border:0;
    
	font-family:'Myriad Pro';
	font-size:18px;
	line-height:24px;
	color:#666;
}
input.login-button
{
	background-image:url(images/button-login.png);
	background-repeat:no-repeat;
	background-position: top;
    width:158px;
    height:48px;
}

input.save-button {
    background-image: url(images/button-save.png);
    background-repeat: no-repeat;
    background-position: top;
    width: 158px;
    height: 48px;
}


input.cancel-button {
    background-image: url(images/button-cancel.png);
    background-repeat: no-repeat;
    background-position: top;
    width: 158px;
    height: 48px;
}

#login-box-container.change-password 
{
                background-image:url(images/bg-change-password.png);
}
#login-box-container > div.labels
{
                position:absolute;
                top:114px; 
                left:61px;
                font-family: 'PTSansBold';
                color: #6a6a6a;
                line-height: 53px;
                text-align:left;
}
#login-box-container > div.labels > h3
{
                padding: 0;
                margin: 0;
                font-weight: normal;
}
#login-box-container > div.inputs
{
                position:absolute;
                top:120px; 
                left:167px
}

input.login-button:hover
{
	background-position:bottom;
}
input.agree 
{
    background-image:url(images/button-agree.png);
}
input.decline 
{
    background-image:url(images/button-decline.png);
}
#footer
{
	width:100%;
	position:absolute;
	left:0;
	bottom:0;
	padding-bottom:5px;
	line-height:20px;
}
#footer-container
{
	position:relative;
	font-family:sans-serif;
	font-size:small;
    width:100%;
	text-align:center;	
	line-height: 9px;
}

#footer-container > img
{
	position:absolute;
	left:0;
	bottom:0;
}

#validationSummary
{
    display: table-cell;
    vertical-align: bottom;
    font-family:'Segoe UI', Arial, Tahoma;
    font-size: 14px;
    font-weight: bold;
    color:#d00;
    padding: 20px;
    position: absolute;
    left: 100%;
    top: 100px;
    width: 240px;
    height: 200px;
    line-height:48px;
    text-align:left;
}

#messageLabel 
{
    font-family:'Segoe UI', Arial, Tahoma;
    font-size: 13px;
    font-weight: bold;
    color:#d00;
    position: absolute;
    left: 170px;
    top: 272px;
    text-align:left;
}

#lblAfterMessage {
        font-family:'Segoe UI', Arial, Tahoma;
    font-size: 13px;
    font-weight: bold;


}

.lineheight14 {
line-height:14px;

}