body {
    background-color: rgb(235, 235, 235);
    color: black
}

.bpui_progressbar_portionComplete {
   background: white !important;
}
.bpui_progressbar_portionRemaining {
   background: lightgrey !important;
}
.bpui_progressbar_percentageText {
  color: black;
  font-size: 14px;
  font-weight: bold;
}
.bpui_progressbar_barArea {
   height: 14px !important;
}

.Button{
    font-family: Verdana,Arial,Helvetica,sans-serif; 
    font-size: 10px; 
    height: 20px; 
    width: 100px
}

.Button_Back{
   background-image: url(resources/back.GIF); 
   background-position: 0px; 
   background-repeat: no-repeat; 
   font-family: Verdana,Arial,Helvetica,sans-serif; 
   font-size: 10px; 
   font-weight: bold; 
   left: 0px; 
   top: 40px; 
   position: absolute; 
   width: 99px; 
}


.Textfield{
    height: 15px;    
    font-family: Verdana,Arial,Helvetica,sans-serif; 
    font-size: 10px
}

.Label{
    height: 15px;
    font-family: Verdana,Arial,Helvetica,sans-serif; 
    font-size: 10px
}


.Combobox{
    height: 20px;
    font-family: Verdana,Arial,Helvetica,sans-serif; 
    font-size: 10px
}


.Page-Panel-Home{
   left: 0px; 
   top: 40px; 
   position: absolute; 
   width: 100%
}

.Page-Panel-View{
   left: 0px; 
   top: 100px; 
   position: absolute; 
   width: 100%
}

.Page-Panel-Config{
   left: 200px; 
   top: 65px; 
   position: absolute; 
   width: 73%
}

/* Style rules to make data tables look better */
/* 
*/

.Page-Header-Image{
    left: 50px; 
    top: 20px; 
    position: absolute
}

.Page-Header{
   background-image: url(title_gradient.jpg);
   color: #666666;
   font-family: Verdana,Arial,Helvetica,sans-serif;
   font-size: 19px;
   font-style: normal;
   font-weight: normal;
   left: 0px;
   position: absolute;
   top: 3px;
   width: 100%
}
.Page-Header-Float{
    font-style: normal; 
    color: #666666; 
    font-size: 19px; 
    font-family: Verdana,Arial,Helvetica,sans-serif; 
    font-weight: normal; 
}
.Page-Header-1{
    font-style: normal; 
    left: 100px; 
    color: #666666; 
    position: absolute; 
    font-size: 15px; 
    font-family: Verdana,Arial,Helvetica,sans-serif; 
    font-weight: bold; 
    top: 60px; 
    /*width: 80%; 
    border-bottom: 1px solid #999999*/
}

.Page-Separator{
    font-style: normal; 
    color: #666666; 
    font-size: 16px; 
    font-family: Verdana,Arial,Helvetica,sans-serif; 
    font-weight: bold; 
    width: 80%; 
    border-bottom: 1px solid #999999
}

.Page-Search-Button{
    height: 25px; 
    font-family: Verdana,Arial,Helvetica,sans-serif; 
    font-size: 11px;
    width: 150px;
}

.Page-Cancel-Button{
    height: 25px; 
    position: absolute; 
    bottom: 10%; 
    width: 150px; 
    left: 50px;
    font-size: 11px; 
    font-family: Verdana,Arial,Helvetica,sans-serif; 
}

.Page-Previous-Button{
    height: 25px; 
    position: absolute; 
    top: 77%;  
    width: 150px; 
    left: 150px;
    font-size: 11px; 
    font-family: Verdana,Arial,Helvetica,sans-serif; 
}

.Page-Next-Button{
    height: 25px; 
    position: absolute; 
    top: 77%; 
    width: 150px; 
    left: 400px;
    font-size: 11px; 
    font-family: Verdana,Arial,Helvetica,sans-serif; 
}


.Page-Action-Button{
    height: 25px; 
    position: absolute; 
    bottom: 10%; 
    width: 150px; 
    left: 250px;
    font-size: 11px; 
    font-family: Verdana,Arial,Helvetica,sans-serif; 
}

.Page-Exit-Button{
    position: absolute; 
    left: 90%; 
    top: 5px
}
.Link-1{
    font-style: normal; 
    color: #666666; 
    font-size: 14px; 
    font-family: Verdana,Arial,Helvetica,sans-serif; 
    font-weight: bold; 
    /*width: 50%; */
}
.Statusbar{
    height: 19px; 
    position: absolute; 
    width: 85%; 
    left: 100px; 
    top: 94%; 
    border-top: 1px solid gray
}

.Navigation-Path{
    height: 90%; 
    position: absolute; 
    width: 160px;
    /*background-color: rgb(153, 153, 153); */
    left: 0px; 
    top: 40px; 
    /*text-align: center*/
}

.Navigation-Path-Label{
    color: #EEEEEE;
    font-family: Verdana,Arial,Helvetica,sans-serif; 
    font-size: 9px;
    width: 160px;
}

.Errorbar{
    height: 19px; 
    position: absolute; 
    width: 75%; 
    top: 94%; 
    left: 250px
}

.Table-Column-Names{
    font-family: Verdana,Arial,Helvetica,sans-serif; 
    font-weight: bold; 
    font-size: 12px;
}

.Table-Entry-LinkAction{
    font-style: normal; 
    color: #666666; 
    font-size: 15px; 
    font-family: Verdana,Arial,Helvetica,sans-serif; 
    font-weight: bold; 
}

.Table-Navigation{
    color: rgb(102, 102, 102); 
    font-family: Verdana,Arial,Helvetica,sans-serif; 
    font-size: 10px;
}

.TabButton{
    border-left-style: groove; 
    border-right-style: groove; 
    border-top-style: groove; 
    border-bottom-style: groove; 
    border-width: 1px; 
    height: 25px;
    background-color: #F3F2F0;
}

.list-header {
    font-size: larger;
    font-weight: bold;
    background-color: #DADADA;
}

.list-paging-header {
    background-color: #DADADA;
    font-size: large;
    font-weight: bold;
}

.list-paging-footer {
    background-color: #DADADA;
    font-size: large;
    font-weight: bold;
}

.list-row-even { 
    /*background-color: #DADADA;*/
}

.list-row-odd { 
    background-color: #DADADA;
}


.MessageList{
    height: 19px; 
    position: absolute; 
    width: 80%; 
    top: 94%; 
    left: 200px; 
    border-top: 1px solid #999999
}
/* Style rules for message severity levels */

.infoMessage {
  color: #000000;
  font-family: Verdana,Arial,Helvetica,sans-serif; 
  font-size: 10px;
}

.warnMessage {
  color: #000000;
  font-family: Verdana,Arial,Helvetica,sans-serif; 
  font-size: 10px;
  font-style: italic;
  font-weight: bold;
}

.errorMessage {
  color: red;
  font-family: Verdana,Arial,Helvetica,sans-serif; 
  font-size: 10px;
}

.fatalMessage {
  color: red;
  font-family: Verdana,Arial,Helvetica,sans-serif; 
  font-size: 10px;
  font-style: italic;
  font-weight: bold;
}