/**
 * Style Sheet for the
 * 
 * Blue: #35BEDD
 * Grey: #808080
 */

body {
   margin: 0px;
   padding: 0px;
}
body,td,th,div {
   font-family: Verdana;
   font-size: 12px;
}
th {
   font-size: 13px;
}
h1 {
   font-family: Verdana;
   font-weight: bold;
   font-size: 15px;
   padding-bottom: 10px;
}
h2 {
   font-family: Verdana;
   font-weight: bold;
   font-size: 13px;
}
h3 {
    font-family: Verdana;
   font-weight: bold;
   font-size: 11px;
}
a,
a:visited {
   text-decoration: underline;
}
a:hover {
   text-decoration: none;
}

#header {
   border-bottom: 1px solid #35BEDD;
   padding: 10px;
}
#header .timeDate {
   position: absolute;
   top: 60px;
   right: 10px;
   font-weight: bold;
   color: #D3D3D3;
}
#leftCol {
   width: 180px;
   border-right: 1px solid #35BEDD;
   padding-top: 10px;
   text-indent: 10px;
}
#leftCol DIV {
   min-height: 400px;
   height:auto !important;
   height:400px;
}
#leftCol a,
#leftCol a:visited {
   text-decoration: none;
   background-color: #808080;
   display: block;
   color: #FFFFFF;
   line-height: 25px;
   border-bottom: 1px solid #FFFFFF;
}
#leftCol a:hover {
   text-decoration: none;
   background-color: #35BEDD;
}

#leftCol a.active,
#leftCol a.active:visited {
   background-color: #35BEDD;
}

#main {
   padding-left: 20px;
   font-family: verdana;   
}
#footer {
   color: #D3D3D3;
   text-align: center;
}
img.icon {
    border: none;
}

.fldMsg {
   font-size: 10px;
   color: #FF0000;
}
.errMsg {
    color: red;
    font-weight: bold;
    font-size: 14px;
    padding-left: 55px;
    padding-top: 15px;
    height: 50px;    
    background: url(/site_admin/images/error.gif) top left no-repeat;
}
.successMsg {
    color: blue;
    font-weight: bold;
    font-size: 14px;    
    padding-left: 55px;
    padding-top: 15px;
    height: 50px;
    background: url(/site_admin/images/success.gif) top left no-repeat;
}

table.data {
   border: 1px solid #35BEDD;
   border-right: none;
   border-bottom: none;
}
table.data th {
   border-right: 1px solid #757575;
   border-bottom: 1px solid #757575;
   background-color: #808080;
   color: #FFFFFF;
}
table.data td {
   border-right: 1px solid #35BEDD;
   border-bottom: 1px solid #35BEDD;
}

table.dataVertical {
   border: 1px solid #35BEDD;
   border-right: none;
   border-bottom: none;
}
table.dataVertical th {
   border-right: 1px solid #35BEDD;
   border-bottom: 1px solid #35BEDD;
   text-align: left;
   width: 20%;
}
table.dataVertical td {
   border-right: 1px solid #35BEDD;
   border-bottom: 1px solid #35BEDD;
}
table.dataVertical th {
   background-color: #FFFFFF;
}
table.dataVertical th.head {
   border-right: 1px solid #757575;
   border-bottom: 1px solid #757575;
   background-color: #808080;
   color: #FFFFFF;
   text-align: center;
}

.floatRight {
   float: right;
   margin-left: 10px;
   margin-bottom: 10px;
}
.floatLeft {
   float: left;
   margin-right: 10px;
   margin-bottom: 10px;
}
.clear {
   clear: both;
}
.left {
   text-align: left;
}
.centre {
   text-align: center;
}

.noUnderline {
   text-decoration: none;
}

.btn {
   background: #fefefe url(/image/btnBG.gif) repeat-x;
   border: 3px double;
   border-color: #35BEDD #35BEDD #35BEDD #35BEDD;
}
.btn:hover,
.btn:focus {
   border: 3px double;
   border-color: #3CA2B9 #3CA2B9 #3CA2B9 #3CA2B9;
}

.actions {
   white-space: nowrap;
}
.actions a {
   margin-right: 5px;
}
.actions img {
   text-decoration: none;
   border: 0;
}
.important {
   color: #FF0000;
}
#logo {
   display: none;
   float: right;
}
tr.odd {
   background-color: #EAF7F8;
}
tabs {
}
.tabs a,
.tabs a:visited {
   display: block;
   padding: 5px 10px 5px 10px;
   float: left;
   margin-right: 1px;
   background-color: #393939;
   color: white;
   font-weight: bold;
   text-align: center;
   text-decoration: none;
   border: 1px solid #555555;
}
.tabs a:hover {
   color: #white;
   text-decoration: underline;
}
.tabs a.active,
.tabs a:visited.active {
   background-color: #35BEDD;
   border: 1px solid #555555;
   color: #FFFFFF;
}
.tabs .title {
   float: left;
   font-weight: bold;
   padding: 5px 5px 0 0;
}
#addBtn {
   padding-bottom: 10px;
}
#login {
   margin-top: 10px;
}
#logout {
   float: right;
   padding-right: 10px;
}
#logout a,
#logout a:visited {
   color: #808080;
   text-decoration: none;
}
#logout a:hover {
   text-decoration: underline;
}