/* body fullscreen (all browsers) */
html, body { margin: 0; height: 100%; font-family: arial; overflow-y: hidden; min-width: 1100px;}

.center { text-align: center; }
#map { position: absolute; top: 101px; left: 380px; min-width: 720px; right: 0; bottom: 0; background: #DDD; }

/* Header */
#header { position: absolute; top: 0; left: 0; min-width: 1100px; width: 100%; height: 101px; background: #FFF url(../images/bg-header-new.gif) bottom left repeat-x; z-index: 1; text-align: center; }
#header h1 { display: none; }
#logo { position: absolute; background: url(../images/logo.gif); height: 58px; left: 10px; top: 10px; width: 370px; }
#right { float: right; }

#links { position: absolute; top: 78px; right: 10px; width: 500px; height: 20px; text-align: right; color: #FFF; font-size: 13px; }
#links a { text-decoration: none; color: #FFF; }
#links a:hover { text-decoration: underline; }

#info { text-align: left; margin: 8px 0 0 10px; color: #FFF; position: absolute; bottom: 7px; left: 0px; }
#info a { color: #FFF; text-decoration: none; }
#info a:hover { text-decoration: underline; }
#info .message { font-size: 11px; color: #666666; line-height: 22px; }

#location { margin-top: 13px; margin-left: 380px; }
#location .where { font-size: 17px; font-weight: bold; border: 1px solid #FF9900; padding: 2px 5px; text-decoration: none; color: #000000; }
#location .categories { font-size: 13px; font-weight: bold; border: 1px solid #FF9900; padding: 2px 5px; text-decoration: none; color: #888; }
#location .when { font-size: 13px; font-weight: bold; border: 1px solid #FF9900; padding: 2px 5px; text-decoration: none; color: #888; }
#location .separator { width: 1px; border: 1px solid #888888; margin: 0 1.5em; }
#location .km { color: #888888; }
#location a:hover .km { color: #ffffff; }

#account { position: absolute; top: 12px; right: 10px; width: 400px; height: 20px; text-align: right; color: #888888; font-size: 11px; }
#account a { text-decoration: none; color: #888888; }
#account a:hover { text-decoration: underline; color: #000000; }

/* Controls */
#controls { position: absolute; top: 101px; left: 0px; width: 380px; bottom: 0; padding-left: 00px; background: #F9F9F9; }
#controls h3 { float: left; width: 270px; background: #e5ebec; padding: 5px 0 5px 10px; margin: 10px 0 10px 0; font-size: 14px; }
#controls .first { margin-top: 0; margin-bottom: 0; width: 370px; }
#controls .last { background: #FF9900; padding: 0; width: 380px; height: 41px; position: absolute; bottom: 0; margin: 0; }
#controls #controls_content { overflow: auto; width: 380px; }

/* Google map shadox */
#ds_h { position: absolute; left: 380px; top: 101px; bottom: 0; width: 5px; z-index: 1000; }
#ds_h div { float: left; height: 100%; width: 1px; font-size: 1px; background-color: #000000; display: inline; overflow: hidden; }
#ds_v div { position: relative; width: 100%; height: 1px; font-size: 1px; background-color: #000000; overflow: hidden; }
#ds_v { position: absolute; left: 380px; right: 0; top: 101px; height: 5px; z-index: 1000; }
#ds_v div { position: relative; width: 100%; height: 1px; background-color: #000000; }
#ds .o1 { opacity: .4; filter: alpha(opacity=40); }
#ds .o2 { opacity: .32; filter: alpha(opacity=32); }
#ds .o3 { opacity: .24; filter: alpha(opacity=24); }
#ds .o4 { opacity: .16; filter: alpha(opacity=16); }
#ds .o5 { opacity: .08; filter: alpha(opacity=8); }

/* Dialogs */
#location-dialog .error { color: #FF0000; }
#loading { overflow: hidden; }
#loading p { text-align: center; margin: 10px 0 0 0; }
#loading small { font-size: 11px; color: #888888; }
#loading a { color: #888888; }
#what-dialog label { cursor: pointer; }
#when-dialog label { cursor: pointer; }

/* Events */
.eventdiv { width: 330px; font-size: 11px; font-family: Arial,Helvetica,sans-serif; }
.eventdiv .eventdate, .eventdiv .eventwhere { font-size: 10px; padding: 3px; line-height: 14px; margin-bottom: 0.3em; color: #666; background-color: #ededed; }
.eventdiv .eventdate b, .eventdiv .eventwhere b { color: #000000; }
.eventdiv h4 { font-size: 14px; margin: 0 0 0.6em 0; padding: 3px; background-color: #ededed; }
.eventdiv h4 a { color: #000000; text-decoration: none; }
.eventdiv h4 a:hover { text-decoration: underline; }
.eventdesc { height: 285px; overflow: auto; padding-left: 3px; margin-top: 11px; }
.eventdesc p { margin: 0 0 11px 0; }
.eventdesc .readmore { display: block; margin-top: 11px; }
.eventdiv .summary { font-size: 12px; }
.eventdiv .vevent > span { font-size: 10px; color: #666; display: block; border: 0; }
.eventdiv a img { border: 1px solid #666; margin-top: 1em; }
.eventdiv .vcard { float: right; width: 55%; margin-top: 1.0em; border-top: 1px dotted #666; border-bottom: 1px dotted #666; padding: 3px 0; }
.eventdiv a .eventimage { float: left; margin: 0px 11px 11px 0; }
.eventdiv .vcard { width: 45%; }
.eventshare { margin-top: 16px; }

#eventlist .eventitem { font-family: Arial; cursor: pointer; padding: 3px 0; }
#eventlist .eventitem .icon { float: left; width: 15px; height: 25px; margin-top: 1px; background: #ffffff url(          'http://labs.google.com/ridefinder/images/mm_20_yellow.png' ) no-repeat scroll top center; }
#eventlist .eventitem .thumb { float: left; width: 40px; height: 40px; margin: 0px; }
#eventlist .eventitem .thumb img { width: 40px; height: 40px; }
#eventlist .eventitem .content { background-color: #EDEDED; margin: 0 0 0 43px; padding: 2px 5px; line-height: 18px; }
#eventlist .eventitem .eventtitle { font-size: 13px; }
#eventlist .eventitem .eventtitle a { color: #000000; text-decoration: none; }
#eventlist .eventitem .eventdate { color: #666666; font-size: 11px; }
#eventlist .eventitem .description { position: absolute; text-indent: -9999px; }
#eventlist .eventitem h4 { font-size: 14px; margin: 0; padding: 0 3px 3px; }
#eventlist .eventitem:hover .content { background-color: #ffff99; }
#eventlist .dateitem {
    background-color: #888888;
    color: #EEEEEE;
    font-size: 11px;
    font-weight: bold;
    padding: 3px 2px 3px 5px;
    text-align: center;
}

#eventlist { overflow: auto; margin: 0; padding: 0 0 0 5px; clear: both; }
#eventlist .spinner { margin-top: 15px; height: 40px; background-image: url(http://i49.tinypic.com/35n22r4.gif); background-position: center top; background-repeat: no-repeat; }

.eventful .content { }

/* Badges */
.badge { float: left; }
.eventful-badge, .eventful-badge * { margin: 0 !important; padding: 0px !important; border: 0 !important; text-align: center !important; color: #CCC !important; font-family: Arial !important; text-decoration: none !important; }
.eventful-large { position: relative !important; width: 140px !important; font-size: 15px !important; line-height: 17px !important; font-weight: bold !important; }
.eventful-medium { position: relative !important; width: 100px !important; font-size: 12px !important; line-height: 13px !important; }
.eventful-small { position: relative !important; width: 100px !important; font-size: 11px !important; line-height: 11px !important; padding: 5px !important; }
.meetup-badge img { border: 0; padding: 5px; }

/* Sitemap */
#sitemap .unit { float: left; width: 48%; font-size: 12px; }
#sitemap .unit-global { margin-top: 12px; font-size: 12px; clear: both;}
#sitemap .unit-global li { float: left; width: 33%; }

/* Ads */
#ads { height: 60px; overflow: hidden; width: 380px; }


/* Tab menu */

#location {
    font-size: 14px;
    overflow: hidden;
}
#location ul {
    list-style-type: none;
    margin: 0 0 0 10px;
    padding: 0;
}
#location li {
    border-width: 0;
    float: left;
    margin: 0;
    padding: 0;
}
#location a {
    float: left;
    padding: 5px 10px 13px;
    position: relative;
    text-decoration: none;
    top: 5px;
}
#location a span.inner {
    -moz-border-radius: 9px 9px 9px 9px;
    border: 1px solid #666666;
    color: white;
    display: block;
    float: none;
    font-weight: bold;
    padding: 6px;
    position: relative;
}
#location a span.inner {
    -moz-border-radius: 0 15px 0 15px;
    background: url("../images/super-button-overlay.png") repeat-x scroll 0 0 #EDEDED;
    border-color: rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.25) #FF9900;
    border-style: solid;
    border-width: 1px 1px 1px 6px;
    color: black;
    font-weight: bold;
    text-shadow: 0 2px 2px #E7E7E7;
}

#location a:hover span.inner
{
    background-color: #666;
    color: white;
}

#location a span .label {
    font-size: 10px;
    margin-right: 6px;
    position: relative;
    top: -1px;
    text-shadow: 0 1px 1px #E7E7E7;
    color: #888888;
}

#location a:hover span .label {
    color: #FF9900;
    text-shadow: 0 1px 1px #ffc843;
}

#location a span .title {
    
}

#input-location { width: 257px; }

#content { position: absolute; top: 101px; left: 380px; min-width: 720px; right: 0; bottom: 0; background: #DDD; overflow: auto; }
#content > p { margin-left: 10px; }

#content .eventitem { border: 1px solid #CCCCCC; background-color: #FFFFFF; padding: 10px; margin: 0 0 5px 5px; width: 210px; float: left; -moz-border-radius: 10px; }
#content .eventitem img { border: 0; }
#content .eventitem .thumb { margin: 0 0 5px; }
#content .eventitem .thumb img { height: 150px; }
#content .eventitem .content { height: 339px; overflow: hidden; }
#content .eventitem .eventinfo {
    background-color: #EDEDED;
    color: #666666;
    font-size: 10px;
    line-height: 14px;
    margin-bottom: 0.3em;
    padding: 3px;
}
#content .eventitem .eventinfo b {
    color: #000000;
}
#content .eventitem .description { font-size: 11px; height: 100px; overflow: hidden; text-align: justify; margin-top: 5px; }
#content .eventitem .eventtitle {
    background-color: #EDEDED;
    font-size: 14px;
    margin: 0 0 5px;
    padding: 3px;
}
#content .eventitem .eventtitle a { font-weight: bold; color: #000000; text-decoration: none; }
#content .eventitem .eventtitle a:hover { text-decoration: underline; }
#content .dateitem {
    background: none repeat scroll 0 0 #000000;
    font-size: 14px;
    font-weight: bold;
    margin: 0 0 5px 0;
    padding: 5px 0 5px 10px;
    color: #EDEDED;
    clear: both;
}
#content .categoryitem {
    margin: 0 0 5px 0;
    padding: 5px 0 5px 10px;
    clear: both;
    background: none repeat scroll 0 0 #000000;
    font-size: 14px;
    font-weight: bold;
    color: #EDEDED;
}
#content .eventitem .readmore {
    margin-bottom: -5px;
    margin-top: 5px;
    text-align: right;
}
#content .eventitem .readmore a img {
    border: 0;
}
#content .separator {
    clear: both;
    height: 0px;
}
#content .anchor {
    clear: both;
    display: block;
}

#content .selected .eventitem {
    width: 420px;
    margin: 5px 0 15px 5px;
}
#content .selected .eventitem .content {
    height: auto;
}
#content .selected .eventitem .eventtitle h1 {
    font-size: 14px;
    margin: 0;
}
#content .selected .eventitem .description {
    height: auto;
    overflow: auto;
}
#content .selected .eventitem .description h2 {
    font-size: 11px;
    font-weight: normal;
    margin: 5px 0 0 0;
}
#content .selected .eventitem .readmore-extern {
    text-align: center;
    margin: 15px 0 5px 0;
}
#content .selected .eventitem .readmore-extern a {
    background-color: #000000;
    color: #EDEDED;
    text-decoration: none;
    padding: 5px 10px;
    font-weight: bold;
}
#content .selected .eventitem .readmore-extern a:hover {
    text-decoration: underline;
}

#content .selected .ad {
    float: left;
    margin: 5px 0 15px 5px;
    padding: 10px;
    width: 336px;
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    border-radius: 10px 10px 10px 10px;
}

#where {
    font-size: 14px;
    overflow: hidden;
    text-align: center;
    background-color: #E5EBEC;
    padding: 8px 0 10px 0;
}
#where ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
#where li {
    border-width: 0;    
    margin: 0;
    padding: 0;
}
#where a {
    display: block;
    padding: 5px 10px 13px;
    position: relative;
    text-decoration: none;
    top: 5px;
}
#where a span.inner {
    -moz-border-radius: 9px 9px 9px 9px;
    border: 1px solid #666666;
    color: white;    
    font-weight: bold;
    padding: 6px;
    position: relative;
}
#where a span.inner {
    -moz-border-radius: 0 15px 0 15px;
    background: url("../images/super-button-overlay.png") repeat-x scroll 0 0 #EDEDED;
    border-color: rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.25) #FF9900;
    border-style: solid;
    border-width: 1px 1px 1px 6px;
    color: black;
    font-weight: bold;
    text-shadow: 0 2px 2px #E7E7E7;
}

#where a:hover span.inner
{
    background-color: #666;
    color: white;
}

#where a span .label {
    font-size: 10px;
    margin-right: 6px;
    position: relative;
    top: -1px;
    text-shadow: 0 1px 1px #E7E7E7;
    color: #888888;
}

#where a:hover span .label {
    color: #FF9900;
    text-shadow: 0 1px 1px #ffc843;
}

#controls .categories {
    padding: 0 0 0 10px;
    list-style-position: inside;
}
#controls .categories > li {
    font-size: 13px;
    font-weight: bold;
    margin-bottom: 10px;
}
#controls .categories li ul {
}
#controls .categories li ul li {
}
#controls .categories li ul li a {
    font-size: 11px;
    font-weight: normal;
    color: #0000EE;
    text-decoration: none;
}
#controls .categories li ul li a:hover {
    text-decoration: underline;
}
#controls .citylink {
    margin: 10px 0 0 10px;
}
#controls .citylink a {
    font-size: 13px;
    color: #0000EE;
    text-decoration: none;
}
#controls .citylink a:hover {
    text-decoration: underline;
}

#maplink { 
    background-color: #EDEDED;
    padding: 5px 0px;
    text-align: center;
}
#maplink img { vertical-align: middle; }
#maplink a {font-size: 15px; margin-left: 10px; text-decoration: none; }
#maplink a:hover { text-decoration: underline; }