/*
This style sheet is used for the main content elements.

<!--- ---------------------------------------------------------------------
'Sites Style Sheet              CompuCraft Software Solutions (c) 1999-2008
'Date --- Init Reason------------------------------------------------------
'23/03/06 DB finalised for ComWeb Standard
'11/04/06 DB incorporated new step container, and made some minor improvements
'26/04/06 DB added styling for alphabetised navigation
'02/08/06 DB added pseudo-class section:after to allow a float wrap in Firefox and potentially IE7 when released
'27/09/06 DB modified steps containers, new default is plain, additional style of outlined elements
'03/10/06 DB added section h2s, designed to look the same as the original h3s
'24/10/06 DB added provision for acronym and image borders
'31/10/06 DB modified spacing nested lists, especially where lead-in text is used
'09/11/06 DB modified titletext to become TitleText. To match markup, and creates bold and enlarged text.
'21/11/06 DM section th alignment removed, and instead section th.QHeader has new style of center
'06/02/07 DB added style for banner line height
'06/02/07 DB added float drop fix for IE italic bug
'06/02/07 DB added indent class to the steps container rules
'01/05/07 DB added text-align left to the generic section th (th.Qheader remains centered)
'23/05/07 DB added new pageTop rule to align horizontally
'24/07/07 DB added generic th background colour, to expand upon th.QHeader
'25/07/07 DB removed div.Page_Title_Banner2 (legacy from earlier version) of ComWeb
'08/08/07 DB lessened default indent and added wider indent on the steps container (uses class of indent and indentMore)
'30/08/07 DB added styles for the form select to be same as form input
'07/11/07 DB removed the pseudo-class section:after because it was causing the sections to stretch to the height of leftNavigation
'08/11/07 DB added margin and font-family settings for textarea (textareas are usually incapable of inheriting the body font)
'06/12/07 DB added an option to create a narrower banner that doesn't slip behind right features in IE7 and Firefox (called .withRightFeature)
'06/12/07 Released V4.3
'23/01/08 DB added new float clearing method (using overflow: hidden) for images within sections, which also prevents sections from underlapping newsTicker and rightFeatures.
'23/01/08 DB added border-collapse:collapse so all browsers have 1px table borders.
'23/01/08 DB added non-IE bugfix to reveal the table's left border (using margin-left: 1px), obscured by the overflow: auto and/or hidden used for the clearing method in mainContent.css
'25/01/08 DB added fix for guillotine bug that was re-invoked by the floatclearing fix above (23/01/08)
'08/02/08 DB added table th padding
'08/02/08 DB added table.borderless to create 'invisible' tables in certain situations
'08/02/08 DB added td.QRow1 and td.QRow2 color reference
'08/02/08 DB added table background color reference
'08/02/08 DB added table text color reference
'08/02/08 DB removed reference to .withRightFeature
'08/02/08 DB added table th text and background colours
'08/02/08 DB amended #rightContent #rightFeature to become #rightContent .rightFeature (class instead of id)
'08/02/08 DB added border: 0 none to .icon
'13/02/08 DB coupled .newWindow with all .icon selectors
'28/02/08 DB added comment for theme editor - section background color reference
'28/02/08 DB added ul.titleText li and associated line height
'28/02/08 DB updated style sheet copyright date to 2008
'13/03/08 DB added display controls for survey results
'13/03/08 DB added form margin zeroing
'10/04/08 DB changed vertical alignment padding of cwnumber
'10/04/08 DB changed indent margins on cwnumber and cwinformation, from 70px to 100px
'29/04/08 DB fixed table th background-color property, was accidentally set as color
'28/05/08 DB changed section caption font-size from 10px to .9em
'28/05/08 DB removed font weight 600 from section heading text
'25/06/08 DB removed IE5-Mac comment hacks
'25/06/08 DB fixed bug to allow IE6 and IE7 oversized content in left, main and right content
'25/06/08 DB tweaked box model differences for widths of left, main and right content to allow margins, paddings and borders
'25/06/08 DB fixed IE7 float drop
'11/11/08 DB replaced local CCSS stylesheet with the CSS from the internet website
'20/11/08 DB started block of updates from sampleV4
'20/11/08 DB corrected case from querytitle to QueryTitle 
'20/11/08 DB added new alignment styles for table td contents: center and right
'20/11/08 DB removed the comma from form table tr td textarea,
'20/11/08 DB added margin-top of zero to Banner1 through Banner5
'20/11/08 DB added new portlet builder styles
'20/11/08 DB completed block of updates from sampleV4
'22/01/09 DB removed IE hacks and filters and put into ie.css
'11/02/09 DB adjusted spacing around portal headings to compensate for spacing adjustments made within portals.css
'12/02/09 DB added overflow:hidden to outerMovie container (larger movies were protruding from bottom edge)
'12/02/09 DB modified bottom position of swfControls from 17px to 0px (controls were positioning up underneath movie)
'---------------------------------------------------------------------- --->

note: comments starting with cw- are used by the ComWeb Style Sheet Theme (colour) Editor.
Where more than one such comment is on consecutive lines, this is for backwards compatibility.
The first of these such lines is the latest label for the Style sheet editor to display and
the latter entries are older or Redundant labels.
*/

/*assume all sections to be part of #mainContent*/

acronym {
/* cw-Acronym underline color */
	border-bottom-color: #000000;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
}

 img { 
/* cw-Image Border */
	border-color: #C3D3F8;
 }

#content ul {/*for left and right content*/
	list-style-position: outside;
	margin: 1em 1.2em;/*1.2em left will make flush left*/
}

#content .section ul {/*for section content only, NOT left and right content*/
	list-style-position: outside;
	margin: 1em 3.2em 1.6em;/*1.2em left will make flush left*/
}

#content .section ul li p {
	margin-top: 1.6em;
}

#content ol {/*for left and right content*/
	list-style-position: outside;
	margin: 1em 1em 1em 3.5em;/*extra wide margin-left to prevent numbered lists of 2-and-3 digits from being cut off, 3.5em will make flush left*/
}

#content .section ol {/*for section content only, NOT left and right content*/
	list-style-position: outside;
	margin: 1em 1em 1em 5.5em;/*extra wide margin-left to prevent numbered lists of 2-and-3 digits from being cut off, 3.5em will make flush left*/
}

input.btn {
	background-color: #FFFFFF;
	background-image: url(../../theme/grey_grad.gif);
}

.section {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
/* cw-Section Divider Line */
	border-bottom-color:  #C3D3F8;
 /*For IE6, preventing the IE peekaboo bug, see http://www.positioniseverything.net/explorer/peekaboo.html*/
	position:relative;/*invoking 'hasLayout' correctly positions the backToTop button */
/*end prevent IE peekaboo bug*/
/* cw-Section Background  */
	background: #FFFFFF;
/* Assist with clearing floated images within sections. Also prevents section from underlapping of the newsTicker and rightFeatures. IE6 does not need any of this. This is fortunate, as it would conflict with the fix for the IE6 float drop italic bug, which uses _overflow: visible */
	overflow: hidden;/*auto worked, hidden worked better in Firefox. eg. section divider line was being cut off the section which rounded the right column */
   }

.section p.infolist{
	text-indent:5%;
	font-family:Arial,sans-serif;
}

.section p.draft{
	color:#333333;
}

.section p.indent {
	margin-left:40px;
	margin-right:60px;
}

.section h2  {
/* cw-Body Text */
	color:#000000;
}

.section h3  {
	font-weight:bold;
/* cw-Section Heading Text */
	color: #002D4B;
	line-height: 1em;
}

.section h3.querytitle,
.section h3.QueryTitle  {
	text-align:center;
/* cw-Body Text */
	color:#000000;
}

.section .title{
	font-size: 1.4em;
	font-weight:bold;
	text-align:Center;
/* cw-Body Text */
	color:#000000;
}

/* Used for top table in Search Screen */
table.search{
/* cw-Search Table Background */
	background-color:#EEF4FE;
}

table.SearchMain{
/* cw-Search Table Background */
	background-color:#EEF4FE;
}

.section td{
	vertical-align:top;
}

.section th{
	font-weight:bold;
/* cw-Body Text */
	color:#000000;
	vertical-align:top;
	text-align: left;
}

.section td.numlist{
	font-weight:bold;
}

.section tr.small{
	font-size:.8em;
/* cw-Small Text */
	color:#005DAA;
}

.section tr.smallnavy{
	font-size:.8em;
	line-height:1em;
	font-family:Arial,sans-serif;
	color:#000080;
}

.section td.TitleText{
	font-size:1.2em;
	font-weight:bold;
}

ul.titleText li{
	line-height:1em;
}

.section tr{
	font-size: 1em;
}

.section tr.QHeader{
	font-weight:800;
/* cw-Table Header Text */
	color:#FFFFFF;
/* cw-Table Header Background */
	background-color:#174BB9;
	text-align:center;
}

.section th,
.section th.QHeader{
	font-weight:800;
/* cw-Table Header Text */
	color:#FFFFFF;
/* cw-Table Header Background */
	background-color:#174BB9;
	padding-left: 5px;
	text-align:center;
}

.section tr.QRow1{
/* cw-Row 1 Background */
	background-color:#F0F8FF;
/* cw-Row 1 Text  */
	color: #000000;
}

.section tr.QRow2{
/* cw-Row 2 Background */
	background-color:#E0F1FF;
/* cw-Row 2 Text  */
	color: #000000;
}

.section td.QHeader{
	font-weight:800;
/* cw-Table Header Text  */
	color:#FFFFFF;
/* cw-Table Header Background */
	background-color:#174BB9;
	text-align:center;
}

.section td.Trim{
	height:2px;
/* cw-Table Header Trim */
	background-color:#FF0000;
}

/* TD.QRow1 used for individual cells on Search Screen. Same as TR.QRow1 */
.section td.QRow1{
/* cw-Table Row 1 Background */
	background-color:#F0F8FF;
/* cw-Table Row 1 Text */
	color:#000000;
}

.section td.QRow2{
/* cw-Table Row 2 Background */
	background-color:#E0F1FF;
/* cw-Table Row 2 Text */
	color:#000000;
}

.section td.wsbheader1{
	font-size:1em;
	font-family:Arial,sans-serif;
	font-weight:800;
/* cw-WSB Title */
	color:#000000;
	text-align:center;
}

.section td.wsbheader2{
	font-size:1.2em;
	font-family:Arial,sans-serif;
	font-weight:800;
/* cw-Table Header Text */
	color:#FFFFFF;
	text-align:center;
}

.section table.wsb{
/* cw-WSB Table Borders */
	border-color:#174BB9;
}

.section td.caption{
	font-weight:bold;
	text-align:center;
/* cw-Image Caption Text */
	color: #000080;
}

.section .edited{
	background-color:#FFFF00;
}

.section .otheredited{
	background-color:#FFCC33;
}

.section .submitted{
	background-color:#99FF99;
}

.section .accepted{
	background-color:#99CCFF;
}

.section .rejected {
	background-color:#FFCCCC;
}

.section .remove {
	background-color:#C0C0C0;
}

/*This is the section header - it is also the targetted anchor for TOC*/
.section a.h2,
.section td.h2,
.section h2 a,
.section h2 a:hover,
.section a.h3,
.section td.h3,
.section h3 a,
.section h3 a:hover
{
/* cw-Section Heading Text */
	color: #002D4B;
	line-height: 1em;
	background: transparent;
	text-decoration: none;
	display: block;
	margin: 0;
	padding: 0 0 10px 0;
} 

.pageTop {
	position:absolute;
	right:0;
}

.pageTop img {
	float: right;
	border:none !important;
}

/*Site map link styles*/
.section a.SiteMapURL,
a.SiteMapURL {
/*no longer required due to overriding general anchor ruling*/
}

/* Used for the site map titles that are not links*/
.section a.SiteMapNoURL,
a.SiteMapNoURL {
/* cw-Site Map Links with No URL */
	color:#666666;
	text-decoration:none;
}

.section a.SiteMapURL:visited{
/* cw-Body Text */
	color: #000000;
}

.section a.h3:visited{
/* cw-Body Text */
	color: #000000;
}

a.HeirLinks,
a.SiteLinks {
/* cw-Heirarchy Link Text */
	color:#FFFFFF;
	text-decoration:none;
	font-variant:small-caps;
	font-weight: bold;
}

.section td.HeirLinks{
	font-size:x-small;
	font-variant:small-caps;
/* cw-Heirarchy Inactive Link or Text  */
	color:#333333;
	padding-bottom:1px;
}

.section a.HeirLinks, .section a.HeirLinks:visited{
/* cw-Heirarchy Link Text */
	color:#FFFFFF;
	font-size:x-small;
	font-variant:small-caps;
	text-decoration:none;
}

.section a.HeirLinks:hover{
/* cw-Heirarchy Link Hover Text */
	color:#0000FF;
	font-size:x-small;
	font-variant:small-caps;
	text-decoration:underline;
}

.section p.SectionTOC{
	text-align:right;
}

.section caption {
	font-size:.9em;
	font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
	font-weight:bold;
}

a.AliasNotSet, a.AliasNotSet:visited{
	color: #333333;
}

a.AliasNotSet:hover{
	color:#FF0000;
	text-decoration:underline;
}


/****************************************************************************
GENERIC TABLE RULES - WILL BE OVERRIDDEN BY MORE SPECIFIC CLASSES
****************************************************************************/

table {
	margin-bottom: 10px;
	font-size: inherit;/*for FireFox only*/
/* cw-Table border */
	border-color: #666666;
	/*the border weight is set in the markup*/
	border-collapse: collapse;/*enables single-width borders between table cells */
	margin-left: 1px; /* to assist Firefox, which cuts off the left border due to the overflow: auto applied to the section. Ultimately will need to find another way to solve this, as sometimes the table may want a negative margin for positioning.*/
/* cw-Table background colour */
	background: #FFFFFF;
/* cw-Table text */
	color: #000000;
}

table.tdPad td,
table.padding td {
	padding: 5px;
}

table table {
	margin-bottom: 0;
}

#leftContent table {
/* cw-Left Content Table Background */
	background: #FFFFFF;
}

#leftContent #leftFeature table {
/* cw-Left Feature Table Background */
	background: #FFFFFF;
}

#rightContent table {
/* cw-Right Content Table Background */
	background: #FFFFFF;
}

#rightContent .rightFeature table {
/* cw-Right Feature Table Background */
	background: #FFFFFF;
}

table td {
	padding: 0 5px;
/* cw-Table border */
	border-color: #666666;
	/*the border weight is set in the markup*/
}

table td.center {
	text-align: center;
}

table td.right {
	text-align:right;
}

td  {
	vertical-align: top;
}

td p {
	vertical-align: top;
	padding:0;
	margin: 0;
}

td.surveyHeading {
	font-weight: bold;
	margin-bottom: 1em;
	height: 30px;
}

table th {
	padding: 5px;
/* cw-Table th background colour */
	background-color: #FFFFFF;
/* cw-Table th text colour */
	color: #000000;

}

form {
	margin:0;
	padding:0;
	}

form table tr td input,
form table tr td select,
form table tr td textarea
 {
	margin: 2px 5px;
	font-family: arial;/*textarea does not inherit, so has to be set explicitly*/
}

/* rule for browsers with CSS2 support*/
form table tr td input[type=submit] {
	margin: 5px;
}

form table tr td input.btn {
	margin: 10px 0 5px;
}

.section table img {
	border:none;
}

table.borderless {
	border: 0 none!important;
}


/****************************************************************************
BANNERS
****************************************************************************/

#Banner1,
.Banner1 {
/* cw-Banner 1 Text */
	color: #FFFFFF;
	font-weight: bold;
/* cw-Banner 1 Background 
	background-color: #002147;
	border-width: 2px;
	border-style: solid;*/
/* cw-Banner 1 Border 
	border-color: #002147;*/
	padding: 10px;
	font-size: 1.2em;
	position: relative;
	text-align: center;
	width: auto;
	height: auto;
	background-image: url(bg_bannerRed.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	margin-bottom: 10px;
	margin-top: 0;
}

#Banner2,
.Banner2 {
/* cw-Banner 1 Text */
	color: #FFFFFF;
	font-weight: bold;
/* cw-Banner 1 Background 
	background-color: #002147;
	border-width: 2px;
	border-style: solid;*/
/* cw-Banner 1 Border 
	border-color: #002147;*/
	padding: 10px;
	font-size: 1.2em;
	position: relative;
	text-align: center;
	width: auto;
	height: auto;
	background-image: url(bg_bannerBlue.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	margin-bottom: 10px;
	margin-top: 0;
}

#Banner3,
.Banner3 {
/* cw-Banner 3 Text */
	color: #444499;
	font-weight: bold;
	font-family: cursive, serif;
/* cw-Banner 3 Background */
	background-color: #EEEEFF;
	border-width: 4px;
	border-style: ridge;
/* cw-Banner 3 Border */
	border-color: #0054E3;
	padding: 10px;
	font-size: 1.5em;
	position: relative;
	text-align: center;
	width: auto;
	height: auto;
	margin-top: 0;
}

#Banner4,
.Banner4 {
/* cw-Banner 4 Text */
	color: #174BB9;
	font-weight: bold;
	font-family: Verdana, Arial, sans-serif;
/* cw-Banner 4 Background */
	background-color: #EEF4FE;
	border-left-width: 10px;
	border-left-style: double;
/* cw-Banner 4 Border Left */
	border-left-color: #174BB9;
	border-right-width: 10px;
	border-right-style: double;
/* cw-Banner 4 Border Right */
	border-right-color: #174BB9;
	padding: 10px;
	font-size: 1.2em;
	position: relative;
	text-align: center;
	width: auto;
	height: auto;
	margin-top: 0;
}

#Banner5,
.Banner5 {
/* cw-Banner 5 Text */
	color: #EAF2FF;
	font-weight: bold;
	font-family: Verdana, Arial, sans-serif;
/* cw-Banner 5 Background */
	background-color: #174BB9;
	border-top-width: 4px;
	border-top-style: dashed;
/* cw-Banner 5 Border Top */
	border-top-color: #000000;
	border-bottom-width: 4px;
	border-bottom-style: dashed;
/* cw-Banner 5 Border Bottom */
	border-bottom-color: #000000;
	padding: 10px;
	font-size: 1.2em;
	position: relative;
	text-align: center;
	width: auto;
	height: auto;
	margin-top: 0;
}

#content .icon,
#content .newWindow {
	padding-right: 5px;/*uses padding rather than margin, so that the hover bgd color is joined across the gap*/
	border: 0 none!important;
}

p.error {
	font-weight: bold;
	color: #FF0000;
	padding: 10px;
	border: 2px solid #FF0000;
}

.pageNameLong {
	padding-top: 30px;
/* cw-Page Name */
	color: #000000;
}

body.home .pageNameLong {
	display:none;
}



/****************************************************************************
STEPS CONTAINER
****************************************************************************/

/* 'steps' container
---------------------------------------------------- */
.indent.cwContainer {
    width: 99%;
    padding-top: 0px;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.indent.cwContainer.outlined {
    border: 1px solid silver;
}

/* 'steps' container step
---------------------------------------------------- */
.indent div.cwNumber,
.indentMore div.cwNumber {
    float: left;
    display: inline;
    padding-bottom: 10px;
    margin-top: 0;
    padding-top: 3px;/*to assist alignment with content in cwInformation */
    margin-left: -100px;
}

.indent div.cwNumber {
    width: 100px;
}

.indentMore div.cwNumber {
    width: 150px;
}

.indent.cwContainer.outlined div.cwNumber {
    margin-left: -60px;
    background: #eeeeee;
    margin-top: 0;
    border-top: 5px solid silver;
}

.indent div.cwNumber h3 {
    margin: 0 10px 0 0;
}

.indent div.cwNumber p,
.indent div.cwNumber ul,
.indent div.cwNumber ol {
    margin: 0 10px;
}

.indent.cwContainer.outlined div.cwNumber h3 {
    margin: 10px;
    margin-bottom: 0;
}

/* 'steps' container main information
---------------------------------------------------- */
.indent .cwInformation,
.indentMore .cwInformation {
    margin-left: 100px;
    margin-right: 10px;
}

/* 'steps' container tables
---------------------------------------------------- */
.indent.cwContainer table {
    font-size: 1em;
    width: 100%;
    border-top: 1px solid #ddd;
}

.indent.cwContainer td {
    padding-left: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    vertical-align: top;
    border-bottom: 1px solid #ddd;
}

.indent.cwContainer td.label {
    padding-right: 10px;
    width: 100px;
    font-weight: bold;
}

/* 'steps' container forms
---------------------------------------------------- */
.indent.cwContainer input {
    margin-bottom: 3px;
    margin-left: 3px;
}

.indent.cwContainer input.fullWidth {
    width: 100%;
}

.indent.cwContainer input.halfWidth {
    width: 50%;
    margin-right: 0;
}
 
/****************************************************************************
Alphabetised Navigation Page/Meta Links
****************************************************************************/

div.cwAlphaFilter {
	text-align:left;
	margin: 0 0 20px 0;
	width:95%;/* same width as the tables being created for the displayed entries*/
	padding:0 0 0 8px;
/* cw-Alphabetised Navigation Overall Strip Background */
	background-color: #174BB9;
	border-top: 3px solid #3980F4;
	border-bottom: 3px solid #3980F4;
	height: 1.7em;/*variable height aids accessibility*/
	line-height: 1.7em;/*vertically-center the single line of text*/
	height: 30px;
}

#content div.cwAlphaFilter ul {
	float: left;
	list-style-type: none;
/* Alphabetised Navigation Items Unordered List Background */
	background-color: transparent;
/* cw-Alphabetised Navigation Text */
	color : #FFFFFF;
	margin: 0;
	padding:0;
	width: auto;
	height: 30px;
}

#content div.cwAlphaFilter li {
	float: left;
	padding: 0;
	margin: 0px;
/* cw-Alphabetised Navigation Individual Menu Items Background */
	background-color: transparent;
	height: 30px;
}

div.cwAlphaFilter li.notUsed {
/* cw-Alphabetised Navigation Background Not Used */
	background-color: transparent;
	height: 30px;
	line-height: 30px;
	padding: 0 4px;
	color: #666666;
}

#content div.cwAlphaFilter a {/*all anchors*/
	padding: 0 7px;
	margin:0;
	height: 30px;
	line-height: 30px;
	float:left;
	display:block;
	text-decoration: none;
}

#content div.cwAlphaFilter li.used a:link, 
#content div.cwAlphaFilter li.used a:visited {
	font-weight : bolder;
/* cw-Alphabetised Navigation Menu Item Text Link */
	color: #FFFFFF;
	text-decoration: none;
	height: 30px;
	line-height: 30px;
}

#content div.cwAlphaFilter li.used a:hover {
	font-weight : bolder;
/* cw-Alphabetised Navigation Menu Item Text Link Hover */
	color: #000000;
	text-decoration: none;
/* cw-Alphabetised Navigation Menu Item Text Link Hover Background */
	background-color: #CCCCCC;
}

#content div.cwAlphaFilter li.current a {
/* cw-Alphabetised Navigation Menu Current Item Background */
	background-color: #666666;
/* cw-Alphabetised Navigation Menu Current Item Text Link */
	color: #FFFFFF;
	text-decoration: none;
}

p.RSSTitle {
	margin-bottom : 0px;
}

.portlet .pageTop {
 	display:none;
}

div.portlet {
    margin: 0px;
    background-color:#FFFFFF;
    color:#000000;
    overflow: auto;
}

div.NOportlet h2 {
    color: #000;
    font-weight: normal;
    padding: 3px 10px 3px 45px;
    height: 40px;
    background: url(icon_logo.jpg) 0 0 no-repeat;
    margin-top:-10px;
    margin-left: -10px;
    margin-right: -10px;
    vertical-align: middle;
    line-height: 30px;
}

/*Targetting the default banner style*/
p span	{
	line-height: 1;
	}
	
/* Hide all survey results */
body.hideSurveyResults td.surveyBars, 
body.hideSurveyResults td.surveyPercent, 
body.hideSurveyResults td.surveyVotes {
	display: none;
}

/* Hide only survey result bars */
body.hideSurveyBars td.surveyBars {
	display: none;
}

/* Hide only survey percent symbol */
body.hideSurveyPercent td.surveyPercent {
	display: none;
}

/* Hide only survey vote count */
body.hideSurveVotes td.surveyVotes {
	display: none;
}

/* Make screen table styles disappear */                                 
	
.noTableStyle tr.QHeader,
.noTableStyle td.Trim {
	display:none;
}

.noTableStyle table,
.noTableStyle tr.QRow1,
.noTableStyle tr.QRow2,
.noTableStyle td.QRow1, 
.noTableStyle td.QRow2 {
	background:transparent!important;
}

.noTableStyle table,
.noTableStyle table tr,
.noTableStyle table td {
	border: 0 none!important;
	padding:0;
}

.section .noTableStyle th,
.section .noTableStyle th.QHeader,
.KeyStaff th {
/* cw-noTableStyle Table Header Text */
	color:#000000;
/* cw-noTableStyle Table Header Background */
	background-color:#FFFFFF!important;
}


/****************************************************************************
Non-Standard Sample Additions
****************************************************************************/


/***************************************************
RMC SPECIFIC SECTIONS AND PORTLETS
***************************************************/

/* The home page sections and portlets -------------------------------------------*/

/* ----------------------------
   welcome
*/

div#SiteHeading.section 
{
    position:relative;
    top: 9px;/*for firefox*/
    border-bottom: 0 none!important;
}

div#Welcome,
div#FeaturedVideo,
div#LatestNews,
div#Videos,
div#LifeatRMC,
div#VirtualTour
{
	border-bottom: 0 none!important;
	padding:0!important;/*override section settings*/
	background-repeat:no-repeat;
}

div#Welcome h2,
div#FeaturedVideo h2,
div#LatestNews h2,
div#Videos h2,
div#LifeatRMC h2,
div#VirtualTour h2
{
    width: 300px;
    height: 37px;
    background-position:0 0;
    background-repeat:no-repeat;
    text-indent: -9999em;
    margin:0 0 10px 0;
}

/* ----------------------------
   welcome
*/

div#WelcometoTheRoyalMil {
    overflow:auto;
}

div.Welcome p 
{
    font-size: 90%;
    line-height: 1.25em
}

/* ----------------------------
   featured video
*/

div#FeaturedVideo h2 
{
    height: 37px!important;
    background-image: url(bg_featured_video_heading.jpg);
    margin:0!important;
    padding:0!important;
}

div#FeaturedVideo img 
{
    margin:0!important;
    padding:0!important;
}

div#FeaturedVideo img.swfControls 
{
    margin:0!important;
    padding:0!important;
    position:absolute;
    bottom: 0px;
    height: 44px;
}

/* ----------------------------
   latest news 
*/

/* override the pallet0 background image:none */
div#LatestNews.pallet0 {
    background-image: url(bg_latest_news.jpg);
    background-position: 0 0;
}

div#LatestNews h2 
{
    height: 37px!important;
    background-image: url(bg_latest_news.jpg)!important;
    margin:0 0 10px 0!important;
    padding:0!important;
}

/* ----------------------------
   portal headings 
*/

/* prevent the double-br's from pushing the heading down. These are invoked by having the first component of the first section being a heading */
#SiteHeading br 
{
    display:none;
}

div#FeaturedVideo h2 
{
    /*see preceeding FeaturedVideo declaration*/
}

div#LifeatRMC h2 
{
    height: 48px!important;/*deeper to allow the shadow to show*/
    background-image: url(bg_life_heading.jpg)!important;
    margin:0!important;
    padding:0!important;
}

div#Videos h2 
{
    height: 48px!important;/*deeper to allow the shadow to show*/
    background-image: url(bg_videos_heading.jpg)!important;
    margin:0!important;
    padding:0!important;
}

div#VirtualTour h2 
{
    background-image: url(bg_virtual_tour_heading.jpg)!important;
    margin:0!important;
    padding:0!important;
}

/* remove all the back to top arrows */
.home .pageTop {
    display:none;
}


/* Featured movie */

div.outerVideo 
{
    position:relative; 
    height:187px;
    width:300px; 
    z-index:-1; 
    /*changed to 1 when the movie was disappearing on live site */
    z-index:1; 
    background-color:#000000;
    padding:0!important;
    margin:0!important;
    overflow:hidden;
    }
    
div.outerVideo *,
div.outerVideo.cwContainer * 
{
    padding:0!important;
    margin:0!important;
    }
    
div.innerStill, div.innerMovie 
{
    position:absolute; 
    height:187px; 
    top:0px; 
    z-index:-1;
    padding:0!important;
    margin:0!important;
    }