@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;
	color: #fcb53e;
	text-align: left;
}
h2 {
	color: #747679;
	font-size: 18px;
}
h3 {
	color: #747679;
}
p {
	color: #202020;
}

#headerWrapper {
	width: 911px;
	margin-right: auto;
	margin-left: auto;
	height: 76px;
}
#buttonWrapper {
	padding-top: 19px;
	height: 57px;
	width: 899px;
	margin-left: 7px;
}
#indPageLinks {
	padding-top: 10px;
	background-image: url(images/grayLinkBG.jpg);
	background-repeat: no-repeat;
	width: 899px;
	height: 54px;
}
#breadCrumbWrapper {
	margin-left: 30px;
	font-size: 10px;
	color: #747679;
	height: 20px;
}
#breadCrumbWrapper a.breadCrumb {
	font-weight:bold;
	color: #e69d3e;
	text-decoration: none;
}
#pageTitle {
	float: left;
	padding-left: 30px;
	padding-top: 7px;
}
#pageLinks {
	float: right;
	padding-right: 30px;
	padding-top: 6px;
}
#pageLinks p {
	margin: 0px;
	font-family: Lucida Sans Unicode, Lucida Grande, sans serif;
	font-weight: bold;
	color: #505050;
	font-size: 12px;
}
#mainContentWrapper {
	background-color: #FFF;
	width: 899px;
	background-image: url(images/dbiDivBGBottom.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
}
#mainContentWrapperLeft {
	float: left;
	padding-right: 25px;
	padding-left: 50px;
	width: 150px;
	min-height: 600px;
}
.remotePayrollLBG 
{
    background-image: url(images/remotePayrollLeftBGImage.jpg);
    background-repeat: no-repeat;
}
#mainContentWrapperRight {
	float: right;
	width: 520px;
	padding-right: 50px;
}
#mainContentHomeLeft {
	float: left;
	padding-top: 1px;
	width: 385px;
	margin-left: 50px;
	margin-right: 25px;
}
#mainContentHomeRight {
	float: left;
	padding-top: 1px;
	width: 385px;
}

#mainContentHomeRight p, #mainContentHomeRight h1, #mainContentHomeRight h3 {
	margin-left: 0px;
	margin-right: 0px;
}
#mainContentHomeLeft p, #mainContentHomeLeft h1, #mainContentHomeLeft h3 {
	margin-left: 0px;
	margin-right: 0px;
}
#mainContentWrapperRight p, #mainContentWrapperRight h1, #mainContentWrapperRight h3 {
	margin-left: 0px;
	margin-right: 0px;
}
#mainContentWrapperRight table strong {
	color: #747679;
}
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;
}

#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: 5px;
	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;
}
#MenuBar2 li #menuBarButton01 {
	background-image: url(images/dbiButton01Home.jpg);
	background-repeat: no-repeat;
}
#MenuBar2 li #menuBarButton02 {
	background-image: url(images/dbiButton02Services.jpg);
	background-repeat: no-repeat;
}
#MenuBar2 li #menuBarButton03 {
	background-image: url(images/dbiButton03Partners.jpg);
	background-repeat: no-repeat;
}
#MenuBar2 li #menuBarButton04 {
	background-image: url(images/dbiButton04AboutUs.jpg);
	background-repeat: no-repeat;
}
#MenuBar2 li #menuBarButton05 {
	background-image: url(images/dbiButton05Support.jpg);
	background-repeat: no-repeat;
}
#MenuBar2 li #menuBarButton06 {
	background-image: url(images/dbiButton06Employment.jpg);
	background-repeat: no-repeat;
}
#MenuBar2 li #menuBarButton07 {
	background-image: url(images/dbiButton07Contact.jpg);
	background-repeat: no-repeat;
}
#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;
}
#mainContentWrapperRight .faqParagraphText a {
	color: #39547f;
	font-weight: normal;
}
#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;	
}
#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;	
}
#leftMenuWrapperMiddle p {
	margin: 10px 20px 10px 20px;
}
#leftMenuWrapperMiddle .topMenu {
	margin-top: 0px;
}
#leftMenuWrapperMiddle .bottomMenu {
	margin-bottom: 0px;
}

/* demonstration page styles */

#content {
	margin-left: 50px;
	margin-right: 49px;
}
#demoFormTable {
	margin-left: auto;
	margin-right: auto;
	width: 300px;
}
#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;
}
#mainContentWrapperRightContact p, #mainContentWrapperRightContact h1, #mainContentWrapperRightContact h3 {
	margin-left: 0px;	
}

/* minimum height class */

.minimumHeight {
	min-height: 600px;
	margin: 0px 50px 0px 50px;
}

/* styling for partners pages */

.partnerRegister {
	margin-left: 0px;
	margin-right: 0px;
}
.partnerRegisterButton {
	width: 102px;
	margin-right: 0px;
}
.leftMargin {
	margin-left: 50px;
}
#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;
	padding: 0px 50px;
	margin-top: 15px;
	width: 225px;
}
#mainContentWrapperLeftPartners p {
	text-align: left;
}
#mainContentWrapperRightPartners {
	margin-top: 0px;
	padding: 0px 50px 0px 0px;
	float: right;
	width: 524px;
}
.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;
}
#mainContentWrapperRight .ikLeft p, #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;
}
/* new styling for pages */

#fullWidth {
	width: 799px;
	padding: 0px 0px 0px 50px;
}
#halfWidthLeft {
	float: left;
	width: 375px;
	padding: 0px 25px 0px 50px;
}
#halfWidthRight {
	float: right;
	width: 375px;
	padding: 0px 50px 0px 0px;
}
.widthText {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 13px;
	line-height: 21px;
	text-align: left;
}

/* weekly demonstration styling */

#weeklyDemo {
	background-image: url(images/weeklyDemoBG.png);
	background-repeat: no-repeat;
	width: 899px;
	height: 34px;
	padding: 0px 0px 15px 0px;
}
#weeklyDemo p {
	padding: 8px 0px 0px 0px;
	width: 899px;
	text-align: center;
	margin: 0px;
}
.grayBold {
	color: #202020;
	font-weight: bold;
}
.goldBold {
	color: #fcb53e;
	font-weight: bold;
}

/* background images */

#serviceDemoBG {
	background-image: url(images/servicesDemoBG.png);
	background-repeat: no-repeat;
}
#bgRPProductSheet {
	background-image: url(images/bgDownloadRPPS.gif);
	background-repeat: no-repeat;
	margin-top: -20px;
	padding-top: 20px;
}
#bgFSHome01 {
	background-image: url(images/bgFieldServiceHome01.jpg);
	background-repeat: no-repeat;
	background-position: 50px 75px;
}
#bgRPHome01 {
	background-image: url(images/bgFieldServiceHome01.jpg);
	background-repeat: no-repeat;
	background-position: 50px 75px;
}

/* jQuery overlay styling */

.apple_overlay {
	display:none;
	background-image:url(/images/overlay/white.png);
	padding:35px;
	width: 850px;
	font-size:11px;
}

/* default close button positioned on upper right corner */
.apple_overlay .close {
	background-image:url(/images/overlay/closeYellow.png);
	position:absolute; right:10px; top:10px;
	cursor:pointer;
	height:35px;
	width:35px;
}

div.apple_overlay.black {
	background-image:url(http://static.flowplayer.org/tools/img/overlay/transparent.png);		
	color:#fff;
}
	
div.black h2 {
	color:#fff;
}
	
#triggers {
}
	
#triggers img {
	background-color:#fff;		
	cursor:pointer;
}
.apple_overlay #content {
	margin: 0px;
}

#centerFlash {
	width: 850px;
	margin: 0px auto 0px auto;
	border: solid thin #000;
	display: none;
}

#centerQT {
	width: 641px;
	margin: 0px auto 0px auto;
	border: solid thin #000;
	display: none;
}