@import url(../../base/css/top_menu.css);

/* THIS IS TO HIDE THE LINE ON THE RIGHT SIDE OF THE PULDOWN SUBMENU */
.topMenu ul.sub li a.button {
border-right:none;
}

.button more_ntop_element active {
background-color:#ff0000;
}

.topMenu ul.sub li a.button {
	width: 160px;
	height: 33px;
	margin: 0px 0px 0px 20px;
	padding-left: 0px;
	background-image: none;
	text-align: left;
	font-size: 12px;
	cursor: pointer;
	overflow: hidden;
}

.topMenu ul.sub li:hover {
background-color:#ff0000;	
background-image:none;
}

.topMenu ul.sub li:active {
background-color:#ff0000;	
background-image:none;
}


.topMenu .top ul.sub {
background-image:none;
background-color:#000000;
color:#ffffff;
}




.more_down_tab_noimg {
    width: 30px;
    float: left;
    cursor: pointer;
    text-align: center;
}



/*THIS CONTROLS THE WAY MIDDLE SECTION OF THE THE SUBMENU LINK LOOKS ON ROLLOVER */
.topMenu .sub a.more_ntop_element:hover { 
color:#ffffff; 
background-color:#ff0000;
}


/* THIS CONTROLS THE WAY THE MIDDLE SECTION OF THE SUBMENU LOOKS WHEN IT IS ACTIVE */
/* THIS GAVE ME ALL KINDS OF HECK TRYING TO MAKE THIS A FULL 100% WIDTH ON ROLLOVER */
.topMenu .sub a.more_top_element.active,
.topMenu .sub a.more_ntop_element.active
{
    color: #ffffff;
    font-weight: bold;
    background-color:#ff0000;
    margin-left:0px;
    margin-right:0px;
    width:90%;
    padding-left:20px;
	
}

.topMenu .top ul.sub .li_last_round { 
    height: 3px;
    position: absolute;
    background-color:#000000;
    background-image:none;

    line-height: 0px; 
    font-size: 0px; 
}
.topMenu .top ul.sub .li_last_round:hover {
    background-image:none;
}

.subMenu { padding-top:0px; }

.subMenu .subMenuContainer {
	width:100%;
	background-image:none;
	height:38px;
	text-transform: capitalize;
}

.subMenu .subMenuContainerEmpty {
	width:100%;
	background-image:none;
	height:20px;
}

.subMenuOvr {    
    margin-left: 0px; 
    position: relative;
}
.subMenu table { 
    margin-left: 0px; 
}
.subMenu table td.usual { 
    height:36px; 
}
.subMenu table td.tabbed { 
    height:36px; 
}

.subMenu table td.usual div, .subMenu table td.tabbed div {
	height:36px;
	line-height:35px;
	display:block;
	float:left;
	overflow:hidden;
}

.subMenu table td.usual div { margin-top:4px; }

.subMenu table td.tabbed div { font-size:12px; color:#ff0000; }

.subMenu table td.divider div { display:block; height:34px; margin-top:5px; }

.subMenu table a.sublinks,
.subMenu table a.sublinks:link,
.subMenu table a.sublinks:visited {
	padding:0px 8px;
	margin:0px 0px;
	color:#ffffff;
	display:block;
	height:32px;
	font-weight:normal;
	text-decoration: none;
}



/*THESE ARE FOR THE MENU ITEMS THAT APPEAR AFTER A MAIN MENU LINK IS CLICKED ON...THESE ARE TABS LOCATED BELOW THE MAIN MENU */
.subMenu table a.sublinks:hover, 
.subMenu table a.sublinks:active { 
    color:#ffffff; 
}

div.sys_tm_title_addon {
    height: 61px;
    margin-top: 10px;
}
div.sys_tm_actions {
    height: 39px;
    margin-top: 5px;
    
    position: relative;    
    float: right;
}
div.sys_tm_actions div.input_wrapper {
    padding: 0px;
}
.subMenuOvr .sys_tm_actions .button_wrapper, 
.subMenuOvr .sys_tm_actions .button_wrapper_close { 
    background-image: none;
}
.subMenuOvr .sys_tm_actions .button_wrapper {
    margin-right: 4px;
}
.subMenuOvr .sys_tm_actions .button_wrapper_close {
    right: -4px;
}
.subMenuOvr .sys_tm_actions input[type="submit"], 
.subMenuOvr .sys_tm_actions input.submit {
    min-width: 98px;
    width: 98px;
    padding: 7px 6px 32px;
	background-image: none;
	font-size: 18px; 
	font-weight: bold;
}
.subMenuOvr .sys_tm_actions .button_wrapper, 
.subMenuOvr .sys_tm_actions .button_wrapper input, 
.subMenuOvr .sys_tm_actions .button_wrapper_close {
	cursor:pointer;
    height: 39px;
	background-color:transparent;
}

/******From general*********************/

div.subMenusContainer{ 
    margin: 0px auto;
    border: 0px;
}

.subMenu {
	font-weight: bold;
}

.subMenuOvr .subMenuInfoKeeper {
	height:71px;	
    margin: 0px 10px;
    
    /*float: left;*/
	
	color:#ffffff;
	text-transform:capitalize;
	padding:0;
	font-size:18px;
}

.subMenuInfoKeeper .notify_message {    
    min-width: 450px;
	max-width: 450px;		
	
	position: relative;
	float: left;
}
.subMenuInfoKeeper .notify_message table { width:100%; }


.subMenuOvr .actionItem { width:98px; }

.img_submenu {
    margin: 0px; 
    vertical-align: middle; 
}


/****************************************************************************/


/* I USED THIS TO CONTROL THE FONT SIZE IN THE SUBMENU...THE MENU ABOVE THE BREADCRUMB MENU */
.subMenu table a.sublinks, .subMenu table a.sublinks:link, .subMenu table a.sublinks:visited {
font-size:12px;
text-transform:capitalize;
border-right:none;
}

/* I USED THIS TO HIDE THE BORDER ON THE RIGHT SITE OF THE H2-LIKE PAGE NAME BETWEEN THE MAIN MENU AND SUBMENU */
.subMenusContainer .subMenuOvr .subMenuInfoKeeper a, .subMenusContainer .subMenuOvr .subMenuInfoKeeper a:link, .subMenusContainer .subMenuOvr .subMenuInfoKeeper a:visited, .subMenusContainer .subMenuOvr .subMenuInfoKeeper a:active {
border-right:none;
}


/*THIS CONTROLS THE LONG BACKGROUND THAT SITS BELOW THE MAIN MENU.  IT STRETCHES FROM END TO END HORIZONTALLY */
div.sys_top_menu {
background-image:url('../images/redmenu_bg.png'); 
background-repeat:no-repeat;
min-height:53px;
position:relative;
padding-top:10px;
z-index:100;
}


/*THIS CONTROLS THE FONT SIZE FOR THE ITEMS ON THE MAIN MENU */
div.sys_top_menu a,
div.sys_top_menu a:link, 
div.sys_top_menu a:visited, 
div.sys_top_menu a:active, 
div.sys_top_menu b {
font-size:13px;
color:#ffffff;
font-weight:bold;
text-transform:uppercase;
border-right:solid #cccccc 1px;
background-image:none;
padding-left:0px;
}



/* THIS HIDE THE LONG RIGHT SIDE OF THE ROUNDED TABS FOR THE MAIN MENU */
.topMenu td#tm_active a span.down {
background-image:none;
}


/*I USED THIS TO REMOVE THE ROUNDED CORNER IMAGES ON THE INACTIVE MENU ITEMS */
topMenu a, .topMenu a:link, .topMenu a:visited, .topMenu b {
background-image:none;
}

/* THIS HIDE THE SHORT LEFT SIDE OF THE ROUNDED TABS FOR THE MAIN MENU */
.topMenu td#tm_active a.top_link, .topMenu td#tm_active a.top_link:link, .topMenu td#tm_active a.top_link:visited, .topMenu td#tm_active a.top_link:active {
background-image:none;
background-color:#ff0000;
}


/* THIS HIDES THE SEMI-TRANSPARENT TRIANGULAR WHITEST BACKGROUND THAT APPEARS ON INACTIVE MENU ITEMS */
.topMenu a span.down, .topMenu b span.down {
background-image:none;
}


.topMenu td.top:hover a.top_link, 
.topMenu td.top:hover a.top_link:link, 
.topMenu td.top:hover a.top_link:visited, 
.topMenu td.top:hover a.top_link:active {
	background-image:none;
	color:#ffffff;

}


.topMenu td.top:hover a span.down, 
.topMenu td.top:hover b span.down {
	background-image:none;
	text-decoration:underline;
	color:#ffffff;
	background-color:#ff0000;
}

.topMenu td#tm_active a span.down {
	background-image:none;
	text-decoration:underline;
	color:#ffffff;
}