/* MB12.css Mendo Bistro styles -- mrp -- 30 September 2002 */
A  { text-decoration: none; }
BODY { font-family: Georgia,Garamond,'GarmdITC Bk BT',Times,'Times New Roman',Palatino,serif; }
DIV { font-family: Georgia,Garamond,'GarmdITC Bk BT',Times,'Times New Roman',Palatino,serif; }
H1 { font-size:22px; color : #A00; }
H2 { font-size:20px; color : #A00; padding-bottom : 0px; margin-bottom : 0px; }
H3 { font-size:18px; color : #A00; padding-bottom : 0px; margin-bottom : 0px; padding-top : 0px; margin-top : 0px; }
table.news { border: thick ridge #A00; background-color: #FFF; }
input.brt {background-color: #CC0; font-weight: bold; font-size: 15px; color: #00F; margin-bottom: 3px; 	margin-left: 6px; margin-right: 6px; margin-top: 3px; padding-bottom: 3px; padding-left: 5px; padding-right: 5px; padding-top: 3px; }
p { font-size: 16px;	font-family: Georgia,Garamond,'GarmdITC Bk BT',Times,'Times New Roman',Palatino,serif;	color: #000; text-indent : 20px; }

.hdr { font-size: 20px; color : #000; }
.lrg { font-size: 18px; color : #000; }
.ltl { font-size: 14px; color : #000; }
.mnu { font-size: 15px; color : #000; }
.mnutxt { font-size: 15px; color : #000; line-height: 200% ; }
.txt { font-size: 16px; color : #000; text-indent : 20px; padding-bottom : 5px; }
.txtni { font-size: 16px; color : #000; }
.red { font-size: 16px; color: #FF0; background-color: #F00; border: 3px; font-weight: bold; }
.mtx { font-size: 18px; color : #FFF; }
.ttl { font-size: 22px; font-weight : bold; color : #000; }
.sml { font-size: 14px; color : #000; }
.dsc { font-size: 14px; color : #000; margin-left: 12px ; }
.tny { font-size: 10px; color : #000; }
.spc { font-size: 9px; color : #000; }
.ci { font-family: Tekton,Technical,Arial,Helvetica,sans-serif; font-size: 11px; color : #000; }

.tooltip-box 
   {position:relative;  
    cursor: help;}
 
.tooltip 
   {display: block;
    position: absolute;
    width: 170px;
    padding: 2px 15px;
    left: 50%;
    bottom: 34px;
    margin-left: -95px;
    color: #000;
    border: 2px solid rgba(128,103,51,0.9);
    background-color: rgba(255,207,102,0.9);
    background-image: url(images/fade-bg.png);
    text-align: center;
    border-radius: 3px;
   
    opacity:0;
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
    -webkit-transition: all 0.7s ease-in-out;
    -moz-transition: all 0.7s ease-in-out;
    -0-transition: all 0.7s ease-in-out;
    -ms-transition: all 0.7s ease-in-out;
    transition: all 0.7s ease-in-out;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    font-family: Verdana, sans-serif;
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    line-height: 100% ;}
/* the following makes a little triangle under the tooltip
.tooltip:before, .tooltip:after
    {content:"";
    position: absolute;
    bottom: -15px;
    left: 50%;
    margin-left: -10px;
    width: 0;
    height: 0;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-top: 12px solid rgba(22,22,22,0.9);}
 */
.tooltip-box:hover .tooltip, a:hover .tooltip 
    {opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);}

.tooltip-2 
   {color:#000; 
    font-weight: bold;
    border:1px solid #00c;
    border-radius: 24px;
    background-color:rgba(177,222,255,1);
    background-image: none;
    font-style:italic;}
    
.tooltip-2:after
   {border-top:15px solid #00c;}    


a:link { color : #008; }
a:hover  { color: #00F; background-color: #FFC; }
a:active, a:visited { color : #008; }
a:visited { color: #008; }
a.btn:link { color : #008; }
a.btn:hover  { color: #00F; }
a.btn:active { color : #008; }
a.btn:visited { color: #008; }
a.dk:link { color : #ff0; }
a.dk:active, a.dk:visited { color : #ff4; }