/* Define font and margins for the entire body tag. */
body
{
	font-family: Verdana, Arial, Helvetica;
	
	font-size: 0.9em;
	margin: auto;
	width: 950px;
	padding-left: -10px;
}

/* top-align each td tag vertically. Individual td tags can over overridden later. */
td
{
  vertical-align: top;
}

/* Center the entire content block in the middle of the body. */
#PageWrapper
{
	margin: auto;
	width: 950px;
}

/* Give a width to the main menu. */
#MainMenu
{
	width: 950px;
	clear: both;
	float: none;

}

/* Define the width and border for the sub menu. */
#SubMenu
{
	width: 948px;
	clear: both;
	padding-bottom: 5px;
	padding-top: 10px;
	font-size: 11pt;
	
}

/* Remove the bullets and margin from each ul tag in the main and sub menu. */
#MainMenu ul, #SubMenu ul
{
  margin: 0;
  padding: 0;
  list-style-type:  none;
  white-space:     normal;
}

/* Define the appearance of the menu items in the Main Menu. The background-image property is used to give each item the Tab background. */
#MainMenu li
{
	float: left;
	height: 23px;
	padding-top: 9px;
	text-align: center;
	font-size: 12px;
	width: 100px;
	background-repeat: no-repeat;
	background-image: url(../Images/MenuBackground2.gif);
	font-weight: bold;
	font-family: Arial;
}

/* Change the background image for a selected Main Menu item to the Selected tab. */
#MainMenu li.Selected
{
	background-image: url(../Images/MenuBackgroundSelected.gif);
}

/* Apply marging and padding for the entire ul tag in the SubMenu div. */
#SubMenu ul
{
  margin: 0 0 0 0;
  padding: 0 0 0 20px;
}

/* Change behavior for each of the single menu items in the Sub Menu. */
#SubMenu li
{
	margin: 0;
	display: inline;
	padding-right: 5px;
	font-family: Verdana, Arial;
	font-size: 0.8em;
	padding-left: 5px;
	padding-bottom: 5px;
	padding-top: 5px;
	text-justify: inter-word;
	overflow: visible;
	
}


/* Change the appearance of the links inside the main and sub menu items. This is the text that appears as the menu. */
#MainMenu a, #SubMenu a
{
	color: whitesmoke;
	text-decoration: none;
	
}

/* Change the color of a sub menu to black. */
#SubMenu a
{
	color: darkgoldenrod;
	font-family: Arial;
	text-decoration: underline;
	font-weight: bold;
	font-size: 11pt;
}

/* Change the font-weight of a selected sub menu item to bold. */
#SubMenu a.Selected
{
	font-weight: bold;
	color: indianred;
}

/* Change the margin for the ul tag that holds the Admin menu in the Management folder. */
#AdminMenu ul
{
  margin: 0 0 0 20px;
}

/* Change the color and font size for the menu items in the Admin menu. */
#AdminMenu a
{
  font-size: 80%;
  color: #000000;
}

/* Set the width, margin and border for the MainContent block. */
#MainContent
{

	
	width: 908px;
	padding: 10px 20px;
	min-height: 500px;
	background-color: white;
}

/*Modal Popup*/
.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopup {
	background-color:#ffffdd;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:250px;
	display: none;
}
.modal_bg

{


  background-color:#DFF2FF;

  filter:alpha(opacity=70);

  opacity:0.7;   

}

.modal_logo
{
  filter:alpha(opacity=50);
  opacity:0.5;   
}