/*
This style sheet is used for elements that are the client's preference or non-standards-compliant treatments.

<!--- ---------------------------------------------------------------------
'Sites Style Sheet              CompuCraft Software Solutions (c) 1999-2010
'Date --- Init Reason------------------------------------------------------
'23/03/06 DB finalised for ComWeb Standard
'11/04/06 DB incorporated new features, and made some minor improvements
'17/11/06 DB removed scrollbar colour treatments
'06/12/07 Released V4.3
'28/02/08 DB updated style sheet copyright date to 2008
'06/01/10 DB updated style sheet copyright date to 2010
'14/01/10 DB removed IE css filters and added to ie.css
'26/10/10 MD Moved Custom display for Organisation structure classes from MainContent css to i_ClientPreferences css
'26/10/10 MD Moved Custom display for past headlines classes from MainContent css to i_ClientPreferences css
'26/09/10 MD added css to remove styles from selected corporate data tables
'17/12/10 MD added css to add portals using sections
'14/01/11 MD updated .psthdlfeature background image to .gif format
'21/01/11 MD added css to reduce section portals from 217px to 210px
'04/02/11 MD added css to introduce a rightFeature Hightlight Box for Flood Support Link
'04/02/11 MD added css to introduce a leftFeature Hightlight Box for Web User Support Link
'---------------------------------------------------------------------- --->

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.
*/

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

/*============================================================================
Custom display for Organisation structure
============================================================================*/

.orgWrap {
	position: relative;
	width: auto;
	/*border: 1px solid #C3D3F7;*/
}

.orgleftContent {
	float: left;
	width: 105px;
	padding: 0px;
}

.orgleftContentbox {
	padding: 10px;
}

.orgleftContentbox img {
	margin: 0px;
	padding: 0px;
}

.orgContent {
	padding: 0px 10px 0px 0px;
	margin: 0px 0px 0px 125px;
	/*border-left: 1px solid #C3D3F7;*/
}

.orgContentfeature {
	padding: 0px 0px 5px 10px;
	min-height: 120px;
	overflow: visible;
}

.orgContentfeature h2 {
	padding: 5px 0px 5px 0px;
	margin: 0px;
	font-weight: bold;
	font-size: 1.2em;
}

.orgContentfeature p {
	padding: 0px 0px 5px 0px;
	margin: 0px;
	font-weight: normal;
}

htmlbody .orgContentfeature {
	height: auto;
}


/*===============================================================================
Custom display for past headlines 
===============================================================================*/

.psthdlfeature {
	position: relative;
	width: auto;
	border: 1px solid #C3D3F7;
	padding: 10px 10px 10px 10px;
	margin-bottom: 20px;
	background-image: url(bg_psthdl.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}

.psthdlfeature p {
	padding: 5px 0px;
	margin: 0px;
	font-weight: normal;
}


/*===============================================================================
Adding new styles to Branch, Directorate and Base A to Z Corporate Data Tables 
===============================================================================*/

#BranchesAZ table, #DirectoratesAZ table, #BasesAZ table {
	border: 0px;
	background-color: transparent;
}

#BranchesAZ th, #DirectoratesAZ th, #BasesAZ th {
	border: 1px;
	color: #000;
	background-color: transparent;
	text-align: left;
	font-size: 1.2em;
	height: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
}

#BranchesAZ tr, #DirectoratesAZ tr, #BasesAZ tr {
	border: 0px;
	height: 15px;
	/*	background-color: transparent;*/
}	

#BranchesAZ td, #DirectoratesAZ td, #BasesAZ td {
	border: 1px;
	height: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
	/*background-color: transparent;
	padding-top: 5px;
	padding-bottom: 5px;*/
}


/*============================================================================
Gray and Yellow portal boxes
============================================================================*/

div.grayBox, div.yellowBox {
	position:relative;
	height: 217px;
	width: 210px;
	padding: 10px;
	background-image: url(bg_portal_gray_large_read_more.jpg);
	float: left;
	margin:5px;
}
div.yellowBox {
	background-image: url(bg_portal_EM.jpg)!important;
}

div.small {
	height: 114px;
	width: 210px;
	background-image: url(bg_portal_gray_read_more.jpg);
}

div.big {
	height: 340px;
	width: 210px;
	background-image: url(bg_portal_gray_large_plain.jpg);
}

div.grayBox  div.pageTop, div.yellowBox  div.pageTop{
	display:none;
}

div.grayBox a.readMore ,
div.grayBox a.readMore:visited,
div.grayBox a.readMore:hover,
div.yellowBox a.readMore ,
div.yellowBox a.readMore:visited,
div.yellowBox a.readMore:hover {
	position:absolute;
	bottom: 19px;
	left: 118px;
	color:white;
	display:block;
	width:94px;
	background-color:transparent;
	text-align:center;
	text-decoration:none;
	/* border:1px solid red; */
}

div.big a.readMore,
div.big a.readMore:visited,
div.big a.readMore:hover {
	background: url(readMore.png) top left no-repeat;
	width:98px;
	height:24px;
	padding-top:2px;
}

/*
div.small a.readMore,
div.small a.readMore:visited,
div.small a.readMore:hover {
	bottom: 22px;
	left: 110px;
}
*/
div.grayBox h2{
	text-align:center;
	position:relative;
	top: 95px;
	font-size:14px;
}

div.small h2{
	top: 10px;
}

div.grayBox img{
	position:absolute;
	left:0px;
	top:10px;
}
div.grayBox p, div.yellowBox p{
	font-size:1em;
	line-height:1.05em;
	position:absolute;
	top: 140px;
	width:210px;
	color: black;
}
div.small p{
	top:45px;
}
div.yellowBox p{
	top:78px;
	color: navy;
	width:106px;
}


/*====================================================================================
Small Gray and Yellow portal boxes for the DSG home page (Vertical Fixed width style
=====================================================================================*/

div.smallGrayBox, div.smallYellowBox {
	position:relative;
	height: 217px;
	width: 210px;
	padding: 10px;
	background-image: url(bg_portal_gray_large_read_more.jpg);
	float: left;
	margin:5px;
	align: center;
}
div.smallYellowBox {
	background-image: url(bg_portal_EM.jpg)!important;
}

div.smallGrayBox, div.smallYellowBox {
	height: 114px;
	width: 210px;
	background-image: url(bg_portal_gray_read_more.jpg);
}

/*
div.smallGrayBox  div.pageTop, div.smallYellowBox  div.pageTop{
	display:none;
}
*/

div.smallGrayBox a.readMore ,
div.smallGrayBox a.readMore:visited,
div.smallGrayBox a.readMore:hover,
div.smallYellowBox a.readMore ,
div.smallYellowBox a.readMore:visited,
div.smallYellowBox a.readMore:hover {
	position:absolute;
	bottom: 19px;
	left: 118px;
	color:white;
	display:block;
	width:94px;
	background-color:transparent;
	text-align:center;
	text-decoration:none;
	/* border:1px solid red; */
}

/*
div.smallGrayBox a.readMore,
div.smallGrayBox a.readMore:visited,
div.smallGrayBox a.readMore:hover,
div.smallYellowBox a.readMore,
div.smallYellowBox a.readMore:visited,
div.smallYellowBox a.readMore:hover {
	bottom: 22px;
	left: 110px;
}
*/
div.smallGrayBox h3{
	text-align:center;
/*	position:relative;
	top: 95px;
	font-size:14px; */
}

div.smallGrayBox h2, div.smallYellowBox h2{
	top: 0px;
}

div.smallGrayBox img{
	position:absolute;
	left:0px;
	top:10px;
}
div.smallGrayBox p, div.smallYellowBox p{
	font-size:1em;
	line-height:1.05em;
	position:absolute;
	top: 140px;
	width:210px;
	color: black;
}
div.smallGrayBox p, div.smallYellowBox p{
	top:45px;
}

div.smallYellowBox p{
	top:78px;
	color: navy;
	width:106px;
}


/*====================================================================================
Flood Support rightFeature Hightlight Box
=====================================================================================*/

#floodSupport {
	position:relative;
	height: 40px;
	width: 232px;
	border:1px solid #DDDDDD;
	padding: 0px;
	background-image: url(bg_flood_support.jpg) !important;
	background-repeat: no-repeat !important;
	margin: 10px 10px 10px 12px;
}

#floodSupport a.floodLink,
#floodSupport a.floodLink:visited,
#floodSupport a.floodLink:hover, {
	position:absolute;
	top: 7px;
	left: 95px;
	font-size: 1em;
	font-weight: bold;
	color:white;
	display:block;
	width:135px;
	background-color:transparent;
	text-decoration:none;
}


/*====================================================================================
DSG Web User Support leftFeature Hightlight Box
=====================================================================================*/

#webSupport {
	position:relative;
	height: 37px;
	width: 168px;
	border: 1px solid #C3D3F8;
	padding: 0px;
	background-image: url(bg_web_user_support.jpg) !important;
	background-repeat: no-repeat !important;
	margin: 10px 10px 10px 10px;
}

#webSupport a.webSupportLink,
#webSupport a.webSupportLink:visited,
#webSupport a.webSupportLink:hover, {
	position:absolute;
	top: 7px;
	left: 55px;
	font-size: 1em;
	font-weight: bold;
	color:white;
	display:block;
	width:110px;
	background-color:transparent;
	text-decoration:none;
}