﻿#MenuBody
{
    clear: both;    
    height: 30px;
    margin: 5px 0px 0px 0px;
    background-image: url(../../Images/bg_menu.gif);
    background-repeat: repeat-x; 
 }
#MenuLeft
{
    float:left;
    width:160px;
    padding:10px 0px 0px 15px;
    color:#707070;
}
#Menu
{     
    float:right;
    height: 30px; 
    
}
/*begin creating the tabs */
.menu {
	margin-left: 28px;	
	font-size: 12px;
	font-weight: bold;
	padding-top:5px;
	
}
/* set tab1 as top level container table, then target TDs inside*/
.menuItem td {
	color: #707070;
	height: 24px;	
	width: 100px;
	text-align: center;	
	background-image: url(../../Images/tab.gif);
}
/* make current tab gray,set the background-color also in case images are not on*/
.menuSelectedItem td {
	background: url(../../images/tab.gif) no-repeat #919191;
}

/* make link and visited the same look,set the background-color also in case images are not on*/
.menuItem a:link, .menuItem a:visited, .menuPopupItem a:link, .menuPopupItem a:visited {
	color: #707070;
	text-decoration: none;
}
/* make hover by changing vertical position of background to -22px (the tab_dim2.gif is 44px high) */
.menuItem a:hover
{
    text-decoration: underline;
    color: #AB0000;
}

/* make drop down menu container style */
.menuPopup {
	/*background: url(../../images/background_drop_menu.jpg) repeat #8C9FB4;*/
	border: 1px solid #dddddd;
	border-top: none;
	color: #ffffff;
	text-align:center;
	background-color:#f6f6f6;
	margin-left:-1px;
}

/* make drop down menu item style */
.menuPopupItem
{
    color: #707070; /*border-bottom: 1px solid #666666;*/
    padding: 3px;
    width: 98px;
    background-color: #f6f6f6;    
}
.menuPopupItem a:hover
{
    text-decoration: underline;
    color: #AB0000;
}

form {
	margin: 0px;
}
/* define the pop up calendar style */