@import "css/reset.css";
@import "css/supersized.css";
@import "css/box.css";

body {
    font-family:Verdana, Geneva, sans-serif;
    color:#fff;
    font-size: 100.1%;
    line-height: 1.125em;
    height: 100%;
    overflow: hidden;
}
#growl{ /*overlay transparent effect of the lightbox*/
        position:absolute;
        top:0;
        left:0;
        width:100%;
        height:100%;
        background: url('img/blackbg.png');
        z-index:9996;
}
#privacydis{/*main wrapper of the lightbox*/
            position: absolute;
            top: 50%;
            margin-top:-250px;
            left: 50%;
            margin-left: -480px;
            width: 960px;
            height:500px;
            background: #fff;
            z-index:9997;
            overflow:hidden;
            border: 2px solid #0095DA;
}
#privacy {
    position:absolute;
    overflow: auto;
    margin: 0 auto;
    height:100%;
    width:100%;
    color: #797979;
    padding-top: 30px;
    z-index: 1000;
}
#fadeEffect {
    background: url(img/boxTopFade.png);
    z-index: 1001;
}
#privacy p, #disclaimer p {
    margin-bottom: 10px;
    padding-left:40px;
    padding-right:40px;
}
#privacy p:last-child, #disclaimer p:lastchild {
    padding-bottom: 50px;
}
*.info {/*fix for IE7*/
        padding-bottom: 50px;
}
.privacy, .disclaimer{
    cursor:pointer;
}
#disclaimer {
    position:absolute;
    overflow: auto;
    margin: 0 auto;
    height:100%;
    width:100%;
    color: #797979;
    padding-top: 30px;
}
.signup{
    cursor:pointer;
}
#preRegister {
    position: absolute;
    top: 50%;
    margin-top:-300px;
    left: 50%;
    margin-left: -480px;
    width: 960px;
    height:600px;
    z-index:9998;
    border: 2px solid #0095DA;
    background:#fff url(img/welcomeBg.png) 60px 183px no-repeat;
}
.regAgent, .regConsumer {
    height: 153px;
    width: 100px;
    border: 1px solid #0095DA;
    cursor: pointer;
    margin-top: 225px;
    margin-right: 60px;
    float: right;
    text-align: center;
}
.regAgent {
    background: url('img/agentBg.jpg') left bottom;
}
.regAgent:hover {
    background: url('img/agentBg.jpg') left bottom;
    border: 1px solid #c0c0c0;
}
/*.regConsumer:hover {
    background: url('img/consumerBg.jpg') left bottom;
    border: 1px solid #c0c0c0;
}*/
input#submitBtn {
    border: none;
    background: url(img/registernowbtn.png) left bottom no-repeat;
    text-indent: -9999px;
    width: 120px;
    height: 40px;
    cursor: pointer;
    *color:transparent;
    *text-transform: capitalize;
    margin-top:30px;
}
input#submitBtn:hover {
    background: url(img/registernowbtn.png) left top no-repeat;
}




.regConsumer {
    cursor:inherit;
    border: 1px solid #c0c0c0;
    background: url('img/consumerBg.jpg') left top;
    margin-right: 30px;
}
#signBox {
    position: absolute;
    top: 50%;
    margin-top:-300px;
    left: 50%;
    margin-left: -480px;
    width: 960px;
    height:600px;
    background: #fff;
    z-index:9998;
    border: 2px solid #0095DA;
}
#signBoxContainer {
overflow:hidden;
}

#fader{
    background: transparent;
    width: 100%;
    height: 100%;
    position:absolute;
    top:0;
    left:0;
    z-index:5000;
}
[title] a{
    display: none;
    cursor:default;
}
#loader {/*Important*/
         position:absolute;
         top:0;
         background-color: #fff;
         left:0;
         width:100%;
         height:100%;
         z-index: 9999;
}

/*top slide*/
#topSlide {
    width: 100%;
    height: 60px;
    background: #333;
    border-bottom: 1px solid #c0c0c0;
    z-index: 60;
    position: relative;
}
#innerTopSlide {
    width: 960px;
    position:absolute;
    left: 50%;
    padding: 8px 0 8px 0;
    margin-left:-374px;
}
.register {
    *position: absolute;/*Fix for IE7*/
    float: right;
    margin-right:230px;
    height: 100px;
}
#cropPhotoBox {
    width: 400px;
    height: 525px;
    float: left;
    border: 1px solid #dadada;
    margin-left:40px;
    margin-top:40px;
    background: url(img/noAgentPortraitBg.jpg) top left no-repeat;
    cursor: pointer;
}
#cropPhotoBox:hover {
    border: 1px solid #0095DA;
    background: url(img/noAgentPortraitBg.jpg) bottom left no-repeat;
}
#uploadPortrait {
z-index:-999;
}
#consumerSignBox #cropPhotoBox {
    width: 400px;
    height: 525px;
    float: left;
    border: 1px solid #dadada;
    margin-left:40px;
    margin-top:40px;
    background: url(img/noConsumerPortraitBg.jpg);
}
.closeRegFormBtn {
    height: 25px;
    width: 25px;
    position: absolute;
    background: url(img/closeRegFormBtn.png);
    z-index: 9999;
    right: 4px;
    top:4px;
    cursor: pointer;
}
#privacydis .closeRegFormBtn  {
    right: 20px;
    top:4px;
}

#rightSignForm {
    width: 439px;
    height: 525px;
    float: left;
    margin-top: 40px;
    padding-left: 40px;
    border-left:1px solid #0095DA;
    float: right;
}
#rightSignForm p {
    color: #999;
}

#rightSignForm .inputUI, #rightSignForm .inputUIpwd {
    border: none;
    width: 380px;
    padding: 8px;
    margin: 10px 0 0 0;
    background-color:#fff;
    border: 1px solid #dadada;
    color:#999;
    font-weight: bold;
    filter: alpha(opacity=100);
    opacity: 1;-moz-opacity: 1;
}
#rightSignForm .inputUI#regFirst {
    margin-top: 0;
}
#rightSignForm .inputUI:focus, #rightSignForm .inputUI:hover {
    border: 1px solid #0095DA;
    background-color:#fff;
    color:#999;
}
#rightSignForm .pulldownUI {
    border: none;
    width: 398px;
    padding: 7px;
    margin: 10px 14px 0 0;
    border: 1px solid #dadada;
    color: #999;
    background: #fff;
    font-weight: bold;
    filter: alpha(opacity=100);
    opacity: 1;-moz-opacity: 1;
}
#rightSignForm .pulldownUI:focus, #rightSignForm .pulldownUI:hover {
    border: 1px solid #0095DA;
}


#rightSignForm #agentRegDreLicense {/*Small inputs styles 3 in a row*/
    border: none;
    width: 102px;
    padding: 8px;
    margin: 10px 13px 0 0;
    background-color:#fff;
    border: 1px solid #dadada;
    color:#999;
    font-weight: bold;
}



#rightSignForm #agentRegDreState, #rightSignForm #agentRegDreType, #rightSignForm #agentRegTitle,
#rightSignForm #agentRegGender, #rightSignForm #agentRegSpecialty {/*Small pulldowns styles 3 in a row*/
    border: none;
    width: 120px;
    padding: 7px;
    margin: 10px 13px 0 0;
    border: 1px solid #dadada;
    color: #999;
    background: #fff;
    font-weight: bold;
}
#rightSignForm #regPasswordDefault:hover,#rightSignForm #regPassword:focus,
#rightSignForm #regPasswordDefaultConfirm:hover,#rightSignForm #regPasswordConfirm:focus,
#rightSignForm #agentRegDreLicense:hover, #rightSignForm #agentRegDreLicense:focus,
#rightSignForm #agentRegDreState:hover, #rightSignForm #agentRegDreState:focus,
#rightSignForm #agentRegDreType:hover, #rightSignForm #agentRegDreType:focus,
#rightSignForm #agentRegTitle:hover, #rightSignForm #agentRegTitle:focus,
#rightSignForm #agentRegGender:hover, #rightSignForm #agentRegGender:focus,
#rightSignForm #agentRegSpecialty:hover, #rightSignForm #agentRegSpecialty:focus {
    border: 1px solid #0095DA;
}
#rightSignForm #nonAgentRegCity, #rightSignForm #nonAgentRegState {/*Small pulldowns styles 2 in a row*/
    border: none;
    width: 190px;
    padding: 7px;
    margin: 10px 13px 0 0;
    border: 1px solid #dadada;
    color: #999;
    background: #fff;
    font-weight: bold;
}

.youAgree{
    margin-top: 16px;
}












#topTab{
    width: 270px;
    height: 35px;
    z-index: 60;
    position: absolute;
    left: 50%;
    margin-left: -135px;
    background:url('img/topTab.png');
}
#topTab.active {
    background:url('img/topTabActive.png');
    z-index: 70;
}

/*Typography*/
p {
    font-size: 0.715em;
}
a {
    color:#fff;
    text-decoration:none;
}
a:hover, {
    color:#0095da;
    text-decoration:underline;
}
p.subheadline {
    font-size: 1.125em;
    font-weight: bold;
    padding: 0 0 16px 0;
}

/* Transparent text selection*/
::-moz-selection {
    background:transparent;
    color: #797979;
    xbackground:transparent;
}
::selection {
    background:transparent;
    color: #797979;
}

/*searchbox styles*/
#boxinner {
    background: url('img/searchBox.png') no-repeat;
    width: 960px;
    /*height: 270px;*/
    height: 400px;
    z-index: 100;
    position: absolute;
    top:50%;
    margin-top:-135px;
    left:50%;
    margin-left:-480px;

}
input#searchBox {
    width: 510px;
    background:transparent;
    padding: 15px;
    z-index: 100;
    border: none;
    position: absolute;
    font-size: 1em;
    color: #999;
    font-weight: bold;
    top: 110px;
    left: 115px;
}
#goBtn {
    width: 75px;
    height: 62px;
    position: absolute;
    left: 656px;
    top: 104px;
}
#logInBtn {
    width: 71px;
    height: 38px;
}

/*Radio Styles*/
.checkbtn {
    background: url(img/checkBox.png) no-repeat;
    height: 60px;
    width: 60px;
    display: block;
    border-bottom: none;
}
.checkedbtn {
    background-position: left bottom;
}
#realestatebtn{
    position:absolute;
    left: 107px;
    top: 182px;
}
#agentbtn{
    position:absolute;
    left: 461px;
    top: 182px;
}
input#realestate {
    visibility:hidden;
    position:absolute;
    left: 107px;
    top: 180px;
}
input#agent {
    visibility:hidden;
    position:absolute;
    left: 462px;
    top: 180px;
}
#advTray {
    text-align:center;
    top: 270px;
    height: 136px;
    width: 100%;
    background: transparent;
    position: absolute;
}
#advProperties {
    height: 100px;
    padding-left: 14px;
    border:solid #c0c0c0;
    border-width: 0 1px 1px 1px;
    background: url('img/blackbg.png');
}

#advAgents {
    height: 100px;
    padding-left: 14px;
    border:solid #c0c0c0;
    border-width: 0 1px 1px 1px;
    background: url('img/blackbg.png');
}
#advTab {
    position:absolute;
    bottom:0px;
    left:50%;
    margin-left:-135px;
    height: 35px;
    width: 270px;
    background:url('img/advTabActive.png');
}
#advTabDefault {
    top:270px;
    position:absolute;
    bottom:0px;
    left:50%;
    margin-left:-135px;
    height: 35px;
    width: 270px;
    background: url('img/advTab.png');
}

/*input class*/
.inputlogin {
    border: none;
    width: 256px;
    padding: 8px;
    margin: 0;
    background-color: white;
    border: solid #BDCCD4;
    border-width: 3px 2px 3px 2px;
    color: #999;
    font-weight: bold;
    float:left;
}
#password,#passwordDefault{
    border-right:3px solid #BDCCD4;
}
#email{
    border-left: 3px solid #BDCCD4;
}

.inputUI {
    border: none;
    width: 144px;
    padding: 8px;
    margin: 10px 14px 0 0;
    /* background: url(img/blackbg.png);*/
    background-color:#000000;
    filter: alpha(opacity=60);
    opacity: .6;-moz-opacity: .6;
    border: 1px solid #c0c0c0;
    color: #c0c0c0;
    font-weight: bold;
}
.inputUI:focus, .inputUI:hover {
    border: 1px solid #0095DA;
    background-color:#fff;
    filter: alpha(opacity=100);
    opacity: 1;-moz-opacity: 1;
    color:#999;
}


/*pull down class styles*/
.pulldownUI {
    border: none;
    width: 162px;
    padding: 7px;
    margin: 10px 14px 0 0;
    background-color:#000000;
    filter: alpha(opacity=60);
    opacity: .6;-moz-opacity: .6;
    border: 1px solid #c0c0c0;
    color: #c0c0c0;
    font-weight: bold;
}
.pulldownUI:focus, .pulldownUI:hover {
    border: 1px solid #0095DA;
    background-color:#fff;
    filter: alpha(opacity=100);
    opacity: 1;-moz-opacity: 1;
    color:#999;
}
select option {
    color:#797979;
    background: #fff;
    margin-top:5px;
    border: none;
    cursor: pointer;
}









/*footer styles*/
#footer {
    width: 100%;
    height: 99px;
    background:#000;
    border-top:1px solid #c0c0c0;
    z-index:1000;
    position: fixed;
    bottom: 0;
}
#footerInner {
    width: 960px;
    height: 100%;
    margin: 0 auto;
    padding:20px 0;
}
#FooterPropInfo {
    float: left;
    width: 200px;
    text-align: right;

}

#FooterPropInfo a{
    cursor:pointer;
}
#FooterAgentInfo {
    border-left: 1px solid #c0c0c0;
    float: left;
    padding-left: 20px;
    margin-left: 20px; 
}
#FooterRight {
    width: 500px;
    float: right;
    text-align: right;
}
#FooterRight a {
    margin: 10px;
}
#FooterRight a#last {
    margin-right: 0;
}



#propDesc {
    font-size: .7em;
    text-align: right;
    height: 100px;
}
#agentDesc {
    margin-left: 100px;
    position: absolute;
}

#noAccess {
    background:transparent;
    position: absolute;
    width: 626px;
    height: 60px;
    margin-left: 106px;
    margin-top: 105px;
    z-index: 9999;
}