*{ margin: 0px; padding: 0px; font-style: inherit; font-size: 100%; font-family: inherit; outline: none }
html{ font-family: "lucida grande", tahoma, verdana, arial, sans-serif; font-size: 11px; line-height: 1.4em }

body{ background-color: white; color: #404040; background-image: url( images/headerbkg.gif ); background-repeat: repeat-x; background-position: top center }
#page{ width: 990px; margin: 0 auto }
img{ border: 0px; }
a{ color: #3b6a00; white-space: normal; text-decoration: none; border: none }
a img{ vertical-align: middle; margin: 0 0 4px 0 }
a:hover{ color: #294a00; text-decoration: underline }
ul{ list-style-type: none }
input.btn { padding: .5em; white-space: normal; width: 150px; font-family: "lucida grande", tahoma, verdana, arial, sans-serif; font-size: 11px }
input.strong{ font-weight: bold; font-size: 1.2em; width: auto }
input.checkbox{ margin-right: .5em; }
input.txt{ background-color: white; width: 14em }
input.txt:focus{ border: 1px solid #619B27 }
textarea{ font-family: "lucida grande", tahoma, verdana, arial, sans-serif; font-size: 11px }

h1.big{ font-size: 14px; font-family: "trebuchet ms", sans-serif; font-weight: bold }
h1.extrabig{ font-size: 18px; font-family: "trebuchet ms", sans-serif; font-weight: bold }
h1.huge{ font-size: 21px; font-family: "trebuchet ms", sans-serif; font-weight: bold;  }
h1{ font-weight: bold }
h1.mark{ background-color: #62910d; padding: .5em; color: white; margin-bottom: .5em }
h1.desc{ font-size: 1.6em; font-family: corbel; color: #609112 }
h1.desc span{ color: #294A00 }


a.avg{ font-size: 13px; font-family: "trebuchet ms", sans-serif; font-weight: bold }
a.big{ font-size: 16px; font-family: "trebuchet ms", sans-serif; font-weight: bold }
a.extrabig{ font-size: 18px; font-family: "trebuchet ms", sans-serif; font-weight: bold }
a.huge{ font-size: 21px; font-family: "trebuchet ms", sans-serif; font-weight: bold;  }

font.desc{ font-size: 1.4em; font-family: corbel, sans-serif; font-weight: bold; color: #000000}
font.avg{ color: #3b6a00; font-size: 13px; font-family: "trebuchet ms", sans-serif; font-weight: bold;  }
font.big{ color: #3b6a00; font-size: 16px; font-family: "trebuchet ms", sans-serif; font-weight: bold;  }
font.extrabig{ color: #3b6a00; font-size: 18px; font-family: "trebuchet ms", sans-serif; font-weight: bold;  }
font.huge{ color: #3b6a00; font-size: 21px; font-family: "trebuchet ms", sans-serif; font-weight: bold;  }


div.loginbox { padding: 1em; display: table; margin: auto auto 1em auto; background-color: #e6efd3; border-top: 1px solid #f4ffdd; border-left: 1px solid #f4ffdd; border-right: 1px solid #9ec061; border-bottom: 1px solid #9ec061}
div.loginbox table{ width: 100% }
div.loginbox td{ padding: .25em .5em }
div.loginbox td input.txt{ width: 95% }
div.loginbox td{ width: 50% }
td.fl{text-align: right }
div.login{ position: absolute; right: 1em; top: 1em; text-align: right }
div.loginbox input.btn{ padding:.5em 1em }
div.loginbox p.error{ padding: .5em; color: #b70000; font-weight: bold; text-align: center }
div.loginbox p.check{ font-size: 90%; padding-left: .5em; display: inline }
div.loginbox a{ display: inline }

div.languages{ float: right; padding-right: 1em; padding-top: .5em }
div.languages td{ padding-left: .5em; padding-top: .25em }
div.languages td p.hilite{ background-color: white; vertical-align: bottom; padding: .25em 1em }
div.lang_container{ text-align: right; position: relative }
div.lang_container img{ height: 17px; display: block; }
div.lang_container ul{ position: absolute; right: 0; top: 1.5em; width: 15em; background-color: white; z-index: 6000; display: none }
div.lang_container ul:hover, div.lang_container:hover ul{ display: block; cursor: pointer }
div.lang_container li{ z-index: 10000 }
div.lang_container li a{ padding: .75em; display: block; border: none; text-decoration: none; color: #404040 }
div.lang_container li a:hover{ background-color: #c2e07d; color: black; border: none; color: black }

#micro_login{ float: right; display: block; background-color: white }
#micro_login input.text{ width: auto }

#top{ position: absolute; left: 0; top: 0; right: 0; height: 52px }
#header{ height: 8em; position: relative; background-position: right; background-image: url( images/inbkg.gif ); background-repeat: repeat-y }
#header img.logo{ position: absolute; left: 1em; top: 5px }
#subheader{ position: absolute; left: 0; top: 52px; right: 0; height: 30px }
#subheader img{ position: absolute; left: 0; top: 0 }
#logout{ position: absolute; top: .5em; right: 1em; }
#logout * { }
#footer{ width: 100%; margin: 0 auto 3em auto; text-align: center; padding: 1em 0; background-color: #518400; background-image: url( images/menubkg.gif ); background-repeat: repeat-x; background-position: top; clear: both }
#footer *{ color: white; border: none }
#footer a:hover{ text-decoration: underline }
#rimapp{ position: absolute; left: 0; top: 82px; right: 0; height: 10px; background-color: white; background-image: url( images/appbkg.gif ); background-position: bottom; background-repeat: repeat-x }
#app{ width: 100%; padding-bottom: 3em; float: left }

#cnt{ width: 100% }
*.sidebar{ width: 30% }
#wstatus { padding-bottom: 1em; display: none }
#wstatus p{ height: 100%; line-height: 20px; padding: 0 1em }
#wstatus p.comm  { background-color: #ffebbc; color: #b70000; margin-left: 1em }
#wstatus p.comm a{ color: inherit; border-color: inherit }
#controls{ }

ul.nav{ position: absolute; top: 30px; left: 240px; list-style-type: none }
ul.nav a{ text-decoration: none; color: white; border: none }
ul.nav a:hover{ color: white; cursor: pointer; border: none }
/*ul.nav li{ font-family: "trebuchet ms", sans-serif; font-weight: bold }*/
ul.nav li.link{ float: left; font-size: 0px; line-height: 0px; background-image: url( images/tabbody.gif ); background-position: 0px -55px; background-repeat: repeat-x; margin-right: 2px }
ul.nav li.link div.tab{ height: 55px; position: relative }
ul.nav li.link div.tab div{ display: inline; padding-bottom: 55px }
ul.nav li.link div.tab div.f{ position: absolute; left: 0; top: 0; width: 5px; background-image: url( images/tabborders.gif ); background-repeat: no-repeat; background-position: -17px 0px }
ul.nav li.link div.tab div.m{   }
ul.nav li.link div.tab div.m p{ font-size: 11px; color: white; padding: 1em; padding-top: 20px; height: 100% }
ul.nav li.link div.tab div.l{ position: absolute; right: 0; top: 0px; width: 5px; background-image: url( images/tabborders.gif ); background-repeat: no-repeat; background-position: -24px 0px }
ul.nav li.link a:hover div.tab{ background-image: url( images/tabbody.gif ); background-position: 0px 0px; }
ul.nav li.link a:hover div.tab div.f{ background-image: url( images/tabborders.gif ); background-position: -3px 0px }
ul.nav li.link a:hover div.tab div.l{ background-image: url( images/tabborders.gif ); background-position: -10px 0px }
ul.nav li.current div.tab{ background-image: url( images/tabbody.gif ); background-position: 0px 0px; }
ul.nav li.current div.tab div.f{ background-image: url( images/tabborders.gif ); background-position: -3px 0px }
ul.nav li.current div.tab div.l{ background-image: url( images/tabborders.gif ); background-position: -10px 0px }
/*ul.nav li.current div.tab div.m p{ font-weight: bold }*/

div.logoutpanel{ position: absolute; margin-right: 48px; right: 1em; top: 2.5em }
div.ownavatar{ position: absolute; margin-right: 8px; right: 1em; top: 40px; width: 32px; height: 32px }
div.userpanel{ background-image: url( images/userpanelbody.gif ); background-repeat: repeat-x; position: absolute; height: 33px; right: 1em; top: 51px }
div.userpanel *{ white-space: nowrap }
div.userpanel div.f{ position: absolute; left: 0; top: 0; background-image: url( images/userpanelborder.gif ); background-repeat: no-repeat; width: 5px; height: 100%; }
div.userpanel div.l{ position: absolute; right: 0; top: 0; background-image: url( images/userpanelborder.gif ); background-position: -18px 0px; background-repeat: no-repeat; width: 5px;  height: 100% }
div.userpanel span{ background-image: url( images/userpanelborder.gif ); background-position: -5px 0; width: 13px; height: 33px; margin-left: 3em; margin-right: .5em; float: left; display: block }
div.userpanel p{ padding: 1px 48px; color: white }
div.userpanel p a { color: white }

*.result{ }
*.result ul {}
*.result li{ margin: 0px; position: relative; list-style-type: none; clear: both }
*.result li img.avatar{ position: absolute; width: 32px; height: 32px; top: 4px; left: 4px; }
*.result li a.item{ padding: .5em; display: block; border-bottom: 1px solid #bbbbbb; border-top: 1px solid #eeeeee; }
*.result li a.item:hover{ background-color: #b70000; color: white; border-top: 1px solid #bbbbbb; border-bottom: 1px solid #eeeeee; }
*.result li.image div{ margin-left: 40px; }
*.result li.date{ padding: .5em; font-weight: bold; color: #404040 }
*.result li.date:hover{ color: white }
*.result li.match{ background-color: #eeeeee; }
*.result li.match div { padding: .5em; display: block; border-bottom: 1px solid #bbbbbb; border-top: 1px solid #eeeeee; }
*.result li.match.odd{ background-color: white; }
*.result li.user{ background-color: #eeeeee; }
*.result li.user.odd{ background-color: white; }
*.result li.event{ background-color: #ffebbc; }
*.result li.event.odd{ background-color: #ffebbc; }
*.result div.in{ margin-left: 1.5em; padding: .25em }
*.result div.resin span, *.result div.resin p{ white-space: nowrap; overflow: hidden; display: block }
*.result div.reshead{ padding: .5em; background-color: #ffe773; border-top: 1px solid #ffe773; border-left: 1px solid #ffe773; border-bottom: 1px solid #edc400; border-right: 1px solid #edc400 }
*.result div.reshead:hover{ padding: .5em; background-color: #ffd71b; border-top: 1px solid #fcf4cd; border-left: 1px solid #fcf4cd; border-bottom: 1px solid #ebab00; border-right: 1px solid #ebab00; cursor: pointer }
/*#result div.user{ padding: .5em; background-color: #fbed93; border-top: 1px solid #fcf3ba; border-left: 1px solid #fcf3ba; border-bottom: 1px solid #f9e035; border-right: 1px solid #f9e035 }
#result div.user:hover{ padding: .5em; background-color: #fae663; border-top: 1px solid #fdf6cb; border-left: 1px solid #fdf6cb; border-bottom: 1px solid #f6c80f; border-right: 1px solid #f6c80f; cursor: pointer }
#result div.event { padding: .5em; background-color: #f9dc95; border-top: 1px solid #f8bd53; border-left: 1px solid #f8bd53; border-bottom: 1px solid #f0a23a; border-right: 1px solid #f0a23a }
#result div.event:hover { padding: .5em; background-color: #f2c158; border-top: 1px solid #fac972; border-left: 1px solid #fac972; border-bottom: 1px solid #f19213; border-right: 1px solid #f19213; cursor: pointer }*/
*.result div.user, *.result div.event{ border: 1px solid transparent; background-color: white; padding: .5em .5em 1em .5em; cursor: pointer }
*.result div.event{ background-color: #f9dc95; border-top: 1px solid #f8bd53; border-left: 1px solid #f8bd53; border-bottom: 1px solid #f0a23a; border-right: 1px solid #f0a23a }
*.result div.user:hover{ background-color: #fae663; border-top: 1px solid #fdf6cb; border-left: 1px solid #fdf6cb; border-bottom: 1px solid #f6c80f; border-right: 1px solid #f6c80f }
*.result div.event:hover { background-color: #f2c158; border-top: 1px solid #fac972; border-left: 1px solid #fac972; border-bottom: 1px solid #f19213; border-right: 1px solid #f19213 }
*.result p.nomatches{ text-align: center; padding: .5em; font-weight: bold; color: #b70000 }
*.result a{ text-decoration: underline }

#collapser{ position: absolute; top: 0; left: 0; width: .75em; bottom: 0 }
#collapser:hover{ background-color: #dddddd; cursor: pointer }
#mapheader{ position: absolute; left: 32em; top: 0; right: 0; height: 2em; display: inline }
#mapheader a{ position: absolute; right: 0; top: 0 }
#mapcontainer{ width: 100%; height: 100%; min-height: 100px }
#googlemap{ width: 100%; height: 600px  }
#crosshair{ position: absolute; z-index: 200; width: 17px; height: 17px; left: 50%; top: 50%; margin-left: -8px; margin-top: -8px }
#info{ position: absolute; left: 33em; height: 2em; right: 1em; bottom: 1em; }
#progress{ position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; border: 1px solid black; background-color: gray; z-index: 210 }

*.wmap {}
*.wmap div.overlay { color: black; position: absolute; padding: 0; padding-left: 20px; margin-top: -2.3em; background-position: 2px center; background-repeat: no-repeat }
*.wmap div.overlay a{ color: #404040 }
*.wmap div.overlay a:hover{ color: black }
*.wmap div.overlay div.arrow_tip{ width:13px; height: 7px; background-image: url( images/ov_arrows.gif ); background-repeat: no-repeat; background-position: 0 0; position: absolute; left: 4px; top: 100% }
*.wmap div.overlay td{ padding: .3em; white-space: nowrap; cursor: pointer }
*.wmap div.travel { background-color: #fbed93; border-top: 1px solid #fcf3ba; border-left: 1px solid #fcf3ba; border-bottom: 1px solid #f9e035; border-right: 1px solid #f9e035 }
*.wmap div.travel:hover{ background-color: #fae663; border-top: 1px solid #fdf6cb; border-left: 1px solid #fdf6cb; border-bottom: 1px solid #f6c80f; border-right: 1px solid #f6c80f; }
*.wmap div.overlay div.arrow_tip{ background-position: -13px 0 }
*.wmap div.event { background-color: #f9dc95; border-top: 1px solid #f8bd53; border-left: 1px solid #f8bd53; border-bottom: 1px solid #f0a23a; border-right: 1px solid #f0a23a }
*.wmap div.event:hover{ background-color: #f2c158; border-top: 1px solid #fac972; border-left: 1px solid #fac972; border-bottom: 1px solid #f19213; border-right: 1px solid #f19213 }
*.wmap div.event div.arrow_tip{ background-position: 0 0 }
*.wmap div.user{ background-image: url( images/user.png ) }
*.wmap div.group{ background-image: url( images/group.png ) }
*.wmap div.cluster{ padding: 0px; border: none; }
*.wmap div.city { background-color: #ffff33; padding: .25em .5em; font-size: 90%; }
*.wmap div.overlay p{ display: block; width: 100%; white-space: nowrap; padding: .25em }

div.cluster_panel{ position: absolute; left: 10px; bottom: 10px; right: 10px; height: 25%; background-color: white; z-index:1000 }
div.cluster_panel div.cluster_content{ position: absolute; left: 5px; top: 20px; right: 30px; bottom: 5px; overflow: auto }
div.cluster_panel *.cluster_close{ position: absolute; right: 5px; top: 5px; width: 20px; height: 20px }
div.cluster_panel h1{ padding: 5px }
div.cluster_panel div.cluster_content a{ padding: 2px }

div.ttip { color: black; position: absolute; padding: 1em; background-position: 2px center; background-repeat: no-repeat; border-bottom: 1px solid gray; border-right: 1px solid gray; background-color: #fffbcd; z-index: 300 }
div.ttip p { display: block; width: 100% }
div.solid p{ white-space: nowrap }
div.ttip i { color: #b70000; }
div.arrow{ background-image: url( images/tiparrow.gif ); background-repeat: no-repeat; background-position: 50% 0; position: absolute; left: 0; right: 0; bottom: -7px; height: 13px; width: 13px; height: 8px; display: block; position: absolute; z-index: 320}

#plancontainer { }

#options p{ display: block; padding: .25em; border-bottom: 1px solid #efefef; }
#options p span{ padding-left: .5em; }

div.ajax_prog{ display: block; border: 1px solid #eeeeee; background-color: white; text-align: center; margin: 6px; padding: 200px 0px; }

div.base_div{ background-color: white; display: block; cursor: pointer; margin: 1px }
div.base_div div.calbox{ padding: .5em; background-color: white; background-image: url( images/office-calendar.png ); background-repeat: no-repeat; background-position: 99% 50% }
div.c_div{ background-color: white; width: 24em; position: relative; left: 0px; top: 0px; }
div.c_div table { position: absolute; width: 100%; border: 1px solid gray }
div.calovr{ position: absolute; display: block; left: 0px; top: 2.5em; right: 0px; bottom: 0px; text-align: center; padding-top: 25%; }
div.calovr img{ position: absolute; }
table, tr, td { border-collapse: collapse; }
td{ vertical-align: top }
table.calt{ background-color: white; width: 100%; z-index: 1000 }
table.calt a{ display: block }
table.calt td.wnum{ text-align: center; color: gray; padding: .5em 0 }
table.calt td.hilite{ color: #b70000 }
table.calt td{ width: 12.49%; text-align: right; }
table.calt tr.header{ height: 1.5em; border-bottom: 1px solid gray; }
table.calt tr.header td{ text-align: center; }
table.calt tr.controls{ }
table.calt tr.controls td{ text-align: center; }
table.calt a.currentday{ background-color: white }
table.calt a.currentday:hover { color: black }
td{ height: 100%; }
table.calt *.clickable{ padding: .5em 0; height: 1.5em }

#ctable{ width: 100% }
#ctable td.v{ text-align: right; padding: 0 .5em }
#ctable h2{ padding: .5em 0 }
#ctable a{}

#overlay{ background-color: #acd68f; background-image: url( images/bkg.gif ); background-repeat: repeat-x; background-position: left top; filter: alpha(opacity=60); opacity: .6 }
* html #overlay{ background-color: black; filter: alpha(opacity=60); color: black }
#ovr_panel{}
* html #ovr_panel{ }

div.tagmgr { border: 1px solid #dddddd; padding: .5em; background-color: white; }
div.tagmgr div.tagpanel { width: 100%; }
div.tagmgr div.tag { float: left; border-right: 1px solid #808080; border-bottom: 1px solid #808080; background-color: #fffe9e; padding: .5em 0; margin: 2px; }
div.tagmgr div.tag a { padding: .5em 1em; text-decoration: none }
div.tagmgr div.tag a:hover { background-color: #fde057; color: black }
div.tagmgr div.tag a.x{ border-left: 1px solid #fde0 }
div.tagmgr div.tag a.x:hover { color: #f5530c }
div.tagmgr div.after{ clear: both; }

div.io { display: block; border: 1px solid #dddddd; }
div.io div.text{ padding: 1em; line-height: 1.2em; }
div.io h1{ font-size: 1em; font-family: "trebuchet ms", sans-serif }
div.io h2{ font-size: 1.4em; font-family: "trebuchet ms", sans-serif; margin-bottom: .8em; }
div.io p{ line-height: 1.4em; }
div.io input{ padding: .5em; }
div.io a{ text-decoration: none; color: black; margin-left: 1em; }
div.io a:hover{ text-decoration: underline; }
div.io div.iobtn{ margin: .5em 0; text-align: right; padding: .75em 1em; }

div.warning { border-top: 1px solid #fff5c5; border-left: 1px solid #fff5c5; border-right: 1px solid #f2bd62; border-bottom: 1px solid #f2bd62; background-color: #ffe980; color: black }
div.warning *{ color: #a63700 }
div.warning a{ color: #a63700 }
div.warning div.iobtn{ background-color: #fcf7ca; border-bottom: 1px solid #fff5c5; border-right: 1px solid #fff5c5; border-left: 1px solid #f2bd62; border-top: 1px solid #f2bd62; }
div.warning div.iobtn a{ display: inline; background-color: transparent }

div.error { border: 1px solid #a40000; background-color: #cc0000; color: white; }
div.error a{ color: #cc0000; }
div.error div.iobtn{ background-color: #fcf7ca; border-top: 1px solid #a40000; border-bottom: 1px solid #a40000; }
div.error div.iobtn a{ display: inline; background-color: transparent }

a.del{ position: absolute; right: 2px; top: 2px; }
div.del{ position: absolute; right: 2px; top: 2px; padding: 1em 0 }

ul.action { height: 2.5em; line-height: 2.5em; margin-top: .5em; white-space: nowrap }
ul.action li{ display: inline; margin-right: .5em}
ul.action li:hover{ background-color: transparent }

*.block{ background-color: #e6efd3; border-top: 1px solid #f4ffdd; border-left: 1px solid #f4ffdd; border-right: 1px solid #9ec061; border-bottom: 1px solid #9ec061; color: black }

*.shaded{ background-image: url( images/dimshade.png ); background-repeat: repeat-x; background-position: bottom }
a.clickable{ text-decoration: none; text-align: center; color: black; line-height: 2em; height: 2em }
*.clickable { cursor: pointer; padding: .5em 1em; background-color: #e6efd3; border-top: 1px solid #f4ffdd; border-left: 1px solid #f4ffdd; border-right: 1px solid #9ec061; border-bottom: 1px solid #9ec061 }
*.clickable:hover{ background-color: #92b750; border-top: 1px solid #9ec061; border-left: 1px solid #9ec061; border-right: 1px solid #67931c; border-bottom: 1px solid #67931c; color: white }
*.clickable img{ }
*.collapsable{ cursor: pointer; padding: .5em 1em; background-color: #e6efd3; border-top: 1px solid #f4ffdd; border-left: 1px solid #f4ffdd; border-right: 1px solid #9ec061; border-bottom: 1px solid #9ec061; background-image: url( images/dimshade.png ); background-repeat: repeat-x; background-position: bottom }
*.collapsable:hover{ background-color: #92b750; border-top: 1px solid #9ec061; border-left: 1px solid #9ec061; border-right: 1px solid #67931c; border-bottom: 1px solid #67931c; color: white }
*.collapsable span.cue{ width: 12px; height: 12px; display: block; background-image: url( images/clicker.png ); background-repeat: no-repeat; float: right; margin-right: 8px; margin-top: 2px }
*.show span.cue{ background-position: 0 0 }
*.hide span.cue{ background-position: -12px 0 }

div.border{ float: left; margin: 1em; position: absolute; padding: 23px }
div.location_header{ padding: 1em; text-align: center }

div.border div.bo div { background-image: url( images/roundshadow.png ); background-repeat: no-repeat; position: absolute; }
div.border div.bo div.tl { background-position: 0 0; left: 0; top: 0; width: 23px; height: 23px; }
div.border div.bo div.t { background-image: url( images/roundshadowh.png ); background-position: 0 0; background-repeat: repeat-x; left: 23px; right: 23px; top: 0; height: 23px; }
div.border div.bo div.tr { background-position: -55px 0; right: 0px; top: 0; width: 23px; height: 23px; }
div.border div.bo div.r { background-image: url( images/roundshadowv.png ); background-position: 0 0; background-repeat: repeat-y; left: 0; width: 23px; top: 23px; bottom: 23px; }
div.border div.bo div.l { background-image: url( images/roundshadowv.png ); background-position: -55px 0; background-repeat: repeat-y; right: 0; width: 23px; top: 23px; bottom: 23px; }
div.border div.bo div.bl { background-position: 0 -55px; left: 0; bottom: 0; width: 23px; height: 23px; }
div.border div.bo div.b { background-image: url( images/roundshadowh.png ); background-position: 0 -55px; background-repeat: repeat-x; left: 23px; right: 23px; bottom: 0; height: 23px; }
div.border div.bo div.br { background-position: -55px -55px; right: 0px; bottom: 0; width: 23px; height: 23px; }

* html div.border div.t, * html div.border div.b { width: 100%; }
* html div.border div.r, * html div.border div.l { height: 300px; }

#entrymap{ position: absolute; border: 1px solid #808080; left: 50%}
*.huge{ font-size: 1.5em; font-family: "trebuchet ms", sans-serif; font-weight: bold }

div.noresults{ margin: 2px; border: 1px solid gray; padding: .5em; padding-bottom: 1em; background-color: white }
div.noresults p{ margin: .5em; text-align: center }

*.sunken { border-top: 1px solid #bababa; border-left: 1px solid #bababa; border-right: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb }
*.raised{ border-top: 1px solid #ebebeb; border-left: 1px solid #ebebeb; border-right: 1px solid #bababa; border-bottom: 1px solid #bababa }

div.ddmpanel{ position: relative; display: block; height: 2em; margin-bottom: 1em }
div.ddmpanel span.access{ position: absolute; top: 0; left: 0; text-align: center; height: 1.5em; padding: .5em 1em 0 1em; display: block; cursor: pointer }
div.ddmpanel:hover span.access{ border: 1px solid gray; border-bottom: 1px solid white; background-color: white; z-index: 101 }
div.ddmpanel div.ddmcontent{ position: absolute; left: 0; top: 2em; margin-top: 1px; display: none; padding: 1em; border: 1px solid gray; width: 28em; background-color: white }
div.ddmpanel:hover div.ddmcontent{ display: block; z-index: 100 }
div.ddmpanel h1{ font-family: "trebuchet ms", sans-serif; font-size: 1.4em }
div.ddmpanel h2{ font-size: 1em }
div.ddmpanel input.ddmcheck{ margin-right: .5em }
div.ddmcontent p{ margin-bottom: .5em }

*.cleartop { margin-top: .5em}
*.clearbottom { margin-bottom: .5em }
*.clearleft { margin-left: .5em }
*.toright{ text-align: right }

.selpager{ width: 100% }
.selpager p{ margin-bottom: .5em }
.pager a, .pager a:hover{ border: none }
.pager div.pagercontrol{}
.pager ul.pages { margin: 1em 0; text-align: center }
.pager ul.pages li { display: inline; margin: .25em }
.pager ul.pages li.static{ }
.pager ul.pages li.current{ font-size: 1.2em; font-weight: bold }
.pager ul.pages li a { border: 1px solid #81a940; padding: .5em; text-decoration: none; color: black; background-color: white }
.pager ul.pages li a:hover { border-top: 1px solid #f0f5e4; border-left: 1px solid #f0f5e4; border-right: 1px solid #8fb732; border-bottom: 1px solid #8fb732; background-color: #e1ecc8 }
.pager div.results{ overflow: auto; margin-top: .5em; background-color: white }
.pager div.results a.item{ display: block; white-space: normal; text-decoration: none; padding: .25em .5em; color: black; border: 1px solid transparent; outline: none; cursor: pointer; border-bottom: 1px solid #eeeeee }
.pager div.results a.item:hover{ border-top: 1px solid #fff5c5; border-left: 1px solid #fff5c5; border-right: 1px solid #f2bd62; border-bottom: 1px solid #f2bd62; background-color: #ffe980 }
.pager div.results a.item.selected { border-bottom: 1px solid #f0f5e4; border-right: 1px solid #f0f5e4; border-left: 1px solid #8fb732; border-top: 1px solid #8fb732; background-color: #e1ecc8 }
.pager div.results a.item.selected:hover { border-bottom: 1px solid #99b772; border-right: 1px solid #99b772; border-left: 1px solid #477919; border-top: 1px solid #477919; background-color: #8aae64 }
.pager div.pagercontrol{ width: 100% }
.pager p.title{ padding: .5em; text-align: center }
.pager h1{ margin-bottom: .5em }
.pager.small div.results{ height: 10em }
.pager div.results a.item.taggroup{ background-color: #efd5ff; border-top: 1px solid #efd5ff; border-left: 1px solid #efd5ff; border-right: 1px solid #9550bf; border-bottom: 1px solid #9550bf }
.pager div.results a.item.taggroup:hover{ border-top: 1px solid #fff5c5; border-left: 1px solid #fff5c5; border-right: 1px solid #f2bd62; border-bottom: 1px solid #f2bd62; background-color: #ffe980 }
.pager div.results a.item.taggroup.selected { border-top: 1px solid #e9c6ff; border-left: 1px solid #e9c6ff; border-right: 1px solid #a250d5; border-bottom: 1px solid #a250d5; background-color: #dba6fc }

div.wlocator{ }
div.wlocator table{ width: 100% }
div.wlocator td{ vertical-align: top }
div.wlocator td.separator{ width: 8px }
div.wlocator td.options{ }
div.wlocator div.map{ height: 40em; display: block }
div.wlocator p{ margin: .5em 0 }
div.wlocator p.ok { font-weight: bold; color: green }
div.wlocator p.error { font-weight: bold; color: #b70000 }
div.wlocator p.info{ margin: 0; font-style: italic; text-align: left; color: #306030 }
div.wlocator input.text{ width: 24em; padding: .25em }
div.wlocator select{ width: 100% }
div.wlocator div.option{ margin-bottom: 1.4em }
div.wlocator input.button{ padding: .5em; display: inline }

iframe { border: none; outline: none }
span.spandays{ position: absolute; top: 0; right: 0; bottom: 0; width: 2em }
div.border div.in { position: absolute; left: 23px; right: 23px; bottom: 23px; top: 23px; padding: 1em; display: block; background-color: white }

div.itemmatch{ position: relative; clear: both }
div.itemmatch span.routeframe{ position: absolute; top: 50%; margin-top: -14px; right: 29px; width: 24px; height: 24px }
div.itemmatch span.routeframe span{ background-image: url( images/prevnext.gif ); background-repeat: no-repeat; display: block; width: 24px; height: 12px; }
div.itemmatch span.routeframe span.comes{ background-position: 0 0  }
div.itemmatch span.routeframe span.goes{ background-position: 0 -12px }
div.itemmatch span.daysframe{ position: absolute; top: 50%; margin-top: -14px; right: 2px; width: 27px; height: 27px; background-image: url( images/colours.gif ); background-repeat: no-repeat }
div.itemmatch span.daysframe span{ position: absolute; width: 27px; text-align: center; font-weight: bold }
div.itemmatch span.daysframe span.numtext{ top: 8px; left: 1px; color: black }
div.itemmatch span.daysframe span.numshade{ color: white; top: 7px; left: 0px }
div.itemmatch span.avatar{ float: left; margin-right: .5em; display: block; line-height: 0px }
div.itemmatch span.text{ display: block; margin-left: 2px; margin-right: 30px; position: relative }
div.itemmatch span.star{ background-image: url( images/updated.png ); background-repeat: no-repeat; background-position: left middle; position: absolute; left: 16px; top: 18px; width: 32px; height: 32px; }
div.itemmatch span.text p { display: block }

div.clock_control{ margin: 1px }
div.clock_control p.title{ width: 100%; display: block; padding: .5em; text-align: center }
div.clock_control table.clock_container { width: 100% }
div.clock_control table.clock_container td { width: 12.5% }
div.clock_control table.clock_container td a{ display: block; padding: .25em 1em  }
div.clock_control table.clock_container td a.current{ background-color: white }
table.clock_container td a.current:hover{ color: black }

span.dot_line{ display: block; height: 4px; background-image: url( images/dots.gif ); background-repeat: repeat-x; margin-top: 1em }
div.loginbox.important{ background-color: #FFFF7A; color: black }

div.user_profile_sheet{ position: absolute; left: 1em; top: 1em; right: 1em; bottom: 5em }
div.user_profile_sheet a{ text-decoration: none; color: #404040 }
div.user_profile_sheet a:hover{ color: black }

ul.wtabs{ list-style-type: none; clear: both; display: block; z-index: 1 }
ul.wtabs *{ z-index: 1 }
ul.wtabs li{ float: left; font-size: 0px; line-height: 0px; background-image: url( images/tabbody2.gif ); background-position: 0px -36px; background-repeat: repeat-x; margin-right: 0px }
ul.wtabs li a{ border: none; outline: none; text-decoration: none }
ul.wtabs li a:hover{ text-decoration: none }
ul.wtabs li.s, ul.wtabs li.e{ background-image: url( images/tabborders2.gif ); width: 14px; height: 36px; display: block; }
ul.wtabs li.s{ background-position: -28px 0px }
ul.wtabs li.e{ background-position: -42px 0px }
ul.wtabs div.tab{ height: 36px; position: relative; cursor: pointer }
ul.wtabs div.tab div{ display: inline; padding-bottom: 36px }
ul.wtabs div.tab div.f{ position: absolute; left: 0; top: 0; width: 7px; background-image: url( images/tabborders2.gif ); background-repeat: no-repeat; background-position: -14px 0px }
ul.wtabs div.tab div.m{}
ul.wtabs div.tab div.m p img{ vertical-align: top; margin-right: .5em; margin-top: -8px }
ul.wtabs div.tab div.m p{ font-size: 11px; color: #404040; margin: 0 .5em; padding: 1em; padding-top: 16px; font-weight: normal; color: #808080 }
ul.wtabs div.tab div.m a{ color: #404040 }
ul.wtabs div.tab div.l{ position: absolute; right: 0; top: 0px; width: 7px; background-image: url( images/tabborders2.gif ); background-repeat: no-repeat; background-position: -21px 0px }
ul.wtabs li.active div.tab, ul.wtabs li a:hover div.tab{ background-image: url( images/tabbody2.gif ); background-position: 0px 0px }
ul.wtabs li.active div.tab div.m a{ color: black }
ul.wtabs li.active div.tab div.m p, li a:hover div.tab div.m p{ color: black }
ul.wtabs li.active div.tab div.f, li a:hover div.tab div.f{ background-image: url( images/tabborders2.gif ); background-position: 0px 0px }
ul.wtabs li.active div.tab div.l, li a:hover div.tab div.l{ background-image: url( images/tabborders2.gif ); background-position: -7px 0px }
ul.wtabs div.tab div.m a:hover{ color: black }

table.upgrade{ margin: 0 auto; }
table.upgrade td.content{ width: 50em; padding: 1em }
div.browser{ background-image: url( images/browsers.gif ); background-repeat: no-repeat; width: 128px; height: 128px; display: block }
div.link{ cursor: pointer }
div.browser.ie6{ background-position: -512px 0 }
div.browser.ff{ background-position: 0 0 }
div.browser.op{ background-position: -128px 0 }
div.browser.sf{ background-position: -256px 0 }
div.browser.ie7{ background-position: -384px 0 }

a.graphic{ text-decoration: none; display: block; text-align: center; height: 100%; line-height: 1em; margin: 0; padding: 0 1em; height: 60px }
a.graphic table{ margin: auto }
a.graphic td{ vertical-align: middle; padding: .5em; text-align: left; color: #404040 }
a.graphic:hover td{ color: white }
a.graphic td.img{ vertical-align: top }
a.graphic img{ margin-left: 1em }
a.graphic td p{ margin: .5em 1em .5em 0; white-space: normal }

span.icon{ background-image: url( images/icons.png ); background-repeat: no-repeat; width: 48px; height: 48px; display: block }
span.icon.stay{ background-position: 0 0 }
span.icon.event{ background-position: -48px 0 }
span.icon.newstay{ background-position: -96px 0 }
span.icon.newevent{ background-position: -144px 0 }
span.icon.editstay{ background-position: -192px 0 }
span.icon.editevent{ background-position: -240px 0 }

table.locator_options{ width: 100% }
table.locator_options td{ width: 30% }
table.locator_options input.text, table.locator_options select{ width: 90% }

div.hpanel{ position: relative; background-image: url( images/help.png ); background-repeat: no-repeat; display: block; width: 16px; height: 16px; cursor: pointer }
div.hpanel div.hcontent{ position: absolute; left: 18px; top: -8px; margin-top: 1px; display: none; padding: 1em; border: 1px solid gray; width: 28em; background-color: #fff8d9; z-index: 200 }
div.hpanel:hover span.arrow{ position: absolute; top: 2px; left: 6px; background-image: url( images/tiparrow.gif ); background-repeat: no-repeat; width: 13px; height: 13px; z-index: 100 }
div.hpanel:hover div.hcontent{ display: block; z-index: 100 }
div.hpanel p{ margin-bottom: .5em }

a.message{ text-decoration: none; position: relative; height: 1.25em; padding: .5em; display: block; cursor: pointer; border: 1px solid transparent }
a.odd{ background-color: #eeeeee }
a.message:hover { border-top: 1px solid #fff5c5; border-left: 1px solid #fff5c5; border-right: 1px solid #f2bd62; border-bottom: 1px solid #f2bd62; background-color: #ffe980 }
a.message span{ position: absolute; top: .5em; white-space: nowrap; overflow: hidden }
a.message span.sender{ left: .5em; width: 10em }
a.message span.subject{ left: 11em; right: 11em }
a.unread span{ font-weight: bold }
a.message span.date{ right: .5em; width: 10em; text-align: right }

div.wmapcontrol{ border: 1px solid black; background-color: white }
div.wmapcontrol *{ font-family: arial, sans-serif; font-size: 12px; margin: 0; padding: 0; outline: none }
div.wmapcontrol *.rim{ border-style: solid; border-color: white rgb(176, 176, 176) rgb(176, 176, 176) white; border-width: 1px; display: block }
div.wmapcontrol *.button{ background-color: white; text-align: center; cursor: pointer }
div.wmapcontrol a{ color: black; text-decoration: none }

div.wmap div.hint{ position: absolute; left: 0; height: 1em; right: 0; padding: 1em .5em; background-color: black; color: white; text-align: center; font-weight: bold; filter: alpha(opacity=80); opacity: .8 }

a.contact_entry { display: block; padding: .5em; color: white; white-space: normal; text-decoration: none }
a.contact_entry:hover { background-color: white }

*.legend { display: block; width: 24em }
*.legend li { background-image: url( images/legend.png ); background-repeat: no-repeat; display: block; padding-left: 24px; height: 16px; margin-bottom: 4px }
*.legend li.own{ background-position: 0 0 }
*.legend li.search{ background-position: 0 -16px }
*.legend li.radius{ background-image: none; background-position: 0 -32px }
*.legend li.in{ background-position: 0 -48px }
*.legend li.out{ background-position: 0 -64px }
*.legend li.cluster{ background-position: 0 -80px }

a.login_button { border: none; text-decoration: none ; position: absolute; top: 0; right: 0; width: 310px; height: 35px; background-image: url( images/login_en.gif ); background-repeat: no-repeat }
a.login_button:hover{ border: none; text-decoration: none }
input.btn2link{ border: 0; padding: 0; background-color: transparent; margin: 0; cursor: pointer }
input.btn2link:hover{ border-bottom: 1px solid }
form.micrologin{ border: 1px solid #dddddd; padding: .5em }
form.micrologin td{ padding: .25em }
div.normal{ background-color: #dcff8f; border: 1px solid #85ae29; padding: 1em; line-height: 1em }
div.attention{ background-color: #ffe980; border: 1px solid #f2bd62; padding: 1em; margin: 0 4px }
div.attention p{ margin-bottom: .5em }

span.lts{ display: inline; margin-left: 4px }
span.lts img.clock{ float: none; vertical-align: top; cursor: pointer }

table.profile_list{ }
table.profile_list tr td{ border-bottom: 1px solid #808080; vertical-align: top }
table.profile_list tr.odd{ background-color: #dddddd }
table.profile_list td{ padding: .25em; vertical-align: middle; white-space: nowrap }
table.profile_list td.name{ width: 100% }
table.profile_list td.url{ text-align: right; width: 100% }
input.text{ width: 20em; border: 1px solid #808080; padding: .25em }
input.text:focus{ border: 1px solid #619B27 }

/*
ul.nnav{ float: right; clear: both; margin-top: .5em; background-color: #518400; background-image: url( images/menubkg.gif ); background-repeat: repeat-x; background-position: top; border-bottom: 1px solid #808080; z-index: 9999 }
ul.nnav a:hover{ text-decoration: none }
ul.nnav li{ float: left; padding: 0; z-index: 9999; border-left: 1px solid #a3c750 ; border-right: 1px solid #3b6a00 }
ul.nnav li *.l, ul.nnav p.header{ padding: 1em 2em; display: block; border: none; border-right: 1px solid transparent; border-bottom: 1px solid transparent; color: white; height: 1em; z-index: 9999 }
ul.nnav li *.hilite{ background-color: #FFFF7A; color: #202020 }
ul.nnav li div.access{}
ul.nnav li div.access div.content{ background-color: #bbd576; background-image: url( images/menutabbkg.gif ); background-position: top; background-repeat: repeat-x; display: none; padding: 1em 0 1em 0; position: absolute }
ul.nnav li div.access div.content p.txt{ padding: .5em 2em; color: #404040; font-weight: bold }
ul.nnav li div.access div.content a{ padding: .5em 2em }
ul.nnav li div.access div.content a.dotted{ border: 1px solid red; padding-left: 40px }
ul.nnav li div.access div.content a.na{ color: #404040; white-space: nowrap; text-decoration: none; border: none; display: block; border-bottom: 1px solid transparent }
ul.nnav li div.access div.content a.na:hover{ background-color: #518400; background-image: url( images/menubkg.gif ); background-repeat: repeat-x; background-position: top; color: white; border-bottom: 1px solid #3b6a00 }
ul.nnav li div.access div.content a.active{ color: #b70000 }
ul.nnav li div.access:hover div.content{ z-index: 200 }
ul.nnav li div.access:hover *.l, ul.nnav p.header:hover, ul.nnav li div.access:hover p.header{ background-color: #d0e3a7; border-right: 1px solid #9EC061; border-bottom: 1px solid #9EC061; color: black }
ul.nnav li div.access a.l a:hover{ background-color: black; color: white }
ul.nnav li div.access:hover div.content{ margin-top: -1px; display: block; border-right: 1px solid #9EC061; border-bottom: 1px solid #9EC061 }
ul.nnav li a.logout{ background-color: #b70000; color: white }
ul.nnav li div.access:hover a.logout{ background-color: white; color: #b70000 }
ul.nnav input.sublink{ font-family: "lucida grande", tahoma, verdana, arial, sans-serif; outline: none; border: none; background-color: transparent; color: white }
ul.nnav li div.access:hover input.sublink{ color: black; cursor: pointer; }
ul.nnav input.sublink:hover{ text-decoration: underline }
ul.nnav form{ padding: 0; margin: 0 }
ul.nnav form input.text{ width: 10em }
ul.nnav form input.text:focus{ width: 20em }
*/

ul.nnav{ float: right; clear: both; margin-top: .5em; background-color: #518400; background-image: url( images/menubkg.gif ); background-repeat: repeat-x; background-position: top; border-bottom: 1px solid #808080; z-index: 5000 }
ul.nnav a:hover{ text-decoration: none }
ul.nnav li.t{ float: left; padding: 0; z-index: 400; border-left: 1px solid #a3c750 ; border-right: 1px solid #3b6a00; }
ul.nnav li *.access{ display: block; color: white }
ul.nnav li a.access{ padding: 1em 2em; color: white }
ul.nnav li form{ padding: 1em 2em .75em 2em }
ul.nnav li:hover *.access{ background-color: #d0e3a7; background-image: none; color: black }
ul.nnav li:hover *.sublink{ color: #202020 }
ul.nnav li:hover a{ color: #202020 }
ul.nnav li ul.content{ background-color: #bbd576; background-image: url( images/menutabbkg.gif ); background-position: top; background-repeat: repeat-x;padding: 1em 0 1em 0; position: absolute;  z-index: 4000; display: none }
ul.nnav li ul.content li{ display: block; float: none }
ul.nnav li ul.content a.na, ul.nnav li ul.content p{ padding: .5em 2em; display: block; border-bottom: 1px solid transparent; white-space: nowrap }
ul.nnav li ul.content p{ color: #404040; font-weight: bold }
ul.nnav li:hover ul.content{ display: block; z-index: 4000 }
ul.nnav li ul.content li.na{ border-bottom: 1px solid transparent }
ul.nnav li ul.content li.na:hover{ background-color: #518400; background-image: url( images/menubkg.gif ); background-repeat: repeat-x; background-position: top; color: white; border-bottom: 1px solid #3b6a00 }
ul.nnav li ul.content li.na:hover a.na{ color: white }
ul.nnav input.sublink{ font-family: "lucida grande", tahoma, verdana, arial, sans-serif; outline: none; border: none; background-color: transparent; color: white }
ul.nnav input.sublink:hover{ text-decoration: underline }
ul.nnav form{ padding: 0; margin: 0 }
ul.nnav form input.text{ width: 10em }
ul.nnav form input.text:focus{ width: 20em }
ul.nnav li ul.content a.active{ color: #b70000 }
*.logout{ background-color: #b70000 }
span.dot{ background-image: url( images/bullets.png ); background-repeat: no-repeat; width: 8px; height: 8px; background-position: 0 -8px; float: left; margin-top: 10px; margin-left: 2em; margin-right: 10px }
ul.nnav li ul.content li:hover span.dot{ background-position: 0 0 }

img.av{ background-repeat: no-repeat; border: 4px solid white; margin: 0 }
img.small_av{ width: 32px; height: 32px; background-image: url( images/genav.gif ); border-width: 3px }
img.big_av{ width: 50px; height: 50px; background-image: url( images/genav_50.gif ) }
img.extra_av{ width: 64px; height: 64px; background-image: url( images/genav_64.gif ) }

*.block_toggle{}

ul.toolbar{ z-index: 100; list-style-type: none }
ul.toolbar li{ z-index: 100; float: left; padding: .5em 1em; position: relative; border-right: 1px solid transparent }
ul.toolbar li div.content{ z-index: 100; display: none; position: absolute; left:0; top: 2em; padding: 1em; margin-top: 1px; border-right: 1px solid gray; border-bottom: 1px solid gray; width: 28em; background-color: white }
ul.toolbar li.popup:hover{ background-color: white; border-right: 1px solid gray }
ul.toolbar li:hover div.content{ display: block }
ul.toolbar li.popup:hover, ul.toolbar li.popup:hover div.content{ background-color: #f0f0f0 }
ul.toolbar li div.content h1{ font-family: "trebuchet ms", sans-serif; font-size: 1.4em }
ul.toolbar li div.content h2{ font-size: 1em }
ul.toolbar li div.content input.ddmcheck{ margin-right: .5em }
ul.toolbar li div.content p{ margin-bottom: .5em }

p.message_pager{ text-align: center; width: 100% }
p.message_pager a { border: 1px solid #81a940; padding: .5em; text-decoration: none; color: black; background-color: white }
p.message_pager a:hover { border-top: 1px solid #f0f5e4; border-left: 1px solid #f0f5e4; border-right: 1px solid #8fb732; border-bottom: 1px solid #8fb732; background-color: #e1ecc8 }

textarea.post_box{ width: 100%; height: 10em; border: 1px solid #dedede }

.gbtn {
line-height: 0;
-x-system-font:none;
background:transparent none repeat scroll 0 0;
border-width:0;
color:#333333;
font-family: "lucida grande", tahoma, verdana, arial, sans-serif; 
font-size: 11px;
display:inline-block;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
margin:0;
overflow:visible;
padding:6px 0;
text-decoration:none;
}
* html button.gbtn {
padding-bottom:1px;
}
/*html:not([lang*=""]) button.gbtn {
margin:0 -6px;
}*/
.gbtn span {
background:#DDDDDD url(images/bg-button.gif) repeat-x scroll 0 0;
border-left:1px solid #BBBBBB;
border-right:1px solid #AAAAAA;
margin:0;
padding: 6px 0;
line-height: 120%;
}
* html .gbtn span {
padding-top:0;
}
.gbtn span span {
border-bottom:1px solid #AAAAAA;
border-top:1px solid #BBBBBB;
border-width:1px 0;
padding:6px .5em;
position:relative;
}
button.pill-l span {
border-right-width:0;
}
button.pill-l span span {
border-right:1px solid #BBBBBB;
}
button.pill-c span {
border-left-color:#FFFFFF;
border-right-style:none;
}
button.pill-c span span {
border-right:1px solid #BBBBBB;
}
button.pill-r span {
border-left-color:#FFFFFF;
}
.gbtn:hover{ text-decoration: none; cursor: pointer }
.gbtn:hover span, .gbtn:hover span span, .gbtn:focus span, .gbtn:focus span span {
border-color:#619B27 !important;
color:#000000;
cursor:pointer;
}
.gbtn:active span {
background-position:0 -394px;
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:medium;
}
.gbtn:focus, .gbtn:active {
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:medium;
}
.primary {
color:#000000;
font-weight:bold;
}