@charset "utf-8";

/* RESET */
* {
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
}
ul { list-style: none; }
a img { border: none; }
a, a:hover {
	text-decoration: none; 
	outline: none;
	}

/* GENERAL */
h1 {
	color: #6699cc;
	font-size: 16px;
	font-weight: bold;
	}
	h1 a {
		color: #6699cc;
		font-size: 16px;
		font-weight: bold;
	}
h2 {
	color: #bdbdbd;
	font-size: 10px;
	font-weight: normal;
	text-align: right;
	}
h3 span { display: none; }
h3 {
	width: 239px;
	height: 15px;
	margin: 6px 0px;
	}

/* STYLE */
html { height: 100%; }
body { 
	background: #165ba1 url(../WD_IMAGES/bodyBack.jpg) no-repeat 50% 0%;
	text-align: center;
	height: 100%;
	}
	#container {
		width: 970px;
		text-align: left;
		min-height: 100%;
		height: auto !important;
		height: 100%;
		margin: 0px auto -20px;
		}
		#header {
			width: 970px;
			height: 196px;
			background: url(../WD_IMAGES/headerBack.gif) repeat-x 0% 100%;
			}
			#visual {
				width: 970px;
				height: 155px;
				background: url(../WD_IMAGES/visualBack.jpg) no-repeat;
				}
				#homeLink { padding: 87px 0px 0px 6px; }
					#homeLink a {
						display: block;
						width: 300px;
						height: 34px;
						}
						#homeLink a span { display: none; }
			#navigation {
				width: 970px;
				height: 41px;
				}
				#navigation a img { margin: 6px 0px 6px 30px; }
				#navigation ul {}
					#navigation ul li {
						float: left;
						}
						#navigation ul li a {
							display: block;
							height: 41px;
							padding: 0px 42px;
							line-height: 41px;
							color: #ffffff;
							font-size: 14px;
							text-transform: uppercase;
							background: url(../WD_IMAGES/menuABack.gif) no-repeat 100% 0%;
							}
						#navigation ul li a.lastLink { background: url(../WD_IMAGES/menuABack.gif) no-repeat 0% 0%; }
						#navigation ul li a:hover { background: url(../WD_IMAGES/menuABack.gif) no-repeat 100% 100%; }
						#navigation ul li a.rubOn { background: url(../WD_IMAGES/menuABack.gif) no-repeat 100% 100%; }
						#navigation ul li a.lastLink:hover { background: url(../WD_IMAGES/menuABack.gif) no-repeat 0% 100%; }
					#navigation ul li ul {
						display: none;
						width: 110px;
						text-align: left;
						position: absolute;
						}
						#navigation ul li ul a {
							width: 116px;
							display: block;
							height: 21px;
							padding: 0px 42px;
							line-height: 21px;
							color: #ffffff;
							font-size: 12px;
							text-transform: uppercase;
							background: #fb7820;
							}
						#navigation ul li ul a:hover { background: #fb7820; }
		#content { 
			padding: 10px;
			background: #ffffff;
			}
			#beta {
				width: 259px;
				float: right;
				}
				#beta p {
					margin: 6px 0px 0px 0px;
					}
				#beta p.credits {
					margin: 0px 0px 0px 0px;
					color: #9f9f9f;
					}
				#beta #sponsor {
					text-align: center;
					margin: 75px 0px 0px 0px;
					}
					#beta #sponsor ul li { 
						margin: 10px 0px;
						padding: 0px 5px;
						}
				#links { 
					background: url(../WD_IMAGES/alphaBack.jpg) no-repeat;
					padding: 10px; }
				
				#sendMail {
					display: none;
					background: #ffffff url(../WD_IMAGES/formSendMailBack.jpg) no-repeat;
					margin: 0px 0px 10px 0px;
					padding: 8px;
					}
					#sendMail .txtField {
						width: 150px;
						background: none;
						border: none;
						border-bottom: dotted 1px #6d6d6d;
						color: #6d6d6d;
						}
			#alpha {
				padding: 0px 279px 0px 10px;
				}
				#contactForm {
					margin: 10px auto;
					width: 280px;
					}
					#contactForm p { margin: 8px 0px; }
						#contactForm p label {
							width: 100px;
							float: left;
							}
			#forum { padding: 0px 10px; }
				#forum iframe{
					border: none;
					width: 100%;
					height: 800px;
					}
		#footer {
			width: 970px;
			height: 60px;
			margin: 0px auto;
			background: url(../WD_IMAGES/footerBack.gif) no-repeat 0% 140%;
			}
			#footer ul li {
				display: inline;
				font-size: 10px;
				color: #bdbdbd;
				}
				#footer ul li a {
					color: #ff6600;
					font-size: 10px;
					}
					#footer ul li a img {
						vertical-align: middle;
						}

/* CLASS */
.clear { clear: both; }
.clearLeft { clear: left; }
.articleHeader { margin: 10px 0px; }
.pagination p { 
	margin: 8px 0px;
}
.articleMain p { 
	margin: 8px 0px;
	text-align: justify;
	}
.articleMain div { 
	margin: 8px 0px;
	text-align: justify;
	}
.articleMain ul { 
	margin: 8px 20px;
	}
.articleMain ul li {
	list-style: inside;
	}
.articleMain .title {
	font-weight: bold;
	}
.articleMain a {
	color: #165ba1;
	text-decoration: none;
	}
	.articleMain a:hover { text-decoration: underline; }
.articleFooter ul li {
	display: inline;
	color: #bdbdbd;
	font-size: 10px;
	}
.articleFooter ul li a {
	color: #ff6600;
	font-size: 10px;
	}
.articleFooter {
	margin: 0px 0px 20px 0px;
	height: 16px;
	line-height: 16px;
	}
.autor {
	color: #ff6600;
	font-size: 10px;
	}
.credits {
	text-align: right;
	color: #bdbdbd;
	font-size: 10px;
	}
.imgOnLeft {
	float: left;
	padding: 10px;
	width: 95px;
	}
.imgOnRight {
	float: right;
	padding: 10px;
	width: 95px;
	}
.push { height: 20px; }
.linkIcn {
	background: url(../WD_IMAGES/iconLink.png) no-repeat 0% 50%;
	padding: 0px 0px 0px 20px;
	}
.commentIcn {
	background: url(../WD_IMAGES/iconComment.png) no-repeat 0% 50%;
	padding: 0px 0px 0px 20px;
	}
.emailLinkIcn {
	background: url(../WD_IMAGES/iconEmailLink.png) no-repeat 0% 50%;
	padding: 0px 0px 0px 20px;
	color: #ff6600;
	font-size: 10px;
	}
.alignCenter { text-align: center; }
.alignRight { text-align: right; }
.alignLeft { text-align: left; }
.floatRight { float: right; }
.floatLeft { float: left; }
.valider { 
	height: 16px;
	width: 16px;
	}
.green { 
	color: #1ecf1e;
	font-weight: bold;
}
.red { 
	color: #cc3300;
	font-weight: bold;
}
.pagination { margin: 30px 0px; }
.pagination a { color: #6699cc; }
.text { 
	margin: 0px;
	padding: 0px;
	height: 14px;
	}
.softList { margin: 15px 0px; }
.NOK {
	margin: 10px auto;
	width: 550px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	background-color: #ffe3ef;
	color: #ff0670;
	border: solid 1px #ff0670;
	}
.OK {
	margin: 10px auto;
	width: 550px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	background-color: #e9ffe8;
	color: #29aa23;
	border: solid 1px #29aa23;
	}
.txtField { width: 170px; }
.logoMot { 
	width: 100px;
	float: left;
	padding: 0px 5px 5px 0px;
	}
.logoMot50 { 
	width: 50px;
	float: left;
	padding: 0px 5px 5px 0px;
	}