/* #####################---------------------#####################
 * ###        Benefits On Line -- Cascading Style Sheet        ###
 * #####################---------------------##################### */

/* Colour Palette used on this website
 
 Hex Code - RGB - Description - Example(s)
 --------   ---   -----------   ----------
 
 #336699 - rgb() - dark blue - logo color, top nav background color
 #6699cc - rgb() - blue - user name text
 #b2cce5 - rgb(178,204,229) - blue - side bar border, top nav text
 #e1ebf5 - rgb() - light blue - side bar content background
 #888888 - rgb() - gray - footer text, left nav text (not selected)
 #6e90b3 - rgb() - module box header background color
 
 #ffffff - rgb(255,255,255) - white - 
 #ffffcc - rgb() - light yellow - 
 #ff6633 - rgb() - mid-orange - for white background
 #ff3300 - rgb() - orange - highlight when on dark blue background

*/

/* Resets 
.margin-reset {margin-left:0;}*/


/* client specific styles */
.button-enter {
	width: 6em;
	font-weight:bold;
	color:#ffffff;
	background-color: #536ea5;
	width:80px;
}

body {
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	/*background-color:#d9d9d9;*/ /* coloured background causes issues with pop-up boxes in Enrolment tool */
	/*text-align:center;*/ /* only required in IE when not using DOCTYPE  -- can't use because it messes up printer friendly confirmation page */
}
body.EVOLVE,
body.CSTONE,
body.DEFAULT,
body.login,
body.portal
{
	background-color:#d9d9d9;
}
body.Popup {
	padding:10px; 
	background-color: white; 
	text-align:left;
}

body.Popup li {
	margin-left: 20px;
}

a, a:link, a:visited {
	color:#336699;
	text-decoration: underline;
}
a:hover {
	color:#ff6633;	
}
a.printVersionLink,
a.printVersionLink:link,
a.printVersionLink:visited {
	color:#888888;
	text-decoration:none;
}
a.printVersionLink:hover {
	color:#888888;
	text-decoration: underline;
}
a.module_icon{
	padding-left:6px;
}
#topNav a, #topNav a:link, #topNav a:visited {
	color:#b2cce5;
	text-decoration:none;
}
#topNav a:hover {
	color:white;
	/*color:#ffffcc;*/ /* alternative colour - pale yellow */
}
#topNav a.topmenu_on, 
#topNav a.topmenu_on:link, 
#topNav a.topmenu_on:visited,
#topNav a.topmenu_on:hover {
	color:white;
	text-decoration:none;
}
#portalTopNav {
	/*background-color:cyan;*/
	font-size:12px;
	text-transform: uppercase;
	padding: 10px 35px;
	height:23px;
	color:#999999;
}
#portalTopNav a, portalTopNav a:link, #portalTopNav:visited {
	text-decoration:none;
	color:#999999;
}
#portalTopNav a:hover {
	text-decoration:none;
	color:#ff6633;
}
#portalTopNav a.topmenu_on, 
#portalTopNav a.topmenu_on:link, 
#portalTopNav a.topmenu_on:visited,
#portalTopNav a.topmenu_on:hover {
	text-decoration:none;
	color:#336699;
}
#content {
	/*background-color:#666666;*/
	background-color:white;
	width:1000px;
	margin: 0 auto;
	border: 1px solid #888888; /* remove this if we are continuing down */
}
#topNav {
	background-color:#336699;
	font-size:12px;
	text-transform: uppercase;
	color: #b2cce5;
	/*font-weight:bold;*/ /* Colleen asked to remove */
	/*color:#e0ebf5;*/ 
	padding: 5px 30px;
	text-align:left;
}
#banner {
	/*background-color:orange;*/
	height:244px;
}
body.EVOLVE #banner {
	background-image: url(/_images/evolve_banner.jpg);
}
body.CSTONE #banner {
	/*background-image: url(/_images/cstone_banner.jpg);*/
   background-repeat:no-repeat; 
   /* for demo*/
   background-image: url(/_images/Header_backg_1000x164.gif);
   height: 150px;		
}

body.CSTONE #moduleImage /* for demo*/
{
	display: none;
}

/* ----- for demo ----- */
body.CSTONE #moduleTitle
{
	padding-top: 25px;
	font-size: 22px;
	width: 400px;
}

body.CSTONE #moduleTitle, 
body.CSTONE #userName
{
	float: right;
	margin-right: 10px;
}

body.CSTONE #topNav		/* for demo*/
{
	background-color: #336699;
	color: #FFFFFF;
}

body.DEFAULT #banner {
	background-image: url(/_images/default_banner.jpg);
}
span.h1 {
	font-size:22px;
	color: #336699;
}
#logo, .logo {
	/*background-color:blue;*/
	width:200px;
	height:100px;
	float:left;
	/*padding: 10px;  -- [Original] */ 
	padding: 18px 0 0 28px; /* Replace with original after demo. */
	margin:0;
	text-align:left;
}
#logo image, .logo image {
	border:none;
}
#moduleDesc {
	/*background-color:cyan;*/
	width:460px;
	height:120px;
	float:right;
}
#moduleImage {
	/*background-color:yellow;*/
	width:120px;
	height:120px;
	float:right;
	margin-top:9px;
}
#moduleTitle, .moduleTitle {
	/*background-color:orange;*/
	width:330px;
	text-align:right;
	padding-top:35px;
	font-size: 20px;
	font-weight:bold;
	color:#336699;
}
#userName, .userName {
	/*background-color:red;*/
	width:330px;
	text-align:right;
	padding-top:5px;
	font-size:16px;
	font-weight:bold;
	color:#6699cc;
}
#mainSection {
	/*background-color:pink;*/
	background-image:url(/_images/leftNavBottom.jpg);
	background-repeat:repeat-y;
	display: inline-block;   /* side-effect: causes a small gap at the bottom */
	position:relative;/* leave that style here, otherwise the glossary term inline popup won't display as expected */
}
#mainNav {
	/*background-color:purple;*/
	/*background-color:#e5e5e5;*/
	background-image:url(/_images/leftNavTop.jpg);
	background-repeat:no-repeat;
	float:left;
	width:238px;
	text-align:left;
}
#mainContent {
	/*background-color: #CCCCCC;*/
	background-color:white;
	background-image:url(/_images/mainContentBackground.jpg);
	background-repeat:no-repeat;
	float:right;
	padding:5px 10px 5px 25px;
		
	/*width:762px;*/ /* if padding then adjust width (-35px) */
	width:727px;
	/* width:100%; */
	text-align:left;
	/*margin-left:-9px; 		/* temporary fix for div drop */
}
#printVersionBox {
	/*background-color: cyan;*/
	width:705px;     /* 732px minus side padding (40px) */
	height:20px;
	text-align:right;
	padding: 5px 10px;
}
#PrintCloseBox{
	/*background-color:yellow;*/
	width:100%;
	text-align:right;
	display:none;
	padding:5px 0;
}
div.PrintClose {
	text-align: right; 
	font-size: 11px; 
	margin-bottom:1em;
}
#sidebar {
	/*background-color:brown;*/
	float:right;
	width:240px;
	/*text-align:right;*/
}
#disclaimer {
	border:none; 
	padding:20px 5px; 
	font-size:11px;
}
#footer {
	/*background-color:red;*/
	clear: both;
	color:#888888;
	font-size:11px;
	padding: 15px 25px 5px 0;
}

body.login #footer {
	text-align:center;
	white-space:nowrap;
}

#footer a, #footer a:link, #footer a:visited {
	color:#888888;
	text-decoration:none;
}
#footer a:hover {
	text-decoration:underline;
}

h1, h2, h3, h4, h5, h6, p {
	margin-top: 0px;
}
h1 {
	font-size:22px;
	color: #336699;
}
h1.WithSub {
	margin-bottom:0;
}
h2 {
	font-size:18px;
	color:#336699;
}
h3 {
	font-size:15px;
	color:#6699CC;
}
h4 {
	font-size:13px;
}
h5 {
	font-size:12px;
}

p.CloseLink {
	text-align:right;
}

p.CloseLink a {
	text-decoration:none;
}

ul {
	margin-left:1.2em;
	padding-left:0;
	list-style-type:square;
}
ul ul,
ol ol,
ul ol, 
ol ul {
	margin-top:0.6em;
}
ul.TOC,
ul.Forms {
	margin: 0 0 1em 0;
	padding:0;
	list-style:none;
}
ul.TOC li {
	margin:0;
	padding:4px 0;
}
ul.TOC li.bulleted {
	margin:0 15px;
	padding: 4px 10px;
	list-style-type:square;
}

ul.Forms li {
	margin:0;
	padding:4px 20px;
}

li {
	/*line-height:20px;*/
	margin-bottom:0.6em;
}
hr {
	margin-bottom:1em;
}
img {
	border:none;
}
img.pdficon {
	padding: 0 2px;
}
table {
	border-collapse:collapse;
	margin-bottom:1em;
	text-align:left;
}

table.EventBox {
	/*border:2px solid #336699;*/
	border:2px solid #ff6633;
	border-collapse:collapse;
}
table.EventBox td {
	padding:5px;
}
table.EventBox a,
table.EventBox a:link,
table.EventBox a:visited {
	color: #ff6633;
	font-weight:bold;
}
table.EventBox a:hover {
	color: #336699;
}
table.SideBarBox {
	/*background-color:yellow;*/
	margin:0;
	padding:0;
	border-collapse:collapse;
	color:#336699;
	width:230px;
	float:right;
}
table.SideBarBox th {
	/*background-color:cyan;*/
	margin:0;
	padding:0;
	
	text-transform:uppercase;
}
table.SideBarBox th.topCenter, 
table.SideBarBox td.middleCenter, 
table.SideBarBox td.bottomCenter {
	padding-left:5px;
}
table.SideBarBox th.topLeft {
	background-image:url(/_images/SideBoxTopLeft.jpg);
	background-repeat:no-repeat;
	width:15px;
}
table.SideBarBox th.topCenter {
	background-image:url(/_images/SideBoxTopCenter.jpg);
	background-repeat: repeat-x;
	padding-top:12px;
	padding-bottom:8px;
	text-align:left;
}
table.SideBarBox th.topRight {
	background-image:url(/_images/SideBoxTopRight.jpg);
	background-repeat:no-repeat;
	width:15px;
}
table.SideBarBox td {
	/*background-color:#efefef;*/
	font-size:13px;
	margin:0;
	padding:0;
}
table.SideBarBox td.middleLeft {
	background-image:url(/_images/SideBoxMiddleLeft.jpg);
	background-repeat: repeat-y;
	border-top: 1px #b2cce5 solid;
}
table.SideBarBox td.middleCenter {
	background-image:url(/_images/SideBoxMiddleCenter.jpg);
	background-repeat: repeat;
	padding-top:5px;
	padding-bottom:5px;
	text-align:left;
	border-top: 1px #b2cce5 solid;
}
table.SideBarBox td.middleRight {
	background-image:url(/_images/SideBoxMiddleRight.jpg);
	background-repeat:repeat-y;
	border-top: 1px #b2cce5 solid;
}
table.SideBarBox td.bottomLeft {
	background-image:url(/_images/SideBoxBottomLeft.jpg);
	background-repeat: no-repeat;
}
table.SideBarBox td.bottomCenter {
	background-image:url(/_images/SideBoxBottomCenter.jpg);
	background-repeat: repeat-x;
	padding-top:10px;
	padding-bottom:10px;
	text-align:left;
}
table.SideBarBox td.bottomRight {
	background-image:url(/_images/SideBoxBottomRight.jpg);
	background-repeat:no-repeat;
}
table.logoff {
	width:75%; 
	padding:6px; 
	border-collapse:separate; 
	/* background-color:cyan; */
}
table.logoff td {
	vertical-align:middle; 
	text-align:center; 
	font-size:17px; 
	color:#666666; 
	line-height:22px;
}

.moduletbl {
   border-top:none;
   border-right:none;
   border-bottom:2px solid #336699;
   border-left:none;
}

.moduletbl thead * {
   background-color:#336699;
   color:#fff;
   font-weight:bold;
}

.moduletbl td, 
.moduletbl th {
   padding:5px 5px;
}

.moduletbl th {
	text-align:center;
}
.moduletbl thead th,
.moduletbl thead td {
   border:1px solid #fff;
}

.moduletbl tbody td.c1,
.moduletbl tbody td.c2,
.moduletbl tbody td.c3,
.moduletbl tbody td.c4,
.moduletbl tbody td.c5,
.moduletbl tbody td.c6 {
   border-right:1px solid #336699;
}

.moduletbl tbody td.c2,
.moduletbl tbody td.c3,
.moduletbl tbody td.c4,
.moduletbl tbody td.c5,
.moduletbl tbody td.c6,
.moduletbl tbody td.c7 {
   text-align:center;
}

.moduletbl tbody td.c1 {
   color:#00456B;
   /*color:black;*/
}
.moduletbl tr.clsTableBody td {
	background-color:#e1ebf5;
}

#basics101_tbl {
	width:500px;
}
#basics101_tbl tbody td.c1 {
	text-align:center;
}
#basics101_tbl tbody td.c5 {
	border-right:none;
}

.SideBarBox ul {
	margin:0 10px 0 15px;
	padding: 0;
}
.SideBarBox li {
	margin-bottom:0;
}
table.SideBarBox a, table.SideBarBox a:link, table.SideBarBox a:visited {
	color:#336699;
	text-decoration:none;
}
table.SideBarBox a:hover {
	text-decoration:underline;
}
table.leftNav {
	width:221px;
	border-collapse:collapse;
	margin:0;
	padding:0;
	background-image:url(/_images/leftNavBottom.jpg);
	background-repeat: repeat-y;
}
table.leftNav th {
	background-image:url(/_images/navTop.jpg);
	background-repeat:no-repeat;
	height:15px;
	margin:0;
	padding:0;
}
table.leftNav td {
	margin:0;
	padding:0;
}
table.leftNav td.SelectBox {
	background-image:url(/_images/navSelectBoxBkgd.jpg);
	background-repeat:no-repeat;
	height:51px;
	padding-left:20px;
}
table.leftNav td.SearchBoxTop {
	background-image:url(/_images/navSearchBoxTop.jpg);
	background-repeat: no-repeat;
	margin:0;
	height:16px;
}
table.leftNav td.SearchBox {
	background-image:url(/_images/navSearchBoxMiddle.jpg);
	background-repeat: repeat-y;
	padding-left:7px;
	margin:0;
}
table.leftNav td.SearchBoxBottom {
	background-image:url(/_images/navSearchBoxBottom.jpg);
	background-repeat: no-repeat;
	margin:0;
	height:16px;
}
.leftNav table.QuickSearch {
	 text-align:left; 
	 /*border:1px solid #999999;*/
	 font-size:11px;
	 margin:0;
	 padding:0;
	 border-collapse:collapse;
}
.leftNav table.QuickSearch th,
.leftNav table.QuickSearch td {
	vertical-align:middle;
	padding: 2px 0;
	margin:0;
}
.leftNav table.QuickSearch td.ToolTitle {
	text-align:center; 
	font-size:13px;
	text-transform:uppercase;
	/*color:#336699;*/
	color:white;
	font-weight:bold;
}
.leftNav table.QuickSearch td.InputField {
	/*background-color:cyan;*/
	text-align:left;
	padding: 2px 0 2px 10px ;
	/*width:170px;*/
	color:white;
}
.leftNav table.QuickSearch a,
.leftNav table.QuickSearch a:link,
.leftNav table.QuickSearch a:visited
 {
	color: white;
}
.leftNav table.QuickSearch a:hover {
	color: #336699;
}
.leftNav table.QuickSearch td.InputGo {
	/*background-color:yellow;*/
	width:36px;
	padding: 0 2px;
}
.leftNav table.QuickSearch td.ExtendedSearch {
	text-align:center;
}
table.leftNav td.Menu1 {
	background-image:url(/_images/navMenu1Bkgd.jpg);
	background-repeat:no-repeat;
	height:32px;
	padding-left:10px;
	font-size:13px;
	font-weight:bold;
	color:#888888;
}
table.leftNav td.Menu1_Selected {
	color: #336699;
}
.Menu1 a, 
.Menu1 a:link, 
.Menu1 a:visited {
	color:#888888;
	text-decoration:none;
}
.Menu1 a:hover {
	color: #336699;
	text-decoration:none;
}
.Menu1_Selected a, 
.Menu1_Selected a:link,
.Menu1_Selected a:visited,
.Menu1_Selected a:hover {
	color: #336699;
	text-decoration:none;
}
table.leftNav td.Menu2 {
	background-image:url(/_images/navMenu2Bkgd.jpg);
	background-repeat: no-repeat;
	/*height:23px;
	padding-left:20px;
	padding-right:10px;*/
	padding:6px 10px 3px 20px;
	font-size:12px;
	/*font-weight:bold;*/
	/*font-weight:600;*/ /* suggested by Colleen */
	font-weight:500;
	
	color:#888888;
}
table.leftNav td.Menu2_Selected {
	color: #6699cc;
}
.Menu2 a, 
.Menu2 a:link, 
.Menu2 a:visited {
	color:#888888;
	text-decoration:none;
}
.Menu2 a:hover {
	color: #6699cc;
	text-decoration:none;
}
.Menu2_Selected a, 
.Menu2_Selected a:link,
.Menu2_Selected a:visited,
.Menu2_Selected a:hover {
	color: #6699cc;
	text-decoration:none;
}
table.leftNav td.MenuEnd {
	background-image:url(/_images/navBottom.jpg);
	background-repeat:no-repeat;
	height:2px;
}
select.moduleSelection {
	width:175px;
}
select.SearchType {
	font-size:9px; 
}
form {
	margin:0; 
	padding:0;
}

/* Standard header styles: start */

.stdHeader {
	/*background-color:orange;*/
	display:inline-block;
	width:100%;
}
.stdTitle {
	/*background-color:cyan;*/
	float:left;
}
.stdLink {
	/*background-color:yellow;*/
	text-align:right;
	vertical-align:top;
	float:right;
}
stdHr {
	clear:both;
}

/* Standard header styles: end */

/* infoTable style: start */

table.infoTable
{
	/*border:1px solid #999999;*/
	/*border-color: #C1BEBE; */
	border-collapse: collapse;
	padding:5px;
	font-size:12px;
	/*empty-cells:hide;*/
}

table.infoTable th
{
	border:1px solid #999999;
	vertical-align:top;
	/*text-align: center;*/
	text-align:left;
	color: white;
	padding:5px;
}

body.EVOLVE th, 
body.CSTONE th,
body.DEFAULT th
{
	background-color:#336699;
	color:white;
}
table.infoTable th.col
{
	background-color:#f7874f;
	color: black;
}
table.infoTable td
{
	border:1px solid #999999;
	vertical-align:top;
	text-align:left;
	padding:5px;
}

table.infoTable td.header
{
	border:1px solid #000;
	background-color:#999999;
	font-weight:bold;
	vertical-align:top;
	text-align:center;
	padding:5px;
}

table.infoTable td.clsTableHeader
{
	vertical-align: middle;
}

table.infoTable td.sub-header
{
	font-style:italic;
	font-weight:bold;
}

table.infoTable td.nolines {
	border-color:white;
	border-right:1px solid #999999;
	border-bottom:1px solid #999999;
}
body.EVOLVE table.infoTable td.cat,
body.CSTONE table.infoTable td.cat, 
body.DEFAULT table.infoTable td.cat
{
	/* background-color:fbd1bb; 
	background-color: #ffcc99;
	background-color:#b2cce5;*/
	background-color:#e1ebf5;
	font-weight:bold;
}
table.infoTable td.cat2
{
	padding-top:10px;
	padding-bottom:10px;
}
table.infoTable td.value
{
	text-align: center;
}
table.infoTable td.text
{
	text-align: left;
}

table.infoTable td.sideheader
{
	font-weight: bold;
}
body.EVOLVE td.sideheader, 
body.CSTONE td.sideheader,
body.DEFAULT td.sideheader {
	background-color:#336699;
	/*background-color:#e1ebf5;
	background-color:#b2cce5;*/
	/*color:black;*/
	color:white;
	/*color:#336699;*/
}
table.infoTable td.sideheader p,
table.infoTable td.value p, 
table.infoTable td.text p{
	margin-bottom:0;  
}
table.infoTable ul, ol {
	padding-left:1em;
	margin-left:1em;	
	margin-bottom:0;
}
table.infoTable ul {
	list-style:square;
}
table.infoTable li {
	padding-left:0;
	margin-left:0;
}
table.infoTable th p,
table.infoTable td.cat p,
table.infoTable td.cat2 p {
	font-size:12px;
	margin-bottom:0;  /* we may need to remove this */
}
table.infoTable td p {
	font-size:12px;
	margin-bottom:1em;  /* we may need to remove this */
}
table.layout {
	border:none;
	margin:0;
	padding:0;
	border-collapse:collapse;
}
table.layout td {
	border:none;
	margin:0;
	padding:0;
}

/* infoTable style: end */

/* sectionTable style: start */

table.sectionTable
{
	border-top:1px solid #999999;
	border-bottom:1px solid #999999;
	/*border-color: #C1BEBE; */
	border-collapse: collapse;
	padding:5px;
	font-size:12px;
	margin-bottom:1.5em;
}
table.sectionTable th
{
	/*border:1px solid #999999; */
	border-bottom:1px solid #999999;
	vertical-align:top;
	/*text-align: center;*/
	text-align:left;
	color: white;
	padding:8px 5px;
}
table.sectionTable th.col
{
	background-color:#f7874f;
	color: black;
}
table.sectionTable td
{
	/*border:1px solid #999999;*/
	border-bottom:1px solid #999999;
	vertical-align:top;
	text-align:left;
	padding:8px 5px;
}

body.EVOLVE table.sectionTable td.cat,
body.CSTONE table.sectionTable td.cat,
body.DEFAULT table.sectionTable td.cat
{
	/* background-color:fbd1bb; 
	background-color: #ffcc99;
	background-color:#b2cce5;*/
	background-color:#e1ebf5;
	font-weight:bold;
}
table.sectionTable td.value
{
	text-align: center;
}



table.sectionTable td.sideheader
{
	font-weight: bold;
}
body.EVOLVE td.sideheader, 
body.CSTONE td.sideheader,
body.DEFAULT td.sideheader {
	background-color:#336699;
	/*background-color:#e1ebf5;
	background-color:#b2cce5;*/
	/*color:black;*/
	color:white;
	/*color:#336699;*/
}
table.sectionTable ul, ol {
	padding-left:1em;
	margin-left:1em;	
	margin-bottom:0;
	margin-top:0; /* for Firefox */
}
table.sectionTable ul {
	list-style:square;
}
table.sectionTable li {
	padding-left:0;
	margin-left:0;
}
table.sectionTable th p {
	font-size:12px;
	margin-bottom:0;  /* we may need to remove this */
}
table.sectionTable td p {
	font-size:12px;
	/*margin-bottom:0;*/  /* we may need to remove this */
}

/* sectionTable style: end */

/* Image styles: start */

img.PrinterIcon {
	border:none;
	vertical-align:bottom;
}

/* Image styles: end */


/* Print version styles */

body.PRINTVERSION {
	background-color:transparent;
	padding:5px;
}

body.PRINTVERSION #topNav, 
body.PRINTVERSION #banner, 
body.PRINTVERSION #mainNav, 
body.PRINTVERSION #sidebar,
body.PRINTVERSION #printVersionBox,
body.PRINTVERSION #footer {
	display:none;	
}
body.PRINTVERSION #content {
	width:100%;	
	border:none;

}
body.PRINTVERSION #mainContent {
	background-image: none;
	width:100%;
	padding:0; /* Firefox does not like a non-zero value for this when width is 100%. */
	margin:0; /* Firefox does not like a non-zero value for this when width is 100%.*/
}

body.PRINTVERSION #mainSection {
	background-image: none;
}

body.PRINTVERSION #PrintCloseBox {
	display:block;
}
body.PRINTVERSION .SelectionBar,
body.PRINTVERSION .ToTop {
	display:none;
}

.SelectionBar {
	border-top: 1px #999999 solid;
	border-bottom: 1px #999999 solid;
	margin-bottom:2em;
}
.SelectionBar td {
	padding:5px 0 5px 0;
	/*color:#666666;*/
	/*color: #6699cc;*/
	color: #336699;
}
.SelectionBar a,
.SelectionBar a:link,
.SelectionBar a:visited {
	text-decoration:none;
	color:#999999;
	font-weight:bold;
}
.SelectionBar a:hover {
	text-decoration:none;
	/*color: #6699cc;*/
	color: #336699;
}

/* Print media styles - when looking at print preview */
/* NOTE: no background images are shown in print media (by default) */

@media print {

#topNav, #banner, #mainNav, #sidebar, #printVersionBox, #PrintCloseBox {	
	display:none;
}

#content {
	width:100%;
	border:none;
}

#mainContent {
	/*background-image: none;*/
	width:100%;
	padding:0;
	margin:0;
}

.PrintClose, .ToTop {
	display:none;
}

}

/* Core styles: start */

tr.grayHeaderRow {
	font-style:normal;
	font-weight:bold;
	color:black;
	background-color:#D9D9D9;}
	
TD.clsGrayRow
{
	/* must be same background color as clsTableBody */
    FONT-WEIGHT: normal;
    FONT-SIZE: 10pt;
    COLOR: #000000;
    FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
    BACKGROUND-COLOR: #eeeeee;
} 

TD.clsWhiteRow
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 10pt;
    COLOR: #000000;
    FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
    BACKGROUND-COLOR: #ffffff;
} 

TD.clsChangesLight 
{
    COLOR: #0000EE;
}

TD.clsChangesGrey
 {
   /* must be same background color as clsTableBody */
   COLOR: #0000EE;
   background-color:#eeeeee;
  }
 TD.clsTableOptionFont
{
	/* must be same background color as clsTableBody */
    FONT-WEIGHT: normal;
    FONT-SIZE: 9pt;
    COLOR: #000000;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    BACKGROUND-COLOR: #eeeeee;
}
 TD.clsTableOptionFontClear

{
    FONT-WEIGHT: normal;
    FONT-SIZE: 9pt;
    COLOR: #000000;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    BACKGROUND-COLOR: #ffffff;
}
 TD.clsTableDetailFont
{
	/* must be the same backgound color as clsTableBody */
    FONT-WEIGHT: normal;
    FONT-SIZE: 9pt;
    COLOR: #000000;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    BACKGROUND-COLOR: #eeeeee;
}
 TD.clsTableDetailFontClear

{
    FONT-WEIGHT: normal;
    FONT-SIZE: 9pt;
    COLOR: #000000;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    BACKGROUND-COLOR: #ffffff;
}
td.clsTableHeader {
	font-style:normal;
	font-weight:bold;
	color:black;
	background-color:#D9D9D9;}

body.EVOLVE td.clsTableHeader,
body.CSTONE td.clsTableHeader,
body.DEFAULT td.clsTableHeader,
body.EVOLVE td.sub-header,
body.CSTONE td.sub-header,
body.DEFAULT td.sub-header {
	color:white;
	background-color:#336699;
} 
td.clsTableHeader_small {
	font-style:normal;
	font-weight:bold;
	background-color:#C0C0C0;}

td.clsTableHeader2 {
	font-size:10pt;
	font-style:normal;
	font-weight:bold;
	background-color:#D3D3D3;
}
body.EVOLVE td.clsTableHeader2,
body.CSTONE td.clsTableHeader2,
body.DEFAULT td.clsTableHeader2 {
	background-color:#336699;
	color: white;
	padding:3px;
}
body.EVOLVE td.clsTableHeader2 a,
body.CSTONE td.clsTableHeader2 a,
body.DEFAULT td.clsTableHeader2 a {
	color:white;
}
body.EVOLVE td.clsTableHeader2 a:hover,
body.CSTONE td.clsTableHeader2 a:hover,
body.DEFAULT td.clsTableHeader2 a:hover {
	color:#ff3300;
}
TD.clsTableHeader3
{
	/* background color must be significantly different from clsTableBody */
	font-weight:bold;
    FONT-SIZE: 9pt;
	background-color:#CCCCCC;
	color:#666666;
	padding: 3px 0;
}
TD.clsTableHeader3 a {
	color:white;
}
TD.clsTableHeader3 a:hover {
	color:#ff3300;
}
td.clsTableHeaderWarning {
	font-size:10pt;
	font-weight:bold;
	background-color:#FF0000;}
td.clsTableHeader5 {
	background-color:#999999;
	color:white;
	text-align: left;
}
td.clsTableBody {
	/* ensure background color is different from td.clsTableBodyClear */
	font-size:9pt;
	font-style:normal;
	background-color:#EEEEEE;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	/*border:1px solid #CCCCCC;*/ /* this messes up the EventSelector.asp page */
	}
#form1 td.clsTableBody {
	background-color:white;  /* fix an issue on core's EventSelector page with the use of this class */
}
td.clsTableBodyClear {
	/* ensure background color is in line with td.clsToDoListInProgressClear */
	font-size:9pt;
	font-style:normal;
	background-color:#FFFFFF;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	}

td.clsColumnHeader {
	font-weight:bold;
        border-bottom:thin solid rgb(0,0,0);}

td.clsColumnFooter {
	font-weight:bold;
        border-top:thin solid rgb(0,0,0);}

td.clsEventTableBody {
	background-color:#EEEEEE;
}

/* Core styles: end */

/* Standard report styles: start */

TABLE.std
{
    BACKGROUND-COLOR:#FFFFFF;
    WIDTH: 100%;
    HEIGHT: 100%;
}
TABLE.c4-inner
{
    BACKGROUND-COLOR: #FFFFFF;
    color: #333366;
    BORDER-TOP-WIDTH: 3px;
    BORDER-BOTTOM-WIDTH: 3px;
    BORDER-LEFT-WIDTH: 3px;
    BORDER-RIGHT-WIDTH: 3px;
    border-top-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-right-style: solid;
    border-color: #bbbbcc;
    WIDTH: 100%;
    HEIGHT: 100%;
}
TABLE.c4-outer
{
    BACKGROUND-COLOR: #FFFFFF;
    color: #333366;
    BORDER-TOP-WIDTH: 0;
    BORDER-BOTTOM-WIDTH: 0;
    BORDER-LEFT-WIDTH: 0;
    BORDER-RIGHT-WIDTH: 0;
    border-top-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-right-style: solid;
    WIDTH: 100%;
    HEIGHT: 100%;
}TR.c4-header
{
    FONT-SIZE: 11pt;
    font-style: normal;
    font-weight: bold;
    VERTICAL-ALIGN: middle;
    TEXT-ALIGN: left;
    BACKGROUND-COLOR:#bbbbcc;
    color: #333366
}
TR.c4-light-row
{
    font-size: 9pt;
    font-style: normal;
    font-weight: normal;
    BACKGROUND-COLOR: #FFFFFF;
    color: #333366
}
TR.c4-dark-row
{
    font-size: 9pt;
    font-style: normal;
    font-weight: normal;
    BACKGROUND-COLOR: #CCCCCC;
    color: #333366
}
TD.c3-input
{
    font-size: 9pt;
    text-align: left;
    vertical-align: middle
}
TD.c3-prompt
{
    font-size: 9pt;
    font-style: normal;
    font-weight: bold;
    color: #333366;
    text-align: left;
    vertical-align: bottom
}
TD.c3-button
{
    text-align: right;
    vertical-align: top
}
TD.c3a-clientname
{
    font-size: 10pt;
    font-style: normal;
    font-weight: bold;
    color: #333366
}
TD.c3b-clientname
{
    font-size: 12pt;
    font-style: normal;
    font-weight: normal;
    color: #333366;
    text-align: center;
}
TD.c3b-environment
{
    font-size: 11pt;
    font-style: italic;
    font-weight: normal;
    color: #666699;
    text-align: center;
}
TD.c4-top
{
    BACKGROUND-COLOR: #FFFFFF;
    VERTICAL-ALIGN: top;
    TEXT-ALIGN: center;
    WIDTH: 100%;
}
TD.c4-bottom
{
    BACKGROUND-COLOR: #FFFFFF;
    VERTICAL-ALIGN: bottom;
    TEXT-ALIGN: center;
    WIDTH: 100%;
}
TD.c4-middle
{
    BACKGROUND-COLOR: #FFFFFF;
    VERTICAL-ALIGN: middle;
    TEXT-ALIGN: center;
    WIDTH: 100%;
}
TD.c4-report-title
{
    font-size: 12pt;
    font-style: normal;
    font-weight: bold;
    color: #333366;
    BACKGROUND-COLOR: #FFFFFF;
    VERTICAL-ALIGN: middle;
    TEXT-ALIGN: center;
    WIDTH: 100%;
}
INPUT.c3-input
{
    font-style: normal;
    font-weight: normal;
    color: #333366;
    text-align: left;
    vertical-align: middle
}
INPUT.c3-button
{
    font-size: 9pt;
    font-style: normal;
    font-weight: bold;
    color: #333366;
    text-align: center;
    vertical-align: middle;
}
INPUT.c4
{
   FONT-SIZE: 9pt; 
   font-style: normal;
   font-weight: normal;
   color: #333366
}
SELECT.c4
{
   font-style: normal;
   font-weight: normal;
   color: #333366
}

td.clsDividerCol {
	height:1px;
	font-size:0;  /* Firefox will use the default font-size to provide space for this TD */
}

select.c4 {
	/*width:400px;*/
	width:350px;
}

/* Standard report styles: end */

/* Log-in page styles: start */
body.login {
	padding:0;
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
p, ul, h1, h2, h3, h4, h5, h6 {
	margin-top:0;
}
body.login h4 {
	font-size:13px;
	color:#ff6633;
}
#loginContent,
#portalContent {
	background-image:url(/_images/login_bkgd.jpg);
	background-repeat:no-repeat; 
	width:1000px; 
	height:750px;
	margin:0 auto;
	padding:0;
	text-align:left;
}
#languageBox {
	/*background:yellow;*/
	background-image:url(/_images/languageBkgd.jpg);
	background-repeat:no-repeat;
	width:130px;
	height:36px;
	margin:0 0 0 830px;
	padding:7px 0 0 0;
	text-align:center;
	text-transform:uppercase;
	color:#999999;
	font-size:13px;
	/*visibility:hidden;*/
}
#languageBox a,
#languageBox a:link,
#languageBox a:visited {
	color:#999999;
	text-decoration:none;
}
#languageBox a:hover {
	color:#ff6633;
	text-decoration:none;
}
#loginBox,
#portalBox {
	/*background-color:cyan;*/
	margin:0 auto; 
	padding:0;
	width:672px;
}
#loginBoxBanner,
#portalBoxBanner {
	/*background-color:pink;*/
	background-image:url(/_images/loginBoxTopBkgd.jpg);
	background-repeat:repeat-y;
	width:672px; 
	margin:0;
	padding:0;
}
#loginLogo,
#portalLogo {
	/*background-color:cyan;*/
	padding:20px 0 0 40px;
	margin:0;
	width:200px;
	vertical-align:top;
}
#loginDescription,
#portalDescription {
	/*background-color:yellow;*/
	width:360px;
	font-size:17px;
	font-weight:bold;
	color:#666666;
	padding:31px 0 0 0;
	margin:0;
	line-height:22px;
	float:left;
}
#loginBoxInfo,
#portalBoxInfo {
	background-image:url(/_images/loginBoxTopBkgd.jpg);
	background-repeat:repeat-y;
	width:672px;
	padding:0;
	margin:0;
}
#loginBoxForm {
	background-image:url(/_images/loginFormBox.jpg);
	background-repeat:no-repeat;
	width:672px; 
	height:55px;
	padding: 28px 0 0 0;
	margin:0;
	color:#999999;
	text-align:center;
}
#loginBoxSeparator,
#portalBoxSeparator {
	/*background-color:gray;*/
	background-image:url(/_images/loginBoxTransitionBkgd.jpg);
	background-repeat: no-repeat;
	margin:0;
	padding:0;
	width:100%;
	height:31px;
	text-align:center;
	color:#999999;
}
#loginBoxHints {
	/*background-color:#FF00FF;*/
	background-image:url(/_images/loginBoxBottomBkgd.gif);
	padding:5px 60px;
	margin:0;
}
#portalBoxHints {
	/*background-color:#FF00FF;*/
	background-image:url(/_images/loginBoxBottomBkgd.gif);
	padding:20px 50px;
	margin:0;
}
#portalBoxHints h2 {
	padding-left:2em;
}
#loginBoxEnd,
#portalBoxEnd {
	background-image:url(/_images/loginBoxBottomEnd.gif);
	background-repeat: no-repeat;
	height:11px;
	margin:0;
	padding:0;
}
#loginInfo {
	padding:0 0 10px 0;
	margin:0;
	/*display:none;*/
}
#moduleSelection {
	 /*background-color:yellow;*/
}
#moduleSelection table {
	padding:0;
	margin:0;
	border-collapse:collapse;
}
#moduleSelection th.moduleBoxTop {
	background-image:url(/_images/moduleBoxTop.jpg);
	text-align:left;
	padding:0 0 0 20px;
	margin:0;
	width:276px;
	height:33px;
	background-repeat:no-repeat;
	color:white;
	text-transform:uppercase;
	font-size:12px;
}  
#moduleSelection th a,
#moduleSelection th a:link,
#moduleSelection th a:visited {
	text-decoration:none;
	color:white;
}
#moduleSelection th a:hover {
	/*color:#ff6633; */
	color: #FF9900;
}
#moduleSelection td.moduleBoxMiddle {
	background-image:url(/_images/moduleBoxMiddle.jpg);
	background-repeat: repeat-y;
	padding: 1em 0 0 0;
	margin:0;
	vertical-align:top;
	font-size:13px;
	color:#336699;
}
#moduleSelection td a,
#moduleSelection td a:link,
#moduleSelection td a:visited {
	color:#336699;
}
#moduleSelection td a:hover {
	color:#ff6633;
}
#moduleSelection td.moduleBoxBottom {
	background-image:url(/_images/moduleBoxBottom.jpg);
	background-repeat: no-repeat;
	padding:0;
	margin:0;
	height:10px;
}
#moduleSelection ul {
	padding-left:35px;
}
#fixedFooter {
	/*background-color:yellow;*/
	position:absolute;
	width:100%;
	text-align:center;
	top:730px;
	left:0;
	color:#999999;
}
#fixedFooter a,
#fixedFooter a:link,
#fixedFooter a:visited {
	color:#999999;
	text-decoration:none;
}
#fixedFooter a:hover {
	text-decoration:underline;
}
div.loginHint {
	border-top:1px #cccccc solid;
	padding:10px 0;
	margin:0;
}
input.loginInput {
	width:120px;
	border:1px solid #999999;
}
a.loginLink, a.loginLink:link, a.loginLink:visited {
	color:#999999;
	text-decoration:none;
}
a.loginLink:hover {
	color:#ff6633;
}

/* Log-in page styles: end */

/* glossary term box - start */
div#allglossaryletters { 
	margin-bottom:15px;
}

div#allglossaryletters a, 
div#allglossaryletters span { 
	margin-right:9px;
}

#allglossaryterms tbody td.c1,
#allglossaryterms tbody td.c2 { 
	padding-top: 20px;
}

#allglossaryterms tbody a,
#allglossaryterms tbody a {
	text-decoration:none;
}

#allglossaryterms tbody td.c1 a,
#allglossaryterms tbody td.c2 a {
	font-weight:bold;
	color: #000000;
}

#glossaryterm {
   background-color:#fff;
   border:1px solid #336699;
   display:none;
   position:absolute;
   width:40%;
   z-index:100;
}

#glossaryterm #glossaryname,
#glossaryterm #glossarydefinition {
   border:0;
   margin:0;
   padding:7px;
}

#glossaryterm #glossarydefinition {
   padding:10px;
}

#glossaryterm #glossarydefinition p {
   padding:0;
   margin:0px 0px 5px 0px;
}

#glossaryterm #glossaryname {
   background-color:#336699;
   color:#fff;
   font-weight:bold;
}

#glossaryterm #glossarydefinition {
   color:#00456b;
}

#glossaryterm #glossarytermclose {
   border:0;
   margin:0;
   padding:0px 5px 0px 0px;
   text-align:right;
}

.glossaryref {
   cursor:help;
} 
/* glossary term box - end */

#float_top {display:block; position:fixed; right:30px; bottom:5px;}
* html #float_top { position:absolute;}


.rounded { border-radius:10px; behavior:url(/_private/PIE.htc); }
.quicksearch {
	background:#669acc;
	border:1px solid #669acc;
	padding:0 0 10px;
	width:197px;
	position:relative;
}

	.quicksearch h2 {
		color:#fff;
		margin:0;/* padding:0 12px;*/
		text-align:center;
		font-family:Verdana, Geneva, sans-serif;
		font-size:1.1em; font-weight:bold; line-height:2.8em;
	}
	
	.quicksearch label { 
		float:left; 
		text-align:right; 
		display:block;
		color:#fff;
		width:36px; 
		padding-right:8px;
		line-height:25px;
	}
	.quicksearch .inputtext {
		background:url(/_images/bg_search-ico.jpg) 120px center no-repeat #fff;
		/*background-attachment: fixed;*/
		margin:0 0 5px; padding-right:25px;
		border:1px solid #828282;
		width:115px; height:20px;
		line-height:20px;
	}
	.quicksearch select { border:1px solid #828282; padding:4px 4px 4px 0; width:110px; }
	.quicksearch a { display:inline-block; margin:12px 30px 0; color:#fff; }
	.quicksearch .search-btn {
		/*background:url(/_images/bg_search-btn-en.png) 50% bottom no-repeat;*/
		background:url(/_images/search_area_go.gif) 50% bottom no-repeat;
		text-indent:-9999px;
		width:37px; height:26px; /*height:23px;*/
		border:none;
		color:transparent; text-transform: capitalize;	/* ie hack to remove text from submit button */	
		cursor:pointer;
	}
	
.aside {
	background:#b2cce5;
	border:1px solid #b2cce5;
	margin:0 0 20px;
	width:229px;
	position:relative;
	float:right;
	padding:0 0 10px;
}
	.aside h2 {
		color:#336699;
		margin:0; padding:0 0 0 22px;
		font-family:Arial,Helvetica,sans-serif;
		font-size:13px; line-height:2.8em;
		text-transform:uppercase;
	}
	
	.aside ul { margin:0; padding:0 3px; list-style:none; }
	.aside ul,.aside p { color:#336699; }
	.aside p { margin:0 20px 12px; }
		.aside ul li { background:#e0eaf4; line-height:26px; margin:0 0 1px; padding:0 0 0 18px; list-style:inside square; }
		.aside ul li a { text-decoration:none; }
		.aside ul li a:hover { color:#336699; text-decoration:underline; }

.dyk { background:#e0eaf4; border-width:5px; width:219px; }		
	.dyk h2 { background:#b2cce5; margin-bottom:8px; line-height:2.4em; padding:0 0 0 12px; }
	.dyk p { margin:0 0 4px 12px; }