/*==================================================================*/
.sso-btn {
    display: inline-block;
    background: white;
    color: #444;
    width: 200px;
    border-radius: 5px;
    border: thin solid #ddd;
    /*box-shadow: 1px 2px 2px grey;*/
    white-space: nowrap;
    text-align:left;
    padding:4px;
    margin-top:5px;
}
.sso-btn:hover {
    cursor: pointer;
    border: thin solid #007bff;
}
.sso-btn-icon {
    vertical-align: middle;
    width:25px;
    height:25px;
}
.sso-btn-txt {
    display: inline-block;
    vertical-align: middle;
    padding-left: 12px;
    font-size: 12px;
    font-weight: bold;
}

.txtUCFirst:first-letter{
  text-transform: capitalize
}
/*==================================================================*/
/* dropdown */
.opl-dd {
  position: relative;
  display: inline-block;
  box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important;
}

.opl-dd-content,.opl-dd-content-rtl {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 130px;
  /*box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);*/
  box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important;
  z-index: 1;
  border-radius:3px;
  margin-top:0px;
  border-top:solid 3px #ddd;
}
.opl-dd-content{
    right:0px !important;
    text-align:right !important;
}
.opl-dd-content-rtl{
    left:0px !important;
    text-align:left !important;
}

.opl-dd-content li ,.opl-dd-content-rtl li{
  color: #007bff !important;
  padding: 8px 16px;
  text-decoration: none;
  display: block;
  font-size:11pt;
  cursor:pointer;
}

.opl-dd-content li:hover ,.opl-dd-content-rtl li:hover {background-color: #f1f1f1;color:black !important}
.opl-dd:hover .opl-dd-content , .opl-dd:hover .opl-dd-content-rtl{display: block;}


.opl-dd .opl-dd-btn {
  font-size: 14px;  
  border: none;
  border-radius:3px;
  outline: none;
  color: #007bff !importan;
  background-color: #f9f9f9;
  font-family: inherit;
  margin: 0;
}

.opl-dd-btn:hover {
  background-color: #f1f1f1;

}

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

.beginnerMain {
    vertical-align:middle;
    text-align:center;
    font-weight:bold;
    font-size: 14pt; 
    width:130px;
    height:100px;
    border: 1px solid #B5DE94;
    -moz-border-radius: 9px;
    border-radius:9px 9px 9px 9px;
    -webkit-border-radius: 9px;
        -moz-box-shadow:    3px 2px 2px #274A1C;
        -webkit-box-shadow: 3px 2px 2px #274A1C;
        box-shadow:         3px 2px 2px #274A1C;
  /*  behavior: url(/theme/opals/css/border-radius.htc);*/
}
.beginnerMain_over {
    vertical-align:middle;
    text-align:center;
    font-weight:bold;
    font-size: 14pt; 
    width:130px;
    height:100px;
    border: 1px solid #B5DE94;
    -moz-border-radius: 9px;
    border-radius:9px 9px 9px 9px;
    -webkit-border-radius: 9px;
        -moz-box-shadow:    3px 2px 2px #274A1C;
        -webkit-box-shadow: 3px 2px 2px #274A1C;
        box-shadow:         3px 2px 2px #274A1C;
  /*  behavior: url(/theme/opals/css/border-radius.htc);*/
}

td.beginnerMain a,
td.beginnerMain a:visited ,
td.beginnerMain_over a,
td.beginnerMain_over a:visited {
	text-decoration:none;
    text-shadow: 0 3px 3px black;
}


td.beginnerMain_over{
    background:#9FD755;
    /* Mozilla: */
    background: -moz-linear-gradient(top, #FCF843  , #48781D);
    /* Chrome, Safari:*/
    background: -webkit-gradient(linear,
                left top, left bottom, from(#8CD34B), to(#48781D));
    /* MSIE */
    filter: progid:DXImageTransform.Microsoft.Gradient(
                StartColorStr='#8CD34B', EndColorStr='#48781D', GradientType=0);

}
td.beginnerMain a,
td.beginnerMain a:visited {
/*    color: #FFFAC5  tomk: color changed for ADA compliance */
    color: #FFFFBB;
}
td.beginnerMain_over a,
td.beginnerMain_over a:visited {
    color: #FF6666;
        text-shadow: 0 3px 3px black;
}

td.beginnerMain img ,
td.beginnerMain_over img {
    border:none;
}


 td.rowTitle {
    font-weight: bold;
    width: 10% !important; 
    text-align: right;
    vertical-align: top;
    white-space: nowrap;
}
td.subject{
  font-weight:normal;
  text-align:left;  
}
.tyniBibliographic{
    border-collapse:collapse;
    margin-left:auto;
    margin-right:auto;
    width:720px;
    border:solid 1px black;
}
.quickUserFrm td,.quickUserFrm th{
        padding:3px;
        background-color: transparent;
        color:#185A70;
        font-family:arial;
        font-size:10pt;
 }
.quickUserFrm  {
  background:#EEEEEE;
  border:solid 1px #D2D2D2;
  -moz-border-radius: 3px;
  border-radius:3px 3px 3px 3px;
  -webkit-border-radius: 3px;
  padding:1px;-moz-box-shadow:    2px 2px 2px gray;
  -webkit-box-shadow: 2px 2px 2px gray;

}


  
.subjectListTbl {
    width:750px;
    background:#888888;    
    background: -moz-linear-gradient(top,#4D4D4D,#888888);
    background: -webkit-gradient(linear,
                left top, left bottom, from(#4D4D4D), to(#888888));
    filter: progid:DXImageTransform.Microsoft.Gradient(
                StartColorStr='#4D4D4D', EndColorStr='#888888', GradientType=0);

    border:solid 1px #D2D2D2;
    -moz-border-radius: 3px;
    border-radius:3px 3px 3px 3px;
    -webkit-border-radius: 3px;

}

table.tyniBibliographic td,
td.tyniBibliographic  {
    padding:2px;
    vertical-align:top;
    border-width: 1px;
    border-style: solid;
}
table.bordernone th,
table.bordernone td {
    border:none;
}
table{
  background:white;
}
#mainPage  table {
background-color:transparent;
}
#aboutUsDiv table {
background-color:transparent;
}

.searchMainTbl{
    width:80%;
    background-color: transparent;
    border:none;
}

/*============================================================================*/
    body{
      margin:0px 0px 0px 0px;
      padding:0px 0 70px 0;
      font-family:  arial,Tahoma,Verdana,Arial,Bitstream Vera Sans,sans-serif;
    }

    /* headerBase.inc */
    div.pHheader{
      font-family:arial;
        margin:0px 0px 0px 0px;
        background:gray;
      /*  background-image:url(../image/advance/bgPortlet.png);*/
    }
    .pHheader{
      font-family:arial;
      height:100px;
      margin:0px 0px 0px 0px;
       background-image:url(../image/advance/bgPortlet.png);
    }
    table.pHheader td{
        border:none;
        padding:0px;
    }
    div.pHheader td{
        border:none;
        padding:0px;
    }

    .srchHeader{
        color:#FFFFFF; 
    }    
    
    .libName{
        font-size:18pt;
        text-shadow: 0 3px 3px black;
        color:#00CCFF;
        font-family: arial;
        margin:25px 0px 0px 5px;
    }

    .rssItem{
        margin-left:0.5em;
        text-align:left;
        font-weight:normal;
    }
    .libHours_wd{
        width:100px;
        color:#1F58AD;
        font-weight:bold;
        text-align:right;
    }
    .libHours_closed{
        color:brown;
    }  
    .libHours_odd{
        background-color:#E6EEFB;color:#505556;
    }
    .libHours_even{
        background-color:#FFFFFF;color:#505556;
    }
    .odd {
        background-color:#E6EEFB;
    }

    .even {
        background-color:#FFFFFF;
    }
  
    .rowNewEvent {
        background-color:#E9F3F0;
    }
  
   .newItems{
        /*background-color:white;*/
        color:#505556;
        font-weight:normal;
        float:left;width:200px; height:102px;
        margin:18px 8px 0px 18px;
        border:solid 0px red;
    }


    .webLink{
        background-color:white;color:#505556;
        font-weight:normal;
    }

    .newsEvents{
        background-color:white;color:#505556;
        font-weight:normal;
    }

       .dbMenuHeader {
        height:25px;
        font-size:13pt;
        font-weight:bold;
        text-shadow: 0 1px 1px #13290A;
    }
  
  
    .disableOptSetting{
        display:none;
    }
    .enableOptSetting{
        float:right;
        display:block;
    }
    .itemsStyle_gray{
        background-color:gray;
    }

    .itemsStyle  {
        border-top:0px;
        text-align:left;
        FILTER: DropShadow(Color=gray, OffX=0, OffY=3, Positive=4);
        background-color:white;
        color:#505556;
        -moz-border-radius: 5px;
        border-radius:5px 5px 5px 5px;
        -webkit-border-radius: 5px;
       /* behavior: url(/theme/opals/css/border-radius.htc);*/
    }
     
    .btn_keyword , .btn_author,
    .btn_authorBwn, .btn_title,
    .btn_titleBegin, .btn_subject,
    .btn_subjectBwn, .btn_keyword_over ,
    .btn_author_over, .btn_authorBwn_over, 
    .btn_title_over, .btn_titleBegin_over, 
    .btn_subject_over, .btn_subjectBwn_over  {
        background:gray;
        font-weight:bold;
        height:27px;
        width:95px;
        text-shadow: 0 2px 2px black;
        FILTER: DropShadow(Color=#660033, OffX=1, OffY=2, Positive=2);
        color:#FFFFFF;
        border:none;
        padding-bottom:5px;
        -moz-box-shadow:    2px 2px 2px #232323;
        -webkit-box-shadow: 2px 2px 2px #232323;
        box-shadow:         2px 2px 2px #232323;

}
    .btn_keyword{
        background:gray;
        background-image:url("/theme/opals/image/advance/bgBtn_01.png");/*:#E8AE00;*/
        background: -moz-linear-gradient(top, #F3E198, #E8AE00);
        background: -webkit-gradient(linear,
                left top, left bottom, from(#F3E198), to(#E8AE00));
        filter: progid:DXImageTransform.Microsoft.Gradient(
                StartColorStr='#F3E198', EndColorStr='#E8AE00', GradientType=0);
    }
    .btn_keyword_over{
        background:gray;
        background-image:url("/theme/opals/image/advance/bgBtn_01.png");/*:#E8AE00;*/
        background: -moz-linear-gradient(top,  #E8AE00,#F3E198);
        background: -webkit-gradient(linear,
                left top, left bottom, from(#E8AE00), to(#F3E198));
        filter: progid:DXImageTransform.Microsoft.Gradient(
                StartColorStr='#E8AE00', EndColorStr='#F3E198', GradientType=0);
    }
    .btn_author, .btn_authorBwn{
        background:gray;
        background-image:url("/theme/opals/image/advance/bgBtn_01.png");/*:#0D7075;*/
        background: -moz-linear-gradient(top, #9FF3FD, #0D7075);
        background: -webkit-gradient(linear,
                left top, left bottom, from(#9FF3FD), to(#0D7075));
        filter: progid:DXImageTransform.Microsoft.Gradient(
                StartColorStr='#9FF3FD', EndColorStr='#0D7075', GradientType=0);
    }
    .btn_author_over, .btn_authorBwn_over{
        background:gray;
        background-image:url("/theme/opals/image/advance/bgBtn_01.png");/*:#0D7075;*/
        background: -moz-linear-gradient(top, #0D7075, #9FF3FD);
        background: -webkit-gradient(linear,
                left top, left bottom, from(#0D7075), to(#9FF3FD));
        filter: progid:DXImageTransform.Microsoft.Gradient(
                StartColorStr='#0D7075', EndColorStr='#9FF3FD', GradientType=0);
    }
    .btn_title, .btn_titleBegin{
        background:gray;
        background-image:url("/theme/opals/image/advance/bgBtn_01.png");/*:#263704;*/
        background: -moz-linear-gradient(top, #67940C, #263704);
        background: -webkit-gradient(linear,
                left top, left bottom, from(#67940C), to(#263704));
        filter: progid:DXImageTransform.Microsoft.Gradient(
                StartColorStr='#67940C', EndColorStr='#263704', GradientType=0);
    }
    .btn_title_over, .btn_titleBegin_over{
        background:gray;
        background-image:url("/theme/opals/image/advance/bgBtn_01.png");/*:#263704;*/
        background: -moz-linear-gradient(top, #263704, #67940C);
        background: -webkit-gradient(linear,
                left top, left bottom, from(#263704), to(#67940C));
        filter: progid:DXImageTransform.Microsoft.Gradient(
                StartColorStr='#263704', EndColorStr='#67940C', GradientType=0);
    }
    .btn_subject, .btn_subjectBwn{
        background:gray;
        background-image:url("/theme/opals/image/advance/bgBtn_01.png");/*:#5B0000;*/
        background: -moz-linear-gradient(top, #C48179, #5B0000);
        background: -webkit-gradient(linear,
                left top, left bottom, from(#C48179), to(#5B0000));
        filter: progid:DXImageTransform.Microsoft.Gradient(
                StartColorStr='#C48179', EndColorStr='#5B0000', GradientType=0);
    }
    .btn_subject_over, .btn_subjectBwn_over{
        background:gray;
        background-image:url("/theme/opals/image/advance/bgBtn_01.png");/*:#5B0000;*/
        background: -moz-linear-gradient(top, #5B0000, #C48179);
        background: -webkit-gradient(linear,
                left top, left bottom, from(#5B0000), to(#C48179));
        filter: progid:DXImageTransform.Microsoft.Gradient(
                StartColorStr='#5B0000', EndColorStr='#C48179', GradientType=0);
    }

     .eb_btn      {
        height:25px;
        width:85px;
        text-shadow: 0 1px 1px black;
        font-family:arial ;font-weight:bold;
        padding-bottom:5px;
        background-color:	#3E153E;
        color:white;
        border:none;  
        -moz-border-radius: 1px;
        border-radius:1px 1px 1px 1px;
        -webkit-border-radius: 1px;
       behavior: url(/theme/opals/css/border-radius.htc);
     }

    .btn-old, .btn_over,
    .btn_disabled, 
    .btn_01, .btn_01_over
     {
        height:25px;
        width:85px;
        text-shadow: 0 1px 1px black;
        font-family:arial ;font-weight:bold;
        padding-bottom:5px;
        background-color:gray;
        color:white;
        border:none;  
           /*   -moz-border-radius: 1px;
        border-radius:1px 1px 1px 1px;
        -webkit-border-radius: 1px;
       behavior: url(/theme/opals/css/border-radius.htc);
        -moz-box-shadow:    2px 2px 2px gray;
        -webkit-box-shadow: 2px 2px 2px gray;
        box-shadow:         2px 2px 2px gray;*/
    }
 .title {
       text-decoration: none;
       font-size :98%;
   }

   .title_loanPan{
       margin-top:-5px; 
       
   }
  .title_loanPan_hidden{
       margin-top:-100px;
   }
   
  .searchPanel, .searchResult, .bibliography, 
   .roundBorderPanel, .authorSearchPanel, .ebookSearchPanel, 
   .recInfo, .recCircInfo, .itemsStyle,
   .subjBrowsePanel .selectedSubjects ,
   .sRefinePanel, .similarItems,.reminderTbl,
   .bibPanel, .bgnSearchPanel{
        font-weight:normal;
        font-family:arial;
        !important;
    }
.recCircInfo a{
    color:blue !important;
}
    .sRefinePanel .headerTxt,
    .searchPanel .headerTxt, 
    .authorSearchPanel, 
    .headerTxt, 
    .bibHeader{
        font-size:13pt;
        font-weight:bold;
        text-shadow: 0 1px 1px gray;
        FILTER: DropShadow(Color=gray, OffX=0, OffY=2, Positive=2);
        height:27px; width:100%; 
    }
    .ebookSearchPanel{
        width:90%;
        border:solid 1px #DCC0DC;
        background-color: 	#EFE9EF;
        -moz-border-radius: 5px;
        border-radius:5px 5px 5px 5px;
        -webkit-border-radius: 5px;

    }
    .ebSearch_headerTxt{
        text-align:left;
        font-weight:bold;
        font-size:130%;
        color:	#7C297C;
        padding:5px 0 0 5px; 
    }

    .catListLeftPanel{
       vertical-align:top; 
       font-weight:normal;
       text-shadow: 1px 3px 3px black;
       font-family:Comic Sans MS;
       border:none;
       height: auto;  
       padding: 5px 0px 5px 0px;
   }
    .subMenuRightPanel{
        margin-right:5px;
        width:99%;
       background: #B5B5B5; /* #696969;*/
   /*    background: -moz-linear-gradient(left, #696969, #B5B5B5);
       background: -webkit-gradient(linear,left top, right top, from(#696969), to(#B5B5B5));
       filter: progid:DXImageTransform.Microsoft.Gradient(
                StartColorStr='#696969', EndColorStr='#B5B5B5B', GradientType=1);
    */
    };

   .rsListRightPanel{
       background:#B5B5B5;
       color:white;
   }
  .roundedTbl_5 {
        -moz-border-radius: 5px;
        border-radius:5px 5px 5px 5px;
        -webkit-border-radius: 5px;
        border:solid 1px #C9D0DA;

       /* behavior: url(/theme/opals/css/border-radius.htc);*/
    }

    .roundedTbl {
        -moz-border-radius: 1px;
        border-radius:1px 1px 1px 1px;
        -webkit-border-radius: 1px;
        width:99%;
       /* behavior: url(/theme/opals/css/border-radius.htc);*/
    }
    .libHourTbl, .srchMessage,{
        -moz-border-radius: 3px;
        border-radius:3px 3px 3px 3px;
        -webkit-border-radius: 3px;
        width:50%;
      /*   behavior: url(/theme/opals/css/border-radius.htc);*/

    }

    .libHourTbl{
        width:99%;
    }
   .srchMessage{
       font-size:10pt;
        text-align:center;
        font-weight:bold;
   }
  
    .btnSortUp{
        border: 1px solid  gray;
        background-image:url(/theme/opals/image/advance/sort-asc.png);
    }
    .btnSortDn{
        border: 1px solid  gray;
        background-image:url(/theme/opals/image/advance/sort-desc.png);
    }
  
     .btnSortUp_over{
        border: 2px solid  #400000;
        background-image:url(/theme/opals/image/advance/sort-asc.png);
    }
 
     .btnSortDn_over{
        border: 1px solid  #400000;
        background-image:url(/theme/opals/image/advance/sort-desc.png);
        
    }
    .btnSortUp, .btnSortDn,
    .btnSortUp_over, .btnSortDn_over
    {
        background-repeat: no-repeat;width:20px;height:20px;
        border: 1px solid  gray;
    }
  
    .pfFieldset {
        border-radius: 8px;border:solid 1px #77D3DE;   
    }    
           
    .advancedSrchOptTbl, .roundedBorderImg {
        border:solid 1px gray;
        -moz-border-radius: 5px;
        border-radius:5px 5px 5px 5px;
        -webkit-border-radius: 5px; 
       /*behavior: url(/theme/opals/css/border-radius.htc);*/
    }
   .exportSrch, .reminderTbl{
       border:solid 1px #ECF2F1;
         -moz-border-radius: 5px;
        border-radius:5px 5px 5px 5px;
        -webkit-border-radius: 5px; 
       /*behavior: url(/theme/opals/css/border-radius.htc);*/
        background: #ADADAD;
        background: -moz-linear-gradient(top, #ADADAD, #ECF2F1);
        background: -webkit-gradient(linear,
        left top, left bottom, from(#ADADAD), to(#ECF2F1));
        filter: progid:DXImageTransform.Microsoft.Gradient(
                StartColorStr='#ADADAD', EndColorStr='#ECF2F1', GradientType=1);
   }
   .exportSrch_subField{
       width:630px;
       padding: 15px ;
       border:solid 1px #ECF2F1;
         -moz-border-radius: 5px;
        border-radius:5px 5px 5px 5px;
        -webkit-border-radius: 5px; 
       /*behavior: url(/theme/opals/css/border-radius.htc);*/
        background: #F0F0F0;
        background: -moz-linear-gradient(top, #F0F0F0, #ADADAD);
        background: -webkit-gradient(linear,
        left top, left bottom, from(#F0F0F0), to(#ADADAD));
        filter: progid:DXImageTransform.Microsoft.Gradient(
                StartColorStr='#F0F0F0', EndColorStr='#ADADAD', GradientType=1);
   }
    
    .advancedSrchOptTbl{
        color:#646464;font-weight:bold;
    }
  .roundedBorderImg{
        border:solid 1px #76D3DE;
        background-color: #F5F8FA;
   }
   
   .recCircInfoUnion{
        color:#4B4B4B;
        width:70%;background-color:white;
        border:solid 1px #BED1B6;
        -moz-border-radius: 3px;
        border-radius:3px 3px 3px 3px;
        -webkit-border-radius: 3px;
       /* behavior: url(/theme/opals/css/border-radius.htc);*/

    }

   .roundedBibBookShelf{
        height:27px;width:438px; background-color:#FFFFC1;
        border:solid 3px yellow; -moz-border-radius: 5px;
        border-radius:5px 5px 5px 5px; -webkit-border-radius: 5px;
        text-shadow: 0px 1px 1px black;
        -shadow: 0px 1px 1px black; 
        font-family:arial;color:#242424;font-size:12pt;
        /*behavior: url(/theme/opals/css/border-radius.htc);*/
   }

    .bookShelfListPanel { 
     border:solid 1px #E2E2E2;
    /* -moz-border-radius: 5px;
     border-radius:5px 5px 5px 5px;
        behavior: url(/theme/opals/css/border-radius.htc);
        
        -moz-box-shadow:    3px 2px 2px #969696;
        -webkit-box-shadow: 3px 2px 2px #969696;
        box-shadow:         3px 2px 2px #969696;
        */
        margin:0px 5px 5px 5px;
}
  .refinedTxt{
      color:#333333;
      font-weight:bold;
  }
  
   .portletTitleLink{
        font-size:8pt;
        text-decoration:none;color:white;
        text-shadow: 0 2px 2px black;
    }
    .portletTitleLink_gray{
        font-size:8pt;
        text-decoration:none;color:red;
        text-shadow: 0 2px 2px black;
    }

    .portalEdit{
        width:100%;text-align:center;
    }
    .portalEdit_type{
        width:100%;height:90px;border-collapse: collapse;
        background-image:url("/theme/opals/image/advance/bgPortlet.png");
        background-repeat:repeat-x;color:white;font-weight:bold;
        font-size:9pt;
    }

    .portalEdit td{
        vertical-align:top; 
        padding-top:15px;
        border:solid 0px white;
    }

    .rssEditTbl{
        height:65px;width:100%;border-collapse: collapse;  
        background-color:black;color:white; 
     }
    .portletAdd_enable{
        padding-top:10px;
        font-weight:bold;
        color:white;
        cursor:pointer;
        text-decoration:none;
        font-size:95%;
    }
    .portletAdd_disable{
        padding-top:10px;
        font-weight:bold;
        color:gray;
        cursor:not-allowed;
        text-decoration:none;
        font-size:95%;
    }
    .homeEditIcon{
        width:36px;height:36px;
        border:none;
    }
  .portalCmdBar{
    position:fixed;bottom:0px;width:100%;height:67px;padding-top:1px;z-index:10;
    /* fallback (Opera) */
    background: #1D1D1D;
    /* Mozilla: */
    background: -moz-linear-gradient(top, #1D1D1D,#505050);
    /* Chrome, Safari:*/
    background: -webkit-gradient(linear,
                left top, left bottom, from(#1D1D1D), to(#505050));
    /* MSIE */
    filter: progid:DXImageTransform.Microsoft.Gradient(
                StartColorStr='#1D1D1D', EndColorStr='#505050', GradientType=0);
  }

  .squareBgIcon{
        border:solid 1px #D0D0D0 ;
        cursor:pointer;
        -moz-border-radius: 3px;
        border-radius:3px 3px 3px 3px;
        background:orange;
        padding:2px;
        /*box-shadow:0px 1px 1px #707070;*/
    }

   .addNewPortalIcon, .portalCmdBtn{
        margin-left:15px;
        width:37px;height:35px;
        rgba(0, 0, 0, 0.5);
        padding:5px ;border:solid 2px gray;;
        cursor:pointer;
        -moz-border-radius: 3px;
        border-radius:3px 3px 3px 3px;
        padding:1px;
        -moz-box-shadow:    2px 2px 2px #1D1D1D;
        -webkit-box-shadow: 2px 2px 2px #1D1D1D;
        box-shadow:         2px 2px 2px #1D1D1D;

    }
    .portalCmdBtn{
        text-shadow: 0 3px 3px black;
        font-family:arial;
        width:85px;
        vertical-align:middle;
        background:#003D66;
        font-size:120%;
        border:solid 1px #66E0FF;
        color:#E6FAFF;
        padding:9px 20px 9px 20px;


    }
   .portletText{
        text-align:center;width:90px;
    }
    .newItemsPage{
        clear:both;
        width:auto;
        text-align:center;
    }
    .newItemsPageDiv{ 
        width:315px;height:145px;
        border:solid 1px #F4F7F7;
        -moz-border-radius: 5px;
        border-radius:5px 5px 5px 5px;
        
        background-color: #F4F7F7;color:#505556;
        font-weight:normal;font-family:arial;
        float:left;
        margin:15px 8px 0px;
        padding:5px 2px 2px 5px;
    }
    .newItemsPageDiv1{ 
        width:325px;height:135px;
        border:solid 1px #F4F7F7;
        -moz-border-radius: 5px;
        border-radius:5px 5px 5px 5px;
        
        background-color: #F4F7F7;color:#505556;
        font-weight:normal;font-family:arial;
        float:left;
        margin:15px 8px 0px;
        padding:5px 2px 2px 5px;
    }
      
    .newItemsPageDiv_gradien{
        background-color:white;
            background: -moz-linear-gradient(top,#595959, #EBEBEB);
    background: -webkit-gradient(linear,
                left top, left bottom, from(#8C8C8C), to(#242424));
    filter: progid:DXImageTransform.Microsoft.Gradient(
                StartColorStr='#8C8C8C', EndColorStr='#242424', GradientType=0);

        color:#505556;
        font-weight:normal;font-family:arial;
        float:left;width:360px; height:120px;
        margin:15px 8px 0px;
        padding:2px;
    }

    .bgnSearchPanel{
       padding:20px 20px 20px 20px;
       width:930px;
   }
   .bgnSearchTbl{
       text-align:center;width:910px;
/*       background:#639C29;  tomk: changed for ADA compliance */
      background:#258406;
   }

  
    .roundBorderPanel td, .authorSearchPanel td{
        vertical-align:middle;
         color:#675F54;
    }
    .browseList{
        background-color:white;color:#505556;
        font-weight:normal;
        float:left;width:200px; height:auto;
        margin:10px 10px 0px;
    }

   .simpleSrch, .f852sfTbl{
       padding: 10px 10px 0px 0px;
       margin:0px;
       height:40px;
       width:100%;
    }
    .f852sfTbl th{
        text-align:center;
    }
        .simpleSrchTbl td, .simpleSrchTbl th
     {
        border:none;
        vertical-align:middle;
        background-color: transparent;
    }
    
    
    .toggleSign{
        font-size:13pt;color:gray;
    }
    .srchFormPanel .advancedSrchTbl{
        color:#646464;font-weight:bold;
    }
    .ebookUpload{
        padding:7px;
        background-color:white;
        color:gray;
        text-align:left;
        
        -moz-border-radius: 5px;
        border-radius:5px 5px 5px 5px;
        -webkit-border-radius: 5px;
    }
.ebookcoverFrame_shadow{
        border:solid 1px #D2D2D2;
        background-color: #F5F8FA;
        -moz-border-radius: 3px;
        border-radius:3px 3px 3px 3px;
        -webkit-border-radius: 3px;
      /* behavior: url(/theme/opals/css/border-radius.htc);*/
        padding:1px;-moz-box-shadow:    12px 12px 12px gray;
        -webkit-box-shadow: 12px 12px 12px gray;
        box-shadow:         12px 12px 12px gray;
        }

.ebookFrame_shadow{
  width: 331px;
  height: 511px;
  overflow: hidden;
  background: #EEE;
  margin-bottom: 6px;
  margin-top: 3px;
  border: 2px solid #FFF;
  padding:0px;
  border-radius: 7px;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  box-shadow: 0px 2px 4px #000;
  -webkit-box-shadow: 0px 2px 2px #43160c;
  -moz-box-shadow: 0px 2px 2px #43160c;

        }
iframe.embeddedBook {
  width: 421px;
  height: 641px;
  overflow: hidden;
  background: #EEE;
  margin-bottom: 6px;
  margin-top: 3px;
  border: 2px solid #FFF;
  padding: 10px;
  border-radius: 7px;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  box-shadow: 0px 2px 4px #000;
  -webkit-box-shadow: 0px 2px 2px #43160c;
  -moz-box-shadow: 0px 2px 2px #43160c;
}




   .marcBibTbl{
        width:630px;
        border:solid 1px #D2D2D2;
        -moz-border-radius: 3px;
        border-radius:3px 3px 3px 3px;
        -webkit-border-radius: 3px;
      /* behavior: url(/theme/opals/css/border-radius.htc);*/
        padding:1px;-moz-box-shadow:    2px 2px 2px gray;
        -webkit-box-shadow: 2px 2px 2px gray;
    }
    .marcBibTbl td, .marcBibTbl th{
        padding:5px;
        border:none;
        vertical-align:top;
        background-color: transparent;
        color:#185A70;
        font-family:arial;
        font-size:10pt;
    }
   

    tr.cellTitle th,
    td.button {
        text-align:center;
        vertical-align:middle;
        white-space:nowrap;
        color:brown !important;
    }

    td.cellTitle {
        text-align:right;
        font-weight: bold;
        vertical-align:middle;
        white-space:nowrap;
        background-color: rgb(240,240,240);
        color:black !important;
    }

    .toggleTxt{
        font-size:10pt;
        cursor:pointer;
    }

    .horizontalLine_gray{
        background-color:#9A9A9A;height:1px;
        border:none; width:95%;
    }
 
    .srchFormPanel .addSrchField{
        vertical-align:bottom;width:100% ;
    }
    
     .srchHeader{
        color:#FFFFFF; 
        background-color:#000000;
        font-weight:bold;
        height:25px;
    }
table.nobckgrd {
    background:none;
}

table.nobckgrd th {
    border: 0px solid;
}

table.nobckgrd td {
    border: 0px solid;
}

    
   .srchResultTbl{
       color:gray;width:99% ;font-family:arial;
       border:solid 0px pink;
       background:white;
   }
 
   .srchResultTbl .avail,
   .srchResultTbl .hold,
   .srchResultTbl .out{
        font-weight:bold;
    }
    
    .srchResultTbl .avail{
        color:#19A319;
    }
    .srchResultTbl .hold{
        color:#E68A00;
    }
    .srchResultTbl .out{
        color:#FF3300;
    }
    .avail,  
    .hold,
    .out{
        font-weight:bold;
    }
    .avail{
        color:#19A319;
    }
    .hold{
        color:#F1D532;
    }
    .out{
        color:#FF3300;
    }
    .lmd{
/*        color:red;  tomk: changed for ADA compliance */
        color:#EE0404;
    }
    .ebookStat{
        color:#660066;
        font-weight:bold;
    }   
    .bibPanel .selNum{
        color:brown;background-color:yellow;
    }

 
 
     .recCircPanel{
        clear:both;
        margin:0px 0px 0px 0px ;
        background-color:white;
        border:solid 0px green;
        display:block;
        padding:5px 5px 5px 15px;
    }


    td.stat-total, td.stat-loan, td.stat-reserve, td.stat-available {
        padding-left:2px;
        padding-right:2px;
        text-align:center;
        border-style: solid;
    }
    td.stat-total, td.stat-loan, td.stat-reserve {
        border-width:1px 0px;
    }
    td.stat-available {
        floor
        border-width:1px 1px 1px 0px;
    }
    td.stat-total, td.stat-loan, td.stat-available {
        width:20px;
    }
    td.stat-reserve {
        width:40px;
    }
    /*td.stat-total span,*/
    span.stat-loan,
    span.stat-reserve,
    span.stat-available {
        border:1px solid #000;
        padding-left:2px;
        padding-right:2px;
    }
    td.stat-total, td.stat-loan, td.stat-reserve, td.stat-available {
        border-color:rgb(146,145,97);
    }
    span.stat-loan {
        background-color:#e00;
        color:#fff;
    }
    span.stat-reserve {
        background-color:#ee0;
    }
    span.stat-available {
        background-color:#0e0;
    }

    .overdue ,.itemstatus {
        color:#f00;
    }
    .recCircInfoUnion tr{
       background-color:#E3ECDD;

    }
    .recCircInfoUnion td{
         border:solid 0px white;

    }

    .recCircInfoUnion .headerTxt{
        background-color:#BED1B6;color:#0B3C3E;
        height:22px;
        text-align:center;
    }
    .recDetailTbl{
        color:#4B4B4B;
    }
    .recAction{
        background-color:#3F5451;
        height:25px;
        color:white !important;
        white-space:nowrap;
    }
    .recDetailTbl td {
        padding:5px;
        vertical-align:middle;
    }

    .link{
        color:blue;
        cursor:pointer;
    }


   div#_yellowgreen {
        margin:3px 0px 0px 0px ;
        background-color:#AECF37;
        color:#FFFFFF;
        font-size:10pt;
        font-weight:bold;
        width:100%;
        height:25px;
    }
    .yellowgreenSub {
        background-image:url(/theme/opals/image/advance/yellowGreenSubBg.gif);
        background-repeat: repeat-y;
        color:#646464;
        font-size:10pt;
        font-weight:bold;
        width:100%;
        height:15px;
    }
    div#_aquamarine {
        margin:3px 0px 0px 0px ;
        background-color:#3EBCA1;
        color:#FFFFFF;
        font-size:12pt;
        font-weight:bold;
        width:100%;
        height:25px;
    }
     .aquamarineSub {
        background-image:url(/theme/opals/image/advance/aquamarineSubBg.gif);
        background-repeat: repeat-y;
        color:#646464;
        font-size:11pt;
        font-weight:bold;
        width:100%;
        height:15px;
    }
  
    
     .similarItemsLink{
        font-weight:normal;
        cursor:pointer;
         color:#5F5F5F;
     }
     
     .similarItemsLink_over{
         color:#0E9FBE;
         cursor:pointer;
         background-color:#E7EFEF;
     }

     .fontSelector{
        cursor:pointer;
        border:solid 0px white;
        text-align:center;
        font-family:Georgia,Arial, Helvetica, sans-serif;
        width:25px;
        height:22px;
        vertical-align:bottom;
        
     }

    .userSwitch{
        color:#000099;font-size:12px;
    }


/*EBOOK*/
.ebkActLink_blue ,.ebkActLink_gray,
.ebkActLink_white ,.ebkActLink_lightGray{
    font-weight:bold;
    text-decoration:none;
    padding:2px;
 
}
.ebkActLink_gray{
    color:gray;
}
.ebkActLink_blue{
    color:blue;
    cursor:pointer;
}

.ebkActLink_white ,.ebkActLink_lightGray{
    padding:5px;
}
.ebkActLink_white{
    color:white;
    background:#D2691E;
    cursor:pointer;
}
.ebkActLink_lightGray{
    color:#A6A6A6;
    background:#EBBC9A;
}



    .bookcoverFrame_med, .bookcoverFrame_large, .bookcoverFrame_shadow{
        border:solid 1px #D2D2D2;
        background-color: #F5F8FA;
        -moz-border-radius: 3px;
        border-radius:3px 3px 3px 3px;
        -webkit-border-radius: 3px;
      /* behavior: url(/theme/opals/css/border-radius.htc);*/
        padding:1px;-moz-box-shadow:    2px 2px 2px gray;
        -webkit-box-shadow: 2px 2px 2px gray;
        box-shadow:         2px 2px 2px gray;
        }

   .bookcoverFrame_med_ebook{
       border:solid 9px #474747;
       background-color: #F5F8FA;
        -moz-border-radius: 3px;
        border-radius:3px 3px 3px 3px;
        -webkit-border-radius: 3px;
      /* behavior: url(/theme/opals/css/border-radius.htc);*/
        padding:1px;-moz-box-shadow:    5px 5px 5px gray;
        -webkit-box-shadow: 5px 5px 5px gray;
        box-shadow:         5px 5px 5px gray;
        margin-right:11px;
   }
   .bookcoverFrame_med_ebook1{
    border:solid 7px #FFFFFF;
       background-color:	#E6E6E6;
        -moz-border-radius: 4px;
        border-radius:4px 4px 4px 4px;
        -webkit-border-radius: 4px;
      /* behavior: url(/theme/opals/css/border-radius.htc);*/
        padding:1px;-moz-box-shadow:    5px 5px 5px gray;
        -webkit-box-shadow: 5px 5px 5px gray;
        box-shadow:         0px 4px 3px gray;
        margin-right:11px;

       }
 .bookcoverFrame_large_ebook1{
    border:solid 11px #FFFFFF;
       background-color:	#E6E6E6;
        -moz-border-radius: 4px;
        border-radius:4px 4px 4px 4px;
        -webkit-border-radius: 4px;
      /* behavior: url(/theme/opals/css/border-radius.htc);*/
        padding:1px;-moz-box-shadow:    5px 5px 5px gray;
        -webkit-box-shadow: 5px 5px 5px gray;
        box-shadow:         0px 4px 3px gray;
        margin-right:11px;

       }

    .coverImg{
        height:120px;max-width:81px;cursor:default;
    }
    .coverImg_ebook{
        height:110px;max-width:77px;cursor:default;
        margin-left:0px;
    }


    .bookcoverFrame_med1{
       cursor:pointer;
       background-image:url(/theme/opals/image/reader.png);
       background-repeat: no-repeat;
       padding-left:12px ;
       padding-right:1px ;
       padding-top:1px ;
       padding-bottom:2px ;
       height:89px; width:61px;
    }

    .bookcoverFrame_med img{
             cursor: hand ;
             cursor: pointer;
    }
   .loginPage, .createAccnt{
        margin-top:36px;margin-bottom:220px;
        /*border:solid 1px #3EA8A8;*/
        -moz-border-radius: 3px;
        border-radius:3px 3px 3px 3px;
        -webkit-border-radius: 3px;
      /* behavior: url(/theme/opals/css/border-radius.htc);*/
        width:25%;
        -moz-box-shadow:    3px 2px 2px #969696;
        -webkit-box-shadow: 3px 2px 2px #969696;
        box-shadow:         3px 2px 2px #969696;
    }
 .loginPage{
    font-size:10pt;
}
    
    .message{
        text-align:center;
        font-size:12pt;
    }

    .message .valid{
        color:blue;
    }
    .message .invalid{
        color:brown;
    }
    
    .shelfBrowseInRec{
        margin:0px 5px 0px 12px;
        padding:5px 5px 3px 5px; 
        background: #616562;
        background: -moz-linear-gradient(top, #616562, #D2D5D3);
        background: -webkit-gradient(linear,
                left top, left bottom, from(#616562), to(#D2D5D3));
        filter: progid:DXImageTransform.Microsoft.Gradient(
                StartColorStr='#616562', EndColorStr='#D2D5D3', GradientType=0);
    }
    .shelfBrowseInRec_pf{
        padding:5px 5px 3px 0px; 
        background: #616562;
        background: -moz-linear-gradient(top,#252525, #6E6E6E);
        background: -webkit-gradient(linear,
                left top, left bottom, from(#252525), to(#424542));
        filter: progid:DXImageTransform.Microsoft.Gradient(
                StartColorStr='#252525', EndColorStr='#424542', GradientType=0);
    }

    .portalEditHeader{
        padding:5px ;height:35px;
        font-size:14pt;font-weight:bold;
        background:#5C5C5C;
        color:#4ACFD7;
        text-shadow: 0 3px 3px black;
    }
    .portalEditAboutus{
        width:90%;
        background:#616562;border:solid 1px #D2D5D3;
        background: -moz-linear-gradient(top, #616562, #D2D5D3);
        background: -webkit-gradient(linear,
                left top, left bottom, from(#616562), to(#D2D5D3));
        filter: progid:DXImageTransform.Microsoft.Gradient(
                StartColorStr='#616562', EndColorStr='#D2D5D3', GradientType=0);
       
        height:27px;padding-top:5px;
        font-size:12pt;font-weight:bold;
        color:#4ACFD7;
        text-shadow: 0 3px 3px black;
    }
    table.reminder{
        background-color:transparent;
        border-style:solid ;
        border-width:1px 1px 1px 1px;
        width:340px;
    }
    table.reminder td, th{
        cell-spacing:0px;
        border-style:solid ;
        border-width:1px 0px 0px 1px;
    }
    .reminder_headerTxt{
        font-size:11pt;font-weight:bold;
        color:brown;text-align:left;
        height:22px;
    }

    table.requestILL{
        border-spacing:0px;
        border-top:solid 1px gray;
        border-left:solid 1px gray;
    }
    table.requestILL th{
        border: 0px  ;
        border-bottom:solid 1px  gray ;
        border-right:solid 1px  gray ;
        cell-padding:0px;

    }
    table.requestILL td{
        border: 0px   ;
        border-bottom:solid 1px  gray ;
        border-right:solid 1px  gray ;
        cell-padding:0px;

    }

 .reviewItemHdr_gradientV , .newItemHdr_gradientV, .ebookHdr_gradientV{
    font-weight:bold;
    font-size:14pt;
    color:white;
    text-shadow: 0 3px 3px #3D1C0A;
    height:59px;

  }

  .newItemHdr_gradientV{
    background: #8C8C8C;
    background: -moz-linear-gradient(top,#344B9A, #2C3367);
    background: -webkit-gradient(linear,
                left top, left bottom, from(#344B9A), to(#2C3367));
    filter: progid:DXImageTransform.Microsoft.Gradient(
                StartColorStr='#344B9A', EndColorStr='#2C3367', GradientType=0);
  }

  .reviewItemHdr_gradientV {
    background: #008800;
    background: -moz-linear-gradient(top, #8A3909, #421C04);
    background: -webkit-gradient(linear,
                left top, left bottom, from(#8A3909), to(#421C04));
    filter: progid:DXImageTransform.Microsoft.Gradient(
                StartColorStr='#8A3909', EndColorStr='#421C04', GradientType=0);

  }
  .ebookHdr_gradientV {
    background: 		#99C2EB;
    background: -moz-linear-gradient(top,	#934AB8,#522966);
    background: -webkit-gradient(linear,
                left top, left bottom, from(#8A3909), to(#421C04));
    filter: progid:DXImageTransform.Microsoft.Gradient(
                StartColorStr='#8A3909', EndColorStr='#421C04', GradientType=0);

  }
 .gradientV_gray{
     
      background: #999999;
      background: -moz-linear-gradient(top, #999999,#E6E6E6);
      background: -webkit-gradient(linear,
                left top, left bottom, from(#999999), to(#E6E6E6));
 }
.gradientV_inv_gray{
      background: #999999;
      background: -moz-linear-gradient(top, #E6E6E6,#999999);
      background: -webkit-gradient(linear,
                left top, left bottom, from(#E6E6E6), to(#999999));
 }

/*==========================================*/
/* Preference : background corlor linear    */
/*==========================================*/
   .gradientV{
/* thanks to http://blog.fakedarren.com/2010/01/cross-browser-css-gradients/ */
/* and http://www.puremango.co.uk/2010/04/css-gradient/ */
    /* fallback (Opera) */
    background: #008800;
    /* Mozilla: */
    background: -moz-linear-gradient(top, #00FF00,#DEE9CF);
    /* Chrome, Safari:*/
    background: -webkit-gradient(linear,
                left top, left bottom, from(#00FF00), to(#DEE9CF));
    /* MSIE */
    filter: progid:DXImageTransform.Microsoft.Gradient(
                StartColorStr='#00FF00', EndColorStr='#DEE9CF', GradientType=0);
  }
 
  .gradientH{
/* thanks to http://blog.fakedarren.com/2010/01/cross-browser-css-gradients/ */
 
    /* fallback (Opera) */
    background: #008800;
    /* Mozilla: */
    background: -moz-linear-gradient(left, #00FF00, #000000);
    /* Chrome, Safari:*/
    background: -webkit-gradient(linear,
                left top, right top, from(#00FF00), to(#000000));
    /* MSIE */
    filter: progid:DXImageTransform.Microsoft.Gradient(
                StartColorStr='#00FF00', EndColorStr='#000000', GradientType=1);
  }
 
#warning{
    background-color:#FFF9DD ;
    background-image:url(/theme/opals/image/alert.png);
    background-repeat: no-repeat;
    background-position:10px 20px;
    border:solid 1px gray ;
    margin-top:10px;
    padding:1em 1em 1em 5em;
    text-align:left;
    color:brown;
    font-size:11pt;
    -moz-border-radius: 10px;
    border-radius:10px 10px 10px 10px;
    -webkit-border-radius: 10px;
     /*  behavior: url(/theme/opals/css/border-radius.htc);*/

}


.pfListTbl {font-size:9pt;} table.pfListTbl td {border:none;}
     .pfnav{
        background:#243E40;color:white;
        margin:1px 0px 0px 0px;
        padding-top:3px;padding-bottom:3px;
        text-shadow: 1px 2px 2px black;
    }
    .pf_grpNav{
       margin:1px 0px 0px 0px;
       padding-top:1px;padding-bottom:1px;
       font-weight:bold;font-size:15pt;color:white;
       background:#E0EBEB; 
    }
    
    .pf_grpNav A:link, .pf_grpNav A:visited, 
    .pf_grpNav A:active  {
        font-weight:bold;font-size:16pt;color:#0066FF;
        text-decoration: none;
    }
    .pf_grpNav A:hover {
        color:brown;background:#FFFF00;
        text-shadow: 1px 3px 3px #353535;}

  .pf_alp{
         text-shadow: 1px 1px 1px black;
     }
  
     .pf_grpListHd{
        font-weight:bold;color:#0066FF;font-size:102%;
        text-shadow: 1px 0px 0px gray;
     }
    .fLink A:link, .fLink A:visited, 
    .fLink A:active , .fLink A:hover {
        color:gray;
        text-decoration: none;
    }
    .pf_actPfList{
        background-color:#B5BBBB;width:100%;
        margin:1px 0px 0px 0px;
    }

   .title {
       text-decoration: none;
       font-size :98%;
   }


.errorMsg{
    color:brown;
    font-size:120%;
    font-weight:bold;
    padding:5px;
    }

.ui-dialog-title
{
   overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    width:350px;
   display:inline-block;
    font-size:8pt;
}

   .opals_header {
       color:white;
        background: url(/theme/opals/image/multicolours.png);
        }
   .opals_header a, .opals_header td{text-decoration:none;color:white;}

   .gradient_blue {
       color:white;
    background: #006666;
    background: -moz-linear-gradient(top, #80FFFF, #006666);
    background: -webkit-gradient(linear,
                left top, left bottom, from(#80FFFF), to(#006666));
    filter: progid:DXImageTransform.Microsoft.Gradient(
                StartColorStr='#80FFFF', EndColorStr='#006666', GradientType=0);

    }
    .gradient_blue a,.gradient_blue td{text-decoration:none;color:white;}

   .gradient_green {
       color:white;
    background: #004C00;
    background: -moz-linear-gradient(top, #33AD33, #004C00);
    background: -webkit-gradient(linear,
                left top, left bottom, from(#33AD33), to(#004C00));
    filter: progid:DXImageTransform.Microsoft.Gradient(
                StartColorStr='#33AD33', EndColorStr='#004C00', GradientType=0);

    }
    .gradient_green a,.gradient_green td{text-decoration:none;color:white;}

   .gradient_orange {
       color:white;
    background: #997A00;
    background: -moz-linear-gradient(top, #FFCC00, #997A00);
    background: -webkit-gradient(linear,
                left top, left bottom, from(#FFCC00), to(#997A00));
    filter: progid:DXImageTransform.Microsoft.Gradient(
                StartColorStr='#FFCC00', EndColorStr='#997A00', GradientType=0);

    }
    .gradient_orange a,.gradient_orange td{text-decoration:none;color:white;}
   .gradient_red {
       color:white;
    background: #990000;
    background: -moz-linear-gradient(top, #FF3333, #990000);
    background: -webkit-gradient(linear,
                left top, left bottom, from(#FF3333), to(#990000));
    filter: progid:DXImageTransform.Microsoft.Gradient(
                StartColorStr='#FF3333', EndColorStr='#990000', GradientType=0);

    }
    .gradient_red a,.gradient_red td{text-decoration:none;color:white;}
   .gradient_teal {
       color:white;
    background: #004747;
    background: -moz-linear-gradient(top, #338585, #004747);
    background: -webkit-gradient(linear,
                left top, left bottom, from(#338585), to(#004747));
    filter: progid:DXImageTransform.Microsoft.Gradient(
                StartColorStr='#338585', EndColorStr='#004747', GradientType=0);

    }
    .gradient_teal a,.gradient_teal td{text-decoration:none;color:white;}
   .gradient_gray {
       color:white;
    background: #1A1A1A;
    background: -moz-linear-gradient(top, #707070, #1A1A1A);
    background: -webkit-gradient(linear,
                left top, left bottom, from(#707070), to(#1A1A1A));
    filter: progid:DXImageTransform.Microsoft.Gradient(
                StartColorStr='#707070', EndColorStr='#1A1A1A', GradientType=0);

    }
    .gradient_gray a,.gradient_gray td{text-decoration:none;color:white;}

    .gradient_white {
    background: white;
    color:gray;
    
    }
    .gradient_white a,.gradient_white td{text-decoration:none;color:gray;}

.bg330000{ background:#330000;color:#FAFAFA;}    .bg330000 a,.bg330000 td{text-decoration:none;color:#FAFAFA;}
.bg331900{ background:#331900;color:#FAFAFA;}    .bg331900 a,.bg331900 td{text-decoration:none;color:#FAFAFA;}
.bg333300{ background:#333300;color:#FAFAFA;}    .bg333300 a,.bg333300 td{text-decoration:none;color:#FAFAFA;}
.bg193300{ background:#193300;color:#FAFAFA;}    .bg193300 a,.bg193300 td{text-decoration:none;color:#FAFAFA;}
.bg003300{ background:#003300;color:#FAFAFA;}    .bg003300 a,.bg003300 td{text-decoration:none;color:#FAFAFA;}
.bg003319{ background:#003319;color:#FAFAFA;}    .bg003319 a,.bg003319 td{text-decoration:none;color:#FAFAFA;}
.bg003333{ background:#003333;color:#FAFAFA;}    .bg003333 a,.bg003333 td{text-decoration:none;color:#FAFAFA;}
.bg001933{ background:#001933;color:#FAFAFA;}    .bg001933 a,.bg001933 td{text-decoration:none;color:#FAFAFA;}
.bg000033{ background:#000033;color:#FAFAFA;}    .bg000033 a,.bg000033 td{text-decoration:none;color:#FAFAFA;}
.bg190033{ background:#190033;color:#FAFAFA;}    .bg190033 a,.bg190033 td{text-decoration:none;color:#FAFAFA;}
.bg330033{ background:#330033;color:#FAFAFA;}    .bg330033 a,.bg330033 td{text-decoration:none;color:#FAFAFA;}
.bg330019{ background:#330019;color:#FAFAFA;}    .bg330019 a,.bg330019 td{text-decoration:none;color:#FAFAFA;}
.bg000000{ background:#000000;color:#FAFAFA;}    .bg000000 a,.bg000000 td{text-decoration:none;color:#FAFAFA;}
                                                                                                              
.bg660000{ background:#660000;color:#FAFAFA;}    .bg660000 a,.bg660000 td{text-decoration:none;color:#FAFAFA;}
.bg663300{ background:#663300;color:#FAFAFA;}    .bg663300 a,.bg663300 td{text-decoration:none;color:#FAFAFA;}
.bg666600{ background:#666600;color:#FAFAFA;}    .bg666600 a,.bg666600 td{text-decoration:none;color:#FAFAFA;}
.bg336600{ background:#336600;color:#FAFAFA;}    .bg336600 a,.bg336600 td{text-decoration:none;color:#FAFAFA;}
.bg006600{ background:#006600;color:#FAFAFA;}    .bg006600 a,.bg006600 td{text-decoration:none;color:#FAFAFA;}
.bg006633{ background:#006633;color:#FAFAFA;}    .bg006633 a,.bg006633 td{text-decoration:none;color:#FAFAFA;}
.bg006666{ background:#006666;color:#FAFAFA;}    .bg006666 a,.bg006666 td{text-decoration:none;color:#FAFAFA;}
.bg003366{ background:#003366;color:#FAFAFA;}    .bg003366 a,.bg003366 td{text-decoration:none;color:#FAFAFA;}
.bg000066{ background:#000066;color:#FAFAFA;}    .bg000066 a,.bg000066 td{text-decoration:none;color:#FAFAFA;}
.bg330066{ background:#330066;color:#FAFAFA;}    .bg330066 a,.bg330066 td{text-decoration:none;color:#FAFAFA;}
.bg660066{ background:#660066;color:#FAFAFA;}    .bg660066 a,.bg660066 td{text-decoration:none;color:#FAFAFA;}
.bg660033{ background:#660033;color:#FAFAFA;}    .bg660033 a,.bg660033 td{text-decoration:none;color:#FAFAFA;}
.bg202020{ background:#202020;color:#FAFAFA;}    .bg202020 a,.bg202020 td{text-decoration:none;color:#FAFAFA;}
                                                                                                              
.bg990000{ background:#990000;color:#FAFAFA;}    .bg990000 a,.bg990000 td{text-decoration:none;color:#FAFAFA;}
.bg994C00{ background:#994C00;color:#FAFAFA;}    .bg994C00 a,.bg994C00 td{text-decoration:none;color:#FAFAFA;}
.bg999900{ background:#999900;color:#222222;}    .bg999900 a,.bg999900 td{text-decoration:none;color:#222222;}
.bg4C9900{ background:#4C9900;color:#FAFAFA;}    .bg4C9900 a,.bg4C9900 td{text-decoration:none;color:#FAFAFA;}
.bg009900{ background:#009900;color:#FAFAFA;}    .bg009900 a,.bg009900 td{text-decoration:none;color:#FAFAFA;}
.bg00994C{ background:#00994C;color:#FAFAFA;}    .bg00994C a,.bg00994C td{text-decoration:none;color:#FAFAFA;}
.bg009999{ background:#009999;color:#FAFAFA;}    .bg009999 a,.bg009999 td{text-decoration:none;color:#FAFAFA;}
.bg004C99{ background:#004C99;color:#FAFAFA;}    .bg004C99 a,.bg004C99 td{text-decoration:none;color:#FAFAFA;}
.bg000099{ background:#000099;color:#FAFAFA;}    .bg000099 a,.bg000099 td{text-decoration:none;color:#FAFAFA;}
.bg4C0099{ background:#4C0099;color:#FAFAFA;}    .bg4C0099 a,.bg4C0099 td{text-decoration:none;color:#FAFAFA;}
.bg990099{ background:#990099;color:#FAFAFA;}    .bg990099 a,.bg990099 td{text-decoration:none;color:#FAFAFA;}
.bg99004C{ background:#99004C;color:#FAFAFA;}    .bg99004C a,.bg99004C td{text-decoration:none;color:#FAFAFA;}
.bg404040{ background:#404040;color:#FAFAFA;}    .bg404040 a,.bg404040 td{text-decoration:none;color:#FAFAFA;}
                                                                                                              
.bgCC0000{ background:#CC0000;color:#FAFAFA;}    .bgCC0000 a,.bgCC0000 td{text-decoration:none;color:#FAFAFA;}
.bgCC6600{ background:#CC6600;color:#FAFAFA;}    .bgCC6600 a,.bgCC6600 td{text-decoration:none;color:#FAFAFA;}
.bgCCCC00{ background:#CCCC00;color:#222222;}    .bgCCCC00 a,.bgCCCC00 td{text-decoration:none;color:#222222;}
.bg66CC00{ background:#66CC00;color:#222222;}    .bg66CC00 a,.bg66CC00 td{text-decoration:none;color:#222222;}
.bg00CC00{ background:#00CC00;color:#FAFAFA;}    .bg00CC00 a,.bg00CC00 td{text-decoration:none;color:#FAFAFA;}
.bg00CC66{ background:#00CC66;color:#222222;}    .bg00CC66 a,.bg00CC66 td{text-decoration:none;color:#222222;}
.bg00CCCC{ background:#00CCCC;color:#222222;}    .bg00CCCC a,.bg00CCCC td{text-decoration:none;color:#222222;}
.bg0066CC{ background:#0066CC;color:#FAFAFA;}    .bg0066CC a,.bg0066CC td{text-decoration:none;color:#FAFAFA;}
.bg0000CC{ background:#0000CC;color:#FAFAFA;}    .bg0000CC a,.bg0000CC td{text-decoration:none;color:#FAFAFA;}
.bg6600CC{ background:#6600CC;color:#FAFAFA;}    .bg6600CC a,.bg6600CC td{text-decoration:none;color:#FAFAFA;}
.bgCC00CC{ background:#CC00CC;color:#FAFAFA;}    .bgCC00CC a,.bgCC00CC td{text-decoration:none;color:#FAFAFA;}
.bgCC0066{ background:#CC0066;color:#FAFAFA;}    .bgCC0066 a,.bgCC0066 td{text-decoration:none;color:#FAFAFA;}
.bg606060{ background:#606060;color:#FAFAFA;}    .bg606060 a,.bg606060 td{text-decoration:none;color:#FAFAFA;}
                                                                                                              
.bgFF0000{ background:#FF0000;color:#FAFAFA;}    .bgFF0000 a,.bgFF0000 td{text-decoration:none;color:#FAFAFA;}
.bgFF8000{ background:#FF8000;color:#222222;}    .bgFF8000 a,.bgFF8000 td{text-decoration:none;color:#222222;}
.bgFFFF00{ background:#FFFF00;color:#222222;}    .bgFFFF00 a,.bgFFFF00 td{text-decoration:none;color:#222222;}
.bg80FF00{ background:#80FF00;color:#222222;}    .bg80FF00 a,.bg80FF00 td{text-decoration:none;color:#222222;}
.bg00FF00{ background:#00FF00;color:#222222;}    .bg00FF00 a,.bg00FF00 td{text-decoration:none;color:#222222;}
.bg00FF80{ background:#00FF80;color:#222222;}    .bg00FF80 a,.bg00FF80 td{text-decoration:none;color:#222222;}
.bg00FFFF{ background:#00FFFF;color:#222222;}    .bg00FFFF a,.bg00FFFF td{text-decoration:none;color:#222222;}
.bg0080FF{ background:#0080FF;color:#FAFAFA;}    .bg0080FF a,.bg0080FF td{text-decoration:none;color:#FAFAFA;}
.bg0000FF{ background:#0000FF;color:#FAFAFA;}    .bg0000FF a,.bg0000FF td{text-decoration:none;color:#FAFAFA;}
.bg7F00FF{ background:#7F00FF;color:#FAFAFA;}    .bg7F00FF a,.bg7F00FF td{text-decoration:none;color:#FAFAFA;}
.bgFF00FF{ background:#FF00FF;color:#FAFAFA;}    .bgFF00FF a,.bgFF00FF td{text-decoration:none;color:#FAFAFA;}
.bgFF007F{ background:#FF007F;color:#FAFAFA;}    .bgFF007F a,.bgFF007F td{text-decoration:none;color:#FAFAFA;}
.bg808080{ background:#808080;color:#222222;}    .bg808080 a,.bg808080 td{text-decoration:none;color:#222222;}
                                                                                                              
.bgFF3333{ background:#FF3333;color:#FAFAFA;}    .bgFF3333 a,.bgFF3333 td{text-decoration:none;color:#FAFAFA;}
.bgFF9933{ background:#FF9933;color:#222222;}    .bgFF9933 a,.bgFF9933 td{text-decoration:none;color:#222222;}
.bgFFFF33{ background:#FFFF33;color:#222222;}    .bgFFFF33 a,.bgFFFF33 td{text-decoration:none;color:#222222;}
.bg99FF33{ background:#99FF33;color:#222222;}    .bg99FF33 a,.bg99FF33 td{text-decoration:none;color:#222222;}
.bg33FF33{ background:#33FF33;color:#222222;}    .bg33FF33 a,.bg33FF33 td{text-decoration:none;color:#222222;}
.bg33FF99{ background:#33FF99;color:#222222;}    .bg33FF99 a,.bg33FF99 td{text-decoration:none;color:#222222;}
.bg33FFFF{ background:#33FFFF;color:#222222;}    .bg33FFFF a,.bg33FFFF td{text-decoration:none;color:#222222;}
.bg3399FF{ background:#3399FF;color:#222222;}    .bg3399FF a,.bg3399FF td{text-decoration:none;color:#222222;}
.bg3333FF{ background:#3333FF;color:#FAFAFA;}    .bg3333FF a,.bg3333FF td{text-decoration:none;color:#FAFAFA;}
.bg9933FF{ background:#9933FF;color:#FAFAFA;}    .bg9933FF a,.bg9933FF td{text-decoration:none;color:#FAFAFA;}
.bgFF33FF{ background:#FF33FF;color:#222222;}    .bgFF33FF a,.bgFF33FF td{text-decoration:none;color:#222222;}
.bgFF3399{ background:#FF3399;color:#FAFAFA;}    .bgFF3399 a,.bgFF3399 td{text-decoration:none;color:#FAFAFA;}
.bgA0A0A0{ background:#A0A0A0;color:#222222;}    .bgA0A0A0 a,.bgA0A0A0 td{text-decoration:none;color:#222222;}
                                                                                                              
.bgFF6666{ background:#FF6666;color:#222222;}    .bgFF6666 a,.bgFF6666 td{text-decoration:none;color:#222222;}
.bgFFB266{ background:#FFB266;color:#222222;}    .bgFFB266 a,.bgFFB266 td{text-decoration:none;color:#222222;}
.bgFFFF66{ background:#FFFF66;color:#222222;}    .bgFFFF66 a,.bgFFFF66 td{text-decoration:none;color:#222222;}
.bgB2FF66{ background:#B2FF66;color:#222222;}    .bgB2FF66 a,.bgB2FF66 td{text-decoration:none;color:#222222;}
.bg66FF66{ background:#66FF66;color:#222222;}    .bg66FF66 a,.bg66FF66 td{text-decoration:none;color:#222222;}
.bg66FFB2{ background:#66FFB2;color:#222222;}    .bg66FFB2 a,.bg66FFB2 td{text-decoration:none;color:#222222;}
.bg66FFFF{ background:#66FFFF;color:#222222;}    .bg66FFFF a,.bg66FFFF td{text-decoration:none;color:#222222;}
.bg66B2FF{ background:#66B2FF;color:#222222;}    .bg66B2FF a,.bg66B2FF td{text-decoration:none;color:#222222;}
.bg6666FF{ background:#6666FF;color:#FAFAFA;}    .bg6666FF a,.bg6666FF td{text-decoration:none;color:#FAFAFA;}
.bgB266FF{ background:#B266FF;color:#222222;}    .bgB266FF a,.bgB266FF td{text-decoration:none;color:#222222;}
.bgFF66FF{ background:#FF66FF;color:#222222;}    .bgFF66FF a,.bgFF66FF td{text-decoration:none;color:#222222;}
.bgFF66B2{ background:#FF66B2;color:#222222;}    .bgFF66B2 a,.bgFF66B2 td{text-decoration:none;color:#222222;}
.bgC0C0C0{ background:#C0C0C0;color:#222222;}    .bgC0C0C0 a,.bgC0C0C0 td{text-decoration:none;color:#222222;}
                                                                                                              
.bgFF9999{ background:#FF9999;color:#222222;}    .bgFF9999 a,.bgFF9999 td{text-decoration:none;color:#222222;}
.bgFFCC99{ background:#FFCC99;color:#222222;}    .bgFFCC99 a,.bgFFCC99 td{text-decoration:none;color:#222222;}
.bgFFFF99{ background:#FFFF99;color:#222222;}    .bgFFFF99 a,.bgFFFF99 td{text-decoration:none;color:#222222;}
.bgCCFF99{ background:#CCFF99;color:#222222;}    .bgCCFF99 a,.bgCCFF99 td{text-decoration:none;color:#222222;}
.bg99FF99{ background:#99FF99;color:#222222;}    .bg99FF99 a,.bg99FF99 td{text-decoration:none;color:#222222;}
.bg99FFCC{ background:#99FFCC;color:#222222;}    .bg99FFCC a,.bg99FFCC td{text-decoration:none;color:#222222;}
.bg99FFFF{ background:#99FFFF;color:#222222;}    .bg99FFFF a,.bg99FFFF td{text-decoration:none;color:#222222;}
.bg99CCFF{ background:#99CCFF;color:#222222;}    .bg99CCFF a,.bg99CCFF td{text-decoration:none;color:#222222;}
.bg9999FF{ background:#9999FF;color:#222222;}    .bg9999FF a,.bg9999FF td{text-decoration:none;color:#222222;}
.bgCC99FF{ background:#CC99FF;color:#222222;}    .bgCC99FF a,.bgCC99FF td{text-decoration:none;color:#222222;}
.bgFF99FF{ background:#FF99FF;color:#222222;}    .bgFF99FF a,.bgFF99FF td{text-decoration:none;color:#222222;}
.bgFF99CC{ background:#FF99CC;color:#222222;}    .bgFF99CC a,.bgFF99CC td{text-decoration:none;color:#222222;}
.bgE0E0E0{ background:#E0E0E0;color:#222222;}    .bgE0E0E0 a,.bgE0E0E0 td{text-decoration:none;color:#222222;}
                                                                                                              
.bgFFCCCC{ background:#FFCCCC;color:#222222;}    .bgFFCCCC a,.bgFFCCCC td{text-decoration:none;color:#222222;}
.bgFFE5CC{ background:#FFE5CC;color:#222222;}    .bgFFE5CC a,.bgFFE5CC td{text-decoration:none;color:#222222;}
.bgFFFFCC{ background:#FFFFCC;color:#222222;}    .bgFFFFCC a,.bgFFFFCC td{text-decoration:none;color:#222222;}
.bgE5FFCC{ background:#E5FFCC;color:#222222;}    .bgE5FFCC a,.bgE5FFCC td{text-decoration:none;color:#222222;}
.bgCCFFCC{ background:#CCFFCC;color:#222222;}    .bgCCFFCC a,.bgCCFFCC td{text-decoration:none;color:#222222;}
.bgCCFFE5{ background:#CCFFE5;color:#222222;}    .bgCCFFE5 a,.bgCCFFE5 td{text-decoration:none;color:#222222;}
.bgCCFFFF{ background:#CCFFFF;color:#222222;}    .bgCCFFFF a,.bgCCFFFF td{text-decoration:none;color:#222222;}
.bgCCE5FF{ background:#CCE5FF;color:#222222;}    .bgCCE5FF a,.bgCCE5FF td{text-decoration:none;color:#222222;}
.bgCCCCFF{ background:#CCCCFF;color:#222222;}    .bgCCCCFF a,.bgCCCCFF td{text-decoration:none;color:#222222;}
.bgE5CCFF{ background:#E5CCFF;color:#222222;}    .bgE5CCFF a,.bgE5CCFF td{text-decoration:none;color:#222222;}
.bgFFCCCC{ background:#FFCCCC;color:#222222;}    .bgFFCCCC a,.bgFFCCCC td{text-decoration:none;color:#222222;}
.bgFFCCE5{ background:#FFCCE5;color:#222222;}    .bgFFCCE5 a,.bgFFCCE5 td{text-decoration:none;color:#222222;}
.bgFFFFFF{ background:#FFFFFF;color:#222222;}    .bgFFFFFF a,.bgFFFFFF td{text-decoration:none;color:#222222;}