/*** Nicasio Edits - Related to Language Toggler ***/

/*
	Set up the editable "Header" area to 
	allow positioning of the Language Toggler
*/

#idHeaderContent .gadgetStyleBody {
	position: relative;
	padding-bottom:25px;
}

#idHeaderContent .gadgetStyleBody h2 {
	margin-bottom:0px;
	padding-bottom:.6em;
}


/* 
	Position the Language Toggler 
	within the Header
*/

#languageToggleContainer {	 
	position: absolute;

	/* Change these values to reposition the toggler */
		
	bottom: 14px; /* from the top of the Header area */
	left: 0px; /* from the left of the Header area */
        width:100%;
        text-align:center;
}

@media only screen and (max-width: 616px) {

#idHeaderContent .gadgetStyleBody {
	border-bottom: 1px solid #033333;
}

}


/* 
	Style the Language Toggler buttons
*/

#languageToggleContainer a {

	/* Default Styling */
	/* You can customize these rules or remove them and add your own */
	
	color: #252525; /* text color */
	font-size: 10px;
	font-weight: bold; /* change to 'normal' if 'bold' is not wanted */
	background-color: #eeeeee; 
	padding: 2px 6px 3px 6px; /* top right bottom left */
	border: 1px solid #999999;
	text-decoration: none; /* no underline for text */
        margin-left: 3px;
        margin-right: 3px;
}

/* 
	Style the Language Toggler buttons' "hover" state
*/

#languageToggleContainer a:hover {

	/* Default Styling */
	/* You can customize these rules or remove them and add your own */
	
	background-color: #ffffff;

}

/* 
	Hide the Menu Items by default to avoid page lag 
	and triggering the new WA Ver. 5 Phantom Responsive Menu.
	Then reset to table-cell when "visible" class exists via jquery
	Also accommodates the mobile responsive menu.
*/

/*This is needed for the menu to work*/

#id_Header .WaGadgetMenuHorizontal .menuInner ul.firstLevel > li,
#id_MobilePanel .WaGadgetMobilePanel .menuInner ul.firstLevel > li {display:none;}
#id_Header .WaGadgetMenuHorizontal .menuInner ul.firstLevel > li.visible li,
#id_MobilePanel .WaGadgetMobilePanel .menuInner ul.firstLevel > li.visible li {display:block !important;} 

#id_Header .WaGadgetMenuHorizontal .menuInner ul.firstLevel > li.visible,   
#id_Header .WaGadgetMenuHorizontal .menuInner ul.firstLevel > li.phantom {display:table-cell !important;}

#id_MobilePanel .WaGadgetMobilePanel .menuInner ul.firstLevel > li.visible,

#id_Header .WaGadgetMenuHorizontal .menuInner ul.firstLevel[style*="display: block"] > li.visible {
display:block !important;
}