@charset "UTF-8";

/*version # 0.2*/

* { padding: 0; margin: 0; }

body {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size:12px;
 background-image:url(../img/tf-clouds.jpg);
 background-attachment:fixed;
 background-position:top;
 background-repeat:no-repeat;
 background-color:#9ec7df;
 overflow:auto;}

/* layout styles */

#wrapper { 
 margin: 0 auto;
 width: 755px;}

#contentwrapper { 
 float: left;
 width: 575px;
 display: inline;}

#header {
 width: 755px;
 float: left;
 margin:0;
 padding:0;
}

#footer { 
 width: 755px;
 clear: both;
 background-image:url(../img/tf-footer.png);
 height:190px;}

#topnavigation {
 float: left;
 width: 755px;
 background-color: #f16837;}
 
 #subnavigation {
 float: left;
 width: 755px;
 background-color:#392114;}
 
 #breadcrumb {
 float: left;
 width: 755px;
 height: 25px;
 color: #333;
 background-color: #ccc;}

#leftwrapper { 
 color: #333;
 float: left;}
 
.daysleft{
	color:#f16837;
	text-align:center;
	font-size:24px;
	margin:5px 0 0 0;
}

.daysleftp{
	text-align:center;
	margin:0 0 5px 0;
}

/* column styles */
.column-575 {
	float:left;
	padding:0;
	margin:10px 0 10px 10px;
	width: 565px;
	background-image:url(../img/tf-bg.png);}
	
.column-180 {
	float:left;
	width: 180px;
}
	
.special{
	float:left;
	padding:0;
	margin:10px 0 0 0;
	width: 180px;
	background-image:url(../img/tf-bg.png);}
	
.column-755 {
	float:left;
	padding:0;
	margin:10px 0 10px 0;
	width: 755px;
	background-image:url(../img/tf-bg.png);}
	
.column-820 {
	float:left;
	padding:0;
	width: 820px;}

.column-820 {
	float:left;
	padding:0;
	width: 820px;}
	
.column-640 {
	float:left;
	padding:0;
	width: 640px;}
	
.column-400 {
	float:left;
	padding:0;
	width: 400px;}
	
.column-310 {
	float: left;
	padding:0;
	width: 310px;}
	
.column-190 {
	float: left;
	padding:0;
	width: 190px;}
	
.column-160 {
	float: left;
	padding:0;
	width: 160px;}
	
.columnspacer-20 {
	float: left;
	padding:0;
	width: 20px;
	height:20px;}
	
.align{
	clear:left;
	width:575px;
	height:auto;}

/* horizontal top navigation styles */

ul#nav{
list-style-type:none;
margin:0;
padding:0;
font: bold 12px Verdana, Arial, Helvetica, sans-serif;
}
ul#nav li{
float: left;
margin: 0;
} 
ul#nav li a{
background-color:#fff;
height: 2em;
line-height: 2em;
float: left;
padding:0 10px 0 10px;
display: block;
color: #f16837;
text-decoration: none;
text-align: center;
border:1px solid #f16837;
}

ul#nav li a:link{
}

ul#nav li a:visited{
color:#f16837;
}

ul#nav li a:hover{
text-decoration:underline;
color:#FFF;
background-color:#f16837;
}

/* horizontal sub navigation styles */
ul#subnav{
list-style-type:none;
margin:0;
padding:0;
font:11px Verdana, Arial, Helvetica, sans-serif;
}
ul#subnav li{
float: left;
margin: 0;
}
ul#subnav li a{
height: 2em;
line-height: 2em;
float: left;
padding:0 10px 0 10px;
display: block;
color: #fff;
text-decoration: none;
text-align: center;
}
ul#subnav li a:link{
border-right:1px solid #fff;
border-left:1px solid #392114;
border-bottom:1px solid #392114;
}
ul#subnav li a:visited{
border-right:1px solid #fff;
border-left:1px solid #392114;
border-bottom:1px solid #392114;
color:#FFF;
}
ul#subnav li a:hover{
text-decoration:underline;
color:#392114;
background-color:#FFF;
border-right:1px solid #392114;
border-left:1px solid #392114;
border-bottom:1px solid #392114;
}

/* vertical navigation styles */
#leftnavigation{
	width:180px;;
}
/* social link styles */

p.social{
	margin: 0px 20pt 20px 15pt;
	border-bottom:1px dotted #c5c5c5;}
	
a.twitter{
	text-decoration: none;
	padding-left:15px;
	background-image:url(../img/icons/twitter_13.png);
	background-position: left;
	background-repeat: no-repeat;}
	
a.facebook{
	text-decoration: none;
	padding-left:15px;
	background-image:url(../img/icons/facebook_13.png);
	background-position: left;
	background-repeat: no-repeat;}
	
a.delicious{
	text-decoration: none;
	padding-left:15px;
	background-image:url(../img/icons/delicious_13.gif);
	background-position: left;
	background-repeat: no-repeat;}

a.wong{
	text-decoration: none;
	padding-left:15px;
	background-image:url(../img/icons/wong_13.png);
	background-position: left;
	background-repeat: no-repeat;}
	
a.email{
	text-decoration: none;
	padding-left:15px;
	background-image:url(../img/icons/email_13.png);
	background-position: left;
	background-repeat: no-repeat;}
	
a.shamrock{
	text-decoration: none;
	padding-left:15px;
	background-image:url(../img/icons/shamrock_13.gif);
	background-position: left;
	background-repeat: no-repeat;}
	
a.save{
	text-decoration: none;
	padding-left:15px;
	background-image:url(../img/icons/plus_13.gif);
	background-position: left;
	background-repeat: no-repeat;}
	
a.edit{
	text-decoration: none;
	padding-left:15px;
	background-image:url(../img/icons/edit_13.gif);
	background-position: left;
	background-repeat: no-repeat;}
	
a.dump{
	text-decoration: none;
	padding-left:15px;
	background-image:url(../img/icons/dump_13.gif);
	background-position: left;
	background-repeat: no-repeat;}
	
/* link styles */

a {
	text-decoration: none;}

p.social a:link{
	color:#333;
}
p.social a:hover{
	color:#333;
	text-decoration:underline;
}
p.social a:visited{
	color:#333;
}

p.clear{
	clear:left;
	height:0px;
	margin:0;
	padding:0;
}
h1 a:link{
	color:#333;}

h1 a:visited{
	color:#333;}
	
h1 a:hover{
	color:#000;
	text-decoration:underline;}
	
h2 a:link{
	color:#333;}

h2 a:visited{
	color:#333;}
	
h2 a:hover{
	color:#000;
	text-decoration:underline;}
	
img {
border:0 none;
}

a.pdf{
	text-decoration: none;
	padding-left:15px;
	background-image:url(../img/icons/pdf_13.png);
	background-position: left;
	background-repeat: no-repeat;
	color:#f16837;}
a:link.pdf{
	text-decoration: none;
	padding-left:15px;
	background-image:url(../img/icons/pdf_13.png);
	background-position: left;
	background-repeat: no-repeat;
	color:#f16837;}
a:visited.pdf{
	text-decoration: none;
	padding-left:15px;
	background-image:url(../img/icons/pdf_13.png);
	background-position: left;
	background-repeat: no-repeat;
	color:#f16837;}
a:hover.pdf{
	text-decoration: none;
	padding-left:15px;
	background-image:url(../img/icons/pdf_13.png);
	background-position: left;
	background-repeat: no-repeat;
	color:#fff;
	background-color:#f16837;}
	
a.video{
	text-decoration: none;
	padding-left:15px;
	background-image:url(../img/icons/video_13.png);
	background-position: left;
	background-repeat: no-repeat;}
a:link.video{
	text-decoration: none;
	padding-left:15px;
	background-image:url(../img/icons/pdf_13.png);
	background-position: left;
	background-repeat: no-repeat;
	color:#f16837;}
a:visited.video{
	text-decoration: none;
	padding-left:15px;
	background-image:url(../img/icons/pdf_13.png);
	background-position: left;
	background-repeat: no-repeat;
	color:#f16837;}
a:hover.video{
	text-decoration: none;
	padding-left:15px;
	background-image:url(../img/icons/pdf_13.png);
	background-position: left;
	background-repeat: no-repeat;
	color:#fff;
	background-color:#f16837;}
a.youtube{
	text-decoration: none;
	padding-left:15px;
	background-image:url(../img/icons/youtube_13.png);
	background-position: left;
	background-repeat: no-repeat;}
a:link.youtube{
	text-decoration: none;
	padding-left:15px;
	background-image:url(../img/icons/pdf_13.png);
	background-position: left;
	background-repeat: no-repeat;
	color:#f16837;}
a:visited.youtube{
	text-decoration: none;
	padding-left:15px;
	background-image:url(../img/icons/pdf_13.png);
	background-position: left;
	background-repeat: no-repeat;
	color:#f16837;}
a:hover.youtube{
	text-decoration: none;
	padding-left:15px;
	background-image:url(../img/icons/pdf_13.png);
	background-position: left;
	background-repeat: no-repeat;
	color:#fff;
	background-color:#f16837;}
	
a.audio{
	text-decoration: none;
	padding-left:15px;
	background-image:url(../img/icons/audio_13.png);
	background-position: left;
	background-repeat: no-repeat;}
a:link.audio{
	text-decoration: none;
	padding-left:15px;
	background-image:url(../img/icons/pdf_13.png);
	background-position: left;
	background-repeat: no-repeat;
	color:#f16837;}
a:visited.audio{
	text-decoration: none;
	padding-left:15px;
	background-image:url(../img/icons/pdf_13.png);
	background-position: left;
	background-repeat: no-repeat;
	color:#f16837;}
a:hover.audio{
	text-decoration: none;
	padding-left:15px;
	background-image:url(../img/icons/pdf_13.png);
	background-position: left;
	background-repeat: no-repeat;
	color:#fff;
	background-color:#f16837;}
	
a.zip{
	text-decoration: none;
	padding-left:15px;
	background-image:url(../img/icons/zip_13.gif);
	background-position: left;
	background-repeat: no-repeat;}
a:link.zip{
	text-decoration: none;
	padding-left:15px;
	background-image:url(../img/icons/pdf_13.png);
	background-position: left;
	background-repeat: no-repeat;
	color:#f16837;}
a:visited.zip{
	text-decoration: none;
	padding-left:15px;
	background-image:url(../img/icons/pdf_13.png);
	background-position: left;
	background-repeat: no-repeat;
	color:#f16837;}
a:hover.zip{
	text-decoration: none;
	padding-left:15px;
	background-image:url(../img/icons/pdf_13.png);
	background-position: left;
	background-repeat: no-repeat;
	color:#fff;
	background-color:#f16837;}
	
a.redarrow{
	text-decoration: none;
	padding-left:12px;
	background-image:url(../img/icons/arrow_orange.gif);
	background-position: left;
	background-repeat: no-repeat;}
a:link.redarrow{
	text-decoration: none;
	padding-left:15px;
	background-image:url(../img/icons/arrow_orange.png);
	background-position: left;
	background-repeat: no-repeat;
	color:#f16837;}
a:visited.redarrow{
	text-decoration: none;
	padding-left:15px;
	background-image:url(../img/icons/arrow_orange.png);
	background-position: left;
	background-repeat: no-repeat;
	color:#f16837;}
a:active.redarrow{
	text-decoration: none;
	padding-left:15px;
	background-image:url(../img/icons/arrow_orange.png);
	background-position: left;
	background-repeat: no-repeat;
	color:#f16837;}
a:hover.redarrow{
	text-decoration: none;
	padding-left:15px;
	background-image:url(../img/icons/arrow_brown.png);
	background-position: left;
	background-repeat: no-repeat;
	color:#fff;
	background-color:#f16837;}
a.greenarrow{
	text-decoration: none;
	padding-left:12px;
	background-image:url(../img/icons/arrow_brown.gif);
	background-position: left;
	background-repeat: no-repeat;}
a:link.greenarrow{
	text-decoration: none;
	padding-left:15px;
	background-image:url(../img/icons/arrow_brown.png);
	background-position: left;
	background-repeat: no-repeat;
	color:#f16837;}
a:visited.greenarrow{
	text-decoration: none;
	padding-left:15px;
	background-image:url(../img/icons/arrow_brown.png);
	background-position: left;
	background-repeat: no-repeat;
	color:#f16837;}
a:active.greenarrow{
	text-decoration: none;
	padding-left:15px;
	background-image:url(../img/icons/arrow_brown.png);
	background-position: left;
	background-repeat: no-repeat;
	color:#f16837;}
a:hover.greenarrow{
	text-decoration: none;
	padding-left:15px;
	background-image:url(../img/icons/arrow_brown.png);
	background-position: left;
	background-repeat: no-repeat;
	color:#fff;
	background-color:#f16837;}



	
/* text styles */

h1{
	font-size:22px;
	margin:20px 20px 2px 20px;
	}
	
h2{
	font-size:14px;
	margin:15px 20px 20px 20px;
	}
	

p.flatter{
	display:block;
	margin:0px 20px 20px 20px;}
	
p.block{
	display:block;
	text-align: justify;
	margin:0px 20px 20px 20px;}
	
p.daycounter{
	display:block;
	padding:20px 0 0 60px;
	font-size:22px;
	font-weight:bolder;
	color:#f16837;
}

p.center{
		text-align:center;
		margin:20px 0 20px 0;
}

/* hr styles */

hr{
	height:1px;
	margin:0 20px 0 20px;
}

/* image styles */
	
img.left {
	float:left;
	margin:0px 10px 10px 0px;
	padding: 3px;
	border:#333 solid 1px;}
	
img.right {
	float:right;
	margin:0pt 0pt 10px 10px;
	padding: 3px;
	border:#333 solid 1px;}
	
img.i575-hl {
	float:left;
	width:260px;
	margin:0px 10px 10px 0px;
	padding: 3px;
	border:#333 solid 1px;}
	
	
img.i575-hr {
	float:right;
	width:260px;
	margin:0px 10px 10px 0px;
	padding: 3px;
	border:#333 solid 1px;}
	
	
img.i575-f {
	float:right;
	width:517px;
	margin:0px 0px 10px 0px;
	padding: 3px;
	border:#333 solid 1px;}


.skyscraper{
	padding:0 0 0 10px;
	margin:33px 0 0 0;
}

.skyscraper_wide{
	margin:33px 0 0 0;
}

.rectangle{
	border:1px solid #333;
	padding:4px;
	margin:33px 0 0 0;
}

#map {
	float:left;
	width:517px;
	height:500px;
	margin:0px 0px 10px 20px;
	padding: 3px;
	border:#333 solid 1px;}

.ads_right{
}

.ad160{
	margin:15px 0 0;
	padding:0;
	text-decoration: none;
	background: transparent !important;
	border: none !important;}
	
a ad160{
	text-decoration: none;
	background: transparent !important;
	border: none !important;
}

/* image styles */

.gallerythumb80{
	width:83px;
	padding:2px;
	border:1px solid #333;
	margin:1px;}

.gallerythumb90{
	width:88px;
	padding:2px;
	border:1px solid #333;
	margin:1px;}
	
.gallerythumb95{
	width:91px;
	padding:2px;
	border:1px solid #333;
	margin:1px;}
	
.gallerythumb100{
	width:95px;
	padding:2px;
	border:1px solid #333;
	margin:1px;
}
	
.gallerythumb110{
	width:105px;
	padding:2px;
	border:1px solid #333;
	margin:1px;}
	
.gallerythumb160{
	width:153px;
	padding:2px;
	border:1px solid #333;
	margin:1px;}


/* header styles */

#header .logo{
	float:left;
	height:364px;
	width:755px;
	margin:0;
	padding:0;
}

#header .banner{
	height:60px;
	margin:2px 0 0 0;
	width:468px;
	float:left;}

#header .rightcontainer{
	margin:0 3px 0 0;
	float:right;
	width:225px;
}

#header .rightcontainer .language{
	padding:0;
	margin:0;
	float:right;
	width:225px;
	height:20px;
	text-align:right;
	border-bottom:1px dotted #CCC;
}

#header .rightcontainer .language a{
	background: transparent !important;
	border: none !important;}


#header .rightcontainer .language img{
	padding:3px 0 3px 3px;
	margin:0;
	border-style: none;
}

#header .rightcontainer .loginbox{
	padding:0;
	margin:0;
	float:right;
	width:225px;
	height:16px;
	text-align:right;
	border-bottom:1px dotted #CCC;
}

#header .rightcontainer .search{
	padding:0;
	margin:0;
	float:right;
	width:225px;
}

/* merkliste styles */

p.list a:link{
	color:#333;
}
p.list a:hover{
	color:#333;
	text-decoration:underline;
}
p.list a:visited{
	color:#333;
}

a:link.list{
	text-decoration: none;
	padding-left:15px;
	background-image:url(../img/icons/list_13.jpg);
	background-position: left;
	background-repeat: no-repeat;
	color:#f16837;}
a:visited.list{
	text-decoration: none;
	padding-left:15px;
	background-image:url(../img/icons/list_13.jpg);
	background-position: left;
	background-repeat: no-repeat;
	color:#f16837;}
a:hover.list{
	text-decoration: none;
	padding-left:15px;
	background-image:url(../img/icons/list_13.jpg);
	background-position: left;
	background-repeat: no-repeat;
	color:#f16837;}
	
a:link.listitem{
	text-decoration: none;
	padding-left:15px;
	background-image:url(../img/icons/star_13.gif);
	background-position: left;
	background-repeat: no-repeat;
	color:#f16837;}
a:visited.listitem{
	text-decoration: none;
	padding-left:15px;
	background-image:url(../img/icons/star_13.gif);
	background-position: left;
	background-repeat: no-repeat;
	color:#f16837;}
a:hover.listitem{
	text-decoration: none;
	padding-left:15px;
	background-image:url(../img/icons/star_13.gif);
	background-position: left;
	background-repeat: no-repeat;
	color:#f16837;}
	
a:link.remove{
	text-decoration: none;
	padding-left:15px;
	background-image:url(../img/icons/logout_13.gif);
	background-position: left;
	background-repeat: no-repeat;
	color:#f16837;}
a:visited.remove{
	text-decoration: none;
	padding-left:15px;
	background-image:url(../img/icons/logout_13.gif);
	background-position: left;
	background-repeat: no-repeat;
	color:#f16837;}
a:hover.remove{
	text-decoration: none;
	padding-left:15px;
	background-image:url(../img/icons/logout_13.gif);
	background-position: left;
	background-repeat: no-repeat;
	color:#f16837;}

/* search result list styles */

a:link.searchitem{
	text-decoration: none;
	padding-left:15px;
	background-image:url(../img/icons/searchitem_13.gif);
	background-position: left;
	background-repeat: no-repeat;
	color:#f16837;}
a:visited.searchitem{
	text-decoration: none;
	padding-left:15px;
	background-image:url(../img/icons/searchitem_13.gif);
	background-position: left;
	background-repeat: no-repeat;
	color:#f16837;}
a:hover.searchitem{
	text-decoration: none;
	padding-left:15px;
	background-image:url(../img/icons/searchitem_13.gif);
	background-position: left;
	background-repeat: no-repeat;
	color:#f16837;}
	
/* loginbox styles */

a:link.login{
	text-decoration: none;
	padding-left:15px;
	background-image:url(../img/icons/login_13.png);
	background-position: left;
	background-repeat: no-repeat;
	color:#f16837;}

a:visited.login{
	text-decoration: none;
	padding-left:15px;
	background-image:url(../img/icons/login_13.png);
	background-position: left;
	background-repeat: no-repeat;
	color:#f16837;}
a:hover.login{
	text-decoration: none;
	padding-left:15px;
	background-image:url(../img/icons/login_13.png);
	background-position: left;
	background-repeat: no-repeat;
	color:#f16837;}
	
a:link.register{
	text-decoration: none;
	padding-left:15px;
	background-image:url(../img/icons/register_13.png);
	background-position: left;
	background-repeat: no-repeat;
	color:#f16837;}
a:visited.register{
	text-decoration: none;
	padding-left:15px;
	background-image:url(../img/icons/register_13.png);
	background-position: left;
	background-repeat: no-repeat;
	color:#f16837;}
a:hover.register{
	text-decoration: none;
	padding-left:15px;
	background-image:url(../img/icons/register_13.png);
	background-position: left;
	background-repeat: no-repeat;
	color:#f16837;}
	
a:link.logout{
	text-decoration: none;
	padding-left:15px;
	background-image:url(../img/icons/logout_13.gif);
	background-position: left;
	background-repeat: no-repeat;
	color:#f16837;}
a:visited.logout{
	text-decoration: none;
	padding-left:15px;
	background-image:url(../img/icons/logout_13.gif);
	background-position: left;
	background-repeat: no-repeat;
	color:#f16837;}
a:hover.logout{
	text-decoration: none;
	padding-left:15px;
	background-image:url(../img/icons/logout_13.gif);
	background-position: left;
	background-repeat: no-repeat;
	color:#f16837;}
	
a:link.profil{
	text-decoration: none;
	padding-left:15px;
	background-image:url(../img/icons/profil_13.gif);
	background-position: left;
	background-repeat: no-repeat;
	color:#f16837;}
a:visited.profil{
	text-decoration: none;
	padding-left:15px;
	background-image:url(../img/icons/profil_13.gif);
	background-position: left;
	background-repeat: no-repeat;
	color:#f16837;}
a:hover.profil{
	text-decoration: none;
	padding-left:15px;
	background-image:url(../img/icons/profil_13.gif);
	background-position: left;
	background-repeat: no-repeat;
	color:#f16837;}
	
	
/* footer styles */

#footer .section{
	margin: 100px 20px 10px 10px;
	float:left;
}
#footer .section h3{
	font-size:10px;
	color:#FFF;
	margin:0 0 5px 0;
}

#footer .section h3 a{
	color:#FFF;
}

#footer .section ul li{
list-style-type:none;
margin:0;
padding:0;
font:11px Verdana, Arial, Helvetica, sans-serif;	
}

#footer .section ul li a{
	color:#FFF;
}

/* form styles */

form{
	margin:0;
	padding:0;
}

.editform{
	margin:20px 0 0 0;
	padding:0;
	border-bottom:1px dotted #c5c5c5;
}

input.searchText{
	height:18px;
	width:140px;
	line-height:18px;
	font-size:14px;
}

input.searchButton{
	height:24px;
	width:75px;
	text-align: center;
	color: #f16837;
	border: solid 1px #f16837;
	background-image:url(../img/icons/b_search.png);
	background-repeat:no-repeat;
	background-position:2px center;
	cursor: pointer;
	float: right;
	}
	
input.searchButton:hover   {
	color: #fff;
	background-color:#f16837;
	}
	
input.searchButton:active   {
	}
	
input.loginButton{
	height:24px;
	width:200px;
	text-align: center;
	color: #f16837;
	border: solid 1px #f16837;
	background-image:url(../img/icons/login_13.png);
	background-repeat:no-repeat;
	background-position:2px center;
	cursor: pointer;
	}
	
input.loginButton:hover   {
	color: #fff;
	background-color:#f16837;
	}
	
input.loginButton:active   {
	}
input.logoutButton{
	margin:5px 0 0 0;
	height:24px;
	width:200px;
	text-align: center;
	color: #f16837;
	border: solid 1px #f16837;
	background-image:url(../img/icons/logout_13.gif);
	background-repeat:no-repeat;
	background-position:2px center;
	cursor: pointer;
	}
	
input.logoutButton:hover   {
	color: #fff;
	background-color:#f16837;
	}
	
input.logoutButton:active   {
	}
	
input.registerButton{
	height:24px;
	width:200px;
	text-align: center;
	color: #f16837;
	border: solid 1px #f16837;
	background-image:url(../img/icons/register_13.png);
	background-repeat:no-repeat;
	background-position:2px center;
	cursor: pointer;
	}
	
input.registerButton:hover   {
	color: #fff;
	background-color:#f16837;
	}
	
input.registerButton:active   {
	}
	
input.saveButton{
	height:24px;
	width:75px;
	text-align: center;
	color: #f16837;
	border: solid 1px #f16837;
	background-image:url(../img/icons/lock_13.png);
	background-repeat:no-repeat;
	background-position:2px center;
	cursor: pointer;
	}
	
input.saveButton:hover   {
	color: #fff;
	background-color:#f16837;
	}
	
input.saveButton:active   {
	}
	
input.editButton{
	height:24px;
	width:75px;
	text-align: center;
	color: #f16837;
	border: solid 1px #f16837;
	background-image:url(../img/icons/edit_13.gif);
	background-repeat:no-repeat;
	background-position:2px center;
	cursor: pointer;
	}
	
input.editButton:hover   {
	color: #fff;
	background-color:#f16837;
	}
	
input.editButton:active   {
	}
	
.formLayout
    {
        padding: 0px;
		margin:0 0 30px 20px;
        width: 530px;
    }
    
.formLayout input, .formLayout textarea, .formLayout select
    {
        display: block;
        width: 260px;
        float: left;
        margin-bottom: 10px;
    }
.formLayout label
    {
        display: block;
        width: 240px;
        float: left;
        margin-bottom: 10px;
        text-align: left;
        padding-right: 10px;
    }
 
.formLayout input.checkbox, .formLayout  input.radio
    {
        display: block;
        width: 24px;
        float: left;
        margin-bottom: 10px;
    }
 
.formLayout br
    {
        clear: left;
    }




fieldset {clear: both; margin:1em 0 1em 0;padding:1em 1em 0 1em;}
legend {padding: 0;}
fieldset fieldset legend {padding:0;}
* html legend {margin-left: -7px;} /* ie6 */
*+html legend {margin-left: -7px;} /* ie7 */

form .field, form .buttons {clear: both; margin: 0 0 1.5em;}
form .field label {display: block;}
form ul.fields {margin: 0 0 1.5em; padding: 0;}
form ul.fields li {list-style-type: none; margin: 0;}
form ul.inline li, form ul.inline label {display: inline;}
form ul.inline li {padding: 0 .75em 0 .75em;}

input.radio, input.checkbox {vertical-align: top;}
label, button, input.submit, input.image {cursor: pointer;}
* html input.radio, * html input.checkbox {vertical-align: middle;} /* ie6 */
*+html input.radio, *+html input.checkbox {vertical-align: middle;} /* ie7 */

textarea {overflow: auto; width:99%;}
input.text, input.password, textarea, select {margin: 0 0 0 0; vertical-align: baseline;border: 1px solid #444;}
input.text, input.password, textarea {border: 1px solid #444; padding: 2px;}

/* horizontal layout */
form.horizontal .field {padding-left: 150px;}
form.horizontal .field label {display: inline; float: left; width: 140px; margin-left: -150px;}