* 
{
	padding: 0;
	margin: 0;
}
body
{
	background-color: white;
	font-size: small;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}		

div#topbar
{
	background: #4B4D5E url('../images/top_bar.jpg') repeat-x;
	height: 73px;
}
div#topbar h1
{
	padding: 18px 0 0 20px;
	font-size: 24px;
	display: block;
	color: #4b4d5e;
}

div#content
{
	background-color: #ebeff8;
	border-bottom: solid 1px #dddbdb;
	border-left: solid 1px #dddbdb;
	display: block;
}

div#maincontent p 
{
	margin: 5px 0 9px 0;
	font-family: Arial;
	font-size: 15px;
}

div#maincontent div
{
	padding: 5px;
}

div#maincontent form .formrow
{
	padding: 3px;
}
div#maincontent .validation-advice 
{
	background-color:#FF3300;
	color:#FFFFFF;
	font-weight:bold;
	margin:6px 0pt;
	padding:5px;
}

div#maincontent .calloutcontainer
{
}

div#maincontent .calloutbox
{
	float: left;
	margin: 0 0 10px 10px;
	padding: 20px 10px 0 10px ;
	border: solid 1px gray;
	overflow: auto;
	width: 170px;
	height: 120px;
	text-align: center;
	background-color: #fcfcde;
}

div#maincontent .calloutbox a
{
	color: #4e4e44;
	font-size: 14px;
	font-family: Verdana, Arial;
	font-weight: bold;
	text-decoration: underline;
}

div#maincontent tr
{
	vertical-align:top;
}


div#sidebar
{
	padding:10px;
	width: 250px; 
	float: left;
}
div#sidebar div
{
	padding: 5px;
}
div#sidebar h2
{
	color: #32598d;
	margin: 15px 0 23px 0;
	font-size: 15px;
	text-align: center;
}
div#sidebar ul
{
	list-style-type: none;
}

div#sidebar li
{
	margin-bottom: 12px;
}

div#sidebar li a
{
	color: #1f3654;
	font-weight: bold;
}

div#sidebar li p 
{
	color: #7f8389;
	font-weight: normal;
}

div#greeting
{
	padding: 0;
	border-bottom: solid 2px white;
}
div#greeting div
{
	background: transparent url('../images/mr.png') no-repeat;
	font-family: Georgia, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 21px;
	height: 150px;
	padding: 30px 0 0 288px;
}
table.tstyle_sm  {
border:1px solid #666666;
font-family:"lucida grande",verdana,sans-serif;
font-size:8pt;
}

.tstyle_sm tr td {
background:#FFFFFF none repeat scroll 0%;
padding:2px;
}

table.tstyle  {
border:1px solid #666666;
font-family:"lucida grande",verdana,sans-serif;
font-size:12pt;
}

.tstyle tr td {
background:#FFFFFF none repeat scroll 0%;
padding:3px 8px;
}

.tstyle thead td, .tstyle_sm thead td {
background-color:#DFEFFC ;
border-bottom:1px solid #999999;
color:#000000;
font-weight:bold;
}
.tstyle tbody td, .tstyle_sm tbody td {
border-left:1px solid #D9D9D9;
}
.tstyle tbody tr.even td, .tstyle_sm tbody tr.even td {
background:#EEEEEE none repeat scroll 0%;
}
.tstyle tbody tr.selected td, .tstyle_sm tbody tr.selected td {
background:#3D80DF none repeat scroll 0%;
border-bottom:1px solid #7DAAEA;
border-left:1px solid #346DBE;
color:#FFFFFF;
font-weight:bold;
}
.tstyle tbody tr.ruled td, .tstyle_sm tbody tr.ruled td {
background-color:#C6E3FF;
border-color:#3292FC;
color:#000000;
font-weight:bold;
}

.tstyle_sm tbody tr.even td.shift {
background:#8CB7D5 none repeat scroll 0%;
}

.tstyle_sm tbody tr.prev {
background:#333333 none repeat scroll 0%;
}

.tstyle_sm tbody td.shift {
background:#9DC8D6 none repeat scroll 0%;
}


#month { border-collapse: collapse; margin-left: 2em; }
#month tbody .next, #month tbody .previous { background-color:#ddd; }
#month th, #month td { border: 1px solid #000; }
#month thead { background-color:#9c9; }
#month td { width: 10em; min-height: 10em; padding: .2em; vertical-align: top; overflow: auto; }
td .day { width: auto; min-height: 9em; overflow:auto; margin-top: 0; font-size:xx-small;}
#month tbody .weekend { background-color:#ded; }
.rtop { display:block; background:#060; }
.rtop * { display: block; height: 1px; overflow: hidden; background:#fff; }
.r1{margin: 0 0 0 5px}
.r2{margin: 0 0 0 3px}
.r3{margin: 0 0 0 2px}
.r4{margin: 0 0 0 1px; height: 2px}
#month th { font: 1em bold Arial, Helvetica, sans-serif; }

.highlight{	border:solid 1px #FFFFFF;}
.highlight:hover{border:solid 1px #9DC8D6;}
.selected{background-color: #ADD8E6;border:solid 1px #9DC8D6;}

ul.menu {	list-style-type: none; }


div#maincontent div.commentbox{
background-color: #ececec;
width: 600px;
padding: 10px;
}

div#maincontent div.commentfooter{
background: url('../images/arrow.gif') 20px 0 no-repeat; /*20px 0 equals horizontal and vertical position of arrow. Adjust as desired (ie: 20px -5px).*/
padding-left: 58px;
padding-top: 1px;
margin-bottom: 2em;
font-size: 90%;
color: #4A4A4A;
}