body, html { margin: 0; padding: 0 0 0 0; height: 100%; overflow: hidden }
body { padding-right: 160px }

.header { margin-bottom: 25px; }

.content { width: 100%; height: 100%; position: relative; }

.loginFooter { position: absolute; left: 0px; bottom: 0px; width: 100%; color: #FFFFFF; font-size: 18px; height: 35px; background: #333333; /* Old browsers */ background: -moz-linear-gradient(top, #333333 0%, #666666 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#333333), color-stop(100%,#666666)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #333333 0%,#666666 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #333333 0%,#666666 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #333333 0%,#666666 100%); /* IE10+ */ background: linear-gradient(to bottom, #333333 0%,#666666 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#666666',GradientType=0 ); /* IE6-9 */ }

    .loginFooter .lcontent { font-size: 12px; font-weight: bold; font-family: Arial, Verdana; margin-left: 5px; margin-top: 6px; position: relative; }

        .loginFooter .lcontent .form { position: absolute; left: 0px; top: 0px; }
            .loginFooter .lcontent .input { position: relative; float: left; }

            .loginFooter .lcontent .fbLogin { background-image: url(../images/fblogin.jpg); width: 70px; height: 22px; float: left; margin-right: 10px; margin-top: 1px; cursor: pointer; }
            .loginFooter .lcontent .fbConnect { background-image: url(../images/fbConnect.png); width: 86px; height: 22px; float: left; margin-right: 10px; margin-top: 1px; cursor: pointer; }
			
            .loginFooter .lcontent .back { float: left; margin-right: 10px; cursor: pointer; }
			.loginFooter .lcontent .emailSent { margin-top: 5px; }

            .loginFooter .lcontent .loader { background-image: url(../images/loader.gif); width: 220px; height: 19px; position: absolute; left: 0px; top: 2px}
            .loginFooter .lcontent .status {  font-size: 11px; margin-top: 5px; margin-left: 5px; font-weight: bold; float: left; color: #330000; }
			.loginFooter .lcontent .error { font-size: 11px; margin-top: 5px; margin-left: 5px; font-weight: bold; float: left; color: #ff8500; margin-right: 5px; -moz-text-shadow: 1px 1px #000000; text-shadow: 1px 1px #000000; -webkit-text-shadow: 1px 1px #000000;}            
		    .loginFooter .lcontent .forgotPassword { font-size: 11px; margin-top: 5px; margin-left: 5px; font-weight: bold; float: left; text-decoration: underline; cursor: pointer; }
                .loginFooter .lcontent .forgotPassword:hover { text-decoration: none; }

            .loginFooter .lcontent .splitter { float: left; width: 1px; height: 20px; background-color: #CCCCCC; margin-right: 10px; margin-top: 2px; }
            .loginFooter .lcontent .input input { border: 1px solid #CCCCCC; height: 20px; margin-right: 5px; width: 125px; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; }
            .loginFooter .lcontent .input .overlay { position: absolute; left: 0px; top: 0px; cursor: pointer; color: #999999; height: 17px; }
             .loginFooter .lcontent .input .overlay .text { margin-left: 5px; padding-top: 5px; }
        .loginFooter .lcontent .login { width: 88px; float: left; height: 27px; margin-right: 5px; cursor: pointer; background-image: url(../images/loginButtons.png); }
        .loginFooter .lcontent .buttonLabel { width: 88px; text-align: center; margin-top: 4px; font-size: 12px; }
        .loginFooter .lcontent .register { cursor: pointer; width: 88px; float: left; height: 27px; background-position: -89px; background-image: url(../images/loginButtons.png); }
        .loginFooter .lcontent .status { float: left; margin-top: 5px; margin-left: 5px; color: #CCCCCC; }

.loginFooter .lcontent .loggedinForm { width: 500px; height: 20px; margin-top: 5px; font-size: 12px; margin-left: 10px; };
.loginFooter .lcontent .loggedinForm .username { float: left; }
.loginFooter .lcontent .loggedinForm .logout { margin-left: 15px; cursor: pointer; font-weight: bold; text-decoration: underline; float: left; float: left; }
.loginFooter .lcontent .loggedinForm .logout:hover { text-decoration: none; }
.loginFooter .lcontent .loggedinForm .splitter { margin-left: 10px; height: 10px; }
.loginFooter .lcontent .loggedinForm .upgrade { cursor: pointer; font-weight: bold; font-size: 12px; text-decoration: underline; float: left;}
.loginFooter .lcontent .loggedinForm .upgrade:hover { text-decoration: none }

.vipUpgrade { width: 128px; height: 43px; cursor: pointer; background-image: url(../images/vipupgrade.png); margin-left: auto; margin-right: auto; margin-top: 10px; margin-bottom: 10px; }

.right-sidebar { overflow: hidden; border-left: solid 1px #666666; position: absolute; background-color: #333333; width: 160px; height: 100%; right: 0; top: 0; }

    .right-sidebar .content { width: 160px; height: 100%; overflow: auto; overflow-x: hidden; }


.bottom { position: absolute; width: 100%; height: 20px; bottom: 20px; left: 0; right: 0; background-color: #000000; }

.sideNavLink { width: 100%; padding-top: 20px; text-align: center; font-size: 10px; }
a { font-size: 12px; font-family: arial, "lucida console", sans-serif; }
    a:link { color: #FFFFFF; }
    a:visited { color: #FFFFFF; }
    a:hover { color: #FFFFFF; text-decoration: none; }
    a:active { color: #FFFFFF; }