/*
	Main colors used:

	Red: 	#cc0000
	Blue: 	#297abe
	
/*

/*#General styles#*/
html {
	overflow-y: scroll;
}

body { 
	background: #ffffff url(../app_themes/eci2web/images/body-bg.gif) repeat-x left top;
	font-family: arial, verdana, sans-serif;
	font-size: 10pt;
	color: #666666;
}

p {
	margin-top: 0px;
	margin-bottom: 10px;
}

a, a:link, a:active, a:visited {
	color: #297abe;
}

h1 { 
	color: #cc0000;
	font-size: 12pt;
	margin: 0 0 10px 0;
}

h2 { 
	color: #666666;
	font-size: 11pt;
	margin: 0 0 10px 0;
}

h3 { 
	color: #666666;	
	font-size: 10pt;
}

h4 {
	color: #cc0000;	
	font-size: 10pt;
}

img.right {
	float: right;
}
.imgTopLeft {
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;

}

ul {
	margin: 10px;
	margin-left: 20px;
	list-style-type: square;
	padding: 0;
}

/*#General styles/Tree List#*/

.treeList {
	margin-left: -20px;
}

.treeList ul {
	list-style-type: none;
}

.treeList li {
	padding-left: 12px;
	padding-bottom: 5px;
	background: url(../App_Themes/eci2web/Images/tree-menu-item.gif) no-repeat left center;
	text-decoration: none;
}

.treeList a, treeList a:link, treeList a:active, treeList a:visited  {
	text-decoration: none;
}

.treeList a:hover {
	text-decoration: underline;
}

/*#General styles/Customer profiles#*/

.profileQuotation {
	padding-right: 5px;
	line-height: 15px;
	font-size: 12px;
	font-weight: bold;
	font-style: italic;
	color: #666666;
}

.profileQuotationSig {
	line-height: 12px;
	font-size: 10px;
	font-weight: bold;
	color: #666666;
}

/*#General styles/Feature table#*/

table.featureTable  {
	border: 1px solid #C3C3C3;
	border-collapse: collapse;
	margin-bottom: 10px;
}

table.featureTable th  {
	background-color: #666666;
	border-top: 1px solid #666666;
	border-left: 1px solid #666666;
	border-right: 1px solid #666666;
	padding: 3px;
	vertical-align: top;
	text-align: left;
	line-height: 20px;
	color: #ffffff;
}

table.featureTable td  {
	border: 1px solid #C3C3C3;
	padding: 3px;
	vertical-align: top;
}

table.featureTable ul  {
	margin-top: 0;
	margin-left: 10px;
	padding-left: 10px;
}

/*#General styles/Key Benefits#*/

.keyBenefits li, .keyBenefits { 
	font-size: 10pt;
	font-weight: bold;
	color: #333333;
	list-style-type: square;
}

/*#Master page#*/

#siteContainer {
	background: transparent url(../app_themes/eci2web/images/body-br.png) repeat-y center top;
	width: 760px;
	margin-left: auto;
	margin-right: auto;
	padding: 20px;
}

#siteInnerContainer {
	background: #ffffff;
}

#headerContainer {
	position:relative;
	width: 760px;
	height: 70px;
	}
	#zoneHeaderLogo {
		position: absolute;
		width: 123px;
		height: 60px;
		top: 2px;
	}
	#zoneHeaderSlogan { 
		position: absolute;
		width: 422px;
		height: 18px;		
		left: 124px;
		top: 26px;
	}
	#zoneHeaderLinks {
		position: absolute;
		top: 2px;
		right: 0;
		}
		#zoneHeaderLinks a, #zoneHeaderLinks a:link, #zoneHeaderLinks a:active, #zoneHeaderLinks a:visited {
			font-size: 12px;
			text-decoration: none;
			color: #666666;
		}
		#zoneHeaderLinks a:hover {
			font-size: 12px;
			text-decoration: underline;
			color: #666666;
		}		
	#zoneHeaderLinks img {
			border: 0;
		}		
		
	#zoneHeaderSearch { 
		position: absolute;
		top: 26px;
		right: 0;
	}
	
	#zoneHeaderLogin { 
		position: absolute;
		top: 50px;
		right: 0;
	}
#zoneSiteBanner { 
	float: left;
	width: 600px;
	height: 131px;
	margin-right: 2px;
}

#zoneSiteMenu { 
	float: left;
	width: 158px;
	height: 131px;
	margin-bottom: 2px;
	overflow: hidden;
}

#siteMenu {
	float: left;
	font-family: arial, sans-serif;
	font-weight: bold;
	font-size: 10pt;
}

#siteMenu ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
	
#siteMenu a {
	padding-top: 8px;
	padding-bottom: 8px;	
	padding-left: 10px;
	text-decoration: none;
}	
	
#siteMenu a:link, #siteMenu a:visited, #siteMenu a:active {
	color: #ffffff;
	display: block;
	background-color: #cc0000;
	width: 148px;
	border-bottom: solid 1px #ffffff;
}
	
#siteMenu a:hover {
	color: #cc0000;
	display: block;	
	background-color: #ffffff;
	width: 148px;
}

#zoneSiteContent {
	margin-top: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	margin-right: 0;
	padding-left: 5px;
	min-height: 400px;
	_height: 400px;
}

#zoneSiteFooter, #zoneSiteFooter a, #zoneSiteFooter a:link, #zoneSiteFooter a:visited { 
	padding-top: 5px;
	text-align: center;
	font-size: 10pt;
	color: #666666;
	text-decoration: none;
	
}

#zoneSiteFooter a:hover {
	text-decoration: underline
}

#footerBorder { 
	background: url(../app_themes/eci2web/images/body-bt.png) no-repeat center top; 
	width: 794px; 
	height: 11px;
	margin: 0px auto;
}

.searchbox { 
	}
	.searchbox input[type=image] {
		margin: 0 0 0 7px;
	}
	.searchbox label { 
		margin-right: 6px;
	} 

.searchboxtext {
height: 13px;
	font-size: 11px;
	width: 120px;
} 
	
.currentUser { 
	font-size: 12px;
	padding-top: 5px;	
}

.signOut { 
	float: right;
}

.signOut input {
	width: 65px;
	height: 16px; 
	margin: 0;
	padding: 0;
	border: 0;
	background: transparent url(../app_themes/eci2web/images/logout.gif) no-repeat center top;
	cursor: pointer;
	cursor: hand;
	color: #297ABE;
}

.redRule { 
	background-image: url(../app_themes/eci2web/images/red-rule.gif); 
	width: 760px; 
	height: 2px;
	margin-top: 2px;
	margin-bottom: 2px; 
}

div.hr {
	background: #cc0000;
	height: 2px;
	margin-top: 0px;
	margin-bottom: 2px;
	clear: both;
}

div.hr hr { display: none}

/*#Breadcrumbs#*/

.breadcrumbs, .breadcrumbs a:link, .breadcrumbs a:visited  { 
	font-size: 8pt;
	text-decoration: none;
	color: #297abe;
	margin-bottom: 20px; 
}

.breadcrumbs a:hover  { 
	text-decoration: underline
}	

/*#Containers/Gray box#*/

.grayBox {
   background: #666666;
}
.grayBoxTop div {
   background: url(../app_themes/eci2web/images/gray-box-tl.png) no-repeat top left;
}
.grayBoxTop {
   background: url(../app_themes/eci2web/images/gray-box-tr.png) no-repeat top right;
}
.grayBoxBottom div {
   background: url(../app_themes/eci2web/images/gray-box-bl.png) no-repeat bottom left;
}
.grayBoxBottom {
   background: url(../app_themes/eci2web/images/gray-box-br.png) no-repeat bottom right;
}

.grayBoxTop div, .grayBoxTop, 
.grayBoxBottom div, .grayBoxBottom {
   width: 100%;
   height: 12px;
   font-size: 1px;
}

.grayBoxHeading {
	color: #ffffff;
	margin: 0 12px 5px;
	font-size: 11pt;
	font-weight: bold;
}
.grayBoxContent { 
	color: #ffffff;
	margin: 0 12px 5px;
	font-weight: none;
	line-height: 18px;
}

 .grayBoxContent a, .grayBoxContent a:link, .grayBoxContent a:visited {
	color: #ffffff;
}

/*#Containers/White box#*/

.whiteBox {
	background: url(../app_themes/eci2web/images/white-box-tl.png) no-repeat top left;
}
.whiteBoxTop {
	background: url(../app_themes/eci2web/images/white-box-tr.png) no-repeat top right;
}
.whiteBoxBottom {
	background: url(../app_themes/eci2web/images/white-box-bl.png) no-repeat bottom left;
}
.whiteBoxBottom div {
	background: url(../app_themes/eci2web/images/white-box-br.png) no-repeat bottom right;
}
.whiteBoxContent {
	background: url(../app_themes/eci2web/images/white-box-r.png) top right repeat-y;
}

.whiteBoxTop div, .whiteBoxTop,
.whiteBoxBottom div, .whiteBoxBottom {
	width: 100%;
	height: 12px;
	font-size: 1px;
}
.whiteBoxContent, .whiteBoxBottom {
	margin-top: 0px;
	line-height: 20px;
}

.whiteBoxHeading {
	background: url(../app_themes/eci2web/images/white-box-r.png) top right repeat-y;
	margin-left: 12px;
	font-size: 11pt;
	font-weight: bold;
}
.whiteBoxContent { 
	color: #ffffff;
	margin-left: 12px;
}

/*#Containers/Titled menu#*/

.titledMenu { 
	margin-bottom: 20px;
}
.titledMenuTitle {
	color: #000000;
	font-size: 13px;
	font-weight: bold;
	margin-bottom: 10px;
}
.titledMenuTitle a {

}
/*#Containers/Blue box#*/

.blueBox {
   background: #297abe;
}
.blueBoxTop div {
   background: url(../app_themes/eci2web/images/blue-box-tl.png) no-repeat top left;
}
.blueBoxTop {
   background: url(../app_themes/eci2web/images/blue-box-tr.png) no-repeat top right;
}
.blueBoxBottom div {
   background: url(../app_themes/eci2web/images/blue-box-bl.png) no-repeat bottom left;
}
.blueBoxBottom {
   background: url(../app_themes/eci2web/images/blue-box-br.png) no-repeat bottom right;
}

.blueBoxTop div, .blueBoxTop, 
.blueBoxBottom div, .blueBoxBottom {
   width: 100%;
   height: 12px;
   font-size: 1px;
}

.blueBoxHeading {
	color: #ffffff;
	margin: -6px 12px 5px;
	font-size: 11pt;
	font-weight: bold;
}

.blueBoxContent {
	color: #ffffff;
	margin: 0 12px;
}
/*#Containers/Demo border#*/

.demoBorder
{
	width: 500px;
	padding: 10px;
	border: #DCE5EF 1px solid;
}

/*#Left Tree menu#*/

.CMSTreeMenuTable
{
	width: 100%;
}

.CMSTreeMenuTable a
{
	white-space: nowrap;
}

.subCMSTreeMenuTable
{
	margin-left: 5px;
}

.CMSTreeMenuTable a:hover
{
	text-decoration: underline;
}

.CMSTreeMenuItem, .CMSTreeMenuSelectedItem
{
	padding: 3px 0px;
	text-decoration: none;
}

.subCMSTreeMenuItem, .subCMSTreeMenuSelectedItem
{
	padding: 3px 0px;
	text-decoration: none;
}

.CMSTreeMenuLink
{
	padding-left: 12px;
	background: url(../App_Themes/eci2web/Images/tree-menu-item.gif) no-repeat left center;
	text-decoration: none;
}

.subCMSTreeMenuLink
{
	padding-left: 18px;
	background: url(../App_Themes/eci2web/Images/tree-menu-item-active.gif) no-repeat 8px center;
	text-decoration: none;
}

.CMSTreeMenuSelectedLink
{
	background: url(../App_Themes/eci2web/Images/tree-menu-item-active.gif) no-repeat left center;
	padding-left: 12px;
	text-decoration: none;
}

.subCMSTreeMenuSelectedLink
{
	background: url(../App_Themes/eci2web/Images/tree-menu-item-active.gif) no-repeat 8px center;
	text-decoration: none;
	padding-left: 18px;
}



/*#Main styles#*/

/*#Main styles/General#*/

/*#Main styles/Three columns#*/

.threeCols .zoneLeft { 
	width: 140px;
	padding-left: 5px;
}

.threeCols .zoneCenter { 
	width: 426px;
	padding-left: 10px;
	padding-right: 10px;
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #cccccc;
}

.threeCols .zoneRight { 
	width: 160px;
}

/*#Main styles/Two columns#*/

.twoCols .zoneLeft { 
	width: 140px;
	padding-left: 5px;
}

.twoCols .zoneCenter { 
	width: 586px;
	padding-left: 10px;
	padding-right: 10px;
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #cccccc;
}

/*#Main styles/Home page#*/

#zoneHomeLeft {
	padding-left: 5px;
	padding-right: 5px; 
	width: 420px;
	font-size: 9pt;
}

#zoneHomeCenter {
	width: 142px;
	height: 500px;
	padding-left: 10px;
	padding-right: 10px;
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #cccccc;
}

.DesignMode #zoneHomeCenter {
	width: 140px !important;
}

#zoneHomeRight {
	width: 160px;
}

.homeSolutionsBlue { 
	font-size: 9pt;
	font-weight: bold;
	color: #297abe;
}

.treeHeading {
	font-size: 11pt;
	font-weight: bold;
}

/*#Newsletters#*/

.NewsletterSubscription {
	margin-left: 10px;
	margin-top: 10px;
	margin-bottom: 20px;	
}

.NewsletterSubscription Table {
	padding: 10px;	
}


/*#News styles#*/

.newsTitle { 
	font-weight: bold;
}	

.newsSummary { 
	font-weight: bold;
	padding-top: 5px;	
	padding-bottom: 10px;	
}	

.newsPreview {
	padding-top: 5px;
	padding-bottom: 10px;		
}

.newsLatestTitle {
	font-size: 9pt;
	font-weight: bold;
}

.newsLatestSummary {
	font-size: 9pt;
	padding-bottom: 10px;
}

/*#Academy courses#*/

.courseListHeading {
	color: #666666;	
	font-size: 11pt;
	font-weight: bold;
	margin-bottom: 3px;
	margin-top: 5px;
}

.courseListName { 

}	

.courseListDate {
	font-size: 9pt;
}

.courseListNew {
	font-size: 9pt;
	color: #cc0000;	
}
.courseDate {
	font-size: 9pt;
	padding-bottom: 5px;	
}

.courseDetails {

}

.webinarForm .EditingFormLabel {
	padding-bottom: 4px;

}

/*#Promo Pages/Two columns#*/

#zoneContentLeft {
	width: 340px;
	float: left;
	padding: 20px 10px 20px 10px;	
}

.DesignMode #zoneContentLeft {
	width: 340px;
}


#zoneContentRight {
	width: 360px;
	float: left;
	margin-left: 20px;	
	padding: 20px 10px 20px 0;	
}

.DesignMode #zoneContentRight {
	width: 360px;
}

.leftZoneHeader {
	height: 38px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-weight: 600;
	color: #cc0000;
}

.leftZoneContent {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
}

.leftZoneContent ul {
	list-style-type: square;
	margin: 0 0 0 20px;
	padding: 0;
}

.leftZoneContent li {
	margin-bottom: 5px;
}

.rightZoneHeader {
	height: 28px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-weight: 600;
	color: #3333333;
}

.rightZoneContent {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
}

.promoForm td {
	line-height: 10px;
	vertical-align: middle;
}

.promoForm .EditingFormLabel {
	padding: 0 0 4px 0;
	margin: 0;
}
.promoForm .EditingFormControlNestedControl {
	padding: 0;
	margin: 0;
}

.promoForm .CheckBoxListField {
	font-size: 11px;	
}

.promoFrom .RadioButtonList {
	font-size: 11px;
}
/*#Main styles/Search results#*/

.SearchResults {
	padding: 10px 0 10px 2px;
}
.ResultsTitle {
	padding-bottom: 4px;
}
.ResultsTitle a:link, .ResultsTitle a:active{
	font-size: 1em;
	font-weight: bold;
	color: #0066cc;
}
.ResultsTitle a:visited {
	font-weight: bold;
	font-size: 1em;
}
.ResultsTitle a:hover {

}
.ResultsContent {
        width: 90%;
	line-height: 1.2;
	margin: 4px 0 4px 0;
}
.ResultsPath {
	margin-bottom: 14px;
}
.ResultsPathURL {
	font-size: 80%;
	color: #008000;
}
.ResultsPathDate {
	font-size: 70%;
	color: #888888;
}
.PagerResults {
	padding: 8px 0;
	font-size: 0.9em;
}

.PagerNumberArea {
	font-size: 0.9em;
}

.PagerNumberArea a:link, .PagerNumberArea a:active{
	color: #0066cc;
}
.PagerNumberArea a:visited {
	font-size: 0.9em;
}