/*

	Stylesheet for MS-Liga Vlaanderen

	Media:      screen, projection
	Copyright:  Netlash <http://www.netlash.com>
	author:     Thomas Deceuninck <thomasdeceuninck@netlash.com>

*/

/*
	Reset
*/

body, form, ol, ul, dl, li, dt, dd, td, th ,tr, h1, h2, h3, h4, h5, h6, p, pre, blockquote, address { margin: 0; padding: 0; }
ol, ul { list-style: none; }
img { border:0; }
fieldset { margin: 0; padding: 0; border: 0; }
input, select, textarea { font-size: 100%; vertical-align: middle; }
table { border-collapse: collapse; border-spacing: 0; empty-cells: show; }
th { text-align: left; }
a:focus { overflow: hidden; }

/*
	Clearfix
*/

.clearfix:after,
#header:after,
#banner:after,
#logo:after,
#search:after,
#navigation:after,
#navigation ul:after,
#main:after,
#subnavigation:after,
#subnavigation ul:after,
#contentWrapper:after,
#content:after,
#banner p:after,
.activityInfo:after,
#side:after,
#doormat:after,
#footerWrapper:after,
#footer:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: 0;
	line-height: 0;
}

/*
	General
*/

body {
	font-family: Arial, sans-serif;
	font-size: 12px;
	line-height: 1.5;
	color: #000;
	background: #FFF url(../images/body_bg.png) no-repeat center top;
}

html, body {
	/* sticky footer fix */
	height: 100%;
}

/*
	Typography and text styles
*/

/* General */

p {
	padding: 0 0 12px 0;
}

strong, th, thead td, h1, h2, h3, h4, h5, h6 {
	font-weight: 700;
}

h1, h2, h3, h4,
#side h3,
#doormat h3 {
	color: #003260;
	border-bottom: 1px solid #ABBBCB;
	padding: 0 0 2px 0;
	margin: 0 0 10px 0;
}

h1 a, h2 a, h3 a, h4 a, h3, h4 {
	border-bottom: none;
}

/* Headings */

h1 {
	font-size: 26px;
}

h2 {
	font-size: 18px;
}

h3 {
	font-size: 16px;
}

h4 {
	font-size: 12px;
}

/* Links */

a {
	border-bottom: 1px solid #666;
	text-decoration: none;
}

a:link {
	color: #0C56A1;
	border-color: #AFC7E0;
}

a:visited {
	color: #0C56A1;
	border-color: #AFC7E0;
}

a:hover {
	color: #0C56A1;
	border-color: #0C56A1;
}

a:active {
	color: #0C56A1;
	border-color: #0C56A1;
}

a:focus {
	color: #0C56A1;
	border-color: #0C56A1;
}

/* .content defaults */

.content ul {
	list-style: none;
	padding: 0 0 12px 12px;
}

	.content ul li {
		background: url(../images/list_item_bg.png) no-repeat left 6px;
		padding-left: 12px;
	}

.content ol {
	list-style-type: decimal;
	padding: 0 0 12px 12px;
}

.content dl {
	padding: 0 0 12px 12px;
}

.content ul ul,
.content ul ol,
.content ol ul,
.content ol ol {
	padding-bottom: 0;
}

.content code {
	font-family: Monaco, "Courier New", monospace;
}

.content pre {
	font-size: 12px;
	line-height: 18px;
	background: #F5F5F5;
	margin: 0 0 12px 0;
	padding: 10px;
}

.content blockquote,
.content q {
	font-style: italic;
	color: #666;
}

.content blockquote {
	padding: 0 10px;
	padding: 12px 0;
}

.content cite,
.content em {
	font-style: italic;
}

.content table {
	border-top: 1px solid #000;
	border-left: 1px solid #000;
}

.content td,
.content th {
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	font-size: 11px;
	padding: 4px;
}

.content th {
	font-weight: 700;
}

/*
	Page structure and layout
*/

#container {
	width: 945px;
	margin: 0 auto;
	position: relative;

	/* sticky footer fix */
	min-height: 100%;
}

/*
	Header
*/

#header {
	padding-top: 160px;
}

	/* Topbar */

	#topbar {
		position: absolute;
		top: 10px;
		left: 0;
		color: #D3E7F8;
		font-size: 11px;
		line-height: 1.2;
	}

		#topbar ul,
		#topbar ul li {
			float: left;
		}

			#topbar ul li a {
				float: left;
				color: #D3E7F8;
				border-bottom: none;
				border-left: 1px dotted #D3E7F8;
				padding-left: 6px;
				margin-left: 6px;
			}

			#topbar ul li.firstChild a {
				border-left: none;
				padding-left: 0;
				margin-left: 0;
			}

			/* link states */
			#topbar ul li a:link,
			#topbar ul li a:visited {
				color: #D3E7F8;
				border-bottom: none;
			}

			#topbar ul li a:hover,
			#topbar ul li a:active,
			#topbar ul li a:focus {
				color: #FFF;
				border-bottom: none;
			}

	/* Search */

	#header #search {
		position: absolute;
		top: 70px;
		left: 320px;
	}

		#header #search form {
			position: relative;
		}

		#header #search form,
		#header #search fieldset,
		#header #search .inputHolder {
			float: left;
		}

		#header #search .inputHolder {
			background: url(../images/header_search_bg.png) no-repeat 0 0;
			width: 345px;
			height: 38px;
			padding: 10px 0 0 45px;
		}

		#header #search .inputActive .inputHolder {
			/* Fix background for focus state; class added with js */
			background: url(../images/header_search_bg.png) no-repeat 0 -52px;
		}

			#header #search .inputHolder input.inputText {
				width: 245px;
				height: 16px;
				background: none;
				border: 0;
				padding: 8px 6px 6px 6px;
			}

			#header #search .inputHolder input.inputText:focus {
				border: none;
				outline: none;
				-webkit-box-shadow: none;
				-moz-box-shadow: none;
				box-shadow: none;
			}

		#header #search button {
			position: absolute;
			right: 12px;
			top: 9px;
			background-position: left -66px;
		}

		#header #search button:hover,
		#header #search button:active,
		#header #search button:focus {
			background-position: left -99px;
		}

		#header #search .inputActive button {
			/* Fix background for focus state input field; class added with js */
			background-position: left 0;
		}

		#header #search .inputActive button:hover,
		#header #search .inputActive button:active,
		#header #search .inputActive button:focus {
			background-position: left -33px;
		}

			#header #search button span {
				background-position: right -66px;
			}

			#header #search button:hover span,
			#header #search button:active span,
			#header #search button:focus span {
				background-position: right -99px;
			}

				#header #search .inputActive button span {
					/* Fix background for focus state input field; class added with js */
					background-position: right 0;
				}

				#header #search .inputActive button:hover span,
				#header #search .inputActive button:active span,
				#header #search .inputActive button:focus span {
					background-position: right -33px;
				}

	/* Support link */

	#header .linkHolder {
		float: left;
		position: absolute;
		right: 0;
		top: 225px;
		z-index: 9999;
	}

		#header .linkHolder p {
			padding-bottom: 0;
		}

			#header .linkHolder a {
				text-indent: -9999px;
				width: 200px;
				height: 56px;
				display: block;
				overflow: hidden;
			}

			/* link states */
			#header .linkHolder a:link,
			#header .linkHolder a:visited {
				border: none;
				background: url(../images/support_bg.png) no-repeat;
			}

			#header .linkHolder a:hover,
			#header .linkHolder a:active,
			#header .linkHolder a:focus {
				border: none;
				background-position: 0 -58px;
			}

	/* Logo */

	#logo h1,
	#logo h2 {
		width: 290px;
		height: 85px;
		background: url(../images/logo.gif) no-repeat;
		text-indent: -9999px;
		float: left;
		position: absolute;
		top: 58px;
		left: 0;
		padding: 0;
		margin: 0;
		border: none;
	}

		#logo h1 a,
		#logo h2 a {
			width: 100%;
			height: 100%;
			display: block;
			overflow: hidden;
			border: none;
		}

	/* Navigation */

	#navigation ul {
		float: left;
		padding: 10px 0 0 6px;
	}

	#navigation ul li {
		float: left;
		padding-right: 4px;
	}

		#navigation ul li a {
			float: left;
			font-size: 13px;
			text-transform: uppercase;
			padding: 4px 10px 2px 10px;
			color: #FFF;
		}

		/* link states */
		#navigation ul li a:link,
		#navigation ul li a:visited {
			color: #FFF;
			border-bottom: none;
		}

		#navigation ul li a:hover,
		#navigation ul li a:active,
		#navigation ul li a:focus {
			color: #003260;
			border-bottom: none;
			background: url(../images/navigation_bg.png) repeat-x 0 -30px;

			-moz-box-shadow: 0 1px #000;
			-webkit-box-shadow: 0 1px #000;
			box-shadow: 0 1px #000;

			-moz-border-radius: 3px;
			-webkit-border-radius: 3px;
			border-radius: 3px;
		}

		/* selected link states */
		#navigation ul li.selected a:link,
		#navigation ul li.selected a:visited,
		#navigation ul li.selected a:hover,
		#navigation ul li.selected a:active,
		#navigation ul li.selected a:focus {
			color: #e1e616;
			border-bottom: none;
			background: url(../images/navigation_bg.png) repeat-x 0 0;

			-moz-box-shadow: 0 1px #1f5992;
			-webkit-box-shadow: 0 1px #1f5992;
			box-shadow: 0 1px #1f5992;

			-moz-border-radius: 3px;
			-webkit-border-radius: 3px;
			border-radius: 3px;
		}

/*
	Content
*/

#main {
	padding: 24px 12px 0 0;
	position: relative;

	/* sticky footer fix */
	overflow: auto;
	padding-bottom: 280px;
}

#home #main {
	/* sticky footer fix specific for homepage */
	padding: 155px 12px 291px 0;
}

/*
	leftCol
*/

#leftCol {
	width: 180px;
	padding-right: 10px;
	float: left;
}

	/* Subnavigation */

	#subnavigation {
		background: #D7DA07 url(../images/subnavigation_bg.png) no-repeat center top;
		border: 1px solid #C2C505;
		border-top: none;

		-moz-box-shadow: 0 2px #E0E9EE;
		-webkit-box-shadow: 0 2px #E0E9EE;
		box-shadow: 0 2px #E0E9EE;

		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
	}

	#subnavigation ul li {
		border-top: 1px dotted #F6F886;
	}

	#subnavigation ul li.firstChild {
		border-top: none;
	}

	/* Level 1 */
	#subnavigation ul li a {
		color: #0C56A1;
		font-weight: 700;
		display: block;
		padding: 5px 6px 4px 20px;
		border-bottom: none;
	}

	/* link states */
	#subnavigation ul li a:link,
	#subnavigation ul li a:visited {
		color: #0C56A1;
		border-bottom: none;
		background: #D7DA07;
	}

	#subnavigation ul li a:hover,
	#subnavigation ul li a:active,
	#subnavigation ul li a:focus  {
		color: #000;
		border-bottom: none;
		background: #EDF221;
	}

	/* selected link states */
	#subnavigation ul li.selected a:link,
	#subnavigation ul li.selected a:visited,
	#subnavigation ul li.selected a:hover,
	#subnavigation ul li.selected a:active,
	#subnavigation ul li.selected a:focus  {
		color: #000;
		border-bottom: none;
		background: #EDF221 url(../images/subnavigation_selected_bg.png) no-repeat right top;
		padding: 5px 19px 4px 20px;
		width: 146px;
	}

		/* Level 2 */
		#subnavigation ul li.selected ul li a {
			padding: 5px 6px 4px 36px;
			width: 136px;
			font-size: 11px;
			display: block;
		}

		/* link states */
		#subnavigation ul li.selected ul li a:link,
		#subnavigation ul li.selected ul li a:visited {
			padding: 5px 6px 4px 36px;
			width: 136px;
			background: none;
			color: #000;
		}

		#subnavigation ul li.selected ul li a:hover,
		#subnavigation ul li.selected ul li a:active,
		#subnavigation ul li.selected ul li a:focus {
			padding: 5px 6px 4px 36px;
			width: 136px;
			color: #0C56A1;
			background: #EDF221;
		}

		/* selected link states */
		#subnavigation ul li.selected ul li.selected a:link,
		#subnavigation ul li.selected ul li.selected a:visited,
		#subnavigation ul li.selected ul li.selected a:hover,
		#subnavigation ul li.selected ul li.selected a:active,
		#subnavigation ul li.selected ul li.selected a:focus {
			color: #0C56A1;
			background: #EDF221 url(../images/subnavigation_selected_bg.png) no-repeat right top;
			padding: 5px 19px 4px 36px;
			width: 130px;
		}

	/* Fix rounded corners first child */
	#subnavigation ul li.firstChild {
		border-top: 1px solid #C2C505;

		border-top-left-radius: 5px;
		-webkit-border-top-left-radius: 5px;
		-moz-border-radius-topleft: 5px;
	}

	#subnavigation ul li.firstChild a {
		border-top-left-radius: 5px;
		-webkit-border-top-left-radius: 5px;
		-moz-border-radius-topleft: 5px;
		border-top-right-radius: 5px;
		-webkit-border-top-right-radius: 5px;
		-moz-border-radius-topright: 5px;
	}

		#subnavigation ul li.firstChild ul li a {
			border-top: none;

			border-radius: 0;
			-webkit-border-radius: 0;
			-moz-border-radius: 0;
		}

	/* Fix rounded corners last child */
	#subnavigation ul li.lastChild a {
		border-bottom-left-radius: 5px;
		-webkit-border-bottom-left-radius: 5px;
		-moz-border-radius-bottomleft: 5px;
		border-bottom-right-radius: 5px;
		-webkit-border-bottom-right-radius: 5px;
		-moz-border-radius-bottomright: 5px;
	}

	/* Ambassadors */

	#ambassadors {
		width: 180px;
		padding-top: 20px;
		position: relative;
	}

		#ambassadors .imageHolder {
			width: 180px;
		}

		#ambassadors .imageHolder p {
			padding: 0;
		}

			#ambassadors .imageHolder img {
				width: 150px;
				margin: 0 auto;
				display: block;
			}

		#ambassadors .linkHolder {
			float: left;
			position: absolute;
			left: 0;
			bottom: -50px;
		}

			#ambassadors .linkHolder p {
				padding-bottom: 0;
			}

				#ambassadors .linkHolder a {
					text-indent: -9999px;
					width: 180px;
					height: 56px;
					display: block;
					overflow: hidden;
				}

				/* link states */
				#ambassadors .linkHolder a:link,
				#ambassadors .linkHolder a:visited {
					border: none;
					background: url(../images/ambassador_bg.png) no-repeat;
				}

				#ambassadors .linkHolder a:hover,
				#ambassadors .linkHolder a:active,
				#ambassadors .linkHolder a:focus {
					border: none;
					background-position: 0 -58px;
				}

/*
	contentWrapper
*/

#contentWrapper {
	width: 715px;
	padding: 0 0 0 12px;
	float: right;
}

#home #contentWrapper,
#doormat {
	width: 910px;
	padding: 0;
	margin: 0 auto;
	float: none;
}

	/* Content */

	#content {
		width: 480px;
		float: left;
		padding-right: 20px;
		overflow: hidden;
	}

		#content .activityInfo {
			list-style: none;
			padding: 0 0 18px 0;
			font-size: 11px;
		}

			#content .activityInfo li {
				float: left;
				padding: 0 54px 0 0;
				background: none;
			}

				.calendarIcon {
					background: url(../images/calendar_icon.png) no-repeat left 1px;
					padding-left: 16px;
					font-weight: 700;
					color: #367cc3;
				}

		#activitySubscribe,
		#blogForm {
			background: #F3F8FD url(../images/form_bg.png) no-repeat right top;
			padding: 12px 18px;
			margin: 12px 0;
		}

			#activitySubscribe label,
			#blogForm label {
				color: #000;
			}

			#activitySubscribe p,
			#blogForm p {
				padding-bottom: 12px;
			}

			#activitySubscribe #name,
			#activitySubscribe #street,
			#activitySubscribe #email,
			#activitySubscribe #phone,
			#activitySubscribe #place {
				width: 200px;
			}

			#activitySubscribe #number,
			#activitySubscribe #box,
			#activitySubscribe #code {
				width: 60px;
			}

			#blogForm textarea {
				width: 250px;
			}

	/* News - Events - Blog - Gallery */

	.article,
	.event,
	.comment,
	.album {
		padding-bottom: 12px;
		margin-bottom: 12px;
		border-bottom: 1px solid #ABBBCB;
	}

		.article h2,
		.article h3,
		.event h2,
		.event h3,
		.album h2,
		#news.detail .article h1,
		#event.detail h1,
		#blog.detail h1 {
			border-bottom: none;
			margin-bottom: 0;
		}

		#news.detail .article h1,
		#blog.detail .article h1 {
			line-height: 1.2;
		}

		/* link states */
		.article h2 a:link,
		.article h2 a:visited,
		.article h3 a:link,
		.article h3 a:visited,
		.event h2 a:link,
		.event h2 a:visited,
		.event h3 a:link,
		.event h3 a:visited,
		.album h2 a:link,
		.album h2 a:visited {
			color: #0C56A1;
			border-bottom: none;
		}

		.article h2 a:hover,
		.article h2 a:active,
		.article h2 a:focus,
		.article h3 a:hover,
		.article h3 a:active,
		.article h3 a:focus,
		.event h2 a:hover,
		.event h2 a:active,
		.event h2 a:focus,
		.event h3 a:hover,
		.event h3 a:active,
		.event h3 a:focus,
		.album h2 a:hover,
		.album h2 a:active,
		.album h2 a:focus {
			color: #0C56A1;
			border-bottom: 1px solid #0C56A1;
		}

		.articleDate {
			width: 40px;
			height: 38px;
			float: left;
			background: #E7F1FB;
			text-align: center;
			padding-top: 2px;
			color: #699ACA;
			line-height: 1.1;
			text-transform: uppercase;
			margin-top: 4px;
		}

			.articleDate strong {
				font-size: 20px;
			}

			.articleDate span {
				font-size: 10px;
			}

		.articleContent {
			float: right;
			width: 424px;
		}

		#blog.detail .article {
			border-bottom: none;
			margin-bottom: 0;
		}

		.avatar {
			width: 40px;
			height: 40px;
			float: left;
			margin-top: 2px;
		}

			.avatar img {
				width: 40px;
				display: block;
			}

		.commentContent {
			width: 430px;
			float: right;
		}

		.category,
		.meta,
		.date,
		.author {
			font-size: 11px;
			color: #666;
		}

		.pp_pic_holder a {
			border: none;
		}

		.albumPreview {
			width: 120px;
			height: 120px;
			float: left;
			margin-top: 6px;
		}

			.albumPreview img {
				width: 120px;
				display: block;
			}

		.albumDescription {
			width: 350px;
			float: right;
		}

		.galleryAlbum ul {
			padding-bottom: 24px;
		}

			.galleryAlbum li.photo {
				float: left;
				margin: 0 1px 1px 0;
			}

	/* Contact */

	#contactForm button,
	#blogForm button {
		margin-left: 100px;
	}

	/* Search - Social Services */

	#searchAgain,
	#socialServices {
		padding: 24px 0;
	}

		#searchAgain label,
		#socialServices label {
			display: none;
		}

		#searchAgain input.inputText,
		#socialServices input.inputText {
			float: left;
			margin: 0 6px 0 0;
			padding: 6px;
		}

		#searchAgain #q,
		#socialServices #place {
			width: 225px;
		}

	#searchResults .internal {
		border-bottom: 1px solid #ABBBCB;
		margin-bottom: 12px;
	}

	#searchResults .title {
		padding-bottom: 4px;
	}

	#socialServicesResults .content {
		padding-bottom: 12px;
		margin-bottom: 12px;
		border-bottom: 1px solid #ABBBCB;
	}

	/* Side */

	#side {
		width: 165px;
		float: right;
		padding: 90px 12px 0 10px;
	}

		.sideBlock {
			font-size: 11px;
			margin-bottom: 18px;
		}

		/* Related */

		#related h3 {
			margin-bottom: 4px;
		}

		#related ul li {
			border-bottom: 1px dotted #AFC7E0;
			padding: 6px 0;
		}

		#related .smallImage {
			width: 36px;
			height: 36px;
			float: left;
			padding-right: 10px;
		}

			#related .smallImage img {
				width: 36px;
				display: block;
			}

		/* Newsletter */

		#newsletterSubscribeForm label {
			display: block;
			padding-bottom: 4px;
		}

		#newsletterSubscribeForm input.inputText {
			width: 160px;
		}

	/* Home */

	#home h2 {
		font-size: 20px;
	}

	#home #header .linkHolder {
		z-index: 200;
	}

	#banner {
		position: absolute;
		top: 10px;
		left: 12px;
		width: 919px;
		height: 136px;
	}

	#banner p {
		width: 919px;
		height: 136px;
		padding: 0;
	}

	#banner a {
		display: block;
		width: 919px;
		height: 136px;
		position: absolute;
		z-index: 0;
		cursor: pointer;
	}

		#banner a span {
			display: block;
			position: absolute;
			width: 919px;
			height: 136px;
			background: url(../images/overlay.png) no-repeat -1px 0;
			z-index: 100;
			cursor: pointer;
		}

		#banner a img {
			display: block;
			z-index: 0;
			width: 918px;
			height: 136px;
		}

		/* News */

		#home #news {
			width: 620px;
			float: left;
			padding: 0 12px;
		}

			#home #news .article {
				width: 295px;
				height: 138px;
				float: left;
				border-bottom: none;
				margin-bottom: 0;
			}

			#home #news .right {
				float: right;
			}

				#home #news .articleContent {
					width: 240px;
				}

		/* Events en SidePoll*/

		#home #events,
		#home #sidePoll {
			width: 228px;
			float: right;
			padding-right: 12px;
		}

			#home #events .event {
				padding-bottom: 12px;
				border-bottom: none;
			}

				#home #events .event h3 {
					padding-bottom: 6px;
				}

		/* Doormat */

		#doormat {
			background: #F3F8FD;
			padding: 16px 0 16px 8px;
			margin-top: 6px;
			width: 913px;
			font-size: 11px;
			margin-left: 12px;
		}

			.doormatBlock {
				width: 196px;
				float: left;
				padding: 0 16px;
				overflow: hidden;
			}

				.content .doormatBlock ul {
					padding-right: 12px;
				}

			/* Portret */

			.doormatBlock .imageHolder {
				width: 80px;
				height: 160px;
				float: left;
				overflow: hidden;
			}

			.doormatBlock .imageInfoHolder {
				width: 105px;
				float: right;
			}

				.doormatBlock .imageInfoHolder ul {
					padding: 0 0 6px 0;
					list-style: none;
				}

					.doormatBlock .imageInfoHolder ul li {
						background: none;
						padding: 0 0 6px 0;
					}

						.doormatBlock .imageInfoHolder ul li strong {
							color: #666;
						}

			/* Infoline */

			#infoLine {
				background: url(../images/info_line_bg.png) no-repeat center 60px;
			}

				#infoLineNumber {
					font-size: 32px;
					color: #367CC3;
					font-weight: 700;
					text-align: center;
					padding: 42px 0;
				}


/*
	Footer
*/

#footerWrapper {
	background: url(../images/footer_wrapper_bg.png) no-repeat center 0;

	/* sticky footer fix */
	height: 211px;
	position: relative;
	margin-top: -211px;
	clear: both;
}

/* Background fix for footer on homepage */
#home #footerWrapper {
	background: url(../images/footer_wrapper_home_bg.png) no-repeat center 0;

	/* sticky footer fix */
	height: 291px;
	margin-top: -291px;
}

	#footer {
		color: #FFF;
		font-weight: 700;
		width: 945px;
		margin: 0 auto;
		padding: 180px 0 0 0;
		font-size: 11px;
		position: relative;
	}

		#home #footer ul {
			padding-top: 64px;
		}

		#footer ul {
			font-weight: 500;
			position: absolute;
			left: 15%;
		}

			#footer ul li {
				float: left;
				padding-right: 24px;
				color: #BBD6EE;
				text-transform: uppercase;
				font-weight: 500;
			}

				#footer ul li a {
					float: left;
					text-transform: uppercase;
					color: #FFF;
					border-bottom: none;
				}

				#footer ul li a:link,
				#footer ul li a:visited {
					color: #FFF;
					border-bottom: none;
				}

				#footer ul li a:hover,
				#footer ul li a:active,
				#footer ul li a:focus {
					color: #FFF;
					border-bottom: 1px solid #FFF;
				}
				
				#footer a.anysurfer:link,
				#footer a.anysurfer:visited {
					position: absolute;
					left: 0;
					bottom: -20px;
					display: block;
					width: 50px;
					height: 40px;
					text-indent: -999999px;
					background: url(../images/anysurfer.gif) no-repeat;
					border: none;
				}

		#sponsor {
			padding-left: 180px;
			position: relative;
			text-align: center;
			left: -10%;
		}

			#sponsor p {
				padding: 0;
			}

			#sponsor a {
				width: 222px;
				height: 38px;
				text-indent: -9999px;
				border: none;
				display: block;
				position: absolute;
				padding: 0;
				margin: 0;
				top: 15px;
				left: 450px;
			}

/*
	Pagination
*/

.pagination-wrap {
	width: 100%;
	overflow: hidden;
}

.pagination {
	float: left;
	position: relative;
	left: 50%;
}

.pagination ul {
	padding: 18px 0;
	z-index: 2;
	overflow: hidden;
	position: relative;
	left: -50%;
}

.pagination li {
	float: left;
	list-style: none;
	margin: 0 5px 0 0;
	text-decoration: none;
	padding: 0;
	line-height: 15px;
	font-size: 12px;
	text-align: center;
}

.pagination li span {
	float: left;
	display: block;
	padding: 4px 5px;
	color: #ccc;
	min-width: 12px;
}

.pagination li.currentpage span {
	font-weight: 700;
	color: black;
}

.pagination li.selected span {
	padding: 4px 5px;
	font-weight: 700;
	color: black;
}

.pagination li a:link,
.pagination li a:visited {
	float: left;
	display: block;
	padding: 3px 4px;
	border: 1px solid #ddd;
	text-decoration: none;
	min-width: 12px;
}

li.ellipsis {
	margin: 0;
}

li.ellipsis span {
	color: black;
}

.pagination li a:hover,
.pagination li a:active {
	background: #eee;
	border: 1px solid #bbb;
	color: black;
}

.nextpage, .previouspage {
	font-size: 11px !important;
}

.pagination li.nextpage {
	margin-left: 10px;
}

.pagination li.previouspage {
	margin-right: 15px;
}

/*
	Form style
*/

input, textarea, select, button {
	font-family: Arial, sans-serif;
}

input.input-text,
input.inputText,
textarea {
	border: 1px solid #ABBBCB;
	background: #FFF url(../images/input_bg.png) repeat-x;
	padding: 4px 2px;
	height: 16px;

	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

textarea {
	height: 100px;
	width: 345px;
}

input:focus,
textarea:focus {
	-webkit-box-shadow:0 0 4px #5696D7;
	-moz-box-shadow: 0 0 4px #5696D7;
	box-shadow:0 0 4px #5696D7;
	border-color: #5696D7;
}

/* Fix focus in Chrome/Safari */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	input[type="text"]:focus,
	.inputPassword:focus,
	textarea:focus {
		outline: none;
		border-color: #5696D7;
	}
}

form p.floatLeft {
	padding-right: 10px;
}

.formBlock label {
	width: 100px;
	float: left;
}

.formBlock .formError {
	margin-left: 100px;
}

.formBlock br {
	clear: both;
}

/*
	General classes
*/

.hidden { display: none; }
.block { display: block; }
.noPadding { padding: 0 !important; }
.noMargin { margin: 0 !important; }
.floatLeft { float: left; }
.floatRight { float: right; }
.noBorder { border: none; }
.datagrid { width: 100%; }
.accessibility { position:absolute; top: -9999px; left: -9999px; } /* For screen readers */

/*
	Image classes
*/

img.alignLeft {
	float: left;
	padding: 0 10px 10px 0;
}

img.alignRight {
	float: right;
	padding: 0 0 10px 10px;
}

a.linkedImage {
	border: none;
	display: block;
	font-size: 11px;
}

	a.linkedImage img {
		display: block;
	}

/*
	Button classes
*/

button,
.button a {
	background: url(../images/buttons.png) no-repeat left 0;
	border: none;
	color: #FFF;
	font-size: 11px;
	text-transform: uppercase;
	float: left;
	cursor: pointer;
	height: 30px;
	margin: 0;
	padding: 0 0 0 5px;
	overflow: visible;
	text-shadow: 0 1px rgba(0, 0, 0, 0.3);
}

button::-moz-focus-inner{ padding: 0; border: none }

.button a,
#newsletterSubscribeForm button {
	height: 26px;
	background-position: left -132px;
}

button:hover,
button:active,
button:focus {
	background-position: left -33px;
	color: #FFF;

}

.button a:hover,
.button a:active,
.button a:focus,
#newsletterSubscribeForm button:hover,
#newsletterSubscribeForm button:active,
#newsletterSubscribeForm button:focus {
	background-position: left -161px;
	color: #FFF;
}

	button span,
	.button a span {
		background: url(../images/buttons.png) no-repeat right 0;
		float: left;
		cursor: pointer;
		height: 30px;
		line-height: 31px;
		white-space: nowrap;
		padding: 0 11px 0 5px;
		position: relative;
		color: #FFF;
	}

	.button a span,
	#newsletterSubscribeForm button span {
		background-position: right -132px;
		height: 26px;
		line-height: 26px;
	}

	/* Vertical alignment fix for Firefox buttons */
	@-moz-document url-prefix() {
		.button a span,
		#newsletterSubscribeForm button span {
			line-height: 27px;
		}
	}

	button:hover span,
	button:active span,
	button:focus span {
		background-position: right -33px;
		color: #FFF;
	}

	.button a:hover span,
	.button a:active span,
	.button a:focus span,
	#newsletterSubscribeForm button:hover span,
	#newsletterSubscribeForm button:active span,
	#newsletterSubscribeForm button:focus span {
		background-position: right -161px;
		color: #FFF;
	}

/*
	Error classes
*/

.formError {
	font-size: 11px;
	color: #FF0000;
}

.formSuccess {
	color: #278609;
}

/* checkboxes */

ul.checkbox {
	list-style: none;
	padding: 0 0 9px 0;
	width: 480px;
}

li.label_checkbox_pair {
	background: none;
	padding-left: 0;
	clear: both;
	float: none;
	position: relative;
	padding-bottom: 6px;
	zoom: 1; /*IEfix*/
}

li.label_checkbox_pair input {
	left: 0;
	position: absolute;
	top: 2px;
	margin: 0;
	zoom: 1; /*IEfix*/
}

li.label_checkbox_pair label {
	display: inline;
	margin-left: 24px;
	width: 450px;
	padding: 0;
	text-align: left;
	font-size: 12px;
}