/*****************************/
/********* content ************/
/*****************************/
@charset "utf-8";
h2, .contentheading {
	padding: 0;
	font: 12px/20px Helvetica,Arial,sans-serif;
	font-weight: normal;
	vertical-align: bottom;
	color: #333;
	text-align: left;
	width: 100%;
}
a.contentpagetitle{	font-weight: bold;}

h3, .componentheading, table.moduletable th, legend {
	FONT: 24px Arial, Helvetica, sans-serif;
	color: #669900;
	font-weight: bold;
}
#Content {
	FONT: 12px/20px Arial, Helvetica, sans-serif; 
	COLOR: #666666; 
	TEXT-DECORATION: none; 
	text-align: justify;
}
#Content A {
	font: 12px Arial, Helvetica, sans-serif;
	color: #669900; /*99CC00*/;
	text-decoration: underline;
	text-align: justify;
}

#Content A:hover {
	color: #99CC00; /*669900;*/
	TEXT-DECORATION: none;
}

#Links a {
	font: bold 12px/28px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	background: url(../images/img32.gif) no-repeat left center;
	text-decoration: none;
	height: 29px;
	width: 178px;
	position: relative;
	display: block;
	padding: 0px;
	margin: 0px;
	border-bottom-width: 3px;
	border-bottom: 3px solid #FFFFFF;
}
#SubNav a:hover {
	color: #333333;
	text-decoration: underline;
}
#Links a:hover {
	color: #99CC00; /*669900;*/
	border-bottom: 3px solid #FFFFFF;

}

#Tit {
	FONT: 24px Arial, Helvetica, sans-serif; COLOR: #333333
}
.title_hilight {
	FONT: 24px Arial, Helvetica, sans-serif;
	color: #669900;
	font-weight: bold;
}
.hilight {
	color: #669900;
}
.version{
	color: #ff6600;
}

/**********************************  MySQL only *****************************************/

/*****************************/
/****** menu bar effect ******/
/*****************************/

/* horizontal pill menu */
table.pill {
  margin-left: auto;
  margin-right: auto;
  padding: 0;
}

td.pill_l {
  background: url("../images/mysql_nav/bg4b.gif") right no-repeat;
  width:  12px;
  height: 26px;
}

td.pill_m {
  background: url("../images/mysql_nav/bg1.gif") bottom no-repeat;
  padding: 0;
  margin: 0;
  width: auto;
}

td.sub_pill_m{
  background: #cccccc;
  padding: 0;
  margin: 0;
  width: 970px;
}

td.pill_r {
  background: url("../images/mysql_nav/bg4.gif") left no-repeat;
  width:  12px;
  height: 26px;
}

/* 1st level style */
#pillmenu_l {
  padding: 10px 12px 0px 0px;
  display: block;
  float: left;
}

#pillmenu {
	display: block;
	white-space: nowrap;
	height: 26px;
	text-align: center;
}

#pillmenu ul {
	margin: 0;
	padding: 0;
	list-style:none;
}

#pillmenu li {
	float: left;
	/*background: url('../images/mw_menu_separator.png') top right no-repeat;*/
	margin: 0;
	padding: 0;
}

*:first-child+html #pillmenu {
  margin-bottom: 5px;
}

#pillmenu a {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  float:left;
  display:block;
  height: 32px;
  line-height: 32px;
  padding: 0 18px;
  text-decoration: none;
}

/* 1st level hilight */
#pillmenu a#active_menu, #pillmenu a.mainlevel_active{
	background: transparent url('../images/mysql_nav/bg2.gif') top center no-repeat;
	color: black;
	-moz-border-radius: 5px 5px 0px 0px;
	-webkit-border-radius:  5px 5px 0px 0px;
}
#pillmenu a#active_menu:hover {
}

#pillmenu ul .mainlevel, #sub_pillmenu ul li {
  color: white;
}

#pillmenu a:hover {
  color: #FF6666;
  text-decoration: none;
}

/*****************************/
/*** drop down menu effect ***/
/*****************************/
ul#menulist_root li ul,
ul#menulist_root_small li ul {
	list-style-type: none;
    display:none;
}

ul#menulist_root li:hover ul,
ul#menulist_root_small li:hover ul{
	position: absolute;
	z-index:999;
	margin-top: 26px;
	/* margin-left: 10px; */
    display:block;
    background:none;
}

*:first-child+html ul#menulist_root li:hover ul,
*:first-child+html ul#menulist_root_small li:hover ul{
	position: relative;
	z-index:999;
	margin-top: 26px;
	margin-left: 10px;
    display:block;
    background:none;
}

ul#menulist_root li ul li,
ul#menulist_root_small li ul li{
	z-index:999;
	background:#CCCCCC;
	padding-bottom:4px;
	margin-top: -4px;
/*	#C3C3C3;
	opacity:.85;
	filter: alpha(opacity=85);
	-moz-opacity: 0.85;
*/
	clear:both;
	-moz-border-radius: 0px 0px 5px 5px;
	-webkit-border-radius: 0px 0px 5px 5px;
}

ul#menulist_root li ul li a,
ul#menulist_root_small li ul li a {
	z-index:999;
	text-align: left;
    background:none;
	color: white;
	width: 10em;
}

ul#menulist_root li ul li a:hover,
ul#menulist_root_small li ul li a:hover{
	z-index:999;
    color:#FF6666;
    background: #AAAAAA;
}

/* 3rd level hilight */
#round_content a#active_menu:hover, a.mainlevel_current {
	text-decoration: none; 
	color: black;
	margin-left: 5px;
}