﻿/********** Redux 30/07/2008 **********/
.NationalSummaryTable {width:100%}
.NationalSummaryTable table {width:100%;}
.NationalSummaryTable table thead tr th, .NationalSummaryTable table thead tr td  {padding:8px;margin:0;font-weight:bold}
.NationalSummaryTable table tfoot td {padding:10px;margin:0;}
.NationalSummaryTable table tfoot, .NationalSummaryTable table thead {width:100%}
.NationalSummaryTable table td, .NationalSummaryTable table th {padding:10px;margin:0;width:20%;font-weight:normal}
.NationalSummaryTable table td, .NationalSummaryTable table th {background:#EAF1E1} 
.NationalSummaryTable h2  {background:url(/static/images/bg_divider_left_green_long.jpg) no-repeat bottom left;clear:both;margin-bottom:10px;padding-bottom:5px;padding-left:10px;font-size:110%}
.FloodSummaryLink a {background:url(/static/images/button-greenarrow-greenbg.gif) right no-repeat;width:80%;display:block;padding-right:20%}
.FloodSummaryTotals  a {width:100%;text-align:left;display:block} 
.homemap {float:left;width:49%;text-align:center}
.FloodWarningSummary {width:100%;float:left}
.FloodWarningSummary td {text-align:center;vertical-align:middle;width:100%}
.FloodWarningSummary td a, .FloodWarningSummary td p {text-align:left}
.FloodWarningSummary td span {font-size:170%;font-weight:bold;}
.FloodSearch select {font-size:0.9em;}
#SearchText {font-size:0.9em;width:95%}
#SummaryKey li {background:none}
.copy .form .intro, .plain_text .intro {margin-left:0;padding-left:0}
.clear5
 {clear:both} 
/* */  
/********** Redux 31/07/2008 **********/
#ApplicationResults, #ApplicationResultsFull {width:100%;background:url(/static/images/1px_green_rep.gif);clear:left;}
        #ApplicationResults ul, #ApplicationResultsFull ul {background:#EAF1E1;clear:both;width:66%;float:left;border-right:1px solid #fff;height:100%}
        #ApplicationResults li, #ApplicationResultsFull li {width:100%;height:100%;margin:0;padding:0;display:inline-block;/*margin-top:-3px;*/;}
        *> #ApplicationResults li,  #ApplicationResultsFull li {margin:0;clear:both}
        #ApplicationResults h2, #ApplicationResultsFull h2 {padding:10px;background:#DAE5C5 url(/static/images/bg_divider_left_green_long.jpg) no-repeat bottom left;margin:0;}
        #ApplicationResults h3,  #ApplicationResultsFull h3 {clear:left;display:block;float:left;width:33%;padding:10px;border-right:1px solid #fff;}
        #ApplicationResults .midpane_warning, #ApplicationResultsFull .midpane_warning {width:auto;margin:0;height:100%;}
      /*  #ApplicationResults li p,  #ApplicationResultsFull li p {float:left;padding:10px;clear:right;width:55%;height:100%;border-left:1px solid #fff;margin-left:-1px;}*/
#ApplicationResultsFull.NewsList li p {display: block; padding: 0.2em 0.5em 0.7em 0.7em}
 #ApplicationResultsFull.NewsList h3 {clear:left;display:block;float:left;width:33%;padding:10px; border-right:none;}
        *>#ApplicationResults h3, #ApplicationResults .midpane_warning, #ApplicationResultsFull .midpane_warning  {display:table-cell;min-width:33%;}
        *>#ApplicationResults li p, #ApplicationResultsFull li p {display:table-cell;}
        #ApplicationResults .ResultItem, #ApplicationResultsFull .ResultItem {border-top:1px solid #fff;float:left;width:100%;height:100%;margin-bottom:-4px;}
        
#ApplicationResultsFull .TitleInfoBox{padding:0 0 0 10px; display:table-cell; width:55%;}

        .bottles {padding-bottom:10px;padding-left:10px;}
        .bottles input, .bottles select, .staffDirectory select, .staffDirectory input {background:#D8EFF9;}
        .twoCol {padding:10px;background:#EAF1E1;border-top:1px solid #fff;float:left;}
        .FullCol {width:100%}
        #ApplicationResultsFull ul {width:100%;overflow:hidden}
        #ApplicationResults p {padding:5px;display:inline-block;padding-left:10px}
        *>#ApplicationResults p {padding:10px;display:table;padding-left:10px}
        #BottleDetailsFooter {clear:both;background:#fff;width:100%}
       /* #ApplicationResultsFull li p {width:48%}*/
        #ApplicationResultsFull h3 {width:36%;overflow:hidden}
        #ApplicationResultsFull li p a {float:left}
        #ApplicationResultsFull li p .ImageLink {float:right;}
        #ApplicationResultsFull li span .ImageLink  {float:right;padding-right:10px;margin-top:10px}
       .TitleInfoBox {
padding-top:5px;
margin-bottom:5px;
}
.TitleInfoBox span {
font-weight:bold;
padding-top:4px;
}
.TitleInfoBox span .TitleLink {
  
    display:inline;
}
*>.TitleInfoBox span .TitleLink {
    display:table;
}
#ApplicationResultsFull .ResultItem .ArrowimgLI{width:98%;}

.TitleInfoBox span {padding:0 30px 0 0px;  display:inline-block; margin-top:10px;
background: url(/static/images/button-greenarrow-greenbg.gif) center right no-repeat;text-decoration: underline;
}
/*.TitleInfoBox a.ArrowImageSmaller
{
width:50%; padding:0 12px 0 10px;}*/
#ApplicationResultsFull .TitleInfoBox p {
border:0pt none;
margin:0pt;
padding:0pt;
position:relative;
overflow:hidden;
}

#ApplicationResultsFull .TitleInfoBox .TitleLink {
    overflow:hidden;
    /*display:table;*/
}

.ResultsFooter, .ScienceFooter{
background:#DAE5C5 url(/static/images/bg_divider_left_green_long.jpg) no-repeat scroll left top;
float:left;
height:auto;
width:100%;
text-align:center;
padding:5px 0 5px 0;
}
.ScienceFooter{padding:0; background:none;}
.ResultsFooter .Previous, .ScienceFooter .Previous{width:25%; float:right; text-align:left; }
.ResultsFooter .Middle, .ScienceFooter .Middle{width:53%; float:right;}
.ResultsFooter .Next, .ScienceFooter .Next{width:22%; float:right;}
.ResultsFooter a , .ScienceFooter a{display:block;}
.ResultsFooter .Previous a, .ScienceFooter  .Previous a{padding:0 0 0 25px; background: url(/static/images/bg_next_theme1.gif)left center no-repeat;}
.ResultsFooter .Next a, .ScienceFooter  .Next a{ text-align:right;  padding:0 25px 0 0;background: url(/static/images/bg_previous_theme1.gif) right center no-repeat;}
.ResultsFooter .Next a.Top, .ScienceFooter  .Next a.Top{position:relative; top:-999em;}
.ResultsFooter .Previous a{padding:0 0 0 35px; background: url(/static/images/bg_previous_theme1.gif) 5% 50% no-repeat;}
.ResultsFooter .Next a{ padding:2px 35px 2px 0;background: url(/static/images/bg_next_theme1.gif) 95% 50% no-repeat;}
#SearchAgain {
left:-18px;
position:relative;
top:-13px;}

.SearchAgainNoMargin { margin-top:0!important;}
#ApplicationResultsFull div.midpane_warning div.tl_img, #rightcol .midpane_warning div.midpane_warning div.tl_img {
    width:40px;
    float: left; 
    padding-left: 5px;
    position:relative;
}
#ApplicationResultsFull div.midpane_warning div.text, #rightcol div.midpane_warning div.text {
    padding: 2px; 
    float: left; 
    width: 60px;
    color:#fff;
    font-size:90%;
    position:relative;
}
#ApplicationResultsFull div.midpane_warning div.tr_img, #rightcol div.midpane_warning div.tr_img {
    padding: 6px; 
    float: right;
    position:relative;
}
/* */
#ConResultsDetail {
    background:#D9E6C0 url(/static/images/bg_pagination_bl.gif) no-repeat scroll left bottom;
    display:inline;
    float:left;
    width:100%;
}
#ResultsDetail {
    background:transparent url(/static/images/bg_pagination_br.gif) no-repeat scroll right bottom;
    padding-bottom:15px;
    width:100%;
}
#ResultsDetail #ColourArea #ColourAreaList {
    background:#FFD9E4 url(/static/images/bg_profile.png) no-repeat scroll 25% 0pt;
    padding-bottom:1px;
    width:100%;
}
#ResultsDetail .plain_text {
    padding:0;
    display:block;
    width:100%;
    margin:0;
    background:#EAF1E1;
}
#ResultsDetail .plain_text h3 {
    padding:0;
    margin:0 0 0.5em 0;
    background:none;
    font-size:1.0em;
}
#ResultsDetail .plain_text p a.downloadable {
    background-color:#EAF1E1 !important;
}
#ResultsDetail .content {
    background:#F7FAF2;
}
#ResultsDetail .plain_text div {
    padding:10px;
}
#ResultsDetail .plain_text li {
    border-bottom:1px solid #F7FAF2;
}
#ResultsDetail #ResultItem {
    background:#EAF1E1 url(/static/images/bg_divider_left_green_long.jpg) no-repeat scroll left bottom;
    padding-bottom:1px;
    width:100%;
}
#ConResultsDetail div {
    display:inline;
    float:left;
}
#ResultsDetail h2 {
    background:#D9E6C0 url(/static/images/bg_divider_left_green_long.jpg) no-repeat scroll left bottom;
    padding:0.5em 10px;
}
#ResultsDetail ul.details {
    background:transparent url(/static/images/bg_profile.png) no-repeat scroll 25% 0pt;
    clear:left;
    float:left;
    padding:0.7em 0pt;
    width:100%;
}
#ResultsDetail ul.details li {
    clear:both;
    display:inline;
    float:left;
    margin-left:10px;
    width:95%;
}
#ResultsDetail ul.details li h3 {
    display:inline;
    float:left;
    margin:0.5em 0pt;
    width:25%;
}
#ResultsDetail ul.details li p {
    display:inline;
    float:right;
    margin:0.5em 0pt;
    width:73%;
}
#ResultsDetail #ColourArea {
    background:#F1F9FD ;
    clear:left;
    width:100%;
}
*>#ResultsDetail div.ColourArea h3 {
    padding-left:5px
}
#ResultsDetail #ResultItem #ColourArea {
    background:#FFD9E4 repeat scroll 0%;
    padding:0pt;
}
#ResultsDetail #ColourArea h3 {
    clear:both;
    float:left;
    margin:0.5em 0pt;
    margin-left:5px;
    width:22%;
}
#ResultsDetail #ColourArea ul {
    float:left;
    margin:0.5em 0pt;
    width:73%;
    margin-left:2%;
}
*>#ResultsDetail #ColourArea ul {
    margin-left:3.3%;
    width:70%;
}
#ResultsDetail #ColourArea ul li {
    margin-left:3px;
}
#ResultsDetail ul.MultiColumnList, 
.MultiColumnList {
    float: right;
    margin: 0;
    padding: 0;
    list-style: none;
    width:74%;
}
#ResultsDetail ul.SingleColumnList {
    display:inline;
    float:right;
    margin:0;
    width:74%;
}
#ResultsDetail ul.SingleColumnList li {
    margin:0;
    padding-left:0;
    margin-left:12px;
}
#ResultsDetail .details ul.MultiColumnList {
    padding-top:7px;
}
#ResultsDetail ul.MultiColumnList li {
    float: left;
    width: 39%;
    margin: 0;
    padding: 0;
    clear:none;
    margin-left:12px; 
}
.GreenAnchor {padding-left:10px;background:url(/static/images/bg_li.gif) no-repeat left;display:block;font-weight:bold}
ul.AnchorList {display:inline;float:right;margin:0;width:73%;}
ul.AnchorList {margin:0;list-style-type:none;padding-top:5px}
#ResultsDetail ul.AnchorList li {margin-left:0;}
ul.AnchorList li a {padding-left:10px;background:url(/static/images/bg_li_pink.gif) no-repeat left;display:block;font-weight:bold}
#ResultsDetail .midpane_warning {padding-left:10px}
 
#SummaryKey li {
            background:none
        }
        
        .FloodSearchForm div.frmleft {
    float: left;
    padding-bottom: 5px;
    padding-right: 5px;
    width:74%;
}
.FloodSearchForm div.frmright {
    float: left;
    padding-bottom: 5px;
    width:28px;
    height:19px;
}
.FloodSearchForm  label {
    clear:both
}
.FloodSearchForm .frmleft input {
    width:98%;        
}    
.FloodSearchForm .frmleft select {
    width: 100%;
}
.FloodSearchForm p.intro {margin-left:0;padding:0}
.FloodSearchForm {float:left;width:100%}
#SummaryKey li {padding-left:20px;}
#SummaryKey .Red 
{
    background:url(/static/images/summary_key_red.gif) no-repeat 4px !important
}
#SummaryKey .Blue 
{
    background:url(/static/images/summary_key_blue.gif) no-repeat 4px !important
}
#SummaryKey .Green
{
    background:url(/static/images/summary_key_green.gif) no-repeat 4px !important
}
ul#SummaryKey {
    clear:both
}
/* Green warning signs */
div.rightcol_warning div.warning div.warning_bg_green {
    background:#78a340 !important;
    width:131px;
}
div.rightcol_warning div.warning div.green div.botright {
    background:    url(../images_structure/warning_br_green_bg.gif) bottom right no-repeat !important;
    width:131px;
}
div.rightcol_warning div.warning div.green div.botleft {
    background:url(../images_structure/warning_bl_green_bg.gif) bottom left no-repeat transparent !important;
    width:131px;
}
div.rightcol_warning div.warning div.green div.topright {
    background:url(http://localhost/eawebsite/images_structure/) top right no-repeat transparent !important;
    width:131px;
        
}
div.rightcol_warning div.warning div.green div.topleft {
    background:url(/static/images/warning_tl_green_bg.gif) top left no-repeat transparent !important;
    min-height:2.5em;
    width:131px;
    
}
/* Classes for MIDDLE PANE warning signs */
div.middlecol div.midpane_warning div.tl_img, div.table div.midpane_warning div.tl_img {
    float:left;
    width:37px;
    padding-top:3px;
    padding-left:4px;
    padding-bottom:3px;
}
div.middlecol div.midpane_warning div.tr_img, div.table div.midpane_warning div.tr_img {
    float:right;
    width:30px;
    padding-top:4px;
    padding-right:3px;
    padding-bottom:3px;
}
div.midpane_warning div.warning_dgreen_red_sml div.tl_img,
div.midpane_warning div.warning_lgreen_red_sml div.tl_img, 
div.midpane_warning div.warning_dgreen_blue_sml div.tl_img,
div.midpane_warning div.warning_lgreen_blue_sml div.tl_img {
width:35px !important;
}
div.middlecol div.midpane_warning div.topleft div.text, div.table div.midpane_warning div.topleft div.text {
    float:left;
    width:50%;
    color:#fff !important;
    font-weight:bold !important;
    line-height:0.9em;
    padding-top:3px;
    font-size:0.9em;
    z-index:100;
    padding-bottom:2px;   
}
div.table div.midpane_warning {
    margin-top:9px;
}
div.table div.midpane_warning div.topleft div.text {
    float:left;
    width:50%;
    color:#fff !important;
    font-weight:bold !important;
    line-height:0.9em;
    padding-top:3px;
    z-index:100;
    padding-bottom:2px;    
    }
table div.midpane_warning div.topleft div.tl_img, table div.midpane_warning div.topleft div.text {
    position:relative;
}
div.table div.midpane_warning div.topleft div.text p {
    padding-top:0px;
}
div.middlecol div.midpane_warning div.topleft div.text p, div.table div.midpane_warning div.topleft div.text p {
    color:#fff !important;    
}
.midpane_warning {
    width:151px;    
}
table .midpane_warning 
{
    width:auto
}
/* Red warning signs - Middle pane */
div.midpane_warning div.warning_dgreen_red {
    background:#ee3b33 !important;
    width:151px;
}
div.midpane_warning div.warning_dgreen_red div.botright {
    background:url(/static/images/warning_br_dgreen_red_mid_b.gif) bottom right no-repeat !important;
    width:151px;
}
div.midpane_warning div.warning_dgreen_red div.botleft {
    background:url(/static/images/warning_bl_dgreen_red_mid_b.gif) bottom left no-repeat transparent !important;
    width:151px;
}
div.midpane_warning div.warning_dgreen_red div.topright {
    background:url(/static/images/warning_tr_dgreen_red_mid_b.gif) top right no-repeat transparent !important;
    width:151px;
        
}
div.midpane_warning div.warning_dgreen_red div.topleft {
    background:url(/static/images/warning_tl_dgreen_red_mid_b.gif) top left no-repeat transparent !important;
    min-height:2em;
    width:151px;
    
}
/* Red warning signs on Light green background - Middle pane */
div.midpane_warning div.warning_lgreen_red {
    background:#ee3b33 !important;
    width:151px;
}
div.midpane_warning div.warning_lgreen_red div.botright {
    background:url(/static/images/warning_br_lgreen_red_mid_b.gif) bottom right no-repeat !important;
    width:151px;
}
div.midpane_warning div.warning_lgreen_red div.botleft {
    background:url(/static/images/warning_bl_lgreen_red_mid_b.gif) bottom left no-repeat transparent !important;
    width:151px;
}
div.midpane_warning div.warning_lgreen_red div.topright {
    background:url(/static/images/warning_tr_lgreen_red_mid_b.gif) top right no-repeat transparent !important;
    width:151px;
        
}
div.midpane_warning div.warning_lgreen_red div.topleft {
    background:url(/static/images/warning_tl_lgreen_red_mid_b.gif) top left no-repeat transparent !important;
    min-height:2em;
    width:151px;
    
}

/* Blue warning signs on Dark green background - Middle pane */
div.midpane_warning div.warning_dgreen_blue {
    background:#0061aa !important;
    width:151px;
}
div.midpane_warning div.warning_dgreen_blue div.botright {
    background:url(/static/images/warning_br_dgreen_blue_mid_.gif) bottom right no-repeat !important;
    width:151px;
}
div.midpane_warning div.warning_dgreen_blue div.botleft {
    background:url(/static/images/warning_bl_dgreen_blue_mid_.gif) bottom left no-repeat transparent !important;
    width:151px;
}
div.midpane_warning div.warning_dgreen_blue div.topright {
    background:url(/static/images/warning_tr_dgreen_blue_mid_.gif) top right no-repeat transparent !important;
    width:151px;
        
}
div.midpane_warning div.warning_dgreen_blue div.topleft {
    background:url(/static/images/warning_tl_dgreen_blue_mid_.gif) top left no-repeat transparent !important;
    min-height:2em;
    width:151px;
    
}
/* Blue warning signs on Light green background - Middle pane */
div.midpane_warning div.warning_lgreen_blue{
    background:#0061aa !important;
    width:151px;
}
div.midpane_warning div.warning_lgreen_blue div.botright {
    background:url(/static/images/warning_br_lgreen_blue_mid_.gif) bottom right no-repeat !important;
    width:151px;
}
div.midpane_warning div.warning_lgreen_blue div.botleft {
    background:url(/static/images/warning_bl_lgreen_blue_mid_.gif) bottom left no-repeat transparent !important;
    width:151px;
}
div.midpane_warning div.warning_lgreen_blue div.topright {
    background:url(/static/images/warning_tr_lgreen_blue_mid_.gif) top right no-repeat transparent !important;
    width:151px;
        
}
div.midpane_warning div.warning_lgreen_blue div.topleft {
    background:url(/static/images/warning_tl_lgreen_blue_mid_.gif) top left no-repeat transparent !important;
    min-height:2em;
    width:151px;
    
}


/* Green warning signs on Dark green background - Middle pane */
div.midpane_warning div.warning_dgreen_green{
    background:#78a340 !important;
    width:151px;
}
div.midpane_warning div.warning_dgreen_green div.botright {
    background:url(/static/images/warning_br_dgreen_green_mid.gif) bottom right no-repeat !important;
    width:151px;
}
div.midpane_warning div.warning_dgreen_green div.botleft {
    background:url(/static/images/warning_bl_dgreen_green_mid.gif) bottom left no-repeat transparent !important;
    width:151px;
}
div.midpane_warning div.warning_dgreen_green div.topright {
    background:url(/static/images/warning_tr_dgreen_green_mid.gif) top right no-repeat transparent !important;
    width:151px;
        
}
div.midpane_warning div.warning_dgreen_green div.topleft {
    background:url(/static/images/warning_tl_dgreen_green_mid.gif) top left no-repeat transparent !important;
    min-height:2em;
    width:151px;
    
}
/* Green warning signs on Light green background - Middle pane */
div.midpane_warning div.warning_lgreen_green{
    background:#78a340 !important;
    width:151px;
}
div.midpane_warning div.warning_lgreen_green div.botright {
    background:url(/static/images/warning_br_lgreen_green_mid.gif) bottom right no-repeat !important;
    width:151px;
}
div.midpane_warning div.warning_lgreen_green div.botleft {
    background:url(/static/images/warning_bl_lgreen_green_mid.gif) bottom left no-repeat transparent !important;
    width:151px;
}
div.midpane_warning div.warning_lgreen_green div.topright {
    background:url(/static/images/warning_tr_lgreen_green_mid.gif) top right no-repeat transparent !important;
    width:151px;
        
}
div.midpane_warning div.warning_lgreen_green div.topleft {
    background:url(/static/images/warning_tl_lgreen_green_mid.gif) top left no-repeat transparent !important;
    min-height:2em;
    width:151px;
    
}

/* Red NUMBER warning signs - Middle pane */
div.midpane_warning div.warning_dgreen_red_sml {
    background:#ee3b33 !important;
    width:78px;
}
div.midpane_warning div.warning_dgreen_red_sml div.botright {
    background:    url(/static/images/warning_br_dgreen_red_sml.gif) bottom right no-repeat !important;
    width:78px;
}
div.midpane_warning div.warning_dgreen_red_sml div.botleft {
    background:    url(/static/images/warning_bl_white_bg.gif) bottom left no-repeat !important;
    width:78px;
}
div.midpane_warning div.warning_dgreen_red_sml div.topright {
    background:    url(/static/images/warning_tr_white_bg.gif) top right no-repeat !important;
    width:78px;
        
}
div.midpane_warning div.warning_dgreen_red_sml div.topleft {
    background:    url(/static/images/warning_tl_white_bg.gif) top left no-repeat !important;
    min-height:2em;
    width:78px;
    
}

/* Red NUMBER warning signs with D.GREEN background - Middle pane */
div.midpane_warning div.warning_dgreen_red_sml {
    background:#ee3b33 !important;
    width:78px;
}
div.midpane_warning div.warning_dgreen_red_sml div.botright {
    background:url(/static/images/warning_br_dgreen_red_sml.gif) bottom right no-repeat !important;
    width:78px;
}
table tfoot div.midpane_warning div.warning_dgreen_red_sml div.botright {
    background:url(/static/images/warning_br_deepgreen_red_sml.gif) bottom right no-repeat !important;
}
div.midpane_warning div.warning_dgreen_red_sml div.botleft {
    background:url(/static/images/warning_bl_dgreen_red_sml.gif) bottom left no-repeat !important;
    width:78px;
}
table tfoot div.midpane_warning div.warning_dgreen_red_sml div.botleft {
    background:url(/static/images/warning_bl_deepgreen_red_sml.gif) bottom left no-repeat !important;    
}
div.midpane_warning div.warning_dgreen_red_sml div.topright {
    background:url(/static/images/warning_tr_dgreen_red_sml.gif) top right no-repeat !important;
    width:78px;        
}
table tfoot div.midpane_warning div.warning_dgreen_red_sml div.topright {
    background:url(/static/images/warning_tr_deepgreen_red_sml.gif) top right no-repeat !important;
}
div.midpane_warning div.warning_dgreen_red_sml div.topleft {
    background:url(/static/images/warning_tl_dgreen_red_sml.gif) top left no-repeat !important;
    min-height:2em;
    width:78px;
}
table tfoot div.midpane_warning div.warning_dgreen_red_sml div.topleft {
    background:url(/static/images/warning_tl_deepgreen_red_sml.gif) top left no-repeat !important;
}
/* Red NUMBER warning signs with L.GREEN background - Middle pane */
div.midpane_warning div.warning_lgreen_red_sml {
    background:#ee3b33 !important;
    width:78px;
}
div.midpane_warning div.warning_lgreen_red_sml div.botright {
    background:url(/static/images/warning_br_lgreen_red_sml.gif) bottom right no-repeat !important;
    width:78px;
}
div.midpane_warning div.warning_lgreen_red_sml div.botleft {
    background:url(/static/images/warning_bl_lgreen_red_sml.gif) bottom left no-repeat !important;
    width:78px;
}
div.midpane_warning div.warning_lgreen_red_sml div.topright {
    background:url(/static/images/warning_tr_lgreen_red_sml.gif) top right no-repeat !important;
    width:78px;        
}
div.midpane_warning div.warning_lgreen_red_sml div.topleft {
    background:url(/static/images/warning_tl_lgreen_red_sml.gif) top left no-repeat !important;
    min-height:2em;
    width:78px;
}
/* Blue NUMBER warning signs with D.GREEN background - Middle pane */
div.midpane_warning div.warning_dgreen_blue_sml {
    background:#0061aa !important;
    width:78px;
}
div.midpane_warning div.warning_dgreen_blue_sml div.botright {
    background:url(/static/images/warning_br_dgreen_blue_sml.gif) bottom right no-repeat !important;
    width:78px;
}
table tfoot div.midpane_warning div.warning_dgreen_blue_sml div.botright {
    background:url(/static/images/warning_br_deepgreen_blue_sml.gif) bottom right no-repeat !important;
}
div.midpane_warning div.warning_dgreen_blue_sml div.botleft {
    background:url(/static/images/warning_bl_dgreen_blue_sml.gif) bottom left no-repeat !important;
    width:78px;
}
table tfoot div.midpane_warning div.warning_dgreen_blue_sml div.botleft {
    background:url(/static/images/warning_bl_deepgreen_blue_sml.gif) bottom left no-repeat !important;
}
div.midpane_warning div.warning_dgreen_blue_sml div.topright {
    background:url(/static/images/warning_tr_dgreen_blue_sml.gif) top right no-repeat !important;
    width:78px;        
}
table tfoot div.midpane_warning div.warning_dgreen_blue_sml div.topright {
    background:url(/static/images/warning_tr_deepgreen_blue_sml.gif) top right no-repeat !important;
}
div.midpane_warning div.warning_dgreen_blue_sml div.topleft {
    background:url(/static/images/warning_tl_dgreen_blue_sml.gif) top left no-repeat !important;
    min-height:2em;
    width:78px;
}
table tfoot div.midpane_warning div.warning_dgreen_blue_sml div.topleft {
    background:url(/static/images/warning_tl_deepgreen_blue_sml.gif) top left no-repeat !important;
}
/* Blue NUMBER warning signs with L.GREEN background - Middle pane */
div.midpane_warning div.warning_lgreen_blue_sml {
    background:#0061aa !important;
    width:78px;
}
div.midpane_warning div.warning_lgreen_blue_sml div.botright {
    background:url(/static/images/warning_br_lgreen_blue_sml.gif) bottom right no-repeat !important;
    width:78px;
}
div.midpane_warning div.warning_lgreen_blue_sml div.botleft {
    background:url() bottom left no-repeat !important;
    width:78px;
}
div.midpane_warning div.warning_lgreen_blue_sml div.topright {
    background:url(/static/images/warning_tr_lgreen_blue_sml.gif) top right no-repeat !important;
    width:78px;        
}
div.midpane_warning div.warning_lgreen_blue_sml div.topleft {
    background:url(/static/images/warning_tl_lgreen_blue_sml.gif) top left no-repeat !important;
    min-height:2em;
    width:78px;
}
div.midpane_warning div.warning_dgreen_red_sml div.topleft div.text, div.midpane_warning div.warning_lgreen_red_sml div.topleft div.text, div.midpane_warning div.warning_dgreen_blue_sml div.topleft div.text, div.midpane_warning div.warning_lgreen_blue_sml div.topleft div.text {
    font-size:1.9em;
    padding-top:5px;
    padding-left:0px;
    padding-bottom:2px;
    width:32%;
    text-align:center;
}
div.midpane_warning div.warning_dgreen_red_sml div.topleft div.text, div.midpane_warning div.warning_lgreen_red_sml div.topleft div.text, div.midpane_warning div.warning_dgreen_blue_sml div.topleft div.text, div.midpane_warning div.warning_lgreen_blue_sml div.topleft div.text {
font-size:1.9em;
padding-bottom:2px;
padding-left:0px;
padding-top:5px;
text-align:center;
width:32%;
}
div.middlecol div.midpane_warning div.topleft div.text, div.table div.midpane_warning div.topleft div.text {
color:#FFFFFF !important;
float:left;
font-size:0.9em;
font-weight:bold !important;
line-height:0.9em;
padding-bottom:2px;
padding-top:3px;
width:50%;
z-index:100;
}
div.midpane_warning div.warning_dgreen_red_sml div.tl_img, div.midpane_warning div.warning_lgreen_red_sml div.tl_img, div.midpane_warning div.warning_dgreen_blue_sml div.tl_img, div.midpane_warning div.warning_lgreen_blue_sml div.tl_img {
width:35px !important;
}
div.middlecol div.midpane_warning div.tl_img, div.table div.midpane_warning div.tl_img {
float:left;
padding-bottom:3px;
padding-left:4px;
padding-top:3px;
width:37px;
}
div.midpane_warning div.topleft {
    display: table-cell;
    height:auto
}
table div.midpane_warning div.topleft {
    display: table;
    height:auto;
    position:static;
}
div.midpane_warning div.tl_img {
    padding-top:3px;
    padding-bottom:3px;
}
div.midpane_warning div.tl_img, div.midpane_warning  div.text {
    float:left
}
div.midpane_warning div.text a {
    color:#fff
}
div.midpane_warning div.text a:hover, div.midpane_warning div.text a:focus {
    color:#fff
}
.FloodWarningSummary div.midpane_warning {float:left}
/*div.theme1 div div.midpane_warning, div.theme1 div.midpane_warning div {
background-image:none !important
}*/
div#rightcol div.theme1 div.midpane_warning div {padding-bottom:0 !important}
div.theme1 div div.FloodLegend {width:139px !important;height:100%;float:left;background-image:none !important;border-right:1px solid #628B1A;border-left:1px solid #628B1A;padding:5px}
div.theme1 .LengendContainer {float:left}
div.theme1 div div.FloodLegend div.midpane_warning {clear:both;width:136px !important;padding-top:10px}
div.theme1 div div.FloodLegend div.midpane_warning  div {width:136px !important}
div.theme1 div div.FloodLegend div.midpane_warning div.text {width:20px !important;float:left!important;padding-top:2px !important}
div.theme1 div div.FloodLegend div.midpane_warning div.tl_img {width:30px !important;padding:4px}
div#rightcol div.theme1 div div.FloodLegend div.midpane_warning div.text a{color:white;}
div#rightcol div.theme1 div div.FloodLegend div.midpane_warning div.text a:hover{color:white;}
div.theme1 div div.FloodLegend div.midpane_warning div.tr_img {width:auto !important;float:right;padding:4px}
div.theme1 div div.FloodLegend h3 {padding-left:5px !important} 
div.theme1 div div.FloodLegend p {border:0 !important;padding:4px !important;}
div#rightcol div.theme1 div div.FloodLegend div.topright {padding-bottom:4px !important;}
/* Jobs Search Results */
.Jobs h3 {
       width:100% !important;
       padding-top:15px !important;
} 
/*.Jobs h4 {
    border-right:1px solid #FFFFFF;
    clear:left;
    display:block;
    float:left;
    padding:10px;
    overflow:hidden;
    width:33%;
    padding-top:0 !important;
    border:0;
} */
.Jobs ul {
    padding-bottom:20px !important;
    border-bottom:1px solid #fff;
    display:table;
}
/*.Jobs li {
    border-bottom:1px solid #fff;
}    */
.Jobs .jobsresult, .Jobs .jobsresultlast  
{
    width:25% !important;
    height:100% !important;
    float:left !important;
    margin:0 !important;
    padding:0 !important;
    margin-left:5px !important;
    display:table-cell !important;
}
*>.Jobs .jobsresult, .Jobs .jobsresultlast  
{
    margin-left:10px !important;
}
.Jobs .TitleInfoBox
{
    float:left !important;
    display:table !important;
    width:100%  !important;
}
.Jobs .TitleInfoBox span, .Jobs  .TitleInfoBoxLast span
{
    float:right;
    width:70%;
    margin:0;
    padding:0;
    display:table-cell;
    font-weight:normal;
} 
/* News Search Results */
.NewsIntro {
    padding: 10px 0 10px 10px;
    color:#2E3C16;
    clear:left;
}
.NewsList h3 , .NewsList p {
       clear:both !important; 
       width:100% !important;
}
.NewsList p {margin:0;}
/* Consultations */
.Consultations .ResultItem {
    margin:0 !important;
}
.Consultations ul
{
    padding-top:5px !important;
    padding-bottom:5px !important;
}
.Consultations ul .TitleInfoBox div
{
   clear:both;
   padding-left:6px;
   padding-right:30px !important;
}
.Consultations .TitleInfoBox div {
    padding:0pt 0pt 0pt 7px !important;
}
.Consultations .TitleInfoBox .TitleLink {
    padding-left:8px !important;
}
.Consultations .TitleInfoBox p {
   padding:0 !important;
}
#ApplicationResultsFull.Consultations  ul li .TitleInfoBox .ImageLink{
    float:right;
}
#ApplicationResultsFull.Consultations  ul li .TitleInfoBox .TitleLink{
    float:left;
}
#ApplicationResultsFull.Consultations ul li .TitleInfoBox span{clear:both;}
#ApplicationResultsFull.Consultations ul li .TitleInfoBox p{clear:both;}
#ApplicationResultsFull.Consultations ul li .TitleInfoBox div{clear:both;}
a:hover, a:focus {
    cursor:pointer !important;
}
div.midpane_warning a {
    text-decoration:none !important;
}
 
/* Blue warning signs on White background - Right pane */
div.midpane_warning div.warning_white_blue {
    background:#0061aa !important;
    width:151px;
}
div.midpane_warning div.warning_white_blue div.botright {
    background:url(/static/images/warning_br_white_blue_mid_.gif) bottom right no-repeat transparent !important;
    width:151px;
}
div.midpane_warning div.warning_white_blue div.botleft {
    background:url(/static/images/warning_bl_white_blue_mid_.gif) bottom left no-repeat transparent !important;
    width:151px;
}
div.midpane_warning div.warning_white_blue div.topright {
    background:url(/static/images/warning_tr_white_blue_mid_.gif) top right no-repeat transparent !important;
    width:151px;
        
}
div.midpane_warning div.warning_white_blue div.topleft {
    background:url(/static/images/warning_tl_white_blue_mid_.gif) top left no-repeat transparent !important;
    min-height:2em;
    width:151px;
    
}
/* Red warning signs on White background - Right pane */
div.midpane_warning div.warning_white_red {
    background:#ee3b33 !important;
    width:151px;
}
div.midpane_warning div.warning_white_red div.botright {
    background:url(/static/images/warning_br_white_red_mid_b.gif) bottom right no-repeat transparent !important;
    width:151px;
}
div.midpane_warning div.warning_white_red div.botleft {
    background:url(/static/images/warning_bl_white_red_mid_b.gif) bottom left no-repeat transparent !important;
    width:151px;
}
div.midpane_warning div.warning_white_red div.topright {
    background:url(/static/images/warning_tr_white_red_mid_b.gif) top right no-repeat transparent !important;
    width:151px;
        
}
div.midpane_warning div.warning_white_red div.topleft {
    background:url(/static/images/warning_tl_white_red_mid_b.gif) top left no-repeat transparent !important;
    min-height:2em;
    width:151px;
    
}
.JobsContactAddress,.JobsContactTelephone {float:none!important;display:block!important;}
.JobsContactAddress p {margin:0;padding-bottom:0!important;}
.JobsContactTelephone p {margin:0;}
.FloodIcon {
    clear:left;
    display:block;
    float:left;
    width:40%;
    min-width:200px;
    padding:10px 0 10px 10px;
    border-right:1px solid #fff;

}
 
/*New Styles for the Science projects pages*/
.ScienceProjectsForm {margin:0 0 10px 10px;}
.ScienceProjectsForm ul li{margin:2px 0 2px 0;}
.ScienceProjectsForm label{display:block; float:left; width:150px;margin:3px 0 3px 0;}
.ScienceProjectsForm select {width:230px;}
.ScienceProjectsForm .ScienceProjectInput{width:225px;background-color:#ebf1e0; padding:1px 0 1px 0;}
.ScienceProjectsForm .ScienceProjectButton{margin:0 0 0 320px;}
.ScienceProjectsTable{margin:10px 0 10px 0;}
.ScienceProjectsTable table tbody a{display:block; padding: 0 14px 0 0; width:96%; background:url(/static/images/bg_next_theme1.gif) center right no-repeat; }
.ScienceWrapper{margin:0 0 0 10px;}
.ScienceWrapper p{color:#2f3c16;}
.ScienceProjectsTable .Width55{width:55%;}
.ScienceProjectsTable .Width10{width:10%;}
 
 
 /* Start of new CSS */

.theme1 div#rightcol ul, div#rightcol div.theme1 ul, .theme1 div#rightcol p, div#rightcol div.theme1 p, .theme1 div#rightcol form, div#rightcol div.theme1 form, .theme1 div#rightcol div.includeForm, div#rightcol div.theme1 div.includeForm, div#rightcol dl {
border-left:1px solid #628B1A;
border-right:1px solid #628B1A;
}
.right-col-warning div#rightcol ul, div#rightcol div.right-col-warning ul, .right-col-warning div#rightcol p, div#rightcol div.right-col-warning p, .right-col-warning div#rightcol form, div#rightcol div.right-col-warning form, .right-col-warning div#rightcol div.includeForm, div#rightcol div.right-col-warning div.includeForm, div#rightcol div.right-col-warning dl {
border-left:1px solid #ce000c;
border-right:1px solid #ce000c;
}
div#rightcol dl {
padding:0.7em 10px 0.5em;
}
dl {text-align:left;}
dt {font-weight:bold;}
dt img {margin: 0 auto;padding:10px 20px;}
dt.reddot img {margin: 0;padding:0;}
.reddot dt img {margin: 0;padding:0;}
.reddot img {margin:0; padding:0;}
dd {margin-bottom:10px;}
ul.AnchorList li {font-weight:bold;}
ul.AnchorList li a {
text-decoration: underline;
font-weight:normal;
}


#ResultsDetail ul.MultiColumnList, .MultiColumnList, #ResultsDetail ul.MultiColumnTabularList, .MultiColumnTabularList {
float:right;
list-style:none outside none;
margin:0;
padding:0;
width:74%;
}
#ResultsDetail ul.details li {
margin-bottom:10px;
}
.details img {float:left; padding: 0 1em 1em 1em;}

#ResultsDetail ul.MultiColumnTabularList li {
clear:none;
float:left;
margin:0 0 0 12px;
padding:0;
/*width:39%;*/
}
ul.MultiColumnTabularList span {width:41%;display:inline-block;}
#ResultsDetail #current-status {/*background:url(../images/flood_alert.jpg) left center no-repeat; */ width:74%; padding:0; }
#ResultsDetail ul.details #current-status p {float:left;padding-left:15px;width:51%;}
#ResultsDetail ul.details #current-status p.status {font-size:150%;  margin-bottom:0; margin-top:0;}
#ColourAreaList ul li p {
margin-left:0.5em; margin-bottom:1em;}
.flood-warning-text
#ApplicationResults  p  {padding-left:150px;}

/*#ApplicationResultsFull div.midpane_warning .flood-warning-text p {position:absolute; left:280px; width:10%;}*/
.FloodIcon {height:84px width:90px;}
#ApplicationResultsFull .midpane_warning p {font-size:150%; padding-left:20px;}
.FloodIcon img {float:left; padding: 0 1em 1em 0;}
.FloodIcon {
   margin-right:-1px;
   display:block;
   height:100px;
}
 
#ApplicationResults li.head, #ApplicationResultsFull .head {
background:url("../images/bg_divider_left_green_long.jpg") no-repeat scroll left bottom #DAE5C5;
margin:0;
padding: 0 0;
}
#ApplicationResultsFull .TitleInfoBox a {text-decoration:underline; font-weight:bold;}    
.widthfix {width:35em;}
.three_column .widthfix {width:100%;}

/*Flood national summary Landing page table*/
.NationalSummaryTable table th {background-color:#dae5c5;}
.NationalSummaryTable table thead tr td {background-color:#EAF1E1;}
.NationalSummaryTable table thead a {text-decoration:underline;}
.NationalSummaryTable table tbody tr td {height:84px; font-size:1em; font-weight:bold;}
.NationalSummaryTable table tbody tr th {  font-weight:bold;}
.NationalSummaryTable table tbody tr th .sub-text {  font-weight:normal;}
/* end of the national summary table */
/* Super home page flood warnings box*/
.left-warning-box  {
background:url(../images/left-warning-box.png) no-repeat scroll left top transparent;
margin-left:-6px;
z-index:101;
float:left;
}
.warning-box  {
background:url(../images/middle-warning-box.png) repeat-x scroll left top transparent;
float:right;
height:138px;
position:relative;
top:60px;
right:-625px;
z-index:90000000;
text-align:left;  }
.right-warning-box  {
background:url(../images/right-warning-box.png) no-repeat scroll right top transparent;
height:138px;
margin-right:-6px;
z-index:120;
padding:0 1em; overflow:hidden;
}
.warning-box h3 {color:#fff; padding:5px 0;}
.severe-top-box, .warning-top-box {float:left;}
.warning-top-box { }
.alert-top-box {}
.severe-top-box, .warning-top-box, .alert-top-box {  margin-top:2px;margin-bottom:2px;  color:#2e3c16;width:33%;}

.severe-top-box img {margin:0 0 0 9px;}
.warning-top-box { margin-left: 5px;}
.alert-top-box {width:32%;float:right;}
.warning-box div.more  {
border-top:1px solid #628B1A;
margin-top:3px;overflow:auto;
padding-top:2px;
width:100%;}

/* HERE IS THE LANDING PAGE CHANGES */
.homemap {
width:32.25%;
}
div#contentInnerWrapper .inner-wrapper {
margin-right:0px;
width:100%;
}
div#contentColWrapper .content-wrapper {
margin-right:0px;
}
#contentColWrapper.NoRightMargin {margin-right:0!important;}

.NationalSummaryTable table td, .NationalSummaryTable table th {padding:10px 5px;margin:0;width:7%;font-weight:normal}
.NationalSummaryTable table th.status {width:20%;} 
.FloodWarningSummary td a {
text-decoration:underline;
}
.FloodWarningSummary th {text-align:center;; vertical-align:middle;}
.sub-text {display:block;}
.meta-text {padding:0; margin: 0 0 10px 0;}
.plain_text {padding-bottom:10px!important;}


/* Here is end of landing page changes */
/* Here is end of landing page changes */
div.threedaypanels {margin-bottom: 30px; color:#2F3C16;}
div.threedaypanels .panel  img {display:block; margin: 0 auto; float:none;}    
.threedaypanels p {display:block; margin:10px 50px; padding:2px 5px; font-size: 1.3em; text-align:center; font-weight:bold;}

.NationalSummaryTable table tr {background-color:#dae5c5;}
    
.three-day-forecast table thead tr td {background-color:#EAF1E1;font-weight:bold; font-size:1.2em; }
.three-day-forecast table thead a {text-decoration:underline;}
.three-day-forecast table tbody tr td {height:84px;font-weight:bold; text-align:center; }
.three-day-forecast table tbody tr td a {background:url(/static/images/bg_green_li.gif) right center no-repeat; padding-right:10px; text-decoration:underline;}
.three-day-forecast table tbody tr th {  font-size:1.2em; font-weight:bold; text-align:left;}
.three-day-forecast table thead tr th {text-align:center;}
.three-day-forecast table tbody tr th, .three-day-forecast table tbody tr td {width:24.99%;}
.three-day-forecast table tbody tr th .sub-text {  font-weight:normal;}
.three-day-forecast {width:100%}
.three-day-forecast table {width:100%; margin-top:10px;}
.three-day-forecast table thead tr th, .three-day-forecast table thead tr td  {padding:10px; background-color:#DAE5C5 ;margin:0;font-weight:bold;font-size:1.2em;}
.three-day-forecast table tfoot, .three-day-forecast table thead {width:100%}
.three-day-forecast table td, .three-day-forecast table th {padding:10px;margin:0;font-weight:normal;background-color:#EAF1E1}
.three-day-forecast table th {background-color:#DAE5C5;} 
.three-day-forecast h2  {background:url(/static/images/bg_divider_left_green_long.jpg) no-repeat bottom left;clear:both;margin-bottom:10px;padding-bottom:5px;padding-left:10px;font-size:110%}
.expandLink {margin-top:10px}
#high {background: #c30533; color:#fff;}
#mdium {background:#ffa140;}
#low {background: #fffb69;}
#very_low {background:#cbff30;}
.help-panel {background:url(/static/images/bubble-top.png) top left no-repeat;
padding-bottom:10px;
z-index:1;
left:27%;
position:absolute;
font-weight:normal;
}
#more-info-panel-hr, #more-info-panel-mr, #more-info-panel-lr, #more-info-panel-nr, #more-info-panel-counties {    z-index:1;background:url(/static/images/bubble-bottom.png) no-repeat scroll left bottom transparent; padding-bottom:1px;}
.content {background:#fff;width:235px; padding:0 5px; margin:20px 0 10px 0px;border:0 none;  border-left:1px solid #628b1a; border-right:1px solid #628b1a;  color: #2c3913;
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;}
.helpText {margin:5px 15px;}
.close-popup {
background:url(/static/images/close.jpg) no-repeat scroll right top #FFFFFF;
cursor:pointer;
padding-bottom:2px;
padding-right:20px;
margin-left:135px;
padding-top:1px;
text-align:right;
text-decoration:underline;
font-weight:bold;}
.help-panel a {text-decoration:underline;}
.content a:hover {text-decoration:none; color:#618b19;}
.open-mr, .open-hr, .open-lr, .open-nr, .high-risk, .low-risk, .medium-risk, .no-risk {float:right;}
.counties-help {left:380px;}

a.open-counties img {margin-bottom:-5px;}

.key-3df {margin-top:15px;}
.key-3df h3 {margin:10px 0 5px 0;}
div#content h2.subheadertitle  {
font-size:1.4em;
padding-left:0.5em;;
}

div.threedaytabletitle .subheadertitle, div.plain_text .subheadertitle, div.plain_text h2.subheadertitle {font-size:1.4em; background-image:none; padding-left:0em!important;}
#question_mark {background:url(/static/images/question_mark.gif) no-repeat scroll right top #FFFFFF; }
#question_mark_hr {background:url(/static/images/question_mark_hr.gif) no-repeat scroll right top #FFFFFF; }
#question_mark_mr {background:url(/static/images/question_mark_mr.gif) no-repeat scroll right top #FFFFFF; }
#question_mark_lr {background:url(/static/images/question_mark_lr.png) no-repeat scroll right top #FFFFFF; } 
#question_mark_nr {background:url(/static/images/question_mark_nr.gif) no-repeat scroll right top #FFFFFF; }
