body {
    font-family: Tahoma, Geneva, sans-serif;  
    font-size: 12px;
    line-height: 1.231;
    color : #222222;
    overflow-y: scroll; 
}

body#with-sidebar {
    background: url('images/sidebar-bg.png') repeat-y scroll -70px top #E3E5E7;
}

body#login-page, body#new-user-page {
  background: url("images/special-page-bg.png") no-repeat scroll center top #2B3237;
}

#login-container {
    margin: 210px auto 0;
    width: 400px;
}

#new-user-container {
    margin: 80px auto 0;
    width: 400px;
}

#new-user-container .error {
    background: url('images/warning.png') no-repeat left center;
    font-size: 10px;
    color: #B94A48;
    line-height: 16px;
    padding-left: 25px;
    margin-left: 100px;
}

#header {
    background: #405868;
    background: -moz-linear-gradient(top,  #405868 0%, #202e39 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#405868), color-stop(100%,#202e39));
    background: -webkit-linear-gradient(top,  #405868 0%,#202e39 100%);
    background: -o-linear-gradient(top,  #405868 0%,#202e39 100%);
    background: -ms-linear-gradient(top,  #405868 0%,#202e39 100%);
    background: linear-gradient(top,  #405868 0%,#202e39 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#405868', endColorstr='#202e39',GradientType=0 );
    color: #D9D9D9;
    text-shadow: 0 1px 1px #000;
    box-shadow: 0 0 10px 1px #333;
    height: 43px;
    position: relative;
    z-index: 30;
    line-height: 43px;
}

#sidebar {
    background: #E3E5E7 url('images/sidebar-bg.png') fixed repeat-y 0 0;
    float: left;
    position: absolute;
    width: 190px;
    min-height: 25%;
    z-index: 25;
}

#main {
    margin-left: 191px;
}

#main-content {
  background: url("images/main-content-bg.png") repeat-x scroll center top transparent;
  margin-top: -14px;
  min-height: 434px;
  padding-top: 20px;
  position: relative;
  padding-bottom: 20px;
}

#loader {
    position: fixed;
    z-index: 100000;
    background: rgba(0,0,0,.5);
    width: 100%;
    height: 100%;
}

#loadermsg {
    position: absolute;
    z-index: 100001;
    top: 45%;
    left: 50%;
    width: 200px;
    margin-left: -100px;
    padding: 10px 30px;
    background: #FFF;
    border-radius: 4px;
    box-shadow: 0 0 50px #000;
    text-align: center;
    line-height: 32px;
    font-size: 14px;
}

#loadermsg img {
    position: relative;
    margin-bottom: -12px;
    margin-right: 10px;
}

.mb0 { margin-bottom: 0; }
.pa10 { padding: 10px; }
.ma10 { margin: 10px; }
.mr10 { margin-right: 10px; }
.ml10 { margin-left: 10px; }
.mb5 { margin-bottom: 5px; }
.mb10 { margin-bottom: 10px; }