/* Tags */
html{ background: url(/images/body_bg.gif) repeat-y top center;  }
html, body{height:100%;margin:0;padding:0;font-family: Verdana, arial, sans-serif; text-align:center;font-size: 0.85em;}
img { border: none; }
hr { border-bottom: 1px solid #CCCCCC; border-top: none; border-left: none; border-right: none; height: 1px; margin: 7px 0px 10px 0px; clear: both;}
input, select, textarea, button { border: 1px solid #CCCCCC; font-family: Verdana, Arial, sans-serif; font-size: 100%; padding: 3px; }
/*textarea { width: 200px; height: 50px;}
textarea.longer { width: 200px; height: 150px; }*/
a { color: #000; }
a:hover { cursor: pointer; }
h1 { font-size:140%; margin:0; margin-bottom: 0.6em; }
h2 { font-size:120%; margin:0; margin-bottom: 0.6em; }
h3 { font-size:110%; margin:0; margin-bottom: 0.6em; }
pre { font-size: 130%; border: 1px solid #aaaaaa; background: #FAFAFA; padding: 5px; color: #666666; }

/* Classes */
div.message { font-size: 120%; font-family: courier; border: 1px solid #aaaaaa; background: #FAFAFA; padding: 5px; color: #666666; margin-bottom: 5px;}
div.messagebody { font-size: 120%; font-family: courier; margin-bottom: 5px;}
div.center { text-align: center; }
img.alpha { filter: alpha(opacity=50); -moz-opacity: 0.50; }
.box {float:left;}
.boxContent {padding: 2px 16px; width:612px; float:left; }
.newstitle { float: left; width:100%; display:block; }
.newsdate { float: right; }
.newspara { clear: left; }
.small{background: url(/images/small_box_middle.jpg) repeat-y top center;}
.large{background: url(/images/large_box_middle.jpg) repeat-y top center;}
.half{width: 50%; float:left; }
.half p{ margin:0; }
.c{ text-align: center; }
.l{ text-align: left; }
.r{ text-align: right; }
.submit { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 100%; color: #333333; background-image: url(../images/button.png); background-repeat: no-repeat; height: 22px; width: 100px; border: none; }
.right { text-align: right; clear: both;}
.noborder { border: none; }


/* Layout */
#container{width: 960px; margin: 0 auto; text-align: left;}
#container_{ background: url(/images/box_side_bottom.jpg) repeat-x bottom left; padding-bottom:26px; float:left; }

#header{height:80px;}

#navigator{height:42px; background: url(/images/nav_bg.gif) top center repeat-x; float:left; width: 960px; }

#right,
#left{width: 158px; float:left;}

#content{width: 644px;padding: 0;float:left; font-size: 90%;}
#content p { margin:0; margin-bottom: 1em; line-height: 1.5em;}
.ie6 #content p, .ie7 #content p{ width:auto; }
#content div { line-height: 1.5em; }

#footer{background-color:#83107B; clear:left; width: 728px; margin:0 auto;}
* html #right,
* html #left{width:156px;} /* INTERNET EXPLORER ONLY BOX MODEL HACK */
* html img.h19{height:19px; display:block;} /* THIS IS A HACK FOR IE */

/* Formatting the elements of the page */
#topMargin{height: 46px; background: url(/images/box_side_bottom.jpg) repeat-x bottom left;}
#header{padding: 5px;}
#navigator div{ margin-top: 6px; }
#navigator ul,
#left ul{margin:0; padding:0; list-style:none;}
#navigator ul li{float:left;}
#left ul li{ padding-left: 10px; }

#right ul {margin:0; padding:0; list-style:none;}
#right ul li{ padding-right: 10px; }
#right { text-align: left; }

#copyright { color: #666666; float: left; font-size: 80%; margin: 5px 0px 0px 5px; vertical-align: bottom; }
#copyright img { vertical-align: top; }
#rss { float: right; vertical-align: middle; margin: 5px 5px 0px 0px; }
#breadcrumb { font-size: 90%; font-weight: normal; margin: 5px 0px 5px 5px; }
#breadcrumb a { font-family: Arial, sans-serif; font-weight: bold; text-decoration: none; letter-spacing: 1pt; background: url(/images/arrow.png) no-repeat right; padding-right: 10px; margin-right: 5px;}

/* Login table */
.login { padding: 10px; font-size: 90%; margin-bottom: 10px; text-align: left;}
.login form { display: inline; }
.login .line { padding-top: 2px; padding-bottom: 2px; }
.login .line label { font-weight: bold; color: #666666; }
.login .line input { width: 140px; margin-bottom: 3px; }
/* Commented backslash hack for mac ie 5 \*/
.login .line input { width: 94%; margin-bottom: 3px;}
/* end hack */
.login h4 { margin: 0px; border-bottom: 1px solid #999999; margin-bottom: 4px;}

/* Accessible Forms */
.form { width: 100%;}
.form form { display: inline; }
.form input[type="text"], .form input[type="password"], .form select, .form textarea { vertical-align: middle; width:200px; }
.form label { font-size: 100%; color: #666666; font-weight: bold; vertical-align: middle;}

.form .row { clear: both; padding-top: 2px;padding-bottom: 2px; overflow: hidden; }
.form .row .label { float: left; width: 275px; font-weight: bold; font-size: 100%; color: #666666;}
.form .row .element { float: right; width: 335px; text-align: left; margin-bottom:3px;}

.form .row .fulllabel { font-weight: normal; font-size: 100%; color: #666666;}
.form .row .fullelement { width: 100%; text-align: right; margin-bottom: 3px; }

.form .multi { float: left; width: 50%; text-align: left; margin-bottom: 3px;}

.form .full { float: left; width: 100%; text-align: left; margin-bottom: 3px; font-weight: normal; }
.form .full a { vertical-align: middle; font-weight: bold; }
.form .full label { vertical-align: middle; }

.form .postelement { width: 98%; margin-bottom: 5px; }
.form .posttextarea { width: 98%; height: 200px; margin-bottom: 5px; }

.form .fullrow { clear: both; }

/* Error Messages */
div.error { font-family: Verdana, Arial, sans-serif; border-top: 1px solid #E0B2B2; border-left: 1px solid #E0B2B2; border-bottom: 1px solid #990000; border-right: 1px solid #990000; background: #FFF0F0; color: #990000; padding: 5px; margin: 10px 0px 10px 0px; text-align: left; }
div.error h3 { font-size: 12px; font-weight: bold; color: #990000; margin: 0px; text-transform: none; }
div.error hr { border-bottom: 1px solid #E0B2B2; border-top: none; border-left: none; border-right: none; height: 1px; margin: 0px; }
div.error p { font-size: 10px; color: #990000; font-weight: bold; }
div.error ul{
	margin-left: 12px;
}
.errorDisplay {
	color: #990000;
}

/* Alert Messages */
div.alert { font-family: Verdana, Arial, sans-serif; border-top: 1px solid #FFDC93; border-left: 1px solid #FFDC93; border-bottom: 1px solid #F0A300; border-right: 1px solid #F0A300; background-color: #FFFFCC; color: #333333; padding: 5px 5px 0px 43px; margin: 10px 0px 10px 0px; text-align: left; background: url(/images/warning.png) 5px 5px no-repeat #FFFFCC; }
div.alert h3 { font-size: 12px; font-weight: bold; color: #333333; margin: 0px 0px 5px 0px; padding: 0px; text-transform: none; border-bottom: 1px solid #666666; }
div.alert p { font-size: 10px; color: #333333; font-weight: normal; margin: 0px; padding: 0px; }
div.alert a { font-weight: bold; }

/* Alerts */
table.alerts { width: auto; border: none; font-size: 100%;}
table.alerts th { background: #888888; color: #FFFFFF; padding: 2px;}
table.alerts td { padding: 2px; color: #666666;}
table.alerts td.light { background: #FFFFFF; }
table.alerts td.dark { background: #DFF0FF; }

/* Events */

table.events { width: 612px; border: none; font-size: 100%;}
table.events th { background: #4179AF; color: #FFFFFF; padding: 2px;}
table.events td { padding: 2px; color: #666666; font-size: 90%; vertical-align: top;}
table.events tr.light td { background: #FFFFFF; }
table.events tr.dark td { background: #DFF0FF; }

ul.events{
	margin: 0px;
	padding: 0px;
	list-style: none outside none;
	/*list-style-type: none;*/
	width: 612px;
}
ul.events li{
	/*position: relative;
	height: 150px;*/
	margin: 0px 0px 10px 0px;
	padding: 0px;
	/*border: 1px solid #CCCCCC;*/
	font-size: 2px;
}

ul.events li .left_box{
	/*width: 50%;*/
	float: left;
	margin-top: 5px;
}
.events .label{
	float: left;
	clear: both;
	display: block;
	width: 85px;
	font-weight: bold;
}
ul.events li .data{
	float: left;
	display: block;
	width: 185px;
}
ul.events li .data2{
	float: left;
	display: block;
	width: 515px;
}

ul.events li em{ font-style:normal; width:175px; float:right; }
ul.events li .left_box div{
	clear: both;
}
ul.events li .left_box div a{
	float: left;
	display: block;
	 /* width: 215px; */
	width: 70%;
	padding: 0px;
	/* overflow: hidden; */
	word-wrap: break-word;
}
.events .compact{
	float: left;
	display: block;
	width: 70%;
	padding: 0px;
	word-wrap: break-word;
}

/*ul.events .dark{
	background-color: #DFF0FF;
}*/
ul.events h2{
	margin: 0px;
	font-size: 13px;
}
ul.events h3{
	margin: 0px;
	font-size: 12px;
	 /* font-weight: normal; */
}

ul.events .list-container{
	margin: 0px;
	padding: 5px;
	font-size: 10px;
}

ul.events .dark .list-container{
	background-color: #DFF0FF;
	/*border: 1px solid #CCCCCC;*/
}
ul.events .light .list-container{
	background-color: #FFFFFF;
}
ul.events .list-container-top, ul.events .list-container-bottom{
	clear: both;
	height: 6px;
	font-size: 2px;
	line-height: 2px;
	/*border: 1px solid #CCCCCC;*/
}
ul.events .dark .list-container-top{
	background: url(../images/corners/top.gif) no-repeat;
}
ul.events .dark .list-container-bottom{
	background: url(../images/corners/bottom.gif) no-repeat;
}

table.events{
	
}
table.events tr:hover{
	background-color: #F0F0F0;
}


div#maciealert {
	display: none;
}

label {
	cursor: pointer;
}

/* Stefan - paypal */
table.paypal{ width:100%; }
table.paypal td{ text-align:center; }
#content table.paypal td p{ line-height:1em; }
table.paypal td.buttons{ padding-bottom:8px; }
table.paypal td.red{ color:#f00; padding:8px 0; }
.submitcc{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 100%; color: #333333; background-image: url('../images/paypal-cc.gif'); background-repeat: no-repeat; height: 22px; width: 191px; border: none;
cursor: pointer;}

/* PSP Form */
div.checkoutform {
	padding-top: 10px;
}

fieldset {
	margin-bottom: 7px;
	border: 1px solid #707070;
}
fieldset legend { color: #000000; font-weight: bold; }
fieldset label { display: inline; width: 17em; float: left; color: #000000; font-weight: bold; margin-top: 0.5em; }
fieldset input { float: left; clear: right; margin-top: 0.3em; }
fieldset textarea { float: left; clear: right; margin-top: 0.3em; }
fieldset select { float: left; clear: right; margin-top: 0.3em; }
fieldset br { clear: both; }
fieldset span { margin-top: 0.5em !important; float: left; display: block; }
fieldset div { float: left; }

/* Error Messages */
div.error { font-family: Verdana, Arial, sans-serif; border-top: 1px solid #E0B2B2; border-left: 1px solid #E0B2B2; border-bottom: 1px solid #990000; border-right: 1px solid #990000; background-color: #FFF0F0; color: #990000; padding: 5px 5px 5px 43px; margin: 10px 0px 10px 0px; text-align: left; background: url(../images/admin/error.png) 5px 5px no-repeat #FFF0F0; }
div.error h3 { font-size: 1.2em; font-weight: bold; color: #990000; margin: 0px; }
div.error hr { border-bottom: 1px solid #E0B2B2; border-top: none; border-left: none; border-right: none; height: 1px; }
div.alert p { font-size: 10px; color: #990000; font-weight: normal; margin: 0px; padding: 0px; }
div.alert a { font-weight: bold; }

/* Alert Messages */
div.alert { font-family: Verdana, Arial, sans-serif; border-top: 1px solid #FFDC93; border-left: 1px solid #FFDC93; border-bottom: 1px solid #F0A300; border-right: 1px solid #F0A300; background-color: #FFFFCC; color: #333333; padding: 5px 5px 5px 43px; margin: 10px 0px 10px 0px; text-align: left; background: url(../images/admin/warning.png) 5px 5px no-repeat #FFFFCC; }
div.alert h3 { font-size: 1.2em; font-weight: bold; color: #333333; margin: 0px; }
div.alert hr { border-bottom: 1px solid #F0A300; border-top: none; border-left: none; border-right: none; height: 1px; }
div.alert p { font-size: 10px; color: #333333; font-weight: normal; margin: 0px; padding: 0px; }
div.alert a { font-weight: bold; }

ul.areas{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
ul.areas li{
	display: inline;
	padding-right: 5px;
}
.areas a, .areas a:visited{
	text-decoration: none;
}

#map_overlay{
	width: 600px;
	height: 400px;
	clear: both;
	margin: 5px;
}

ul.lisure-sectors{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
ul.lisure-sectors li{
	float: left;
	width: 140px;
	height: 50px;
	margin-right: 10px;
	margin-bottom: 10px;
	padding: 0px 0px 0px 50px;
	background-position: left center;
	background-repeat: no-repeat;
}
ul.lisure-sectors li a.nu, ul.lisure-sectors li.nu a:visited{
	text-decoration: none;
}

.leisure-map{
	clear: both;
}
.leisure-map input{
	border: 0px none;
}

.flash_link{
	display: block;
	position: absolute;
	z-index: 100;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
}

.clear{
	margin-top: 1px;
	clear: both;
	height: 1px;
	overflow: hidden;
	font-size: 1px !important;
	line-height: 1px !important;
}

.list{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
.list li{
	float: left;
	width: 185px;
	margin-right: 10px;
	margin-bottom: 10px;
	padding-left: 5px;
}