﻿/* TAB NAVIGATION SYSTEM FOR THE 3 COLUMN LAYOUT - 2009-02-25 [Steve N: Design Haus] */


/* search page results
---------------------------------------------------------------*/

#article-left-noNav
{
    width: 191px;
    float: left;
    text-align: center;
    margin-right: 1px;
}

#article-centre-2col-searchResults
{
    width: 718px;/*758*/
    float: left;
    margin-right: 1px;
    padding: 20px;
}

.sitesearch-results
{
    padding-right: 12px;
    margin: 0 0 0 15px;
    float: left;
}
.sitesearch-results input[type=image]
{
    margin: 0 0 3px 5px;
    float: left;
}
.sitesearch-results input[type=text]
{
    background-color: #D1EBF3;
    color: #00204F;
    border: 1px solid #98D3E4;
    font-size: 1em;
    padding: 5px;
    font-style: italic;
    float: left;
}

ul.topFilter
{
    background: transparent url('images/search-filter-background.jpg') 0 0 repeat-x;
    height: 34px;
    list-style: none;
    padding: 0;
    margin: 25px 0 0 0 !important;
    float: left;
    width: 100%;
}

ul.topFilter li
{
    padding: 0;
    margin: 0 0 0 10px;
    display: inline;
    float: left;
}

ul.topFilter li a
{
    padding: 4px 4px 2px 4px;
    margin: 0;
    color: #98D3E4!important; /* RYA Brand Dark Blue */
    text-transform: uppercase;
    text-decoration: none;
    font-weight: bold;
    float: left;
}

ul.realigned
{
    float: right !important;
    margin-top:-23px !important;
}
ul.realigned li
{
    float: right !important;
}

.tabHeader
{
    position:relative;
    width:525px;
    height:25px;
    background-color:#fff;
    z-index:5;
}

ul.topFilter li a:hover
{
    color: #fff;
    text-decoration: underline;
}

ul.topFilter li a.on
{
    background: #D5EDF4 url('images/search-filter-tab-background.jpg') 0 1px repeat-x;
    color: #01143C!important; /* RYA Brand Dark Blue */
    text-decoration: none;
    border: 1px solid #98D3E4;
    border-bottom: 1px solid #A3D6E7;
}
#sitesearch-results-wrapper
{
    background: transparent url('images/search-results-background.jpg') 0 0 repeat-x;
    min-height: 280px;
    float: left;
    width: 100%;
    _width: 98%;
}

.search-pagination
{
    border-top: 1px solid #D5EDF4; /* RYA Brand Sky Blue */
    border-bottom: 1px solid #D5EDF4; /* RYA Brand Sky Blue */
    margin-bottom: 20px;
    padding: 0 15px 0 0;
    text-align: right;
    float: left;
    width: 703px; /*718*/
}

.nosResults
{
    color: #06437C;
    font-size: 1.1em;
    float: left;
    padding: 5px;
}

.showAll
{
    color: #06437C;
    font-size: 1.1em;
    float: left;
    padding: 5px;
}

.search-pagination a.visited
{
    color: #667995;
}

.search-pagination .paginationFirst a
{
    color: #06437C;
    text-decoration: none;
    font-size: 1.1em;
    padding: 5px 7px 5px 7px;
    border-left: 1px solid #D5EDF4;
    border-right: 1px solid #D5EDF4;
    float: left;
    display: block;
}

.search-pagination .paginationFirst a:hover
{
    text-decoration: underline;
    background-color: #98D3E4;
}

.search-pagination .paginationNos a
{
    color: #06437C;
    text-decoration: none;
    font-size: 1.1em;
    padding: 5px 7px 5px 7px;
    border-right: 1px solid #D5EDF4;
    float: left;
    display: block;
}

.search-pagination .paginationNos a:hover
{
    text-decoration: underline;
    background-color: #98D3E4;
}


.search-pagination img
{
    border: none;
    margin: 6px;
    vertical-align: middle;
    float: left;
}

.search-pagination-content
{
    float: right;
}

dl.searchResult-data
{
    float: left;
    padding: 0;
    margin: 0 15px 15px 15px;
}

dl.searchResult-data a {text-decoration: none; color: #00204F;}
dl.searchResult-data a:hover {text-decoration: underline !important;}
dl.searchResult-data strong {color: #c10538;}

.searchResult-data dt
{
    padding: 0;
    margin: 0 0 15px 0;
    font-size: 1.45em;
    font-weight: bold;
    border-bottom: 1px solid #98d3e4;
}

.member-show {display: inline; margin: 0 0 0 7px;}
.member-hide {display: none;}

.pdf-show {display: inline; margin: 0 0 0 7px; font-size: 0.80em; font-weight: normal; color: #00204F;}
.pdf-hide {display: none;}

.searchResult-data dd.intro
{
    padding: 0px;
    margin: 0 35px 5px 0;
    color: #00204F;
    clear: both;
}

.searchResult-data dd.sub
{
    padding: 1px 3px 1px 3px;
    margin: 0 10px 0 0;
    float: left;
    border: 1px solid #98D3E4;
}

.searchResult-data dd.sub a {color: #2b5987;}
.searchResult-data dd.url {padding: 0px; margin: 3px 0 0 0; float: left;}
.searchResult-data dd.url a {color: #2b5987;}

#searchResults-footer
{
    float: left;
    width: 100%;
    text-align: right;
}

dl.searchResult-members
{
    float: left;
    padding: 0;
    margin: 0;
    color: #00204F;
}

.searchResult-members dt
{
    padding: 0;
    margin: 0;
    float: left;
}

.searchResult-members dd
{
    padding: 0;
    margin: 0;
    clear: both;
}

/* ---- 3 column tab navigation override ----- */

#article-right-content-wrapper.three-coltab .topFilter
{
    padding:0px;   
}
#article-right-content-wrapper.three-coltab .topFilter li
{
    background:none;
    margin:0px 0px 0px 10px;
    padding:0px;
    line-height:15px;
}
#article-right-content-wrapper.three-coltab .topFilter a
{
    color:#D5EDF4;
}
#article-right-content-wrapper.three-coltab .topFilter .on
{
    color:#01143C;   
}

/* ---- 2 column 'search' tab navigation override ----- */

#article-centre-2col .topFilter
{
    padding:0px;
}
#article-centre-2col .topFilter li
{
    background:none;
    margin:0px 0px 0px 10px;
    padding:0px;
    line-height:15px;
}
#article-centre-2col .topFilter a
{
    color:#D5EDF4;
}
#article-centre-2col .topFilter .on
{
    color:#01143C;   
}

/* -- ----- form page tabs ----- -- */

#article-centre-3col .formContainer ul.topFilter
{
    padding:0px;
}
#article-centre-3col .formContainer ul.topFilter li
{
    background:none;
    padding:0px;
    margin:0px;
    line-height:15px;
}
.formContainer .TabContent
{
    background: transparent url('images/search-results-background.jpg') 0 0 repeat-x;
    min-height: 280px;
    float: left;
    width: 460px;
    padding: 0px 10px!important;
}
.formContainer .TabContent .row
{
    _width:455px!important;
}
.formContainer .TabContent h3
{
    float:left;
    width:448px;
}
.formContainer .TabContent .label,
.formContainer .TabContent .field
{
    line-height:20px;
}
.formContainer .TabContent .label a
{
    font-size:11px;
}
.formContainer .TabContent select
{
    width:120px;
}
.formContainer .TabContent #DeliveryAddressSection,
.formContainer .TabContent #BillingAddressSection
{
    float:left;
    width:456px;
    padding:10px 0px;
    border:dotted 1px #98D3E4;
}
.formContainer .TabContent .shortfield
{
    width:130px;
}
.formContainer .TabContent .longerfield
{
    width:285px;
}
.formContainer .TabContent .longerfield a img
{
    border:none;
    margin-bottom:-4px;
}
.formContainer .TabContent .notes
{
    float:left;
    width:200px;
    _width:180px;
    font-size:11px;
}
.formContainer .TabContent .notes label
{
    float:left;
    clear:none;
    width:160px;
    margin-top:2px;
}
.formContainer .TabContent .notes input
{
    float:left;
    clear:none;
}
.formContainer .submit-btn
{
    float:right;
    clear:both;
    height:25px;
    border:none;
    background:none;
    text-indent:-999px;
    cursor:pointer;
    font-size: 0px;
    display:block;
    line-height: 0px;
}
.formContainer .find-details
{
    width:117px;
    background:transparent url(images/buttons/btn-findmydeails-lrg-blue.png) no-repeat left top;
}
.formContainer .submit-registration
{
    width:153px;
    background:transparent url(images/buttons/btn-submit-registration-lrg-blue.png) no-repeat left top;
}

.TabLessContent .TabContent
{
    background-image: none;
}
