body {
	font-family : "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	background : #FFFFFF ;
	color : #505458;
	margin: 0px;
}
h2 { /* This is used for "monthly view" title */ 
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	background-image :   url(images/box_left_icon.gif);
	background-repeat : no-repeat;
	background-position : left;
	padding-left : 13px;
	font-size: 18px;
	margin: 0px;
	color : #606F79;
}

p {
	font-size: 100%;
	margin: 2px 0px;
}

td {
	font-size: 11px;

}
hr {
	color : #000000;
	height: 1px;
}
.textinput {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #686868;
	border-left-style: solid;
	border-left-width: 1px;
	border-left-color: #9BAAAF;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #AABBBF;
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: #9BAAAF;
	border-right-style: solid;
	border-right-width: 1px;
	border-right-color: #9BAAAF;	
	padding-right: 3px;
	padding-left: 3px;
	background-image:   url(images/txtboxbg.gif);
}
.textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #686868;
	border-left-style: solid;
	border-left-width: 1px;
	border-left-color: #9BAAAF;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #AABBBF;
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: #9BAAAF;
	border-right-style: solid;
	border-right-width: 1px;
	border-right-color: #9BAAAF;	
	padding-right: 3px;
	padding-left: 3px;
}



.listbox {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	border: groove 1px;
}



.button {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	border: 1px solid #AABBBF;
	background-color : #FFFFFF;
	color:#404F59;
	background-image: url("images/btn_bg.gif");
	padding: 2px;
}





a {
	color: #606F79;
	text-decoration: none;
}
a:hover {
	color: #8090A3;
	text-decoration: underline;
}
.apptitle { 
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size:18px; font-weight: bold; 
}
.appdesc { 
	font-family: Arial, Helvetica, sans-serif; font-size:10px, font-weight: normal; 
}


.buttontext a {
	font-size: 9px;
	color: #606F79;
	text-decoration: none;
}
.buttontext:hover {
	color: #8090A3;
	text-decoration: underline;
}
.previousmonth, .previousday, .previousweek {

	font-size: 10px;
	color: #606F79;
	text-decoration: none;
	font-weight: bold;
	border-left: 1px solid #FFFFFF;
	border-top: 1px solid #FFFFFF;
	background-color: #d8e0e4;
	padding: 3px 10px ;
}



.previousmonth a:hover, .previousday a:hover, .previousweek a:hover {
	color: #8090A3;
	text-decoration: underline;
}

.nextmonth, .nextday, .nextweek {
	font-size: 10px;
	color: #606F79;
	text-decoration: none;
	font-weight: bold;
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	border-top: 1px solid #FFFFFF;
	background-color: #d8e0e4;
	padding: 3px 10px;
}
.nextmonth a:hover, .nextday a:hover, .nextweek a:hover {
	color: #8090A3;
	text-decoration: underline;
}
.currentmonth, .currentday, .currentweek {
	font-size: 16px;
	color: #606F79;
	text-decoration: none;
	font-weight: bold;
	border-left: 1px solid #FFFFFF;
	border-top: 1px solid #FFFFFF;
	background-color: #d8e0e4;
	padding: 3px 10px;
}



.tablev1 {

	background-color: #708088 ;
	border-top: 1px solid #95A5AD;
	border-left: 1px solid #95A5AD;
	border-right: 0px solid #62727A;
	border-bottom: 0px solid #62727A;
	margin: 0px;
	color: #E0E4E4;
	padding: 12px 2px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-decoration: none;
	text-transform: uppercase; 
	writing-mode: tb-rl; 
	layout-flow: vertical-ideographic;
	vertical-align: middle;
}

.tablev1 a {

	color : #E0E4E4;
	text-decoration: none;
}

.tablev1 a:hover {
	color : #E0E4E4;
	text-decoration: underline;
}
.searchlink {
	font-size: 10px;
	color: #606F79;
	text-decoration: underline;
	font-weight: bold;
}
.searchlink:hover {
	color: #8090A3;
	text-decoration: underline;
}

.searchdesc {
	font-size: 10px;
	color: #606F79;
}
.eventtitle {
	font-size: 10px;
	color: #606F79;
	text-decoration: none;
	font-weight: bold;
}

.eventtitle:hover {
	color: #8090A3;
	text-decoration: underline;
}
.eventdesc {
	font-size: 10px;
	color: #606F79;
}

.eventdesclarge {
	font-size: 12px;
	color: #505F69;
	line-height: 18px;
}

.cattitle, .usertitle, .grouptitle {
	font-size: 11px;
	color: #606F79;
	text-decoration: none;
	font-weight: bold;
}


.cattitle:hover, .usertitle:hover, .grouptitle:hover {
	color: #8090A3;
	text-decoration: underline;

}



.catdesc, .userdesc, .groupdesc {
	font-size: 10px;
	color: #606F79;
}



.titlehighlight {
	color: #4488BB;
	text-decoration: underline;
}



.highlight {
	color: #80A000;
	text-decoration: underline;
}



.tableh1 {
	color:#606F79;
	font-size: 11px;
	height: 26px;
	background-image:   url(images/tile_back1.gif);
	padding: 8px 12px 8px 8px;
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px solid #CED2D6;
}

.tableh2 {
	background-image:  url(images/tile_sub.gif);
	background-color: #708088 ;
	border-left: 1px solid #95A5AD;
	border-right: 0px solid #62727A;
	margin: 0px;
	color : white;
	padding: 6px 12px 6px 12px;
	font-size: 10px;
	font-weight: bold;
}

.tableb {
	background-color: #E4E8E8 ;
	padding: 6px 10px;
	border-left: 1px solid #FFFFFF;
	border-top: 1px solid #FFFFFF;
	line-height: 16px;
}



.tablec {
	background-color: #d8e0e4;
	padding: 3px 10px;
	border-left: 1px solid #FFFFFF;
	border-top: 1px solid #FFFFFF;

}


.maintable {
	border: 1px solid #99a0aa;
	margin-top: 0px;
	margin-bottom: 0px;
}



.error {
	color : Red;
	font-weight : bold;
}



.today {
	font-size: 9px;
	color: #606F79;
	font-weight: bold;
}



.atomic {
	font-size: 9px;
	margin:0 auto;
	text-align:center;
}


.legend {
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: 0.4pt;
	font-size: 11px;
}



/* Weekday Label Cells */

.caldaydigits {
	font-size: 9px;
}
.weekdaytopclr, .sundaytopclr {
	background-image:  url(images/tile_sub.gif);
	background-color: #607080 ;
	border-left: 1px solid #95A5AD;
	border-right: 0px solid #62727A;
	margin: 0px;
	color : #FFFFFF;
	padding: 6px 12px;
	font-size: 10px;
	font-weight: bold;
}
.sundaytopclr {
	background-color: #708094;
}



/* Day Cells */



.weekdayclr {
	background-color: #EEF0F0;
	color: #C0C4C8;
	font-size: 10px;
	border-left: 1px solid #FFFFFF;
	border-top: 1px solid #FFFFFF;
}
.todayclr {
	background-color: #D0E6F6;
	color: #C0C4C8;
	font-size: 10px;
	border-left: 1px solid #FFFFFF;
	border-top: 1px solid #FFFFFF;
}
.sundayemptyclr {
	background-color: #DDE0E0;
	color: #C0C4C8;
	font-size: 10px;
	border-left: 1px solid #FFFFFF;
	border-top: 1px solid #FFFFFF;
}



.weekdayemptyclr {
	background-color: #E4E8E8;
	color: #C0C4C8;
	font-size: 10px;
	border-left: 1px solid #FFFFFF;
	border-top: 1px solid #FFFFFF;
}



/* Text Editor classes */

.tdBtn {
	padding-left: 3px;
	padding-top:3px;
}

.btnOut {    
	border: 1px solid;
	border-color: #E4E8E8;
	background-color: #E4E8E8;
}

.btnOver {    
	border: 1px solid;
	border-top-color: #FFFFFF;
	border-left-color: #FFFFFF;
	border-right-color: #C0C4C4;
	border-bottom-color: #C0C4C4;
	background-color: #E4E8E8;
	cursor: hand;
}
.btnDown {    
	border: 1px solid;
	border-top-color: #C0C4C4;
	border-left-color: #C0C4C4;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	background-color: #D4D8D8;
	cursor: hand;
}
a.flatButton img {
  border: 1px solid #E4E8E8;
  border-color: #d8e0e4;
}
a.flatButton:hover img {
	border: 1px solid;
	border-top-color: #FFFFFF;
	border-left-color: #FFFFFF;
	border-right-color: #C0C4C4;
	border-bottom-color: #C0C4C4;
	background-color: #E4E8E8;
	cursor: hand;
}



/* Monthly View classes */

.eventstyle { /* this is the text for the events on each day.*/
	font-size: 10px;
	padding: 3px;
	border-bottom: 2px solid #555555;
	text-align: left;

}

.eventfull {
	margin-left: 3px;
	margin-right: 3px;
	border-top: 1px solid #D0D4D4;
	border-left: 1px solid #D0D4D4;
	border-bottom: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	background-color: #E4E8E8;
	cursor: hand;
}
.eventstart {
	margin-left: 3px;
	border-top: 1px solid #D0D4D4;
	border-left: 1px solid #D0D4D4;
	border-bottom: 1px solid #FFFFFF;
	background-color: #E4E8E8;
	cursor: hand;
}
.eventmiddle {
	border-top: 1px solid #D0D4D4;
	border-bottom: 1px solid #FFFFFF;
	background-color: #E4E8E8;
	cursor: hand;
}
.eventend {
	margin-right: 3px;
	border-top: 1px solid #D0D4D4;
	border-bottom: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	background-color: #E4E8E8;
	cursor: hand;
}
.imagecell {    
	background-color: #C8D2D8;
	padding: 8px;
}
.imagecell img {    
	border: 1px solid;
	border-top-color: #FFFFFF;
	border-left-color: #FFFFFF;
	border-right-color: #C0C6C6;
	border-bottom-color: #C0C6C6;
	cursor: hand;
}