/* ------------------------------------------------
   -- This is a Style Sheet file, that serves as --
   -- the test style sheet for Chatboxx          --
   ------------------------------------------------
   --                   Benja-                   --
   ------------------------------------------------
   --                  Copyright                 --
   --                Chaoz Project               --
   --                     2003                   --
   ------------------------------------------------
*/

/* --- Classes ----------------------------------- */


 table           	
 {
    border-collapse: collapse;

    font-family: Tahoma, Helvetica, Arial, sans-serif; 
    font-size: 10px;
    color: 000000;
    
}

 td.mainTable 
 {
    width: 790px; 
    padding:0px;
    background-color: #DD5C01;
    border-right: #000000 solid 1px;
 }

 td.bg_1
 {   
    background-color: #E3FBDF;
 }

 td.bg_2
 {   
    background-color: #EDE5FA;
 }

 td.bg_3
 {   
    background-color: #D5F8F4;
 }

 td.bg_4
 {   
    background-color: #E3FBDF;
 }


.form_forminput1
{
background-color:  #FAE5AC;
color: #555555;
font-family: Tahoma, Helvetica, Arial, sans-serif; 
font-size: 11px;
}

.form_forminput2
{
background-color: #FCD568;
background-color:  #FAE5AC;
color: #555555;
font-family: Tahoma, Helvetica, Arial, sans-serif; 
font-size: 11px;
}

.form_forminput3
{
background-color: #FCD568;
background-color:  #FAE5AC;
color: #555555;
font-family: Tahoma, Helvetica, Arial, sans-serif; 
font-size: 11px;
}



 td.begin
 {   
    border-top: blaCK solid 1px;
    border-right: blaCK solid 1px;
    border-left: blaCK solid 1px;
    border-bottom: black solid 1px;   
    
    background-color: #DB5D00;
    background-color: #F89F23;
    background-color: #FEC830;

    font-family: Tahoma, Helvetica, Arial, sans-serif; 
    font-size: 11px;
    color: #000000;
    color: #444444;
    font-weight : bold;	

    padding-left: 3px;
    padding-right: 3px;
    padding-top: 2px;
    padding-bottom: 2px;
    text-align: center;   
 }

 td.agenda1
 {
    border: blaCK solid 2px;
    background-color: #FFFF99;
    height: 10px;
    width: 10px;
 }

 td.agenda2
 {
    border: #331F9A SoliD 2px;
    background-color: #AEC7F6;
    height: 10px;
    width: 10px;
 }

 td.agenda3
 {
    border: #331F9A SoliD 2px;
    background-color: #7EDAA0;
    height: 10px;
    width: 10px;
 }


 td.head1
 {
    border-top: blaCK solid 1px;
    border-right: blaCK solid 1px;
    border-left: blaCK solid 1px;
    border-bottom: black solid 1px;
   
    background-color: #DB5D00;
    background-color: #CDCAC8;
    background-color: #FEC830;

    font-family: Tahoma, Helvetica, Arial, sans-serif; 
    font-size: 11px;
    color: #FEC830;
    color: #FBEECB;

    color: #444444;
    font-weight : bold;	
   

    padding-left: 3px;
    padding-right: 3px;
    padding-top: 3px;
    padding-bottom: 3px;
    text-align: center;

 }

 td.head2
 {
    border-top: blaCK solid 1px;
    border-right: blaCK solid 1px;
    border-left: blaCK solid 1px;
    border-bottom: black solid 1px;
   
    background-color: #DB5D00;
    background-color: #CDCAC8;
    background-color: #FEC830;

    font-family: Tahoma, Helvetica, Arial, sans-serif; 
    font-size: 11px;
    color: #FEC830;
    color: #FBEECB;

    color: #222222;
    color: #444444;
    font-weight : bold;	
   

    padding-left: 3px;
    padding-right: 3px;
    padding-top: 3px;
    padding-bottom: 3px;
    text-align: center;

 }

 td.head3
 {
    border-top: blaCK solid 1px;
    border-right: blaCK solid 1px;
    border-left: blaCK solid 1px;
    border-bottom: black solid 1px;
   
    background-color: #DB5D00;
    background-color: #CDCAC8;
    background-color: #FEC830;

    font-family: Tahoma, Helvetica, Arial, sans-serif; 
    font-size: 11px;
    color: #FEC830;
    color: #FBEECB;

    color: #222222;
    color: #444444;
    font-weight : bold;	
   

    padding-left: 3px;
    padding-right: 3px;
    padding-top: 3px;
    padding-bottom: 3px;
    text-align: center;

 }


 
 td.optioneel
 {

    border-bottom: BlACK SoliD 2px;
    padding-top: 12px;
    padding-left:5px;
    font-family: Tahoma, Helvetica, Arial, sans-serif; 
    font-size: 12px;
    color: #331F9A;
    color: white;
    color: #444444;
    color: #DB5D00;  
    font-weight : 900;
    text-valign: bottom;
    text-align: left;
   
 }

 td.optioneel2
 {

    border-bottom: BlACK SoliD 2px;
    padding-top: 30px;
    padding-left:5px;
    font-family: Tahoma, Helvetica, Arial, sans-serif; 
    font-size: 12px;
    color: #331F9A;
    color: white;
    color: #444444;
    color: #DB5D00;  
    font-weight : 900;
    text-valign: bottom;
    text-align: left;
    
 }

 td.stap
 { 
    padding-top: 0px;
    padding-left:5px;
    font-family: Tahoma, Helvetica, Arial, sans-serif; 
    color: #DB5D00;  
    text-valign: top;
    text-align: left;
    font-size:16px; 
    font-weight : 900;
 }

 td.stap2
 { 
    border-bottom: blaCK solid 2px;
    padding-top: 0px;
    padding-left:5px;
    font-family: Tahoma, Helvetica, Arial, sans-serif; 
    color: #666666;  
    color: #DB5D00;  
    text-valign: top;
    text-align: left;
    font-size:16px; 
    font-weight : 900;
 }

 td.head_tekst
 { 
    padding-bottom: 15px;
    padding-left:5px;

    font-family: Tahoma, Helvetica, Arial, sans-serif; 
    font-size: 12px;
    color: #331F9A;
    color: white;
    font-weight : 900;
    text-valign: top;
    text-align: left;
 }

 td.head_opt
 { 
    padding-top: 0px;
    padding-left:5px;

    text-valign: top;
    text-align: left;

    font-family: Tahoma, Helvetica, Arial, sans-serif; 
    font-size: 12px;
    color: #C43635;
    color: #F8A024;
    font-weight : 700;
 }

 td.hoekje
 {
    background-color: white; 
 }

 td.headje
 {
    
    

    background-color: #F6D8DB;
    background-color: #C8CFE5;
    background-color: #F8D8D8;
    background-color: #017574;

    font-family: Tahoma, Helvetica, Arial, sans-serif; 
    font-size: 12px;
    color: #331F9A;
    padding-left: 3px;
    padding-right: 3px;
    padding-top: 2px;
    padding-bottom: 2px;

 }

 td.tekst
 {
    color: #331F9A; 
    color: #C43635;
    color: #F8A024;
    color: #ffffff; 
    color: #444444;
    color: #DB5D00;  
 }



 td.line_t
 {
    border-top: #222223 solid 2px;
 }

 td.line_r
 {
    border-right: #222223 solid 2px;
 }

 td.line_l
 {
    border-left: #222223 solid 2px;
 }

 td.line_b
 {
    border-bottom: #222223 solid 2px;
    
 }

 td.line_r2
 {
    border-right: BlACK SoliD 2px;
 }

 td.line_b2
 {
    border-bottom: BlACK SoliD 2px;
   
 }

 td.line_tr
 {
    border-top: #222223 solid 2px;
    border-right: #222223 solid 2px;
 }

 td.line_rb
 {
    border-right: #222223 solid 2px;
    border-bottom: #222223 solid 2px;
 }

 td.line_bl
 {
    border-bottom: #222223 solid 2px;
    border-left: #222223 solid 2px;
 }

 td.line_bl2
 {
    border-bottom: BlACK SoliD 2px;
    border-left: #222223 solid 2px;
 }

 td.line_rbl2
 {
    border-right: BlACK SoliD 2px;
    border-bottom: BlACK SoliD 2px;
    border-left: #222223 solid 2px;
 }

 td.line_lt
 {
    border-left: #222223 solid 2px;
    border-top: #222223 solid 2px;
   
 }




 td.empty1
 {
    border-bottom: #222223 solid 2px;
    border-left:   #222223 solid 2px;	
   
 }

 td.empty2
 {
    border-bottom: #222223 solid 2px;
   
 }

 td.empty3
 {
    border-top: #222223 solid 2px;
    border-right: #222223 solid 2px;
    
 }


 td.main1
 {   
    border-right: blaCK solid 1px;
    border-left: blaCK solid 1px;
    border-bottom: blaCK solid 1px;
 
    background-color: #FEC830;
    background-color: #F89F23;
    background-color: #FAE5AC;

    font-family: Tahoma, Helvetica, Arial, sans-serif; 
    font-size: 11px;
    color: #555555;

    padding-left: 1px;
    padding-right: 1px;
    padding-top: 1px;
    padding-bottom: 2px;
    text-align: center;
 }

 td.main2
 {   
    border-right: blaCK solid 1px;
    border-left: blaCK solid 1px;
    border-bottom: blaCK solid 1px;
 
    background-color: #FEC830;
    background-color: #F89F23;
    background-color: #FAE5AC;

    font-family: Tahoma, Helvetica, Arial, sans-serif; 
    font-size: 11px;
    color: #555555;

    padding-left: 1px;
    padding-right: 1px;
    padding-top: 1px;
    padding-bottom: 2px;
    text-align: center;
 }

 td.main3
 {   
    border-right: blaCK solid 1px;
    border-left: blaCK solid 1px;
    border-bottom: blaCK solid 1px;
 
    background-color: #FEC830;
    background-color: #F89F23;
    background-color: #FAE5AC;

    font-family: Tahoma, Helvetica, Arial, sans-serif; 
    font-size: 11px;
    color: #555555;

    padding-left: 1px;
    padding-right: 1px;
    padding-top: 1px;
    padding-bottom: 2px;
    text-align: center;
 }



table.results
{
    border: black solid 1px;
    background-color: #F4F58D;  
    background-color: #017574;
     background-color: #FEC830;
}

table.results2
{
    width: 790px;	
    border: black solid 1px;
    background-color: white; 
}

/* --- Button1 --- */
p.button
{
text-align: center;
}

p.button a
{

padding: 1px; 
color: black; 
background-color: #F4F58D; 
text-decoration: none;
display: block;
border: black solid 1px;
width: 80px
}

p.button a:hover
{

padding: 1px;
color: black; 
background-color: #DCDEDE;
width: 80px; 
border: black solid 1px; 
}




/* --- Button2 input --- */

button.button 
{ 
color: #37496D; 
background-color: #F4F58D;
background-color: #017574;
 background-color: #FEC830;
 
width: 15px;
border: white solid 1px;  
}

button.buttonover 
{ 
color: black;
background-color: #DCDEDE;
width: 15px; 
border: white solid 1x; 
}

input.button 
{ 
color: #37496D; 
background-color: #F4F58D;
background-color: #FEC830;
width: 80px;
border:  #000066 solid 1px;  
}

input.buttonover 
{ 
color: 000066;
background-color: #DCDEDE; 
width: 80px; 
border: #000066 solid 1x; 
}





/* ---    DataTable    --- */
 
 td.dt_head_button
 {
    border-top: black solid 1px;
    border-bottom: black solid 1px;
    border-left: #FEC830 solid 1px;
    border-right: black solid 1px;

    background-color: #F4F58D; 
    background-color: #017574;
     background-color: #FEC830;
    

    padding-top: 10px;
    padding-bottom: 10px;	
    color: black;

 }


 td.dt_delete_col
 {

    font-size: 10px;
    background-color: #F4F58D;
    background-color: #017574;
     background-color: #FEC830;
     
    padding-left: 5px;
    color: black;
    
 }

 td.dt_content_00
 {
    border: white solid 1px;
    padding: 3px;
    background-color: #F9BB66;
    padding-top: 15px;
    padding-bottom: 15px;	

    color: black;
 }

 td.dt_content_10
 {
    border: white solid 1px;
    padding: 3px;
    background-color:   #DCE1EE;
    background-color: #F89F23;
    padding-top: 15px;
    padding-bottom: 15px;	 
    color: black;
 }

 td.dt_content_01
 {
    border: white solid 1px;
    padding: 3px;
    background-color: #F9BB66;
    padding-top: 15px;
    padding-bottom: 15px;	
    color: black;
 }

 td.dt_content_11
 {
    border: white solid 1px;
    padding: 3px;
    background-color: #DCE1EE;
    background-color: #F89F23; 
    padding-top: 15px;
    padding-bottom: 15px;	
    color: black;
 }


 td.dt_schoolcontent_00
 {
    border: white solid 1px;
    padding: 3px;

    padding-top: 15px;
    padding-bottom: 15px;	

    color: black;
 }

 td.dt_schoolcontent_10
 {
    border: white solid 1px;
    padding: 3px;

    padding-top: 15px;
    padding-bottom: 15px;	 
    color: black;
 }

 td.dt_schoolcontent_01
 {
    border: white solid 1px;
    padding: 3px;

    padding-top: 15px;
    padding-bottom: 15px;	
    color: black;
 }

 td.dt_schoolcontent_11
 {
    border: white solid 1px;
    padding: 3px;

    padding-top: 15px;
    padding-bottom: 15px;	
    color: black;
 }


 td.dt_head
 {

    border-top: black solid 1px;
    border-bottom: black solid 1px;
    border-left: black solid 1px;
    border-right: #FEC830 solid 1px;
    background-color: #F4F58D;
    background-color: #017574;
     background-color: #FEC830;
     

    padding: 3px;
    padding-top: 10px;
    padding-bottom: 10px;	
    color: black;
 }

 td.box1
 {
    border-top: black solid 1px;
    border-right: white solid 0px;
    border-left: black solid 1px;
    border-bottom: black solid 2px;
    background-color: #A24500; 
    color: #F7D4BA;
    padding-left: 10px;		
 } 

 td.box2
 {
    border-top: black solid 1px;
    border-right: white solid 0px;
    border-left: black solid 1px;
    border-bottom: black solid 2px;
    background-color: #A24500; 
    color: #F7D4BA;
    padding-left: 10px;		
 } 

 td.school_box1
 {
    border-top: black solid 1px;
    border-right: black solid 1px;
    border-left: black solid 1px;
    border-bottom: black solid 2px;
    background-color: #A24500; 
    color: #F7D4BA;
    padding-left: 10px;		
 } 

 td.school_box2
 {
    border-top: black solid 1px;
    border-right: black solid 1px;
    border-left: black solid 1px;
    border-bottom: black solid 2px;
    background-color: #A24500; 
    color: #F7D4BA;
    padding-left: 10px;		
 } 

 td.help_button1
 {
    border-top: white solid 1px;
    border-right: white solid 0px;
    border-left: black solid 1px;
    border-bottom: black solid 2px;
    background-color: #A24500; 
    color: #F7D4BA;
    padding-left: 5px;		
 }

 td.help_button2
 {
    border-top: white solid 1px;
    border-right: black solid 1px;
    border-left: white solid 0px;
    border-bottom: black solid 2px;
    background-color: #A24500; 
    color: #F8E9DF;	
 }

 div.help_button
 {
   position:absolute;
   right: 0px;
   top:-7px;
   z-index:2;
   font: 11px Tahoma;
 }

 td.help
 {
    border-top: white solid 0px;
    border-bottom: white solid 1px;
    background-color: #ff9966;
    color: black;	
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 8px;
    padding-bottom: 5px;
   
 }

 td.page
 {
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    padding-bottom: 0px; 
    border-right: black solid 1px;
 }



/* Base class, the rest inherit from this */
TABLE, TR, TD     { font: 11px Tahoma; color:#404040; border-collapse: collapse; }
BODY      { margin-top: 0px; font: 10px Tahoma; color:#000000; background-color: #DD5C01;background-image: url("http://www.lesidee.nl/lif05/non-cgi/Skin/Default/images/lif05_bg.gif");

           scrollbar-3dlight-color:black;
    	   scrollbar-arrow-color:black;
           scrollbar-base-color:#DB5D00;
           scrollbar-darkshadow-color:black;
           scrollbar-face-color:#A24500;
           scrollbar-highlight-color:#DB5D00;
           scrollbar-shadow-color:black;

margin-left: 0px;margin-right: 0px; }




a:link, a:visited, a:active  { text-decoration:underline; color: #37496D }
a:hover                      { color:#404040 }
/* Category Headers - Navigation - Misc Stuff */
#category         { font-size:11px; font-weight : bold; height: 16px; background-color: #F89F23; }
/order-style: outset;background-color: #DCDEDE; 
/border-top: black solid 1px; border-bottom: black solid 1px;
#category a:link, #category a:visited,#category a:active  { text-decoration: none; color : #37496D }
#category a:hover { text-decoration: underline }
#nav              { font-size:11px; font-weight : bold;  }
#nav a:link, #nav a:visited,#nav a:active  { text-decoration: underline; color: #404040 }
#redirect         { font-size:11px; font-weight:bold; border: 1 solid #C0C0C0  }
#highlight        { font-size : 11px; color: #566990 }
#highlight a:link, #highlight a:visited, #highlight a:active { text-decoration: underline; color:#566990 }
#highlight a:hover{ text-decoration: underline; color: #404040 }
/* Viewing Topics Stuff */
#signature         { font-size:11px; color:#566990 }
#postdetails       { font-size:11px; color:#404040 }
#postcolor         { font-size:12px; color:#404040; line-height : 150%; }
#membertitle       { font-size:11px; font-style: italic; line-height:150%; color:#37496D }
#normalname        { font-size:12px; font-weight : bold; color:#000033; padding-bottom:2px }
#unreg             { font-size:11px; font-weight:bold;  color:#990000 }
.buttontext { font-size:10px; color:#404040; text-decoration:none;}
/* Titles n' stuff */
#titlelarge          { font-size:12px; font-weight:bold; line-height:150%; color : white;  background-image: url(images/lif_red_th.jpgxxx); background-color: #017574; padding-left: 10px;}
#titlelarge a:link, #titlelarge a:visited, #titlelarge a:active { color:#37496D }
#titlemedium         { font-size:10px; font-weight:bold; line-height:150%; color:#C43635; height: 22px; padding-left: 8px;  background-image: url(images/lif_red_th.jpgxxx);  background-color: #FFFF99; }
#titlemedium  a:link, #titlemedium  a:visited, #titlemedium  a:active { text-decoration: none; color : #404040 }
#titlemedium a:hover { text-decoration: underline }
/* Menu - Control Panel Stuff */
#controlpanel    { font-size:10px; font-weight:bold; line-height:150% }
#usermenu        { font-size : 12px; line-height:150%; color : #404040 }
#tabs            { border:1px solid #37496D; vertical-align:middle; font-size: 11px; }
/* Forum Links - Topic Links */
#linkthru         { font-size:11px; color : #37496D }
#linkthru  a:link, #linkthru  a:visited, #linkthru  a:active   { font-size:11px; text-decoration: underline; color : #37496D }
#linkthru a:hover { text-decoration: underline; color : #666666 }
#desc             { font-size:10px; color : #666666 }
#copyright        { font-family: Arial; font-size : 9px; text-decoration: none; line-height : 12px; color: #404040; letter-spacing: 1px}
#QUOTE { font-family:Verdana, Arial; font-size:10px; color: #333333; background-color: #FFFFFF; border : 1px solid Black;padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px; }
#CODE { font-family:Verdana, Arial; font-size:10px; color: #333333; background-color: #FFFFFF;  border : 1px solid Black; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px; }
#ME     { font-family:Verdana, Arial; font-size:12px; color: #CC0000; text-align:center; font-weight: bold; }
.bottom { vertical-align: bottom }
.forminput    { font-size: 8pt; background-color: #E8E8E8; font-family: verdana, helvetica, sans-serif; vertical-align:middle }
.textinput    { font-size: 10pt; font-family: verdana, helvetica, sans-serif;vertical-align:middle; background-color: #e8e8e8 }
#small { font-family: arial; font-size:9px }
#date  { font-size:10px; color : #566990}