body {
background:#cccccc;
margin: 0;
}
.font{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 11px;
}
.tab_red, .tab_blue, .tab_green, .tab_orange{
border-collapse:collapse;	
border-style: solid;
border-width: 1px;
width: 100%;
}
.tab_red {
background: #fff3f3;
border-color: #dd5252;
}
.tab_blue {
background: #f3f3ff;
border-color: #9866ff;
}
.tab_green {
background: #f3fff3;
border-color: #7ab67f;
}
.tab_orange {
background: #FFFFEE;
border-color: #FF6600;
}
.cell_blue, .cell_red, .cell_green, .cell_orange{
text-align: center;
font-weight: bold;
}
.cell_blue {
 background: #ddddff; 
 BORDER-BOTTOM: #c9afff 1px solid;
}
.cell_red {
BACKGROUND: #ffdddd; 	
BORDER-BOTTOM: #ff9393 1px solid; 
}
.cell_green {
BACKGROUND: #ddffdd;; 	
BORDER-BOTTOM: #99e49f 1px solid; 
}
.cell_orange {
BACKGROUND: #FFE8BA;; 	
BORDER-BOTTOM: #FFB164 1px solid; 
}
.cell_orange:active,.cell_orange:link ,.cell_orange:hover{
BACKGROUND: #E8E0BA;; 	
BORDER-BOTTOM: #FFB164 1px solid; 
}
.bold{font-weight: bold;}
.orange{color:#FFA500;}
.green{color:#008000;}
.blue{color:#0000FF;}
.magenta{color:#F300F3;}
.yellow{color:#FFFF00;}
.red{color:#FF0000;}

.box, .box-selected, .box-hover{
font-family:Verdana,Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
background:#DDDDFF;
position:relative;
float:left;
padding:3px 11px 3px 11px;
margin-right:10px;
}
.box{
text-decoration:none;
color:#444499;
border-top:1px solid white;
border-left:1px solid white;
border-bottom:1px solid #444499;
border-right:1px solid #444499;
}
.box-hover{
text-decoration:none;
background:#444499;
color:white;
border-top:1px solid white;
border-left:1px solid white;
border-bottom:1px solid #444499;
border-right:1px solid #444499;
}
.box-selected{
text-decoration:none;
color:#444499;
border-top:1px solid #444499;
border-left:1px solid #444499;
border-bottom:1px solid white;
border-right:1px solid white;
}
div.spacer {
clear:both;
}.white {
	color: #FFFFFF;
}