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

font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode';
font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
Arial, Helvetica, sans-serif;
*/


	
html, body {background:#fff; color: #000; margin-top:0px; margin-left:0px; margin-right:0px; font-family: 'Helvetica', 'Arial', 'Arial', 'Lucida Sans Unicode';  font-size:17px;}

.innerTable {
color: #000;
width: 100%;
max-width: 1250px;
height: 100%;
min-height: 450px;
}

.topTable {
  color: #000;
  width: 100%;
  max-width: 1250px;
  align-self: center;
}

.center {
	
	font-size:12px; 
	margin-left: auto;
    margin-right: auto;
	padding: 0; 
	height: 100%; 
	border:#000 1px solid; 
	border-radius:15px;
	width:100%;
  max-width: 1250px;
	background-color:#FFF;
	box-shadow: 1px 1px 15px #aeaeae;
	}

   input[type=submit] {
    background-color: inherit;
    border: none;
    color: rgb(255, 255, 255);
    width: 100%;
    max-width: 300px;
    font-size: large;
    cursor: pointer;
  }

      

    
    
      select {
        background-color: inherit;
        border: #9c9b9b 1px solid;
        padding: 15px 10px;
        font-size: medium;
      }
      textarea {
        background-color: inherit;
        border: #9c9b9b 1px solid;
        padding: 15px 10px;
        font-size: medium;
        height: 40px;
      }
      .cartCell { border:#797777 1px solid; background-color:#fff; padding:15px; border-radius:10px;color: black;
        box-shadow:1px 1px 1px rgb(170, 169, 169);
      }
      .shadowBox {
        padding: 5px 5px;
        margin-bottom: 10px;
        border-radius: 10px;
        max-width: 1000px;
        border: #c2c1c1 1px solid;
        background-color:rgb(228, 228, 228);
        color: rgb(7, 0, 0);
        font-size: 11px;
        box-shadow:1px 1px 2px rgb(238, 237, 237);
     }
     
.blackText {
color: #000;

}

a.tooltip span {
    z-index:10;display:none; padding:14px 20px;
    margin-top:-30px; margin-left:28px;
    width:300px; line-height:16px;
}
a.tooltip:hover span{
    display:inline; position:absolute; color:#111;
    border:1px solid #DCA; background:#fffAF0;}
.callout {z-index:20;position:absolute;top:30px;border:0;left:-12px;}
    
/*CSS3 extras*/
a.tooltip span
{
    border-radius:4px;
    box-shadow: 5px 5px 8px #CCC;
}

/* next tooltip */
a.tooltip {
    outline: none;
    text-decoration: none;
    border-bottom: dotted 1px blue;
    position: relative;
}

a.tooltip strong {
    line-height: 30px;
}

a.tooltip > span {
    width: 300px;
    padding: 10px 20px;
    margin-top: 0;
    margin-left: -120px;
    opacity: 0;
    visibility: hidden;
    z-index: 10;
    position: absolute;
    font-size: 12px;
    font-style: normal;
    border-radius: 3px;
    box-shadow: 2px 2px 2px #999;
    -webkit-transition-property: opacity, margin-top, visibility, margin-left;
    -webkit-transition-duration: 0.4s, 0.3s, 0.4s, 0.3s;
    -webkit-transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out;
    transition-property: opacity, margin-top, visibility, margin-left;
    transition-duration: 0.4s, 0.3s, 0.4s, 0.3s;
    transition-timing-function: 
        ease-in-out, ease-in-out, ease-in-out, ease-in-out;
}

/*a.tooltip > span:hover,*/
a.tooltip:hover > span {
    opacity: 1;
    text-decoration: none;
    visibility: visible;
    overflow: visible;
    margin-top: 50px;
    display: inline;
    margin-left: -90px;
}

a.tooltip span b {
    width: 15px;
    height: 15px;
    margin-left: 40px;
    margin-top: -19px;
    display: block;
    position: absolute;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-box-shadow: inset -1px 1px 0 #fff;
    -moz-box-shadow: inset 0 1px 0 #fff;
    -o-box-shadow: inset 0 1px 0 #fff;
    box-shadow: inset 0 1px 0 #fff;
    display: none;
   
}    

a.tooltip > span {
	color: #000000; 
	background: #FBF5E6;
	background: -webkit-linear-gradient(top, #FBF5E6, #FFFFFF);
	background: linear-gradient(top, #FBF5E6, #FFFFFF);	    
	border: 2px solid #CFB57C;	     
}    
	  
a.tooltip span b {
	background: #FBF5E6;
	border-top: 2px solid #CFB57C;
	border-right: 2px solid #CFB57C;
}
/* STICKY HEADER  */
.top-container {
    background-color:inherit;
    text-align: center;
    padding: 0px;
  }
  
  .header {
    background: black;
    color: white;
    font-size: 12px;
    padding: 3px;
    text-align: center;
    border-radius: 5px;
    text-transform: uppercase;
  }

  .langLink {
    background: inherit;
    color: rgb(138, 8, 8);
    font-size: 11px;
    padding: 3px;
    text-align: center;
    border-radius: 3px;
    border: #eb0b0b 1px solid;
    text-transform: capitalize;
    padding-left: 4px;
    padding-right: 4px;
    
  }
  .timeLink {
    background: inherit;
    color: rgb(8, 0, 0);
    font-size: 11px;
    padding: 3px;
    text-align: center;
    border-radius: 3px;
    border: #8a8989 1px solid;
    text-transform: capitalize;
    padding-left: 4px;
    padding-right: 4px;
    
  }
  .data {
    background-color: rgb(253, 251, 251);  
    border: rgb(229, 233, 229) 1px solid; 
    border-radius: 3px;
    color: rgb(87, 41, 41);
    font-size: 12px;
    padding: 4px;
  }

  .dataBorderRed {
    background-color: rgb(253, 251, 251);  
    border-radius: 3px;
    border: #D3220E 1px solid;
    color: rgb(87, 41, 41);
    font-size: 12px;
    padding: 4px;
  }
  .dataBorderBlue {
    background-color: rgb(253, 251, 251);  
    border-radius: 3px;
    border: #3498db 1px solid;
    color: rgb(87, 41, 41);
    font-size: 12px;
    padding: 4px;
  }
  .dataBold {
    background-color: rgb(253, 251, 251);  
    border-radius: 3px;
    color: rgb(87, 41, 41);
    font-size: 12px;
    font-weight:bold;
    padding: 4px;
  }

  .dataSigTypenBox {
    background-color: rgb(255, 255, 255); 
    border: rgb(240, 76, 0) 1px solid; 
    border-radius: 3px;
    color: rgb(41, 77, 240);
    font-size: 14px;
    padding: 6px;
  }
  
  .dataGreenBox {
    background-color: rgb(155, 253, 180); 
    border: green 1px solid; 
    border-radius: 3px;
    color: rgb(12, 94, 83);
    font-size: 12px;
    padding: 4px;
  }

  .dataGold {
    background-color: rgb(245, 236, 115);  
    border-radius: 3px;
    color: rgb(87, 41, 41);
    font-size: 10px;
    padding: 4px;
  }


  .dataGreen {
    background-color: rgb(155, 253, 180);  
    border-radius: 3px;
    color: rgb(87, 41, 41);
    font-size: 10px;
    padding: 4px;
  }
  .dataGray {
    background-color: rgb(218, 219, 218);  
    border-radius: 3px;
    color: rgb(87, 41, 41);
    font-size: 10px;
    padding: 4px;
  }
  .dataRedBox{
    background-color: rgba(252, 108, 108, 0.849);  
    border-radius: 3px;
    color: rgb(87, 41, 41);
    font-size: 12px;
    padding: 4px;
  }
  .dataRed {
    background-color: rgb(253, 251, 251);  
    border-radius: 3px;
    color: rgb(240, 33, 33);
    font-size: 12px;
    padding: 4px;
  }

  .dataBlue {
    background-color: rgb(253, 251, 251);  
    border-radius: 3px;
    color: rgb(7, 21, 214);
    font-size: 12px;
    padding: 4px;
  }
  .content {
    padding: 0px;
  }
  
  .sticky {
    position: fixed;
    top: 0;
    width: 100%;
  }
  
  .sticky + .content {
    padding-top: 0px;
  }

  #loader {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 1;
    width: 120px;
    height: 120px;
    margin: -76px 0 0 -76px;
    border: 16px solid #f3f3f3;
    border-radius: 50%;
    border-top: 16px solid #3498db;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
  }
  
  /* Safari */
  @-webkit-keyframes spin {
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
  }
  
  @keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
  }


/* Add animation to "page content" */
.animate-bottom {
    position: relative;
    -webkit-animation-name: animatebottom;
    -webkit-animation-duration: 1s;
    animation-name: animatebottom;
    animation-duration: 1s
  }
  
  @-webkit-keyframes animatebottom {
    from { bottom:-100px; opacity:0 } 
    to { bottom:0px; opacity:1 }
  }
  
  @keyframes animatebottom { 
    from{ bottom:-100px; opacity:0 } 
    to{ bottom:0; opacity:1 }
  }
  
  #myDiv {
    display: none;
    text-align: center;
  }
  .topnav {
   overflow: hidden;
   position: relative;
   color: white;
   font-size: 17px;
   border: none;
   cursor: pointer;
   color: white;
  }
  .align {
    width: 100%;
    max-width: 1250px;
    margin: auto;

  }
  .topnav a.homebtn:hover {
   opacity: 0.80;
  }
  .topnav a.member:hover {
   opacity: 0.80;
  }
  .topnav a.buttons:hover {
    background-color: #504f4f;
    opacity: 0.80;
   }
  .topnav a {
   float: left;
   position: left;
   color: #f2f2f2;
   text-decoration: none;
   font-size: 17px;
   padding: 12px 16px;
  }
  
  .topnav a:hover {
    background-color: #000;
    
  }
  .topnav a.homebtn {
    background-color: #ff5410;
    position: inherit;
    float: left;
    color: white;
  }
  .topnav a.active {
    background-color: #ff5410;
  }

  .topnav a.member {
    background-color: #0d75eb;
    color: white;
    padding: 12px 16px;
  }

  .topnav a.prods {
    background-color: #059777;
    padding: 12px 16px;
  }
  .topnav a.buttons {
    background-color: inherit;
    color: white;
    text-transform: capitalize;
    padding: 12px 16px;
  }


  @media screen and (max-width: 500px) {
    .topnav a {
      float: none;
      display: block;
    }
  }

.sidebar {
  height: 100%;
  width: 160px;
  position: float;

  z-index: 1;
  background-color:inherit;
  overflow-x: hidden;
 
  
}

.sidebar a.button {
  padding: 6px 8px 6px 16px;
  border-spacing: 6px;
  border: #504c4c 1px solid;
  text-decoration: none;
  font-size: 17px;
  color: #242323;
  display: block;
  border-radius: 3px;
  background-color: #f7f7f7;
 
}

.sidebar a:hover {
  color: #b30707;
  background-color: white;
}

/* Style the main content */
.main {
  margin-left: 160px; /* Same as the width of the sidenav */
  padding: 0px 10px;
}

/* Add media queries for small screens (when the height of the screen is less than 450px, add a smaller padding and font-size) */
@media screen and (max-height: 450px) {
  .sidebar {padding-top: 15px;}
  .sidebar a {font-size: 18px;}
}

/* MODAL LOGIN SCREEN Full-width input fields */

/* Set a style for all buttons */
button {
  background-color: inherit;
  color: rgb(20, 20, 20);
  border: 1px solid;
 
  cursor: pointer;
  padding: 4px 14px;
  font-size: 14px;
  width: 100%;
}

button:hover {
  opacity: 0.80;
}


.process {
background-color: #3c6b61;
padding: 10px 10px;
border: #333 1px solid;
border-radius: 15px;
width: 250px;
box-shadow: 1px 1px 1px #999898;
}

.change {
  background-color: #5382e6;
  padding: 10px 10px;
  border: #333 1px solid;
  border-radius: 15px;
  width: 250px;
  box-shadow: 1px 1px 1px #999898;
}

.cancel {
    background-color: #7c4646;
    padding: 10px 10px;
    border: #333 1px solid;
    border-radius: 15px;
    width: 250px;
    box-shadow: 1px 1px 1px #646e6e;
}  
  
.checkout {
      background-color: #5397d8;
      padding: 10px 10px;
      border: #333 1px solid;
      border-radius: 10px;
      width: 150px;
      color: black;
      box-shadow: 1px 1px 5px #999898;
} 

.addToCart {
        background-color: #dad3d0;
        padding: 10px 10px;
        border: #333 1px solid;
        border-radius: 7px;
        width: 300px;
        color: black;
        box-shadow: 1px 1px 5px #999898;
} 
.formSubmit {
  background-color: rgb(231, 32, 5);
  padding: 5x 5px;
  border: #575656d2 5px solid;
  border-radius: 17px;
  width: auto;
 
  color: black;
  box-shadow: 1px 1px 1px #a6a6a7;
} 

.freeTrial {
  background-color: rgb(34, 109, 250);
  padding: 10px 10px;
  border: #333 1px solid;
  border-radius: 20px;
  width: 60%;
  color: rgb(252, 247, 247);
  box-shadow: 3px 3px 3px #a6a6a7;
}  

.changeSubmit {
  background-color: gray;
  padding: 15px 15px;
  border: #333 1px solid;
  border-radius: 30px;
  width: 100%;
  max-width: 200px;
  color: black;
  box-shadow: 3px 3px 10px #a6a7a7;
} 

/* Extra styles for the cancel button */
.cancelbtn {
  width: auto;
  padding: 10px 18px;
  background-color: #f44336;
}

/* Center the image and position the close button */
.imgcontainer {
  text-align: center;
  margin: 24px 0 12px 0;
  position: relative;
}

img.avatar {
  width: 40%;
  border-radius: 50%;
}

.container {
  padding: 16px;
}

span.psw {
  float: right;
  padding-top: 16px;
}

/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.7); /* Black w/ opacity */
  padding-top: 60px;
}

/* Modal Content/Box */
.modal-content {
  background-color: #f1f1f1;
  margin: 5% auto 15% auto; /* 5% from the top, 15% from the bottom and centered */
  border: 20px solid #f1f1f1;
  border-radius: 20px;
  width: 35%; /* Could be more or less, depending on screen size */
}
/* Modal 2 Content/Box */
.modal-content-2 {
  background-color: #f1f1f1;
  margin: 5% auto 15% auto; /* 5% from the top, 15% from the bottom and centered */
  border: 20px solid #f1f1f1;
  border-radius: 20px;
  width: 50%; /* Could be more or less, depending on screen size */
}
/* The Close Button (x) */
.close {
  position: absolute;
  right: 25px;
  top: 0;
  color: #000;
  font-size: 35px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: red;
  cursor: pointer;
}

/* Add Zoom Animation */
.animate {
  -webkit-animation: animatezoom 0.6s;
  animation: animatezoom 0.6s
}

@-webkit-keyframes animatezoom {
  from {-webkit-transform: scale(0)} 
  to {-webkit-transform: scale(1)}
}
  
@keyframes animatezoom {
  from {transform: scale(0)} 
  to {transform: scale(1)}
}

/* Change styles for span and cancel button on extra small screens */
@media screen and (max-width: 300px) {
  span.psw {
     display: block;
     float: none;
  }
  .cancelbtn {
     width: 100%;
  }
}
.btn {
  background-color: white;
  padding: 4px 14px;
  font-size: 16px;
  cursor: pointer;
}

/* Red */
.logout {
  color: red;
}
/* Black */
.login {
  color:black;
}

.dropbtn {
  background-color: #019b46;
  color: white;
  padding: 14px 16px;
 /* box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); */
  font-size: 17px;
  border: none;
  cursor: pointer;
}

.dropbtn:hover, .dropbtn:focus {
  background-color: #01813b;
  padding: 14px 16px;
}

.dropdown {
  position: relative;
  display: inline-block;
  color: black;

}

.dropdown-content {
  display: none;
  position: absolute;
  text-align: left;
  background-color: #f1f1f1;
  min-width: 300px;
  overflow: auto;
  color: #000;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;

}

.dropdown a {
  color: rgb(19, 105, 7);
  padding: 12px 12px;
  text-decoration: none;
  display: block;
}
.dropdown a:hover {
  background-color: #ddd;
  color: #025551;
}

.show {
  display: block;
}

.mainContainer {
width: 100%;
height: 100%;
min-height: 1000px;
align-items: center;
background-color:#E5E5E5;
}
.logoContainer {
width: 100%;
align-self: center;
}
.topToolContainer {
background-color: #333;
width: 100%;
}
.infoContainer {
width: 100%;
background-color:#E5E5E5;
min-height: 100%;
}
.pageContainer {
  width: 100%;
  max-width: 1000px;
  margin: auto;
  }

.bottomContainer {
width: 100%;
background-color:#333;
height: 60px;
position: fixed;
left: 0;
bottom: 0;
width: 100%;
color: white;
}
.footer {
  width: 100%;
  max-width: 1250px;
  margin: auto;
  }

.bigMsg {
background-color: rgb(250, 215, 209);
font-size: 20px;
align-items: center;
color: rgb(12, 0, 0);
border-radius: 10px;
border: red 3px solid;
padding: 10px;
width: 100%;
max-width: 350px;
}

.loginRequest {
  background-color: rgb(255, 250, 206);
  font-size: 14px;
  align-items: center;
  color: rgb(12, 0, 0);
  border-radius: 10px;
  border: rgb(151, 150, 150) 1px solid;
  padding: 15px;
  width: 100%;
  }
.msgBlue {
  background-color: rgb(209, 222, 250);
  font-size: 20px;
  align-items: center;
  color: rgb(12, 0, 0);
  border-radius: 10px;
  border: rgb(60, 144, 253) 3px solid;
  padding: 10px;
  width: 100%;
  max-width: 350px;  
  }


.formBox {
  background-color:inherit;
  align-items: center;
  color: rgb(12, 0, 0);
  border: #929292 1px solid;
  border-radius: 10px;
  padding: 25px;
  width: 100%;
  box-shadow: 3px 3px 10px 3px rgba(0, 0, 0, 0.041);
}

.mainTable { background-color:#E5E5E5; height:100%;}

.logo { background-color:#fff; padding:2px; border-bottom:#999 1px solid}
.toolbar { background-color:#333; padding:0px;}
.toolCell { border:#333 1px solid; background-color:#EFEFEF; padding:5px; border-radius:5px; color: black;}

.textField {border:#333 1px solid; background-color:#EFEFEF; padding:5px; border-radius:5px; font-size: 14px; color: black; height: 250px; }
.formField {border:#333 1px solid; background-color:#EFEFEF; padding:5px; border-radius:5px; font-size: 14px; color: black; height: 30px; }
.ddList {border:#333 1px solid; background-color:#EFEFEF; padding:5px; border-radius:5px; font-size: 14px; color: black; height: 35px; }
.captcha {border:#333 1px solid; background-color:#ffffeb; padding:5px; border-radius:5px; font-size: 14px; color: black; height: 20px; }
.messageBox {border:#333 1px solid; background-color:#EFEFEF; padding:5px; border-radius:5px; font-size: 14px; color: black; height: 100px; }


.capxcha {border:#333 1px solid; background-color:#fff; padding:5px; border-radius:5px; font-size: 10px; color: black; height: 17px; }
.qFormField { background-color:inherit; border:#a7a5a5 1px solid; border-radius:5px;  padding:5px; font-size: 12px; width: 150px; height: 20px; color: white;}

.header1 { font-weight:600; margin-top:10px;}
.topxable {background-color:#f3f3f3; border-top-left-radius:10px; border-top-right-radius:10px; border-top:#666 1px dotted; border-left:#666 1px dotted; border-right:#666 1px dotted}
.bottomTable {background-color:#f3f3f3; border-bottom-left-radius:10px; border-bottom-right-radius:10px; border-bottom:#666 1px dotted; border-left:#666 1px dotted; border-right:#666 1px dotted; height:500px}
.siteHeader{ font-size: 15px; text-align:center; padding:5px; color:#5B5B00; border:#666 1px solid; border-radius:3px; background-image:url(../images/11/cellBG.jpg);}
.colHeader { font-size: 10px; color: black; text-transform:capitalize; border-bottom:#666 1px solid;}

.catHeader{ font-size: 18px; color:#06C; border-bottom:#666 1px solid; margin-bottom:4px; background-color:#FFF; text-align: center; padding: 6px; border-top-left-radius: 10px; border-top-right-radius: 10px;}
.mainCat { color: #A0392E; text-transform:capitalize; text-align:center; background-color:#EAEAEA}
.member {font-size: 13px; font-style:italic; font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; color: #666;}
.red { color: red;font-size: 20px;}
.green { color: #063;}
.gray { color: #666;}
.blue { color: #009;}
.black { color: #000;}
.white { font-size: 14px; color: #FFFFFF;}
.copyRight { font-size: 11px; color: #fffbfb;}
.cartTitle { color: rgb(46, 46, 45); text-align: center; border-bottom:#999 1px solid;}
.sc {font-size: 10px;}
.scDouble {font-size: 10px; border-top:#999 1px solid; border-bottom:#333 double;}
.prodSc {font-size: 10px; font-weight: 500;}
.cc {font-size: 11px; color: rgb(60, 71, 214);}
.highLight {font-size: 20px; color: rgb(47, 61, 255); font-weight: 400;}
.double {color: rgb(4, 53, 100); border-top:#999 1px solid; border-bottom:#333 double; padding: 3px;}
.scv {font-size: 13px;}
.double2 {color: rgb(3, 46, 87); border-top:#999 1px solid; border-bottom:#333 double; padding: 3px;}
.small {font-size: 11px; color: #000; padding: 3px;}
.homeText {  font-size: 20px; color: black;  padding: 20px;}
.msg {  color: red; font-style:italic}
.text {  color: rgb(44, 44, 44); padding: 3px;}
.lName {   text-transform:capitalize; color: black; border-bottom:#999 1px dotted}
.lText {  font-size:12px; color: black; border-bottom:#999 1px dotted}
.lSmall {  font-size:11px; color: rgb(114, 112, 112); border-bottom:#999 1px dotted}
.lbText {  color: black; border-bottom:#999 1px dotted; border-left:#999 1px dotted}
.blrText {  color: black; border-bottom:#999 1px dotted; border-left:#999 1px dotted; border-right:#999 1px dotted;}
.lTextRed {  font-size:12px; color: red; border-bottom:#999 1px dotted}
.lTextGreen { font-size:12px; color: green; border-bottom:#999 1px dotted}
.redText {  font-size:12px; color: red;}
.t-line {  color: black; border-top:#999 1px solid}
.title {  font-size: 25px; color: black; text-transform:capitalize; font-weight:400; padding-top: 5px;}
.titlePending {  font-size: 25px; color: rgb(233, 38, 38); text-transform:capitalize; font-weight:400; padding-top: 5px;}
.titleOpen {  font-size: 25px; color: rgb(63, 91, 252); text-transform:capitalize; font-weight:400; padding-top: 5px;}

a:link {color:#524f4f; font-size:16px; text-decoration:none;}
a:visited {color:#524f4f; font-size:16px; text-decoration:none;}
a:hover {color:#F00; font-size:16px; text-decoration:none;}

.tools:link {color:#b65bf3; font-size:9px;}
.tools:visited {color:#b65bf3; font-size:9px;}
.tools:hover {color:#2e2c20; font-size:9px;}

.toolsRed:link {color:#be401a; font-size:9px;}
.toolsRed:visited {color:#be401a;; font-size:9px;}
.toolsRed:hover {color:rgb(12, 143, 110); font-size:9px;}

.toolsGreen:link {color:#faf626; font-size:16pt; font-family:Verdana, Geneva, sans-serif; text-decoration:underline}
.toolsGreen:visited {color:#faf626; font-size:16pt; font-family:Verdana, Geneva, sans-serif;}
.toolsGreen:hover {color:rgb(108, 245, 44); font-size:16pt; font-family:Verdana, Geneva, sans-serif;}

.mTools:link {color:#ffb7b7; font-size:16px; text-decoration:none; border-bottom: #c5c3c3 1px solid; padding-bottom: 4px; }
.mTools:visited {color:#ffb7b7; font-size:16px; text-decoration:none; border-bottom: #c5c3c3 1px solid; padding-bottom: 4px; }
.mTools:hover {color:#fff; font-size:16px; text-decoration:none; border-bottom: white 4px solid; padding-bottom: 4px; }

.link:link {color:#012952; font-size:16px; text-decoration:underline;}
.link:visited {color:#012952; font-size:16px;  text-decoration:underline;}
.link:hover {color:#c01502; font-size:16px; text-decoration:underline;}

.hlink:link {color:#2b60a5; font-size: 20px; text-decoration:none; }
.hlink:visited {color:#2b60a5; font-size: 20px; text-decoration:none; }
.hlink:hover {color:#D3220E; font-size: 20px;  text-decoration:none; }

.slink:link {color:#01070c; font-size:12px;}
.slink:visited {color:#01070c; font-size:12px;}
.slink:hover {color:#f84d0a; font-size:12px;}

.siglink:link {color:#01070c; font-size:14px; text-transform: uppercase;}
.siglink:visited {color:#01070c; font-size:14px; text-transform: uppercase;}
.siglink:hover {color:#f84d0a; font-size:14px; text-transform: uppercase;}

.symlink:link {color:#01070c; font-size:12px; text-decoration:underline; }
.symlink:visited {color:#01070c; font-size:12px; text-decoration:underline; }
.symlink:hover {color:#f84d0a; font-size:12px; text-decoration:underline; }


a.tooltip {outline:none; }
a.tooltip strong {line-height:30px;}
a.tooltip:hover {text-decoration:none;} 


tr.lightrow td {
  background-color: #FFFFFF;
}
tr.darkrow td {
  background-color: #EFEFEF;
}