/******TOOLTIP******/

#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #eee;
	padding: 10px;
	width: 350px;
	opacity: 0.85;
	font-size: 10px;
	line-height: 19px;
	color: #575757;
	font-weight: normal;
}
#tooltip h3, #tooltip div { margin: 0; }






/* ----------------------------------------------------------------------------------------------------------
1) HTML tags
---------------------------------------------------------------------------------------------------------- */

body {background-color:#fff; color:#404040}

a {color:#404040;}
a:hover {color:#000;}

/* ----------------------------------------------------------------------------------------------------------
2) HTML styles
---------------------------------------------------------------------------------------------------------- */

/* ----------------------------------------------------------------------------------------------------------
3) Layout
---------------------------------------------------------------------------------------------------------- */

    #nav span {color:#DDD;}
    #nav #nav-active {color:#a0a186;}

    #tray {background-color:#BFBFBF;}
    #tray li a {color:#404040;}
    #tray li#tray-active a {background-color:#e50; color:#FFF;}
    #tray li a:hover {background-color:#9F9F9F; color:#FFF;}

        #search #search-input {background-color:#FFF;}
        #search #search-input input {color:#404040;}

    #footer, #footer a {color:#9f9f9f;}
    #footer a:hover {color:#404040;}

/* ----------------------------------------------------------------------------------------------------------
4-1) Page: Homepage
---------------------------------------------------------------------------------------------------------- */

#col-top, #col-bottom, #col {background-color:#F4F4F1;}

#cols3 .col h3 {background-color:#e4f1f6; color:#3d99c2;}
#cols3 .col h3 a {color:#3d99c2;}
#cols3 .col h3 a:hover {color:#000;}
#cols3 .col-more {background:#F5F5F5;}

#cols2 #col-left .title h4, #cols2 #col-right h4 {color:#898a6b;}
#cols2 #col-left .title h4, #cols2 #col-left .title span {background-color:#FFF;}
#cols2 #col-left .tooltip {color:#0891c1;}
#cols2 #col-left a:hover.tooltip {color:#000;}

#cols2 #col-right {background-color:#F4F4F1;}
#cols2 #col-right h4 span {background-color:#F4F4F1;}

/* ----------------------------------------------------------------------------------------------------------
5) Others
---------------------------------------------------------------------------------------------------------- */

.high {color:#959678}

#paymenttable .cellA { float: left; width: 20%; }
#paymenttable .cellB { height: 25px; float: left; width: 80%; font-weight: bold}
#paymenttable .cellB1 { width: 5%; float: left; }
#paymenttable .cellB2 { width: 20%; float: left; }
#paymenttable .cellB3 { width: 32%; float: left; }
#paymenttable .cellB4 { width: 23%; float: left; }
#paymenttable .rowA {width:100%;float:left;background-color: #eaeae7}
#paymenttable .rowB {width:100%;float:left;background-color: #dcdcd9}