/*
This style sheet is used for calendars.

<!--- ---------------------------------------------------------------------
'Sites Style Sheet				CompuCraft Software Solutions (c) 1999-2010
'Date --- Init Reason------------------------------------------------------
'30/07/10 DB started comments
'---------------------------------------------------------------------- --->

*/

table.legend {
margin-bottom: 50px;
}

table.eventsCalendar {
	font: .7em arial;
	width: 100%;
	border-collapse: collapse;
}

table.eventsCalendar caption {
	text-transform: uppercase;
	font-weight: bold;
	font-size: 1.5em;
	font-family: "Trebuchet MS", Verdana;
	color: #440000;
	letter-spacing: .3em;
	padding: 8px 10px 6px;
	background: url(caption_bgd3.gif) left center repeat-x;
}

table.eventsCalendar td
 {
    margin:10px;
    padding:10px;
    border: 1px solid silver;
    background: url(vert_gradient2.gif) top right repeat-y;
vertical-align: top;
NO_width: 33%;
}

html > body table.eventsCalendar td div.scroll
 {
height: 350px;
overflow:auto;
}

* html table.eventsCalendar td div.scroll
 {
 height: 350px;
overflow-y:scroll;
}

table.eventsCalendar td p {
margin:5px 0;
padding:0px 3px 8px;
border-bottom: 1px solid #ddd;
margin-bottom:2px;

font-size:1.2em;
line-height:1.5em;
}

tr.months th {
	background: url(months_bgd5.gif) 0 0 repeat-x;
	height: 20px;
}

tr.months th p {
	text-transform: uppercase;
	font-weight: bold;
	font-size: 1.2em;
	color: #FFFFFF;
	margin:0;
	
	text-align:center;
}


/* icons */

table.eventsCalendar p.comweb_release {
	padding-left: 35px;
	background: url(comweb_release.gif) left top no-repeat;
}
table.eventsCalendar p.web {
	padding-left: 35px;
	background: url(web.gif) left top no-repeat;
}
table.eventsCalendar p.technical {
	padding-left: 35px;
	background: url(technical.gif) left top no-repeat;
}
table.eventsCalendar p.network {
	padding-left: 35px;
	background: url(network.gif) left top no-repeat;
}
table.eventsCalendar p.meeting {
	padding-left: 35px;
	background: url(meeting.gif) left top no-repeat;
}
table.eventsCalendar p.stop {
	padding-left: 35px;
	background:  url(stop.gif) left top no-repeat;
}
table.eventsCalendar p.award {
	padding-left: 35px;
	background:  url(award.gif) left top no-repeat;
}
table.eventsCalendar p.contract {
	padding-left: 35px;
	background:  url(contract.gif) left top no-repeat;
}
table.eventsCalendar p.query {
	padding-left: 35px;
	background:  url(query.gif) left top no-repeat;
}
table.eventsCalendar p.positive_event{
	padding-left: 35px;
	background:  url(alert_green.gif) left top no-repeat;
}
table.eventsCalendar p.neutral_event{
	padding-left: 35px;
	background:  url(alert_orange.gif) left top no-repeat;
}
table.eventsCalendar p.negative_event{
	padding-left: 35px;
	background:  url(alert_red.gif) left top no-repeat;
}
table.eventsCalendar p.test{
	padding-left: 35px;
	background:  url(test.gif) left top no-repeat;
}
table.eventsCalendar p.tick{
	padding-left: 35px;
	background:  url(tick.gif) left top no-repeat;
}
table.eventsCalendar p.time{
	padding-left: 35px;
	background:  url(time.gif) left top no-repeat;
}
table.eventsCalendar p.email{
	padding-left: 35px;
	background:  url(email.gif) left top no-repeat;
}
table.eventsCalendar p.help{
	padding-left: 35px;
	background:  url(help.gif) left top no-repeat;
}
table.eventsCalendar p.request{
	padding-left: 35px;
	background:  url(request.gif) left top no-repeat;
}
table.eventsCalendar p.priority{
	padding-left: 35px;
	background:  url(priority.gif) left top no-repeat;
}
table.eventsCalendar p.schedule{
	padding-left: 35px;
	background:  url(schedule.gif) left top no-repeat;
}
table.eventsCalendar p.training{
	padding-left: 35px;
	background:  url(training.gif) left top no-repeat;
}