﻿/*
 Uses the "Tantek Çelik" box model hack to step IE5 relative sizes down a size (and other necessary tweaks)

 Also uses an IE specific style (filter) to apply a gradient background some elements.
 In non IE browsers this will simply be ignored.

*/

body
{
	color: #000000;
	background-color: #0066B3;
	margin: 0;
	text-align: center;
	font-size:0.7em;
	/*font-size: x-small; /* IE 5.5 doesn't get past here */
	voice-family: "\"}\"";
	voice-family: inherit;
	/*text-align: left;*/
	/*font-size: small;*/
}
image {
	border-style:none;
}

table, tr, td, label, input, select, textarea {
	font-size:1em;
	padding:0;
	margin:0;
}
/*
 This rule applies a gradient to the background for IE6 only. We cannot do this for IE5.5 as the gradient
 background causes dropdownlists to display incorrectly when the page scrolls.
*/
body
{
	height: 100%;
	voice-family: "\"}\"";
	voice-family: inherit;
	/*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#76C2F2, endColorstr=#76C2F2);*/
}
form
{
	margin: 0;
}

div.page
{
	width: 900px;
	margin: auto;
	text-align:left;
}
a.skiplink
{
	display: none;
}
h1.hiddenheading
{
	display: none;
}
h2 {
	font-size:1.2em;
}
h2.sectionheading
{
	margin: 0;
	padding:5px;
	/*padding: 0.3em;*/
	/*font-size: 0.8em; /* IE 5.5 doesn't get past here */
	voice-family: "\"}\"";
	voice-family: inherit;
	/*font-size: 1em;*/
	margin:0px;
}

/* Generic */

.bottomalign 
{
	vertical-align: bottom;
}

h3 
{
	font-size: 1em;
	/*margin: 1em 0 0.3em 0;*/
	margin:0;
	padding:0;
	font-weight: bold;
}

h4
{
	font-size: 1em;
	margin: 1em 0 0.3em 0;
	font-weight: bold;
	font-style: italic;
}

h5
{
	font-size: 1em;
	margin: 1em 0 0 0;
	font-weight: bold;
}


.formhelp
{
	color: #333333;
	font-style: italic;
	/*font-size: 0.8em;*/
}

.userError
{
	background-color: #ffeeee;
	border: solid 1px #cc3333;
	padding: 4px;
	margin-top: 1em;
	margin-bottom: 0.5em;
}
.userError ul
{
	margin-top: 0px;
	margin-bottom: 0px;
}

/*MAIN TABLES*/
table
{
	margin: 0;
	padding: 0;
}
table.header
{
	width: 900px;
	margin: auto;
	border: solid 1px black;
	background-color: #80C9FF;
}
table.content
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	/*width: 900px;*/
	text-align:left;
	padding-bottom: 1.5em;
	margin: auto;
	border: solid 1px black;
	border-top: none;
	background-color: #FFFFFF;
}
table.footer
{
	width: 900px;
	margin: auto;
	border: solid 1px black;
	border-top: none;
	background-color: #FFFFFF;
}

/*
 On empty div elements IE will give them a default minimum size equal to the font size in that div.
 setting the font size to 0 allows the height to be controlled acurately with the height style.
*/
div.gradientrule
{
	height: 4px;
	background-color: #80C9FF;
	/*background-image: url('images/gradientbar.gif');
	background-repeat: repeat-x;*/
	font-size: 0px;
	line-height: 0px;
	clear: both;
	border-bottom: solid 1px #666666;
}
div.leftgradientrule
{
	height: 4px;
	border-right: solid 1px #666666;
	background-color: #80C9FF;
	/*background-image: url('images/gradientbar.gif');
	background-repeat: repeat-x;*/
	font-size: 0px;
	line-height: 0px;
	clear: both;
	border-bottom: solid 1px #666666;
	/*width: 205px;*/
	voice-family: "\"}\"";
	voice-family: inherit;
	/*width: 204px;*/
}
div.centergradientrule
{
	height: 4px;
	border-right: solid 1px #666666;
	background-color: #0066B3;
	/*background-image: url('images/gradientbar.gif');
	background-repeat: repeat-x;*/
	font-size: 0px;
	line-height: 0px;
	clear: both;
	border-bottom: solid 1px #666666;	
}
div.rightgradientrule
{
	height: 4px;
	background-color: #0066B3;
	/*background-image: url('images/gradientbar.gif');
	background-repeat: repeat-x;*/
	font-size: 0px;
	line-height: 0px;
	clear: both;
	border-bottom: solid 1px #666666;
}
div.spacer
{
	height: 1px;
	clear: both;
	/*font-size: 0;*/
}

/*BREADCRUMB*/
/******************** take out **************************/
td.breadcrumbcell{
	width: 50em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
div.breadcrumb
{
	/*margin-top: 0.3em;
	margin-bottom: 0.3em;
	padding-left: 0.5em;
	font-size: xx-small;
		font-size: x-small;*/
	float: left;
	color: #1919B3;
	voice-family: "\"}\"";
	voice-family: inherit;
}
.breadcrumbcell .breadcrumb li.active {
	text-decoration:none !important;
}
div.breadcrumb a
{
	color: #002051;
	/*padding-left: 0.2em;
	padding-right: 0.2em;*/
	text-decoration:none !important;
	
}
div.breadcrumb a:visited
{
	color: #002051;
	text-decoration:none !important;
	/*padding-left: 0.2em;
	padding-right: 0.2em;*/
}
div.breadcrumb a:hover
{
	color: #000000;
	text-decoration:underline;
	/*padding-left: 0.2em;
	padding-right: 0.2em;*/
}

/*SEARCH*/
.searchcell {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.searchcell table {
	float:right;
}
div.search
{
	width: 25em;
/*	margin-top: 0.3em;
	margin-bottom: 0.3em;
	margin-right: 0.5em;
	font-size: xx-small;
		font-size: x-small;
	*/
	text-align: right;
	voice-family: "\"}\"";
	voice-family: inherit;
}
.search .searchscope-div
{
}
.search .searchscope-div input.search-text
{
font-size:13px;
}
.search .searchscope-div input.search-button
{
margin-bottom:-2px;
}

label.nodisplay
{
	display: none;
}
input.searchtextbox
{
	width: 8em;/*
	height: 1.4em;
		height: 0.9em;*/
	voice-family: "\"}\"";
	voice-family: inherit;
}
input.searchbutton
{
	vertical-align: bottom;
}
.clear {
	clear:both;
	height:1px;
	line-height:1px;
	overflow:hidden;
}

/*FOR IE ONLY*/
* html body input.searchbutton
{
	margin-bottom: 1px;
}

/*HEADER*/
div.banner
{
	height: 112px;
	width:898px;
}
.banner-overlay {
	height:112px;
	left:0pt;
	position:relative;
	top:-112px;
	width:100%;
}
.banner img {
	border-width: 0px;
}

td.headerbottomspacer
{
	height: 1em;
	background-color: #80C9FF;
	/*background-image: url('images/gradientbar.gif');
	background-repeat:repeat-x;*/
	background-position: left bottom;
}
td.headertopspacer
{
	height: 0.5em;
	background-color: #80C9FF;
	/*background-image: url('images/gradientbar.gif');
	background-repeat: repeat-x;*/
	background-position: left bottom;
}

/*TOP NAVIGATION*/
td.topnavcell
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
	font-size:0.9em;
	/*background-image:url('images/buttongradient.jpg');
	background-repeat:repeat-x;*/
}
div.topnavigation
{
	border-top: solid 1px #FFFFFF;
}
div.topnavigation ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	border-left: 0;
	/*background-color:#76C2F2 !important;*/


}
div.topnavigation li
{
	white-space: nowrap;
	float: left;
	margin: 0;
	padding: 0;
	border-left: solid 1px #C8C8FF;
	/*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#76C2F2, endColorstr=#A9EDFD);
	background-image:url('images/rya_new/tgbr_menugrad.jpg');
	background-repeat:repeat-x;*/
	background-color:#FFFFFF;
	cursor: pointer !important;
}

div.topnavigation a
{
	display: block;
	padding: 8px 4px;
	text-decoration: none;
	color: #80C9FF;
	font-weight: bold;
	/*font-size: 0.7em;
	font-size: 0.75em;*/
	voice-family: "\"}\"";
	voice-family: inherit;
	cursor: pointer !important;	
}
div.topnavigation a:hover
{
	color: #FFFFFF;
	/*background-image:url('images/currentgradient1.jpg');
	background-repeat:repeat-x;*/
	background-color:#80C9FF;
}
div.topnavigation a.current
{
	color: #FFFFFF;
	/*background-image:url('images/currentgradient1.jpg');
	background-repeat:repeat-x;*/
	background-color:#80C9FF;

}
/* top navigation code override */

.topnavigation .rootGroup li.last
{
	/*border-right:0px red solid !important;*/
	border-right: solid 1px #C8C8FF;

}
.topnavigation .rootGroup .item  a.active
{
	color: #FFFFFF;
	/*background-image:url('images/currentgradient1.jpg');
	background-repeat:repeat-x;*/
	background-color:#80C9FF;
}
div.topnavigation a.current
{
	color: #FFFFFF;
	/*background-image:url('images/currentgradient1.jpg');
	background-repeat:repeat-x;*/
	background-color:#80C9FF;
}

/* endtop navigation code override */

/*MAIN CONTENT CELLS*/
/*Cell left container cell and right container cell are shifted up by one pixel to cover the space left by the empty cell which is used to enable HTML to be constructed in the desired order*/
td.leftcontainercell
{
	width: 204px;
	overflow:hidden;
	background-color:#0066B3;
	/*border-right:1px solid #666666;*/
}
td.centercolumn {
	width: 489px;
	overflow:hidden;
}
td.centercontainercell
{
	/*width490*/
	height:100%;
}
td.rightcontainercell
{
	width: 203px;
	text-align:left;
	background-color:#FFFFFF;
}
td.centercolumn
{
	border-right: solid 0px black;
}

/*LEFT COLUMN*/
div.leftcontent
{
	border-right:1px solid #666666;
	width:204px;
	overflow:hidden;
	height: 100%;
	
	/*display: inline;
	background-color: #CCFFFF;*/
	/*border-right: solid 1px #666666;*/
}

/*LEFT NAV*/
div.leftnavigationheader
{
	margin: 0;
	display: block;
	color: #FFFFFF;
	border: solid 1px #FFFFFF;
	border-bottom: solid 1px #333333;
	border-right-style:none;
	voice-family: "\"}\"";
	voice-family: inherit;
	text-align:left;
	width: 204px;
	/*width: 203px;*/
	/*background-image:url('images/rya_new/tgbr_menugrad2.jpg');
	background-repeat:repeat-x;*/
	background-color:#0066B3;

}
/*div.leftnavigationheader
{
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#76C2F2, endColorstr=#A9EDFD);
}*/

/*Font size specified in em's since none of the standard named sizes are quite right. This is fine as it is a leaf element so it wont be inherited*/
div.leftnavigation
{
	/*width: 100%;*/
	background-color: #80C9FF;
	/*font-size: 0.7em;
	font-size: 0.85em;
	*/
	voice-family: "\"}\"";
	voice-family: inherit;
}
/*div.leftnavigation
{
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCFFFF, endColorstr=#FFFFFF);
}*/
div.leftnavigation ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	border-left: 0;
	background-image:url(images/gradientbar.gif);
	background-position:left bottom;
	background-repeat:repeat-x;

}
div.leftnavigation li
{
	margin: 0;
	padding: 0;
	border-bottom: solid 1px #666666;
	border-top: solid 1px #eeeeee;
}
div.leftnavigation a
{
	display: block;
	text-decoration: none;
	/*padding: 5px;
	
	Against rules of box model
	width: 204px;
	width: 194px;
	font-weight:bold;*/
	voice-family: "\"}\"";
	voice-family: inherit;
	color: #000000;
}
div.leftnavigation a:visited
{
	color: #000000;
}
div.leftnavigation a:hover
{
	color: #000000;
	/*background-image:url('images/rya_new/tgbr_menugrad.jpg');
	background-repeat:repeat-x;*/
	background-color:#FFFFFF;
}
/*div.leftnavigation a.currentpage
{
	font-weight:bold;	
}*/
div.leftcolumnfeature
{
	background-color: #80C9FF;
	/*padding-bottom: 10px;
	border-bottom: solid 1px #666666;
	line-height: 1em;
	width: 205px;
	width: 204px;*/
	voice-family: "\"}\"";
	voice-family: inherit;
	line-height: 1.2em;
}
div.leftcolumnfeature img.leftcolumnfeatureimg
{
	margin: 10px 0 0 0px;
	border: solid 1px #002051;
	border-bottom: solid 1px #dddddd;
	border-right: solid 1px #dddddd;
}
div.leftcolumnfeature img.leftcolumnfeatureimgnolink
{
	margin: 10px 0 0 10px;
	border: solid 1px #002051;
	border-bottom: solid 1px #dddddd;
	border-right: solid 1px #dddddd;
}

div.leftcolumnfeature p
{
	margin: 0 10px 5px 10px;
	/*font-size: 0.7em;
	font-size: 0.85em;*/
	voice-family: "\"}\"";
	voice-family: inherit;
}
div.leftcolumnfeature a
{
	margin: 10px;
	margin-bottom: 20px;
	/*font-size: 0.7em;
	font-size: 0.85em;
	*/
	voice-family: "\"}\"";
	voice-family: inherit;
}
div.leftcolumnfeature a,
div.leftcolumnfeature a:link,
div.leftcolumnfeature a:visited,
div.leftcolumnfeature a:hover {
	color: #002051;
}
div.leftcolumnfeature textarea
{
	width: 180px;
}
div.leftcollinkauthoring
{
	margin-left:10px;
}

div.leftcollinkauthoring input
{
	float:left;
	clear:right;
}
/*CENTER COLUMN*/
div.centersectionheader
{
	margin: 0;
	/*background-color: #76C2F2;*/
	color: #FFFFFF;
	border: solid 1px #333333;
	border-top: solid 1px #FFFFFF;
	border-left: solid 1px #FFFFFF;
	width: 490px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 488px;
}

/* PHASE II CHANGES - 2.1.1*/
div.centersectionheader table {width:100%;}
div.centersectionheader table td.left {width:50%;}
div.centersectionheader table td.right {width:50%;text-align:right;}
div.centersectionheader a {color:#FFFFFF;text-decoration:underline;padding-right:10px;
/*font-size:0.7em;*/
}
div.centersectionheader a.hover {color:#002051;text-decoration:underline;padding-right:10px;
/*font-size:0.7em;*/}
div.centersectionheader a.visited {color:#002051;text-decoration:underline;padding-right:10px;
/*font-size:0.7em;*/}

div.centersectionheader
{
	/*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#76C2F2, endColorstr=#A9EDFD);*/
	/*background-image:url('images/rya_new/tgbr_menugrad2.jpg');
	background-repeat:repeat-x;*/
	background-color:#0066B3;

}

/*LATEST NEWS*/
table.latestnews
{
	background-color: #FFFFFF;
}
td.latestnewsimage
{
	background-repeat: no-repeat;
	height: 140px;
	/*font-size: 0.7em;
		font-size: 0.85em;*/
	voice-family: "\"}\"";
	voice-family: inherit;
}

div.topnewsitem
{
	background-color: #76C2F2;
	color: #FFFFFF;
	width: 280px;  /* value for incorrect box model */
	padding: 15px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 250px;
	/* image width = 280px
	  250px = (490px (center col) - 210px (latestnewslinks, relatedlinks)) - padding */
}
div.topnewsitem
{
	filter: Alpha(Opacity=80); /* IE only */
	opacity:0.9;
}
div.topnewsitem a
{
	color: #ZE1F66;
	font-weight: bold;
	text-decoration: none;
}
div.topnewsitem p
{
	margin: 0;
}

td.latestnewslinks
{/*
	background-color: #FFFFFF;
	/*width: 210px;  = 490px (center col) - 280px (topnewsitem) * /
	width: 100%;
	/*height: 120px;* /
	font-size: 0.7em;
	font-size: 0.85em;	*/
	voice-family: "\"}\"";
	voice-family: inherit;
	
}


td.latestnewslinks ul
{/*
	list-style-position: outside;
	margin-top: 0;	
	/*width: 50%;* /
	/*height: 120px;* /
	padding-bottom: 1.4em;*/
}
td.latestnewslinks li
{/*
	margin-top: 0em;
	/*padding-top: 0.5em;* /
	padding-top: 1em;
	padding-left: 1em;
	/*margin-left: -1.2em;* /
	float: left;
	width: 45%;
	background-image: url('images/bullet.gif');
	background-position: 0 1.2em;
    background-repeat: no-repeat;*/
}
td.latestnewslinks li a
{
	color: #002051;
}
td.latestnewslinks li a:visited
{
	color: #002051;
}
td.latestnewslinks li a:hover
{
	color: #002051;
}

div.morenews
{
	padding: 4px 4px 4px 7px;
	background-color: #80C9FF;
	text-align: right;
	font-size:1.2em;
}

div.morenews a
{
	color: #2E1E85;
	font-weight: bold;
}

/* -- vertical alignment of RHS -- */

td.latestnewslinks
{
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 5px;
	padding-bottom: 0px;
}

/* NB - IE doesn't like it if we put a height on a UL, so put it on the parent div */
td.latestnewslinks div
{
	padding-top: 0px;
	margin-top: 0px;
	padding-bottom: 0px;
	margin-bottom: 0px;
	vertical-align: top;
}

td.latestnewslinks div table td {width:50%;}

/*FEATURES / CURRENT ISSUES*/
div.sectionfeatures table
{
	border-collapse: separate;
	background-color: #FFFFFF;
	width: 100%;

}

div.sectionfeatures td
{
	width:160px;	
	padding: 0px;
	margin: 0px;
	border-right: solid 1px #666666;
	border-left: solid 1px #EEEEEE;
	vertical-align: top;					
}	

div.sectionfeatures tr.title
{
	border-top: solid 1px #EEEEEE;	
}	

div.sectionfeatures tr.text
{
	border-bottom: solid 1px #666666;
}	

div.feature
{
	height: 100%;
	float: left;
	background-color: #FFFFFF;
	border: solid 1px #666666;
	border-left: solid 1px #EEEEEE;
	border-top: solid 1px #EEEEEE;
	width: 163px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 161px;
}
div.lastfeature
{
	float: left;
	background-color: #FFFFFF;
	border: solid 1px #EEEEEE;
	border-bottom: solid 1px #666666;
	border-right: solid 1px #666666;
	width: 164px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 162px;
}

div.sectionfeatures
{
	background-image:url(images/gradientbar.gif);
	background-repeat:repeat-x;
	background-position:left bottom;
	border-bottom:1px solid #666666;
	clear: both;
	padding-bottom:6px;
}
div.sectionissues
{
	clear: both;
	/*font-size: 0.7em;
	font-size: 0.85em;*/
	voice-family: "\"}\"";
	voice-family: inherit;
	
}
div.sectionfeatures h3 
{
	height:100%;
	margin: 10px;
	margin-bottom: 5px;
	color:#000000;
	text-decoration:none;
	/*font-size: 0.7em;
	font-size: 0.85em;*/
	voice-family: "\"}\"";
	voice-family: inherit;
}
div.sectionfeatures p
{
	height:100%;
	margin: 5px 5px 10px 10px;
	color:#000000;
	text-decoration:none;
	/*font-size: 0.7em;
	font-size: 0.85em;*/
	voice-family: "\"}\"";
	voice-family: inherit;
}
div.sectionfeatures p a,
div.sectionfeatures h3 a
{
	text-decoration:none;
	color:#000000;
}
div.sectionfeatures img
{	
	margin-left: 10px;
	border: solid 1px #002051;
	border-bottom: solid 1px #dddddd;
	border-right: solid 1px #dddddd;
}

/* APPLY GRADIENTS FOR IE5.5 AND IE6 */
div.ryatools, div.morenewslinks, div.summaryitem,
div.sectionfeatures table, div.feature, div.lastfeature
{
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFF, endColorstr=#FFFFFF);
}
div.leftcolumnfeature, div.ryashop
{
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFF, endColorstr=#FFFFFF);
}

/*RYA TOOLS*/
div.rightcontent {
	background-color:#0066B3;
	
	}
/*RYA TOOLS*/
div.rightcolumnheader
{
	text-align:center;
	margin: 0;
	padding: 0.2em 0 0.2em 0;
	color: #FFFFFF;
	border-bottom: solid 1px #333333;
	border-top: solid 1px #CCFFFF;
	border-left: solid 1px #CCFFFF;
	#width: 206px;
	width:201px;
	voice-family: "\"}\"";
	voice-family: inherit;
	/*background-image:url('images/rya_new/tgbr_menugrad2.jpg');
	background-repeat:repeat-x;*/
	background-color:#0066B3;

}
/*div.rightcolumnheader
{
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#76C2F2, endColorstr=#A9EDFD);
}*/
div.sponsors
{
	background-color:#ffffff;
	margin:0px;
	padding:0px;
	float:left;
	
	width: 203px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 202px;	
}
div.sponsors ul
{	
	padding:0px;
	margin:0px;
	margin-left:10px;
	margin-top:5px;
	list-style-type:none;
}
div.sponsors ul li
{
	float:left;
}
div.sponsors ul li img
{	
	border:none;
	margin: 5px 10px 5px 10px;
	width:70px;
}
div.ryatools
{
	width: 100%;
	background-color: #FFFFFF;
}
div.ryatoolslinks
{
	margin: 0;
	padding: 0.18em;
	/*font-size: 0.8em;
	font-size: 1em;*/ /* IE 5.5 doesn't get past here */
	voice-family: "\"}\"";voice-family: inherit;
	/*padding:5px 0 10px 5px;*/

	/*
	clear: both;
	margin: 10px 0 5px 0px;
	padding: 0 0 5px 0;
*/
padding: 4px 0 4px 4px;
font-size:9pt;

}


div.ryatoolslinks table td.loginlinks {padding-left:0.5em;padding-right:0.5em;border-left:solid 1px #FFFFFF;voice-family: "\"}\"";voice-family: inherit;
/*font-size: 0.8em;
font-size: 0.9em;*/
}
div.ryatoolslinks table td.loginlinkslast {padding-left:0.5em;padding-right:0.5em;border-left:solid 1px #FFFFFF;border-right:solid 1px #FFFFFF;voice-family: "\"}\"";voice-family: inherit;
/*font-size: 0.8em;
font-size: 0.9em;*/}
div.ryatoolslinks table tr td a
{
	font-size:9pt;
	color: #FFFFFF;
}
div.ryatoolslinks table tr td a:visited
{
	color: #FFFFFF;
}
div.ryatoolslinks table tr td a:hover
{
	color: #FFFFFF;
}
div.ryatoolslinks ul
{
	margin: 0;
	padding-top:0;
	list-style-type: none;
	/*font-size: 0.7em;
	font-size: 0.85em;*/
	voice-family: "\"}\"";
	voice-family: inherit;
}
div.ryatoolslinks li
{
	margin: 0 5px 0 0;
	padding: 0;
	float: left;
	/*line-height: 1.5em;*/
}
div.ryatoolslinks h3
{
	margin: 5px 0 5px 0;
	padding: 0;
	clear: both;
	/*font-size: 0.7em;
	font-size: 0.85em;*/
	voice-family: "\"}\"";
	voice-family: inherit;
}
div.ryatoolslinks li a
{
	color: #002051;
}
div.ryatoolslinks li a:visited
{
	color: #002051;
}
div.ryatoolslinks li a:hover
{
	color: #002051;
}
div.ryatoolslinks select
{
	width:150px;
	margin: 0;
	padding: 0;
}
div.ryatoolslinks input
{
	margin: 5px 0 0px 0;
	padding: 0;
	vertical-align:bottom;	
}
div.searchfilter
{
	padding:10px;
	border-top:solid 1px #CCFFFF;
	border-bottom:solid 1px #666666;
	/*font-size: 0.75em;
	font-size: 0.9em;*/
	voice-family: "\"}\"";
	voice-family: inherit;
}
div.searchfilter input
{
	margin-right:5px;
}
label.filterlabel
{
	color:#002051;	
	font-style:italic;	
	display:block;
	margin-bottom:10px;		
}

/*RYA SHOP*/

div.shopcontainer {}
table.ryashopitem {/*padding:10px 0px 10px 5px;width: 489px;*/padding-left:5px;}
table.ryashopitem td.left {/*border-left: solid 1px #EEEEEE;*/padding-top:10px;width:81px;padding-left:5px;}
table.ryashopitem td.right {border-right: solid 1px #666666;padding-top:10px;padding-right:2px;width:80px;}
table.ryashopitem td.leftright {padding-bottom:10px;border-right: solid 1px #666666;border-left: solid 1px #EEEEEE;width:161px;}
table.ryashopitem td.lefttop {padding-top:10px;border-left: solid 1px #EEEEEE;vertical-align:top;width:81px;}
table.ryashopitem td.righttop {padding-top:10px;border-right: solid 1px #666666;padding-right:2px;vertical-align:top;width:80px;}

div.ryashop
{
	background-color: #CCFFFF;
	border-bottom: solid 1px #666666;
	border-left: solid 1px #EEEEEE;
	/*width: 490px;*/
	voice-family: "\"}\"";
	voice-family: inherit;
	/*width: 488px;*/
}
div.ryashopitem
{
	/*float: left;
	clear: both;*/
}
div.shopitemdetails
{	
	/*width:110px;	*/
}
table.ryashopitem input.addtobasket {
	margin: 0 0 0 10px;
}
table.ryashopitem img
{
	/*float: left;*/
	margin: 0px 0 10px 10px;
	border: solid 1px #002051;
	border-bottom: solid 1px #dddddd;
	border-right: solid 1px #dddddd;
}
table.ryashopitem h3
{
	font-weight: normal;
	margin: 0;
	/*font-size: 0.7em;
	font-size: 0.85em;*/
	voice-family: "\"}\"";
	voice-family: inherit;
}
table.ryashopitem p
{
	margin: 0 0 5px 0;
	/*font-size: 0.7em;
	font-size: 0.85em;*/
	voice-family: "\"}\"";
	voice-family: inherit;
}
table.ryashopitem  a
{
	color: #002051;
	/*
	float: left;
	clear: both;
	width: 100%;
	margin: 0 0 10px 10px;
	*/
/*	font-size: 0.7em;
	font-size: 0.85em;*/
	voice-family: "\"}\"";
	voice-family: inherit;
}
table.ryashopitem a:visited
{
	color: #002051;
}
table.ryashopitem a:hover
{
	color: #002051;
}
div.shopitemdetails
{
	float: left;
	margin-top: 10px;
	padding-left: 10px; /* NB - not margin due to IE doubled margin bug */
}
table.ryashopitem span.price
{
	font-weight: bold;
	color: #CC0000;
	/*font-size: 1em;*/
}

div.ryashoplink
{
	margin: 10px 0 10px 10px;
	padding: 10px;
}
div.ryashoplink a
{
	color: #002051;
	/*font-size: 0.7em;
	font-size: 0.85em;*/
	voice-family: "\"}\"";
	voice-family: inherit;
}
div.ryashoplink a:visited
{
	color: #002051;
}
div.ryashoplink a:hover
{
	color: #002051;
}


/*FOOTER*/
.footer {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
td.footerspacer
{
	height: 1.5em;
	background-color: #CCFFFF;
}
div.footerlinks
{
	float: left;
	margin: 0;
	padding: 0.5em;
	color: #000000;
}
div.footerlinks ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	/*font-size: 0.7em;
	font-size: 0.85em;*/
	voice-family: "\"}\"";
	voice-family: inherit;
}
div.footerlinks li
{
	margin: 0;
	padding: 0;
	float: left;
}
div.footerlinks a
{
	margin: 0 5px 0 5px;
	color: #333333;
	/*font-size: 0.8em;
	font-size: 0.9em;*/
	voice-family: "\"}\"";
	voice-family: inherit;
}

/*GENERAL CONTENT*/

/*PAGE HEADING*/
td.pageimage
{
	background-image: url('Images/defaults/latestnews.jpg');
	background-repeat:no-repeat;
	/*font-size: 0.7em;
	font-size: 0.85em;*/
	voice-family: "\"}\"";
	voice-family: inherit;
}
div.pageimage
{
	background-image: url('Images/defaults/latestnews.jpg');
	background-repeat:no-repeat;
	height: 140px;
	/*font-size: 0.7em;
	font-size: 0.85em;*/
	voice-family: "\"}\"";
	voice-family: inherit;
}


div.pagesummary
{
	float: left;
	background-color: #002051;
	color: #FFFFFF;
	width: 280px; /* value for incorrect box model */
	padding: 15px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 250px; 
	margin-top:97px;
	/* image width = 280px.
		250px = (490px (center col) - 210px (relatedlinks)) - padding */
}
div.pagesummary
{
	filter: Alpha(Opacity=60); 
	opacity: 0.9;
}
div.pagesummary a
{
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
}
div.pagesummary p
{
	margin: 0;
	font-weight: bold;
}
/*
#pageImageContainer span {
	display:none;
}
*/
#pageImageContainer p {
	display:block;
	float: left;	
	color: #FFFFFF;
	width: 280px; /* value for incorrect box model */
	padding: 15px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 250px; 
	margin-top:97px;
	font-weight:bold;
		background-color: #002051;
	/* image width = 280px.
		250px = (490px (center col) - 210px (relatedlinks)) - padding */
}
#pageImageContainer p span {

	margin-top:0px;
}
span.pagesummary
{
	filter: Alpha(Opacity=60); 
	opacity: 0.9;
}
span.pagesummary a
{
	color: #002051;
	font-weight: bold;
	text-decoration: none;
}
span.pagesummary p
{
	margin: 0;
	font-weight: bold;
}




td.relatedlinks,
.commerceLinksBox
{
	float: right; 
	margin-bottom: 5px;
	position: relative;
	background-color: #FFFFFF;	
	width: 210px; /* = 490px (center col) - 280px (pagesummary) */	
	height:100%;
	/*font-size: 0.7em;
	font-size: 0.85em;*/
	voice-family: "\"}\"";
	voice-family: inherit;
}
div.eventRightBlock h3,
td.relatedlinks h3,
.commerceLinksBox h3
{
	margin: 10px;
	margin-bottom: 10px;
	margin-top: 5px;
	/*font-size: 0.9em;
	font-size: 1em;*/
	voice-family: "\"}\"";
	voice-family: inherit;
	
}
div.eventRightBlock ul,
td.relatedlinks ul,
.commerceLinksBox ul
{
	list-style-position: outside;
	margin-top: 0;
	margin-bottom: 0;
}
div.eventRightBlock li,
td.relatedlinks li,
.commerceLinksBox li
{
	margin-top: 0.5em;
	margin-left: -1.2em;
}
div.eventRightBlock li a,
td.relatedlinks li a,
.commerceLinksBox li a
{
	color: #002051;
}
div.eventRightBlock li a:visited,
td.relatedlinks li a:visited,
.commerceLinksBox li a:visited
{
	color: #002051;
}
div.eventRightBlock li a:hover,
td.relatedlinks li a:hover,
.commerceLinksBox li a:hover
{
	color: #002051;
}

div.printpage
{
	text-align: right;
	margin: 10px 10px 0 0;
}
div.printpage img
{
	margin: 0;
	padding: 0;
}
div.printpage a
{
	color: #002051;
	margin: 0;
	padding: 0;
}
div.printpage a:visited
{
	color: #002051;
}
div.printpage a:hover
{
	color: #002051;
}

div.morenewslinks
{
	padding-top: 5px;
	padding-bottom: 10px;
	border-left: solid 1px #EEEEEE;
	border-right: solid 1px #666666;
	width: 490px;
	/*font-size: 0.7em;
	font-size: 0.85em;*/
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 488px;
	
}
div.morenewslinks ul
{
	list-style-position: outside;
	margin-top: 0;
	margin-bottom: 0;
}
div.morenewslinks li
{
	margin-top: 0.5em;
}
div.morenewslinks li a
{
	color: #002051;
}
div.morenewslinks li a:visited
{
	color: #002051;
}
div.morenewslinks li a:hover
{
	color: #002051;
}
div.morenewslinks .current {
	margin-right:4px;
	color:#002051;
}
/*PAGE CONTENT*/
div.pagecontent
{
	position: relative;
	background-color: White;
	margin: 0;
	padding:10px 15px 15px;
	color: #363636;
	/*	font-size: 1em;
	font-size: 0.8em;*/
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size:1.16em;
}

.pagecontentouter
{
	position: relative;  /*Fix IE peekaboo bugs */
	padding:10px 15px 15px;

}

div.pagecontent p
{
	margin: 0;
	padding-bottom: 1em;	
}
div.pagecontent a
{
	color: #002051;
}
div.pagecontent a:visited
{
	color: #002051;
}
div.pagecontent a:hover
{
	color: #002051;
}
div.postingdate
{
	text-align:right;	
	color:#333333;
	font-style:italic;
	background:#ffffff;
}
div.sitemapcontent
{
	background-color: White;
	margin: 0;
	padding: 15px;
	color: #363636;
	
	/*	font-size: 1em;
	font-size: 0.8em;*/
	voice-family: "\"}\"";
	voice-family: inherit;
}
div.sitemapcontent div
{
	margin-bottom:10px;
}
div.sitemapcontent h3
{
	margin-bottom:0px;
}
div.sitemapcontent ul
{
	margin-top:0;
}
div.sitemapcontent h3 a,
div.sitemapcontent h3 a:hover,
div.sitemapcontent h3 a:visited
{
	color:#333333;
	text-decoration:none;
}

div.sitemapcontent p
{
	margin: 0;
	padding-bottom: 1em;	
}
div.sitemapcontent a
{
	color: #002051;
}
div.sitemapcontent a:visited
{
	color: #002051;
}
div.sitemapcontent a:hover
{
	color: #002051;
}

/*Summary Template*/
div.summaryitem
{			
	position:relative; /* Peek-a-boo bug */
	padding:10px;
	background-color: #CCFFFF;
	border: solid 1px #666666;
	border-left: solid 1px #EEEEEE;
	border-top: solid 1px #EEEEEE;	
	
	width: 490px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 468px;
}
div.summaryitem img
{
	position:relative; /* Peek-a-boo bug */
	float:left;	
	margin-right:10px;
	border: solid 1px #666666;
	border-bottom: solid 1px #dddddd;
	border-right: solid 1px #dddddd;
}

div.summaryitem h3 a
{
	text-decoration:underline;
	color:#002051;	
	/*font-size: 0.7em;
	font-size: 0.85em;*/
	voice-family: "\"}\"";
	voice-family: inherit;
}
div.summaryitem h3
{
	margin:0px;
	padding:0px;		
}
div.summaryitem p
{		
	margin:0px;	
	padding:0px;	
	color:#000000;
	text-decoration:none;
	/*font-size: 0.7em;
	font-size: 0.85em;*/
	voice-family: "\"}\"";
	voice-family: inherit;
}
div.summaryclear
{
	clear:both
}
div.summaryintro
{
	padding:10px;
	color:#333333;	
}
div.pagingcontainer
{
	padding:2px 10px 2px 10px;
	background-color:#E9F1FC;
	background-color:#FFFFFF;
	color:#3366FF;
	text-align:center;
	border-top:solid 1px #002051;
	border-bottom:solid 1px #002051;
	/*font-size: 0.8em;
	font-size: 0.9em;*/
	voice-family: "\"}\"";
	voice-family: inherit;
}
div.pagingcontainer span,
div.pagingcontainer a
{
	margin: 0 20px 0 20px;
}
div.pagingcontainer a
{
	color:#3366FF;
}
div.pagingcontainer span.adisabled
{
	color:#002051;
}
.ImageGallery {
	margin-bottom:80px !important;
}
.centercontainercell .pagingcontainer {
	margin-top:5px;
	height:16px !important;
}
.ImageGallery .pagingcontainer {
	border-top: 1px solid #CCFFFF !important;
	border-bottom: 1px solid #CCFFFF !important;
	margin-left:10px;
}
.ImageGallery .pagingcontainer ul li.previous a, .ImageGallery .pagingcontainer ul li.next a {
	font-size:8pt !important;
}

/* Generic authoring */
div.authoringError
{
	background-color: #ffeeee;
	border: solid 1px #cc3333;
	padding: 4px;
	margin-top: 1em;
}
div.authoringError ul
{
	margin-top: 0px;
	margin-bottom: 0px;
}

/* FORM BUILDER */
/* TODO - work on colours */
div.dynamicForm h1
{
	/*****/
	font-size: 1.5em;
}
div.dynamicForm h2
{
/******/
	font-size: 1.3em;
	margin-right: 10px;
}
body div.dynamicForm
{
	font-family: arial, sans-serif;
}
div.dynamicForm fieldset
{
	padding: 10px;
	margin-left: 20px;
}
div.dynamicForm fieldset legend
{
	font-weight: bold;
	color: #333399;
}
div.dynamicForm h1
{
	/*****/
	font-size: 1.4em;
}
div.dynamicForm h2
{
	font-size: 1.1em;
}
div.dynamicForm h1, div.dynamicForm h2, div.dynamicForm h3
{
	color: #333399;
}
.dynamicFormCheckBoxList td label
{
	margin-top: 0px;
}
.dynamicFormCheckBoxList td input
{
	margin-top: 0px;
}
.dynamicFormCheckBoxList table td
{
	vertical-align: top;
}
div.dynamicForm textarea
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* FORM BUILDER SPECIFIC OVERRIDES */
td.centercontainercell2col
{
}
td.centercontainercell2col div.centersectionheader
{
	width: 691px;
	
}

/* FAQ */
div.FAQControls
{
	margin-top: 0.5em;
	border-top: 1px solid #888;
	padding: 5px;
}
div.FAQList
{
	margin-top: 0.5em;
}
ul.FAQList
{
	list-style-type: none;
	margin-left: 0px;
	padding-left: 0px;
}
li.FAQList, li.FAQListAlternate
{
	margin: 5px 0px;
	padding: 4px;
}
li.FAQList input, li.FAQListAlternate input
{
	width: 18px;
	height: 18px;
	/*font-size: 10px;*/
	margin-left: -23px;
	margin-right: 5px;
}
li.FAQList
{
	background: #e8e8e8;
}

div.FAQAnswer
{
	margin-top: 1em;
	margin-left: 23px;
}
div.FAQQuestionSelected, div.FAQQuestion
{
	margin-left: 23px;
	font-weight: bold;
}

/* IMAGE GALLERY */
/* Authoring */
.imageGalleryAuthoring1 input
{
	width: 7em;
}

.imageGalleryAuthoring1 select
{
	width: 18em;
}
fieldset.imageGalleryAuthoring2
{
	padding: 10px;
}

/* Presentation */
/* in the gallery, structure is as below
div.thumbnailBorder
  div.thumbnail  -- height set dynamically to (max of all imgs) plus 2 * img border height
    div.inner
        a
          img 
*/
.imageGallery .thumbnailBorder
{
	float: left;
	border: 1px solid #aaa;
	background-color: #efefef;
	margin: 5px; /* determines gap between thumbnails */
}

.imageGallery .thumbnail
{
	margin: 7px; /* immediate border around thumbnail */
	width: 85px; /* max width of thumbnails = 83 (must sync with GalleryThumbnailWidth value in web.config)
					plus 2*1px for border on img below */
}

.imageGallery .thumbnail img
{
	border-width: 0px;  /*Must match the web.config GalleryThumbnailBorderWidth setting for correct display */	
}

/* CSS 2 vertical centering */
.imageGallery .thumbnail
{
	display: table;
}

.imageGallery .thumbnail .inner
{
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}

/* IE specific vertical and horizontal centering (IE doesn't support display:table).  
   This hack depends on IE incorrectly interpreting the percentage positions  */
* html .imageGallery .thumbnail
{
	position: relative;
}

* html .imageGallery .thumbnail .inner
{
	position: absolute;
	top: 50%;
	left: 50%;
}

* html .imageGallery .thumbnail img
{
	position: relative;
	top: -50%;
	left: -50%;
}
/* end vertical centering */

.imageGallery .prevPage
{
	display: block;
	float: left;
	width: auto;
}

.imageGallery .nextPage
{
	display: block;
	float: right;
	width: auto;
}

/* Image gallery - single image page */
.imageGallerySingle
{
	text-align: center;
}

.imageGallerySingle .imageHolder
{
	margin: auto; /* w3c centering */
	text-align: center; /* IE centering */
}
.imageHolder img
{
	border:0;
}
.imageGallerySingle .title,
.imageGallerySingle .copyright,
.imageGallerySingle .description
{
	padding: 0.5em;
}
.imageGallerySingle .title
{
	/*****/
	font-size: 1.3em;
	font-weight: bold;
}

.imageGallerySingle .nav
{
	text-align: center;
}

.imageGallerySingle .clear
{
	clear: both;
}

#FilterDiv td
{
	vertical-align:middle;
}
#FilterDiv input
{
	margin-left:5px;
	vertical-align:text-bottom;
}

/* Information area */
.informationLinkAuthoring,
.latestNewsAuthoring
{
	margin: 0.5em;
}


.informationLink
{
	padding: 16px;
	background-position: left top;
	background-repeat: no-repeat;

}
.informationLink .textContent
{
	padding: 8px;
	background-color: #002051;
	filter: Alpha(Opacity=70); /* IE */
	opacity: 0.7; /* CSS3 */
	border-top: solid 1px #9999cc;
	border-left: solid 1px #9999cc;
	border-right: solid 1px #000033;
	border-bottom: solid 1px #000033;
	width: 50%;
	text-align:left;
	color: #FFFFFF;
}

.informationLink
{	
	color: #FFFFFF;
}

.informationLink h3
{
	margin: 0px 0px 3px 0px;
	font-size: 0.8em;
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: 0.9em;
}

.informationLink h3 a
{
	color: #FFFFFF;
	text-decoration: none;
}
.informationLink p
{
	margin: 0;
	/*font-size: 0.8em;*/
	voice-family: "\"}\"";
	voice-family: inherit;
	/*font-size: 0.9em;*/
}

.informationLink p, .informationLink p a, .informationLink a
{
	color: white !important;
}

.informationLink a:hover
{
	color:white;
	text-decoration: underline;
}

/**** Standard table ****/
/* various pages can use this */
.eventSearchList td,
.eventSearchList th,
table.activities td,
table.activities th
{
	border: solid 1px #888888;
	padding: 3px;
}

.eventSearchList th,
table.activities th
{
	background-color: #CCFFFF;
}

.eventSearchList table,
table.activities
{
	width: 100%;
	border: solid 1px black;	
	border-collapse: collapse;
	margin-bottom: 1em;
}


/* Events */
.dateButton
{
	clear: both;
	display: block;
	margin-top: -2px;
	margin-bottom: 2px;
}

.eventImageBox
{
	position:relative; /* Peek-a-boo bug */
	background: white;
	float: right;
	width: auto;
	
	/*font-size: 0.7em;
	font-size: 0.85em;*/
	voice-family: "\"}\"";
	voice-family: inherit;
	
}
.eventRightBlockContainer
{
	position: relative;
}

.eventRightBlock
{
	background-color: #FFFFFF;	
	/*font-size: 0.7em;
	font-size: 0.85em;*/
	voice-family: "\"}\"";
	voice-family: inherit;
	
	float: right;
}

.eventtable
{
	background-color: White;
	vertical-align: top;
}

.eventImageBox h3
{
	margin: 10px;
	margin-bottom: 10px;
	margin-top: 5px;
	/*font-size: 0.9em;
	font-size: 1em;*/
	voice-family: "\"}\"";
	voice-family: inherit;
}
.eventImageBox ul
{
	list-style-position: outside;
	list-style-position: outside;
	margin-top: 0;
	margin-bottom: 0;
	margin-right:10px;	
}
.eventImageBox ul li
{
	margin-top: 0.5em;
	margin-left: -1.2em;
}

.eventImageBox ul a,
.eventImageBox ul a:visited,
.eventImageBox ul a:hover
{
	color:#002051;
}

td.relatedlinks
{
	background-color: #FFFFFF;
	width: 210px; 
	/*font-size: 0.7em;
	font-size: 0.85em;*/
	voice-family: "\"}\"";
	voice-family: inherit;
}

td.relatedlinks li
{
	margin-top: 0.5em;
	margin-left: -1.2em;
}

/****/
div.eventSearchButton
{
	margin-top: 15px;
	margin-bottom: 15px;
}
.eventSearchCalendar table
{
	/*font-size: 0.9em;*/
	width: 460px;
	border: solid 1px black;	
	border-collapse: collapse;
}

.eventSearchCalendar td,
.eventSearchCalendar th.dayofweek
{
	border: solid 1px #888888;
}

.eventSearchCalendar td,
.eventSearchCalendar th
{
	padding: 3px;
	vertical-align: top;
}

.eventSearchCalendar th
{
	text-align: center;
}

.eventSearchCalendar th.month
{
	background-color: #000099;
}

.eventSearchCalendar th.month,
.eventSearchCalendar th.month a,
.eventSearchCalendar th.month a:link,
.eventSearchCalendar th.month a:visited
{
	color: #ffffff;
}

.eventSearchCalendar a.monthLinkPrev
{
	float: left;
}

.eventSearchCalendar a.monthLinkNext
{
	float: right;
}

.eventSearchCalendar th.dayofweek
{
	width: 14%;
	background-color: #CCFFFF;
}

.eventSearchCalendar td
{
	padding: 0px;
	height: 5em;
}
.eventSearchCalendar td .day
{
	display: block;
	background-color: #eee;
	width: 1.5em;
	height: 1.2em;
	padding: 2px;
	margin-right: 1px;
	margin-left: auto;
	text-align: center;
}

.eventSearchCalendar td.outofrange
{
	background-color: #888888;
}

.eventSearchCalendar .eventLink
{
	margin-bottom: 0.5em;
}

/****** Search results styles *********/
div.searchfilter
{
	padding:10px;
	border-top:solid 1px #CCFFFF;
	border-bottom:solid 1px #666666;
	/*font-size: 0.7em;
	font-size: 0.85em;*/
	voice-family: "\"}\"";
	voice-family: inherit;
}
div.searchfilter input
{
	margin-right:5px;	
}
input.contentcheckbox
{
	vertical-align:middle;
}
label.filterlabel,
span.filterlabel
{
	color:#002051;	
	font-style:italic;	
	display:block;
	margin-bottom:10px;		
}

/*** CATALOGUE **/
div.productcontainer
{	
	width:100%;
	position: relative; /* Fix IE peekaboo bugs */
	background-color:#ffffff;
	float:left;
	/*font-size:0.8em;*/
	voice-family: "\"}\"";
	voice-family:inherit;
}
div.cataloguecontrols input
{
	margin-right:5px;	
}
input.contentcheckbox
{
	vertical-align:middle;
}
div.catalogueitem
{		
	border-top: solid 1px #CCFFFF;
	height:1%;
	clear:both;			
	position: relative; /* IE peekaboo bug */	
}
div.product
{	
	padding: 10px;					
	background-color:#ffffff;
}
div.productinfotext
{		
	padding:10px;
	clear:both;
	float:left;
}
div.catalogueitem .productimagesmall 
{	
	margin-top:10px;
	padding-bottom:10px;	
	float:left;		
	position: relative; /* IE peekaboo bug */			
}
div.product img,
div.catalogueitem img
{	
	border: 0px;	
	border:solid 1px #002051;border-bottom:solid 1px #dddddd;border-right:solid 1px #dddddd;
}

div.summaryproductinfo
{	
	margin-top:10px;		
	margin-left:70px;
		
}
div.productdetails
{
	color:#333333;	
	margin-bottom:5px;		
}
div.priceinfo
{
/*	font-size:0.8em;voice-family: "\"}\"";voice-family:inherit;font-size:1em;*/
}
.productprice
{
	/*font-size: 1em;*/
	font-weight: bold;
	color:#002051;
}
div.product .basket,
div.catalogueitem .basket,
div.catalogueitem .selectbutton
{	
	float:right;
	position: relative;	/* IE peekaboo bug */
	display:inline; /* Prevents IE doubling the margin */
	margin-bottom: 10px;	
}
div.catalogueitem h3 
{	
	margin: 0px;	
	font-weight: bold;	
	/*	font-size: 1em;
	font-size: 0.8em;*/
	voice-family: "\"}\"";
	voice-family: inherit;
}
div.catalogueitem h3 a
{
	text-decoration: none;
	color: black;
}
div.catalogueitem h3 a:hover
{
	text-decoration: underline;
}

div.productimage
{
	float:left;
	position:relative;		
}
div.fullproductinfo
{		
	margin-left:190px; /* = 180 (width of product image) plus 10 */
}
div.fullproductinfonoimage
{
	margin-left:0px;
}

div.fullproductinfonoimage p,
div.fullproductinfo p
{
	margin:0px 0 10px 0;		
}

div.basket a img.detailsbutton
{
	border: 0;	
	margin-right:5px;
}

/*** Metadata control ***/

.MetaDataControl
{
	border: solid 1px #CCFFFF;
	background-color: #ffffff;
	margin-top: 10px;
	padding: 5px;
}
.MetaDataControl .ReadOnlyInput
{
	border: solid 1px #CCFFFF;
	background-color: #ffffee;
}
span.MetaDataPlaceholderRow {margin-right:10px;}
div.MetaDataPlaceholderRow span{display:block;}
div.MetaDataPlaceholderRow input {margin-bottom:10px;}
div.MetaDataPlaceholderRow select{}
div.MetadataError {display: block; position: absolute; right: 0; top: 0; background-color: #FFFF00; color: #000000; border: solid 4px #000000; padding: 10px; margin: 0; z-index: 1000; }
h2.metadataTitle { /*font-size: medium;*/ border-bottom: 1px solid; }

/* basket */
table.shoppingBasket
{
	width: 100%;
	margin-bottom: 1em;
	border-collapse: collapse
}
table.shoppingBasket td,
table.shoppingBasket th
{
	vertical-align: top;
	padding: 2px 4px;

}

table.shoppingBasket tr.headerRow .grey
{
	border: solid 1px #002051;
	background-color: #CCFFFF;
	
}
table.shoppingBasket .removecol
{
	border: none;
	background-color: #fff;
}
table.shoppingBasket tr.itemRow .n
{
	border-top: solid 1px #CCFFFF;
}
table.shoppingBasket tr.totalRow .n
{
	border-top: solid 1px #CCFFFF;
}
table.shoppingBasket
{
	border-bottom: solid 1px #002051;
}

table.shoppingBasket tr.itemRow input.quantity
{
	width: 3em;
}
table.shoppingBasket tr.itemRow input.remove
{
	text-align: center;
}
.basket a {
	text-decoration:none;
}
/* RYA DIRECTORY TEMPLATES */
.regional-contacts {
	padding:10px;
}
div.directorycontent
{
	background-color:#ffffff;
	padding:10px;
	/*font-size:0.8em;
	font-size:1em;*/
	voice-family: "\"}\"";voice-family:inherit;
}
.directorycontent table {
	border:1px #000000 solid;
}
.directorycontent table tr td table {
	border-style:none;
}
.directorycontent table th {
	padding:4px;
	background-color:#C8C8FF;
	border:1px #000000 solid;

}
.directorycontent div.searchdetails {
	background:transparent;
	margin-left:0;
	border-style:none;
}
.directorycontent .peoplesearch {
	margin-left:30px;
	width:100%;
}
.directorycontent .peoplesearch table,
.directorycontent .peoplesearch table td,
.directorycontent .peoplesearch table th {
	border-style:none;
}
.directorycontent .peoplesearch table td {
	padding:1px;
}
.directorycontent {
	font-size:1.1em;
}
.directorycontent label {
	width:120px;
}
.personrow td {
	padding:4px;
	border:1px #000000 solid;
}
.alternatepersonrow td {
border:1px #000000 solid;
background-color:#ECECEC;

}
/* People Table */
table.peopletable
{	
	margin-top: 1em;
	margin-bottom: 1em;
	border-collapse: collapse;
	/*font-size:1em;*/
	width: 95%;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 100%;	
}
table.peopletable td,
table.peopletable th
{
	vertical-align: top;

}
table.peopletable tr.headerrow th
{
	border: solid 1px #002051;
	background-color: #CCFFFF;
	padding:4px;
	/*background-color: #000066;
	color:#ffffff;
	#FF0066CC, endColorstr=#FF000066*/
	
}
.alternatepersonrow td {
	padding:4px;
}
table.peopletable tr.alternatepersonrow td,
table.peopletable tr.personrow td
{
	padding-top: 4px;
	padding:4px;
	border-top: solid 1px #000000;	
	border: solid 1px #000000;
}
table.peopletable tr.alternatepersonrow td
{	
	background-color: #ececec;
}
div.phonenum
{
	margin-top:10px;
}
div.contactnumber
{
	margin-bottom:5px;
	white-space:nowrap;			
}

div.peoplesearch
{	
	margin:15px 0px 15px 100px;
}

label.peoplesearchlabel
{
	font-weight:bold;
	margin-top:3px;
	margin-right:3px;
	width:109px !important;
	display:block;
	float:left;
	text-align:left;	
}
div.peoplesearch label {
	display:block;
	width:100px;
}
div.peoplesearch .indent2 label {
	width:110px;
}


div.peoplesearch .searchbutton
{
	margin-left:40px;
}
div.peoplesearch .searchfield
{
	margin-bottom:5px;
}

div.directorylinks
{
	margin:10px 0 10px 0;
}
div.directorylinks div
{
	margin-bottom:10px;
	padding:5px;
}
div.directorylinks p
{
	margin:0px;	
}
div.directorylinks a
{
	font-weight:bold;
	color:#000099;
	color:#002051;
}
div.alternatedirectorylink 
{
	background-color:#ececec;
}
#facilities-detail {
	margin-top:10px;
}
div.facilitysearchcontrols
{
	position:relative;
	margin-left:10px;
	/*font-size:0.8em;
	font-size:1em;*/
	voice-family: "\"}\"";voice-family:inherit;
}
div.facilitysearchcontrols table
{
	margin-left:5px;
	font-size:1.1em;
}
div.facilitysearchcontrols table td
{	
	padding-bottom:5px;
	padding-right:5px;
	font-size:1.056em;
}
div.facilitysearchcontrols table td label {
	width:93px;
	display:block;
}
.MSVE_Map {
	padding-bottom:15px;
}
div.criteria
{
	margin-top:5px;
}
#trainingSearchCriteria table td label,
#club-view-layout table td label,
#sailability-view table td label,
#marina-view table td label,
#icc-centre-view td label {
	display:inline;
	margin-left:5px;
}
#club-view-layout table td label,
#sailability-view table td label,
#marina-view table td label,
#icc-centre-view td label {
	font-size:0.86em;
}
#sailability-view,
#marina-view,
#icc-centre-view {
	margin-top:15px;
}
#sailability-view h4,
#marina-view h4,
#icc-centre-view h4,
#club-view-layout h4 {
	margin-top:0;
	font-weight:normal;
	font-style:normal;
}
td.trainingCentreCriteriaLeftCol
{	
	width:50px;
}
#SearchResultContainer table {
	width:100%;
	font-size:1.1em;
	border:1px #000000 solid;
	bord-right:1px #000000 solid;
}
#SearchResultContainer table td table {
	border-style:none;
	width:auto;
}
#SearchResultContainer table th {
	padding:6px;
	background-color:#C8C8FF;
	border-color:#000000;
}
#SearchResultContainer table td {
	text-align:center;
	padding:8px;
	border-color:#000000;
}
#SearchResultContainer table tr.personrow td input {

}
.txtlbl
{
	left: 0px;
	display: block;
	float: left;
	width: 220px;
	clear: left;
	}
.txt
{
	float: left;
	display: block;
}
.txtdiv input.txt-title {
	float:left;
	display:block;
	width:70px;
}
.txtreadonly
{
	border: none;
	background: none;
}
.txtval
{
	clear: both;
	display: block;
}

.txtlbl .txtval
{
	clear: none;
	display: inline;
}
/*
.txtdiv label 
{
	display:block;
	width:150px;
	float:left;
}
*/
.txtdiv p label {
	margin-top:-5px;
	padding:0;
}
.txtdiv select 
{
	display:block;
}
.txtdiv input 
{
	padding-top:2px;
	padding-bottom:2px;
}
.txtdiv P
{
	padding: 4px;
}
.change-pw .txtdiv P {
	padding-left:0;
}
.txtdiv, .formrow
{
	clear:both;
	margin-bottom: 4px;
	padding-left:4px;
	font-size:1.1em;
}
.formrow
{
	text-align: center;
}
.formsection
{
	clear:both;
	background-color: #EAEAEA;
	padding: 0;
	width: 460px;
	border-bottom: solid 1px #333333;
	border-top: solid 1px #CCFFFF;
	border-left: solid 1px #CCFFFF;
	margin-bottom:10px;
}
.formsection
{
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFEEEEEE, endColorstr=#FFCCFFFF);
}
.formsection h3
{
	padding: 2px 4px 2px 4px;
	margin: 0 0 6px 0;
	background-color: #002051;
	color: #FFFFFF;
	border-bottom: solid 1px #333333;
	border-top: solid 1px #CCFFFF;
	border-left: solid 1px #CCFFFF;
	width: 450px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 449px;
}
.formsection h3
{
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#002051, endColorstr=#002051);
}
.shoppingbuttons
{
	clear: both;
	text-align: center;
	padding-bottom:10px;
}
span.txtval input {
	margin-top:6px;
}
/* Hides from IE-mac \*/

* html .txtdiv {height: 1%;}
/* End hide from IE-mac */

/* RYA Directory */
select.credentialsList
{
	width: 18em;
}

/* Training centres, marinas etc detail pages */
div.CourseGroup
{
	margin-left: 1em;
}

table.CourseDetails
{
	
	width:100%;
}
table.CourseFacilities td,
table.CourseDetails td,
table.CourseDetails th,
table.CentreDetails td,
table.CentreDetails th
{
	border: solid 1px #888888;
	padding: 3px;
	vertical-align: top;
	/*font-size:0.8em;font-size:1em;*/voice-family: "\"}\"";voice-family: inherit;
}

table.CourseFacilities th,
table.CourseDetails th,
table.CentreDetails th
{
	background-color: #eeeeee;
}

table.CourseFacilities,
table.CourseDetails,
table.CentreDetails
{
	border-collapse: collapse;
	width: 100%;
	border: solid 1px black;	
}

table.ContactAddress th,
table.ContactAddress td
{
	vertical-align: top;
	font-weight: normal;
	/*font-size:0.8em;font-size:1em;*/voice-family: "\"}\"";voice-family: inherit;
}

div.FacilitiesList
{
	margin-left: 1em;
}

div.OpenDay
{
	margin: 0 0 1em 2em;
}

div.OpenDay h4
{
	margin-left: -1em;
}

.Phone
{
	width: 120px;
}
.Extension
{
	width: 50px;
}
.RenewalTable
{
	width: 460px;
}
.RenewalTable TD
{
	vertical-align: top;
}
.RenewalOrder
{
	width: 120px;
}
.RenewalAmount
{
	width: 80px;
}
.RenewalDesc
{
	width: 260px;
}
.indent1
{
	padding-left: 1em;
}
.indent2
{
	padding-left: 2em;	
	padding-right:0 !important;
	width:100px;

}
.synopsis A
{
	color: #FFF;
	text-decoration: none;
}
.errorboxpage
{
	width: 100% !important; 
	text-lign: center !important;
}
.errorboxouter
{
	border: solid 1px #000; width: 898px; margin: 0 auto; text-align: left;
}
div.errorboxinner
{
	 padding: 10px;
	background-color: #FFF;

	border-top: solid 1px #CCFFFF;
	border-left: solid 1px #CCFFFF;
	voice-family: "\"}\"";
	voice-family: inherit;
}
.gallerydiv
{
	background-color: #fff;
	padding: 10px;
}

br.clearall
{
	clear:both;
}

/* Large News Control (Phase II) */
div.largenews {border:0;background-color:#FFFFFF;}

div.largenews img.main {
	height:150px;
	width:280px;
	padding:0px;
	margin:none;
	border:0px;
}
div.largenews img.sub {border:0;height:70px;width:140px;padding:none;margin:none;}
div.largenews table td.mainnewsright {padding-left:5px;}
div.largenews table td.newsright {
padding-left:5px;

width:100%}

div.largenews table td.footerrule {
	border-bottom:solid 1px #C8C8FF !important;
}
div.largenews table {
border:0;
padding:0;
margin:0;
width:100%;
}
div.largenews td {padding:0;margin:0;}
div.largenews a {text-decoration:underline;color:#002051 !important;/*font-size:0.7em;font-size:0.85em;*/voice-family: "\"}\"";voice-family: inherit;}

/*PAGING LINKS*/
div.navlinkscontainer 
{
	padding: 5px 5px 10px 5px;
	background-color:#E9F1FC;
	margin: 10px 10px 5px 10px;
	border-top:solid 1px #CCFFFF;
	border-bottom:solid 1px #CCFFFF;
	color:#FC0505;
	font:bold;
	text-align:center;
	clear:both;
	position: relative; /* IE peekaboo bug */
	/*font-size: 0.7em;
	font-size: 0.85em;*/
	voice-family: "\"}\"";
	voice-family: inherit;
	color:#FC0505;
}
.searchselectednavlink {padding:0 5px 0 5px; color:#C0C0C0;/*font-size:medium;*/}
.searchnavlink {padding:0 5px 0 5px;/*font-size:medium;*/color:#0F045F;font-weight: bold;}

div.searchagaincontainer {margin-left:10px;padding-bottom:5px;margin-top:8px;}
div.plotonmapcontainer {margin-left:10px;padding-top:5px;}
/* SKY BOXES */
td.skycellborder {BORDER-RIGHT: #666666 1px solid; PADDING-LEFT: 5px; BORDER-LEFT: #eeeeee 1px solid}

/*TRAINING CENTRE DETAILS*/
div.vouchercentre img {border:none;padding-top:15px;padding-bottom:10px;}

/* Space beneath ads */
.leftadvert div.ad { margin-bottom: 10px;}
/*.leftadvert div.ad img { margin:0; padding: 0; }*/
.rightadvert div.ad { margin-bottom: 10px; }
.rightadvert div.ad img { margin:0 0 10px 0; padding: 0; }

/* CORE OVERRIDED */

.ms-SPZone TABLE {
	background:transparent;
}
div.searchresultscontent {
	padding:5px;
}
#SearchContainer div.searchdetails {
	margin:10px 0px 5px 0px;
	padding:5px;
	text-align:center;
}

.sitepin
{
	background-image: url(/_layouts/images/RYA.SharePoint/mappoint_off.gif);
	background-repeat: no-repeat;
	width: 23px;
	height: 26px;
	text-align: center;
	color: White;
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	padding-top: 3px;
}
.sitepin:hover
{
	background-image: url(/_layouts/images/RYA.SharePoint/mappoint_on.gif);
}
