div#MainArea { float: left; display: inline-block; width: 550px;}
div#RightCol { 
	display: block; 
	float: right; 
	width: 250px; 
	border-left: solid 1px #ccc; 
	background-color: #f1f1f1; 
	margin-left: 10px;
	padding: 10px;
}
h1.ContentTitle { margin-top: 21px;  width: 465px; }
h1.ContentTitleNoLeftNav { margin-top: 21px;  width: 675px; }
Div#ContentWrap { padding: 10px; }

.blockLink {display: none;}

/* Public Notifications */
div.PublicNotificationItem a { font-weight: bold; font-size: 1em; color: black; }
div.PublicNotificationItem div.description {}
div.PublicNotificationItem div.Dates {}
div.PublicNotificationItem div.Dates span.NotificationDate {font-weight: bold;}
/* END Public Notifications */

.RedBorder { border: solid 2px #ff0000 ;} 


#zone1 > table { width: inherit !important;}
.RegistrationForm table { width: inherit !important;}
.RegistrationForm span {  margin-top: 7px; display: block; }
.RegistrationForm select  {padding: 1px 0;}
.RegistrationForm label {display: block; float: left; width: 140px !important; text-align: right; padding-right: 10px; margin-top: 10px;}
#zone1 input, #zone1 select, #zone1 textarea { width: 225px;}
/* Search Forms 
div#AdvancedSearchDiv input, div#AdvancedSearchDiv select { width: 250px; }

.header {font-weight: bold; margin-bottom: 20px;}
*/

span.Legal1 { display: block; padding-top: 10px; }
span.Legal2 { padding-right: 10px; }
#RightColContent input, #RightColContent select { width: 110px; margin-top: 5px;}
#RightColContent label {display: block; float: left; width: 100px !important; text-align: right; padding-right: 10px; padding-top: 8px;}
#ModalWindow label {display: block; float: left; width: 100px !important; text-align: right; padding-right: 10px;}

div#LoginForm div.ForgotPwdLink { margin-top: 20px; }
div#RightColContent div.ForgotPwd input { margin-bottom: 10px; }

/* Registration and Login Forms */
div.RegistrationForm  input, div.RegistrationForm  select { margin-top: 5px;}
div.RegistrationForm  label, div#LoginForm  label   { margin-top: 7px;}


/*#zone1 div.SearchResultTable table { width: 100% !important; } */

.PredictiveTextValues {display: none;}

#SearchForm table { width: inherit !important; }
/*div.SearchForm {border: solid 3px green !important; width: inherit !important; }*/
div.SearchForm  label { display: block; float: left; width: 250px !important; text-align: right; padding-right: 10px; margin-top: 7px;}
div.SearchForm input, div.SearchForm select, div.SearchForm textarea { margin-top: 5px;}
div.SearchForm ms-input { display: block; float: left; width: 150px !important; text-align: right; padding-right: 10px; }

 #SearchHotSpot label { display: block; float: left; width: 150px !important; text-align: right; padding-right: 10px; margin-top: 4px;}
 
#SearchNTDA_AS, #RegisterSearch, .SearchForm  {min-width: 620px;}
div.SearchForm.andWordForDates { top: 10px; }

div#SearchResultTable th,  .ResultDetailsCont table th {background-color: #444444; color: #ffffff; text-align: left; padding-left: 4px; padding-right: 4px; border-bottom: solid 2px #444444;}
div.SearchForm td { padding-left: 4px;}
div.SearchForm .SearchButton { padding-left: 30px; }
div.SearchForm div.header, div.SearchForm div#header{ color: #376baf; font-weight: bold; display: inline;}
div.SearchForm div#SearchResultTable  div.header, div.SearchForm div.SearchResultTable  div.header {display:none;}
#searchresultcount { font-size: 1.1em; margin-bottom: 5px; text-align: right; padding-right: 20px;}
span.searchresultcountnumber { font-weight: bold; font-size: 1.2em; color: #000000 !important;}
div.SearchForm div#SearchResultTable  >div > div > table { width: 100% !important; }

#ResultDetails .ResultDetailsCont td a.StandAlone { white-space: nowrap; }

/* Paging */
div#SearchResultTable  >div > div > table  > tbody > tr > td  > table { width: inherit !important; border-top: solid 1px #666666; margin-left: auto; margin-right: auto; margin-top: 10px; background-color: #eeeeee; padding-left: 20px; padding-right: 20px;}
div#SearchResultTable  >div > div > table  > tbody > tr > td  > table  td {  padding-right: 5px; text-align: center; padding-left: 8px; padding-right: 8px;}
div#SearchResultTable  >div > div > table  > tbody > tr > td  > table  td  > span { color: #376baf;}

.DetailsBackButton {text-align: right; display: none;}

div.SearchForm div.ContainsDate {padding-bottom: 0;}
div.SearchForm div.ContainsDate table {display: inline;}
div.SearchForm div.ContainsDate input { width: 72px !Important; margin-top: 2px;}
/*div.SearchForm div.ContainsDate span { margin-bottom: 5px; position: relative; top: -7px;}*/
div.SearchForm div.ContainsDate span { margin-bottom: 5px; position: relative;}
div.SearchForm div.ContainsDate label span { top: inherit;}
div.SearchForm div.ContainsDate table  td {padding: 0 0 0 0 !important; margin: 0; }
div.SearchForm div.ContainsDate {vertical-align: top;}
#SearchNTDA_QS, #SearchNTDA_AS, #FASearch, #SearchReg, #SearchHotSpot { background-color: #f0f0f0; padding: 5px; margin-bottom: 20px; border: solid 1px #bbbbbb; }



.ResultDetails td, .ResultDetailsCont table td { border-bottom: solid 1px #dddddd;  }
#ResultDetails td { vertical-align: top; border-bottom: solid 1px #dddddd; padding-top: 7px; padding-right: 10px;}
#ResultDetails td a.StandAlone, .ResultDetails td a.StandAlone  { font-size: inherit !important; }


#sh_qs, #sh_as { float: right; margin-right: 20px; }


/* Subscription */
#Subscription div#SCheader, #YourSubscriptions div.SCheader { font-weight: normal; margin-bottom: 30px; margin-top: 20px; font-size: 1.2em;}
#YourSubscriptions div.SCheader .SCheaderName { font-weight: bold;  }
#Subscription .NTVSub {
	padding-top: 20px; 
	padding-left: 130px;
	height: 82px;
	background-image: URL("/branding/images/NTVLogo.jpg");
	background-repeat: no-repeat;
	}

#Subscription input { padding-left: 0 !important; }
#Subscription label { display: none; }
#Subscription  span.SCtitle{ padding-left: 10px; font-weight: bold; }
#Subscription  div.SCdescription { padding-left: 30px;  margin-bottom: 30px;}
#Subscription .SuspendSubscriptions div.SCdescription {margin-bottom: 2px;}
#Subscription .SuspendSubscriptions {
	    padding: 6px;
        border: solid 2px #dddddd;
        background-color: #f6f6f6; 
	    }
	    
#YourSubscriptions .SCtitle {font-weight: bold; }
#YourSubscriptions .SCdescription { margin-bottom: 20px;}






/* Statistics */
table.ms-listviewtable { margin-left: 50px; margin-right: 50px; width: 650px !important; }
table.ms-listviewtable td.ms-vb-title {  }
table.ms-listviewtable td.ms-vb-title div.ms-vb a {}
.Stats table.StatsTable { width: 500px; margin-left: 60px;}
.Stats td.StatsLabel {}
.Stats td.StatsNumber {text-align: right !important; font-weight: bold; color: #666666;}
.Stats h3 {margin-bottom: 3px; margin-left: 20px; }
.Stats .statsTime { margin-left: 15px; }
/* END Statistics */


/* List Display */
#zone1 .ms-listviewtable td { padding: 1px 40px 1px 40px; }
#zone1 .ms-listviewtable td.ms-vb2 {}
#zone1 .ms-listviewtable tr.ms-viewheadertr {display: none;}
#zone1 .ms-listviewtable td.ms-gb {padding-left: 0; font-size: 1.1em;  padding-top: 20px; }
#zone1 .ms-listviewtable td.ms-gb a,  #zone1 .ms-listviewtable td.ms-gb span {display: none !important;}
#zone1 .ms-listviewtable tr  td{ border-bottom: solid 1px #bbbbbb;}
/*#zone1 .ms-listviewtable tr.ms-alternating {background-color: #ffffff;}*/
#zone1 .ms-listviewtable td.ms-vb-title {}
#zone1 .ms-listviewtable td.ms-vb2 {}



.StatsGroup {padding: 0 0 25px 0 !important; margin: 0 !important; }
.StatsGroup div {padding: 0 !important; margin: 0 !important;}
.StatsGroup td {padding: 0  !important; }
.StatsGroup table.ms-listviewtable { width: 550px !important; }
.StatsGroup table.ms-listviewtable td {padding: 3px 0 3px 0 !important; }
#StatisticsPage h2 { margin-bottom: 10px; margin-top: 15px !important; padding-bottom: 0 !important;}
#StatisticsPage h3 { margin-bottom: 5px !important; margin-top: 1px; padding-top: 0 !important;}

/* Hearing List */
div#Hearings {}
div#Hearings h2 {margin-bottom: 0; margin-top: 30px;}
div#Hearings  .HearingListDate { font-weight: bold; font-size: 1.2em; display: block; margin-top: 10px;}
div#Hearings  a.StandAlone {display: none;}
div#Hearings  .noHL {padding-left: 30px;}
div#Hearings  .room { color: #666; font-weight: bold; font-size: 1.1em; padding-left: 30px; padding-top: 10px; padding-bottom: 10px;}
div#Hearings  .facilitator {color: #000000;  padding-left: 10px; margin-bottom: 10px;}
div#Hearings  .meetingtype {padding-left: 30px; margin-bottom: 10px;}
div#Hearings  .hearing {margin-left: 60px; border-left: solid 4px #ccc; background-color: #f6f6f6;}
div#Hearings  .hearing  .time { color: #000000; width: 90px; margin-left: 10px;}
div#Hearings  .hearing  .tfn {margin-left: 20px; color: #000000; font-weight: bold;}
div#Hearings  .hearing  .desc {padding-left: 85px;}




/* NEWS */
.dateRow1, .dateRow2 { width: inherit !important; margin-bottom: 25px;}
.dateRow1 .NewsDate, .dateRow2 .NewsDate, .NTU_Date { font-weight: normal; color: #666666; font-style: italic; } 
.dateRow1 .NewsTitle a, .dateRow2 .NewsTitle a, .NTU_Type a, .NTU_FileNumber a { font-weight: bold; color: #376baf !important; font-size: 1.2em; }
.monthHeader { color: Black; font-weight: bold; font-size: 1.2em; margin-bottom: 10px; margin-top: 20px; padding: 3px; background-color: #eeeeee;}
.YearsMenuItem {}
.NewsYearMenu { border: solid #aaaaaa 1px; background-color: #eeeeee; text-align: center; padding-top: 10px; padding-bottom: 10px; }
.NewsYearMenu .NewsYearsMenuSelected { font-weight: bold; font-size: 1.2em; }
.NewsYearMenu .NewsYearsMenuSelected a { color: #376baf !important; }
.NTU_Date, .NTU_More { display: block; }
.orig TABLE TD A {color: #376baf !important;}
.orig TABLE TD A:hover {color: black !important;}



/* Details Table */
.DetailsTable td {padding-left: 5px; padding-right: 5px;}


/* 404 Redirection page */
.Redirection404, #javascript_countdown_time {font-weight: bold; font-size: 1.2em}


/* Forms and publications */
.FormsAndPubs li li div.item {padding-bottom: 0; padding-top: 0; width: 100%;}
.FormsAndPubs li li div.item a {border-bottom: solid 1px #dddddd; padding-bottom: 3px; padding-top: 3px; width: 100%; color: Black !important; display: block; }
.FormsAndPubs li li div.item a:hover { background-color: #f6f6f6;  color: #376baf !important;}

/* Maps Selection drop down menus */
.MapSelect { width: 200px; background-color: #f5f5f5; border: solid 1px #aaaaaa; display: inline; float: left; padding: 10px; margin-right: 20px;}
.MapSelect select, .MapSelect div { width: 200px !important;  }
.MapSelect img {  margin-top: 10px;}
.MapSelect h3 { padding: 0; margin: 0 0 10px 0}
.MapSelect div { margin-bottom: 15px; }
.MapSelect .Desc b { color: #000000; margin-top: 50px; margin-bottom: 15px; }


/* Organisational Structure */
.orgInfo .orgTitle { font-size: 1.25em; color: #aaaaaa; }
.orgInfo .orgName { font-size: 1.6em; color: #376baf; margin-top: 4px; }
.orgInfo .orgLocation { color: #444444;  margin-top: 20px; margin-bottom: 40px; }
.orgInfo .orgAppt .ApptDate { width: 120px; display: inline-block; }


/* Hot Spots  + Public Notices search */
.HotSpotsPage #RightCol #zone2 {}
.HotSpotsPage #RightCol #zone2 .ms-viewheadertr {display: none;}
.HotSpotsPage #RightCol #zone2 a.StandAlone { line-height: 12px; background-position: 0 0; }
.HotSpotsPage #RightCol #zone2 TABLE.ms-listviewtable {width: inherit !important; margin: 0px;}
.HotSpotsPage #RightCol #zone2 TABLE.ms-listviewtable tr td {vertical-align: baseline;}
.HotSpotsPage #RightCol #zone2 TABLE.ms-listviewtable tr td:first-child {text-align: left !important;}
.HotSpotsPage #RightCol #zone2 TABLE.ms-listviewtable .ms-alternating {background-color: inherit;}
.HotSpotsPage #RightCol #RightColContent {max-height: 520px; overflow: scroll;}

.HotSpotsPage #HotSpotsSearch {width: 440px; }
.HotSpotsPage #HotSpotsSearch label {width: 150px !important;}
.HotSpotsPage #HotSpotsSearch select {width: 160px;}
.HotSpotsPage .SearchFormNarrow { width: 440px; }

.HotSpotsPage #SearchResultTable td, .HotSpotsPage #SearchResultTable .caseFrame, .HotSpotsPage #SearchResultTable td,  #SearchResultTable.PublicNotificationsPage td {vertical-align: top; border-top:  solid 5px #bbbbbb; padding-top: 7px; padding-bottom: 7px;}
#SearchResultTable #searchresultcount, #SearchResultTable.PublicNotificationsPage table {width: 100%;}
.HotSpotsPage #SearchResultTable div.HSLine1 { padding-bottom: 5px;}
.HotSpotsPage #SearchResultTable div.HSLine2 { border-bottom: solid 1px #888888; padding-bottom: 3px; margin-bottom: 5px;}
.HotSpotsPage #SearchResultTable span { padding-bottom: 3px;}
.HotSpotsPage #SearchResultTable span.HotSpotNeutral { float: right ;}
.HotSpotsPage #SearchResultTable a { margin-top: 10px; margin-top: 5px;}
.HotSpotsPage #SearchResultTable span.HotSpotTitle, .PublicNotificationsPage .ResultTitle { font-size: 1.1em;font-weight: bold; color: #376baf; padding-bottom: 20px;}
.PublicNotificationsPage .HSLine1 { padding-bottom: 6px;  }
.PublicNotificationsPage .HSLine2 { font-weight: bold; padding-bottom: 4px; }
.PublicNotificationsPage .ResultDates { font-weight: normal; }
.PublicNotificationsPage .ResultDates .Dates { font-weight: bold; }
/* Hot Spots A to Z */
.HotSpotsPage .HSAtoZLetterHeader { background-color: #c3d2e7; font-weight: bold; font-size: 2em; margin-bottom: 10px; padding-left: 20px;}

.GoupingHeader { background-color: #a1a1a1; padding: 7px; color: White; font-weight: bold; font-size: 1.3em; margin-bottom: 10px;}

#SearchResultTable Div.Warning {
    color: #555555;
    font-size: 0.9em;
    border: solid 1px #ddaaaa;
    background-color: #fff2f2;
    padding: 1px;
    padding-left: 10px; 
    margin-bottom: 4px;
    margin-left: 10px;
    margin-right: 10px;
}

/*.HotSpotsPage h2 {padding-bottom: 0; margin-bottom: 0;}
//.HotSpotsPage .HSAtoZTitle {font-weight: bold; font-size: 1.2em;}
//.HotSpotsPage .HSAtoZMediaNeutralCitation { margin-left: 30px; color: #000000;}
//.HotSpotsPage .HSAtoZJudge {margin-left: 30px; color: #000000;}
//.HotSpotsPage .HSAtoZDate { color: #000000;}*/

/* for two column layouts using flex  */
.row {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
}

.column {
  display: flex;
  flex-direction: column;
  flex-basis: 100%;
  flex: 1;
}

.grid-wrapper {display:flex; }

.flex-grid {
  display: flex;
}
.flex-grid .col {
  flex: 1;
}
.flex-grid-thirds {
  display: flex;
  justify-content: space-between;
}
.flex-grid-thirds .col {
  width: 32%;
}

@media (max-width: 400px) {
  .flex-grid,
  .flex-grid-thirds {
    display: block;
    .col {
      width: 100%;
      margin: 0 0 10px 0;
    }
  }
}


.flex-grid { 
/*  margin: 0 0 20px 0; */
margin: 0;
}

.col {
/*
  padding: 20px; */
}