/* CREDITS
Title:		Polsslag 2008 - CSS Main Stylesheet
Author:		David Candreva <david@inventis.be>
Date:		18/01/2008
Last Edit:	09/04/2008 Dieter Verjans <dieter@inventis.be>
*/

/* Algemene Styles
---------------------------------------------------------- */
html { height:100%; }
body{font-family:"Trebuchet MS",Arial, Helvetica, sans-serif; height:100%; font-size:12px; background:#000000;}
a{outline:none; color:#ffffff; font-size:11px; text-decoration:none;}
#printImg{display:none;}
em {font-style:italic;}

/* Container
---------------------------------------------------------- */
#wrapper{width:980px; overflow:hidden; margin:0 auto; height:auto !important; height:100%; min-height:100%; background:url(../images/layout-site/bg.jpg) repeat-y 0 top;}
#container{width:980px; float:left; background:url(../images/layout-site/bg.jpg) no-repeat right top;}
#container.login{/*background:url(../images/layout-site/login_background.png) no-repeat right top;*/ height:390px;} 

/* Sidebar
---------------------------------------------------------- */
#sidebar{float:left; width:183px; margin:0 31px 0 0;}

/*logo*/
#sidebar a#polsslag{margin:36px 0 0 40px; width:142px; height:131px; display:block; border:0; text-decoration:none;}

/*navigation*/
ul li{text-align:right; margin:0 0 8px;}
ul li a{text-transform:uppercase; font-weight:bold; text-align:right;}
ul li a:hover{color:#f6e500;}
ul li li{margin:0;}
ul li li a{color:#00a9ac; text-transform:lowercase; font-size:11px;}
ul li li li a{color:#f6e500; text-transform:lowercase; font-size:10px;}
ul li a.active{background:url(../images/layout-site/arrow.gif) no-repeat 0 6px; padding-left:12px;}

#transparent_background{background:url(../images/layout-site/transparent_background.png) repeat-y 0 0; float:right; width:685px; margin:0 39px 50px 0; display:inline;}
#main_content{min-height:364px; height:auto !important; height:364px; padding:61px 0 0; background:url(../images/layout-site/main_content_background.png) no-repeat 0 0; position:relative;}
#bottom_img{ position:absolute; right:9px; margin:0 0 -10px; bottom:0; width:28px; height:10px; background:url(../images/layout-site/right_main_content.png) no-repeat 0 0;}
#right_img{position:absolute; right:1px; top:91px; width:8px; height:95px; background:url(../images/layout-site/right_top.png) no-repeat 0 0;}

.text_box{width:100%;}
.text_box h1{color:#FFF; text-transform:uppercase; font-weight:bold; font-size:12px; padding:9px 0 3px 42px;}
.text_box .main_text{padding:24px 65px 24px 29px;}
.text_box .main_text p{margin:0 0 19px 0;}
.text_box .main_text ul li{text-align:left; list-style-type:disc; margin:0 0 0 25px;}
.text_box .main_text strong {font-weight:bold;}
.text_box .main_text a{color:#00a9ac; font-weight:bold;}

.text_box .main_text table{font-size:11px; border:1px solid #00a9ac;}
.text_box .main_text table th, .text_box .main_text table td.first {font-weight:bold; background:#00a9ac; color:#fff; vertical-align:top; border-bottom:1px solid #b5dfe0; font-size:10px;}

.text_box .main_text table td {width:100px; padding:2px 4px; vertical-align:top; border-bottom:1px solid #00a9ac; border-right:1px solid #00a9ac;}
.text_box .main_text table td.first {width:250px;}

a.print{position:absolute; top:71px; left:9px;}

/*form_login*/
h1.login_h1{font-size:18px; text-transform:uppercase; color:#FFF; position:absolute; left:289px; top:217px;}
form.login{width:213px; background:#CCC; position:absolute; left:144px; top:242px;}
form.login fieldset{padding:11px 0 8px 21px;}
form.login label{display:block; width:100%; clear:both; font-weight:bold; }
form.login .entry{clear:both; overflow:hidden; width:100%; margin:0 0 9px;}
form.login input.field{border:0; font-size:11px; padding:3px; width:90%; clear:both;}
form.login input.btn_login{float:right;  background:url(../images/layout-site/btn_login.png) no-repeat 0 0; font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;  border:0; width:71px; height:19px; margin-left:4px; font-size:10px; color:#FFF; margin-right:20px;}
form.login a{font-size:10px; color:#9d9d9f; clear:both;}
form.login .error{color:#00a9ac; font-size:10px;}

#container .lineupTable{border:1px solid #00a9ac; margin-bottom:20px;}
#container .lineupTable tr.stage{background:#00a9ac; color:#FFFFFF; font-weight:bold;}
#container .lineupTable tr.odd{background:#dcdc8a/*97c6de*/;}

#container .lineupTable tr.stage td,
#container .lineupTable tr.band td{padding:0px 3px; font-weight:bold;}

#article_files {clear:both; padding-top:15px; overflow:hidden;}
#article_files h2 {font-size:16px; border-bottom:2px solid #00a9ac;}
#article_files a {padding:5px; display:block; border-bottom:1px dotted #00a9ac; line-height:18px; }
#article_files a span {padding-left:20px; float:right; background:url(../images/layout-site/icon_file.png) no-repeat top left;}
#article_files a:hover{background:#cdd6d7;}

a.doc {background:url(/design/images/icon_doc.gif) no-repeat 0 0; padding-left:20px; line-height:20px;}
a.xls {background:url(/design/images/icon_xls.gif) no-repeat 0 0; padding-left:20px; line-height:20px;}

a.doc:hover, a.xls:hover {text-decoration:underline;}