﻿.ContentsPageList {}
.ContentsPageList .Title { font-size:1.1em; font-weight:normal; margin:10px 0px 3px 0px;}
.ContentsPageList .Description { margin-bottom:5px;}

.Directory { }
.Directory .ListLayout {width:100%; table-layout:fixed;}
.Directory .ListLayout .ListColumn { }
.Directory .ListLayout .ListColumn .ColumnContent { margin-right:30px;}
.Directory .ListLayout .FilterColumn { background-color:#dde7f1; width:200px; }
.Directory .ListLayout .FilterColumn .ColumnContent {padding:5px 10px;}

.Directory .FilterColumn .FilterList { border:solid 1px #718aae; margin:5px 0px; }
.Directory .FilterColumn .FilterList .Title { background-color: #718aae; color:#ffffff; font-weight:bold; padding:2px 3px 3px 3px;}
.Directory .FilterColumn .FilterList .List {padding:5px 4px 5px 4px;}
.Directory .FilterColumn .FilterList .Item { margin-bottom:3px;}
.Directory .FilterColumn .FilterList .Item a { text-decoration:none;}
.Directory .FilterColumn .FilterList .Item a:hover { text-decoration:underline;}

.Directory .FilterColumn .FilterSummary { background-color:#718aae; color:#ffffff; 
            border:solid 1px #1c4265; position:relative; padding:5px 10px 5px 5px; margin:5px 0px;}
.Directory .FilterColumn .FilterSummary .Filters { position:relative; }
.Directory .FilterColumn .FilterSummary .Filters .Item {}

.Directory .FilterColumn .FilterSummaryItems .ClearAll { padding-top:10px;}

.Directory .FilterColumn .FilterSummaryItems a { display:block; 
     color:#ffffff;  padding:3px 4px 4px 4px; text-decoration:none;}
.Directory .FilterColumn .FilterSummaryItems .ClearAll a { background-color: #1c4265;font-weight:bold; }

.Directory .FilterColumn .FilterSummaryItems a:hover { text-decoration:underline; background-color:#bf2222;}
.Directory .FilterColumn .FilterSummaryItems a img {position:relative; top:2px; padding-right:5px;}

.Directory .AZFilter { table-layout:auto; position:relative;margin-bottom:5px;}
.Directory .AZFilter td { text-align:center; padding-top:0px; padding-bottom:0px; position:relative;}
.Directory .AZFilter a { border:solid 1px #718aae; display:block; 
    position:relative;  background-color:#dde7f1; text-decoration:none; margin-right:1px;
    padding-left:3px; padding-right:3px; padding-top:2px; padding-bottom:3px;}
.Directory .AZFilter .AZItem,.Directory .AZFilter .CurrentAZItem, .Directory .AZFilter .DisabledAZItem {}
.Directory .AZFilter .AZItem { }
.Directory .AZFilter .AZItem a:hover { background-color: #718aae; color:#ffffff; }
.Directory .AZFilter .CurrentAZItem {}
.Directory .AZFilter .CurrentAZItem a { font-weight:bold; background-color:#718aae; color:#ffffff; }
.Directory .AZFilter .DisabledAZItem { }
.Directory .AZFilter .DisabledAZItem a { color:#999999; }
.Directory .AZFilter td.AllAZItem a {padding-left:5px; padding-right:5px; }
.Directory .AZFilter td.AllAZItem a:hover { background-color: #718aae; color:#ffffff; }

.Directory .CompanyResultsList { margin:15px 0px;}
.Directory .CompanyResultsList .CompanyListItem { border-bottom:dashed 1px #cccccc;
     padding-bottom:7px; margin-bottom:5px;}
.Directory .CompanyResultsList .CompanyListItem table { width:100%; table-layout:fixed;}
.Directory .CompanyResultsList .CompanyListItem .Details { padding-right:20px;}
.Directory .CompanyResultsList .CompanyListItem .Flags { width:100px; text-align:right;}
.Directory .CompanyResultsList .CompanyListItem .CompanyName { font-size:1.2em; display:block;}
.Directory .CompanyResultsList .CompanyListItem .Description { display:block; margin-top:3px;}
.Directory .CompanyResultsList .CompanyListItem .Flags img {display:block; margin-bottom:5px;}     

.Directory .DirectoryListing {  position:relative;}
.Directory .DirectoryListing .BackLink { text-align:right; position:relative; top:-30px; font-weight:bold; right:20px; }

.Directory .DirectoryListing table { width:100%;}
.Directory .DirectoryListing .ListingContent { padding-right:20px;}
.Directory .DirectoryListing .ListingSidebar { width:130px;}
.Directory .DirectoryListing .ListingContent h2 { font-weight:normal; margin:0px; font-size:1.6em; margin-bottom:10px;}
.Directory .DirectoryListing .ListingContent h3 { font-size:1.1em; }
.Directory .DirectoryListing .ListingContent .Label { color:#888888;}
.Directory .DirectoryListing H3.CompanyName { font-size:1.4em; font-weight:bold; margin-bottom:15px; }
.Directory .DirectoryListing .ListingSidebar img { display:block; margin:10px 0px;}

.Directory .DirectoryListing .Description, 
.Directory .DirectoryListing .Contact,
.Directory .DirectoryListing .PhoneNumber,
.Directory .DirectoryListing .FaxNumber,
.Directory .DirectoryListing .MobileNumber,
.Directory .DirectoryListing .Email,
.Directory .DirectoryListing .Website { display:block; margin-bottom:3px; }
.Directory .DirectoryListing .Description { margin-bottom:15px;}

.Directory .DirectoryListing .Contact{ margin-bottom:10px;}

.Directory .DirectoryListing .Email,
.Directory .DirectoryListing .Website { margin-top:10px; }

.Directory .DirectoryListing .AddressBlock { margin-top:15px;}
.Directory .DirectoryListing .AddressBlock .Label { display:block; margin-bottom:2px;}
.Directory .DirectoryListing .AddressBlock .Address span{ display:block; margin-bottom:2px;}
.Directory .DirectoryListing .AddressBlock .Address span.Postcode{ display:inline; padding-left:30px;}


.NewsItemList {position:relative;}
.NewsItemList .List { margin:10px 0px;position:relative;}
.NewsItemList a.Item {display:block; border-bottom:dotted 1px #cccccc;
     background-color:#ffffff; padding-bottom:4px; padding-top:5px;position:relative;
       }
.NewsItemList h3.Title{display:block; font-weight:normal;position:relative; font-size:1.1em; 
    margin:0px; color:#000000; text-decoration:none; padding-bottom:2px;}
.NewsItemList .Description{ display:block; text-decoration:none; padding-top:2px;position:relative; }
.NewsItemList .Details{display:block; text-decoration:none; padding-top:4px;position:relative;}
.NewsItemList .BranchLabel{ color:#BF2222;}
.NewsItemList .Date{ color:#888888;}

.NewsItemList a.Item:hover { background-color:#f6f6f6; }

.NewsItem { position:relative;}
.NewsItem .BackLink { position:absolute; top:-33px; right:0px;}
.NewsItem h2.Title { margin-bottom:20px;}
.NewsItem Body {}

.EventsList { padding-bottom:20px; }

.EventsList .CurrentEvents {position:relative;}
.EventsList .NextEvents {position:relative;}
.EventsList .PreviousEvents { border-top:solid 0px #224F79; margin-top:30px; position:relative;}
.EventsList .PreviousEventsTitle {color:#224F79; margin-bottom:2px; margin-top:10px;}

.EventsList .EventListGroup {}
.EventsList .GroupTitle { margin-bottom:8px; margin-top:14px; color:#BF2222; font-style:normal; font-size:1.2em;}
.EventsList .EventGroupItems { margin-left:15px;}

.EventsList .EventListItem { position:relative; border-bottom:dotted 1px #cccccc;  }
.EventsList .EventListItem a { text-decoration:none; background-color:#ffffff; padding-left:3px; padding-right:3px; display:block; position:relative;padding-bottom:5px; padding-top:2px;}
.EventsList .EventListItem a:hover { text-decoration:none; background-color:#f6f6f6;  }
.EventsList .EventListItem .Title{ display:block; margin-right:20em; font-size:1.1em; color:#000000; font-weight:normal; text-decoration:none; }
.EventsList .EventListItem .DateRange{ display:block; position:absolute; top:2px; right:2px; color:#000000;}
.EventsList .EventListItem .StartDate{}
.EventsList .EventListItem .EndDate{}
.EventsList .EventListItem .Description{ display:block; padding-top:2px; color:#224F79; margin-right:20em;}
.EventsList .EventListItem .BranchLabel{ display:block; padding-top:2px;color:#BF2222;}

.EventItem { position:relative;}
.EventItem h2.Title{ display:block; margin-top:0px; margin-bottom:8px; }
.EventItem .BackLink{ display:block; position:absolute; top:-30px; right:0px;}
.EventItem .Dates{ display:block; position:relative; margin:0px;}
.EventItem .StartDate{ font-weight:bold;}
.EventItem .EndDate{ font-weight:bold;}
.EventItem .Description{ display:block; margin-top:10px;}
.EventItem .Body{ margin-top:15px;}

.DiscussionsList {}
.DiscussionsList a.DicussionListItem {display:block; padding-left:2px; padding-right:2px; border-bottom:dotted 1px #cccccc; position:relative; padding-top:5px; padding-bottom:5px; text-decoration:none;}
.DiscussionsList a.DicussionListItem:hover{text-decoration:none; background-color:#f6f6f6; }
.DiscussionsList .DicussionListItem .Title {display:block; color:#000000; font-size:1.1em;
     text-decoration:underline; position:relative; margin-right:8em; }
.DiscussionsList .DicussionListItem  .Description {display:block; padding-top:2px; position:relative; margin-right:8em;}
.DiscussionsList .DicussionListItem .Inactive { position:absolute; top:2px; right:2px;color:#BF2222; }

.Discussion { position:relative;}
.Discussion .BackLink { position:absolute; top:-35px; right:10px; font-weight:bold;}
.Discussion table.DiscussionLayout{ width:100%; table-layout:fixed; position:relative;}
.Discussion td.Topic { width:300px; vertical-align:top;padding-right:20px; border-right:solid 1px #224F79; position:relative;}
.Discussion td.Comments { vertical-align:top; padding-left:20px; position:relative; padding-right:20px;}

.DiscussionTopic { position:relative;}
.DiscussionTopic .Description {}
.DiscussionTopic .Body {}

.DiscussionCommentList {}

.Discussion td.Comments h3 { margin-top:0px; margin-bottom:20px; }
 
.DiscussionCommentList .List{ margin:20px 0px;}
.DiscussionCommentList .DiscussionComment { margin-bottom:12px; padding-bottom:12px; border-bottom:dashed 1px #cccccc; }
.DiscussionCommentList .DiscussionComment .Comment{}
.DiscussionCommentList .DiscussionComment .ContributorDetails{ position:relative; margin-top:5px;}
.DiscussionCommentList .DiscussionComment .Date{ position:absolute; bottom:0px; right:2px; color:#BF2222;}
.DiscussionCommentList .DiscussionComment .Name{ display:block; margin-right: 15em; font-weight:bold; color:#224F79;}
.DiscussionCommentList .DiscussionComment .Company{display:block; margin-right: 15em; font-style:italic; color:#224F79;}

.Discussion td.Comments .TopAddCommentButton{ position:absolute; top:0px; right:0px; width:10em;}
.Discussion td.Comments .CommentsFooter { text-align:right; padding-top:20px; position:relative;}
.Discussion td.Comments .BottomAddCommentButton { position:relative; width:10em; margin-left:auto;}


.PhotoGalleryList { margin:20px 0px;}
.PhotoGalleryList .ImageList { width:100%;}
.PhotoGalleryList .ImageList td {width: 25%; text-align:center; vertical-align:top; padding-bottom:20px;}
.PhotoGalleryList .Image { border:none;}
.PhotoGalleryList .Caption { display:none;}

.PhotoGalleryImage  {}
.PhotoGalleryImage div.BackToList { text-align:right; margin-bottom:15px; }
.PhotoGalleryImage a.BackToList { width:10em;}
.PhotoGalleryImage div.Image { text-align:center; width:580px; height:400px; overflow:hidden;}
.PhotoGalleryImage img.Image { }
.PhotoGalleryImage div.Caption { text-align:center; margin:10px 20px;}
.PhotoGalleryImage span.Caption { font-size:1.1em; font-style:normal; font-weight:normal;}
.PhotoGalleryImage .Actions { height:3em; position:relative; margin-top:10px;}
.PhotoGalleryImage .GalleryPrevImage { width:10em; position:absolute; top:5px; left:0px;}
.PhotoGalleryImage .GalleryNextImage {width:10em; position:absolute; top:5px; right:0px;}

.NationalHeadOfficeStaffList { padding-bottom:10px; position:relative;}
.NationalHeadOfficeStaffList .Item{ clear:both; border-top:dotted 1px #cccccc; margin-bottom:10px; margin-top:10px;  position:relative;}
.NationalHeadOfficeStaffList .Item .Name{ font-weight:bold;margin-top:10px; font-size:1.2em; color:#224F79; margin-bottom:10px; display:block;position:relative;}
.NationalHeadOfficeStaffList .Item .Title{ display:block;position:relative;}
.NationalHeadOfficeStaffList .Item .Photo{ float:left; margin-right:20px;position:relative; margin-top:10px;}

.ExecutiveCouncilList { padding-bottom:10px; position:relative;}
.ExecutiveCouncilList .Item{ clear:both; border-top:dotted 1px #cccccc; margin-bottom:10px; margin-top:10px;  position:relative;}
.ExecutiveCouncilList .Item .Name{ font-weight:bold;margin-top:10px; font-size:1.2em; color:#224F79; margin-bottom:10px; display:block;position:relative;}
.ExecutiveCouncilList .Item .Title{ display:block;position:relative;}
.ExecutiveCouncilList .Item .Photo{ float:left; margin-right:20px;position:relative; margin-top:10px;}

.IndustryRepresentativesList { padding-bottom:10px; position:relative;}
.IndustryRepresentativesList .Group { border-top:dotted 1px #cccccc;}
.IndustryRepresentativesList .GroupItem {font-weight:bold;margin-top:10px; font-size:1.2em; color:#224F79; margin-bottom:10px; display:block;position:relative;}
.IndustryRepresentativesList .Group .Items {padding-left:10px;}
.IndustryRepresentativesList .Item{ clear:both; margin-bottom:10px; margin-top:10px;  position:relative;}
.IndustryRepresentativesList .Item .Name{  font-weight:bold;margin-top:10px; font-size:1em; color:#000000; margin-bottom:10px; display:block;position:relative;}
.IndustryRepresentativesList .Item .Roles{display:block;position:relative;}

.FindAnElectrician {border: solid 1px #718aae; background-color: #dde7f1; padding: 0px 10px 10px 10px;
     margin-bottom:10px;}

.MemberBenefitsList .Item {  margin-bottom:10px;}
.MemberBenefitsList .Item .Title{ font-size:1.2em; margin-bottom:10px;}

.WebLinksList { padding-bottom:10px; position:relative;}
.WebLinksList .Group { border-top:dotted 1px #cccccc;}
.WebLinksList .GroupItem{font-weight:bold;margin-top:10px; font-size:1.2em; color:#224F79; margin-bottom:10px; display:block;position:relative;}
.WebLinksList .Group .Items{ padding-left:20px;}
.WebLinksList .Item {clear:both; margin-bottom:10px; margin-top:10px;  position:relative;}
.WebLinksList .Item a {display:block;position:relative;}
.WebLinksList .Item .Name {display:block;position:relative;}
.WebLinksList .Item .Description { display:block;position:relative; margin-top:4px;}

.NewsLettersLibrary .GroupItem .Title {color:#BF2222; font-size:1.2em;}


.LoginActions .Action {display:block; font-weight:bold;}
.LoginActions .Description { display:block; margin-top:2px;}

.HomepageLogin { border:solid 1px #718aae; background-color:#dde7f1; }
.HomepageLogin .Title { color:#ffffff; font-weight:bold; background-color:#336699; padding:5px;}
.HomepageLogin .PanelContent { margin:5px; }
.HomepageLogin .LoginActions .Description { display:none;}
.HomepageLogin {}

.HPMemberLinks {position:relative;}
.HPMemberLinks div{ margin-bottom:5px;position:relative;}
.HPMemberLinks a{ display:block; text-decoration:none; position:relative;border:solid 1px #C7D3DF; padding:5px; background-color:#eeeeee;}
.HPMemberLinks a span.Title{ display:block; position:relative; font-weight:bold;text-decoration:none;}
.HPMemberLinks a span.Description{ display:block; position:relative; text-decoration:none;}
.HPMemberLinks a:hover{background-color:#eeeedd;}
.HPMemberLinks a:hover span.Title{text-decoration:underline;}
.HPMemberLinks a:hover span.Description{}

.EnquiryForm .Textbox { display:block; position:relative;}
.EnquiryForm .ValidationError { display:block; position:relative;}
.EnquiryForm .MultiLineTextbox  { display:block; position:relative;}



.MemberListing_Display .DirectoryListing {  position:relative;}
.MemberListing_Display .DirectoryListing .BackLink { text-align:right; position:relative; top:-30px; font-weight:bold; right:20px; }

.MemberListing_Display .DirectoryListing table { width:100%;}
.MemberListing_Display .DirectoryListing .ListingContent { padding-right:20px;}
.MemberListing_Display .DirectoryListing .ListingSidebar { width:130px;}
.MemberListing_Display .DirectoryListing .ListingContent h2 { font-weight:normal; margin:0px; font-size:1.6em; margin-bottom:10px;}
.MemberListing_Display .DirectoryListing .ListingContent h3 { font-size:1.1em; }
.MemberListing_Display .DirectoryListing .ListingContent .Label { color:#888888;}
.MemberListing_Display .DirectoryListing h3.CompanyName {  }

.MemberListing_Display .DirectoryListing .ListingSidebar img { display:block; margin:10px 0px;}

.MemberListing_Display .DirectoryListing .Description, 
.MemberListing_Display .DirectoryListing .Contact,
.MemberListing_Display .DirectoryListing .PhoneNumber,
.MemberListing_Display .DirectoryListing .FaxNumber,
.MemberListing_Display .DirectoryListing .MobileNumber,
.MemberListing_Display .DirectoryListing .Email,
.MemberListing_Display .DirectoryListing .Website { display:block; margin-bottom:3px; }

.MemberListing_Display .DirectoryListing .Contact{ margin-bottom:10px;}

.MemberListing_Display .DirectoryListing .Email,
.MemberListing_Display .DirectoryListing .Website { margin-top:10px; }

.MemberListing_Display .DirectoryListing .AddressBlock { margin-top:15px;}
.MemberListing_Display .DirectoryListing .AddressBlock .Label { display:block; margin-bottom:2px;}
.MemberListing_Display .DirectoryListing .AddressBlock .Address span{ display:block; margin-bottom:2px;}
.MemberListing_Display .DirectoryListing .AddressBlock .Address span.Postcode{ display:inline; padding-left:30px;}

.MemberListing_Edit table.FormLayout td.Or {width:50px; text-align:center;}
.MemberListing_Edit table.FormLayout td.Hide {width:75px;}
.MemberListing_Edit table.FormLayout td.SectionHeading span {border-bottom:solid 1px #aaaaaa; padding-bottom:2px; display:block;}
.MemberListing_Edit .TreeView ul li {margin-bottom:0px; margin-top:0px;}

table.ExcellenceAwards2010ApplicationForm td.Field .Textbox { width:95%; }
table.ExcellenceAwards2010ApplicationForm td.Field .MultiLineTextbox { height:15em; margin-bottom:10px; } 
ExcellenceAwards2010ApplicationForm  .FirstRow { width:130px;}