/*Credits: CSSplay */
/*URL: http://www.cssplay.co.uk/menus/pro_drop2 */

.menu2 {padding:0 0 0 3px; margin:0; list-style:none; height:40px; background:#fff url(../images/menu2/button.gif) repeat-x; position:relative; font-family:arial, verdana, sans-serif; }
.menu2 li.top {display:block; float:left; position:relative;}
.menu2 li a.top_link1 {display:block; float:left; height:40px; line-height:33px; color:#bbb; text-decoration:none; font-size:11px; font-weight:bold; padding:0 0 0 3px; cursor:pointer;}
.menu2 li a.top_link1 span {float:left; display:block; padding:0 20px 0 10px; height:40px;}
.menu2 li a.top_link1 span.down {float:left; display:block; padding:0 20px 0 10px; height:40px; background:url(../images/menu2/down.gif) no-repeat right top;}
.menu2 li a.top_link1:hover {color:#fff; background: url(../images/menu2/button1.gif) no-repeat;}
.menu2 li a.top_link1:hover span {background:url(../images/menu2/button1.gif) no-repeat right top;}
.menu2 li a.top_link1:hover span.down {background:url(../images/menu2/button1a.gif) no-repeat right top;}

.menu2 li:hover > a.top_link1 {color:#fff; background: url(../images/menu2/button1.gif) no-repeat;}
.menu2 li:hover > a.top_link1 span {background:url(../images/menu2/button1.gif) no-repeat right top;}
.menu2 li:hover > a.top_link1 span.down {background:url(../images/menu2/button1a.gif) no-repeat right top;}


.menu2 table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}


.menu2 a:hover {visibility:visible;}
.menu2 li:hover {position:relative; z-index:200;}


.menu2 ul, 
.menu2 :hover ul ul, 
.menu2 :hover ul :hover ul ul,
.menu2 :hover ul :hover ul :hover ul ul,
.menu2 :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

.menu2 :hover ul.sub1 {left:2px; top:40px; background: #fff; padding:3px 0; border:1px solid #4ab; white-space:nowrap; width:223px; height:auto;}
.menu2 :hover ul.sub1 li {display:block; height:20px; position:relative; float:left; width:220px;}
.menu2 :hover ul.sub1 li a {display:block; font-size:11px; height:20px; width:217px; line-height:20px; text-indent:2px; color:#000; text-decoration:none; border:3px solid #fff; border-width:0 0 0 3px;}
.menu2 :hover ul.sub1 li a.fly1 {background:#fff url(../images/menu2/arrow.gif) 210px 7px no-repeat;}
.menu2 :hover ul.sub1 li a:hover {background:#4ab; color:#fff;}
.menu2 :hover ul.sub1 li a.fly1:hover {background:#4ab url(../images/menu2/arrow_over.gif) 210px 7px no-repeat; color:#fff;}
.menu2 :hover ul li:hover > a.fly1 {background:#4ab url(../images/menu2/arrow_over.gif) 210px 7px no-repeat; color:#fff;} 

.menu2 :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul :hover ul :hover ul
{left:220px; top:-4px; background: #fff; padding:3px 0; border:1px solid #666; white-space:nowrap; width:223px; z-index:200; height:auto;}

/* Button 2 Colour */

.menu2 li a.top_link2 {display:block; float:left; height:40px; line-height:33px; color:#bbb; text-decoration:none; font-size:11px; font-weight:bold; padding:0 0 0 3px; cursor:pointer;}
.menu2 li a.top_link2 span {float:left; display:block; padding:0 20px 0 10px; height:40px;}
.menu2 li a.top_link2 span.down {float:left; display:block; padding:0 20px 0 10px; height:40px; background:url(../images/menu2/down.gif) no-repeat right top;}
.menu2 li a.top_link2:hover {color:#fff; background: url(../images/menu2/button2.gif) no-repeat;}
.menu2 li a.top_link2:hover span {background:url(../images/menu2/button2.gif) no-repeat right top;}
.menu2 li a.top_link2:hover span.down {background:url(../images/menu2/button2a.gif) no-repeat right top;}

.menu2 li:hover > a.top_link2 {color:#fff; background: url(../images/menu2/button2.gif) no-repeat;}
.menu2 li:hover > a.top_link2 span {background:url(../images/menu2/button2.gif) no-repeat right top;}
.menu2 li:hover > a.top_link2 span.down {background:url(../images/menu2/button2a.gif) no-repeat right top;}


.menu2 :hover ul.sub2 {left:2px; top:40px; background: #fff; padding:3px 0; border:1px solid #4db14b; white-space:nowrap; width:223px; height:auto;}
.menu2 :hover ul.sub2 li {display:block; height:20px; position:relative; float:left; width:220px;}
.menu2 :hover ul.sub2 li a {display:block; font-size:11px; height:20px; width:217px; line-height:20px; text-indent:2px; color:#000; text-decoration:none; border:3px solid #fff; border-width:0 0 0 3px;}
.menu2 :hover ul.sub2 li a.fly2 {background:#fff url(../images/menu2/arrow.gif) 210px 7px no-repeat;}
.menu2 :hover ul.sub2 li a:hover {background:#4db14b; color:#fff;}
.menu2 :hover ul.sub2 li a.fly2:hover {background:#4db14b url(../images/menu2/arrow_over.gif) 210px 7px no-repeat; color:#fff;}
.menu2 :hover ul li:hover > a.fly2 {background:#4db14b url(../images/menu2/arrow_over.gif) 210px 7px no-repeat; color:#fff;} 

/* Button 3 Colour */

.menu2 li a.top_link3 {display:block; float:left; height:40px; line-height:33px; color:#bbb; text-decoration:none; font-size:11px; font-weight:bold; padding:0 0 0 3px; cursor:pointer;}
.menu2 li a.top_link3 span {float:left; display:block; padding:0 20px 0 10px; height:40px;}
.menu2 li a.top_link3 span.down {float:left; display:block; padding:0 20px 0 10px; height:40px; background:url(../images/menu2/down.gif) no-repeat right top;}
.menu2 li a.top_link3:hover {color:#fff; background: url(../images/menu2/button3.gif) no-repeat;}
.menu2 li a.top_link3:hover span {background:url(../images/menu2/button3.gif) no-repeat right top;}
.menu2 li a.top_link3:hover span.down {background:url(../images/menu2/button3a.gif) no-repeat right top;}

.menu2 li:hover > a.top_link3 {color:#fff; background: url(../images/menu2/button3.gif) no-repeat;}
.menu2 li:hover > a.top_link3 span {background:url(../images/menu2/button3.gif) no-repeat right top;}
.menu2 li:hover > a.top_link3 span.down {background:url(../images/menu2/button3a.gif) no-repeat right top;}


.menu2 :hover ul.sub3 {left:2px; top:40px; background: #fff; padding:3px 0; border:1px solid #4cb19f; white-space:nowrap; width:223px; height:auto;}
.menu2 :hover ul.sub3 li {display:block; height:20px; position:relative; float:left; width:220px;}
.menu2 :hover ul.sub3 li a {display:block; font-size:11px; height:20px; width:217px; line-height:20px; text-indent:2px; color:#000; text-decoration:none; border:3px solid #fff; border-width:0 0 0 3px;}
.menu2 :hover ul.sub3 li a.fly3 {background:#fff url(../images/menu2/arrow.gif) 210px 7px no-repeat;}
.menu2 :hover ul.sub3 li a:hover {background:#4cb19f; color:#fff;}
.menu2 :hover ul.sub3 li a.fly3:hover {background:#4cb19f url(../images/menu2/arrow_over.gif) 210px 7px no-repeat; color:#fff;}
.menu2 :hover ul li:hover > a.fly3 {background:#4cb19f url(../images/menu2/arrow_over.gif) 210px 7px no-repeat; color:#fff;} 

/* Button 4 Colour */

.menu2 li a.top_link4 {display:block; float:left; height:40px; line-height:33px; color:#bbb; text-decoration:none; font-size:11px; font-weight:bold; padding:0 0 0 3px; cursor:pointer;}
.menu2 li a.top_link4 span {float:left; display:block; padding:0 20px 0 10px; height:40px;}
.menu2 li a.top_link4 span.down {float:left; display:block; padding:0 20px 0 10px; height:40px; background:url(../images/menu2/down.gif) no-repeat right top;}
.menu2 li a.top_link4:hover {color:#fff; background: url(../images/menu2/button4.gif) no-repeat;}
.menu2 li a.top_link4:hover span {background:url(../images/menu2/button4.gif) no-repeat right top;}
.menu2 li a.top_link4:hover span.down {background:url(../images/menu2/button4a.gif) no-repeat right top;}

.menu2 li:hover > a.top_link4 {color:#fff; background: url(../images/menu2/button4.gif) no-repeat;}
.menu2 li:hover > a.top_link4 span {background:url(../images/menu2/button4.gif) no-repeat right top;}
.menu2 li:hover > a.top_link4 span.down {background:url(../images/menu2/button4a.gif) no-repeat right top;}


.menu2 :hover ul.sub4 {left:2px; top:40px; background: #fff; padding:3px 0; border:1px solid #b1974c; white-space:nowrap; width:223px; height:auto;}
.menu2 :hover ul.sub4 li {display:block; height:20px; position:relative; float:left; width:220px;}
.menu2 :hover ul.sub4 li a {display:block; font-size:11px; height:20px; width:217px; line-height:20px; text-indent:2px; color:#000; text-decoration:none; border:3px solid #fff; border-width:0 0 0 3px;}
.menu2 :hover ul.sub4 li a.fly4 {background:#fff url(../images/menu2/arrow.gif) 210px 7px no-repeat;}
.menu2 :hover ul.sub4 li a:hover {background:#b1974c; color:#fff;}
.menu2 :hover ul.sub4 li a.fly4:hover {background:#b1974c url(../images/menu2/arrow_over.gif) 210px 7px no-repeat; color:#fff;}
.menu2 :hover ul li:hover > a.fly4 {background:#b1974c url(../images/menu2/arrow_over.gif) 210px 7px no-repeat; color:#fff;} 

/* Button 5 Colour */

.menu2 li a.top_link5 {display:block; float:left; height:40px; line-height:33px; color:#bbb; text-decoration:none; font-size:11px; font-weight:bold; padding:0 0 0 3px; cursor:pointer;}
.menu2 li a.top_link5 span {float:left; display:block; padding:0 20px 0 10px; height:40px;}
.menu2 li a.top_link5 span.down {float:left; display:block; padding:0 20px 0 10px; height:40px; background:url(../images/menu2/down.gif) no-repeat right top;}
.menu2 li a.top_link5:hover {color:#fff; background: url(../images/menu2/button5.gif) no-repeat;}
.menu2 li a.top_link5:hover span {background:url(../images/menu2/button5.gif) no-repeat right top;}
.menu2 li a.top_link5:hover span.down {background:url(../images/menu2/button5a.gif) no-repeat right top;}

.menu2 li:hover > a.top_link5 {color:#fff; background: url(../images/menu2/button5.gif) no-repeat;}
.menu2 li:hover > a.top_link5 span {background:url(../images/menu2/button5.gif) no-repeat right top;}
.menu2 li:hover > a.top_link5 span.down {background:url(../images/menu2/button5a.gif) no-repeat right top;}


.menu2 :hover ul.sub5 {left:2px; top:40px; background: #fff; padding:3px 0; border:1px solid #677ebd; white-space:nowrap; width:223px; height:auto;}
.menu2 :hover ul.sub5 li {display:block; height:20px; position:relative; float:left; width:220px;}
.menu2 :hover ul.sub5 li a {display:block; font-size:11px; height:20px; width:217px; line-height:20px; text-indent:2px; color:#000; text-decoration:none; border:3px solid #fff; border-width:0 0 0 3px;}
.menu2 :hover ul.sub5 li a.fly5 {background:#fff url(../images/menu2/arrow.gif) 210px 7px no-repeat;}
.menu2 :hover ul.sub5 li a:hover {background:#677ebd; color:#fff;}
.menu2 :hover ul.sub5 li a.fly5:hover {background:#677ebd url(../images/menu2/arrow_over.gif) 210px 7px no-repeat; color:#fff;}
.menu2 :hover ul li:hover > a.fly5 {background:#677ebd url(../images/menu2/arrow_over.gif) 210px 7px no-repeat; color:#fff;} 

/* Button 6 Colour */

.menu2 li a.top_link6 {display:block; float:left; height:40px; line-height:33px; color:#bbb; text-decoration:none; font-size:11px; font-weight:bold; padding:0 0 0 3px; cursor:pointer;}
.menu2 li a.top_link6 span {float:left; display:block; padding:0 20px 0 10px; height:40px;}
.menu2 li a.top_link6 span.down {float:left; display:block; padding:0 20px 0 10px; height:40px; background:url(../images/menu2/down.gif) no-repeat right top;}
.menu2 li a.top_link6:hover {color:#fff; background: url(../images/menu2/button6.gif) no-repeat;}
.menu2 li a.top_link6:hover span {background:url(../images/menu2/button6.gif) no-repeat right top;}
.menu2 li a.top_link6:hover span.down {background:url(../images/menu2/button6a.gif) no-repeat right top;}

.menu2 li:hover > a.top_link6 {color:#fff; background: url(../images/menu2/button6.gif) no-repeat;}
.menu2 li:hover > a.top_link6 span {background:url(../images/menu2/button6.gif) no-repeat right top;}
.menu2 li:hover > a.top_link6 span.down {background:url(../images/menu2/button6a.gif) no-repeat right top;}


.menu2 :hover ul.sub6 {left:2px; top:40px; background: #fff; padding:3px 0; border:1px solid #b15c4c; white-space:nowrap; width:223px; height:auto;}
.menu2 :hover ul.sub6 li {display:block; height:20px; position:relative; float:left; width:220px;}
.menu2 :hover ul.sub6 li a {display:block; font-size:11px; height:20px; width:217px; line-height:20px; text-indent:2px; color:#000; text-decoration:none; border:3px solid #fff; border-width:0 0 0 3px;}
.menu2 :hover ul.sub6 li a.fly6 {background:#fff url(../images/menu2/arrow.gif) 210px 7px no-repeat;}
.menu2 :hover ul.sub6 li a:hover {background:#b15c4c; color:#fff;}
.menu2 :hover ul.sub6 li a.fly6:hover {background:#b15c4c url(../images/menu2/arrow_over.gif) 210px 7px no-repeat; color:#fff;}
.menu2 :hover ul li:hover > a.fly6 {background:#b15c4c url(../images/menu2/arrow_over.gif) 210px 7px no-repeat; color:#fff;} 

/* Button 7 Colour */

.menu2 li a.top_link7 {display:block; float:left; height:40px; line-height:33px; color:#bbb; text-decoration:none; font-size:11px; font-weight:bold; padding:0 0 0 3px; cursor:pointer;}
.menu2 li a.top_link7 span {float:left; display:block; padding:0 20px 0 10px; height:40px;}
.menu2 li a.top_link7 span.down {float:left; display:block; padding:0 20px 0 10px; height:40px; background:url(../images/menu2/down.gif) no-repeat right top;}
.menu2 li a.top_link7:hover {color:#fff; background: url(../images/menu2/button7.gif) no-repeat;}
.menu2 li a.top_link7:hover span {background:url(../images/menu2/button7.gif) no-repeat right top;}
.menu2 li a.top_link7:hover span.down {background:url(../images/menu2/button7a.gif) no-repeat right top;}

.menu2 li:hover > a.top_link7 {color:#fff; background: url(../images/menu2/button7.gif) no-repeat;}
.menu2 li:hover > a.top_link7 span {background:url(../images/menu2/button7.gif) no-repeat right top;}
.menu2 li:hover > a.top_link7 span.down {background:url(../images/menu2/button7a.gif) no-repeat right top;}


.menu2 :hover ul.sub7 {left:2px; top:40px; background: #fff; padding:3px 0; border:1px solid #a7a7a7; white-space:nowrap; width:223px; height:auto;}
.menu2 :hover ul.sub7 li {display:block; height:20px; position:relative; float:left; width:220px;}
.menu2 :hover ul.sub7 li a {display:block; font-size:11px; height:20px; width:217px; line-height:20px; text-indent:2px; color:#000; text-decoration:none; border:3px solid #fff; border-width:0 0 0 3px;}
.menu2 :hover ul.sub7 li a.fly7 {background:#fff url(../images/menu2/arrow.gif) 210px 7px no-repeat;}
.menu2 :hover ul.sub7 li a:hover {background:#a7a7a7; color:#fff;}
.menu2 :hover ul.sub7 li.maintenance a:hover {background:#d5a801; color:#fff; cursor:default}
.menu2 :hover ul.sub7 li.online a:hover {background:#1fbb5f; color:#fff; cursor:default}
.menu2 :hover ul.sub7 li.offline a:hover {background:#d80221; color:#fff; cursor:default}
.menu2 :hover ul.sub7 li.update a:hover {background:#0098e9; color:#fff; cursor:default}
.menu2 :hover ul.sub7 li a.fly7:hover {background:#a7a7a7 url(../images/menu2/arrow_over.gif) 210px 7px no-repeat; color:#fff;}
.menu2 :hover ul li:hover > a.fly7 {background:#a7a7a7 url(../images/menu2/arrow_over.gif) 210px 7px no-repeat; color:#fff;} 

.menu li.search {
margin: 5px 5px 5px 5px;
}

.search input
{
color: #ffffff;
background: #093f5b;
border: 1px solid #bbbbbb;
font-family:arial;
font-size: 11px
}

/* Demo Button */

.menu2 li a.top_link8 {display:block; float:left; height:40px; line-height:33px; color:#093F5B; text-decoration:none; font-size:11px; font-weight:bold; padding:0 0 0 4px; cursor:pointer; background:url(../images/menu2/buttondemo.gif) no-repeat left top;}

.menu2 li a.top_link8 span {float:left; display:block; padding:0 16px 0 12px; height:40px; background:url(../images/menu2/buttondemo.gif) no-repeat right top;}

.menu2 li a.top_link8:hover {color:#fff; background: url(../images/menu2/button1.gif) no-repeat;}
.menu2 li a.top_link8:hover span {background:url(../images/menu2/button1.gif) no-repeat right top;}

.menu2 li:hover > a.top_link8 {color:#fff; background: url(../images/menu2/button1.gif) no-repeat;}
.menu2 li:hover > a.top_link8 span {background:url(../images/menu2/button1.gif) no-repeat right top;}

/* Demo Button */

.menu2 li a.top_link8 {display:block; float:left; height:40px; line-height:33px; color:#093F5B; text-decoration:none; font-size:11px; font-weight:bold; padding:0 0 0 4px; cursor:pointer; background:url(../images/menu2/buttondemo.gif) no-repeat left top;}

.menu2 li a.top_link8 span {float:left; display:block; padding:0 16px 0 12px; height:40px; background:url(../images/menu2/buttondemo.gif) no-repeat right top;}

.menu2 li a.top_link8:hover {color:#fff; background: url(../images/menu2/buttondemoa.gif) no-repeat;}
.menu2 li a.top_link8:hover span {background:url(../images/menu2/buttondemoa.gif) no-repeat right top;}

.menu2 li:hover > a.top_link8 {color:#fff; background: url(../images/menu2/buttondemoa.gif) no-repeat;}
.menu2 li:hover > a.top_link8 span {background:url(../images/menu2/buttondemoa.gif) no-repeat right top;}