/**
 *	Colors:
 *	#104153 - dark blue
 *  #557885 - grey blue
 *	#D9F5FE - light blue
 *	#99E5FF - light blue (for links on dark blue bg)
 *	#EBEBEB - light grey
 *	#888888 - dark grey
 *  #CCFF00 - light green
 *  #EBFF99 - lighter green
 *  #E0FF66 - light green in tables
 *  #EDFFA6 - lighter green in tables
 */
*     { margin: 0; padding: 0; }
body  { font: 80%/1.5 "Trebuchet MS", Arial, Helvetica, Verdana, Tahoma, sans-serif; color: #104153; background: #FFF url(../images/bg_gradient.png) repeat-x; }
#wrap { width: 70em; margin: 0 1em 0 3em; }

/*** Elements ***/
h1       { margin-bottom: 1.0em; font-size: 1.4em; font-weight: bold; }
h2       { margin-bottom: 0.3em; font-size: 1.2em; font-weight: bold; }
h3       { margin: 0.5em 0; font-size: 1.1em; font-weight: bold; } 
h4       { margin-bottom: 0.5em; font-size: 1em; font-weight: bold; }
h5, h6   { margin-bottom: 0.2em; font-size: 1em; font-weight: bold; text-transform: uppercase; color: #777; }
h5 a,
h6 a     { color: #777; }
small    { font-size: 0.7em; }
p, pre   { margin-bottom: 1.5em; }
ul       { list-style: disc; margin: 0 0 0.5em 16px; }
ol       { margin: 0 0 1.5em 16px; }
a        { color: #104153; text-decoration: underline; }
a:focus,
a:hover  { text-decoration: none; }
img      { border: 0; }
abbr     { text-decoration: none; border: none; }
hr       { border: 0; border-top: 1px dotted #CCC; margin-bottom: 1.2em; color: #FFF; }
code     { font-size: 1.3em; font-weight: bold; }
blockquote { padding-left: 25px; background: url(../images/bg_comment.gif) no-repeat 0 2px; }

/*** Classes ***/
.center             { text-align: center; }
.right              { text-align: right; }
.middle             { vertical-align: middle; }
.inline             { display: inline; }
.avatar             { float: left; margin: 0 0.6em 0.6em 0; border: 1px solid #104153; }
.notice             { margin: 0 0 1.5em 0; border: 1px solid #999; padding: 0.5em; background: #DDD; }
.notice ul, 
.notice ol,
.notice p           { margin-bottom: 0; }
.notice a           { text-decoration: underline; background: none; color: inherit; border: 0; padding: 0; font-weight: normal; }
.notice a:hover,
.notice a:focus     { text-decoration: none; border: 0; }
.align-left         { float: left; }
.align-right        { float: right; }
.error              { border-color: red; background: #FF8080 url(../images/icons/exclamation.png) 0.6em 0.6em no-repeat; padding-left: 30px; }
.success            { border-color: green; background: #CF0 url(../images/icons/accept.png) 0.6em 0.6em no-repeat; padding-left: 30px; }
.note               { font-size: 0.9em; color: #888; }
.note a             { color: #888; }
.note p             { margin-bottom: 0.7em; }
.clear              { clear: both; }
.frame              { border: 1px solid #888; background: #EBEBEB; padding: 10px; }
.indicator          { position: relative; top: 3px; margin-right: 5px; }
.small              { font: 80% Tahoma, Arial, Helvetica, Verdana, "Trebuchet MS", sans-serif; letter-spacing: 0.1em; }
.ir                 { display: block; font: 0px/0px sans-serif; text-indent: -3000px; text-decoration: none; overflow: hidden; background-repeat: no-repeat; }
.position-container { position: relative; }
.with-margin        { margin-bottom: 0.7em; }
.highlight          { background: #CCFF00; font-weight: normal; }
.underlined         { border-bottom: 1px solid #104153; }
.tag_little         { font-size: 1.0em; }
.tag_small          { font-size: 1.2em; }
.tag_medium         { font-size: 1.4em; }
.tag_big            { font-size: 1.6em; }
.tag_bigger         { font-size: 1.8em; }
.tag_biggest        { font-size: 2.0em; }
.more               { margin: 0 0 0 6em; }
.venue              { margin-bottom: 1.7em; }
.map                { width: 100%; height: 200px; margin-bottom: 0.5em; border: 1px solid #104153; }
.location_links     { white-space: nowrap; }

/*** Box with rounded corners ***/
.box      { background: url(../images/corners/tl.png) no-repeat top left; position: relative; margin-bottom: 1.5em; }
.box .tr  { background: url(../images/corners/tr.png) no-repeat top right; }
.box .br  { background: url(../images/corners/br.png) no-repeat bottom right; }
.box .con { background: url(../images/corners/bl.png) no-repeat bottom left; padding: 0.6em 1em; }

/*** Boxen ***/
.box         { color: #104153; }
.box a       { color: #104153; }
.box p       { margin-bottom: 0.7em; }
#filter      { background-color: #EBEBEB; }

/*** Header ***/
#header              { position: relative; height: 75px; margin-bottom: 13px; }
#header input        { font-size: 1.1em; }
#header .text        { color: #888; }
#header .submit      { position: absolute; right: 0; top: 0; }
#logo                { position: absolute; left: -1px; bottom: 0; }
#info                { position: absolute; left: 11em; bottom: -6px; font-style: italic; }
#info h2             { margin: 0 0.1em 0 0; display: inline; font-size: 2.5em; font-weight: normal; letter-spacing: -0.03em; }
#info a              { text-decoration: none; color: #888; }
#city_changer        { position: absolute; bottom: 3px; left: 0; width: 22em; font-style: normal; }
#city_changer .text  { width: 13em; }
#login               { position: absolute; right: 0; top: 13px; color: #909090; }
#login a             { text-decoration: none; }
#search              { position: absolute; right: 0; bottom: -3px; width: 23.5em; }
#search .text        { width: 15.5em; }

/*** Navigation ***/
#navi             { background-color: #104153; color: #FFF; }
#navi .con        { padding: 0 0.5em; }
#navi ul          { list-style: none; margin: 0; font: 1.1em Tahoma, "Trebuchet MS", Arial, Helvetica, Verdana, sans-serif; }
#navi li          { float: left; margin-right: 0.4em; }
#navi li a        { display: block; height: 1.3em; padding: 0.4em 0.6em 0.4em 0.6em; color: #FFF; text-decoration: none; }
#navi li.act a    { color: #CF0; background: #4C717E; }
#mainnav          { float: left; }
#sidenav          { float: right; width: 21em; }

/*** Subnavi ***/
#sidebar #subnavbox               { background: #557885 url(../images/corners/tl.png) no-repeat top left; position: relative; margin-bottom: 1.5em; color: #FFF; }
#sidebar #subnavbox .tr           { background: url(../images/corners/tr.png) no-repeat top right; }
#sidebar #subnavbox .br           { background: url(../images/corners/br.png) no-repeat bottom right; }
#sidebar #subnavbox .con          { background: url(../images/corners/bl.png) no-repeat bottom left; padding: 0.6em 1em; }
#sidebar #subnavbox ul            { list-style: none; margin: 0; font-size: 0.95em; }
#sidebar #subnavbox li            { margin: 0 0 0.5em 0; }
#sidebar #subnavbox li a          { color: #FFF; text-decoration: none; }
#sidebar #subnavbox li.act a      { color: #CF0; }
#sidebar #subnavbox h4            { color: #BBB; margin: 0 0 0.2em 0; }
#sidebar #subnavbox hr            { margin: 0.75em 0; }
#sidebar #subnavbox ul.inlined li { float: left; margin-right: 1.3em; }

/*** Content ***/
#content                  { padding: 0.3em 0 3em 0; }
#main                     { width: 43em; float: left; padding-top: 0.3em; }

/*** Sidebar ***/
#sidebar                   { width: 24em; float: right; }
#sidebar ul                { line-height: 1.8em; }
#sidebar .box              { background: #FFF url(../images/bg_box-fade.png) repeat-x; }
#sidebar .tr               { background: url(../images/corners/tr-fade.png) no-repeat top right; }
#sidebar .br               { background: url(../images/corners/tl-fade.png) no-repeat top left;  }
#sidebar .con              { padding: 0.6em 1em; }
#sidebar .heading .links   { margin-top: 0.2em; font-size: 0.9em; color: #888; }
#sidebar .heading .links a { color: #888; }
#sidebar .option           { margin: 0; text-decoration: none; }
ul.options                 { list-style: none; margin-left: 0; color: #888; }
ul.options li a            { margin-left: 0; text-decoration: none; }
ul#tagging                 { list-style: none; margin-left: 0; }
ul#tagging li a            { margin-left: 0; padding-left: 10px; }
ul#users_groups_list       { list-style: none; margin: 0 0 0.5em 0; }
ul#users_groups_list li    { display: block; }
div.fav                    { margin-bottom: 1em; }

/*** I'm a subscriber, I'm gonna make it, I will subscribe, Keep on subscribin' ***/
span.subscribe_options a.icon { margin-left: 0.3em; text-decoration: none; color: #AAA; }
span.subscribe_options a.iCal { margin-left: 0.55em; }

/*** Tabellen ***/
table                 { width: 100%; margin-bottom: 1.7em; }
table a               { text-decoration: none; }
th                    { border-bottom: 1px solid #CCC; padding: 0.5em 0.5em 0.5em 0; text-align: left; vertical-align: top; color: #888; font-weight: normal; }
th.count              { width: 15%; text-align: right; }
td                    { border-bottom: 1px dotted #CCC; padding: 0.5em 0.5em 0.5em 0; text-align: left; vertical-align: top; }
td p                  { margin-bottom: 0.5em; }
td.count              { text-align: right; }
td.fav                { padding-left: 15px; }
tr form               { position: relative; top: -3px; }
tr.friend td          { background: #EDFFA6; }
tr.fan td             { background: #EDFFA6; }
td.no_border          { border: 0; }

/*** Eventlist ***/
.events ul                       { margin: 0 0 1em 0; list-style: none; }
.events .ad,
.events .vevent                  { margin: 0 0 1em 0; padding: 0; }
.events .ad .sign,
.events .vevent .date            { float: left; width: 5.5em; padding: 0.2em 0 0 0; text-align: right; color: #888; }
.events .vevent .date a          { color: #888; text-decoration: none; }
.events .ad .info                { margin-left: 6em; border-left: 1px solid #BBB; padding: 0.4em 0 0 0.7em; }
.events .vevent .info            { margin-left: 6em; border-left: 1px solid #BBB; padding: 0 0 0 0.7em; }
.events .vevent h2               { float: left; width: 17em; font-size: 1.2em; }
.events .vevent a.summary        { text-decoration: none; }
.events .vevent .location        { margin: 0 0 0.5em 0; color: #888; }
.events .vevent .description     { margin: 0 0 0.5em 0; }
.events .vevent .additional      { margin: 0; }
.events .vevent .count           { float: right; position: relative; font-size: 1.1em; padding: 0.1em 0 0 0; margin-bottom: 0.4em; text-align: right; }
.events .vevent .count a         { text-decoration: none; }
.events .vevent .count .popular  { position: absolute; left: -23px; top: 4px; }
.events .vevent .count .onfire   { position: absolute; left: -23px; top: -1px; }
.events .vevent .poster          { float: right; margin: 0 0 0 1.5em; }
.events .vevent .comments        { float: right; }
.events .pagination              { margin: 2.5em 0 1em 6em; }

/*** Ads ***/
#ads                { margin: 0 0 1.7em 0; padding: 0 0.7em; }

/*** Footer ***/
#footer             { background-color: #104153; color: #FFF; }
#footer .con        { padding-top: 1em; }
#footer ul          { list-style: none; margin: 0; line-height: 2em; }
#footer h6          { color: #CF0; text-transform: none; }
#footer a           { color: #FFF; text-decoration: none; }
#footer_info        { float: left; width: 15.4em; }
#footer_exchange    { float: left; width: 17.4em; }
#footer_external    { float: left; width: 13em; }
#footer_proposal    { float: right; width: 22em; }
#proposal           { width: 20em; }

/*** Tagcloud ***/
ul.tags                { list-style: none; margin-left: 0; }
ul.tags li             { float: left; margin-right: 1.1em; padding: 0; }
ul.tags li form        { display: none; position: absolute; margin: 0 0 0 -6px; z-index: 500; }
ul.tags li:hover form  { display: inline; }

/*** Headlines ***/
.heading                  { width: 100%; margin-bottom: 0.75em; }
.heading h1,             
.heading h2,             
.heading h3,             
.heading h4              { float: left; margin: 0 0.5em 0 0; }
.heading .links          { float: right; margin-top: 0.4em; }
.heading .links a        { text-decoration: none; }
#main div.heading h1,       
#main div.heading h2,       
#main div.heading h3,
#main div.heading h4        { font-weight: normal; }

/*** Photos ***/
iframe#upload_photo_frame   { width: 1px; height: 1px; border: 0; }
ul.photos                   { list-style: none; margin: 1em 0 1.5em 0; }
ul.photos li                { position: relative; float: left; margin: 0 6px 6px 0; border: 1px dotted #CCC; padding: 5px; text-align: center; background: #FFF; }
ul.photos li a.photo        { line-height: 70px; display: block; width: 100px; height: 75px; }
ul.photos li img            { vertical-align: middle; }
ul.photos li form           { position: absolute; display: none; background: #FFF; border: 1px dotted #CCC; border-top: 0; padding-bottom: 3px; left: -1px; top: 85px; z-index: 500; text-align: center; width: 110px; }

div#main ul.photos li       { width: 100px; }
div#sidebar ul.photos       { margin-bottom: 0; }

/*** Comments ***/
div#add_comment                    { margin: 0 0 2.5em 0; }
div#add_comment textarea           { width: 100%; }
ul.comments                        { list-style: none; margin: 1em 0 1.5em 0; }
ul.comments li                     { margin-bottom: 1em; border-bottom: 1px solid #ccc; }
ul.comments li li                  { margin-bottom: 0; padding: 0; background: none; border: 0; }
ul.comments p                      { margin-bottom: 0.7em; }
ul.comments .vcard                 { width: 30em; margin-bottom: 0; }
ul.comments .avatar                { margin-top: -0.2em; }
ul.comments .author                { float: left; }
ul.comments .entry-content         { clear: both; padding-left: 35px; }
ul.comments .comment_meta          { position: relative; float: right; color: #777; }
ul.comments .comment_meta abbr a   { color: #777; text-decoration: none; }
ul.comments .comment_edit          { position: absolute; left: -15em; width: 15em; top: -2px; display: none; margin-right: 1em;  }
ul.comments .comment_update        { display: none; }

/*** Auto Completion ***/
div.auto_complete                { background: #FFF; z-index: 20; font-size: 0.9em; border: 1px solid #104153; display: inline; }
div.auto_complete ul             { list-style: none !important; margin: 0 1px !important; }
div.auto_complete ul li          { padding: 0.2em 0.3em; border-bottom: 1px dashed #CCC; cursor: pointer; }
div.auto_complete ul li.selected { background: #E0FF66; }
div.auto_complete p.other        { padding: 0.2em 0.3em; border-bottom: 0; background: #EEE; margin-bottom: 0; }
div.auto_complete span.id        { display: none; }

/*** User ***/
#user h1             { float: left; margin: 0 0.5em 0 0; font-weight: normal; }
#user p              { margin: 0 0 0.7em 0; }
#user p.user_info    { color: #888; padding-top: 0.5em; }
#user .profile_image { float: right; margin: 0 0 0.7em 1em; }

ul.users,
ul.avatars             { list-style: none; margin: 0 0 1.7em 0; }
ul.profiles            { list-style: none; margin: 0; }
ul.users-wide          { list-style: none; margin: 0; }
ul.users li            { float: left; clear: none; width: 10em; margin-right: 0.5em; }
ul.avatars li          { float: left; clear: none; }
ul.profiles li         { float: left; clear: none; text-align: center; width: 7.5em; margin: 0 0.6em 0.6em 0; border: 1px dotted #CCC; padding: 0.3em; background: #FFF; }
ul.profiles li a       { text-decoration: none; }
div#sidebar ul.users,
div#sidebar ul.avatars { margin-bottom: 0 !important; }
ul.avatars .fn         { display: none; }
div#participants_list_toggler   { clear: both; border-top: 1px solid #CCC; }
div#participants_list_toggler a { text-decoration: none; padding: 3px 8px; background: #CCC; font-size: 0.9em; }
ul#unconfirmed_friendships_list    { list-style: none; margin: 0; }
ul#unconfirmed_friendships_list li { margin-bottom: 0.5em; border-bottom: 1px dotted #CCC; }
ul#unconfirmed_friendships_list h4 { margin-bottom: 0; }
ul#unconfirmed_friendships_list h4 a { text-decoration: none; }

ul.columns2 li.col2 { margin-right: 0; }
ul.columns3 li.col3 { margin-right: 0; }
ul.columns4 li.col4 { margin-right: 0; }

/*** Home ***/
#user_samples    { list-style: none; margin: 0; }
#user_samples li { width: 65px; height: 65px; float: left; }

/*** Teaser ***/
#teaser      { margin-bottom: 1em; font-size: 1.1em; }
#teaser ul   { float: left; width: 21em; margin-left: 16px; }
#teaser p    { float: left; width: 9em; text-align: center; }
#teaser img  { display: block; margin: 0.5em 0; }

/*** Event ***/
#event h1.summary    { width: 21.5em; }
#poster              { float: right; width: 20em; margin: 0 0 1.2em 1.2em; text-align: right; }
#attendees_map       { height: 600px; }
#event_locations_map { height: 300px; margin-bottom: 1.7em; }
#date,
#location            { float: left; width: 20em; margin-right: 1.2em; }
#datepoll,
#description         { clear: left; }
#description ul      { list-style: disc; margin: 0 0 1.5em 16px; }
#description ol      { margin: 0 0 1.7em 22px; }
#buy_tickets         { float: right; margin: 0.75em 1.5em 0 0; }
#datepoll table      { margin-bottom: 0.5em; }
div.map_info         { width: 20em; }
div.map_info h3      { margin-bottom: 0; }
div.map_info h3 a    { text-decoration: none; }
#datepoll .favored   { background: #EFFCFF; }
#date ul             { list-style: disc; margin: 0 0 1.5em 16px; }

/*** Calendar ***/
.calendar                          { margin: 0.3em 0; border: 1px solid #104153; border-collapse: collapse; }
.calendar th                       { background: #104153; color: #FFF; text-align: center; }
.calendar td                       { border: 1px dotted #BBB; padding: 0; }
.calendar td a,
.calendar td span                  { display: block; padding: 0.7em 0.94em; text-decoration: none; text-align: center; }
.calendar td.otherMonth span       { color: #CCC; background-color: #FFF; }
.calendar td.day a                 { background: #FFF; }
.calendar td a.today               { font-weight: bold; background-image: url(../images/bg-ring-today.png); background-repeat: no-repeat; background-position: 55% 50%; }
.calendar td.weekendDay a          { background-color: #F5F5F5; }
.calendar td a.highlight           { background-color: #CF0; }
.calendar td a.subhighlight        { background-color: #EDFFA6; }

/*** Dashboard ***/
#subnavbox .profile_image      { float: right; margin-bottom: 0.2em; text-align: center; }
ul.news                        { list-style: none; margin: 0 0 1em 0; }
ul.news li                     { border-bottom: 1px dotted #DDD; padding: 0.4em 0 0.4em 25px; background-position: 0 0.5em; background-repeat: no-repeat; }
ul.news li.participation       { background-image: url(../images/icons/date.png) }
ul.news li.comment             { background-image: url(../images/icons/comment.png) }
ul.news li.link                { background-image: url(../images/icons/link.png) }
ul.news li.photo               { background-image: url(../images/icons/photo.png) }
ul.news li.friendship          { background-image: url(../images/icons/group.png) }
ul.news li.membership          { background-image: url(../images/icons/user_go.png) }
ul.news li.invitation          { background-image: url(../images/icons/email.png) }
ul.news li a                   { text-decoration: none; font-weight: bold; }
ul.news li p                   { margin-bottom: 0; }
ul.news li div                 { color: #888; }
ul.news li div a               { color: #888; font-weight: normal; text-decoration: underline; }
ul.news li ul li               { border-bottom: 0; padding: 0; }

/*** Badges ***/
#badge_preview                 { margin-bottom: 1.7em; width: 20em; }

/*** Pagination ***/
.pagination                    { margin-bottom: 1.7em; }
.pagination a,
.pagination span.current,
.pagination span.disabled      { padding: 0.2em 0.5em; margin-right: 0.3em; border: 1px solid #104153; text-decoration: none; }
.pagination span.out_of_window { margin-right: 0.3em; }
.pagination span.current       { background: #104153; color: #FFF; }
.pagination span.disabled      { border: 1px solid #CCC; color: #CCC; }
.pagination .prev              { margin-left: 0; }
.pagination .next              { margin-right: 0; }
.pagination a:hover, 
.pagination a:active           { background: #D9F5FE; }

/*** Alphabetical Filter ***/
.alphabet                      { padding: 0.2em 0.5em; border: 1px solid #CCC; }
.alphabet ol                   { list-style: none; display: inline; }
.alphabet ol li                { float: left; margin-right: 0.7em; }

/***** Tooltip *****/
#tooltip    { position: absolute; top: -1000em; left: -1000em; z-index: 1000; width: 200px; border: 2px solid #104153; padding: 7px; background: #D5FF3F; }
#tooltip ul { list-style: square; margin-left: 16px; }
#tooltip_arrow   { position: absolute; top: 7px; left: -10px; }

/*** Hacks ***/
.clearfix:after,
.heading:after,
ul.tags:after,
ul.events_short:after,
ul.users:after,
ul.inlined:after,
ul.avatars:after,
ul.profiles:after,
div.alphabet:after,
ul#updates:after,
#content:after,
#navi div.con:after,
#footer div.con:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }


/*** Forms ***/
fieldset               { margin: 0 0 2em 0; border: 1px solid #999; border-top: 2px solid #104153; padding: 1.5em 1.7em 1em 1.7em; background: #FFF url(../images/bg_fieldset-fade.png) repeat-x; }
fieldset h3            { margin: 0 0 1em 0; }
input,
textarea,
select                 { font-family: "Trebuchet MS", Arial, Helvetica, Verdana, Tahoma, sans-serif; }
textarea               { font-size: 100%; }
input.count            { width: 2em !important; }
input.text,
input[type=text],
input[type=password]   { background: #EEE; width: 22em; padding: 0.2em; }
textarea               { background: #EEE; width: 18.5em; padding: 0.2em; }
select                 { background: #EEE; width: 22.7em; padding: 0.2em 0 0.1em 0; }
input[type=file],
input.file             { background: #EEE; padding: 0.2em; width: 25em; }
input.text:focus,
input[type=text]:focus,
input[type=file]:focus,
input.file:focus,
input[type=password]:focus,
textarea:focus,
select:focus           { background: #FFF; color: #000 !important; }
input[type=submit],
button                 { padding: 0.3em; font-weight: bold; text-align: center; }
fieldset input[type=submit],
fieldset button        { margin-top: 1em; }
input[type=checkbox],
input.check            { margin-right: 0.35em; }
form div.row           { margin-bottom: 0.5em; clear: left; width: 100%; }
form div.radios        { height: 2em; }
fieldset .label-space  { margin-left: 7.5em; } 
fieldset div.label-space,
fieldset p.label-space,
fieldset a.label-space,
fieldset span.label-space  { margin-left: 7.5em; }
.label-space           { margin-left: 11em; } 
.label-space-short     { margin-left: 5.2em; }
label,
span.label             { display: block; float: left; width: 7.5em; }
label.short            { width: 5.2em; }
label.check,
label.radio            { float: none; display: inline; margin-right: 1.5em; }
label.inline           { float: none; display: inline; }
div#favorite-toggle    { float: left; }
#subnavbox form button,
form.button-to button,
form.button-to input.button-to  { font-size: 1em; border: 0; padding: 0; font-weight: normal; background-color: transparent; color: #104153; cursor: pointer; }
form.inline            { float: left; margin-right: 1em; }
#subnavbox form input.button-to,
#subnavbox form button   { color: #FFF; }
.fieldWithErrors    { display: inline; }

/* Buttons with Images */
a.add { padding: 1px 0 1px 24px; background: url(../images/icons/add.png) 0 -1px no-repeat; text-decoration: none; color: #888; }
a.copy { padding: 1px 0 1px 24px; background: url(../images/icons/paste.png) no-repeat; }
a.edit { padding: 1px 0 1px 24px; background: url(../images/icons/pencil.png) 0 -1px no-repeat; }
a.report { padding: 1px 0 1px 24px; background: url(../images/icons/flag.png) no-repeat; }
a.invite { padding: 1px 0 1px 24px; background: url(../images/icons/group.png) no-repeat; }
a.badge { padding-left: 24px; background: url(../images/icons/html.png) 0 -2px no-repeat; }
form.button-to input.delete { padding-left: 20px; background: url(../images/icons/cross.png) no-repeat; }
form.button-to input.google_cal { padding-left: 20px; background: url(../images/icons/google_cal.gif) no-repeat; }

/*** Datepicker ***/
.date_picker_link              { padding: 1px 0 0 23px; background: url(../images/icons/calendar.png) no-repeat; text-decoration: none; }
.date_picker                   { display: none; position: absolute; z-index: 50; left: 7.5em; top: 2em; width: 12em; }
#dates_proposed .date_picker   { left: 0; }
.date_picker table             { background: #FFF; border: 2px solid #104153; padding: 0; border-collapse: collapse; }
.date_picker thead th          { height: 2em; padding: 0; background: #104153; border: 1px solid #1B596F; color: #FFF; text-align: center; vertical-align: middle; }
.date_picker tbody td          { height: 2em; padding: 0; background: #FFFFFF; border: 1px dotted #CCC; }
.date_picker thead a,
.date_picker tbody a           { display: block; width: 1em; height: 1em; padding: 0.5em 0.7em 0.8em 0.6em; text-decoration: none; text-align: right; }
.date_picker thead a           { color: #FFF; text-align: center; }
.date_picker tbody a:hover     { background-color: #CF0; }
.date_picker tbody td.today a  { background-color: #D9F5FE; }
.date_picker tfoot td          { padding: 0.3em; text-align: right; border: none; }

/*** Sidebar ***/
#sidebar textarea       { width: 21em; }
#sidebar input.text     { width: 16em; }
#sidebar select         { width: 16.7em; }
#sidebar label          { width: 4.5em; padding-top: 0.2em; }
#sidebar .label-space   { margin-left: 4.5em; }

/*** Event Form ***/
.event_date_box                  { float: left; width: 11.5em; height: 2em; padding-top: 0.15em; }
.event_time_box input.text,
.event_time_box input[type=text] { width: 3em; }
.event_time_box                  { float: left; width: 6.75em; }
#event_fulltime                  { margin-left: 1em; }
#event_fulltime_box input        { padding-top: 0.25em; }
#event_fulltime_box label        { padding-top: 0.2em; }
#event_add_end_box               { float: left; padding-top: 0.15em; }
#date_proposals                  { float:left; }

/*** Account ***/
select#user_date_of_birth_1i { width: 7em; } /* Jahr */
select#user_date_of_birth_2i { width: 10em; } /* Monat */
select#user_date_of_birth_3i { width: 5em; } /* Tag */
input#openid_identifier      { background-image: url(../images/openid-icon.png); background-position: 4px 50%; background-repeat: no-repeat; width: 23.2em; padding-left: 2em; }

/*** Boxes ***/
#filter div.row           { margin-bottom: 0; }
#filter label             { width: 6.5em; position: relative; top: 0.2em; }
#filter label.inline      { top: 0; }

/*** Icons ***/
img.icon          { position: relative; top: 3px; }
a.icon            { background-position: 0 0; background-repeat: no-repeat; margin-left: 1em; padding: 1px 0 2px 23px !important; }
.iEdit            { background-image: url(../images/icons/pencil.png); }
.iDelete          { background-image: url(../images/icons/cross.png); }
.iCancel          { background-image: url(../images/icons/cancel.png); }
.iCopyEvent       { background-image: url(../images/icons/calendar_edit.png); }
.iEmail           { background-image: url(../images/icons/email.png); }
.iBadge           { background-image: url(../images/icons/script.png); }
.iComment         { background-image: url(../images/icons/comment.png); }
.iGroup           { background-image: url(../images/icons/group.png); }
.iInviteFriend    { background-image: url(../images/icons/group.png); }
.iImportFriends   { background-image: url(../images/icons/group_go.png); }
.iDate            { background-image: url(../images/icons/date.png); }
.iAddDate         { background-image: url(../images/icons/date_add.png); }
.iEditDate        { background-image: url(../images/icons/date_edit.png); }
.iRSS             { background-image: url(../images/feed-icon-16-white.png); }
.iCal             { background-image: url(../images/icons/date.png); }
.iGoogleCal       { background-image: url(../images/icons/google_cal.gif); }
.iFlickr          { background-image: url(../images/icons/flickr.png); }
.iImportEvents    { background-image: url(../images/icons/date_go.png); }

#lightbox { position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; }
#lightbox a img { border: none; }
#outerImageContainer { position: relative; background-color: #fff;	width: 250px; height: 250px; margin: 0 auto; }
#imageContainer { padding: 10px; }
#loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav { left: 0;}
#hoverNav a { outline: none;}
#prevLink, #nextLink{ width: 49%; height: 100%; background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/lightbox/prev.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/lightbox/next.gif) right 15% no-repeat; }
#imageDataContainer { font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; }
#imageData { padding:0 10px; color: #666; }
#imageData #imageDetails { width: 70%; float: left; text-align: left; }	
#imageData #caption { font-weight: bold;	}
#imageData #numberDisplay { display: block; clear: left; padding-bottom: 1.0em;	}
#imageData #bottomNav { min-height: 40px; }			
#imageData #bottomNavClose { width: 66px; float: right; padding-bottom: 0.7em; }	
#overlay { position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }