body#login { height: 100%; text-align: center; background-color: #FFFFFF;  background-image: url("hydrosphere/background.jpg"); background-repeat: repeat-x; }
#login #loginBackground { position: relative; width: 953px; height: 299px; border: 1px solid #333333; margin: 0px auto 0 auto; background-image: url("hydrosphere/background_login.png"); background-repeat: no-repeat; }

#loginPanel { position: absolute; top: 156px; left: 8px; width: 770px; color: #FFFFFF; text-align: left; }
#loginPanel h3 { color: #FFFFFF; text-align: left; width: 200px; margin-left: 20px; }
#loginPanel a { color: #FFFFFF; }
#loginPanel a:hover { color: #FFFFFF; }
#loginPanel p.loginText { color: #FFFFFF; margin-left: 20px; text-align: left; }

#loginform { float: left; margin-left: 20px; height: 60px; }
#loginform label { color: #13131F; text-align: left; float: left; width: 80px; padding: 0px; margin: 0px; margin-top: 3px; }
#loginform input { margin-right: 0px; border:1px solid #626262; float: none; clear:none; }
#loginform input:focus,#loginform input:hover { border:1px solid #000000; }
#loginform #submit { margin-bottom: 9px; }

#loginError { position: absolute; left: 100px; top: 78px; min-width: 192px; font-size: 11px; color: #b94a48; background-color: #f2dede; border-color: #eed3d7; padding: 8px 14px 8px 14px; margin-bottom: 18px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
#loginError a { color: #b94a48; font-weight: bold; text-decoration: none; }
#loginError a:hover { color: #b94a48; font-weight: bold; text-decoration: underline; }

#loginFooterPanel { position: relative; width: 953px; margin: 40px auto 0 auto; color: #13131F; font-size: 11px; }
#loginFooterPanel a:hover { color: #13131F; }

#left-column-top { height: 225px; }
#left-column-bottom { top: 231px; }

#logopanel {  background: #FFF url(hydrosphere/background_corner.png) no-repeat center center; background-color: #fff; height: 160px;}

.alertrow { background: #f00; border-top: 1px solid #a00;}
.alertackrow { background: #f90; border-top: 1px solid #a00;}

.geofencerow { background: #c3c; border: border-top: 1px solid #b2b; }
.messagerow { background: #03f; border:  border-top: 1px solid #01d;}

/* Tree */

li.account { background-color: #F5745E; list-style: none; }
li.account:hover { background-color: #F5745E; }

li.subaccount { background-color: #B2C0CC; list-style: none; }
li.subaccount:hover { background-color: #B2C0CC; }

li.group { background-color: #70C3FF; list-style: none; }
li.group:hover { background-color: #70C3FF; }

li.groupmember { background-color: #FCFCDD; list-style: none; }
li.groupmember:hover { background-color: #DFF0FF; }