#container{overflow:hidden;width:100%;margin:0 auto}

#content.leftbar{border-left:1px solid #eee}
#mainpage {margin-left:220px; margin-right: 15px;}
#footer{text-align:center;color:#888;margin-top:1ex;border-top:1px solid #ddd;padding:3px 12px;clear:both}
#content div.menu{clear:both;color:white;padding:1em}
#content div.menu p{margin:0 0 1em 0}
#sidebar{float:left;width:210px; margin-top: 0px; }
#sidebar div.title{font-weight:bold;margin:1em 0 1ex;font-size:120%}
div.lists ul{margin:0;padding:0;list-style:none;display:block}
div.lists li{display:block;margin:1ex}
div.lists a{text-decoration:none;display:block;color:#666;border-bottom:1px solid #ddd;font-size:115%;padding:0 1ex 1px}
div.lists a:hover{}
div.clr {clear: right;}
.navigation{margin-top:2em}
.navigation h3{font-weight:bold;font-size:120%}
.navigation p{margin:0px}
.navigation a{cursor:pointer;display:block;padding:0;margin-top:0;text-decoration:none}

.hidden {
    display: none;
}

div.flash{padding:.6em;margin-bottom:1em;border:1px solid #ddd}
div.flash.success{background:#E6EFC2; color: darkgreen; border-color:#C6D880; font-size: 1.2em;}
div.flash.info{background:#FFF6BF;color:#514721;border-color:#FFD324}
div.flash.error{background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4}

ul.error {
    list-style: none;
    color: red;
    padding: 0px;
    text-align: center;
}


html { overflow-y: scroll; }
body { font: 11px/1.65 Verdana, "Geneva CE", lucida, sans-serif; background: #3484d2; color: #333; margin: 0px;  min-width: 770px; }

h1, h2 { font: normal 150%/1.3 Georgia, "New York CE", utopia, serif; color: #1e5eb6; -webkit-text-stroke: 1px rgba(0,0,0,0); }

img { border: none; }

a { color: #006aeb; }

a:hover, a:active, a:focus { }

#banner { border-radius: 0px; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAB5CAMAAADPursXAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAGBQTFRFD1CRDkqFDTlmDkF1D06NDT1tDTNZDk2KEFWaDTZgDkiCDTtpDT5wDkZ/DTBVEFacEFOWD1KUDTRcDTFWDkV9DkR7DkN4DkByDTVeDC9TDThjDTxrDkeADkuIDTRbDC9SbsUaggAAAEdJREFUeNqkwYURgAAQA7DH3d3335LSKyxAYpf9vWCpnYbf01qcOdFVXc14w4BznNTjkQfsscAdU3b4wIh9fDVYc4zV8xZgAAYaCMI6vPgLAAAAAElFTkSuQmCC); }
#banner h1 { color: white; font-size: 50px; line-height: 121px; margin: 0; padding-left: 40px; text-shadow: 1px 1px 0 rgba(0, 0, 0, .9); }

#content { background: white; border: 1px solid #99BBE8; border-radius: 0 0 12px 12px; padding: 20px; padding-bottom: 40px; }
#content > h2 { font-size: 130%; color: #666; clear: both; padding: 1.2em 0; margin: 0; }

h2 span { color: #87A7D5; }
h2 a { text-decoration: none; background: transparent; }

.box { width: 24%; float: left; background: #f0f0f0; margin-right: 4%; min-height: 230px; padding: 3%; border: 1px solid #e6e6e6; border-radius: 5px; }
.box h2 { text-align: right; margin: 0; }
.box img { float: left; }
.box p { clear: both; }
.box:nth-child(4n - 2) h2 { color: #00a6e5; }
.box:nth-child(4n - 2) img { margin: -24px 0 0 -24px; }
.box:nth-child(4n - 1) h2 a { color: #db8e34; background: transparent; }
.box:nth-child(4n) { margin: 0; }
.box:nth-child(4n) h2 a { color: #578404; background: transparent; }

body.js section { display: none; }

pre { font-size: 12px; line-height: 1.4; padding: 10px; margin: 1.3em 0; overflow: auto; max-height: 1000px; background: #F1F5FB; border-radius: 5px; box-shadow: 0 1px 1px rgba(0, 0, 0, .1); }

footer { font-size: 70%; padding: 1em 0; color: gray; }

.scroll_checkboxes {
    min-height: 50px;
    max-height: 150px;
    padding: 5px;
    overflow: auto;
    border: 1px solid #ccc;

}

form fieldset table, form table {
    width: 100%;
}

form fieldset table tbody th, form table tbody th {
    width: 40%;
    text-align: right;
}
form fieldset table tbody td, form table tbody td {
    width: 300px;
}

.filter form {
    padding: 10px;
}
.filter h1 {
    background: gray;
    padding: 5px;
    margin: 0px;
    color: black;
    font-size: 12px;
    background-image: url(../images/Grid/grid3-hrow.gif);
}
.filter {
    margin-bottom: 20px;
    background: white;
    border: 1px solid #99BBE8;
    border-radius: 0 0 12px 12px;
}

.filter table tbody th {
    min-width: 100px;
    width: auto;
    text-align: right;
}
.filter table tbody td, form table tbody td {
    min-width: 100px;
    width: auto;
}
.filter .submit {
    text-align: center;
}

table.dataTable {
    margin: 0 auto;
    width: 100%;
    border-collapse: collapse;

    font: normal 11px/15px arial, tahoma, helvetica, sans-serif;
    font-family: arial, tahoma, helvetica, sans-serif;
    font-size: 11px;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 15px;
    background: white;
    float: right;

}

table.dataTable thead th {
    border-right-color: #D0D0D0;
    background-color: #F9F9F9;
    background-image: url(../images/Grid/grid3-hrow.gif);
    padding: 4px;
    padding-left: 8px;
    margin: 0px;
    border: solid 1px #e6e6e6;
    cursor: pointer;
    text-align: left;
    *cursor: hand;
}

table.dataTable thead th:hover {
    background-image: url(../images/Grid/grid3-hrow-over.gif);

}

table.dataTable tbody td {
    padding: 4px;
    padding-left: 8px;

}

table.dataTable tbody tr {
    border: solid 1px #EDEDED;
    border-top: solid 1px white;
    padding: 4px;
    padding-left: 8px;

}

table.dataTable tbody tr:hover, table.dataTable tbody tr td.highlighted {

    background: #EFEFEF!important;
    border-top: solid 1px #DDD;
    border: solid 1px #DDD;

}

.dataTables_info {
    //clear: both;
    float: left;
}

.dataTables_paginate {
    float: right;
    text-align: right;
}

/* Two button pagination - previous / next */
.paginate_disabled_previous,
.paginate_enabled_previous,
.paginate_disabled_next,
.paginate_enabled_next {
    height: 19px;
    float: left;
    cursor: pointer;
    *cursor: hand;
    color: #111 !important;
}
.paginate_disabled_previous:hover,
.paginate_enabled_previous:hover,
.paginate_disabled_next:hover,
.paginate_enabled_next:hover {
    text-decoration: none !important;
}
.paginate_disabled_previous:active,
.paginate_enabled_previous:active,
.paginate_disabled_next:active,
.paginate_enabled_next:active {
    outline: none;
}

.paginate_disabled_previous,
.paginate_disabled_next {
    color: #666 !important;
}
.paginate_disabled_previous,
.paginate_enabled_previous {
    padding-left: 23px;
}
.paginate_disabled_next,
.paginate_enabled_next {
    padding-right: 23px;
    margin-left: 10px;
}

.paginate_enabled_previous { background: url('../images/back_enabled.png') no-repeat top left; }
.paginate_enabled_previous:hover { background: url('../images/back_enabled_hover.png') no-repeat top left; }
.paginate_disabled_previous { background: url('../images/back_disabled.png') no-repeat top left; }

.paginate_enabled_next { background: url('../images/forward_enabled.png') no-repeat top right; }
.paginate_enabled_next:hover { background: url('../images/forward_enabled_hover.png') no-repeat top right; }
.paginate_disabled_next { background: url('../images/forward_disabled.png') no-repeat top right; }

/* Full number pagination */
.paging_full_numbers {
    height: 22px;
    line-height: 22px;
}
.paging_full_numbers a:active {
    outline: none
}
.paging_full_numbers a:hover {
    text-decoration: none;
}

.paging_full_numbers a.paginate_button,
.paging_full_numbers a.paginate_active {
    border: 1px solid #aaa;
    padding: 2px 5px;
    margin: 0 3px;
    cursor: pointer;
    *cursor: hand;
    color: #333 !important;
}

.paging_full_numbers a.paginate_button {
    background-color: #FFFFFF;
}

.paging_full_numbers a.paginate_button:hover {
    background-color: #ccc;
    text-decoration: none !important;
}

.paging_full_numbers a.paginate_active {
    background-color: #D8E8FC;
    font-weight: bold;
}

.paginate_button_disabled {
    background-color: #DDDDDD;
}

/*
 * Processing indicator
*/
.dataTables_processing {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 250px;
    height: 30px;
    margin-left: -125px;
    margin-top: -15px;
    padding: 14px 0 2px 0;
    border: 1px solid #ddd;
    text-align: center;
    color: #999;
    font-size: 14px;
    background-color: white;
}

/*
 * Table wrapper
*/
.dataTables_wrapper {
    position: relative;
    //clear: both;
    *zoom: 1;
}


/*
 * Page length menu
*/
.dataTables_length {
    float: left;
}


/*
 * Filter
*/
.dataTables_filter {
    float: right;
    text-align: right;
}

/*
 * Sorting
*/

.sorting span { 
    background: url('../images/Grid/sort_all.png') no-repeat 0px 2px ; 
    color: transparent;
    height: 12px;
    width: 13px;
}
.color tbody .actions td .add:Hover {
    background: url(./img/icon-add.png) no-repeat 0px -17px;
}

.sorting_asc span { 
    background: url('../images/Grid/sort_all.png') no-repeat 0px -13px; 
    height: 12px;
    width: 13px;
    color: transparent;
}
.sorting_desc span { 
    background: url('../images/Grid/sort_all.png') no-repeat 0px -23px; 
    height: 12px;
    width: 13px;
    color: transparent;
}

.ColVis_title span {
    display: none;
}

div .ColVis  {
    width: 20px;
    display: inline;
}
.ColVis_collection {
    background: white;
    padding: 5px;
}
.ColVis_collection button {
    background: white;
    border: none;
    text-align: left;
}
/*
tabs
*/


.ui-tabs-nav { 
    /*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; 
    font-family: Lucida Grande, Lucida Sans, Arial, sans-serif; 
    font-size: 1.1em; 
    float: left; 
    position: relative; 
    z-index: 1; 
    border-right: 1px solid #cccccc; 
    bottom: -1px; 
} 
.ui-tabs-nav ul { 
    /*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; 
} 
.ui-tabs-nav li { 
    /*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; 
    float: left; 
    border: 1px solid #cccccc; 
    border-right: none; 
} 
.ui-tabs-nav li a { 
    /*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; 
    float: left; 
    font-size: 1em; 
    font-weight: normal; 
    text-decoration: none; 
    padding: .5em 1.7em; 
    color: #444444; 
    background: #e6e6e6 url(images/e6e6e6_40x100_textures_02_glass_80.png) 0 50% repeat-x; 
} 
.ui-tabs-nav li a:hover { 
    background: #f0f0f0 url(images/f0f0f0_40x100_textures_02_glass_100.png) 0 50% repeat-x; 
    color: #0b5b98; 
} 
.ui-tabs-nav li.ui-tabs-selected { 
    border-bottom-color: #99c2ff; 
} 
.ui-tabs-nav li.ui-tabs-selected a, .ui-tabs-nav li.ui-tabs-selected a:hover { 
    background: #99c2ff url(images/99c2ff_40x100_textures_02_glass_50.png) 0 50% repeat-x; 
    color: #000000; 
} 
.ui-tabs-panel { 
    /*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; 
    font-family: Lucida Grande, Lucida Sans, Arial, sans-serif; 
    clear:left; 
    border: 1px solid #cccccc; 
    background: #f9f9f9 url(images/f9f9f9_40x100_textures_04_highlight_hard_100.png) 0 0 repeat-x; 
    color: #362b36; 
    padding: 1.5em 1.7em;    
    font-size: 1.1em; 
} 
.ui-tabs-hide { 
    display: none;/* for accessible hiding: position: absolute; left: -99999999px*/; 
} 

#ajax-spinner {
    position: fixed;
    left: 50%;
    top: 50%;
    margin: -15px 0 0 -15px;
    background: white url('../images/spinner.gif') no-repeat 50% 50%;
    padding: 15px;
    border: 2px solid #CCC;
    z-index: 10000;
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    border-radius: 5px;
}



.hiddenFormContainer table {
    display: none;
}

.toggableFormContainer legend {
    cursor: pointer;
}

input.datetimepicker {
    border: 1px solid #b0b0b0;
    background: #FFF url('../images/calendar.png') no-repeat right;
    padding: 2px 3px;
}

.form-error-message {
    display: block;
    color: red;
}

.grid-action-box {
    clear: right;
    text-align: right;
}