/*WRITTEN BY - COPYRIGHT
Author:     Maarten Tibau - Webtrix
Mail:       maarten@webtix.be
Date:       23/03/2010
Last edit:  23/03/2010

*** PUBLIC SECTION ***/

/*HTML ELEMENT*/
body{margin:0px; padding:0px; width:100%; background:url('/images/public/bg_body.png') center top no-repeat #0E0E0E;}

div, img, p, form, h1, h2, ul, li, table, html{margin:0px; padding:0px;}
html{}
ul{list-style-type:none;}
strong{font-weight:bold;}
em{font-style:italic;}

/*IE 6 ERROR*/
#activebar-container{background-color:#ffffe1;}
#activebar-container ul{width:360px; margin:0 auto; padding:10px 0 5px 0;}
#activebar-container ul li{float:left; margin:10px; width:50px; height:50px; display:block; text-decoration:none; border:none !important;}
#activebar-container ul li a{width:50px; height:50px; display:block; text-decoration:none; border:none !important;}
#activebar-container ul li a:hover{text-decoration:none;}
#activebar-container div.message{width:100%; text-align:center; font-weight:bold; line-height:20px;}

/*IMAGES*/

/*CONTAINER*/
#container{width:1000px; margin:0 auto; font-family:Arial,Verdana,Tahoma;}

/*FRAME*/
#frm{width:1000px;}

/*FRAME TOP*/
#frm_t{width:1000px; background:url('/images/public/bg_frm_t.png') left top no-repeat;}

#frm_t div.header{width:1000px; height:168px; position:relative; display:block; overflow:hidden; font-family:Helvetica,Tahoma,Verdana; color:#FFF;}
#frm_t div.header span.countdown{font-size:1.1em; font-style:italic; top:98px; left:298px; position:absolute;}
#frm_t div.header span.countdown a{color:#DD2929; text-decoration:none;}
#frm_t div.header span.countdown span.countdown_section{float:left; display:block; overflow:hidden; padding:0 5px 0 0;}

#frm_t div.header span.venue{position:absolute; top:140px; right:0px; font-size:0.8em; font-weight:bold;}
#frm_t div.header span.venue a{text-decoration:none; color:#FFF;}
#frm_t div.header span.venue a:hover{text-decoration:underline;}

#frm_t div.nav ul li a.first{width:86px; text-align:center; background:url('/images/public/bg_nav_buttons.png') left -46px no-repeat; padding:0;}
#frm_t div.nav ul li a.first:hover{background:url('/images/public/bg_nav_buttons.png') left top no-repeat;}

#frm_t div.nav div.search{position:absolute; right:0; top:0;}
#frm_t div.nav div.search input{border:0px; float:left; margin:7px 8px 0 0; background:url('/images/public/bg_search_input.png') left center repeat-x; height:31px; width:155px; color:#FFF; font-size:0.8em;}
#frm_t div.nav div.search img{cursor:pointer; margin:9px 8px 0 0;}

/*FRAME CONTENT (LEFT - MIDDLE - RIGHT)*/
#frm_c{width:1000px; display:block; overflow:hidden; min-height:400px; background-color:#FFF;}
#frm_c div.usercontrol{width:1000px; height:50px; margin:0 0 10px 0; background:url('/images/public/bg_usercontrol.png') left top no-repeat; color:#474849; position:relative;}
#frm_c div.usercontrol h4{position:absolute; top:22px; left:20px; font-size:0.7em; font-weight:bold;}
#frm_c div.usercontrol div.login{position:absolute; top:14px; left:440px;}
#frm_c div.usercontrol div.login dl dt{display:none;}
#frm_c div.usercontrol div.login dl dd{float:left; margin:0 7px 0 0;}
#frm_c div.usercontrol div.login dl dd.input{background:url('/images/public/bg_login.png') left top no-repeat; height:31px; width:122px;}
#frm_c div.usercontrol div.login dl dd.input input{border:0; line-height:25px; width:110px; margin:7px; font-size:0.75em; color:#595959;}
#frm_c div.usercontrol div.login dl dd.checkbox{margin:7px 7px 0 0;}
#frm_c div.usercontrol div.login dl dd.checkbox input{line-height:20px;}
#frm_c div.usercontrol div.login dl dd span{font-family:Verdana,Arial,Tahoma; font-size:0.7em; color:#595959; position:absolute; top:9px; left:278px;}
#frm_c div.usercontrol div.login dl dd.submit{margin:1px 0 0 0;}
#frm_c div.usercontrol div.login dl dd.submit input{font-family:Verdana,Arial,Tahoma; background:url('/images/public/bg_button_login.png') left bottom no-repeat; height:27px; line-height:27px; width:63px; color:#FFF; text-align:center; border:0; font-size:0.7em; font-weight:bold; cursor:pointer;}
#frm_c div.usercontrol div.login dl dd.submit input:hover{background:url('/images/public/bg_button_login.png') left top no-repeat;}
#frm_c div.usercontrol div.register{position:absolute; top:22px; right:15px; font-size:0.7em;}
#frm_c div.usercontrol div.register ul li{float:left; margin:0 7px 0 0;}
#frm_c div.usercontrol div.register ul li a{color:#474849; text-decoration:none;}
#frm_c div.usercontrol div.register ul li a:hover{text-decoration:underline;}

#frm_preview{background:url('/images/public/bg_frm_bt.png') left top no-repeat #FFF; text-align:center; padding:10px 0 10px 0; margin:45px 0 0 0; font-family:Arial,Tahoma,Verdana;}
#frm_preview h1{font-size:2.0em; font-weight:bold;}
#frm_preview p{font-size:1.2em; margin:8px 0 0 0;}

#frm_c div.box{width:205px; margin:0 0 10px 0; padding:0 0 10px 0; background:url('/images/public/bg_box_bottom.png') left bottom no-repeat; position:relative;}
#frm_c div.box h3{width:191px; padding:11px 0 0 14px; height:24px; background:url('/images/public/bg_box_top.png') left bottom no-repeat; color:#FFF; vertical-align:middle; font-size:0.8em; font-weight:bold;}
#frm_c div.box ul{width:205px; background:url('/images/public/bg_box_middle.png') left top repeat-y; padding:0 0 5px 0;}
#frm_c div.box ul li{width:176px; background:url('/images/public/bg_box_middle.png') left top repeat-y; padding:15px 15px 0 14px;}
#frm_c div.box dl{width:176px; padding:8px 15px 25px 14px; font-family:Tahoma,Verdana,Arial; text-align:left; background:url('/images/public/bg_box_middle.png') left top repeat-y;}
#frm_c div.box dl dt{color:#41709F; line-height:13px; vertical-align:middle;}
#frm_c div.box dl dd{font-size:0.6em; color:#868686; padding:3px 0 3px 0; line-height:12px;}
#frm_c div.box a{color:#41709F; text-decoration:none; font-size:0.7em; font-family:Tahoma,Verdana,Arial; font-weight:bold;}
#frm_c div.box a:hover{color:#5A95CF;}
#frm_c div.box a.right{position:absolute; bottom:10px; right:14px;}

#frm_c div.ad-content{height:90px; width:728px; margin:15px auto; padding:2px; background-color:#FFF; border:1px solid #E2E2E2;}

#frm_c span.text{font-size:0.7em; text-transform:uppercase; color:#575757; width:191px; margin:0 0 0 7px; line-height:25px; display:block; text-align:center; font-family:'Trebuchet MS', Arial, Verdana;}
#frm_c a.webtrix{width:205px; height:82px; display:block; overflow:hidden; margin:0 0 10px 0;}

/*FRAME LEFT*/
#frm_l{width:205px; margin:0 11px 0 8px; float:left; display:block; overflow:hidden; background-color:#FFF;}
#frm_l div.ad-left{width:160px; height:600px; display:block; overflow:hidden; margin:15px 0 0 22px; padding:2px; background-color:#FFF; border:1px solid #E2E2E2;}

/*FRAME MIDDLE*/
#frm_m{width:552px; display:block; overflow:hidden; float:left; background-color:#FFF;}
#frm_m ul.media{width:552px; height:332px;}
#frm_m ul.media li{width:552px; height:332px; display:block; overflow:hidden; position:relative;}
#frm_m ul.media li.venue{background:url('/images/public/header_hangar26.png') left top no-repeat;}
#frm_m ul.media li.css{background:url('/images/public/header_css.png') left top no-repeat;}
#frm_m ul.media li.cod{background:url('/images/public/header_cod4.png') left top no-repeat;}
#frm_m ul.media li.et{background:url('/images/public/header_et.png') left top no-repeat;}
#frm_m ul.media li span{position:absolute; left:25px; color:#FFF; display:block; width:440px;}
#frm_m ul.media li span.title{bottom:48px; font-size:1.0em; font-weight:bold;}
#frm_m ul.media li span.subtitle{bottom:92px; color:#CDCDCD; font-size:0.9em; font-family:'Trebuchet MS'}

#frm_m div.advertisement{margin:20px 40px 20px 40px;}
#frm_m div.advertisement img{background-color:#FFF; padding:1px; border:1px solid #CCC;}

#frm_m div.content{width:552px;}
#frm_m div.content h2{width:538px; padding:15px 0 0 14px; height:25px; background:url('/images/public/bg_contentbox_pagetitle.png') left bottom no-repeat; color:#FFF; vertical-align:middle; font-size:0.8em; font-weight:bold;}
#frm_m div.content div.pageitem{background:url('/images/public/bg_contentbox_topbottom.png') left bottom no-repeat; padding:0 0 10px 0; margin:0 0 15px 0;}
#frm_m div.content div.pageitem div.newstitle{background:url('/images/public/bg_contentbox_topbottom.png') left top no-repeat; height:75px; position:relative;}
#frm_m div.content div.pageitem div.newstitle img{position:absolute; top:2px; left:4px;}
#frm_m div.content div.pageitem div.newstitle h2{position:absolute; top:44px; left:74px; color:#F5F5F5; font-size:0.9em; font-weight:bold; background:none; padding:0;}
#frm_m div.content div.pageitem div.pagecontent{width:532px; padding:10px 10px 5px 10px; background:url('/images/public/bg_contentbox_middle.png') left top repeat-y; font-family:Verdana,Arial,Tahoma; color:#474849; font-size:0.7em;}
#frm_m div.content div.pageitem div.pagecontent a{color:#41709F; text-decoration:none; font-weight:bold;}
#frm_m div.content div.pageitem div.pagecontent a:hover{color:#5A95CF;}
#frm_m div.content div.pageitem div.pagecontent ul{padding:0 0 0 5px; margin:7px 0 7px 0; display:block; overflow:hidden;}
#frm_m div.content div.pageitem div.pagecontent ul li{line-height:20px; list-style: disc url('/images/public/icon_arrow_right.png') inside; padding:0 0 0 13px;}
#frm_m div.content div.pageitem div.pagecontent div.row{width:532px; display:block; overflow:hidden;}
#frm_m div.content div.pageitem div.pagecontent div.row dl.left{float:left;}
#frm_m div.content div.pageitem div.pagecontent div.row dl.space{margin:0 0 10px 0;}
#frm_m div.content div.pageitem div.pagecontent div.row div.right{float:right; padding:0 10px 0 0;}
#frm_m div.content div.pageitem div.pagecontent div.row dl dt{line-height:20px;}
#frm_m div.content div.pageitem div.pagecontent div.row dl dd{line-height:16px;}
#frm_m div.content div.pageitem div.pagecontent div.row dl dd.open{padding:0 0 0 16px; background:url('/images/public/reg_open.png') left center no-repeat;}
#frm_m div.content div.pageitem div.pagecontent div.row dl dd.open a{color:#6BC460;}
#frm_m div.content div.pageitem div.pagecontent div.row dl dd.full{padding:0 0 0 16px; background:url('/images/public/reg_full.png') left center no-repeat;}
#frm_m div.content div.pageitem div.pagecontent div.row dl dd.closed{padding:0 0 0 16px; background:url('/images/public/reg_closed.png') left center no-repeat;}

#frm_m div.content div.pageitem div.pagecontent h3{font-weight:bold;}
#frm_m div.content div.pageitem div.pagecontent ul.teamlist li{line-height:16px; list-style:none;}
#frm_m div.content div.pageitem div.pagecontent ul.teamlist li img{padding:0 10px 0 0;}

#frm_m div.inputform{padding:10px; width:532px; background-color:#FFF; display:block; overflow:hidden; background:url('/images/public/bg_contentbox_middle.png') left top repeat-y;}
#frm_m div.inputform form dl{overflow:hidden; background-color:#FFF;}
#frm_m div.inputform form dl dt{float:left; width:168px; line-height:20px; vertical-align:middle; border-top:2px solid #FFF; background-color:#FFF; padding:6px 0 6px 8px; font-family:Verdana,Arial,Tahoma; color:#696969; font-size:0.7em; overflow:hidden;}
#frm_m div.inputform form dl dd{height:26px; border-top:2px solid #FFF; border-left:2px solid #FFF; padding:5px 5px 1px 5px; display:block; overflow:hidden; width:auto;}
#frm_m div.inputform form dl dd.info{background-color:#DFF4FF; height:auto;}
#frm_m div.inputform form dl dd.error{background-color:#FFFCCC; height:auto;}
#frm_m div.inputform form dl dd ul{width:320px;}
#frm_m div.inputform form dl dd ul li{font-family:Verdana,Arial,Tahoma; color:#696969; font-size:0.6em;}
#frm_m div.inputform form dl dd ul li.error{color:#CF0000; background:url('/images/icon_error_input.gif') top left no-repeat; padding:0 16px 0 16px; margin:5px 0 5px 5px; line-height:12px; vertical-align:middle;}
#frm_m div.inputform form dl dd ul li.info{background:url('/images/icon_info_input.gif') top left no-repeat; padding:0 16px 0 16px; margin:5px 0 5px 5px; line-height:12px; vertical-align:middle;}
#frm_m div.inputform form dl dd ul li.input input{width:300px; height:16px; font-family:Verdana,Tahoma,Arial; padding:2px; border:1px solid #E0E0E0; color:#696969; text-align:left;}
#frm_m div.inputform form dl dd ul li.input input.name{width:140px; margin:0 8px 0 0;}
#frm_m div.inputform form dl dd ul li.input input.street{width:204px;}
#frm_m div.inputform form dl dd ul li.input input.nrbus{width:30px; margin:0 0 0 8px;}
#frm_m div.inputform form dl dd ul li.input input.zipcode{width:60px;}
#frm_m div.inputform form dl dd ul li.input input.city{width:172px; margin:0 0 0 8px;}
#frm_m div.inputform form dl dd ul li.input input.vatnr{width:120px; margin:0 0 0 8px;}
#frm_m div.inputform form dl dd ul li.input input.tel_zone{width:43px; margin:0 0 0 8px;}
#frm_m div.inputform form dl dd ul li.input input.tel_number{width:100px; margin:0 0 0 8px;}
#frm_m div.inputform form dl dd ul li.input input.domainname{width:200px;}
#frm_m div.inputform form dl dd ul li.input input.registerdate{width:85px; margin:0 8px 0 0; text-align:center;}
#frm_m div.inputform form dl dd ul li.input select{width:528px; line-height:18px; font-family:Verdana,Tahoma,Arial; padding:1px 2px 1px 2px; border:1px solid #E0E0E0; color:#696969;}
#frm_m div.inputform form dl dd ul li.input select.vatprefix{width:70px;}
#frm_m div.inputform form dl dd ul li.input select.tel_dialcode{width:70px;}
#frm_m div.inputform form dl dd ul li.input select.country{width:160px;}
#frm_m div.inputform form dl dd ul li.input select.tld{width:85px; margin:0 0 0 8px;}
#frm_m div.inputform form dl dd ul li.checkbox input{margin:5px 0 0 5px;}
#frm_m div.inputform form ul.buttons{list-style-type:none; margin:15px auto; width:260px;}
#frm_m div.inputform form ul.buttons li{float:left;}
#frm_m div.inputform form ul.buttons li input{border:none; background:url('/images/public/bg_form_button.png') bottom left no-repeat; font-family:Arial,Verdana,Tahoma; font-size:0.7em; color:#FFF; font-weight:bold; text-align:center; width:120px; height:27px; cursor:pointer; display:block; margin:0 5px 0 4px;}
#frm_m div.inputform form ul.buttons li input:hover{background:url('/images/public/bg_form_button.png') top left no-repeat;}
#frm_m div.inputform form div.textarea{width:auto; margin:2px 0 0 0;}
#frm_m div.inputform form div.textarea textarea{width:99.5%; font-family:Verdana,Tahoma,Arial; border:1px solid #E0E0E0; color:#696969; text-align:left; font-size:0.7em; margin:2px 0 0 0; padding:2px;}
#frm_m div.inputform div.routedesc{float:left; margin:10px 0 0 0;}

/*FRAME RIGHT*/
#frm_r{width:205px; margin:0 8px 0 11px; float:right; display:block; overflow:hidden; background-color:#FFF;}
#frm_r div.social{width:205px; margin:20px 0 20px 0; display:block; overflow:hidden;}
#frm_r div.social h4{text-align:center; font-family:Arial,Tahoma,Verdana; font-size:0.7em; color:#0E0E0E; font-weight:bold;}
#frm_r div.social ul{margin:9px 14px 0 60px; height:32px; display:block;}
#frm_r div.social ul li{float:left; margin:0 5px 0 5px;}
#frm_r div.social ul li a{width:32px; height:32px; display:block; cursor:pointer; text-decoration:none;}
#frm_r div.social ul li a:hover{text-decoration:none;}

/*FRAME BOTTOM*/
#frm_b{width:1000px; font-size:0.7em; font-family:Airal,Tahoma,Verdana; color:#999; display:block; overflow:hidden; background:url('/images/public/bg_frm_b.png') left top no-repeat #0E0E0E; padding:15px 0 0 0; height:74px;}

#frm_b a.gamevibes{height:23px; width:155px; display:block; float:right; margin:10px 0 0 0;}

#frm_b div.credits{float:left; position:relative;}
#frm_b div.credits p{line-height:23px; color:#575757;}
#frm_b div.credits p a{color:#FFF; text-decoration:none;}
#frm_b div.credits p a:hover{text-decoration:underline;}

#frm_b div.credits a.webtrix{height:24px; width:60px; display:block; background:url('/images/public/webtrix_icon.png') right top no-repeat; text-indent:-9000px; position:absolute; top:26px; left:213px;}
#frm_b div.credits a.webtrix:hover{background:url('/images/public/webtrix_icon.png') right -24px no-repeat;}

#frm_b div.gamevibes{float:right; position:relative;}
#frm_b div.gamevibes img{position:relative; cursor:pointer;}
#frm_b div.gamevibes span{position:absolute; left:25px; top:25px;}

/*FRAME FOOTER*/
#frm_f{}

/*FRAME ERROR*/
#frm_err{width:1000px; margin:150px auto;}
#frm_err img.logo{margin:0 0 10px 0;}
#frm_err div.message{margin:0 0 0 40px;}
#frm_err div.message h1{font-size:1.4em; line-height:40px; vertical-align:middle; font-weight:bold; color:#FF6600;}
#frm_err div.message h3{font-size:0.8em; font-family:Verdana,Arial,Tahoma; line-height:20px; vertical-align:middle; font-weight:bold}
#frm_err div.message ul{font-size:0.7em; font-family:Verdana,Arial,Tahoma; line-height:16px; vertical-align:middle; margin:5px 0 10px 30px;}
#frm_err div.message ul li{list-style-type:disc;}
#frm_err div.message ul li a{text-decoration:none; color:#FF6600; font-style:italic;}
#frm_err div.message ul li a:hover{text-decoration:underline; color:#FF6600; font-style:italic;}

/*RANDOM CLASSES*/
.float_right{text-align:right;}
.float_left{float:left;}

.input_xxs{width:50px !important;}
.input_xs{width:100px !important;}
.input_s{width:150px !important;}
.input_m{width:200px !important;}

/* NAV DROPDOWN */
.nav {width:1000px; height:46px; position:relative; font-family:arial, sans-serif; background:url('/images/public/bg_nav.png') right top no-repeat;}
.nav ul ul {width:auto;}
.nav li {float:left; position:relative; z-index:100;}

/* LEVEL 1*/
.nav a, .nav a:visited {display:block; color:#FFF; font-size:0.8em; font-weight:bold; text-decoration:none; padding:0 15px 0 15px; height:46px; line-height:46px; font-weight:bold; background:url('/images/public/bg_nav_buttons.png') right -138px no-repeat; text-transform:uppercase;}
.nav a:hover, .nav :hover > a{background:url('/images/public/bg_nav_buttons.png') right -92px no-repeat;}
.nav ul ul a:hover, .nav ul ul :hover > a {background:#3C3C3C !important;}

/* LEVEL 2 */
.nav ul ul a.drop, .nav ul ul a.drop:visited {background:#0E0E0E; line-height:46px; text-transform:none;}
.nav ul ul a.drop:hover{background:#3C3C3C !important;}
.nav ul ul :hover > a.drop {background:#3C3C3C !important;}

/* LEVEL 3
/* style the third level background */
.nav ul ul ul a, .nav ul ul ul a:visited {background:#0E0E0E; line-height:46px; text-transform:none;}
.nav ul ul ul a:hover {background:#3C3C3C !important;}

/* HIDE SUB-LEVELS */
.nav ul ul {visibility:hidden; position:absolute; height:0; top:46px; left:0; background:#0E0E0E; display:block; z-index:100;}

/* position the third level flyout menu */
.nav ul ul ul{left:110px; top:-1px; width:149px;}

/* position the third level flyout menu for a left flyout */
.nav ul ul ul.left {left:-149px;}

/* style the second level links */
.nav ul ul a, .nav ul ul a:visited {background:#0E0E0E; height:36px; line-height:36px; font-size:0.75em; vertical-align:middle; color:#FFF; padding:0 10px 0 15px; display:block; overflow:hidden; width:160px; text-transform:none;}


/* make the second level visible when hover on first level list OR link */
.nav ul li:hover ul,
.nav ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.nav ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.nav ul :hover ul :hover ul{ visibility:visible;}