/* Global Styles */

body {
	margin:0px;
	}
	
td {
	color:#333333;
	font-family: "Myriad Web", "Myriad Web Pro", Arial, sans-serif;
	font-size: 0.9em;
	}
	
a {
	color: #3333CC;
	text-decoration:none;
	font-weight:bold;
	}
	
a:hover {
	color: #990000;
	text-decoration:underline;
	}
	
/* ID Styles */
	
#navigation a {
	color: #333399;
	text-decoration:none;
	letter-spacing:.1em;
	font-family: arial;
	font-size: 0.8em;
	}
	
#navigation a:hover {
	color: #336699;
	text-decoration:underline;
	}

#padding {
	padding:20px 5px 20px 5px;
	}
	
#weekdays th {
	font:10px arial;
	color: #ffffff;
	letter-spacing:.2em;
	}

#calheader td {
	font-weight:bold;
	}

/* Class Styles */

.logo {
	color: #333300;
	letter-spacing:.4em;
	font-weight:bold;
	font-family: "Myriad Web", "Myriad Web Pro", Arial, sans-serif;
	font-size: 1.1em;
	}

.sidebarText {
	color: #990000;
	font-family: "Myriad Web", "Myriad Web Pro", Arial, sans-serif;
	font-size: smaller;
	}
	
.bodyText {
	font:11px arial;
	line-height:24px;
	color:#333333;
	}
	
.pageName {
	font:20px georgia;
	color: #CC3300;
	letter-spacing:.1em;
	line-height:26px;
	}
	
.subHeader {
	font:14px georgia;
	color: #669999;
	font-weight:bold;
	line-height:20px;
	letter-spacing:.1em;
	}
	
.navText {
	font:10px arial;
	color: #333300;
	letter-spacing:.1em;
	}
	
.calendarText {
	font:11px arial;
	line-height:14px;
	color:#333333;
	}
	
	
table .tbls {
	margin-top: 8px;
	margin-bottom: 8px;
	border: 1px solid #656543;
}
.tbls th {
	background-color: #E8E8E8;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #656543;
	font-size: 0.9em;
}
.tbls th.title {
	font-size: 1.2em;
	color: #333300;
	text-transform: uppercase;
}
.capsClientname {
	text-transform: uppercase;
	letter-spacing: 0.1em;
}
.red {
	color: #990000;
}
.tbls td.top {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #999999;
}
.tbls table td.labels {
	font-size: 1em;
	font-weight: bold;
	background-color: #999966;
	color: #FFFFFF;
	padding-left: 25px;
	text-transform: uppercase;
}

table td.labels {
	font-size: 1em;
	font-weight: bold;
	background-color: #999966;
	color: #FFFFFF;
	padding-left: 25px;
	text-transform: uppercase;
}

/* TOOLTIPS */

a.info{
    position:relative; /*this is the key*/
    z-index:24; background-color:#F5F5F5;
    text-decoration:none}

a.info:hover{z-index:25; background-color:#FFFF99}

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
	display:block;
	position:absolute;
	top:2em;
	left:2em;
	width:15em;
	border:1px solid #666633;
	background-color:#D2D2BD;
	color:#333333;
	text-align: left;
	font-weight: normal;
	padding: 5px;
	font-size: 0.9em;
}