.grey                { color         : #AAAAAA;}

body				{margin			: 0px; }

a,p,td,th			{font-family	: arial,verdana;}


.bodytext			{font-family	: arial,verdana;
					font-weight		: normal;
					color			: black;
					background-color: white;
                    padding         : 10px;
					}


#box, #box1, #box2, #boxnav, #boxgrad
					{	border			: 2px solid navy; 
						background-color:#FFFFFF; 
						padding			:0px; 
						spacing			:0;
					}

#box1				{ 	border-width	: 1px; 
						spacing			: 2px; 
						vertical-align	: top;
					}

#boxnav				{ 	border			: 1px solid navy;
						background-color: #EFEFEF; 
						spacing			: 2px; 
						margin			: 0px;
						vertical-align	: top;
					}

#boxgrad			{	border-width	: 1px; 
						background-image: url(images/bgbluegradrl.gif);
						padding			: 1px; 
						vertical-align	: top;
					}


form                {   margin          : 0; }


.infoview			{	font-family		: arial,verdana,;
						font-size		: 9pt;
						background-color: #F5F5F5; /*<?=$mainbg;?>;*/
						vertical-align	: top;
					}


td.infoview			{
						width			: 66%;
						padding			: 10px;
						text-align		: left;
					}

th.infoview			{
						color			: navy; /*<?=$ccal_color_headtext;?>;*/
						text-align		: right;
						width			: 34%;
					}

.infoviewhead		{	background-color: #eeeecc; /*<?=$ccal_color_headback;?>;*/
						font-weight		: bold;
						border-bottom	: 1px solid navy;
					}



th.infoviewhead		{
						font			: bold 12pt arial,verdana,sans-serif;
						color			: navy; /*<?=$ccal_color_headtext;?>;*/<?=$ccal_color_headtext;?>;
					/*	background-imagex: url(images/buttongradient2.gif);*/
						text-align		: left;
						text-transform	: uppercase;
						padding-left	: 1em;
						padding-top		: .25em;
						width			: 25%;
						border-bottom	: 1px solid navy;					   
					}

td.infoviewhead		{	height				: 1px;}


.coordmode			{ 	background-color: #FFD700; /*<?=$ccal_color_coordinator;?>;*/
						font-weight		: bold;
					}

form.coordmode		{	display			: inline; }


a.coordmode			{	color			: black;
						text-decoration	: none;
						text-align		: right;
					}

a.coordmode:hover	{text-decoration  : underline;}


.coordbutton		{	font-family			: Arial, Helvetica, sans-serif; 
						font-size			: 12px; 
						color				: #FFD700; /* <?=$ccal_color_coordinator;?>; */
						background-color	: #F4DB9F; 
						border				: 1px solid #666666; 
						width				: 120px;
					}

table.datasection   { background-color : #FFFFFF;
						width			: 100%;
						padding			: 0px;
						spacing			: 0;
						border			: 2px solid navy; 
					}

a.button:hover		{	color			: white;
						background-color: #0000CC;
					}

.button, .buttonactive
					{ 
						font				: 10pt arial,verdana,sans-serif;
						font-weight			: bold;
						background-color	: navy; /*<?=$ccal_color_headtext;?>;*/<?=$ccal_color_headtext;?>;
						border-color		: solid gray; 
						border-width		: 1px 2px 2px 1px; 
						text-decoration		: none;
						padding				: 5px 10px 5px 10px;
						margin				: 0px;
					}



.button				{ 
						color		: #eeeecc; /*<?=$ccal_color_headback;?>;*/<?=$ccal_color_headback;?>;

					}


.buttonactive		{ 
						color		: yellow; 
					}


button.button:focus	{ 
						background-color  : white; 
					}


.buttontiny
					{ 
						font				: 8pt arial,verdana,sans-serif;
						font-weight			: normal;
						background-color	: navy; /*<?=$ccal_color_headtext;?>;*/<?=$ccal_color_headtext;?>;
						text-decoration		: none;
						padding				: 1px 1px 1px 1px;
						margin				: 0px;
                        color               : white;
					}





.msgwarn			{	color		: red;
						font		: bold 10pt;
					}





.pcountr, .pcountz
					{ 	text-align	: center;
						font		: 15pt bold arial,verdana,sans-serif;
						text-decoration : none;
                        width       : 100px;
					}

.pcountr:hover, .pcountz:hover
					{ 	
						text-decoration : underline;
						background-color: ivory;
						cursor			: pointer;
					}



.pcountr			{ color			: red;}
.pcountz			{ color			: #AAAAAA;}

.tiny				{	font		: 8pt arial; 
						text-align	: center;}

.dayblock			{	height		: 50px; 
						width		: 100px; 
						vertical-align:top; 
						background-color:white;
					}
.caldate			{
						text-align	: left;
						font		: 10pt bold;
						color		: black;
					}