/******************************************************************************
	This css applies directly to the membership application form.
	However, this form also uses some 3rd party controls and those
	controls may also have style dictated by various skins.  Be sure to consult
	the source file: membershipApplication.ascx
	for the complete details. 
******************************************************************************************/	

.columnKeeper
{
	clear:both;
	width:95%;
	margin:left:25px;
	margin:right:25px;
}

.applicationFormRequired
{
	color:red;
	font-weight:bold;
	font-size:larger;
}

.applicationFormLabel
{
	width:125px;
	margin-right:15px;
	white-space:normal;
	display:inline-block;
	overflow:hidden;
}
.applicationFormLabelWide
{
	width:175px;
	margin-right:15px;
	white-space:normal;
	display:inline-block;
	overflow:hidden;
}


/*IE6 ONLY*/
* html .applicationFormLabel
{
	width:125px;
	margin-right:15px;
	white-space:normal;
	display:inline-block;
	overflow:hidden;
}

/*IE6 ONLY*/
* html .applicationFormLabelWide
{
	width:175px;
	margin-right:15px;
	white-space:normal;
	display:inline-block;
	overflow:hidden;
}

.applicationFormInput
{
	border:solid 1px #4B3A6E;
	height: 20px;
	vertical-align:bottom;
}

/*IE6 ONLY*/
* html .applicationFormInput
{
    border:solid 1px #4B3A6E;
	height: 20px;
	vertical-align:bottom;
}
    
.applicationFormMultiLineInput
{
    border:solid 1px #4B3A6E;
	height: 120px;
	width: 300px;
	vertical-align:bottom;

}

.applicationFormGeneral
{
    border:solid 1px #4B3A6E;
    width:90%;
}

.applicationFormBordered
{
    border:solid 1px #4B3A6E;
}

#MembershipAppContainer.applicationForm
{
	border:none;
	width:99%;
	margin-left:25px;
	margin-top:25px;
}

/* IE6 Only */
* html #MembershipAppContainer.applicationForm
{
	border:none;
	margin-left:25px;
	margin-top:25px;
	width:550px;
	overflow-x:hidden;
}


#MembershipAppLeftSide.applicationFormSidebar
{
	float:left;
	clear:none;
	width:125px;
	overflow-x:hidden;
	background-color:#DEDFB5;
	border-right:solid 1px #4B3A6E;	
}

#MembershipAppLeftSide.applicationFormSidebar li
{
     margin-bottom:15px;
}
/* IE6 Only */
* html #MembershipAppLeftSide.applicationFormSidebar
{
    float:left;
    clear:none;
    width:125px;
    overflow-x:hidden;
    background-color:#DEDFB5;
	border-right:solid 1px #4B3A6E;	
}
/* IE6 Only */
* html #MembershipAppLeftSide.applicationFormSidebar li
{
     margin-bottom:15px;
}

* html #MembershipAppLeftSide.applicationFormSidebar ol {margin-left:0px; margin-right:0px;}
#MembershipAppLeftSide.applicationFormSidebar ol {margin-left:0px; margin-right:0px;}

li.selected span{ display:inline-block; font-family:Tahoma; font-weight:bold; font-size:16px; color:White; margin-left:10px;}
li.selected{background-color:#D6AE6B; font-size:16px; font-family:'Arial Black'; font-weight:bold; color:Black; margin-left:0px;width:100%; background-image:url('/images/Misc Images/rightArrow.gif'); background-position:right center; background-repeat:no-repeat;}

li.normal span{ display:inline-block; font-family:Tahoma; font-size:inherit; font-weight: normal; color:#BB989D; margin-left:10px;}
li.normal{background-color:Transparent;border:none; font-size:inherit; font-family:Tahoma Verdana Arial; color:#BB989D; margin-left:0px; width:100%;}

li.expanded{margin-bottom:15px;}
li.expanded h2{margin-left:0px;}


#MembershipAppRightSide.applicationFormBody
{
	float:left;
	clear:none;
	width:465px;
	overflow-x:hidden;
	margin-left:5px;
	margin-top:0px;
	vertical-align:top;
	text-align:left;
}
/* IE6 Only */
* html #MembershipAppRightSide.applicationFormBody
{
	float:right;
	clear:none;
	width:415px;
	overflow-x:hidden;
	margin-left:5px;
	margin-top:0px;
	vertical-align:top;
	text-align:left;
}

#MembershipAppRightSide h2, #MembershipAppRightSide h3 ,#MembershipAppRightSide h4 
{margin-left:0px;}

#MembershipAppRightSide.applicationFormBody p
{
	margin-top:0px;
	margin-left:5px;
}

#MembershipAppRightSide.applicationFormBody li
{
	margin-bottom:10px;
	margin-left:5px;	
}

#MembershipAppBottomNavigation.membershipAppButtonNavigation
{
	clear:both;
}
#MembershipAppBottomNavigation.membershipAppButtonNavigation ul
{
    display:inline-block;
}
#MembershipAppBottomNavigation.membershipAppButtonNavigation li
{
    display:inline;
    width:50px;
    margin-right:10px;
}