HTML
{
width: 100%;
height: 100%;
}

BODY
{
margin: 0px;
font-family: tahoma, arial, sans-serif;
background-color: #393A48;
width: 100%;
height: 100%;
}

#container
{
position: relative;
margin: 0px;
height: 100%;
width: 100%;
}

#control
{
position: fixed;
margin-top: 0px;
top: 0px;
left: 0px;
width: 180px;
height: 100%;
background: #FF9407 url(./graphics/lcol8b.jpg) no-repeat;
}

#main
{
margin: 0px 0px 0px 180px;
height: 100%;
}

#content
{
padding: 0px 0px 0px 0px;
font-size: 10pt;
color: #FFFFFF;
}

#content.view
{
position: relative;
margin: 0px 250px 0px 0px;
}

#content.edit
{
width: 484px;
margin: 0px 8px 0px 12px;
}

#content.full
{
margin: 0px 0px 0px 0px;
}

#content.geo
{
position: fixed;
top: 0px;
right: 0px;
left: 180px;
bottom: 0px;
}

#content.edit DIV.head-bar
{
margin: 10px 0px 8px 0px;
height: 23px;
width: 554px;
padding: 0px 0px 2px 8px;
background-color: #000000;
border: 1px solid #DDDDDD;
border-radius: 12px;
font-size: 15pt;
font-weight: bold;
color: #FFC807;
}


#annex
{
position: absolute;
margin-top: 0px;
top: 0px;
right: 0px;
height: 100%;
}

#annex.view
{
width: 250px;
}

#annex.edit
{
margin: 0px 0px 0px 768px;
left: 0px;
}

#annex.home
{
margin: 0px 0px 0px 629px;
left: 0px;
}

#annex.full
{
width: 0px;
}

#menu
{
z-index: 10;
position: fixed;
margin-top: 0px;
top: 86px;
left: 0px;
width: 175px;
}

#menu UL
{
margin: 0;
padding: 0;
list-style-type: none;
}

#menu LI A
{
display: block;
padding: 4px 10px 4px 10px;
color: #FFFFFF;
font-size: 18px;
font-weight: bold;
text-decoration: none;
width: 160px;
height: 26px;
background: url(../graphics/pad.gif) no-repeat;

z-index: 10;
}

#menu LI A:hover
{
color: #0000FF;
background: url(./graphics/menu_hl_bg.png) no-repeat;
}

#user
{
margin: 20px 3px 0px 8px;
padding: 0px 4px 4px 4px;
border: 1px solid #000000;
color: #FFFFFF;
border-radius: 8px;
}

#user A
{
display: block;
margin: 4px 8px 4px 8px;
padding: 1px 4px 1px 4px;
color: #FFFFFF;
border: 1px solid #FFFFFF;
border-radius: 10px;
font-size: 12pt;
font-weight: bold;
text-decoration: none;
}

#user A:hover
{
color: #0000FF;
background-color: #FFFFFF;

filter: alpha(opacity=50);
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
}

#user P
{
margin: 0px 8px 0px 8px;
color: #000000;
font-size: 11pt;
}

#user P.username
{
font-weight: bold;
}

#admin
{
margin: 20px 3px 0px 8px;
padding: 0px 4px 2px 4px;
border: 1px solid #000000;
background: #FFFF00;
color: #000000;
border-radius: 12px;
}

#admin A.top
{
display: block;
font-size: 11pt;
font-weight: bold;
margin: 2px 0px 0px 2px;
background: #FFFF00 url(./graphics/adm_dn.png) no-repeat;
background-position: right 1px;
color: #000000;
text-decoration: none;
}

#admin A.up
{
background: #FFFF00 url(./graphics/adm_up.png) no-repeat;
background-position: right 1px;
}

#admin H4
{
font-size: 11pt;
margin: 0px 0px 0px 0px;
background: #00FF00;
}

#admin UL
{
margin: 0px 0px 0px 0px;
padding: 0;
list-style-type: none;
}

#admin UL LI
{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;

}

#admin LI A
{
display: block;
padding: 0px 6px 0px 6px;
color: #000000;
font-size: 10pt;
font-weight: bold;
text-decoration: none;
width: 137px;
height: 16px;
border-bottom: none;
background: url(./graphics/pad.gif);
z-index: 10;
}

#admin LI A:hover
{
color: #FFFFFF;
background: #000000;
filter: alpha(opacity=50);
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
}

#view_head
{
margin: 10px 8px 8px 8px;
height: 23px;
padding: 0px 0px 2px 8px;
background-color: #000000;
border: 1px solid #DDDDDD;
border-radius: 12px;
font-size: 15pt;
font-weight: bold;
color: #FFC807;
}

#simple_box
{
background-color: #FFFFCC;
color: #000000;
border: 2px solid #FFFFCC;
border-radius: 12px;
padding: 0px;
margin: 12px 12px 0px 12px;
}

.basic_div
{
background-color: #FFFFCC;
color: #000000;
border: 2px solid #FFFFCC;
border-radius: 12px;
padding: 4px;
margin: 12px 0px 0px 12px;
}

.basic_div H2
{
margin: 0px 0px 0px 0px;
}

.basic_div H3
{
margin: 0px 0px 0px 0px;
}

.basic_div P
{
margin: 0px 0px 0px 0px;
}

#edit_box, .edit_box
{
background-color: #FFFFCC;
color: #000000;
width: 560px;
border: 2px solid #FFFFCC;
border-radius: 12px;
padding: 0px;
margin: 12px 0px 0px 0px;
}

#edit_box H4, .edit_box H4
{
margin: 0px 0px 0px 0px;
font-size: 13pt;
}

#login-form
{
color: #000000;
background-color: #FFFFCC;
border: 1px solid #FFFFCC;
border-radius: 12px;
padding: 6px;
width: 360px;
margin: auto;
margin-top: 80px;
}

#login-form H2
{
color: #000000;
margin: 0px 0px 10px 0px;
font-size: 13pt;
border-bottom: 1px solid #888888;
}

DIV#login-form LABEL
{
display: block;
float: left;
width: 100px;
font-size: 11pt;
padding: 2px 8px 6px 0px;
}

DIV#login-form INPUT
{
float: left;
border: 1px solid #888888;
width: 200px;
}

.login-error
{

color: #FF0000;
background-color: #EEEEEE;
border-bottom: 1px solid #888888;
margin: -10px 0px 8px 0px;
padding: 0px 0px 0px 4px;
}

#head-admin
{
position: absolute;
top: 8px;
left: 10px;
width: 20px;
}

#head-admin IMG
{
margin: 0px 0px 4px 0px;
}

#entity_container
{
position: relative;
clear: both;
max-width: 680px;
margin: auto;
margin-top: 28px;
height: 100px;
}

#entity_tab
{
position: absolute;
top: -16px;
left: 0px;
height: 29px;
border: 1px solid #FFFFCC;
border-radius: 10px;
background-color: #FFFFCC;
color: #000000;
padding: 2px 8px 0px 8px;
font-size: 17pt;
}

#entity_tab IMG
{
display: block;
float: left;
}

#entity_tab SPAN
{
display: inline;
float: left;
margin: 0px 8px 0px 8px;
}

#entity_update
{
display: inline;
float: right;
color: #888888;
margin: 0px 8px 0px 0px;
font-size: 10pt;
}

#entity
{
background-color: #FFFFCC;
color: #000000;
border: 1px solid #FFFFCC;
border-radius: 10px;
}

#entity A
{
color: #000088;
text-decoration: none;
}

#entity A:hover
{
color: #0000FF;
text-decoration: underline;
}

.closed
{
background: url(./graphics/closed_bg2.png) no-repeat;
background-position: center 40px;
}

#entity_main
{
position: relative;
margin: 8px 8px 0px 8px;
}

#entity_main H3
{
margin: 0px 0px 0px 0px;
font-size: 13pt;
}

#entity_top
{
clear: both;
margin: 0px 0px 0px 0px;
border-top: 2px #888888 solid;
border-bottom: 1px #888888 solid;
background: #FFFFCC url(graphics/pv1-fade1.jpg) repeat-y;
font-size: 10pt;
font-weight: bold;
}

#entity_top.et1
{
border-top: 1px solid #00DD00 !important;
border-bottom: 2px solid #00DD00 !important;
}

#entity_top.et2
{
border-top: 2px solid #0000FF !important;
border-bottom: 1px solid #0000FF !important;
}

#entity_top.et3
{
border-top: 2px #888888 solid;
border-bottom: 1px #888888 solid;
}

#entity_top.et4
{
border-top: 2px #888888 solid;
border-bottom: 1px #888888 solid;
}

#entity_top.et5
{
border-top: 2px #888888 solid;
border-bottom: 1px #888888 solid;
}

#entity_top.et6
{
border-top: 2px #FF7474 solid;
border-bottom: 1px #FF7474 solid;
}

#entity_top.et7
{
border-top: 2px #888888 solid;
border-bottom: 1px #888888 solid;
}

.bt1
{
border-top: 1px solid #00DD00 !important;
}

.bt2
{
border-top: 1px solid #0000FF !important;
}

.bt3
{
border-top: 1px #888888 solid !important;
}

.bt4
{
border-top: 1px #888888 solid !important;
}

.bt5
{
border-top: 1px #888888 solid !important;
}

.bt6
{
border-top: 1px #FF7474 solid !important;
}

.bt7
{
border-top: 1px #888888 solid !important;
}

#entity_top A
{
color: #0000FF;
text-decoration: none;
font-weight: normal;
}

#entity_top A:hover
{
text-decoration: underline;
}

#entity_text
{
clear: both;
margin: 4px 0px 0px 0px;
padding: 0px 0px 4px 0px;
font-size: 10pt;
}

#entity_text DIV.img-block
{
float: left;
padding: 0px;
margin: 0px 6px 0px 0px;
}

#entity_info
{
clear: both;
margin: 0px 0px 0px 0px;
border-top: 1px #888888 solid;
font-size: 11pt;
}

#entity_info SPAN.i_bullet
{
color: #DB6E0C;
}

#entity_event
{
font-size: 10.5pt;
}

#entity_event H4
{
margin: 8px 0px 0px 0px;
color: #444444;
font-size: 10.5pt;
}

#entity_add
{
clear: both;
margin: 8px 0px 0px 0px;
}

#entity_add H4
{
margin: 0px 0px 0px 0px;
font-size: 13pt;
}

#entity_add .add-sub
{
float: left;
margin: 0px 16px 0px 0px;
font-size: 11pt;
}

#entity_add .cont-sub
{
display: block;
float: left;
font-size: 10pt;
}

DIV.venue
{
float: left;
margin: 0px 6px 6px 0px;

}

DIV.venue H4
{
margin: 0px 0px 4px 0px;
}

DIV.venue H4 A
{
color: #4444FF;
text-decoration: none;
}

DIV.venue H4 A:hover
{
color: #0000FF;
text-decoration: underline;
}

UL.venue
{
margin: 4px 0px 0px 0px;
padding: 0;
list-style-type: none;
font-size: 11pt;
}


.venue-sub
{
margin: 0px 0px 0px 0px;
}

.cont-label
{
display: block;
float: left;
width: 60px;
}

#entity_add .coloc-sub
{
clear: both;
margin: 0px 0px 0px 0px;
padding: 4px 0px 0px 0px;
}

#entity_add .coloc-sub H3
{
font-size: 10.5pt;
margin: 0px 0px 0px 0px;
color: #444444;
}

#entity_add .coloc-sub UL
{
list-style-type: none;
font-size: 10.5pt;
font-weight: bold;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

#entity_add .coloc-sub UL A
{
font-weight: normal;
text-decoration: none;
color: #2222AA;
}

#entity_add .coloc-sub UL A:hover
{
text-decoration: underline;
color: #0000FF;
}

#beers
{
clear: both;
margin: 4px 8px 0px 8px;
border-top: 1px #FF7474 solid;
text-align: left;
}

#beers H4
{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-size: 11pt;
}

#entity_author
{
clear: both;
border-top: 1px #888888 solid;
margin: 0px 8px 0px 8px;
font-size: 10pt;
text-align: right;
color: #888888;
}

#entity_edit
{
clear: both;
text-align: center;
height: 24px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 4px 0px;
}

#entity_edit DIV.d50
{
float: left;
width: 50%;
margin: 0px 0px 0px 0px;
}

#entity_edit DIV.d33
{
float: left;
width: 33%;
margin: 0px 0px 0px 0px;
}

#entity_edit DIV.d34
{
float: left;
width: 34%;
margin: 0px 0px 0px 0px;
}

.published
{
margin: 6px 6px 6px 6px;
padding: 4px 0px 4px 0px;
border: 1px solid #444444;
border-radius: 8px;
background-color: #FFFFFF;
text-align: center;
}

.published A
{
margin-top: 6px;
}

#event-foot TABLE
{
margin: auto;
font-size: 11pt;
}

.line
{
clear: both;
margin: 0px 8px 0px 8px;
border-top: 1px #888888 solid;
}

.clear
{
clear: both;
}

#e-flow
{
margin: 100px 0px 0px 0px;
padding: 6px 0px 4px 0px;
}

#e-flow H2
{
margin: 0px 0px 8px 0px;
}

.e-step-l
{
clear: both;
display: block;

margin: 0px 4px 4px 4px;
padding: 0px 0px 1px 1px;
color: #000000;
background: #CCCCCC url(../graphics/pad.gif) no-repeat;
border: 2px solid #FFFFFF;
border-radius: 10px;
font-size: 10.5pt;
text-decoration: none;
background-position: 98% 50%;
}

.e-step-l:hover
{
color: #0000FF;
background-color: #ffbb02;
border-color: #DDDDDD;
}

.e-step
{
clear: both;
margin: 0px 4px 4px 4px;
padding: 0px 0px 0px 6px;
color: red;
background: #EEEEEE url(./graphics/pad.gif) no-repeat;
border: 2px solid #FFFF00;
border-radius: 10px;
font-size: 10.5pt;
background-position: 98% 50%;
}

.e-step-hl
{
clear: both;
margin: 0px 4px 4px 4px;
padding: 0px 0px 1px 1px;
color: #000000;
background: #FFFFFF url(./graphics/pad.gif) no-repeat;
border: 2px solid #000000;
border-radius: 10px;
font-size: 10.5pt;
background-position: 98% 50%;
}

.e-preview-l
{
clear: both;
display: block;
margin: 0px 4px 4px 4px;
padding: 0px 0px 1px 1px;
color: #FFFFFF;
background: #888888 url(./graphics/pad.gif) no-repeat;
border: 2px solid #FFFFFF;
border-radius: 10px;
font-size: 10.5pt;
text-decoration: none;
background-position: 98% 50%;
}

.e-close
{
clear: both;
display: block;
margin: 0px 4px 4px 4px;
padding: 0px 4px 4px 4px;
color: #000000;
background: #EEEEEE url(./graphics/pad.gif) no-repeat;
border: 1px solid #000000;
border-radius: 10px;
font-size: 10.5pt;
text-decoration: none;
background-position: 98% 50%;
}

.e-close-hl
{
clear: both;
display: block;
margin: 0px 4px 4px 4px;
padding: 0px 4px 4px 4px;
color: #000000;
background: #FFFFFF url(./graphics/pad.gif) no-repeat;
border: 1px solid #000000;
border-radius: 10px;
font-size: 10.5pt;
text-decoration: none;
background-position: 98% 50%;
}

.e-preview-l:hover
{
background-color: #DDDDDD;
color: #0000FF;
}

.e-preview-hl
{
margin: 0px 4px 4px 4px;
padding: 0px 0px 1px 1px;
background: #FFFFFF url(./graphics/pad.gif) no-repeat;
border: 2px solid #000000;
border-radius: 10px;
font-size: 10.5pt;
background-position: 98% 50%;
}

.e-step-hl SPAN, .e-step-l SPAN, .e-preview-l SPAN, .e-preview-hl SPAN
{
font-size: 10pt;
font-weight: normal;
width: 14px;
margin: 0px 2px 0px 0px;
padding: 0px 4px 0px 4px;
background: url(./graphics/esn_w.png) no-repeat;
color: #000000;
background-position: 50% 50%;
}

e-step-l SPAN
{
background: url(./graphics/esn.png) no-repeat;
color: #000000;
background-position: 50% 50%;
}

.e-step-hl SPAN
{
background: url(./graphics/esn_g.png) no-repeat;
color: #FFFFFF;
background-position: 50% 50%;
}

.e-preview-l SPAN, .e-preview-hl SPAN
{
background: url(./graphics/esp_g.png) no-repeat;
color: #FFFFFF;
background-position: 50% 50%;
}

.step-stat-1
{
background-image: url(./graphics/ess_x.png);
}

.step-stat-2
{
background-image: url(./graphics/ess_a.png);
}

.step-stat-3
{
background-image: url(./graphics/ess_t.png);
}

.e-step A
{
margin: 0px 0px 0px 0px;
color: #0000FF;
text-decoration: none;
}

.e-step-div
{
clear: both;
height: 8px;
margin: -4px 8px 0px 8px;
background: url(./graphics/esd_a.png) repeat-y;
background-position: 50% 50%;
}

.e-step-div-b
{
clear: both;
height: 14px;
margin: -4px 8px 0px 8px;
background: url(./graphics/esd_b.png) repeat-y;
background-position: 50% 50%;
}

.e-step-div-c
{
clear: both;
height: 14px;
margin: -4px 8px 0px 8px;
}

#ef_form
{
margin: 2px 6px 6px 6px;
}

#edit_info
{
display: block;
border: 2px solid #DDDDFF;
border-radius: 12px;
background-color: #F8F8FF;
margin: 0px 12px 0px 0px;
padding: 0px 0px 0px 0px;
font-size: 10pt;
color: #000000 !important;
}

#edit_info H3
{
margin: 4px 8px 4px 4px !important;
padding: 0px 0px 0px 24px;
background: url(./graphics/info3.png) no-repeat;
color: #000000 !important;
border: none !important;
font-size: 11pt !important;
}

#edit_info H4
{
margin: 4px 6px 2px 6px;
}

#edit_info P
{
margin: 4px 6px 2px 6px;
}

#edit_info P IMG
{
margin: 0px 6px 0px 0px;
}

#edit_info OL
{
margin: 2px 6px 2px 0px;
padding: 0px 0px 0px 24px;
}

#ef_form
{
margin: 2px 6px 6px 6px;
}

#ef_form H2
{
margin: 0px 0px 0px 0px;
font-size: 13pt;
}

#ef_form H2.addentry
{
margin: 0px 0px 8px 0px;
border-bottom: 1px solid #888888;
}

#ef_form H2.addbeer
{
margin: 0px 0px 2px 0px;
}

#ef_form H2.addbeer IMG
{
margin: 0px 8px 0px 0px;
}

#ef_form A.cancel
{
display: block;
width: 100px;
margin: 8px 0px 0px 210px;
padding: 1px 0px 1px 0px;
text-align: center;
border: 1px solid #888888;
border-radius: 10px;
color: #000000;
text-decoration: none;
background: #EEEEEE url(./graphics/edit_cancel.png) no-repeat;
background-position: 1% center;
}

#ef_form A.upload
{
display: block;
width: 140px;
margin: 12px 0px 0px 80px;
padding: 1px 0px 1px 0px;
text-align: center;
border: 1px solid #888888;
border-radius: 10px;
color: #000000;
text-decoration: none;
background: #EEEEEE url(./graphics/edit_up.png) no-repeat;
background-position: 1% center;
}

#ef_form A.remove
{
position: absolute;
display: block;
width: 140px;
bottom: 20px;
right: 40px;
padding: 1px 0px 1px 0px;
text-align: center;
border: 1px solid #888888;
border-radius: 10px;
color: #000000;
text-decoration: none;
background: #EEEEEE url(./graphics/edit_cancel.png) no-repeat;
background-position: 1% center;
}

#ef_nav
{
margin: 8px 0px 8px 0px;
padding: 6px 0px 0px 0px;
border-top: solid #888888 1px;
}

#ef_nav A.prev
{
float: left;
display: block;
width: 136px;
height: 18px;
color: #000000;
padding: 0px 0px 0px 14px;
text-align: center;
text-decoration: none;
font-size: 10.5pt;
border: #888888 solid 2px;
border-radius: 10px;
background: #EEEEEE url(./graphics/edit_p.png) no-repeat;
background-position: 1% center;
}

#ef_nav A.prev:hover
{
color: #0000FF;
background-color: #FFFFFF;
}

#ef_nav A.next
{
float: right;
display: block;
width: 136px;
height: 18px;
color: #000000;
padding: 0px 14px 0px 0px;
text-align: center;
text-decoration: none;
font-size: 10.5pt;
border: #888888 solid 2px;
border-radius: 10px;
background: #EEEEEE url(./graphics/edit_n.png) no-repeat;
background-position: 99% center;
}

#ef_nav A.next:hover
{
color: #0000FF;
background-color: #FFFFFF;
}

TABLE.colours
{

}

TABLE.colours TR
{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

TABLE.colours TR TD
{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: center;
}

TABLE.colours TR TD IMG
{
margin: 0px 0px -5px 0px;
}

UL.main_edit
{
margin: 8px 0px 0px 0px;
padding: 0;
list-style-type: none;
font-size: 11pt;
}

UL.main_edit LI
{
margin: 0px 0px 2px 0px;
}

UL.main_edit LI.ef_title
{
font-weight: bold;
}

UL.main_edit LI.message
{
border: 1px solid #AAAAAA;
border-radius: 10px;
background-color: #DDFFCC;
margin: 4px 0px 4px 130px;
width: 240px;
padding: 0px 10px 0px 10px;
}


UL.main_edit LI LABEL
{
float: left;
display: inline;
font-size: 11pt;
width: 140px;
}

UL.main_edit LI LABEL.dis
{
color: #AAAAAA;
}

UL.main_edit LI.sub
{
padding-left: 140px;
}

UL.main_edit LI INPUT
{
display: inline;
border: 1px solid #888888;
}

UL.main_edit LI SPAN.no_field
{
height: 20px;
}

UL.main_edit LI.w1 INPUT, UL.main_edit LI.w1 SELECT
{
width: 80px;
}

UL.main_edit LI.w2 INPUT, UL.main_edit LI.w2 SELECT
{
width: 160px;
}

UL.main_edit LI.w3 INPUT, UL.main_edit LI.w3 SELECT
{
width: 240px;
}

UL.main_edit LI.w4 INPUT, UL.main_edit LI.w4 SELECT
{
width: 320px;
}

UL.main_edit LI SPAN.error-text
{
color: red;
}

UL.main_edit LI.error-text
{
padding-left: 140px;
color: red;
}

.tiny-date
{
border: none !important;
color: #FFFFFF;
width: 2px;
height: 2px;
}

.image_bg
{
position: relative;
display: block;
border: 2px solid #888888;
width: 300px;
height: 200px;
background: url(./graphics/img_template3.png) no-repeat;
margin: 0px 0px 8px 0px;
}

#form_map_box
{
position: relative;
width: 545px;
height: 390px;
background-color: #EEEEEE;
border: 1px solid #888888;

}

#form_map_lock
{
padding: 4px 0px 4px 0px;
width: 545px;
height: 26px;
background-color: #FFFFFF;
background: #FFFFFF url(./graphics/map_status_l.png) no-repeat;
background-position: 6px 4px;
border: 1px solid #AAAAAA;
border-radius: 4px;
}

#map_lock_control
{
position: absolute;
top: 10px;
right: 153px;
width: 126px;
height: 22px;
font-size: 10pt;
background-color: #FFFFFF;
background: #FFFFFF url(./graphics/map_status_al.png) no-repeat;
background-position: 0px 0px;
border: 1px solid #AAAAAA;
border-radius: 4px;
z-index: 50;
padding: 4px 0px 0px 0px;
text-align: center;
cursor: pointer;
}

#map_lock_control IMG
{
display: block;
margin: 28px 0px 0px 80px;
}

#map_lock_control DIV
{
margin: 4px 0px 10px 4px;
font-size: 10pt;
}

.map-lock-link
{
display: block;
position: relative;
margin: auto;
width: 120px;
border: solid 1px #000000;
padding: 0px 0px 0px 32px;
background: #EEEEEE url(./graphics/map_key1.png) no-repeat;
background-position: 4px center;
color: #0000ff;
text-decoration: none;
}

#form_map_geocode
{
margin: auto;
padding: 4px 8px 4px 8px;
width: 378px;
height: 18px;
color: #000000;
}

#form_loc_map
{
position: relative;
width: 400px;
height: 360px;
border-bottom: 1px solid #888888;
}

#form_loc_qty
{
position: absolute;
top: 0px;
right: 0px;
width: 145px;
height: 360px;
border-left: 1px solid #888888;
border-bottom: 1px solid #888888;
}

#form_loc_qty H3
{
margin: 0px 0px 4px 4px;
}

#form_loc_qty UL
{
margin: 0;
padding: 0;
list-style-type: none;
}

#form_loc_qty UL LI INPUT
{
display: inline;
}

#form_loc_qty UL LI LABEL
{
display: inline;
}

#gc_text
{
float: left;
width: 280px;
height: 16px;
border: 1px solid #4585F1;
margin: 0px 0px 4px 8px;
}

#gc_go
{
display: block;
float: left;
width: 60px;
height: 20px;
color: #FFFFFF;
background: #4585F1 url(./graphics/geocode_sub.png) no-repeat;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 22px;
text-decoration: none;
}

.ef-hours-label
{
float: left;
display: inline;
width: 90px;
font-size: 11pt;
}

.ef-ehours-label
{
float: left;
display: inline;
width: 120px;
font-size: 11pt;
}

.ef-hours
{
width: 60px;
border: 1px solid green;
}

.ef-hours-check
{
display: inline;
margin: 0px;
width: 10px ;
}

.ef_alert
{
clear: both;
margin: 12px 0px 4px 0px;
padding: 4px 4px 4px 4px;
background-color: #FFFFFF;
border: 4px solid #FFFF00;
border-radius: 8px;
}

.nav-160
{

display: block;
padding: 1px 0px 0px 22px;
width: 136px;
height: 17px;
top: 0px;

background: #8B8BF7 url(./graphics/but_end_std.png) no-repeat;
background-position: 6px center;
border: 1px solid #8B8BF7;
border-radius: 12px;
font-size: 10.5pt;
font-weight: normal;
color: #FFFFFF;
text-decoration: none;
margin: auto;
}

.but-85, .but-120, .but-170
{
display: block;
background-position: center center;
border: none;
color: #FFFFFF !important;
font-family: arial, sans-serif;
font-size: 12px;
font-weight: bold;
text-decoration: none;
text-align: center;
padding: 5px 0px 0px 15px;
margin: auto;
}

.but-85
{
height: 19px;
width: 70px;
background: url(./graphics/but_24_85_d.png) no-repeat;
}

.but-120
{
height: 19px;
width: 105px;
background: url(./graphics/but_24_120_d.png) no-repeat;
}

.but-85:hover, .but-120:hover, .but-170:hover
{
text-decoration: none !important;
}

.but-170
{
height: 19px;
width: 155px;
background: url(./graphics/but_24_170_d.png) no-repeat;
}

.b-170-na
{
background-image: url(./graphics/but_24_170_d_g.png)
}

.add-but-176
{
display: block;
width: 156px;
height: 16px;
background-image: url(./graphics/but_add_176.png);
padding: 0px 0px 0px 20px;
color: #FFFFFF;
font-size: 10pt;
text-decoration: none;
}

.sub-120
{
display: block;
height: 24px;
width: 120px !important;
margin: 0px 0px 0px 0px;
background: url(./graphics/but_24_120_d.png) no-repeat;
background-position: center center;
border: none !important;
color: #FFFFFF !important;
font-family: arial, sans-serif;
font-size: 12px;
font-weight: bold;
text-decoration: none;
text-align: center;
padding: 0px 0px 0px 15px;
}

TABLE.beer-list
{

}

TABLE.beer-list TR
{

}

TABLE.beer-list TD
{
padding: 0px 2px 0px 2px;
font-size: 11pt;
}

TABLE.beer-list TD A
{
color: #4444FF;
text-decoration: none;
}

TABLE.beer-list TD A:hover
{
color: #0000FF;
text-decoration: underline;
}

TABLE.beer-list TD INPUT
{
border: 1px solid #888888;
}

TABLE.d-l-c
{
margin: auto;
}

TABLE.d-list
{
border-collapse: separate;
border-spacing: 1px;
}

TABLE.d-list TH
{
background-color: #666666;
color: #FFFFFF;
text-align: left;
font-size: 10.5pt;
}

TABLE.d-list TH INPUT
{
margin: 0px 0px 0px 0px;
}

TABLE.d-list TD
{
padding: 0px 2px 0px 2px;
margin: 0px 1px 1px 0px;
background-color: #DDDDDD;
color: #000000;
font-size: 10.5pt;
}

TABLE.d-list TD.center
{
text-align: center;
}

TABLE.d-list TD.bg
{
background-color: transparent;
}

TABLE.d-list TD A
{
color: #2222FF;
text-decoration: none;
}

TABLE.d-list TD A:hover
{
color: #0000FF;
text-decoration: underline;
}

TABLE.d-list TD.red_bg
{
background-color: #FF0000;
color: #FFFFFF;
}

TABLE.d-list TD.red_bg A
{
color: #FFFFFF;
text-decoration: none;
}

TABLE.d-list TD.red_bg A:hover
{
color: #8888FF;
text-decoration: underline;
}

TABLE.d-list TD.green_bg
{
background-color: #00FF00;
color: #FFFFFF;
}

TABLE.d-list TD.green_bg A
{
color: #FFFFFF;
text-decoration: none;
}

TABLE.d-list TD.green_bg A:hover
{
color: #8888FF;
text-decoration: underline;
}

TABLE.d-list TD.void
{
background-color: #CCCCCC;
}

TABLE.d-list TD.flag
{
padding: 1px 2px 0px 2px;
}

TABLE.d-list TD.flag IMG
{
display: block;
margin: auto;
padding: 0px 0px 0px 0px;
}

TABLE.d-list TD.top
{
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
vertical-align: middle;
}

TABLE.d-list TD.top H3
{
display: block;
float: left;
margin: 6px 0px 0px 8px;
}

TABLE.d-list TD.top IMG
{
display: block;
float: left;
padding: 0px 0px 0px 0px;
margin: 2px 0px 2px 2px;
}

#events_head
{
position: relative;
margin: 10px 8px 8px 8px;
height: 25px;
padding: 0px 0px 2px 0px;

}

#events_head SPAN.events-txt
{
position: absolute;
display: block;
height: 25px;
left: 0px;
right: 178px;
background-color: #000000;
border: 1px solid #DDDDDD;
border-radius: 12px;
}

#events_head SPAN.events-txt H2
{
float: left;
color: #FFC807;
font-size: 15pt;
font-weight: bold;
margin: 0px 8px 0px 8px;
}

#events_head SPAN.events-txt SPAN.context
{
float: left;
color: #FFC807;
font-size: 13pt;
font-weight: normal;
margin: 2px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

#events_head SPAN.events-txt SPAN.context IMG
{
border: 1px solid #AAAAAA;
}

#events_head SPAN.events-txt SPAN.context IMG.icon
{
border: none;
}

#events_head A.but-160
{
position: absolute;
display: block;
top: 0px;
right: 0px;
padding: 3px 0px 0px 24px;
width: 146px;
height: 22px;
background: #8B8BF7 url(./graphics/but_end_std.png) no-repeat;
background-position: 7px center;
border: 1px solid #000000;
border-radius: 12px;
font-size: 11pt;
font-weight: normal;
color: #FFFFFF;
text-decoration: none;
}

DIV.year-box
{
margin: 0px 8px 8px 8px;
background-color: #FFFFFF;
border: 1px solid #FFFFFF;
border-radius: 10px;
color: #444444;
}

DIV.year-box H3
{
margin: 4px 4px 2px 8px;
color: #444444;
}

DIV.year-box H4
{
margin: 0px 4px 2px 8px;
border-bottom: 1px solid #888888;
color: #444444;
}

DIV.year-box UL
{
margin: 0px 4px 8px 8px;
padding: 0;
list-style-type: none;
font-size: 11pt;
color: #222222;
}

DIV.year-box UL LI A
{
color: #4444FF;
text-decoration: none;
}

DIV.year-box UL LI A:hover
{
color: #0000FF;
text-decoration: underline;
}

DIV.month-bar
{
position: relative;
clear: both;
margin: 0px 4px 2px 8px;
padding: 0px 0px 0px 0px;
border-bottom: 1px solid #888888;
color: #444444;
vertical-align: center;
font-size: 10.5pt;
font-weight: bold;
}

.month-box
{
margin: 0px 0px 6px 0px;
}

DIV.event-list
{
display: block;
margin: 0px 4px 0px 0px;
padding: 0px 0px 0px 8px;
color: #000000;
font-size: 10.5pt;
}

DIV.event-n
{
font-size: 11pt;
font-weight: bold;
}

DIV.event-r
{
font-size: 11pt;
}



DIV.event-list A
{
color: #4444FF;
text-decoration: none;
}

DIV.event-list A:hover
{
color: #0000FF;
text-decoration: underline;
}

DIV.event-list DIV.event-list-flag
{
display: inline;
float: left;
width: 30px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

#geo_head
{
margin: 10px 8px 8px 8px;
height: 23px;
padding: 0px 0px 2px 0px;
color: #000000;
background-color: #000000;
border: 1px solid #DDDDDD;
border-radius: 12px;
font-size: 13pt;
font-weight: bold;
}

#geo_head IMG
{
float: left;
margin: 4px 4px 0px 12px;
padding: 0px 0px 0px 0px;
border: 1px solid #CCCCCC;
}

#geo_head A
{
font-weight: normal;
text-decoration: none;
color: #AAAAFF;
}

#geo_head A:hover
{
text-decoration: underline;
color: #4444FF;
}

#geo_head_sub
{
float: left;
margin: 0px 8px 0px 8px;
font-size: 15pt;

color: #FFC807;
}

#geo_headx
{
margin: 4px 8px 4px 8px;

height: 27px;
padding: 1px 0px 1px 0px;
color: #000000;
background-color: #DDDDDD;
border: 1px solid #DDDDDD;
border-radius: 12px;
font-size: 13pt;
font-weight: bold;
}

#geo_headx IMG
{
float: left;
margin: 0px 4px 0px 12px;
padding: 0px 0px 0px 0px;
}

#geo_head_subx
{
float: left;
margin: 0px 8px 0px 8px;
font-size: 15pt;
height: 24px;
}

#geo_headx A
{
font-weight: normal;
text-decoration: none;
color: #0000FF;
}

#geo_headx A:hover
{
text-decoration: underline;
}

#geo_head_old
{
margin: 12px 12px 12px 12px;
padding: 2px 0px 2px 0px;
color: #000000;
background-color: #DDDDDD;
border: 1px solid #000000;
border-radius: 12px;
font-size: 17pt;
}

#geo_head_old IMG
{
margin: 0px 8px 0px 6px;
}

.town_entity_head
{
display: block;
position: relative;
clear: both;
margin: 0px 0px 0px 0px;
width: 100%;
font-size: 13pt;
font-weight: bold;
}

.town_entity_head SPAN.entity_txt
{
display: block;
margin: 0px 8px 4px 0px;
padding: 0px 0px 0px 8px;
height: 20px;
border: 1px solid #AAAAAA;
border-radius: 12px;
background-color: #000000;
}

.town_entity_head SPAN.short
{
margin: 0px 176px 4px 0px;
}

.town_entity_head A.add-160
{
position: absolute;
display: block;
padding: 1px 0px 0px 22px;
width: 136px;
height: 19px;
top: 0px;
right: 8px;
background: #8B8BF7 url(./graphics/but_add_176.png) no-repeat;
background-position: 0px 2px;
border: 1px solid #000000;
border-radius: 12px;
font-size: 10.5pt;
font-weight: normal;
color: #FFFFFF;
text-decoration: none;
}

#map-box
{
position: absolute;
top: 44px;
left: 0px;
bottom: 0px;
width: 242px;
}

#map_a
{
margin: 12px 12px 0px 12px;
height: 226px;
border: 1px solid #FFFFCC;
border-radius: 12px;
}

#e-map
{
margin: 26px 4px 0px 4px;

height: 226px;
border: 1px solid #FFFFCC;
border-radius: 12px;
}

#c-map
{
margin: 12px 4px 0px 4px;

height: 226px;
border: 1px solid #FFFFCC;
border-radius: 12px;
}

#list-box
{
position: absolute;
top: 44px;
left: 246px;
bottom: 0px;
right: 0px;

overflow-y: auto;
}

UL.new_list
{
margin: 12px 0px 0px 0px;
padding: 0px 0px 0px 24px;

color: #000000;
font-size: 10.5pt;
}

UL.new_list LI.list-head
{
list-style: none;
font-weight: bold;
}

UL.new_list LI.new_entry
{
list-style-image: url(./graphics/mini_markers/mmb_star_yellow.png);
}

UL.new_list LI.updated
{
list-style-image: url(./graphics/mini_markers/mbb_20_grey.png);
}

UL.new_list LI A
{
color: #4444FF;
text-decoration: none;
}

UL.new_list LI A:hover
{
color: #0000FF;
text-decoration: underline;
}

#home_annex
{
position: fixed;
background-color: #EEEEEE;
top: 8px;
bottom: 8px;
right: 8px;
left: 637px;
padding: 6px;
border: 1px solid #AAAAAA;
border-radius: 10px;
}

#home_annex H2
{
margin: 0px 0px 8px 0px;
}

#view_annex
{
margin: 0px 8px 0px 0px;
background-color: #DDDDDD;
border: 1px solid #AAAAAA;
border-radius: 10px;
}

#view_annex H3
{
margin: 4px 4px 4px 4px;
font-size: 12pt;
border-bottom: 1px solid #888888;
}

#view_annex P
{
margin: 4px 4px 4px 4px;
font-size: 11pt;
}

#view_annex UL.filter
{
margin: 8px 2px 0px 2px;
padding: 0;
list-style-type: none;
font-size: 13pt;
}

#view_annex UL.filter LI
{
margin: 0px 0px 2px 0px;
height: 22px;
border: 1px solid #888888;
background-color: #EEEEEE;
border-radius: 6px;
cursor: pointer;
overflow: hidden;
}

#view_annex UL.filter LI:hover
{
border-color: #000000;
background-color: #FFFFFF;
}

#view_annex UL.filter LI SPAN.flag
{
display: block;
position: absolute;
width: 29px;
text-align: center;
}

#view_annex UL.filter LI SPAN.icon
{
display: block;
position: absolute;
width: 29px;
text-align: center;
font-size: 15pt;
}

#view_annex UL.filter LI SPAN.text
{
margin: 0px 0px 0px 33px;
}

#view_annex UL.filter LI.label
{
margin: 0px 0px 2px 0px;
height: 22px;
border: none !important;
background: none !important;
overflow: hidden;
}

#info_annex
{
margin: 0px 8px 0px 0px;
background-color: #DDDDDD;
border: 1px solid #AAAAAA;
border-radius: 10px;
}

#info_annex H3
{
margin: 4px 4px 4px 4px;
font-size: 12pt;
border-bottom: 1px solid #888888;
}

#info_annex P
{
margin: 4px 4px 4px 4px;
font-size: 11pt;
}

#info_annex DIV.del
{
margin: 8px 4px 8px 4px;
border: 2px solid #888888;
border-radius: 8px;
text-align: center;
background: #DDDDDD url(./graphics/action_e.png) no-repeat;
background-position: 4px center;
cursor: pointer;
}

#load_time
{
position: fixed;
bottom: 8px;
left: 8px;
color: #d68e07;
font-size: 9pt;
padding: 0px 4px 0px 4px;
}