/* trigger button */
  .newButton {
font-size: 12px; font-style:normal; font-weight: bold;
    height:60px;
    display:block;
    margin: 0 auto;
    margin-bottom:5px;
    overflow:hidden;
    text-indent:0em;
    width:160px;
    cursor:pointer;
    color:gold;
}
  /* mouseover state */
.newButton p {
     margin-top:46px;
     color:gold;
     border: 1px solid gold;
     background-color: blue;
     }
.newButton a {
width:166px;
height:62px;
}

  /* trigger button */
  .newButtonR {
font-size: 12px; font-style:normal; font-weight: bold;color:blue;
/*    background:transparent url(Images/customPatch-150.png) no-repeat scroll 0 0; */
    display:block;
    height:160px;
    margin-left:auto;margin-right:auto;
    margin-bottom:10px;
    overflow:hidden;
    text-indent:0em;
    width:160px;
	color:blue;
    cursor:pointer;
padding-bottom: 0em;
}



#MOH {
    background:transparent url(Images/Ribbons/MOHR-s.jpg) no-repeat scroll 0 0;
    color:gold;border:1px solid gold;
    }

#DSC {
    background:transparent url(Images/Ribbons/DSCR-s.jpg) no-repeat scroll 0 0;
    color:gold;border:1px solid gold;
    }

#SS {
    background:transparent url(Images/Ribbons/SSMR-s.jpg) no-repeat scroll 0 0;
    color:gold;border:1px solid gold;
    }
#SM {
    background:transparent url(Images/Ribbons/SMR-s.jpg) no-repeat scroll 0 0;
    color:gold;border:1px solid gold;
    }
#BS {
    background:transparent url(Images/Ribbons/BSMR-s.jpg) no-repeat scroll 0 0;
    color:gold;border:1px solid gold;
    }
#PH {
    background:transparent url(Images/Ribbons/PHMR-s.jpg) no-repeat scroll 0 0;
    color:gold;border:1px solid gold;
    }
#AA {
    background:transparent url(Images/Ribbons/AAMR-s.jpg) no-repeat scroll 0 0;
    color:gold;border:1px solid gold;
    }
#AC {
    background:transparent url(Images/Ribbons/ACMR-s.jpg) no-repeat scroll 0 0;
    color:gold;border:1px solid gold;
    }
#GC {
    background:transparent url(Images/Ribbons/AGCR-s.jpg) no-repeat scroll 0 0;
    color:gold;border:1px solid gold;
    }
#ND {
    background:transparent url(Images/Ribbons/NDSR-s.jpg) no-repeat scroll 0 0;
    color:gold;border:1px solid gold;
    }
#VS {
    background:transparent url(Images/Ribbons/VNSR-s.jpg) no-repeat scroll 0 0;
    color:gold;border:1px solid gold;
    }
#VC {
    background:transparent url(Images/Ribbons/VNCR-s.jpg) no-repeat scroll 0 0;
    color:gold;border:1px solid gold;
    }

    /* mouseover state */
  .newButtonR:hover {
font-size: 12px; font-style:normal; font-weight: bold;color:blue;
    background:transparent url(Images/customPatch-150.png) no-repeat scroll 0 0;
    display:block;
    height:160px;
    margin: 0 auto;
    margin-bottom:10px;
    overflow:hidden;
    text-indent:0em;
    width:160px;
	color:blue;
    cursor:pointer;
padding-bottom: 0em;
}

  /* clicked state */
  .newButtonR:focus {
font-size: 12px; font-style:normal; font-weight: bold;color:blue;
    background:transparent url(Images/customPatch-150.png) no-repeat scroll 0 0;
    display:block;
    height:160px;
    margin: 0 auto;
    margin-bottom:10px;
    overflow:hidden;
    text-indent:0em;
    width:160px;
	color:blue;
    cursor:pointer;
padding-bottom: 0em;
}

  /* tooltip styling. by default the element to be styled is .tooltip  */
  .tooltip {
    display:block;
/*    background:transparent url(Images/tooltip/black_arrow.png);
    font-size:12px;
    height:122px;
    width:209px;
    padding:25px;
    color:#eee;
    overflow: visible; */
  }
/* Tooltip container */
/* .tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black;
} */

/* Tooltip text */
.tooltip .tooltiptext {
    visibility: hidden;
/*    width: 120px;  */
    background-color: black;
    color: #fff;
/*    padding: 5px 0;
    border-radius: 6px;

    /* Position the tooltip text - see examples below! */
    position: absolute;
    z-index: 1;
}
/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
    visibility: visible;
}

  .tooltip-up {
    display:none;text-align:center;
    background:transparent url(Images/tooltip/black_arrow-down.png);background-repeat:no-repeat;
    font-size:12px;
    height:100px;
    width:200px;
/*    padding:0px; */
    color:#eee;
    overflow: visible;
    z-index: +10;
  }
  .tooltip-up img {float:left;margin-top:10px}

.tooltip-up p {margin-left: 0px; margin-right:20px;margin-top:20px;margin-bottom:0px;}

.tooltip-down {
    display:none;text-align:center;
    background:transparent url(Images/tooltip/black_arrow-up.png);background-repeat:no-repeat;
    font-size:12px;
    height:100px;
    width:200px;
/*    padding:25px 25px 0px 25px; */
    color:#eee;
    overflow: visible;
    z-index: +10;
  }
  .tooltip-down img {float:left;margin-top:20px;}

.tooltip-down p {margin-left: 0px; margin-right:20px;margin-top:40px;margin-bottom:0px;}

.tooltip-left {
    display:none;
    background:transparent url(Images/tooltip/black_arrow-right.png);background-repeat:no-repeat;
    font-size:12px;
    height:70px;
    width:150px;
    padding:25px;
    color:#eee;
    overflow: visible;
  }
.tooltip-right {
    display:inline-block;text-align:center;
    background: url(Images/tooltip/black_arrow-left.png);background-repeat:no-repeat;
    font-size:12px;
    height:112px;
    width:178px;
    padding:25px 25px 0px 25px;
    color:#eee;
    overflow: visible;
  }
  /* tooltip styling */
  .tooltip-big {
    display:inline-block;
    background:url(Images/tooltip/black_big.png);background-repeat:no-repeat;
    padding:0px 0px 0px 0px;
    width:300px;
    height:150px;
    font-size:14px;
    color:#fff;
    overflow: visible;
    z-index: +70;


  }
  .tooltip-big-l {
     margin-left:-200px;
    margin-top:-210px;}
  .tooltip-big-r {
     margin-left:-100px;
    margin-top:-210px;}

.tooltip-big img {float:left;margin-top:3px;margin-bottom:auto;margin-left:3px;margin-right:12px;height:95%; display:inline}

.tooltip-big p {width:250px;margin-top:10px;margin-left: 15px; text-align:left;}

  .tooltip-big .label {
    color:yellow;
    width:35px;
  }

  .tooltip-big ul {
     text-align:left;list-style-type:none;
     }

  .tooltip-big a {
    text-align:left;
    color:#ad4;
    font-size:11px;
    font-weight:bold;
  }
    .tooltip-index {

    background:transparent url(Images/tooltip/white_box.png);background-repeat:no-repeat;
    font-size:14px;
    height:525px;
    width:350px;
    padding:20px;
    color:#000;
    overflow: visible;
}
.tooltip-index img {float:left;margin-top:20px;margin-bottom:auto;margin-right:20px;display:inline}

.tooltip-index p {width:325px;margin-top:50px;margin-left: 50px; text-align:left;}
 /* a .label element inside tooltip */
  .tooltip-index .label {
    color:yellow;
    width:35px;
  }

  .tooltip-index ul {
     text-align:left;
     }

  .tooltip-index ul li a {
    text-align:left;
    color:#222;
    font-size:12px;
    font-weight:bold;
  }
    .tooltip-index ul li a:hover {color:blue;}

    .tooltip-big-1 {
    display:none;
    background:url(Images/tooltip/black_big-1.png);background-repeat:no-repeat;
    padding:0px 0px 0px 0px;
    width:300px;
    height:175px;
    font-size:14px;
    color:#fff;
    overflow: visible;
    z-index: +70;
  }

.tooltip-big-1 img {float:left;margin-top:20px;margin-bottom:auto;margin-right:20px;display:inline}

.tooltip-big-1 p {width:250px;margin-top:20px;margin-left: 15px; text-align:left;}
 /* a .label element inside tooltip */
  .tooltip-big-1 .label {
    color:yellow;
    width:35px;
  }

  .tooltip-big-1 ul {
     text-align:left;
     }

  .tooltip-big-1 a {
    text-align:left;
    color:#ad4;
    font-size:11px;
    font-weight:bold;
  }
    /* tooltip styling */
  .tooltip-top {
    display:none;
    background:url(Images/tooltip/black-big.png);background-repeat:no-repeat;
    padding:0px 0px 0px 0px;
    width:300px;
    height:150px;
    font-size:14px;
    color:#fff;
    overflow: visible;
    z-index: +20;
  }

.tooltip-top img {margin-top:20px;}

.tooltip-top p {width:300px;margin-top:20px;margin-left: auto; margin-right:auto;text-align:center;}
 /* a .label element inside tooltip */
  .tooltip-top .label {
    color:yellow;
    width:35px;
  }

  .tooltip-top a {
    color:#ad4;
    font-size:11px;
    font-weight:bold;
  }
.tooltip-big-right {
    display:none;text-align:center;
    background:transparent url(Images/tooltip/black_arrow-big-left.png);background-repeat:no-repeat;
    font-size:12px;
    height:136px;
    width:300px;
    padding:0px 0px 0px 42px;
    color:#eee;
  }



.tooltip-big-right img {float:left;margin-top:23px;margin-right:10px;margin-left:10px;}

.tooltip-big-right p {margin-left: 0px; margin-right:20px;margin-top:10px;}