/* GLOBAL STYLES */
@import url(global.css);

/* GLOBAL STYLES UNIQUE TO SUBPAGE */
.body, body				{ background: #FFF url(../_images/subpage-bg.gif) repeat-y; }
.header					{ width: 100%; }
.headermenu .login		{background:none;text-align:center;}
.contentarea			{ width: 773px; font-size: 1.3em; background: url(../_images/cosmetic/subpage-content-area-bg.jpg) no-repeat; margin: 2px 2px 0px 0px; line-height: 1.5em; float: right;}
.contentarea h1			{ height: 75px; font: normal 2.8em Georgia,'Times New Roman',Times,serif; margin: 0px; padding: 10px 0px 0px 10px; }
.contentarea h2			{ font: normal 1.8em Georgia,'Times New Roman',Times,serif; color: #324C6E; }
.contentarea .text		{ width: 750px; color: #000; padding: 10px; }
blockquote				{ width: 273px; font: normal 2.1em Georgia,'Times New Roman',Times,serif; color: #324C6E; margin: 20px; padding: 10px; border-top: 4px solid #2C4873; text-align: center; float: right; }
.footer					{ background: #E5F0FF; padding:20px 0px 20px 40px;margin-left:200px;width:750px; }
.footer .addressphone	{width:300px;}
/* SUBPAGE SIDE MENU */
.menuarea				{ width: 200px; background: #2C4873; }

.menuarea .selectedsection a, .menuarea a,
.menuarea .selectedsection a:visited ,.menuarea a:visited,
.menuarea .selectedsection a:active, .menuarea a:active		{ display: block; font-size: 1.2em; color: #FFF; padding: 5px; text-decoration: none; }
.menuarea .selectedsection a:hover, .menuarea a:hover		{ text-decoration: underline; }

.menuarea h1 			{ background: url(../_images/menu/content-area-header-bar.gif) repeat-x; font: normal 1.7em Arial,Helvetica,sans-serif; }
.menuarea h1 			{ margin: 0px 0px 10px 0px; padding: 5px 0px 5px 0px; }
.menuarea h1 a,
.menuarea h1 a:visited
.menuarea h1 a:hover
.menuarea h1 a:active	{ color: #324C6E !important; }
.menuarea .selectedsection, .unslectedsection		{ padding-bottom: 10px;}
.menuarea .unselectedsection div 					{ display: none; }
.menuarea .logo										{ margin-top: 30px; padding-top: 30px; border-top: 1px solid #5C81B3; }

/* CALENDAR 
.calendar					{ width: 100%; background: #D1E2FE; clear: left; }
.calendar tr				{ vertical-align: middle; }
.calendar th				{ background: #8BC6FF; color: #FFF; }
.calendar td				{ width: 10%; height: 100px; background: #FFF; vertical-align: top; }
.calendar td span			{ display: block; font-size: 0.8em; padding: 3px; border-bottom: 1px solid #D1E2FE; text-align: right; }
.calendar td div			{ font-size: 0.9em; }
.calendar li				{ margin: 0px; padding: 5px; }
.calendar a,
.calendar a:visited,
.calendar a:active			{ color: #004584; padding: 13px; text-decoration: none; }		
.calendar a:hover			{ color: #004584; text-decoration: underline; }

.calendar .event			{ background: #FFFFCE url(../_images/cosmetic/event-zoom.gif) no-repeat bottom right; }
.calendar .event span 		{ background: #FFF; }
.calendar .currentdate		{ background: #2C88B5; color: #FFF; }
.calendar .disabled			{ background: #F0F0F0; color: #CCC; }

.calendarheader				{ height: 50px; margin-left: 50px; clear: left;}
.calendarheader h2			{ width: 350px; height: 50px; display: block; text-align: center; float: left; }
.calendarheader a			{ width: 150px; padding: 10px; float: left; }

.calendardaydetail table			{ width: 100%; background: #D1E2FE; }
.calendardaydetail td 				{ padding: 5px; }
.calendardaydetail td.time			{ width: 100px !important; padding-top: 15px; }
.calendardaydetail .even			{ background: #F0F0F0;}
.calendardaydetail .odd				{ background: #FFF; }
.calendardaydetail .alldayevents	{ background: #D1E2FE; font-weight: bold; text-align: center; }

input.calendar				{position:absolute;top:200px;left:200px;width:100px;background:none;} */

.calendararea				{ zbackground-color: #00AEDB ; font: Verdana,Geneva,Arial,Helvetica,sans-serif;  }
.zcalendararea h1            { background-color: #007390; font: bold 175% Verdana,Geneva,Arial,Helvetica,sans-serif; padding: 5px 10px 5px 15px; color: #fff;}
.calcontainer				{ zpadding: 10px;}



.calendar					{ width: 100%; background: #D1E2FE; clear: left; margin-top:10px;}
.calendar tr				{ vertical-align: middle; }
.calendar th				{ background: #8BC6FF; color: #FFF; }
.calendar td				{ width: 10%; height: 100px; background: #FFF; vertical-align: top; color: #000; }
.calendar td span			{ display: block; font-size: 0.8em; padding: 3px; border-bottom: 1px solid #D1E2FE; text-align: right; }
.calendar td div			{ font-size: 0.9em;}
.calendar li				{ margin: 0px; padding: 5px; list-style: none !important;}
.calendar a,
.calendar a:visited,
.calendar a:active			{ color: #004584; zpadding: 13px; text-decoration: none; }		
.calendar a:hover			{ color: #004584; text-decoration: underline; }

.calendar .event			{ background: #FFF0BC url(../_images/cosmetic/event-zoom.gif) no-repeat bottom right; }
.calendar .event span 		{ background: #FFF; }
.calendar .currentdate		{ background: #2C88B5; color: #FFF; }
.calendar .disabled			{ background: #F0F0F0; color: #CCC; }

.calendar dl				{ margin: 5px; }
.calendar dd				{ font-size: .9em; margin: 0 0 5px 0; border-bottom: solid 1px #FFF; padding: 3px 0; }

.calendarheader				{ width: 100%;}
.calendarheader h2			{ width: 35%; text-align: center; float: left; }
.calendarheader a			{ width: 30%; text-align: center; color: #fff; display: block; float: left;  }

.calendardaydetail table			{ width: 100%; background: #D1E2FE; }
.calendardaydetail td 				{ padding: 5px; }
.calendardaydetail td.time			{ width: 100px !important; padding-top: 15px; }
.calendardaydetail .even			{ background: #F0F0F0;}
.calendardaydetail .odd				{ background: #FFF; }
.calendardaydetail .alldayevents	{ background: #D1E2FE; font-weight: bold; text-align: center; }

input.calendar				{position:absolute;top:200px;left:200px;width:100px;background:none;}



/* MEMBER CONTAINER */
.membercontainer table		{ width: 100%; }

 

/* EXISTING LIBRARY STYLES */
.error
{
	color: #F00;
}
.success
{
	color: #008000;
}

.login
{
	background: #FFF;
	margin: 10px;
	padding: 0px;
	font-size: 1.1em;
}
.greeting
{
	width: 178px;
	height: 165px;
	background: url(../../_images/manage/greeting-bg-box.gif) no-repeat;
	margin: 90px 3px 0px 15px;
	float: left;
	text-align: center;
}
.greeting p
{
	margin: 15px 10px 20px 10px;
}
.loginform
{
	position: relative;
	top: 85px;
	left: 22px;
	width: 383px;
	height: 105px;
	padding-top: 15px;
	overflow: hidden;
}
.loginmsg
{
	position: relative;
	top: 85px;
	left: 22px;
	width: 383px;
	height: 36px;
	margin: 0px;
	padding: 0px 0px 10px 0px;
	text-align: center;
	font-family: verdana;
	font-size: .7em;
	line-height: 12px;
}
.checkbox
{
	border: 0px;
	margin-right: 3px;
}
.labels
{
	margin-left: 5px;
	width: 140px;
	line-height: 22px;
	text-align: right;
	float: left;
}
.inputs
{
	padding-right: 10px;
	text-align: right;
	float: right;
}
.inputs input
{
	margin-bottom: 3px;
}
.button
{
	clear: both;
	border: 0px;
	position: relative;
	left: 190px;
	top: 75px;
}
.retrieve
{
	clear: both;
	border: 0px;
	position: relative;
	left: 147px;
	top: 75px;
}
.heightanchor
{
	clear: both;
}