body{padding: 0; margin: 0; background: #fff url('../images/body-bg.jpg'); font-size: 12px; font-family: helvetica, arial; color: #353636;}
img[alt]{font-size: 9px;}
a{text-decoration: none; color:#353636;}
h1{margin:0 0 10px 0; padding:0;}
hr{line-height: 0.1; height: 1px; font-size: 1px; border-top:1px solid #d2c8b4; margin:5px 0;}
.button{border: 0; width: 197px; background: #ffaa63 url('../images/button-bg.jpg') repeat-x bottom; text-align: center; display: block; border-radius: 4px; height: 25px!important; line-height: 2.3; font-size: 11px!important; font-weight: 600!important; letter-spacing: 1px!important; color: #664124; box-shadow: 1px 1px 2px #333; cursor:pointer;}
input.button{font-size:10px!important; width: 199px!important;}
.button:hover, .button2:hover{background: #606060 url('../images/button-bg-hover.jpg') repeat-x bottom; color: #fff;}
.buttonInv{border: 0; width: 197px;  text-align: center; display: block; border-radius: 4px; height: 25px!important; line-height: 2.3; font-size: 11px!important; font-weight: 600!important; letter-spacing: 1px!important; box-shadow: 1px 1px 2px #333; cursor:pointer;background: #606060 url('../images/button-bg-hover.jpg') repeat-x bottom; color: #fff;}
.buttonInv:hover{background: #ffaa63 url('../images/button-bg.jpg') repeat-x bottom; color: #664124; }
.button:active, .button2:active{background: #252525 url('../images/button-bg-active.jpg') repeat-x bottom; color: #fff;}
.inactive, .inactive:hover, .inactive:active{  background: #ffaa63 url('../images/button-bg.jpg') repeat-x bottom!important; cursor: default!important; color: #664124;}
.button2{border: 0; width: 150px; background: #e8e8e8 url('../images/button2-bg.jpg') repeat-x bottom; text-align: center; display: block; border-radius: 3px; height: 20px; line-height: 2; font-size: 10px; font-weight: 600; letter-spacing: 1px; color: #353636; box-shadow: 1px 1px 2px #333; cursor:pointer;}
input.button2{line-height: 1; font-family: Helvetica;}
.underline-border{border-bottom: 1px solid #000; position: absolute; width: 100%; bottom: 0; left:0; width:0;}
.underline-wrapper{position: relative; display: inline;}
.bg{background: #fff url('../images/bottom-bg.png') repeat-x bottom;}
.bg-button-orange{background: #ffaa63 url('../images/button-bg.jpg') repeat-x bottom;}

#main{background-image: url('../images/bg.jpg'); background-repeat: repeat-x; min-height: 475px;}
#container{width: 937px; margin:0 auto;}

#left{width: 137px; float: left;}
#left .logo{display: block; text-align: center; margin: 10px 0 8px 0;}

#main-menu{list-style: none; padding: 0; margin:0; font-size: 12px;}
#main-menu li{padding: 9px 10px; background: #fff url('../images/main-menu-bg.jpg') repeat-x bottom; box-shadow: -2px 0px 5px #888;}
#main-menu li span{font-size:10px;color: #6b6b6b; font-weight: bold;}
#main-menu li p.social{margin-top:5px; padding:0;}
#main-menu li p.social img{margin-right: 4px;}
#main-menu li:first-child{border-top-left-radius: 10px;}
#main-menu li:last-child{background: #fff url('../images/main-menu-bg-last.jpg') repeat-x bottom; border-bottom-left-radius: 10px;}
#main-menu li.dark{background: #282a2d; color: #fff;}
#main-menu li.dark span{color: #f9e45d; font-size:12px;}
#main-menu li.dark a{color: #fff;}
#main-menu li.dark a:hover{text-decoration: underline;}
#main-menu a{ color: #292b2e;}
#main-menu li.dark li{background: none; box-shadow:none!important; margin:0; padding:0;}
#main-menu li.dark li span{color: #eb844b; font-weight: bold;}
#main-menu li.dark p, {color: #a7a7a7;}

#right{width: 800px; float:left; box-shadow: 0 2px 7px #888;}
#right .spotlight img{float: left;}
#right .spotlight .start{position: absolute; top: 283px; margin-left: 257px; z-index:0;}
#right .spotlight .completed{position: absolute; top: 83px; z-index:0; margin-left:553px; text-align: center; width: 180px;}
#right .spotlight .completed .number{font-size: 25px; font-weight: bold;}
#right .spotlight.ce .start{position: absolute; top: 313px; margin-left: 223px; z-index:0;}

#bottom{background: #fff url('../images/bottom-bg.png') repeat-x bottom; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; font-size: 10px; box-shadow: 0 2px 7px #888;}
#bottom .content{background: transparent url('../images/bottom-shadow.png') repeat-x; padding-bottom: 30px;}
#bottom .content ul{list-style: none; margin:10px 0 0 0; padding:0;}
#bottom .content ul li{float:left; width: 190px;}
#bottom .content ul li div{float:left; width: 145px; margin-left: 10px;}

.content strong{color: #282a2d;}

#footer{color: #515151; font-size: 10px;}
#footer .col1, #footer .col2{float: left; padding: 10px 0;}
#footer .col1 {width: 130px; text-align: right; padding-right: 7px;}
#footer .col2 {width: 800px; }

#login-panel, #login-panel-expanded, #profile-panel{background: #e8e8e8 url('../images/login-panel-bg.jpg') repeat-x bottom; width: 800px; }
#login-panel{height: 380px; top:-980px; z-index: 1; position: absolute;}
#loginForm input, #login-panel-expanded input, #login-panel input[type="text"]{width: 197px; height: 28px;}

#profile-panel input[type="text"], #profile-panel input[type="email"], #profile-panel input[type="password"]{width: 139px; height: 28px;}

#msg{border-radius: 5px; padding: 10px 10px 10px 50px; background: #bbd4e2 url('/images/info-ico.png') no-repeat 10px center; color: #7a95a5; margin: 10px auto; width: 90%;}
#msg .message{float: left; padding-top: 6px; width: 600px;}
.error{background: #ffb0c3 url('/images/alert-ico.png') no-repeat 10px center!important; color: #9e5163!important; width: 600px;}