@import url("reset.css");
@import url("typography.css");


/*-------------- Wrapper ------------------*/

#wrap 			{ width: 960px; overflow: visible; 
				  margin: 0 auto; position: relative }
.wrapHome		{ background: #b5cbd8 url(../img/wrap.gif) repeat-x; }
.wrapInside		{ background: #f5f8f9 url(../img/wrap2.gif) repeat-x; min-height: 100% }

/*-------------- Layout -------------------*/

#header			{ width: 960px; height: 100px; margin: 0 auto; position: relative }
.logo			{ display: block; width: 220px; height: 56px;
				  position: absolute; top: 26px; left: 20px }
				  
.rightHeaderBlock
				{ width: 200px; position: absolute; top: 52px; right: 27px }
#topMenu		{ list-style: none; overflow: hidden; margin: 0 0 6px -5px  }
#topMenu li		{ float: left; margin: 0; border-right: 1px solid; padding: 0 5px; line-height: 1.1em }
#topMenu a:link,
#topMenu a:visited
				{ color: #999; text-decoration: underline }
#topMenu a:hover,
#topMenu a:active
				{ color: #ccc }
.rightHeaderBlock p
				{ color: #3e5d90; font-weight: bold }
				
/*-----------------------------------------*/

#mainMenu		{ list-style: none; overflow: hidden; margin: 0 0 0 9px }
#mainMenu li	{ float: left; margin: 0 1px 0 0; 
				  background: #173f6d url(../img/topMenuRight2.gif) top right no-repeat }
#mainMenu a:link,
#mainMenu a:visited,
#mainMenu a:active
				{
	float: left;
	display: block;
	height: 20px;
	padding: 7px 23px 0 23px;
	color: #fff;
	background-color:inherit;
	text-decoration: none;
	text-transform: uppercase;
	background: url(../img/topMenuLeft2.gif) no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	line-height: 1em;
	font-weight: bold;
}
#mainMenu li:hover	{ background: #8a9fb6 url(../img/topMenuRight.gif) top right no-repeat}
#mainMenu li a:hover
				{
	background: url(../img/topMenuLeft.gif) no-repeat;
	z-index: 1;
}
					
.activeTop		{ background: #8a9fb6 url(../img/topMenuRight.gif) top right no-repeat !important }
.activeTop a	{ background: url(../img/topMenuLeft.gif) no-repeat !important }


/*-----------------------------------------*/
#content		{
	_overflow: visible;
	overflow: hidden;
	height:100%;
	min-height:100%;
	padding: 9px 9px 99px 9px;
	#padding: 9px 9px 90 9px }

.contentHome
				{
					padding: 9px !important;
					#padding: 9px 9px 0 9px !important;
				}
	
.board			{
	width: 700px;
	height: 258px;
	position: relative;
	margin-bottom: 9px;
	background-color: #296ab8;
	background-repeat: no-repeat;
	background-image: url(../img/board.jpg);
	/*z-index:1;
	_z-index:2;*/
}
*+html .board{
	z-index:-1;
	}
.board p		{ color: #fff; position: absolute; top: 53px; left: 21px;
				  font: normal 2.1em/1.5em Arial, Helvetica, sans-serif; background-color:inherit; }
.board p span	{ display: block; color: #0b233b; letter-spacing: -2px;
				  font: bold 1.3em/1.33em Arial, Helvetica, sans-serif }
.viewDemo:link,
.viewDemo:visited
				{
	display: block;
	width: 190px;
	height: 22px;
	padding-top: 8px;
	position: absolute;
	top: 176px;
	left: 22px;
	color: #fff;
	text-align: center;
	font: bold 1.2em/1em Arial, Helvetica, sans-serif;
	background: #73aa01 url(../img/viewDemo.gif) no-repeat
}
.viewDemo:hover,
.viewDemo:active
				{ text-decoration: none;
				  background: #73aa01 url(../img/viewDemoHover.gif) no-repeat }

.board2{
	width: 700px;
	height: 119px;
	position: relative;
	margin-bottom: 9px;
	background-repeat: no-repeat;
}
.board2 p		{
	color: #fff;
	background-color:inherit;
	position: absolute;
	top: 21px;
	left: 17px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 2em;
	line-height: 1.2em;
	font-weight: normal;
	height: 75px;
}
/*-----------------------------------------*/
			  
.menu			{ height: 70px; background:url(../img/mainMenu-background.gif) bottom repeat-x; margin:0 240px 10px 10px}
.empty h2		{ font: normal 2.1em/1.1em Arial, Helvetica, sans-serif !important; color: #174D7C !important; padding-top: 16px}
#link			{ list-style: none; overflow: hidden; margin: 0; padding: 0; float:left; width: 335px}
#link li		{ margin: 0; padding: 10px 0 10px 0px; height: 35px }
#link li img	{ margin-right: 10px}
#link li h2		{ margin:0; color: #1771a9; font: bold 1.4em/1em Arial, Helvetica, sans-serif}
#link li h3		{ margin:0;font-style: italic; font-weight: normal; color: #666; }

#link2			{ list-style: none; overflow: hidden; margin: 0; padding: 0; float:left; width: 600px}
#link2 li		{ margin: 0; padding: 10px 0 10px 63px; height: 40px }
#link2 li h2	{ margin:0; color: #1771a9; font: bold 1.4em/1em Arial, Helvetica, sans-serif}

#mainMenu2		{ float:right; margin:42px 0 0 0 }
#mainMenu2 li	{ float:left; list-style: none; margin:0; background:url(../img/mainMenuRight.gif) right top no-repeat} 
#mainMenu2 li a { float:left; display:block; height: 18px; background:url(../img/mainMenuLeft.gif) left top no-repeat; text-align:center;
					color: #999999;font: normal 0.9em/1.1em Arial, Helvetica, sans-serif; padding-top: 10px }
.overview a		{ width: 102px}
.screen a		{ width: 102px}
.key a			{ width: 149px}
.activeMain		{ background:url(../img/mainMenuRight2.gif) right top no-repeat !important}
.activeMain a	{ background:url(../img/mainMenuLeft2.gif) left top no-repeat !important; color: #1471ad!important; font-weight: bold !important;
				 text-decoration: none !important}
/*-----------------------------------------*/
.mainText		{ margin: 0 240px 10px 10px}
.mainText h1	{
	color: #2C8DC9;
	margin-bottom: 0.3em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 2.1em;
	font-style: normal;
	line-height: 1.1em;
	font-weight: normal;
	font-variant: normal;
}
.mainText h2	{
	color: #999999;
	font: normal 1.6em/1.3em Arial, Helvetica, sans-serif;
	margin-bottom: 0.5em;
	font-size: 1.7em;
}
.mainText p		{
	color: #333333;
	margin-bottom: 1.5em;
	font-size: 1.3em;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	line-height: 1.6em;
	font-variant: normal;
}
/*-----------------------------------------*/
/*------------Table Chart Style------------*/
table.chart		{ border-left:#ddd 1px solid; border-top:#ddd 1px solid; margin-bottom:20px; }
table.chart	th,
table.chart	td	{ border-right:#ddd 1px solid; border-bottom:#ddd 1px solid; padding:8px 10px; }
table.chart	th	{ font-weight:bold; color:#595959; }
/*-----------------------------------------*/

.accessProSuite	{
	float: left;
	width: 340px;
	margin-right: 18px;
	/*min-height: 290px;*/
	min-height: 298px;
	background: #fff url(../img/whiteBLock.gif) bottom left no-repeat
}
.accessProSuite h2
				{  height: 25px; margin: 0; padding: 7px 0 0 18px; color: #fff; 
				  background: #296ab9 url(../img/APHeader.gif) no-repeat;
				  font: bold 1.6em/1em Arial, Helvetica, sans-serif }
.accessProSuite h2 span
				{ font-style: italic; font-weight: normal }
.accessProSuite ul
				{ float:left; list-style: none; overflow: hidden; margin: 0; padding: 15px }
.accessProSuite li
				{
	margin: 0;
	border-bottom: #ccc 1px solid;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 3px;
	width: 285px;
	padding-left: 0;
	float:left;
	#height: 1% ; 			
}
.suite			{ background: url(../img/Suite.gif) 4px 8px no-repeat }
.caseMan		{ background: url(../img/caseMan.gif) 4px 8px no-repeat }
.portal			{ background: url(../img/portal.gif) 4px 8px no-repeat }
.reduction		{ background: url(../img/reduction.gif) 4px 8px no-repeat }
.wGroup			{ background: url(../img/wGroup.gif) 4px 8px no-repeat }
.empty          { width: 800px !important; padding-left: 0 !important }
.empty  h2       { width: 800px !important }

.accessProSuite h3
				{ margin: 0; color: #1771a9; padding-left: 66px;
				  font: bold 1.4em/1em Arial, Helvetica, sans-serif }
.accessProSuite h3 span
				{ font-style: italic; font-weight: normal; color: #666; display:block }
.accessProSuite li img
				{ margin-right: 18px}
.accessProSuite li a
				{ margin:-14px 0 0 220px; display:block }			
.accessProSuite li a:link,
.accessProSuite li a:visited
				{ color: #f00; text-decoration: underline;
				  font: normal 1em/1em Arial, Helvetica, sans-serif }
.accessProSuite li a:hover,
.accessProSuite li a:active
				{ color: #ff8080 }

/*-----------------------------------------*/

.inTheSpotlight	{
	float: left;
	width: 340px;
	/*min-height: 290px;*/
	min-height: 298px;
	background: #fff url(../img/whiteBLock.gif) bottom left no-repeat
}
.inTheSpotlight	h2
				{ height: 25px; margin: 0; padding: 7px 0 0 18px; margin: 0; color: #173662; 
				  background: #82b1da url(../img/ItSHeader.gif) no-repeat; 
				  font: bold 1.6em/1em Arial, Helvetica, sans-serif }
.inTheSpotlight ul
				{ list-style: none; /*overflow: hidden;*/ margin: 0; padding: 15px }
.inTheSpotlight li
				{
	margin: 0;
	border-bottom: #ccc 1px solid;
	background: url(../img/news_bullet.gif) no-repeat 8px 6px;
	padding-top: 3px;
	padding-right: 0;
	padding-bottom: 4px;
	padding-left: 27px;
}
.inTheSpotlight h3
				{ margin: 0; color: #900;
				  font: bold 1em/1.4em Arial, Helvetica, sans-serif }
.inTheSpotlight p
				{
	margin: 0;
	color: #666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-style: normal;
	line-height: 1.4em;
	font-weight: normal;
	font-variant: normal;
}



/*-----------------------------------------*/

.rightCol		{ float: right; width: 230px; overflow: hidden; padding-left: 9px; }
.rightCol h2	{ color: #fff;}
.rightCol p		{ color: #fff; margin-bottom: 0;
				  font: normal 1.1em/1.4em Arial, Helvetica, sans-serif }

.blueBlock,
.greenBlock,
.greyBlock		{ height: 63px; padding: 9px 18px; margin-bottom: 7px; position: relative }

.blueBlock		{ background: #18315b url(../img/blueBlock.gif) no-repeat }
.greenBlock		{ background: #75ac01 url(../img/greenBlock.gif) no-repeat }
.greyBlock		{ background: #7d97a4 url(../img/greyBlock.gif) no-repeat; margin-bottom: 9px !important }

.demoBlock		{ height: 101px; padding: 8px 18px;
				  background: #7d97a4 url(../img/demoBlock.gif) no-repeat; margin-bottom: 9px }

.blueBlock h2,
.greenBlock h2,
.greyBlock h2,
.demoBlock h2	{ padding-bottom: .25em; margin-bottom: .25em;
				  font: bold 1.6em/1.1em Arial, Helvetica, sans-serif }

.blueBlock h2	{ border-bottom: #5d7da9 1px solid }
.greenBlock h2,
.demoBlock h2	{ border-bottom: #c3d88b 1px solid }
.greyBlock h2	{ border-bottom: #cad3d9 1px solid }

.more:link,
.more:visited	{ position: absolute; bottom: 12px; right: 12px; color: #fff;
				  font: bold 1.2em/1em Arial, Helvetica, sans-serif; background-color:inherit; }
.more:hover,
.more:active	{ text-decoration: none }

.upEvents		{ background: #fff url(../img/whiteBLock2.gif) bottom left no-repeat; margin-bottom: 9px; }
.upEvents h2	{ color: #999; border-bottom: #c2d9ed 1px solid; text-align: left; /*margin-bottom: 1.8em; margin-bottom: 1.2em;*/ 			
				  margin-bottom: 0.6em; font: bold 1.4em/1.1em Arial, Helvetica, sans-serif  }

.partners		{ background: #fff url(../img/whiteBLock2.gif) bottom left no-repeat; position:relative; }
.partners h2	{ color: #89bc0d; border-bottom: #c2d9ed 1px solid; text-align: left; margin-bottom: 1.8em;
				  font: bold 1.6em/1.1em Arial, Helvetica, sans-serif  }
.partners a 	{ color:#0099FF !important; margin:0 0 0 195px; display:block; width:8px; }
.partners p		{ cursor:text !important; }
.inner			{ margin-bottom: 0; padding: 9px 17px; text-align: center; height: 90px;
				   background: url(../img/whiteBLock3.gif) no-repeat }
.inner p		{ color:#000; text-align:left; cursor:pointer; }
.inner img		{ display:block; cursor:pointer; }	
			  
.insideFooter	{  background:#fff url(../img/whiteBLock5.gif) left bottom no-repeat !important}
.inside			{ border-left: 2px solid #e8e8e8;border-right: 2px solid #e8e8e8;  background: none !important; padding:9px 15px 0 !important;}
.upEventsHeader	{ background:url(../img/whiteBLock4.gif) no-repeat !important; overflow:hidden; padding: 10px 0}
/*-----------------------------------------*/
.titleMenu		{ background: url(../img/right-menu-title.gif) no-repeat; width: 230px; height:18px; overflow:hidden; display:block; margin: 55px 0 0 0; font: bold 1.2em/1.1em Arial, Helvetica, sans-serif; color: #fff; padding:8px 0 0 13px; letter-spacing:0; background-color:inherit;}
#rightMenu		{ list-style: none; background:url(../img/rightMenu.gif) repeat-y; padding: 0 3px; margin:0; clear:both; }
#rightMenu li	{ margin: 0; padding: 1px 0; border-bottom: #ccc 1px solid }
#rightMenu a:hover,
#rightMenu a:visited,
#rightMenu a:hover,
#rightMenu a:active
				{ display: block; padding: 5px 0 5px 25px; color: #999; text-decoration: none;
				  background:  url(../img/bullet.gif) 16px 12px no-repeat; width:200px; }
#rightMenu a	{ display: block; padding: 5px 0 5px 25px; color: #999; text-decoration: none;
				  background:  url(../img/bullet.gif) 16px 12px no-repeat; width:200px; }
.active	a		{ color: #4d76a6 !important; 
				  background: #dff4ff url(../img/bullet2.gif) 16px 12px no-repeat !important; }
.firstActive	{ padding:0 !important; }
.firstActive a	{ color: #4d76a6 !important; background: #dff4ff url(../img/bullet3.gif) 16px 12px no-repeat !important}

.lastActive a	{ color: #4d76a6 !important; background: #dff4ff !important}

.first			{ background:url(../img/bullet3.gif) 16px 12px no-repeat; padding:5px 0 !important; padding-left: 25px !important}
.first	a		{ background: none !important; padding:0 !important; color: #666666 !important; margin:0; display:inline !important}
.bottomMenu		{ background:url(../img/right-menu-footer.gif) top no-repeat !important; width: 230px !important; display:block; height: 8px;
					padding-bottom: 26px; margin-top: -1px}
.bottomMenuBlue	{ background:url(../img/right-menu-footer-blue.gif) top no-repeat !important; width: 230px !important; display:block; height: 8px;
					padding-bottom: 26px; margin-top: -1px}					
.last a			{ background:none !important}
/*-----------------------------------------*/

#footer			{ height: 30px; padding-top: 0 }
#footer p		{ margin-left: 78px }
.footerHome		{ background: url(../img/footer.gif) no-repeat }
.footerInside	{ background: url(../img/footer2.gif) no-repeat; width: 960px; position: absolute; bottom:70px; left:0}

/*-------------Form Style------------------*/
.form 			{ padding:20px; height:100%; overflow:hidden; }
.form label		{ display:block; height:20px; cursor:default; }
.form span		{ display:block; float:left; width:100px; }
.form input 	{ float:left; width:250px; }
.form p.buttons { padding:0 0 0 100px; }
.form p.buttons input { height:35px; width:255px; cursor:pointer;}
/*------------------------------------------*/
/*------------- White Paper Form ------------*/
.whitePaper span { width:180px;}
.whitePaper select 	{ float:left; width:465px; font-size:12px; }
.whitePaper p.buttons { padding:0 0 0 180px; }
/*------------- Contact us Page --------------*/
.contact img	{ float:left; margin-top:3px; }
.contact h3		{ margin-left:100px; }
.contact p		{ margin-left:100px; }
.contact p.top		{ margin-left:0; }

/*------------- Icons ----------------*/
/*.caseManIcon 	{ background:url(../img/caseMan-small.gif) 0 0 no-repeat; padding-left:30px; }
.reductionIcon 	{ background:url(../img/reduction-small.gif) 0 0 no-repeat; padding-left:30px; }
.workgroupIcon 	{ background:url(../img/wGroup-small.gif) 0 0 no-repeat; padding-left:30px; }
.portalIcon 	{ background:url(../img/portal-small.gif) 0 0 no-repeat; padding-left:30px; }*/
.caseManIcon,
.reductionIcon,
.workgroupIcon,
.portalIcon 	{ padding-left:55px; padding-bottom:5px}
.caseManIcon a,
.reductionIcon a,
.workgroupIcon a,
.portalIcon a 	{ color:#666; font-weight:bold; text-decoration:none; }
.caseManIcon a:hover,
.reductionIcon a:hover,
.workgroupIcon a:hover,
.portalIcon a:hover { text-decoration:underline; }

/*--------------- Banners Product ----------------*/
.bannerProSuit {
}
.bannerCaseManage { background-image:url(../img/AccessProCaseManagement.jpg) }
.bannerCaseReduction { background-image:url(../img/AccessProRedaction.jpg) }
.bannerCaseWGroup { background-image:url(../img/AccessProCaseWorkgroup.jpg) }
.bannerCasePortal { background-image:url(../img/AccessProCasePortal.jpg) }
.bannerReqDemo { background-image:url(../img/RequestDemonstration.jpg) }

/*--------------- Banners Solutions ----------------*/
.bannerSolution1 { background-image:url(../img/Solutionbanners02.jpg); color:#17568b; }
.bannerSolution2 { background-image:url(../img/Solutions01.jpg) }
.bannerSolution3 { background-image:url(../img/Solutions02.jpg) }
.bannerSolution4 { background-image:url(../img/Solutions03.jpg) }

/*.bannerSolution1 p,
.bannerSolution2 p,
.bannerSolution3 p,
.bannerSolution4 p { color:#1072af !important }*/

.style1			{ color:#999 !important }
/*--------------- Banners Solutions ----------------*/
.bannerServices {  }

/*--------------- Banners Company ----------------*/
/*.bannerCompany1 { background-image:url(../img/Company01.jpg); }
.bannerCompany2 { background-image:url(../img/Company02.jpg); }
.bannerCompany3 { background-image:url(../img/Company03.jpg); }*/

.bannerSolution1 p,
.bannerSolution2 p,
.bannerSolution3 p,
.bannerSolution4 p,
.bannerCompany1 p,
.bannerCompany2 p,
.bannerCompany3 p,
.bannerServices p { color:#999 !important }

/*--------------- Right Side Demo Block Pic ----------------*/
.reqDemoBlock { background-image:url(../img/requestDemoBlock.jpg) !important;
				height: 95px !important; padding: 11px 18px !important; }
				
.reqDemoBlock h2 { color:#226194 !important; border:none !important; }

.pointer{
	cursor:pointer;
	}

/*--------------- Home New Changes ----------------*/
.redFonts{
	background-color:inherit;
	color: #900;
	}
#responseText{
	display:none;
	}
#responseText p{
	font:bold 12px/16px Arial, Helvetica, sans-serif;
	color:#900;
	}

/*--------------- New Inner Footer ----------------*/
#newInsideFooter{ height: 60px; padding:10px 50px 0; background-color:#829DB0; position:absolute; width:860px; left:0; bottom:0 }
#newInsideFooter p a{ color:#1A2A37; text-decoration:underline;}
#newInsideFooter p a:hover{ text-decoration:none;}


/*--------------- Sub menu ----------------*/
div#subMenuArea{
	position:relative;
	z-index: 1;
	}
div#subMenuArea ul.subMenu{
	/*width:204px;*/
	padding:2px 0 0;
	margin:0;
	font-family:Arial, Helvetica, sans-serif !important;
	font-size:11px !important;
	line-height:13px !important;
	display:none;
	position:absolute;
	top:26px;
	z-index:100;
	list-style-type:none;
	}
div#subMenuArea ul.subMenu li{
	border-bottom:1px solid #ccc;
	height:24px;
	padding:0;
	margin:0;
	}
div#subMenuArea ul.subMenu li a{
	display:block;
	color:#999;
	height:23px;
	padding:1px 0 0 14px;
	background-color:#F6FAFC;
	text-decoration:none;
	/*padding-top:5px;*/
	}
div#subMenuArea ul.subMenu li a:hover{
	background-color:#F6FAFC;
	color:#4D76A6;
	}
div#subMenuArea ul#sub1{
	left:9px;
	width:204px;
	_left:0px;
	}
div#subMenuArea ul#sub2{
	left:120px;
	width:184px;
	_left:111px;
	}
div#subMenuArea ul#sub3{
	left:234px;
	width:170px;
	_left:225px
	}
div#subMenuArea ul#sub4{
	left:424px;
	width:170px;
	_left:415px;
	}

.selected { background: #8a9fb6 url(../img/topMenuRight.gif) top right no-repeat !important }
.selected a	{ background: url(../img/topMenuLeft.gif) no-repeat !important }
					
/*--------------- Mislenious ----------------*/
.npLeftpad{
	padding-left:0 !important;
	}

/*--------------- Web Seminar Form ----------------*/

form.seminarform{
	font:9px/18px Arial, Helvetica, sans-serif;
	}

form.seminarform input.text{
	width:206px;
	height:16px;
	border:1px solid #7F9DB9;
	font:9px/18px Arial, Helvetica, sans-serif;
	}

form.seminarform input.register{
	width:206px;
	height:24px;
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}