/*
 
Copyright (c) Enigma Interactive 2004

SOM2
Project:		Rowlands
Filename:		layout_common.css
Description:	Site-wide layout elements
     
History
ver date  		who     	comment
-----------------------------------------------------------------------------
14	13Feb08		CT			Updated for new logo panel
13	31Oct07		CT			Adjusted bottom margin on site footer
12	09Oct07		CT			Bugfix
11	08Oct07		CT			Adjusted the height of the breadbrumbtrail area again
10	08Oct07		CT			Adjusted the height of the breadbrumbtrail area
9	27/09/07	PW			added article media containers
8	18Sep07		CT			Corrected signpost buttons
7	13Aug07		CT			Added #searchPanel
6	23Jul07		AL & CT		Fixed row layout bug
5	12Jul07		CT			Added a background color to #frontBody
4	10Jul07		CT			Updated h1
3	10Jul07		CT			Bug-fixed coSiteNavigation signposts
2	27Apr07		CT			Minor updates
1	04Apr07		CT			Created

*/

/* general essentials */
html { overflow-y:scroll; }

body {
	margin: 0;
	padding: 0;
	font: normal 75% verdana,arial,sans-serif;
	text-align: center; /* centering for IE users */
	color: #00464A;
}

form {
	margin: 0;
	padding: 0;
}

img {
	border: none;
}

h1 {
	font-weight: bold;
	font-size: 1.5em;
	margin: 0px 0px 5px 0px;
	color: #FF7F00;
}

h2 {
	font-weight: bold;
	font-size: 1.4em;
	margin: 4px 0px;
}

h3 {
	font-weight: bold;
	font-size: 1.3em;
	margin: 3px 0px;
}

h4 {
	font-weight: bold;
	font-size: 1.2em;
	margin: 2px 0px;
}

h5 {
	font-weight: bold;
	font-size: 1em;
	margin: 1px 0px;
}

a {
	color: #00464A;
	font-weight: bold;
	text-decoration: underline;
}

a:hover {
	color: #FE9125;
}

p {
	margin: 10px 0px;
}

ul {
	list-style-type: square
}

#frontBody {
	background: #ffffff url('/images/general/bg.gif') repeat-x top left; /* important - background color required in order to prevent mirror of death in CMS */
}

#siteHolder {
	width : 788px;
	margin : 8px auto; /* required by Firefox and Netscape */
	text-align : left; /* re-align text to the left */
}

/************************
	coSiteTool Start
************************/

#coSiteTool #siteBar {
	position: relative;
	width : 788px;
	height: 216px;
	float: left;
	font-family: arial;
}

#coSiteTool #siteBar #topPanel {
	width: 788px;
	height: 192px;
	float: left;
}

#coSiteTool #siteBar #tabsPanel {
	/* margin-top: 34px; */
	position: relative;
	width: 575px;
	height: 22px;
	float: right;
	text-align: right;
	z-index: 100;
	/* border: 1px solid red; */
}

#coSiteTool #siteBar ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
}

#coSiteTool #siteBar #tabsPanel li {
	height: 22px;
	width: auto;
	float: right;
	padding: 0px;
	margin: 0px;
	/* margin-right: 2px; */
	overflow:hidden;
}

#coSiteTool #siteBar #tabsPanel li .link {
	height: 16px;
	width: auto;
	float: left;
	display: inline;
	vertical-align: bottom;
	overflow:hidden;
}

#coSiteTool #siteBar #tabsPanel .item .link {
	background-color: #E3F3F4;
}

#coSiteTool #siteBar #tabsPanel .current .link {
	background-color: #00A2AC;
}

#coSiteTool #siteBar #tabsPanel li .corner {
	width: 6px;
	height: 16px;
	float: left;
	display: inline;
	vertical-align: bottom;
}

#coSiteTool #siteBar #tabsPanel .item .corner {
	background: transparent url(/res/coSiteTool/images/vlight-corner.png) no-repeat top right !important;
	background: transparent;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/res/coSiteTool/images/vlight-corner.png);
}

#coSiteTool #siteBar #tabsPanel .current .corner {
	background: transparent url(/res/coSiteTool/images/med-corner.png) no-repeat top right !important;
	background: transparent;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/res/coSiteTool/images/med-corner.png);
}

#coSiteTool #siteBar #tabsPanel li a {
	height: 22px;
	width: auto;
	float: left;
	margin: 0px;
	padding: 0px;
}

#coSiteTool #siteBar #tabsPanel .item .link a {
	color: #005459;
}

#coSiteTool #siteBar #tabsPanel .item a:hover {
	color: #FE9125;
}

#coSiteTool #siteBar #tabsPanel .current .link a {
	color: #FFFFFF;
}

#coSiteTool #siteBar #tabsPanel .current .link a:hover {
	color: #FE9125;
}

#coSiteTool #siteBar #logoPanel2 {
	position: absolute;
	top: 5px;
	left: 0px;
	width: 788px;
	height: 192px;
	float: left;
	z-index: 0;
	/* background: transparent url('/res/coSiteTool/images/logo_live.gif') no-repeat top left; */
	background: transparent url(/res/coSiteTool/images/main.png) no-repeat top right !important;
	background: transparent;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/res/coSiteTool/images/main.png);
}

/* #coSiteTool #siteBar #logoPanel #bottomTabsPanel {
	position: absolute;
	margin-top: 108px;
	width: 788px;
	height: 18px;
	z-index: 10;
} */

/* #coSiteTool #siteBar #logoPanel #bottomTabsPanel li {
	height: 18px;
	width: auto;
	float: left;
	padding: 0px;
	margin: 0px;
	margin-right: 2px;
	overflow: hidden;
} */

/* #coSiteTool #siteBar #logoPanel #bottomTabsPanel li .link {
	height: 18px;
	width: auto;
	float: left;
	display: inline;
	vertical-align: bottom;
} */

/* #coSiteTool #siteBar #logoPanel #bottomTabsPanel .item .link {
	background-color: #00737A;
} */

/* #coSiteTool #siteBar #logoPanel #bottomTabsPanel .current .link {
	background-color: #CEEAEB;
} */

/* #coSiteTool #siteBar #logoPanel #bottomTabsPanel li .corner {
	width: 6px;
	height: 18px;
	float: left;
	display: inline;
	vertical-align: bottom;
} */

/* #coSiteTool #siteBar #logoPanel #bottomTabsPanel .item .corner {
	background: transparent url(/res/coSiteTool/images/dark-corner.png) no-repeat top right !important;
	background: transparent;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/res/coSiteTool/images/dark-corner.png);
} */

/* #coSiteTool #siteBar #logoPanel #bottomTabsPanel .current .corner {
	background: transparent url(/res/coSiteTool/images/light-corner.png) no-repeat top right !important;
	background: transparent;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/res/coSiteTool/images/light-corner.png);
} */

/* #coSiteTool #siteBar #logoPanel #bottomTabsPanel li a {
	margin: 0px;
	padding: 2px 0px 2px 4px;
	font-size: 1.1em;
	text-decoration: none;
} */

/* #coSiteTool #siteBar #logoPanel #bottomTabsPanel .item .link a {
	color: #FFFFFF;
} */

/* #coSiteTool #siteBar #logoPanel #bottomTabsPanel .current .link a {
	color: #00464A;
} */

/* #coSiteTool #siteBar #logoPanel #bottomTabsPanel .item .link a:hover,
#coSiteTool #siteBar #logoPanel #bottomTabsPanel .current .link a:hover {
	color: #FE9125;
} */

#coSiteTool #siteBar #owlPanel {
	position: absolute;
	top: -50px;
	right: 0;
	width: 213px;
	height: 176px;
	float: left;
	background: transparent url(/res/coSiteTool/images/top_right_owl.png) no-repeat top right !important;
	background: transparent;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/res/coSiteTool/images/top_right_owl.png);
}

#coSiteTool #siteBar #owlPanel img {
	width: 213px;
	height: 176px;
	float: left;
}

/************************
	coSiteTool End
************************/

/********************************
	coSiteSubNavigation Start
********************************/

#coSiteSubNavigation {
	position: relative;
	width: 610px;
	height: 33px;
	float: left;
	overflow: hidden;
	background: transparent url(/images/general/horiz_dotted.gif) repeat-x bottom left;
}

#coSiteSubNavigation ul {
	position: relative;
	height: 33px;
	list-style: none;
	padding: 0px;
	margin: 0px;
}

#coSiteSubNavigation li {
	position: relative;
	top: 11px;
	height: 17px;
	width: auto;
	float: left;
	padding: 0px;
	margin: 2px;
	overflow: hidden;
}

/********************************
	coSiteSubNavigation End
********************************/

/***************************
	coSiteSearch Start
***************************/

#coSiteSearch {
	position: relative;
	width: 178px;
	height: 33px;
	float: left;
}

#coSiteSearch #mainSearch {
	width: 158px;
	height: 20px;
	float: left;
	overflow: hidden;
	background: #00737A;
	display: inline;
	padding: 13px 3px 0px 3px;
}

#coSiteSearch #mainSearch label {
	display: none;
}

#coSiteSearch #mainSearch #coSiteSearch_term {
	width: 120px;
	font-size: 0.8em;
	font-color: #00464A;
	border: 1px solid #00464A;
}

#coSiteSearch #mainSearch #searchButton {
	position: absolute;
	top: 14px;
	right: 6px;
	width: 41px;
	height: 15px; 
}

#coSiteSearch #searchCorner {
	width: 14px;
	height: 33px;
	float: left;
	display: inline;
	background: #00737A;
	/* background: transparent url(/res/coSiteSearch/images/corner.gif) no-repeat bottom left; */
}

/***************************
	coSiteSearch End
***************************/

/***********************
	siteMain Start
***********************/

#siteMain {
	position: relative;
	width: 788px;
	min-height: 500px;
	_height: 500px;
	float: left;
	background: transparent url(/images/general/main_bg_live.gif) repeat-y bottom left;
}

#siteMain #coSiteNavigation {
	margin-top: 2px;
	position: relative;
	width: 176px;
	float:left;
	overflow: hidden;
	padding-bottom: 7px;
	position: relative;
}

#siteMain #coSiteNavigation #menu_top {
	position: relative;
	width: 176px;
	float:left;
	padding-bottom: 7px;
	background: transparent url(/images/general/horiz_dotted.gif) repeat-x bottom left;
	position: relative;
}

#siteMain #mainPanel {
	position: relative;
	width: 432px;
	height: auto;
	float: left;
	overflow: hidden;
}

#siteMain #mainPanel #bodyText {
	position: relative;
	min-height: 50px;
	_height: 50px;
	margin-top: 2px;
	float: left;
}

#siteMain #mainPanel #bodyText #bodyPadder {
	position: relative;
	width: 415px;
	float: left;
	height: auto;
	margin: 10px 10px 20px 5px;
	z-index: 10;
}

#siteMain #mainPanel #bodyText #pagemedia {
	position: relative;
	width: 415px;
	float: left;
	height: auto;
	margin: 10px 10px 20px 5px;
}

#mainPanel #bodyText .header_curve {
	margin-left: 2px;
	width: 429px;
	height: 16px;
	float:left;
	background: transparent url('/images/general/header_curve_main.gif') no-repeat bottom right;
}

#mainPanel #bodyText .header_curve .header {
	position: relative;
	width: 418px;
	height: 16px;
	float: left;
	display: inline;
	background-color: #00A2AC;
	overflow: hidden;
}

#mainPanel #bodyText .header_curve .header h2 {
	margin: 2px 6px;
	font-weight: bold;
	font-size: 0.9em;
	color: #fff;
}

#mainPanel #bodyText .header_curve .header h2 img {
	width: 9px;
	height: 9px;
	margin-left: 5px;
	vertical-align: bottom;
	background: transparent url('/images/general/down_arrow_main.gif') no-repeat bottom left;
}

/***********************
	siteMain End
***********************/

/********************************
	coArticleSignpost Start
********************************/

.coArticleSignpost,
.coArticleSignpostBodyOnly,
.coArticleSignpostImageOnly,
#basket,
#logo {
	position: relative;
	heigtht: auto;
	width: auto;
	float: left;
	margin: 1px 1px 1px 0px;
	font-size: 0.9em;
}
* html #basket { margin-right: -30px; }

#mainPanel .coArticleSignpost .header,
#mainPanel .coArticleSignpostBodyOnly .header,
#mainPanel .coArticleSignpostImageOnly .header {
	position: relative;
	width: auto;
	height: 16px;
	float: left;
	display: inline;
	background-color: #92D6DB;
	overflow: hidden;
}

#mainPanel .coArticleSignpost .header h2 a,
#mainPanel .coArticleSignpostBodyOnly .header h2 a,
#mainPanel .coArticleSignpostImageOnly .header h2 a {
	text-decoration: none;
	color: #00373A;
}

#mainPanel .coArticleSignpost .header h2 a:hover,
#mainPanel .coArticleSignpostBodyOnly .header h2 a:hover,
#mainPanel .coArticleSignpostImageOnly .header h2 a:hover {
	color: #FE9125;
}

#mainPanel .coArticleSignpost .header_curve,
#mainPanel .coArticleSignpostBodyOnly .header_curve,
#mainPanel .coArticleSignpostImageOnly .header_curve {
	width: 11px;
	height: 16px;
	float:left;
	display: inline;
	background: transparent url('/res/coArticleSignpost/images/header_curve_blue.gif') no-repeat bottom right;
}

#mainPanel .coArticleSignpost .header h2,
#mainPanel .coArticleSignpostBodyOnly .header h2,
#mainPanel .coArticleSignpostImageOnly .header h2 {
	margin: 2px 6px;
	font-weight: bold;
	font-size: 0.9em;
}

#mainPanel .coArticleSignpost .header h2 img,
#mainPanel .coArticleSignpostBodyOnly .header h2 img,
#mainPanel .coArticleSignpostImageOnly .header h2 img {
	width: 9px;
	height: 9px;
	margin-left: 5px;
	vertical-align: bottom;
	background: transparent url('/res/coArticleSignpost/images/down_arrow_dark.gif') no-repeat bottom left;
}

#mainPanel .coArticleSignpost .subheader,
#mainPanel .coArticleSignpostBodyOnly .subheader,
#mainPanel .coArticleSignpostImageOnly .subheader {
	position: relative;
	height: auto;
	overflow: hidden;
	float: left;
	margin: 2px;
}

#mainPanel .coArticleSignpostImageOnly .subheader {
	margin: 0px;
}

#mainPanel .coArticleSignpost .subheader .button,
#mainPanel .coArticleSignpostBodyOnly .subheader .button,
#mainPanel .coArticleSignpostImageOnly .subheader .button {
	width: auto;
	float: right;
	text-align: right;
}

#mainPanel .coArticleSignpost .subheader .button a,
#mainPanel .coArticleSignpostBodyOnly .subheader .button a,
#mainPanel .coArticleSignpostImageOnly .subheader .button a {
	text-decoration: none;
}

#mainPanel .coArticleSignpost .subheader .button img,
#mainPanel .coArticleSignpostBodyOnly .subheader .button img,
#mainPanel .coArticleSignpostImageOnly .subheader .button img {
	vertical-align: top;
	width: 41px;
	height: 15px;
	background: transparent url('/res/coArticleSignpost/images/more_blue.gif') no-repeat bottom right;
}

#mainPanel .coArticleSignpost .subheader h3,
#mainPanel .coArticleSignpostBodyOnly .subheader h3,
#mainPanel .coArticleSignpostImageOnly .subheader h3 {
	margin: 8px 0px 2px 0px;
	font-weight: bold;
	font-size: 0.9em;
}

#signpostPanel {
	position: relative;
	width: 178px;
	height: auto;
	float: right;
	overflow: hidden;
	margin-left: -20px;
}

#signpostPanel .libraryImage {
	position: relative;
	width: 176px;
	height: auto;
	float: left;
	margin: 1px;
	background: white url(/images/general/horiz_dotted.gif) repeat-x bottom left;
	padding-bottom: 2px;
	overflow: hidden;
}

#signpostPanel .coArticleSignpost,
#signpostPanel .coArticleSignpostBodyOnly,
#signpostPanel .coArticleSignpostImageOnly,
#signpostPanel #basket,
#signpostPanel #logo,
#signpostPanel #searchPanel {
	position: relative;
	width: 176px;
	height: auto;
	background: white url(/images/general/horiz_dotted.gif) repeat-x bottom left;
	overflow: hidden;
	float: right;
}

#signpostPanel #logo {
	padding-bottom: 2px;
	width: 178px;
	margin: 0px;
}

#signpostPanel #logo #logoInner {
	width: 162px;
	float: left;
	background-color: #00A3AC;
	overflow: hidden;
	padding: 8px;
	/* border: 1px solid red; */
}

#signpostPanel #logo a {
	color: #fff;
	font-size: 0.7em;
}

#signpostPanel #searchPanel {
	background: transparent url(/images/general/horiz_dotted.gif) repeat-x bottom left;
}

#signpostPanel .coArticleSignpost,
#signpostPanel .coArticleSignpostBodyOnly,
#signpostPanel #basket,
#signpostPanel #searchPanel {
	margin: 1px;
	padding-bottom: 2px;
}

#signpostPanel .coArticleSignpostImageOnly {
	margin-left: 1px;
}

#signpostPanel .coArticleSignpost .header,
#signpostPanel .coArticleSignpostBodyOnly .header,
#signpostPanel .coArticleSignpostImageOnly .header,
#signpostPanel #basket .header,
#signpostPanel #searchPanel .header {
	position: relative;
	width: 165px;
	height: 16px;
	float: left;
	display: inline;
	overflow: hidden;
	background-color: #FE9125;
}

#signpostPanel .coArticleSignpost .header h2,
#signpostPanel .coArticleSignpostBodyOnly .header h2,
#signpostPanel .coArticleSignpostImageOnly .header h2,
#signpostPanel #basket .header h2,
#signpostPanel #searchPanel .header h2 {
	margin: 2px 5px;
	font-weight: bold;
	font-size: 0.9em;
	color: white;
	width: 165px;
	overflow: hidden;
}

#signpostPanel .coArticleSignpost .header h2 a,
#signpostPanel .coArticleSignpostBodyOnly .header h2 a,
#signpostPanel .coArticleSignpostImageOnly .header h2 a,
#signpostPanel #basket .header h2 a,
#signpostPanel #searchPanel .header h2 a {
	text-decoration: none;
	color: white;
}

#signpostPanel .coArticleSignpost .header h2 a:hover,
#signpostPanel .coArticleSignpostBodyOnly .header h2 a:hover,
#signpostPanel .coArticleSignpostImageOnly .header h2 a:hover,
#signpostPanel #basket .header h2 a:hover,
#signpostPanel #searchPanel .header h2 a:hover {
	color: #00464A;
}

#signpostPanel .coArticleSignpost .header h2 img,
#signpostPanel .coArticleSignpostBodyOnly .header h2 img,
#signpostPanel .coArticleSignpostImageOnly .header h2 img,
#signpostPanel #basket .header h2 img,
#signpostPanel #searchPanel .header h2 img {
	width: 9px;
	height: 9px;
	margin-left: 5px;
	vertical-align: bottom;
	background: transparent url('/res/coArticleSignpost/images/down_arrow_white.gif') no-repeat bottom left;
}

#signpostPanel .coArticleSignpost .header_curve,
#signpostPanel .coArticleSignpostBodyOnly .header_curve,
#signpostPanel .coArticleSignpostImageOnly .header_curve,
#signpostPanel #basket .header_curve,
#signpostPanel #searchPanel .header_curve {
	position: relative;
	width: 11px;
	height: 16px;
	float:left;
	display: inline;
	background: transparent url('/res/coArticleSignpost/images/header_curve_orange.gif') no-repeat bottom right;
}

#signpostPanel .coArticleSignpost .subheader,
#signpostPanel .coArticleSignpostBodyOnly .subheader,
#signpostPanel .coArticleSignpostImageOnly .subheader,
#signpostPanel #basket .subheader,
#signpostPanel #searchPanel .subheader {
	position: relative;
	width: 174px;
	height: auto;
	float: left;
	overflow: hidden;
}

#signpostPanel .coArticleSignpostImageOnly .subheader {
	overflow: visible;
}

#signpostPanel .coArticleSignpost .subheader .images .libraryImage,
#signpostPanel .coArticleSignpostImageOnly .subheader .images .libraryImage {
	position: relative;
	width: 164px;
	height: auto;
	float: left;
	padding-bottom: 0px;
	background: transparent;
	overflow: hidden;
}

#signpostPanel .coArticleSignpostImageOnly .subheader .images .libraryImage {
	width: 177px;
	margin-left: -1px;
}

#signpostPanel .coArticleSignpost .subheader .body,
#signpostPanel .coArticleSignpostBodyOnly .subheader .body,
#signpostPanel #searchPanel .body {
	position: relative;
	width: 164px;
	height: auto;
	float: left;
	overflow: hidden;
	margin: 5px;
}

#signpostPanel #searchPanel .body { 
	font-size: 0.9em;
}

#signpostPanel .coArticleSignpost .subheader .button,
#signpostPanel .coArticleSignpostBodyOnly .subheader .button,
#signpostPanel #searchPanel .subheader .button {
	width: auto;
	float: right;
}

#signpostPanel .coArticleSignpostImageOnly .subheader .button {
	position: absolute;
	width: 41px;
	height: 15px;
	/* margin: 0px; */
	/* padding: 0px; */
	bottom: 2px;
	right: 2px;
}

#signpostPanel .coArticleSignpost .subheader .button a,
#signpostPanel .coArticleSignpostBodyOnly .subheader .button a,
#signpostPanel .coArticleSignpostImageOnly .subheader .button a {
	text-decoration: none;
}

#signpostPanel .coArticleSignpost .subheader .button img,
#signpostPanel .coArticleSignpostBodyOnly .subheader .button img,
#signpostPanel .coArticleSignpostImageOnly .subheader .button img {
	vertical-align: top;
	width: 41px;
	height: 15px;
	float: right;
	background: transparent url('/res/coArticleSignpost/images/more_orange.gif') no-repeat bottom right;
}

#coSiteNavigation .coArticleSignpost,
#coSiteNavigation .coArticleSignpostBodyOnly,
#coSiteNavigation .coArticleSignpostImageOnly {
	position: relative;
	width: 176px;
	float: left;
	overflow: hidden;
	background: white;
	background: transparent url(/images/general/horiz_dotted.gif) repeat-x bottom left;
}

#coSiteNavigation .coArticleSignpost .header,
#coSiteNavigation .coArticleSignpostBodyOnly .header,
#coSiteNavigation .coArticleSignpostImageOnly .header {
	position: relative;
	width: 165px;
	height: 16px;
	float: left;
	background-color: #92D6DB;
}

#coSiteNavigation .coArticleSignpost .header h2,
#coSiteNavigation .coArticleSignpostBodyOnly .header h2,
#coSiteNavigation .coArticleSignpostImageOnly .header h2 {
	width: 152px;
	height: 12px;
	margin: 2px 5px;
	font-weight: bold;
	font-size: 0.9em;
	color: #00373A;
	/* overflow: hidden; */
}

#coSiteNavigation .coArticleSignpost .header h2 a,
#coSiteNavigation .coArticleSignpostBodyOnly .header h2 a,
#coSiteNavigation .coArticleSignpostImageOnly .header h2 a {
	display:inline;
	text-decoration: none;
	color: #00373A;
}

#coSiteNavigation .coArticleSignpost .header h2 a:hover,
#coSiteNavigation .coArticleSignpostBodyOnly .header h2 a:hover,
#coSiteNavigation .coArticleSignpostImageOnly .header h2 a:hover {
	color: #FE9125;
}

#coSiteNavigation .coArticleSignpost .subheader,
#coSiteNavigation .coArticleSignpostBodyOnly .subheader,
#coSiteNavigation .coArticleSignpostImageOnly .subheader {
	width: 176px;
	padding: 1px;
}

#coSiteNavigation .coArticleSignpost .header h2 img,
#coSiteNavigation .coArticleSignpostBodyOnly .header h2 img,
#coSiteNavigation .coArticleSignpostImageOnly .header h2 img {
	width: 9px;
	height: 9px;
	margin-left: 5px;
	vertical-align: bottom;
	background: transparent url('/res/coArticleSignpost/images/down_arrow_dark.gif') no-repeat bottom left;
}

#coSiteNavigation .coArticleSignpost .header_curve,
#coSiteNavigation .coArticleSignpostBodyOnly .header_curve,
#coSiteNavigation .coArticleSignpostImageOnly .header_curve {
	width: 11px;
	height: 16px;
	float:left;
	display: inline;
	background: transparent url('/res/coArticleSignpost/images/header_curve_blue.gif') no-repeat bottom right;
}

#coSiteNavigation .coArticleSignpost .subheader,
#coSiteNavigation .coArticleSignpostBodyOnly .subheader,
#coSiteNavigation .coArticleSignpostImageOnly .subheader {
	position: relative;
	height: auto;
	overflow: hidden;
	float: left;
	margin: 2px;
}

#coSiteNavigation .coArticleSignpostImageOnly .subheader {
	margin: 0px;
}

#coSiteNavigation .coArticleSignpost .subheader .body,
#coSiteNavigation .coArticleSignpostBodyOnly .subheader .body {
	position: relative;
	width: 164px;
	height: auto;
	float: left;
	overflow: hidden;
	padding: 5px 0px;
}

#coSiteNavigation .coArticleSignpost .subheader .images .libraryImage,
#coSiteNavigation .coArticleSignpostImageOnly .subheader .images .libraryImage {
	position: relative;
	width: 185px;
	height: auto;
	float: left;
	padding-bottom: 0px;
	background: transparent;
}

#coSiteNavigation .coArticleSignpostImageOnly .subheader .images .libraryImage {
	margin-left: -2px;
}

#coSiteNavigation .coArticleSignpost .subheader .button,
#coSiteNavigation .coArticleSignpostBodyOnly .subheader .button {
	width: auto;
	float: right;
}

#coSiteNavigation .coArticleSignpostImageOnly .subheader .button {
	position: absolute;
	width: auto;
	height: auto;
	float: right;
	bottom: 2px;
	right: 2px;
}

/********************************
	coArticleSignpost End
********************************/

/************************
	coSiteFooter Start
************************/
#coSiteFooter {
	position: relative;
	width: 788px;
	height: 19px;
	float: left;
	font-family: arial;
	margin-bottom: 50px;
}

#coSiteFooter #tabs {
	width: 773px;
	height: 19px;
	float: left;
	overflow: hidden;
	background-color: #92D6DB;
}

#coSiteFooter #tabs {
	width: 773px;
	height: 19px;
	float: left;
	overflow: hidden;
	background-color: #92D6DB;
}

#coSiteFooter #corner {
	width: 15px;
	height: 19px;
	float: left;
	background: transparent url(/res/coSiteFooter/images/tab_end_dark.gif) no-repeat top left;
}

#coSiteFooter ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
}

#coSiteFooter li {
	height: 20px;
	width: auto;
	float: left;
	padding: 0px;
	margin: 0px;
	overflow:hidden;
	background: white;
}

#coSiteFooter li .link {
	padding-left: 5px;
	position: relative;
	height: 20px;
	width: auto;
	float: left;
	display: inline;
	vertical-align: bottom;
	overflow:hidden;
}

#coSiteFooter li .link a {
	font-size: 0.8em;
	font-color: #00464A;
}

#coSiteFooter li .corner {
	position: relative;
	height: 20px;
	height: 19px;
	float: left;
	padding-right: 2px;
	display: inline;
	vertical-align: top;
}

#coSiteFooter .navtab .link {
	background-color: #E2F2F4;
}

#coSiteFooter .navtab .corner {
	width: 12px;
	background: white url(/res/coSiteFooter/images/tab_end_light.gif) no-repeat bottom left;
}

#coSiteFooter .navtabdark {
	width: 46%;
}

#coSiteFooter .navtabdark .link {
	width: 94%;
	background-color: #92D6DB;
}

#coSiteFooter .navtabdark .corner {
	width: 15px;
	background: transparent url(/res/coSiteFooter/images/tab_end_dark.gif) no-repeat top left;
}

/************************
	coSiteFooter End
************************/

 /*========================= TOP OF THE MENU CASCADE =========================*/

.menu {
	position:relative;        /* establish a menu-relative positioning context */
	float:left;                                     /* play nicely with others */
	margin:0;
	padding:0;
	border:0;
	margin-top: -22px;
	height:20px;                                  /* the menu's overall height */
	width:100%;         /* we always want our menu to fill the available space */
	z-index:100;
}

.menu img {
	vertical-align: top;      /* prevent images from being pushed down by text */
}

.menu ul {
	padding:0;
	margin:0;
	border:0;
	list-style-type:none;          /* we don't want to view the list as a list */
	line-height:1.5em;           /* globally set the menu's item spacing. note */
}                               /* this must be 1.0 or 1.5 or 2.0 for Mozilla */

.menu li {
	float:left;    /* this creates the side-by-side array of top-level buttons */
	position:relative;    /* create local positioning contexts for each button */
	margin:0;
}

.menu ul li table {
	margin: 0; /* margin:-1px 0; */              /* IE5 needs -1px top and bottom table margins */
	m\argin:0;               /* re-zero the table margins for everyone but IE5 */
	border-collapse:collapse;      /* IE5 needs this for the sub-menus to work */
	font-size:0.9em;       /* this sets the base font size for our entire menu */
}

/*======================== TOP LEVEL MENU DEFINITIONS ========================*/

.menu ul li ul {
	display:none;                  /* initially hide the entire list hierarchy */
	padding:1px 1px 0px 1px;                               /* this is our box border width */
}

.menu ul li ul li {
	float:left;    /* this creates the side-by-side array of top-level buttons */
	position:relative;    /* create local positioning contexts for each button */
}

.menu .item {
	width: auto;
	float: left;
	margin-right: 2px;
	cursor:pointer;      /* IE tries to switch back to an I-beam, don't let it */
	cursor:hand;           /* IE5 only knows about "hand", so set it both ways */
}

.menu .current {
	width: auto;
	float: left;
	margin-right: 2px;
}

.menu li .link {
	position: relative;
	padding: 2px 0px 2px 4px;
	height: 18px;
	width: auto;
	float: left;
	vertical-align: bottom;
}

.menu .item .link {
	background-color: #00737A;
}

.menu .current .link {
	background-color: #CEEAEB;
}

.menu li .corner {
	position: relative;
	width: 6px;
	height: 22px;
	float: left;
	vertical-align: bottom;
}

.menu .item .corner {
	background: transparent url(/res/coSiteTool/images/dark-corner.png) no-repeat top right !important;
	background: transparent;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/res/coSiteTool/images/dark-corner.png);
}

.menu .current .corner {
	background: transparent url(/res/coSiteTool/images/light-corner.png) no-repeat top right !important;
	background: transparent;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/res/coSiteTool/images/light-corner.png);
}

.menu .item a {
	color: #FFFFFF;
}

.menu .current a {
	color: #00464A;
}

.menu .item a:hover {
	color: #92D5DB;
	cursor:pointer;      /* IE tries to switch back to an I-beam, don't let it */
	cursor:hand;           /* IE5 only knows about "hand", so set it both ways */
}

.menu .current a:hover {
	color: #FE9125;
	cursor:pointer;      /* IE tries to switch back to an I-beam, don't let it */
	cursor:hand;           /* IE5 only knows about "hand", so set it both ways */
}

.menu ul li a,
.menu ul li a:visited {                    /* unselected top-level menu items */
	margin: 0;
	display:block;
	float:left;
	font-size: 1em;
	text-decoration:none;
	height:14px;
}

.menu ul li:hover a,
.menu ul li a:hover {                        /* selected top-level menu items */
	height:16px;
}

/*======================== 2ND LEVEL MENU DEFINITIONS ========================*/

.menu ul li:hover ul,
.menu ul li a:hover ul {                           /* 2nd level drop-down box */
	display:block;
	position:absolute;
	margin:0;
	top:22px;              /* place us just up underneath the top-level images */
	left:-1px;       /* left-align our drop-down to the previous button border */
	height:auto;      /* the drop-down height will be determiend by line count */
	width:auto;
	background:white;         /* this sets our menu's effective "border" color */
}

.menu ul li:hover ul li a,
.menu ul li a:hover ul li a {                   /* 2nd level unselected items */
	border-left: 4px solid #02727D;
	border-right: 4px solid #92D5DB;
	margin:0;
	padding:3px;
	height:auto;
	color:#004646;               /* this sets the unselected drop-down text color */
	background:#92D5DB;       /* this sets the drop-down menu background color */
	width:17em;
	margin-bottom: 1px;
	font-weight: normal;
	font-size:0.9em;
}

.menu ul li:hover ul li:hover a,
.menu ul li a:hover ul li a:hover {                /* 2nd level selected item */
	color: #FFFFFF;
	background:#2D9099;
	border-right: 4px solid #02727D;
	/* font-weight: bold; */
}

 /*========================= END OF THE MENU CASCADE =========================*/
 
 
 #siteMain .intro {
	width: 412px;
	float: left;
	font: normal 0.9em verdana,arial,sans-serif;
	margin-bottom: 10px;
}

#siteMain fieldset {
	margin: 0px;
	padding: 0px;
	width: 412px;
	float: left;
	border: none;
}

#siteMain legend {
	display: none;
}

#siteMain .sectionHeader {
	width: 412px;
	float: left;
	margin-bottom: 10px;
	font: normal 0.9em verdana,arial,sans-serif;
}

#siteMain .sectionBlueBorder {
	width: 432px;
	float: left;
	margin-bottom: 10px;
	padding-bottom: 15px;
	background: transparent url(/images/general/horiz_dotted.gif) repeat-x bottom left;
}

#siteMain .sectionBlueBorderSmallMargin {
	width: 412px
	float: left;
	margin-bottom: 2px;
	padding-bottom: 15px;
	background: transparent url(/images/general/horiz_dotted.gif) repeat-x bottom left;
}

#siteMain .sectionOrangeBorder {
	width: 412px;
	float: left;
	margin-bottom: 10px;
	padding-bottom: 15px;
	background: transparent url(/images/general/horiz_dot_orange.gif) repeat-x bottom left;
}

#siteMain .row {
	width: 98%;
	float: left;
	margin-bottom: 20px;
}

#siteMain .row .sectionDoubleDivider,
#siteMain .sectionOrangeBorder .sectionDoubleDivider {
	width: 50%;
	float: left;
}

#siteMain .sectionOrangeBorder .sectionHeader {
	width: 100%;
	float: left;
	margin-bottom: 10px;
	font: normal 0.9em verdana,arial,sans-serif;
}

#siteMain .row .sectionTrebleDivider,
#siteMain .sectionOrangeBorder .sectionTrebleDivider {
	width: 33%;
	float: left;
}

#siteMain .row .label,
#siteMain .sectionBlueBorder .label,
#siteMain .sectionOrangeBorder .label {
	width: auto;
	height: 15px;
	float: left;
	font: normal 0.9em verdana,arial,sans-serif;
	padding: 3px 0px;
	margin-right: 8px;
}

#siteMain .row .label {
	height: auto;
}

#siteMain .row .field,
#siteMain .sectionBlueBorder .field,
#siteMain .sectionOrangeBorder .field {
	width: auto;
	height: 21px;
	float: left;
	margin-right: 8px;
}

#siteMain .row .radio,
#siteMain .sectionOrangeBorder .radio {
	width: 20px;
	height: auto;
	float: left;
	margin-right: 8px;
}

#siteMain .row .radiolabel,
#siteMain .sectionOrangeBorder .radiolabel {
	width: 370px;
	height: auto;
	float: left;
	margin-right: 8px;
}

#siteMain .row .radiolabel .row,
#siteMain .sectionOrangeBorder .radiolabel .row {
	width: 400px;
	height: auto;
	float: left;
	margin-right: 8px;
	margin-bottom:5px;
}

#siteMain .row .field input,
#siteMain .row .field select,
#siteMain .sectionBlueBorder .field input,
#siteMain .sectionBlueBorder .field select,
#siteMain .sectionOrangeBorder .field input,
#siteMain .sectionOrangeBorder .field select {
	height: auto;
	float: left;
	border: 1px solid #004E53;
}

#siteMain .row .fixedlabel,
#siteMain .sectionOrangeBorder .fixedlabel {
	width: 20%;
	height: 15px;
	float: left;
	font: normal 0.9em verdana,arial,sans-serif;
	padding: 3px 0px;
	margin-right: 8px;
	margin-bottom: 4px;
}


#siteMain .row .fixedfield,
#siteMain .sectionOrangeBorder .fixedfield {
	width: 70%;
	height: 21px;
	float: left;
	margin-right: 8px;
	margin-bottom: 4px;
}

#siteMain .sectionOrangeBorder .fixedfield input {
	height: auto;
	width: 100%;
	border: 1px solid #004E53;
}

#siteMain .button,
#siteMain .sectionBlueBorder .button,
#siteMain .sectionOrangeBorder .button {
	width: auto;
	height: 15px;
	float: left;
	margin-right: 8px;
	padding: 3px 0px;
}
 
 
 /*******************************************************************************/
 
 #modalContainer {
	background-color:transparent;
	position:absolute;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	z-index:10000;
	background-image:url(tp.png); /* required by MSIE to prevent actions on lower z-index elements */
	text-align:center;
}

#outerAlertBox {
	width:304px;
	min-height:100px;
	margin:0px auto; /* required by Firefox and Netscape */
	margin-top : 260px;
	background-color:#A3BEC0;
}

#alertBox {
	width:300px;
	min-height:100px;
	text-align : left; /* re-align text to the left */
	border:1px solid #fff;
	background-color:#92D5DB;
	color: #8B0D0D;
}

#alertBox h1 {
	margin:0;
	font:bold 1.2em verdana,arial;
	color:#FFF;
	padding:5px;
	background: #E94342 url(/images/general/alert.gif) no-repeat center right;
}

#alertBox p {
	font:1em verdana,arial;
	margin:10px 20px;
}

#alertBox #closeBtn {
	display:block;
	position:relative;
	margin:10px auto;
	width:51px;
	height:17px;
	background: transparent url(/images/general/but_ok.gif) no-repeat top left;
}
 
/* Article media containers */
.mediaContainer {
	width:450px;
	height: auto;
	float:left;
	margin-bottom:10px;
}

.mediaContainer .mediaImageContainer {
	width:450px;
	float:left;
	margin-bottom:10px;
}

.mediaContainer .mediaImageContainer .linkTitleImage {
	width:176px;
	height:23px;
	float:left;
	background: transparent url(/images/general/links.gif) no-repeat top left;
}

.mediaContainer .mediaImageContainer .contactTitleImage {
	width:176px;
	height:23px;
	float:left;
	background: transparent url(/images/general/cntcts.gif) no-repeat top left;
}

.mediaContainer .mediaImageContainer .downloadTitleImage {
	width:176px;
	height:23px;
	float:left;
	background: transparent url(/images/general/dwnlds.gif) no-repeat top left;	
}