/* BASIC LAYOUT */
html { height: 100%; }
body { margin: 0px; padding: 0px; background: #e99ccd url(/images/bg_pattern_FF_Scroll.jpg) repeat-y center fixed; width: 100%; font-family: Arial, Helvetica, sans-serif; font-size: 10px; text-align:left; }
a img { border: 0px; }
a, a:link, a:visited, a:active { color: #ab06b1; }
hr { border: 0px; border-bottom: 1px solid #ab06b1; height: 1px; color: #ab06b1; text-align: center; width: 100%; }

ol { font-family: Arial, Helvetica, sans-serif; }
ol ol { list-style-type: lower-alpha; }

code { color: #ff0000; font-weight: normal; }

#container { margin: 0 auto 0 auto; width: 747px; display: block; text-align: center; height: 100%; min-height: 100%; background: #c5ea8b; }

#header {width: 728px; background: #c5ea8b; display: block; padding: 10px; margin: 0px; height: 110px;  /*position: relative; left: -1px;*/ }
#logo { float: left; display: block; background: url(/images/GirlScoutsLogo.gif) no-repeat; width: 272px; height: 62px; min-height: 62px; }
#logo h1 { text-indent: -9999px; margin: 0px; padding: 0px; display: block; height: 1px; width: 1px; postion: absolute; top:0;left:0; }
#header_right { float: right; width: 410px; }
#submenu { float: right; display: block; width: 410px; }
#submenu ul { margin: 0px; padding: 0px; }
#submenu ul li { display: inline; list-style: none; margin: 0 0 0 10px; padding: 0px; }
#submenu ul li a { color: #000000; font-size: 10px; text-decoration: none; }
#search { clear: right; float: right; font-size: 10px; text-transform: uppercase; color: #ffffff; font-weight: 100px; display: block; height: 23px; padding: 5px 0 0 0; }
#search table tr td { vertical-align: middle; }
#search input.txt { padding: 2px; margin: 0 4px 0 4px; border: 0px; width: 175px; }

#menu { display: block; width: 680px; float: right; }
#menu ul { margin: 0px; padding: 0px; }
#menu ul li { float: left; list-style: none; text-align: center; }
#menu ul li a { display: block; color: #ffffff; font-size: 11px; text-decoration: none; text-align: center; height: 45px; padding: 0px; margin: 0 0 0 3px; line-height: 49px; }

#menu ul li a#nav_home { background: url(/images/nav_home.gif) no-repeat; width: 42px; }
#menu ul li a#nav_news { background: url(/images/nav_siteRental.gif) no-repeat; width: 70px; }
#menu ul li a#nav_events-and-activities { background: url(/images/nav_campsAndCamping.gif) no-repeat; width: 122px; }
#menu ul li a#nav_cookies-and-nuts { background: url(/images/nav_cookiesAndNuts.gif) no-repeat; width: 104px; }
#menu ul li a#nav_girls { background: url(/images/nav_forGirls.gif) no-repeat; width: 52px; }
#menu ul li a#nav_volunteers { background: url(/images/nav_forVolunteers.gif) no-repeat; width: 85px; }
#menu ul li a#nav_parents { background: url(/images/nav_forParents.gif) no-repeat; width: 72px; }
#menu ul li a#nav_community { background: url(/images/nav_forTheCommunity.gif) no-repeat; width: 109px; }

#header_image { padding: 0px; margin: 0px; border-top: 5px solid #ffffff; border-bottom: 5px solid #ffffff; width: 748px; background: #ffffff; display:block; min-height: 191px; height: 191px; }
#header_image_small { padding: 0px; margin: 0px; border-top: 5px solid #ffffff; border-bottom: 5px solid #ffffff; width: 748px; background: #ffffff; display:block; min-height: 95px; height: 95px; }
#troop_numbers { position: relative; top:-90px;left:0;z-index:1000;text-align:left;margin: 0px; padding: 0 0 0 12px; height: 80px; width: 300px; }

#middle { text-align: left; background: #c5ea8b; font-size: 12px; }
body.interior #middle { background: #ffffff; }

#middle_bar { display: block; border: 7px solid #8c5690; background: url(/images/bg_middlebar.jpg); padding: 3px; color: #e99ccd; height: 16px; }
body.interior #middle_bar { background: #8c5690; height: 28px; }
#middle_bar h2 { margin: 0px; padding: 0px; display: block; float: left; }
#middle_bar h2 a { color: #e3d7e4; margin: 0px; padding: 0px; font-weight: bold; font-size: 14px; text-decoration: none; }
#middle #breadcrumbs { position: absolute; display:inline; margin: 0px; padding: 0px; text-align: left; width: 640px; }


#middle #breadcrumbs a { color: #e99ccd; }

#sizer { float: right; display: block; width: 85px; padding-left: 4px;  }
#smaller { float: right; }
#larger { float: right; }
#sizer .box { border: 1px solid #e99ccd; padding: 1px; width: 15px; text-align: center; margin-left: 2px; }
#sizer .icon { border: 1px solid #e99ccd; float: right; }
#middle_bar #sizer a { color: #e99ccd; text-decoration: none; font-size: 10px; }

#frames { position: relative; top: -80px; left: 200px; z-index: 300; display: block; width: 443px; }

#content { display: block; }
body.interior #content { padding-top: 15px; }
#content_left, .content_left {float: left; display: block; width: 230px; }
#eNewsletter { display: block; background: url(/images/bg_newsletter.gif) no-repeat; height: 90px; position: relative; z-index: 400; margin: 5px 0 0 5px; }
#eNewsletter h3 { color: #ffffff; padding: 0 0 4px 0; margin: 0px; font-weight: normal; font-size: 10px; text-decoration: none; }
#eNewsletter #form table tr td { text-align: left; vertical-align: middle; }
#eNewsletter #form input.txt { width: 125px; border: 0px; margin: 0 3px 0 0; }
#eNewsContainer { padding: 10px 0 0 15px; }
#eNewsletter #foot { position: relative; top: 17px; left: 4px; }

#promise { display: block; background: url(/images/promise.png) no-repeat; text-indent: -9999px; width: 265px; height: 185px; position: relative; left: -40px; top: -40px; z-index: 100; }

#note { padding: 0 0 0 10px; }
#note h3 { color: #e2090a; font-size: 18px; font-weight: 100;  margin: 0px; padding: 0px; }

#content_right { border: 0px solid #000000; float: right; display: block; width: 485px; margin: 65px 25px 0 0; }
#content_right table { border: 0px solid #000000; }
#content_full { display: block; width: 690px; margin: 0 25px 0 25px; }
#content_right h1, #content_full h1 { text-decoation: none; color: #ab06b1; font-weight: 300; font-size: 19px; }
#content_left h1, #content_left h2, #content_right h1 .sub, #content_right h2, #content_full h1 .sub, #content_full h2 { color: #197bbe; font-weight: lighter; font-size: 17px; text-decoration: none; }
#content_right h3, #content_full h3 { text-decoation: none; font-size: 15px; font-weight: lighter; color: #197bbe; }
#content_right h4, #content_full h4 { text-decoation: none; font-size: 15px; font-weight: lighter; color: #000000; }
#content_right h5, #content_full h5 { text-decoation: none; font-size: 12px; color: #000000; }

#content_right a, #content_right a:link, #content_right a:visited, #content_right a:active { color: #ab06b1; }

body.interior #content_right { margin: 0 25px 0 0; }

#footer { display: block; clear: both; }

#links { display: block; margin: 20px 0 4px 0; clear: both; color: #ffffff; font-size: 10px; text-align: center; }
#links ul { padding: 0px; margin: 0px; }
#links ul li { display: inline; list-style: none; padding: 0px; margin: 0px; }
#links ul li a { color: #ffffff; }
body.interior #links ul li a { color: #ab06b1; }

#service_centers { display: block; border: 7px solid #8c5690; background: url(/images/bg_serviceareas.jpg); padding: 3px; color: #75297b; height: 16px; }
#service_centers h3 { font-size: 12px; font-weight: 100; margin: 0px; padding: 0px; display: inline; }
#service_centers ul { margin: 0 auto 0 auto; text-align: center; }
#service_centers ul li { display: inline; list-style: none; background: url(/images/bullet.png) no-repeat left; padding: 0 0 0 12px;  margin: 0 0 0 8px;}
#service_centers ul li a { color: #75297b; text-decoration: none; }
#service_centers ul li.first { background: none; }
#copyright { color: #68408b; text-align: center; font-size: 9px; background: #c5ea8b; }

/* USER MENU */
/*#userwindow { display: block; width: 102px; height: 200px; position: relative; top: -330px; left: 738px; z-index: 900; background: url(/images/bg_mylinks.png) no-repeat; margin: 0px; padding: 60px 5px 0 10px; }
#userwindow ul { margin: 0px; padding: 0px; }
#userwindow ul li { margin: 0px; padding: 0px; list-style: none; }
#logout { margin: 20px 0 0 0; }

#userlogin { display: block; width: 102px; height: 200px; position: relative; top: -330px; left: 738px; z-index: 1000; background: url(/images/bg_login.png) no-repeat; margin: 0px; padding: 17px 5px 0 10px; }
*/

#userwindow { display: block; width: 102px; height: 200px; position: relative; top: -100px; left: 738px; z-index: 1000; background: url(/images/bg_mylinks.png) no-repeat; margin: 0px; padding: 60px 5px 0 10px; text-align: left; }
#userwindow ul { margin: 0px; padding: 0px; }
#userwindow ul li { margin: 0px; padding: 0px; list-style: none; }
#logout { margin: 10px 0 0 0; }

#userlogin { display: block; width: 102px; height: 200px; position: relative; top: -100px; left: 738px; z-index: 6000; background: url(/images/bg_login.png) no-repeat; margin: 0px; padding: 15px 5px 0 10px; }

/* CLASSES */
.clear:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;} 
.clear{display:inline-block;} 
html[xmlns] .clear{display:block;} 
* html .clear{height:1%;}

/* PHOTO GALLERY */
.photogalleryitem { display: block; width: 200px; padding: 10px; border: 1px solid #cccccc; }

/* SEARCH */
.SearchResults { margin: 20px 0 0 0; }
.searchitem { marign: 15px 0 15px 0; }

/* TOP MENU CLASSES */
/*.nav_home { background: url(/images/nav_home.png) no-repeat; width: 42px; }
.nav_site_rental { background: url(/images/nav_siteRental.png) no-repeat; width: 70px; }
.nav_camps_and_camping { background: url(/images/nav_campsAndCamping.png) no-repeat; width: 122px; }
.nav_cookies_and_nuts { background: url(/images/nav_cookiesAndNuts.png) no-repeat; width: 104px; }
.nav_for_girls { background: url(/images/nav_forGirls.png) no-repeat; width: 52px; }
.nav_for_volunteers { background: url(/images/nav_forVolunteers.png) no-repeat; width: 85px; }
.nav_for_parents { background: url(/images/nav_forParents.png) no-repeat; width: 72px; }
.nav_for_the_community { background: url(/images/nav_forTheCommunity.png) no-repeat; width: 109px; }*/

/* CMS Styles */
.CMSPageManagerError,
.CMSPageManagerLabel,
.CMSPageManagerTextLink,
.CMSPageManagerTDLabel,
.PageManagerPreviewInfo, .PageManagerInfo
{ display: block; border: 1px solid #cccccc; background: #fffddd; padding: 5px; text-align: center; }
.fckEditorBodyStyle { background: #ffffff; text-align: left; }
.EditingFormInfo, .InfoLabel, .ErrorLabel, .admin_message { display: block; border: 1px solid #cccccc; background: #fffddd; padding: 5px; margin: 0 0 10px 0; }
.InfoLabel { color: #009900; }
.ErrorLabel { color; #ff0000; width: 100%; }
.EditingFormErrorLabel { color: #ff0000; }

/* Troop sites styles */

img.troop_num { float: left; }

.dashboard { margin: 0 0 20px; clear: both; color: #ab06b1; }
.dashboard .dash_item { float: left; font-size: 16px; width: 319px; display: block; border: 1px solid #cccccc; background: #ffecfd; padding: 10px; margin: 2px; text-decoration: none; font-weight: 100; }
.dash_item a, .dash_item a:link { text-decoration: none; }
.dashboard div.logout { background: #fcffe7; }
.dashboard div:hover { background: #f7ecf7; }
.dashboard div .sm { font-size: 12px; }

.troop_leader_info { display: block; }
.troop_leader_info label { clear: both; display: block; float: left; width: 100px; }

.pages_back, .pages_back_selected { float: right; }
.NewItemLink, .ItemsLink { display: block; margin: 0 0 10px 0; float: left; }
.NewItemLink a, .ItemsLink a, .pages_back a { width: 80px; background: #ffecfd; padding: 5px; text-decoration: none; font-size: 14px; text-align: center; font-weight: bold; float: left; }
.pages_back_selected a { width: 80px; background: #E99CCD; padding: 5px; text-decoration: none; font-size: 14px; text-align: center; font-weight: bold; float: left; }
.NewItemLink a:hover, .ItemsLink a:hover , .pages_back a:hover, .pages_back_selected a:hover { text-decoration: none; }
.pages_back a, .pages_back_selected a { width: 200px; }

.EditForm { clear: both; }
.PageHeader { border: 10 px solid #000000; }

.BoardLeaveMessage { font-weight: bold; }

.UserContributionForm { width: 300px; }

/* Troop Forums */
/*
.Forum { display:block; }
.Forum table { width: 100%; }
.ForumGroup { display: block; }

.ForumInfo { background: #fff; padding: 10px; border-bottom: 1px solid #cccccc; }
td.ForumName { background: #fff; padding: 10px; border-bottom: 1px solid #cccccc; }
td.Thread .ThreadInfo, tr.Thread .ThreadInfo{ background: #fff; padding: 10px; border-bottom: 1px solid #cccccc; }
tr.Thread .ThreadInfo .ThreadName { font-weight: bold; }
tr.Thread .ThreadImage { border-bottom: 1px solid #cccccc; }

.Thread .Author { background: #fff; padding: 10px; border-bottom: 1px solid #cccccc; }
.Thread .Views { background: #fff; padding: 10px; border-bottom: 1px solid #cccccc; }
.Threads { background: #fff; padding: 10px; border-bottom: 1px solid #cccccc; }
.Posts { background: #fff; padding: 10px; border-bottom: 1px solid #cccccc; }
.LastPost { background: #fff; padding: 10px; border-bottom: 1px solid #cccccc; }

.Header { background: #ffecfd url(/images/forum_header_bg.jpg) repeat-x; display: block; }
.Header td { border: 0px; padding: 10px; font-weight: bold; }
.Header .ForumName { border: 0px; background: #ffecfd url(/images/forum_header_bg.jpg) repeat-x; display: block; max-width: 100px; float: left; }
.Header .Threads { border: 0px; background: #ffecfd url(/images/forum_header_bg.jpg) repeat-x; display: block; max-width: 25%; float: left; }
.Header .Posts { border: 0px; background: #ffecfd url(/images/forum_header_bg.jpg) repeat-x; display: block; max-width: 25%; float: left; }
.Header .LastPost { border: 0px; background: #ffecfd url(/images/forum_header_bg.jpg) repeat-x; display: block; max-width: 25%; float: left; }
*/
.Info { background: #ffecfd; padding: 10px; }
.Info .GroupName { font-size: 16px; font-weight: bold; color: #197bbe; }
/*
.ForumInfo span.ForumName .ActionLink { font-weight: bold; }

.ForumFlat .ForumName { font-weight: bold; }
.Actions { display: block; background: #fae1fa; padding: 10px; }
.ForumContent .Pager { clear: both; display: none; }

.ForumManage .ActionLink { }
*/
/* TROOP ROSTER */
.troop_roster { }
.troop_roster .Actions { width: 150px; background: #ffecfd; padding: 5px; text-decoration: none; font-size: 14px; text-align: center; font-weight: bold; margin: 0 0 20px 0; }
.troop_roster img { float: left; margin: 0 10px 0 10px; }
.troop_roster .NewItemLink { float:left; text-decoration: none; }

.userview tr td { text-align: left; vertical-align: top; border-bottom: 1px solid #efefef; }
.userview tr.blank td { border-bottom: 0px; }
.userview tr.ruler td { border-bottom: 1px solid #ab06b1; }
.userview h2 { font-size: 15px; font-weight: lighter; color: #197bbe; margin:0px;padding:0px; }

/* Troop Media Library */
.MediaGallery {}
.MediaGalleryContent { }
.MediaLibrarySort { background: #ffecfd; padding: 5px; text-decoration: none; font-size: 12px; text-align: left; margin: 0 0 15px 0; }
.MediaLibrarySort span { font-eight: 100; }
.MediaLibrarySort a { }
.MediaFileUploader { display: none; }

.mediaDownload { float: right; margin: -10px 5px 0 0; }
.mediaItem { display: block; background: #fefefe; border: 1px solid #cccccc; padding: 10px; marign: 3px; }
.mediaPic { width: 122px; padding: 15px 0 15px 0; border: 1px solid #dddddd; background: #efefef; text-align: center; }

/* Troop Blog */
table.BlogPanel { width: 100%; }
.BlogCommentsTitle, .BlogLeaveComment { display: block; background: #ffecfd; padding: 5px; text-decoration: none; font-weight: bold; margin: 20px 0 5px 0; }


/* Admin - Troop Media Library */
#medialibrary {}
#medialibrary .Actions { display: inline; background: none; padding:0;margin:0; }
#medialibrary .NewItemImage { float: left; margin: 0 4px 0 0; }
#medialibrary .NewItemLink {  }

#medialibrary .TreeBodyMediaLibrary { display: none; }
#medialibrary #ctl00_Content_libraryElem_fileList_pnlMassActions { display: none; }
#medialibrary .TabsWhite { display: none; }
#medialibrary .PageTitleBreadCrumbsPadding { display: block; background: #ffecfd; padding: 5px; font-size: 14px; text-decoration: none; font-weight: bold; margin: 0;}
#medialibrary .TitleBreadCrumbSeparator { display: none; }
#medialibrary .TitleBreadCrumbLast { font-weight: bold; font-size: 14px; display: block; border: 1px solid #ffecfd; border-top: 0; margin: 0; padding: 5px; }

/* Event & Activities */
table#AvailabilityAtAGlance{font-size:10px;}
table#AvailabilityAtAGlance thead tr td.AvailabilityTop1{font-weight:bold;}
table#AvailabilityAtAGlance thead tr td.AvailabilityTop2{}
table#AvailabilityAtAGlance tbody tr td.AvailabilityTitle{}
table#AvailabilityAtAGlance tbody tr td{border:solid 1px #ddd;}
table#AvailabilityAtAGlance tbody tr td.AvailabilityTitle{font-weight:bold;}
table#AvailabilityAtAGlance tbody tr.AvailabilitySep{background:#eee;font-weight:bold;}

/* Group Header */
#troop_numbers h1 { color: #ffffff; font-weight: 100; font-size: 35px; }

/* Polls */
.PollControl { border: 1px solid #cccccc; background: #fdf3fa; display: block; width: 100%; padding: 3px; }
.PollTitle { display: block; background: #ffd9f3; padding: 4px; font-weight: 300; font-size: 14px; color: #ab06b1; }
.PollQuestion { display: block; background: #fff0fa; padding: 4px; font-weight: bold; font-size: 12px; color; ab06b1; }
.PollAnswers { margin: 0 10px 0 10px; }

.PollAnswerRadio, .PollAnswerText { display: block; padding: 5px 0 2px 0; }
.PollGraph0 { background: #c957a5;}
.PollGraph1 { background: #c957a5;}
.PollGraph2 { background: #c957a5;}
.PollGraph3 { background: #c957a5;}

.PollCount { display: block; padding: 0 0 0 5px; }
.PollFooter { text-align: center; padding-bottom: 3px; }
.PollInfo { display: block; padding: 5px; margin: 10px 0 0 0; color: #777777;  } 

/* Site News */
.news_container { display: block; margin: 0 0 10px 0; padding: 2px; border: 1px solid #afd574; }
.news_item { display: block; margin: 0px; padding: 0px; background: #d8f3ac;  }
.news_item .news_title { display: block; margin: 0px; padding: 5px; background: #61bc4b; font-weight: 100; font-size: 18px; color: #ffffff; }
.news_item .news_info { display: block; margin: 0px; padding: 5px; background: #e8ffc5; color: #07512d; }
.news_item .news_content { display: block; margin: 0px; padding: 6px 5px 6px 5px; }

.news_box { display: block; margin: 0 10px 0 0; padding: 3px; border: 1px solid #afd574; }
.news_box_title { display: block; margin: 0; padding: 5px; background: #61bc4b; font-weight: 100; font-size: 16px; color: #ffffff; }
.news_container_simple { display: block; margin: 3px 0 0 0; padding: 5px; background: #d8f3ac; }
.news_item_simple { display: block; margin: 0px; padding: 0px; background: #d8f3ac; background: transparent; }
.news_container_simple .news_title { display: block; margin: 0px; padding: 0; color: #61bc4b; font-weight: 100; font-size: 14px; }
.news_container_simple .news_title a { text-decoration: none; }
.news_box_title a { text-decoration: none; }
.news_container_simple .news_info { display: block; margin: 0px; padding: 0;  color: #07512d; }
.news_container_simple .news_info a { text-decoration: none; color: #999999; font-size: 12px; }
a.news_all_link { color: #ffffff; font-size: 11px; text-decoration: none; margin-left: 60px; }

/* left tree menu */
div#leftnavmenu {
              margin-left: 15px;
              width: 200px;          /* menu width */
            }
            
            div#leftnavmenu ul {
              list-style-type: none; /* get rid of the bullets */
              padding:0;             /* no padding */
              margin:0;              /* no margin for IE either */
            }
            
            div#leftnavmenu ul li {
              margin: 0;
              padding: 0;
              background: #ffffff;
              display:block;
              border-top: 1px solid white; /* lines */
            }

            div#leftnavmenu ul li a {
              display: block;         /* lines extend to right, make area clickable */
              color: #ffffff;
              background: <%=GS.getBackgroundColor()%>;
              padding: 3px 3px 3px 3px;
              margin:0;
              text-decoration: none;
              min-height:15px;           /* hint for IE, alternatively remove whitespace from HTML */
            }

            div#leftnavmenu ul ul li a {
              margin-left: 15px;     /* indent level 1 */
            }

            div#leftnavmenu ul ul ul li a {
              margin-left: 30px;     /* indent level 2 */
            }
            
            div#leftnavmenu ul ul ul ul li a {
              margin-left: 45px;     /* indent level 3 */
            }
            
            div#leftnavmenu ul ul ul ul ul li a {
              margin-left: 60px;     /* indent level 4 */
            }

            div#leftnavmenu li ul, div#leftnavmenu li.open li.closed ul {
              display: none;         /* collapse */
            }

            div#leftnavmenu li.open ul {
              display: block;        /* expand */
            }
            
            div#leftnavmenu li ul, 
            div#leftnavmenu li li, 
            div#leftnavmenu li li a { color: #000000; background: #ffffff; }
            
            div#leftnavmenu li.active a {
              background: #dddddd; 
              color: #000000;
            }
            div#leftnavmenu li.active li {
            	font-weight: normal;
            }
            
            div#leftnavmenu li.active li a {
              color: #000000;          /* fix lower levels */
              background: #ffffff;
            }
            
            div#leftnavmenu ul li a:hover {
              /* rollover effect */
            }
            
            div#leftnavmenu span.menu_openclose { cursor: pointer; display:inline; float: left; text-align: center; width: 14px; min-width: 14px; height: 14px; min-height: 14px; margin-right: 4px; font-weight: bold; }
            .menu_itemtext { display: inline; float: left; cursor: pointer; }