body
{
	margin:0px; background:#FFFFFF; 
	color: #000000;
	font-size: 10px;
	font-family: Verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	text-decoration:none;
	padding: 0px;

}
/*
table
{
	border-collapse: collapse;
}
*/
tr, td, th, p, li, bull
{
	font: 10px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	padding: 0px;
}

h1,h2,h3
{
	font: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	margin-bottom:10px;margin-top:10px;padding:0px 20px 0px 20px;
}
h1 { font-size: 200%; }
h2 { font-size: 150%; }
h3 { font-size: 100%; }


hr
{
	width: 90%;
	color: #000099; text-align:center; position:relative
}
a:visited { color: blue;    text-decoration: none; font-weight : normal; }
a:link    { color: blue;    text-decoration: none; font-weight : normal; }
a:active  { color: #ff9900; text-decoration: none; font-weight : normal; }
a:hover   { color: red;     text-decoration: none; font-weight : normal; }

img.top		{ vertical-align:text-top }
img.bottom	{ vertical-align:text-bottom }
img.photo	{ border:2px outset #DADADA; padding:5px; text-align:center; }

.menu		{background-color: #ffffff; }
.menuBar	{font-size: 12px; color: #000000; height:50px; text-align:center; border: 5px dotted #EBEBFF; padding:5px; background-color: #EBEBFF; white-space: nowrap; }

.main			{ border: 5px solid #ffffff; padding:5px; background-color: #FFFFFF; width:800; }
.smallDiv	{ border: 5px solid #ffffff; padding:5px; background-color: #FFFFFF; overflow:scroll; width:600; } /* used on small planner */
.aboutStyle { border: 2px dotted #C0C0C0; padding:10px; background-color: #FFFFFF; width:700; }
.para			{ margin:5px; white-space: normal; text-align: justify; width:500; }

.copyright 
{
			font-size: 11px;
			color: #FFFFFF;
			letter-spacing: 2;
			font-weight: bold;
			background: #000099;
			padding-left: 5px;
			padding-right: 5px;
			padding-top: 5px;
			padding-bottom: 5px;
			border: 1px dotted #FFFFFF;
}

.intro { font-size:14px; padding:2px; margin:2px;}

/* pod styles */
.podStyle1		{ height:16px; border: 2px solid #CCCCFF; padding:2px; background-color: #CCCCFF; white-space: nowrap ; border-top-left-radius: 8px ; border-top-right-radius: 8px ; -moz-border-radius-topright: 8px ; -moz-border-radius-topleft: 8px }
.podBodyStyle1	{ border: 2px solid #CCCCFF; padding:5px; background-color: #EBEBFF; white-space: nowrap ; border-bottom-left-radius: 8px ; border-bottom-right-radius: 8px ; -moz-border-radius-bottomright: 8px ; -moz-border-radius-bottomleft: 8px }
.podStyle2		{ height:16px; border: 2px solid #FFEECC; padding:2px; background-color: #FFEECC; white-space: nowrap ; border-top-left-radius: 8px ; border-top-right-radius: 8px ; -moz-border-radius-topright: 8px ; -moz-border-radius-topleft: 8px }
.podBodyStyle2	{ border: 2px solid #FFEECC; padding:5px; background-color: #FFF8EB; white-space: nowrap ; border-bottom-left-radius: 8px ; border-bottom-right-radius: 8px ; -moz-border-radius-bottomright: 8px ; -moz-border-radius-bottomleft: 8px }
.podStyle3		{ height:16px; border: 2px solid #E6CCFF; padding:2px; background-color: #E6CCFF; white-space: nowrap ; border-top-left-radius: 8px ; border-top-right-radius: 8px ; -moz-border-radius-topright: 8px ; -moz-border-radius-topleft: 8px }
.podBodyStyle3	{ border: 2px solid #E6CCFF; padding:5px; background-color: #F5EBFF; white-space: nowrap ; border-bottom-left-radius: 8px ; border-bottom-right-radius: 8px ; -moz-border-radius-bottomright: 8px ; -moz-border-radius-bottomleft: 8px }
.podStyle4		{ height:16px; border: 2px solid #CCFFCC; padding:2px; background-color: #CCFFCC; white-space: nowrap ; border-top-left-radius: 8px ; border-top-right-radius: 8px ; -moz-border-radius-topright: 8px ; -moz-border-radius-topleft: 8px }
.podBodyStyle4	{ border: 2px solid #CCFFCC; padding:5px; background-color: #EBFFEB; white-space: nowrap ; border-bottom-left-radius: 8px ; border-bottom-right-radius: 8px ; -moz-border-radius-bottomright: 8px ; -moz-border-radius-bottomleft: 8px }
.podStyle5		{ height:16px; border: 2px solid #FFCCCC; padding:2px; background-color: #FFCCCC; white-space: nowrap ; border-top-left-radius: 8px ; border-top-right-radius: 8px ; -moz-border-radius-topright: 8px ; -moz-border-radius-topleft: 8px }
.podBodyStyle5	{ border: 2px solid #FFCCCC; padding:5px; background-color: #FFEBEB; white-space: nowrap ; border-bottom-left-radius: 8px ; border-bottom-right-radius: 8px ; -moz-border-radius-bottomright: 8px ; -moz-border-radius-bottomleft: 8px }
.podStyle6		{ height:16px; border: 2px solid #FFFFC; padding:2px; background-color: #FFFFCC; white-space: nowrap ; border-top-left-radius: 8px ; border-top-right-radius: 8px ; -moz-border-radius-topright: 8px ; -moz-border-radius-topleft: 8px }
.podBodyStyle6	{ border: 2px solid #FFFFCC; padding:5px; background-color: #FFFFEB; white-space: nowrap ; border-bottom-left-radius: 8px ; border-bottom-right-radius: 8px ; -moz-border-radius-bottomright: 8px ; -moz-border-radius-bottomleft: 8px }
.podBodyStyle6_clear	{ border: 2px solid #FFFFCC; padding:5px; background-color: #FFFFFF; white-space: nowrap ; border-bottom-left-radius: 8px ; border-bottom-right-radius: 8px ; -moz-border-radius-bottomright: 8px ; -moz-border-radius-bottomleft: 8px }

.podStyle1 h3, .podStyle2 h3, .podStyle3 h3, .podStyle4 h3, .podStyle5 h3, .podStyle6 h3	{ color:#666666; text-align:center; margin:0; padding:0; }

/* forms */
textarea, label, input, option, button, form, select, fieldset, legend { font-size: 9px;  padding: 2px; margin:2px; }
textarea {font-size: 12px; font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; }
legend { color: blue;  font-size: 12px; }
.error { color: red;  font-size: 32px; }

fieldset { margin-bottom: 6px; }


/* Year Planner Styles */
.mypDivStyle				{ background-color: #ffffff; border-color: #ffffff; border-style: solid; border-width: 5px;}

.mypTableStyle 			{ border-style: outset; border-width: 1px; border-collapse:separate; background-color: #e4e4e4;}
.mypTableStyle  a:link	{ text-decoration: none;               color: #000000; font-weight: none;}
.mypTableStyle  a:hover { text-decoration: underline overline; color: #000000; font-weight: bold;}

.mypTitleStyle				{ text-align: center; font-size: 14px; font-weight: none; background-color: #0000ff; color: #ffffff; border-style: outset; border-width:1px; padding: 2px}
.mypNavStyle				{ text-align: center; font-size: 14px; font-weight: none; background-color: #0000ff; color: #ffffff; border-style: outset; border-width:1px; padding: 2px}
.mypNavStyle a:link		{ color: #ffffff; text-decoration: none; border-style: none;}
.mypNavStyle a:hover		{ color: #ff3300; text-decoration: none; border-style: none;}

.mypMonthTitlesStyle		{ background-color: #0000ff; color: #ffffff; text-align: center; font-size: 10px; border-style: outset; border-width:1px; padding: 1px }
.mypDayTitlesStyle		{ background-color: #0000ff; color: #ffffff; text-align: center; font-size: 10px; border-style: outset; border-width:1px; padding: 1px }
.mypCornerStyle			{ background-color: #0000ff; color: #ffffff; text-align: center; font-size: 10px; border-style: outset; border-width:1px; padding: 1px }

.mypDayStyle 				{ background-color: #ffffff; color: #000000; text-align: center; font-size: 9px; border-style: outset; border-width:1px; padding: 1px }
.mypBlankStyle 			{ background-color: #ccccff; color: #ffffff; text-align: center; font-size: 9px; border-style: outset; border-width:1px; padding: 1px }
.mypSunHighlightStyle	{ background-color: #ffff66; color: #000000; text-align: center; font-size: 9px; border-style: outset; border-width:1px; padding: 1px }
.mypMonHighlightStyle	{ background-color: #ffff88; color: #000000; text-align: center; font-size: 9px; border-style: outset; border-width:1px; padding: 1px }
.mypTueHighlightStyle	{ background-color: #ffff99; color: #000000; text-align: center; font-size: 9px; border-style: outset; border-width:1px; padding: 1px }
.mypWedHighlightStyle	{ background-color: #ffffaa; color: #000000; text-align: center; font-size: 9px; border-style: outset; border-width:1px; padding: 1px }
.mypThuHighlightStyle	{ background-color: #ffffbb; color: #000000; text-align: center; font-size: 9px; border-style: outset; border-width:1px; padding: 1px }
.mypFriHighlightStyle	{ background-color: #ffffbb; color: #000000; text-align: center; font-size: 9px; border-style: outset; border-width:1px; padding: 1px }
.mypSatHighlightStyle	{ background-color: #ffff77; color: #000000; text-align: center; font-size: 9px; border-style: outset; border-width:1px; padding: 1px }
.mypEvent 					{ background-color: #ff33ff; color: #000000; text-align: center; font-size: 9px; border-style: outset; border-width:1px; padding: 1px }
.mypToday					{ background-color: #0000ff; color: #ffffff; text-align: center; font-size: 9px; border-style: outset; border-width:1px; padding: 1px }
	
.greenEvent 				{ background-color: #00ff00; color: #000000; text-align: center; font-size: 9px; border-style: outset; border-width:1px; padding: 1px }
.redEvent 					{ background-color: #ff0000; color: #000000; text-align: center; font-size: 9px; border-style: outset; border-width:1px; padding: 1px }
.holiday						{ background-color: #cc99ff; color: #000000; text-align: center; font-size: 9px; border-style: outset; border-width:1px; padding: 1px }
.birthday, .highlight	{ background-color: #ffffaa; color: #000000; text-align: center; font-size: 9px; border-style: outset; border-width:1px; padding: 1px }

.blank						{ background-color: #ffffff; color: #000000; text-align: left; font-size: 9px; border-style: none; border-width:1px; padding: 1px }

/* Year Planner alt ( small ) style + soften colors */
.altMypSunHighlightStyle, .altMypMonHighlightStyle, .altMypTueHighlightStyle, .altMypWedHighlightStyle, .altMypThuHighlightStyle, .altMypFriHighlightStyle, 
.altMypSatHighlightStyle		{ background-color: #ffff99; color: #000000; text-align: center; font-size: 9px; border-style: outset; border-width:1px; padding: 1px }
	
.altGreenEvent 					{ background-color: #99ff99; color: #000000; text-align: center; font-size: 9px; border-style: outset; border-width:1px; padding: 1px }
.altRedEvent 						{ background-color: #ff9999; color: #000000; text-align: center; font-size: 9px; border-style: outset; border-width:1px; padding: 1px }
.altHoliday							{ background-color: #cc99ff; color: #000000; text-align: center; font-size: 9px; border-style: outset; border-width:1px; padding: 1px }
.altBirthday, .altHighlight	{ background-color: #00ffff; color: #000000; text-align: center; font-size: 9px; border-style: outset; border-width:1px; padding: 1px }

/* list view styles */
.listViewTable { padding:2px; background-color:#CCFFCC; border-collapse: collapse; width:700}
.listViewH { padding:2px; margin:2px; border:2px groove #C0C0C0; font-size:9px; text-align:center; background-color:#AAFFAA; font-weight:bold;}
.listViewE { padding:2px; margin:2px; border:2px groove #C0C0C0; font-size:9px; text-align:center; background-color:#CCFFCC;}
.listViewO { padding:2px; margin:2px; border:2px groove #C0C0C0; font-size:9px; text-align:center; background-color:#DDFFDD;}

/* event specic table formatting */
.specificTableData	{ padding:2px; border:2px groove #C0C0C0;}
.specificTableLabel	{ padding:2px; font-weight:bold; text-align:right;}
.specificTable			{ padding:5px; border-collapse: collapse;}
.redButton				{ 	font-size: 16px;  padding: 2px; margin:2px; text-align:center; vertical-align:middle;
								background-color: #ff0000; color: #ffffff; background: url(images/buttons/red_button.gif) no-repeat;
								white-space: nowrap; border: none; height:35; width:150;
							}
.blueButton				{ 	font-size: 16px;  padding: 2px; margin:2px; text-align:center; vertical-align:middle;
								background-color: #ff0000; color: #ffffff; background: url(images/buttons/blue_button.gif) no-repeat;
								white-space: nowrap; border: none; height:35; width:150;
							}
.greenButton			{ 	font-size: 16px;  padding: 2px; margin:2px; text-align:center; vertical-align:middle;
								background-color: #ff0000; color: #ffffff; background: url(images/buttons/green_button.gif) no-repeat;
								white-space: nowrap; border: none; height:35; width:150;
							}
/* Alerts table */
.alertTableH { padding:2px; border:2px groove #C0C0C0; font-size:9px; text-align:center; background-color:#AAFFAA; font-weight:bold;}
.alertTableE { padding:2px; border:2px groove #C0C0C0; font-size:9px; text-align:center; background-color:#CCFFCC;}
.alertTableO { padding:2px; border:2px groove #C0C0C0; font-size:9px; text-align:center; background-color:#DDFFDD;}
.alertTableHighlighted { padding:2px; border:2px groove #C0C0C0; font-size:9px; text-align:center; background-color:#FFFFCC; color:blue;}
.select { border-style:inset; border-width:2px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 10px; height: 5em; overflow: auto; list-style-type:none; padding: 5px; margin:0px; }
.checkbox { width:200; height:85p; }
.alertParaStyle { padding: 5px; font-style:normal; font-variant:normal; font-weight:normal; font-size:9px; font-family:Verdana; text-align:justify }

.alertTable { padding:2px; background-color:#CCFFCC; border-collapse: collapse;}