/**********************************************************************
 * Styles.css                                                         *
 *                                                                    *
 * This file is initially empty and you can add any additional styles *
 * or modify any of the styles defined in BaseStyles.css              *
 * This file will never be overwritten.                               *
 *                                                                    *
 * For example, if you want to override just the top padding for a    *
 * menu, you can simply add the following lines:                      *
 *                                                                    *
 * .menus {                                                           *
 * 	padding-top: 20px;                                            *
 * 	}                                                             *
 *                                                                    *
 * This will keep all the other styles of the "menus" style as-is,    *
 * but modify the top padding to be 20px.                             *
 *                                                                    *
 * You can also, add a new style by just specifying it.               *
 *                                                                    *
 * .menus {                                                           *
 * 	padding-top: 20px;                                            *
 * 	text-align: center;                                           *
 * 	}                                                             *
 * 	                                                              *
 * In the above case, we added the text-align style.  This style was  *
 * not specified in the original declaration of the menus style.      *
 *                                                                    *
 **********************************************************************/
/**********************************************************************
 * AJAX Modal Popup Control Styles                                    *
 **********************************************************************/
.modalPopup {
	background-color:#eeeeee;
	border: 1px solid #000000;
	font-family: Verdana, Arial, Geneva, ms sans serif;
	font-size: 11px;
	height: 35px;
	padding: 10px; 
	position:absolute;
	text-align: center;
	top:-1200px;
	vertical-align: center;
	width: 800px;
	}
/**********************************************************************
 * Multi-level Menu Styles                                            *
 **********************************************************************/
.MLMmenuAlign { /* horizontal menu container alignment */
	padding-top: 6px;
	}

.MLMmenu { /* horizontal menu container */
	background-color: #cecece;
	}

.MLMmenusub { /* horizontal submenu container (menu leaves) */
	border: 1px solid #a8bcd1;
	z-index: 100;
	}

.MLMmC { /* horizontal menu item link text */
	background-color: #cecece;
	border-left: 1px solid #ffffff;
	color: #ffffff;
	cursor: pointer !important;
	display: block;
	font-family: Verdana, Geneva, ms sans serif;
	font-size: 14px;
	font-weight: bold;
	padding-bottom: 2px;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 2px;
	text-transform: uppercase;
	}

.MLMmC:hover, .MLMmC:hover a, .MLMmoC { /* menu item hover */
	background-color: #cecece;
	color: #81052b;
	}

.MLMsubmC { /* horizontal submenu item link text */
	background-color: #dae1e8;
	color: #444444;
	cursor: pointer !important;
	font-family: Verdana, Geneva, ms sans serif;
	font-size: 10px;
	padding-bottom: 2px;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 2px;
	text-transform: uppercase;
	}

.MLMsubmoC { /* horizontal submenu item link text hover state */
	background-color: #ffffff;
	color: #81052b;
	}

.MLMmbbg { /* horizontal menu bottom trim */
	}

.MLMmenuVAlign { /* vertical menu container alignment */
	padding-left: 6px;
	padding-right: 6px;
	}

.MLMmenuV { /* vertical menu container */
	position: relative;
	}

.MLMmenuVsub { /* vertical submenu container */
	border: 1px solid #a8bcd1;
	z-index: 100;
	}

.MLMmvC { /* vertical menu item link text */
	background-color: #cecece;
	border-bottom: 1px solid #ffffff;
	color: #ffffff;
	cursor: pointer !important;
	font-family: Verdana, Geneva, ms sans serif;
	font-size: 10px;
	font-weight: bold;
	padding-bottom: 4px;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 4px;
	text-transform: uppercase;
	}

.MLMmvC:hover, .MLMmvC:hover a, .MLMmvoC { /* vertical menu item link text hover state */
	background-color: #cecece;
	color: #81052b;
	}

.MLMsubmvC { /* vertical submenu item link text */
	background-color: #dae1e8;
	color: #444444;
	cursor: pointer !important;
	font-family: Verdana, Geneva, ms sans serif;
	font-size: 10px;
	padding-bottom: 2px;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 2px;
	text-transform: uppercase;
	}

.MLMsubmvoC { /* vertical submenu item link text hover state */
	background-color: #ffffff;
	color: #81052b;
	}

.MLMmveTL { /* vertical menu top left edge */
	}

.MLMmveT { /* vertical menu top center edge */
	}

.MLMmveTR { /* vertical menu top right edge */
	}

.MLMmveBL { /* vertical menu bottom left edge */
	}

.MLMmveB { /* vertical menu bottom center edge */
	}

.MLMmveBR { /* vertical menu bottom right edge */
	}


/**********************************************************************
 * Classic Menu Styles                                                *
 **********************************************************************/
.menus { /* horizontal menu container */
	background: #597EA6;
	}

.menusV { /* vertical menu container */
	padding-left: 5px;
	padding-right: 5px;
	}

.menu { /* horizontal/vertical menu item text */
	color: #000000; 
	font-family: Verdana, Geneva, ms sans serif;
	font-weight: bold;
	text-transform: uppercase;
	padding-top: 0px;
	padding-bottom: 1px;
	}
	
a.menu { /* horizontal/vertical menu item link text */
	color: #ffffff;
	font-family: Verdana, Geneva, ms sans serif;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	text-align: center;
	width: 100%;
	padding-top: 0px;
	padding-bottom: 1px;
}

a.menu:hover { /* horizontal/vertical menu item link text hover state */
	color: #81052B;
}

.menu_on a, .moC a, .mvoC a { /* horizontal/vertical menu highlighted item link text */
	color: #81052B;
	font-family: Verdana, Geneva, ms sans serif;
	font-size: 10px;
	}

.menu_on-TL, .moTL, .mvoTL { /* horizontal/vertical menu highlighted item top right edge */
	background-image:url(../../Images/menuTL.gif);
	width: 11px;
	height: 2px;
	}
.menu_on-TR, .moTR, .mvoTR { /* horizontal/vertical menu highlighted item top right edge */
	background-image:url(../../Images/menuTR.gif);
	width: 2px;
	height: 2px;
	}
.menu_on-BR, .moBR, .mvoBR { /* horizontal/vertical menu highlighted item bottom right edge */
	background-image:url(../../Images/menuBR.gif);
	width: 2px;
	height:3px;
	}
.menu_on-BL, .moBL, .mvoBL { /* horizontal/vertical menu highlighted item bottom left edge */
	background-image:url(../../Images/menuBL.gif);
	width: 11px;
	height: 3px;
	}
.menu_on-B, .moB, .mvoB { /* horizontal/vertical menu highlighted item bottom center edge */
	background-image:url(../../Images/menuB.gif);
	height: 3px;
	}
.menu_on-T, .moT, .mvoT { /* horizontal/vertical menu highlighted item top center edge */
	background-image:url(../../Images/menuT.gif);
	height: 2px;
	}
.menu_on-L, .moL, .mvoL { /* horizontal/vertical menu highlighted item left middle edge */
	background-image:url(../../Images/menuL.gif);
	width: 11px;
	height: 15px;
	}
.menu_on-R, .moR, .mvoR { /* horizontal/vertical menu highlighted item right middle edge */
	background-image:url(../../Images/menuR.gif);
	width: 2px;
	height: 15px;
	}
.menu_on, .moC, .mvoC { /* horizontal/vertical menu highlighted item center */
	background-color: #C2C2C2;
	white-space: nowrap;
	width: 100%;
	}

.menu_off-TL, .mTL, .mvTL { /* horizontal/vertical menu item top right edge */ 
	background-image:url(../../Images/menuTL.gif);
	width: 11px;
	height: 2px;
	}
.menu_off-TR, .mTR, .mvTR { /* horizontal/vertical menu item top right edge */
	background-image:url(../../Images/menuTR.gif); 
	width: 2px;
	height: 2px;
	}
.menu_off-BR, .mBR, .mvBR { /* horizontal/vertical menu item bottom right edge */
	background-image:url(../../Images/menuBR.gif);
	width: 2px;
	height: 3px;
	}
.menu_off-BL, .mBL, .mvBL { /* horizontal/vertical menu item bottom left edge */
	background-image:url(../../Images/menuBL.gif);
	width: 11px;
	height: 3px;
	}
.menu_off-B, .mB, .mvB { /* horizontal/vertical menu item bottom center edge */
	background-image:url(../../Images/menuB.gif);
	height: 3px;
	}
.menu_off-T, .mT, .mvT { /* horizontal/vertical menu item top center edge */
	background-image:url(../../Images/menuT.gif);
	height: 2px;
	}
.menu_off-L, .mL, .mvL { /* horizontal/vertical menu item left middle edge */
	background-image:url(../../Images/menuL.gif);
	width: 11px;
	height: 15px;
	}
.menu_off-R, .mR, .mvR { /* horizontal/vertical menu item right middle edge */
	background-image:url(../../Images/menuR.gif);
	width: 2px;
	height: 15px;
	}
.menu_off, .mC, .mvC { /* horizontal/vertical menu item center */
	background-color: #C2C2C2;
	white-space: nowrap;	
	width: 100%;
	}

.menuEdgeL, .mel { /* horizontal menu container left edge */
	background-image:url(../../Images/menuEdgeL.gif);
	background-position: center right;
	background-repeat: no-repeat;
	width: 25px;
	height: 20px;
	}

.menuEdgeR, .mer { /* horizontal menu container right edge */
	background-image:url(../../Images/menuEdgeR.gif);
	background-position: center left;
	background-repeat: no-repeat;
	width: 25px;
	height: 20px;
	}

.menu_bot_bg, .mbbg { /* horizontal menu bottom trim */  
	background-image:url(../../Images/menu_bot_bg.gif);
	height: 7px;
	width: 100%;
	} 


/**********************************************************************
 * Tab Control Styles                                                 *
 **********************************************************************/
.ajax__tab_xp { /* tab container alignment */
	margin-bottom: 20px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	padding: 0px;
	text-align: left;
	}

.pContent .ajax__tab_xp .ajax__tab_body { /* tab container */
	margin: 0px;
	padding: 0px;
	}

.ajax__tab_xp .dialog_view, .ajax__tab_xp .dv { /* panel container within tab container */
	margin: 0px;
	margin-bottom: 20px;
	padding: 0px;
	}

.ajax__tab_xp .dBody, div.fixedHeaderContainer .ajax__tab_xp .dBody { /* panel content container (excludes panel header) within tab container */ 
	}

.ajax__tab_xp .tre { /* data grid container within tab container */
	border-top: 1px #dae1e8 solid;
	}

.ajax__tab_xp .ajax__tab_header .ajax__tab_active .ajax__tab_inner a { /* tab container active tab text */
        color: #000000;
        }

.ajax__tab_xp .ajax__tab_header .ajax__tab_hover .ajax__tab_inner a { /* tab container hover tab text */
        color: #000000;
        }

.ajax__tab_xp .ajax__tab_header .ajax__tab_inner a { /* tab container non-active tab text */
        color: #666666;
        }


/**********************************************************************
 * Page Background Styles                                             *
 **********************************************************************/
.pageBackground, .pBack { /* page content container */
	background: #597EA6;
	margin: 0px;
	}


/**********************************************************************
 * AJAX Smooth Panel Update Styles                                    *
 **********************************************************************/
.ajaxUpdatePanel { /* AJAX smooth panel update screen overlay */
	background-color: #000000;
	height: 100%;
	left: 0px;
	opacity: 0.50;
	padding: 0px;
	position: fixed;
	top: 0px;
	width: 100%;
	z-index: 1999;
	}

div.updatingContainer { /* AJAX smooth panel update loading icon position */
	height: 100%;
	left: 0px;
	padding: 0px !important;
	position: fixed !important;
	text-align: center;
	top: 0px;
	width: 100%;
	z-index: 2000;
	}

div.updatingContainer img { /* AJAX smooth panel update loading icon */
	position: relative;
	top: 50%;
	}