@import url("common.css");
#photoArea {
float:left;
width:708px;
height:347px;
background:url(../images/photoAreaBg.png) no-repeat 0 0;
position:relative;
}
#photoArea p {
position:absolute;
top:160px;
left:356px;
width:300px;
height:80px;
color:#d2e4fb;
font-size:14px;
line-height:125%;
}
#photoArea h2 {
display:none;
}
#photoArea a#clickHereLearnMore {
display:block;
width:146px;
height:48px;
position:absolute;
top:242px;
left:359px;
text-indent:-9999px;
background:url(../images/learnMoreButtonBg.png) no-repeat 0 0;
}
#loginArea {
float:left;
width:263px;
height:347px;
background:url(../images/loginAreaBg.png) no-repeat 0 0;
position:relative;
}
#loginArea h3 {
display:none;
}
#loginArea a#clickHereCreateAccount {
display:block;
width:138px;
height:25px;
position:absolute;
top:83px;
left:27px;
text-indent:-9999px;
}
#loginArea #loginBox {
width:220px;
height:160px;
position: absolute;
top:180px;
left:27px;
}
#lblErrors {
position:absolute;
top:-15px;
left:0;
font-style:italic;
}
#loginBox label {
display:block;
color:#fff;
margin-bottom:2px;
}
#loginBox label {
display:block;
color:#fff;
margin-bottom:2px;
}
#loginBox span {
position:absolute;
left:97px;
top:52px;
color:#ff0000;
}
#loginBox input[type="text"], #loginBox input[type="password"] {
width:155px;
height:20px;
}
#loginBox #remember input {
margin:2px 2px 0 0;
}
#loginBox p {
margin-bottom:10px;
}
#loginBox p#password {
margin:0;
margin-left:4px;
}
#loginBox p#password label {
margin-left:-3px;
}
#loginBox p#password span {
position:absolute;
left:75px;
top:55px;
}
#loginBox p#remember {
padding-top:2px;
line-height:16px;
}
#loginBox #remember label {
display:inline;
float:none;
font-size:10px;
}
#loginBox p a {
font-size:10px;
}
#loginBox .clickHereLogin {
display:block;
width:68px;
height:24px;
position:absolute;
top:125px;
left:0px;
text-indent:-9999px;
}
#loginBox p a {
display:block;
position:absolute;
top:132px;
left:88px;
}
#loginBox p span {
position:absolute;
top:0px;
right:40px;
display:block !important;
color:#ff0000 !important;
}
#content {
float:left;
clear:both;
width:469px;
height:200px;
margin:2px 0 0 30px;
padding-top:24px;
}
#content p {
margin-bottom: 12px;
line-height:166%;
padding: 0 12px;
}
#promoBox1, #promoBox2 {
float:left;
width:234px;
height:231px;
margin:2px 0 2px 2px;
position:relative;
}
#promoBox1 {
background:url(../images/promoBox1Bg.png) no-repeat 0 0;
}
#promoBox2 {
background:url(../images/promoBox2Bg.png) no-repeat 0 0;
}
.clickHere {
position:absolute;
width:62px;
height:25px;
top:155px;
left:20px;
text-indent:-9999px;
}