/*  Parrent Menu  */
.appmenu
{
margin: 5px;
padding: 0;
width: 170px; 
border: 1px solid #9A9A9A;
border-bottom-width: 0;
}

.appmenu a.menuitem
{
background: black url(/menu/img/parkback.gif) repeat-x bottom left;
font: bold 14px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: white;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 4px 0;
padding-left: 10px;
text-decoration: none;
}


.appmenu a.menuitem:visited, .appmenu .menuitem:active
{
color: white;
}

.appmenu a.menuitem .statusicon
{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
right: 5px;
border: none;
}

.appmenu a.menuitem:hover
{
background-image: url(/menu/img/parkback2.gif);
}

.appmenu div.subapp
{ /*DIV that contains each sub menu*/
background: white;
}

.appmenu div.subapp ul
{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
}

.appmenu div.subapp ul li
{
border-bottom: 1px solid blue;
}

.appmenu div.subapp ul li a
{
display: block;
font: normal 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: black;
text-decoration: none;
padding: 2px 0;
padding-left: 10px;
}

.appmenu div.subapp ul li a:hover
{
background: #DFDCCB;
color: blue;
}

.glossymenu
{
margin: 5px 0;
padding: 0;
width: auto; 
border: 1px solid #9A9A9A;
border-bottom-width: 0;
}

.glossymenu a.menuitem
{
background: black url(/menu/img/parkback.gif) repeat-x bottom left;
font: bold 14px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: white;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 4px 0;
padding-left: 10px;
text-decoration: none;
}


.glossymenu a.menuitem:visited, .glossymenu .menuitem:active
{
color: white;
}

.glossymenu a.menuitem .statusicon
{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
right: 5px;
border: none;
}

.glossymenu a.menuitem:hover
{
background-image: url(/menu/img/parkback2.gif);
}

.glossymenu div.submenu
{ /*DIV that contains each sub menu*/
background: white;
}

.glossymenu div.submenu ul
{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
}

.glossymenu div.submenu ul li
{
border-bottom: 1px solid blue;
}

.glossymenu div.submenu ul li a
{
display: block;
font: normal 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: black;
text-decoration: none;
padding: 2px 0;
padding-left: 10px;
}

.glossymenu div.submenu ul li a:hover
{
background: #DFDCCB;
color: blue;
}

/* Second Menu Level */
.secondmenu
{
padding: 0;
width: auto;
margin-left: 15px;
border: 1px solid #9A9A9A;
border-bottom-width: 0;
}

.secondmenu a.menuitem:visited, .thirdmenu .menuitem:active
{
color: white;
}

.secondmenu a.menuitem .statusicon
{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
right: 5px;
border: none;
}

.secondmenu a.menuitem:hover
{
background-image: url(/menu/img/parkback2.gif);
}

.secondmenu div.secondsubmenu
{ /*DIV that contains each sub menu*/
background: white;
}

.secondmenu div.secondsubmenu ul
{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
}

.secondmenu div.secondsubmenu ul li
{
border-bottom: 1px solid blue;
}

.secondmenu div.secondsubmenu ul li a
{
display: block;
font: normal 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: black;
margin-left: 15px;
text-decoration: none;
padding: 5px 0;
padding-left: 10px;
}

.secondmenu div.secondsubmenu ul li a:hover
{
background: #DFDCCB;
color: blue;
}

.secondsubmenuheader a.menuitem
{
background: black url(/menu/img/parkback.gif) repeat-x bottom left;
font: bold 14px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: white;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 4px 0;
padding-left: 10px;
text-decoration: none;
}

#ssmitem
{
background: black url(/menu/img/parkback.gif) repeat-x bottom left;
font: bold 14px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: white;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 4px 0;
padding-left: 10px;
text-decoration: none;
}

/* Third Menu Level */

.thirdmenu
{
margin-left: 15px;
padding: 0;
width: auto; 
border: 1px solid #9A9A9A;
border-bottom-width: 0;
}

#tsmitem
{
background: black url(/menu/img/parkback.gif) repeat-x bottom left;
font: bold 14px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: white;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 4px 0;
padding-left: 10px;
text-decoration: none;
}


.thirdmenu a.menuitem:visited, .thirdmenu .menuitem:active
{
color: white;
}

.thirdmenu a.menuitem .statusicon
{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
right: 5px;
border: none;
}

.thirdmenu a.menuitem:hover
{
background-image: url(/menu/img/parkback2.gif);
}

.thirdmenu div.thrirdsubmenu
{ /*DIV that contains each sub menu*/
background: white;
}

.thirdmenu div.thirdsubmenu ul
{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
}

.thirdmenu div.thirdsubmenu ul li
{
border-bottom: 1px solid blue;
}

.thirdmenu div.thirdsubmenu ul li a
{
display: block;
font: normal 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: black;
text-decoration: none;
padding: 2px 0;
padding-left: 10px;
}

.thirdmenu div.thirdsubmenu ul li a:hover
{
background: #DFDCCB;
color: blue;
}




.menu {
	margin: 100px 0 0;
	padding: 0;
	list-style: none;
}
.menu li {
	padding: 0;
	margin: 0 2px;
	float: left;
	position: relative;
	text-align: center;
}
.menu a {
	padding: 14px 10px;
	display: block;
	color: #000000;
	width: 144px;
	text-decoration: none;
	font-weight: bold;
	background: url(images/button.gif) no-repeat center center;
}
.menu li em {
	background: url(images/hover.png) no-repeat;
	width: 180px;
	height: 45px;
	position: absolute;
	top: -85px;
	left: -15px;
	text-align: center;
	padding: 20px 12px 10px;
	font-style: normal;
	z-index: 2;
	display: none;
}

.emp_details {
background-color:#F8FFFF;	
}
.emp_detail {
background-color:#93936E;
color:#003265;
}
.emp_photo {
background-color:#FFFFFF;
}
form.cmxform {
color:#333333;
font-size:1.1em;
width:650px;
}
form.cmxform legend {
padding-left:0pt;
}
form.cmxform em {
color:#FF0000;
font-weight:bold;
}
form.cmxform legend, form.cmxform label {
color:#333333;
}
form.cmxform fieldset {
background-color:#F8FFFF;
border-color:#C9DCA6 #C9DCA6 #C9DCA6;
border-style:solid solid solid;
border-width:1px 1px 1px;
}
form.cmxform fieldset fieldset {
background:transparent none repeat scroll 0%;
}
form.cmxform fieldset li {
background:transparent url(/menu/divider.gif) repeat-x scroll left bottom;
padding:5px 10px 7px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0pt;
}
form.cmxform label {
width:100px;
}
form.cmxform label.error, form.cmxform input.submit { color:#FF0000;}