@charset "utf-8";

/* ############################# */
/* ########### RESET ########### */
/* ############################# */

html, body { width:100%; height:100%; }

body { font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#191b1f; cursor:default; background:url(images/layout/bg_tile.png) left top repeat; }

html, body, p, form, table, tr, td, input, img, a { margin:0px; padding:0px; position:relative; text-align:left; line-height:normal; }

p, form, span, div, a, font { width:auto; height:auto; }

div, form { display:block; }

div, span { padding:0px; margin:0px; }

span, a, font, input { display:inline; }

ol, ul { list-style: disc outside; }

table td { vertical-align:top; }

a { text-decoration:none; color:#1c4c7c; }
a img { border:none; vertical-align:top; }
:focus { outline: 0; }

h1, h2 { margin:0px; padding:0px; }

/* ############################## */
/* ########## STRUCTURE ######### */
/* ############################## */

#pagewrap { position:relative; width:960px; height:683px; margin:0px auto; margin-top:70px; }
#pagewrap .page-border { position:absolute; z-index:9; font-size:0px; line-height:0px; }
#pagewrap #pb-left { position:absolute; left:-25px; top:-13px; width:25px; height:709px; background:url(images/layout/pb_left.png) left top no-repeat; }
#pagewrap #pb-top { position:absolute; left:0px; top:-13px; width:973px; height:13px; background:url(images/layout/pb_top.png) left top no-repeat; }
#pagewrap #pb-bottom { position:absolute; left:0px; bottom:-20px; width:973px; height:20px; background:url(images/layout/pb_bottom.png) left top repeat-x; }
#pagewrap #pb-right { position:absolute; right:-13px; top:0px; width:13px; height:690px; background:url(images/layout/pb_right.png) left top repeat-y; }

#pagewrap #topbar { display:block; height:30px; background:#edd0d4 url(images/layout/bg_top_navigation_sprite.png) left top repeat-x; overflow:hidden; }
#pagewrap #content { display:block; position:relative; float:left; width:710px; height:642px; margin-top:11px; background-color:#e4edc9; overflow:hidden; }
#pagewrap #sidebar { display:block; float:left; width:250px; height:653px; background:#d8d8d8 url(images/layout/gradient_sprite_hor.png) left top repeat-y; overflow:hidden; }

/* ########################### */
/* ########## TOPBAR ######### */
/* ########################### */
#topbar a.navigation { display:block; float:left; height:14px; padding:8px 20px; font-weight:bold; font-size:14px; color:#363636; letter-spacing:1px; cursor:pointer; }
#topbar a.navigation:hover { text-decoration:underline; color:#000000; }
#topbar a.active { background:#e0acb3 url(images/layout/bg_top_navigation_sprite.png) left -30px repeat-x; color:#000000; text-decoration:none!important; }
#topbar .shadow-top { position:absolute; top:30px; left:0px; display:block; height:11px; width:710px; background:url(images/layout/gradient_sprite_vert.png) left top repeat-x; }
#topbar .shadow-right { display:block; position:absolute; right:250px; top:36px; height:647px; width:15px; background:url(images/layout/gradient_sprite_hor.png) -251px top repeat-y; z-index:2; }

/* ############################ */
/* ########## CONTENT ######### */
/* ############################ */

#content #content-container { padding:15px; padding-left:25px; overflow:auto; }
#content #content-container h2 { display:block; height:30px; font-size:16px; font-weight:bold; color:#ffffff; background:url(images/layout/content_caption.png) left 4px no-repeat; padding:12px 0 17px 14px; }
#content #content-container p { display:block; font-size:14px; line-height:18px; padding:0 40px 0 5px; margin-bottom:1em; }

/* SPECIALS */

#content #content-container #map_currentlocation { float:left; width:220px; height:286px; padding:6px; background:url(images/layout/map_currlocation_placeholder.png) left top no-repeat; margin-right:23px; }
#content #content-container .map_currentlocation_label { margin-top:6px; }

#content a.app-pdf-hint  { color:#333333; text-decoration:none; position:absolute; left:25px; top:0px; font-size:10px; }
#content a.app-pdf-hint:hover { color:#000000; text-decoration:underline; }

/* ############################ */
/* ########## SIDEBAR ######### */
/* ############################ */

#sidebar .shadow-top { display:block; height:11px; background:url(images/layout/shadow_top_sidebar.png) left top repeat-x; }
#sidebar #logo { display:block; margin:0px auto; margin-bottom:-5px; width: 201px; height: 84px; }
#sidebar .sb-caption { display:block; height:27px; font-size:15px; font-weight:normal; color:#fff; background:url(images/layout/sidebar_caption.png) left top no-repeat; padding-left:32px; padding-top:10px; }
* html #sidebar #logo { margin-bottom:0px; }
* html #sidebar .sb-caption { margin-top:-5px; }

#sidebar #calendar-details { position:absolute; display:none; width:472px; height:289px; margin-left:-513px; margin-top:-44px; background-color:#ffffff; border:3px solid #ffffff; background:url(images/layout/gradient_sprite_vert.png) left -12px repeat-x; padding:14px; display:none; overflow:hidden; z-index:3; }
#sidebar #calendar-details img { float:left; margin-right:15px; }

#sidebar #calendar-details #calendar-details-accordion { float:left; overflow:hidden; width:233px; }
#sidebar #calendar-details .acc-header { display:block; width:228px; height:17px; padding-left:3px; padding-top:2px; font-size:12px; font-weight:normal; color:#383c29; background-color:#b1bf85; border:1px solid #8c9767; cursor:pointer; }
#sidebar #calendar-details .acc-content { display:block; }

#sidebar #calendar-details table { background-color:#FFF; width:233px; overflow:hidden; margin-bottom:15px; }
#sidebar #calendar-details table tr.colorize { background-color:#f2f7e2; }
#sidebar #calendar-details table td { padding:3px; }
#sidebar #calendar-details table td.col1 { width:94px; }

#sidebar #datepicker-container { height:225px; padding:10px 0 20px 10px; }

#sidebar #sub-navigation a.navigation { display:block; height:20px; color:#1c4c7c; padding-top:4px; font-size:12px; border-bottom:1px dashed #949494; margin-left:12px; margin-right:12px; padding-left:16px; }
#sidebar #sub-navigation a:hover { color:#000000; }
#sidebar #sub-navigation a.active { background:url(images/layout/gradient_sprite_hor.png) -267px top repeat-y; color:#000000; border-bottom:1px dashed #777777; }
#sidebar #sub-navigation a.lastItem { border-bottom-width:0px; }

/* ##################################### */
/* ########## GENERAL ELEMENTS ######### */
/* ##################################### */

img.load-wait-ani { display:block; margin:0px auto; }
img.mapimg-smallborder { border:2px solid #ffffff; }