/*
This style sheet is used for each Sites main content frame.

<!--- ---------------------------------------------------------------------
'Sites Style Sheet              CompuCraft Software Solutions (c) 1999-2009
'Date --- Init Reason------------------------------------------------------
'25/10/06 DB initiated based on DOCMV42
'1/11/06 DB upgraded elements of current StandardV42
'27/07/07 MT upgraded elements to suite IE7 and Mozilla
'21/08/07 MT new design for Intranet
'10/12/07 MT Updated for Released V4.3
'02/02/08 MT updated design for www
'16/04/08 MT Updated Banners
'02/06/08 MT Removed section borders reduced H2 padding L/R
'05/06/08 MT h2 background removed to reduce clutter and font size set
'05/03/09 DB applied all relevant updates from SampleV4
'05/03/09 DB removed css filters and added to ie.css
'14/05/09 DB added padding to top of #content .icon and #content .newWindow
'---------------------------------------------------------------------- --->

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: #666666;
}

/* paragraph clearing to stack paragraphs vertically, preventing correctly protruding images in adjacent paragraphs from staggering horizontally against each other */
.section p {
    clear:both;
}

#content ul {/*for left and right content*/
	list-style-position: outside;
	margin: 1em 1.2em 1.6em 1.6em;/*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 2.2em 1.6em 1.6em; /*1.2em left will make flush left*/
	list-style-type: square;
}

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

#content ol {/*for 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*/
}

#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: 0 0 10px 0;/*for FireFox and non-IE7 only, see IE7 override rule below*/
	padding: 0 10px 5px 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: transparent;
/* 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 p img {
	margin: 0 5px; /* Firefox ignores v-space and h-space */
}

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

.section h3 {
	font-weight:bold;
/* cw-Section Heading Text */
	color: #000000;
	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: transparent;
}

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

.section td {
	vertical-align:top;
}

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

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

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

.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: #000000;
/* cw-Table Header Background */
	background-color: #CCCC99;
	text-align: center;
}

/*.section th,*/
.section th.QHeader {
	font-weight: 800;
/* cw-Table Header Text */
	color: #000000;
/* cw-Table Header Background */
	background-color: #CCCC99;
	padding: 2px 5px;
	text-align: center;
	border-color: #666666;
}

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

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

.section td.QHeader {
	font-weight:800;
/* cw-Table Header Text  */
	color: #000000;
/* cw-Table Header Background */
	background-color: #CCCC99;
	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:transparent;
/* cw-Table Row 1 Text */
	color:#000000;
}

.section td.QRow2 {
/* cw-Table Row 2 Background */
	background-color:#FCFCE8;
/* 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: #000000;
	text-align:center;
}

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

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

.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:#EDEDED;
}

/*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: #000000;
	line-height: 1.1em;
	font-weight: bold;
	text-decoration: none;
	display: block;
	margin: -9px -10px 0; 
	padding: 4px 9px;
} 

/* MT has used another positioning method so as to position the graphic on top of his background images in IE6, implemented below: */

.pageTop {
	margin: -3px 0;
}

/* pagetop image positioning */
.section .pageTop a img {
	position: absolute; /* absolute required in IE6 to set on top of section background image */
	border:none!important;
	right: 15px;
}

div .portlet .pageTop img { /* hides the image within the portlets */
	display: none;
}

/*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:#000000;
	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:#000000;
	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;
}

/* Non IE 'float drop' fix. For sections containing oversized inline content, force a horizontal scrollbar. This affects sections in main content and features in left and right content, and by targetting with low specificity it does not affect the news ticker, thus preserving it's required vertical scrollbar */
/* Non IE clipping, this fix also prevents the horizontal clipping of overflow:hidden, by forcing the horizontal scrollbar*/
.section,
.leftFeature,
.rightFeature {
    overflow:auto;/*for Firefox (not currently supportive of the CSS3 overflow-x and overflow-y), will achieve the effect of invoking the horizontal scrollbar only, since the vertical height will not be constrained.*/
 }

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

table {
	margin-bottom: 5px;
	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: transparent; /* MT to allow the background color to be visible */
/* 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 */
	border-collapse: collapse;
	background: transparent;/* MT to allow the background color to be visible */
}

#rightContent .rightFeature table {
/* cw-Right Feature Table Background */
	background: transparent; /* MT to allow the background color to be visible */
}

table td {
	padding: 2px 5px;
	border-color: #999999;/*for IE only, since the border weight is in the markup*/
/* cw-Table border */
	border-color: #999999;
/* 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: Tahoma; /*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;
}

/* MT addition? to enable table centring */
table.tableCenter {
	margin-left: auto;
	margin-right: auto;
}

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

/* replace the deprecated markup of border='1' */
table.border,
table.border td,
table.border th {
    border-style: solid;
    border-collapse: collapse;
    border-width: 1px;
}


/*============================================================================
BANNERS
============================================================================*/

#Banner1,
.Banner1 {
/* cw-Banner 1 Text */
	color: #000000;
	font-weight: bold;
/* cw-Banner 1 Background */
	background-color: #B4B49D;
	border-width: 2px;
	border-style: outset;
/* cw-Banner 1 Border */
	border-color: #dddddd;
	padding: 4px;
	margin: 2px 0 0 0;
	font-size: 1.4em;
	position: relative;
	text-align: center;
	width: auto;
	height: auto;
	margin-top: 0;
}

#Banner2,
.Banner2 {
/* cw-Banner 2 Text */
	color: #333333;
	font-weight: bold;
	font-family: Tahoma, Verdana, Arial, sans-serif;
/* cw-Banner 2 Background */
	background-color: #efefd3;
	border-width: 2px;
	border-style: inset;
/* cw-Banner 2 Border  */
	border-color: #cccccc;
	padding: 3px;
	margin: 2px 0 0 0;
	font-size: 1.5em;
	position: relative;
	text-align: center;
	width: auto;
	height: auto;
	margin-top: 0;
}

#Banner3,
.Banner3 {
/* cw-Banner 3 Text */
	color: #000;
	font-weight: bold;
	font-family: Verdana, Tahoma, Arial, sans-serif;
/* cw-Banner 3 Background */
	background-color: #B4B49D;
	border-width: 3px;
	border-style: ridge;
/* cw-Banner 3 Border */
	border-color: #cccccc;
	padding: 3px;
	margin: 2px 0 0 0;
	font-size: 1.5em;
	position: relative;
	text-align: center;
	width: auto;
	height: auto;
	margin-top: 0;
}

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

#Banner5,
.Banner5 {
/* cw-Banner 5 Text */
	color: #333333;
	font-weight: bold;
	font-family: Verdana, Arial, sans-serif;
/* cw-Banner 5 Background */
	background: transparent url(portal_bg.gif) repeat-x 0 0;
/* cw-Banner 5 Border */
	border-color: #cccccc;
	border-width: 1px;
	border-style: solid;
	padding: 2px 3px;
	margin: 2px 0 0 0;
	font-size: 1.4em;
	position: relative;
	text-align: center;
	width: auto;
	height: auto;
	margin-top: 0;
}

/* Exclusive to Army pre sampleV4, need to check if still required: Prevent banner from sliding behind right feature in IE7 and Firefox - OK in IE6.*/
.withRightFeature {
	margin-right: 325px;
}

#content .icon,
#content .newWindow {
	padding: 1px 5px 0 0;
	border: 0 none!important;
	vertical-align : middle;
}

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

h1.pageNameLong {
	padding: 0 0 0 10px;
	margin: 0;
/* cw-Page Name */
	color: #000000;
	font-weight: normal; 
	text-decoration: none;
}

body.home .pageNameLong {
	padding-top: 0px;
	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: #666644;
	border-top: 3px solid #999966;
	border-bottom: 3px solid #999966;
	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;
	border: 1px solid #D6D6E7;
	background: #fff url(portal_bg.gif) repeat-x 0 0;
	color: #000000;
	padding: 10px;
	overflow: auto;
}

.portlet h2 {
	color: #FF0000;
	font-size: 1.4em;
	line-height: 0.5em;
	padding-bottom: 7px;
} 

div#LatestNews,
div#NEWS /* ARMY specific div id */ {
    overflow: hidden;/* Prevent the oversized-content css rules from invoking scrollbars */
}

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 {
/* cw-noTableStyle Table Header Text */
	color:#000000;
/* cw-noTableStyle Table Header Background */
	background-color:#CCCC99!important;
}

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

hr {
    height: 1px;
    color: #CCCC99;
    background-color: #CCCC99;
    margin: 10px 0 20px 0;
    border: 0px solid #CCCC99;
    clear: both;
}

/*ensure that specific dates within tables do not wrap*/
td.typeEnum135 {white-space: nowrap!important;}