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

.flexigrid label { font-weight: bold; padding-right: 5px; }

.dbLogin { margin-right: 10px; }

span#message { font-size: 11px; color: red; }



.flexigrid {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  position: relative;
  border: 0px solid #eee;
  overflow: hidden;
  color: #000;
}

.flexigrid.hideBody { height: 26px !important; border-bottom: 1px solid #ccc; }

.ie6fullwidthbug { border-right: 0px solid #ccc; padding-right: 2px;   }

.flexigrid div.nDiv {
  background: #eee url(/dms/templating-kit/flexigrid/line/line.gif) repeat-y -1px top;
  border: 1px solid #ccc;
  border-top: 0px;
  overflow: auto;
  left: 0px;
  position: absolute;
  z-index: 999;
  float: left;
}

.flexigrid div.nDiv table { margin: 2px; }

.flexigrid div.hDivBox { float: left; padding-right: 40px; }

.flexigrid div.bDiv table { margin-bottom: 10px; }
  
.flexigrid div.bDiv table.autoht { border-bottom: 0px; margin-bottom: 0px; }
  
.flexigrid div.nDiv td { padding: 2px 3px; border: 1px solid #eee; cursor: default; }

.flexigrid div.nDiv tr:hover td, .flexigrid div.nDiv tr.ndcolover td
{
  background: #d5effc url(/dms/templating-kit/flexigrid/h1/hl.png) repeat-x top;
  border: 1px solid #a8d8eb;
}
  
.flexigrid div.nDiv td.ndcol1 { border-right: 1px solid #ccc; }
    
.flexigrid div.nDiv td.ndcol2 { border-left: 1px solid #fff; padding-right: 10px; }

.flexigrid div.nDiv tr:hover td.ndcol1, .flexigrid div.nDiv tr.ndcolover td.ndcol1 { border-right: 1px solid #d2e3ec; }
    
.flexigrid div.nDiv tr:hover td.ndcol2, .flexigrid div.nDiv tr.ndcolover td.ndcol2 { border-left: 1px solid #eef8ff; }
  
.flexigrid div.nBtn {
  position: absolute;
  height: 24px;
  width: 14px;
  z-index: 900;
  background: #fafafa url(/dms/templating-kit/flexigrid/fhbg/fhbg.gif) repeat-x bottom;
  border: 0px solid #ccc;
  border-left: 1px solid #ccc;
  top: 0px;
  left: 0px;
  margin-top: 1px;
  cursor: pointer;
  display: none;
}
    
.flexigrid div.nBtn div {
  height: 24px;
  width: 12px;
  border-left: 1px solid #fff;
  float: left;
  background: url(/dms/templating-kit/flexigrid/ddn/ddn.png) no-repeat center;
}    
    
.flexigrid div.nBtn.srtd { background: url(/dms/templating-kit/flexigrid/wbg/wbg.gif) repeat-x 0px -1px; }
    

.flexigrid div.mDiv {
  background: url(/dms/templating-kit/flexigrid/wbg/wbg.gif) repeat-x top;
  border: 1px solid #ccc;
  border-bottom: 0px;
  border-top: 0px;
  font-weight: bold;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  position: relative;
}

.flexigrid div.mDiv div { padding: 6px; white-space: nowrap; }
  
.flexigrid div.mDiv div.ptogtitle {
  position: absolute;
  top: 4px;
  right: 3px;
  padding: 0px;
  height: 16px;
  width: 16px;
  overflow: hidden;
  border: 1px solid #ccc;
  cursor: pointer;
}

.flexigrid div.mDiv div.ptogtitle:hover {
  background-position: left -2px;
  border-color: #bbb;
}
      
.flexigrid div.mDiv div.ptogtitle span {
  display: block;
  border-left: 1px solid #eee;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #ddd;
  width: 14px;
  height: 14px;
  background: url(/dms/templating-kit/flexigrid/uup/uup.png) no-repeat center;
}
      
.flexigrid div.mDiv div.ptogtitle.vsble span { background: url(/dms/templating-kit/flexigrid/ddn/ddn.png) no-repeat center; }      

.flexigrid div.dDiv {
   background: #fafafa url(/dms/templating-kit/flexigrid/bg/bg.gif) repeat-x top;
  position: relative;      
  border: 1px solid #ccc;
  border-bottom: 0px;
  overflow: hidden;   
     font-size: 10px;
     color: red;
     font-weight: bold;
     padding: 2px 6px 2px 6px;
}

.flexigrid div.tDiv /*toolbar*/ {
  background: #fafafa url(/dms/templating-kit/flexigrid/bg/bg.gif) repeat-x top;
  position: relative;      
  border: 1px solid #ccc;
  border-bottom: 0px;
  overflow: hidden;
}

.flexigrid div.tDiv2 { float: left; clear: both; padding: 1px; }

.flexigrid div.sDiv /*toolbar*/ {
  background: #fafafa url(/dms/templating-kit/flexigrid/bg/bg.gif) repeat-x top;
  position: relative;
  border: 1px solid #ccc;
  border-top: 0px;
  overflow: hidden;
  display: none;
}

.flexigrid div.sDiv2 {
  float: left;
  clear: both;
  padding: 5px;
  padding-left: 5px;
  width: 1024px;
}

.flexigrid div.sDiv2 input, .flexigrid div.sDiv2 select { vertical-align: middle; }
      
.flexigrid div.btnseparator {
  float: left;
  height: 22px;
  border-left: 1px solid #ccc;
  border-right: 1px solid #fff;
  margin: 1px;
}
  
.flexigrid div.fbutton {
  float: left;
  display: block;
  cursor: pointer;
  padding: 1px;
}

.flexigrid div.fbutton div { float: left; padding: 1px 3px; }    
    
.flexigrid div.fbutton span { float: left; display: block; padding: 3px; }

.flexigrid div.fbutton:hover, .flexigrid div.fbutton.fbOver { padding: 0px; border: 1px solid #ccc; }

.flexigrid div.fbutton:hover div, .flexigrid div.fbutton.fbOver div {
     padding: 0px 2px;
  border-left: 1px solid #fff;
  border-top: 1px solid #fff;
  border-right: 1px solid #eee;
  border-bottom: 1px solid #eee;
}    
/* end toolbar*/

.flexigrid div.hDiv {
  background: #fafafa url(/dms/templating-kit/flexigrid/fhbg/fhbg.gif) repeat-x bottom;
  position: relative;
  border: 1px solid #ccc;
  border-bottom: 0px;
  overflow: hidden;
}  

.flexigrid div.hDiv table { border-right: 1px solid #fff; }

.flexigrid div.cDrag { float: left; position: absolute; z-index: 2; overflow: visible; }

.flexigrid div.cDrag div {
  float: left;
  background: none;
  display: block;
  position: absolute;
  height: 24px;
  width: 5px;
  cursor: col-resize;
}

.flexigrid div.cDrag div.fixedCol {
     float: left;
  background: none;
  display: block;
  position: absolute;
  height: 24px;
  width: 5px;
     cursor: default;
}
      
.flexigrid div.cDrag div:hover, .flexigrid div.cDrag div.dragging { background: url(../images/line.gif) repeat-y 2px center; }

.flexigrid div.cDrag div.fixedCol:hover {
     background: none ;
}

.flexigrid div.iDiv {
  border: 1px solid #316ac5;
  position: absolute;
  overflow: visible;
  background: none;
}
  
.flexigrid div.iDiv input, .flexigrid div.iDiv select, .flexigrid div.iDiv textarea {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
}
    
.flexigrid div.iDiv input.tb {
  border: 0px;
  padding: 0px;
  width: 100%;
  height: 100%;
  padding: 0px;
  background: none;
}      
          
.flexigrid div.bDiv {
     border: 1px solid #ccc;
  border-top: 0px;
  background: #fff;
  overflow: auto;
  position: relative;
}
  
.flexigrid div.bDiv table { border-bottom: 1px solid #ccc; }
  
.flexigrid div.hGrip
{
  position: absolute;
  top: 0px;
  right: 0px;
  height: 5px;
  width: 5px;
  background: url(/dms/templating-kit/flexigrid/line/line.gif) repeat-x center;
  margin-right: 1px;
  cursor: col-resize;
}
  
.flexigrid div.hGrip:hover, .flexigrid div.hGrip.hgOver { border-right: 1px solid #999;  margin-right: 0px; }
  
.flexigrid div.vGrip {
  height: 5px;
  overflow: hidden;
  position: relative;
  background: #fafafa url(/dms/templating-kit/flexigrid/wbg/wbg.gif) repeat-x 0px -1px;
  border: 1px solid #ccc;
  border-top: 0px;
  text-align: center;
  cursor: row-resize;
}
      
.flexigrid div.vGrip span {
  display: block;
  margin: 1px auto;
  width: 20px;
  height: 1px;
  overflow: hidden;
  border-top: 1px solid #aaa;
  border-bottom: 1px solid #aaa;  
  background: none;
}

.flexigrid div.hDiv th, .flexigrid  div.bDiv td  /* common cell properties*/ {
  text-align: left;
  border-right: 1px solid #ddd;
  border-left: 1px solid #fff;
  overflow: hidden;
  vertical-align: top !important;
}

.flexigrid div.hDiv th div, .flexigrid  div.bDiv td  div, div.colCopy div/* common inner cell properties*/ {
  padding: 5px;
  border-left: 0px solid #fff;
}

.flexigrid div.hDiv th, div.colCopy {
  font-weight: normal;
  height: 24px;
  cursor: default;
  white-space: nowrap;
  overflow: hidden;
}  

div.colCopy {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  background: #fafafa url(/dms/templating-kit/flexigrid/fhbg/fhbg.gif) repeat-x bottom;
  border: 1px solid #ccc;
  border-bottom: 0px;
  overflow: hidden;
}

.flexigrid div.hDiv th.sorted { background: url(/dms/templating-kit/flexigrid/wbg/wbg.gif) repeat-x 0px -1px; border-bottom: 0px solid #ccc; }
  
.flexigrid div.hDiv th.thOver { }

.flexigrid div.hDiv th.thOver div, .flexigrid div.hDiv th.sorted.thOver div { border-bottom: 1px solid orange; padding-bottom: 4px; }
  
.flexigrid div.hDiv th.sorted div { border-bottom: 0px solid #ccc; padding-bottom: 5px; }

.flexigrid div.hDiv th.thMove { background: #fff; color: #fff; }
  
.flexigrid div.hDiv th.sorted.thMove div { border-bottom: 1px solid #fff; padding-bottom: 4px }
  
.flexigrid div.hDiv th.thMove div { background: #fff !important; }  
  
.flexigrid div.hDiv th div.sdesc { background: url(/dms/templating-kit/flexigrid/dn/dn.png) no-repeat center top; }  

.flexigrid div.hDiv th div.sasc { background: url(/dms/templating-kit/flexigrid/up/up.png) no-repeat center top; }  
    
.flexigrid div.bDiv td { border-bottom: 1px solid #fff; vertical-align: top; white-space: nowrap; }
      
.flexigrid span.cdropleft {
     display: block;
  background: url(/dms/templating-kit/flexigrid/prev/prev.gif) no-repeat -4px center;
  width: 24px;
  height: 24px;
  position: relative;
  top: -24px;
  margin-bottom: -24px;
  z-index: 3;
}

.flexigrid div.hDiv span.cdropright {
  display: block;
  background: url(/dms/templating-kit/flexigrid/next/next.gif) no-repeat 12px center;
  width: 24px;
  height: 24px;
  float: right;
  position: relative;
  top: -24px;
  margin-bottom: -24px;
}

.flexigrid div.bDiv td div { border-top: 0px solid #fff; }
        
.flexigrid tr td.sorted { background: #f3f3f3; border-right: 1px solid #ddd; border-bottom: 1px solid #f3f3f3; }    

.flexigrid tr td.sorted div { }

.flexigrid tr.erow td { background: #f7f7f7; border-bottom: 1px solid #f7f7f7; }
        
.flexigrid tr.erow td.sorted { background: #e3e3e3; border-bottom: 1px solid #e3e3e3; }            

.flexigrid tr.erow td.sorted div { }

/***************************************************************************************/

.flexigrid div.bDiv tr.trOver td.sorted, 
.flexigrid div.bDiv tr.trOver td,
.flexigrid div.bDiv tr.trOverErow td.sorted, 
.flexigrid div.bDiv tr.trOverErow td {
  background: #d9ebf5;
  border-left: 1px solid #eef8ff;
  border-bottom: 1px dotted #a8d8eb;
     cursor: pointer;
}

.flexigrid div.bDiv tr.trOver td input,
.flexigrid div.bDiv tr.trOver td.sorted input,
.flexigrid div.bDiv tr.trOverErow td input,
.flexigrid div.bDiv tr.trOverErow td.sorted input
{
     background: #d9ebf5;
}

.flexigrid div.bDiv tr.trSelected td,
.flexigrid div.bDiv tr.trOver.trSelected td,
.flexigrid div.bDiv tr.trOverErow.trSelected td
{
     background: #d5effc;
  border-right: 1px solid #d2e3ec;
  border-left: 1px solid #eef8ff;
  border-bottom: 1px solid #a8d8eb;
}

.flexigrid div.bDiv tr.trSelected td input,
.flexigrid div.bDiv tr.erow.trSelected td input,
.flexigrid div.bDiv tr.trSelected td.sorted input,
.flexigrid div.bDiv tr.erow.trSelected td.sorted input
{
     background: #d5effc;
}

/***************************************************************************************/

/* novstripe adjustments */
.flexigrid.novstripe .bDiv table { border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; }

.flexigrid.novstripe  div.bDiv td { border-right-color: #fff; }
    
.flexigrid.novstripe div.bDiv tr.erow td.sorted { border-right-color: #e3e3e3; }

.flexigrid.novstripe div.bDiv tr td.sorted { border-right-color: #f3f3f3; }

.flexigrid.novstripe  div.bDiv tr.erow td { border-right-color: #f7f7f7; border-left-color: #f7f7f7; }
    
.flexigrid.novstripe div.bDiv tr.trSelected:hover td, 
.flexigrid.novstripe div.bDiv tr.trSelected:hover td.sorted,
.flexigrid.novstripe div.bDiv tr.trOver.trSelected td.sorted, 
.flexigrid.novstripe div.bDiv tr.trOver.trSelected td,
.flexigrid.novstripe tr.trSelected td.sorted, 
.flexigrid.novstripe tr.trSelected td {
  border-right: 1px solid #0066FF;
  border-left: 1px solid #0066FF;
}    

.flexigrid.novstripe div.bDiv tr.trOver td, .flexigrid.novstripe div.bDiv tr:hover td {
  border-left-color: #d9ebf5;
  border-right-color: #d9ebf5;
}
/* end novstripe */

.flexigrid div.pDiv {
  background: url(/dms/templating-kit/flexigrid/wbg/wbg.gif) repeat-x 0 -1px;
  border: 1px solid #ccc;
  border-top: 0px;
  overflow: hidden;
  white-space: nowrap;
  position: relative;
}

.flexigrid div.pDiv div.pDiv2 { margin: 3px; margin-left: -2px; float: left; width: 1024px; }  
  
div.pGroup { float: left; background: none; height: 24px; margin: 0px 5px; }
  
.flexigrid div.pDiv .pPageStat, .flexigrid div.pDiv .pcontrol { position: relative; top: 5px; overflow: visible; }
    
.flexigrid div.pDiv input { vertical-align: text-top; position: relative; top: -5px; }
  
.flexigrid div.pDiv  div.pButton {
  float: left;
  width: 22px;
  height: 22px;
  border: 0px;
  cursor: pointer;
  overflow: hidden;
}

.flexigrid div.pDiv  div.pButton:hover, .flexigrid div.pDiv  div.pButton.pBtnOver {
  width: 20px;
  height: 20px;
  border: 1px solid #ccc;
  cursor: pointer;
}
    
.flexigrid div.pDiv  div.pButton span {
  width: 20px;
  height: 20px;
  display: block;
  float: left;
}    
  
.flexigrid div.pDiv  div.pButton:hover span, .flexigrid div.pDiv  div.pButton.pBtnOver span {
  width: 19px;
  height: 19px;
  border-top: 1px solid #fff;
  border-left: 1px solid #fff;
}    
    

.flexigrid .pSearch { background: url(/dms/templating-kit/flexigrid/magnifier/magnifier.png) no-repeat center; }
.flexigrid .pFirst { background: url(/dms/templating-kit/flexigrid/first/first.gif) no-repeat center; }
.flexigrid .pPrev { background: url(/dms/templating-kit/flexigrid/prev/prev.gif) no-repeat center; }
.flexigrid .pNext { background: url(/dms/templating-kit/flexigrid/next/next.gif) no-repeat center; }
.flexigrid .pLast { background: url(/dms/templating-kit/flexigrid/last/last.gif) no-repeat center; }
.flexigrid .pReload { background: url(/dms/templating-kit/flexigrid/load/load.png) no-repeat center; }
.flexigrid .pReload.loading { background: url(/dms/templating-kit/flexigrid/load0/load0.gif) no-repeat center; }  
.flexigrid div.fbutton .add { background: url(/dms/templating-kit/flexigrid/add/add.png) no-repeat center left; }  
.flexigrid div.fbutton .delete { background: url(/dms/templating-kit/flexigrid/close/close.png) no-repeat center left; }  
.flexigrid div.fbutton .excel { background: url(/dms/templating-kit/flexigrid/excel/excel.png) no-repeat center left; }

/* ie adjustments */
.flexigrid.ie div.hDiv th div, .flexigrid.ie  div.bDiv td  div, div.colCopy.ie div /* common inner cell properties*/ { overflow: hidden; }    

.flexigrid div.bDiv input { font-size: 11px; }
.flexigrid div.bDiv tr.erow.insertRow input { background-color: White; }
.flexigrid div.bDiv input.readOnly { border: none; cursor: default; color: inherit; background: inherit; }
.flexigrid div.bDiv tr.erow input { background-color: #F7F7F7; }
.flexigrid div.bDiv tr.erow td.sorted input { background-color: #E3E3E3; }
.flexigrid div.bDiv tr td.sorted input { background-color: #F3F3F3; }      



#flexupload div.dynDiv_moveParentDiv {
     cursor:move;
}

#flexupload div.flexheader {
     background: transparent url(/dms/templating-kit/flexigrid/wbg/wbg.gif) repeat-x scroll center top;
     border-color: #CCCCCC;
     border-style: none solid;
     border-width: 0 1px;
     display: block;
     font-weight: bold;
     overflow: hidden;
     position: relative;
     white-space: nowrap;
     width: 350px;
     text-align: left;
     font-weight: bold;
     font-size: 11px;
     font-family: Arial,Helvetica,sans-serif;
}
    
#flexupload div.flexclose {
     text-align: center;
     border:1px solid #CCCCCC;
     border-style: outset;
     cursor:pointer;
     height:16px;
     overflow:hidden;
     padding:0;
     position:absolute;
     right:3px;
     top:4px;
     width:16px;
}
    
#flexupload div.flexcontent {
     border-color: #CCCCCC;
     border-style: none solid;
     border-width: 0 1px;
     display: block;
     padding: 20px;
     background-color: White;
}
    
#flexupload div.flexfooter {
     background: transparent url(/dms/templating-kit/flexigrid/wbg/wbg.gif) repeat-x scroll center top;
     border-color: #CCCCCC;
     border-style: none solid;
     border-width: 0 1px;
     display: block;
     heigth: 10px;
}

#facebox .b { background:url(/dms/templating-kit/facebox/b/b.png); }
#facebox .tl { background:url(/dms/templating-kit/facebox/tl/tl.png); }
#facebox .tr { background:url(/dms/templating-kit/facebox/tr/tr.png); }
#facebox .bl { background:url(/dms/templating-kit/facebox/bl/bl.png); }
#facebox .br { background:url(/dms/templating-kit/facebox/br/br.png); }

#flexupload iframe#uploadTarget { width: 0; height: 0; border: none; }

#flexupload {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  text-align: left;
}

#flexupload .popup { position: relative; }

#flexupload table { border-collapse: collapse; }

#flexupload td { border-bottom: 0; padding: 0; }

#flexupload .body {
  padding: 10px;
  background: #fff;
  width: 370px;
}

#flexupload .loading { text-align: center; }

#flexupload .image { text-align: center; }

#flexupload img { border: 0; margin: 0; }

#flexupload .header {
  border-bottom: 1px solid #DDDDDD;
  padding-bottom: 5px;
  margin-bottom: 10px;
  text-align: left;
  font-weight: bold;
  font-size: 11px;
  font-family: Arial,Helvetica,sans-serif;
}

#flexupload .footer {
  border-top: 1px solid #DDDDDD;
  padding-top: 5px;
  margin-top: 10px;
  text-align: right;
}

#flexupload .tl, #flexupload .tr, #flexupload .bl, #flexupload .br {
  height: 10px;
  width: 10px;
  overflow: hidden;
  padding: 0;
}

#flexupload_overlay {
  position: fixed;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}

.flexupload_hide {
  z-index:-100;
}

.flexupload_overlayBG {
  background-color: #000;
  z-index: 99;
}

* html #flexupload_overlay { /* ie6 hack */
  position: absolute;
  height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}