﻿
legend {
	margin:0;
	padding:0;
	color:#333;
	display:none;
}
.field {
	position:relative;
	width:100%;
	padding:0 0 10px 0;
}
.element {
	float:left;
	width:75%;
}
.label {
	padding:4px 0 0 0;
	margin:0;
	text-align:left;
	float:left;
	width:26%;
	font-weight:normal;
	color:#000000;
}
.input {
	padding:0 0 0 0;
	margin:0;
	text-align:left;
	float:left;
	width:60%;
}
.last{
	padding:0 20px 8px 0;
}
.element .col div {
	padding:0 0 5px 0;
}
.invalid label {
	color:#f00;
}
.invalid .input {
	/* background:url(../../common/images/en/invalid.gif) top right no-repeat; */
}
.valid label {
	color:#585858;
}
.valid .input {
	background:url(../../common/images/en/valid.gif) top right no-repeat;
	padding:0 20px 0 0;
}

fieldset fieldset label {
	float:left;
	width:55%;
	padding:2px 0 0 0;
	margin:0 10px 0 0;
	padding:0;
	font-weight:normal;
}
textarea {
	width:96%;
	font-size:100%;
	padding:0.2em;
}
input.text {
	width:95%;
	padding:1px 3px;
}

input.radio {
	/*display:block;
	float:left;
	margin:1px 5px 5px 0;
	padding:1px 3px;*/border:0;
}

select {
	width:98%;
}
.short {
	width:50% !important;
}
input.submit {
	border:0;
	margin:0;
	padding:0;
	background:transparent;
	width:auto;
}
.warnEmpty {
	display:none;
}
.warn {
	clear:both;
	/* display:block; */
	display:none;
	color:#f00;
}
.highlight {
	color:#ff0000;
}
.highlight a {
	color:#ff0000;
}

.highlight ul {
	color:#ff0000;
}
.hide {
	display:none;
}
.hidden {
	position:absolute;
	left:-500px;
	top:-500px;
	width:100px;
}

/* CLEARING */
.clear:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
/*.clear{display:inline-table;}*/


.element .col div{padding:0 0 5px 0}
.col-one, .col-two {width:48%;}
.col-one {float:left;}
.col-two {float:right;}
.cols5 {position:relative;left:4px;}
.cols2 .col{float:left;height:20px;margin:0 1% 0 -18px;padding:0 13px;}
.cols3 .col{float:left;margin:0 1% 0 0;}
.cols5 .col{float:left;width:59px;margin:0 1% 0 0;}

/*NON_JS HELP*/
#help {
	margin:12px;
	border-top:1px solid #CCBEA3;
	visibility:hidden;
	position:fixed;
}
#help div {
	margin:0 0 15px 0;
}
#help h2 {
	margin:10px 0 10px 0;
}
#help h3 span, .help h3 span, .error h3 span {
	background:url(../../common/images/en/help-title-bg.gif) center right no-repeat;
	display:block;
	float:left;
	width:auto;
	padding:0 7px 0 0;
	margin:0 5px 0 0;
}
#help ul, #help li {
	list-style-type:none;
	margin:0;
	padding:0;
	background:transparent;
}
#help a.jumper {
	display:block;
	float:left;
	width:auto;
	margin:0 0 10px 0;
}
#help p {
	margin:0 0 5px 0;
}
#help {
	margin:1em;
}
.helpbutton 
{
	float:left;
	width:auto;
	left:-70px;
	top:2px;
	position:relative;
}

/* HELP TIP */

.help {
	position:absolute;
	top:2px;
	width:26%;
	background:#ffffff url(../../common/images/en/bg_club_gradient.gif) bottom repeat-x;
	border:1px solid #c6c6c6;
	padding:0 0 5px 5px;
	z-index: 1000;
	left:494px;
	text-align:left;
}

.field-alt .help {
	position:absolute;
	right:0;
	width:210px;
	background:#ff0000 url(../../common/images/en/bg_club_gradient.gif) bottom repeat-x;
	padding:0 0 5px 0;
	margin-top: 18px;
}
.help h3, .help p {
	margin:5px 10px 5px 5px;
	font-size:0.91em;
	padding:0;
	width: auto;
}
.help h3 {
	font-weight:bold;
}
.help ul, .help li {
	list-style-type:none;
	float:right;
	margin:0;
	padding:0;
}
.help a {
	display:block;
	margin:5px 10px 0 10px;
	padding:3px;
	font-size:0.91em;
	text-decoration:none;
	border:0;
	border:1px solid #c6c6c6;
	background:#FFFFFF;
	color: #486d9f;
}
.help a:hover {
	background:#fff;
	color: #486d9f;
	text-decoration:underline;
	border:1px solid #c6c6c6;
}

.floatright{
	float:right;
	padding-right:8px;
}

.floatleft{
	float:right;
	padding-right:8px;
}

.map-thumbnail{
	float:right;position:fixed;left:970px;margin-top:-15px;width:194px;
}






/*

#features-table-container { width:690px; }
#features-table { width:690px;background-color:#ffffff;border:1px solid #DFDFDF; }
#features-table .column1 { background-color:#F5F5F5;width:314px;padding-left:9px; }
#features-table .column2 { background-color:#F5F5F5;width:94px;text-align:center; }
#features-table .column3 { background-color:#F5F5F5;width:94px;text-align:center; }
#features-table .column4 { background-color:#F5F5F5;width:94px;text-align:center; }
#features-table .column5 { background-color:#F5F5F5;width:94px;text-align:center; }

*/

#features-table-container { width:690px; }
#features-table { width:690px;background-color:#ffffff;border:1px solid #DFDFDF; }
#features-table .column1 { background-color:#F5F5F5;width:601px;padding-left:9px; }
#features-table .column2 { background-color:#F5F5F5;width:80px;text-align:center; }

/* WALKTHROUGH GALLERY */

#gallery {width:690px;text-align:center;}
#gallery-window {overflow: hidden; display: block; position: relative; width: 474px; height: 400px; border:1px solid #c6c6c6;}
#gallery-img-big {position: absolute; left: 0px; top: 0px; visibility: visible; opacity: 1;}
#gallery-img-bigAlt {position: absolute; left: 0px; top: 0px; visibility: hidden; opacity: 0.05;}
#gallery-prev {float:left; vertical-align:middle;position: relative;top:190px;}
#gallery-next {float:right;vertical-align:middle;position: relative;top:-210px;}
#gallery-big {padding-left: 2px;text-align: center;}
#gallery-thumbs {background-color: #e9edef;width:690px;height:60px;text-align:center;padding: 10px 5px 0 0;}
#thumbs {width:398px;}
#gallery-thumbs .mdl {padding: 0 5px;}
#gallery-thumbs .mdl a {border: 1px solid #fff;float: left;margin: 4px;}
#gallery-thumbs .mdl a.active {border: 1px solid #bbb;cursor: default;}
#gallery-thumbs .mdl a:hover {border: 1px solid #049bc7;}
#gallery-thumbs .mdl a.active:hover {border: 1px solid #bbb;}
#gallery-thumbs .mdl img {border: 0;display: block;}

.note {
	border: 1px solid rgb(224, 232, 240); 
	margin: 0pt 0pt 20px 0pt; 
	padding:15px; 
	font-size: 12px; 
	line-height: 140%; 
	color: rgb(72, 72, 72); 
	background-color: rgb(242, 246, 255); 
	width: 660px; 
	text-align: left;
}

ul.thumbnails {
	list-style:none;
	padding:0.8em 0 0 2.2em;
}
ul.thumbnails li {

	display:inline;
	margin:0 0.4em 0 0;
	padding-right:20px;
	background:transparent;
}


