body {
	background: #FFFFFF;
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 17px;
	}

.body_wrapper {
	width:504px; 
	padding:30px; 
	float:left;
	clear:both;
	}

.clearBoth {
	clear:both;
	}
.keywordWrapper {
	padding:10px 0 10px 0;
	float:right;
	width:240px;
	border:1px solid black;
	}
.OR {
	width:40px;
	height:200px;
	float:left;
	background: url(images/or_circle.gif) no-repeat 7px 50px;
}
.search {
	background:#e3e6b5; 
	padding:10px; 
	margin:0 0 25px 0;
	width:473px;
	float:left;
}

.search dl {margin:0px; padding:0px; width:220px; float:left;}
.search dt {
	margin:0px;
	padding:0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #5f5c5b;
}
.search dd {margin:0px; padding:0px;}

.searchtext, .calendarSearchInput {
	padding:2px;
	border:1px solid #7f9db9; 
	color:#000000;
	}
.searchtext {
	width:175px;
	}
.calendarSearchInput {
	width:175px;
	}
.searchdrop {
	border:1px solid #7f9db9; 
	color:#000000; 
	width:175px;
	margin:0 0 10px 0;
	}

/*  calendar search */
.calendarSearch {
	padding:0px; 
	margin:0 0 25px 0;
	width:500px;
	float:left;
/*	background: url(images/or_circle.gif) no-repeat 223px 50px;*/
}
.calendar {
	float:left;
	}
.calendarSearch dl {
	float:right;
	width:220px;
	margin:0;
	padding:0;
	}

.calendarSearch dt {
	color: #9ea116;
	margin:0 0 5px 0;
	padding:0;
	font-size: 16px;
	font-weight: bold;
	display:block;
	}
.calendarSearch dd {
	float:left;
	margin:0;
	padding:0;
	}
.calendarSearch dl.calendarSearchBy {
	margin:25px 0 0 0;
	}

.calendarSearchBy dd {
	margin:0 0 10px 0px;
	}

.calendarSearch label {
	float:left;
	width:100px;
	margin:0;
	padding:0;
	}
.calendarSearchBtn {
	width:50px;
	text-align:right;
	}
.calendarSearchListing {
	margin:0 0 15px 0;
	padding:0 0 25px 0;
	border-bottom:1px solid #999999;
	float:left;
	clear:both;
	width:100%;
	}
/* calendar Detail */
.calendarDetailWrap {
	margin:0 0 15px 0;
	padding:0;
	border-bottom:1px solid #999999;
	float:left;
	clear:both;
	width:100%;
	}
.calendarDetailImage {
	float:left;
	width:150px;
	}
.calendarDetailContent {
	float:right;
	width:340px;
	}
.calendarDetailContent ul {
	margin:0;
	padding:0;
	}
.calendarDetailContent li {
	list-style:none;
	margin:0 0 10px 0;
	padding:0;
	}
.calendarDetailContent li label {
	width:100px;
	font-weight:bold;
	float:left;
	margin:0;
	padding:0;
	}
.calendarDetailFooter {
	clear:both;
	margin:0;
	padding:0;
	}
.calendarDetailFooter li {
	list-style:none;
	margin:0;
	padding:0;
	}
.calendarDetailFooter li.backToCalendar {
	float:left;
	}
.calendarDetailFooter li.signUpButton {
	float:right;
	}
	
.button1 {
	color: #fff;
	background:#9DA013;
	padding: 1px 5px;
	border: 3px double #9DA013;
	font-size: 9px;
	font-weight: bold;
	width:auto;
	overflow:visible;
	}
.button1:hover, .submit:focus {
	border: 3px double #fff;
	}
.alpha {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	color:#FF00FF;
	margin-top:10px;
	clear:both;
}
.alpha ul {margin:0px; padding:0px;}
.alpha li {
	margin:0;
	padding:0px 4px 0 0;
	list-style-image: none;
	list-style-type: none; 
	text-transform: uppercase;
	float:left;
}
.alpha li a:link, .alpha li a:visited, .alpha li a:active  {
	text-decoration:none; 
	padding:1px 3px;
	text-transform: uppercase;
}
.alpha li a:hover {background:#9DA013; padding:1px 3px;}

ul, li, ol, form {margin:0; padding:0}

h4, h5, h6 {margin:0 0 15px 0; padding:0}
p {margin:0 0 10px 0; padding:0}

A {color: #000000; }
A:link {text-decoration: underline; }
A:visited {text-decoration: underline; }
A:active {text-decoration: underline; }
A:hover {text-decoration: none; }

h1 {
	color: #9da013;
	margin:0 0 15px 0;
	font-size: 18px;
	}
h2 {
	color: #9da013;
	margin:0 0 15px 0;
	font-size: 16px;
	font-weight: bold;
	}
h3 {
	color: #9da013;
	margin:0 0 15px 0;
	padding:0 0 5px 0;
	font-size: 18px;
	border-bottom:1px solid #000;
	}
h4 { 
	color: #666;
	margin:0 0 15px 0;
	font-size: 16px;
	font-weight: bold;
	}
p {
	margin:0 0 15px 0;
	}
.footer { 
	color: #666666; 
	background-color: #b9bd9b;
	padding: 10px 0; 
	}
.footer A { color: #666666;}


/*.button2 {
	color: #000;
	background:#fcbb1c url(images/button1.jpg) repeat-x;
	padding: 0px;
	border: 1px solid #EFA803;
	font-size: 9px;
	margin:0 10px 0 0;
	width:auto;
	overflow:visible;
	}
.button2:hover, .submit:focus {
	border: 1px solid #FFFFFF;
	}*/

/*-- tables --*/
table .help { color: #006699; }
table .help A { color: #006699; }

.error {  color: #D96C00; 	font-weight: bold; }
.error A { color: #D96C00;}
.required { color: #D96C00; font-weight: bold; }

.plainlabel td label {
	font-weight: normal;
	float:none;
	display:inline;
	}
.table1Wrap {
	border:1px solid #9ea116;
	padding:1px;
	background:#ffffff;
	float: left;
}
.twoTablesLeft {
	width:240px;
	margin: 0pt 15px 0pt 0pt; 
}
.twoTablesRight {
	width:240px; 
}
.table1 {
	color: #000; 
	font-size: 12px;
	line-height: 18px;
	font-weight: normal;
	background:#f1f1f1; 
	border-collapse: collapse; /* this sets cellspacing to 0 on tables */
	width:490px;
	}
.table1 A {
	color: #9ea116;
	font-weight: bold;
	text-transform: uppercase;
}

.table1 td { 
	padding: 6px 10px; 
	vertical-align:top;
	border-top:1px solid #fff;
}
.table1 label {
	margin:4px 5px 0 0;
	float:left;
	font-weight: bold;
	width:180px;
	}

/* In the HTML, use "th" if possible. If .net does not support "th" then use "tablehead" class */
.table1 th, .table1 .tablehead {
	font-size: 11px;
	line-height: 17px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #9ea116;
	}

.table1 th, .table1 .tablehead td { text-align:left; padding: 6px 15px 6px 10px;}

.table1 th A, .table1 .tablehead A {color: #FFFFFF;}

.table1 .alt { background:#eeefcf;}

.table1 .pager { border:0px; background:#fff; }
.table1 .pager A { color: #9b5f0c;}

.table2 {
	color: #000;
	background:#FFFFFF;
	font-size: 12px;
	line-height: 18px;
	font-weight: normal;
	border-collapse: collapse;
	margin:2px 0px;
	}
.table2 A { color: #cccaca; text-decoration:none; font-weight:bold;}
.table2 a:hover { font-weight:bold; color:#9ea116; }

.table2 td { padding: 4px 15px 4px 4px;}
.table2 label {
	display:block;
	margin:6px 0 0 0;
	font-weight: bold;
	}

/* In the HTML, use "th" if possible. If .net does not support "th" then use "tablehead" class */
.table2 th, .table2 .tablehead {
	font-size: 11px;
	line-height: 17px;
	font-weight: bold;
	color: #000000;
	background-color: #FF9900;
	}

.table2 th, .table2 .tablehead td { text-align:left; padding: 4px 15px 4px 4px;}

.table2 th A, .table2 .tablehead A { color: #000000;}

.table2 .alt {
	background:#FCE8DA;
	border-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-color: #FFCC66;
}

.table2 .pager { color: #000000; background:#FFFFFF; }
.table2 .pager A { font-weight:bold; }

/* STYLES FOR  RECURRING EVENTS */
div.headerBG {
	background:#9da013 url(images/global_header_bg.gif) no-repeat left top;
	height:130px;
	}
div.RecurLinkBar {
	height:40px;
	background-color:#5E5B5A;
}
div.RecurLinkBar p{
	padding-top:10px;
}
div.RecurLinkBar a{
	font-weight:bold;
	color:#ffffff;
	margin:15px 5px 5px 5px;
}
div.RecurLinkBar a:hover {
	text-decoration:none;
}
div.tablewrapper {
	margin:10px;
}
.daysgrid dd input {
	width:60px;

}
div.daysgrid {
	background-color:#eeeeee;
	padding:5px;
	width:490px;
}
ddlExistingEvents {
	width:320px;
}


	
/* THESE TABLES ARE USED BY GLOBAL ADMIN */
table tr.headerBG {
	background:#9da013 url(images/global_header_bg.gif) no-repeat left top;
	height:130px;
	}
table tr.headerBG img {
	display:none;
	}
.tablea {
	color: #000; 
	/*border:1px solid #9da013;*/ 
	font-size: 11px;
	line-height: 13px;
	font-weight: normal;
	background:#eeefcf;
	border-collapse: collapse; /* this sets cellspacing to 0 on tables */
	}
.tablea A { color: #003C7B;}

.tablea td { padding: 4px 15px 4px 4px;}
.tablea label {
	margin:6px 0 0 0;
	float:left;
	font-weight: bold;
	width:80px;
	}

/* In the HTML, use "th" if possible. If .net does not support "th" then use "tablehead" class */
.tablea th, .tablea .tablehead {
	font-size: 11px;
	line-height: 17px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #9da013;
	}

.tablea th, .tablea .tablehead td { text-align:left; padding: 4px 15px 4px 4px;}

.tablea th A, .tablea .tablehead A {color: #FFFFFF;}

.tablea .alt { background:#e3e6b5;}

.tablea .pager { color: #9da013;}
.tablea .pager A { color: #9da013;}

/*-- table B --*/
.tableb {
	color: #000; 
	font-size: 11px;
	line-height: 13px;
	font-weight: normal;
	background:#dfdfdf; 
	border-collapse: collapse; /* this sets cellspacing to 0 on tables */
	}
.tableb A { color: #003C7B;}

.tableb td { padding: 4px 15px 4px 4px;}
.tableb label {
	margin:6px 0 0 0;
	float:left;
	font-weight: bold;
	width:80px;
	}

/* In the HTML, use "th" if possible. If .net does not support "th" then use "tablehead" class */
.tableb th, .tableb .tablehead {
	font-size: 11px;
	line-height: 17px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #5e5b5a;
	}

.tableb th, .tableb .tablehead td { text-align:left; padding: 4px 15px 4px 4px;}

.tableb th A, .tableb .tablehead A {color: #FFFFFF;}

.tableb .alt { background:#e3e6b5;}

.tableb .pager { color: #9da013;}
.tableb .pager A { color: #9da013;}

/*-- Fieldset Styles --*/

fieldset {
	font: 11px Arial, Helvetica, sans-serif;
	border: 1px solid #9da013;
	margin: 0 0 20px 0;
	padding: 10px;
	clear: both;
	width:470px;
	position:relative;
	}
	
fieldset h2 {
	position:absolute;
	left:10px;
	top:-8px;
	background:white;
	font-size: 14px;
	margin: 0;
	padding: 0 10px;
	font-weight: bold;
	}
.validate {
	float:right;
	}
.requiredDisclaimer {
	margin:20px 0 20px 0;
	}
.calendarSubmitButton {
	float:right;
	}
fieldset ul  {
	list-style:none;
	margin: 0;
	padding: 0;
	}

fieldset li {
	margin: 0 0 0 0;
	min-height:35px;
	padding: 0;
	clear:both;
	}

fieldset li label {	
	float: left;
	width: 150px;
	text-align:right;
	margin:0 8px 0 0;
	padding:0 3px 0 0;
	vertical-align: top;
	}
fieldset li.multiLine {	
	float: left;
	clear:none;
	}
fieldset li.multiLine label {	
	float: left;
	width: 45px;
	text-align:right;
	padding:0 3px 0 0;
	vertical-align: top;
	}
fieldset li.multiLine label.First {	
	width: 62px;
	}
fieldset li input {	
	float:left;
	vertical-align: top;
	}

fieldset .required {
	color: #D96C00;
	}
fieldset .help {
	clear:both;
	color:#0066FF;
	margin:0 0 0 150px;
	}
fieldset ul li .error {
	margin: 0 5px;
	background: url(images/icon_alert.png) no-repeat left top;
	height: 20px;
	width: 20px;
	text-indent: -9999em;
	}
fieldset ul li span {
	float: left;
	padding: 0 0 0 0;
	}
.alert {
	float:right;
	width:20px;
	padding:0;
	margin:0;
	display:inline;
	}

fieldset ul li span input {
	float: none;
	width: 50px;
	}

fieldset ul li span label {
	width: auto;
	display: block;
	clear: both;
	}
	
fieldset select, fieldset input {float:left;}
select {font-family:Arial, Helvetica, sans-serif; max-width:500px;}

/*-- Radio Styles --*/
fieldset ul li.radio span {
	padding: 0 5px 0 0;
	width: 130px;
	}

fieldset ul li.radio span input {
	float: left;
	width: auto;
	}

fieldset ul li.radio span label {
	float: left;
	display: inline;
	width: 100px;
	clear: none;
	}
.buttons li {
	float:left;
	padding:0 10px 0 0;
	list-style:none;
	}
	
a.lc {
	text-transform: lowercase;
}

.detail_head {
	background:#eeefcf;
	padding:5px 10px;
	font-size: 14px;
	font-weight: bold;
	color: #636363;
	margin-bottom:10px;
	text-transform: uppercase;
	clear:both;
}

.detail_head span {
	float:right;
	font-style: italic;
	font-weight: normal;
	text-transform: lowercase;
	color:#000000;
	font-size:12px;
}

.detail_head span a {color:#000; text-decoration:underline;}
.detail_head span a:hover {text-decoration:none;}

.small { font-size:10px;}

.email {background-image: url(/images/email_icon.gif); background-position:left 4px; background-repeat:no-repeat; padding: 0 0 0 15px;}

div.break {
	margin-bottom:20px;	
}
