body {
   margin            : 0;
   padding           : 0;
   font-family       : verdana, arial, helvetica, sans-serif;
   background-color  : white;
   color             : black;
   background        : url(images/bulb.jpg) no-repeat left top; 
   font-size         : 11px;
   line-height       : 13px;
   }

/* specific to rte */
body.rte {
   margin            : 0;
   padding           : 0;
   font-family       : verdana, arial, helvetica, sans-serif;
   background-color  : white;
   color             : black;
   font-size         : 11px;
   line-height       : 13px;
   }

h1 {
	margin           : 0 0 15px 0;
	padding          : 0;
	font-size        : 20px;
	line-height      : 20px;
	font-weight      : bold;
	color            : black;
	}

#Header {
	margin           : 62px 0 10px 0;
	padding          : 17px 0 0 20px;
	height           : 32px; 
	border-style     : solid;
	border-color     : black;
	border-width     : 1px 0; 
	line-height      : 11px;
	font-size        : 11px;
	font-weight      : 900;
	background-color : #efefef;
	}

/* Menu Box ================================================*/

.menuColumn {
	position         : absolute;
	top              : 132px;
	left             : 15px;
	width            : 150px;
	}

.menu {
	padding          : 10px;
	background-color : #efefef;
	border-style     : solid;
	border-color     : #9c9a9c;
	border-width     : 1px; 
	line-height      : 17px;
	width            : 150px;	
	}	

a.menuLink , a.menuLink:link , a.menuLink:visited {
	color            : #009ace;
	font-size        : 11px;
	text-decoration  : none;
	font-weight      : 600;
	}

a.menuLink:hover {
    color            : #efefef;
    background-color : #009ace;
    }

a.menuLogin , a.menuLogin:link , a.menuLogin:visited {
	color            : red;
	font-size        : 11px;
	text-decoration  : none;
	font-weight      : 600;
	}

a.menuLogin:hover {
    color            : #efefef;
    background-color : red;
    }

/* Content Box =============================================*/

.content {
	position         : absolute;
	top              : 132px;
	left             : 0px;	
   margin           : 0 50px 50px 200px;
   padding          : 10px; 
   width            : 620px;
  	background-color : #efefef;
	border-style     : solid;
	border-color     : #9c9a9c;
	border-width     : 1px; 
   }

/* ========================================================*/

.main {
	display          : block;
	height           : 500px;
   }

/* Footer Box =============================================*/

.footer {
   width             : 780px;
   margin-left       : 20px;
   text-align        : left;
   }

/* Error / Success Box =====================================*/

.error {
   border           : 1px solid #000000;
   text-decoration  : none;
   text-align       : center;
   padding-top      : 10px;
   padding-bottom   : 10px;
   background       : #ffc0cb;
   color            : #000000; 
   margin           : 3px 20px 3px 20px;
   width            : 80%;
   left             : 10%;
   position         : relative;
   vertical-align   : middle;
   }

.success {
   border           : 1px solid #000000;
   text-decoration  : none;
   text-align       : center;
   font-size        : x-small;
   padding-top      : 10px;
   padding-bottom   : 10px;
   background       : #EAE8DE;
   color            : #000000; 
   margin           : 3px 20px 3px 20px;
   width            : 80%;
   left             : 10%;
   position         : relative;
   vertical-align   : middle;
   }

/* Generic for all modules  ================================*/

.underline {
   text-decoration   : underline;
   }

.row {
   width             : 580px;
   clear             : right;
   }

.rowRight {
   text-align        : right;
   width             : 580px;
   clear             : right;
   }

.label {
   overflow          : hidden;
   text-align        : right;
   font-weight       : bold;
   width             : 200px;
   float             : left;
   }

.labelTop {
   text-align        : right;
   font-weight       : bold;
   width             : 200px;
   float             : left;
   }

.mandatory {
   color             : red;
   text-align        : center;
   width             : 15px;
   float             : left;
   }

.field {
   text-align        : left;
   width             : 365px;
   float             : left;
   clear             : right;
   }

.fieldLong {
   text-align        : left;
   width             : 365px;
   height            : 30px;   
   float             : left;
   clear             : right;
   }

.readonly {
   border            : 1px solid #000000;
   background-color  : #efefef;   
   color             : #000000;
   }

.returnLink {
   width             : 580px;
   height            : 16px;   
   vertical-align    : top;
   clear             : right;   
   }

input.button  {
   border            : 1px solid #000000;
   cursor            : pointer;
   }

input , select {
   border            : 1px solid #000000;
   }

input.radio , input.checkbox , img {
   border            : 0;
   }

a , a:link , a:visited {
   color             : #009ace;
   text-decoration   : none;
   font-weight       : 600;
   cursor            : pointer;
   }

a:hover {
   color            : #009ace;
   text-decoration  : none;
   font-weight      : 600;
   cursor           : pointer;
   }

img.help {
   border           : 0;
   cursor           : help;
   }

img.date , img.button {
   border           : 0;
   cursor           : pointer;
   }

.emailBody {
   position         : absolute;
   top              : 132px;
   left             : 0px;	
   padding          : 10px; 
   width            : 620px;
   }

/* tooltip =============================================*/
#helpBox {
position         : absolute;
z-index          : 1000;
top              : 0px;
left             : 0px;
width            : 250px;
}

div.helpBoxDIV {
width            : 180px;
padding          : 2px;
background       : #FFFFCC;
border           : 1px solid #000000;
color            : black;
font-family      : verdana, helvetica;
text-align       : left;
font-style       : Normal;
font-weight      : Normal;
font-size        : xx-small;
}

/* Article Module ==========================================*/

.article-item {
font-weight      : bold;
font-size        : x-small;
}

.article-body {
font-size        : x-small;
text-align       : justify;
}

.article-link {
font-size        : x-small;
text-align       : justify;
}

.article-link:hover {
color            : #292929;
text-decoration  : none;
}

.summary {
font-family      : sans-serif;
font-size        : xx-small;
display          : inline;
color            : #8A4D68;
}

.highlight {
font-family      : sans-serif;
font-size        : xx-small;
color            : #D6D6D6;
}

.link {
font-family      : sans-serif;
font-size        : xx-small;
text-decoration  : underline;
color            : #D6D6D6;
}

.more {
font-family      : sans-serif;
font-size        : xx-small;
font-style       : italic;
color            : #8A4D68;
}

/* Monitor Module =========================================*/

.monitor-title-title {
   text-align       : left;
   text-decoration  : underline;
   font-weight      : bold;
   width            : 290px;
   float            : left;
   }

.monitor-version-title {
   text-align       : left;
   text-decoration  : underline;
   font-weight      : bold;
   width            : 200px;
   float            : left;
   }

.monitor-date-title {
   text-align       : right;
   text-decoration  : underline;
   font-weight      : bold;
   width            : 80px;
   float            : left;
   clear            : right;
   }

.monitor-title {
   text-align       : left;
   vertical-align   : top;
   font-weight      : bold;
   width            : 290px;
   float            : left;
   }

.monitor-version {
   text-align       : left;
   vertical-align   : top;
   font-weight      : bold;
   width            : 200px;
   float            : left;
   }

.monitor-version-AD {
   text-align       : left;
   vertical-align   : top;
   font-weight      : bold;
   width            : 170px;
   float            : left;
   }

.monitor-action-AD {
   text-align       : left;
   vertical-align   : top;
   font-weight      : bold;
   width            : 30px;
   float            : left;
   }

.monitor-date {
   text-align       : right;
   vertical-align   : top;
   font-weight      : bold;
   width            : 80px;
   float            : left;
   clear            : right;
   }

/* Administration Module ====================================*/

.admin-menu {   
   width            : 192px;
   text-align       : center;   
   float            : left;   
   }
   
.admin-menu-image {   
   width            : 192px;
   height           : 50px;
   text-align       : center;   
   float            : left;   
   }   

.admin-action-title {
   text-align       : left;
   vertical-align   : top;
   text-decoration  : underline;
   font-weight      : bold;   
   width            : 70px;
   float            : left;
   }

.admin-user-title {
   text-align       : left;
   vertical-align   : top;
   text-decoration  : underline;
   font-weight      : bold;   
   width            : 150px;
   float            : left;
   }

.admin-role-title {
   text-align       : left;
   vertical-align   : top;
   text-decoration  : underline;
   font-weight      : bold;   
   width            : 100px;
   float            : left;
   }

.admin-status-title {
   text-align       : left;
   vertical-align   : top;
   text-decoration  : underline;
   font-weight      : bold;   
   width            : 70px;
   float            : left;
   }

.admin-date-title {
   text-align       : left;
   vertical-align   : top;
   text-decoration  : underline;
   font-weight      : bold;   
   width            : 200px;
   float            : left;
   clear            : right;
   }

.admin-action {
   text-align       : left;
   vertical-align   : top;
   width            : 70px;
   float            : left;
   }

.admin-user {
   text-align       : left;
   vertical-align   : top;
   width            : 150px;
   float            : left;
   }

.admin-role {
   text-align       : left;
   vertical-align   : top;
   width            : 100px;
   float            : left;
   }

.admin-status {
   text-align       : left;
   vertical-align   : top;
   width            : 70px;
   float            : left;
   }

.admin-date {
   text-align       : left;
   vertical-align   : top;
   width            : 200px;
   float            : left;
   clear            : right;
   }

.admin-readonly {
   background-color : #efefef;
   border           : 0;
   }

/* Freecycle Module =========================================*/

.freecycle-header {
   background-color : #D3DCE3;
   margin-bottom    : 1px;
   padding-top      : 3px;
   padding-bottom   : 3px; 
   padding-left     : 3px;      
   padding-right    : 3px;   
   float            : left;
   clear            : both; 
   width            : 580px;   
   display          : block;         
   }

.freecycle-odd {
   background-color : #e5e5e5;
   margin-bottom    : 1px;
   padding-top      : 3px;
   padding-bottom   : 3px; 
   padding-left     : 3px;      
   padding-right    : 3px; 
   float            : left;
   clear            : both;
   width            : 580px;     
   display          : block;           
   }

.freecycle-even {
   background-color : #d5d5d5;
   margin-bottom    : 1px;   
   padding-top      : 3px;   
   padding-bottom   : 3px;
   padding-left     : 3px;      
   padding-right    : 3px;   
   float            : left;
   clear            : both;
   width            : 580px;     
   display          : block;             
   } 

.freecycle-type-title {
   text-align       : left;
   text-decoration  : underline;
   font-weight      : bold;
   width            : 100px;
   height           : 16px;     
   float            : left;
   }

.freecycle-title-title {
   text-align       : left;
   text-decoration  : underline;
   font-weight      : bold;
   width            : 460px;
   height           : 16px;     
   float            : left;
   clear            : right;
   }

.freecycle-location-title {
   text-align       : left;
   text-decoration  : underline;
   font-weight      : bold;
   width            : 210px;
   height           : 16px;     
   float            : left;
   }

.freecycle-user-title {
   text-align       : left;
   text-decoration  : underline;
   font-weight      : bold;
   width            : 100px;
   height           : 16px;     
   float            : left;
   }

.freecycle-date-title {
   text-align       : left;
   text-decoration  : underline;
   font-weight      : bold;
   width            : 150px;
   height           : 16px;     
   float            : left;
   clear            : right;
   }

.freecycle-comment-title {
   text-align       : left;
   text-decoration  : underline;
   font-weight      : bold;
   width            : 370px;
   height           : 16px;     
   float            : left;
   clear            : right;
   }

.freecycle-reply-title {
   text-align       : left;
   text-decoration  : underline;
   font-weight      : bold;
   width            : 300px;
   height           : 16px;     
   float            : left;
   clear            : right;
   }

.freecycle-action {
   text-align       : left;
   vertical-align   : top;
   width            : 20px;
   height           : 16px;     
   float            : left;
   }

.freecycle-type {
   text-align       : left;
   vertical-align   : top;
   width            : 100px;
   height           : 16px;     
   float            : left;
   }

.freecycle-title {
   text-align       : left;
   vertical-align   : top;
   font-weight      : bold;
   width            : 460px;
   height           : 16px;     
   float            : left;
   clear            : right;
   }

.freecycle-location {
   text-align       : left;
   width            : 210px;
   height           : 16px;     
   float            : left;
   }

.freecycle-user {
   text-align       : left;
   vertical-align   : top;
   width            : 100px;
   height           : 16px;     
   float            : left;
   overflow         : hidden;
   }

.freecycle-date {
   text-align       : left;
   vertical-align   : text-top;
   width            : 150px;
   height           : 16px;     
   float            : left;
   clear            : right;
   }

.freecycle-comment {
   text-align       : left;
   vertical-align   : top;
   width            : 370px;
   height           : 16px;     
   float            : left;
   clear            : right;
   }

.freecycle-reply {
   text-align       : left;
   width            : 300px;
   float            : left;
   clear            : right;
   }

.freecycle-subscribe-title {
   font-weight      : bold;     
   }

.freecycle-subscribe {
   background-color : #D3DCE3;  
   padding-top      : 10px;
   padding-bottom   : 10px; 
   padding-left     : 10px;      
   padding-right    : 10px;  
   border           : 1px solid #000000;       
   }

.freecycle-hidden {
   display          : none;   
   }

.freecycle-displayed {
   display          : inline;   
   }

.freecycle-allocation-reply {
   position         : absolute;
   visibility       : visible;
   display          : block; 
   border           : 1px solid #000000; 
   width            : 400px;
   z-index          : 100; 
   background-color : #FFFFCE;
   }

.freecycle-allocation-reply-title {
   text-align        : center;
   font-weight       : bold;
   width             : 400px;
   float             : left;
   clear             : right; 
   padding-right     : 10px;
   padding-left      : 10px;   
   padding-top       : 3px;     
   }

.freecycle-allocation-reply-label {
   text-align        : right;
   font-weight       : bold;
   width             : 80px;
   float             : left;
   padding-right     : 10px;
   padding-top       : 3px;     
   }

.freecycle-allocation-reply-field {
   text-align        : left;
   width             : 320px;
   float             : left;
   clear             : right;  
   padding-top       : 3px;     
   }

.freecycle-allocation-reply-textarea {
   width            : 300px;
   height           : 60px;
   }

/* LETS Module =========================================*/

.LETS-header {
   background-color : #d3dce3;
   margin-bottom    : 1px;
   padding-top      : 3px;
   padding-bottom   : 3px; 
   padding-left     : 3px;      
   padding-right    : 3px;
   float            : left;
   clear            : both; 
   width            : 600px;   
   display          : block;         
   }

.LETS-odd {
   background-color : #e5e5e5;
   margin-bottom    : 1px;
   padding-top      : 3px;
   padding-bottom   : 3px; 
   padding-left     : 3px;      
   padding-right    : 3px; 
   float            : left;
   clear            : both;
   width            : 600px;     
   display          : block;            
   }

.LETS-even {
   background-color : #d5d5d5;
   margin-bottom    : 1px;   
   padding-top      : 3px;   
   padding-bottom   : 3px;
   padding-left     : 3px;      
   padding-right    : 3px; 
   float            : left;
   clear            : both;
   width            : 600px;    
   display          : block;                
   } 

.LETS-type-title {
   text-align       : left;
   text-decoration  : underline;
   font-weight      : bold;
   width            : 100px;
   height           : 16px;   
   float            : left;
   }

.LETS-title-title {
   text-align       : left;
   text-decoration  : underline;
   font-weight      : bold;
   width            : 460px;
   height           : 16px;   
   float            : left;
   clear            : right;
   }

.LETS-category-title {
   text-align       : left;
   text-decoration  : underline;
   font-weight      : bold;
   width            : 150px;
   height           : 16px;   
   float            : left;
   }

.LETS-cost-title {
   text-align       : left;
   text-decoration  : underline;
   font-weight      : bold;
   width            : 160px;
   height           : 16px;   
   float            : left;
   }

.LETS-user-title {
   text-align       : left;
   text-decoration  : underline;
   font-weight      : bold;
   width            : 100px;
   height           : 16px;   
   float            : left;
   }

.LETS-date-title {
   text-align       : left;
   text-decoration  : underline;
   font-weight      : bold;
   width            : 50px;
   height           : 16px;   
   float            : left;
   clear            : right;
   }

.LETS-action {
   text-align       : left;
   vertical-align   : top;
   width            : 20px;
   height           : 16px;   
   float            : left;
   overflow         : hidden;
   }

.LETS-type {
   text-align       : left;
   vertical-align   : top;
   width            : 100px;
   height           : 16px;
   float            : left;
   }

.LETS-title {
   text-align       : left;
   vertical-align   : top;
   font-weight      : bold;
   width            : 460px;
   height           : 16px;   
   float            : left;
   clear            : right;
   }

.LETS-category {
   text-align       : left;
   width            : 150px;
   height           : 16px;  
   float            : left;
   }

.LETS-cost {
   text-align       : left;
   width            : 160px;
   height           : 16px; 
   float            : left;
   }

.LETS-user {
   text-align       : left;
   vertical-align   : top;
   width            : 100px;
   height           : 16px;
   float            : left;
   }

.LETS-date {
   text-align       : left;
   vertical-align   : text-top;
   width            : 50px;
   height           : 16px; 
   float            : left;
   clear            : right;
   }

.LETS-visible {
   display          : block;
   }

.LETS-hidden {
   display          : none;
   }
   
/* Download Module ========================================*/

.download-header {
   background-color : #d3dce3;
   margin-bottom    : 1px;
   padding-top      : 3px;
   padding-bottom   : 3px; 
   padding-left     : 3px;      
   padding-right    : 3px;
   float            : left;
   clear            : both; 
   width            : 600px;   
   display          : block;         
   }

.download-odd {
   background-color : #e5e5e5;
   margin-bottom    : 1px;
   padding-top      : 3px;
   padding-bottom   : 3px; 
   padding-left     : 3px;      
   padding-right    : 3px; 
   float            : left;
   clear            : both;
   width            : 600px;     
   display          : block;            
   }

.download-even {
   background-color : #d5d5d5;
   margin-bottom    : 1px;   
   padding-top      : 3px;   
   padding-bottom   : 3px;
   padding-left     : 3px;      
   padding-right    : 3px; 
   float            : left;
   clear            : both;
   width            : 600px;    
   display          : block;                
   } 

.download-title-title {
   text-align       : left;
   text-decoration  : underline;
   font-weight      : bold;
   width            : 290px;
   height           : 16px;    
   float            : left;
   }

.download-version-title {
   text-align       : left;
   text-decoration  : underline;
   font-weight      : bold;
   width            : 145px;
   height           : 16px;    
   float            : left;
   }

.download-date-title {
   text-align       : right;
   text-decoration  : underline;
   font-weight      : bold;
   width            : 145px;
   height           : 16px;   
   float            : left;
   clear            : right;
   }

.download-title {
   text-align       : left;
   width            : 290px;
   height           : 16px;   
   float            : left;
   }

.download-version {
   text-align       : left;
   width            : 145px;
   height           : 16px;   
   float            : left;
   }

.download-date {
   text-align       : right;
   width            : 145px;
   height           : 16px;   
   float            : left;
   clear            : right;
   }

.download-action {
   width            : 70px;
   height           : 16px;   
   font-weight      : bold;    
   float            : left;
   }
      
.download-file {
   text-align       : right;
   width            : 510px;
   height           : 16px;   
   font-weight      : bold;    
   float            : left;
   clear            : right; 
   }   

.download-comment {
   text-align       : left;
   width            : 560px; 
   height           : 32px;    
   float            : left;
   overflow         : hidden;  
   display          : inline; 
   }

.download-comment-dummy {
   text-align       : left;
   width            : 20px;  
   height           : 16px;   
   float            : left;
   clear            : right;
   }

/* Gallery Module ========================================*/

.gallery-photo {
   vertical-align   : top;       
   text-align       : center;     
   width            : 570px;          
   float            : left;
   }

.gallery-photo2 {
   vertical-align   : top;       
   text-align       : center;     
   width            : 275px;          
   height           : 275px;    
   float            : left;
   }

.gallery-photo3 {
   vertical-align   : top;       
   text-align       : center;     
   width            : 180px;             
   height           : 180px;                
   float            : left;   
   }

.gallery-photo4 {
   vertical-align   : top;       
   text-align       : center;     
   width            : 132px;                
   height           : 132px;                   
   float            : left;   
   }
   
.gallery-photo5 {
   vertical-align   : top;       
   text-align       : center;     
   width            : 104px;                
   height           : 104px;                   
   float            : left;   
   }   
   
/* News Module ========================================*/

.news-item {
   font-weight       : bold;       
   }

.news-body {
   padding-top      : 3px;
   padding-bottom   : 3px; 
   padding-left     : 3px;      
   padding-right    : 3px;     
   }
   
.news-name {   
   text-align       : right;
   padding-top      : 3px;
   padding-bottom   : 3px; 
   padding-left     : 3px;      
   padding-right    : 3px; 
   }   
   
/* Chat Module ==========================================*/
  
.chat_time {
   font-style       : italic;
   font-size        : 11px;
   line-height      : 13px;				
   }
   	
.chat_user {
   font-weight      : bold;
   font-size        : 11px;
   line-height      : 13px;							
   }
   
.chat_message {
   font-size        : 13px;
   line-height      : 13px;							
   }
   
.chat_area {
   position         : relative;
   padding          : 3px;
   left             : 6px;
   height           : 400px;
   width            : 600px;
   overflow         : hidden;
/*   background-color : #CCCCCC;
   border           : 1px solid #555555;	*/				
   }
   
.chat_input {
   width            : 400px;							
   }   

.chat_row {
   display          : block;
   border           : 1px solid #efefef;   
   padding-top      : 4px;
   padding-bottom   : 4px; 
   padding-left     : 4px;      
   padding-right    : 4px;    
   }   

.chat_row:hover {
   border           : 1px solid #555555;
   cursor           : pointer;
   }   
    
.chat_row .chat_time:hover {
   font-style       : italic;
   font-size        : 11px;
   line-height      : 13px;	
   color            : #F5F5F5;   			
   }    
/* Forum Module ==========================================*/

.forumFrame {
   width            : 580px;
   margin-bottom    : 10px;
   border           : 1px solid #000000;
   float            : left;
   clear            : both; 
   display          : block;   
   }

.forumRowTitle {
   background-color : #0A0A0A;
   color            : #F5F5F5;
   width            : 580px;
   padding-top      : 5px; 
   padding-bottom   : 5px;
   font-weight      : bold;  
   float            : left;
   clear            : both; 
   display          : block;      
   }

.forumRow {
   width            : 576px;
   padding-top      : 2px;
   padding-bottom   : 2px;
   padding-left     : 15px;
   padding-right    : 15px;
   float            : left;
   clear            : both; 
   display          : block;     
   }

.forumRowLow   {
   width            : 576px;
   padding-top      : 2px;
   padding-bottom   : 2px;
   padding-left     : 2px;
   padding-right    : 2px;
   background-color : #A87060;
   float            : left;
   clear            : both; 
   display          : block;    
   }

.forumRowHigh  {
   width            : 576px;
   padding-top      : 2px;
   padding-bottom   : 2px;
   padding-left     : 2px;
   padding-right    : 2px;
   background-color : #F4ECED;
   float            : left;
   clear            : both; 
   display          : block; 
   }

.forumTitleLeft {
   font-weight      : bold;
   vertical-align   : baseline;
   text-align       : left;
   width            : 288px;
   padding-left     : 15px;
   float            : left;  
   }

.forumTitleRight {
   font-weight      : bold;
   vertical-align   : baseline;
   text-align       : right;
   width            : 288px;
   padding-right    : 15px;
   }

.forumLabel   {
   font-weight      : bold;
   vertical-align   : baseline;
   text-align       : left;
   width            : 150px;
   padding-left     : 15px;
   }

.forumField   {
   vertical-align   : baseline;
   text-align       : left;
   padding-left     : 15px;
   }

.forumMessage {
   overflow         : hidden;
   padding-right    : 3px;
   padding-left     : 3px;
   width            : 288px;
   float            : left; 
   }

.forumMessageTitle {
   overflow         : hidden;
   padding-right    : 3px;
   padding-left     : 3px;
   width            : 288px;
   float            : left; 
   font-weight      : bold;     
   }

.forumUser {
   overflow         : hidden;
   padding-right    : 3px;
   padding-left     : 3px;
   width            : 130px;
   float            : left; 
   }

.forumUserTitle {
   overflow         : hidden;
   padding-right    : 3px;
   padding-left     : 3px;
   width            : 130px;
   float            : left; 
   font-weight      : bold;    
   }
   
.forumDate {
   overflow         : hidden;
   padding-right    : 3px;
   padding-left     : 3px;
   width            : 67px;
   float            : left;
   clear            : right;    
   }   

.forumDateTitle {
   overflow         : hidden;
   padding-right    : 3px;
   padding-left     : 3px;
   width            : 67px;
   float            : left;
   clear            : right;  
   font-weight      : bold;        
   }   

/* JS Calendar ==========================================*/

/* The main calendar widget.  DIV containing a table. */

div.calendar { position: relative; }

.calendar, .calendar table {
  border: 1px solid #556;
  font-size: 11px;
  color: #000;
  cursor: default;
  background: #eef;
  font-family: tahoma,verdana,sans-serif;
}

/* Header part -- contains navigation buttons and day names. */

.calendar .button { /* "<<", "<", ">", ">>" buttons have this class */
  text-align: center;    /* They are the navigation buttons */
  padding: 2px;          /* Make the buttons seem like they're pressing */
}

.calendar .nav {
  background: #778 url(menuarrow.gif) no-repeat 100% 100%;
}

.calendar thead .title { /* This holds the current "month, year" */
  font-weight: bold;      /* Pressing it will take you to the current date */
  text-align: center;
  background: #fff;
  color: #000;
  padding: 2px;
}

.calendar thead .headrow { /* Row <TR> containing navigation buttons */
  background: #778;
  color: #fff;
}

.calendar thead .daynames { /* Row <TR> containing the day names */
  background: #bdf;
}

.calendar thead .name { /* Cells <TD> containing the day names */
  border-bottom: 1px solid #556;
  padding: 2px;
  text-align: center;
  color: #000;
}

.calendar thead .weekend { /* How a weekend day name shows in header */
  color: #a66;
}

.calendar thead .hilite { /* How do the buttons in header appear when hover */
  background-color: #aaf;
  color: #000;
  border: 1px solid #04f;
  padding: 1px;
}

.calendar thead .active { /* Active (pressed) buttons in header */
  background-color: #77c;
  padding: 2px 0px 0px 2px;
}

/* The body part -- contains all the days in month. */

.calendar tbody .day { /* Cells <TD> containing month days dates */
  width: 2em;
  color: #456;
  text-align: right;
  padding: 2px 4px 2px 2px;
}
.calendar tbody .day.othermonth {
  font-size: 80%;
  color: #bbb;
}
.calendar tbody .day.othermonth.oweekend {
  color: #fbb;
}

.calendar table .wn {
  padding: 2px 3px 2px 2px;
  border-right: 1px solid #000;
  background: #bdf;
}

.calendar tbody .rowhilite td {
  background: #def;
}

.calendar tbody .rowhilite td.wn {
  background: #eef;
}

.calendar tbody td.hilite { /* Hovered cells <TD> */
  background: #def;
  padding: 1px 3px 1px 1px;
  border: 1px solid #bbb;
}

.calendar tbody td.active { /* Active (pressed) cells <TD> */
  background: #cde;
  padding: 2px 2px 0px 2px;
}

.calendar tbody td.selected { /* Cell showing today date */
  font-weight: bold;
  border: 1px solid #000;
  padding: 1px 3px 1px 1px;
  background: #fff;
  color: #000;
}

.calendar tbody td.weekend { /* Cells showing weekend days */
  color: #a66;
}

.calendar tbody td.today { /* Cell showing selected date */
  font-weight: bold;
  color: #00f;
}

.calendar tbody .disabled { color: #9c9a9c; }

.calendar tbody .emptycell { /* Empty cells (the best is to hide them) */
  visibility: hidden;
}

.calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */
  display: none;
}

/* The footer part -- status bar and "Close" button */

.calendar tfoot .footrow { /* The <TR> in footer (only one right now) */
  text-align: center;
  background: #556;
  color: #fff;
}

.calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */
  background: #fff;
  color: #445;
  border-top: 1px solid #556;
  padding: 1px;
}

.calendar tfoot .hilite { /* Hover style for buttons in footer */
  background: #aaf;
  border: 1px solid #04f;
  color: #000;
  padding: 1px;
}

.calendar tfoot .active { /* Active (pressed) style for buttons in footer */
  background: #77c;
  padding: 2px 0px 0px 2px;
}

/* Combo boxes (menus that display months/years for direct selection) */

.calendar .combo {
  position: absolute;
  display: none;
  top: 0px;
  left: 0px;
  width: 4em;
  cursor: default;
  border: 1px solid #655;
  background: #def;
  color: #000;
  font-size: 90%;
  z-index: 100;
}

.calendar .combo .label,
.calendar .combo .label-IEfix {
  text-align: center;
  padding: 1px;
}

.calendar .combo .label-IEfix {
  width: 4em;
}

.calendar .combo .hilite {
  background: #acf;
}

.calendar .combo .active {
  border-top: 1px solid #46a;
  border-bottom: 1px solid #46a;
  background: #eef;
  font-weight: bold;
}

.calendar td.time {
  border-top: 1px solid #000;
  padding: 1px 0px;
  text-align: center;
  background-color: #f4f0e8;
}

.calendar td.time .hour,
.calendar td.time .minute,
.calendar td.time .ampm {
  padding: 0px 3px 0px 4px;
  border: 1px solid #889;
  font-weight: bold;
  background-color: #fff;
}

.calendar td.time .ampm {
  text-align: center;
}

.calendar td.time .colon {
  padding: 0px 2px 0px 3px;
  font-weight: bold;
}

.calendar td.time span.hilite {
  border-color: #000;
  background-color: #667;
  color: #fff;
}

.calendar td.time span.active {
  border-color: #f00;
  background-color: #000;
  color: #0f0;
}

/* Sort Function ==========================================*/

table
        {
        border-left:1px solid #C1DAD7;
        font-size:1em;
        width:96%;
        border-spacing: 0px;
        empty-cells:show;
        margin:0 auto 1em auto;
        text-align:left;
        padding:0;
        }
td
        {
        vertical-align:top;
        text-align:left;
        border-right: 1px solid #C1DAD7;
        border-bottom: 1px solid #C1DAD7;
        padding:1px 2px 1px 2px;
        }
th
        {
        font-weight:bold;
        color: #4f6b72;
        border-right: 1px solid #dcdcdc;
        border-bottom: 1px solid #dcdcdc;
        border-top: 1px solid #dcdcdc;
        text-align: left;
        padding: 2px;
        height:22px !important;
        height:16px;
        vertical-align:middle;
        background:#f0f0f0 repeat-x url(images/sort/th.jpg);
        line-height:1;
        overflow:hidden;
        }
th.forwardSort
        {
        background:transparent url(images/sort/th-up-arrow.jpg) no-repeat 100% 0;
        }
th.reverseSort
        {
        background:transparent url(images/sort/th-down-arrow.jpg) no-repeat 100% 0;
        }
th.forwardSort a,
th.reverseSort a
        {
        color:#fff;
        }
th
        {
        font-size:1.2em;
        }
th a
        {
        padding:0;
        margin:0;
        text-decoration:none;
        color:#555;
        }
th a:focus
        {
        color:#a80000;
        outline:none;
        }
td a:focus
        {
        text-decoration:underline;
        outline:none;
        }
th span
        {
        color:#4f6b72;
        }

tr.alternative
        {
        background: #f5fafa;
        }
td.alternative,
td.alternative a
        {
        background: #316ac5;
        color:#fff;
        }
th.sortable,
th.sortable-text,
th.sortable-date,
th.sortable-numeric,
th.sortable-currency
        {
        cursor:pointer;
        }
td a
        {
        color:#239;
        }
th.sort-active
        {
        color:#ff0000 !important;
        }
table.halfSize
        {
        width:50%;
        }
tfoot tr
        {
        background:#efefef;
        }
/*
   Add the following to your CSS file should you wish the cursor to
   "wait" while the script is processing the sort

body.sort-active *
        {
        cursor:wait;
        }
*/