@charset "utf-8";
/* People & More Page Structure & Components Stylesheet
Domain:				peopleandmore.ch
Start:				090201_SZ
Last update:	090402_BW
*/
/*
IMPORT
///////////////////////////////////////////////////////////////////*/
@import "global.css";
@import "helper.css";
/*
LAYOUT
///////////////////////////////////////////////////////////////////*/
body{ border-top: 4px solid #ececec; background: #111 url(../img/frontend/body_bg.jpg) no-repeat center 3px; padding: 0 0 20px;}
div.main-content{ min-height: 300px; margin-bottom: 80px;}

/* HEADER
////////////////////////////////*/
#header { height: 120px; margin: 0 0 20px;}
#header h1 { background-image: url(../img/frontend/logo.jpg); width: 308px; height: 90px; margin-left: -48px; float:left;}
#header h1 a{ text-indent: -9999px; display:block; outline: 0; height: 90px;}

/* NAVIGATION
////////////////////////////////*/
ul.main-menu{ float:left; width: 480px; list-style-type: none; padding:0; margin: 0 0 0 0px;}
.main-menu li{ padding:0; margin:0; float:left;}
.main-menu a{ display:block; background: transparent url(../img/frontend/main-navi.png) no-repeat 0 0 ; height: 36px; width: 70px; text-indent: -9999px; outline:0;}
#btn-vip a{ background-position: 0px 0; width: 83px;}
#btn-events a{ background-position: -83px 0; width: 96px;}
#btn-charity a { width: 110px; background-position: -179px 0;}
#btn-people a{ width: 96px; background-position: -289px 0; }
#btn-elections a{    background-position: -385px 0;
    width: 95px;}

/* SEARCH
////////////////////////////////*/
.search-box{ float:left; width: 210px; height: 50px; background: transparent url(../img/frontend/main-navi.png) no-repeat -482px 0 ;}
.search-box label{ display:none;}
.search-box div.input{ margin: 0 0 0 12px; float:left;}
.search-box div.submit{ margin: 7px 0 0 5px; float:left;}
.search-box div.input input{ background-color: transparent; border: 0; width: 132px; color: #000; padding: 4px 5px;}
.search-box div.submit input{ background-color: transparent; border: 0; width: 20px; height: 20px; display:block; cursor: pointer;}

/* SECONDARY NAVIGATION
////////////////////////////////*/
.secondary-menu{ padding-top: 30px;}
.secondary-menu a{ text-transform: uppercase; color: #ccc; }
.secondary-menu a:hover{ color: #fff;}
.secondary-menu h3{ font-size: 36px;margin: -9px 0 4px 0; background: url('../img/frontend/contact_txt.png') 0 1px no-repeat; text-indent: -9999px;}
.secondary-menu ul{ list-style-type:none; margin:0;}
.secondary-menu a.facebook, .secondary-menu a.coundco{
	text-indent: 0;
	display:block;
	width: auto;
	height: 25px;
	float: none;
	margin-right: 0;
	padding: 0 0 0 20px;
	color: #365999;
}
.secondary-menu a.facebook{background: url('../img/frontend/facebook_icn.png') 0 1px no-repeat;}
.secondary-menu a.coundco{background: url('../img/frontend/coundco_icn.png') 0 1px no-repeat;color: #EF0096;}
.secondary-menu a.facebook:hover,.secondary-menu a.coundco:hover{ color: #fff;}
#footer{ border-top: 1px solid #333; padding-top: 20px; color: #666; clear: both;}
#footer a:hover{ color: #fff;}
#btn-top{ float:right; background: transparent url(../img/frontend/arrow_up.gif) no-repeat center right; display:block; width: 90px; text-transform: lowercase; height: 20px; color: #999;}

/* HOMEPAGE
////////////////////////////////*/
#teaser_images{ position: relative;}
.home #book_vip{ display: block; width: 68px; height: 68px; position: absolute; top: 100px; left: -20px; z-index: 9999;background: url('../img/frontend/vip_badge-trans.png') 0 0  no-repeat; text-indent: -9999px;}
.home .teaser{ margin-bottom: 3em;}
.home .teaser p{ padding: 0 10px 0 0; margin-bottom: 0; color: #888;}
.home .teaser a.more{ 
	display: block;
	text-align: right;
	margin: 0 10px 0 0 ;
}
.home-profile-list ul, ul.home-profile-thumbnails { list-style-type:none; margin:0;}
.home-profile-list{ height: 180px; margin-bottom: 5px; overflow: hidden; width: 950px;}
.home-profile-list span{
	position: absolute;
	bottom: 5px;
	left: 0px;
	opacity: 0.5;
	filter: alpha(opacity=50); /* MSIE/PC */
	-moz-opacity: 0.5; /* Mozilla 1.6 and older */
	padding: 3px;
	background-color: #000;
	width: 294px;
	display:none;
}
.home-profile-list li:hover span { display: block; color: #fff;}
.home-profile-list li, ul.home-profile-thumbnails li { float: left; margin-right: 5px; position:relative;}
ul.home-profile-thumbnails{overflow: hidden;}
ul.home-profile-thumbnails li.last{margin: 0;}
ul.home-profile-thumbnails li{ opacity: 0.4; filter: alpha(opacity=40); /* MSIE/PC */ -moz-opacity: 0.4; /* Mozilla 1.6 and older */}
ul.home-profile-thumbnails li:hover{ opacity: 1; filter: alpha(opacity=100); /* MSIE/PC */ -moz-opacity: 1; /* Mozilla 1.6 and older */}

#renate_home{ position: absolute; right: 0; margin-top: -65px;}

.related-events,
.related-images{ margin: 30px 0 0;}
.related-events h5,
.related-images h5{ font-weight: normal; margin-bottom: 0;}
.related-events h5 span,
.related-images h5 span { color: #666; font-weight: bold;}
.related-events h5.first,
.related-images h5.first{ font-size: 18px; font-weight: normal; line-height: 1.16667;}
.related-events h5.first span{ color: #DB0D7E; display: block; font-weight: normal;}
.related-images h5.first span{ color: #239CDD; display: block; font-weight: normal;}
.related-events h5.first,
.related-images h5.first{ margin: 0 0 10px 130px;}
.related-events p,
.related-images p{ color: #666; margin-bottom: 0;}
.home .related-events ul li img,
.home .related-images ul li img{float:left; margin: 0 10px 10px 0; background: #222; padding: 4px;}
/* PAGE
////////////////////////////////*/
.page .main-content{ }
.page .image-list{ margin: 0; list-style: none;}
.dialog dl dt{ width: 60px; float: left; clear: both; margin: 0; padding: 0;}
.dialog dl dd{ margin: 0 0 0 60px; padding: 0;}

.search_result{ margin: 0 10px 20px 0; border-bottom: 1px solid #444;}
.search_result h3 span.alt-color a{ color: #DB0D7E;}

/* EVENT INDEX
////////////////////////////////*/
.wrapper .inside h4{ margin-top: 10px;}
ul.event-list{ list-style-type: none; margin:0; }
ul.event-list h3 span{ display:block; }
ul.event-list h3{ margin-left: -10px;}
ul.event-list h4{ margin-left: -4px;}
.alt-color, span.date{ color: #DB0D7E; }
.event-data {  }
.event-data p{ margin-bottom: 1.5em; }
.compact-profile-list ul{list-style-type: none; margin:0; }
.compact-profile-list ul li{float: left; margin: 0 2px 0 0;}
ul.event-list li.event-item{ position:relative; padding: 20px 0; margin: 0 10px 0 5px; border-top: 1px solid rgba(255,255,255, 0.06); border-bottom: 1px solid rgba(0,0,0, 0.3); }
ul.event-list li.event-item.last{ border-bottom: none; }
ul.event-list li.event-item.first{ border-top: none; }
ul.event-list a.more{ position:absolute; bottom: 5px; right: 5px; display:block; width: 45px;}

/* EVENT VIEW
////////////////////////////////*/
.event-data {  }
.event-data p{ margin-bottom: 1.5em; padding: 0;}
.event-data dl{ overflow: hidden;}
.event-data dt{ width: 75px; float: left; color: #999; margin: 0 0 5px;}
.event-data dd{ margin-left: 80px; margin: 0 0 5px;}
.google_maps, .tilllate, .usgang, .partyguide, .students, .facebook{
	text-indent: -9999px;
	outline: 0;
	display:block;
	width: 16px;
	height: 16px;
	float: left;
	margin-right: 5px;
	background-repeat: no-repeat;
}
.google_maps{ background-image: url(../img/frontend/google.gif);}
.tilllate{ background-image: url(../img/frontend/tilllate.gif);}
.usgang{ background-image: url(../img/frontend/usgang.gif);}
.partyguilde{ background-image: url(../img/frontend/partyguide.gif);}
.students{ background-image: url(../img/frontend/students.gif);}
.facebook{ background-image: url(../img/frontend/facebook.gif);}
.bookmark{ background-image: url(../img/frontend/bookmark_document.png);}
.print{ background-image: url(../img/frontend/blog.png);}

ul.thumbnail-list{ list-style-type: none; margin:0 0 10px; padding:0; overflow: hidden; clear: both;}
ul.thumbnail-list li{ float:left; }
ul.thumbnail-list a{ margin: 0 5px 5px 0; display: block;}

/* CALENDAR
////////////////////////////////*/
table.calendar{ width: auto; border-spacing: 1px;z-index: 10000;}
table.calendar td,table.calendar th{
	text-align:center;
	padding:0;
	margin:0;
	vertical-align: top;
	overflow:hidden;
	line-height:1em;
	width: 45px;
	height: 24px;
	position:relative;
}
table.calendar th{ text-transform: uppercase; background: transparent; color: #888;}
table.calendar th.cell-prev a{ outline: 0; display:block; width: 17px; height: 15px; text-indent: -9999px; float:left; background: transparent url(../img/frontend/arrow_left.gif) no-repeat;}
table.calendar th.cell-next a{ outline: 0; display:block; width: 17px; height: 15px; text-indent: -9999px; float: right; background: transparent url(../img/frontend/arrow_right.gif) no-repeat;}
table.calendar td{ background: transparent url(../img/frontend/calendar_date_empty.png) no-repeat;}
table.calendar div.cell-number{ background: transparent url(../img/frontend/calendar_date_inactive.gif) no-repeat; width: 45px; height: 24px; margin:0; padding:0; line-height: 1.7em; position:absolute;}
table.calendar td.cell-event div.cell-number{ background: transparent url(../img/frontend/calendar_date_active.gif) no-repeat;}
table.calendar th.cell-header{ display:none;}
table.calendar td.cell-event{}
table.calendar div.cell-data { display:none; position:absolute; margin: 0 0 0 38px; z-index: 10; background-color: #E0007E; padding: 10px 10px 0; text-align: left;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	}
table.calendar div.cell-data a{ display: block; padding: 0 0 10px; color: #fff; border-bottom: 1px solid rgba(255,255,255, 0.3);}
table.calendar div.cell-data a.last{border: none;}
table.calendar td.hover{ z-index: 9998;}
table.calendar td.hover div.cell-data { display:block; z-index: 9999;}
table.calendar td div.cell-data.hover { display:block; z-index: 9999;}

/* PROFILE INDEX
////////////////////////////////*/
.dialog.tags{ margin: 0;}
.dialog.tags .inside{ padding: 10px 20px 10px 5px;}
.dialog.tags .content{ padding: 0;}
.tags ul{ margin: 0; list-style-position: inside; }
.tags ul a.active{ color:#E0007E}
.profile-index{ position: relative; z-index: 10000;}
.profile-index .dialog .wrapper{ max-height: 637px; height: 637px;}
.profile-index .dialog .content{ padding-top: 32px; padding-bottom: 24px;}

.profile-index .scroll-helper{ z-index: 10010; display: block; position: absolute; width: 710px; height: 30px; text-indent: -9999px;text-align: center; background: url('../img/frontend/scroll_helper.png') 0 0 no-repeat;}
.profile-index .scroll-helper.prev{ top: 2px; left: 2px; background-position: 0 0;}
.profile-index .scroll-helper.prev:hover{background-position: 0 -30px;}
.profile-index .scroll-helper.prev:active{background-position: 0 -60px;}
.profile-index .scroll-helper.next{ bottom: 10px; left: -10px;background-position: 0 -150px;}
.profile-index .scroll-helper.next:hover{background-position: 0 -120px;}
.profile-index .scroll-helper.next:active{background-position: 0 -90px;}

ul.profile-list, ul.profile-list ul { list-style-type:none;margin:0; padding: 0 10px 0 5px;}
ul.profile-list h3{ font-size: 24px;}
ul.profile-list li, ul.profile-list ul li { border-top: 1px solid rgba(255,255,255, 0.05); border-bottom: 1px solid rgba(0,0,0, 0.15); position: relative;  padding: 0 0 4px; clear: left;}
ul.profile-list li.profile-divider{ visibility: hidden; height: 0; border: none; padding: 0;}
ul.profile-list li.profile-divider h4{ font-size:0; visibility: hidden; height: 0; margin: 0; padding: 0;}
ul.profile-list li .profile-img{ width: 80px; float:left; padding: 10px 0 0 0;}
ul.profile-list li .profile-img a{ display: block;}
ul.profile-list li .profile-data{ width: 570px;float:left;}
ul.profile-list li .profile-data h4{ padding: 56px 0 0 0; margin: 0 0 0 10px;}
ul.profile-list li .profile-data a.more{ position: absolute; right: 0; top: 72px;}

/* JQUERY DOCK
////////////////////////////////*/
#dock { width: 100%; bottom: 0px; margin-bottom: 15px; position: relative; left: 0px; height: 30px;}
.dock-container { position: absolute; height: 50px;}
a.dock-item { display: block; font: bold 28px Arial, Helvetica, sans-serif; color: #fff; bottom: 0px; position: absolute; text-align: center; text-decoration: none; outline:0;}
a.dock-item.disabled{ filter:alpha(opacity=50);-moz-opacity:.5;opacity:.5;}
a.dock-item.disabled:hover{ color: #fff; filter:alpha(opacity=25);-moz-opacity:.25;opacity:.25;}
a.dock-item:hover{ color: #E0007E;}
.dock-item span { display: none;}
a.disabled{
	color: #777;
}
/* PROFILE Overview
////////////////////////////////*/
.profile-column ul{ margin: 0 5px 10px 0; line-height: 1.666; border-bottom: 1px solid rgba(255,255,255, 0.05); border-top: 1px solid rgba(0,0,0, 0.15);}
.profile-column ul li{ padding: 0 0 0 2px ; letter-spacing: 0.05em; border-top: 1px solid rgba(255,255,255, 0.05); border-bottom: 1px solid rgba(0,0,0, 0.15);}
/* PROFILE
////////////////////////////////*/
.main-image{ margin-bottom: 10px;}
#profile_details{ }
.profile_intro{ min-height: 180px;}
#profile_details p{ font-size: 1.16667em; margin-bottom: 3em;}
ul.profile-images{ list-style-type:none; margin:0;}
ul.profile-images li{ float:left; }
.related-events ul,
.related-images ul{list-style-type:none; margin:0; }
.related-events li,
.related-images li{ clear: left; margin-bottom: 5px;}
.related-events ul li img,
.related-images ul li img{float:left; margin: 0 10px 10px 0;}
.related-events a.more,
.related-images a.more{ position: relative; display:inline; width:auto; right:0; bottom:0; padding-right: 15px;}

.profile_links{ width: 300px; list-style: none; margin: 0 0 3em 0; border-right: 1px solid #333;}
.profile_links li{ clear: left;}
.profile_links li a{ text-indent: 0; text-transform: uppercase; font-size: 11px; letter-spacing: 0.05em;padding: 0 0 0 20px;background-repeat: no-repeat;}
.profile_links li a:hover{color: #ccc;}
.profile_links li a.bookmark, .profile_links li a.print, .profile_links li a.facebook{ width: auto;}

#book_vip{ display: block; width: 164px; height: 128px; right: 0; margin-top: -130px; position: absolute; z-index: 9999;background: url('../img/frontend/vip_button.png') 0 0  no-repeat; text-indent: -9999px;}

#profile_details .related-events h5,
#profile_details .related-images h5{ font-size: 1.333em; font-weight: normal; line-height: 1.16667;}
#profile_details .related-events h5 span{ color: #DB0D7E; display: block; font-weight: normal;}
#profile_details .related-images h5 span{ color: #239CDD; display: block; font-weight: normal;}
#profile_details .related-events h5,
#profile_details .related-images h5{ margin: 0 0 19px 110px;}

/* STORIES INDEX
////////////////////////////////*/
.story{ border-bottom: 1px solid #333; margin: 0 0 20px;}
.story p{ }
#page_nav{ text-transform: uppercase; letter-spacing: 0.05em; font-size: 11px; margin: 10px 0 0 0; padding: 10px 0 0 0;}
#page_nav .disabled{ visibility: hidden;}
#page_nav .prev{ width: 120px; float:  left;}
#page_nav span{ position: absolute; display: block; width: 200px;}
#page_nav .next{ width: 120px; float:  right;}
/* STORIES VIEW
////////////////////////////////*/
.story-detail{ }
.story-detail h2{ margin-bottom: 0;}
.story-detail #page_nav{ border-top: 1px solid #333; margin: 10px 0 0 0; padding: 10px 0 0 0;}

/* SIFR
////////////////////////////////*/
.sIFR-flash {visibility: visible !important;margin: 0;}
.sIFR-replaced {visibility: visible !important;}
span.sIFR-alternate {position: absolute;left: 0;top: 0;width: 0;height: 0;display: block;overflow: hidden;}
.sIFR-flash + div[adblocktab=true] { display: none !important;}
.sIFR-hasFlash h2 { visibility: hidden; letter-spacing: -9px;}
.sIFR-hasFlash .profile_intro h2 { font-size: 36px;}
.sIFR-hasFlash .secondary-menu h3{visibility: visible; letter-spacing: 0px;}
.sIFR-hasFlash.home .intro h3{ font-size: 32px;}
.sIFR-hasFlash h3.section_heading,
.sIFR-hasFlash h4.section_heading{ font-size: 26px; letter-spacing: 4px; margin-bottom: 5px;}
.sIFR-hasFlash h4.profile-name{ font-size: 36px;}
.sIFR-hasFlash h4.profile-name{ font-size: 24px;}

/* Buttons
////////////////////////////////*/
a.more{
	color: #fff;
	font-size: 0.916667em;
	padding: 0 16px 0 0;
	background: transparent url(../img/frontend/more_icon.gif) no-repeat center right ; 
	text-transform: uppercase;
	letter-spacing: 0.05em;
}
a.more:hover{ color: #ccc;}

/* ELECTION DETAILS
*********************************/
ul.candidates{
	border-bottom: 1px solid #666666;
    list-style: none outside none;
    margin: 20px 0;
}
ul.candidates li{
	float:left;
	width:100px;
	font-size:12px;
	margin:0 15px 10px 0;
}
div.info{
	border-bottom: 1px solid #666666;
    margin: 20px 0;
	padding: 5px 0;
}