/* RYA TABLES STYLE SHEET - 2009-03-03 [Steve Newnham: Design Haus] */

/* ----- Table 1of3 styling ----- */
/* vertical only titles */

.one-column-emphasis
{
	float:left;
	width: 234px;
	text-align: left;
	border-collapse: collapse;
	border: #ABDBE9 1px solid !important; /* faint blue */
	background-color:#fff;
}
.one-column-emphasis td
{
	padding: 7px; /* top horizontal */
	border-top: 1px solid #ABDBE9; /* faint blue */
}
.oce-first
{
	background: #C8E7F0; /* faint blue */
	/*border-right: 10px solid transparent;*/
	/*border-left: 10px solid transparent;*/
}
.one-column-emphasis tr:hover td
{
	background: #98D3E4; /* RYA Brand Sky Blue */
}


/* style changes for the courses pages */

.panel .one-column-emphasis
{
    width:100%;
    margin:20px 0px 0px;
    font-size:11px;
}
.panel .one-column-emphasis .oce-first
{
    width:70px;
    vertical-align:top;
}

/* style changes for the courses pages */

#SearchResults .one-column-emphasis
{
    width:180px;
    margin-bottom:10px;
}
#SearchResults .one-column-emphasis td
{
    font-size:11px;
    border:solid 1px #ABDBE9;
    padding:4px;
}


/* ----- Table 2of3 styling ----- */
/* horizontal only titles */

.table-2-horizontal-titles
{
	width: 100%;
	text-align: left;
	border-collapse: collapse;
	/*margin: 1em 0;*/
	float: left;
	margin: 10px 0px 10px 0px;
}
.table-2-horizontal-titles th
{
	font-size: 11px!important;
	font-weight: bold;
	padding: 8px;
	background: #E2F2F8; /* RYA Brand Sky Blue */
	border: 1px solid #C9E8F1;
	vertical-align:top !important;
	text-align: left;
}

.table-2-horizontal-titles th p
{
    margin: 0px;
    padding: 0px;
}

.table-2-horizontal-titles td
{
	padding: 8px;
	background: #fff; /* faint blue */
	border-bottom: 1px solid #C9E8F1; /* faint faint blue */
	border-left: 1px solid #C9E8F1; /* faint faint blue */
	border-right: 1px solid #C9E8F1; /* faint faint blue */
	vertical-align:top !important;
}

.table-2-horizontal-titles td p
{
    margin: 0px;
    padding: 0px;
}

.table-2-horizontal-titles tr:hover td
{
	background: #98D3E4; /* RYA Brand Sky Blue */
}



/* ----- Table 3of3 styling ----- */
/* vertical & horizontal titles */

.two-titled-table
{
    float:left;
    clear:both;
    width:479px;
    *width:480px;
    margin:20px 0px -1px;
    *margin:20px 0px -1px -1px;
    border-collapse:collapse;
    font-size:11px;
}
.two-titled-table.two-column-width
{
    width:717px;
}
.two-titled-table td
{
    padding:8px;
    vertical-align:top;
    text-align:left;
    border:solid 1px #D5EDF4;
}
.two-titled-table tr:hover
{
    background:#98D3E4;
}
.two-titled-table.two-column-width td
{
    width:16%;
}
.horizontitle h4
{
    margin:2px 0px 5px;
    text-transform:uppercase;
    color:#2b5987;
}
.clear-cell
{
    background:#fff;
    border-top:solid 1px #fff!important;
}
.shade1,
.ttt-first
{
    background:#E5F4F8;
}
.shade2
{
    background:#CBE9F1;
}
.shade3
{
    background:#B2DEEB;
}
.shade4
{
    background:#98D3E4;
}
.shade5
{
    background:#82c6d9;
}
.ttt-first
{
    font-weight:bold;
}


/* ----- Table 4of4 styling ----- */
/* no vertical & horizontal titles */


.pointsize
{
    font-size:0.9em !important;
}
.pointsize th
{
    font-size: .9em !important;
}
table.table-2-horizontal-titles.pointsize
{
    width:100%;
    margin-left:0px!important;
}
.specific-bg
{
    background-color: #BBE2ED !important;
    font-size:1.2em !important;
}

table.table-2-horizontal-titles.pointsize td.parent-table
{
    padding:0 !important;
    vertical-align:top;
}

table.table-2-horizontal-titles th.horizontal-titles
{
    padding: 1em 0 0 0 !important;
}
span.sizing
{
    float:left;
    clear:none;
    width:13px;
}

/* tick list table for small boat sailing results in where's nearest/find a facility */
table.table-2-horizontal-titles table.tt
{
	padding: 0;
	background-color: #E2F2F8; /* faint blue */
	border-collapse:collapse;
	position:relative;
	margin-right:-1px;
	*margin-left:-1px;
	*margin-top:-1px;
	width:110px;
	border-right-width: 0;
	border-left-width: 0;
}
table.table-2-horizontal-titles table.tt td,
table.table-2-horizontal-titles table.tt th
{
	padding: 1px 0;
	vertical-align:middle !important;
}
table.table-2-horizontal-titles table.tt th
{
    background-color: #ECF7FB;
}
table.table-2-horizontal-titles table.tt tr
{
	padding: 0;
}

table.tt span
{
    float:left;
    display:none;
}

table.tt .tt-yes
{
    width:13px;
    text-indent:-3000px;
    background: transparent url('images/icon-tick.gif') 50% 50% no-repeat;
}
table.tt .tt-no
{
    width:13px;
    text-indent:-3000px;
    background: transparent url('images/icon-tick-none.gif') 50% 50% no-repeat;
}



.tt-titles
{
    float: left;
    clear:both;
    width: 100%;
    position: relative;
    top: 3px;
}


td.calls-to-action
{
    text-align:center;
    font-size:1.1em;
    background-color: #C9E8F1;
    border-bottom: 3px solid white;
}

tr.hidden-row
{
    border-top:solid 0px;
}
td.hidden-cell
{
    padding:0px;
    margin-bottom:-1px;
    border:solid 0px #fff;
}

/* nested table for expanding row */
td.hidden-cell
{
    border: 3px solid #C9E8F1;
    border-top-width: 0;
    border-bottom-width: 0;
}
td.hidden-cell .table-2-horizontal-titles
{
    margin: 0 !important;
}

/* ----- Buttons ----- */

.close-btn
{
    font-size:1.1em;
    background: transparent url('images/buttons/btn-cross-lrg-blue.png') top right no-repeat;
    float:right;
    padding-right:22px;
    padding-bottom:4px;
    cursor:pointer;
    text-decoration:underline;
}
.ToggleCoursesDetails
{
    cursor:pointer;
}
.close-btn,
.ToggleCoursesDetails
{
    text-decoration:none;
}



/* where's nearest and training centre feature tables */

.one-column-emphasis-wide
{
	float:left;
	width: 100%;
	text-align: left;
	border-collapse: collapse;
	border: #ABDBE9 1px solid !important; /* faint blue */
	background-color:#fff;
	margin-top: 1em;
}
.one-column-emphasis-wide td,
.one-column-emphasis-wide th
{
	padding: 7px; /* top horizontal */
	border-top: 1px solid #ABDBE9; /* faint blue */
}

.one-column-emphasis-wide th
{
    text-align: left;
    font-weight: normal;
    background-color: #C8E7F0; /* faint blue */
    width: 150px;
}