/*Member search styles*/

p {line-height:1.4em;}

/*Form*/
#ToggleFilters {cursor:pointer; width:100px; height:32px; margin-bottom:1em; background-position:left top; background-repeat:no-repeat;}
.showFilters {background-image:url(/SiteFiles/Images/btn_ShowFilters.gif);}
.hideFilters {background-image:url(/SiteFiles/Images/btn_HideFilters.gif);}

#Slider {position:relative; width:652px;}
#Slider .blueBack {padding:2px; margin-top:-2px;}
#ScrollerHolder {overflow:auto; overflow-x:hidden; position:relative; clear:left;}

#ScrollNavigation li, 
#ScrollNavigation a {display:block;}
#ScrollNavigation li {float:left; margin-right:3px;}
#ScrollNavigation a {padding:5px 1em; background-color:#54B7E8; border-bottom:0; font-weight:bold; color:#ffffff; white-space:nowrap;}
#ScrollNavigation a.selected {border:2px solid #54B7E8; border-bottom:0; background-color:#ffffff; color:#673288;}

#ScrollerHolder,
#Slider .panel {width:648px;}

#Slider .panel .padded {padding:20px;}
.scrollButtons {display:none;}

#Slider .cblRow,
#Slider .rblRow {display:block; width:33%; float:left; padding-top:2px;}
#Slider .cblRow input,
#Slider .rblRow input {float:left;}
#Slider .cblRow label,
#Slider .rblRow label {float:right; width:15em;}

#Slider .bottomRow {padding:0 15px 15px 15px;}

#Slider .bottomRow .formRow {width:19em; padding-top:0.75em;}
#Slider .bottomRow .formRow label {font-weight:bold; float:left; width:6em; padding-top:0.1em;}
#Slider .bottomRow .formRow .inputHolder {width:12em; float:left;}
#Slider .bottomRow .formRow .selectInput {border:1px solid #673288; width:11em;}

#Slider .submitRow {width:31em; text-align:right;}
#Slider .submitRow .leftButton {margin-right:1em;}
#Slider .submitRow .submitButton {border:0; color:#ffffff; font-weight:bold; padding:10px 20px; background:#673288 url(/SiteFiles/Images/Fade_Purple.gif) left top repeat-x;}


/*Results*/
#MemberSearchResults {padding:15px 15px 0 15px;}
#MemberSearchResults .memberDetails {border:1px dotted #673288; margin-bottom:15px; padding:10px;}
#MemberSearchResults .memberDetails .summaryDetails {width:360px;}
#MemberSearchResults .memberDetails .contactDetails {width:225px;}
#MemberSearchResults .memberDetails .contactDetails .contactInfo {padding-bottom:0.5em;}
#MemberSearchResults .memberDetails .contactDetails .title {display:block; float:left; width:45px;}
#MemberSearchResults .memberDetails .contactDetails .detail {display:block; float:right; width:175px;}
#MemberSearchResults .memberDetails .contactDetails .moreInfo {padding-top:0.75em; text-align:right;}


/*Details*/
.memberDetailsHolder h3 {padding:0.5em 0;}
.memberDetailsHolder .contactInfo,
.memberDetailsHolder .extraInfoHolder {padding-bottom:0.4em; line-height:1.4em;}
.memberDetailsHolder .contactInfo .title,
.memberDetailsHolder .contactInfo .detail {display:block; float:left;}
.memberDetailsHolder .contactInfo .title {width:10em;}
.memberDetailsHolder .contactInfo .detail {width:30em;}
.memberDetailsHolder .extraInfoHolder {float:left; width:33%;}