/* Tag styles */

body {
  
  font: 8pt verdana, helvetica, "sans serif";
  color: #000000;
  background-color: #ffffff;
  
  width: 750px; 
  
    margin: auto;
    margin-top: 0px;
    padding: 0px;
    
  text-align: center;
  
  }
 
    #pageWrapper {
        
      position: relative;
      width: 750px;
      
      padding: 0px;
      
      color: #000000;
      background-color: #ffffff;
      
      border: 1px solid orange;
        
    }
    
    
    #pageWrapper:after {
        content: "."; 
        display: block; 
        height: 0; 
        clear: both; 
    }
    
    
    #pageWrapper.home {
        
      width: 750px;
      text-align: left;
      border: 0px solid blue;
        
    }
    
    
.pageColor {
  background-color: #ffffff;
  }



td {
  font: 9pt verdana, helvetica, "sans serif";
  color: #000000;
  z-index: 0;
  }

th {
  text-align: left;
  font: 8pt verdana, helvetica, "sans serif";
  color: #000000;
  }

a {
  color: #0099ff;
  text-decoration: none;
  }

a:visited {
  color: #9900ff;
  }

a:hover {
  text-decoration: underline;
  }

div.media a { 
  
  font-weight: bold;
  text-decoration: underline; 
  }

b { font-weight: bold; }

i { font-style: italic; }

.underline {
  text-decoration: underline;
  }



/* Headers */

.header {
  font-size: 14pt;
  color: #000000;
  font-weight: bold;
  }

.medHeader {
  font-size: 14pt;
  color: #000000;
  }

.medHeaderWht {
  font-size: 11pt;
  color: #ffffff;
  font-weight: bold;
  }

.lgHeaderWht {
  font-size: 14pt;
  color: #ffffff;
  }

.summaryHeaderWht {
  font-size: 10pt;
  color: #ffffff;
  font-weight: bold;
  }

.summaryHeaderGray {
  font-size: 10pt;
  color: #e6e6e6;
  font-weight: bold;
  }

.boxHeader {
  font-size: 10pt;
  font-weight: bold;
  }

.boxHeaderWht {
  font-size: 10pt;
  color: #ffffff;
  font-weight: bold;
  }

.headerDkBlue {
  font-size: 7pt;
  color: #002e5c;
  font-weight: bold;
  }

.medHeaderDkBlue {
  font-size: 10pt;
  color: #002e5c;
  font-weight: bold;
  }

.smallHeaderDkBlue {
  font-size: 8pt;
  color: #002e5c;
  font-weight: bold;
  }

.headerLtBlue {
  font-size: 10pt;
  color: #006699;
  }

.medHeaderLtBlue {
  font-size: 10pt;
  color: #006699;
  font-weight: bold;
  }

.lgHeaderLtBlue {
  font-size: 11pt;
  font-weight: bold;
  color: #006699;
  }

.smallHeaderLtBlue {
  font-size: 8pt;
  color: #006699;
  font-weight: bold;
  }

.grayHeader {
  font-weight: bold;
  color: #a6a4a6;
  }



/* Text */

.text {
  font: 8pt verdana, helvetica, "sans serif";
  color: #000000;
  }

.large {
  font-size: 10pt;
  }
  
.medium {
  font-size: 8pt;
  }
  
.small {
  font-size: 7pt;
  }

.copyright {
  color: #989a98;
  }

.inactive {
  color: #cccccc;
  }

.white {
  color: #ffffff;
  }

.red {
  color: #ff0000;
  }

.orange {
  color: #ff6600;
  }

.green {
  color: #009966;
  }

.detailGray {
  color: #666666;
  }

.dkGray {
  color: #929292;
  }

.linkBlue {
  color: #0000ff;
  }

.dkBlue {
  color: #003366;
  }

.black {
  background-color: #9ccfff;
  }

.whtText {
  font-size: 8pt;
  color: #ffffff;
  }

a.smallWhtLink {
  color: #ffffff;
  font-size: 8pt;  
  }

a.smallWhtLink:visited {
  color: #ffffff;
  }

.ltBlue { color: #138ec7; }

.pfMainText {
 
 font-size: 14pt "sans serif";
 color: #000000;
 
}

.pfTitle { 
 
 font: 20pt "sans serif";
 color: #0000ff;
 
}

.pfLabel {
  
  color: #0000ff;
  
}

.pfBody {
  
  margin: 1inch;
  text-align: left;
  
}

/* Navigation */

.navOff {
  font-size: 8pt;
  background-color: #002e5c;
  border: 1px solid #ffffff;
  border-top: 0px;
  border-left: 0px;
  }

.navOn {
  font-size: 8pt;
  background-color: #006699;
  border: 1px solid #ffffff;
  border-left: 0px;
  border-top: 0px;
  border-bottom: 0px;
  }

.navtextOff {
  font-size: 8pt;
  color: #98abbd;
  font-weight: bold;
  text-decoration: none;
  }

.navtextOff:visited {
  font-size: 8pt;
  color: #98abbd;
  font-weight: bold;
  text-decoration: none;
  }

.navtextOn {
  font-size: 8pt;
  color: #ffffff;
  font-weight: bold;
  text-decoration: none;
  }

.navtextOn:visited {
  font-size: 8pt;
  color: #ffffff;
  font-weight: bold;
  text-decoration: none;
  }


.subnavOff {
  font-size: 8pt;
  color: #98abbd;
  font-weight: bold;
  text-decoration: none;
  }

.subnavOff:visited {
  font-size: 8pt;
  color: #98abbd;
  font-weight: bold;
  text-decoration: none;
  }

.subnavOn {
  font-size: 8pt;
  color: #ffffff;
  font-weight: bold;
  text-decoration: none;
  }

.subnavOn:visited {
  font-size: 8pt;
  color: #ffffff;
  font-weight: bold;
  text-decoration: none;
  }

a.adminInPlace, a.adminInPlace:visited {
  color: red;
  }

a.detailSubNav {
  color: #ffffff;
  font-weight: bold;
  margin-right: 25px;
  border: 0px solid red;
  }

a.detailSubNav:visited {
  color: #ffffff;
  font-weight: bold;
  border: 0px solid red;
  }

a.navtext {
  text-decoration: none;
  }

a.tabNavOn {
  color: #ffffff;
  font-weight: bold;
  }

a.tabNavOff {
  color: #336799;
  font-weight: bold;
  }

a.boxLinkList {
  }


.outputPadding {
  padding: 5;
  }

a.leftnav {
  color: #336799;
  font-weight: bold;
  }

.breadcrumbs_standard {
  
  text-align: right;
  padding: 0px;
  margin: 0px 0px 15px 0px;
  
  border: 0px solid;
  
}


/* Backgrounds */

.dkBlueBG { background-color: #002e5c; }

.yellowBG { background-color: #ffcc00; }

.ltBlueBG { background-color: #006699; }

.ltGrayBG { background-color: #e6e6e6; }

.medGrayBG { background-color: #cecfce; }

.dkGrayBG { background-color: #cccccc; }

.formDkGrayBG  { background-color: #a09fa4; }

.orangeBG { background-color: #ffa300; }

.detailBodyFade { 
  background: url('../images/common/fade/articleBodyFade.jpg') repeat-x;
  }

.detailLtBlueBG { background-color: #a5c1df; }

.detailDkBlueBG { background-color: #5f93c7; }



/* Forms */

form { 
  
  margin: 0px; 
  z-index: 0;
  
}

input {
  
  padding-left: 3px;
  
}


select {
  
  z-index: 0;
  
}


option {
 
  z-index: 0;
  
}


textarea { 
  
  padding-left: 3px;
  
}


.addPostFullWidth { width: 100%; }

.addPostShort { width: 100px; }

.addPostMed { 
  
  width: 200px; 
  
}

.addPostLong { 
  
  width: 330px; 
  
}

.addPostTextarea {
  width: 330px;
  height: 125px;
  
}

.fieldTopAlign { padding-top: 5px; }

.formfieldShort { width: 100px; z-index: 0; }

.formfieldMed { width: 150px; z-index: 0; }

.formfieldLong { width: 200px; z-index: 0; }

.formfieldTextarea {
  width: 330px;
  height: 125px;
  z-index: 0;
  }

.wordCounter {
  color: #000000;
  background-color: #e6e6e6;
  border: 1px solid #a09fa4;
  font-weight: bold; 
  height: 18px; 
  text-align: center; 
  font-size: 8pt;  
  }

.wc1 { width: 13px; }
.wc2 { width: 20px; }
.wc3 { width: 26px; }

.formFieldHelpWrapper {
  
  position: relative;
  display: inline;
  margin: 0px;
  padding: 0px;
  z-index: 0;
  
  border: 0px solid purple;
  
  }

 
.formFieldHelpIcon {
  
  position: relative;
  margin-left: 5px;
  z-index: 10;
  
  border: 0px solid yellow;
  
  }
 
 
.formFieldHelpPop {
  
  position: absolute;
  width: 200px;
  text-align: left;
  background-color: #ffffcc;
  margin-left: 10px;
  padding: 5px;
  visibility: hidden;
  z-index: 100;
  
  border: 1px solid #666666;
  
  }
  

#formStepDisplay p {
  
  margin: 1px;
  padding: 0px;
  
  }


#postingWizardButtons {
  
  margin-top: 15px;
  
  }


/* Elements */

.detailInfoBox {
  display: inline;
  width: 200px;
  margin: 0px 10px 15px 15px;
  padding: 8px;
  float: right; 
  border-left: 1px solid #999999;
  }

.calloutOff {
  
  width: 90%;
  position: relative;
  display: block;
  margin-right: 5px;
  color: #666666;
  text-align: left;
  background-color: #cacaca;
  border: 1px solid #b2b2b2;
  padding: 10px;
  
  
}

.calloutOn {
  
  width: 90%;
  display: block;
  margin: 0px;
  color: #666666;
  text-align: left;
  background-color: #ffffcc;
  border: 1px solid #b2b2b2;
  padding: 10px;
  
  
 }

.diagnosticBox {
  
  text-align: left; 
  padding: 10px; 
  background-color: #ffffcc; 
  border: 1px solid blue;
  
 }

.topNav {
  
  margin: 0px 0px 10px 0px;
  padding: 0px;
  
  border: 0px solid;
  
}

.footer {
  
  font-size: 9pt;
  
}


/* Borders */

.whtBorder { border: 1px solid #ffffff; }

.whtBorderRight {
  border: 1px solid #ffffff;
  border-left: 0px;
  border-top: 0px;
  border-bottom: 0px;
  }

.whtBorderBottomRight {
  border: 1px solid #ffffff;
  border-top: 0px;
  border-left: 0px;
  }

.whtBorderNoBottom {
  border: 1px solid #ffffff;
  border-bottom: 0px;
  }

.whtBorderBottom {
  border: 1px solid #ffffff;
  border-top: 0px;
  border-left: 0px;
  border-right: 0px;
  }



.ltBrownBorderRight {
  border: 1px solid #cccc99;
  border-left: 0px;
  border-top: 0px;
  border-bottom: 0px;
  }

.ltBrownBorderTopBottom {
  border: 1px solid #336799;
  border-left: 0px;
  border-right: 0px;
  }



.ltBlueBorder { border: 1px solid #006699; }

.ltBlueBorderBottom {
  border: 1px solid #006699;
  border-top: 0px;
  border-left: 0px;
  border-right: 0px;
  }

.ltBlueBorderTop {
  border: 1px solid #006699;
  border-left: 0px;
  border-right: 0px;
  border-bottom: 0px;
  }

.ltBlueBorderTopBottom {
  border: 1px solid #006699;
  border-left: 0px;
  border-right: 0px;
  }

.ltBlueBorderTopBottomLeft {
  border: 1px solid #006699;
  border-right: 0px;
  }

.ltBlueBorderTopBottomRight {
  border: 1px solid #006699;
  border-left: 0px;
  }



.dkBlueBorder { border: 1px solid #002e5c; }

.dkBlueBorderTop {
  border: 1px solid #002e5c;
  border-left: 0px;
  border-right: 0px;
  border-bottom: 0px;
  }

.dkBlueBorderNoTop {
  border: 1px solid #002e5c;
  border-top: 0px;
  }

.dkBlueBorderNoRight {
  border: 1px solid #002e5c;
  border-right: 0px;
  }

.dkBlueBorderLeftRight {
  border: 1px solid #002e5c;
  border-top: 0px;
  border-bottom: 0px;
  }

.dkBlueBorderRight {
  border: 1px solid #002e5c;
  border-top: 0px;
  border-bottom: 0px;
  border-left: 0px;
  }

.dkBlueBorderBottom {
  border: 1px solid #002e5c;
  border-top: 0px;
  border-left: 0px;
  border-right: 0px;
  }



.ltGrayBorder { border: 1px solid #e6e6e6; }


.medGrayBorder { border: 1px solid #cecfce; }

.medGrayBorderTopBottom {
  border: 1px solid #cecfce;
  border-left: 0px;
  border-right: 0px;
  }


.medGrayBorderLeftRight {
  border: 1px solid #cecfce;
  border-top: 0px;
  border-bottom: 0px;
  }

.medGrayBorderLeft {
  border: 1px solid #cecfce;
  border-top: 0px;
  border-bottom: 0px;
  border-right: 0px;
  }



.dkGrayBorder { border: 1px solid #cccccc; }

.dkGrayBorderNoBottom {
  border: 1px solid #cccccc;
  border-bottom: 0px;
  }

.dkGrayBorderNoRight {
  border: 1px solid #cccccc;
  border-right: 0px;
  }

.dkGrayBorderNoLeft {
  border: 1px solid #cccccc;
  border-left: 0px;
  }

.dkGrayBorderTopBottom {
  border: 1px solid #cccccc;
  border-left: 0px;
  border-right: 0px;
  }

.dkGrayBorderBottom {
  border: 1px solid #cccccc;
  border-left: 0px;
  border-right: 0px;
  border-top: 0px;
  }

.dkGrayBorderBottomLeft {
  border: 1px solid #cccccc;
  border-right: 0px;
  border-top: 0px;
  }

.dkGrayBorderBottomRight {
  border: 1px solid #cccccc;
  border-left: 0px;
  border-top: 0px;
  }

.dkGrayBorderTopRight {
  border: 1px solid #cccccc;
  border-bottom: 0px;
  border-left: 0px;
  }

.dkGrayBorderLeft {
  border: 1px solid #cccccc;
  border-bottom: 0px;
  border-right: 0px;
  border-top: 0px;
  }

.dkGrayBorderLeftRight {
  border: 1px solid #cccccc;
  border-bottom: 0px;
  border-top: 0px;
  }

.dkGrayBorderTopBottomRight {
  border: 1px solid #cccccc;
  border-left: 0px;
  }

.dkGrayBorderTopBottomLeft {
  border: 1px solid #cccccc;
  border-right: 0px;
  }


.heavyDkGrayBorder { border: 1px solid #a5a6aa; }
  
.hdgBorderLeft { border-left: 1px solid #a5a6aa; }
  
.hdgBorderRight { border-right: 1px solid #a5a6aa; }
  
.hdgBorderTop { border-top: 1px solid #a5a6aa; }
  
.hdgBorderBottom { border-bottom: 1px solid #a5a6aa; }
  

.detailLtGrayBorder { border: 2px solid #d6d6d6; }  
  
.detailLtGrayBorderLeft { border-left: 2px solid #d6d6d6; }  
  
.detailLtGrayBorderRight { border-right: 2px solid #d6d6d6; }  
  
.detailLtGrayBorderTop { border-top: 3px solid #d6d6d6; }  
  
.detailLtGrayBorderBottom { border-bottom: 2px solid #d6d6d6; }  
  

/* Padding */

.bodyPadding {
  padding-left: 20px;
  padding-top: 20px;
  }

.cellPadding {
  padding-top: 15px;
  padding-right: 15px;
  padding-bottom: 15px;
  padding-left: 15px;
  }

.detailHeaderPadding { padding: 3px 12px 3px 2px; }

.detailSubHeaderPadding { padding: 3px 12px 3px 14px; }



/* Button Style */



/* Postcard (pc) css */

.detailEnvelope {
  
  width: 90%;
  position: relative;
  background-color: #a5c1df;
  text-align: left;
  
  border: 0px solid;
  
}


.detailTop {
  
  
  border: 1px solid;
  width: 90%;
  margin: 0px;
  padding: 0px;
  border-top: 0px solid #d6d6d6; 
  background: url('../images/common/corners/detail_UpperRight.gif') no-repeat right top;
  text-align: left;
  
}


.detailTopContent {
  
  width: auto;
  border-top: 2px solid #d6d6d6; 
  
}


.detailTopLeftCorner {
  
  background: url('../images/common/corners/detail_UpperLeft.gif') no-repeat left top;
  
}



.detailTopRightCorner {
  
  background: url('../images/common/corners/detail_UpperRight.gif') no-repeat right top;
  
}

.detailBottomLeftCorner {
  
  
}


/* Other */

.dropTextSmall { font-size: 8pt; }

.null {  }

.listingHeaderBar {
  background-color: #e6e6e6;
  width: 100%;
  padding: 2 4 2 4;
  }

#application {
  
  text-align: left;
  padding: 30px;
  
}


.application label {
          
  width: 30%;
  margin: 4px 5px 0px 0px;
  
  border: 0px solid red;
          
  }
        
         
.application input, .application select, .application textarea {
          
  display: block;
  margin: 0px 0px 3px 0px;
          
  }
        
         
.application textarea {
          
  display: block;
  width: 100%;
  height: 70px;
  margin: 5px 0px 5px 0px;
          
  }
        
/******************
 * 
 * Box types
 *
 */
   
   
   /* simple gray box (sgb) */
   
   .sgbWrapper {
     
     width: 50%;
     text-align: left;
     
     border: 1px solid #d6d6d6;
     
   }
   
   
   .sgbHeader {
     
     position: relative;
     height: 35px;
     background: #a5c1df url('../images/common/icons/bullhorn.gif') no-repeat 15 8;
     padding: 10px 20px 0px 40px;
     
   }
   
   
   .sgbBorderLeft { border-left: 2px solid #d6d6d6; }  
     
   .sgbBorderRight { border-right: 2px solid #d6d6d6; }  
     
   .sgbBorderTop { border-top: 2px solid #d6d6d6; }  
     
   .sgbBorderBottom { border-bottom: 2px solid #d6d6d6; }  
   
   .sgbTLcorner {
     
     position: absolute; 
     background: url('../images/common/corners/gray2_topLeft_sgbBlueOnWhite.gif') no-repeat top left;
     width: 6px;
     height: 6px;
     
     top: -2; 
     left: -2; 
     
     padding: 0px;
     margin: 0px;
     
   }
   
   
   .sgbTRcorner {
     
     position: absolute; 
     background: url('../images/common/corners/gray2_topRight_sgbBlueOnWhite.gif') no-repeat top right;
     width: 6px;
     height: 6px;
     
     top: -2; 
     right: -2; 
     
     padding: 0px;
     margin: 0px;
     
   }
   
   
   .sgbBRcorner {
     
     position: absolute; 
     background: url('../images/common/corners/gray2_bottomRight_WhiteOnWhite.gif') no-repeat bottom right;
     width: 6px;
     height: 6px;
     
     bottom: -2; 
     right: -2; 
     
     padding: 0px;
     margin: 0px;
     
   }
   
   
   .sgbBLcorner {
     
     position: absolute; 
     background: url('../images/common/corners/gray2_bottomLeft_WhiteOnWhite.gif') no-repeat bottom left;
     width: 6px;
     height: 6px;
     
     bottom: -2; 
     left: -2; 
     
     padding: 0px;
     margin: 0px;
     
   }
   
   
   .sgbContent {
     
     position: relative;
     height: 300px;
     color: #000000;
     background: url('../images/common/fade/articleBodyFade.jpg') repeat-x;
     padding: 7px 10px;
     
   }
   
   
   
   
   

 
/******************
 * 
 * Login styles
 *
 *
 */
 
 
        body.login {
          
          background-color: #76bff5;
          text-align: center;
          
          
        }
        
         
        body.application {
          
          background-color: #76bff5;
          text-align: center;
          margin-top: 50px;
          
          
        }
        
        body.login input {
          
          height: auto;
          width: 400;
          font-size: 24pt;
          
          
        }
        
        body.login #go {
           
          width: 45px;
          height: 35px;
          color: #ffffff;
          font-size: 18pt;
          background: #3369ab;
          border: 0px outset #000000;
          
        }
        
        
        body.login #remember {
           
          width: 30px;
          height: 30px;
          color: #000000;
          
          margin-left: 170px;
          
        }
        
        
        .mainHeader {
          
          margin: 25px;
          
        }
        
         
          
        .betaMsg {
          
          width: 625px;
          height: 60px;
          color: #ffffff;
          font-size: 18pt;
          background: url(../images/common/icons/keyhole.gif) no-repeat 0 5;
          padding-top: 15px;
          padding-left: 25px;
        }
        
         
          
        .media {
          
          text-align: left; 
          font-size: 12pt;
          margin: 0px 250px 10px 250px;
          border: 0px solid;
          
        }
        
        
        body.login p {
          
          width: 700px;
          color: #3369ab;
          font-size: 14pt;
          text-align: left;
          
          border: 0px solid white;
          
        }
        
         
        body.login #error {
          
          width: 700px;
          color: #ffffff;
          font-size: 12pt;
          font-weight: bold;
          text-align: center;
          
          border: 0px solid white;
          
        }
        
         
        body.login label {
          
          float: left;
          width: 150px;
          padding: 10px 0px 0px 25px;
          
          border: 0px solid white;
          
        }
        
         
        .whiteBox {
          
          position: relative;
          width: 700px;
          border: 1px solid #ffffff;
          
          padding: 0px;
          margin: 10px auto 30px auto;
          
        }
        
        
        
        .whiteTransTLcorner {
          
          position: absolute; 
          background: url('../images/common/corners/white1px_topLeft.gif') no-repeat top left;
          width: 5px;
          height: 5px;
          
          top: -1; 
          left: -1; 
          
          padding: 0px;
          margin: 0px;
          
        }
        
        
        .whiteTransTRcorner {
          
          position: absolute; 
          background: url('../images/common/corners/white1px_topRight.gif') no-repeat top right;
          width: 5px;
          height: 5px;
          
          top: -1; 
          right: -1; 
          
          padding: 0px;
          margin: 0px;
          
        }
        
        
        .whiteTransBRcorner {
          
          position: absolute; 
          background: url('../images/common/corners/white1px_bottomRight.gif') no-repeat bottom right;
          width: 5px;
          height: 5px;
          
          bottom: -2; 
          right: -1; 
          
          padding: 0px;
          margin: 0px;
          
        }
        
        
        .whiteTransBLcorner {
          
          position: absolute; 
          background: url('../images/common/corners/white1px_bottomLeft.gif') no-repeat bottom left;
          width: 5px;
          height: 5px;
          
          bottom: -2; 
          left: -1; 
          
          padding: 0px;
          margin: 0px;
          
        }
        
        
        
/******************
 * Detail styles
 *
 *
 */
 
        .detailWrapper {
          
          width: auto;
          color: #ffffff;
          text-align: left;
          
          border: 0px solid;
          
        }
        
        
        .detailBoxHeader {
          
          position: relative;
          height: 35px;
          width: auto;
          font-weight: bold;
          background-color: #a5c1df ;
          margin: 0px;
          padding: 0px; 
          border: 0px solid green;
          
        }
        
        
        .detailBorderLeft { border-left: 2px solid #d6d6d6; }  
          
        .detailBorderRight { border-right: 2px solid #d6d6d6; }  
          
        .detailBorderTop { border-top: 2px solid #d6d6d6; }  
          
        .detailBorderBottom { border-bottom: 2px solid #d6d6d6; }  
        
        .detailBgLogo {
          
          float: right; 
          
          margin-right: 10px; 
          padding-top: 3px 0px 0px 0px; 
          border: 0px solid yellow; 
          width: 108px; 
          height: 16px;
          
        }
        
        
        .detailTypeLogo {
          
          float: left; 
          
          margin: 0px 15px 0px 10px; 
          padding-top: 3px 0px 0px 0px; 
          border: 0px solid; 
          
        }
        
        
        .detailTLcorner {
          
          position: absolute; 
          background: url('../images/common/corners/gray2_topLeft_detailBlueOnWhite.gif') no-repeat top left;
          width: 6px;
          height: 6px;
          
          top: -2; 
          left: -2; 
          
          padding: 0px;
          margin: 0px;
          border: 0px solid red;
          
        }
        
        
        .detailTRcorner {
          
          position: absolute; 
          background: url('../images/common/corners/gray2_topRight_detailBlueOnWhite.gif') no-repeat top right;
          width: 6px;
          height: 6px;
          
          top: -2; 
          right: -2; 
          
          padding: 0px;
          margin: 0px;
          
        }
        
        
        .detailBRcorner {
          
          position: absolute; 
          background: url('../images/common/corners/gray2_bottomRight_WhiteOnWhite.gif') no-repeat bottom right;
          width: 6px;
          height: 6px;
          
          bottom: -2; 
          right: -2; 
          
          padding: 0px;
          margin: 0px;
          
        }
        
        
        .detailBLcorner {
          
          position: absolute; 
          background: url('../images/common/corners/gray2_bottomLeft_WhiteOnWhite.gif') no-repeat bottom left;
          width: 6px;
          height: 6px;
          
          bottom: -2; 
          left: -2; 
          
          padding: 0px;
          margin: 0px;
          
        }
        
        
        .detailNav {
          
          height: 20px;
          background: #5f93c7;
          padding: 4px 40px;
          
        }
        
        
        .detailContent {
          
          color: #000000;
          background: url('../images/common/fade/articleBodyFade.jpg') repeat-x;
          padding: 14px;
          
          word-wrap: break-word;
          overflow: hidden;
          text-overflow: ellipsis;
          
         }
         
         .truncateText {
          text-overflow: ellipsis;
          overflow: hidden;
          white-space: nowrap;
          word-wrap: break-word;
      
          }
        
        
        

        /* Hides from IE-mac \*/
        * html .clearfix {height: 1%;}
       /* End hide from IE-mac */