/*
Name: Nice Login and Signup Panel using Mootools 1.2
Tutorial URI: http://web-kreation.com/demos/login_form_mootools_1.2/
Author: Jeremie Tisseau
Author URI: http://web-kreation.com/
Date: August 2008

	The CSS, XHTML and design is released under Creative Common License 2.5:
	http://creativecommons.org/licenses/by-sa/2.5/

*/

/* Login Panel */ 
#panelHolder{
 width: 988px;
 color: white;
 background:url(/includes/css/images/bg_shadow.jpg) repeat-y center;
 overflow: hidden;
 position: relative;
 z-index:3;
 display: none;
}


#top {
  	background: url(images/pulld_top.jpg) repeat-x 0 0;
	height:8px;
	margin:0 4px;
}

ul.toggler {
	display: block;
  	float: right;
  	clear: right;
  	font-weight: bold;
	margin: 0;
  	color: white;
}

ul.toggler li {
 	text-align: left;
  	padding: 0 6px;
	display: block;
	float: left;
}

ul.toggler li a {
	color: #929898;
}

ul.toggler li a:hover {
	color: white;
}

/*Login*/
/* toggle effect - show/hide login*/
#panel1, #panel2 {
	width:100%;
	margin:0 4px;
	color: #000;
	background:#fff url(images/panel_bg.jpg) no-repeat bottom left;
	overflow: hidden;
	position: relative;
	z-index: 3;
}

#panel1 a,
#panel2 a {
	text-decoration: none;
	color: #929898;
}

#panel1 .mList li a{color:#5A0029!important;}
#panel1 .mList li a:hover{text-decoration:underline;}



#panel1 a:hover,
#panel2 a:hover {
	color: #000;
}

.panelContent {
	width: 940px;
	margin:0 20px;
	padding-top: 25px;
	text-align: left;
}

.panelContent form {
	height: 26px;
	margin: 20px 0;
	display: block;
	height: auto;
}

.panelContent p {   
	display: block;
	clear: both;
	margin: 10px 0;
}

.panelContent input.field {
	border: 1px #1A1A1A solid;
	background: #464646;
	margin-right: 5px;
	margin-top: 4px;
	color: white;
}

.panelContent input:focus.field {
	background: #545454;
}

.panelContent input.rememberme {
	border: none;
	background: transparent;
	margin: 0;
	padding: 0;
}

.panelContent input.button_login {
	width: 47px;
	height: 20px;
	cursor: pointer;
	border: none;
	background: transparent url(images/button_login.jpg) no-repeat 0 0;
}

.toggleClose {
	display: block;
	position: absolute;
	right: 30px;
	top: 10px;
	width: 95px;
	font-size: 0.8em;
	text-align: left;
	color:#000!important;
}

.toggleClose a {
	display: block;
	width: 100%;
	height: 16px;
	overflow:hidden;
	background: url(images/button_close.jpg) no-repeat right 0;
	padding-right:15px;
	border: none;
	font-size: 10px;
	font-weight:bold;
	text-transform:uppercase;
	color: white;
}

.toggleClose a:hover {
	background: url(images/button_close.jpg) no-repeat right -16px;
}

/* Floating Divs */
div#help
{width:980px; margin-bottom:15px;}
div#help_inner
{float:left; display:inline; margin:0 0 15px 0;}
div#help div.help_section
{float:left; display:inline; width:205px; margin:0;}



div#help div.ministry{
	float:left;background-color:#F4F5F6; border:solid 1px #929898;padding:5px 10px;display:block;margin-top:5px;
}
div#help div.locate_section div.locater{
	padding:0 5px;
	width:165px;
	float:left;
	display:block;
}
div#help div.ministry ul{
	padding:1px 1px 1px 6px;
	width:225px;
	float:left;
	display:block;
}
div#help div.ministry ul li a{
	font-size:13px; letter-spacing:1px;}
div#help div.ministry h3	
{color:#000; margin:0 0 5px;}	
div#help div.help_section h3
{color:#000; margin:0 0 5px;}
div#help div.help_section p
{font-size:11px; margin:0 0 10px;}
div#help div.help_section ul li	a:hover
{border-bottom:1px dotted #fff;}
div#help	p
{margin:0;}

/* Floating Divs- Locator*/
div#locator{width:980px;margin-bottom:10px;}
div.locateDescription{float:left; width:175px;display:block;padding:0 5px;margin:10px 15px 0 0; border:solid 1px #929898;background-color:#fff;}
div.locateDescription h3, div.locateDescription h4, div.locateDescription a {color:#000!important;}
div.locateDescription a:hover{text-decoration:underline;}
div#locator div#locator_inner{float:left; display:inline; margin:0 0 15px 0;}
div.locator{margin:-5px 10px;width:210px;float:left;display:block;padding:0 10px;color:#000;}
div.locator form{margin:-10px;}



/* Locator forms*/
.item label{display:block;}
.item{float:left;margin-left:5px;padding:5px 10px;border:none!important;}	
input#locate{height:40px;width:175px;}
input#locatew{height:40px;width:175px;}
#formHold{margin:0;}
.mi {margin-left:2px;font-size:9px;}
a.advanced{position:absolute;top:10px;right:10px;font-size:10px;color:#929898!important;}





/* Locator Highlight */
#finda {padding:0; margin:10px 0 0 15px; list-style:none;}
#finda li {display:inline; padding:0; background:#f8f8f8; float:left; margin:0 26px 15px 0;border:solid 1px #929898; position:relative;}
#finda li.hlight_church, #finda li.hlight_school, #finda li.hlight_worker {width:230px;}
#finda li.hlight_church, #finda li.hlight_church a.outer-link {background:#f4f5f7 url(images/church.jpg) no-repeat 0 0;}
#finda li.hlight_school, #finda li.hlight_school a.outer-link {background:#f4f5f7 url(images/school.jpg) no-repeat 0 0;}
#finda li.hlight_worker, #finda li.hlight_worker a.outer-link {background:#f4f5f7 url(images/person.jpg) no-repeat 0 0;}
#finda li a.outer-link {display:block; width:100%; position:relative;}
#finda table {border-collapse:collapse; margin:-1px;}
#finda li form h3{margin:-10px 0 0 0;padding-left:15px;}
#finda li div {padding:none;}
#finda li.hlight_church:hover h3, #finda li.hlight_church a.outer-link:hover h3{color:#000;}
#finda li.hlight_school:hover h3, #finda li.hlight_school a.outer-link:hover h3{color:#000;}
#finda li.hlight_worker:hover h3, #finda li.hlight_worker a.outer-link:hover h3{color:#000;}
#finda li p {font-family:verdana, serif; font-size:11px; line-height:1.5em;}
#finda li a {color:#000; text-decoration:none;}
#finda li a.inner-link {color:#c00; text-decoration:none;}
#finda li a.inner-link:hover {text-decoration:underline; cursor:default;}
#finda li.hlight:hover, #finda li.hlight a.outer-link:hover {background:#fff;}
#finda li.hlight_church:hover, #finda li.hlight_church a.outer-link:hover {background:#fdfffe url(images/church_active.jpg) no-repeat 0 0  !important;}
#finda li.hlight_school:hover, #finda li.hlight_school a.outer-link:hover {background:#f3f4f6 url(images/school_active.jpg) no-repeat 0 0  !important;}
#finda li.hlight_worker:hover, #finda li.hlight_worker a.outer-link:hover {background:#f4f5f9 url(images/person_active.jpg) no-repeat 0 0  !important;}