/* basic style overrides */
body                                                        {   color:#fff;	}
P,TD,TH,a                                                   {   color:#fff;	}

/* misc */
.narrow                                                     {   width:50%;	}
.wide                                                       {   width:100%;	}
.left														{   float:left;	}
.right                                                      {   float:right;	}

/* page related */
.banner_title												{	width:100%; height:35px;  }
	.banner_title .title									{	float:left; width:600px; height:35px; margin-left:25px; color:<%=Color5%>; font-size:150%;  }
	.banner_title img										{	float:left; width:600px; height:35px; margin-left:25px;  }
	.banner_title .help-belt								{	float:left; width:103px; height:35px; text-align:right; vertical-align:bottom; }
	.banner_title .help-belt a								{	color:<%=Color5%>; }

/* basic form */
.form-table { border:1px solid <%=Color3%>; background:<%=Color1%>; padding:8px;}
.form-table .title { background-color:<%=Color3%>; font-weight:bold; color:<%=Color2%>; padding:5px; }
.form-table .help { color:black;}
.form-table .summary { border-top:1px solid <%=Color3%>; border-bottom:1px solid <%=Color3%>; background-color:<%=Color2%>; }
.form-table .error { text-align:center; color:red; }
.form-table .label { text-align:right; color:<%=Color2%>; white-space:nowrap; vertical-align:top;}
.form-table .field { background-color:<%=Color2%>; text-align:right; color:<%=Color3%>; white-space:nowrap; vertical-align:top;}
.form-table .required { font-weight:bold;}
.form-table .required-help { background-color:<%=Color2%>; font-weight:bold; text-align:right; color:<%=Color3%>; }
.form-table .value { vertical-align:top; color:black; }

/* message box  */
.messagebox-success { color:green; margin:0px auto; padding:10px; }
.messagebox-success h1 { font-weight:bold; margin-bottom:10px;text-transform:uppercase;text-align:center; }
.messagebox-success p { color:#000; font-weight:normal; }
.messagebox-success .buttons { text-align:right;  }
.messagebox-success .buttons input { width:80px; }

.messagebox-error { width:50%; background:#FAFAD2; color:red; border:medium double; margin:25px auto; padding:15px; }
.messagebox-error h1 {font-weight:bold; border-bottom:thin solid;margin:0px 0px 10px 0px;text-transform:uppercase;}
.messagebox-error p { color:#000; font-weight:normal; margin:0px;}
.messagebox-error .buttons { text-align:right;  }
.messagebox-error .buttons input { width:80px;}

.user-message												{	margin:5px auto; padding:10px; width:60%; background:#fff; border: 1px solid <%=Color2%>;	}
.user-message .error										{	color:red;	}
.user-message .success										{	color:green;	}

.popup-message												{	background:#fff; width:300px; border: 4px double #999; padding:10px; display:none; color:<%=Color2%>; position:absolute; left: 575px; z-index:100;	text-align:left; }
.popup-message p,
.popup-message a											{	color:<%=Color2%>; }

/* grid */
.grid                                                       {	border:1px solid <%=Color4%>; }
.grid a                                                     {	text-decoration:none;	}
.grid a:hover                                               {	text-decoration:underline;	}
.grid tr.odd-row                                            {	background:<%=Color2%>;	}
.grid tr.even-row                                           {	background:#fff;	}
.grid .header th											{	background:<%=Color3%>; color:<%=Color2%>;}
.grid td													{	padding:5px; color:<%=Color1%>;	}
.grid td .title, 
.grid td .title a											{	font-weight:bold; color:<%=Color1%>;	}
.grid td .sub-title,
.grid td .sub-title a										{	color:<%=Color1%>;	}
.grid .edit-column											{	width:40px; vertical-align: top; }
.grid td .admin-controls,
.grid td .admin-controls a									{	color:<%=Color4%>; text-align:right; padding-bottom:3px;	}

.grid.media_album                                           {	background:#fff; }

/* news grid */
.news-grid													{	background:<%=Color3%>; color:<%=Color2%>; }
.news-grid a												{	color:<%=Color2%>; text-decoration:none; }
.news-grid a:hover											{	text-decoration:underline; }
.news-grid tr.odd-row										{	background:#fff;}
.news-grid tr.even-row										{	background:<%=Color3%>; }
.news-grid .header th										{	color:#fff;}
.news-grid th												{	color:#fff;border-bottom:2px solid <%=Color2%>;border-right:1px solid <%=Color2%>;}
.news-grid th a												{	color:#fff;}
.news-grid td												{	vertical-align:top; color:<%=Color2%>; padding:5px 15px 5px 15px;}
.news-grid .admin-controls,
.news-grid .admin-controls a								{	text-align:right; }
.news-grid .title, 
.news-grid .title a											{	text-align:left; font-weight:bold;  }
.news-grid .sub-title,
.news-grid .sub-title a										{	font-weight:normal; font-size:77%;	}
.news-grid .edit-column										{	width:40px;	}
.news-grid .date-column										{	width:100px;	}
.news-grid .edit_icon										{	background:none; color:<%=Color5%>;	padding:0px; }
.news-grid tr.even-row .edit_icon							{	color:#fff;	}
.news-grid .delete_icon										{	background:none; color:<%=Color5%>;	padding:0px; }
.news-grid tr.even-row .delete_icon							{	color:#fff;	}

/* category grid */
.category-grid												{	width:100%; background:<%=Color3%>; border:none; 	}
.category-grid td											{	color:<%=Color2%>; padding:5px 5px 5px 5px;		}
.category-grid a											{	color:<%=Color2%>;	}

table.category_id											{	}
table.category_id	td										{	padding-right:10px; }

/* directory grid */
.directory-grid												{	background:<%=Color3%>; color:<%=Color2%>; border:none;}
.directory-grid .edit-column								{	width:40px;}
.directory-grid a											{	color:<%=Color2%>; text-decoration:none; }
.directory-grid a:hover										{	text-decoration:underline; }
.directory-grid tr.odd-row									{	background:<%=Color3%>;}
.directory-grid tr.even-row									{	background:#F9FFFD; }
.directory-grid .header th									{	color:#fff;}
.directory-grid th											{	color:#fff;border-bottom:2px solid <%=Color2%>;border-right:1px solid <%=Color2%>;}
.directory-grid th a										{	color:#fff;}
.directory-grid td											{	color:<%=Color2%>;padding:6px;border-right:1px solid <%=Color2%>; font-size:85%; }
.directory-grid td .admin-controls,
.directory-grid td .admin-controls a						{	color:<%=Color2%>; text-align:right;  }

/* form-table-splash */
.form-table-splash											{	border:none; margin-top:20px; }
.form-table-splash td										{	text-align:left; font-size:85%;}
.form-table-splash .title									{	background-color:#999; padding:5px; }
.form-table-splash .help									{	color:black;}
.form-table-splash .summary									{	border-top:1px solid #999; border-bottom:1px solid #999; }
.form-table-splash .error									{	text-align:center; color:red; }
.form-table-splash .label									{	text-align:right; white-space:nowrap; vertical-align:top;}
.form-table-splash .field									{	background-color:#CCC; text-align:right; white-space:nowrap; vertical-align:top;}
.form-table-splash .required								{	}
.form-table-splash .required-help							{	background-color:#CCC; text-align:right; }
.form-table-splash .value									{	vertical-align:top; color:black; }
.form-table-splash input									{	}
.form-table-splash form										{	margin:0px; }

/* form-table-splash */
ul.form-table-subnav										{	margin:0px; padding:0px; background:<%=Color2%>; list-style:none; height:25px;	}
ul.form-table-subnav .title									{	color:#fff; font-weight:bold; padding:3px 15px;	}
ul.form-table-subnav li										{	list-style:none; float:left; color:<%=Color5%>; border-right:1px solid <%=Color1%>; 	}
ul.form-table-subnav li a									{	display:block; text-decoration:none; color:<%=Color5%>; line-height:15px; padding:5px 20px 5px 20px;	}
ul.form-table-subnav li a.selected,
ul.form-table-subnav li a:hover								{	background:<%=Color4%>; color:#fff; }

/* home page events */
ul.home-events												{	margin:0px 2px 0px 4px;padding:0px; }
ul.home-events li											{	list-style:none; }
ul.home-events li a											{	display:block; text-decoration:none; color:<%=Color4%>; font-size:85%; padding:0px 0px 8px 0px; }
ul.home-events li a.selected,
ul.home-events li a:hover									{	text-decoration:underline; }

/* form */
form														{	margin:0px;	}
fieldset													{	margin:0px; padding:0px 40px 0px 115px; border:none; background:<%=Color1%>;	}
fieldset legend												{	font-size:150%; font-weight:bold; border:none; background:<%=Color1%>; color:<%=Color4%>; text-align:center;	}
fieldset label												{	font-weight:bold; 	}

fieldset p													{	font-weight:normal; padding: 5px 0px; color:<%=Color2%>;	}
fieldset a													{	color:<%=Color2%>;	}
fieldset td,
fieldset ol													{	color:<%=Color4%>; font-weight:normal; list-style-type:upper-alpha;	}

fieldset .title												{	font-size:150%; font-weight:bold; padding:10px 0px; color:<%=Color4%>;	}
fieldset .required											{	color:<%=Color2%>; 	}
fieldset .field												{	clear:both; margin-left:-75px; font-weight:bold; color:<%=Color2%>; border-top:1px solid <%=Color4%>; width:650px;}
fieldset .field label										{	padding:0px 0px 0px 0px; }
fieldset .field p											{	padding:0px 40px 0px 75px; }
fieldset .field table										{	margin-left:75px; margin-bottom: 5px; }
fieldset .sub-label											{	font-size:85%; }
fieldset .sub-label	ol										{	margin: 0px; }
fieldset .buttons											{	clear:both; padding:10px; text-align:right; }
fieldset .photo-preview										{	margin:0px 10px 10px 0px; width:100px; }

fieldset #rRecurring										{	display:none; clear:both; margin:0px 0px 10px 30px;	}

fieldset.no-padding											{ }
fieldset.no-padding											{ padding:0px 40px 0px 40px; }

/* media */
.media_container											{	margin:0px ; padding:40px 60px 40px 115px; background:#fff; color:<%=Color4%>;}
.media_container .date										{	margin:0px ; padding:0px; }
.media_container .title										{	margin:0px ; padding-top:5px; padding-bottom:5px; font-size:150%; font-weight:bold; }
.media_container .author									{	margin:0px ; padding:0px; }
.media_container p											{	color:<%=Color4%>; }
.media_container .nav										{	text-align:right;}
.media_container .image										{	text-align:center; }
.media_container hr											{	margin-top:10px; color:<%=Color5%>; background-color:<%=Color5%>;}
.media_container a											{	color:<%=Color4%>;}

.transparent												{	border:none; background:none ;color:#fff; }
.transparent .date											{	color:#fff; }
.transparent .title											{	color:#fff; }
.transparent .author										{	color:#fff; }
.transparent p												{	color:#fff; }

.image-show													{	padding:40px 40px 40px 40px; }

.image-frame												{	width:150px; color:<%=Color4%>; }
.image-frame img											{	border:1px solid <%=Color4%>;}

.media-comment												{	margin-top:10px;  width:400px;}
.media-comment h3											{	padding-left:10px;}
.media-comment textarea										{	margin-left:10px; width:100%;}
.media-comment input										{	margin-right:-16px; float:right;}
.media-comment .comment										{	padding-left:10px;padding-bottom:5px;}
.media-comment .author										{	font-weight:bold;padding-bottom:5px;}
.media-comment .controls									{	}

/* icons */
.calendar_icon												{    background:url("/layouts/1/images/icon_cal2.gif") no-repeat bottom left; display:inline; width:34px; height:22px; padding:4px 0 4px 34px;}
a.calendar_icon												{    text-decoration:none; color:<%=Color4%>; }

.delete_icon												{    background:url("/layouts/1/images/icon_delete.gif") no-repeat top left; display:inline; width:14px; height:14px; padding-left:14px;}
a.delete_icon												{    text-decoration:none; color:<%=Color4%>; }

.edit_icon													{    background:url("/layouts/1/images/icon_edit.gif") no-repeat top left; display:inline; width:14px; height:14px; padding-left:14px;}
a.edit_icon													{    text-decoration:none; color:<%=Color4%>; }

.prev_icon,
.prev_icon_disabled  {
    background:url("/layouts/1/images/icon_arrow_left.gif") no-repeat bottom left;
    display:inline;
    width:15px;
    height:18px;
    padding:2px 0 2px 15px;
}
a.prev_icon,
a.prev_icon_disabled  {
    text-decoration:none;
    color:<%=Color4%>; 
}

.prev_icon_disabled  {
    background:url("/layouts/1/images/icon_arrow_left_disabled.gif") no-repeat bottom left;
}

.next_icon,
.next_icon_disabled   {
    background:url("/layouts/1/images/icon_arrow_right.gif") no-repeat bottom left;
    display:inline;
    width:15px;
    height:18px;
    padding:2px 0 2px 15px;
}
a.next_icon,
a.next_icon_disabled   {
    text-decoration:none;
    color:<%=Color4%>; 
}

.next_icon_disabled  {
    background:url("/layouts/1/images/icon_arrow_right_disabled.gif") no-repeat bottom left;
}

.fck_icon_strip												{	width: 16px; height:16px; padding:1px 6px; margin: 3px; background:url(/common/fckeditor/editor/skins/default/fck_strip.gif) no-repeat 0px 0px;}
.fck_icon_strip.picture										{	background-position: 0px -576px; }
.fck_icon_strip.bold										{	background-position: 0px -304px; }
.fck_icon_strip.italic										{	background-position: 0px -320px; }
.fck_icon_strip.link										{	background-position: 0px -528px; }

/* calendar */
.CalContainer												{	border:none;	}
.CalEvent													{	margin-top:50px;	}

.event_container											{	margin:0px ; padding:40px 60px 40px 115px; background:#fff; color:<%=Color4%>;}
.event_container .title										{	border-bottom:1px solid <%=Color5%>; color:<%=Color5%>; margin:0px ; padding-top:5px; padding-bottom:5px;   }
.event_container h1.event									{	margin:2px 0px 5px 0px; color:#000; font-size:150%;   }
.event_container .back										{	text-align:right;}
.event_container .admin-controls							{	text-align:right;}
.event_container p											{	color:<%=Color4%>; }
.event_container a											{	color:<%=Color4%>;}

/*LETTER NAVIGATION*/
#letter_nav_container {
	margin:0px;
	padding:0px;
	background-color:#CFCFCF;
	width:100%;
	height:27px;
}
#letter_nav_container .box {
	margin:0px;
	padding:0px;
	float:left;
	text-align:center;	
}
#letter_nav_container .box a { 
	display:block;
	height:25px;
	width:26px;
	color:#333333;
	font-weight:bold;
	text-decoration:none;
	font-size:12px;
	line-height:25px; 
	background-color:#CFCFCF;
	border:1px solid #CFCFCF;
	
}
#letter_nav_container .box .selected,
#letter_nav_container .box a:hover {
	display:block;
	height:25px;
	width:26px;
	color:#fff;
	background-color:<%=Color2%>;	
	border:1px solid #a0a0a0;
}

/* recordset page navigation */
.NavPage {margin:0px;background:none;}
.NavPage a {color:#fff;}
.NavPage tr {color:<%=Color2%>;font-size:12px;line-height:18px;text-align:center;vertical-align:middle;}
.NavPage tr .Button {font-weight:bold;padding-left:5px;padding-right:5px;}
.NavPage tr .Page {border:1px solid #cdcdcd;width:24px;}
.NavPage tr .Selected {background:<%=Color2%>;color:#fff;}
.NavPage tr .Disabled {color:#999;}

/* admin */
#email-preview-list											{    display:none; position:absolute; left:400px; top:325px; z-index:100; width:350px; height:350px; border:2px solid #000; background:#fff; color:#000;}
#email-preview-list #title									{    text-align:right; height:20px; border-bottom:2px solid #000; padding:5px;}
#email-preview-list #list-data								{    overflow:scroll; width:345px; height:313px; padding-left:5px; margin-top:5px;}

#admin-homepage												{	margin:15px;}
#admin-homepage p											{	padding:0px 10px 0px 20px;}
#admin-homepage dl											{	padding:0px 10px 0px 20px;}
#admin-homepage dt											{	margin-top:10px;}
#admin-homepage dd											{	margin-top:10px;}