/* ================================================
	Good display for: Internet Explorer 5 (Mac), Internet Explorer 5.5 (or hight,6,7 beta 2)
	Konqueror 2.2 (Linux), Netscape 6 (or hight: ver 7, 8)
	Opera 5 and 6 (or hight: ver 7, 8)
	Safari 1.0
	FireFox 1.1 (or height)
	Check All for: CSS Level 2
	www.dnn360.net
	check by: thangpdtt@gmail.com 
================================================ */

.H12Style1 {
	border-style: none;
	border-width: 0px;
}

/* OLD style of SELECTED background level0 and 1th level*/
/*
.H12Style2 {	color: white;	text-align: center;	background-position: left;	background-color: #6A6401;	padding-left: 17px;	padding-right: 17px;	height: 26px;	font-weight: bold;	font-size: 12px;	text-transform: capitalize;}
*/

/* NEW style of SELECTED background and font for level0 */
.H12Style2 {
	color: white;
	text-align: center;
	background-position: left;
	background-color: #0099D2;
	padding-left: 17px;
	padding-right: 17px;
	height: 26px;
	font-weight: bold;
	font-size: 8pt;
	text-transform: capitalize;
}


.H12Style3 {
	color: white;
	text-align: center;
	padding-left: 3px;
	padding-right: 3px;
	height: 26px;
}

/* OLD for level0 (not selected, td)*/
/*
td.H12Style3 {	white-space: nowrap;	background-color: black;	padding-left: 17px;	padding-right: 17px;	background-image: url("bg_nav12.gif");	border-left: thin black solid;}
*/

/* NEW  level0 (not selected, td)*/
/* Green background, border between cells*/
td.H12Style3 {
	white-space: nowrap;
	background-color: #95CB42;
	padding-left: 17px;
	padding-right: 17px;
	border-left: thin white solid;
}



/* OLD background of level1 */
/*
.H12Table {
	color: white;
	background-color: #6A6401;
}
*/

/* NEW background of level1 */
.H12Table {
	color: white;
	background-color: #0099D2;
}



/* OLD background of header*/
/*
.H12Header {
	white-space: nowrap;	background-color: black;	background-image: url("bg_nav12.gif");}
*/

/* NEW background of header*/
.H12Header {
	white-space: nowrap;
	background-color: #95CB42;
}


/************* OLD level0 (font) **********************/
/*
.H12MenuLevel0,.H12MenuLevel0:visited,.H12MenuLevel0:link {	color: white;	font-family: 'Tahoma';	font-weight: bold;	text-decoration: none;	font-size: 12px;	text-transform: capitalize;}

.H12MenuLevel0:hover {
	color: gray;
}
*/

/************ NEW level0 (font)************************/
.H12MenuLevel0,.H12MenuLevel0:visited,.H12MenuLevel0:link {
	background-color: #95CB42;

	/* Invalid value: cursor: hand; */
	cursor: hand;
	font-family: Verdana;
	font-weight: bold;
	font-size: 8pt;
	color: white;
	padding-left: 3px;
	text-decoration: none;
	text-transform: capitalize;
}

.H12MenuLevel0:hover {
	color: gray;
	padding-left: 3px;
	font-weight: bold;
	font-size: 8pt;
	text-decoration: none;
	text-transform: capitalize;

}





.H12MenuLevel0Selected,.H12MenuLevel0Selected:visited,.H12MenuLevel0Selected:link {
	color: white;
	font-family: 'Verdana';
	font-weight: bold;
	text-decoration: none;
	font-size: 8pt;
	text-transform: capitalize;
}

/************************ OLD level1 ***********************/
/*
.H12MenuLevel1Selected,.H12MenuLevel1Selected:visited {	color: yellow;	padding-left: 7px;	line-height: 25px;	font-size: 11px;	padding-right: 7px;	font-family: 'Tahoma';}

.H12MenuLevel1,.H12MenuLevel1:visited ,.H12MenuLevel1:link {	color: white;	text-decoration: none;	font-size: 11px;	padding-left: 7px;	line-height: 25px;	padding-right: 7px;	font-family: 'Tahoma';}

.H12MenuLevel1:hover {	text-decoration: underline;	padding-left: 7px;	font-size: 11px;	line-height: 25px;	padding-right: 7px;	font-family: 'Tahoma';}

.H12MenuLevel1Selected,.H12MenuLevel1Selected:visited,.H12MenuLevel1Selected:link {
	color: yellow;
}
*/


/************************ NEW level1 start ***********************/

.H12MenuLevel1Selected,.H12MenuLevel1Selected:visited {
	color: red;
	background-color: #000000;
	padding-left: 1px;
	line-height: 25px;
	padding-right: 1px;
	font-size: 8pt;
	font-weight: bold;
	font-family: 'Verdana';
}

.H12MenuLevel1,.H12MenuLevel1:visited ,.H12MenuLevel1:link {
	color: white;
	text-decoration: none;
	padding-left: 1px;
	line-height: 25px;
	padding-right: 1px;
	font-size: 8pt;
	font-weight: bold;
	font-family: 'Verdana';
}

.H12MenuLevel1:hover 
{
	background-color: #59CAF5;
	text-decoration: none;
	padding-left: 1px;
	line-height: 25px;
	padding-right: 1px;
	font-size: 8pt;
	font-weight: bold;
	font-family: 'Verdana';
}

.H12MenuLevel1Selected,.H12MenuLevel1Selected:visited,.H12MenuLevel1Selected:link {
	color: white;
	background-color: #59CAF5;
}
/************************ NEW level1 end ***********************/

/*1. can you make 3rd level same Font as 2nd level, an please left-aligned (not middle)
2. please make the black lines in 3rd dropdown in same colour as background in 3rd level*/

.H22Style4 {
	text-align: right;
}

td.H12Style2 {
	white-space: nowrap;
}

#dropmenudiv 
{
	position: absolute;
	top: 20px;
	border: 1px solid white;
	border-bottom-width: 0;
	font: bold 8pt Verdana;
	line-height: 18px;
	z-index: 100;
}

#dropmenudiv a 
{
	color: white;
	background-color: #59CAF5;
	width: 100%;
	display: block;
	text-indent: 3px;
	border-bottom: 1px white; 
	border-bottom-style: solid;
	padding: 1px 0;
	text-decoration: none;
	font-weight: bold;
	font-size: 8pt;
	font-family: 'Verdana';
	text-align: left;
}

#dropmenudiv a:hover 
{
	color: white;
	background-color: #0099D2;
	border-bottom: 1px white;
	border-bottom-style: solid;
	font-weight: bold;
	font-size: 8pt;
	font-family: 'Verdana';
	text-align: left;
}