/******************************************************/
/*	18/04/2019		wsxmenu.css          		*/
/*	28/03/2019		wsxmenu.css          		*/
/*	27/03/2017 		wsxmenu.css          		*/
/******************************************************/
/*////////////////////////////////////
//  Visual effects  			    //
////////////////////////////////////*/
div.wssmenu,
div.wsmenu1,
div.wsmenu2,
div.wsmenu3{
	float:none;
	-o-border-radius:2px 2px 2px 2px;
	-moz-border-radius:2px 2px 2px 2px;
	-webkit-border-radius:2px 2px 2px 2px;
	border-radius:2px 2px 2px 2px;
	}

/* Middle Container Border Radius Shadow */
div.wssmenu a,
div.wsmenu1 a,
div.wsmenu2 a,
div.wsmenu3 a{
	border-top:1px solid #666666;
	border-right:1px solid #444444;
	border-bottom:1px solid #444444;
	border-left:1px solid #666666;

	-o-border-radius:3px 3px 3px 3px;
	-moz-border-radius:3px 3px 3px 3px;
	-webkit-border-radius:3px 3px 3px 3px;
	border-radius:3px 3px 3px 3px;

	-o-box-shadow:1px 1px 1px 0 rgba(0,0,0,0.3);
	-moz-box-shadow:1px 1px 1px 0 rgba(0,0,0,0.3);
	-webkit-box-shadow:1px 1px 1px 0 rgba(0,0,0,0.3);
	box-shadow:1px 1px 1px 0 rgba(0,0,0,0.3);
 	-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#666666')";/* For IE 8 */
 	filter:progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#666666');/* For IE 5.5 - 7 */
	}

/* Inner container Border and Radius*/
div.wssmenu a span,
div.wsmenu1 a span,
div.wsmenu2 a span,
div.wsmenu3 a span{
	border-top:1px solid #aaaaaa;
	border-right:1px solid #888888;
	border-bottom:1px solid #888888;
	border-left:1px solid #aaaaaa;
	-o-border-radius:2px 2px 2px 2px;
	-moz-border-radius:2px 2px 2px 2px;
	-webkit-border-radius:2px 2px 2px 2px;
	border-radius:2px 2px 2px 2px;
	}

/* Outer Container Size */
div.wssmenu,
div.wsmenu1,
div.wsmenu2,
div.wsmenu3{
	clear:both;
	text-align:left;
	height:auto;
	width:auto;
	padding:0!important;
	}

div.wssmenu,
div.wsmenu2,
div.wsmenu3{
	position:relative;
	}

div.wsmenu1{
	position:relative;
	}

div.wssmenu ul{
	list-style:none;
	list-style-type:none;
	list-style-position:inside;
	display:inline-block;
	margin:0;
	padding:0;
	}


/* Middle container Size */
div.wssmenu a,
div.wsmenu1 a,
div.wsmenu2 a,
div.wsmenu3 a{
	display:inline-block;
	padding:0;
	}

/* Middle container Size */
div.wssmenu a,
div.wsmenu1 a,
div.wsmenu2 a,
div.wsmenu3 a{
	line-height:28px;
	line-height:26px;
	height:28px;
	height:26px;
	width:auto;
	margin:0;
	}


/* Middle container Background - Hover */
div.wssmenu a:focus,
div.wssmenu a:hover,
div.wsmenu1 a:focus,
div.wsmenu1 a:hover,
div.wsmenu2 a:focus,
div.wsmenu2 a:hover,
div.wsmenu3 a:focus,
div.wsmenu3 a:hover{
	background-color:#aaccff;
	text-decoration:none;
	color:#000000;
	}

/* Middle container Background - Active */
div.wssmenu a:active,
div.wssmenu a.on,
div.wsmenu1 a:active,
div.wsmenu1 a.on,
div.wsmenu2 a:active,
div.wsmenu2 a.on,
div.wsmenu3 a:active,
div.wsmenu3 a.on{
	background-color:#bbddff;
	text-decoration:none;
	color:#333333;
	}

/* Inner Container */
div.wssmenu a span,
div.wsmenu1 a span,
div.wsmenu2 a span,
div.wsmenu3 a span{
	position:relative;
	display:inline-block;
	text-align:center;
	margin:0;
	}

/* Inner container Sizes*/
/*  submit input size includes border */
div.wssmenu a span,
div.wsmenu1 a span,
div.wsmenu2 a span,
div.wsmenu3 a span{
	line-height:24px;
	height:24px;
	width:auto;
	padding:0 8px;
	}

/* Inner and Outer container Background  */
div.wssmenu,
div.wsmenu1,
div.wsmenu2,
div.wsmenu3,
div.wssmenu a span,
div.wsmenu1 a span,
div.wsmenu2 a span,
div.wsmenu3 a span{
	background-color:#666666;
	background:-o-linear-gradient(#999999, #454545);
	background:-moz-linear-gradient(#999999, #454545);
	background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#999999), to(#454545)); 
	background:-webkit-linear-gradient(#999999, #454545);
	background:linear-gradient(#999999, #454545);
	}


/* Inner container Background - Hover */
div.wssmenu a:hover span, 	
div.wsmenu1 a:hover span, 
div.wsmenu2 a:hover span, 
div.wsmenu3 a:hover span{
	background-color:#bbeef6!important;
	background:-o-linear-gradient(#bbeef6, #6699aa);
	background:-moz-linear-gradient(#bbeef6, #6699aa);
	background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#bbeef6), to(#6699aa)); 
	background:-webkit-linear-gradient(#bbeef6, #6699aa);
	background:linear-gradient(#bbeef6, #6699aa);
	}

/* Inner container Background -Active */
/* Inner container background  - focus, active, on - same */
div.wssmenu a:active span, 	
div.wssmenu a:focus span, 
div.wssmenu a.on span,
div.wsmenu1 a:active span, 	
div.wsmenu1 a:focus span, 
div.wsmenu1 a.on span,
div.wsmenu2 a:active span, 	
div.wsmenu2 a:focus span, 
div.wsmenu2 a.on span,
div.wsmenu3 a:active span, 
div.wsmenu3 a:focus span, 	
div.wsmenu3 a.on span{
	background-color:#bbddff!important;
	background:-o-linear-gradient(#6699aa, #bbeef6);
	background:-moz-linear-gradient(#6699aa, #bbeef6);
	background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#6699aa), to(#bbeef6)); 
	background:-webkit-linear-gradient(#6699aa, #bbeef6);
	background:linear-gradient(#6699aa, #bbeef6);
	}

/* Border Shadow container */
div.wsmenu1 a:active,	
div.wsmenu2 a:active,	
div.wsmenu3 a:active,	
div.wsmenu1 a:active span,	
div.wsmenu2 a:active span,	
div.wsmenu3 a:active span{	
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	box-shadow:none;
	}

/* Inner/Middle Text */
form.searchForm input[type="submit"],
form.mailForm input[type="submit"],
p.pbutton input[type="submit"],
p.pbutton a,
div.wssmenu a,
div.wsmenu1 a,
div.wsmenu2 a,
div.wsmenu3 a{
	font-family:Verdana,Helvetica,Arial,sans-serif;
	text-decoration:none;
	font-weight:bold;
	font-size:90%;
	color:#eeeeee;
	}

/************************************/
/** Generic tablet viewports        **/
/************************************/
@media only screen and (max-width:520px) {

/* Outer Container */
div.wssmenu{
	clear:both;
	float:none;
	position:relative!important;
	background:none;
	border:none;
	height:auto;
	margin:0 0 1px 0;
	}

div.wsmenu1,
div.wsmenu2,
div.wsmenu3{
	position:relative;
	float:none;
	border:none;
	width:100%!important;
	margin:0 0 2px 0;
	padding:0!important;
	}

div.wsmenu1{
	bottom:0;
	position:fixed;
	position:absolute;
	position:relative;
	}

/* Middle Container Sizes*/
div.wssmenu a{
	vertical-align:middle;
	text-align:center;
	line-height:47px;
	height:50px!important;
	width:50px!important;
	margin:0 0 1px 1px!important;
	padding:0;
	}
div.wsmenu1 a,
div.wsmenu2 a,
div.wsmenu3 a{
	display:block!important;
	line-height:28px;
	height:28px;
	width:100%;
	}

/* Inner container Sizes*/
div.wssmenu a span{
	line-height:48px;
	height:48px!important;
	width:48px!important;
	margin:0;
	padding:0;
	}

div.wsmenu1 a span,
div.wsmenu2 a span,
div.wsmenu3 a span{
	display:block!important;
	text-align:left;
	line-height:26px;
	height:26px;
	padding:0 4px;
	}

div.wssmenu a{
	-o-border-radius:6px 6px 6px 6px;
	-moz-border-radius:6px 6px 6px 6px;
	-webkit-border-radius:6px 6px 6px 6px;
	border-radius:6px 6px 6px 6px;

	-o-box-shadow:1px 1px 1px 1px rgba(0,0,0,0.2);
	-moz-box-shadow:1px 1px 1px 1px rgba(0,0,0,0.2);
	-webkit-box-shadow:1px 1px 1px 1px rgba(0,0,0,0.2);
	box-shadow:1px 1px 1px 1px rgba(0,0,0,0.2);
	}

div.wssmenu a span{
	-o-border-radius:5px 5px 5px 5px;
	-moz-border-radius:5px 5px 5px 5px;
	-webkit-border-radius:5px 5px 5px 5px;
	border-radius:5px 5px 5px 5px;

	-o-box-shadow:1px 1px 1px 1px rgba(0,0,0,0.1);
	-moz-box-shadow:1px 1px 1px 1px rgba(0,0,0,0.1);
	-webkit-box-shadow:1px 1px 1px 1px rgba(0,0,0,0.1);
	box-shadow:1px 1px 1px 1px rgba(0,0,0,0.1);
	}


/* Active Text Sizes */
div.wssmenu a,
div.wsmenu1 a,
div.wsmenu2 a,
div.wsmenu3 a{
	font-family:Arial,Helvetica,sans-serif;
	font-weight:bold;
	font-size:11px;
	}

}

/************************************/
/** Generic small viewports        **/
/************************************/
@media only screen and (max-width:480px) {
}

/************************************/
/** Generic printer                **/
/************************************/
@media print {
div.wssmenu,
div.wsmenu1,
div.wsmenu2,
div.wsmenu3{
	display:none;
	}
}

/************************************
** Browser Hacks   
** IE6 filter   
************************************/


/* Middle container Size  */
* html div.wssmenu a, 
* html div.wsmenu1 a,
* html div.wsmenu2 a, 
* html div.wsmenu3 a{
	height:26px;
	padding:0 6px;
	border:1px solid #888888;
	}

/* Middle container Background  */
* html div.wssmenu,
* html div.wssmenu a, 
* html div.wsmenu1,
* html div.wsmenu1 a,
* html div.wsmenu2,
* html div.wsmenu2 a, 
* html div.wsmenu3, 
* html div.wsmenu3 a{
	background:0!important;
	background-color:#666666!important;
	color:#eeeeee!important;
	font-weight:bold;
	}

/* Middle container Background Hover */
* html div.wssmenu a:focus, 
* html div.wssmenu a:hover, 
* html div.wssmenu a:active, 
* html div.wssmenu a.on, 
* html div.wsmenu1 a:focus, 
* html div.wsmenu1 a:hover, 
* html div.wsmenu1 a:active, 
* html div.wsmenu1 a.on, 
* html div.wsmenu2 a:focus, 
* html div.wsmenu2 a:hover, 
* html div.wsmenu2 a:active, 
* html div.wsmenu2 a.on, 
* html div.wsmenu3 a:focus, 
* html div.wsmenu3 a:hover, 
* html div.wsmenu3 a:active, 
* html div.wsmenu3 a.on{
	background-color:#bbeef6!important;
	border:1px solid #666666;
	border:none;
	color:#333333!important;
	text-decoration:none;
	font-weight:bold;
	padding:1px 7px;
	}

/* Inner container Background Size */
* html div.wssmenu a span,
* html div.wsmenu1 a span,
* html div.wsmenu2 a span,
* html div.wsmenu3 a span{
	border:none;
	padding:7px;
	}

/* Inner container Background Active */
* html div.wssmenu a.on span, 
* html div.wsmenu1 a.on span, 
* html div.wsmenu2 a.on span, 
* html div.wsmenu3 a.on span{
	background:none;
	background-color:#bbeef6!important;
	border:1px solid #666666;
	border:none;
	color:#333333!important;
	}

* html div.wsmenu1 a:focus, 
* html div.wsmenu1 a:hover, 
* html div.wsmenu1 a:active, 
* html div.wsmenu1 a.on, 
* html div.wsmenu2 a:focus, 
* html div.wsmenu2 a:hover, 
* html div.wsmenu2 a:active, 
* html div.wsmenu2 a.on, 
* html div.wsmenu3 a:focus, 
* html div.wsmenu3 a:hover, 
* html div.wsmenu3 a:active, 
* html div.wsmenu3 a.on{
	background-color:#bbeef6!important;
	border:1px solid #666666;
	border:none;
	color:#333333!important;
	text-decoration:none;
	font-weight:bold;
	padding:1px 7px;
	}

/* Inner container Background Size */
* html div.wssmenu a span,
* html div.wsmenu1 a span,
* html div.wsmenu2 a span,
* html div.wsmenu3 a span{
	border:none;
	padding:7px;
	}

/* Inner container Background Active */
* html div.wssmenu a.on span, 
* html div.wsmenu1 a.on span, 
* html div.wsmenu2 a.on span, 
* html div.wsmenu3 a.on span{
	background:none;
	background-color:#bbeef6!important;
	border:1px solid #666666;
	border:none;
	color:#333333!important;
	}