@media only screen and (min-device-width : 320px) and (max-device-width : 400px) {
    .wrapper_menu_full .menu {
        height: 85px !important;
    }
    .wrapper_menu_full .menu_whole_width {
        width: 100% !important;
    }
}
@media only screen and (min-device-width : 400px) and (max-device-width : 480px) {
    .wrapper_menu_full .menu {
        height: 85px !important;
    }
    .wrapper_menu_full .menu_whole_width {
        width: 100% !important;
    }
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
    .wrapper_menu_full .menu {
        height: 85px !important;
    }
    .wrapper_menu_full .menu_whole_width {
        width: 100% !important;
    }
}

.popup_error_loading { display: inline-block; width: 220px; height: 265px; background-image: url(../img/popup_error.png); border: 0 }
.popup_loading { display: inline-block; width: 140px; height: 14px; background-image: url(../img/content_loading.gif); border: 0 }
.data_tables_button_link { margin: 2px; position: relative; padding: 4px 0; float: left; text-decoration: none; }
.data_tables_button_icon { float: left; margin: 0 4px; }

.ui-datepicker-trigger { cursor: pointer; cursor: pointer; }

.inline { display: inline; }

.popup-table-holder { height: 250px; overflow-y: auto; }
table.form-grid {
    border-collapse: collapse;
    border: 0 solid black;
    font: 0.9em Verdana,Arial,Helvetica,sans-serif;
    margin: 0 auto;
    width: 100%;
}
table.form-grid caption {
    font: bold 100% Verdana,sans-serif;
    padding: 10px 0 5px 0;
    color: #A00;
}
table.form-grid th, table.form-grid td { padding: 1px; }
table.form-grid th {
    font-weight: normal;
    text-align: right;
    white-space: nowrap;
    padding-right: 4px;
    vertical-align: top;
    width: 20%;
}
table.form-grid td {
    width: 80%;
}

table.clear th { font-weight: normal; }

form table.form-grid label, form table.clear label {
    font-weight: normal;
    margin: 0;
}

form .inp.full { width: 100%; }
form .inp.near-full { width: 99%; }
form .left { float: left; }
form sup { font-weight: bold; color: red; }

.buttons-set, .buttons_set { margin: 5px 0; }
/*.buttons-set input, .buttons-set a.btn, .buttons_set input, .buttons_set a.btn { margin-right: 5px; }*/
.buttons-set a.btn:hover, .buttons_set a.btn:hover { text-decoration: none; }
.hint { color: #f00; font-size: 0.95em; font-style: italic; padding: 0 0 0.5em 0; margin: 0; }
.hint.normal { color: #666; }
.form-wrong-input, form .inp.form-wrong-input { border-color: #CD0A0A; font-weight: bold; color: #CD0A0A; background-color: #FEF1EC; }

.act.access { background-image: url(../img/icons/access.png); }
.act.add { background-image: url(../img/icons/add.png); }
.act.children { background-image: url(../img/icons/children.png); }
.act.delete { background-image: url(../img/icons/trash.png); }
.act.cancel { background-image: url(../img/icons/cancel.png); }
.act.download { background-image: url(../img/icons/download.png); }
.act.edit { background-image: url(../img/icons/edit.png); }
.act.execute_report { background-image: url(../img/icons/table_gear.png); }
.act.file_apply { background-image: url(../img/icons/file_apply.png); }
.act.file_cancel { background-image: url(../img/icons/file_cancel.png); }
.act.file_new { background-image: url(../img/icons/new.png); }
.act.form { background-image: url(../img/icons/form.png); }
.act.forms { background-image: url(../img/icons/table_multiple.png); }
.act.history { background-image: url(../img/icons/history.png); }
.act.minus { background-image:url(../img/icons/sq_minus.png); }
.act.page_edit { background-image: url(../img/icons/page_edit.png); }
.act.permitions { background-image:url(../img/icons/group.png); }
.act.plus { background-image:url(../img/icons/sq_plus.png); }
.act.preview { background-image: url(../img/icons/page_white_magnify.png); }
.act.refresh { background-image: url(../img/icons/refresh.png); }
.act.report { background-image: url(../img/icons/report.png); }
.act.restore { background-image: url(../img/icons/arrow_undo.png); }
.act.search { background-image: url(../img/icons/magnifier.png); }
.act.tree { background-image: url(../img/icons/tree.png); }
.act.user_pass { background-image: url(../img/icons/key.png); }
.act.users { background-image: url(../img/icons/group.png); }
.act.magnifier { background-image: url(../img/icons/magnifier.png); }

.check-all { background: url( '../img/icons/all_check.png' ) no-repeat; padding-left: 12px; margin-right: 7px; line-height: 11px; display: inline-table; }
.uncheck-all { background: url( '../img/icons/all_uncheck.png' ) no-repeat; padding-left: 12px; margin-right: 7px; line-height: 11px; display: inline-table; }
.check-uncheck {  }
.check-uncheck a { text-decoration: none; padding-right: 5px; }
.check-uncheck a:hover { text-decoration: underline; }

table.list .yellow { background: #DFA; color: #770; }
table.list .blue { background: #BDF; color: #08F; }
table.list .green { background: #BFB; color: #0A0; }
table.list .red, .inactive, .inactive a { background: #FDB; color: #F00; }
.inactive.caption { color: #000; font-weight: bold; text-align: center; }
table tr.unread { background: #FF9; }

table.list td.content { width: 80%; }
table.list td.content1 { width: 16%; }
table.list .head { text-align: left; }
table.list .subhead { text-align: left; font-weight: normal; font-style: italic; }
table.list.center td { text-align: center; }
table.list tbody th { text-align: right; }
.table-list-wrapper { overflow-x: auto; !important; }
.table-list2-wrapper { overflow-x: auto; !important; }

table.list.hover tr.details, table.list.hover tr.details:hover td.content, table.list.hover tr.details:hover td.star-td { background: #f5f5f5; }
.star-td { text-align: center; min-height: 18px; }
.one-star { background: url('../img/icons/star.png') no-repeat; width: 16px; height: 16px; display: inline-block; }
#results-table-tbody tr.details { display: none; }

#dbt-list { margin-left: 15px; }
#report-result-loading { margin: 0 auto; width: 140px; padding-top: 10px; }

#zihu-11-table-buttons { margin-top: 10px; height: 26px; }
#zihu-11-table-buttons label { float: left; display: inline; padding: 2px 4px; }
#zihu-11-table, #zihu-12-table { margin: 10px 0 0 0; }

th span.with-hint:hover { cursor: help; }
th span.with-hint sup { color: #ff0000; }

.messages { background: url('../img/icons/messages.png') no-repeat 0 4px; display: inline-block; width: 16px; height: 14px; margin-left: 3px; }
.messages-unread { background: url('../img/icons/messagesunread.png') no-repeat 0 4px; display: inline-block; width: 16px; height: 14px; margin-left: 3px; }

.grid-2 { float: left; width: 50%; }
.grid-4 { float: left; width: 25%; }

.no-results { margin: 2em 0; padding: 2em 0; text-align: center; border: 1px solid #999; }

.gmap { height: 500px; width: 750px; margin: 0 auto; border: 1px solid #bbbbbb; }
.gchartmap { height: 436px; width: 700px; margin: 0 auto; border: 1px solid #bbbbbb; }
.map-loader { position: absolute; width: 700px; text-align: center; padding-top: 205px; z-index: 3; }
.map-overlay { background: #666666; height: 436px; opacity: 0.6; position: absolute; width: 700px; z-index: 2; }

.ie6-wrapper { border: 1px solid #F7941D; background: #FEEFDA; text-align: center; clear: both; height: 75px; position: relative; margin-bottom: 5px; }
.ie6-close { position: absolute; right: 3px; top: 3px; font-family: courier new; font-weight: bold; }
.ie6-warning-wrapper { width: 640px; margin: 0 auto; text-align: left; padding: 0; overflow: hidden; color: black; }
.ie6-warning-image { width: 75px; float: left; }
.ie6-warning-text { width: 275px; float: left; font-family: Arial, sans-serif; }
.ie6-warning-obsolete { font-size: 14px; font-weight: bold; margin-top: 12px; }
.ie6-warning-advice { font-size: 12px; margin-top: 6px; line-height: 12px; }
.ie6-browser-icon { width: 75px; float: left; }
.ie6-browser-icon-last { float: left; }

td div.bar-red { background-image: url('../img/progressbar/red.png'); }
td div.bar-orange { background-image: url('../img/progressbar/orange.png'); }
td div.bar-green { background-image: url('../img/progressbar/green.png'); }
.dataTables_wrapper { min-height:20px; }
.tdprogressbar { width: 280px; }
td div.bar { height: 16px; position: relative; text-align: center; width: 280px; }
.barSpan { font-size: 10px; left: 0; position: absolute; top: 1px; width: 280px; }
h2 { font: normal; text-align: center; color: grey; margin-top: 25px; margin-bottom: 10px; border-bottom: 1px dashed grey; padding-bottom: 0; }
h3 { font: small; color: #2f4f4f; margin-top: 20px; margin-bottom: 10px; border-bottom: 1px dotted #2f4f4f; padding-bottom: 0; display: table; }
a:hover { cursor: pointer; }
.boldText { font-weight: bold; }
.italicsText { font-style: italic; }
.centerText { text-align: center; }
.leftText { text-align: left; }
.unwrappedText { white-space: nowrap; }
.unwrappedText img { vertical-align: top; }
sup, sub { height: 0; line-height: 1; vertical-align: baseline; _vertical-align: bottom; position: relative; }
sup { bottom: 1ex; }
sub { top: .5ex; }
.hint sup { padding-left: 0; font-style: normal; }
.pagingButton { font-size: 11px; font-family: Verdana, Helvetica, sans-serif; }

.red_message{ background: #eeaabb; text-align:center; padding:5px; font-size:14px;}

fieldset.custom-filter{
    background: #ebfaff;
    border: 1px solid #6c889f !important;
    margin-bottom: 15px !important;
    -webkit-box-shadow: 0 3px 5px -3px rgba(0,0,0,0.60);
    -moz-box-shadow: 0 3px 5px -3px rgba(0,0,0,0.60);
    box-shadow: 0 3px 5px -3px rgba(0,0,0,0.60);
}

fieldset.custom-filter > legend{
    color: #3e619f !important;
    background: #ffffff;
    border:1px solid #627a9f !important;
    padding: 2px 5px !important;
    font-weight: normal !important;
}

fieldset.custom-filter-inner{
    background: #ebfaff;
    border: 1px solid #83a1b8 !important;
    margin-bottom: 15px !important;
}

fieldset.custom-filter-inner legend{
    color: #3e619f !important;
    padding: 2px 5px !important;
    font-weight: bold !important;
    font-style: italic;
}

fieldset.custom-filter div.buttons {
    border-top: 4px solid #627a9f !important;
}

fieldset.custom-filter div.buttons input.btn {
    border: 1px solid #627a9f !important;
}

fieldset.custom-filter div.buttons input.btn:hover {
    background: #ffffff !important;
}

#tablesWrapper {
    overflow-x: auto;
}

.white-btn{
    background-color: #fff !important;
    margin: 4px 0;
    border: 1px solid #4c6d90;
}

.scrollable-div{
    width: 100%;
    overflow-x:auto;
}

html, body{
    overflow-x: hidden;
}