﻿* {
	margin: 0;
	padding: 0;
}

body {
	font-family: arial, tahoma, sans-serif;
	font-size: 13px;
	color: #000;
	line-height: 19px;
	text-align: center;
	background: url(../images/bg.gif) repeat-x left 70px;
}

a {
	color: #0066cc;
}

h1 {
	font-size: 36px;
	line-height:25px; /*June 23, 2009*/
}

h2 {
	font-size: 20px;
	margin-bottom: 15px;
	line-height:20px; 
}

h2 a { /*June 22, 2009*/
	text-decoration:none;
}

h2 a:hover { /*June 22, 2009*/
	text-decoration:underline;
}

h3 { /*h3, h4, h5 - June 22, 2009*/
	font-size: 18px;
	line-height:20px;
}

h4 { /*June 22, 2009*/
	font-size: 16px;
	margin-bottom: 15px;
	line-height:20px;
}

h4 a { /*June 22, 2009*/
	text-decoration:none;
}

h4 a:hover{ /*June 22, 2009*/
	text-decoration:underline;
}


h5 {
	font-size: 14px;
}

blockquote {
	margin-left:35px;
}

#supraContainer {
	width: 1200px;
	background: url(../images/bg-container.jpg) no-repeat left top;
	margin: 0 auto;
}

#container {
	width: 960px;
	min-height:680px;
	margin: 0 auto;
	padding: 0px 20px 20px; /*padding: 28px 20px 20px;*/
	text-align: left;
	background-color: #fff;
	overflow: hidden;
}

* html #container {
	width: 960px;
	min-height:700px;
	margin: 0 auto;
	padding: 0px 20px 20px; /*padding: 28px 20px 20px;*/
	text-align: left;
	background-color: #fff;
	overflow: hidden;
}

/*#question {
	/*padding:5px 36px 5px 36px;*/
/*	height:50px; /*70*/
	/*width:888px;*/
/*	width:960px;
	overflow:hidden;
	font-size: 18px;
}
/*
#question h1 {
	font-size: 22px;
	font-weight: bold;
}


#question h2 {
	font-size: 20px;
	font-weight: bold;
}*/

#header2
{	width:710px;
	float :left;
	height:60px;
	margin-bottom:10px;
	.margin-bottom:0px;
	overflow:hidden;
}
.question_left
{	/*padding-left:36px;
	padding-right:15px;
	/*padding-top:5px;*/
	width:710px;
	float :left;
	height:60px;
}

.question_left h1 {
	font-size: 22px;
	font-weight: bold;
}

.question_left h2 {
	font-size: 20px;
	font-weight: bold;
}

#header_right
{	width:240px;
	float :right;
	height:60px;
	overflow:hidden;
	margin-bottom:10px;
	.margin-bottom:0px;
}
.question_right
{	width:240px;
	float :left;
	height:60px;
	padding-left:15px;
	padding-right:36px;
	
	/*width:190px;
	float :right;
	height:50px*/
}

.question_right h1 {
	font-size: 22px;
	font-weight: bold;
}


.question_right h2 {
	font-size: 20px;
	font-weight: bold;
}
/*
#header2 a {
	text-decoration:none;
}

#header2 a:hover { 
	text-decoration:none;
	cursor:hand;
}

#header_right a {
	text-decoration:none;
}

#header_right a:hover { 
	text-decoration:none;
	cursor:hand;
}*/

#question span {
	margin: 0 72px 0 0;
}

/*   Header section   */

#header 
{
	clear :both;
	position: relative;
	height: 110px;
	margin-bottom: 10px;
	margin-top:10px; /* added june 30, 2009*/
	background: url(../images/bg-header.gif) no-repeat left top;
}

p.logo {
	position: absolute;
	top: 32px;
	left: 16px;
	width: 360px;
	height: 54px;
}

p.logo img {
	border: 0;
}

#header ul {
	position: absolute;
	top: 33px;
	left: 416px;
	list-style-type: none;
}

#header ul li {
	float: left;
	height: 36px;
	padding:0px;
}

#header ul li i {
	display: none;
}

#header ul li img {
	border: 0;
}

#header ul li a {
	display: block;
	height: 36px;
}

#header ul li a.m01 {
	width: 174px;
	background: url(../images/header/business.gif) no-repeat left top;
}

#header ul li a.m02 {
	width: 82px;
	background: url(../images/header/industry.gif) no-repeat left top;
}

#header ul li a.m03 {
	width: 91px;
	background: url(../images/header/solutions.gif) no-repeat left top;
}

#header ul li a.m04 {
	width: 112px;
	background: url(../images/header/client-portal.gif) no-repeat left top;
}

#header ul li a.m05 {
	width: 68px;
	background: url(../images/header/about.gif) no-repeat left top;
}

#header ul li a:hover {
	background-position: bottom;
}


#header ul li.selected a {
	background-position: bottom;
}

/*   Quote section    */
#quoteBox {
	height: 200px;
	width:100%;
	overflow: hidden;
	background-color: #ebe6c9;
	margin-bottom: 25px;

} 

#quote {
	height: 200px;
	overflow: hidden;
	padding: 22px 25px 25px 25px;
	
}
/*
#quote img {
	float: right;
	margin-left: 10px;
}*/

#quote h1 {
	margin-bottom:18px; /*margin: 22px 0 18px 25px;*/
}

#quote p {
	font-size: 18px;
	line-height: 30px;
	margin:0;
}

#quote table 
{
	margin-left:30px;
	.margin-left:0px;
}

#quote address 
{
	margin-left:30px;
}

#quote pre 
{
	margin-left:30px;
}

#quote p.author {
	font-size: 10px;
	line-height: 12px;
	float: right;
	margin-right: 20px;
	margin-top: 10px;
}

#quote ul li {
	margin-left : 35px;
}

#quote ol li {
	margin-left : 35px;
}

#quote p a img {
	float:  none;
}

/*   Home content   */

#homeContent {
	width: 720px;
	float: left;
	/*min-height: 350px;*/
}

.vision {
	margin-bottom: 10px;
	font-size: 15px;
}

p.vision {
	font-size: 15px;
	margin-bottom: 10px;
}

p.vision p {
	font-size: 15px;
	margin-bottom: 10px;
}

.vision ul li {
	margin-left: 35px;
}

.vision ol li {
	margin-left: 35px;
}

#help {
	font-size: 18px;
	background: url(../images/bg-help.gif) repeat-x left top;
	height:28px;
	padding-top: 4px;
	padding-left: 0px; /*edited by ES, 16Aug2011*/
	position: relative;
	margin-bottom: 40px;/*20px;*/ /*edited by ES, 16Aug2011*/
	/*overflow:hidden;*/		/*remarked by ES, 15Aug2011*/
}

#help p {
	width: 240px;/*205px;*/		/*edited by ES, 15Aug2011*/
	height:26px;				/*added by ES, 15Aug2011*/
	background: url(../images/white.gif);	/*added by ES, 15Aug2011*/
	margin-left:-18px;				/*added by ES, 15Aug2011*/
	float: left;
	margin-right: 0px; /*16px;*/		/*edited by ES, 15Aug2011*/
	padding-top: 3px;
}



#help ul {
	list-style-type: none;
	position: relative;
}

#help ul li {
	float: left;
	margin-right: 12px;
}

#help a {
	text-decoration: none;
	color: #fff;
	/*padding: 3px 8px;*/
	padding: 3px 8px;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
	/*border-right: 4px solid #999;*/
	border-right: 1px solid #999;
	background-color: #3e89af;
	display: block;
	margin-top: -1px;

}

#help a:hover {
	background-color: #60B0D7;
}

* html #help a {
	padding: 2px 8px;
	margin-top: 1px;
}

*:first-child+html #help a {
	padding: 2px 8px;
	margin-top: 1px;
}

#help ul li.selected a {
	border-right: 1px solid #999;
	padding-bottom: 4px;
	border-bottom: 0px solid #fff;
	color: #11597b;
	background-color: #ffcc00;
}

/*   Sidebar Left    */

#sidebarLeft {
	clear: both ; /*June 25, 2009*/
	width: 240px;
	float: left;
}

#sidebarLeft p {
	margin-bottom: 15px;
}

ul.sectionList {
	width:240px; /*width:192px;*/
	list-style-type: none;
	margin-bottom: 25px; /*June 22, 2009*/
	border-right: 1px solid #e5e5e5;
	
}

ul.sectionList li a {
	background: url(../images/bg-section-list.gif) repeat-x left top;
	height: 32px;
	padding: 10px 0 0 22px; /*padding: 8px 0 0 22px;*/
	display: block;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
	color: #333;
	position: relative;
	overflow:hidden ;
}

ul.sectionList li.selected a {
	background: url(../images/bg-section-list-over.gif) repeat-x left top;
}

ul.sectionList li a:hover {
	background: url(../images/bg-section-list-over.gif) repeat-x left top;
}

ul.sectionList li a img {
	border: 0;
	position: relative;
	bottom: -4px;
	margin-right: 4px;
}

ul.sectionList li.noLink {
	padding: 8px 0 0 22px;
	line-height: 14px;
}

ul.sectionList li.noLink  span {
	font-size: 16px;
	font-weight: bold;
	color: #333;
	position: relative;
	display: block;
}

ul.sectionList li.noLink  span img {
	position: relative;
	bottom: -4px;
	margin-right: 4px;
}

ul.sectionList li.noLink a {
	background: none;
	padding: 0;
	font-size: 12px;
	color: #0066cc;
	font-weight: normal;
	margin-top: 4px;
}

/*email this Nov 24, 2009*/
#emailHL {
	position: relative;
	bottom: -4px;
	margin-right: 4px;
	.margin-bottom: -10px;
	.margin-top: 25px;
}

#emailHL h4 a {
	color: #333;
}

#emailHL a img {
	border: 0;
	position: relative;
	bottom: -2px;
	margin-right: 4px;
}

/*left HL June 19, 2009*/
#LeftHL {
	/*position: relative;	-- removed because make Search HL and next HL are stick together - JM - Nov 03, 2011 */
	/*bottom: -4px;			-- removed - JM - Nov 03, 2011 */
	/*margin-right: 4px;	-- removed to make it in full width - JM - Nov 03, 2011 */
	margin-bottom: 15px;
}

#LeftHL h4 a {
	color: #333;
}

#LeftHL h4 span img {
	position: relative;
	bottom: -5px;
	/*margin-right: 4px;	-- removed to make it in full width - JM - Nov 03, 2011 */
}

#LeftHL a img {
	border: 0;
	position: relative;
	/*bottom: -4px;			-- removed - JM - Nov 03, 2011 */
	/*margin-right: 4px;	-- removed to make it in full width - JM - Nov 03, 2011 */
}

#LeftHL ul.info 
{
	position: relative;
	list-style-type: none;
	margin-bottom: 15px;
}

#LeftHL ul.info a {
	color: #11597b;
	text-decoration: none;
	padding: 5px 10px 8px;
	display: block;
	margin-left : 0px;
}

#LeftHL ul.info li {
	border-bottom: 1px solid #cfe5f1;
	margin-left : 0px;
}

* html #LeftHL ul.info li 
{
	position:relative;
	border-bottom: 3px solid #cfe5f1;
	margin-left : 0px;
}

.blogdate {
	font-size:11px;
	margin-left:10px;
	margin-top:5px;
	margin-bottom:-5px;
}

#LeftHL ul li
{	margin-left : 35px;
}

#LeftHL ol li
{	margin-left : 35px;
}

/*   Home center content   */

#homeCenter {
		/*margin-top:20px;*/
	float: left;
	width: 700px;/*466px;*/ 		/*edited by ES, 16Aug2011*/
	padding-left: 10px; /*12px;*/ 	/*edited by ES, 16Aug2011*/
	/*border-left: 1px solid #e5e5e5;*/
}

* html #homeCenter {
	float: left;
	width: 450px;
	padding-left: 12px;
	/*border-left: 1px solid #e5e5e5;*/
}

#homeCenter p {
	margin-bottom: 18px;
}

#homeCenter p.title {
	margin-bottom: 2px;
	font-size: 16px;
}

#homeCenter ul li{
	margin-left: 25px;
}

#homeCenter ol li {
	margin-left: 25px;
}

#homeCenter_Child 
{
	
}

#homeCenter_Child p {
	margin-bottom: 18px;
}

#homeCenter_Child p.title {
	margin-bottom: 2px;
	font-size: 16px;
}

#homeCenter_Child ul li{
	margin-left: 25px;
}

#homeCenter_Child ol li {
	margin-left: 25px;
}

p.title {
	overflow: hidden;
	font-size: 16px;
}

p.title span {
	font-size: 11px;
}

p.title img {
	float: left;
	margin-right: 4px;
}

p.highlighted {
	background-color: #ffffcc;
	padding: 10px;
}

ul.more {
	list-style-type: none;
}

ul.more li {
	float: left;
	margin-left: 55px;
	position: relative;
}

* html ul.more li {
	margin-left: 50px;
}

ul.more li.first {
	margin-left: 10px;
}

ul.more li img {
	position: relative;
	bottom: -4px;
}



/*   Sidebar Right    */

#sidebarRight {
	float: left;
	width: 230px;
	margin-left: 10px;
}

#sidebarRight p {
	margin-bottom: 10px;
}

#sidebarRight p.howMuch {
	/*margin-bottom: 30px;*/
	margin-bottom: 18px;
}

p.howMuch img {
	border: 0;
}

ul.info {
	list-style-type: none;
	margin-bottom: 15px;
}

ul.info a {
	color: #11597b;
	text-decoration: none;
	padding: 5px 10px 8px;
	display: block;
}

ul.info p 
{
	text-decoration: none;
	padding-left: 10px;
}

ul.info li {
	border-bottom: 1px solid #cfe5f1;
}

ul.siteRelated {
	list-style-type: none;
	padding-left: 10px;
	margin-bottom: 15px; /*June 19, 2009*/
}

ul.siteRelated li {
	position: relative;
	margin-bottom: 4px;
}

ul.siteRelated li img {
	position: relative;
	bottom: -5px;
	margin-right: 4px;
}

/*right HL June 19, 2009*/
.RightHL {
	/*position: relative;
	/*bottom: -4px;*/
	/*margin-right: 4px;	-- removed to make it in full width - JM - Nov 03, 2011 */
	margin-bottom: 15px;
}

.RightHL h4 a {
	color: #333;
	
}

.RightHL h4 span img {
	position: relative;
	bottom: -5px;
	/*margin-right: 4px;	-- removed to make it in full width - JM - Nov 03, 2011 */
}

.RightHL p a img {
	border: 0;
	position: relative;
	bottom: -4px;
	/*margin-right: 4px;	-- removed to make it in full width - JM - Nov 03, 2011 */
}

/* added for arrow - JM - Nov 03, 2011 */
img.arrow {
	border: 0;
	position: relative;
	bottom: -4px;
	margin-right: 4px;
}
/* END OF added for arrow - JM - Nov 03, 2011 */

.RightHL ul li {
	margin-left: 35px;
}

.RightHL ol li {
	margin-left: 35px;
}

/*   Footer    */

#footer {
	float: left;
	overflow: hidden;
	width: 960px;
	background:  url(../images/bg-footer.gif) no-repeat left top;
	padding-top: 18px;
	margin-top: 20px;
	position:relative;
}


* html #footer {
	float: left;
	overflow: hidden;
	width: 960px;
	background:  url(../images/bg-footer.gif) no-repeat left top;
	padding-top: 18px;
	margin-top: 0px;
	position:relative;
}

#footer ul {
	list-style-type: none;
	overflow: hidden;
	margin-bottom: 20px;	
}

#footer ul li {
	margin-left: 10px;
	margin-right: 30px;
	float: left;
}

#footer ul li.last {
	margin-left: 140px;
	margin-right: 0;
}

#footer p {
	clear:both;
	font-size: 11px;
}

#footer p span {
	margin-left: 70px;
}

#footer p a {
	color: #000;
	text-decoration: none;
}

#footer p a:hover {
	text-decoration: underline;
}

.poweredBy a img
{
	border :0;
	/*float:right;*/
	float:left; /*okt 14, 2009*/
	position:relative;
	
}

/*   Secondary page navigation    */

ul.secondaryNav {
	list-style-type: none;
	margin-top: 10px;
	margin-bottom: 25px;
	.margin-bottom: 5px;
}

ul.secondaryNav li 
{

}

ul.secondaryNav a {
	text-decoration: none;
	font-size: 18px;
	line-height: 18px;
	color: #417992;
	padding: 9px 12px;
	display: block;
}

* html ul.secondaryNav a {
	padding: 9px 12px;
	height: 16px;
}

ul.secondaryNav a:hover {
	color: #2e5467;
}

ul.secondaryNav li.selected a {
	background: url(../images/bg-menu-sec.gif) repeat-x left bottom;
	color: #2e5467;
	/*font-weight: bold; Okt 15, 2009*/
}


/*   Secondary page content    */

#content {
	/*width: 692px;*/
	width: 682px;
	float: left;
	margin-left: 28px;
	margin-right: 10px;
	margin-top: 20px;
	font-size: 12px;
	/*line-height: 16px;*/
	line-height: 24px;
	min-height:350px;
}



#content h2 {
	font-size: 20px;
	font-weight: normal;
	margin-bottom: 15px;
	line-height:20px; 
}

#content p {
	margin-bottom: 15px;
}

#content ul li{
	margin-left: 25px;
}

#content ol li {
	margin-left: 25px;
}

#content table {
	/*	width: 100%;	*/
	margin-bottom: 15px;
}

#content table tr {
	margin-bottom: 10px;
}

#content table th {
	text-align: left;
}

/*
#content table td,
#content table th {
	padding: 3px 7px;
	border-bottom: 5px solid #fff;
	border-top: 5px solid #fff;
}
*/

tr.even {
	background-color: #ffeda5;
}

#content ol {
	/*list-style-position: inside; -- remarked - MW - 2009.06.22 */
	margin-bottom: 15px;
}

#content table.FOTF td,
#content table.FOTF th {
	padding: 0px;
	border-bottom: 0px;
	border-top: 0px;
}

#content table.FOTF1 td,
#content table.FOTF1 th {
	padding: 0px;
	border-bottom: 0px;
	border-top: 0px;
}

#content table.bodytext td,
#content table.bodytext th {
	padding: 0px;
	border-bottom: 0px;
	border-top: 0px;
}

#contenthelp
{	/*width: 692px;*/
	width: 920px;
	float: left;
	margin-left: 28px;
	margin-right: 10px;
	margin-top: 20px;
	font-size: 12px;
	/*line-height: 16px;*/
	line-height: 1.5 space;
	min-height:350px;
}

/* added for message box - Okt 18, 2009 .info, */
.success, .warning, .error, .validation {
    border: 1px solid;
    margin: 10px 0px;
    padding: 15px 10px 15px 50px;
    background-repeat: no-repeat;
    background-position: 10px center;
}

/*.info {
    color: #00529B;
    background-color: #BDE5F8;
    background-image: url(../images/info.gif);
}*/

.success {
    color: #4F8A10;
    background-color: #DFF2BF;
    background-image:url(../images/success.gif);
}

.warning {
    color: #9F6000;
    background-color: #FEEFB3;
    background-image: url(../images/warning.gif);
}

.error {
    color: #D8000C;
    background-color: #FFBABA;
    background-image: url(../images/error.gif);
}

.validation {
    color: #D63301;
    background-color: #FFCCBA;
    background-image: url(../images/validation.gif) ;
}

.validation a {
	color: #D63301;
}
/* END OF added for message box Okt 18,2009 */

/*added for poll result*/
#pollresult{
	float:left;
	/*margin-left:250px;*/
	}
#pollresult td{
	font-size:12px;
}
#global{
	font-size:12px;
}
#container_poll {
	
	width: 960px;
	min-height:680px;
	margin: 0 auto;
	padding: 0px 20px 20px; /*padding: 28px 20px 20px;*/
	text-align: left;
	background-color: #fff;
	overflow: hidden;
}

#HL {
	border-bottom: 1px solid #CFE5F1;
	/*padding-left: 10px;	-- removed to make it in full width - JM - Nov 03, 2011 */
}

.RightHL #HL {
	padding-bottom: 5px;	/* added to make it consistent with left highlight - JM - Nov 03, 2011 */
}
/*end of poll result*/

/*searchbox, added by ES, aug 29,2011*/
/*#rightHL { 
		margin-bottom:15px;
		padding:10px;
	}MW - added feb 16, 2011 - right & image highlight */

#sidebarRight .text {
		border: 1px solid #999;
		border-bottom-color: #ddd;
		border-right-color: #ddd;
		color: #333;
		font-size: 12px;
		font-family: 'Droid Serif', Georgia, 'Times New Roman', Times, serif;
		font-style: italic;
		padding: 4px;
		margin: 7px 0 2px;
		width: 150px;/*296px;*/
		vertical-align: top;
	}
#sidebarRight .title {
		font-size: 14px;/*22px;*/
		font-style: italic;
		font-weight: normal;
		line-height: 1;
		margin-bottom: 10px;
	}

#RightHL h4{
	padding-top: 10px;
	padding-left: 5px;
}
#RightHL .text, #RightHL img{
	margin-left: 5px;
}

.searchFormP {
	clear: both;
	text-align: center;
	margin: 0;
	padding: 0;
}

.searchForm {
	text-align: center;
	margin: 0;
	padding: 0 0 10px 0;
}

.searchBtn {
	margin-top: 7px;
	.margin-top: 8px;
	margin-left: 2px;
}
	
		/*for left HL*/	
#sidebarLeft .text {
		border: 1px solid #999;
		border-bottom-color: #ddd;
		border-right-color: #ddd;
		color: #333;
		font-size: 12px;
		font-family: 'Droid Serif', Georgia, 'Times New Roman', Times, serif;
		font-style: italic;
		padding: 4px;
		margin: 7px 0 2px;
		width: 150px;/*296px;*/
		vertical-align: top;
	}
	
#sidebarLeft .title {
		font-size: 14px;/*22px;*/
		font-style: italic;
		font-weight: normal;
		line-height: 1;
		margin-bottom: 10px;
	}
	
#LeftHL h4 {
	/*padding-top: 10px;	-- removed to make it consistent with right highlight - JM - Nov 03, 2011 */
	/*padding-left: 5px;	-- removed to make it inline - JM - Nov 03, 2011 */
}

#LeftHL .text, #LeftHL img {
	/*margin-left: 5px;		-- removed to make it inline - JM - Nov 03, 2011 */
}

#LeftHL h4.title a {
	color: #0066cc;
}
/*end of searchbox*/

h4.quickpoll {
	text-align: center;
	color: #11597B;
	font-size: 14px;
	
	/* added padding-top so there are spaces between Quick Poll image and title - JM - Nov 03, 2011 */
	padding-top: 4px;
	.padding-top: 0px;
}

#LeftHL h4.quickpoll {
	/*padding-top: 0px;		-- removed because of changes above - JM - Nov 03, 2011 */
}

#container .OneColumn{
	margin-left: 0px; 
	width: 957px;
}