/* 
    Document   : edash
    Created on : 15-aug-2011, 8:17:45
    Author     : mpronk
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

html{
    height: 100%;
    font-size:100.01%;
    
        background: #bbddff; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2JiZGRmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMwJSIgc3RvcC1jb2xvcj0iI2JkZDNlNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk1JSIgc3RvcC1jb2xvcj0iIzAwNTU5NiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(top,  #bbddff 0%, #ffffff 30%, #bdd3e4 30%, #005596 95%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bbddff), color-stop(30%,#ffffff), color-stop(30%,#bdd3e4), color-stop(95%,#005596)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #bbddff 0%,#ffffff 30%,#bdd3e4 30%,#005596 95%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #bbddff 0%,#ffffff 30%,#bdd3e4 30%,#005596 95%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #bbddff 0%,#ffffff 30%,#bdd3e4 30%,#005596 95%); /* IE10+ */
    background: linear-gradient(top,  #bbddff 0%,#ffffff 30%,#bdd3e4 30%,#005596 95%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bbddff', endColorstr='#005596',GradientType=0 ); /* IE6-8 */

    background-repeat: no-repeat;
    background-attachment: fixed;
}


body
{
    margin: 0px;
    
    height: 100%;

    color:#222;
    font-family: Calibri,Arial;
    font-size: 18px;

}

div.layout{
    
    min-width: 1022px;
    
    border-left: 1px solid #7D7D7D;
    border-right: 1px solid #7D7D7D;
    z-index: 1;
}

#wrapper
{
    width: 1024px;
    height: 100%;
    
    border-left: 1px solid #3C3C3C;
    border-right: 1px solid #3C3C3C;
    
    position: fixed; 
    left: 50%;
    margin-left: -513px;
    
    
}

#header
{
    background-color: white;
    position: relative;
}
#logo
{
    padding-top: 20px;
    padding-bottom: 20px;
}
#welcome
{
    display:block;
    position: absolute;
    right: 20px;
    top: 20px;

    /*border: 1px solid #000;*/

    text-align: right;

    height: 50px;
    width: 300px;
}

#menu
{
    background-color: #F1F1F1;
/*    height: 185px;
    /*padding-left: 20px;*/
    position: relative;

    border-bottom: 1px solid #008CF5;
}

#mainmenu{
    height: 105px;
    padding-top: 15px;
    background: white url(../images/topbar.png);
    text-align: center;
    
}

#mainmenu a{
    width: 80px;
    height: 80px;
    float: left;
    display: block;
    text-align:center;
    color: #DCDCDC;
    margin:auto;
    margin-right:25px;
    text-decoration: none;
    font-size: 15px;
    line-height: 15px;
}

#mainmenu a.menuitem:hover, a.active{
    background: url(../images/blueborder.png);
}

#breadcrumbs{
    padding-left: 50px;
    color: #005596;
    font-size: 16px;
}
.breadcrumbs
{
    width: 700px;
    display: inline;
}

#breadcrumbs img{
    padding: 0px 5px;
}

#breadcrumbs a{
    text-decoration: underline;
    
}

#submenu{
    clear:left;
/*    position: absolute;*/
    bottom:-1px; 
    padding-left: 45px;
    position: relative;

}

#submenu ul
{
    margin:0px;
    padding-left: 0px;
}

#submenu ul li
{
    display: inline;
}

#submenu ul li a
{
    display: block;
    width: 185px;
    height: 35px;

    float: left;
    text-align: center;
    text-decoration:none;
        color: #505050;

    font-size: 18px;
    line-height: 35px;

    background: url('../images/tabpassive.png') no-repeat;

}

#submenu ul li a:hover, #submenu ul li.active a
{
    color: #1E1E1E;
    text-decoration:none;
    background: url('../images/tabactive.png') no-repeat;

}

@media screen and (min-width: 1120px)
{
    #content, div.layout{
        margin-left: 88px;
        margin-right: 88px;
    }
}

#content
{
    background-color: #F1F1F1;
    
    padding-left: 30px;
    padding-right: 30px; /*
    width: 962px; /* we have to overide width due to padding */
    
    min-width: 962px;
    
    min-height: 100%;
    position: relative;
}

/* No empty space if Content starts with <h1> tag */
#content:before {
    content:"\0020";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
    overflow:hidden;
}

div.flash-error, div.flash-notice, div.flash-success
{
    z-index: 5;
    padding:.8em;
    margin-bottom:1em;
    border:2px solid #ddd;
}

div.flash-error
{
    background:#FBE3E4;
    color:#8a1f11;
    border-color:#FBC2C4;
}

div.flash-notice
{
    background:#FFF6BF;
    color:#514721;
    border-color:#FFD324;
}

div.flash-success
{
    background:#E6EFC2;
    color:#264409;
    border-color:#C6D880;
}

div.flash-error a
{
    color:#8a1f11;
}

div.flash-notice a
{
    color:#514721;
}

div.flash-success a
{
    color:#264409;
}

div.form .rememberMe label
{
    display: inline;
}

div.view
{
    padding: 10px;
    margin: 10px 0;
    border: 1px solid #C9E0ED;
}



.esmview
{
    padding: 15px 0;
}

.esmview table.items
{
    background: white;
    border-collapse: collapse;
    width: 100%;
    border: 1px #D0E3EF solid;
}

.esmview table.items th, .esmview table.items td
{
    font-size: 0.9em;
    border: 1px white solid;
    padding: 0.3em;
}

.esmview table.items th
{
    color: white;
    background: url("bg.gif") repeat-x scroll left top white;
    text-align: center;
}

.esmview table.items th a
{
    color: #EEE;
    font-weight: bold;
    text-decoration: none;
}

.esmview table.items th a:hover
{
    color: #FFF;
}

.esmview table.items tr:nth-child(even)
{
    background: #F8F8F8;
}

.esmview table.items tr:nth-child(odd)
{
    background: #E5F1F4;
}

.esmview table.items tr.selected
{
    background: #BCE774;
}

.esmview table.items tr:hover
{
    background: #ECFBD4;
}

button.smallbluebutton, input.smallbluebutton
{
    border: 0px;
    
    background-image: url(../images/smallbluebutton.png) !important;
    width: 80px;
    height: 20px;
    font-size: 14px;
    line-height: 14px;
    color: #ffffff;
}


button.smallorangebutton, input.smallorangebutton
{
    border: 0px;
    
    background: url(../images/smallorangebutton.png);
    width: 80px;
    height: 20px;
    font-size: 14px;
    line-height: 14px;
    color: #ffffff;
}

button.smallorangebutto:hover, input.smallorangebutton:hover
{
    background: url(../images/smallorangebutton_hl.png);
}

button.bigbluebutton, input.bigbluebutton
{
    border: 0px;
    margin: 2px;
    
    background: url(../images/bigbluebutton.png);
    width: 175px;
    height: 35px;
    font-size: 14px;
    line-height: 14px;
    color: #ffffff;
    font-weight: bold;
}
button.bigbluebutton:hover, input.bigbluebutton:hover
{
    background: url(../images/bigbluebutton_hl.png);
}
button.smallgreybutton, input.smallgreybutton
{
    border: 0px;
    
    background: url(../images/smallgreybutton.png);
    width: 80px;
    height: 20px;
    font-size: 14px;
    line-height: 14px;
    color: #000;
}

button.biggreybutton, input.biggreybutton
{
    border: 0px;
    
    background: url(../images/biggreybutton.png);
    width: 175px;
    height: 35px;
    font-size: 14px;
    line-height: 14px;
    color: #000;
    font-weight: bold;
    
}
button.biggreybutton:hover, input.biggreybutton:hover
{
    background: url(../images/biggreybutton_hl.png);
}

button.squaredarkbutton, input.squaredarkbutton
{
    border: 0px;
    
    background: url(../images/squaredarkbutton.png);
    width: 80px;
    height: 80px;
    font-size: 14px;
    line-height: 14px;
    color: #ffffff;
    font-weight: bold;
    
}
button.squaredarkbutton:hover, input.squaredarkbutton:hover
{
    background: url(../images/squaredarkbutton_hl.png);
}

button.smalldarkbutton, input.smalldarkbutton
{
    border: 0px;
    
    background: url(../images/smalldarkbutton.png);
    width: 80px;
    height: 20px;
    font-size: 14px;
    line-height: 14px;
    color: #ffffff;
    font-weight: bold;
    
}
button.smalldarkbutton:hover, input.smalldarkbutton:hover
{
    background: url(../images/smalldarkbutton_hl.png);
}

button.bigorangebutton, input.bigorangebutton
{
    border: 0px;
    margin: 2px;
    
    background: url(../images/bigorangebutton.png);
    width: 175px;
    height: 35px;
    font-size: 14px;
    line-height: 14px;
    color: #ffffff;
    font-weight: bold;
}
button.bigorangebutton:hover, input.bigorangebutton:hover
{
    background: url(../images/bigorangebutton_hl.png);
}

hr{
    
    color: blue;
    clear: both;
}

.detail
{
    border:2px solid #8CBEEB;
}
.detail h2{
    display:inline;
    font-size: 24px;
    font-weight: bold;
    color: #005596;
}

.detail input.bigbluebutton right{
    float: right;
    margin-right: 20px;
}

.detail .note{
    font-size: 16px;
    font-style: italic;
    color: #005596;
}

.detail .header
{
    background-color: #8CBEEB;
    width: 100%;
    height: 64px;
    position:relative;
    
}

.detail .header h1{
    text-align: center;
    min-width: 325px;
    clear: none;
    
    font-size: 32px;
    color: #005596;
    margin: 10px 0px 0px 20px;
    position:absolute;
    left: 200px;
    z-index: 5;
    top:0px;
}


.detail .header form{
    margin: 0px;
    padding: 0px;
    position:absolute;
    top:0px;
    right: 0px;
    
    z-index: 10;
}

.detail .header input{
   
    margin: 10px 0px 0px 20px;
    
}

/* typography.css */
h1, h2, h3, h4, h5, h6 {font-weight:normal;clear:left;}
h1 {font-size:1.7em;line-height:1;margin-bottom:0.5em;}
h2 {font-size:1.5em;margin-bottom:0.75em;}
h3 {font-size:1.4em;line-height:1;margin-bottom:1em;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {margin:0 0 1.5em;}
.left {float:left !important;}
p .left {margin:1.5em 1.5em 1.5em 0;padding:0;}
.right {float:right !important;}
p .right {margin:1.5em 0 1.5em 1.5em;padding:0;}
a:focus, a:hover {color:#09f;}
a {color:#06c;text-decoration:underline;}
a img{ border:0px; }
blockquote {margin:1.5em;color:#666;font-style:italic;}
strong, dfn {font-weight:bold;}
em, dfn {font-style:italic;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0;}
ul, ol {margin:0 1.5em 1.5em 0;padding-left:1.5em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold;}
thead th {background:#c3d9ff;}
th, td, caption {padding:4px 10px 4px 5px;}
tfoot {font-style:italic;}
caption {background:#eee;}
.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.hide {display:none;}
.quiet {color:#666;}
.loud {color:#000;}
.highlight {background:#ff0;}
.added {background:#060;color:#fff;}
.removed {background:#900;color:#fff;}
.first {margin-left:0;padding-left:0;}
.last {margin-right:0;padding-right:0;}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}

.flash-info
{
    background-color: white;
    border: 2px solid #008CF5;

    position:fixed;
    width: 800px;
    height: 200px;
    
    top:50%;
    left: 50%;
    margin-left: -400px;
    margin-top: -100px;
    
    line-height: 200px;
    
    z-index: 5;
    
    text-align: center;
    font-size: 36px;
}