/*

	[COLORS]
		# BODY / BASICS 
			body : #FFFBFA
			head : #040000
			foot : #14130F
			sub nav tab ( not highlighted/selected ) : #DDD
			sub nav tab ( highlighted/selected ) : #FFF
		
			# TEXT
			primary nav link : #FFF5DD
			primary nav link hover : #E6DECA
		
			primary font : #343434
			primary link : #962325
			primary link hover : #BC2C30
		
			secondary font : #777
			secondary link : #F0DF8F
			secondary link hover : #EEE
		
			alternate : #FFF
		
		# BORDERS
			primary border : #C1B8A7
		
			secondary border : #DDD
		
		# MISC
			primary highlighted backgrounds : #3F4042
		
*/


	/* =GENERIC
	----------------------------------------------------*/
	*, html, body {
		margin: 0;
		padding: 0;
	}

	body {
		font: 0.80em/1.333 "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
		background: #FFFBFA url('../images/bg_body_tile.jpg') repeat-x top left;
		letter-spacing: .075em;
		color: #343434;
	}
	
	body img { border: 0;}

	h1, h2, h3, h4, h5, h6 { letter-spacing: .17em; padding-bottom: 10px; }
	h1 {font-size: 2em;}
	h2 {font-size: 1.5em;}
	h3 {font-size: 1.33em;}
	h4 {font-size: 1.1em;}
	h5 {font-size: 1em;	}
	h6 {font-size: 0.85em;}
	p {margin: 0.33em 0 1em 0;}

	hr {
		border: 0;
		background-color: #AAA;
		height: 1px;
		margin: 6px 0;
	}

	a, a:visited {
		color: #962325;
		text-decoration: none;
	}
	a:hover {color: #BC2C30;}
	
	.alert { color: red; padding: 1em; text-align: left; background-color: #FF8; border: 1px solid; margin-bottom: 15px;}
	.warning { color: #F0DF8F; padding: 1em; background-color: #962325; border: 1px solid; margin-bottom: 15px;}
	.highlight { background-color: #F3F08E; font-weight: bold;}
	.notice, .notice-small { padding: 10px;	background-color: #ECEEC8;	border: 1px solid #E1E0A0;}
	.notice-small { padding: 4px;}
	.warning a { color:#FFFFFF; font-weight:bold; }
	
	.timecode_red,
	.timecode_orange, 
	.timecode_yellow {
		border-right: 10px solid #E87272; 
		padding-left: 5px;
	}
	
	.timecode_red { border-right: 10px solid #E87272;  padding-left: 5px;}
	.timecode_orange {border-right: 10px solid #F4C373; padding-left: 5px;}
	.timecode_yellow {border-right: 10px solid #FFFB74; padding-left: 5px;}

	
	.timecode_red {  background-color: #FFF;}
	.timecode_orange {background-color: #FFF5DD; }
	.timecode_yellow {background-color: #EEE;}
	
	.ajax_loading { height: 80px; background: url('../images/ajax-loader_grey_med.gif') no-repeat center center;}
	
	img { border: 0;}
	abbr {
		border-bottom: 1px dotted #AAA;
	}
	
	/* =STRUCTURE
	----------------------------------------------------*/
	
	#maintenance_bar {
		position: fixed;
		bottom: 0;
		width: 100%;
		background-color: red;
		border-top: 3px solid #FFF;
		z-index: 9999;
		color: #FFF;
	}
	
	#maintenance_bar .maintenance_meat {
		padding: 10px;
		text-align: center;

	}
	#maintenance_bar .maintenance_meat p {
		margin: 0;
	}
	
	body.devmode{
		margin-top:30px!important;
		background: #FFFBFA url('../images/bg_body_tile.jpg') repeat-x 0 30px;

		}
	
	#dev-bar-top {
		position: fixed;
		top: 0;
		width: 100%;
		height: 30px;
		background-color: #66ccff;
		border-top: 0 solid #80ff00;
		z-index: 9999;
		overflow:hidden;
		color: #000;
	}
	
	#dev-bar-top:hover {
		height: 100px;
	}
	
	#dev-bar-top .dev-bar-top_body {
		text-align: center;

	}
	#dev-bar-top .dev-bar-top_body p {
		margin: 0;
	}
	
	
	
	#skip { display: none; }
	#container, #footerContent {
		position:relative;
		max-width: 78em;
		margin: 0 auto;
		padding-bottom: 50px;
	}
	
	#container #headerContainer #headerContent {
		height: 220px;
		position: relative;
		background: url('../images/logo_global_legacy.jpg') no-repeat top left;
	}
	
	#container #headerContainer #headerContent h1 {
		width: 350px; padding: 0;	
	}
	
	#container #headerContainer #headerContent h1 a{ 
		text-indent: -9999px;
		display: block;
		height: 182px; 
	}
	
	#utilNav {
		position: absolute;
		top: 22px; right: 0;
		color: #F0DF8F;
		padding: 0 15px;
		height: 14px;
		text-transform: uppercase;
		text-decoration: none;
		font-size: .8em;
	}

	#utilNav a { color: #F0DF8F; }
	
	#utilNav a:hover { color: #EEE;	}
	
	#container #headerContainer #headerContent #extraOptions {
		position: absolute;
		z-index: 999; 
		display: none;
		width: 100%; 
	}
	#container #headerContainer #headerContent #extraOptions #utilNav {
		float: right;
		color: #999;
		cursor: pointer;
		padding: 0; margin: 0;
	}

	#container #headerContainer #headerContent #extraOptions #extraOptionsContent {
		background-color: #FFF;
	}

	#container #contentContainer {	}
	#container #contentContainer #content{
		overflow: hidden;
		padding-top: 20px;
	}


	/* = TOP NAVIGATION
	----------------------------------------------*/
	#container #headerContainer #navigationContainer #navigation {
/*			overflow: hidden;*/
	}
	#container #headerContainer #navigationContainer #navigation li {/* all list items */
		list-style: none;
		float: left;
		/* width: 10em; /* width needed or else Opera goes nuts */
	}

	#navigationContainer #navigation .last {
		border-right: 0;
	}
	#navigationContainer #navigation li a {
		display: block;
		color: #FFF5DD;
		padding: 7px 12px 9px 12px;
	}


	#navigationContainer #navigation li a:hover {
		background: url('../images/nav_bg_tiles_sprites.jpg') repeat-x 0 -80px;
	}
	#navigationContainer #navigation li a.selected {
		background: url('../images/nav_bg_tiles_sprites.jpg') repeat-x 0 -80px;
	}

	/* sub tier magic */

	#navigationContainer #navigation li ul li a {
		display: block;
		color: #555;
		padding: 2px 5px;
	/*	border-bottom: 1px solid #555;*/
		background:#FFF5DD;
	}
	#navigationContainer #navigation li ul li a:hover {
		background: #E6DECA;
	}

	#navigation li ul { /* second-level lists */
		position: absolute;
		background: #FFF;
		border: 1px solid #7D6F52;
		border-top: none;
		width: 15em;
		left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	}
	#navigation li ul li {
		display: block;
		border-bottom: 1px solid #E6DECA;
		width: 100%;
		font-size: .8em;
	}
	#navigation li ul ul { /* third-and-above-level lists */
		margin: -1em 0 0 15em;
	}

	#navigation li:hover ul ul, 
	#navigation li:hover ul ul ul, 
	#navigation li.sfhover ul ul, 
	#navigation li.sfhover ul ul ul {
		left: -999em;
		z-index: 9999;
	}

	#navigation li:hover ul, 
	#navigation li li:hover ul, 
	#navigation li li li:hover ul, 
	#navigation li.sfhover ul, 
	#navigation li li.sfhover ul, 
	#navigation li li li.sfhover ul { /* lists nested under hovered list items */
		left: auto;
		z-index: 9999;
	}



	/* =GENERAL FORM STRUCTURE
	----------------------------------------------------*/
	/* User */
	
	.userAccess form {
		text-align: center;
	}
	
	.loginModule {
		background-color: #FFF;
	
	}
	.loginModule p,
	.loginModule .userAccess #userContainer {
	
	}
	.userAccess form .formElement, 
	.userAccess form .formInput, 
	.userAccess form .formCheckbox,
	.userAccess form .formRadio, 
	.userAccess form .formButtons {
		overflow: hidden;
		padding-bottom: .8em;
	}

	.userAccess form label {
		display: block;
		float: left;
		width: 20%;
		text-align: right;
		padding: 2px 0;
	}
	
	.search_field input,
	.userAccess form input {
		border-collapse: collapse;
		border: 1px solid #C1B8A7;
		padding: 3px;
	}
	
	
	/* Application forms */
	
	.application .formItem {
		position: relative;
		padding: 8px;
		margin: 8px;
		border: 1px solid #DDD;
	}
	
	/* VALIDATE HIGHLIGHTING */

	input.disabled {
		border: 1px solid #F2F2F2;
		background-color: #F2F2F2;
	}

	input.required, textarea.required {
		border: 1px solid #00A8E6;
		border-collapse: collapse;
		border: 1px solid #CCC;
		padding: 5px 5px;
	}
	input.validation-failed, textarea.validation-failed {
		border: 1px solid #E87272;
		color : #E87272;
	}
	input.validation-passed, textarea.validation-passed {
		border: 1px solid #00CC00;
		color : #000;
	}

	.validation-advice {
		margin: 5px 0;
		padding: 5px;
		background-color: #E87272;
		color : #FFF;
		font-weight: bold;
	}

	.custom-advice {
		margin: 5px 0;
		padding: 5px;
		background-color: #F4C373;
		color : #FFF;
		font-weight: bold;
	}
	
	

	/* END HIGHLIGHTING */
	.application .formItem input[type="text"],
	.application .formItem input[type="password"],
	.application .formItem textarea {
		border-collapse: collapse;
		border: 1px solid #CCC;
		padding: 5px 5px;
	}

	.application .formItem .field {
		overflow: hidden;
		position: relative;
	}

	.application .required_field .field {
		border: 1px solid #F00;
		background-color: #FAA;	
		color: #7B001C;
		padding: 5px;
	}
		.application .required_field .required_message {
			font-weight: 700;
			color: #7B001C;
		}
	
	.application .formItem .field .fieldLabel {
		font-weight: bold;
	}
	.application .formItem .field .fieldLabel h2 {
		padding:7px 0 0 0;
		margin: 0;
		border-bottom: 1px solid #DDD;
	}
	.application .formItem .field .fieldLabel p {
		font-weight: normal;
		font-size: 90%;
		padding: 0;
		margin: 0;
	}
	
	.application .formItem .field .fieldInput {
		padding: 0 10px;
	}

	.application .progressBar {
		color: #676A71;
		padding: 5px; 
		border: 1px solid #DDD;
		background-color: #EEE;
	}
	.application .progressBar strong {
		color: #000;
		font-size: 120%;
	}
	.application .progressBar span {
		color: #1C7121;
		font-weight: bold;
	}
	.application .formSubmit {
		padding: 8px;
		margin: 10px 0 10px 0;
		text-align: right;
		background-color: #EEE;
		border: 1px solid #DDD;
	}

	
	.submitButton {
		padding:4px;
		text-transform:capitalize;
		border:1px solid #888;
		background:#FFF;
	}
	.application h2 span {
		font-weight: normal;
	}
	/* =LEFT CONTENT
	----------------------------------------------------*/
	div#leftContentContainer {
		width: 71%;
		float: left;
		overflow: hidden;
	}
	
	#leftContent ul {
		padding: 10px 0 20px 30px;
	}
	
	#leftContentContainer #leftContent, 
	#container #contentContainer #content.fullWidth {
		padding: 20px;
		margin: 0 10px;
		border: 1px solid #C1B8A7;
		background-color: #FFF;
		overflow: hidden;
	}

	#leftContentContainer #leftContent {
		/* border-bottom: 0 solid #FFF; */  
	}
	
	#leftContentContainer #leftContent .leftContentFooter {
		background: url('') no-repeat top left;
	}
	
	#leftContent #usersHomePageProfile, #leftContent #modBoxs {
		overflow: hidden;
	}
	
	#leftContent #usersHomePageProfile .usersProfileImage,
	#leftContent #usersHomePageProfile .usersProfileOptions {
		float: left;
	}
	
	#leftContent #usersHomePageProfile .usersProfileOptions ul li {
		list-style: none;
	}
	
	#leftContent #usersHomePageProfile .usersProfileOptions {
		margin-left: 15px;
	}

	#container #contentContainer #content #leftContent .module {
		width:31.3%;
		float: left;
	}
	
	#container #contentContainer #content #leftContent .module h3 {
		background-color: #DDD;
		padding: 5px;
		border-bottom: 1px solid #AAA;
	}

	/* = Events Listing
	----------------------------------------------*/
#container #contentContainer #content #leftContent dl {
	line-height: 1.5em
}


	#container #contentContainer #content #leftContent .listing {

	}
	#container #contentContainer #content #leftContent .listing dl dt {


	}
	#container #contentContainer #content #leftContent .listing dl dd {
		padding-bottom: 10px;
		margin-bottom: 20px;
		border-bottom: 1px solid #DDD;
	}
	#container #contentContainer #content #leftContent .peopleListing dl dd {
		border: none;
		padding: 0;
		margin-bottom: 5px;
	}
	#container #contentContainer #content #leftContent .listing dl dd span {
		font-size: 80%;
	}
	#container #contentContainer #content #leftContent .listing dl dt span {
		font-size: 80%;
	}
	/* =RIGHT CONTENT
	----------------------------------------------------*/
	#rightContentContainer {
		width: 28%;
		float: right;
	}

	#container #contentContainer #content #rightContentContainer #rightContent {
		background: url('../images/bg_sidebar_gradient.jpg') repeat-x top;
		border: 1px solid #C1B8A7;
		padding: 2px;
	}

	/* FORM LOGIN on RIGHT BAR */
	#rightContentContainer #rightContent .userAccess,
	#rightContentContainer #rightContent  .loginModule {
		background-color:#FFF;
		background-image:url('../images/bg_user_login.jpg');
		background-repeat:repeat-x;
		background-position:bottom;
	}
	#rightContentContainer #rightContent  .loginModule ul {
		list-style: none;
	}

	.loginModule ul li {
		padding:0;
	}	
	#rightContentContainer #rightContent  .loginModule ul li a {
		font-size:.9em;
		text-align: left;
	}
	#rightContentContainer #rightContent .userAccess #userContainer {
		/*display: none;*/
	}
		#rightContentContainer #rightContent .userAccess p strong {
		
			height: 16px;
			display: block;
		}
	#rightContentContainer #rightContent .userAccess,
	#rightContentContainer #rightContent .userAccess #userContainer {
		display: block;
	  background-color: #FFF;
	}
	
	#rightContentContainer #rightContent .userAccess {
		/*background-color: #E8CF4A;*/

		padding: 10px 10px 0 10px;
		color: #333;
	}

	#rightContent .userAccess form .formCheckbox, #rightContent .userAccess form  {
				font-size: 80%;
	}
	#rightContent .userAccess form .formElement label, 
	#rightContent .userAccess form .formElement input {
	}
	#rightContent .userAccess form .formInput label {
	}
	#rightContent .userAccess form .formInput input {
		padding: 1px;
		margin-left: 8px;
		width: 70%;
		float: right;
	}
	#rightContent .userAccess form .formButtons #userSignIn {
		font-size: 90%; width: 100%;

	}
	#rightContent .userAccess form .formButtons #userSignIn {
		background-color: #FFF;
		color: #333;
		font-weight: 700;
		padding: 5px;
		font-size: 120%;
		cursor: pointer;
		width: 72%;
		
	}
	#rightContent .userAccess form .formButtons #userSignIn:hover {
		background-color: #962325;
		border: 1px solid #DDD;
		color: #FFF;
	}

	/* END FORM LOGIN */
	#rightContentContainer #rightContent .module p {
		padding: 10px;
		text-align: center;
		margin: 0;
	}
	#rightContentContainer #rightContent .module hr {
		background-color: #DDD;
	}
	#rightContentContainer #rightContent .module h4 {
		/*background-color: #727068;*/
		background-color: #3F4042;
		/*background-color: #5C1310;*/
		/*background: url('../images/bg_up_gradient_modules.jpg') repeat-x bottom;*/
		/*//filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='images/chapela.png');*/	  
		color: #FFF;
		padding: 2px 0 2px 12px;
		font-weight: normal;
	}
	
	#rightContentContainer #rightContent .module h4 a {
		color:#FCE22B;
	}

	#rightContentContainer #rightContent .module dl,
	#rightContentContainer #rightContent .module ul {
		padding: 5px 10px 5px 10px;
		margin-bottom: 5px;
		border-bottom: 1px solid #DDD;
	}
	#rightContentContainer #rightContent .module ul li, 
	#rightContentContainer #rightContent .module dl dd {
		list-style: none;
		padding-bottom: 10px;
	}
	#rightContentContainer #rightContent .module dl dd {
		color: #777;
	}
	#rightContentContainer #rightContent .module dl dt {
		padding-bottom: 5px;
	}
	#rightContentContainer #rightContent .module dl dt span, 
	#rightContentContainer #rightContent .module ul li span,
	#rightContentContainer #rightContent .module dl dd {
		font-size: 80%;
	}
	

	
	/* =FULL WIDTH CONTENT
	----------------------------------------------------*/
	#container #contentContainer #content.fullWidth {

	}
	
	
	/* = user profile basic layout
	----------------------------------------------*/
	
	#userProfile,
	#userProfile .profile {
		overflow: hidden;
	}
	#userProfile .userImage {
		width:38%;
		float: left;
		margin-right: 3%;
/*		background-color: #000;*/
	}
	
	#userProfile.listing .userImage{
		width: 18%;
	}
	#userProfile .userImage img {
			padding: 3px;
			margin: 3px;
			border: 1px solid #DDD;
	}
	#userProfile .userImage p {
		text-align: right;
	}
	#userProfile .userImage .standardList li {
		padding: 0 5px;
		
	}
	#userProfile .userDetails {
		width: 58%;
		float: right;
	}
	#userProfile .profile .userProfileData {
		padding-top: 10px;
	}
	#userProfile .userDetails h4 span{
		font-weight: 500;
		color: #555;
		font-size: 90%;
	}
	#userProfile .userDetails,
	#userProfile .standardList,
	#userProfile .standardList li {
		overflow: hidden;
		display: block;
		list-style: none;
		margin: 0;
		padding: 0;
	}
	
	#userProfile .standardList li {
		border-bottom: 1px solid #DDD;
		position: relative;
	}
	#userProfile .standardList li .lf,
	#userProfile .standardList li .rt {
		display: block;
		float: left;
		padding: 3px 0 0 10px
	}


	#userProfile .standardList li .lf {
		width: 30%;
		font-weight: 700;
		text-align: right;
		font-size: 10px;
	}
	#userProfile .standardList li span.edit_button {
		position: absolute;
		top: 2px; 
		right: 5px;
		background-color: #FFF;
	}
	#userProfile .moreDetails {
		clear: both;
		padding: 20px 0;
	}
	
	/* = REGISTER.php
	----------------------------------------------*/
	
	#progressBar .bar {
		overflow: hidden;
		padding: 2px; 
		margin: 2px;
		border: 1px solid #DDD;
				list-style: none;
				background-color: #EEE;
	}
	#progressBar .bar li {
		float: left;

	}
	#progressBar .bar li a {
		display: block;
		padding: 3px 5px;
		color: #8C8C8C;
		text-decoration: none;
		text-align: center;
		font-size: 80%;
	}
	#progressBar .bar .current a {
		background-color: #DEC441;
		color: #333;
	}
	#progressBar #percentage-complete {
		position: relative;
		padding: 2px;
		margin: 2px;
		border: 1px solid #DDD;
		background-color: #E6E5E5;
	}

	#progressBar #percentage-complete div {
		height: 7px;
		width: 70%;
		background-color: #5F0D14;
		color: #333;
	}
	#progressBar p {
		text-align: right;
		padding: 0;
		margin: 0;
	}
	#percent-bar {
		background-color: #000;
		height: 20px;
	}
	
	
	/* =FOOTER
	----------------------------------------------------*/

	#footerContainer {
		color: #FFF;
		background: #14130F url('../images/footer_bg_top_gradient.jpg') repeat-x top;

	}
	#footerContent {
		padding: 20px 20px 120px 20px;

	}
	#footerContent .footerNav ul {
		overflow: hidden;
		padding-bottom: 20px;
	}
	#footerContent .footerNav ul li {
		display: inline;
		list-style: none;
		padding-right: 8px;
		margin-right: 8px;
		border-right: 1px solid #C1B8A7;
	}
	#footerContent .footerNav ul .last {
		border: 0 solid #000;
	}
	#footerContent .footerNav ul li a {
	}

	#footerContent .footerLeft,
	#footerContent .footerRight,
	#footerContent .footerNav ul {
		font-size: .8em;
	}
	#footerContent .footerLeft{
		width: 40%;
		float: left;
	}
	#footerContent .footerRight {
		width: 40%;
		float: right;
		text-align: right;
	}

	/* =SHARED
	----------------------------------------------------*/

	#container #contentContainer #content .content {
		padding: 10px;
		margin-bottom: 10px;
	}

	/* Win IE 6- bug workarounds
	----------------------------------------------------*/


	

	.error {
		background:#CC0000;
		padding:2px;
		color:#FFF;
	}

	#pageAlert {
		background:#FFF;
		padding:10px;
		margin:10px;
		border: 1px solid #AAA;
		margin-bottom:0;
	}

	#pageError {
		background:#CC0000;
		color:#FFF;
		padding:10px;
		margin:10px;
		border: 1px solid #AAA;
		margin-bottom:0;
	}

	.buttonLink {
		padding:1px;
		background:#E6EDF5;
		/*border:1px solid #0097D4;	*/
	}

	.buttonLink:hover {
		/*border:1px solid #005A9C;	*/
		/*border:1px solid #0097D4;	*/
	}
	
	
	div.btn_start_now {
		float: right;
	}
	div.btn_start_now a {
		display: block;
		width: 183px;
		height: 57px;
		text-indent: -9999px;
		background: url('../images/btn_sprite_start_now.jpg') no-repeat left 0;
	}
	div.btn_start_now a:hover {
		background-position: left -57px;
	}



.commentBox .commentText {
	color:#111;
}

.commentBox .commentDetails {
	font-size:.8em;
	color:#333;
	display:block;
	text-align:left;
}

.commentBox {
	margin:8px 0 3px 0;
}




/* =========================== */
/* = Chris added login image = */
/* =========================== */

#loginModule .userImage img {
	padding: 1px;
	margin: 1px;
	border: 1px solid #DDD;
}


/* = CALENDAR
----------------------------------------------*/
/* Calendar: a Javascript class for Mootools that adds accessible and unobtrusive date pickers to your form elements <http://electricprism.com/aeron/calendar> */
/* Default CSS for Calendar (navigation: 1), Copyright (c) 2007 Aeron Glemann <http://electricprism.com/aeron> */

.hidden {
	opacity: 0;
	position: absolute;
}
.visible {
	opacity: 1;
}


input.calendar,
select.calendar {
	width: 99px;
}

button.calendar {
	background: url(../images/calendar-icon.gif);
	border: 0;
	cursor: pointer;
	float: left;
	height: 20px;
	margin-right: 6px;
	width: 20px;
}
button.calendar:hover,
button.calendar.active {
	background-position: 0 20px;
}

div.calendar {
	background: url(../images/calendar.png);
	height: 195px;
	padding: 0 6px;
	text-align: center;
	width: 147px;
}	
	div.calendar * {
		margin: 0;
		padding: 0;
	}	
	div.calendar div {
		background: none !important;
		cursor: move;
		height: 185px;
		overflow: hidden;
		padding-top: 10px;
		position: relative;
		width: 147px;
	}	
	
	div.calendar caption {
		color: #333;
		font: normal 12px/16px Arial, Helvetica, sans-serif;
		padding-top: 6px;
		text-align: center;
		width: 100%;
	}
	div.calendar caption a {
		cursor: pointer;
		display: block;
		height: 12px;
		overflow: hidden;
		position: absolute;
		text-indent: -100px;
		top: 17px;
		width: 11px;
	}
	div.calendar caption a.prev {
		background-image: url(../images/calendar-prev.gif);
		left: 0;
	}
	div.calendar caption a.next {
		background-image: url(../images/calendar-next.gif);
		right: 0;
	}
	div.calendar caption a:hover {
		background-position: 0 12px;
	}
	div.calendar caption span {
		height: 25px;
		position: relative;
		text-align: center;
	}
	div.calendar caption span.month {
		padding-right: 8px;
	}
	div.calendar caption span.month:after {
		content: ',';
	}

	div.calendar table {
		background: #FFF;
		border: 0;
		border-collapse: collapse;
		border-spacing: 0;
		cursor: default;
		margin: 0 auto;
		overflow: hidden;
		width: 147px;
	}
	div.calendar td,
	div.calendar th {
		border: 0;
		color: #0597DB;
		font: normal 12px Arial, Helvetica, sans-serif;
		height: 21px;
		text-align: center;
		width: 21px;
	}
	div.calendar td {
		background: url(../images/calendar-td.gif);
		color: #FFF;
		font-size: 11px;
	}
	div.calendar td.invalid {
		color: #999;
	}
	div.calendar td.valid {
		background: url(../images/calendar-valid.gif);
		color: #0597DB;
		cursor: pointer;
	}
	div.calendar td.hilite {
		background: url(../images/calendar-hilite.gif);
	}
	div.calendar td.inactive {
		background: url(../images/calendar-td.gif) 0 100%;
		color: #FFF;
	}
	div.calendar td.active,
	div.calendar td.hover {
		background: url(../images/calendar-valid.gif) 0 100%;
		color: #FFF;
		cursor: pointer;
	}
	
	.submit {
		text-transform:lowercase;
		font-size:.85em;
	padding:2px;
	border:1px solid #AAA;	
	}

	.application .formSubmit .submit{
		top:5px;
		float:right;
		margin-left:5px;
		padding:4px;
		vertical-align:top;
		background:#FFF;
	}
	
	.tabnav{
		padding: 0 0 0 10px;
		
	}
	.tabnav ul {
		overflow: hidden;
		list-style: none;
	}
	.tabnav ul li {
		float: left;
	}
	
	.tabnav ul li a, .tabnav ul li span {
		display: block;
		padding: 5px;
		border-top: 1px solid #C1B8A7;
		border-left: 1px solid #C1B8A7;
		border-right: 1px solid #C1B8A7;
		margin-right: 2px;
		background-color: #DDD;
	}
	.tabnav ul li a.selected,
	.tabnav ul li a:hover {
		background-color: #FFF;
	}
	.tabnav ul li span, .tabnav ul .selected a {
		background-color: #FFF;
		color: #333;
	}
	.searchHead {
		float:right;
		width:300px;
		text-align:right;
	}
	
	
	.listing .list_item {
		border-bottom: 1px solid #EAE7E1;
		padding: 3px 0 0 0;
	}

	.listing .admin_comment {
		background-color: #EAE7E1;
		padding: 3px 10px 3px 30px;
	}

	.listing .featured_comment {
		background-color: #333333;
		color:#FFF;
		padding: 3px 10px 3px 30px;
	}
	
	.listing .list_item, .listing .adminComment, .listing .featuredComment {
		margin:2px;
		border-bottom: 1px solid #DBDEDD;
		
	}

	.listing .list_item p span {
		display: block;
		padding-top: 5px;
		color: #777;
		font-size: 80%;
	}
	
	.clear {
		clear:both;
	}
	
	.listing .list_item p span.blogTeaser {
		font-size:.8em;
		color:#333;
	}
	
	.labelSubTitle {
		font-weight:normal;
		font-size:.9em;
	}
	
	.blogEditLink {
		font-size:.7em;
	}
	
	ul#pagination {
		padding:0;
		margin:0 0 5px 0;
		float:right;
	}
	
	#pagination li {
		display:inline;
		list-style-type:none;
		padding:0 2px 0 2px;
		margin:0 2px 0 0;
	}
	
	#pagination li.title {
		border:0;
	}
	

	.listingCount {
		font-size:.85em;
	}

	.messagingList, .messagingDetail {
		border-collapse: collapse;
		width: 100%;
		text-align: center;
	}
	table.messagingList .col1 {width: 7%;	}
	table.messagingList .col2 {width: 20%; }
	table.messagingList .col3 {width: 50%; }
	table.messagingList .col4 {width: 23%; }
	
	table.messagingList tr .message_status {
		text-align: center;
	}
	table.messagingList tr .message_from {
		text-align: center;
	}
	table.messagingList tr .message_subject {
		text-align: left;
	}
	.messagingList th {
		background:#221D19;
		color:#FEFAF1;
		padding:4px;
	}

	.messagingDetail td, .messagingList td {
		border:1px solid #DCD1BB;
		padding:3px;
		font-size:.8em;
	}
	
	.messagingList tr:hover {
		background:#EEE;
	}
	
	
	.messagingList .message_new td {
		font-weight:bold;
		background:#F4E7BD;
	}
	
	.messagingList .Replied td {
		color:#C0AD8C;
	}
	
	
	.messageCount {
		font-size:.8em;
		text-align:right;
		margin-bottom:5px;
	}
	
	#mark_as_new, #mark_as_deleted, #reply, #mark_as_saved {
		display:inline;
	}
	
	.messagesUnread {
		font-weight:bold;
		color:#000;
	}
	
	.rememberMeName {
		text-align:left;
		margin-bottom:5px;
		font-size:1.1em;
	}
	
	.rememberMeName a {
		font-size:.8em;
		display:block;
		text-align:right;
	}
	
	#communityOptions h3 {
/*		text-decoration:underline;*/
/*		text-align:right;*/
		text-align:left;
/*		text-align:center;*/
	}
	

	#masqueradeAs {
		position: absolute;
		top: 92px; right: 0;
	}
	
	#messagingMessage {
		border:1px solid #AAA;
		padding:10px;
	}
	/* Org List*/
	
	.orgList .zebra_on {
		background-color: #EEE;
	}
	.orgList .zebra_off {
		background-color: #FFF;
	}
	.orgList .list_item {
		/*padding: 5px;*/
		position: relative;
	}
	.orgList .list_item .title {
		border-bottom: 1px solid #DDD;
	}
	.orgList .list_item .details,
	.orgList .list_item span {
		font-size: 90%;
	}
	.orgList .list_item .util {
		overflow: hidden;
/*		padding: 3px 0;*/
/*		border-bottom: 1px solid #DDD;*/
		font-size: 80%;
		position: absolute;
		top:0;
		right: 0;
/*		text-align: right;*/
	}
	.orgList .list_item .util .show_details {
/*		padding-top: 2px;*/
	}
	.orgList .list_item .details {
		overflow: hidden;
	}
	
	.orgList .list_item .details dl {
		overflow: hidden;
		display: block;
		padding: 0;
		margin: 5px;
	}
	
	.orgList .list_item .details dl dt {
		width: 20%;
		float: left;
		color: #777;
		text-align: right;
/*		font-weight: bold;*/
	}
	.orgList .list_item .details dl dd {
		float: left;
		width: 70%;
		margin: 0;
		padding-left: 5px;
	}
	.orgList .list_item .details dl dd p {
		margin: 0;
		padding-bottom: 10px;
	}
	.orgList .list_item {
		margin-bottom: 10px;
	}
	
	
	/* Tool tips for mootools*/
	.tool-tip {
		color: #fff;
		width: 139px;
		text-align: center;
		z-index: 13000;
	}

	.tool-title {
		font-weight: bold;
		font-size: 11px;
		margin: 0;
		color: #9FD4FF;
		padding: 8px 8px 4px;
		background: url(../images/bubble.png) top left;
	}

	.tool-text {
		font-size: 11px;
		padding: 4px 8px 8px;
		background: url(../images/bubble.png) bottom right;
	}

	.custom-tip {
		color: #000;
		width: 130px;
		z-index: 13000;
	}

	.custom-title {
		font-weight: bold;
		font-size: 11px;
		margin: 0;
		color: #3E4F14;
		padding: 8px 8px 4px;
		background: #C3DF7D;
		border-bottom: 1px solid #B5CF74;
	}

	.custom-text {
		font-size: 11px;
		padding: 4px 8px 8px;
		background: #CFDFA7;
	}
	
						
	.listing_of_orgs label {
		display: block;
		position: relative;
		overflow: hidden;
		font-size: 90%;
		
		padding: 3px;
		border-bottom: 1px solid #EEE;
		
	}
	.listing_of_orgs label:hover {
		background-color: #E2F3F8;
	}
	.listing_of_orgs input {
		float: left;
		padding: 0;
		margin: 0;
		width: 20px;
		vertical-align: middle;
		
	}
	.listing_of_orgs .org_display_info {
		display: block;
		float: left;
		padding-left: 10px;
		width: 90%;
	}
	.listing_of_orgs {
		width: 100%;
		overflow: auto;
		height: 300px;
		padding: 5px 0;
		margin: 5px 0;
		border: 1px solid #AAA;
	}
	
	.pagination ul {
		list-style: none;
		text-align: center;
		
	}
	
	.pagination ul li {
		width: 30px;
		height: 20px;
		padding-bottom: 10px;
	}

	/* inline block fix */
	.pagination ul li { 
		display:-moz-inline-box; -moz-box-orient:vertical;
	  display:inline-block; vertical-align:top; word-wrap:break-word; 
	}
  * html .pagination ul li { display:inline; }
  * + html .pagination ul li { display:inline; }
  .pagination ul li > * { display:table; table-layout:fixed; overflow:hidden; }
	
	.pagination ul li a {
		display:block;
		padding: 3px;
		border: 1px solid #DDD;
	}
	
	.pagination ul li.selected a,
	.pagination ul li a:hover {
		background-color: #FFFB74;
	}

							
	.rateBlog {
		float:right;
		width:200px;
		background:#333;
		font-size:.8em;
		color:#FFF;
		border:1px solid #AAA;
		text-align:center;
	}
	
	.rateBlog h4 {
		margin:0;
		padding:0;
	}

.rateBlog div {
	padding:5px;
	line-height:1.3em;
	}	
	.rateBlog input {
		font-size:.7em;
	}
	
	#contactOptions dt {
		margin-top:18px;
	}
	
	.listTable {
	border-collapse:collapse;	
	}
	
	.listTable td {
		padding:4px;
		border:1px solid #AAA;
	}

	div#rightBlogModule {
		text-align:left;
		background:#FFF;
	}
	
	#rightContentContainer #rightContent div#rightBlogModule div.list_item p {
		text-align:left;
		font-size:.9em;
	}
	
	#rightContentContainer #rightContent div#rightBlogModule span {
		display:block;
		text-align:left;
		font-size:.7em;
	}
	
	
	#loginModule a.unreadLink {
		color:#000;
		font-weight:bold;
		font-size:1.4em;
	}
	
	#utilNav a.unreadLink {
		color:#FFFF00;
		font-weight:bold;
	}
	
	#utilNav a.logoutLink {
		color:#FFF;
		font-weight:bold;
	}

	#myHome dd{
		padding-left:10px;
		font-size:.9em;
	}
	
	#myHome dt {
		margin-top:10px;
	}
	
	#myHome .lastItem {
		color:#777;
		font-size:.8em;
		
	}
	
	.new {
		vertical-align:super;
		color:#CC0000;
		text-transform:uppercase;
		font-size:.7em;
		letter-spacing:0em;
	}
	
	/* USER PROFILE LAYOUTS */

	.userProfileData {
		float: left;
		width: 370px
	}
	.userProfileData h3 {
		z-index: 0;
		font-size: 1.05em;
		border-bottom: 1px solid #DDD;
		padding: 0;
		margin: 0 10px 0 0;
		overflow: hidden;
		position: relative;
		display: block;
	}
	.profile .userProfileData {
		width: 75%
	}
	.userProfileData h3 span {
		position: absolute;
		top: 1px;
		right: 0;
		font-size: .8em;
		font-weight: 400;
	}
	dl.userInformation {
		margin-bottom: 10px;
	}
	dl.userInformation dt,
	dl.userInformation dd {
		padding-bottom: 5px;
	}
	dl.userInformation dt {
		color: #777;
		display: inline-block;
		width: 100px;
		font-size: 80%;
		vertical-align: top;
		
	}
	
	dl.userInformation dd {
		width: 225px;
		display: inline-block;
	}
	
	div#profileAboutMe p {
		margin:5px;
		font-size:90%;
		color:#111;
	}
	
	div#profileAboutMe span {
		color:#777;
		font-size:80%;
	}
	
	.modalBoxAlert {
		font-size:1.1em;
	}

	#modalbox {
/*		overflow: hidden;*/
		
	}
	div#mb_contents p {
		margin: 0;
		padding: 0;
	}
	div#mb_contents div {
		margin: 0;
		padding: 0;
	}
	div#mb_contents p {
		padding: 0 0 10px 0;
	}
	div#mb_contents .modalHeader {
		background-color: #DDD;
		padding: 0 0 10px 0;
		margin: 0;
	}
	
	#modalbox .content_left {
		width: 200px;
		float: left;
	}
	
	#modalbox .content_right {
		width: 330px;
		float: right;

	}
	#modalbox .content {
		padding: 10px;
	}
	
	.rightViewMore {
		text-align:right;
		font-size:.8em;
		padding:0 2px 3px 0;
	}

/*Moduals on home page of user home page*/
.modularBlocks {
	overflow: hidden;
}

.modularBlocks .halfBlock {
	float: left; width: 49.99%;
}

.modularBlocks .fullBlock {
	width: 100%;
}

.modularBlocks .modual .modual_meat {
	padding: 2px;
	margin: 2px;
	border: 1px solid #DDD;
}

.modularBlocks .modual .mod_title {
	padding: 5px;
	background-color: #DDD;

}
.modularBlocks .modual .mod_content {
	padding: 5px;
}
.modularBlocks .modual .mod_content p {
	color: #616161;
	line-height:1.8em;
	font-size:1.4em;
}

.modularBlocks .modual .mod_content .listing p { 
	font-size:1em;
}
.modularBlocks .modual .mod_content p span {
	
}

.mod_content p span {
	display:none;
}

/* New Messages Types */

.new_messages {
	padding-left: 28px;
	
	background: transparent url('../images/24x24/email_cropped.png') no-repeat top left;
	vertical-align: middle;
}

#leftContent .subtabnav ul {
	list-style: none;
	overflow: hidden;
}

#leftContent .subtabnav ul li {
	float: left;
}

#leftContent .subtabnav ul li a {
	display: block;
	padding: 3px;
	margin: 2px;
	border: 1px solid #EEE;
}

#leftContent .subtabnav ul .selected a,
#leftContent .subtabnav ul li a:hover {
	background-color:#EEE;
}


/*Toggle*/
#togAll {
	margin: 0;
	padding: 3px 6px;
	background-color:#3F4042;
	color: #FEF;
	display: block;
	margin-bottom: 10px;
}
#togAll:hover {
	background-color: #777;
	
}

.blogReport {
font-size:.8em;	
}

.blogReportList {
	border:1px solid #663333;
	background:#FF9999;
	padding:5px;
	font-size:.9em;
	margin-bottom:10px;
}

.blogReportList dt {
	margin-top:5px;
	font-weight:bold;
}

.blogReportList dd {
	padding-left:5px;
}

.blogReportList dd a {
	font-size:.9em;
}

.blogReportList a {
	font-size:1.1em;
}

.blogReportList dd.blogReportValue {
	margin: 1px solid #993333;
	background:#FFCCCC;
	padding:3px;
}



.admin_informationTitle {
	padding-left: 20px;
}


/* ==================================================================================================== */
/* = For External Conference Registration, you will not find any HTML on this site that uses this css = */
/* ==================================================================================================== */

.conferenceContent table td span.error {
	background:none;
	color:#990000;
}

.conferenceContent div.error, .conferenceContent .error {
	color:#990000;
	background:none;
}

.conferenceContent div#image {
	font-size:1.5em;
}

.conferenceContent table td {
	padding:2px;
}

.conferenceContent table td input {
	padding:2px;
}

.conferenceContent table.registrantTable {
	width:650px;
	overflow:hidden;
}

.registrantList {
	padding:5px; 	background:#FDFAF3; border:1px solid #C1B8A7; margin-bottom:10px; padding-bottom:5px;
}

/* = EVENT VIEW
----------------------------------------------*/
	.eventView {
		margin-bottom: 10px;
	}
	
	.eventView h3 {
		border-bottom: 3px solid #DDD;
		margin: 0 0 10px 0;
		padding: 0 0 5px 0;
	}
	
	.eventView .eventDetails dl {
		overflow: hidden;
		display: block;
		margin-bottom: 10px;
	}

	.eventView .eventDetails dl dt {
		font-weight: bold;
/*		text-align: right;*/
/*		width: 20%;*/
/*		float: left;*/
		text-transform: uppercase;
		border-bottom: 1px solid #DDD;
		margin: 0 0 5px  0;
		padding: 3px 3px 3px 3px;
		background-color: #EEE;
	}

	.eventView .eventDetails dl dd {
/*		width: 75%;*/
/*		float: left;*/
/*		margin-left: 1%;*/
	}


	
	/**
	 * Thats the basic css needed for the upload bars
	 */

	.fancyupload-queue
	{
		list-style:				none;
	}
	.fancyupload-queue li
	{
		background:				url(photo_upload.png) no-repeat 0 5px;
		padding:				5px 0 5px 22px;
	}

	.fancyupload-queue .queue-file
	{
		font-weight:			bold;
	}

	.fancyupload-queue .queue-size
	{
		color:					#aaa;
		margin-left:			1em;
		font-size:				0.9em;
	}

	.fancyupload-queue .queue-loader
	{
		position:				relative;
		margin:					3px 15px;
		font-size:				0.9em;
		background-color:		#ddd;
		color:					#fff;
		border:					1px inset #ddd;
	}
	.fancyupload-queue .queue-subloader
	{
		text-align:				center;
		position:				absolute;
		background-color:		#81B466;
		height:					100%;
		width:					0%;
		left:					0;
		top:					0;
	}

	.fancyupload-queue .input-delete
	{
		width:					16px;
		height:					16px;
		background:				url(delete.png) no-repeat 0 0;
		text-decoration:		none;
		border:					none;
		float:					right;
	}
	
	#imageEditing {
		position: relative;
		
	}
	.update {
		position: absolute;
		top: 0;
		right: 0;
	}
	#imageEditing .directions {
		width: 60%;
		
	}
	#imageEditing .cropapp {
		display: none;
	}
	
	/*Users Icon sets*/
	
	p .userIcons {
		cursor: pointer;
		padding-left: 38px;
		display: block;
		margin-bottom: 3px;
	}
	
	.userIcons span {
		color: #777;
	}
	
	.users_faq {background: url('../images/32x32/info.png') no-repeat center left;	}
	.users_users {background: url('../images/32x32/vacancy.png') no-repeat center left;	}
	.users_churches {background: url('../images/32x32/search.png') no-repeat center left;	}
	.users_messages {background: url('../images/32x32/email.png') no-repeat center left;	}
	.users_form {background: url('../images/32x32/forms.png') no-repeat center left;	}
	.users_post_events {background: url('../images/32x32/calendar_add.png') no-repeat center left;	}
	.users_view_events {background: url('../images/32x32/calendar.png') no-repeat center left;	}
	.users_post_blog {background: url('../images/32x32/message_add.png') no-repeat center left;	}

	.users_view_listing {background: url('../images/32x32/folder.png') no-repeat center left;	}
	.users_view_leadership {background: url('../images/32x32/leadership.gif') no-repeat center left;	}
	
	.users_view_testimonies {background: url('../images/32x32/messenger.png') no-repeat center left;	}
	.users_view_prayer_requests {background: url('../images/32x32/prayer.png') no-repeat center left;	}
	
	.users_share_testimonies {background: url('../images/32x32/messenger_add.png') no-repeat center left;	}
	.users_share_prayer_requests {background: url('../images/32x32/prayer_add.png') no-repeat center left;	}
	
	
	#timezones {
		overflow: hidden;
		
	}
	
	#timezones .timezone_time {
		width: 40%;
		padding-top: 20px;
		float: left;
		text-align: center;
	}
	#timezones .timezone_time h4 {
		font-weight: 400;
		padding: 0;
		margin: 0 0 10px 0;
	}
	#timezones .timezone_time p {
		font-weight: 800;
		font-size: 3em;
	}
	
	#timezones .timezone_zoneList {
		width: 50%;
		text-align: right;
		float: right;
	}
	#timezones .timezone_zoneList select,
	#timezones .timezone_zoneList input {
		width: 100%;
		margin-bottom: 5px;
	}
	
	
	#teamList dt {
		font-weight:bold;
	margin-top:10px;
	}
	#teamList dd {
		padding-left:10px;
	}
	
	
		/* VIEW OF INDIVIDUAL STUFF*/

		#view {
			overflow: hidden;

		}
		#view .subnav ul {
			list-style: none;
			overflow: hidden;
			padding: 0 0 15px;
			margin: 0;
		}

		#view .subnav ul li {
			float: left;
		}

		#view .subnav ul li a {
			display: block;
			padding: 4px 9px;
			background-color: #EEE;
			margin: 0 4px;
			border: 1px solid #DDD;
			color: #333;
		}

		#view .subnav ul li.selected a,
		#view .subnav ul li a:hover {
			background-color: #DDD;
			border: 1px solid #CCC; 
		}

		#view .question {
			padding: 10px 0;
			margin-bottom: 1.2em;
			position: relative;
		}
		#view .qtop {
			border-top: 3px solid #DDD;
		}

		#view .question h4,
		#view .question .entry-container {
/*			width: 100%;*/
		}

		#view .question .entry h3 {
			padding: 0;
		}

		#view .question .entry p {
			margin-top: 15px;
		}

		#view .repsonses .entry p {
			margin: 0;
		}
		#view .repsonses .entry {
			padding: 8px 5px;
			margin: 8px 0;

			border-bottom: 1px solid #EEE;
		}
		#view .repsonses .admin_entry {
			background-color: #EAE7E1;
		}

		#view .question .entry .postTitleInfo {
			font-size: .9em;
			padding: 0; margin: 0;
			color: #888;
		}

		#view .question .info {
			background-color: #EEE;
			border: 1px solid #DDD;
			padding: 10px;
		}
		#view .question .info p {
			padding: 0;
			margin: 0;
		}
			#view .question .floatright {
				position: absolute;

				border-top: none;
				top: 0;
				right: 0;
	/*			float: right;*/
				text-align: center;
				font-size: .9em;
				width: 25%;
			}
			#view .question .helpfulblock p {
				padding-bottom: 5px;
			}
			#view .hide {
				display: none;
			}

		#view .repsonses .inputbox {
			position: relative;
			overflow: hidden;
		}
			#view .repsonses .inputbox textarea {
				float: left;
				width: 70%;
				border: 1px solid #DDD;
			}

			#view .repsonses .inputbox label {
				float: left;
				width: 25%;
				margin-left: 10px;
				margin-bottom: 10px;
			}