/**********************************************************************
* Description:  Style rules common to all Projekt Hasselhoff templates
* Created By:   Jason Offutt @ Central Christian Church of the East Valley
* Date Created: 4/12/2010
*
* $Workfile: common.css $
* $Revision: 67 $
* $Header: /trunk/Arena/Templates/Cccev/Hasselhoff/css/common.css   67   2011-10-31 10:42:13-07:00   nicka $
*
* $Log: /trunk/Arena/Templates/Cccev/Hasselhoff/css/common.css $
*  
*  Revision: 67   Date: 2011-10-31 17:42:13Z   User: nicka 
*  put a little margin between radio buttons 
*  
*  Revision: 66   Date: 2011-10-05 00:39:42Z   User: nicka 
*  shrunk font size of new phrase that appears in the footer bubble. 
*  
*  Revision: 65   Date: 2011-04-19 23:19:41Z   User: JasonO 
*  Removing iPad specific CSS rules. Will have to add a mobile-specific 
*  stylesheet at a later date. 
*  
*  Revision: 64   Date: 2011-04-05 22:46:09Z   User: JasonO 
*  Functionality updates for Glendale campus rollout and usability 
*  improvements. 
*  
*  Revision: 63   Date: 2011-03-29 16:57:01Z   User: JasonO 
*  Fixing CSS bug in Safari. Wrapping inside a media query to fix the issue. 
*  
*  Revision: 62   Date: 2011-03-17 20:56:56Z   User: JasonO 
*  Dynamically adjusting height on scroll if touch is detected to compensate 
*  for CSS fixe positioning not working on mobile devices. 
*  
*  Revision: 61   Date: 2011-03-15 21:15:03Z   User: JasonO 
*  Fixing webkit style issues with form fields in iOS browsers. 
*  
*  Revision: 60   Date: 2011-02-23 17:52:43Z   User: nicka 
*  Move search to absolute position, move far to left, and make much wider. 
*  
*  Revision: 59   Date: 2011-02-22 22:14:32Z   User: nicka 
*  tie some existing Arena error/search-results classes to the new warning 
*  class. 
*  
*  Revision: 58   Date: 2011-02-17 19:10:03Z   User: nicka 
*  added info and warning styles 
*  
*  Revision: 57   Date: 2011-02-17 18:02:31Z   User: nicka 
*  Updated a few things from v53 to better display the arena module's tables 
*  for the small group locator. 
*  
*  Revision: 56   Date: 2011-01-26 22:34:02Z   User: JasonO 
*  removing comment 
*  
*  Revision: 55   Date: 2011-01-26 22:32:04Z   User: JasonO 
*  test 
*  
*  Revision: 54   Date: 2011-01-26 19:08:29Z   User: JasonO 
*  Updating CSS to allow room on campus selector for Glendale campus. 
*  
*  Revision: 53   Date: 2011-01-21 02:32:07Z   User: nicka 
*  changes to correct the layout of the Small Group Locator module/pages 
*  
*  Revision: 52   Date: 2011-01-20 21:47:39Z   User: nicka 
*  Quick patch to fix the calendar problem where Fri and Sat are not showing 
*  up on the Arena ajax popup calendar. 
*  
*  Revision: 51   Date: 2011-01-12 17:48:42Z   User: nicka 
*  
*  Revision: 50   Date: 2011-01-12 17:48:18Z   User: nicka 
*  Hide "registrationRunningTotalContainer" due to bug as described here: 
*  http://community.arenachms.com/forums/post/10805.aspx 
*  
*  Revision: 49   Date: 2011-01-04 22:27:33Z   User: JasonO 
*  Making changes to site template to add blog info. 
*  
*  Revision: 48   Date: 2010-12-14 00:58:20Z   User: nicka 
*  Added style for public Prayer Request "categoryMessage" feature from 
*  2010.1.x 
*  
*  Revision: 47   Date: 2010-09-22 20:22:19Z   User: nicka 
*  redo. Thankfully we can just use the [type=image] in the selector! 
*  
*  Revision: 46   Date: 2010-09-22 20:18:20Z   User: nicka 
*  undo.  Can't do that because input.editor is shared between the pencil 
*  image and the actual editor control :( 
*  
*  Revision: 45   Date: 2010-09-22 20:14:46Z   User: nicka 
*  float the edit pencil (Tiny MCE editor) over everything so it does not 
*  distort the layout 
*  
*  Revision: 44   Date: 2010-09-20 23:09:41Z   User: JasonO 
*  Fixing another small css bug with h2's in child template footer losing 
*  their font size and color. 
*  
*  Revision: 43   Date: 2010-09-16 16:26:33Z   User: JasonO 
*  Fixing CSS bug in footer, new h2 changes making blue headings in footer 
*  grey. 
*  
*  Revision: 42   Date: 2010-09-13 19:02:59Z   User: nicka 
*  Added h2 definition to match h3 in content area. 
*  
*  Revision: 41   Date: 2010-08-19 22:54:56Z   User: nicka 
*  added error styling 
*  
*  Revision: 40   Date: 2010-08-18 15:20:25Z   User: JasonO 
*  Making subnav heading a clickable link. 
*  
*  Revision: 39   Date: 2010-08-17 22:10:06Z   User: JasonO 
*  Adding "buttonStyle" class to support styled "Liger" content 
*  
*  Revision: 38   Date: 2010-08-17 21:42:52Z   User: JasonO 
*  Fixing CSS bugs adding styles for Webologist page 
*  
*  Revision: 37   Date: 2010-08-17 19:22:35Z   User: JasonO 
*  Fixing css bugs 
*  
*  Revision: 36   Date: 2010-08-17 16:35:08Z   User: JasonO 
*  fixing css bugs 
*  
*  Revision: 35   Date: 2010-08-17 00:25:11Z   User: JasonO 
*  Adding MS Word-style nested bulleted list styling support for main content 
*  area 
*  
*  Revision: 34   Date: 2010-08-17 00:03:41Z   User: JasonO 
*  
*  Revision: 33   Date: 2010-08-16 20:15:53Z   User: nicka 
*  Added paragraph padding for #content 
* 
* <<< log deleted; see repo history for earlier details >>>
**********************************************************************/

/* hidden runningtotal by jhoff 9/4/2010 due to running total calculation bug in 2010.1.200 */
div.registrationRunningTotalContainer{
 display: none;
}

/* Style rules common throughout site */

*, html, body
{
	font-family: Helvetica, Arial;
	font-size: 12px;
}

body
{
	background: #f1f1f1 none;
}

img, a img
{
	border: none;
}

a
{
	text-decoration: none;
}

div.categoryMessage
{
	margin: 10px auto;
	background-color: #FBF9EE;
	-moz-border-radius:4px 4px 4px 4px;
	padding: 10px;
	border: 2px solid #FCEFA1;
	color: #6F6E6E !important;
	font-size:12px !important;
	font-weight:lighter;
	text-transform: none !important;
}

/* Added by Nick Airdo for forgot password errors -- the div that follows a div under requestInfoWrap */
div.requestInfoWrap div + div span.errorText, .error
{
	margin: 10px auto;
	background-color: #ffdfe1;
	display: block;
	-moz-border-radius:4px 4px 4px 4px;
	padding: 10px;
	border: 2px solid #990033;
	color: #990033;
}
/* when Arena forces you to change your password */
div.changePass h3
{
	margin: 10px auto;
	background-color: #FBF9EE;
	-moz-border-radius:4px 4px 4px 4px;
	padding: 10px;
	border: 2px solid #FCEFA1;
	color: #6F6E6E !important;
	font-size:12px !important;
	font-weight:lighter;
	text-transform: none !important;
}

.errorText
{
	color: #990033;
}

#campus-picker
{
	display: none;
	position: absolute;
	background: #ffffff;
	z-index: 7;
	width: 859px;
	height: 370px;
	top: 191px;
	left: 39px;
	text-align: right;
	padding: 20px;
}

	#campus-picker h1.content-heading
	{
		float: left;
		clear: both;
		font-size: 72px;
		font-family: "Verdana";
		text-transform: uppercase;
		color: #a0a0a0;
	}
	
	#campus-picker .infographic
	{
	    width: 430px;
	    height: 278px;
	    clear: both;
	    float: right;
	    background: transparent url(../img/campus-infographic.png) no-repeat;
	    padding: 0px;
	    margin: 0px;
	}
	
	#campus-picker ul
	{
		display: block;
		text-align: left;
		position: absolute;
		left: 20px;
		top: 40px;
		padding-top: 50px;
	}
	
		#campus-picker li
		{
			font-size: 60px;
			font-family: "Verdana";
			/*text-transform: uppercase;*/
		}
		
			#campus-picker li a
			{
				color: #23c3ea;
				padding: 0px 10px;
			}
			
			#campus-picker li a:hover,
			#campus-picker li a:active
			{
				color: #ffffff;
				background: #23c3ea;
				border-radius: 5px;
				-moz-border-radius: 5px;
				-webkit-border-radius: 5px;
				-khtml-border-radius: 5px;
			}

#overlay
{
	display: none;
	background: #000000;
	z-index: 6;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

#social-slider
{
	height: 120px;
	width: 30px;
	position: relative;
	top: 72px;
	left: 980px;
	z-index: 0;
	background: Transparent url(../img/social-tab-bg.png) no-repeat;
	padding-top: 8px;
}

	#social-slider a
	{
		display: block;
		text-indent: -2000px;
		width: 16px;
		height: 16px;
		margin: 0px auto;
		padding-bottom: 5px;
	}
	
	#social-slider #share-twitter
	{
		background: Transparent url(../img/twitter-icon.png) no-repeat;
	}
	
	#social-slider #share-facebook
	{
		background: Transparent url(../img/facebook-icon.png) no-repeat;
	}

#right
{
	position: fixed;
	top: 0px;
	left: 980px;
	background: #000000 url(../img/bg-right-repeat-y.jpg) repeat-y;
	height: 100%;
	width: 100%;
	z-index: -1;
}

#main
{
	width: 980px;
	z-index: 1;
}
	#header
	{
		width: 100%;
	}
		a.logo
		{
			display: block;
			position: absolute;
			top: 0px;
			left: 30px;
			z-index: 4;
		}
		
		#nav
		{
			display: block;
			position: absolute;
			top: 34px;
			left: 260px;
			z-index: 3;
			font-size: 16px;
			width: 720px;
		}
		
			#nav li
			{
				width: 119px;
				height: 58px;
				display: block;
				float: left;
				background: Transparent url(../img/nav.png) repeat-x;
				border-left: solid 1px #f1f1f1;
				position: relative;
			}
			
				#nav li img
				{
					display: none;
					position: absolute;
					right: 4px;
					bottom: 0px;
					cursor: pointer;
				}
			
				#nav li a
				{
					display: block;
					color: #ffffff;
					text-decoration: none;
					width: 109px;
					height: 28px;
					padding: 30px 0px 0px 10px;
					z-index: 4;
				}
				
				#nav li a.drop, #nav li a.campus
				{
					background: Transparent url(../img/nav-drop.png) no-repeat;
					background-position: 94px 34px;
				}
				
				#nav li a:hover, 
				#nav li a.drop:hover, 
				#nav li a.campus:hover,
				#nav li a.selected
				{
					background: #23c3ea none;
				}
				
				#nav li a.campus
				{
					height: 40px;
					padding: 18px 0px 0px 10px;
				}
		
		#campus-nav
		{
			display: none;
			position: absolute;
			top: 92px;
			left: 131px;
			z-index: 5;
			background: Transparent url(../img/campus-nav-bg.png) no-repeat;
			width: 270px;
			height: 115px;
			padding: 21px 23px 20px 17px;
		}
		
			#campus-nav ul
			{
				display: block;
				margin: 5px 0px 0px 20px;
			}
			
					#campus-nav ul a
					{
						color: #676666;
						font-size: 14px;
						line-height: 21px;
					}
					
					#campus-nav ul a,
					#about-nav .main-nav ul a,
					#connect-nav .main-nav ul a
					{
						border: none;
					}
					
					#campus-nav ul a:hover,
					#about-nav .main-nav ul a:hover,
					#connect-nav .main-nav ul a:hover
					{
						border-bottom: 1px dotted #676666;
						color: #23c3ea;
					}
		
		#about-nav
		{
			display: none;
			position: absolute;
			top: 92px;
			left: 130px;
			z-index: 5;
			background: Transparent url(../img/about-nav-bg.png) no-repeat;
			width: 670px;
			height: 170px;
			padding: 21px 20px 20px 20px;
		}
		
			#about-nav .sidebar
			{
				background: #d5f8ff;
				width: 145px;
				position: relative;
				float: left;
				height: 160px;
			}
			
				#about-nav .sidebar a:hover,
				#connect-nav .sidebar a:hover
				{
					border-bottom: 1px dotted #676666;
				}
			
			#about-nav .main-nav
			{
				position: relative;
				float: left;
				height: 160px;
				margin-left: 15px;
				width: 495px;
				overflow: hidden;
			}
			
				#about-nav .main-nav .nav-bottom
				{
					clear: both;
					width: 495px;
					height: 76px;
					padding-top: 18px;
				}
				
					#about-nav .nav-bottom .grey-box
					{
						width: 227px;
						height: 56px;
						display: block;
						float: left;
						background: url(../img/grey-bg.png) no-repeat;
						background-position: top right;
						padding: 10px;
						color: #ffffff;
						font-size: 12px;
					}
					
					#about-nav .nav-bottom .grey-box:first-child
					{
						width: 217px;
						margin-right: 10px;
					}
										
						#about-nav .nav-bottom .grey-box span
						{
							display: block;
							font-size: 22px;
							text-transform: uppercase;
							font-weight: lighter;
						}
			 
		#connect-nav
		{
			display: none;
			position: absolute;
			top: 92px;
			left: 131px;
			z-index: 5;
			background: Transparent url(../img/connect-nav-bg.png) no-repeat;
			width: 670px;
			height: 383px;
			padding: 21px 20px 20px 20px;
		}
		
			#connect-nav .sidebar
			{
				background: #d5f8ff;
				width: 145px;
				position: relative;
				float: left;
				height: 373px;
			}
			
				#connect-nav .sidebar h2,
				#about-nav .sidebar h2
				{
					font-size: 31px;
					padding: 10px;
					background: #23c3ea;
					text-transform: uppercase;
					font-weight: lighter;
					display: block;
					color: #ffffff;
				}
				
				#connect-nav .sidebar ul,
				#about-nav .sidebar ul
				{
					padding: 10px;
				}
				
					#connect-nav .sidebar li,
					#about-nav .sidebar li
					{
						padding: 3px 0px;
					}
				
						#connect-nav .sidebar a,
						#about-nav .sidebar a
						{
							color: #848484;
							font-size: 16px;
						}
						
				#connect-nav .sidebar .inset
				{
					padding: 13px 10px;
					background: #a3a3a3;
					border-top: solid 7px #ffffff;
					display: block;
					width: 125px;
					position: absolute;
					bottom: 0px;
				}
				
					#connect-nav .inset a,
					#connect-nav .inset a:hover
					{
						color: #ffffff;
						font-weight: lighter;
						border: none;
					}
			
			#connect-nav .main-nav
			{
				position: relative;
				float: left;
				height: 373px;
				margin-left: 15px;
				width: 495px;
				overflow: hidden;
			}
			
				#connect-nav .main-nav h2,
				#about-nav .main-nav h2,
				#campus-nav h2
				{
					font-size: 24px;
					color: #23c3ea;
					border-bottom: solid 1px #23c3ea;
					text-transform: uppercase;
					font-weight: lighter;
					display: block;
					width: 100%;
					clear: both;
				}
				
				#connect-nav .main-nav h2
				{
					padding-top: 8px;
				}
				
				#connect-nav .main-nav h2:first-child
				{
					padding-top: 0px;
				}               
				
				
				#connect-nav .main-nav ul,
				#about-nav .main-nav ul
				{
					margin-top: 8px;
				}
				
				#connect-nav .main-nav .three-col,
				#about-nav .main-nav .three-col
				{
					width: 100%;
				}
				
				#connect-nav .main-nav .two-col
				{
					width: 300px;
				}
				
					#connect-nav .main-nav ul li,
					#about-nav .main-nav ul li
					{
						display: block;
						float: left;
						list-style-type: none;
						width: 143px;
					}
					
						#connect-nav .main-nav ul a,
						#about-nav .main-nav ul a
						{
							color: #676666;
							font-size: 14px;
							line-height: 17px;
						}
						
				#connect-nav #nav-slider
				{
					width: 495px;
					height: 42px;
					margin-top: 6px;
					background: #d5f8ff;
					overflow: hidden;
				}
				
					#connect-nav #nav-slider ul
					{
						position: absolute;
						list-style: none;
						white-space: nowrap;
						overflow: hidden;
						width: 4000px;
						height: 42px;
						left: 40px;
					}
					
						#connect-nav #nav-slider a
						{
							color: #ffffff;
						}
						
						#connect-nav #nav-slider ul li
						{
							width: 413px;
							height: 42px;
							text-align: center;
							display: inline;
							padding-top: 5px;
							white-space: nowrap;
							position: absolute;
							left: 413px;
						}
						
						#connect-nav #nav-slider ul > li:first-child
						{
							left: 0px;
						}
						
							#connect-nav #nav-slider ul li a, 
							#connect-nav #nav-slider ul li a:hover
							{
								font-size: 24px;
								color: #2faecd;
								border: none;
							}
					
					#connect-nav #nav-slider .slider-nav
					{
						font-size: 36px;
						display: block;
						float: left;
						background: #23c3ea;
						padding: 3px 1px 2px 0px;
						height: 37px;
						width: 40px;
						text-align: center;
					}
					
					#connect-nav #nav-slider .left
					{
						position: absolute;
						left: 0px;
					}
					
					#connect-nav #nav-slider .right
					{
						position: absolute;
						right: 0px;
					}
					
				#connect-nav .main-nav .pad-top
				{
				    padding-top: 28px;
				}

		#top
		{
			width: 980px;
			height: 34px;
			background: #181818 none;
			color: #ffffff;
			font-size: 12px;
			position: absolute;
			top: 0px;
			left: 0px;
			text-align: right;
		}
		
			#top a
			{
				color: #ffffff;
				text-decoration: none;
			}
			
			#top input
			{
				margin-top: 5px;
				display: block;
				float: right;
			}
			
			.search-button
			{
				padding: 0px;
				margin: 0px;
				position: absolute;
				left: 272px;
			}
			
			.search
			{
				background: #23c3ea none;
				border: none;
				color: #000000;
				height: 15px;
				width: 167px;
				font-size: 13px;
				padding: 4px;
				position: absolute;
				left: 297px;
				width: 435px;
			}
			
			.login, .logWrap
			{
				display: block;
				float: right;
				height: 34px;
				padding: 10px 15px 0px 0px;
			}

	#main-content
	{
		width: 980px;
		height: 100px;
		position: absolute;
		top: 140px;
		z-index: 1;
	}

	#content
	{
		width: 980px;
		height: 100px;
		position: absolute;
		top: 600px;
	}
		#content p
		{
			padding: 5px 0px 5px 0px;
		}

		#footer
		{
			width: 980px;
			background: #181818;
			position: relative;
			clear: both;
			margin-top: 20px;
			min-height: 353px;
			padding-bottom: 20px;
			color: #6f6e6e;
			font-size: 14px;
		}
		
			#footer .footer-nav
			{
				display: block;
				margin: 0px;
				padding: 10px 0px 10px 60px;
				background: #23c3ea;
				color: #000000;
				float: none;
			}
			
				#footer .footer-nav li
				{
					display: inline;
					list-style-type: none;
					font-size: 14px;
					padding: 0px 3px;
				}
				
					#footer .footer-nav li a
					{
						color: #ffffff;
						text-decoration: none;
					}
					
			#footer #purpose
			{
				position: relative;
				float: left;
				width: 266px;
				padding: 40px 20px 10px 60px;
			}
			
				#content #footer h2,
				#main-content #footer h2
				{
					text-transform: uppercase;
					font-size: 26px;
					color: #23c3ea;
					font-weight: lighter;
					padding-bottom: 10px;
				}
				
				#purpose p
				{
					line-height: 20px;
				}
				
			#footer #campus-info
			{
				width: 305px;
				position: relative;
				float: left;
				padding: 40px 10px 10px 0px;
			}
			
				#campus-info .selected-campus
				{
					display: block;
					padding: 7px 10px 3px 40px;
					color: #ffffff;
					background: #1a6676 url(../img/footer-arrow.png) no-repeat;
					font-size: 16px;
					height: 19px;
					text-decoration: none;
					text-transform: uppercase;
				}
				
				#campus-info #footer-campus-select
				{
					display: none;
					position: absolute;
					background: #23c3ea;
					padding: 10px 0px;
					margin-left: 31px;
					width: 274px;
					z-index: 4;
				}
				
					#campus-info #footer-campus-select a
					{
						padding: 0px 20px;
						display: block;
						color: #ffffff;
						line-height: 25px;
					}
					
					#campus-info #footer-campus-select a:hover,
					#campus-info #footer-campus-select li.selected
					{
						background: #1a6676;
					}
				
					#campus-info h2.contact
					{
						padding-top: 40px;
					}
					
					#campus-info span.address
					{
						line-height: 20px;
					}
					
						#campus-info span.address a
						{
							text-decoration: none;
							font-weight: bold;
							color: #6f6e6e;
						}
						
						#campus-info span.address a:hover
						{
							color: #23c3ea;
						}
						
			#footer #bubble
			{
				background: Transparent url(../img/footer-bubble.png) no-repeat top center;
				margin-top: -30px;
				float: left;
				width: 318px;
			}
			
				#bubble p
				{
					display: block;
					width: 200px;
					font-size: 19px;
					line-height: 25px;
					padding: 23px 25px 10px 45px;
				}
				
					#bubble p a
					{
						text-decoration: none;
						color: #23c3ea;
					}
				
				#bubble img
				{
					display: block;
					float: right;
					margin: 10px 50px 10px 0px;
				}
				
				#footer .meta
				{
				    font-size: 10px;
				    padding-left: 40px;
				    line-height: 30px;
				}
				
				    #footer .meta a
				    {
				        color: #23c3ea;
				    }
				
.content-heading,
.multi-line-heading
{
	color: #23c3ea;
	font-weight: lighter;
	font-size: 48px;
	line-height: 50px;
}

    .content-heading a,
    .multi-line-heading a
    {
        color: #23c3ea;
    }

/* Style rules for Arena artifacts */

/* Search */
.subscribe, .searchResults
{
	line-height: normal;
	float: none;
	clear: both;
}

	.subscribe input
	{
		display: block;
		float: left;
	}

	.subscribe .search-box
	{
		height: 30px;
		width: 775px;
		background: #23c3ea;
		padding: 5px;
		color: #000000;
		font-size: 24px;
		border: none;
		margin-left: -5px;
	}

.searchResultSummary
{
	padding-top: 10px;
	color: #b0b0b0;
}

.searchResults .searchResult
{
	padding: 15px 10px 20px 10px;
	font-size: 14px;
}

	.searchResults table
	{
		background: #ffffff;
	}
	
	.searchResult a
	{
		color: #23c3ea;
	}

	.searchResultTitle
	{
		padding-bottom: 5px;
	}

		.searchResultTitle a
		{
			color: #23c3ea;
			font-size: 20px;
		}
		
	.searchResultDescription
	{
		color: #443444;
	}

	.alt-row td
	{
		background: #f1f1f1;
	}
	
	.searchResultMeta
	{
		color: #b0b0b0;
	}
	
.searchResultsPager td
{
	font-size: 14px;
	color: #443444;
	padding: 20px 0px 30px 0px;
	font-weight: bold;
}

.searchResultsPager a
{
	color:  #23c3ea;
}

/* Promotion Details / Generic Content */
#page-content h1,
#content h1,
#content .calendarTitle,
#content .headline
{
	color: #23c3ea;
	font-size: 48px;
	line-height: normal;
	font-weight: lighter;
}

#page-content .registrationTitle,
#page-content .registrationEventTitle,
#content .registrationTitle,
#content .registrationEventTitle,
.boldText,
.fc-header-title
{
	color: #23c3ea;
	font-size: 36px;
	line-height: normal;
	font-weight: lighter;
}

div.promotion,
div.eventDetailWrap span#ctl03_ctl05_lblPromotionImage
{
	height: 272px;
	width: 611px;
	background: url(../img/promo-img-bg.png) no-repeat;
	padding: 21px 0px 0px 27px;
	display: block;
	overflow: hidden;
	margin-left: -20px;
}

div.eventDetailWrap #ctl03_ctl05_lblDescription
{
	padding-top: 20px;
	display: block;
}

.promotion-meta,
.share-event,
.eventDetails,
.registrationEventDates,
.registrationEventCost,
.registrationDetails
{
	color: #434343;
	padding-top: 20px;
}

#registrationPage4 .registrationDetails
{
	padding-top: 10px;
}

	.registrationSubEventList
	{
		margin-top: 10px;
	}

	.promotion-meta h3,
	.share-event h3.social,
	.registrationHeading,
	.registrationCostTitle,
	.calendarDateTitle,
	#content h2,
	.content h2,
	#content h3,
	.content h3,
	#content .registrationDiscountCode,
	#content .registrationIndividualHeading,
	.ResultListHeader,
	.fc-view th
	{
		font-size: 18px;
		font-weight: lighter;
		text-transform: uppercase;
		color: #b0b0b0;
	}
	
	.registrationHeading,
	.registrationParentCostsFeesContainer,
	.registrationIndividualHeading
	{
		padding-top: 20px;
	}
	
	.registrationParentCostsFeesContainer,
	#content #content-container h3
	{
		padding-bottom: 20px;
	}
	
	.promotion-meta ul,
	.share-event ul
	{
		padding-top: 10px;
		line-height: normal;
	}
	
	.eventDetails th, 
	.eventDetails td,
	.registrationDetails th,
	.registrationDetails td,
	.resetPasswordTable td,
	.create-account table td,
	.create-account table th,
	.searchPanel td,
	.webForm td,
	.prayer-request td,
	.searchResultTable td,
	.searchSummary td
	{
		text-align: left;
		padding: 3px 5px;
	}
	
	.registrationLabelRequired,
	.registrationLabel
	{
		font-weight: bold;
	}
	.registrationLabelRequired
	{
		color: #220000;
		/*background: url("../img/required.gif") no-repeat scroll right 8px transparent;*/
	}
	.registrationLabel
	{
		color: #555;
	}
	
		.registrationLabel div
		{
			padding-top: 10px;
			font-weight: normal;
			color: #b0b0b0;
		}
		
		.registrationLabel span
		{
			font-weight: normal;
		}
	
	.registrationForm
	{
		font-weight: normal;
	}
	
	/* put a little margin between radio buttons */
	.registrationForm > input[type="radio"] + label
	{
		margin-right: 12px;
	}
	
	.eventDetails #ctl03_ctl05_tcDateTime a,
	.registrationSubEventDate,
	.calendarDayHeadingCell
	{
		color: #b0b0b0;
		padding-bottom: 10px;
	}
	
#page-content a.button,
#content a.button,
#page-content input.button,
#content input.button,
#page-content input[type="submit"].smallText,
#content input[type="submit"].smallText,
.cmdButton,
#page-content .buttonStyle,
#content .buttonStyle
{
	display: inline-block;
	padding: 5px 10px;
	background: #23C3EA;
	color: #ffffff;
	font-size: 16px;
	margin: 20px 0px;
	border: none;
}

div.progress-wrap
{
	width: 600px;
	clear: both;
	height: 50px;
	margin: 0px auto;
	position: relative;
}

div.progress-label
{
	float: left;
	padding: 5px 0px;
	width: 90px;
	color: #b0b0b0;
	font-size: 12px;
}

div.bar-wrapper
{
	width: 500px;
	float: left;
	border: solid 1px #cccccc;
	background-color: #e9e9e9;
	margin: 0px;
	padding: 0px;
}

div.progress-bar
{
	background: #23C3EA;
	color: #ffffff;
	font-size: 14px;
	text-align: right;
	padding: 0px;
	height: 24px;
}

span.percent
{
	padding: 5px 10px;
	display: inline-block;
}

.registrationError
{
	color: #ff0000;
}

/* Login style rules */

.pnlLogin li
{
	padding: 5px 0px;
}

#page-content .pnlLogin input[type="submit"].smallText,
#page-content .createAccount input[type="submit"].smallText,
#page-content .forgotPass input[type="submit"].smallText,
#content .pnlLogin input[type="submit"].smallText,
#content .createAccount input[type="submit"].smallText,
#content .forgotPass input[type="submit"].smallText
{
	margin-bottom: 0px;
}

.pnlLogin label
{
	width: 75px;
	display: inline-block;
}

.pnlLogin li span.smallText label
{
	width: auto;
	color: #b0b0b0;
	font-size: 12px;
}

.calendarCell
{
	height: 100px;
	min-height: 100px;
	border: 1px solid #e9e9e9;
	padding: 3px;
}

	.calendarCell ul.calendarItemList
	{
		font-size: 10px;
		color: #b0b0b0;
	}
	
	.calendarCell a
	{
		color: #23C3EA;
	}
	
	#content a,
	#page-content a
	{
	    color: #1592CC;
	}
	
#popOver,
.ajax__calendar_container
{
	border: 1px solid #b0b0b0;
	background: #ffffff;
	color: #443444;
	padding: 5px;
}

.ajax__calendar_month,
.ajax__calendar_year
{
	max-width: 32px;
}

select.smallText,
select.formItem,
select.normalText
{
	font-size: 16px;
	padding: 5px 10px;
	height: 31px;
	margin: 0px;
}

	select option
	{
		height: 31px;
		font-size: 16px;
	}

input[type="text"].smallText,
input[type="text"].formItem,
input[type="password"].formItem,
input[type="text"].normalText
{
	font-size: 16px;
	padding: 5px 10px;
}

.searchSummary table
{
	margin: 10px 0px;
	background: none;
}

	.searchSummary .normalText,
	.ServingOppExperience b,
	.ServingOppSchedule b,
	.ServingOppContaceInfo b,
	.ServingOppDescription b
	{
		font-size: 16px;
		text-transform: uppercase;
		color: #b0b0b0;
		font-weight: normal;
	}
	
		.searchSummary .normalText span
		{
			color: #443444;
			text-transform: none;
		}

.searchResultTable table
{
	border: 1px solid #f1f1f1;
	width: 100%;
	background: none;
}

	.searchResultTable table td.ResultListAltItem,
	.searchResultTable table td.ResultListItem
	{
		padding: 10px 5px;
		color: #443444;
	}

	.ResultListAltItem td
	{
		background: #ffffff;
		border: 1px solid #ffffff;
	}
		.ResultListAltItem img, .ResultListItem img
		{
			display: none;
		}
		
.ServingOppImage
{
	padding: 10px 0px;
}

#ctl03_ctl07_tbWorkPhone_tbWorkPhone_phone
{
	width: 90px;
}

.smallText
{
	color: #b0b0b0;
}

.areaLocator
{
    display: block;
    padding: 20px 0px;
}

    .areaLocator .search
    {
        height: auto;
        color: #ffffff;
    }

    .areaLocator label
    {
        display: block;
        float: none;
        clear: left;
        padding: 10px 0px 5px 0px;
    }

#giving-buttons
{
	display: block;
	padding: 10px 0px;
}

	#giving-buttons li
	{
		display: inline-block;
	}

		.link-button,
		#page-content #giving-buttons a
		{
			display: inline-block;
			background: Transparent url(../img/link-button.png) no-repeat;
			height: 47px;
			width: 191px;
			color: #ffffff;
			font-size: 18px;
			padding: 13px 0px 0px 19px;
		}
		
/* float the edit pencil (image) over the item so it does not distort the layout */
input[type=image].editor
{
	opacity: 0.5;
	filter:alpha(opacity=30); /* stupid IE8 still can't handle opaque PNGs */
	position: absolute;
	float: left;
	z-index: 99;
}
input[type=image].editor:hover
{
	opacity: 1;
	filter: none;
}

/* Arena Calendar has a fixed width so the padding must be perfect for all the days of week to appear  */
.arenaCalendar table td
{
	padding: 1px 1px;
}


/* START (To correct the layout of the Small Group Locator module) */
table.module
{
	margin-bottom: 20px;
}

table.module td 
{
	vertical-align: top;
	padding-right: 15px;
}

div.groupMap
{
	margin-top: 20px;
	margin-bottom: 20px;
}

div.important
{
	width: 910px;
	margin-bottom: 20px;
	background-color: #FBF9EE;
	-moz-border-radius:4px 4px 4px 4px;
	padding: 10px;
	border: 2px solid #FCEFA1;
	color: #6F6E6E !important;
	font-size:12px !important;
	font-weight:lighter;
	text-transform: none !important;
}
/* changed to 100% to fit on smaller pages */
table.list
{
	width: 100%;
	margin-bottom: 40px;
}

table.list td
{
	padding: 5px;
}

table.WordMergeMenu tr {
    display: none;
}

/* ^^^ END ^^^ */

/* Added by Nick Airdo "info" boxes that are to draw attention to the user... */
/* ... for perhaps something they must do next to continue. */
/* styled somewhat after these: http://css.dzone.com/news/css-message-boxes-different-me */
/* or http://jqueryui.com/themeroller/ */
div span.info
{
	margin: 10px;
	background-color: #F5F5F5;
	display: block;
	-moz-border-radius:4px 4px 4px 4px;
	padding: 10px;
	border: 1px solid #8EBBCF;
	color: #2E7DB2;
	width: 70%;
}
div span.warning, 
div.searchResults > span.errorText
{
	margin: 10px;
	background-color: #FBFAF3;
	display: block;
	-moz-border-radius:4px 4px 4px 4px;
	padding: 10px;
	border: 1px solid #FCEFA1;
	color: #9F6000;
}