html, * { margin:0; padding:0; }

body
{
	background:#207FA8;
}

body, input, textarea, select, h1, h2, h3, h4, h5, h6
{
	font-family:'century gothic', arial, sans-serif;
	font-size:12px;
	margin:0;
	padding:0;
}
label, a, .cursorHand
{
	cursor:pointer;	
}
a.link
{
	color:#005B7F !important;
	text-decoration:none !important;
}
a.link:hover, #locationInfo a:hover 
{
	color:#21A0C4 !important;
}
#locationInfo a {
	color:#005B7F !important;
}

.show
{
	display:block;
}
small, .small { font-size: 0.9em; }
.floatLeft { float: left; }
.floatRight { float: right; }
.centeredText { text-align: center; }
.rightText { text-align: right; }

ul
{
	margin:10px 5px 10px 20px;
}
/* CLEARFIX */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
.clear
{
	display: block;
	width: 100%;	
	clear: both;
}
/* END CLEARFIX */
.boxPadding
{
	padding:5px;
	display:block;
}
.hidden
{
	display:none;
}
.white 
{
	background:#fff;
}
.yellowBg 
{
	background-color: #FFFFCC !important;	
}

.wrapper{
	padding: 15px;
}
.marginbottom { margin-bottom:5px; display:block; }
/*p.justify { text-align:justify; }*/
p, .justify { text-align: justify; }

table.processTable td{
	padding: 3px 5px;
	border-collapse: collapse;
}
	table.processTable tr.grey{
		background-color: #ccc;
	}

#contentViewContent
{
	/*position:relative;
	width:100%;
	background:#fff;*/
	line-height:1.5;
	font-size:1.05em;	
}

#mainContent {
	background: #fff;
	min-height:300px;
}

	#contentViewContent h1
	{
		font-size:1.7em;
		font-weight:700;
		color:#08374f;
		padding:0 0 5px 0;
		margin:0;
		text-shadow:1px -1px 1px #999;
	}
		
		#contentViewContent h1 span
		{
			margin:5px 0 0 10px;
			color:#4A4B4F;
			font-size:0.75em;
			text-shadow:none;
			font-weight:normal;
		}
	#contentViewContent h2
	{
		font-size:1.4em;
		font-weight:700;
		color:#08374f;
		padding:5px 0 2px 0;
		margin:0;
	}
		#contentViewContent h2 span
		{
			font-size:0.7em;
			font-weight:normal;
		}
	#contentViewContent h3, #contentViewContent h3 a
	{
		font-size:1.2em;
		font-weight:700;
		color:#08374f;
		padding:0 0 2px 0;
		margin:0;
		text-decoration:none;
	}
	#contentViewContent h4
	{
		font-size:1.1em;
		font-weight:700;
		color:#08374f;
		padding:5px 0 0 0;
		margin:0;
	}
	#contentViewContent h5
	{
		font-size:1.0em;
		font-weight:bold;
		color:#08374f;
		padding:2px 0 0 0;
		margin:0;
	}
	
	#contentViewContent a:active,
	#contentViewContent a:focus
	{
		outline: none;
	}
/* FLASH MESSAGE - CLOSE LINK */	
#flashmsg span { font-weight:bold; font-size:0.9em; cursor:pointer; padding:1px 3px 1px 3px; margin:0 3px 0 0; }
#flashmsg span:hover { color:#000; }

/* VALIDATION STYLE + INFO MESSAGE */
.msg,
.msg_valid,
.msg_error,
.msg_info,
.msg_weak,
.msg_good,
.msg_strong,
.msg_very_strong,
div.errors
{
	height:18px;
	padding:6px 5px 5px 20px;
	margin-left:360px;
	width:250px;	 
	border-radius: 5px;
}
div.infoOk, div.infoError, div.infoInfo, div.infoWarning
{
	margin:0 0 10px 0;
	padding:5px;
	border-radius: 5px;
}

.msg_valid, div.infoOk
{
	color:#4D4F4A;
	background-color:#F0FEE9;
	border:1px solid #E1EFDB;
}

.msg_weak
{
	color:#80461B;
	background-color:#FFE2CF;
	border:1px solid #E5BDA3;
}
div.infoWarning
{
	color:#343434;
	background-color:#f9ff9a;
	border:1px solid #f3ff36;
}
.msg_good 
{
	color:#80621B;
	background-color:#FFF0CF;
	border:1px solid #E5D5A3;
}

.msg_strong
{
	color:#78801B;
	background-color:#F5FFCF;
	border:1px solid #E3E5A3;
}

.msg_very_strong
{
	color:#2A801B;
	background-color:#F0FEE9;
	border:1px solid #E1EFDB;
}
div.locInfoBox { margin:10px 0; }
.msg_info, div.infoInfo
{
	color:#666;
	background-color: #F2F2F2;
	border:1px solid #DBDBDB;
}

.msg_error, div.errors, div.infoError
{
	color:#801B1B;
	background-color:#FFDFDF;
	border:1px solid #eeb8b8;
}
/* END VALIDATION + INFO MESSAGE */

/* SCROLLING SE OUTPUT */
.searchInfo
{
	background:#ebebeb;
	border-top:1px solid #f4f4f4;
	border-bottom:1px solid #cccccc;
	color:#4e4e4e;
	padding:4px;
	font-size:0.95em;
}
.searchInfo span.sort a 
{
	margin:0 7px 0 7px;
}
.searchInfo span.sort a.active
{
	color:#4e4e4e;
	font-weight:bold;
	text-decoration:none;
}
.searchInfo a.inactive
{
	color:#4e4e4e !important;
	cursor:auto;
}
/* END SCROLLING */

/* TABLE STYLE */
table.data
{
	width:100%;
}
	table.data th
	{
		background:#ebebeb;
		border-top:1px solid #f4f4f4;
		border-bottom:1px solid #cccccc;
		color:#4e4e4e;
		padding:4px;
		font-size:0.95em;
	}
		table.data th a.active
		{
			text-decoration:underline !important;
		}
	table.data td
	{
		padding:3px;
		border-bottom:1px solid #ccc;
	}
/* END TABLE STYLE */


div#ajaxLoading
{
	display:none;
	position:fixed;
	padding:3px 20px 3px 3px;
	right:0px;
	top:10px;
	width:60px;
	z-index:9999;
	background:#efefef url('../images/design/ajaxLoading.gif') no-repeat right center;
}
.boxStyle
{
	border: 1px solid #DBDBDB;
	background: #f2f2f2;
}
/* WHITE TOP BAR */
#whiteTopBar
{
	position:fixed;
	top:0;
	left:0;
	right:0;
	width:100%;
	height:7px;
	background:url('../images/design/whiteTopBarBg.png');
	z-index:999;
}
	/* FLAP */
	.whiteFlap {
		position:absolute;
		top:3px;
		right:25px;
		font-size:0.9em;
		z-index:999;
	}
		.whiteFlap a
		{
			color:#2b2b2b;
			text-decoration:none;
		}
		.whiteFlap a:hover
		{
			color:#000;
		}
	
		.whiteFlap .leftBorder {
			float:left;
			width:20px;
			height:23px;
			background: url('../images/design/whiteTopBarFlapLeft.png') no-repeat;
		}
		
		.whiteFlap .rightBorder {
			float:left;
			width:20px;
			height:23px;
			background: url('../images/design/whiteTopBarFlapRight.png') no-repeat;
		}	
		.whiteFlap .content {
			float:left;
			height:23px;
			padding:1px;
			background: url('../images/design/whiteTopBarFlapContent.png') repeat-x;
		}
			.whiteFlap .content form
			{
				float:left;
				padding-left:5px;
				margin-left:5px;
				border-left:1px solid #ccc;
			}
			.whiteFlap .content input {
				background: none;
				border: none;
				width: 125px;
				padding-left: 16px;
				background: url('../images/design/icons/globalPanel/globalSearch.png') no-repeat left center;
			}
			.whiteFlap .content input.txt_default {
				color:#6d6d6d;	
			}
			.whiteFlap .content a.iconChangeUserPosition,
			.whiteFlap .content a.iconFavouriteLocations,
			.whiteFlap .content a.iconFavouriteLinks,
			.whiteFlap .content a.iconRouteLocations,
			.whiteFlap .content a.iconUserProfile
			{
				display:block;
				float:left;
				height:15px;
				width:15px;
				margin:0;
				padding:0 3px 4px;		
				background:url('../images/design/icons/globalPanel/iconsSprite.png') no-repeat;
			}
			.whiteFlap .content a.iconRouteLocations
			{
				background-position: center -118px;
			}		
			.whiteFlap .content a.iconRouteLocations:hover
			{
				background-position: center -138px;
			}				
			.whiteFlap .content a.iconFavouriteLocations
			{
				background-position: center -78px;
			}		
			.whiteFlap .content a.iconFavouriteLocations:hover
			{
				background-position: center -98px;
			}
			.whiteFlap .content a.iconChangeUserPosition
			{
				background-position: center 2px;
			}
			.whiteFlap .content a.iconChangeUserPosition:hover
			{
				background-position: center -18px;
			}
			.whiteFlap .content a.iconFavouriteLinks
			{
				background-position: center -38px;
			}
			.whiteFlap .content a.iconFavouriteLinks:hover
			{
				background-position: center -58px;
			}
			.whiteFlap .content a.iconUserProfile
			{
				background-position: center -158px;
			}	
			.whiteFlap .content a.iconUserProfile:hover
			{
				background-position: center -178px;
			}
			.whiteFlap .content a.active, .whiteFlap .content a.active:hover
			{
				background-color:#d8d8d8;
			}
a#cntRouteLocations
{
	position: absolute;
	top:20px;
	right:198px;
	font-weight:bold;
	height:22px;
	width:21px;
	background:url('../images/design/icons/globalPanel/cntRouteLocationsFlap.png') no-repeat;	
}
	a#cntRouteLocations span
	{
		display:block;
		width:20px;
		text-align:center;
		padding:4px 0;	
	}
			
#globalConfigPanel
{
	position:absolute;
	top:0;
	right:0;
	z-index:500;
	width:353px;	
	font-size:1em;					
}
	#globalConfigPanel .whiteTopBarOverlay	
	{
		position:absolute; 
		height:7px; 
		width:100%; 
		background:url('../images/design/whiteTopBarBg.png') repeat-x;
	}
	#globalConfigPanel .center
	{
		background:url('../images/design/tooltip/tooltipLoginMiddle.png') repeat-y;	
	}
	#globalConfigPanel .center .content #globalChangeUserPositionMap 
	{ 
		margin:5px auto 0px; 
		width:310px;
		height:220px;
		border:1px solid #ccc;
	}	
	#globalConfigPanel .bottom
	{
		height:20px;
		width:353px;
		background:url('../images/design/tooltip/tooltipLoginBottom.png') no-repeat;
	}
	#globalConfigPanel div.counter
	{		
		padding:27px 0 0 0;
		margin:0 22px;
		color:#aaa;
		border-bottom:1px solid #ccc;
	}
	#globalConfigPanel a#closeButton
	{
		float:right;
		color:#aaa;
		padding:2px;
		margin:6px 18px 0 0;
	}
		#globalConfigPanel a#closeButton:hover
		{
			color:#373737;
		}
	#globalConfigPanel ul, #globalConfigPanel ol
	{
		list-style:none;
		width:310px;
		margin:5px auto 0;
	}
		#globalConfigPanel li
		{
			position:relative;
			border-bottom:1px solid #efefef;
		}
		#globalConfigPanel li:last-child
		{
			border:none;
		}
		#globalConfigPanel a.entry
		{
			color:#000;
			text-decoration:none;
			display:block;
			padding:3px;
		}
		#globalConfigPanel li a.entry:hover,
		#globalConfigPanel li a.selected
		{
			background-color:#05739F;
			color:#fff !important;
		}
		#globalConfigPanel li a.entry:hover span,
		#globalConfigPanel li a.selected span
		{
			background:none;
		}
			#globalConfigPanel li a.addHappyHour
			{
				position:absolute;
				top:20px;
				right:3px;
			}
			
			ol#olRouteLocations li a.deletePos
			{ 
				position: absolute; 
				right: 4px; 
				top: 8px; 
				display: block; 
				width: 7px; 
				height: 7px; 
				font-size: 1px; 
				background: url('../images/design/close.gif');
				background-position:top;
			}
			ol#olRouteLocations li a.deletePos:hover 
			{
				background-position:center;
			}
		
			#globalConfigPanel li a.entry span.title
			{
				font-weight:bold;
				font-size:1.0em;
			}				
				#globalConfigPanel li a.entry span.title span.types
				{
					float:right;
					font-size:0.9em;
					color:#999;
					font-weight:normal;
				}
					#globalConfigPanel li a.entry:hover span.title span.types,
					#globalConfigPanel li a.entry.selected span.title span.types
					{
						color:#fff;
					}
			#globalConfigPanel li a.moveMe,
			#olRouteLocations li a.moveMe
			{
				padding-left: 20px;
				background-image: url('../images/design/icons/globalPanel/iconsSprite.png');
				background-repeat: no-repeat;
				background-position: 2px -196px;
				cursor: move;
			}
span.highlight
{
	background-color:#FCFABE;
}
/* END WHITE TOP BAR & FLAP */
	
/*
 * jQuery Prompt Forms
 */
div.ui-dialog textarea,
div.ui-dialog input[type="text"],
div.ui-dialog select
{
	width: 165px;
	padding: 3px;
	float: left;
	border: 1px solid #DDDDDD;
	font-size: 1em;
	border-radius: 3px;
	margin-top: 3px;
}
div.ui-dialog select
{
	cursor: pointer;	
	width: 173px;
}
div.ui-dialog label
{
	display: block;
	float: left;
	width: 100px;
	padding: 5px 0 0 0;
	clear: left;
	margin-top: 3px;
}
div.ui-dialog div.autowidth label
{
	width: auto !important;
}

/*
 * BETA SIGN
 */
a#leftCornerSign
{
	position:fixed;
	left:0;
	top:0;
	height:110px;
	width:110px;
	background:url('../images/design/fragen_faq_hier.png') no-repeat;
	z-index:999;
}
a#sendBugReportSign
{
	position:fixed;
	padding:5px;
	right:0px;
	top:70px;
	z-index:999;
	background:#FFD823;
	color:#1F1F1F;
	font-weight:bold;
}

/* HAPPYHOURS TABLE */
table.locationHappyHours
{
	width: 100%;
	margin: 0;
	border-bottom: 1px #e1e1e1 solid;
	border-collapse: collapse
}

table.today
{
	background-color: #ffffcc;
}

table.last
{
	border: none;	
}

table.locationHappyHours td, 
table.locationHappyHours th 
{
	padding: 5px;	
}
table th.happyhourWeekDay,
table td.happyhourTime,
table td.happyhourData
{
	border:none;
}
table th.happyhourWeekDay
{
	width: 75px;
	text-align: right;
	color: #3e3e3e;
}
table th div.happyhourDate
{
	font-size: 0.8em;
	color: #8F8686;
}
table td.happyhourTime
{
	width: 65px;
	text-align: left;
	color: #5F5959;
	font-size: 11px;
}
	table td.happyhourData div.current
	{
		float:right;
		width:70px;
		height:26px;
		margin:0 0 0 5px;
		background:url('../images/design/happyHourNow.png') no-repeat;
	}
	div.current
	{
		float:right;
		width:70px;
		height:26px;
		margin:0 0 0 5px;
		background:url('../images/design/happyHourTipp.png') no-repeat;
	}

table td.happyhourData
{
	text-align: left;
	font-size: 11px;
}

/*
 * Locations Options List 
 */
ul.locationsOptions
{
	margin:0;
	padding:0;
	list-style:none;
	background:#f2f2f2;
	border:1px solid #dbdbdb;
}
	ul.locationsOptions li
	{
		border-bottom:1px solid #dbdbdb;
	}
		ul.locationsOptions li a, ul.locationsOptions li span
		{
			display:block;
			padding:5px 5px 5px 24px;
			background-position:3px 50% !important;
			color:#3F3B3B;
			text-decoration:none;
		}
			ul.locationsOptions li a:hover
			{
				background-color:#fff !important;
				color:#000;
			}

			ul.locationsOptions li.liAddHappyHour a
			{
				background:url('../images/design/icons/addHappyHour.png') no-repeat;
			}
			ul.locationsOptions li.liSimilarLocations a
			{
				background:url('../images/design/icons/showSimilarLocations.png') no-repeat;
			}
			ul.locationsOptions li.liDrinksList a
			{
				background:url('../images/design/icons/drinksList.png') no-repeat;
			}
			ul.locationsOptions li.liAddFavouriteLocation a
			{
				background:url('../images/design/icons/addFavouriteLocation.png') no-repeat;
			}
			ul.locationsOptions li.liDeleteFavouriteLocation a
			{
				background:url('../images/design/icons/deleteFavouriteLocation.png') no-repeat;
			}
			ul.locationsOptions li.liSendInformation a
			{
				background:url('../images/design/icons/sendInformation.png') no-repeat;
			}
			ul.locationsOptions li.liSaveHappyHourRoute a 
			{ 
				background:url('../images/design/icons/addHappyHourRoute.png') no-repeat;
			}
			ul.locationsOptions li.liCashmachines a 
			{ 
				background:url('../images/design/icons/showCashmachines.png') no-repeat;
			}
			ul.locationsOptions li.liMcDonalds a 
			{ 
				background:url('../images/design/icons/showFoods.png') no-repeat;
			}
			ul.locationsOptions li.liListRoutes a 
			{ 
				background:url('../images/design/icons/listHappyHourRoutes.png') no-repeat;
			}
			ul.locationsOptions li.liDistance span 
			{ 
				background:url('../images/design/icons/listDistance.png') no-repeat;
			}
			ul.locationsOptions li.liFastestRoute a 
			{ 
				background:url('../images/design/icons/fastestRoute.png') no-repeat;
			}
			ul.locationsOptions li.liShareOnFacebook a 
			{ 
				background: url('../images/design/icons/social_networking/facebook_16.png') no-repeat;
			}
				ul.locationsOptions li.liListRoutes ul
				{
					margin: 0;
					padding: 0;
					list-style-type: none;
					list-style-position: inside;
				}
					ul.locationsOptions li.liListRoutes li a 
					{ 
						background:none;
					}
			ul.locationsOptions li.liPrintRoute a 
			{ 
				background:url('../images/design/icons/famfamfam/printer.png') no-repeat;
			}
			
			ul.locationsOptions li div.fbLike
			{
				height: 33px;
			}
			ul.locationsOptions li div.fbLike span
			{
				padding: 0px !important;
				margin: 5px 0 0 5px !important;
			}
/*
 * Location RATING
 */
div.ratingRow
{
	margin:5px;	
}
div.ratingRow span.floatLeft
{
	width:60px;
	text-align: right;
	font-size: 11px;
	padding-right: 5px;
	color: #8F8686;
}
/* End Location Rating */

/* SLIMBOX */
#lbOverlay { position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; background-color: #000; cursor: pointer; }
#lbCenter, #lbBottomContainer {	position: absolute;	z-index: 9999; overflow: hidden; background-color: #fff; }
.lbLoading { background: #fff url(/images/jquery/plugins/slimbox/loading.gif) no-repeat center; }
#lbImage { position: absolute; left: 0;	top: 0;	border: 10px solid #fff; background-repeat: no-repeat; }
#lbPrevLink, #lbNextLink { display: block; position: absolute; top: 0; width: 50%; outline: none; }
#lbPrevLink { left: 0; }
#lbPrevLink:hover {	background: transparent url(/images/jquery/plugins/slimbox/prevlabel.gif) no-repeat 0 15%; }
#lbNextLink { right: 0; }
#lbNextLink:hover {	background: transparent url(/images/jquery/plugins/slimbox/nextlabel.gif) no-repeat 100% 15%; }
#lbBottom {	color: #666; line-height: 1.4em; text-align: left;	border: 10px solid #fff; border-top-style: none; }
#lbCloseLink { display: block; float: right; width: 66px; height: 22px;	background: transparent url(/images/jquery/plugins/slimbox/closelabel.gif) no-repeat center; margin: 5px 0; outline: none; }
#lbCaption, #lbNumber {	margin-right: 71px; }
#lbCaption { font-weight: bold; }
/* END SLIMBOX */

/* Facebook Social Plugins */
.fbLikeSendContainer,
.fbLikeContainer
{
	height: 35px;
    overflow: hidden;	
}
.fbLikeSendContainer
{
    width: 160px;
}
.fbLikeContainer
{
    width: 87px;
}
/* End Facebook Social Plugins */