body {
    font: normal 11px Verdana,Arial,sans-serif;
    text-align: center;
    background: #666;
    margin: 5px;
    padding: 0;
}
/*body * { padding: 0; margin: 0; }*/

h1, h2, h3, h4, h5, h6 {
    font: bold 1em Tahoma,Arial,sans-serif;
    text-align: center;
    padding: 10px 0;
    margin: 0;
    margin-top: 10px;
}
h1 { font-size: 1.6em; }
h2 { font-size: 1.4em; }
h3 { font-size: 1.2em; }

/*li { list-style: none outside; display: block; }*/
a { color: #369; text-decoration: none; outline: none; }
a:active, input { outline: none; }
a:hover { text-decoration: underline; }
a:visited { color: #606 }
a img { border: none; }
img { vertical-align: middle; border: none; }
strong { font-weight: bold; }

.cleaner { display: block; clear: both; height: 1px; overflow: hidden; }
.hidden { display: none; }
.nowrap { white-space:nowrap; }

.center { text-align: center; }
.align-right { text-align: right; }
.align-left { text-align: left; }
.top { vertical-align: top; }

/* Forms ---------------------------------------- */
form, input, label, textarea, select, option {
    font: normal 0.95em Verdana,Arial,sans-serif;
    vertical-align: middle;
}
table form, table input, table label, table textarea, table select, table option {
    font: normal 1em Verdana,Arial,sans-serif;
}

form .inp { padding: 1px; border: 1px solid #AAA; background: #FFF; width: 73%; }
form .inp.static { background: #DDD; }

form .inp.dates { width: 80px; }
form .inp.int, form .inp.int-positive { width: 100px; }
form .inp.float, form .inp.float-positive { width: 100px; }

form .inp.short { width: 33%; }
form .inp.meduim { width: 66%; }
form .inp.long { width: 90%; }
form .inp.full { width: 98%; }
form .inp.fixed400 { width: 400px; }
form .inp.fixed300 { width: 300px; }
form .inp.fixed200 { width: 200px; }
form .inp.fixed100 { width: 100px; }
form .inp.fixed80 { width: 80px; }
form .inp.fixed60 { width: 60px; }
form .inp.fixed40 { width: 40px; }
form .inp.fixed30 { width: 30px; }

form textarea { width: 95%; }

form label { display: block; font-weight: bold; margin: 3px 0 1px 0; }
form label a { color: red; border: 1px solid red; padding: 0 3px 1px 3px; background-color: #FDC; }
form label b { color: red; }
form label.normal { font-weight: normal; }

form label.online { font-weight: bold; display: inline; float: none; width: auto; }
form label.head { display: block; font: bold 150% Georgia, "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif; }

form .label_full { float: left; }
form .label_line label { float: none; clear: none; }
form .label_line label .inp { display: inline; }

.fieldset-width {
    width: 98%;
    display: table-column;
    display: block;
}

fieldset {
    border: 1px solid #CCC;
    margin: 0 0 5px 0;
    padding: 5px 10px 10px 10px;
}

x:-o-prefocus, .fieldset-width {
    display: block;
}

.fieldset-width > div, .fieldset-width > form > div {
    height: 100%;
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
}

fieldset legend, .fieldset-legend {
    padding: 0 5px 0 5px;
    margin-bottom: 5px;
    font: bold 1em Tahoma,Arial,sans-serif;
    color: #A00;
}

form fieldset legend {
    font-size: 1.05em;
}

fieldset ul { margin-top: 3px; }
fieldset ul ul { padding: 5px 15px; }
fieldset ul li { padding: 1px 0; }

.info { color:#505050; font: italic 10px Verdana,Geneva,Arial,Helvetica,sans-serif; padding: 0 0 4px 4px; }
.info.star { color:red; }
.info-text { color:#666; }

.value, .values label { font-style:normal; font-weight:normal; }

.add_row td { background: #DDD; }
.assigned td { color: #999; }

.invisible { visibility:hidden; }

.form .col { float: left; }
.form .col fieldset { width: 90%; }
.form .col.c2 { width: 50%; }
.form .col.c3 { width: 33.3%; }
.form .col.c4 { width: 25%; }
form  .form .col textarea { height: 160px; width: 90%; }

/* Buttons ---------------------------------------- */

.btn {
    padding: 0.5em 1em 0.5em 1em;
    /*margin: 0;*/
    background: #f5f5f5 0.8em center no-repeat;
    border: 1px solid #dedede;
    font-weight: bold;
    font-size: 0.97em;
    font-family: Arial,sans-serif;
    text-decoration: none;
    color: #565656;
    cursor: pointer;
    /*display: block;
    float: left;*/
}
form .btn {
    font-size: 1.08em;
    /*padding: 0.5em 1em 0.5em 1em;*/
    /*background-position: 0.8em center;*/
}

a.btn {
    /*padding-bottom: 0; padding-top: 6px; height: 1.85em;*/
    text-decoration: none;
    display: inline-block;
}
input.btn { overflow: hidden; /*height: 3em;*/ }
.buttons { border-top: 3px solid #BBB; padding: 0.5em 0 0 0; min-height: 2.5em; margin: 0.5em 0 0 0; }
.buttons .btn { margin-right: 5px; }
.buttons option { padding: 5px; }

td.icon .btn, td.act .btn { width: 16px; height: 16px; border: none; background: none; overflow: hidden; }
td.icon .btn:hover, td.act .btn:hover { border: none; background: none; }

.btn:hover { background-color: #dff4ff; border: 1px solid #c2e1ef; color:#336699; }
.btn:active { background-color: #6299c5; border: 1px solid #6299c5; color:#fff; }

.btn.positive {}
.btn.positive:hover { background-color: #E6EFC2; color: #529214; border: 1px solid #AC9; }
.btn.positive:active { background-color: #529214; color: #FFF; }

.btn.negative, .btn.cancel {}
.btn.negative:hover, .btn.cancel:hover { background-color: #fbe3e4; border:1px solid #fbc2c4; color:#d12f19; }
.btn.negative:active, .btn.cancel:active { background-color: #d12f19; border:1px solid #d12f19; color:#FFF; }

.btn.accept { padding-left: 2.8em; background-image: url(../img/icons/apply.png); }
.btn.add { padding-left: 2.8em; background-image: url(../img/icons/add.png); }
.btn.back { padding-left: 2.8em; background-image: url(../img/icons/arrow_left.png); }
.btn.cancel { padding-left: 2.8em; background-image: url(../img/icons/cancel.png); }
.btn.delete { padding-left: 2.8em; background-image: url(../img/icons/trash.png); }
.btn.download { padding-left: 2.8em; background-image: url(../img/icons/download.png); }
.btn.edit { padding-left: 2.8em; background-image: url(../img/icons/edit.png); }
.btn.file_apply { padding-left: 2.8em; background-image: url(../img/icons/file_apply.png); }
.btn.file_del { padding-left: 2.8em; background-image: url(../img/icons/file_del.png); }
.btn.filter_apply { padding-left: 2.8em; background-image: url(../img/icons/page_white_magnify.png); }
.btn.forms { padding-left: 2.8em; background-image: url(../img/icons/table_multiple.png); }
.btn.forward { padding-left: 2.8em; background-image: url(../img/icons/arrow_right.png); }
.btn.history { padding-left: 2.8em; background-image: url(../img/icons/history.png); }
.btn.login { padding-left: 2.8em; background-image: url(../img/icons/key.png); }
.btn.new { padding-left: 2.8em; background-image: url(../img/icons/new.png); }
.btn.rebuild { padding-left: 2.8em; background-image: url(../img/icons/table_gear.png); }
.btn.report { padding-left: 2.8em; background-image: url(../img/icons/report.png); }
.btn.save { padding-left: 2.8em; background-image: url(../img/icons/disk.png); }
.btn.search { padding-left: 2.8em; background-image: url(../img/icons/magnifier.png); }
.btn.tree { padding-left: 2.8em; background-image: url(../img/icons/tree.png); }
.btn.users { padding-left: 2.8em; background-image: url(../img/icons/group.png); }
.btn.xls { padding-left: 2.8em; background-image: url(../img/icons/xls.jpg); }
.btn.pdf { padding-left: 2.8em; background-image: url(../img/icons/pdf.png); }


 /* Icons ---------------------------------------- */

.act {
    background-position: center;
    background-repeat: no-repeat;
}
a.act {
    display: block;
    width: 16px;
    height: 16px;
    overflow: hidden;
    padding: 0;
    text-indent: 16px;
    background-position: left top;
}
.list th a.act { margin: 3px; padding: 0; }
.archive { background: #EEE; }

/* Page ---------------------------------------- */
#page_container { margin: auto; text-align: left; width: 100%; }
#page_content { min-height: 500px; padding: 10px; background: #FFF; }

/* Tables ---------------------------------------- */
table.list {
    border: 1px solid #BBB;
    border-collapse: collapse;
    margin: 0;
    width: 100%;
}

table.list caption {
    font: bold 1.3em Tahoma,Arial,sans-serif;
    margin: 1em 0 0.5em 0;
    color: #555;
}

table.list1 { border:1px solid #BBB; border-collapse:collapse; width:50%; }
table.autowidth { width:auto !important; margin:0 auto; }

.list td, .list th {
    font-size: 0.9em;
    font-family: Verdana,Arial,sans-serif;
    border: 1px solid #BBB;
    padding: 4px 7px !important;
}

.list td.c80, .list th.c80 {
    min-width: 80px;
    max-width: 80px;
    word-wrap: break-word;
    font-size: 0.9em;
    font-family: Verdana,Arial,sans-serif;
    border: 1px solid #BBB;
    padding: 4px 7px !important;
}

.list.hover tr:hover, td.hover, tr.hover { background: #FFB; }
.list.hover tfoot tr td { background: #EEE; }
.list tr.exceeding { color: #A00; }
.list tr.not_good { background-color: #FC9; }
.list tr.color-red, .list td.color-red { color: #A00; }
.list tr.color-green, .list td.color-green { color: #080; }
.list tr.color-gray, .list td.color-gray { color: #888; }
.list tr.white { background: #FFF; }

.list th.icon, .list td.icon { width: 16px; padding: 4px; overflow: hidden; }

.list th {
    padding: 3px 3px 4px 3px;
    height: 25px;
    background: #EEE;
    text-align: center;
    font-weight: bold;
}
.list th a { display:block; white-space:nowrap; margin:0 -5px; padding:0 5px; }
.list th.header { text-align:left; padding-left:7px; }

.list td { border-width: 1px 1px 0 0; }
.list td.label { white-space: nowrap; background-color: #DDD; }
.list td.submit { background-color: #AAA; }

.list1 td, .list1 th { border: 1px solid #BBB; padding: 4px 7px !important; }

.list1.hover tr:hover, td.hover, tr.hover { background: #FFB; }
.list1 tr.exceeding { color: #A00; }
.list1 tr.not_good { background-color: #FC9; }
.list1 tr.color-red, .list1 td.color-red { color: #A00; }
.list1 tr.color-green, .list1 td.color-green { color: #080; }
.list1 tr.color-gray, .list1 td.color-gray { color: #888; }
.list1 tr.white { background: #FFF; }

.list1 th { padding:3px 3px 4px 3px; font:bold 10px Verdana,sans-serif; height:25px; background:#EEE; text-align:left; }
.list1 th a { display:block; white-space:nowrap; margin:0 -5px; padding:0 5px; }
.list1 th.header { text-align:left; padding-left:7px; }

.list1 td { border-width:1px 1px 0 0; text-align:left; }
.list1 td.label { width:1%; white-space:nowrap; background-color:#DDDDDD; }
.list1 td.submit { background-color:#AAAAAA; }

.expand { display: block; float: left; overflow: hidden; background: url(../img/icons/bullet_play.png) left center no-repeat; cursor: pointer; padding-left: 22px; }
.expand.active { background: url(../img/icons/bullet_down.png) left center no-repeat; }

ul.tree li,
ul.list li { border-top: solid 1px #CCC; line-height: 20px; }
ul.list label { float: none; }
ul.list .act { float: right; margin: 2px 3px 0 0; }
ul.list .expand { padding-left: 16px; }

#content .list th.act, #window .list th.act,
table.matrix { table-layout: fixed; }

table.container { width: 100%; table-layout: fixed; vertical-align: top; }
table.container td { vertical-align: top; }
table.container .col { float: none; padding: 0 10px 0 0; }
table.container .form .col { float: left; padding: 0; }
table.container .narrow { width: 200px; padding-right: 0; } 
table.container .side { width: 200px; background: #EEE; display: block; padding: 20px; } 

li ul { padding-left: 20px; padding-bottom: 5px; }

pre.source { font: normal 9pt Courier New Cyr,fixed; }
#message_list td { font:10px Verdana,sans-serif; }

/* User Messages ---------------------------------------- */

.humanMsg { border: 2px solid #465061; font: 9pt Arial,sans-serif; position: fixed; top: 150px; left: 25%; width: 50%; color: #FFF; background-color: #848a95; text-align: center; display: none; opacity: 0; z-index:100000; }
.humanMsg p { padding: 10px; }
.humanMsg a { display: none; }

#site_messages { position: fixed; width: 100%; top: 29px; left: 0; z-index: 10000; }
#site_messages > div { width: 95%; text-align: center; margin: 0 auto; }

.message { position: relative; text-align: left; padding: 10px; min-height: 48px; border: 5px solid #999; background: #CCC 19px center no-repeat; color: #000; z-index: 10000; }
.message .close { float: right; background: url('../img/icons/cross.png') no-repeat; cursor: pointer; display: block; height: 16px; margin: 3px 5px; width: 16px; }
.message.error { color: #FFF; padding-left: 80px; border-color: #900; background: #C00 url(../img/icon_error.png) 19px center no-repeat; }
.message.success { color: #FFF; padding-left: 80px; border-color: #465061; background: #848a95 url(../img/icon_success.png) 19px center no-repeat; }
.message p, .message li { margin: 0; padding: 3px 0 0 20px; text-indent: -20px; }


/* Help & Warn Popups ---------------------------------------- */
img.help { vertical-align: middle; border: none; margin: 0; padding: 0; cursor: pointer; }
.help_window { border: 2px solid #333399; padding: 3px 5px 5px 5px; font: 10px Verdana,sans-serif; color: #000; background: #DEF; text-align: left; }
.help_window p { padding: 0; }
.help_window p + p { padding-top: 6px; }

img.warn { vertical-align: middle; border: none; margin: 0; padding: 0; cursor: pointer; }
.warn_window { border: 2px solid #333399; padding: 3px 5px 5px 5px; font: 10px Verdana,sans-serif; color: #FFF; background: #F00; text-align: left; }
.warn_window p { padding: 0; }
.warn_window p + p { padding-top: 6px; }

/* Popups ---------------------------------------- */

#WI_overlay { position:absolute; top:0; left:0; width:100%; height:100%; background:#666; opacity:.8; filter:alpha(opacity=80); z-index:15001; }
#WI_loading { position:absolute; left:50%; top:50%; height:50px; width:200px; margin:-25px 0 0 -100px; text-align:center; font:normal 16px Verdana,Arial,sans-serif; color:#FFF; _position:absolute; z-index:15002; }
#WI_window { position:fixed; left:0; top:0; width:100%; _position:absolute; z-index:15003; }
#WI_window table.container { width:100%; height:100%; text-align:center; }
#WI_window table.container td { vertical-align:middle; }
#WI_window .inn { width:50%; min-width:760px; background:#ffffff; border:1px solid #aaaaaa; text-align:left; margin:auto; padding:0; }
* html #window .inn { width:100%; }
#WI_window .hdr { padding: 10px; margin: 2px; }
#WI_window .hdr h6 { font-size:14px; font-weight:normal; padding:2px 5px; }
#WI_window .cnt { padding: 10px; border: none; }
#WI_window hr { color:#EEE; }
/*#WI_window textarea { width:97.5%; }*/
#WI_window .buttons { padding:5px 0 0 0; margin:5px 0 0 0; }
#WI_window .message { margin: 5px; }

#WI_overlay, #WI_window, #WI_response, #WI_execute { display: none; }
.message-content { }

#WI_window div.buttons { text-align: right; }
#WI_window div.buttons .btn { float: none; display: inline; }

.button_hover { float: right; margin: -6px; padding: 4px 0; }

acronym { cursor: help; text-decoration: none; border-bottom: 1px dotted; }

.shadow-light { /* box-shadow: 0 5px 3px 3px #CCCCCC; */ }

a.flowPlayer {
    display: block; width: 320px; height: 240px;
    text-align: center; margin: 5px; float: left; border: 1px solid #999;
}

a.flowPlayer:hover {
    border: 1px solid #000;
}

.underline {text-decoration: underline;}