/*WRITTEN BY - COPYRIGHT
Author:     Maarten Tibau - Webtrix
Mail:       maarten@webtix.be
Date:       20/03/2009
Last edit:  26/03/2009

*** ADMIN SECTION ***/

/*HTML ELEMENT*/
body{color:#181818; margin:0px; padding:0px; background:url('/images/public/top_bg2.gif') top left repeat-x; background-color:#FFF;}

div, img, p, form, h1, h2, ul, li, table, html{margin:0px; padding:0px; }
html{min-height:0;}
ul{list-style-type:none;}

/*IMAGES*/

/*CONTAINER*/
#container{width:890px; margin:0 auto; overflow:hidden;}

/*FRAME*/
#frm{width:890px; margin:37px 0 0 0; padding:0px;}

/*FRAME CONTENT (LEFT - MIDDLE - RIGHT)*/
#frm_c{width:890px; margin:0px; padding:0px; overflow:auto;}
/*FRAME TOP*/
#frm_t{width:890px;}
#frm_t div.frm_t_buttons{width:863px; margin:0 0 29px 17px; height:40px; background:url('/images/public/gamevibes_logo.jpg') top left no-repeat;}
#frm_t div.frm_t_headers ul{width:890px; height:307px; margin:0 0 0 -15px; padding:0px;}

/*FRAME MIDDLE*/
#frm_m{width:678px; float:left;}
#frm_m div.page{width:678px; background-color:#FFF;}
#frm_m div.page ol{width:678px;}
#frm_m div.page ol li.bg{width:678px; background:url('/images/public/content_bottom_bg.gif') bottom left no-repeat; background-color:#FFF; margin:0 0 35px 0;}
#frm_m div.page ol li div.content{width:646px; padding:16px; color:#3F3F3F; background:url('/images/public/content_top_bg.gif') top left no-repeat;}
#frm_m div.page ol li div.content h1{color:#33679C; font-family:Arial,Verdana,Tahoma; font-size:1.2em; margin:0 0 13px 0;}
#frm_m div.page ol li div.content h1.pagetitle{margin:0 0 6px 0;}
#frm_m div.page ol li div.content h1.inpagetitle{margin:15px 0 6px 0;}
#frm_m div.page ol li div.content h2{color:#333; font-family:Arial,Verdana,Tahoma; font-size:0.7em; font-weight:bold; margin:0 0 13px 0;}
#frm_m div.page ol li div.content p{font-family:Verdana,Tahoma,Arial; font-size:0.8em; text-align:left;}
#frm_m div.page ol li div.content a{text-decoration:underline; color:#34689E;}
#frm_m div.page ol li div.content a:hover{text-decoration:underline; color:#23486F;}
#frm_m div.page ol li div.content table{font-family:Verdana,Tahoma,Arial; font-size:0.8em; padding:0px; margin:0px;}
#frm_m div.page ol li div.content div span{font-family:Verdana,Tahoma,Arial; font-size:0.8em;}
#frm_m div.page ol li div.content ul{margin:8px 0px 8px 0px; padding:0 0 0 30px; list-style-type:disc; font-size:0.8em; font-family:Verdana, Arial, Tahoma;}
#frm_m div.page ol li div.content ul li{vertical-align:middle; background:none;}

#frm_m div.page ol li div.content form dl{overflow:hidden; background-color:#FFF; width:646px; margin:0px;} 
#frm_m div.page ol li div.content form dl dt{float:left; width:192px; padding:8px 0 4px 8px; margin:0 0 4px 0;} 
#frm_m div.page ol li div.content form dl dt label{font-size:0.8em; font-weight:normal; font-family:Verdana,Tahoma,Arial; line-height:14px; vertical-align:middle;} 
#frm_m div.page ol li div.content form dl dd{float:left; width:363px; padding:8px 0 4px 8px; margin:0 0 4px 0;}
#frm_m div.page ol li div.content form dl dd.error{background-color:#FFFCCC;}
#frm_m div.page ol li div.content form dl dd span{margin:0 0 0 2px; padding:0 0 0 16px; line-height:18px; vertical-align:middle; font-size:0.6em; font-family:Verdana,Tahoma,Arial; text-align:left; float:left; color:#CF0000; background:url('/images/public/error_icon.gif') center left no-repeat;}
#frm_m div.page ol li div.content form dl dd input{margin:2px 0 1px 0; width:196px; height:17px; font-size:0.7em; font-family:Verdana,Tahoma,Arial; padding:3px 2px 0 2px; border:1px solid #E0E0E0;}
#frm_m div.page ol li div.content form dl dd select{vertical-align:bottom; width:203px; margin:3px 0 0 0; height:22px; padding:3px 0 0 0; font-size:0.7em; font-family:Verdana,Tahoma,Arial; border:1px solid #E0E0E0;}
#frm_m div.page ol li div.content form dl dd textarea{margin:3px 0 1px 0; padding:2px; border:1px solid #E0E0E0; font-size:0.7em; font-family:Verdana,Tahoma,Arial;}
#frm_m div.page ol li div.content form ul{width:380px; margin:15px 0 5px 200px; overflow:hidden;}
#frm_m div.page ol li div.content form ul li{margin:0 10px 0 10px;  float:left; list-style-type:none;}
#frm_m div.page ol li div.content form ul li input{width:120px;}

#frm_m div.page ol li div.downloads{width:646px; padding:16px; color:#3F3F3F; background:url('/images/public/content_top_bg.gif') top left no-repeat;}
#frm_m div.page ol li div.downloads h1{color:#33679C; font-family:Arial,Verdana,Tahoma; font-size:1.2em; margin:0px;}
#frm_m div.page ol li div.downloads h2{color:#45678A; font-family:Verdana,Tahoma,Arial; font-size:0.7em; overflow:hidden; font-weight:bold; margin:16px 0 5px 0; background:url('/images/public/download_header_bg.gif') top left no-repeat; line-height:27px; vertical-align:middle; width:634px; padding:0 0 0 12px;}
#frm_m div.page ol li div.downloads ol{width:646px; overflow:hidden;}
#frm_m div.page ol li div.downloads ol li{width:646px; color:#404040; font-family:Verdana,Tahoma,Arial; cursor:pointer;}
#frm_m div.page ol li div.downloads ol li.title ul{width:646px;}
#frm_m div.page ol li div.downloads ol li.title ul li{line-height:24px; text-align:left; overflow:hidden; font-size:0.7em; font-weight:bold;}
#frm_m div.page ol li div.downloads ol li.title ul li.detail{float:right; width:160px; text-align:right; background:url('/images/public/download_icon.gif') center left no-repeat; color:#34689E; text-decoration:underline; padding:0 0 0 20px;}
#frm_m div.page ol li div.downloads ol li.title ul li.gfx{float:left; width:446px; background:url('/images/public/gfx_icon.gif') center left no-repeat; padding:0 0 0 20px;}
#frm_m div.page ol li div.downloads ol li.title ul li.pdf{float:left; width:446px; background:url('/images/public/pdf_icon.gif') center left no-repeat; padding:0 0 0 20px;}
#frm_m div.page ol li div.downloads ol li.title ul li.rar{float:left; width:446px; background:url('/images/public/rar_icon.gif') center left no-repeat; padding:0 0 0 20px;}
#frm_m div.page ol li div.downloads ol li.title ul li.zip{float:left; width:446px; background:url('/images/public/zip_icon.gif') center left no-repeat; padding:0 0 0 20px;}
#frm_m div.page ol li div.downloads ol li.title ul li.flv{float:left; width:446px; background:url('/images/public/flv_icon.gif') center left no-repeat; padding:0 0 0 20px;}
#frm_m div.page ol li div.downloads ol li.title ul li.wmv{float:left; width:446px; background:url('/images/public/wmv_icon.gif') center left no-repeat; padding:0 0 0 20px;}
#frm_m div.page ol li div.downloads ol li.info{width:646px; color:#3F3F3F; font-family:Verdana,Tahoma,Arial;}
#frm_m div.page ol li div.downloads ol li.info p{font-size:0.7em; padding:0 185px 0 20px;}
#frm_m div.page ol li div.downloads ol li.info a.download{text-decoration:none; margin:10px 0 2px 20px; width:155px; height:40px; display:block; background:url('/images/public/download_btn.gif') top left no-repeat;}
#frm_m div.page ol li div.downloads ol li.info a.download:hover{text-decoration:none; background:url('/images/public/download_btn.gif') left -40px no-repeat;}
#frm_m div.page ol li div.downloads ol li.info span{color:#9A9A9A; float:left; margin:0 0 8px 0; padding:0 0 5px 25px; width:631px; font-size:0.6em; background:url('/images/public/download_spacer.gif') bottom repeat-x;}

#frm_m div.page ol li div.error{width:646px; padding:16px; color:#3f3f3f; background:url('/images/public/content_top_bg.gif') top left no-repeat;}
#frm_m div.page ol li div.error h1{color:#33679C; font-family:Arial,Verdana,Tahoma; font-size:1.1em; font-weight:bold;}
#frm_m div.page ol li div.error h1.pagetitle{margin:0 0 13px 0;}
#frm_m div.page ol li div.error p{font-family:Verdana,Tahoma,Arial; font-size:0.8em; text-align:left;}
#frm_m div.page ol li div.error ul{margin:8px 0px 8px 0px; padding:0 0 0 20px; font-size:0.8em; font-family:Verdana, Arial, Tahoma;}
#frm_m div.page ol li div.error ul li{vertical-align:middle; background:none;}
#frm_m div.page ol li div.error ul li span{font-weight:bold;}

/*FRAME RIGHT*/
#frm_r{width:160px; margin:0 0 0 15px; float:left;}
#frm_r h4{color:#3B5167; font-family:Verdana,Tahoma,Arial; font-size:0.7em; font-weight:bold; margin:0 0 5px 0;}
#frm_r div.partners{width:160px; background:url('/images/public/partner_bg.gif') top left no-repeat; overflow:hidden; margin:0 0 15px 0;}
#frm_r div.partners ul li{padding:0 30px 0 30px;}
#frm_r div.partners ul li a{text-decoration:none; margin:0px; padding:0px;}
#frm_r div.partners ul li a:hover{text-decoration:none; margin:0px; padding:0px;}
#frm_r div.partners ul li a img{margin:0px; padding:0px;}

/*FRAME FOOTER*/
#frm_f{width:890px; margin:0 auto; padding:20px 0 0 0;}

#frm_f div.frm_f_copyright{width:890px; color:#000; text-align:center; font-family:Verdana,Arial,Tahoma,Sans-serif; font-size:0.7em; margin:0 auto; line-height:30px; vertical-align:middle;}
#frm_f div.frm_f_copyright a{color:#000; font-weight:bold; text-decoration:none;}
#frm_f div.frm_f_copyright a.img {height:24px; width:60px; background:url('/images/public/webtrix_icon.png') right top no-repeat; text-indent:-9000px; overflow:hidden; display:block; position:relative; top:-25px; left:646px;}
#frm_f div.frm_f_copyright a.img:hover {background:url('/images/public/webtrix_icon.png') right -24px no-repeat;}
#frm_f div.frm_f_copyright a:hover{text-decoration:none;color:#000;}

/*FRAME ERROR*/
#frm_err{width:800px; 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; font-family:Arial,Verdana,Tahoma; line-height:40px; vertical-align:middle; font-weight:bold; color:#33679C;}
#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:#33679C; font-style:italic;}
#frm_err div.message ul li a.external{background:transparent url('/images/icon_link_external_blue.gif') top right no-repeat; padding:0 13px 0 0;}
#frm_err div.message ul li a.mail{background:transparent url('/images/icon_link_external_blue.gif') top right no-repeat; padding:0 13px 0 0;}
#frm_err div.message ul li a:hover{text-decoration:underline; color:#23486F; font-style:italic;}

/*RANDOM CLASSES*/