/**
 * Global
 */

html { width:100%;height:100%; }
body { width:100%; min-width:1100px; width:1100px; width:auto !important;  height:100%; background:#f0f0f0; color:#202020; font:11px verdana !important; }
body a, body input { color:#202020; }
/* div, table, tr, th, td, textarea, select, input, span, p, a { color:#202020; font:11px verdana; } */
h1, h2 { padding:7px 0 7px 15px; margin:0 0 5px; border-bottom:1px solid #b9b9b9; color:#333; }
h3 { padding:5px 0; margin:0 0 5px; border-bottom:1px solid #b9b9b9; font-weight:bold; font-size:14px; font-weight:bold; }
h4 { margin:5px 0; font-weight:bold; }
select.text { width:190px; }
select.text2 { width:160px; }
select.text3 { width:100px; }
input.text, #subject,
textarea { padding:2px 4px; border:1px solid #000; background:#fff; }
input.text { width:180px; }
input.text2 { width:150px; padding:2px 4px; border:1px solid #000; background:#fff; }
input.text3 { width:90px; padding:2px 4px; border:1px solid #000; background:#fff; }
textarea { padding:4px; }
small { vertical-align:super; font-size:xx-small; color:#f00; }
em { font-style:italic; }
div.clear { clear:both; font-size:1px; height:1px; }

input:disabled { border: 1px solid #E3E3E3; background: #FAFAFA; }

ul#actions { margin:0 0 0 3px; list-style:none; }
#actions li:before { content:"-"; margin-right:3px; }

/**
 * Main structure
 */

table#wrapper { width:100%; }
#wrapper td.menu,
#wrapper td.main { vertical-align:top; padding:15px; }
#wrapper td.menu { width:230px; padding-right:0px; }
#wrapper div.menu { margin:0 0 15px; background:#fff; border:1px solid #b9b9b9; }
#wrapper .menu li { padding:11px 15px 11px 0; text-indent:30px; background:#e6e6e6 url('../../gfx/menubg.png') 8px 11px no-repeat; border-top:1px solid #fff; border-bottom:1px solid #b9b9b9; list-style:none; }
#wrapper .menu li a { text-decoration:none; white-space:nowrap; }
#wrapper .menu li.selected a { font-weight:bold; }
#wrapper div.container { position:relative; background:#fff; border:1px solid #b9b9b9; }
#wrapper .container div.content { padding:7px 15px 15px; }
#wrapper .container div.content form { padding-top: 4px; }
#wrapper div#window { position:relative; margin:15px auto; width:350px; background:#fff; border:1px solid #b9b9b9; }
#wrapper #window table { margin:15px; }
#wrapper #window table td { padding:1px; }


/**
 * Dashboard Menu
 */

#wrapper .hidden{ display:none;}

#wrapper div.dashboard_menu { margin:0 0 15px; background:#fff; border:1px solid #b9b9b9; }
#wrapper .dashboard_menu li { padding:11px 5px 11px 0; text-indent:10px; background:#e6e6e6; border-top:1px solid #fff; border-bottom:1px solid#b9b9b9; list-style:none; }
#wrapper .dashboard_menu li a { text-decoration:none; white-space:nowrap; }

#wrapper .menu_item{ cursor:pointer;}

#wrapper .sub_menu_item td{ font:10px verdana;}

#wrapper .sub_menu{ margin-top:10px;}
#wrapper .sub_menu li { padding:1px 5px; background:#e6e6e6; border-top:1px solid #fff; border-bottom:1px solid #b9b9b9; }
#wrapper .sub_menu { position:relative;}
#wrapper .sub_menu li.selected a { font-weight:bold; }
#wrapper .sub_menu li:hover {padding:1px 5px;  background:#cccacb; border-top:1px solid #fff; border-bottom:1px solid #b9b9b9; cursor:pointer;}

/**
 * Tables
 */

#wrapper table.data { margin:0 0 0; border:1px solid #ccc; background:#f5f5f5; }
#wrapper .data th,
#wrapper .data td { padding:3px 5px; white-space:nowrap; vertical-align:top; }
#wrapper .data th { padding-right:10px; text-align:left; color:#333; }
#wrapper .data td.button { padding:5px 5px 0; text-align:right; }
#wrapper .data table.data { margin:0 0 10px; border:0; background:transparent; }
#wrapper #window table.data { width:100%; background:transparent; border:0; }
#wrapper table.data_right { margin:0 0 0; border-left:1px solid #ccc; background:#f5f5f5; }
#wrapper table.list { width:100%; margin:0 0 3px; border-spacing:0px; }
#wrapper .list th { padding:5px 7px; background:#3b3537; border:1px solid #fff; border-width:1px 1px 0 0; color:#fff; }
#wrapper .list th a { color:#fff; text-decoration:none; }
#wrapper .list tr { background:#f5f5f5; }
#wrapper .list td { padding:5px 3px 5px 3px; border:1px solid #fff; border-width:1px 1px 0 0; border-bottom:1px solid #cccacb; text-align:center; cursor:pointer; }
#wrapper .list td.id { width:60px; }
#wrapper .list td.icon,
#wrapper .list th.icon { width:30px; max-width:30px; }
#wrapper .list td.value { width:auto; }
#wrapper .list td.no_click { cursor:default; }
#wrapper .list th.asc a { padding-right:10px; background:#3b3537 url('../../gfx/asc.jpg') center right no-repeat; }
#wrapper .list th.desc a { padding-right:10px; background:#3b3537 url('../../gfx/desc.jpg') center right no-repeat; }
#wrapper .list td.sorted,
#wrapper .list tr:hover { background:#cccacb; }
#wrapper .list tr.nohover:hover { background:#f5f5f5; }
#wrapper .inlist_data tr:hover { background:#f5f5f5; }

/**
 * Tabs
 */

table.tabs { position:relative; left:-5px; margin:-5px 0 5px; border-spacing:5px; }
.tabs td { padding:0px !important; background:#8cd0d7; border:1px solid #e5e5e5; }
.tabs td.empty { padding:0px !important; background: none; border:none; }
.tabs td a { display:block; padding:5px 15px 5px 28px; background:7px 4px no-repeat; color:#202020; text-decoration:none; border:1px solid #fff; }
.tabs td a:hover { border:1px solid #236269; }
.tabs td.refresh a { background-image:url('../../gfx/icons/refresh.png'); }
.tabs td.overview a { background-image:url('../../gfx/icons/overview.png'); }
.tabs td.add a { background-image:url('../../gfx/icons/add.png'); }
.tabs td.doc a { background-image:url('../../gfx/icons/page.png'); }
.tabs td.mail a { background-image:url('../../gfx/icons/email.png'); }
.tabs td.clear { background:none; border:0; }
ul.tabs { border-bottom:1px solid #000; height:27px; list-style:none; }
.tabs li { float:left; margin:0 4px 0 0; background:#3b3537; border:1px solid #3b3537; }
.tabs li a { display:block; padding:6px 5px; color:#fff; text-decoration:none; }
.tabs li.selected { border:1px outset #236269; background:#37939b; border-bottom:0; }
.tabs li.selected a { padding-bottom:7px; }

/**
 * Filters
 */

table#filter { width:auto; background:#f5f5f5; border:1px solid #ccc; margin:0 0 10px 0; }
#filter thead { background:#cccacb; }
#filter thead th { padding:5px 10px; vertical-align:baseline; }
#filter tbody th,
#filter tbody td { padding:3px 5px; vertical-align:baseline; }
#filter tfoot td { padding:3px 3px; }
#filter input.text { width:150px; color:#292526; }
#filter select.text { width:160px !important; }
#filter h3 { font-size:11px; }
div.controls { position:relative; width:100%; margin:2px 0; }
.controls div.actions { float:left; }
.controls ul.pager { float:right; list-style:none; }
.controls .pager li { position:relative; float:left; margin:0 2px; width:20px; height:20px; line-height:20px; background:#f5f5f5; text-align:center; }
.controls .pager li a { text-decoration:none; }
.controls .pager li.selected { background:#cccacb; }
.controls .pager li.disabled { color:#cccacb; }
div.result { margin:5px 0 5px 0; padding:5px; line-height:18px; }
.result.positive { color:#fff; border:1px solid #107215; background:#41ae46; }
.result.negative { color:#fff; border:1px solid #940d0d; background:#dc5a5a; }
.result.neutral { color:#fff; border:1px solid #a16428; background:#d97b1f; }

/**
 * Top navigation bar
 */

div#top { width:100%; height:80px; background:#fff url('../../gfx/topbg.png') bottom center repeat-x; }
#top ul.menu { position:absolute; top:22px; left:15px; list-style:none; }
#top .menu li { float:left; padding:7px 18px; margin:0 10px 0 0; background:#3b3537; }
#top .menu li a { color:#fff; text-decoration:none; }
#top .menu li.selected { background:#37939b; }
#top ul.system { position:absolute; top:57px; right:15px; list-style:none; }
#top .system li { float:left; margin:0 3px 0 0; color:#ccc; }
#top .system li a { color:#fff; }
#top .system li.user { padding:0 0 0 25px; background:url('../../gfx/icons/user.png') left center no-repeat; }
#top div#breadcrumb { position:absolute; top:57px; left:15px; color:#ccc; }
#top #breadcrumb span { padding:0 5px; color:#fff; }
#top #breadcrumb a { margin:0 7px 0 2px; color:#fff; text-decoration:none; }

/**
 * Notes
 */

.red_note { background:#df8585; }