body, html { margin: 0; padding: 0; }
body { font-family: "Arial", sans; font-size: 0.75em; }

img { vertical-align: middle; }
a { text-decoration: none; }
a img { border: 0; }
h1 { font-size: 1.4em; }
h2 { font-size: 1.2em; }

#page { min-width: 1000px; width: 100%; margin: 0 auto; }
#banner { text-align: right; height: 90px; }
#banner p { font-weight: bold; color: #fff; margin: 0; padding: 0; }
#banner img.logo { margin: 10px; }

.eventinfo { position: absolute; top: 10px; left: 15px; padding: 10px 0 0 0; color: #00005a; font-weight: bold;}

.menu { padding: 10px 0 0 0; }
.menu ul, #menu li { list-style: none; margin: 0; padding: 0; }
.menu li { display: block; padding: 0 15px; float: left; font-weight: bold; color: #fff; line-height: 16px; }
.menu li a img { vertical-align: bottom; }
.menu a { text-decoration: none; color: #fff; font-weight: bold; }
.menu a:hover { color: #aaa; }
#banner .menu { padding: 0; float: left; }

.container { overflow: auto; width: 100%; background: #fff; }
#logo_container { position: absolute; right: 15px; background-position: right top; }

.explanation { width: 220px; float: left; padding: 0 15px 0 10px; }
.explanation h1 { margin: 9px 0 5px 0; }

table { empty-cells: show; margin: 2px 0; border-collapse: collapse; font-size: 11px; }
table tbody th { text-align: left; font-weight: normal; }

/* Container */
.panel { float: left; margin: 0px 5px 10px 5px; padding-top: 15px; }
.panel.content { width: 74% }

/* Tables */
.panel.content table { background-color: #fafafa; border: solid #e1e1e1 1px; width: 100%; }
.panel.content table tbody td { background-color: #fff; }
.panel.content table tbody th { padding-left: 4px; }
.panel.content table thead th { background-color: #D6D5DA; padding: 6px 4px 5px; text-align: left; font-weight: bold; color: #323232; white-space: nowrap; }
.panel.content table tbody td, .panel.content table body th { border-bottom: 1px solid #dcdcdc; padding: 2px 4px; line-height: 20px; }
.panel.content td.actions { white-space: nowrap; }
.panel.content table td a { color: #000; padding: 0 4px 0 4px; }
.panel.content table td a:hover { color: #ed053e; }
.panel.content table tbody tr.even td { background: #ededed; }
.panel.content table caption { display: none; }
.panel.content table td ul { margin: 0; padding: 0; list-style: none; }
.panel.content table td.result { font-weight: bold; text-align: center; }
.panel.content table tfoot { display: none; }

.panel.monitor table { width: 100%; }
.panel.content .device_table { width: 90%; }
.panel.content .device_table td { background-color: #fff; }

/* Container sizes */
.panel.half { width: 48%; }
.panel.full { width: 98%; margin: 0 10px 0;}

/* Mapcontainer */
.half.panel.mapcontainer { float: right; padding: 0; margin: 0; }

table#monitor tbody tr.hover td { background-color: #ddd; }

table.balloon td.icon img { vertical-align: middle; }

.panel h1 img { vertical-align: middle; }

div.pagination { margin: 2px 0; padding: 3px; margin-left: auto; margin-right: auto; text-align: center; }
div.pagination a, div.pagination span.current { padding: 2px 6px; margin: 0 2px; }
div.pagination a { border: solid 1px #ddd; }
div.pagination span.current { font-weight: bold; font-size: 13px; }
div.pagination a:hover { background-color: #435970; color: #fff; }

div.pagination_half { margin: 2px 0; padding: 3px; text-align: center; width: 50%; }
div.pagination_half a, div.pagination span.current { padding: 2px 6px; margin: 0 2px; }
div.pagination_half a { border: solid 1px #ddd; }
div.pagination_half span.current { font-weight: bold; font-size: 13px; }
div.pagination_half a:hover { background-color: #435970; color: #fff; }

span.search { float: left; margin: 5px 0; width: 100%; text-align: right; }
span.search form ol { margin: 0; padding: 0; }
span.search form li { list-style: none; padding: 2px; margin: 0; }
span.search form img { vertical-align: middle; }

body.popup { background: #fff; }
body.popup table { width: 100%; }
body.popup #page { min-width: 400px; }
body.popup .panel { padding-top: 0; }

table.popup_contact { margin-bottom: 16px; }

ul.breadcrumbs { padding: 0; margin: 4px 0 4px 0; }
ul.breadcrumbs li { padding: 0 2px 0 2px; display: inline; margin: 0; }

div#sub_navigation_bar { border-top: 1px solid #6b6b6b; border-bottom: 1px solid #6b6b6b; color: #00005a; font-weight: bold; height: 20px; }
div#sub_navigation_bar .breadcrumbs { margin-left: 4px; float: left; } /* The float in this element is a IE6-hack! */
div#sub_navigation_bar .controls { margin-right: 19px; line-height: 20px; }
div#sub_navigation_bar .controls div { float: right; }
div#sub_navigation_bar .controls .current_user { padding-right: 11px; }
div#sub_navigation_bar .controls .preferences { padding-right: 20px; margin-right: 15px; }
div#sub_navigation_bar .controls .log_out { padding-right: 13px; }

/* Map popups */
div#popup { 
    border-radius: 5px; 
    -moz-border-radius: 5px; 
}