body {
    font-size: .75em;
    font-family: "Trebuchet MS", Verdana, Helvetica, Sans-Serif;
    color: #696969;
}

.pageContainer {
    border: 1px solid lightgray;
    padding: 1em;
    padding-bottom: 3em;
    left: 0.75em;
    right: 0.75em;
    bottom: 0.75em;
    top: 0.75em;       
}

.layoutblock {
    background-color: #119EDA;
    position: absolute;    
}

.layouttop {
    top:    0.75em;
    left:  55%;
    right: 20em;
    height: 3.5em;
}

#logindisplay 
{
    position: absolute;
    top: 1em;
    right: 1em;
    
    
}

.layoutleft  {
    top: 23%;
    left:  0.75em;
    width: 2.8em;    
    height: 7em;
}


header h1, #header h1 {
    font-weight: bold;
    color:  #119EDA;
    border: none;
    line-height: 2em;
    font-size: 32px !important;
}

.content {
    margin-left: 8em;
    margin-top: 2em;
    
}

/* TAB MENU   
----------------------------------------------------------*/

nav {
    margin-top: -1em;
}

ul#menu 
{
    padding: 0 0 0 0;
    position: relative;
    margin: 0 0 0 0;
    text-align: left;
}

ul#menu li {
    display: inline;
    list-style: none;
}


ul#menu li a {
    padding-right: 1em;
    text-decoration: none;
    font-size: 2em;    
    color: lightgray;
}

ul#menu li a:hover {
    text-decoration: none;
    color: black;
}

ul#menu li a:active {    color: #000;
    text-decoration: none;
}

ul#menu li a.active {    color: #000;
    text-decoration: none;
}

ul#menu li.selected a {
    color: #000;
}


ul.submenu 
{
    padding: 0 0 0 0;
    position: relative;
    margin-top: 1.5em;
    text-align: left;
}

ul.submenu li {
    display: inline;
    list-style: none;    
}


ul.submenu li a {
    padding-right: 1em;
    text-decoration: none;
    font-size: 1.5em;    
    color: lightgray;
}

ul.submenu li a:hover {
    text-decoration: none;
    color: black;
    cursor: pointer;
}

ul.submenu li a:active {    color: #000;
    text-decoration: none;
}

ul.submenu li a.active {    color: #000;
    text-decoration: none;
}

ul.submenu li.selected a {
    color: #000;
}

/* TABLE
----------------------------------------------------------*/

table {
    border: solid 1px #e8eef4;
    border-collapse: collapse;
}

table td {
    padding: 5px;
    border: solid 1px #e8eef4;
}

table th {
    padding: 5px;
    text-align: left;
    background-color: #e8eef4;
    border: solid 1px #e8eef4;
}

.noborder {
     border: 0px !important;
}
.noborder table, .noborder th,.noborder td, .noborder tr {
     border: 0 !important;
}

input[type='text'], input[type='password'] {
width: 300px;
} 

#scroll-pane,.scroll-pane{position:relative}
.scroll-content {position:absolute;top:0;left:0}
.slider-wrap{position:absolute;right:0;top:0;background-color:lightgrey;width:20px;border-left:1px solid gray;}
.slider-vertical{position:relative;height:100%}
.ui-slider-handle{width:20px;height:10px;margin:0 auto;background-color:darkgray;display:block;position:absolute}
.ui-slider-handle img{border:none}
.scrollbar-top{position:absolute;top:0;}
.scrollbar-bottom{position:absolute;bottom:0;}
.scrollbar-grip{position:absolute;top:50%;margin-top:-6px;}
.ui-slider-range{position:absolute;width:100%;background-color:lightgrey}

.validation-summary-errors {
    background-color: #f2dede;
    border:1px solid #ebccd1;
    color: #a94442;
    padding: 5px;
    margin: 10px 0;
}

.validation-summary-valid { display:none; }