/*   global tags - not zone specific................................. */



.bg_logo {
background-color:#003399;

}



body {

   background-color: #FFFFFF;
    width: 100%;     

/*
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 

   color: #000000;

   margin-top:0;

   margin-left:0;

   

   margin-bottom:0;

  
*/
}



.bodyTable {

        width: 100%;    
}



.zoneFive {

        background-color: #FFFFFF;

        vertical-align: top;

        text-align: left;

        height: 400px;
}

/*   th uses same attributes as listHeader and replaces the need for listHeader in the TDs...... */



th {

        font-weight: bold;

        color: #EEEEEE;

        background-color: #999999;

        font-size: xx-small;

}



form {
        display: inline;

        color: #000000;

        border: 0px;

        margin: 0px;
        
        padding: 0px;

}



input {

        color: #000000;

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

        font-size: xx-small;
        
        font-weight: normal;

        padding: 0px;

        margin: 0px;

}



option {

        color: #000000;

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

        font-size: xx-small;
        
        font-weight: normal;
}



select {

        color: #000000;

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

        font-size: xx-small;
        
        font-weight: normal;

}



textarea {

        color: #000000;

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

        font-size: xx-small;
        
        font-weight: normal;

}



A {

  color: #000000;

  font-size: xx-small;

  text-decoration: underline;

}



hr {

  size: 1px;

}



p {

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

        font-size: xx-small;
        
        font-weight: normal;

        color: #000000;

        margin:0;

}


table {
	     
		  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

        font-size: x-small;
        
        font-weight: normal;
}


.footer {

		  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
		  
        font-size: xx-small;

        height: 54px;

        background: url("/csp/ep/images/global/footerBg.gif") repeat-x bottom;  

        width: 100%;    

}



div.footer span.left, div.footer span.left A {

  float: left;

  text-align: left;

  width: 60%;

  color: #ffffff;

  padding-top: 3px;     

}



div.footer span.right {

  float: right;

  text-align: right;

  width: 40%;

  color: #ffffff;

  padding-top: 3px;

}



.fullPage {

        width: 100%;

        margin-bottom: 50px;

}

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

/*    UTILITIES, HEADERs,                          */

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

.utilityTab {

        float: right;

        background-color:#003399;

        margin: 0px;

        padding: 0px 0px 0px 9px;

        text-decoration: none;

        cursor: hand;

        height: 33px;

}



.utilityTab ul {

        margin: 0px;

        padding: 0px 0px 0px 9px;

}



.utilityTab li {

        display: inline;

        margin: 0;

        padding: 0px;

}



.utilityTab a {

        float: left;

        margin: 0px;

        padding: 6px 0px 0px 9px;

        text-decoration: none;

        cursor: hand;

}



.utilityTab a:hover {

        text-decoration: underline;

}



.utility {

   float: left;



        height: 33px;

        color: #CCCCCC;

}



.utility a{

  font-weight: bold;

  text-decoration: none;

}



.utility a:hover {

        text-decoration: underline;

}



.username {

        color: #FFFFFF;

        font-weight: bold;

        font-size: x-small;

        padding: 0.5em;

}



.signIn {

        padding: 0.5em;

}


.micrositeDropdown {
        
        float: right;
        
        padding: 10px;
}

/*  =========================  */

/*   TLPs Tabs 

/* ========================= */

.headerTab {

        float: left;

        line-height: normal;

        background-color: #DBE3D4;

        width: 100%;


      repeat-x bottom;

}



.headerTab ul {

        margin: 0;

        padding: 10px 10px 0px;

        

}



.headerTab li {

        display: inline;

        margin: 0;

        padding: 0px;

        

}



.headerTab a {

        float: left;

        display: block;

        background-color: #DBE3D4;

        margin: 0;

        padding: 0px 0px 0px 8px;

        text-decoration: none;

        cursor: hand;

        

}



/* height of unselected tab is padding-bottom 8px */

.headerTab a span {

        float: left;

        display: block;


        padding: 2px 25px 4px 0px;

        font-size: 11px; 

        background: url(/csp/isd/images/navbar_3dots.gif) top right no-repeat;



        color: #000000;

}

.headerTabLast a span{


        font-size:11px;
        background-image:none; 

}


.TLPtabOn a {

   background-position:0 -150px;

   border-width:0;

   font-weight: bold;
        /*position: absolute;*/

  background: url(/csp/isd/images/navbar_3dots.gif) top right no-repeat; 

}


.TLPtabOnLast a {

   background-position:0 -150px;

   border-width:0;

   font-weight: bold;
        /*position: absolute;*/
   background-image:none;    

}

.TLPtabOnLast a span {
	background-image: none;
}





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

/*    Content Columns           */

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


.column1 {

        padding: 10px 10px 10px 0px;
        
        height: 450px;

}


.column2, .column3, .column4, .column5 {

        padding: 10px 5px 10px 5px;

}


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

/*    blocks Wrap, Titles      */

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

.relatedItemsBlocktitle {

        background-color: #669933;

        padding: 0px 0px 0px 10px;
        width: 150px;

}

.relatedItemsBlocktitle span {

        display: block; 

        background-color: #669933;

        padding: 5px 10px 5px 0px; 

        font-size: xx-small;

        font-weight: bold;

        color: #FFFFFF;

}



.relatedItemsBlockWrap {

        border: 1px solid #cccccc;

        margin-bottom: 10px;

        padding: 10px;

        font-size: xx-small;

        font-weight: normal;

        color: #666666;
        width: 150px;

}

.relatedItemsBlockWrap a {

   color: #666666;
   width: 150px;

}


.menuBlocktitle {

        background-color: #82B153;

        padding: 0px 0px 0px 10px;

}

.menuBlocktitle span {

        display: block; 

        background-color: #82B153;

        padding: 5px 10px 5px 0px; 

        font-size: small;

        font-weight: bold;

        color: #FFFFFF;

}



.menuBlockWrap {

        border: 1px solid #999;

        margin-bottom: 10px;

        padding: 10px;

        font-size: x-small;

        font-weight: normal;

        color: #CCCCCC;

}


.blockTitle span.left {

  background-image: url(/csp/cdg/images/dg_listHeader_bar.gif);
	background-repeat: repeat-x;

  padding: 5px 5px 5px 5px;

  float: left;

  text-align: left;

  width: 40%;

  color: #FFFFFF;

  font-weight: bold;

  font-size: x-small;
  
}



.blockTitle span.right { 
  
  background-image: url(/csp/cdg/images/dg_listHeader_bar.gif);
	background-repeat: repeat-x;
  
  padding: 3px 5px 0px 0px;

  float: right;

  text-align: right;

  width: 50%;

  white-space: nowrap;
  
  vertical-align: top;
}



.blockTitle a {

        color: #FFFFFF;

        font-size: x-small;     

}



.blockTitle {
        padding: 0px 0px 0px 0px;
        height: 23px;
        width: 100%;
  background-image: url(/csp/cdg/images/dg_listHeader_bar.gif);
	background-repeat: repeat-x;
}

.blockSubtitle {

        color: #ffffff;
		  
	font-weight: bold;

        background-color: #72727A;

        padding: 10px 10px 5px 5px; 

        text-align: left;

}



.blockSubtitle a {

        color: #ffffff;

}


.blockSubtitle span.left {

        color: #ffffff;
		  
	font-weight: bold;

        background-color: #72727A;



  float: left;

  text-align: left;

  width: 40%;

  
}



.blockSubtitle span.right { 
  
        color: #ffffff;
		  
	font-weight: bold;

        background-color: #72727A;



  float: right;

  text-align: right;

  width: 50%;

}


.pageSubtitle, .app_pageSubtitle {

        padding: 0px 0px 0px 0px;

        height: 23px;

        background: url(/csp/ep/images/blocks/Block_rc.gif) top right repeat;

}

.pageSubtitle span.left, .app_pageSubtitle span.left {

  background: url(/csp/ep/images/blocks/left_corner.gif) top left no-repeat;

  padding: 5px 5px 5px 5px;

  float: left;

  text-align: left;

  width: 50%;

  color: #FFFFFF;

  font-weight: bold;

  font-size: x-small;


}



.pageSubtitle span.right, .app_pageSubtitle span.right { 

  background: url(/csp/ep/images/blocks/right_corner.gif) top right no-repeat;

  padding: 3px 5px 0px 0px;

  float: right;

  text-align: right;

  width: 40%;

  white-space: nowrap;

}



.blockWrap {

        border: 1px solid #999;

        margin-bottom: 10px;

        font-size: xx-small;

        font-weight: normal;

        color: #000000;

}


.pageSubsubtitle {

        color: #226ABE;

        background-color: #EEEEEE;

        padding: 3px 10px 3px 10px; 

        text-align: left;
        
        font-weight: bold;

        margin-top: 20px;
}

.programTitle {

        color: #000000;

		  font-weight: bold;
		  
        background-color: #DBE3D4;

        padding: 10px 10px 5px 5px; 

        text-align: left;
        

}



.programTitle a {

        color: #000000;

}





.blockPad {

  padding: 10px;        
  

}


.menuBlockWrap browseCat {

        font-weight: normal;

        font-size: x-small;

        color: #666666;

        padding-top: 5px;

        height: 20px;

}



.menuBlockWrap browseCat img {

        padding-right: 1px;

}



.browseSubcat ul{

        font-weight: normal;

        font-size: xx-small;

        color: #000000;

        margin-top: 5px;

        margin-bottom: 10px;

        list-style-type: square;

        padding-right: 10px;

}



.browseCat a, .browseSubcat li a{

        text-decoration: none;
        

        color: #000000;

}



.browseSubcat a:hover, .browseCat a:hover {

        text-decoration: underline;

}

.productTable.browseCat a {
        
        font-weight: bold;
}



.blockStatusText {
        background-color: #FF0000;
        
        color: #FFFFFF;
        
        font-weight: bold;
        
        text-align: center;
}



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

/*    Ads                   */

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



.homeAd {

        margin-bottom: 10px;

}





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

/*    Products              */

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



.productTitle {

        font-size: xx-small;

        font-weight: bold;

        color: #000000;

}

.listPriceLine {

        font-size: xx-small;

        font-weight: normal;

        color: #000000;

        text-decoration: line-through;

}

.salesPrice {

        font-size: xx-small;

        font-weight: bold;

        color: #666666;

}

.available {

        font-size: xx-small;

        font-weight: bold;

        color: #339900;

}

.notAvailable {

        font-size: xx-small;

        font-weight: bold;

        color: #FF0000;

}



.shortDesc, .longDesc {

        text-decoration: none;

        color: #000000;
        
        font-size: xx-small;

}



.divider {

        border-right: 1px solid #ccc;

        margin: 5px 0 5px 0;

        height: 150px;

}



.divider2 {

        border-top: 1px solid #ccc;

}



.promoProduct {

        padding: 5px 0 25px 10px;

}



.div.promoProduct img, .div.specialProduct img, .div.bestSelling img {

        cursor: hand;

}

.productTable {
        background-color: #ffffff;
}


.productDetail {

   float: left;

        font-size: xx-small;

        color: #000000;

        margin-bottom: 0;

        padding: 10px;

}



.imageWrap {

        border: 1px solid #ccc;

        padding: 10px;

        

}



.iconText {

        font-size: xx-small;

        font-weight: normal;

        color: #999999;

        background-color: #EEEEEE;

        padding: 2px;

        border: 1px solid #ccc;

        border-right: 3px solid #ccc;

        margin-left: 5px;

        text-decoration: none;

}



.iconText a{

        text-decoration: none;

        color: #999999;

}

.productTab {

   border-bottom : 1px solid #06379D;

        margin : 0;

        padding-bottom : 33px;

        padding-left : 10px;

        clear: both;

}



.productTab ul, .productTab li  {

        display : inline;

        list-style-type : none;

        margin : 0;

        padding : 0;

}



        

.productTab a:link, .productTab a:visited       {

        background : #EEEEEE;

        border : 1px solid #06379D;

        color : #666;

        float : left;

        font-size : xx-small;

        font-weight : normal;

        line-height : 14px;

        margin-right : 2px;

        padding : 2px 5px 2px 5px;

        text-decoration : none;

}



.productTab a:hover     {

        color : #06379D;

}



#productTabOn a {

  background : #fff;

  border-bottom : 1px solid #fff;

  color : #000000;

  font-weight: none;

}



.productTab-contents {

   background : #FFFFFF;

        border-left : 1px solid #ccc;

   border-right : 1px solid #ccc;
        
        border-bottom : 1px solid #ccc; 
        
        clear : both;

        margin : 0px;

        padding : 15px;

        color: #000000;

}

.zoomWrap {

        border-bottom: 1px solid #ccc;

        color: #999999;

        background-color: #eeeeee;

        font-size: xx-small;
}



.highlightText{

        border: 1px dashed #ccc;

        background-color: #EEEEEE;

        color: #999999;

        padding: 3px;

}



.productTab-title {

        background-color: #C8FBA6;
        
        border: 1px solid #999;
        
        border-right: 10px solid #999;
        
        color: #666666;
        
        padding: 3px;
        
        width: 100%;

}

.specTable {

        border: 5px solid #FFC983;

        margin-top: 5px;

        background-color: #FFC983;

}

.specTable th{

        padding: 2px;

        background-color: #FDA432;

}

.specTable tr{

        padding: 2px;

        color: #000000;

}



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

/*    TITLEs, DIVIDERs, FOOTERs           */

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

.breadcrumb {

        font-size: xx-small;
		  
		  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

        color: #669933;

        background-color: #DBE3D4;

        padding: 3px 10px 3px 10px;     

        clear: both;

       border-top: 1px solid #CCCCCC;
       border-bottom: 1px solid #669933;

}

.productBreadcrumb {

        font-size: xx-small;

        color: #595959;

        background-color: #FFFFFF;

        padding: 3px 10px 3px 10px;     

        clear: both;

        margin: 3px 0px 3px 0px;
        
        text-align: left;

}





.pageTitle, .app_pageTitle {

        color: #666666;

        font-size: medium;

        font-weight: bold;

        text-align: left;

        padding-bottom: 10px;

}


.greenTitle {
        
        color: #598339;
        
        font-size: large;
        
        font-weight: bold;
        
        text-align: left;
        
        padding-bottom: 10px;
}




.titleLink {

        

    border-top: 5px solid #FFFFFF;

        border-bottom: 1px solid #FFFFFF;

        border-left: 1px solid #FFFFFF;

        border-right: 1px solid #FFFFFF;

        background-color: #FFFFFF;

        vertical-align : center;

        margin-right: 5px;

}



.contentTitle {

   color: #003399;

        font-size: 11px;

        font-weight: bold;

        text-align: left;

        padding-top: 10px;

        padding-bottom: 10px;   

}



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

/*    PageTabs       */

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



.pageTabOn {

  background-color: #9CBECE;

  padding: 2px;

}



.pageTabOn a{

  color: #ffffff;

  font-weight: bold;

  text-decoration: none;

}



.pageTabOff {

  background-color: #C8FBA6;

}



.pageTabOff a{

  color: #000000;

   text-decoration: none;

}



.tabOn {

        background-color: #9CBECE;

}



#pageBody {

        border: 2px solid #9CBECE;

}


.formTab {
        float: left;
        line-height: normal;
        background-color: #ffffff;
        width: 100%;
        border-top: 5px solid #ffffff;
        border-bottom: 2px solid #336699;       
}

.formTab ul {
   margin: 0;
        padding-left: 10px;
}

.formTab li {
        display: inline;
        margin: 0;
        padding: 0;
}

.formTab a {
   float: left;
        text-decoration: none;
        margin-top:3px;
}


.formTabOn a{
   float: left;
        background-color: #336699;
        padding: 5px;
        color: #ffffff;
        margin-right: 5px;
        margin-bottom: 0px;
        border: 1px solid #336699;
        border-bottom: none;
}

.formTabOff a{
   float: left;
        background-color: #D6DBEF;
        padding: 5px;
        color: #336699;
        margin-right: 5px;
        margin-bottom: 0px;
        border: 1px solid #336699;
        border-bottom: none;
}



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

/*   PAGEINSTRUCTION,                              */

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

.pageInstructions {

        color: #72727A;

        background-color: none;

        padding: 5px 10px 5px 5px; 

        text-align: left;

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

        font-size: xx-small;
        
        font-weight: normal;
}

div.blockWrap .pageInstructions, div.blockTable .pageInstructions {
        color: #ffffff;

        background-color: #72727A;

        padding: 5px 10px 5px 5px; 

        text-align: left;
        
        font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

        font-size: xx-small;
        
        font-weight: normal;
}


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

/*    Columns, Dialogs and Records           */

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



.labelForm {

        padding: 5px 0 0 10px;

        color: #000000;
        
        clear: both;

}



.label {

  color: #333333;

  font-weight: bold;

  font-size: xx-small;

  padding: 3px 3px 3px 10px;
  
  vertical-align: top;

  background-color: #FFFFFF;

}



.labelField {

  color: #000000;

  font-weight: normal;

  font-size: xx-small;

  padding: 0.5em;

  vertical-align: top;

  background-color: #FFFFFF;

}

.pagination {
        text-align: right;
        background-color: #CCCCCC;
        padding-top: 0.6em;
        padding-bottom: 0.6em;
        padding-right: 0.6em;
   border-top: 5px solid #CCCCCC;
        border-bottom: 3px solid #CCCCCC;
        border-left: 10px solid #CCCCCC;
        border-right: 10px solid #CCCCCC;       
        font-size: xx-small;
        color: #333333;
}



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

/*    Buttons                                */

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





.generalWrapRight {

   margin: 10px 0px 10px 10px;  

   text-align: right;

}



.generalWrapLeft {

   margin: 10px 0px 10px 10px;  

   text-align: left;

}

div.generalWrapRight .label {
        
        vertical-align: none;
        
}

div.generalWrapLeft .label {
        
        vertical-align: none;
        
}


.globalButtonWrap {

        padding: 5px 0px 2px 5px;

}

.globalButtonWrap span {

        margin-left: 20px;

        color: #000000;

}



.inputButton {

  background-color: #226ABE;

  color: #FFFFFF;

  text-decoration: none;

  font-weight: bold;

  cursor: hand ;

  font-size: xx-small;

  border: 1px solid #000;

}

.pageButtonWrap {
        
        padding: 5px 5px 5px 0px;
        
        background-color: #72727A;

}

.pageButton {

  background-color: #226ABE;

  color: #FFFFFF;

  text-decoration: none;

  font-weight: bold;

  cursor: hand ;

  font-size: xx-small;

  border: 1px solid #000;

}



.globalButton {

  background-color: #226ABE;

  color: #FFFFFF;

  text-decoration: none;

  font-weight: bold;

  cursor: hand ;

  font-size: xx-small;

  border: 1px solid #000;
}

.disabledButton {
        
  background-color: #CCCCCC;

  color: #FFFFFF;

  text-decoration: none;

  font-weight: bold;

  cursor: hand ;

  font-size: xx-small;

  border: 1px solid #000;
  
}

.actionIcon {
 
  background-color: #FFFFFF;

}

.paginationBtn {
        background-color: #EEEEEE;
        padding-left: 0.3em;
        padding-right: 0.3em;
        text-decoration: none;
        font-weight: normal;
        color: #003366;
        border: 1px solid #CCC;
        border-right: 2px solid #666;
        border-bottom: 2px solid #666;
}

.lineWrap {

        background-color: #CCCCCC;

        border-top: 5px solid #CCCCCC;

        border-bottom: 5px solid #CCCCCC;

        border-left: 10px solid #CCCCCC;

        border-right: 10px solid #CCCCCC;
}

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

/*    Tables                                                      */

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



.blockTable {

   margin-bottom: 10px;

   height: auto;

   clear: both;

   color: #000000;

   font-size: x-small;
        
        border: 1px solid #36373C; 

}



.dataTable {

  background-color: #CCCCCC;            

  color: #000000;
  
  clear: both;
  
  font-size: xx-small;

}



.listHeader {

  font-weight: bold;

  color: #000000;       

}



.listHeader th, .listHeader th A {

        padding: 0.2em;

        font-weight: bold;

        color: #555555;

        background-color: #DBE3D4;

        font-size: xx-small;
        
        height: 22px;

}



tr.listEven {

        background-color: #EEEEEE; 
	
        vertical-align: top;

}



td.listEven {

        font-weight: normal;

        vertical-align: top;

        padding: 0.5em;

}



tr.listOdd {

        background-color: #FFFFFF; 

        vertical-align: top;

}



td.listOdd {

        font-weight: normal;

        vertical-align: top;

        padding: 0.5em; 

}

tr.listOdd TD, tr.listEven TD {
	padding: 5px;
}


tr.listSelected {
        
        background-color: #B5CE9C; 
        
        vertical-align: top;
        
        color: #666666;
}

td.listSelected {
        
        font-weight: normal;
        
        font-style: italic;
        
        vertical-align: top;
        
        padding: 0.5em; 
}


.errorMessage {

        color: #FF0000;

        font-size: x-small;

        font-weight : bold;

        padding-top: 5px;

        padding-bottom: 5px;

        padding-left: 0;

}



.messageText {

        color: #FDA432;

        font-size: x-small;

        font-weight : bold;

        padding-top: 5px;

        padding-bottom: 5px;

        padding-left: 0;

}


.contentBody { 

        font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
		  
        font-size: small;
        
        padding-top: 25px;

}



.contentBody A {

        font-size: small;

}

div.contentBody P {
        
        font-size: small;
}


li {

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

        font-size: x-small;

}

div.contentBody li {

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

        font-size: small;

}



dl {

        font-size: small;

}

.price {

        font-size: small;

        font-weight : bold;

}



.signin {

        font-size: large;

        font-weight : bold;

        color: #3D8E02;

}

.blueTitle, .blueTitle2 {

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

        font-size: large;

        font-weight : bold;

        color: #005284;

}


.blueTitle a, .blueTitle2 a  {

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

        font-size: large;

        font-weight : bold;

        color: #005284;

}



.menu {  

  font-size: xx-small;  

  color: #000000;       

        padding-top: 5px;

        padding-bottom: 5px;

  

}



.menu a {

        text-decoration: none;

        color: #000000;

}







/*updated 080404*/

.submenuitemup {

        padding: 3px 0px 10px 0px;

        margin: 0 3px;

        background-color: #F9F9ED;

        border: 1px solid #9BA18B;

        align: center;

}





/* JPP ADDITIONS */


.register a {

        font-size: small;

        font-weight : bold;

        color: #005284;

}


.channelDescription {

        font-size: small;
        
        font-weight: bold;      

}




.contentName a {

  font-size: 11px;
  font-weight: bold;
  color: #003399;
	 text-decoration: none;}   // Add this so that the link underline is not showing until mouse is over

.contentName a:hover {  // When mouse over show underline.. New class
       text-decoration: underline;}







.contentAuthor {

  font-size: x-small;

  color: #000000;

  font-style: italic;

}



.contentDate {

  font-size: 10px;

  color: #999;

  font-weight: bold;

}

div.blockPad tr.listEven TD, div.blockPad tr.listOdd TD{
	padding: 5px 15px 10px 5px;
     }




.contentDetail {

        margin-top: 20px;

}


.titleButton {

  background-color: #226ABE;

  color: #FFFFFF;

  text-decoration: none;

  font-weight: bold;

  cursor: hand ;

  font-size: xx-small;

  border: 1px solid #000;

}


tr.menuOn {  

  font-size: xx-small;  

  background-color: #000000;

  

}



td.menuOn {

  padding-top: 2px;

  padding-bottom: 2px;



}

td.menuOff a:hover {
        
        font-weight: bold;
        
}



td.menuOff {

  padding-top: 2px;

  padding-bottom: 2px;

}



td.menuOn a {

        text-decoration: none;

        color: #ffffff;

}


tr.menuOff {  

  font-size: xx-small;  

  background-color: #FFFFFF;

  padding-top: 5px;

  padding-bottom: 5px;

}


td.menuOff a {

        text-decoration: none;

        color: #000000;

}

/***************************************************/
/*   WIZARDS                                       */
/***************************************************/

.wizBody {
        background-color: none;
        width: 100%;
        margin: 0px;
        padding: 10px 0px 10px 0px;
}

.wizBody ul {
   margin: 0;
        padding-left: 0px;
}

.wizBody li {
        display: inline;
        margin: 0px;
        padding: 0;
}


.wizCurrent {
   border-left: 3px solid #666;
        border-right: 3px solid #666;
        border-top: 1px solid #666;
        border-bottom: 3px solid #666;
   color: #666666;
        background-color: #eeeeee;
        font-weight: bold;
        text-align: left;
}

.wizDivider {
        border-bottom: 3px solid #666;
        margin: 0px;
        padding: 10px;
        text-align: left;
}

.wizNext, .wizPrevious {
        border-left: 1px solid #666;
        border-right: 1px solid #666;
        border-top: 1px solid #666;
        border-bottom: 3px solid #666;
   color: #666666;
}

.wizBody span {
  font-size: x-small;
  padding: 5px; 
}

/*============================*/
/*  Shopping Module           */
/*============================*/

.zoneFiveNoMenu {
        border-left: 30px solid #fff;
        border-right: 30px solid #fff;
        height: 400px;
        width: 100%;
} 

/*============================*/
/*  Profile Tabs              */
/*============================*/

.pageSubTabOn {
        background-color: #80AE4C;
        text-decoration: none;
        padding: 5px;
}

.pageSubTabOn a{
        background-color: #80AE4C;
        text-decoration: none;
        font-size: x-small;
        font-weight: bold;
        color: #ffffff;
}

.pageSubTabOn a:hover {
        color: #000000;
}

.pageSubTabOff {
        background-color: #DDDDDD;
        text-decoration: none;
        padding: 5px;
}

.pageSubTabOff a{
        background-color: #DDDDDD;
        text-decoration: none;
        font-size: x-small;
        font-weight: bold;
        color: #666666;
}

.pageSubTabOff a:hover {
        color: #226ABE;
}

.subTab {
   padding: 1px;
}

.pageSubTabDisable {
        color: #B8ADCB;
        background-color: #EEEEEE;
        font-size: x-small;
        font-weight: bold;
        padding: 5px;
}

/* ===============================  */

.dg_dataTable {
	background-color: #FFFFFF;
	color: #000000;
	clear: both;
	border-collapse: collapse; /*border: 1px solid #999;*/
	border: 1px solid #666;
}


.dg_listHeader {
  font-weight: bold;
  color: #000000;       
}

.dg_listHeader th, .dg_listHeader th A {
	padding: 0.2em;
	font-weight: bold;
	color: #333333;
	font-size: small;
	height: 22px;
	border-bottom: 1px solid #6957B5;
	background-image: url(/csp/cdg/images/dg_listHeader_bar.gif);
	background-repeat: repeat-x;
}


.dg_cell {
	color: #5238C2;
	font-size: small;
	padding: 5px;
	text-decoration: none;
	background-color: #fff; /*#E4EAF2;*/
	background-image: url(/csp/cdg/images/dg_td_bg.gif);
	background-position: left;
	background-repeat: no-repeat;
}

.dg_cell a, .dg_cell a:visited {
	color: #5238C2;
	font-size: small;
	padding: 5px;
	text-decoration: none;
}

.dg_cell a:hover {
	text-decoration: underline;
}


.programDescription {
        border: 1px solid #36373C;

        font-size: x-small;

        font-weight: normal;

        color: #000000;

	padding: 5px;

}


.contentAbstractHeader {
	font-size: small;
	font-weight: bold;
	display: block;
        padding: 10px 0px 10px 9px;
	
}

.contentAbstractContent {
	font-size: x-small;
	font-weight: normal;
	display: block;
        padding: 0px 0px 10px 9px;
	
}


td.productInfoLabel {
	font-weight: bold;
	width: 40%;
}

td.productInfoData {
	width: 60%;		
}




/* ========================= */
/* FORUM - addition (chu)    */
/* ========================= */

.dg_dataTable TD {
	border-bottom: 1px dotted #ccc; 
}

div.keywords {
	border-bottom: 1px dotted #ccc; /*border-left: 1px dotted #ccc;
	border-right: 1px dotted #ccc;
	border-top: 1px dotted #ccc;*/
	width: 100%;
	background-image: url(/csp/cdg/images/formBg2.gif);
	background-repeat: repeat-x;
}

div.keywords .labelForm .label {
	width: 10%;
	vertical-align: middle;
	background-color: transparent;
}
div.keywords .labelForm .labelField {
	width: 90%;
	vertical-align: middle; 
	background-color: transparent;
}

.resultsText {
	color: #501AEC;
	font-family: Century Gothic; 
   font-size: 11px;
   font-weight : bold;
	text-align: left;
	width: 300px;
	float: left;
	padding-left: 5px;
}

.pagination {
	text-align: right;
	padding-top: 0.6em;
	padding-bottom: 0.6em;
	padding-right: 0.6em;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	font-family: "Century Gothic";
	font-size: 11px;
	font-weight: bold;
	color: #333333;
	background-image: url(/csp/cdg/images/formBg.gif);
	background-repeat: repeat-x;
}

.paginationBtn {
   background-color: #EEEEEE;
   padding-left: 0.3em;
   padding-right: 0.3em;
   text-decoration: none;
   font-weight: bold;
	font-size: 11px;
   color: #003366;
   border: 1px solid #CCC;
   border-right: 2px solid #666;
   border-bottom: 2px solid #666;
}

.paginationBtn:hover {
	background-color: #B2C99B;
}

div.resultTable .dataTable .listHeader th, div.resultTable .dataTable .listHeader th A {
	padding: 5px 5px 5px 5px;
	font-size: 10px;
	background-color: #eeeeee;
	color: #333333;
}

div.resultTable .dataTable .listOdd TD, div.resultTable .dataTable .listOdd2 TD {
	padding: 10px 5px 10px 5px;
}

div.resultTable .dataTable .listEven TD, div.resultTable .dataTable .listEven2 TD {
	padding: 10px 5px 10px 5px;
}

div.resultTable TABLE.dataTable TR.listOdd A, div.resultTable .dataTable .listEven2 A, 
div.resultTable .dataTable .listEven A, div.resultTable .dataTable .listEven2 A, 
div.resultTable .dataTable .listOdd A:visited, div.resultTable .dataTable .listOdd2 A:visited,
div.resultTable .dataTable .listEven A:visited, div.resultTable .dataTable .listEven2 A:visited 
{
	color: #395AB7;
	text-decoration: none;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11px;
}

div.resultTable TABLE.dataTable tr.listOdd A:hover, div.resultTable .dataTable .listOdd2 A:hover,
div.resultTable .dataTable .listEven A:hover, div.resultTable .dataTable .listEven2 A:hover {
   color: #395AB7;
	text-decoration: underline;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11px;
}

div.resultTable TABLE.dataTable tr.listEven {
	background-color: #EDF3FE;
}

div.resultTable TABLE.dataTable tr.listOdd {
	background-color: #FFFFFF;
}

div.resultTable TABLE.dataTable tr.listEven2 {
	background-color: #DEFCDE;
}

div.resultTable TABLE.dataTable tr.listOdd2 {
	background-color: #FFFFFF;
}

/*---- move these two from previous --- */
.forumMessagesTable {
	width: 100%;
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 12px;
}

.forumMessagesTable td {
	border: 1px solid #CCCCCC;
	padding: 5px;
}
/* ---------------------  */

.forumMessagesTable .titleButtonWrap {
	padding: 5px 5px 5px 0px;
	margin-bottom: 10px;
}

.forumMessagesTable .dateNtime {
	padding: 5px 10px 10px 10px;
}

.forumMessagesTable .authorName {
	font-weight: bold;
	padding-bottom: 5px;
}

.titleButtonWrap .titleButton {
	padding: 3px;
}

/* ---------------------- */
/* Editiorial Addition    */
/* -----------------------*/

TABLE.editorial .productImage {
   padding: 3px;
}

TABLE.editorial .productTitle {
	font-size: 12px;
	color: #669933;
	padding-bottom: 10px;
}

DIV.techInfo {
	float: left;
	width: 100%;
	margin-bottom: 20px;
}

.techInfo .label {
	float: left;
	font-size: 11px;
	font-weight: bold;
	color: #7F99CC;
	padding: 2px;
	width: 100px;
}

.techInfo .labelField {
	font-size: 11px;
	font-weight: normal;
	color: #669933;
	padding: 2px;
}

TABLE.editorial .contentAuthor, TABLE.editorial .contentDate,
TABLE.editorial P {
	font-size: 11px;
	font-weight: normal;
	font-style: italic;
	color: #330099;;
	margin-bottom: 0;
}


TABLE.editorial {
	border-right: 1px solid #669933;
}

TABLE.editorial TD {
	padding: 5px;
}

TABLE.editorial .contentBody, TABLE.editorial .contentBody P  {
	padding: 0;
	font-size: 11px;
	
	font-style: normal;
	color: #555555;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}


 

TABLE.contentDetail .relatedItemsBlocktitle,
TABLE.contentDetail .relatedItemsBlocktitle span {
	background: #669933 none;
	
	text-align: left;
	padding: 3px;
	color: #FFFFFF;
	
}

TABLE.contentDetail .relatedItemsBlockWrap {
	float: center;
	border: none;
	background: #FFFFFF none;
	text-align: left;
	width: 150px;
	
}

TABLE.contentDetail .relatedItemsBlockWrap .rItemsFile {
	border: none;

}

TABLE.contentDetail .relatedItemsBlockWrap .rItemsFile A {
	color: #669933;
	font-size: 11px;
	text-decoration: none;
	
}

TABLE.contentDetail .relatedItemsBlockWrap .rItemsFile A:hover {
	text-decoration: underline;
}

TABLE.contentDetail .relatedItemsBlockWrap .rItemsSize {
	color: #669933;
	font-size: 11px;
	padding-left: 25px;
	border:none;
}