* { font-family:arial; } body { margin: 8px auto; width: 900px; background-color: #ffffff; } A {font-family:Arial} A:link {color:#ffffff;} A:visited {color:#ffffff;} A:hover {color:#ffffff;} A:active {color:#ffffff;} /*----------------------------------------------*/ /*-------------------- main --------------------*/ /*----------------------------------------------*/ #main { margin: 0px auto; background-color: #ffffff; width: 795px; height: 611px; } /*----------------------------------------------*/ /*----------------- begin header ---------------*/ /*----------------------------------------------*/ #main .header { float: left; width: 766px; height: 158px; background-color: #f1b715; color: #000000; padding: 0px; margin: 8px 9px 8px 8px; } #main .header h1{ float: left; font-size: 16pt; color: #000000; margin: 45px 0px 15px 20px; } #main .header .logo{ background:url(http://images.residentsource.com/design/sundale/sunburst/logo-header.jpg) no-repeat #ffffff; float:left; width: 778px; height: 126px; margin: 0px; padding: 0px; } /*----------------------------------------------*/ /*------------------- begin nav ----------------*/ /*----------------------------------------------*/ #main .header #nav { float: left; background: url(http://images.residentsource.com/design/sundale/home-navbar.jpg) no-repeat; color: #ffffff; margin: 1px 0px 0px 0px; padding: 0px; width: 779px; height: 31px; } #main .header #nav a { padding: 0px 3px; color: #ffffff; text-decoration: none; } #main .header #nav ul { float: left; list-style: none; color: #ffffff; font-family: arial; font-weight: bold; width: 700px; height: 26px; margin: 5px 0px 0px 8px; padding: 0px; } #main .header #nav ul li { display: inline; text-align: left; font-family: arial; font-size: 10pt; font-weight: bold; width: 0px; height: 0px; margin: 0px; padding: 0px; } #main .header .menuspacer{ color: #ffffff; font-size: 10px; font-weight: normal; margin: 0px; padding: 0px; } /*----------------------------------------------*/ /*-------------- begin body tag ---------------*/ /*----------------------------------------------*/ #body{ float: left; width: 778px; height: 426px; background-color: #ffffff; margin: 0px 10px 15px 8px; } /*----------------------------------------------*/ /*-------------- begin container01 -------------*/ /*----------------------------------------------*/ #body .container01{ float: left; display: inline; width: 390px; height: 426px; padding: 0px; margin: 0px 0px 0px 0px; } /*----------------------------------------------*/ /*---------------- begin login box -------------*/ /*----------------------------------------------*/ #body .container01 .login{ float: left; background: url(http://images.residentsource.com/design/sundale/sunburst/login-home.jpg) no-repeat #846508; width: 391px; height: 83px; margin: 0px; padding: 0px; } .container01 .fail { font-size:9px; float:left; } .container01 .loggeduser{ float: left; width: 265px; height: 85px; margin: 5px 0px 0px 35px; padding: 0px 0px 0px 0px; } .container01 .loggeduser p { font-size: 11px; color: #f1b715; width: 240px; height: 20px; margin: 4px 0px 0px 10px; padding: 0px; } .container01 .login .loggeduser a { float: none; font-weight: bold; color: #000000; } #body .container01 .login table{ float: left; color: #ffffff; font-family: arial; font-weight: normal; border-collapse: separate; width: 372px; height: 73px; margin: 3px 10px 5px 10px; padding: 0px; } #body .container01 .login .logintitle{ font-size: 10pt; } #body .container01 .login .loginpwduser{ font-size: 9pt; } #body .container01 .login .loginforgot{ font-size: 7pt; } #body .container01 .login a{ text-align: left; } .lockout { margin-left: 10px; margin-right: 5px; margin-top: 15px; color: #ffffff; font-face: verdana; font-size: 8pt; line-height: 12pt; display: block; } #body .container01 input{ font-size: 10px; height: 15px; width: 115px; border: 1px solid #cccccc; } #body .container01 .btn { cursor:pointer; width: 57px; height: 20px; } #body .container01 #img01{ float: left; width: 389px; height: 338px; border: 1px solid #000000; margin: 4px 0px 0px 0px; padding: 0px; } /*----------------------------------------------*/ /*-------------- begin container02 -------------*/ /*----------------------------------------------*/ #body .container02{ float: left; display: inline; background-color: #ffffff; width: 385px; height: 426px; margin: 0px 0px 0px 3px; } #body .container02 .welcome{ float: left; color: #000000; background-color: #ffffff; width: 365px; width: 365px; height: 154px; border-bottom: 1px dotted #000000; margin: 0px 0px 9px 14px; } #body .container02 .welcome-label{ font-family: arial, Palace Script MT; font-size: 20pt; font-weight: 600; color: #765a06; width: 135px; height: 30px; margin: 5px 0px 0px 0px; } #body .container02 .welcome-txt{ float: left; font-size: 8pt; line-height: 12pt; color: #000000; width: 355px; height: 95px; margin: 0px 0px 10px 0px; } #body .container02 .textarea01{ float: left; background: url(http://images.residentsource.com/design/sundale/sunburst/text-pic-bkg.jpg) no-repeat #f1b715; color: #000000; width: 384px; height: 263px; margin: 0px 0px 0px 0px; } #body .container02 .textarea01 #img02{ float: left; width: 184px; height: 121px; border: 1px solid #000000; margin: 0px 10px 5px 0px; } #body .container02 .textarea01 #txt01{ font-size: 8pt; line-height: 12pt; color: #000000; margin: 35px 5px 0px 13px; } #footer { float:left; width:780px; margin:10px; text-align:center; color:#ffffff; font-size: 10px; } #footer a { font-size: 10px; color:#ffffff; text-decoration: none; } #footer a:hover { text-decoration: underline; color:#ffffff; } .ezUpLoginLinks { text-align: center; } .ezUpHubLogin { text-align: right; padding-right: 20px; } .ezUpLoginLinks a { text-decoration: none; } .ezUpHubLogin a { text-decoration: none; } .ezUpLoginLinks a:hover { text-decoration: underline; color:#ffffff; } .ezUpHubLogin a:hover { text-decoration: underline; color:#ffffff; } .ezForgot { font-size: 9pt; color: #ffffff; } .ezLoginForgot { text-align: left; font-size: 9pt; color: #ffffff; margin-left: 10px; }