HTML {
  margin:0;
  padding:0;
  height:100%;
  width:100%;
}

* {
  font-family: arial;
  font-size:10pt;
  font-weight:normal;
  color:#666666;
}

BODY {
  margin:0;
  padding:0;
  height:100%;
  width:100%;
}

.bodyStyle {
  background-color: #444444;
  background-image:url('../bitmaps/BPS_bodyBackground.jpg'); 
  background-repeat:both; 
  background-position:top left;
  text-align:top;
  }

.bodyTable {
  width: 100%;
  height:100%;
  margin:0px;
  text-align:top;
}

.mainTable {
  width:950px;
  height:450px;
  border-style:solid;
  border-color:#AAAAAA;
  border-width:1px;
  background-color:#FFFFFF;
  padding:0px;
  margin:0px;
  margin-top:20px;
}

.contentArea {
  width:550px;
  background-image:url('../bitmaps/contentBackground.jpg'); 
  background-repeat:repeat-x; 
  background-position:top left;
}

.footer {
  font-size:8pt;
  color:#AAAAAA;
  padding-right:4px;
  padding-bottom:2px;
}

.taskList {
  width:890px;
  border-style:solid;
  border-color:#AAAAAA;
  border-width:1px;
  background-color:#FFFFFF;
  padding:0px;
  margin:0px;
}

.taskFirstRow {
  height:25px;
  width:100%;
  background-image:url('../bitmaps/BPS_firstRow.jpg'); 
  background-repeat:no-repeat; 
  background-position:top left;
}

.taskFirstRowTitle {
  color:#FFFFFF;
  font-weight:bold;
  padding-left:10px;
}

.taskFirstRowTitle nobr {
  color:#FFFFFF;
  font-weight:bold;
}

.taskRowTable {
  width:100%;
}

.taskRowClosed {
  width:100%;
}

.taskRowOpen {
  width:100%;
}

.taskRowClosed .taskRowHeader {
  display:;
}

.taskRowClosed .taskRowContent {
  display:none;
}

.taskRowOpen .taskRowHeader {
  display:none;
}

.taskRowOpen .taskRowContent {
  display:;
}

.taskTitleRowTable {
  width:100%;
}

.taskTitleRowTable tr {
  background-image:url('../bitmaps/BPS_listTitleOut.jpg'); 
  background-repeat:no-repeat; 
  background-position:top left;
  cursor: pointer;
}

.taskTitleRowTable tr:hover {
  background-image:url('../bitmaps/BPS_listTitleOver.jpg'); 
}






.taskIcon {
  width:26px;
  padding:2px;
  margin:0px;
}

.taskTitle {
  padding:2px;
  margin:0px;
  font-weight:bold;
  color:#666666;
}

.taskTools {
  width:26px;
  padding-right:2px;
  padding-left:2px;
  margin:0px;
}

.taskStatus {
  width:26px;
  padding-right:2px;
  padding-left:2px;
  margin:0px;
}

.taskAttachment {
  text-align:left;
  padding-left:10px;
  padding-bottom:5px;
}

.taskAcceptance {
  width:26px;
  padding-right:2px;
  padding-left:2px;
  margin:0px;
}

.attachmentFrameTopLeft {
  width:48px;
  background-image:url('../bitmaps/BPS_attachmentFrameTopLeft.jpg'); 
  background-repeat:no-repeat; 
  background-position:top left;  
}

.attachmentFrameTopCenter {
  padding-top:13px;
  padding-bottom:5px;
  background-image:url('../bitmaps/BPS_attachmentFrameTopCenter.jpg'); 
  background-repeat:repeat-x; 
  background-position:top left;  
}

.attachmentFrameTopRight {
  width:20px;
  background-image:url('../bitmaps/BPS_attachmentFrameTopRight.jpg'); 
  background-repeat:no-repeat; 
  background-position:top left;  
}

.attachmentFrameBottomLeft {
  width:48px;
  height:20px;
  background-image:url('../bitmaps/BPS_attachmentFrameBottomLeft.jpg'); 
  background-repeat:no-repeat; 
  background-position:top left;  
}

.attachmentFrameBottomCenter {
  height:20px;
  background-image:url('../bitmaps/BPS_attachmentFrameBottomCenter.jpg'); 
  background-repeat:repeat-x; 
  background-position:top left;  
}

.attachmentFrameBottomRight {
  width:20px;
  height:20px;
  background-image:url('../bitmaps/BPS_attachmentFrameBottomRight.jpg'); 
  background-repeat:no-repeat; 
  background-position:top left;  
}











.topLogo {
  height: 120px;
  background-image:url('../bitmaps/BPS_logoBackground.jpg'); 
  background-repeat:repeat-x; 
  background-position:top left;
}

.BPSTabs {
  border-style:none; 
  padding:0px;
  height:40px;
  background-image:url('../bitmaps/BPS_TabsBackground.jpg'); 
  background-repeat:repeat-x;
  background-position:top left;
}

.BPSSpacerLeft {
  height:40px;
  width:22px;
  background-image:url('../bitmaps/BPS_TabsSpacerLeft.jpg'); 
  background-repeat:no-repeat;
  background-position:top left;
}

.BPSTabLeftActive {
  height:40px;
  width:6px;
  background-image:url('../bitmaps/BPS_TabsLeftActive.jpg'); 
  background-repeat:no-repeat;
  background-position:top left;
}

.BPSTabCenterActive {
  vertical-align:top;
  height:32px;
  width:10px;
  padding-top:8px;
  padding-left:5px;
  padding-right:5px;
  background-image:url('../bitmaps/BPS_TabsCenterActive.jpg'); 
  background-repeat:repeat-x;
  background-position:top left;
  white-space: nowrap;
}

.BPSTabRightActive {
  height:40px;
  width:6px;
  background-image:url('../bitmaps/BPS_TabsRightActive.jpg'); 
  background-repeat:no-repeat;
  background-position:top left;
}

.BPSTabLeftOut {
  height:40px;
  width:6px;
  background-image:url('../bitmaps/BPS_TabsLeftOut.jpg'); 
  background-repeat:no-repeat;
  background-position:top left;
}

.BPSTabCenterOut {
  vertical-align:top;
  height:32px;
  width:10px;
  padding-top:8px;
  padding-left:5px;
  padding-right:5px;
  background-image:url('../bitmaps/BPS_TabsCenterOut.jpg'); 
  background-repeat:repeat-x;
  background-position:top left;
  white-space: nowrap;
}

.BPSTabCenterOut a {
  white-space: nowrap;
  text-decoration:none;
  color:#666666;
}

.BPSTabCenterOver {
  vertical-align:top;
  height:32px;
  width:10px;
  padding-top:8px;
  padding-left:5px;
  padding-right:5px;
  background-image:url('../bitmaps/BPS_TabsCenterOver.jpg'); 
  background-repeat:repeat-x;
  background-position:top left;
  white-space: nowrap;
}

.BPSTabCenterOver a {
  white-space: nowrap;
  text-decoration:none;
  color:#000000;
}

.BPSTabRightOut {
  height:40px;
  width:6px;
  background-image:url('../bitmaps/BPS_TabsRightOut.jpg'); 
  background-repeat:no-repeat;
  background-position:top left;
}

.BPSSpacerRight {
  height:40px;
  width:150px;
  background-image:url('../bitmaps/BPS_TabsSpacerRight.jpg'); 
  background-repeat:no-repeat;
  background-position:top left;
}



/* Login */

.BPSLoginBoxTable {
  height:200px;
  width:350px;
  background-image:url('../bitmaps/BPS_loginBox.jpg'); 
  background-repeat:no-repeat;
  background-position:top left;
  margin-left:300px;
}

.BPSLoginBoxTitle {
  height:21px;
  padding-top:17px;
  padding-bottom:28px;
  padding-left:30px;
  font-weight:bold;
  color:#FFFFFF;
}

.BPSLoginBoxLabel {
  padding-bottom:12px;
  padding-left:70px;
  font-weight:bold;
  color:#666666;
}

.BPSLoginBoxInput {
  padding-bottom:12px;
  padding-left:10px;
}

.BPSLoginBoxFormfield {
  width:120px;
  margin-right:8px;
}

.BPSLoginButtonOut {
  height:40px;
  width:73px;
  padding-left:47px;
  background-image:url('../bitmaps/BPS_loginButtonOut.jpg'); 
  background-repeat:no-repeat;
  background-position:top right;
  font-weight:bold;
  color:#666666;
  cursor:pointer;
}

.BPSLoginButtonOver {
  height:39px;
  width:72px;
  padding-left:48px;
  padding-top:1px;
  background-image:url('../bitmaps/BPS_loginButtonOver.jpg'); 
  background-repeat:no-repeat;
  background-position:top right;
  font-weight:bold;
  color:#333333;
  cursor:pointer;
}

.BPSLoginAttentionMessage {
  height:20px;
  width:350px;
  background-image:url('../bitmaps/BPS_messageAttention.png'); 
  background-repeat:no-repeat;
  background-position:top left;
  margin-left:300px;
  padding-left:25px;
  padding-top:2px;
}

/* Password Creator */

.BPSPasswordCreatorBoxTable {
  height:200px;
  width:450px;
  background-image:url('../bitmaps/BPS_passwordCreatorBox.jpg'); 
  background-repeat:no-repeat;
  background-position:top left;
  margin-left:250px;
}


.invoiceRowTable {
  width:100%;
}

.invoiceRowTable tr {
  background-image:url('../bitmaps/BPS_listTitleOut.jpg'); 
  background-repeat:no-repeat; 
  background-position:top left;
}

.createNewInvoice {
  width:100%;
  background-image:url('../bitmaps/BPS_backendNewInivoiceBG.jpg'); 
  background-repeat:no-repeat; 
  background-position:top left;
}

.createNewInvoice tr {

}

.createNewInvoice tr td {
  padding-top:5px;
  padding-bottom:5px;
}

.editInvoice {
  width:100%;
  background-image:url('../bitmaps/BPS_backendEditInivoiceBG.jpg'); 
  background-repeat:no-repeat; 
  background-position:top left;
}

.editInvoice tr {

}

.editInvoice tr td {
  padding-top:5px;
  padding-bottom:5px;
}



.addProjectStep {
  background-image:url('../bitmaps/BPS_backendAddStepBG.jpg');
  background-repeat:no-repeat; 
  background-position:top left;
  padding-left:40px;
  padding-right:5px;
  width:100%;
}

.addProjectStep tr {
  background-image:none !important;
}

.addProjectStep tr td {
  padding-top:5px;
  padding-bottom:5px;
}





.editClient {
  width:100%;
  background-image:url('../bitmaps/BPS_backendEditInivoiceBG.jpg'); 
  background-repeat:no-repeat; 
  background-position:top left;
}

.editClient tr {

}

.editClient tr td {
  padding-top:5px;
  padding-bottom:5px;
}

.detailClient {
  width:100%;
  background-image:url('../bitmaps/BPS_backendDetailProjectBG.jpg'); 
  background-repeat:no-repeat; 
  background-position:top left;
}

.detailClient tr {

}

.detailClient tr td {
  padding-top:5px;
  padding-bottom:5px;
}


.BPStinyButton {
  width:55px; 
  height:12px; 
  padding:2px;
  margin-right:10px;
  margin-top:2px;
  background-color:#EEEEEE; 
  border-style:solid; 
  border-width:1px; 
  border-color:#CCCCCC; 
  font-size:8pt;
  cursor:pointer;
  float:right;
}


.BPSdropdown {
  width:150px;
  height:22px;
}

.BPSinputfield {
  width:150px;
  height:22px;
}

.BPSdropdownDay {
  width:40px;
  height:22px;
  margin:0px;
  margin-right:5px;
}

.BPSdropdownMonth {
  width:40px;
  height:22px;
  margin:0px;
  margin-right:5px;
}

.BPSdropdownYear {
  width:60px;
  margin:0px;
  height:22px;
}

.BPSFormButtonOut {
  height:40px;
  width:123px;
  padding-left:57px;
  background-image:url('../bitmaps/BPS_formButtonOut.jpg'); 
  background-repeat:no-repeat;
  background-position:top right;
  font-weight:bold;
  color:#666666;
  cursor:pointer;
}

.BPSFormButtonOver {
  height:39px;
  width:122px;
  padding-left:58px;
  padding-top:1px;
  background-image:url('../bitmaps/BPS_formButtonOver.jpg'); 
  background-repeat:no-repeat;
  background-position:top right;
  font-weight:bold;
  color:#333333;
  cursor:pointer;
}

.BPSButtonOut {
  height:28px;
  width:170px;
  padding-top: 12px;
  background-image:url('../bitmaps/BPS_formButtonOut.jpg'); 
  background-repeat:no-repeat;
  background-position:top right;
  text-align:center;
  font-weight:bold;
  color:#666666;
  cursor:pointer;
  float:left;
}

.BPSButtonOver {
  height:27px;
  width:169px;
  padding-left:1px;
  padding-top:13px;
  background-image:url('../bitmaps/BPS_formButtonOver.jpg'); 
  background-repeat:no-repeat;
  background-position:top right;
  text-align:center;
  font-weight:bold;
  color:#333333;
  cursor:pointer;
  float:left;
}



.mainContent {
  padding-left:30px;
  padding-right:30px;
  padding-top:15px;
}

h1 {
  color:#406D77;
  font-weight:normal;
  font-size:15pt;
  height:20px;
  margin-bottom:10px;
}

h2 {
  color:#406D77;
  font-weight:bold;
  font-size:11pt;
  height:14px;
  margin-bottom:0px;
}

h3 {
  color:#406D77;
  font-weight:bold;
  font-size:10pt;
  height:12px;
  margin-bottom:0px;
}

b {
  font-weight:bold;
}

p {
}

.boxTopLeft {
  background-color: #FFFFFF;
  background-image:url('../bitmaps/cornerTopLeft.jpg'); 
  background-repeat:no-repeat; 
  background-position:top left;
  padding:0px;
  width:20px;
  height:20px;
}

.boxTopMiddle {
  background-color: #FFFFFF;
  background-image:url('../bitmaps/cornerTopMiddle.jpg'); 
  background-repeat:repeat-x; 
  background-position:top left;
  padding:0px;
  width:100%;
  height:20px;
}

.boxTopRight {
  background-color: #FFFFFF;
  background-image:url('../bitmaps/cornerTopRight.jpg'); 
  background-repeat:no-repeat; 
  background-position:top right;
  padding:0px;
  width:20px;
  height:20px;
}

.boxMiddleLeft {
  background-color: #FFFFFF;
  background-image:url('../bitmaps/cornerMiddleLeft.jpg'); 
  background-repeat:repeat-y; 
  background-position:top left;
  padding:0px;
  width:20px;
  height:100%;
}

.boxMiddleMiddle {
  padding-top:10px;
  padding-left:10px;
  padding-right:10px;
  padding-bottom:10px;
}

.boxMiddleRight {
  background-color: #FFFFFF;
  background-image:url('../bitmaps/cornerMiddleRight.jpg'); 
  background-repeat:repeat-y; 
  background-position:top right;
  padding:0px;
  width:20px;
  height:100%;
}

.boxBottomLeft {
  background-color: #FFFFFF;
  background-image:url('../bitmaps/cornerBottomLeft.jpg'); 
  background-repeat:no-repeat; 
  background-position:bottom left;
  padding:0px;
  width:20px;
  height:20px;
}

.boxBottomMiddle {
  background-color: #FFFFFF;
  background-image:url('../bitmaps/cornerBottomMiddle.jpg'); 
  background-repeat:repeat-x; 
  background-position:bottom left;
  padding:0px;
  width:100%;
  height:20px;
}

.boxBottomRight {
  background-color: #FFFFFF;
  background-image:url('../bitmaps/cornerBottomRight.jpg'); 
  background-repeat:no-repeat; 
  background-position:bottom right;
  padding:0px;
  width:20px;
  height:20px;
}













.beTableTitleRow {
  height:25px;
  width:100%;
  background-image:url('../bitmaps/BPS_backendTablesTitleRow.jpg'); 
  background-repeat:no-repeat; 
  background-position:top left;
}

.beTableTitleRowText {
  color:#FFFFFF;
  font-weight:bold;
  padding-left:10px;
}

.beTableTitleRowText nobr {
  color:#FFFFFF;
  font-weight:bold;
}

.beTableSubTitleRow {
  height:25px;
  width:100%;
  background-image:url('../bitmaps/BPS_backendTablesSubTitleRow.jpg'); 
  background-repeat:no-repeat; 
  background-position:top left;
}

.beTableSubTitleRowText {
  color:#FFFFFF;
  font-weight:bold;
  padding-left:10px;
}

.beTableSubTitleRowText nobr {
  color:#FFFFFF;
  font-weight:bold;
}

.beContentSubEdit {
  background-image:url('../bitmaps/BPS_backendEditBG.jpg');
  background-repeat:no-repeat; 
  background-position:top left;
  padding-left:40px;
  padding-right:5px;
  width:100%;
}

.beContentSubEdit tr {
  background-image:none !important;
}

.beContentSubEdit tr td {
  padding-top:5px;
  padding-bottom:5px;
}

.beContentSubView {
  background-image:url('../bitmaps/BPS_backendViewBG.jpg');
  background-repeat:no-repeat; 
  background-position:top left;
  padding-left:40px;
  padding-right:5px;
  width:100%;
}

.beContentSubView tr {
  background-image:none !important;
}

.beContentSubView tr td {
  padding-top:5px;
  padding-bottom:5px;
}

.beContentSubAttachments {
  background-image:url('../bitmaps/BPS_backendAttachmentsBG.jpg');
  background-repeat:no-repeat; 
  background-position:top left;
  padding-left:40px;
  padding-right:5px;
  width:100%;
}

.beContentSubAttachments tr {
  background-image:none !important;
}

.beContentSubAttachments tr td {
  padding-top:5px;
  padding-bottom:5px;
}

.beProjectSingeViewStepsTd {
  background-image:url('../bitmaps/BPS_backendStepsBG.jpg');
  background-repeat:no-repeat; 
  background-position:top left;
  padding-left:40px;
  padding-right:5px;
}

.beProjectSingeViewSteps {
  width:100%;
}

.beProjectSingeViewSteps tr {
  background-image:none !important;
}

.beProjectSingeViewSteps tr td {
  padding-top:5px;
  padding-bottom:5px;
}

.beProjectSingeViewDataTd {
  background-image:url('../bitmaps/BPS_backendDetailProjectBG.jpg');
  background-repeat:no-repeat; 
  background-position:top left;
  padding-left:40px;
  padding-right:5px;
}

.beProjectSingeViewData {
  width:100%;
}

.beProjectSingeViewData tr {
  background-image:none !important;
}

.beProjectSingeViewData tr td {
  padding-top:5px;
  padding-bottom:5px;
}

.beServerStatus {
  width:605px;
  height:25px;
}

.bePageStatusTd {
  width:500px;
  padding:0px;
  background-image:url('../bitmaps/BPS_pageDown.jpg');
  background-repeat:no-repeat; 
  background-position:top left;
}

.bePageStatusDiv {
  width:490px;
  height:23px;
  padding-top:2px;
  padding-left:10px;
  margin:0px;
  font-weight:bold;
  font-size:10pt;
  color:#666666;
  background-repeat:no-repeat; 
  background-position:top left;
}

.bePHPStatusTd {
  width:100px;
  padding:0px;
  background-image:url('../bitmaps/BPS_phpDown.jpg');
  background-repeat:no-repeat; 
  background-position:top left;
}

.bePHPStatusDiv {
  width:100px;
  padding-top:2px;
  height:23px;
  margin:0px;
  background-repeat:no-repeat; 
  background-position:top left;
}

.beTYPO3StatusTd {
  width:120px;
  padding:0px;
  background-image:url('../bitmaps/BPS_typo3Down.jpg');
  background-repeat:no-repeat; 
  background-position:top left;
}

.beNoTYPO3StatusTd {
  width:120px;
  padding:0px;
  background-image:url('../bitmaps/BPS_typo3None.jpg');
  background-repeat:no-repeat; 
  background-position:top left;
}

.beTYPO3StatusDiv {
  width:120px;
  padding-top:2px;
  height:23px;
  margin:0px;
  background-repeat:no-repeat; 
  background-position:top left;
}