/*------------------------------------------------------------------------*/
/* search layout                                                          */
/*------------------------------------------------------------------------*/

#sidebar {
    width:150px; 
    background:url('/images/backgrounds/vertical_gradient.gif') repeat-x top left;
}

div#col_2 div#content {
    margin: 0;
    padding: 10px 0 10px 10px;
    width: auto;
}

#col_1_2 #content {
    margin: 0px;
    padding: 5px 0 10px 0px; 
    width: auto;
}

#col_1_2 #content img.search_title {
    margin: 0 0 0 40px;
}


#content input.text, 
#content textarea, 
#content select, 
#content form div.value {
    background-color:#F3EFF4;
    border:1px solid #888888;
    color:#444444;
    font-family:Arial,Helvetica,sans-serif;
    font-size:14px;
    line-height:16px;
    margin:0 0 0 10px;
    padding:2px 4px;
}

#content #messages {
    margin: -5px 5px 0 5px;
}

img.headline {
    width: 200px;
    height: 20px;
    margin-top: 5px;
}


/*------------------------------------------------------------------------*/
/* inline styles for search results                                       */
/*------------------------------------------------------------------------*/

#content form.inline {
    display: inline; 
    margin:0;
    padding: 0; 
    border: 0; 
    background-color: transparent
}

#content form.inline select {
    float: none; 
    display: inline; 
    margin: 0; 
    padding: 0; 
    clear: none;
}


/*------------------------------------------------------------------------*/
/* search form                                                            */
/*------------------------------------------------------------------------*/

#content form.search { 
    clear:both; float:none; width:493px; margin:10px 0 10px 0;
}
#content form.search fieldset { 
    width: 240px; padding:0px; 
}

#col_1_2 form.search {
    margin: 0 0 0 90px;
}

#content form.search fieldset.basic { 
    clear:both; float:left; 
}

#content form.search fieldset.top {
	width: 220px;
}
#content form.search fieldset.detailed { 
    clear:none; float:right; 
}
#content form.search div.buttons { 
    clear:none; float:right; margin-top:0px;width: 240px;
}
#content form.search fieldset.top_search_buttons { 
    width: 40px;float:left;margin-top:-2px;
}
#content form.search legend { 
    display:none; 
}

#content form.search label { 
    font-size:12px; line-height: 12px; margin-top: 3px; width:57px; 
    color: #888;
}
#content form.search div.field {
    margin:0px 0px 4px 0px; 
}
#content form.search input.text,
#content form.search select { 
    font-size:10px; line-height: 12px;
    margin:0px; background:#fff;
    z-index: 50;
} 
#content form.search input.text { 
    width: 166px; padding:2px 3px 0 3px; height:15px;
}
#content form.search select { 
    width: 174px; padding:1px 1px; height:19px;
}
#content form.search input.mini {
    float: left;
    width: 46px; margin-right: 5px;
}
#content form.search select#metrics,
#content form.search select#period { 
    float: left;
    width:56px; padding-left:0px;
}
#content form.search div.buttons input.button { 
    float: right; margin-top: 0px;
    padding-top: 1px;  padding-bottom: 1px;
    width: 114px; 
}
#content form.search fieldset.buttons input.go { 
    width:104px; height:21px; margin-top:0px; padding: 1px;
}
#content form.search fieldset.top_search_buttons input.go { 
    width:24px; height:21px; margin-top:0px;border:0px; padding: 1px;
}
#content form.search input#postcode {width:50px;}

#content form.search label.tiny { clear:none; width:15px; }

h3.refine_title {
    clear:none; float:left;
    padding: 0 0 0 13px; margin: -2px 0 0 0;
    width:150px;font-size:11px;
    font-weight:bold; 
}

a.search_again {
    display: block; float:right; clear:none;
    padding-right:40px; margin: -2px 0 0 0;
    width:150px; font-size:11px;
    font-weight:bold; text-align:right;
}


/*------------------------------------------------------------------------*/
/* refine search                                                          */
/*------------------------------------------------------------------------*/

form.refine {
}

form.refine label { 
    clear: none; 
    margin-left: 10px;
    width: 50px; 
    color: #888;
}

form.refine div.field {
    margin: 0px 0px 4px 0px; 
}

form.refine div#scheme_field.field {
    margin: 0px 0px 4px 0px;
    position:relative;
    z-index:1102; 
}

form.refine div#town_field.field {
    margin: 0px 0px 4px 0px;
    position:relative;
    z-index:1101; 
}

form.refine input.text,
form.refine select { 
    clear:none;
} 

form.refine input.mini {
    float: left;
    width: 64px; margin-right: 5px;
}
form.refine select#metrics,
form.refine select#period { 
    float: left;
    width:71px; padding-left:0px;
}

form.refine div.fluxbox div.results {
    width: 225px;
}

form.refine div.buttons { 
    margin-left: 65px;
}

form.refine div.buttons input.button,
form.refine div.buttons a.button { 
    margin-top: 0px;
    padding-top: 1px;  padding-bottom: 1px;
    margin: 0 5px 0 0;
    width: 71px; 
}

form.refine div.buttons a.button { 
    width: 45px; 
}

form.refine div.buttons a.save { 
    background-color: #a3c12e;
    color: white;
    border: 1px solid #a3c12e;
}

form.refine a.save:focus::-moz-focus-inner, input.delete:focus::-moz-focus-inner {
    border: 1px solid #a3c12e;
}

body.debugging #refine_search_panel div.body {
    background-image: url('/images/backgrounds/grid_scheme_search.gif');
}




/*------------------------------------------------------------------------*/
/* search results                                                         */
/* NOTE: the outer wrapper for the search results that generates the page */
/* back/forward links is styled by the css/search.css template which ends */
/* up in cr.css                                                           */
/*------------------------------------------------------------------------*/

table.results { 
    clear: both; float: none; 
    width: 660px;
    background: url('/images/backgrounds/table_background.gif') repeat-x top left;
    padding: 0px; margin: 10px 0px;
    border-collapse: separate; border-spacing: 0;
}

table.results thead th {
    margin: 0px; 
}

table.results thead th a.order {
    font-size: 11px;
}

table.results tbody tr td {
    background: #FCFCFC; 
}

table.results tbody tr td,
table.results tbody tr th { 
    color: #333333; 
    font-weight: normal; 
    font-size:10px; line-height: 16px; padding-left:5px;
    vertical-align: middle;
    padding: 0px 4px;
}

table.results tr.even th,
table.results tr.even td,
table.results tr.odd td {
    border-right: 0;
} 

table.results tbody tr td a img { margin:0px;padding:0px; }
table.results tbody tr td.class,
table.results tbody tr td.type    { text-align:center;}
table.results tbody tr td.size    { text-align:right; padding: 0px 12px 0px 0px;}
table.results tbody tr td.details { text-align:left; padding: 0px 0px 0px 5px;}
table.results tbody tr td.details a,
table.results tbody tr td.details a:link,
table.results tbody tr td.details a:visited { margin:0px; padding:0px; }
table.results tbody tr td a,
table.results tbody tr td a:link,
table.results tbody tr td a:visited,
table.results tbody tr th a,
table.results tbody tr th a:link,
table.results tbody tr th a:visited {color:#666;}
table.results tbody tr.even { height:24px; padding:0px 0px 0px 15px;}
table.results tbody tr.odd  { height:26px; padding:0px 0px 0px 15px;} 
table.results tbody tr.odd td.delete {background:none;}
table.results tbody tr.t_footer td {font-size:12px; font-weight:normal;padding-top:15px;border:none;}
table.results tbody tr.t_footer td#right {text-align:right; padding-right:50px;color:#999999;}
table.results tbody tr.t_footer td select {float:none;clear:none;}


/*
table.results tbody tr.even td.details,
table.results tbody tr.odd td.details   { background:none;}
table.results thead th.town             { width:  93px; }
table.results thead th.address          { width: 208px; }
table.results thead th.size             { min-width: 40px; padding-left: 0; padding-right: 12px; text-align: right; } 
table.results thead th.small            { min-width: 25px; padding-left: 10px; padding-right: 12px; text-align: right;} 
table.results thead th.class            { width:  60px; }
table.results thead th.type             { width:  60px; }
table.results thead th.rent             { width:  60px; }
table.results thead th.availability     { width:  60px; }
table.results thead th.details          { width:  75px; }
table.results tbody tr.odd td.compare,
*/

table.results tbody tr td.name a.name { 
    font-size: 11px; color:#444;  
    position: relative; overflow: visible 
}

table.results tbody tr.sponsored td.name a.name { 
    font-weight: bold;
    display: block;
    padding-left: 14px;
    background: url('/images/icons/sponsored_star.gif') no-repeat left 2px;
}

table.results tbody tr.sponsored td.name a.name:hover {
    background-position: left -48px;
}

body.HS table.results tbody tr.sponsored td.name a.name { background-image: url('/images/icons/sponsored_star_HS.gif') }
body.SC table.results tbody tr.sponsored td.name a.name { background-image: url('/images/icons/sponsored_star_SC.gif') }
body.RW table.results tbody tr.sponsored td.name a.name { background-image: url('/images/icons/sponsored_star_RW.gif') }

/* table.results thead th.name {width:260px;} */

table.results tbody td.name a.name img.tip { 
    display: none 
}

table.results tbody td.name a.name:hover img.tip { 
    display: block; position: absolute; top: 20px; left: 0px; width: 64px; height: 48px; 
    padding: 1px; border: 1px solid #444; z-index: 5; background-color: white; 
}

table.results tbody td.name a.name:hover img.thumb { 
    width: 64px; height: 48px; 
}

/*
table.results tbody td.details div.address { 
    margin-top: 4px; font-size: 11px; 
}
table.results tbody td.details span.town,
table.results tbody td.details span.postcode { 
    font-size: 11px;  line-height: 22px; font-weight: normal; color: #808080 
}
*/

table.results tbody tr.even td.link,
table.results tbody tr.odd td.link { 
    width: 55px; height: 21px;
    padding: 0; margin: 0;
    font-size: 10px; text-align: right; 
}

table.results thead th.size a.order,
table.results tbody td.size,
table.results thead th.rent a.order,
table.results tbody td.rent,
table.results thead th.use_class a.order,
table.results tbody td.use_class,
table.results thead th.availability a.order,
table.results tbody td.availability { 
    text-align: right;
}

/*
table.results thead th a.up,
table.results thead th a.down    { color: #444 }
*/

table.results tfoot td { 
    background:#FFF; 
}

table.results tfoot td.compare_button { 
    width: 70px;  padding: 3px 0 0 0; margin:0;
    text-align: left;
}

#content a.view {
    width: 30px; margin: 0; color: white;
}

#content a.compare_up,
#content input.compare_up {
    display: block; float: right;
    margin: 0; border: 0;
    width: 75px; height: 21px; 
    background: url('/images/buttons/compare_up_left.gif') no-repeat top left;
    cursor: pointer;
}


/*------------------------------------------------------------------------*/
/* tweaks for scheme results                                              */
/*------------------------------------------------------------------------*/

table.schemes tbody td.name     { width: 40% }
table.schemes tbody td.location { width: 25% }
table.schemes tbody td.region   { }
/*table.schemes tbody td.size     { width: 20% } */
table.schemes tbody td.link     { }
table.schemes tbody td.region { 
    min-width: 25%; font-weight: bold; 
}

/*------------------------------------------------------------------------*/
/* tweaks for listings results                                            */
/*------------------------------------------------------------------------*/

table.listings tbody td.location { 
    width: auto 
}
table.listings thead tr th.use_class,
table.listings tbody tr td.use_class {
    text-align: center; 
}

/*------------------------------------------------------------------------*/
/* section-specific styling of search results                             */
/*------------------------------------------------------------------------*/

body table.results thead th a.order:hover,
body table.results thead th a.order:active,
body table.results tr td a:hover,
body table.results tr td.name a.name:hover { 
    color: #541C70;
}

body.RW table.results thead th a.order:hover,
body.RW table.results thead th a.order:active,
body.RW table.results tr td a:hover,
body.RW table.results tr td.name a.name:hover { 
    color: #0488B4;
}

body.SC table.results thead th a.order:hover,
body.SC table.results thead th a.order:active,
body.SC table.results tr td a:hover,
body.SC table.results tr td.name a.name:hover { 
    color: #A21D2D;
}

body.HS table.results thead th a.order:hover,
body.HS table.results thead th a.order:active {
    color: #d98700;     /* darken it a little to increase contrast */
}

body.HS table.results tr td a:hover,
body.HS table.results tr td.name a.name:hover { 
    color: #F9A51A;
}

body.HS table.results th a.order   { background-image: url('/images/arrows/sorting_arrows_HS.gif') }
body.SC table.results th a.order   { background-image: url('/images/arrows/sorting_arrows_SC.gif') }
body.RW table.results th a.order   { background-image: url('/images/arrows/sorting_arrows_RW.gif') }

body.RW form.refine input.button {
    background-color: #0488B4;
    border: 1px solid #0488B4;
}
body.SC form.refine input.button {
    background-color: #A21D2D;
    border: 1px solid #A21D2D;
}
body.HS form.refine input.button {
    background-color: #F9A51A;
    border: 1px solid #F9A51A;
}

form.refine div.buttons a.save:hover,
form.refine div.buttons a.save:focus,
body.RW form.refine input.button:hover,
body.RW form.refine input.button:focus,
body.SC form.refine input.button:hover,
body.SC form.refine input.button:focus,
body.HS form.refine input.button:hover,
body.HS form.refine input.button:focus {
    background-color: #F3A223;
    border: 1px solid #F3A223;
}

body.RW form.refine input.search:hover,
body.RW form.refine input.search:focus,
body.SC form.refine input.search:hover,
body.SC form.refine input.search:focus,
body.HS form.refine input.search:hover,
body.HS form.refine input.search:focus {
    border: 1px solid #A35200;
}

form.refine div.buttons a.save:focus::-moz-focus-inner,
body.RW form.refine input.button:focus::-moz-focus-inner,
body.SC form.refine input.button:focus::-moz-focus-inner,
body.HS form.refine input.button:focus::-moz-focus-inner {
    border: 1px solid #F3A223;
}

/*------------------------------------------------------------------------*/
/* map                                                                    */
/*------------------------------------------------------------------------*/

div.map {
    clear: both;
    float: none; 
    background-color: white;
    padding: 0px;
    border: 0;
    margin: 0px 0; 
    width: 660px;
    height: 350px;
    z-index: 10;
}

div#content div#map { 
    clear: both;
    float: none; 
    position: relative; 
    display: block; 
    width: 660px; 
    height: 350px; 
    margin: 0; 
}

#col_3 div.map,
#col_3 #map {
    width: 310px;
    height: 310px; 
    padding: 0;
    border: 0;
}

div#col_3 div.map { margin:2px 0 5px 0; }


/*------------------------------------------------------------------------*/
/* tabbed panels and regional search with map of britain                  */
/*------------------------------------------------------------------------*/

div.tabbed {
    float: none;
    margin: 2px 0px 20px 0;
}

div.tabbed h3.title {
    display:block; clear:both; float:left;
    width:120px; height:24px; 
    margin: 0; padding: 2px 0px 0 10px;
    background:#541C70;  color:#fff;
    font-size:13px; font-weight:bold;
    line-height: 22px;
    -moz-border-radius: 2px 2px 0 0;
}

div.tabbed div.body {
    clear: both;
    border-top:3px solid #541C70;
    background-color: white;
    margin: 0; padding: 10px;
}

div.tabbed div.body p {
    font-size:12px; font-weight:normal;
    margin-top: 6px;
}

div.tabbed div.no_match p {
    width: 260px;
    float: left;
}

div.tabbed h4 {
    font-size:16px; font-weight:normal;
    margin-bottom:0px; padding: 0px 0px 10px 0px; width:200px;height:25px;
    float:right; clear:right;
    color: #541C70;
}

div.britain_map_holder div.britain_map {
    float: left; width: 270px;
}

div.britain_map_holder p {
    float:right; clear:right; width:200px;
    margin: 0 0 10px 0; padding:0px;
    font-size:12px; font-weight:normal;
}

#britain_map_info {
    float:left; clear:right; width:200px;
    margin: 5px 0 10px 0; padding:0px;
    font-size:12px; font-weight:normal;
    color: #541C70;
}

body.SC div.tabbed h3.title { background-color: #a21d2d; }
body.RW div.tabbed h3.title { background-color: #0488B4; }
body.HS div.tabbed h3.title { background-color: #F9A51A; }

body.SC div.tabbed div.body { border-top: 3px solid #a21d2d; }
body.RW div.tabbed div.body { border-top: 3px solid #0488B4; }
body.HS div.tabbed div.body { border-top: 3px solid #F9A51A; }

body.SC div.tabbed h4,       
body.SC #britain_map_info   { color:#a21d2d; }
body.RW div.tabbed h4,
body.RW #britain_map_info   { color:#0488B4; }
body.HS div.tabbed h4,
body.HS #britain_map_info   { color:#F9A51A; }

/* /search/scheme specifically targetted styles */

body.CR div#content div.tabbed div.cr_open div#flash_banner {margin-top:-2px;}
body.CR ul.cr_banners li img.missing {display:none;}


/* tweaks for britain map in right hand column */

#col_3 div.britain_map {
    float: left; width: 270px; margin-left: 20px;padding-bottom:15px;
}

#col_3 #britain_map_info {
    margin-top: 5px;
    margin-left: -15px;
}

#col_3 div.panel {
    margin-top:0px;
}


/* TODO: check this */

/* properties table */
/* DEFAULT NON-BRANDED SPONSOR STYLING */

div#body table#property_results tbody tr.sponsor { background:#FDE4BA; }
div#body table#property_results tbody tr.sponsor th,
div#body table#property_results tbody tr.sponsor td { border-bottom: 3px solid #fff; }

div#body table#scheme_results tbody tr.sponsor { background:#dbdbdb; }
div#body table#scheme_results tbody tr.sponsor th,
div#body table#scheme_results tbody tr.sponsor td { border-bottom: 3px solid #fff; }

div#body tfoot { }
div#body tfoot tr { background:#f7f7f7; }