* {margin:0;padding:0;} 

html, body {height: 100%; }
body { margin: 0px; padding: 0px; font-family: "Trebuchet MS", Helvetica, Arial, sans-serif; font-size: 12px; }
body { background-image:url(/img/bg_2.jpg); background-position: left center; background-attachment:fixed; }
/* background-color: #DDE7F3; */

#wrap {min-height: 100%; margin-left: auto; margin-right: auto; width:1000px; background-image:url(/img/trans_blue_90.png); xbackground-color: #DDE7F3; }
.beta { margin-left: auto; margin-right: auto;width:1006px;border: 10px solid #FF0000; }
#main { padding-bottom: 77px;  }
#container {}
#content { width:960px; padding: 25px 20px 0px 20px; }

#footer { position:relative; margin-top: -77px; clear:both; height: 77px; overflow:hidden; }
/* background-color: #A5C0D5;color: #E4ECF9; */
#footer_inner { color: #475c6d; border-width: 1px 0px 0px 0px; border-style: solid; border-color: #BED1EF; 
  margin-left: auto; margin-right: auto; width:960px; background-color:#FFFFFF;padding:24px 20px 0px 20px;height: 53px; margin-left: auto; margin-right: auto; width:960px; font-size:12px; }
/* color: #E4ECF9; */
#footer_inner a { color: #475c6d; text-decoration: none; }
#footer_inner a:hover { text-decoration: underline; }
#footer_inner .right img { margin-top:10px; }

#nav li a { color: #818DA3; text-decoration: none; }

#header { position: relative;  height: 70px; }
#header_inner { border-width: 0px 0px 1px 0px; border-style: solid; border-color: #BED1EF; background-color: #FFFFFF; padding: 0px 20px 0px 20px;margin-left: auto; margin-right: auto; width:960px;height: 70px;position: relative; bottom:0px;margin-left: auto; margin-right: auto; width:960px; }
#logo { position: absolute; left: 10px; top: 30px; width:177px;height:28px; background-image:url(/img/blue/logo_blue.png); background-repeat:no-repeat; }
#logo img { width:177px;height:28px; }

#nav { position: absolute; bottom: -1px; left: 306px; color: #818DA3; font-size:12px; z-index:100;}
#nav ul { list-style-type: none; padding: 0px; }
#nav ul li { position:relative; text-transform: uppercase; padding: 9px 12px 0px 12px; float:left; height: 25px; border-width: 0px; margin: 0px; background-image:url(/img/blue/bg_li_white.png); background-repeat:no-repeat; background-position: right top; }
#nav ul li.active { padding: 9px 14px 0px 10px; height: 25px; border-width: 0px; margin: 0px;background-color:#c0cae1;background-color:#CDD4DC; background-image:url(/img/blue/bg_li_blue_trans.png); background-repeat:no-repeat; background-position: right top; _background-color:#DDE7F3; _background-image:url(/img/blue/bg_li_blue.png); }
#nav ul li.active a { color:#FFFFFF; }
#nav ul li.active_left { width: 1px; padding: 0px; height: 34px; background-image:url(/img/blue/bg_li_blue_left.png); background-repeat:no-repeat; background-position: right top;  }

.barevents { position:relative;margin: 0px 0px 4px 0px;background-color: #DDE7F3; float: left; padding: 0px 3px 0px 22px; height: 20px; }

h3.events { margin:3px 0px 0px 0px; color: #627585; }
h3.events img { position:absolute;top:0px;left:2px;width:20px;height:20px; }

ul.events { margin: 0px 0px 0px 15px; padding: 0px 0px 5px 0px; list-style-position: outside; } 
ul.events li { margin:0px 0px 4px 0px; padding: 0px;  list-style-image:url(/img/pin.gif); }
ul.events .highlight { background-color: #FFFD8B; padding: 0px 2px 0px 2px;}
ul.events .highlight_red { background-color: #e88580; padding: 0px 2px 0px 2px;}

.highlight { background-color: #FFFD8B; padding: 0px 2px 0px 2px;}
.highlight_red { background-color: #c40a00; padding: 0px 2px 0px 2px; color: #FFFFFF; }
.highlight_red a,.highlight_red .black {color:#FFFFFF; }
.sponsor_viennarama { background-color: #feaac7; padding: 0px 2px 0px 2px;}

#search { position: absolute; width: 400px; right:10px;bottom: 8px; color: #475c6d; font-size:12px; }
#search select { height: 22px; padding: 1px 2px 1px 2px; line-height: 12px; }
#search input { height: 16px; margin:0px; padding: 1px 20px 0px 2px; line-height: 12px; }
#search input.search { background-image:url(/img/blue/button_search_blue.png); width: 23px; height: 19px; padding:0px; }

#city { margin-right: 8px; padding-top: 2px; }
#meta { text-align:right; width: 500px; position: absolute; right:10px; top: 8px; color: #475c6d; font-size:12px; }
#meta a { color: #6B4131; text-decoration: none; }
#meta a:hover { text-decoration: underline; }
.map_small { overflow: hidden;border: 1px solid #bed6d8; width:590px; height:202px; }
.map_large{ float:left;overflow: hidden;border: 1px solid #bed6d8; width:472px; height:266px; }

.pointer {cursor: pointer;}
.hidden {display:none;}
.left { float: left; } 
.right { float: right; } 
.relative { position:relative; }
.absolute { position:absolute; }
.clear { clear: both; height: 0px; line-height:0px; font-size:0px; } 
.clear5 { clear: both; height: 5px; line-height:0px; font-size:0px; } 
.clear10 { clear: both; height: 10px; line-height:0px; font-size:0px; } 
.clear15 { clear: both; height: 15px; line-height:0px; font-size:0px; } 

img { border-width: 0px; }
label.form { float: left; width: 120px; }
input.form { width: 200px; }
textarea.form { width: 200px; height: 50px;}
textarea.wide { width: 450px; }

.color_grey { color:#393A3F; }
.color_lightgrey { color:#707070; }
.color_red { color:#A70000; }
.color_red a { color:#0A70000;text-decoration:underline; }
.color_green { color:#079725; }
.color_green a { color:#079725;text-decoration:underline; }

div.autocomplete {position: absolute;width: 250px;background-color: #FFFFFF;border: 1px solid #ABADB3;margin: 0px;padding: 0px;	z-index:999999;}
div.autocomplete ul {	list-style-type: none;	margin: 0px;	padding: 0px;	width: 250px;}
div.autocomplete ul li.selected {	background-color: #8CCEE1; 	color: #000000;	width: 246px;	overflow: hidden;}
div.autocomplete ul li {	color: #000000;	list-style-type: none;	display: block;	margin: 0px;	padding: 2px;	height: 16px;	cursor: pointer;	width: 245px;	overflow: hidden;}

div.box {	padding: 10px; background-color: #e8e8e8;}
div.box h2 { margin: 0px 0px 10px 0px; padding: 0px; }
div.box h3 { margin: 0px 0px 10px 0px; padding: 0px; }

div.msg { background-color: #f4f4f4;	padding: 10px;	margin: 0px 0px 10px 0px;}

.comment_container {background-color: #BFCFE6; padding: 15px 7px 15px 10px; }
#comment_container { margin-left:5px; }
.comment_image { padding-top: 15px; float:left; position: relative; width: 50px; margin: 0px 5px 0px 0px;}
.comment_bubble {float:left; width: 525px;  }
.comment_bubble_top { width: 525px; height: 2px; margin: 0px; background-image:url(/img/blue/bg_bubble_top.gif); background-repeat: no-repeat; }
.comment_bubble_middle{ width: 525px; margin: 0px; background-image:url(/img/blue/bg_bubble_middle.gif); background-repeat: no-repeat; }
.comment_bubble_bottom { width: 525px; height: 1px; margin: 0px; background-image:url(/img/blue/bg_bubble_bottom.gif); background-repeat: no-repeat; }
.comment_bubble_middle textarea { width:474px;height:50px; outline:none; background-color: #FFFFFF; border-width: 0px; }
.comment_bubble2_top { width: 537px; height: 2px; margin: 0px; background-image:url(/img/blue/bg_bubble2_top.gif); background-repeat: no-repeat; }
.comment_bubble2_middle{ width: 499px; padding: 8px 8px 8px 30px; margin: 0px; background-image:url(/img/blue/bg_bubble2_middle_trans.gif); background-repeat: no-repeat; color: #393A3F;}
.comment_bubble2_bottom { width: 537px; height: 2px; margin: 0px 0px 5px 0px; background-image:url(/img/blue/bg_bubble2_bottom.gif); background-repeat: no-repeat; }
.comment_bubble2_middle small { color: #393A3F; }

.button_small { background-image: url(/img/blue/bg_button_small.png); width: 60px; height: 20px; position: relative;color: #FFFFFF; text-align:center; padding-top:2px; }

.button_small input { height: 22px; position: absolute; width: 58px; bottom:0px; left:0px; }

.button_medium { background-image: url(/img/blue/bg_button_medium.png); width: 120px; height: 20px; position: relative;color: #FFFFFF; text-align:center; padding-top:2px; }

.button_medium input { height: 22px; position: absolute; width: 118px; bottom:0px; left:0px; }

.button_large { background-image: url(/img/blue/bg_button_large.png); width: 240px; height: 20px; position: relative;color: #FFFFFF; text-align:center; padding-top:2px; }

.button_large input { height: 22px; position: absolute; width: 238px; bottom:0px; left:0px; }

input.facebook {background: #EEE url(http://static.ak.fbcdn.net/rsrc.php/zD/r/B4K_BWwP7P5.png) repeat 0 0;
	border: 1px solid #999;
	border-bottom-color: #888;
	box-shadow: 0 1px 0 rgba(0, 0, 0, .1);
	-webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, .1);
	cursor: pointer;
	display: inline-block;
	font-size: 11px;
	font-weight: bold;
	line-height: normal !important;
	padding: 2px 6px;
	text-align: center;
	text-decoration: none;
	vertical-align: top;
	white-space: nowrap;	
	color: #FFFFFF;
	background-color: #5B74A8;
	background-position: 0 -48px;
	border-color: #29447E #29447E #1A356E;}
input.facebook:active {background: #ddd;
	border-bottom-color: #999;
	box-shadow: 0 1px 0 rgba(0, 0, 0, .05);
	-webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, .05);
	background: #4f6aa3;
	border: 1px solid #29447E;}	
	
img.profile { width: 96px; height: 96px; }

img.profile_logo { width: 90px; height: 90px; padding: 3px; background-color:#FFFFFF; }

img.icon { position:relative; top: 3px; }

img.map_small { width: 35px; height: 35px; border-width: 0px; }

img.map_small_logo { border: 1px solid #C0D9D6; width: 34px; height: 34px; }

img.profile_small { width: 48px; height: 48px; border-width:0px;}
img.profile_small2 { width: 35px; height: 35px; border-width:0px;}
img.profile_friend_small { width: 20px; height: 20px; border-width:0px; position:relative; top: 3px;}

img.profile_small_logo { background-color:#FFFFFF; width: 46px; height: 46px; border: 1px solid #B6D3CE; }

img.profile_tiny { width: 25px; height: 25px; border-width: 0px; margin: 0px 2px 2px 0px; }
img.profile_tiny_right { float:right;width: 25px; height: 25px; border-width: 0px; margin: 0px 0px 0px 0px; }


.box_white_top { width: 341px; height: 3px; margin: 0px; background-image:url(/img/blue/bg_box_white_top.gif); background-repeat: no-repeat; background-position:right top; line-height: 1px; padding: 0px; overflow:hidden;}

.box_white_bottom{ width: 341px; height: 1px; margin: 0px; background-image:url(/img/blue/bg_box_white_bottom.gif); background-repeat: no-repeat; background-position:right top; }

.box_white_middle { padding:5px 5px 0px 5px; width: 331px; background-image:url(/img/blue/bg_box_white_middle.gif); background-repeat: repeat-y; background-position:right top; }

.box_white { background-color:#FFFFFF; padding: 10px; }
.box_white_top_small { width: 306px; }
.box_white_bottom_small { width: 306px;  }
.box_white_middle_small { width: 296px; }

.box_white_top_events { width: 317px; }
.box_white_bottom_events { width: 317px;  }
.box_white_middle_events { width: 307px; }

h3 { font-size:14px; font-weight:normal; margin: 0px 0px 5px 0px; padding: 0px; }
h1.tiny { font-size:12px; margin: 0px 0px 1px 0px; padding: 0px; font-weight:bold; text-transform: uppercase; color:#404040;}
h1.small { font-size:14px; margin: 0px 0px 1px 0px; padding: 0px; }
h1.large { font-size:20px; margin: 3px 0px 0px 0px; padding: 0px; font-style:normal; }

.dotted { border-width: 0px 0px 1px 0px; border-style:dotted;border-color:#a0a0a0;margin: 0px 0px 4px 0px; }

small { font-size: 10px; }

a { color: #6B4131; text-decoration: none; }
a:hover { text-decoration: underline; }
a.white { color: #FFFFFF; text-decoration: none; }
.black { color: #000000; }
.blue {color:#3B5998;}
.bar { margin: 0px 0px 5px 0px; background-image:url(/img/blue/bg_bar_blue.gif); background-repeat: repeat-x; height: 13px; padding: 7px 8px 5px 8px;color: #FFFFFF; font-size: 12px; line-height: 12px;text-transform: uppercase; }
.bar h1, .bar h2, .bar h3 { font-size: 12px; color:#FFFFFF; font-weight:normal;}
.bar a { color:#FFFFFF; }

textarea { font-family: "Trebuchet MS", Helvetica, Arial, sans-serif; font-size: 12px; }



.cal { position:relative; font-size:14px; line-height:16px;color: #EEEFF1; text-align:center;float:left; padding: 0px 2px 0px 0px;width: 36px;height:38px; background-image:url(/img/blue/bg_cal.png); background-repeat: no-repeat; }

.today { background-image:url(/img/blue/bg_cal_today.png); background-repeat: no-repeat;}

.cal small { font-size:10px; }

.cal_event{  float: left; width: 299px; margin-left:3px; }



.event_top{width:299px;height:2px;margin:0px;background-image:url(/img/blue/bg_event_top.gif); background-repeat: no-repeat; background-position:right top; }

.event_bottom{ width: 299px; height: 2px; margin: 0px; background-image:url(/img/blue/bg_event_bottom.gif); background-repeat: no-repeat; background-position:right top; }

.event_middle { font-size:12px;line-height:14px;padding: 2px 3px 0px 5px; width: 291px; background-image:url(/img/blue/bg_event_middle.gif); background-repeat: repeat-y; background-position:right top; }
.event_middle .text a {color:#000000;}
.event_middle .text { width: 288px; line-height:15px; }

.event_middle .guest { cursor: pointer;position:relative;top:-2px;margin:2px 2px 2px 0px;float:left; width: 30px; font-size:9px; padding: 1px 2px 1px 2px; text-align:center;height:28px;}

.event_middle .guest_active { border: 1px solid #A5C0D5; color: #F1F6FB; background-color:#A5C0D5; }
.event_middle .guest_inactive { border: 1px dashed #DDE7F3; color: #627585; background-color:#F1F6FB; }
.event_middle .guest_maybe { border: 1px dashed #A5C0D5; color: #A5C0D5; background-color:#DDE7F3; }

.event_large{ line-height:15px;background-image:url(/img/blue/bg_event_320.gif);background-repeat:no-repeat;background-position:right bottom;width:189px;margin-left:5px;height:46px;padding:2px 8px 2px 8px;overflow:hidden;}
.event_top_small { width:265px; }
.event_bottom_small { width: 265px;  }
.event_middle_small  { width:255px; }

.facebook_like { position:absolute; bottom:0px; left:0px; xbackground-color: #DDE7F3; margin-top:4px; border:none; overflow:hidden; width:600px; height:60px; padding: 5px; }

div.round_left {float:left;width:2px;height:18px;background-image:url(<? DOMAIN ?>.'/img/blue/round_left.gif'; ?>);}
div.round_content {float:left;line-height:18px;height:18px;padding-left:4px;padding-right:4px;background-color:#98aacd;}
div.round_content a {color:#FFFFFF;text-decoration:none;font-weight:bold;}
div.round_right {float:left;width:2px;height:18px;background:url(<? DOMAIN ?>.'/img/blue/round_right.gif'; ?>);}

.tag_light { background-color:#C9B2A3;color:#391D34;}
.twitter { -webkit-border-radius: 2px;font-size:11px; width:120px;height:21px;xborder: 1px solid #D1F9FB;overflow:hidden; margin-top:0px;background-color:none; }
.twitter img { width:16px;height:16px;position:relative;top:3px; }
.twitter a {color:#61A4A8; }

.large { font-size:18px; font-style:italic;font-weight:bold;}

#teaser { position:relative; width: 960px; height: 133px; background-repeat:no-repeat;}
#social { position:absolute; top: 30px;width: 320px; left:620px; }
#social .like { height: 35px; overflow:hidden; } 
#social .twitter { position:absolute; top: 35px; }
#social .googleplus { position:absolute; top: 35px; left: 140px; width:106px;height:21px; margin-top:2px; padding: 0px 0px 0px 1px; margin-top:2px; }

#teaser #today { position:absolute; left:10px;bottom:7px; text-transform: uppercase;  font-size:13px; color: #343034; }
#teaser ul { position:absolute; left:190px; bottom:0px; list-style-type: none; margin: 0px;}
#teaser ul li { font-size:10px; height: 22px; padding: 6px 5px 0px 5px;color: #637281; font-weight:bold; float:left; }
#teaser ul li.active { font-size:12px;  color: #343034;background-color:#DDE7F3; }
#teaser ul li.small { height: 22px; padding: 6px 4px 0px 4px; color: #7f8f9f; font-size: 10px; }
#teaser ul li a { color: #343034; }
#teaser ul li.small a { color: #7f8f9f; }

.content { background-color:#EEF1FF;	border-width: 0px 1px 1px 0px;	border-style:solid;	border-color:#ccd4e1;	padding: 10px;	margin: 10px 0px 15px 0px; }

.transparent { background-image: url(/img/halftrans.png);background-repeat: repeat; color:#FFFFFF; padding: 1px 2px 1px 2px; }

.event_day { background-color:#FFFFFF;padding:10px;margin:0px 0px 15px 0px; }
.event_day p { line-height:14px; font-size: 11px; color:#393A3F; }
.event_day h1 { margin:0px 0px 4px 0px;color: #393A3F; font-size:16px;}
.event_day h1.highlight { position:relative;left:-2px; }
.event_day img.flyer{float:left;margin:5px 10px 10px 0px;}

#ribbon_left {width:183px;height:49px;padding:18px 0px 0px 32px;background-image:url(/img/ribbon_left_red.png);color:#FFFFFF;position:absolute;}
.ribbon_left_large {z-index:9;width:354px;height:49px;padding:18px 0px 0px 32px;background-image:url(/img/ribbon_left_red_large2.png);color:#FFFFFF;font-size:13px;position:absolute;}
.ribbon_left_large_blue {background-image:url(/img/ribbon_left_blue_large2.png);}
#ribbon_right {width:284px;height:50px;padding:18px 0px 0px 32px;background-image:url(/img/ribbon_right_red.png);color:#FFFFFF;font-size:14px;position:absolute;}
.ribbon_right_large {z-index:9;width:354px;height:49px;padding:18px 0px 0px 32px;background-image:url(/img/ribbon_right_red_large2.png);color:#FFFFFF;font-size:13px;position:absolute;}
.ribbon_right_large_blue {background-image:url(/img/ribbon_right_blue_large2.png)}

#activity { margin:8px 6px 0px 6px;font-size:11px;line-height:14px;font-family:Verdana; }

.tag_inactive { border: 1px dashed #DDE7F3;background-color:#F1F6FB; color: #C9DAF3; float: left; padding: 1px 2px 1px 2px; margin: 0px 4px 4px 0px; -webkit-border-radius: px; font-size:12px; }
.tag {border: 1px solid #8390a0; background-color:#d0d4dc;color: #667685; padding: 1px 2px 0px 2px;	margin: 0px 4px 0px 0px;-webkit-border-radius: 3px; }
.list_time { float:left; width:30px; }
.list_tag {float:left;position:relative;top:-2px;}

.flag_friends {position:absolute;right:-2px;top:-2px;background-color:#b20000;color:#FFFFFF;padding:1px 2px 1px 2px;font-size:10px;line-height:10px;}
.icon_friends {position:absolute;left:0px;top:0px;}
.link_friends {position:absolute;right:-2px;top:-2px;width:18px;height:18px;}

/* *********************************************************************************** */
/* Popup */
/* *********************************************************************************** */

.modal-backdrop {
  background-color: #000000;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10000;
}
.modal-backdrop.fade {
  opacity: 0;
}
.modal-backdrop, .modal-backdrop.fade.in {
  filter: alpha(opacity=80);
  -khtml-opacity: 0.8;
  -moz-opacity: 0.8;
  opacity: 0.8;
}

.modal {
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 11000;
  max-height: 500px;
  overflow: auto;
  width: 560px;
  margin: -250px 0 0 -280px;
  background-color: #ffffff;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.3);
  *border: 1px solid #999;
  /* IE6-7 */

  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
}
.close {
  margin-top: 7px;
  margin-right:7px;
  float: right;
  color: #000000;
  font-size: 20px;
  font-weight: bold;
  line-height: 13.5px;
  text-shadow: 0 1px 0 #ffffff;
  filter: alpha(opacity=25);
  -khtml-opacity: 0.25;
  -moz-opacity: 0.25;
  opacity: 0.25;
}
.close:hover {
  color: #000000;
  text-decoration: none;
  filter: alpha(opacity=40);
  -khtml-opacity: 0.4;
  -moz-opacity: 0.4;
  opacity: 0.4;
}

.modal.fade {
  -webkit-transition: opacity .3s linear, top .3s ease-out;
  -moz-transition: opacity .3s linear, top .3s ease-out;
  -ms-transition: opacity .3s linear, top .3s ease-out;
  -o-transition: opacity .3s linear, top .3s ease-out;
  transition: opacity .3s linear, top .3s ease-out;
  top: -25%;
}
.modal.fade.in {
  top: 50%;
}
.modal-header { border-bottom: 1px solid #eee; padding: 10px 15px; font-size: 18px; color: #404040; font-weight: bold; }
.modal-header small { font-size:14px; font-weight:normal; }
.modal-body { padding: 15px; font-size:14px; line-height:20px;}
.modal-body ul { margin: 10px 0px 0px 20px;}
.modal-footer { background-color: #f5f5f5; padding: 3px 15px 20px; border-top: 1px solid #ddd; -webkit-border-radius: 0 0 6px 6px; -moz-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px; -webkit-box-shadow: inset 0 1px 0 #ffffff; -moz-box-shadow: inset 0 1px 0 #ffffff;box-shadow: inset 0 1px 0 #ffffff; zoom: 1; margin-bottom: 0; }

.modal .popover, .modal .twipsy {
  z-index: 12000;
}

/* *********************************************************************************** */
/* Debug-Window */
/* *********************************************************************************** */

#debug {background-image: url(/img/halftrans.png);	background-repeat: repeat;	position: absolute;top: 6px;left: 5px;width: 300px;height: 15px;color: #FFFFFF;font-size: 12px;z-index: 10000;padding: 0px 3px 3px 3px;overflow: hidden;}
#debug a:visited {text-decoration: none; color:#FFFFFF; }
#debug a:link {text-decoration: none; color:#FFFFFF; }
#debug a:hover {text-decoration: underline; color:#FFFFFF; }
#debug a:active {text-decoration: none; color:#FFFFFF; }
#debug_box {	overflow: auto; width: 296px; height: 0px;}