/*----------------------------------------------------------------------------------------------------------- 
	Description: Styles created for the Girl Guides Member Zone
    Author: Nicole Williams
	Company: imason Inc.		
	
	Girl Guides Brand Refresh
	Updated February 2018 by Catherine Nasije   
-----------------------------------------------------------------------------------------------------------*/
/*@import "reset.css";*/

/*----------------------------------------------------------------------------------------------------------- 
	Structure Styles
-----------------------------------------------------------------------------------------------------------*/
/*--- GGC Licenced fonts ---*/

@font-face {
font-family: Suisse-Regular;
src: url("/web/css/fonts/SuisseIntl-Regular.otf");
}
@font-face {
font-family: Suisse-Semi-Bold;
src: url("/web/css/fonts/SuisseIntl-SemiBold.otf");
}
@font-face {
font-family: Ideal-Sans-Semibold-Pro;
src: url("/web/css/fonts/IdealSans-Semibold-Pro.otf");
}
body { background-color: #ffffff; font-size: 12px; color: #000000; font-family: Suisse-Regular, Arial, helvetica, Sans-Serif  !important; }
input, textarea, select, body, p, b, li, td, th, a, a:link, a:visited, a:hover, strong, i, blockquote {font-family: Suisse-Regular, Arial, helvetica, Sans-Serif !important;}
#ggWrapper { width: 1000px; margin: 0 auto; /*background: transparent url( '/images/BottomBorders.jpg' ) no-repeat left bottom;*/ }
#ggContentWrapper { position: relative;/* width: 920px; padding: 0 35px; background: transparent url( '/images/TopBorders.jpg' ) no-repeat left top;*/ }
#ggContent { width: 1000px;}

/*Updated for Brand Refresh*/
/*
#ggFooter { padding-top: 90px; background: #00529c url( '/images/FooterImg.jpg' ) no-repeat left top; height: 80px; }
#outerLeftTD { background: transparent url('/images/BottomLeftBorder3.png') no-repeat right bottom ;vertical-align:top;width:30px; }
#outerRightTD { background:transparent url('/images/BottomRightBorder3.png') no-repeat left bottom;vertical-align:top;width:30px; }
*/
h1, h2, h3, h4, h5, h6,.Heading1, .Heading2, .Heading3, .Heading4, .Heading5{
	font-family: Ideal-Sans-Semibold-Pro, Arial, helvetica, Sans-Serif !important;
}
#ggFooter { padding-top: 90px; background: none;}
#outerLeftTD { background: none; }
#outerRightTD { background: none;}
#outerRightTD img, #outerLeftTD img{
	display: none;
}
/*----------------------------------------------------------------------------------------------------------- 
	Basic Font Styles
-----------------------------------------------------------------------------------------------------------*/
a { color: #003399 !important; text-decoration: none; }
a:hover { text-decoration: underline !important; }

/*----------------------------------------------------------------------------------------------------------- 
	Header Styles
-----------------------------------------------------------------------------------------------------------*/
#ggHeader h1, #ggHeader h1 a { display: block; width: 292px; height: 90px; }
#ggHeader h2, #ggHeader h2 a { display: block; width: 231px; height: 89px; }
#ggHeader h2 { border-bottom: 0px !important; font-size: 12px; margin: 0px; padding: 0px;background: #ffffff none no-repeat left top; float: right; }

/*----------------------------------------------------------------------------------------------------------- 
	Logon Control Styles
-----------------------------------------------------------------------------------------------------------*/
#ggLogonControl { display: none; height: 20px; position: absolute; right: 50px; top: 5px;}
#ggLogonControl a { text-transform: uppercase !important; color: #003399 !important; font-size: 13px !important; }
.PanelField { border: 0px solid transparent !important; }
.StandardPanel fieldset div.PanelField { margin: 0 5px; }
.Error { background-color: transparent !important; }

/*----------------------------------------------------------------------------------------------------------- 
	Top Nav Styles - updated Feb 2018 for Brand Refresh
-----------------------------------------------------------------------------------------------------------*/
/*#ggTopNav { height: 29px; background: #ffffff url(  '/images/TopNavBarBg.jpg' ) no-repeat center bottom; padding: 0 0 8px 20px; margin-bottom: 15px; }*/
#ggTopNav { background: none; padding: 0px; margin-bottom: 15px; border-bottom: 20px solid #4d4d4d;}
#ggTopNav li { float: left; }
#ggTopNav a { display: block; color: #5A5A5A !important; font-size: 11px !important; font-weight: bold; padding: 3px 10px 10px;text-transform:uppercase; }
#ggTopNav .selected a { background: transparent url(  '/images/TopNavSelectedBg.jpg' ) no-repeat center bottom; }

/*----------------------------------------------------------------------------------------------------------- 
	Left Col Styles
-----------------------------------------------------------------------------------------------------------*/
#ggLeftCol { float: left; width: 175px; padding: 0px 10px 275px; margin-bottom: 50px; background: transparent url( '/images/LeftColumnImage.jpg' ) no-repeat left bottom; display:none; }
.interior_left_column {width: auto !important; }
.ggSubNav, .PageSubNavMenu {margin: 0px !important; padding-left: 0px !important; width: 170px; border-right: solid 1px #cccccc; text-align: right; line-height: normal; }
.ggSubNav li, td.navlink { margin-bottom: 5px; padding: 5px 15px 5px 5px;list-style: none; }
.ggSubNav a, a.navlink, a.navlink:link, a.navlink:visited, a.navlink:hover, span.navlink  { margin: 0px; color: #545454 !important; display: block; font-size: 11px !important; text-transform: uppercase; font-weight: bold !important;}
.ggSubNav .selected, .navlinkselected { background-color: #eeeeee; }
.PageSubNavMenu table {width: 170px; text-align: right; }
#ggLeftCol .CommunityLinksBlock a {color:#5A5A5A !important;font-size:11px;font-weight:bold;text-transform:uppercase; padding-bottom: 3px;}


/*----------------------------------------------------------------------------------------------------------- 
	Right Col Styles
-----------------------------------------------------------------------------------------------------------*/
#ggRightCol { float: left;padding:0 20px 0 10px;width:775px; }
#ggRightCol h1 { font-size: 18px !important; color: #005B94 !important; margin-bottom: 15px; margin-top: 0px; font-weight: bold; }
/*#ggRightCol ul  {margin: 0px !important; padding-left: 0px !important;}
#ggRightCol ul li { padding: 0 0 5px 20px; list-style: none; background: transparent url( '/images/BulletImg.jpg' ) no-repeat left 1px; } */
#ggRightCol p { padding-bottom: 15px; line-height: 20px; }
.interior_main_content {margin-left: 0px; }
.BreadcrumbList, #ctl00_BreadCrumb {display: block; margin-top: -30px; padding-bottom: 5px; font-size: 11px !important;}

/*----------------------------------------------------------------------------------------------------------- 
	My Profile Forms
-----------------------------------------------------------------------------------------------------------*/

/*----------------------------------------------------------------------------------------------------------- 
	Footer Styles - disabled with Brand Refresh Feb 2018
-----------------------------------------------------------------------------------------------------------*/
/*
#ggFooter p { padding-left: 30px; background: none; padding-top: 0px; }
#ggFooter a { color: #ffffff !important; display: block; float: left; padding: 20px 25px 0px; }
*/

/*----------------------------------------------------------------------------------------------------------- 
	Fix floated elements to ensure that they are contained
----------------------------------------------------------------------------------------------------------- */
.clearfix:after { clear: both; content: '.'; display: block; visibility: hidden; height: 0; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }

/*----------------------------------------------------------------------------------------------------------- 
	Push Elements Off Screen
-----------------------------------------------------------------------------------------------------------*/
#ggHeader h1 span, #ggHeader h2 span { display: block; position: absolute; left: -3000px; top: -5000px; }

/*----------------------------------------------------------------------------------------------------------- 
	Activity List Control
-----------------------------------------------------------------------------------------------------------*/
table#activitylist { background-color:#FFFFFF; border: solid #85A5D9 1px; width: 680px; }
table#activitylist td { padding: 5px; border: solid #85A5D9 1px; }
.activitydata { color: #000000; text-align: right; background-color: #FFFFFF;}
.activitytoprow { font-weight: bold; text-align: center; background-color: #BDD8F1; }
.activityleftcol { font-weight: bold; text-align: left; width: 150px; background-color: #FFFFFF; }
.activityheader { font-weight: bold; }

/*----------------------------------------------------------------------------------------------------------- 
	Bread Crumb Link
-----------------------------------------------------------------------------------------------------------*/
.BreadCrumbLink, .BreadCrumbCurrent { font-size: 12px; }
.BreadCrumbCurrent {font-size: 16px;}

/*----------------------------------------------------------------------------------------------------------- 
	Community Styling - Updated Feb 2018 for Brand Refresh
-----------------------------------------------------------------------------------------------------------*/
/*
fieldset { background-color: #BDD8F1; border: solid 1px #174A7C; padding: 40px 0px 10px 10px; position: relative; margin: 0px; }
fieldset h2 { color: #ffffff !important; border-bottom:none !important; font-size: 12px; font-weight: bold; letter-spacing: 0.5px; text-transform: uppercase; background-color: #00529C; display: block; line-height: 30px; padding-left: 10px; margin: -40px 0px 10px -10px; width: 100%;}
*/
.RadMenu_WebBlue a.rmLink  {color: #ffffff !important; }
.RadGrid_WebBlue .rgAltRow td {background-color:#DAE2E8;}

body { font-family: arial,tahoma,helvetica,verdana,sans-serif; font-size: 12px; background-color: #FFFFFF; color: #000000; }

input, select, textarea { font-size: 12px; }
#content { display: inline; float: left; margin: 10px 0 10px 10px; padding: 0; text-align: left; width: 810px; }

fieldset { background-color: #F5F5F5; border: none !important; padding: 40px 0px 10px 10px; position: relative; margin: 0px; }
fieldset h2 { color: #ffffff !important; border-bottom:none !important; font-size: 12px; font-weight: bold; letter-spacing: 0.5px; text-transform: uppercase; background-color: #005B94; display: block;
line-height: 30px; padding-left: 10px; margin: -40px 0px 10px -10px; width: 100%; }


h1 { color: #005B94 !important; font-size: 16px; font-weight: 600; letter-spacing: 1px; line-height: 1.2em; margin-bottom: 5px; text-decoration: none; }
.leftCol { float: left; margin-right: 20px; width: 300px; }
.rightCol { float: left; }
.required { font-size: 11px; }
.req { color: #cc0000; font-weight: bold; padding-left: 3px; }
.maskContainer { float: left; margin-bottom: 10px; max-width:600px; }
.mask { font-style: italic; font-size: 11px; color: #333333; display: block; clear: both; padding-left: 5px; }
.maskContainer input { margin-bottom: 0px !important; }
.textBox, .smTextBox, .smTextBox, .mdTextBox { width: 200px; border: solid 1px #A1C1DD; margin-right: 5px; float: left; padding: 3px; clear: right; margin-bottom: 10px; }
.smTextBox { width: 25px; }
.mdTextBox { width: 40px; }
.rdoList label { width: 45px; text-align: left; float: right;}
.rdoList table { margin-top: 1px; padding: 3px;}
/*.rdoList input, .rdoList label { margin: 0px !important; }*/
fieldset label { padding: 0px 5px; width: 150px; text-align: right; display: block; float: left; line-height: 23px; }
label.autoWidth { width: auto; }
label.firstRow { font-size: 17px; }
table.autoWidth label { width: auto; padding-left: 15px; }
.checkbox label { display: inline; float: none; text-align: none; }
br { clear: both; }
.button { float: right; background-color: #005B94; border: 0px; color: #ffffff; text-transform: uppercase; font-family: Arial,tahoma,helvetica,verdana,sans-serif; font-size: 14px !important; font-weight: bold !important; padding: 8px 10px; letter-spacing: 0.5px; margin: 10px 10px 0px 0px; border-radius: 5px;}
.rowbutton { margin-top:1px; padding: 3px; }
.labelMessage { padding-right:5px; }

.filterColumn{ position:absolute; left:630px; height: 630px; width: 180px; }
#enterCity, #divUnitDetailsContainer { position: absolute; top: 0px; display: block; left: 0px; text-align: center; z-index: 999999; border:1px solid #ccc; position:absolute; background-image: url('../../images/bg-transparent.png'); color:#fff; width:810px; height:630px; display:none; }
#searchingForUnits{ text-align: center; border:1px solid #ccc; position:absolute; color:#fff; width:810px; height:630px; }
#contentContainer { min-height: 650px; display: block; position: relative; }
.enterCityBox{ margin:auto; text-align: center; border:1px solid #ccc; background-color:#41383C; padding:5px; color:#fff; width:555px; height:315px; }
.unitSearchResultBox { text-align: center; margin-top:570px; z-index: 999999; margin-left:155px; border:1px solid #ccc; position:absolute; background-image: url('../../images/bg-transparent.png'); padding:5px; color:#fff; width:300px; height:40px; }
.map{ z-index: 0; display:inline; position:absolute; top:0px; left:0px; }
.citySearchInput { float:none; margin-bottom: 0px; }
.searchButton{ z-index: 9; position: relative; top: 35px; left:530px; width:85px; height:0px;}
.cancelButton { width:70px; }
.instructions { font-weight: bold; }
#divUnitDetailsContainer { position: absolute; width:810px; margin:auto; text-align:center; }
#unitSearchResultBox { position: absolute; }

.citySearch td { text-align:right; width:255px; padding-bottom:3px; }
.citySearch td+td { text-align:left; width:100px; }
.citySearch label, .citySearch span {width:245px; color:#fff; padding:5px; }
.citySearch .searchHeader { margin-top:25px; margin-bottom:15px; padding:10px; font-size: 1.3em !important; font-weight:bold !important; color:#fff !important; }

.addressFormat { margin-left:123px; color: #696969; font-size: 0.8em; }
/*.divInquiryForm label, .divInquiryForm input { margin-bottom:10px; }*/
.divInquiryForm .AddressField { margin-bottom:0px !important; }
/*.divInquiryForm select { margin-top:10px; }*/
/*.line select { margin-bottom: 10px; padding:3px; }*/
.line select { padding:3px; }
.line { margin-bottom:10px; }
/*.divInquiryForm .error { margin-top:10px; }*/

.meeting { padding: 5px 0px; }
.girlFound { font-size: 1.5em; padding: 2px 0; } 
/* tailoring fieldsets for separate forms */

/* online payment form */
label { padding: 0px 5px; text-align: right; display: block; float: left; }
.onlinepayment  label { width: 125px; }
.registerGirl label, .createFamilyAccount  label , .InquiryForm label { width: 150px; }
.findTheGirl label { width: 175px; }
.onlinepayment label.autoWidth, .createFamilyAccount label.autoWidth, .registerGirl label.autoWidth, .InquiryForm label.autoWidth, #totalcost .autowidth { width: auto !important; }
.onlinepayment .line, .createFamilyAccount .line, findTheGirl line, .registerGirl .line, .InquiryForm .line { line-height:16px; }
.onlinepayment fieldset .twolines label, .createFamilyAccount  .twolines label { line-height: 13px; }
.onlinepayment fieldset .twolines input, .createFamilyAccount  .twolines input { bottom: 8px; }
.onlinepayment fieldset .twolines select, .createFamilyAccount  .twolines select  { margin-bottom:0px !important; }
.onlinepayment .error, .createFamilyAccount .error, .registerGirl .error, .InquiryForm .error { position:relative; top: 4px;} 
.registerGirl fieldset, .InquiryForm fieldset select { margin-bottom: 10px; }

.landingPageOptions li { padding:5px; }

#totalcost label  { padding: 0px 5px; width: 300px; text-align: right; display: block; float: left; }

/*----------------------------------------------------------------------------------------------------------- 
	ToolTip Styling 
-----------------------------------------------------------------------------------------------------------*/
#dhtmlgoodies_tooltip{ background-color:#EEE; border:1px solid #000; position:absolute; display:none; z-index:20000; padding:2px; font-size:0.9em; -moz-border-radius:6px;	/* Rounded edges in Firefox */ font-family: "Trebuchet MS", "Lucida Sans Unicode", Arial, sans-serif; }
#dhtmlgoodies_tooltipShadow{ position:absolute; background-color:#555; display:none; z-index:10000; opacity:0.7; filter:alpha(opacity=70); -khtml-opacity: 0.7; -moz-opacity: 0.7; -moz-border-radius:6px;	/* Rounded edges in Firefox */ }

/*---
    Landing page styles
-----*/
.landingButton { font-weight: bold; font-size: 22px; font-family: HelveticaNeue, Helvetica, Arial, Sans-Serif; text-decoration: none; color: white !important; border-radius: 12px; -webkit-border-radius: 12px; -moz-border-radius: 12px; padding: 12px 20px !important; display: inline-block; background-color: #49aaff; line-height: 1.4; -o-transition: all 0.1s ease-in; -webkit-transition: all 0.1s ease-in; -moz-transition: all 0.1s ease-in; box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.1); -webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.1); }
.landingButton:hover { background-color: #00549e; text-decoration: none!important; }
.landingButton:active { -webkit-box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.6); -moz-box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.6); box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.6); }
.big-button {  margin: 0 20px 20px 0; font-family: HelveticaNeue, Helvetica, Arial, Sans-Serif; font-size: 26px; padding: 20px 20px !important;}
p.footnote { font: italic 10px/1.4em HelveticaNeue, Helvetica, Arial, Sans-Serif; }

.validationSummary li { color: Red; }

/* -------- For Home Page or Find my Account  ONLY --------- */
.FindMyAccount fieldset {
    background-color: #005B94;
     border: none;
    padding: 40px 20px;
    position: relative;
    margin: 0px;
    color: #ffffff;
}
.FindMyAccount fieldset h2 {
    color: #ffffff !important;
    border-bottom: 5px solid #ffffff !important;
    font-size: 2.5em;
    font-weight: bold;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    background-color: #005B94;
    display: block;
    line-height: 30px;
    padding: 10px 0px;
    margin: 0px 0px 20px 0px;
    width: 100%;
}
.FindMyAccount fieldset .button {
    float: right;
    background-color: #c3e8f3;
    border: 0px;
    border-radius: 5px;
    color: #000;
    text-transform: uppercase;
    font-family: Arial,tahoma,helvetica,verdana,sans-serif;
    font-size: 16px !important;
    font-weight: bold !important;
    padding: 10px;
    letter-spacing: 0.5px;
    margin: 10px 10px 0px 0px;
}
.FindMyAccount fieldset label {
    padding: 0px 5px;
    /* width: 150px; */
    text-align: left;
    display: block;
    /* float: left; */
    line-height: 23px;
    color: #ffffff;
}
.FindMyAccount fieldset .Important, .FindMyAccount fieldset .ValidationError {
    font-weight: bold;
    color: #C3E8F3;
    padding-left: 3px !important;
    vertical-align: middle;
}
/*---- End Home Page Styles ---*/