/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.7.0
*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
html,body,form{ padding:0px;margin:0px; width:100%;height:100%; font-size: 93%;}

html,form,body { background: #111 url("../../images/MainBG.gif") repeat top left;  }
a,
a:active  {	color: #4f7fc1; text-decoration:none; }
a:visited {	color: #864b17; }
a:hover   {	color: #000; text-decoration:underline; }

h2			{	font-weight: bold; color: #000; font-size:131%; }
h3			{	font-weight: bold; color: #000; font-size:100%; }
h4			{	font-weight: bold; color: #000; font-size:93%; }
blockquote	{	padding-left: 30px; margin-top: 5px; }	
p			{	margin-top: 5px; margin-bottom: 5px; text-align: justify;}
sup			{	font-size:77%; vertical-align:text-top; }

.ValidateErr{	font-size: 85%; }
.req		{	color: red; }
.info		{	color: blue; }
.noborder	{	border:0px;	}
a.Collapsible { text-decoration:none; padding-left: 20px; }
a.Collapsible:active,
a.Collapsible:visited {	color: #4f7fc1; }
a.ToExpand  {	background:url("../../images/expand.jpg") no-repeat 0px 2px; }
a.ToCollapse  {	background:url("../../images/collapse.jpg") no-repeat 0px 2px; }

.modalBg	{	background-color: Gray;
	filter: alpha(opacity=70);
	opacity: 0.7;
	position: fixed;
	z-index: 100;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%; }

select,
textarea,
input {
	border: 1px solid #ddd;
	font-family: Verdana;
	font-size: 93%;	
	padding:4px;
}
input[type="text"]:focus{
	border: 1px solid #4f7fc1;
}

/*-----------
	Main Area
-------------*/
#overallpage {
	/*background:#fff url("../../images/ContentBG.gif") repeat-x bottom left;*/
}
#main {
	text-align:center;	
	padding-top:15px;
}

/*-----------
	Front Page customisation
-------------*/
#main .mainpad{
	width: 980px;
	height:369px;
	margin:0px auto;	
}
#main .mainpad .banner {
	height: 107px;
	background: url("../../images/MainTopBanner.jpg") no-repeat top left;	
}
#main .centerpiece {
	height:262px;
	background-color:#000;	
	text-align:left;	
	vertical-align:top;
	padding-left:20px;
	padding-right:15px;	
}
#main .mainmenu {
	width: 160px;
	text-align:left;
	float:left;		
}
#main .mainshowcase {
	float:right;
	background:#000;
}

#centerpiecedisplay{
	width: 758px;
	height:262px;
	display:block;
}
.centerpiece01 {
	background:url("../../images/Centerpiece01.jpg") no-repeat top right;
}
.centerpiece02 {
	background:url("../../images/Centerpiece02.jpg") no-repeat top right;
}
.centerpiece03 {
	background:url("../../images/Centerpiece03.jpg") no-repeat top right;
}

#centerpiecebreak{
	height:30px;
	/*border-top: 1px solid #373737;
	background-color:#202020;	*/
	background: #202020 url("../../images/CenterpieceBreakBG.gif") repeat-x top left;
}
/*-----------
	Side Page customisation
-------------*/
#ancBackToMain {
	float:left;
	margin-left: 30px;
	height:100px;
	width: 320px;
}
#ancBackToMain span {
	position:absolute;
	left:-5000px;
}

#main .mainpadside{
	width: 980px;
	height: 156px;
	background: #000 url("../../images/SideTopBanner.jpg") no-repeat top left;	
	margin:0px auto;	
}
#main .mainpadside .banner {
	height: 120px;
}
#main .mainpadside .banner .menu ul {
	padding-top: 67px;
	padding-right:45px;
	float:right;
}
#main .mainpadside .banner .menu ul li {
	float:right;
	padding:2px;
	height: 18px;
	font-size: 8pt;
	font-weight:bold;
	color: #fff;
	white-space:nowrap;
}
#main .mainpadside .banner .menu ul li a,
#main .mainpadside .banner .menu ul li a:active,
#main .mainpadside .banner .menu ul li a:visited {
	color: #ccc;
	text-decoration: none;
}
#main .mainpadside .banner .menu ul li a:hover {
	color: #4f7fc1;
}
#main .mainpadside h1{
	margin:0px;
	color:#fff;
	font-size: 18pt;
	font-weight:bold;
	text-align:left;
	margin-left: 180px;	
	padding-bottom:3px;
	display:block;
}

/*-----------
 Content areas
-------------*/
#content {
}
#content .contentarea {
	width: 980px;
	padding: 0px;	
	margin: 0px auto;
	text-align:center;
}
#content .mergedcontentarea{
	background:#fff url("../../images/ContentBG.gif") repeat-x bottom left;
	padding: 5px 20px 8px 20px;	
	text-align:left;
	min-height: 450px;		
}

#content .leftcontent {
	width: 160px;
	float:left;	
}
#content .rightcontent {
	margin-left: 160px;
	margin-right: 160px;
	min-height: 300px;	
}
#content .Box {
	background:url("../../images/BoxBG.jpg") no-repeat top right;
	display:block;
	min-height: 172px;
	overflow:visible;
	padding: 4px;
	font-size: 10pt;	
}
#content .BoxLong {
	background:url("../../images/Box_LongBG.jpg") no-repeat top right;
	min-height:420px;
}
#content .Box a {
	font-size: 10pt;	
}
#content .Box a,
#content .Box a:active {
	color: #194464;
	border-bottom: 1px dashed #194464;
}
#content .Box a:visited {
	color: #643f00;
}
#content .Box a:hover {
	color: blue;
	border-bottom: 1px solid blue;
	text-decoration:none;
}
#content .Box h1 {
	display:block;
	height: 24px;
	font-weight:bold;
	font-size:14pt;
}
#content .Box h1 span {
	padding: 6px;
	display:block;
	color:#000;
}
#content .Box .BoxContent {
	padding: 8px;	
}
#content .Box .BoxLink {
	padding: 2px 0px 5px 0px;
}

/*-----------
 Footer areas
-------------*/
#footer {
	text-align:center;		
}
#footer .footerarea {
	background:#000;
	width: 980px;
	padding: 20px 0px 5px 0px;	
	margin:0px auto;
	font-size: 77%;
	color: #888;
}
#footer .footerarea .footerleft{
	float:left;
	width:380px;
	text-align:left;
}
#footer .footerarea .footerright{
	text-align:right;
	margin-left: 400px;
}

#footer .footerarea a,
#footer .footerarea a:active,
#footer .footerarea a:visited {
	color: #555;
}
#footer .footerarea a:hover {
	color: #4f7fc1;
}

/*-----------
 Main Menu Tabs
-------------*/
#main .mainmenu ul{
	margin:0px;
	padding:0px;	
}
#main .mainmenu ul li{
	margin: 0px;/* 0px -3px 0px;*/
	padding:0px;	
	height: 36px;
}
#main .mainmenu ul li a{
	margin:0px;
	padding:0px;
	display:block;
	height: 36px;
}
#main .mainmenu ul li a span{
	position:absolute;
	left: -5000px;
	/*text-indent:-5000px;*/
}

#Tab_OurPortfolio a			{	background: url("../../images/Tab_OurPortfolio.gif") no-repeat top left; }
#Tab_Clientele a			{	background: url("../../images/Tab_Clientele.gif") no-repeat top left; }
#Tab_Partners a				{	background: url("../../images/Tab_Partners.gif") no-repeat top left; }
#Tab_ScaleNow a				{	background: url("../../images/Tab_ScaleNow.gif") no-repeat top left; }
#Tab_ExperienceCloud a			{	background: url("../../images/Tab_ExperienceCloud.gif") no-repeat top left; }
#Tab_DemoShowcase a			{	background: url("../../images/Tab_DemoShowcase.gif") no-repeat top left; }
#Tab_Events a				{	background: url("../../images/Tab_Events.gif") no-repeat top left; }
#Tab_AboutUs a				{	background: url("../../images/Tab_AboutUs.gif") no-repeat top left; }
#Tab_ContactUs a			{	background: url("../../images/Tab_ContactUs.gif") no-repeat top left; }

#Tab_OurPortfolio a:hover,
#Tab_Clientele a:hover,
#Tab_Partners a:hover,
#Tab_DemoShowcase a:hover,
#Tab_ScaleNow a:hover,
#Tab_ExperienceCloud a:hover,
#Tab_Events a:hover,
#Tab_AboutUs a:hover,
#Tab_ContactUs a:hover {
	background-position: top right;
}

/*-----------
 Content rendering
-------------*/
#content .contentarea ul {
	margin: 10px 20px 10px 20px;
}
#content .contentarea ul li {
	list-style-type: disc;
}



/*-----------
 Main News area
-------------*/
.mainnews	{
	display:block;	
	font-size: 8pt;
	color: #777;
	float:left;
	width: 300px;
}
.mainnews h1{
	height: 23px;
	display:block;
	background: url(../../images/Main_CompanyNewsTitle.gif) no-repeat top left;
}
.mainnews h1 span {
	position:absolute;
	left: -5000px;
	/*text-indent: -5000px;	*/
}
.mainnews .newsdate	{
	font-size: 7pt;
	padding:2px;
	width: 70px;
	float:left;
	font-family: Verdana, Arial;
}
.mainnews .newscontent {
	padding-top: 8px;
	margin-left: 76px;
}
.mainnews .newsline {
	display:block;
	border-bottom: 1px solid #999;
}
.mainnews .newscontent p {
	margin-top: 5px;
}


/*-----------
 Vendor News area
-------------*/
.vendornews	{
	display:block;
	float:left;
	font-size: 8pt;
	color: #777;
}
.vendornews h1{
	height: 23px;
	display:block;
	background: url(../../images/Main_VendorNewsTitle.gif) no-repeat top left;
}
.vendornews h1 span {
	position:absolute;
	left: -5000px;
	/*text-indent: -5000px;	*/
}
.vendornews .newsdate	{
	font-size: 7pt;
	padding:2px;
	width: 70px;
	float:left;
	font-family: Verdana, Arial;
}
.vendornews .newscontent {
	padding-top: 8px;
	margin-left: 76px;
}
.vendornews .newsline {
	display:block;
	border-bottom: 1px solid #999;
}
.vendornews .newscontent p {
	margin-top: 5px;
}

/*-----------
 Main Customer Quotes area
-------------*/
.customerquote{
	display:block;
	margin-left: 500px;	
}
.customerquote h1{
	height: 23px;
	display:block;
	background: url(../../images/Main_CustomerQuotesTitle.gif) no-repeat top left;
}
.customerquote h1 span {
	position:absolute;
	left: -5000px;
	/*text-indent: -5000px;	*/
}
.customerquote .quote{
	font-family: "Trebuchet MS", "Times New Roman", Verdana;
	font-style: italic;
	font-size: 12pt;
	color: #777;	
}
.customerquote .quoter{
	display:block;
	float:right;
	font-size:8pt;
	font-weight:bold;
	color:#777;	
}

/*-----------
 FAQ area
-------------*/
.faqarea {
	margin-left: 640px;
	width:300px;
}	
.faqarea h1 {
	height: 23px;
	display:block;
	background: url(../../images/Main_FAQTitle.gif) no-repeat top left;
	background-color: #e1ecfb;	
}
.faqarea h1 span {
	position:absolute;
	left: -5000px;
	/*text-indent: -5000px;	*/
}
.faqarea ul {
	margin: 0px;
	padding-left:20px;
}
.faqarea .faqarealeft {
	width: 480px;	
	float:left;
	padding:6px;
}
.faqarea .faqarearight{
	margin-left: 500px;	
	padding:6px;
}

/*-----------
 Newsletter area
-------------*/
.newsletterarea h1 {
	height: 23px;
	display:block;
	background: url(../../images/Main_NewsletterTitle.gif) no-repeat top left;
}
.newsletterarea h1 span {
	position:absolute;
	left: -5000px;
	/*text-indent: -5000px;	*/
}

/*-----------
 Premium Partners area
-------------*/
.premiumpartnersarea {
	clear:both;
	margin-top: 0px;
}
.premiumpartnersarea h1 {
	height: 23px;
	display:block;
	background: url(../../images/Main_KeyAllianceTitle.gif) no-repeat top left;
}
.premiumpartnersarea h1 span {
	position:absolute;
	left: -5000px;
	/*text-indent: -5000px;	*/
}
.premiumpartnersarea .partnerleft {
	width: 300px;
	float: left;
	text-align:center;
}
.premiumpartnersarea .partnercenter {
	width:300px;
	float: left;
	text-align:center;
}
.premiumpartnersarea .partnerright {
	text-align:center;
	margin-left: 640px;
	width:300px;
}
.premiumpartnersarea a img{
	border: 0px;
}


/*-----------
 FAQ Question section
-------------*/
.newsArticle,
.faqQuestion,
.genericSection {
	border: 8px solid #666;
	position: absolute;
	width: 600px;
	height:450px;
	overflow: auto;
	background:#fff url("../../images/ContentBG.gif") repeat-x bottom left;
	display:none;
	z-index:4000;
	padding: 10px;
}

.genericSection h1,
.genericSection h2,
.newsArticle h1,
.newsArticle h2,
.faqQuestion h1,
.faqQuestion h2 {
	font-weight: bold;
	color:#fff;
	padding: 10px;
	display:block;
	background-color:#000;	
}

.genericSection p,
.newsArticle p,
.faqQuestion p {
	padding: 10px;
}

.genericSection ul,
.genericSection ul li,
.newsArticle ul,
.newsArticle ul li,
.faqQuestion ul,
.faqQuestion ul li {
	margin: 10px;
	list-style-type:disc;	
}
#GenericButton,
#NewsButton,
#QnButton {
	position:absolute;
	z-index:4010;
	width: 30px;
	height:30px;
	display:none;
}
#GenericButton a,
#NewsButton a,
#QnButton a {
	display:block;	
	height:30px;
	background: url("../../images/CloseButton.gif") no-repeat top left;
}
#GenericButton a:hover,
#NewsButton a:hover,
#QnButton a:hover {
	background-position: top right;
}

#GenericPopoutDialog .progressor,
#NewsPopoutDialog .progressor,
#FAQPopoutDialog .progressor {
	padding:40px;
	display:block;
	height: 300px;
	text-align:center;
	vertical-align:middle;
}
#GenericPopoutDialog .progressor .progressimg,
#NewsPopoutDialog .progressor .progressimg,
#FAQPopoutDialog .progressor .progressimg {
	width:32px;
	height:32px;
	float:left;
	background: url("../../images/progressor.gif") no-repeat top left;
}