
.cleaner { display: block; clear: both; height: 1px; overflow: hidden; }
.hidden { display: none; }
.nowrap { white-space:nowrap; }

body {
    font: normal 0.8em Verdana,Arial,sans-serif;
    color: #000;
    padding: 0;
    margin: 0;
    background: url("layout/back1.gif") repeat-y center;
}

a { outline: none; text-decoration: none; color: #00F; }
a:hover { text-decoration: underline; }
a img { border: none; }

#body {
    margin: 0 auto;
    width: 960px;
}

#header { padding: 5px; background: #CDD; font: 13px Tahoma,Arial,sans-serif; color: #000; }
#header .inner { background: #FFF; }
#header .inner img.logo { float: left; padding-left: 20px; height: 120px; }
#header .inner .title {
    float: left;
    padding: 30px 0 0 0;
    font: bold 18px Tahoma,sans-serif;
    color: #69B;
    text-transform: uppercase;
    height: 90px;
    width: 300px;
}
#header .inner .slogan { padding-right: 20px; padding-top: 25px; text-align: justify; }

#header .menu { padding: 0; height: 25px; }
#header .menu a { text-decoration: none; font: 11px Verdana,sans-serif; color: #235; padding: 7px 10px 0 5px; display: block; float: left; }
#header .menu a:hover { text-decoration: underline; }
#header .menu form { float: right; padding-top: 3px; min-width: 210px; }

#footer { padding: 5px; background: #CDD; font: 13px Tahoma,Arial,sans-serif; color: #000; }
#footer .inner { background: #FFF; }

#top-menu { background: #cdd; padding: 3px 10px 0 10px; font: normal 11px Verdana,sans-serif; color: #FFF; }
#top-menu a { text-decoration: none; color: #235; }
#top-menu a:hover { text-decoration: underline; }

#bottom-menu { background: #CDD; padding: 3px 10px 0 10px; font: normal 11px Verdana,sans-serif; color: #FFF; margin-top: 10px; }
#bottom-menu a { text-decoration: none; color: #235; }
#bottom-menu a:hover { text-decoration: underline; }

table.main { border-collapse: collapse; padding: 0; margin: 0; }

.link-block { margin-bottom: 30px; }
.link-block .title { font-weight: bold; color: #555; border-bottom: 1px solid #666; padding-bottom: 2px; }
.link-block a { display: block; padding: 3px 0 5px 0; text-decoration: none; font: 11px Verdana,sans-serif; color: #06A; }
.link-block a:hover { text-decoration: underline; }

h1 { font: bold 18px Tahoma,Arial,sans-serif; color: #69B; text-align: center; }
h3 { font: 14px Tahoma,Arial,sans-serif; text-align: center; }
h1+h3 { margin-top: -10px; }
form fieldset { background: #FFF; }

#access { display: block; padding: 0; }
#access div.menu { font-size: 11px; }
#access div.menu ul { list-style: none; margin: 0; padding: 0; }
#access div.menu li { position: relative; }
#access a {
    color: #58A;
    display: block;
    padding: 3px 10px;
    text-decoration: none;
    font: 12px Tahoma,sans-serif;
    text-transform: uppercase;
}
#access ul ul {
    box-shadow: 0 3px 3px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
    display: none;
    position: absolute;
    top: 5px;
    left: 120px;
    float: left;
    width: 220px;
    border: 1px solid #47A;
    z-index: 99999;
}
#access ul ul li { min-width: 180px; }
#access ul ul ul { left: 100%; top: 0; }
#access ul ul a {
    background: #FFF;
    padding: 3px 10px;
    width: 200px;
    height: auto;
    text-transform: none;
}
#access li:hover > a { background: #69C; color: #FFF; }
#access ul ul :hover > a { background: #47A; color: #FFF; }
#access ul li:hover > ul { display: block; }
#access ul li.current_page_item > a,
#access ul li.current-menu-ancestor > a,
#access ul li.current-menu-item > a,
#access ul li.current-menu-parent > a {
    color: #fff;
}
* html #access ul li.current_page_item a,
* html #access ul li.current-menu-ancestor a,
* html #access ul li.current-menu-item a,
* html #access ul li.current-menu-parent a,
* html #access ul li a:hover {
    color: #fff;
}

.italics {
    font-style: italic;
}

/* 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-family: Verdana,Arial,sans-serif;
    font-size: 11px;
    border: 1px solid #BBB;
    padding: 4px 7px !important;
}

.list.hover tr:hover, td.hover, tr.hover { background: #FFB; }
.list.hover tr.no-hover:hover { background: none !important; }
.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, .list.white tr { background: #FFF; }
.list tr.invisible td, .list td.invisible { background: #FDA; color: #A00; }

.list tr.new-row td { background: #DDD; text-align: right; }
.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; width: 30%; }
.list td.submit { background-color: #AAA; }
.list td.content { min-height: 10px; }

.list .new-row a { text-decoration: none; color: #038; }
.list .new-row a:hover { text-decoration: underline; }

.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; }

th.icon, td.icon { width: 16px; padding: 4px; overflow: hidden; }
.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;
}
.act.add { background-image: url(buttons/add.png); }
.act.apply { background-image: url(buttons/apply.png); }
.act.edit { background-image: url(buttons/edit.png); }
.act.children { background-image: url(buttons/node-child.png); }
.act.delete { background-image: url(buttons/trash.png); }
.act.options { background-image: url(buttons/options.png); }
.act.down { background-image: url(buttons/admin_down.png); }
.act.up { background-image: url(buttons/admin_up.png); }
.act.form { background-image: url(buttons/form.png); }
.act.forms { background-image: url(buttons/forms.png); }
.act.view { background-image: url(buttons/page_white_magnify.png); }

.buttons.left { text-align: left; }
.btn.back { padding-left: 25px; background-image: url(buttons/back.png); }
.btn.find { padding-left: 25px; background-image: url(buttons/search.png); }

.right { text-align: right; }
.center { text-align: center; }
tr.top { vertical-align: top; }
table.main > tbody > tr.top { height: 540px; }

.news-block {
    padding: 5px;
    margin: 0 0 10px 0;
    border: 2px solid #cdd;
    background: #FFF;
    font: 1em Tahoma,Arial,sans-serif;
}
.news-date { color: #A00; float: right; font-size: 80%; font-weight: bold; }
.news-title { color: #369; font-weight: bold; margin-bottom: 5px; }
.news-short, .news-text { color: #666; }
.news-more { margin-top: 5px; }
.news-link { margin-top: 5px; font-size: 85%; color: #666; }
.news-file { margin-top: 5px; font-size: 85%; text-align: right; }

ul.multiOptions li {
    background: url("buttons/delete.png") no-repeat scroll 98% center #CDD;
    border: 1px solid #CDE;
    color: #235;
    cursor: pointer;
    font-weight: bold;
    margin: 2px;
    padding: 0.2em 0.4em;
}

ul.multiOptions {
    list-style-type: none;
    margin: 0.3em 0;
    padding: 0;
}

.module_slogan { text-align: center; border: none; }

.module { border: 3px solid #CDE; border-width: 0 0 3px 0; margin-bottom: 1em; padding: 5px 0; }
.module_title { font: bold 14px Tahoma,Arial,sans-serif; color: #69B; }

input[type=radio], input.radio { float:left; clear:none; margin: 1px 3px 0 5px; }

.highlight-search {
    font-weight: bold;
    background-color: #DFA;
}

table.footer { border-collapse: collapse; }
table.footer tr  { vertical-align: top; }
table.footer > tbody > tr > td:first-child { width: 30%; padding: 10px; }
table.footer > tbody > tr > td:first-child + td { width: 30%; padding: 10px; }
table.footer > tbody > tr > td:first-child + td + td { width: 40%; padding: 10px; }
table.footer table td { width: 50%; }

.hint { font-style: italic; font-family: Verdata, sans-serif; color: red; }

#popup-loading { position: fixed; left: 50%; top: 50%; height: 50px; width: 200px; margin: -25px 0 0 -100px; text-align: center; font: normal 16px; color:#fff; z-index:15002; }
.popup-response-loading { background-color: #666; opacity: 0.8; border: 1px solid #000; }
.popup-loading-image { display: inline-block; width: 140px; height: 14px; background-image: url('images/popup-loading.gif'); border: 0; }