﻿/* author & reviser: Don Kent, eShopHost Ltd, unless otherwise noted
/* Copyright (C) 2009-11, eShopHost Ltd, all rights reserved.
/* eshophc3.css - Standard external CSS Template, with defaults, for Package Webs

/* Template History (eshophc3.css) - can delete when copied to Customer01.css
	1.0 09/11/09 Creation. Namespaces 1-4. 2 & 3 taken from BrochureWeb R4.0 NOF variables MsoNormalTable & TextInsertParagraphSpacing
	1.1 26/11/09 2. Adjusted selector to prevent applying to embedded image tables
	1.2 19/03/10 5. New Feature Namepspace: Print
	1.3 20/03/10 1. BR100. Header cursor

/* CUSTOMER EnduranceGB History (as Customer01.css)
	1.0 03/08/10 1st issue - as default eshophc3.css release 1.2
	1.2 05/10/10 change from page 'webpart' button sizes & colours
	1.3 22/02/11 class ScheduleTable
	1.4 18/07/11 D.Kent
		Online BR410 Change BorderLayoutWide style rule to use min-height, not height to prevent overflow bleed in FF, etc.
		Web BR131 FF rendering. Payload height fixed by above. Other boxes fixed: .RideInfo, .TopNews
		Web CN113 Augment WebPart5x class styles for use on member home page
	1.5 22/07/11 D.Kent
		Web BR137 Fix centering on WebPart5x class styles
	1.6 25/07/11 D.Kent
		Re-enable section 5 for print media
	1.7 27/07/11 J.Kent
		set height of iframe for major rides list
	1.8 8/12/11 J.Kent
		MsoNormalTable

/* Feature Namespaces
	1. Expando WE205
	2. MsoNormalTable, MsoTableGrid - adds borders to Word tables
	3. TextInsert - Operating on all self-update text areas, transforms the <p> paragraph behaviour to match the common Word usage of no inter-paragraph spacing
	4. Bold - not readily modified in NOF (Note: <b> is deprecated, but NOF still uses; Word however uses correct semantic <strong>)
	5. Print - for print-only instructions e.g. .noprint
	6. Won't work in NOF 11
*/

/* 1. Expando. Vertical stack variant. See WE205ExpandoBlock.css for other variations */
div.ExpandoHeader { /* All the stuff not hideable */
	background-color: #ffcccc;
	cursor: pointer;
}
div.ExpandoContent { /* The very next div - all the hideable stuff */
	border: thin red solid;
	padding-left:10px;
	padding-right:10px;
}
span.ExpandoMoreLess { /* Around the whole clickable elements */
	font-size:11px;
}
span.ExpandoMoreLess:hover {
	text-decoration: underline;
}
span.ExpandoSymbol {/* Any symbol used for clickable expand/ contract */
	border: thin maroon solid;
	padding: 0 4px;
	background-color:silver;
}

/* 2. MsoNormalTable, MsoTableGrid - default addition of borders to Word Table after inline & inpage styles removed by Self-Update */

/*.MsoNormalTable,.MsoTableGrid {border-collapse: collapse}
.MsoNormalTable td,.MsoTableGrid td {border: 1px solid rgb(51,102,0); padding: 2px}8?

/*table.MsoNormalTable, table.MsoTableGrid {
	border-collapse: collapse;
	width: 99%;
	border: 1px solid rgb(51,102,0);
}
table.MsoNormalTable > tr > td, table.MsoTableGrid > tr > td {
	border: 1px solid rgb(51,102,0);
	padding: 2px;
}
*/

/* 3. Content Paragraphs - suppress top & bottom margins to match user ignorance & default spacing in Word */
div.TextInsert * p, div.AreaBorder * p {
	margin-top: 0em;
	margin-bottom: 0em;
}

/* 4. Bold - e.g. make same colour as primary web colour 
b, strong {
	color: #000000;
}
*/

/* 5. Print */
@media screen {
	.printonly {
		display: none;
	}
}
	
}
@media print {
	body {
		color: black;
	}
	.noprint {
		display: none;
	}
}


/* 6. Won't work in NOF 11 */
.ScheduleTable p {
   font-size: 12px
}

.RideInfo {
	background: #FFFFCC;
	height: 110px;
	overflow-y: auto;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 7px;
	padding-right: 7px;
}
.RideInfo * p{
	text-align: left;
}

.TopNews {
	background: #EEEEEE;
	height: 110px;
	overflow-y: auto;
	padding:2px;
}

.Border {
	padding-top:2px;
	padding-bottom:2px;
	padding-left:7px;
	padding-right:7px;
}

/* Page Payload Content Area */
.BorderLayoutHome, .BorderLayoutWide {
   border: 1px solid rgb(0,0,0);
   margin-right: 3px;
   width: 653px;
   /* Dual mode Quirks/ Standard minimum height */
   min-height: 1800px; /* IE Quirks ignores - reverts to 100% */
   		/* Do not use height - OK in IE Quirks, but can cause text overflow in Standards */
}
.BorderLayoutWide {
	/* No specific properties */
}
.BorderLayoutHome {
	/* No specific properties */
}

/* Big coloured block 'button' (for links) */
div.WebPart51, div.WebPart52, div.WebPart53, div.WebPart54 {
	height: 50px;
	width: 150px;
	/* Horizontal Centering of 'Button' */
	margin-left: auto;
	margin-right: auto;
	/* Container for Vertical Centering of children */
	position: relative;
}
.WebPart51 {
	background-color: #6699FF;
}
.WebPart52 {
	background-color:#3300CC;
}
.WebPart53 {
	background-color:#CCCCFF;
}
.WebPart54 {
	background-color:#3366FF;
}

/* Big coloured block 'button' Text for links */
div.WebPart51 p, div.WebPart52 p, div.WebPart53 p, div.WebPart54 p {
	font-size: 16px;
	color: white;
	text-transform: uppercase;
	/* Horizontal Centering of Text */
	text-align: center;
	width: 100%;
	/* Vertical Centering of Text */
	position: absolute;
	/*margin: auto 0; Standard CSS method */
	margin-top: 1em; /* IEx Quirks mode needs this */
}

/* Big coloured block 'button'  Links - in LoVe HAte order! */
div.WebPart51 a:link, div.WebPart52 a:link, div.WebPart53 a:link, div.WebPart54 a:link {
	color: white;	
	text-decoration: none;
	font-size: 16px;
}

div.WebPart51 a:visited, div.WebPart52 a:visited, div.WebPart53 a:visited, div.WebPart54 a:visited {
	color: white;	
	text-decoration: none;
	font-size: 16px;
}

div.WebPart51 a:hover, div.WebPart52 a:hover, div.WebPart53 a:hover, div.WebPart54 a:hover {
   text-decoration: underline;
   color: white;
   font-size: 16px;
}

div.WebPart51 a:active, div.WebPart52 a:active, div.WebPart53 a:active, div.WebPart54 a:active {
	color: white;	
	text-decoration: none;
	font-size: 16px;
}

label {
	font-family: Arial,Helvetica,Geneva,sans-serif; 
	font-size: 11px;
	text-align: left;
}
.IndexTableDisplay p{
	text-align: left;
}			

iframe#MajorRidesList,iframe#MajorRidesListHome {
	height:850px;
}
