@charset "UTF-8";
/* CSS Document */



html, body, div, span, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
img, ins, kbd, q, s, samp,
small, strike, strong, 
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: "";
  content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}



/*

Default colors:

Cyan:         00aeef
Magenta:      ec008c
Yellow:       fff200   ->   b6cecc

*/

* {
	margin: 0;
	padding: 0;
}

.clear {
	clear: both;
	height: 0px;
}

.floatLeft {
	float: left;
}

.blockSeparator {
	clear: both;
	height: 5px;
}

body {
	background-color: #e9e9e9;
}

body, p, div, input, textarea {
	font-size: 11px;
	font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;
	line-height: 1.4em;
	color: #333;
}

select {
	font-size: 11px;
	font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;	
	color: #333;
}

table {
    border-collapse: collapse;
}



/* + Main layers */
#outer {
	width: 1106px;
	margin: 0px auto;
	position: relative;
}

#wrapper {
	width: 1085px;
	margin: 0px auto;
	background-image: url('../images/content_wrapper_bg.gif');
	background-repeat: repeat-y;
	background-color: #fff;
	padding-top: 15px;
	padding-left: 5px;
	border-left: 1px solid #e0e0e0;
	border-right: 1px solid #bbb;
	position: relative;
}

#header {
	width: 1090px;
	height: 150px;
	background-image: url('../images/header_bg_new.jpg');
	background-repeat: no-repeat;
	border-left: 1px solid #e0e0e0;
	border-right: 1px solid #bbb;
	margin: 0px auto;
	clear: both;
}

#floatWrapper {
	float: right;
	margin-right: 5px;
}

#mainNav {
	width: 180px;
	min-height: 500px;
	display: inline;
	float: left;
	margin-bottom: 10px;
}

#mainContent {
	width: 720px;
	min-height: 500px;
	display: inline;
	float: left;
	margin-bottom: 10px;
}

#sidebarContent {
	width: 180px;
	min-height: 500px;
	display: inline;
	float: left;
	margin-bottom: 10px;
}



#footer {
	width: 1090px;
	margin: 0px auto;
	border-top: 1px solid #bbb;
	clear: both;
	position:relative;
	background: none;
}

#footer p.footerfacts1 {
	position: absolute;
	left: 180px;
	width: 340px;
	padding: 10px;
	color: #666;
	font-size: 9px;
	line-height: 1.4em;
}
#footer p.footerfacts2 {
	position: absolute;
	left: 540px;
	width: 340px;
	padding: 10px;
	color: #666;
	font-size: 9px;
	line-height: 1.4em;
}

/* - Main layers */





/* + Default blocks formatting */

.nopaddingWrapper {
	padding: 0px;
	padding-bottom: 1px;
}

.contentBlock {
	width: 360px;
	float: left;
	display: inline;	
	padding-bottom: 10px;
}

.contentWrapper {
	width: 340px;
	padding: 0px 10px;
	padding-bottom: 1px;
	background-repeat:repeat-y;
}

.contentBlockInline {
	width: 330px;
	margin-right: 20px;
}

.contentBlock3column {
	width: 540px;
	float: left;
	display: inline;	
	padding-bottom: 10px;
}

.contentWrapper3column {
	width: 520px;
	padding: 0px 10px;
	padding-bottom: 1px;
}

.contentBlockNarrow {
	width: 180px;
	float: left;
	display: inline;	
	padding-bottom: 10px;
}

.contentWrapperNarrow {
	width: 160px;
	padding: 0px 10px;
	padding-bottom: 1px;
	background-repeat:repeat-y;
}

.contentBlockWide {
	width: 720px;
	float: left;
	display: inline;	
	padding-bottom: 10px;
}

.contentWrapperWide {
	width: 700px;
	padding: 0px 10px;
	padding-bottom: 1px;
	background-repeat:repeat-y;
}

.contentCommercial {
}

.contentCommercial h2 {
	font-size: 10px;
	text-transform: uppercase;
	color: #999999;
	font-weight: bold;
	border-bottom: 1px solid #aaaaaa;
	margin-bottom: 5px;
	margin-top: 10px;
}

.menuBlock {
	padding: 0px 10px;
	padding-bottom: 20px;
	display: block;
}

/* + Default blocks formatting */


/* + Default content formatting */


#contentRegistration div.blockheader, div.blockheader {
	background-color: #e0e0e0;
	font-family: Georgia, serif;
	font-style:italic;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 2.4em;
	margin-bottom: 5px;	
	padding: 0px 7px;
	border-left: 3px solid #ccc;
}

/*

#contentRegistration div.blockheader, div.blockheader {
	font-family: Georgia, serif;
	font-style:italic;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	color: #444;
	line-height: 2em;
	margin-bottom: 5px;	
	padding: 3px 0;
	background-image: url(/images/header_underline_2_grey.gif);
	background-position: bottom;
	background-repeat: repeat-x;
}

div.blockheader * {
	background-color: #ddd;
}
*/

#contentRegistration div.blockheader {
	width: 684px;
}

div.blockheader span {
	
}

.menuBlock div.blockheader {

}


h1 {
	font-family: Georgia, serif;
	font-style:italic;
	font-size: 14px;
	text-transform: uppercase;
	line-height: 1.8em;
	margin: 0px 10px;
	border-bottom: 1px solid #ccc;
	margin-bottom: 10px;
}

h1 span {
}

h1.commercial span {
}

h6 {
	font-size: 10px;
	text-transform: uppercase;
	color: #333;
	font-weight: bold;
	font-family: Georgia, serif;
	margin-bottom: 5px;
	margin-top: 10px;
}

h6 span {
	background-color: #b6cecc;
	padding: 2px 3px;	
}

a:link, a:hover, a:visited, a:active {
	font-weight: normal;
	color: #333;
	text-decoration: underline;
}
a:hover {
	color: #000;
	text-decoration: underline;
}

.ingress {
	font-size: 12px;
	font-family: Georgia, serif;
	color: #000;
	line-height: 1.3em;
	font-style: italic !important;
	font-style: normal;
}

a{
  outline: none;
}

.inlineCount {
	display: inline;
}

/* - Default content formatting */




/* + Default form formatting */

textarea {
	border: 1px solid #ccc;	
	background-color: #fff;	
	padding: 2px;
}

textarea:focus {
	border: 1px solid #999;
	background-color: #f5f5f5;	
}

input {
	border: 1px solid #ccc;
	background-color: #fff;
	padding: 2px;
}

input:focus {
	border: 1px solid #999;
	background-color: #f5f5f5;
}

select {
	border: 1px solid #ccc;
	background-color: #fff;
}

select option {
	padding: 2px;
}

select:focus {
	border: 1px solid #999;
	background-color: #f5f5f5;
}

input.submit {
	border: 0;
	padding: 2px;
	background-color: #666;
	color: #ffffff;
}

input.submit:hover {
	background-color: #333;
	color: #ffffff;
	cursor: pointer;
}


/* - Default form formatting */




/* + header stuff */

#logo a {
	position: absolute;
	display: block;
	width: 180px;	
	height: 140px;
	background-image: url(../images/kiteforum_logo_new.png) !important;
	background-image: url(../images/kiteforum_logo_new.gif);
	background-position: center;
	background-repeat: no-repeat;	
	left: 5px;
	top: 4px;
}




#userArea {
	padding: 0;
}


#userArea form {
	margin: 0px;
}
#userArea input {
	width: 153px !important;
	width: 146px;
	margin-right: 10px;
}

#userArea input:focus {
}

#userArea label {
	font-size: 11px;
	font-style: italic !important;
	font-style: normal;
}
#userArea form p {
	margin: 0;
	padding-top: 1em;
}

#userArea form p a:link, #userArea form p a:hover, #userArea form p a:visited, #userArea form p a:active {
	color: #333;
}

#userArea form p a:hover {
	color: #000;
	text-decoration: underline;
}

#userArea form p a.small:link, #userArea form p a.small:hover, #userArea form p a.small:visited, #userArea form p a.small:active {
	font-size: 9px;
	color: #666;
}

#userArea input.checkbox {
	width: auto !important;
	border: 0;
	padding: 0;
	position: relative;
	top: 0px;
	margin-right: 0px;
}

#userArea input.submit {
	margin: 2px 4px 4px 0;
	width: 70px !important;
}


.bannerAreaOuter {
	background-image: url(../images/white_transparent_bg.png) !important;
	background-image: url(../images/white_transparent_bg_fallback.gif);
	position: absolute;
	width: 524px;	
	left: 561px;
	top: 12px;
	height: 124px;
}


#bannerArea {
	position: relative;
	left: 2px;
	top: 2px;
	width: 520px;	
	height: 120px;
}


/* - header stuff */


/* + Partners/banners */

#kiteforumPartners img {
	margin-bottom: 3px;
}
#kiteforumPartners br {
	display: none;
} 

#kiteforumPartners p {
	margin-top: 5px;
	color: #666;
	font-size: 10px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 3px 0px;
}

/* - Partners/banners */


/* + Menu styles */

.menuBlock ul {
	list-style-type: none; 
	font-family: Georgia, serif;
	font-size: 13px;
}

.menuBlock li a:link, .menuBlock li a:visited {
	height: 18px;
	line-height: 18px;
	display: block;
	text-decoration: none;
	color: #ec008c;
}

.menuBlock li a:hover {
	color: #000;
}

.menuBlock li a:active {
	color: #000000;
}

.inactiveBlock li a:link, .inactiveBlock li a:visited {
	color: #666666;
}
.inactiveBlock li a:hover {
	color: #000000;	
}	



/* - Menu styles */






/* + Frontpage newslisting styles */

#paperListing {
	
}

#paperListing h2 {
	font-size: 10px;
	text-transform: uppercase;
	color: #999;
	font-weight: bold;
	border-bottom: 1px solid #ccc;
	margin-bottom: 5px;
	margin-top: 10px;
}

.paperItem {
	border-bottom: 1px solid #f0f0f0;
	padding-bottom: 5px;
	margin-bottom: 5px;
}

.sticky {
	background-image: url(../images/sticky_background.gif); 
	/*border-top: 1px solid #e0e0e0;*/
	border-bottom: 0;
	padding: 4px 5px;
}

.inactive {
	background-color: #ffdddd;
	border-bottom: 1px solid #ff0000; 
	border-top: 1px solid #ff0000; 
}

.paperItem h3 {
	font-family: Georgia, serif;
	font-size: 12px;
	color: #222;
	font-weight: bold;
	padding-bottom: 1px;
}

.paperItem h3 a:link, .paperItem h3 a:hover, .paperItem h3 a:visited, .paperItem h3 a:active {
	font-weight: bold;
	color: #222;
	text-decoration: none;
}
.paperItem h3 a:hover {
	text-decoration: underline;	
}

.paperItem h3 span {
	font-size: 10px;
	text-transform: uppercase;	
	font-weight: normal;
	margin-left: 2px;
}

.paperItem h3 span span {
	font-size: 12px;	
}

.gmapItem {
	padding-top: 5px;
	border-bottom: 0;
	padding-bottom: 0;
	margin-bottom: 0;
	width: 280px;
}


.voteArea {
	padding-top: 0px;
	padding-right: 5px;
	float: right;
	display: inline;
}

.voteArea span {
	font-weight: bold;
	position: relative;
	top: -4px;
	padding-right: 3px;
}

.voteArea a:link, .voteArea a:hover, .voteArea a:visited, .voteArea a:active {
	position: relative;
	top: -1px;
	text-decoration: none;
	padding-bottom: 0;
}

.voteArea a:hover {
	top: -3px;
	padding-bottom: 2px;
}

.voteArea img {
	border: 0;
}


.imageArea {
	margin-top: 4px;
}

.imageArea span {
	position: relative;
	top: -10px;
	left: 5px;
}

.hidden {
	display: none;
}

.imageArea img {
	border: 2px solid #cccccc;	
}

.imageArea a:hover img {
	border: 2px solid #fff000;		
}

.paperListingOptions {
	margin-top: 5px;
}

.listingLoader {
	margin-top: 4px;
	margin-right: 15px;
}


.paperListingPublishTeaser {
	border: 1px solid #ddd;
	background-color: #f0f0f0;
	padding: 5px 0px 5px 5px;
	margin-top: 8px;
}

.paperListingPublishTeaser label{
}

.paperListingPublishTeaser input.submit {
	position: relative;
	top: 1px;
	padding: 0px 5px 2px 5px;
	height: 23px;
}

.paperListingPublishTeaser select {
	margin-left: 5px;
	width: 120px;
	height: 23px;	
}


/* - Frontpage newslisting styles */


/* + Linklist styles */
.linkListing {
}

.linkListing ul {
	list-style-type: none; 
}

.linkListing a:link, .linkListing a:hover, .linkListing a:visited, .linkListing a:active {
	color: #333333;
	text-decoration: underline;
	display: block;
	line-height: 17px;
	float: left;
	width: 300px;
}

.linkListing a:hover {
	color: #00aeef;
}

.linkListing li {
	clear: both;
}

.linkListing li span {
	font-size: 9px;
	font-weight: normal;
	line-height: 17px;
	color: #666666;
	text-decoration: none;
	display: block;
	float: left;
	width: 40px;
}

.linkListing li span.rating {
	width: 30px;
}


.narrowLinkListing li span {
	float: none;
	width: 165px;
}

.narrowLinkListing a:link, .narrowLinkListing a:hover, .narrowLinkListing a:visited, .narrowLinkListing a:active {
	color: #333333;
	text-decoration: underline;
	display: block;
	float: none;
	width: 165px;
}

.narrowLinkListing a:hover {
	color: #00aeef;
}


.simpleLinkListing {
}

.simpleLinkListing ul {
	list-style-type: none;
	position: relative; 
}

.simpleLinkListing a:link, .simpleLinkListing a:hover, .simpleLinkListing a:visited, .simpleLinkListing a:active {
	color: #333333;
	text-decoration: underline;
	display: inline;
	line-height: 17px;
	float: none;
	width: 300px;
}

.simpleLinkListing a:hover {
	color: #00aeef;
}

.simpleLinkListing li {
	position: relative;
	margin-left: 14px;
}

.simpleLinkListing li:before {
	content: "\00BB \0020";
	position: absolute;
	left: -12px;
	top: 1px;
}


.linkListingOptions {
	background-image: url(../images/options_top_seperator.gif);
	background-repeat: no-repeat;
	padding-top: 2px;
	margin-top: 5px;
}

.noticeListing {
}

.noticeListing ul {
	list-style-type: none; 
}

.noticeListing a:link, .noticeListing a:hover, .noticeListing a:visited, .noticeListing a:active {
	color: #000000;
	text-decoration: underline;
}

.noticeListing a:hover {
	color: #00aeef;
	text-decoration: none;
}

.noticeListing li.new div, .noticeListing li.new span, .noticeListing li.new a {
	font-weight: bold;	
}

.noticeListing li {
	padding-bottom: 2px;
	clear: both;
}

.noticeListing li span {
	font-size: 9px;
	font-weight: normal;
	color: #666666;
	text-decoration: none;
	display: block;
	float: left;
	width: 40px;
}

.noticeListing li div {
	display: block;
	float: left;
	width: 300px;
}


.subcontentListing ul {
	list-style-type: none; 
}
.subcontentListing li {
	margin-bottom: 4px;
	padding-bottom: 5px;
	border-bottom: 1px solid #ddd;
	color: #666;
}

.subcontentListing li.last {
	border-bottom: none;
}

.subcontentListing li span {
	float: none;
	width: auto;
	display: block;
}

.subcontentListing li span a:link, .subcontentListing li span a:hover, .subcontentListing li span a:visited, .subcontentListing li span a:active {
	color: #333;
}

.subcontentListing li span a:hover {
	color: #00aeef;
}


.mmsListing {
}

.mmsListing ul {
	list-style-type: none; 
}

.mmsListing a:link, .mmsListing a:hover, .mmsListing a:visited, .mmsListing a:active {
}

.mmsListing a:hover {
	color: #00aeef;
}

.mmsListing li {
	margin-bottom: 5px;
}

.mmsListing li .mmsData {
}

.mmsListing li span {
	font-size: 9px;
	font-weight: normal;
	color: #666666;
	text-decoration: none;
	display: block;
	text-transform: uppercase;
}
.mmsListing img {
	float: left;
	margin-right: 5px;
	margin-top: 2px;
	border: 2px solid #cccccc;	
}

.mmsListing a:hover img {
	border: 2px solid #fff000;		
}


/* - Linklist styles */



/* + Contentlist styles */
.contentListing {

}
.contentListing ul {
	list-style-type: none; 
}

.contentListing a:link, .contentListing a:hover, .contentListing a:visited, .contentListing a:active {
	font-size: 11px;
	color: #333333;
	text-decoration: none;
}

.contentListing a:hover {
	color: #000000;
	text-decoration: underline;
}

.contentListing h2 {
	font-size: 10px;
	text-transform: uppercase;
	color: #999999;
	font-weight: bold;
	border-bottom: 1px solid #aaaaaa;
	margin-bottom: 0px;
	margin-top: 10px;
}



.contentListing li {
	width: 520px;
	min-height: 20px;
	padding-top: 5px;
	border-bottom: 1px solid #eeeeee;
	clear: both;
}

.contentListing2Column li {
	width: 340px;
}

.contentListing li.listHeader {
	padding-top: 0;
	border-bottom: 1px solid #999999;
	font-weight: bold;
}

.contentListing li div {
	display: block;
	float: left;
}

.contentListing li div.column1 {
	width: 250px;
}

.contentListing li div.column2 {
	width: 200px;
}

.contentListing li div.column2split {
	width: 100px;
}

.contentListing li div.centered {
	text-align: center;
}

.contentListing li div.column3 {
	width: 70px;
	text-align: right;
}

.contentListing2Column li div.column1 {
	width: 270px;
}

.contentListing2Column li div.column2 {
	width: 100px;
}

.contentListing2Column li div.column3 {
	width: 70px;
	text-align: right;
}

.contentListing .partners li {
	width: 520px;
	height: auto;
	padding: 5px 0px;
	margin: 2px 0px;
	border-bottom: 1px solid #dddddd;
	background-image: url(../images/focus_field_background.gif);
	clear: both;
}

.contentListing .partners li img {
	border: 0;
}

.contentListing li div.logo {
	text-align: center;
	width: 160px;
	padding: 5px;
	margin-right: 5px;
	display: block;
	float: left;
}

.contentListing li div.info {
	padding: 0px 5px;
	width: 330px;
	display: block;
	float: left;
}

.contentListing h3, .contentListing h3 a:link, .contentListing h3 a:hover, .contentListing h3 a:visited, .contentListing h3 a:active {
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}
.contentListing h3 a:hover {
	text-decoration: underline;	
}

.windListing li {
	width: 100%;
	padding-top: 5px;
	border-bottom: 1px solid #e0e0e0;
}

.windListing li div {
	display: block;
	float: left;
}

.windListing li div.clear {
	display: block;
	float: none;
  clear: both;
}

.windListing li div.column1 {
	width: 135px;
  padding: 3px 0px;
}

.windListing li div.column2 {
	width: auto;
  float:right;
}




.related h2 {
	font-size: 10px;
	text-transform: uppercase;
	color: #999999;
	font-weight: bold;
	border-bottom: 1px solid #aaaaaa;
	margin-bottom: 5px;
	margin-top: 10px;
}

div.relatedpartner {
	width: 345px;
	height: auto;
	padding: 5px 0px;
	margin: 2px 0px;
	border-bottom: 1px solid #dddddd;
	background-image: url(../images/focus_field_background.gif);
	clear: both;
}

div.relatedpartner img {
	border: 0;
}

div.relatedpartner div.logo {
	text-align: center;
	width: 120px;
	padding: 5px;
	margin-left: 5px;
	display: block;
	float: left;
}

div.relatedpartner div.info {
	padding: 0px 5px;
	width: 200px;
	display: block;
	float: left;
}

div.relatedpartner h3, div.relatedpartner h3 a:link, div.relatedpartner h3 a:hover, div.relatedpartner h3 a:visited, div.relatedpartner h3 a:active {
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}
div.relatedpartner h3 a:hover {
	text-decoration: underline;	
}


/* - Contentlist styles */




/* - Article Content Data */

#articleData p {
	padding-bottom: 1.4em;
}

#articleData p img {
	border: 2px solid #cccccc;
}

#articleData ul, #articleData ol {
	padding-left: 20px;
	padding-bottom: 1.4em;
}

#articleData ul {
	list-style-type: disc;
}
#articleData ol {
	list-style-type: decimal;
}

#articleData .linkListing ul {
	padding-left: 0;
	padding-bottom: 0;	
	list-style-type: none;
}

#articleData p.nopadding {
	padding: 0;
}

.bannerBlock p, #articleData .bannerBlock p {
	font-size: 10px;
	text-transform: uppercase;
	color: #999999;
	font-weight: bold;
	border-bottom: 1px solid #aaaaaa;
	margin: 0;
	padding: 0;
	margin-bottom: 3px;
	padding-top: 5px;
}

.bannerIndependent p {
	padding-top: 0px;
}

#articleData table {
	width: 345px;
	border: 0;
	padding: 0; 
	margin: 0;
	margin-bottom: 1.3em;	
}

#articleData table.itemInfo {
	background-image: url(../images/focus_field_background.gif);
}

#articleData table.itemInfo td.col1 {
	font-weight: bold;
}

.imageDescription {
	display: block;
	padding: 0;
	font-style: italic;
	color: #666;
}

#articleData h2 {
	/*
	font-size: 10px;
	text-transform: uppercase;
	color: #333333;
	font-weight: bold;
	font-family: Georgia, serif;
	margin-bottom: 5px;
	margin-top: 10px;
	*/
	background-color: #e0e0e0;
	font-family: Georgia, serif;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 1.8em;
	margin-bottom: 5px;	
	padding: 0px 7px;
	border-left: 3px solid #ccc;		
	
}

#articleData h2 span {
	/*
	background-color: #b6cecc;
	padding: 2px 3px;	
	*/
}

#articleData h3 {
	font-size: 11px;
	color: #333333;
	font-weight: bold;
	margin: 0;	
}

.weatherForecastSpot table {
	width: 100%;
	border: 0;
	padding: 0; 
	margin: 0;
	margin-bottom: 5px;
}

.weatherForecastSpot table td {
	width: 50px;
	text-align: center;
	vertical-align: middle;
  line-height: 1.7em;
  border-left: 1px solid #ccc;
}

.weatherForecastSpot table tr {
	/* border-bottom: 1px solid #cccccc;*/
}

.weatherForecastSpot table td:first-child {
  border-left: none;
}

.weatherForecastSpot .kitability {
  font-size: 12px;
  line-height: 2.4em;
  font-weight: bold;
}

span.no-kitability {
  color: #ff0000;
}
span.mid-kitability {
  color: #edb200;
}
span.high-kitability {
  color: #2a8206;
}

.weatherForecastSpot table td.col1 {
	font-size: 11px;
	font-weight: bold;
	width: 80px;
	text-align: left;
}

.weatherForecastSpot p.details {
  color: #888;
  font-size: 10px;
  margin-top: 5px;
}
.weatherForecastSpot p.not-available-large {
  width: 560px;
  color: #888;
  font-size: 10px;
  margin: 5px 0px;
}
.weatherForecastSpot p.details a:link, .weatherForecastSpot p.details a:visited, .weatherForecastSpot p.details a:active {
  color: #888;
}
.weatherForecastSpot p.details a:hover {
  color: #666;
}

.windListing a.name:link, .windListing a.name:visited, .windListing a.name:active, .windListing a.name:hover {
  text-decoration: none;
  font-weight: bold;
}
.windListing a.name:hover {
}

.weatherForecastSpot ul {
	width: 100%;
	border: 0;
	padding: 0;
	margin: 0;
  clear: both;
}

.weatherForecastSpot li {
  float:left;
  width: 66px;
  text-align: center;
  margin: 0px 2px 5px 0px;
  background-color: #f8f8f8;
  border-bottom: 1px solid #ddd;
  padding-top: 4px;
}

.weatherForecastSpot li:first-child {
  margin: 0px 2px 5px 0px;
}

.windListing ul li {
  position: relative;
}

.windListing div.favourite-toggler {
  /*
  margin-top: 5px;
  display: block;
  */
  position: absolute;
  bottom: 14px;
}

.windListing a.favourite-link:link, .windListing a.favourite-link:visited, .windListing a.favourite-link:active, .windListing a.favourite-link:hover {
  text-decoration: none;
  font-weight: normal;
  color: #666;
  font-size: 10px;
  display: block;
  padding-top: 1px;
}
.windListing a.favourite-link:hover {
  color: #000;
}

.profile-wind-block {
  position: relative;
}

.profile-wind-favourites {
  position: absolute;
  top: 2px;
  right: 12px;
}
.profile-wind-favourites select option {
  padding: 0px;
}


a.icon-delete {
  background: transparent url(/images/icons/delete.png) no-repeat;
  padding-left: 20px;
}
a.icon-add {
  background: transparent url(/images/icons/add.png) no-repeat;
  padding-left: 20px;
}

.contentBlockWide .weatherForecastSpot li {
  width: 68px;
}

.weatherForecastSpot li.high-kitability {
  background-color: #e6f0e1;
}

.weatherForecastSpot li.mid-kitability {
  background-color: #faffe6;
}

.textforecast h2 {
  text-transform: uppercase;
  color: #999;
}

.textforecast p {
  margin-bottom: 1.4em;
}
.textforecast strong {
  display: block;
}

.videoEmbed {
	margin: 5px 0px;
	background-color: #f0f0f0;
	border-bottom: 1px solid #ccc;
}

#articleData .videoEmbed p {
	margin-top: 3px;
	margin-bottom: 0px;
	padding: 0;
	font-size: 11px;
	font-weight: normal;
}

div.mapHolder {
	width: 340px;
	background-color: #f0f0f0;
	margin-bottom: 0;
	border-bottom: 1px solid #ccc;	
	display: block;
}

div.map {
	width: 340px;
	height: 245px;
	margin: 0;
	padding: 0;
	display: block;
}

div.mapHolderWide {
	width: 700px;
	background-color: #f0f0f0;
	margin-bottom: 0;
	border-bottom: 1px solid #ccc;	
	display: block;
}

div.mapWide {
	width: 700px;
	height: 545px;
	margin: 0;
	padding: 0;
	display: block;
}

div.mapOptions {
	margin: 5px 0px 5px 0px;
	padding: 0;
	display: block;
}

div.mapOptions .mapFilter {
	padding-top: 10px;
	padding-left: 10px;
	float: left;
	width: 410px;
}

div.mapOptions .mapFilter ul li {
	width: 120px;
	height: 22px;
	float: left;
}
div.mapOptions .mapFilter ul li input {
	position: relative;
	top: 3px;
}

div.mapOptions .mapFilter div {
	margin-bottom: 1.4em;
}

div.mapOptions .mapFilter h3 {
	float: left;
	margin-right: 15px;
	padding-top: 2px;
}

div.mapOptions .mapFilter select {
	width: 100px;
	margin-right: 5px;
	position: relative;
	top: -2px;
}

div.mapOptions .mapFilter div.dropHolder {
	margin-bottom: 1.4em;
	width: 200px;
	float: left;
}

div.mapOptions .mapFilter div.dropHolder label {
	font-weight: bold;
	display: block;
	padding-bottom: 2px;
}

div.mapOptions .mapFilter div.dropHolder select {
	display: block;
	width: 160px;
}

div.mapOptions .mapFilter div.dropHolder input {
	position: relative;
	top: 16px;
}


div.mapOptions .mapLegend {
	margin: 5px 10px;
	padding: 10px;
	float: right;
	width: 240px;
	background-color: #ddd;
}

div.mapOptions .mapLegend ul li {
	width: 110px;
	float: left;
	height: 30px;	
}

div.mapOptions .mapLegend img {
	position: relative;
	top: 7px;
	margin-right: 10px;
}


img.brandLogo, img.shopLogo, img.schoolLogo {
	float: right;
	margin: 0;
	margin-left: 10px;
	margin-bottom: 10px;
	border: 2px solid #cccccc;	
}

#articleData .relatedBrands {
	font-style:italic;
}

.factsBox {
	position: relative;
	background-color: #f0f0f0;
	border: 1px solid #ccc;
	width: 328px;
	padding: 5px;
	margin-bottom: 10px;		
}

.factsBoxSpot {
	min-height: 150px;
}

.factsBox #windIndicator {
	position: absolute;
	left: 215px;
	top: 10px;
} 

#articleData .factsBox table {
	margin: 0;
	padding: 0;
}
.factsBox td {
	padding: 2px 7px 2px 0px;
	vertical-align: top;
}

#articleData .ratingIcon {
	border: 0;
	position: relative;
	top: 3px;
	margin-left: 2px;
}


/* - Article Content Data */
	


/* + Publisher */

.publisherBlock p {
	line-height: 1.3em;
	padding: 5px 5px 5px 5px;
	font-size: 11px;
}

.publisherBlock .publisher img.avatar {
	float: left;
	margin: 4px;
	margin-right: 10px;
	border: 2px solid #cccccc;	
}

.publisherBlock .publisher a:hover img.avatar {
	border: 2px solid #fff000;		
}

.publisher {
	background-image: url(../images/sticky_background.gif);
	border-top: 1px solid #e0e0e0;
}

/* - Publisher */



/* + Profile */

.profileBlock img.avatar {
	float: left;
	margin: 0;
	margin-bottom: 4px;
	margin-right: 10px;
	border: 2px solid #cccccc;	
}

.profileBlock table {
	width: 235px;
	border: 0;	
}

.profileBlock table td {
	padding-bottom: 2px;
}
.profileBlock table td.col1 {
	font-weight: bold;
	width: 90px;
}

/* - Profile */



/* + Content registration */

span.required {
	color: #ec008c;
	font-size: 14px;
	font-family: Georgia, serif;
	font-weight:normal;
}

#contentRegistration h2 {
	/*
	font-size: 10px;
	text-transform: uppercase;
	color: #333333;
	font-weight: bold;
	font-family: Georgia, serif;
	border-bottom: 1px solid #cccccc;
	padding-bottom: 5px;
	margin-bottom: 10px;
	margin-top: 10px;
	*/
	
	background-color: #e0e0e0;
	font-family: Georgia, serif;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 1.8em;
	margin-bottom: 10px;	
	padding: 0px 7px;
	border-left: 3px solid #ccc;		
}

#contentRegistration h2 span {
	/*
	background-color: #b6cecc;
	padding: 2px 3px;	
	*/
}

#contentRegistration p {
	margin: 0; 
}

#contentRegistration p.ingress {
	width: 695px;
	margin-bottom: 15px;
}

#contentRegistration form {
	margin: 0;
}

#contentRegistration div {
	float: left;
	width: 480px;
	padding-bottom: 10px;
	position: relative;
}

#contentRegistration form div.fieldTip {
	position: absolute;
	float: left;
	width: 180px;
	display: none;
}

#contentRegistration form div.fieldTip div {
	position: absolute;
	top: 15px;
	left: 485px;
	color: #666666;
	width: 205px;
	padding: 5px;
	border: 1px solid #c9c2c1;
}
 
#contentRegistration form div.fieldTip div.hook {
	background-image: url(../images/tip_vert.gif);
	background-repeat: no-repeat;
	position: relative;
	top: 24px;
	left: 480px;
	border: 0;
	z-index: 100;
}

#contentRegistration label {
	font-size: 12px;
	font-weight: bold;
	display:block;
}
#contentRegistration .contentResourceBlock label span.help {
	font-size: 10px;
	font-weight: normal;
	color: #666666;
	margin-left: 5px;
}

#contentRegistration span.error {
	color: #ff0000;
	padding: 2px;
	text-transform: uppercase;
	background-color: #ec008c;
	color: #ffffff;
}

#contentRegistration p {
	display: block;
	clear: both;
}

#contentRegistration div.mapHolder {
	width: 700px;
	background-color: #f0f0f0;
	margin: 0;
	padding: 0;
	margin-bottom: 20px;
	border-bottom: 1px solid #ccc;	
	display: block;
}

#contentRegistration div.map {
	width: 700px;
	height: 390px;
	margin: 0;
	padding: 0;
	display: block;
}

#contentRegistration div.mapOptions {
	margin: 15px 0px 5px 0px;
	padding: 0;
	display: block;
}

#contentRegistration div.relatedBrands {
	width: 700px;
	margin-bottom: 10px;
	display: block;
	clear: both;
}

#contentRegistration img.preview {
	border: 2px solid #ccc;
	margin-right: 10px;
	margin-top: 4px;
}

#contentRegistration .checkbox {
	width: auto;
	border: 0;
	padding: 0;
	position: relative;
	top: 3px;
	margin-right: 2px;	
}

#contentRegistration ul.checkbox_list {
	list-style: none;
	padding-top: 5px;
}
#contentRegistration ul.checkbox_list li {
	display: block;
	float: left;
	width: 130px;
	padding-right: 10px;
	padding-bottom: 3px;
}
#contentRegistration ul.checkbox_list li label {
	display: inline;
	width: auto;
	font-size: 10px;
	font-weight: normal;
	padding-left: 3px;
}

#contentRegistration input {
	font-size: 12px;
	width: 460px;
	padding: 4px;
}


#contentRegistration input.file {
	
}

#contentRegistration input.date {
	width: 140px;
}

#contentRegistration input:focus {
}

#contentRegistration select {
	font-size: 12px;
	width: 240px;
}

#contentRegistration select option {
}

#contentRegistration select:focus {
}

#contentRegistration textarea {
	font-size: 12px;
	width: 460px;
	height: 300px;
	padding: 4px;
}

#contentRegistration textarea.short {
	height: 80px;
}
#contentRegistration textarea:focus {
}

#contentRegistration input.submit {
	width: auto;
	padding: 2px 10px;
}

#contentRegistration input.submit:hover {
}

#contentRegistration.contentResources form {
	margin-bottom: 20px;
}

#contentRegistration .radio_list, #contentRegistration .check_list {
	margin-top: 4px;
	margin-bottom: 10px;
}

#contentRegistration .radio_list li, #contentRegistration .check_list li {
  display: inline;
	list-style-type: none;
	margin-right: 10px;	
}

#contentRegistration .radio_list input, #contentRegistration .check_list input {
	position: relative;
	top: 3px;
	width: auto;
}

#contentRegistration .radio_list label, #contentRegistration .check_list label  {
	display: inline;
	width: auto;
	font-weight: normal;
	font-size: 12px;
}

#contentRegistration .windratingBlock {
	position: relative;
	height: 120px;
}

#contentRegistration .windratingBlock select {
	width: 40px;
}

#contentRegistration .windratingBlock .windSelector {
	position: absolute;
	width: 65px;
}
#contentRegistration .windratingBlock .wind_n  { top: 0px; left: 150px; }
#contentRegistration .windratingBlock .wind_ne { top: 25px; left: 210px; }
#contentRegistration .windratingBlock .wind_e  { top: 50px; left: 270px; }
#contentRegistration .windratingBlock .wind_se { top: 75px; left: 210px; }
#contentRegistration .windratingBlock .wind_s  { top: 100px; left: 150px; }
#contentRegistration .windratingBlock .wind_sw { top: 75px; left: 90px; }
#contentRegistration .windratingBlock .wind_w  { top: 50px; left: 30px; }
#contentRegistration .windratingBlock .wind_nw { top: 25px; left: 90px; }


.alternative {
	display: none;
}

.videoPreviewArea {
	margin: 10px 0px;
}

#contentRegistration.contentResources input {
	width: 330px;
}

#contentRegistration.contentResources select {
	width: 338px;
}

#contentRegistration.contentResources textarea {
	width: 330px;
	height: 80px;
}

#contentRegistration.contentResources input.submit {
	width: auto;
}

#contentRegistration.contentResources p.focused {
	font-size: 12px;
	font-family: Georgia, serif;
	color: #000000;
	line-height: 1.4em;
	font-style: italic !important;
	font-style: normal;
	width: 330px;
	margin-bottom: 10px;
}

#contentRegistration.contentResources p.focused span {
	background-color: #dddddd;
}

#contentRegistration form div.contentResourceBlock {
	float: left;
	display: block;
	width: 350px;
}

.contentResourceBlock ul {
	list-style: none;
}

.contentResourceBlock li {
	background-image: url(../images/resource_drag_bg.gif);
	background-repeat: no-repeat;
	background-position: 0px 5px;
	width: 340px;
	padding: 2px 0px;
	border-bottom: 1px solid #e2e2e2;
}

.contentResourceBlock li.resource {
	background-color: #ffffff;
}

.contentResourceBlock li:hover {
	cursor: move;
}

#contentRegistration .contentResourceBlock li div {
	float: left;
	display: block;
	width: 260px;
	padding: 3px 0px;
}

.contentResourceBlock li img.preview {
	float: left;
	margin-bottom: 4px;
}


#contentRegistration div.preview {
	width:238px;
	border:1px solid #cccccc;
	background-color: #f0f0f0; 
	margin-top: 10px;
	
}

#contentRegistration div.preview img {
	margin-left: 5px;
	float: left; 
	display: inline;
}

#contentRegistration div.preview span {
	float: left; 
	display: inline;
	margin-top: 5px;
}

#contentRegistration div.preview input {
	margin-right: 5px;
	margin-bottom: 0px;
	position: relative;
	top: 3px;
}

div.contentPreview {
	border-bottom: 1px solid #000;
	margin: 10px 10px 20px 10px;
}

/* - Content registration */


/* + inline form classes */

.inlineForm {
	width: 318px;
	margin: 10px 0px 0px 0px;
	border: 1px solid #ddd;
	background-color: #f5f5f5;
	padding: 0px 10px;
}

.inlineForm p {
	margin: 10px 0px;
}

.inlineForm label {
	display: block;
}

.inlineForm input, .inlineForm select, .inlineForm textarea {
	width: 308px;
}
.inlineForm input.submit {
	width: auto;
	padding: 2px 10px;
}

.inlineForm input.file {
	
}

/* - inline form classes */


/* + inline item list classes */

.inlineItemList {
	margin: 1px 0px;
	list-style: none;
}

.inlineItemList li {
	padding: 2px 0px;
	clear: both;
	border-bottom: 1px dotted #ddd;
}

.inlineItemList li.inactive {
	background-color: #ffdddd;
	border-bottom: 1px solid #ff0000; 
	border-top: 0; 
}

.inlineItemList li.last {
	border: 0;
}

.inlineItemList li a {
	text-decoration: none;
}

.inlineItemList div.name {
	width: 200px;
	float: left;
}

.inlineItemList div.options {
	width: 100px;
	float: right;
	text-align: right;
}

.listheading {
	font-weight: bold;
}

/* - inline item list classes */
	
.loadingIndicator{
	position: absolute;
	width: auto;
	display: none;	
}


/* + Comments */

#addCommentArea form {
	margin: 0px;
}

#commentsArea {
	margin-top: 20px; 	
}

#addCommentArea textarea {
	width: 334px;
	height: 50px;
	padding: 2px;
	margin-bottom: 5px;
}

#addCommentArea textarea:focus {
}

#addCommentArea input.submit {
	width: 70px;
}

#addCommentArea input.submit:hover {
}

#addCommentArea .notavailable {
	font-size: 12px;
	font-family: Georgia, serif;
	color: #666;
	line-height: 1.3em;
	font-style: italic !important;
	font-style: normal;
	padding-top: 15px; 	
}

#addCommentArea .nocomments {
	font-size: 11px;
	color: #999999;
	padding-bottom: 5px; 	
}


/* - Comments */




/* + Pagination */

.pagination {
	background-image: url(../images/options_top_seperator.gif);
	background-repeat: no-repeat;
	padding-top: 5px;
	margin-top: 5px;
}

.pagination span span {
	font-weight: bold;
	padding-right: 5px;
}

.pagination span {
	background-image: url(../images/focus_field_background.gif);
}

.pagination a:link, .pagination a:hover, .pagination a:visited, .pagination a:active {
	font-family: Georgia, serif;
	font-size: 10px;
	color: #00aeef;
	text-transform: uppercase;
	text-decoration: none;
	padding-left: 3px;
	padding-right: 3px;
}

.pagination a:hover {
	color: #0079b7;
	text-decoration: none;
	background-color: #b6cecc;
}

/* - Pagination */





/*  + Normal Bubble */
div.bubble {
	width: auto;
	margin-bottom: 24px;
}

div.bubble blockquote {
	margin: 0px;
	padding: 0px;
	border: 1px solid #c9c2c1;
	background-color: #fff;
}

div.bubble blockquote p {
	margin: 8px;
}

div.bubble cite {
	position: relative;
	margin: 0px;
	padding: 10px 0px 0px 10px;
	top: 10px;
	background: transparent url(../images/tip.gif) no-repeat 20px 0;
	font-style: normal;
}

div.bubble .editLink {
	float: right;
	margin-top: 8px;
}

/* - Normal Bubble */




/* + map definitions */

#travelMap {
	width: 343px;
	height: 250px;
	border: 1px solid #cccccc;
}

#spotMap {
	width: 523px;
	height: 500px;
	border: 1px solid #cccccc;
}

/* - map definitions */



/* + Filters */

.filter .blockheader {
	background-color: #fff200;
	border-color: #bbb100;
}

.inactiveFilter .blockheader {
	background-color: #ddd;
	border-color: #999;
}

.filter form {
	margin: 0px;
}
.filter form div {
	margin-bottom: 5px;
}
.filter input, .filter select {
	width: 156px;
}

.filter select {
	width: 160px;
}

.filter input:focus, .filter select:focus {
}

.filter label {
	font-size: 11px;
	font-style: italic !important;
	font-style: normal;
	padding-bottom: 2px;
	display: block;
}

.filter input.submit {
	margin-top: 5px;
	margin-right: 10px;
	width: 70px;
	font-size: 11px;
}

.filter input.submit:hover {
}


.filter form#windFilter div {
	float: left;
  width: auto;
  margin-right: 10px;
}

.filter form#windFilter div.last {
  margin-right: 0px;
}

.filter form#windFilter select {
	width: 105px;
}

.filter form#windFilter input {
	width: 115px;
}

.filter form#windFilter input.submit {
	width: auto;
  margin-top: 18px;
}
/* - Filters */


/* + Popups */

.popupContainer {
	width: 450px;
	margin: 10px 10px;
}

.popupContentWrapper {
	width: 430px;
	padding-bottom: 1px;
}

.popupContentWrapper p {
	margin-bottom: 1.4em;
}

.reportPopup textarea {
	width: 430px;
	height: 120px;
	margin-bottom: 5px;
}

.reportPopup input.submit {
	float: left;
	padding: 0px 10px;
}

.reportPopup .response {
	float: left;
	width: 300px;
	margin-left: 20px;
	padding-top: 3px;
}

.popupContentWrapper ul {
	list-style: disc;
	padding-left: 20px;
	margin-bottom: 1.4em;
}
.popupContentWrapper ol {
	list-style: decimal;
	padding-left: 20px;
	margin-bottom: 1.4em;
}

.popupContentWrapper ul li, .popupContentWrapper ol li {
	list-style: disc;
	margin-left: 10px;
	margin-bottom: 0.7em;
}

/* - Popups */


/* + Div */

.feedIcon {
	float: left;
	margin-right: 10px;
}

.feedLink {
	position: relative;
	top: 10px;
}

/* - Div */



/* + standard links override */

a.itemOption:link, a.itemOption:hover, a.itemOption:visited, a.itemOption:active {
	display: inline;
	float: none;
	font-family: Georgia, serif;
	font-size: 10px;
	color: #00aeef;
	text-transform: uppercase;
	text-decoration: none;
	margin-right: 3px;
}

a.itemOption:hover {
	color: #0079b7;
	text-decoration: none;
	background-color: #fff200;
}

a.itemOption:link span, a.itemOption:hover span, a.itemOption:visited span, a.itemOption:active span {
	font-size: 12px;
	margin-right: 2px;
	margin-left: 2px;
}

a.itemOption:hover span {
}

a.editLink:link, a.editLink:hover, a.editLink:visited, a.editLink:active {
	color: #ec008c;
}

a.editLink:hover {
	color: #880050;
	background-color: #ddd;
}

a.profileLink:link, a.profileLink:hover, a.profileLink:visited, a.profileLink:active {
	font-weight: bold;
	text-decoration: none;
}

a.profileLink:hover {
	text-decoration: underline;
}


/* - standard links override */

#overloader {
	background-image: url(../images/overloader_bg.png) !important;
	background-image: url(../images/overloader_bg_fallback.gif);
	position: fixed; 
	left: 0; 
	top: 0; 
	width: 100%; 
	height: 100%; 
}
#overloader div {
	position: relative;
	left: 50%;
	top: 50%;
}
#overloader img {
	position: relative;
	left: -63px; 
}



.googleSkyscraper {
	margin: 40px 0 0 10px;
	display: block;
}


/* + competition module css */
#competition-module {
  width: 320px;
  border: 1px solid #ddd;
  padding: 10px;
  margin: 20px 0px;
  background-color: #f5f5f5;
}

#competition-module p {
}

#competition-module label {
  display: block;
  margin-bottom: 4px;
  font-weight: bold;
}

#competition-module ul.radio_list li {
  margin-bottom: 4px;
  clear: both;

}
#competition-module ul.radio_list label {
  display: inline;
  float:left;
  width: 290px;
  padding-left: 5px;
  font-weight: normal;
}
#competition-module ul.radio_list input {
  position: relative;
  top: 2px;
  display: inline;
  float: left;
}
#competition-module input[type='text'] {
  width: 98%;
}

#competition-module p.response {
  font-weight: bold;
  background-color: #fffddd;
  padding: 5px;
  border: 1px solid #ddd;
  margin-bottom: 10px;
  text-align: center;
}

#articleData #competition-module p.message {
  padding-bottom: 0;
}

#competition-module ul {
  list-style-type:none;
  padding-left:0px;
}
/* - competition module css */