/* CSS Document */

body { font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin: 0px; padding: 0px; background: url(../images/mainNavBkgd.jpg) no-repeat top center #686868; }

a { text-decoration: none; color:#3475AB; outline:none;}
a:hover { text-decoration: underline; }

h1, h2, h3, h4, h5, h6 { font-style: normal; padding: 0px; margin: 0px; }

hr {margin:-2px -3px 9px -3px;}

div.pageWrapper { margin: 0px auto; background: url(../images/contentWrapperBkgd2.jpg) repeat-x 0px 132px; width: 100%; }

div.header { padding: 50px 0px 0px 0px; margin: 0px auto; width: 1000px; }
div.header a.logo { text-indent: -10000px; padding: 0px 0px 0px 0px; margin: 0px 55px 0px 0px; background: url(../images/formattaLogo.jpg) no-repeat; width: 237px; height: 50px; display: block; float: left; outline:none; }

div.header a.logopartner { text-indent: -10000px; padding: 0px 0px 0px 0px; margin: 1px 55px 0px 0px; background: url(../images/partnernet_logo.gif) no-repeat; width: 237px; height: 56px; display: block; float: left; outline:none; }

div.header div.mini { font-size: 11px; color: #163d63; text-align: right; margin: 0px 48px 12px 0px; }
div.header div.mini a { color: #163d63; }
div.header div.mini a.learn  { padding: 0px 7px 0px 0px; border-right: 1px solid #163d63; }
div.header div.mini a.login { padding: 0px 0px 0px 7px; }

div.contentWrapper { clear: both; padding: 0px; margin: 0px auto; background: url(../images/contentshadow.png) repeat-y 9px 0px; width: 1050px; }
div.contentWrapper p { margin: 0px; }
div.content { margin: 0px 0px 0px 25px; width: 959px; background: url(../images/contentBkgd.gif) repeat-y 0px 0px; }
body.home div.content { background: url(../images/contentBkgdHome.gif) repeat-y 0px 0px; }
body.partnerLogin div.content { background-image: none; background-color: #fff; }

div.primaryContent { padding: 51px 20px 0px 20px; margin: 0px 195px 0px 195px; background: url(../images/primaryContentTopper.gif) no-repeat; }
div.secondaryContent { padding: 216px 0px 0px 0px; float: left; background: url(../images/secondaryContentTopper_generic.gif) no-repeat; width: 196px; }
div.tertiaryContent { padding: 79px 0px 0px 0px; float: right; background: url(../images/tertiaryContentTopper.gif) no-repeat 0px -1px; width: 195px; }
body.partnerLogin div.tertiaryContent { background: url(../images/tertiaryContentTopper_partnerLogin.gif) no-repeat 0px -1px; }


div.content div.design { background: url(../images/icon-design.jpg) no-repeat; }
div.content div.capture { background: url(../images/icon-capture.jpg) no-repeat; }
div.content div.approve { background: url(../images/icon-approve.jpg) no-repeat; }
div.content div.integrate { background: url(../images/icon-integrate.jpg) no-repeat; }
div.content div.company { background: url(../images/icon-default.jpg) no-repeat; }
div.content div.construction { background: url(../images/icon-default.jpg) no-repeat; }
div.content div.banks { background: url(../images/icon-default.jpg) no-repeat; }
div.content div.government { background: url(../images/icon-default.jpg) no-repeat; }
div.content div.healthcare { background: url(../images/icon-default.jpg) no-repeat; }
div.content div.education { background: url(../images/icon-default.jpg) no-repeat; }
div.content div.services { background: url(../images/icon-services.jpg) no-repeat; }
div.content div.partners { background: url(../images/icon-partners.jpg) no-repeat; }
div.content div.resources { background: url(../images/icon-resources.jpg) no-repeat; }
div.content div.solutions { background: url(../images/icon-solutions.jpg) no-repeat; }
div.content div.learn-more { background: url(../images/icon-default.jpg) no-repeat; }
div.content div.products { background: url(../images/icon-default.jpg) no-repeat; }
div.content div.login { background: url(../images/icon-default.jpg) no-repeat; }
div.content div.default { background: url(../images/icon-default.jpg) no-repeat; }





div.primaryContent h1 { font-size: 32px; font-weight: normal; }
div.primaryContent h2 { font-size: 22px; font-weight: normal; color: #E9B422; padding-bottom: 5px; margin: 23px 0px 15px 0px; background: url(../images/header2Bkgd.gif) bottom left repeat-x; }
div.primaryContent h3 { font-size: 14px; color: #000; margin: 0px 40px 5px 20px; }
div.primaryContent p { color: #373737; line-height: 18px; margin: 0px 40px 20px 20px; }
div.primaryContent ul { font-size: 13px; color: #666666; list-style: none; padding: 0px 0px 0px 0px; margin: 0px 40px 20px 17px; line-height:16px; }
div.primaryContent ul li { padding: 0px 0px 0px 15px; margin: 0px 0px 7px 0px; background: url(../images/contentBullet.gif) no-repeat 3px 6px; }
div.primaryContent ul ul li { background: url(../images/contentBullet2.gif) no-repeat 3px 7px; }
div.primaryContent ul.products { font-size: 12px; }
div.primaryContent ul.products ul { font-size: 12px; margin-top: 10px; }

div.secondaryContent div.callOutBoxOne { padding-bottom: 9px; border: 1px solid #b1b1b1; margin: 0px 0px 20px 9px; background: #ffc62b; }
div.secondaryContent div.callOutBoxOne h4 { font-size: 14px; font-style: italic; padding: 9px 4px 9px 4px; background: url(../images/secondaryCalloutBoxOneBkgd.gif) repeat-x bottom left #fff; }
div.secondaryContent div.callOutBoxOne p { font-size: 11px; color: #262626; padding: 9px 4px 0px 4px; }

div.secondaryContent div.callOutBoxTwo { padding-bottom: 9px; border: 1px solid #b1b1b1; margin: 0px 0px 20px 9px; background: #b3ccec; }
div.secondaryContent div.callOutBoxTwo h4 { font-size: 14px; font-style: italic; padding: 9px 4px 9px 4px; background: url(../images/secondaryCalloutBoxTwoBkgd.gif) repeat-x bottom left #fff; }
div.secondaryContent div.callOutBoxTwo p { font-size: 11px; color: #262626; padding: 9px 4px 0px 4px; }

div.tertiaryContent div.processMenu { border-top: 1px solid #8a9baf; border-right: 1px solid #8a9baf; border-left: 1px solid #8a9baf; margin: 0px 0px 0px 2px; }
div.tertiaryContent div.processMenu a { font-weight: bold; color: #000; text-transform: uppercase; line-height: 21px; padding: 0px 0px 0px 32px; border-bottom: 1px solid #8a9baf; background: #a3c1e5; display: block; }
div.tertiaryContent div.processMenu a.design { background: url(../images/processMenuLinkBkgd1.gif) no-repeat 0px 4px #a3c1e5; }
div.tertiaryContent div.processMenu a.capture { background: url(../images/processMenuLinkBkgd2.gif) no-repeat 0px 4px #a3c1e5; }
div.tertiaryContent div.processMenu a.approve { background: url(../images/processMenuLinkBkgd3.gif) no-repeat 0px 4px #a3c1e5; }
div.tertiaryContent div.processMenu a.integrate { background: url(../images/processMenuLinkBkgd4.gif) no-repeat 0px 4px #a3c1e5; }
div.tertiaryContent div.processMenu a:hover { color: #fff; text-decoration: none; background-color: #576473; }

div.tertiaryContent div.divider { border-bottom: 1px solid #8a9baf; margin: 0px 0px 0px 2px; background: url(../images/tertiaryContentDivider.jpg) repeat-y; width: 193px; height: 11px; }

div.tertiaryContent div.industries { padding-bottom: 8px;/* border-bottom: 1px solid #8a9baf;*/ margin: 10px 11px 0px 11px; }
div.tertiaryContent div.industries h4 { font-size: 13px; margin: 0px 0px 5px 0px; }
div.tertiaryContent div.industries a { font-size: 12px; color: #425978; margin: 0px 0px 3px 0px; display: block; }

div.tertiaryContent div.solutions { margin: 10px 11px 0px 11px; }
div.tertiaryContent div.solutions h4 { font-size: 13px; margin: 0px 0px 5px 0px; }
div.tertiaryContent div.solutions a { font-size: 12px; color: #425978; margin: 0px 0px 3px 0px; display: block; }

div.tertiaryContent div.downloads { margin: 10px 11px 0px 11px; }
div.tertiaryContent div.downloads h4 { font-size: 13px; margin: 0px 0px 5px 0px; }
div.tertiaryContent div.downloads p { font-size: 9px; color: #333333; margin: 0px 0px 10px 0px; display: block; }
div.tertiaryContent div.downloads a { font-size: 12px; color: #2c6699; margin: 0px 0px 3px 0px; font-weight:bold; display: block; }
div.tertiaryContent div.downloads a.new { font-size: 12px; color: #2c6699; margin: 0px 0px 3px 0px; font-weight:bold; display:inline; }
div.tertiaryContent div.downloads strong { font-size: 9px; color: #000000; margin: 0px 0px 3px 0px; }
div.tertiaryContent div.downloads img { display:inline; margin:0px 3px 0px 0px; }




body.home div.pageWrapper {  }
body.home div.contentWrapper { background: url(../images/contentshadow_home.png) repeat-y 9px 0px; }

body.home div.primaryContent { padding: 0px; margin: 0px 200px 0px 0px; background: none; width: 594px; }
body.home div.primaryContent * { margin: 0px 11px 0px 12px; }
body.home div.primaryContent h3 { font-size: 16px; font-style: italic; margin: 10px 12px 8px 12px; }
body.home div.primaryContent h1 { text-indent: -10000px; margin: 0px 11px 15px 12px; background: url(../images/homepageHeaderBkgd.gif) no-repeat; width: 571px; height: 79px; }
body.home div.primaryContent div.news a { margin: 0px 0px 10px 0px; display: block; }

body.home div.primaryContent ul.processMenu { padding: 0px; margin: 0px 0px 0px 10px; list-style: none; }
body.home div.primaryContent ul.processMenu li { padding: 0px; margin: 0px; background: none; display: inline; float: left; }
body.home div.primaryContent ul.processMenu li a { font-size: 11px; line-height: 12px; color: #fff; padding: 40px 20px 0px 9px; margin: 0px; background: url(../images/formatta_products.jpg) no-repeat 0px 0px; display: block; width: 114px; height: 126px; }
body.home div.primaryContent ul.processMenu li a:hover { color: #000; text-decoration: none; }
body.home div.primaryContent ul.processMenu li a strong { font-size: 11px; font-weight: normal; color: #000; text-decoration: underline; padding: 0px; margin: 10px 0px 0px 0px; display: block; }
body.home div.primaryContent ul.processMenu li a:hover strong { color: #666; }
body.home div.primaryContent ul.processMenu li.design a { background-position: 0px 0px; }
body.home div.primaryContent ul.processMenu li.design a:hover { background-position: 0px -192px; }
body.home div.primaryContent ul.processMenu li.capture a { background-position: -143px 0px; }
body.home div.primaryContent ul.processMenu li.capture a:hover { background-position: -143px -192px; }
body.home div.primaryContent ul.processMenu li.approve a { background-position: -286px 0px; }
body.home div.primaryContent ul.processMenu li.approve a:hover { background-position: -286px -192px; }
body.home div.primaryContent ul.processMenu li.integrate a { background-position: -429px 0px; }
body.home div.primaryContent ul.processMenu li.integrate a:hover { background-position: -429px -192px; }

body.home div.primaryContent div.divider { padding: 20px 0px 0px 0px; margin-bottom: 20px; background: url(../images/homepageDivider_bkgd.gif) repeat-x left bottom; height: 3px; clear: left; }

body.home div.secondaryContent { padding: 0px; float: right; background: none; width: 361px; }
body.home div.secondaryContent * { margin: 0px 0px 0px 6px; }
body.home div.secondaryContent div * { margin: 0px 0px 0px 0px; }

div.content div.footer {background: url(../images/footer_bg.gif) repeat-x; height:23px; padding: 9px 15px 0px 20px; text-align:right;}
div.content div.footer p{display:inline;}

body.home div.secondaryContent div.casestudy, 
body.home div.secondaryContent div.webinar { margin-top: 15px; margin-right: 5px; background: url(../images/caseStudy_bkgdGeneric.gif) no-repeat 0px 0px; }
body.home div.secondaryContent div.casestudy h4, 
body.home div.secondaryContent div.webcast h4 { text-indent: -10000px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; background: url(../images/caseStudy_corner_topRight.gif) no-repeat top right; height: 35px; }
body.home div.secondaryContent div.casestudy p, 
body.home div.secondaryContent div.webcast p { color: #fff; padding: 10px 100px 10px 9px; border-left: 1px solid #fff; border-right: 1px solid #fff; margin: 0px 6px 0px 0px; }
body.home div.secondaryContent div.casestudy p a, 
body.home div.secondaryContent div.webcast p a { color: #72BFEB; display: block; }
body.home div.secondaryContent div.casestudy div.footer, 
body.home div.secondaryContent div.webcast div.footer { background: url(../images/caseStudy_bottomMiddle.gif) no-repeat top right; height: 20px; padding:0px; text-align:left;}

body.home div.secondaryContent div.maryland { background: url(../images/caseStudy_bkgdMaryland.gif) no-repeat 0px 0px; }

body.home div.secondaryContent div.webcast { margin-top: 20px; margin-right: 5px; background: url(../images/webinar_bkgdGeneric.gif) no-repeat 0px 0px; }


div.clear { margin: 0px 0px 0px 0px; clear: both; height: 50px; }

/*START ROI Box Controls*/
.roi-header{
	background:url(../images/roi-box-head.gif) no-repeat 0px 0px;
	width:345px;
	height:36px;
}

#navigation {
	border:1px solid #fff;
	width:343px;
	background-color:#F6F6F6;
}

.roi-dark-wrap { 
	margin-left:0px!important;
	margin-right:0px!important;
	background-color:#F6F6F6;
}

#roi-dark a.head {
	cursor:pointer;
	border-bottom:1px dotted #fff;
	background: #7AA8CF; 	
	font-size:14px;
	font-weight:bold;
	color:#000;
	display:block;
	margin:0px;
	padding:4px 0px;
	text-indent:8px;
	text-decoration: none;
	width:343px;
	margin-right:0px!important; 
}
#roi-dark a.head:hover {
	color:#000;
	width:343px;
	border-bottom:1px dotted #fff;
}

#roi-dark h1 { color:#000; font-size:12px; font-weight:bold; margin:3px 0px 7px 8px;}

#roi-dark a.selected {
	width:343px;
	border-bottom:1px dotted #fff;

}
#roi-dark a.current {
	background-color:#FFFF99;
	border-bottom:1px dotted #fff;

}

#roi-dark img{
	border-bottom: 5px solid #7AA8CF;
}
#roi-dark img.maryland{
	margin-left:195px; border:none!important;
}

#roi-dark p {color:#535A50; font-size:11px; padding-left:8px; margin:3px 10px 0px 0px; }

#roi-dark p a:link { color:#3B7EC2; font-size:12px; line-height:30px; }
#roi-dark p a:visited { color:#3B7EC2; font-size:12px; line-height:30px;}
#roi-dark p a:hover { color: #FF0000; font-size:12px; line-height:30px;}
#roi-dark p a:active { color: #FF0000; font-size:12px; line-height:30px;}


.roi-light-wrap { 
	margin-left:0px!important;
	margin-right:0px!important;
	background-color:#F6F6F6;
}

#roi-light a.head {
	cursor:pointer;
	border-bottom:1px dotted #fff;
	background: #9DBEDA; 	
	font-size:14px;
	font-weight:bold;
	color:#000;
	display:block;
	margin:0px;
	padding:4px 0px;
	text-indent:8px;
	text-decoration: none;
	width:343px;
	margin-right:0px!important; 
}
#roi-light a.head:hover {
	color:#000;
	width:343px;
	border-bottom:1px dotted #fff;
}

#roi-light h1 { color:#000; font-size:12px; font-weight:bold; margin:3px 0px 7px 8px;}

#roi-light a.selected {
	width:343px;
	border-bottom:1px dotted #fff;

}
#roi-light a.current {
	background-color:#FFFF99;
	border-bottom:1px dotted #fff;

}

#roi-light img{
	border-bottom: 5px solid #9DBEDA;
}
#roi-light p {color:#535A50; font-size:11px; padding-left:8px; margin:3px 10px 0px 0px; }

#roi-light p a:link { color:#3B7EC2; font-size:12px; line-height:30px; margin-bottom:5px;}
#roi-light p a:visited { color:#3B7EC2; font-size:12px; line-height:30px; margin-bottom:5px;}
#roi-light p a:hover { color: #FF0000; font-size:12px; line-height:30px; margin-bottom:5px;}
#roi-light p a:active { color: #FF0000; font-size:12px; line-height:30px; margin-bottom:5px;}

/*END ROI Box Controls*/

.flash-container{
	text-align:center;
	padding:40px 32px 20px 32px;
	height:500px;
	width:700px;
	background: url(../images/primaryContentTopper.gif) repeat-x;
}
div.flash-container h1 { font-size: 32px; font-weight: normal; padding:10px 0px 0px 0px; display:block; }

/* 2-13-09 styles for partner login and downloads page */

span.partnerhead {font-family:Arial, Helvetica, sans-serif; font-size: 18px; color: #FFF;}

div.buckets {background-color:#666; color: #FFF; font-size: 16px; font-weight: bold; font-family:Arial, Helvetica, sans-serif; text-align:center; padding: 3px 0px 3px 0px; margin: 0px; width: 100%;}

.button {

display: inline-block;

font-size: 90%;

font-weight: bold;

background-color: #b7b7b7;

background-image: url(http://www4.formatta.com/partnernet/images/bg-button.gif);

background-repeat: repeat-x;

background-attachment: scroll;

background-position: 0% 0%;

border-top-width: 1px;

border-right-width-value: 1px;

border-right-width-ltr-source: physical;

border-right-width-rtl-source: physical;

border-bottom-width: 1px;

border-left-width-value: 1px;

border-left-width-ltr-source: physical;

border-left-width-rtl-source: physical;

border-top-style: solid;

border-right-style-value: solid;

border-right-style-ltr-source: physical;

border-right-style-rtl-source: physical;

border-bottom-style: solid;

border-left-style-value: solid;

border-left-style-ltr-source: physical;

border-left-style-rtl-source: physical;

border-top-color: #b7b7b7;

border-right-color-value: #b7b7b7;

border-right-color-ltr-source: physical;

border-right-color-rtl-source: physical;

border-bottom-color: #b7b7b7;

border-left-color-value: #b7b7b7;

border-left-color-ltr-source: physical;

border-left-color-rtl-source: physical;

padding-top: 0.2em;

padding-right: 0.6em;

padding-bottom: 0.3em;

padding-left: 0.6em;

color: #666666;

cursor: pointer;

}

.button:hover {text-decoration: none;

background-color: #c8c8c8;

background-image: url(http://www4.formatta.com/partnernet/images/bg-button-over.gif);

background-repeat: repeat-x;

background-attachment: scroll;

background-position: 0% 0%;

}