*	{ 
   margin:0; 
   padding:0; 
}
body	{ 
   background:#DDD; 
   font-size:69%; 
   line-height:1.5em;
   font-family:verdana,helvetica,sans-serif;  
}

/* *** typography *** */

h1, h2	{ 
   margin-bottom:0.3em;
   font:bold 1.6em arial,verdana,helvetica,sans-serif; 
   letter-spacing:0.1em;
   color:#868686; 
   background:inherit;
}
h2	{ 
   font-size:1.4em;
   letter-spacing:0;
   color:#C33; 
}
p 	{ 
   margin:1em 0 1.5em; 
}
p span	{ 
   color:#C33; 
   font-weight:700; 
   margin:1em 0; 
}

/* *** main divs *** */

#wrapper	{ 
   width:600px; 
   height:auto; 
   margin:4em auto; 
   background:#FFE; 
   border:2px solid #CFCFCF;  
}
#content	{ 
   position:relative;
   width:480px; 
   height:360px;		/* for IE */
   min-height:360px;		/* std-compliant browsers */
   margin: 2em auto 4em; 
   text-align:left; 
   background:inherit; 
}
#header	{
   width:100%;
   border-bottom:2px solid #999;
   margin-bottom:1.5em;
   padding-bottom:1em;
}
   
#topbar1 { 
   position:absolute; 
   top:22px; 
}
ul	{ 
   width:auto; 
   height:1.8em; 
}
li	{ 
   float:left; 
   font-weight:700; 
   display:block; 
   margin-right:4px; 
   padding:0.2em 0; 
}
li a	{ 
   color:#FFC; 
   text-decoration:none; 
   display:inline; 
   font-size:0.9em;
   background:#268;  
   padding:0.5em 10px; 
}
li a:hover	{ 
   background:#C00; 
}
li a.current, li a.current:hover { 
   background:#36F; 
}



a.mail {
   color:#36F;
   background:inherit;
   padding:2px 6px;
   text-decoration:none; 
}
a.mail:hover {
   color:#FFC;
   background:#C00;
}


/* *** login form *** */

#login	{ 
   width:100%; 
   height:auto;
   margin:1em 0 2em; 
}
#login fieldset { 
   border:0; 
}	
#login div { 
   width:340px; 
   height:28px; 
   margin:0 0 2Joepx; 
}
#login label { 
   float:left; 
   width:90px; 
   height:19px; 
   margin-right:4px; 
   padding:2px 6px 1px 0; 
   text-align:right; 
   background:#EEE; 
}
#login input.text { 
   width:230px; 
   height:18px; 
   padding:1px 0 0 4px; 
   font-size:1em; 
   font-weight:600; 
   font-family:verdana,helvetica,sans-serif; 
   color:#C00; 
   border:1px solid #999999; 
}
#login #reset, #login #submit { 
   float:right; 
   margin-left:3px; 
   padding:2px 4px; 
   font:bold 0.9em verdana,helvetica,sans-serif; 
   color:#C33; 
}

/* *** datepicker specific styles *** */
.dpTable {
   font-size: 1em; 
   font-family: tahoma,helvetica,sans-serif; 
   background:#F6FFF6;	/* #FFFFDA; */
   text-align: center;
   border:1px solid #333; 
}
.dpTR {
}
.dpTitleTR {	
}
.dpDayTR {	
}
.dpTodayButtonTR {	
}
.dpTD { /* colour of date cell border */
   width:19px;
   height:18px;
   border:1px solid #E66; /* #ECE9D8 */
   color:#333;
}
.dpDayHighlightTD {
   border:1px solid #D00; 
   background:#D00;
}
.dpDayHighlight {
   font-weight:bold; 
   color:#FFE;
}
.dpTDHover {
   cursor:pointer; 
   color:#000; 
   border:1px solid #F00; 
   background:#FD9;
}
.dpTitleTD {
}
.dpButtonTD {
}
.dpTodayButtonTD {
}
.dpDayTD { /* days cells */
   color:#000; 
   background:#9CF;
   border:1px solid #666; 
}
.dpTitleText {
   font-size:12px; 
   font-weight:bold; 
   color:#C00;
}
.dpButton {
   font-family:verdana, helvetica, sans-serif;
   font-size:10px;
   font-weight:bold; 
   color:#C00; 
   padding:0; 
}
.dpTodayButton {
   font-family:verdana,helvetica, sans-serif;
   font-size:10px; 
   font-weight:bold; 
   color:#C00; 
   margin:4px 1px;
}