Rebuild the complete interface to use ajax.

tbrehm

2007-03-17 cf71a4677eff547c9cedeb1871fc109ae181b0c2

 interface/web/themes/default/style.css

@@ -1,261 +1,284 @@
.navTopSelected {

   background-color: #FFFFFF;

   border-top: 1px solid #BFCBD9;

   border-right: 1px solid #BFCBD9;

   border-bottom: 1px none #BFCBD9;

   border-left: 1px solid #BFCBD9;

   text-align: center;





}

.navTop {

   border-top: 1px none #BFCBD9;

   border-right: 1px none #BFCBD9;

   border-bottom: 1px solid #BFCBD9;

   border-left: 1px none #BFCBD9;



}

.navTopDefault {

   background-color: #496FA8;

   border: 1px solid #BFCBD9;

   text-align: center;





}

.mainContent {

   background-color: #FFFFFF;

   border-top-width: 1px;

   border-right-width: 1px;

   border-bottom-width: 1px;

   border-left-width: 1px;

   border-left-style: solid;

   border-top-color: #BFCBD9;

   border-right-color: #BFCBD9;

   border-bottom-color: #BFCBD9;

   border-left-color: #BFCBD9;

}

.txtNavTopDefault {

   font-family: Verdana, Arial, Helvetica, sans-serif;

   font-size: 11px;

   font-weight: bold;

   color: #FFFFFF;

   text-decoration: none;

}

.txtNavTopSelected {



   font-family: Verdana, Arial, Helvetica, sans-serif;

   font-size: 11px;

   font-weight: bold;

   color: #496FA8;

   text-decoration: none;

}

.navLeftHead {

   font-family: Verdana, Arial, Helvetica, sans-serif;

   font-size: 11px;

   font-weight: bold;

   color: #4E70A7;

   text-decoration: none;

   border-top-width: 1px;

   border-right-width: 1px;

   border-bottom-width: 1px;

   border-left-width: 1px;

   border-top-style: none;

   border-right-style: none;

   border-bottom-style: solid;

   border-left-style: none;

   border-top-color: #999999;

   border-right-color: #999999;

   border-bottom-color: #4E70A7;

   border-left-color: #999999;

   text-align: left;

}

.navLeftItem {

   font-family: Verdana, Arial, Helvetica, sans-serif;

   font-size: 10px;

   color: #4E70A7;

   text-decoration: none;

   line-height: 15px;



}

.txtNavTopHelp {

   font-family: Verdana, Arial, Helvetica, sans-serif;

   font-size: 12px;

   font-weight: bold;

   color: #FFFFFF;

   text-decoration: none;

}

.tblHead {

   font-family: Verdana, Arial, Helvetica, sans-serif;

   font-size: 12px;

   font-weight: bold;

   color: #496FA8;

   background-color: #DEE4F2;

   border-top-width: 1px;

   border-right-width: 1px;

   border-bottom-width: 1px;

   border-left-width: 1px;

   border-top-style: solid;

   border-right-style: none;

   border-bottom-style: solid;

   border-left-style: solid;

   border-top-color: #C0CCDA;

   border-right-color: #C0CCDA;

   border-bottom-color: #C0CCDA;

   border-left-color: #C0CCDA;

}

.tblFooter {



   font-family: Verdana, Arial, Helvetica, sans-serif;

   font-size: 11px;

   font-weight: normal;

   color: #666666;

   border-top-width: 1px;

   border-right-width: 1px;

   border-bottom-width: 1px;

   border-left-width: 1px;

   border-top-style: solid;

   border-right-style: none;

   border-bottom-style: none;

   border-left-style: none;

   border-top-color: #C0CCDA;

   border-right-color: #999999;

   border-bottom-color: #999999;

   border-left-color: #999999;

}

.frmText11 {

   font-family: Verdana, Arial, Helvetica, sans-serif;

   font-size: 11px;

   color: #333333;

   text-decoration: none;



}

.frmText11:Hover {

   text-decoration: underline;



}

textarea,input.text,select,option{

   color:#000000;

   font-family:CourierNew,Courier,monospace;

   background-color:#FCFCFC;

   font-size:14px;

   font-style:normal;

   font-variant:normal;

   font-weight:normal;

   scrollbar-arrow-color:#FFFFFF;

   scrollbar-track-color:#BFCBD9;

   scrollbar-face-color:#BFCBD9;

   scrollbar-base-color:#BFCBD9;

   scrollbar-3dlight-color:#BFCBD9;

   border: 1 solid ##BFCBD9;

   position: relative;

}

.frmTextHead {

   font-family: Verdana, Arial, Helvetica, sans-serif;

   font-weight: bold;

   font-size: 18px;

   color: #496FA8;

   text-decoration: none;



}



.frmTextSubHead {

   font-family: Verdana, Arial, Helvetica, sans-serif;

   font-weight: bold;

   font-size: 12px;

   color: #496FA8;

   text-decoration: none;



}

.button {

   border-color : #666699 #666699 #666699 #666699;

   border-width : 1 1 1 1; color : Black; 
   background-color : #FFFFFF; 
   height : 19px; 
   font-size : 12px; 
}



.frmTab {

   border-top: 1px none #999999;

   border-right: 1px none #999999;

   border-bottom: 1px solid #C0CCDA;

   border-left: 1px none #999999;

   font-family: Verdana, Arial, Helvetica, sans-serif;

   font-size: 11px;

   line-height: 16px;



}

.frmTabSelected {

   background-color: #FFFFFF;

   border-top: 1px solid #C0CCDA;

   border-right: 1px solid #C0CCDA;

   border-bottom: 1px none #999999;

   border-left: 1px solid #C0CCDA;

   text-align: center;

   font-family: Verdana, Arial, Helvetica, sans-serif;

   font-size: 11px;

   line-height: 16px;



}

.frmTabDefault {

   background-color: #DEE4F2;

   border: 1px solid #C0CCDA;

   text-align: center;

   font-family: Verdana, Arial, Helvetica, sans-serif;

   font-size: 11px;

   line-height: 16px;



}

.frmHead {



   font-family: Verdana, Arial, Helvetica, sans-serif;

   font-size: 12px;

   font-weight: bold;

   color: #666666;

   border-top-width: 1px;

   border-right-width: 1px;

   border-bottom-width: 1px;

   border-left-width: 1px;

   border-top-style: none;

   border-right-style: none;

   border-bottom-style: solid;

   border-left-style: none;

   border-top-color: #999999;

   border-right-color: #999999;

   border-bottom-color: #999999;

   border-left-color: #999999;

}

.frmSubHead {

   font-family: Verdana, Arial, Helvetica, sans-serif;

   font-size: 11px;

   color: #666666;

   border-top-width: 1px;

   border-right-width: 1px;

   border-bottom-width: 1px;

   border-left-width: 1px;

   border-top-style: none;

   border-right-style: none;

   border-bottom-style: solid;

   border-left-style: none;

   border-top-color: #999999;

   border-right-color: #999999;

   border-bottom-color: #999999;

   border-left-color: #999999;

   font-weight: bold;



}

.error {

   font-family: Verdana, Arial, Helvetica, sans-serif;

   font-size: 11px;

   color: #000000;

   border: 1px solid #CC0000;

   text-decoration: none;



}

INPUT {

   border: 1px solid #BFCBD9;

}

TEXTAREA {

   border: 1px solid #BFCBD9;

}





.navTopSelected {
   background-color: #FFFFFF;
   border-top: 1px solid #BFCBD9;
   border-right: 1px solid #BFCBD9;
   border-bottom: 1px none #BFCBD9;
   border-left: 1px solid #BFCBD9;
   text-align: center;


}
.navTop {
   border-top: 1px none #BFCBD9;
   border-right: 1px none #BFCBD9;
   border-bottom: 1px solid #BFCBD9;
   border-left: 1px none #BFCBD9;

}
.navTopDefault {
   background-color: #496FA8;
   border: 1px solid #BFCBD9;
   text-align: center;


}
.mainContent {
   background-color: #FFFFFF;
   border-top-width: 1px;
   border-right-width: 1px;
   border-bottom-width: 1px;
   border-left-width: 1px;
   border-left-style: solid;
   border-top-color: #BFCBD9;
   border-right-color: #BFCBD9;
   border-bottom-color: #BFCBD9;
   border-left-color: #BFCBD9;
}
.txtNavTopDefault {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 11px;
   font-weight: bold;
   color: #FFFFFF;
   text-decoration: none;
}
.txtNavTopSelected {

   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 11px;
   font-weight: bold;
   color: #496FA8;
   text-decoration: none;
}
.navLeftHead {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 11px;
   font-weight: bold;
   color: #4E70A7;
   text-decoration: none;
   border-top-width: 1px;
   border-right-width: 1px;
   border-bottom-width: 1px;
   border-left-width: 1px;
   border-top-style: none;
   border-right-style: none;
   border-bottom-style: solid;
   border-left-style: none;
   border-top-color: #999999;
   border-right-color: #999999;
   border-bottom-color: #4E70A7;
   border-left-color: #999999;
   text-align: left;
}
.navLeftItem {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 10px;
   color: #4E70A7;
   text-decoration: none;
   line-height: 15px;

}
.txtNavTopHelp {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 12px;
   font-weight: bold;
   color: #FFFFFF;
   text-decoration: none;
}
.tblHead {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 12px;
   font-weight: bold;
   color: #496FA8;
   background-color: #DEE4F2;
   border-top-width: 1px;
   border-right-width: 1px;
   border-bottom-width: 1px;
   border-left-width: 1px;
   border-top-style: solid;
   border-right-style: none;
   border-bottom-style: solid;
   border-left-style: solid;
   border-top-color: #C0CCDA;
   border-right-color: #C0CCDA;
   border-bottom-color: #C0CCDA;
   border-left-color: #C0CCDA;
}
.tblFooter {

   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 11px;
   font-weight: normal;
   color: #666666;
   border-top-width: 1px;
   border-right-width: 1px;
   border-bottom-width: 1px;
   border-left-width: 1px;
   border-top-style: solid;
   border-right-style: none;
   border-bottom-style: none;
   border-left-style: none;
   border-top-color: #C0CCDA;
   border-right-color: #999999;
   border-bottom-color: #999999;
   border-left-color: #999999;
}
.frmText11 {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 11px;
   color: #333333;
   text-decoration: none;

}
.frmText11:Hover {
   text-decoration: underline;

}
textarea,input.text,select,option{
   color:#000000;
   font-family:CourierNew,Courier,monospace;
   background-color:#FCFCFC;
   font-size:14px;
   font-style:normal;
   font-variant:normal;
   font-weight:normal;
   scrollbar-arrow-color:#FFFFFF;
   scrollbar-track-color:#BFCBD9;
   scrollbar-face-color:#BFCBD9;
   scrollbar-base-color:#BFCBD9;
   scrollbar-3dlight-color:#BFCBD9;
   border: 1 solid ##BFCBD9;
   position: relative;
}
.frmTextHead {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-weight: bold;
   font-size: 18px;
   color: #496FA8;
   text-decoration: none;

}

.frmTextSubHead {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-weight: bold;
   font-size: 12px;
   color: #496FA8;
   text-decoration: none;

}
/*
.button {
   border-color : #666699 #666699 #666699 #666699;
   border-width : 1 1 1 1; color : Black; 
   background-color : #FFFFFF; 
   height : 19px; 
   font-size : 12px; 
}
*/

.frmTab {
   border-top: 1px none #999999;
   border-right: 1px none #999999;
   border-bottom: 1px solid #C0CCDA;
   border-left: 1px none #999999;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 11px;
   line-height: 16px;

}
.frmTabSelected {
   background-color: #FFFFFF;
   border-top: 1px solid #C0CCDA;
   border-right: 1px solid #C0CCDA;
   border-bottom: 1px none #999999;
   border-left: 1px solid #C0CCDA;
   text-align: center;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 11px;
   line-height: 16px;

}
.frmTabDefault {
   background-color: #DEE4F2;
   border: 1px solid #C0CCDA;
   text-align: center;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 11px;
   line-height: 16px;

}
.frmHead {

   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 12px;
   font-weight: bold;
   color: #666666;
   border-top-width: 1px;
   border-right-width: 1px;
   border-bottom-width: 1px;
   border-left-width: 1px;
   border-top-style: none;
   border-right-style: none;
   border-bottom-style: solid;
   border-left-style: none;
   border-top-color: #999999;
   border-right-color: #999999;
   border-bottom-color: #999999;
   border-left-color: #999999;
}
.frmSubHead {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 11px;
   color: #666666;
   border-top-width: 1px;
   border-right-width: 1px;
   border-bottom-width: 1px;
   border-left-width: 1px;
   border-top-style: none;
   border-right-style: none;
   border-bottom-style: solid;
   border-left-style: none;
   border-top-color: #999999;
   border-right-color: #999999;
   border-bottom-color: #999999;
   border-left-color: #999999;
   font-weight: bold;

}
.error {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 11px;
   color: #000000;
   border: 1px solid #CC0000;
   text-decoration: none;

}
INPUT {
   border: 1px solid #BFCBD9;
   /*
   height: 26px;
   font-size:20px;
   */
}
TEXTAREA {
   border: 1px solid #BFCBD9;
}

.button {
    border: 0;
    background: #fff url("../../themes/default/images/button_bg.gif") no-repeat;
    height: 26px;
   font-size:14px;
    /* used to catch the buttonEnding */
    position: relative;
}

.buttonEnding {
    position: absolute;
    display: inline;
    width: 2px;
    height: 26px;
    background: url("../../themes/default/images/button_end.gif") no-repeat;
}