/*---Global---*/
html{height:100%;}
body{
	margin:0;
	background:#0d3a47;
	font:12px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	height:100%;
}
ul, ol, p, h1, h2, h3, h4, h5, form{
	margin:0;
	padding:0;
}
img{border:none;}
ul, li{list-style:none;}
a{text-decoration:none;}
a:hover{text-decoration:underline;}
#page{
	min-height:100%;
	width:1000px;
	margin:0 auto;
	background:url(../images/body-bg.jpg);
}
* html #page{height:100%}
.left{
	float:left;
	z-index: 3;
}
.right{float:right;}
h1{
	font-size:30px;
	color:#fff;
	line-height:35px;
}
h1 span{display:block; font-size:14px; line-height:16px;}
.h1box{margin:-50px 26px 3px; height:47px;}
/*---GlobalEnd---*/
/*---Main---*/
#main{
	padding: 0 0 116px;
	margin:0 auto;
	width:1000px;
	height:100%;
}
#main:after{
	display:block;
	clear:both;
	content:"";
}
#main .container{
	width:1000px;
	padding:27px 0;
	height:100%;
}
/*---MainEnd---*/
/*---Header---*/
#header{
	width:100%;
	overflow:hidden;
}
#header .container{
	background:url(../images/header-bg.jpg) no-repeat;
	margin:0 auto;
	width:960px;
	padding:0 20px;
	height:141px;
	overflow:hidden;
}
#header .logo{
	float:left;
	background:url(../images/logo.jpg) no-repeat;
	width:398px;
	height:73px;
}
#header .logo a{
	display:block;
	background: url(../images/logo-smile.gif) no-repeat 42% 33%;
	width:100%;
	height:100%;
	text-indent:-3000px;
	overflow:hidden;
}
#header .logo a:hover{background: url(../images/logo-smile-hover.gif) no-repeat 42% 28%;}
#header .form{
	float:right;
	background:url(../images/login-bar.jpg) no-repeat;
	width:496px;
	height:37px;
	margin:0 1px;
	padding:6px 15px 0;
}
#header .form label{
	color:#fff;
	font-weight:bold;
	padding:0;
	margin:0;
	float:left;
}
#password,
#login {
	float:left;
	width:114px;
	margin:0 5px 0 4px;
	padding: 1px 0 2px;
	color: #000;
	font: 12px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	border:none;
	background: #fff;
}

#loggedin {
	float:left;
	width:186px;
	margin:0 5px 0 4px;
	padding: 1px 0 2px;
	color: #000;
	font: 12px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	border:none;
	background: #3B9FBF;
}
#header .form .img{
	margin:-1px 0 0 4px;
	float:left;
}
#header .form span{
	float:right;
	margin-left: -20px;
	font-size:11px;
	padding:1px 0 0;
	display:inline;
}
#header .form li{
	display:inline;
	padding:0 10px 0 9px;
}
#header .form span a{
	color:#fff;
	text-decoration:underline;
}
#header .form span a:hover{text-decoration:none;}
#header .addbox{
	float:right;
	margin:27px 10px 0 0;
	position:relative;
	z-index:101;
	display:inline;
}
#header .bar{
	width:100%;
	overflow:hidden;
}
/*---HeaderEnd---*/
/*---Menu---*/
#menu{
	overflow: hidden;
	width: 100%;
	margin:-25px 0 0;
	position: relative;
}
#menu li{
	float:left;
	font-weight:bold;
}
#menu span,
#menu strong,
#menu em{margin:0; padding:0; float:left;}
#menu a{
	float:left;
	text-decoration:none;
	cursor:pointer;
	overflow:hidden;
}
#menu a span{
	background:url(../images/menu-left-box.png) no-repeat;
	padding:0 0 0 15px;
	height:36px;
}
#menu a strong{
	background:url(../images/menu-grad-box.png) repeat-x;
	height:24px;
	text-align:center;
	padding:12px 10px 0;
	color:#f6f5e9;
}
#menu a em{
	background:url(../images/menu-right-box.png) no-repeat;
	height:36px;
	width:15px;
	text-indent:-3000px;
}
#menu a.active span,
#menu a:hover span{background:url(../images/menu-hover-left-box.png) no-repeat;}
#menu a.active strong,
#menu a:hover strong{background:url(../images/menu-hover-grad-box.png) repeat-x;color:#1685a3;}
#menu a.active em,
#menu a:hover em{background:url(../images/menu-hover-right-box.png) no-repeat;}
/*---MenuEnd---*/
/*---Content---*/
#content{
	width:470px;
	float:left;
	padding:0 0 0 6px;
}
#content .box-container{
	width:100%;
	clear:both;
	margin:0 0 14px;
	position: relative;
	z-index: 2;
}
#content .box-container:after{
	content:"";
	display:block;
	width:100%;
	overflow:hidden;
	height:0;
	clear:both;
}

#content .red-box-top{
	padding:50px 0 0;
	background:url(../images/big-red-box-top.gif) no-repeat;
	margin:0 0 14px 8px;
}
#content .red-box-bottom{
	padding:0 0 12px;
	background:url(../images/big-red-box-bottom.gif) no-repeat 0 100%;
}
#content .red-box{
	width:455px;
	padding:10px 3px 15px;
	background:url(../images/big-red-box-grad.gif) repeat-y;
	color:#fff;
	font-size:12px;
	line-height:18px;
}
#content .red-box:after{
	content:"";
	display:block;
	width:100%;
	overflow:hidden;
	height:0;
	clear:both;
}
#content .box{
	padding:17px 10px 0 14px;
	margin:-60px 0 0;
	position:relative;
	overflow:hidden;
	width:430px;
}
#content .box:after{
	content:"";
	display:block;
	width:100%;
	overflow:hidden;
	height:0;
	clear:both;
}
#content .box h2{
	margin:-2px 0 16px;
	color:#eeeb7a;
	font-size:18px;
}
#content .box h3{
	font-size:16px;
	margin:0 0 8px;
}
#content .box img{
	float:left;
	border:9px solid #eeeb7a;
	margin:0 17px 0 0;
}
#content .block{
	padding: 16px 0 0 13px;
	width:430px;
	overflow:hidden;
}
#content .big-button{
	float:left;
	background:url(../images/button-left.jpg) no-repeat;
	color:#eeeb7a;
	font-size:18px;
	font-weight:bold;
	cursor:pointer;
	text-decoration:none;
}
#content .big-button:hover{	text-decoration:underline;}
#content .big-button:hover span{	text-decoration:underline;}
#content .big-button span{
	float:left;
	background:url(../images/button-right.jpg) no-repeat 100% 0;
	height:24px;
	padding:15px 14px 10px;
}
#content .arrow-button{
	background:url(../images/arrow-button.gif) no-repeat;
	float:right;
	width:213px;
	padding:2px 0 0 25px;
	height:19px;
	font-weight:bold;
	color:#eeeb7a;
	margin:0 6px 0 0;
	display:inline;
}

#content .blue-box-top{
	padding:51px 0 0;
	background:url(../images/blue-box-top.gif) no-repeat;
	margin:0 0 0 8px;
	display:inline;
	position: relative;
}
#content .blue-box-bottom{
	padding:0 0 12px;
	background:url(../images/blue-box-bottom.gif) no-repeat 0 100%;
}
#content .blue-box{
	width:215px;
	padding:10px 3px;
	background:url(../images/blue-box-grad.gif) repeat-y;
	font-size:11px;
}
#content .blue-box h2{
	font-size:18px;
	margin:-42px 0 0;
	position:relative;
	z-index:1;
	color:#fff;
	padding:0 0 12px 11px;
}
* html #content .blue-box h2{height:1%;}
.highscore{
	padding:0 0 15px;
	position: relative;
	z-index: 2;
}
.highscore li{
	padding:0 10px;
	color:#116c85;
	line-height:20px;
	border-bottom:1px solid #1e819d;
	display:block;
}

.highscore li.star{
	background:url(../images/blue-box-star.gif) no-repeat 95% 5px;
}

.highscore li:after{
	content:"";
	display:block;
	width:100%;
	overflow:hidden;
	height:0;
	clear:both;
}

.highscore li span{
	float:right;
	text-align:right;
	color:#b7e1ed;
}
.highscore li a{
	float:left;
	color:#fff;
	font-weight:bold;
}
.highscore li strong{
	font-weight:normal;
	display:block;
	width:195px;
	overflow:hidden;
}
.highscore li:hover,
.highscore li.hover{position:relative;}
.highscore li:hover .popup-container,
.highscore li.hover .popup-container{display:block;}
.popup-container{
	position:absolute;
	top:-100px;
	left:100px;
	display:none;
}
.popup-bar{
	position:relative;
	z-index:100;
}
.popup-top{
	padding:14px 0 0;
	background:url(../images/popup-top.png) no-repeat;
	overflow:hidden;
	width:464px;
}
.popup-arrow-container{
	position:absolute;
	top:40%;
	left:-16px;
	width:30px;
	height:33px;
}
.popup-arrow{
	width:30px;
	height:33px;
	background:url(../images/popup-arrow.png) no-repeat;
}
.popup-bottom{
	padding:0 0 14px;
	background:url(../images/popup-bottom.png) no-repeat;
	overflow:hidden;
	width:100%;
}
.popup{
	width:424px;
	padding:10px 20px;
	background:url(../images/popup-grad.png) repeat-y;
	overflow:hidden;
}
.popup img{
	margin:0 10px 0 0;
	float:left;
}
.popup-button{
	float:left;
	background:url(../images/button-popup-left.jpg) no-repeat;
	color:#eeeb7a;
	font-size:18px;
	font-weight:bold;
	cursor:pointer;
	position:relative;
	margin:10px 0 0;
}
.popup-button:hover {text-decoration:underline;}
.popup-button:hover em{text-decoration:underline;}
.popup-button em{
	font-style:normal;
	float:left;
	background:url(../images/button-popup-right.jpg) no-repeat 100% 0;
	height:39px;
	width:auto;
	padding:10px 14px 0;
}

#content .plus-button{
	margin:15px 0 0 10px;
	background:url(../images/plus-button.gif) no-repeat;
	display:block;
	padding:2px 0 0 25px;
	height:19px;
	font-weight:bold;
	color:#fff;
}
#content li{
	padding:0 10px;
	color:#116c85;
	line-height:20px;
	border-bottom:1px solid #1e819d;
	display:block;
}
#content .news li{
	padding:0 7px 0 23px;
	background:url(../images/marker-circle.gif) no-repeat 7px 4px;
}

#content li:after{
	content:"";
	display:block;
	width:100%;
	overflow:hidden;
	height:0;
	clear:both;
}
#content .blue-box li a{
	color:#fff;
	font-weight:bold;
}
#content .blue-box li span{
	color:#b7e1ed;
}

#content .tab-bar-top{
	padding:16px 0 0;
	background:url(../images/tab-container-top.gif) no-repeat;
	margin:0 0 0 8px;
	display:inline;
	overflow:hidden;
	width:221px;
}
#content .tab-bar-bottom{
	padding:0 0 12px;
	background:url(../images/tab-container-bottom.gif) no-repeat 0 100%;
}
#content .tab-bar-top h2{
	font-size:18px;
	position:relative;
	color:#fff;
	padding:0 0 10px 17px;
	line-height:22px;
}
#content .tab-bar{margin:0px 0 0;}
.tabset {
	padding:0 0 0 10px;
	font:11px Arial, Helvetica, sans-serif;
	width:211px;
	overflow:hidden;
}
a.tab {
	float: left;
	margin: 0 2px;
	padding:3px 5px;
	position: relative;
	background:#1e819d;
	color:#fff;
	line-height:14px;
}
.tabset a.active{
	color:#1483a2;
	background:#fff;
}
div.tab {
	clear: both;
	width:221px;
	padding:10px 0px;
	font-size:11px;
	background:#fff;
	overflow:hidden;
}
#content div.tab li{
	padding:0 0 0 15px;
	border-bottom:1px solid #e9f1f4;
	font-weight:bold;
}
#content div.tab li a{
	color:#1483a2;
}
#content .white-box-top{
	padding:59px 0 0;
	background:url(../images/big-white-box-top.gif) no-repeat;
	margin:0 0 14px 8px;
}
#content .white-box-bottom{
	padding:0 0 12px;
	background:url(../images/big-white-box-bottom.gif) no-repeat 0 100%;
}
#content .white-box{
	width:455px;
	padding:10px 3px;
	background:url(../images/big-white-box-grad.gif) repeat-y;
	font-size:11px;
	text-align:center;
}
#content .white-box img{
	padding:0;
	border:1px solid #bed8e7;
}
/*---ContentEnd---*/
/*---Columns---*/
#column1{
	width:235px;
	float:left;
	padding:0 0 0 17px;
}
#column2{
	width:230px;
	float:right;
	padding:0 30px 0 0;
}
.red-box-top{
	padding:46px 0 0;
	background:url(../images/red-box-top.gif) no-repeat;
	margin:0 0 14px 8px;
}
.red-box-bottom{
	padding:0 0 12px;
	background:url(../images/red-box-bottom.gif) no-repeat 0 100%;
}
.red-box{
	width:220px;
	padding:10px 0;
	background:#98113d;
	color:#fff;
	font-size:11px;
}
.box{
	padding:17px 5px 0px 14px;
	margin:-60px 0 0;
	position:relative;
	overflow:hidden;
	width:195px;
}
.box:after{
	content:"";
	display:block;
	width:100%;
	overflow:hidden;
	height:0;
	clear:both;
}
.box h1{
	margin:0 0 0px;
	color:#eeeb7a;
	font-size:18px;
}
.box h2{
	margin:0 0 14px;
	color:#eeeb7a;
	font-size:18px;
}
.box h3{
	font-size:13px;
	margin:0 0 8px;
}
.box a{
	color:#ffffff;
}
.box img{
	float:left;
	border:1px solid #eeeb7a;
	margin:0 10px 0 0;
}
.box span{color:#eeeb7a;}
.red-box ul{
	padding:1px 0 0;
	overflow:hidden;
}
* html .red-box ul{height:1%;}
.red-box li{
	border-bottom:1px solid #ad1f4d;
	font-weight:bold;
	font-size:11px;
	line-height:20px;
	padding:0 10px 0 17px;
}
.red-box li.star{
	background:url(../images/red-box-star.gif) no-repeat 95% 5px;
}
.red-box li a{
	color:#fff;
}
.red-box .plus-button{
	margin:19px 0 0 17px;
	background:url(../images/plus.gif) no-repeat;
	display:block;
	padding:3px 0 0 25px;
	height:18px;
	font-weight:bold;
	color:#eeeb7a;
	text-decoration:underline;
}
.red-box .plus-button:hover{text-decoration:none;}

.white-box-top{
	padding:58px 0 0;
	background:url(../images/white-box-top.gif) no-repeat;
	margin:0 0 14px 8px;
}
.white-box-bottom{
	padding:0 0 12px;
	background:url(../images/white-box-bottom.gif) no-repeat 0 100%;
}
.white-box{
	width:214px;
	padding:10px 3px;
	background:url(../images/white-box-grad.gif) repeat-y;
	font-size:11px;
}
.white-box h2{
	font-size:18px;
	position:relative;
	margin:-50px 0 0;
	color:#116c85;
	border-bottom:1px solid #9ccbd8;
	padding:0 0 9px 17px;
}
* html .white-box h2{height:1%;}
.white-box ul{
	position:relative;
	padding:3px 0 0;
}
.white-box li{
	padding:0 0 0 17px;
	color:#116c85;
	line-height:20px;
	border-bottom:1px solid #ebf6f9;
}
.white-box li span{
	float:left;
	width:15px;
	padding:0 18px 0 0;
	position:relative;
	text-align:right;
	margin:0 0 0 -5px;
}
.white-box li a{
	color:#116c85;
	font-weight:bold;
}
.white-box li.star{
	background:url(../images/white-box-star.gif) no-repeat 95% 5px;
}
.white-box img{
	margin:-51px 0 0;
	padding:13px 25px 4px;
	position:relative;
}
* html .white-box img{	height:1%;}


.blue-box-top{
	padding:51px 0 0;
	background:url(../images/blue-box-top.gif) no-repeat;
	margin:0 0 14px 8px;
	display:inline;
}
.blue-box-bottom{
	padding:0 0 12px;
	background:url(../images/blue-box-bottom.gif) no-repeat 0 100%;
}
.blue-box{
	width:214px;
	padding:10px 3px;
	background:url(../images/blue-box-grad.gif) repeat-y;
	font-size:11px;
}
.blue-box h2{
	font-size:18px;
	margin:-42px 0 0;
	position:relative;
	z-index:1;
	color:#fff;
	padding:0 0 12px 11px;
}
* html .blue-box h2{height:1%;}

.blue-box li{
	border-bottom:1px solid #1e819d;
	font-weight:bold;
	font-size:11px;
	line-height:20px;
	padding:0 0px 0 10px;
}

.blue-box li a{
	color:#fff;
	font-weight:bold;
}
.blue-box li span{
	color:#b7e1ed;
}

.news li{
	padding:0 7px 0 23px;
	background:url(../images/marker-circle.gif) no-repeat 7px 4px;
}

li:after{
	content:"";
	display:block;
	width:100%;
	overflow:hidden;
	height:0;
	clear:both;
}

.plus-button{
	margin:15px 0 0 10px;
	background:url(../images/plus-button.gif) no-repeat;
	display:block;
	padding:2px 0 0 25px;
	height:19px;
	font-weight:bold;
	color:#fff;
}

.more-button{
	margin:15px 0 0 10px;
	background:url(../images/more-button.gif) no-repeat;
	display:block;
	padding:2px 0 0 25px;
	height:19px;
	font-weight:bold;
	color:#116C85;
}


/*---ColumnsEnd---*/
/*---ContactForm---*/
.contactform-top{
	background:url(../images/contactform-top.gif) no-repeat;
	width:701px;
	overflow:hidden;
	padding:72px 0 0;
	margin:0 0 0 14px;
	float:left;
}
.contactform-bottom{
	background:url(../images/contactform-bottom.gif) no-repeat 0 100%;
	width:701px;
	overflow:hidden;
	padding:0 0 12px;
	margin-bottom: 14px;
}
.contactform{
	background:url(../images/contactform-grad.gif) repeat-y;
	width:661px;
	overflow:hidden;
	padding:10px 20px;
}
.contactform li{
	padding:15px 0;
	text-align:right;
	font-size:18px;
	color:#1483a2;
}
.contactform label{
	margin:0 10px 0 0;
	font-weight:bold;
}
.contactform .inpbutton{
	width:auto;
	height:auto;
	border:none;
}
.contactform input{
	width:477px;
	padding:4px 0 4px 2px;
	border:1px solid #3a9fc1;
	color: #000;
	font: 12px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	background: #fff;

}
.contactform ul span{
	float:left;
	text-align:right;
	width:170px;
}
.contactform textarea{
	float:right;
	width:477px;
	height:172px;
	padding:4px 0 4px 2px;
	border:1px solid #3a9fc1;
	color: #000;
	font: 12px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	background: #fff;
	overflow:auto;
}
.contact-button{
	float:left;
	margin:20px 0 0 180px;
	background:url(../images/button-popup-left.jpg) no-repeat;
	color:#fff;
	font-size:18px;
	font-weight:bold;
	cursor:pointer;
}
.contact-button:hover{text-decoration:none;}
.contact-button span{
	float:left;
	background:url(../images/button-popup-right.jpg) no-repeat 100% 0;
	height:39px;
	padding:10px 34px 0;
	overflow:hidden;
}

/*---ContactFormEnd---*/
.inner-top{
	background:url(../images/contactform-top.gif) no-repeat;
	width:701px;
	overflow:hidden;
	padding:72px 0 0;
	margin: 0 0 0 14px;
	float:left;
}
.inner-bottom{
	background:url(../images/contactform-bottom.gif) no-repeat 0 100%;
	width:701px;
	overflow:hidden;
	padding:0 0 12px;
	margin:0 0 14px 0;

}
.inner{
	background:url(../images/contactform-grad.gif) repeat-y;
	width:661px;
	overflow:hidden;
	padding:10px 20px;
	font-size:14px;
}
.inner img{
	display:block;
	margin:0 -15px;
}
.inner p{padding:0 0 20px;}
.inner p.data{
	padding:20px 0 9px;
	font-weight:bold;
	color:#444;
	line-height:30px;
}
.inner p.data span{color:#98113d;}
.inner .arrow-link{
	display:block;
	background:url(../images/arrow.jpg) no-repeat;
	padding:1px 0 3px 25px;
	height:20px;
	font-weight:bold;
	color:#1483a2;
	text-decoration:underline;
}
.inner .arrow-link:hover{text-decoration:none;}
#categorie h1{float:left;}
#categorie .h1box{
	margin:-60px 12px 0px 26px;
	overflow:hidden;
	height:60px
}
#categorie .h1box a{float:right;}
#categorie .h1box .arrow-link{
	display:block;
	background:url(../images/arrow-back.jpg) no-repeat;
	padding:1px 0 0 25px;
	height:20px;
	font-weight:bold;
	color:#fff;
	text-decoration:underline;
}
#categorie .h1box select{
	margin:13px 0 0;
	width:182px;
	height:20px;
	clear:right;
	float:right;
	font:12px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	background:#fff;
	border:none;
}
#table{
	margin:0 -12px;
	width:684px;
	overflow:hidden;
}
#table img{margin:0;}
#table .image{
	float:left;
	margin:0 10px 0 0;
}
#table li{
	float:left;
	width:208px;
	height:78px;
	background:#cce9f1;
	padding:6px;
	margin:5px 4px;
	overflow:hidden;
	display:inline;
}
#table li:hover,
#table li.hover{
	background:#fff;
	border:1px solid #92daee;
	padding:5px;
}
#table a{text-decoration:none;}
#table strong{
	display:block;
	font-size:13px;
	color:#0a4c5e;
	line-height:18px;
	margin:0 0 14px;
}
#table span{
	display:block;
	font-size:11px;
	color:#1483a2;
	line-height:14px;
}
/*---Footer---*/
#footer{
	margin:-116px 0 0;
}
#footer .container{
	margin:0 auto;
	padding:20px 0 0;
	width:1000px;
	text-align:center;
	color:#fff;
	font-weight:bold;
	overflow:hidden;
	height:96px;
	background:url(../images/footer-grad.gif)
}

/*---FooterEnd---*/

.error
{
	font-size:18px;
	color:red;
}

.normal
{
	font-size:18px;
}

.data{
	padding:20px 0 9px;
	font-weight:bold;
	color:#444;
}
.data span{color:#98113d;}


.highscore2{
	position:relative;
	padding:0 0 15px;
}
.highscore2 li{
	padding:0 10px;
	color:#ffffff;
	line-height:20px;
	border-bottom:1px solid #1e819d;
	display:block;
	width:195px;
}

.highscore2 li:after{
	content:"";
	display:block;
	width:100%;
	overflow:hidden;
	height:0;
	clear:both;
}

.highscore2 li span{
	text-align:right;
	color:#b7e1ed;
}

.right_aligned {
	display:inline;
	float:right;
	margin:0px 14px 0 0;
}

.disclaimerp{
	font-weight:bold;
	display:inline;
	}

.arrow-button{
	background:url(../images/arrow-button.gif) no-repeat;
	float:right;
	width:165px;
	padding:2px 0 0 25px;
	height:19px;
	font-weight:bold;
	color:#eeeb7a;
	margin:0 6px 0 0;
	display:inline;
}