﻿/* Layout helpers
----------------------------------*/
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }

/* Component containers
----------------------------------*/
.ui-widget-content  {
	/*border: 1px solid #dddddd; */
	/*background: #eeeeee url(images/ui-bg_highlight-soft_100_eeeeee_1x100.png) 50% top repeat-x; */
	color: #333333; 
}

.ui-widget-content a {
	color: #333333; 
}

.ui-widget-header {	
	border-bottom: 1px solid #B5D0EB; 
    /*background: #f6a828 url(images/ui-bg_gloss-wave_35_f6a828_500x100.png) 50% 50% repeat-x; */
    color: #ffffff; 
    font-weight: bold; 
}
.ui-widget-header a {
	color: #ffffff; 
}

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default {
	border: 1px solid #cccccc; 
	background: #f6f6f6 url(images/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x; 
	font-weight: bold; 
	color: #1c94c4; 
	outline: none; 
}
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
	color: #1c94c4; 
	text-decoration: none; 
	outline: none; 
}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus {
	border: 1px solid #fbcb09; 
	background: #fdf5ce url(images/ui-bg_glass_100_fdf5ce_1x400.png) 50% 50% repeat-x; 
	font-weight: bold; 
	color: #c77405; 
	outline: none; 
}
.ui-state-hover a, .ui-state-hover a:hover {
	color: #c77405; 
	text-decoration: none; 
	outline: none; 
}
.ui-state-active, .ui-widget-content .ui-state-active {
	border: 1px solid #B5D0EB; 
	background: #ffffff url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; 
	font-weight: bold; color: Navy; outline: none; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
	color: Navy; 
	outline: none; 
	text-decoration: none; 
}

/*----------------------------------*/
.ui-tabs {
	padding: .2em; zoom: 1; 
}
.ui-tabs .ui-tabs-nav {
	list-style: none; 
	position: relative; 
	padding: .2em .2em 0; 
}
.ui-tabs .ui-tabs-nav li {
	position: relative; 
	float: left; 
	border-bottom-width: 0 !important; 
	margin: 0 .2em -1px 0; 
	padding: 0; 
}
.ui-tabs .ui-tabs-nav li a {
	float: left; 
	text-decoration: none;
	padding: .5em 1em; 
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
	padding-bottom: 1px; 
	border-bottom-width: 0; 
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a {
	cursor: text; 
}
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {
	cursor: pointer; 
} /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel {
	padding: 0 8px 0 8px;	
	display: block; 
	border-width: 0; 
	background: none; 
}
.ui-tabs .ui-tabs-hide {	display: none !important; }

#tabs P {
	font-size: 12px;
	margin: 2px 0 2px 0;
	padding: 0;
}

#tabs .tList {
	margin: 4px 0 4px 28px;
}

#tabs .photoD {
	padding: 2px 2px 2px 2px;
	border-right: #B5D0EB 1px solid; 
	border-top: #B5D0EB 1px solid; 
	border-left: #B5D0EB 1px solid; 
	border-bottom: #B5D0EB 1px solid;
	float: left;
	margin: 10px 10px 10px 10px;
}

.flipImages {
	height: 250px;
	width: 677px;
}	
	
.flipImages .detailContentImage IMG, .flipImages .detailContentImage1 IMG {
	border-right: #B5D0EB 1px solid; 
	border-top: #B5D0EB 1px solid; 
	border-left: #B5D0EB 1px solid; 
	border-bottom: #B5D0EB 1px solid;
	padding: 2px 2px 2px 2px;
}

.flipImages .detailContentImage1 {
	float: left;
}
.flipImages .detailContentImage {
	float: left;
	margin-left: 4px;
}

.flipImages .detailContentDetail {
	float: left;
	height: 92px;
	width: 212px;
}

.pisteMaps {
	width: 650px;
	text-align: center;
}

/* Sub Content */
.scImg {
	width: 677px;
}	
	
.scImg .lhs {
	float: left;
	width: 120px;
}

.scImg .rhs {
	float: left;
	height: 92px;
	width: 550px;
}

.scImg .lhs IMG {
	border-right: #B5D0EB 1px solid; 
	border-top: #B5D0EB 1px solid; 
	border-left: #B5D0EB 1px solid; 
	border-bottom: #B5D0EB 1px solid;
	padding: 2px 2px 2px 2px;
}

#tabs-2 span h2 {
	font-size: 13px;
}

#tabs-2 span li {
	font-size: 12px;
}
