@charset "UTF-8";
/* CSS Document */

body {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	color: #202020;
	background-color: #d5e6ff;
	background-image: url(images/dbiBGTop.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	margin: 0px;
	padding: 0px;
	line-height: 150%;
	text-align: justify;
}
h1 {
	line-height: normal;
	text-align: left;
}
h2 {
	color: #747679;
	font-size: 18px;
}
#headerWrapper {
	width: 911px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(images/dbiDivBGTop.png);
	height: 110px;
}
#buttonWrapper {
	background-color: #FFF;
	height: 29px;
	width: 899px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
	background-image: url(images/dbiButtonBlankBackground.jpg);
}
#mainContentWrapper {
	background-color: #FFF;
	width: 899px;
	background-image: url(images/dbiDivBGBottom.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
}
#mainContentWrapperLeft {
	float: left;
	margin-right: 25px;
	margin-left: 50px;
	width: 250px;
	min-height: 600px;
}
#mainContentWrapperRight {
	float: right;
	width: 520px;
	margin-right: 50px;
}
#mainContentHomeLeft {
	float: left;
	padding-top: 1px;
	width: 385px;
	margin-left: 50px;
	margin-right: 25px;
}
#mainContentHomeRight {
	float: left;
	padding-top: 1px;
	width: 385px;
}

#mainMiddleWrapper #middleContentWrapper #mainContentWrapper #mainContentHomeRight p,  #mainMiddleWrapper #middleContentWrapper #mainContentWrapper #mainContentHomeRight h1, #mainMiddleWrapper #middleContentWrapper #mainContentWrapper #mainContentHomeRight h3 {
	margin-left: 0px;
	margin-right: 0px;
}
#mainMiddleWrapper #middleContentWrapper #mainContentWrapper #mainContentHomeLeft p,  #mainMiddleWrapper #middleContentWrapper #mainContentWrapper #mainContentHomeLeft h1, #mainMiddleWrapper #middleContentWrapper #mainContentWrapper #mainContentHomeLeft h3 {
	margin-left: 0px;
	margin-right: 0px;
}
#mainMiddleWrapper #middleContentWrapper #mainContentWrapper #mainContentWrapperRight p, #mainMiddleWrapper #middleContentWrapper #mainContentWrapper #mainContentWrapperRight h1, #mainMiddleWrapper #middleContentWrapper #mainContentWrapper #mainContentWrapperRight h3 {
	margin-left: 0px;
	margin-right: 0px;
}
#mainMiddleWrapper #middleContentWrapper #mainContentWrapper #mainContentWrapperRight table strong {
	color: #747679;
}
#breadCrumbWrapper {
	margin-left: 50px;
	margin-top: 10px;
	font-size: 10px;
	color: #747679;
}
#mainMiddleWrapper #middleContentWrapper #mainContentWrapper #breadCrumbWrapper a.breadCrumb {
	font-weight:bold;
	color: #e69d3e;
	text-decoration:none;
}
a:link, a:visited {
	font-weight: bold;
	color: #747679;
	text-decoration: none; 
}
#middleContentWrapper {
	width: 899px;
	margin-left: 7px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #D6DDE8;
}
#mainBottomWrapper {
	background-image: url(images/dbiBGBottom.jpg);
	background-repeat: repeat-x;
	height: 219px;
	width: 100%;
}
#mainMiddleWrapper {
	width: 911px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(images/dbiDivBGShadow.png);
	background-repeat: repeat-y;
	clear: left;
}
#mainContentWrapper p {
	margin-right: 50px;
	margin-left: 50px;
	color: #202020;
}
#mainContentWrapper h1 {
	margin-right: 50px;
	margin-left: 50px;
	color: #fcb53e;
}
#mainContentWrapper h3 {
	margin-right: 50px;
	margin-left: 50px;
	color: #747679;
}

#logoWrapper {
	margin-top: 28px;
	margin-left: 28px;
	float: left;
}
#flashHeaderWrapper {
	margin-top: 20px;
	margin-left: 168px;
	float: left;
}
#flashRotator {
	height: 300px;
	width: 800px;
	margin-top: 25px;
	margin-left: 50px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
}
.yellowType {
	font-weight: bold;
	color: #fcb53e;
}
.grayType {
	font-weight: bold;
	color: #7a7a7d;
}
#boxRemotePayroll {
	background-image: url(images/productPlacRemotePayroll.gif);
	height: 182px;
	width: 260px;
	margin-left: 50px;
	margin-bottom: 50px;
	float: left;
	margin-top: 20px;
	position: relative;
}
#boxFieldReports {
	background-image: url(images/productPlacFieldReports.gif);
	height: 182px;
	width: 260px;
	margin-left: 10px;
	margin-bottom: 50px;
	float: left;
	margin-top: 20px;
	position: relative;
}
#boxHumanResources {
	background-image: url(images/productPlacHumanResources.gif);
	height: 182px;
	width: 260px;
	margin-left: 10px;
	margin-bottom: 50px;
	float: left;
	margin-top: 20px;
	position: relative;
}
.clearLeft {
	clear: both;
}
#boxRemotePayroll p {
	margin-top: 75px;
	margin-right: 10px;
	margin-left: 75px;
	height: 70px;
	text-align: left;
}
#boxFieldReports p {
	margin-top: 75px;
	margin-right: 10px;
	margin-left: 75px;
	height: 70px;
	text-align: left;
}
#boxHumanResources p {
	margin-top: 75px;
	margin-right: 10px;
	margin-left: 75px;
	height: 70px;
	text-align: left;
}
#productLinks {
	width: 165px;
	text-align: center;
	position: absolute;
	height: 15px;
	bottom: 20px;
	right: 18px;
}

/* footer styles */

#footerWrapper {
	background-image: url(images/dbiDivBottomReflection.jpg);
	height: 200px;
	width: 911px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 1px;
}
#footerImagesWrapper {
	margin-left: 250px;
	margin-top: 10px;
}
#footerLinksWrapper {
	text-align: center;
	width: 911px;
	margin-top: 25px;
}
#footerImagesWrapper p {
	width: 95px;
	font-size: 10px;
	color: #0B2D61;
	font-weight: bold;
	margin: 0px;
	text-align: center;
}
#mainMiddleWrapper #middleContentWrapper #buttonWrapper #MenuBar2 li #menuBarButton01 {
	background-image: url(images/dbiButton01Home.jpg);
	background-repeat: no-repeat;
}
#mainMiddleWrapper #middleContentWrapper #buttonWrapper #MenuBar2 li #menuBarButton02 {
	background-image: url(images/dbiButton02Services.jpg);
	background-repeat: no-repeat;
}
#mainMiddleWrapper #middleContentWrapper #buttonWrapper #MenuBar2 li #menuBarButton03 {
	background-image: url(images/dbiButton03Partners.jpg);
	background-repeat: no-repeat;
}
#mainMiddleWrapper #middleContentWrapper #buttonWrapper #MenuBar2 li #menuBarButton04 {
	background-image: url(images/dbiButton04AboutUs.jpg);
	background-repeat: no-repeat;
}
#mainMiddleWrapper #middleContentWrapper #buttonWrapper #MenuBar2 li #menuBarButton05 {
	background-image: url(images/dbiButton05Support.jpg);
	background-repeat: no-repeat;
}
#mainMiddleWrapper #middleContentWrapper #buttonWrapper #MenuBar2 li #menuBarButton06 {
	background-image: url(images/dbiButton06Employment.jpg);
	background-repeat: no-repeat;
}
#mainMiddleWrapper #middleContentWrapper #buttonWrapper #MenuBar2 li #menuBarButton07 {
	background-image: url(images/dbiButton07Contact.jpg);
	background-repeat: no-repeat;
}
#mainBottomWrapper #footerWrapper #footerLinksWrapper p a{
	color: #0B2D61;
}
.yellowBG {
	background-color: #ffefc7;	
}
.whiteBG {
	background-color: #fff;	
}
.featuresLeft {
	float: left;
	width: 150px;
}
.featuresRight {
	float: left;
	width: 350px;
	margin-left: 10px;
}
.staffLeft {
	float: left;
	width: 100px;
	padding-top: 20px;
}
.staffRight {
	float: left;
	width: 385px;
	margin-left: 25px;
}
#mainMiddleWrapper #middleContentWrapper #mainContentWrapper #mainContentWrapperRight .faqParagraphText a {
	color: #39547f;
	font-weight: normal;
}
#mainMiddleWrapper #middleContentWrapper #mainContentWrapper #mainContentWrapperRight .faqParagraphText {
	margin-left: 15px;
}
.pFloatLeft {
	float: left;
}

/* news page styles */

.newsBottomLink {
	width: 305px;
	margin-left: 10px;
	margin-right: 15px;
	text-align: right;
	margin-bottom: 0px;
}
.newsLeft {
	float: left;
	width: 150px;
	margin-left: 15px;
}
.newsRight {
	float: left;
	width: 305px;
	margin-left: 10px;
	margin-right: 15px;
}
.newsHeadBottom {
	margin-top: 0px;
	font-style: italic;
	float: left;
}
.newsBackButton {
	float: right;	
}
.clearBoth {
	clear: both;	
}
#mainMiddleWrapper #middleContentWrapper #mainContentWrapper #mainContentWrapperRight .newsRight h3 {
	color: #fcb53e;
}

/* left menu styling */

#leftMenuWrapper {
	width: 180px;
	margin-top: 70px;
}
#leftMenuWrapperTop {
	width: 180px;
	height: 20px;
	background-image: url(images/hh2LeftMenuTop.png);
}
#leftMenuWrapperMiddle {
	padding-top: 1px;
	padding-bottom: 1px;
	width: 180px;
	background-image: url(images/hh2LeftMenuMiddle.png);
	background-repeat: repeat-y;	
}
#leftMenuWrapperBottom {
	background-image: url(images/hh2LeftMenuBottom.png);
	height: 20px;
	width: 180px;	
}
#mainMiddleWrapper #middleContentWrapper #mainContentWrapper #mainContentWrapperLeft #leftMenuWrapper #leftMenuWrapperMiddle p {
	margin: 10px 20px 10px 20px;
}
#mainMiddleWrapper #middleContentWrapper #mainContentWrapper #mainContentWrapperLeft #leftMenuWrapper #leftMenuWrapperMiddle .topMenu {
	margin-top: 0px;
}
#mainMiddleWrapper #middleContentWrapper #mainContentWrapper #mainContentWrapperLeft #leftMenuWrapper #leftMenuWrapperMiddle .bottomMenu {
	margin-bottom: 0px;
}

/* demonstration page styles */

#content {
	margin-left: 50px;
	margin-right: 49px;
}
#demoFormTable {
	margin-left: auto;
	margin-right: auto;
	width: 300px;
}
#mainMiddleWrapper #middleContentWrapper #mainContentWrapper div .demoText {
	margin-left: 150px;
	margin-right: 150px;
}

/* styling for contact page */

#mainContentWrapperLeftContact {
	float: left;
	margin-right: 25px;
	margin-left: 50px;
	width: 520px;
	min-height: 600px;
}
#mainContentWrapperRightContact {
	float: left;
	width: 250px;
	margin-right: 50px;
}
#mainMiddleWrapper #middleContentWrapper #mainContentWrapper #mainContentWrapperRightContact p, #mainMiddleWrapper #middleContentWrapper #mainContentWrapper #mainContentWrapperRightContact h1, #mainMiddleWrapper #middleContentWrapper #mainContentWrapper #mainContentWrapperRightContact h3 {
	margin-left: 0px;	
}

/* minimum height class */

.minimumHeight {
	min-height: 600px;	
}

/* styling for partners pages */

.partnerRegister {
	margin-left: 0px;
	margin-right: 0px;
}
.partnerRegisterButton {
	width: 102px;
	margin-right: 0px;
}
.leftMargin {
	margin-left: 50px;
}
#mainMiddleWrapper #middleContentWrapper #mainContentWrapper #mainContentWrapperRight #partnersRight h1 {
	text-align: left;		
}
.partnersBackButton02 {
	width: 796px;
	padding-bottom: 1px;
	margin-bottom: 20px;
	text-align: right;
}
.partnersBackButton {
	width: 290px;
	margin-left: 20px;
	text-align: right;
}
#mainContentWrapperLeftPartners {
	float: left;
	margin-right: 25px;
	margin-top: 15px;
	width: 250px;
}
#mainContentWrapperLeftPartners p {
	margin-left: 50px;
	text-align: left;
}
#mainContentWrapperRightPartners {
	margin-top: 0px;
	float: right;
	width: 624px;
}
#mainContentWrapperRightPartners h2 {
	margin-left: 50px;
}
.partnersLeft {
	float: left;
	width: 200px;
	padding-top: 50px;
}
.partnersRight {
	float: left;
	width: 290px;
	margin-left: 20px;
}
.partnersSmallDisplayLeft {
	margin-top: 20px;
	margin-left: 25px;
	float: left;
	width: 125px;
}
.partnersSmallDisplayRight {
	margin-top: 30px;
	float: left;
	width: 290px;
	margin-left: 20px;
}

/* styling for the information kit */

.ikLeft {
	float: left;
	width: 250px;
	margin-left: 15px;
}
.ikRight {
	float: left;
	width: 200px;
	margin-left: 10px;
	text-align: right;
}
#mainMiddleWrapper #middleContentWrapper #mainContentWrapper #mainContentWrapperRight .ikLeft p, #mainMiddleWrapper #middleContentWrapper #mainContentWrapper #mainContentWrapperRight .ikRight p {
	margin: 0px 0px 5px 0px;
}

/* styling for case study pages */

.csHeadBottom {
	margin-top: 0px;
	float: left;
}
.csBackButton {
	float: right;	
}

/* styling for form on eula pages */

#eulaFormLeft {
	float: left;
	margin-left: 50px;
	width: 400px;
}
#eulaFormRight {
	float: left;
	width: 249px;
}