/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/simple_vertical.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

.sms_menu_container 			{ position: relative;  }
.menu, 
.menu ul 			{ list-style-type: none; padding: 0; margin: 0; z-index: 100;}
.menu li			{ text-align: center; }
.menu a, 
.menu a:visited 	{ width: 90px; /*height: 37px;*/ line-height: 1.2em; margin: 12px 0; display: block;  color: #fff; font-weight: bold; padding: 0;  /*text-indent: 5px; text-decoration: none; border: 1px solid #000; border-width: 0 1px;*/ }
.menu a:hover, 
.menu a:active 		{ background-color: transparent; text-decoration: underline; color: #fff; }

#cdp_1_0	{  width: 90px; }
#cdp_1_1	{  width: 100px; border-left: 1px solid #fff; }
#cdp_1_2	{  width: 100px; border-left: 1px solid #fff; }
#cdp_1_3	{  width: 100px; border-left: 1px solid #fff; }
#cdp_1_4	{  width: 100px; border-left: 1px solid #fff; }
#cdp_1_5	{  width: 120px; border-left: 1px solid #fff; }
#cdp_1_6	{  width: 170px; border-left: 1px solid #fff; }
#cdp_1_7	{  border: 0; border-left: 1px solid #fff; }


.menu ul ul				{  }
.menu ul ul li			{ text-align: left; border: 1px solid #999; border-top: 0; }
.menu ul ul a, 
.menu ul ul a:visited 	{ width: 150px; height: auto; line-height: 1.5em; background-color: #e1e1e1; display: block; color: #999; font-weight: normal; padding: 5px; border: 0; margin: 0;  /*text-indent: 5px; text-decoration: none; border: 1px solid #000; border-width: 0 1px;*/ }
.menu ul ul a:hover, 
.menu ul ul a:active 	{ background-color: #999; color: #fff; text-decoration: none; } 

.menu li ul li a, 
.menu li ul li a:visited { /*border-width: 0 1px 1px 1px;*/ }
.menu li a.enclose, 
.menu li a.enclose:visited { /*border-width: 1px;*/ }
.menu li 			{ float: left; /*background-color: #fff;*/ }

.menu li:hover 		{ position: relative; } 

.menu li ul 		{ display: none; }
.menu li:hover > ul { width: 150px; display: block; position: absolute; top: 37px/*-6px*/; left: 0/*203px*/; background: transparent url("transparent.gif"); /*padding: 10px 30px 30px 30px;*/  }

.menu > li:hover > ul { left: -30px; top: 16px; }

.menu table 		{ position: absolute; top: 0; left: 0; border-collapse: collapse; z-index: 100; }

* html .menu li a:hover { position: relative; }

.menu li a:active, .menu li a:focus { background: transparent; }

/*.menu li.fly 		{ background: #fff url(http://www.cssplay.co.uk/menus/fly.gif) no-repeat right center; }
.menu li.drop 		{ background: #fff url(http://www.cssplay.co.uk/menus/drop.gif) no-repeat right center; }*/

/* style the second level hover 
.menu ul ul a.drop:hover	{ background: #999 url(http://www.cssplay.co.uk/graphics/drop.gif) bottom right no-repeat; }
.menu ul ul :hover > a.drop { background: #999 url(http://www.cssplay.co.uk/graphics/drop.gif) bottom right no-repeat; }
*/

* html .menu li ul 	{ visibility: hidden; display: block; position: absolute; top: 37px/*-6px*/; left: 0/*203px*/; background: transparent url(transparent.gif); padding: 10px 30px 30px 30px; }

.menu li a:hover ul ul { visibility: hidden; }
.menu li a:hover ul a:hover ul ul { visibility: hidden; }
.menu li a:hover ul a:hover ul a:hover ul ul { visibility: hidden; }
.menu li a:hover ul a:hover ul a:hover ul a:hover ul ul { visibility: hidden; }

.menu li a:hover ul { visibility: visible; left: -30px; top: 14px; lef\t:-31px; to\p:15px; }
.menu li a:hover ul a:hover ul { visibility: visible; top: 37px/*-6px*/; left: 0/*203px*/; }
.menu li a:hover ul a:hover ul a:hover ul { visibility: visible; }
.menu li a:hover ul a:hover ul a:hover ul a:hover ul { visibility: visible; }
.menu li a:hover ul a:hover ul a:hover ul a:hover ul a:hover ul { visibility: visible; }

/*
.menu ul ul ul a:hover 	{ background: transparent; }
.menu a:hover, 
.menu ul ul a:hover		{ background: transparent; }
.menu :hover > a, 
.menu ul ul :hover > a 	{ background: transparent; }
*/