/* WebShell Styles for Side Menu v4.05.00.09 - GDH 31-Aug-17 */

/* Add the following to the head section of each page (below the defaultstyles.css reference): */
/* <link rel="stylesheet" type="text/css" href="css/sidemenustyles.css"> */

/* Styles in this file are overridden by specific styles applied in-line and directly in a page */

/* ====== EXTERNAL FONTS USED ====== */
/* See content.css for usage and font families
   <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,700|Roboto:400,900' rel='stylesheet' type='text/css'>
   should be placed in HTML page, after default.css */

/* ====== BASIC SETTINGS ====== */

/* Page Background (Supplements commonstyles.css)*/
body
{
/* background-color:#F8F8F8; /* Solid */
}

p, span
/* Content Text */
{
color: #3C3C3C;
font-family: Roboto, 'Open Sans', Tahoma, Geneva, Verdana, sans-serif;
font-size: 90%;
font-weight: normal;
}

span
{
display: block; /* Forces text-align to work in IE7 */
text-align: center;
}

hr
/* Horizontal Lines */
{
color: #EEEEEE; /* IE */
background-color: #EEEEEE; /* FF, CR, etc */
}

/* Link Settings */
a
{
display: inline-block; width: 100%; height: auto; /* Only setting that works with IE, FF and CR  */
padding: 4px 0px; /*Top & Bot / Left & Right*/
}
a:link {color: #3C3C3C; text-decoration: none;}    /* unvisited link */
a:visited {color: #3C3C3C; text-decoration: none;} /* visited link */
/* mouse over link - a:hover MUST come after a:link and a:visited */
@media all and (max-width: 150px) /* Avoids touch device 'sticky-hover' issue */
{
a:hover {color: #F8F8F8; text-decoration: none; background-image: url('../Images-UI/transpBlack25.png');}
}
a:active {color: #FEFEFE; text-decoration: none; background-image: url('../Images-UI/transpBlack50.png');}  /* selected link - a:active MUST come after a:hover */

/* ====== SUB MENU SETTINGS ====== */

a.submenu
{
display: inline-block; height: auto; /* Only setting that works with IE, FF and CR  */
padding:4px 0px; /* Top & Bot / Left & Right */
}
a.submenu:link {color: #3C3C3C; text-decoration: none;}      /* unvisited link */
a.submenureturn:link {color: #3C3C3C; text-decoration: none;}      /* return item unvisited link */
a.submenu:visited {color: #3C3C3C; text-decoration: none;}  /* visited link */
/* mouse over link - a:hover MUST come after a:link and a:visited */
@media all and (max-width: 150px) /* Avoids touch device 'sticky-hover' issue */
{
a.submenu:hover {color:#F8F8F8; text-decoration:none; background-image: url('../Images-UI/transpBlack25.png');} 
}
a.submenu:active {color:#FEFEFE; text-decoration:none; background-image: url('../Images-UI/transpBlack50.png');}  /* selected link - a:active MUST come after a:hover */

/* ====== SPECIFIC ITEM SETTINGS ====== */

/* #headerbar set in commonstyles.css */

#toppad
{
/* display: none; /* Hide Top Padding */
height: 16px;
width: 100%;
overflow: hidden;
}

#botpad
{
display: none; /* Hide Bottom Padding */
height: 6px;
width: 100%;
overflow: hidden;
}

#smcontainer
{
width: 100%; /* Whole width */
background-color: #F8F8F8; /* Default Disabled */
background-image: url(../Images-UI/transpWhite10.png);
overflow: hidden; /* Required to force enclosure of 'float' divs and make bg color show */
}

#btnwrapper
{
margin: 0 auto;  /* Centre in parent div */
width: 120px;
/* background-image: url('../Images-UI/transpBlack10.png'); */
overflow: hidden; /* Required to force enclosure of 'float' divs and make bg color show */
}

.buttonouter, .buttonouterlast
{
padding: 2px;
min-width: 116px;
/* border-bottom:1px solid #CFCFCF; /* Separator Line */
float: left;
}

.buttonouterlast
{
border-bottom: 0px; /* No separator line */
float: left;
}

div.buttonouter:active, div.buttonouterlast:active
{
/* background-image: url('../Images-UI/smenubtnglo.gif'); */
}

.buttoninner
{
height: 24px;
background-color: #CFCFCF; /* Default Scheme */
/* background-image: url('../Images-UI/smenubutn-bg24.gif');*/
}

.submenubutton
{
margin: 4px 0px 0px 0px; /* Space above only */
height: 24px;
background-color: #EEF0F4; /* FB Scheme */
/* background-image: url('../Images-UI/columnfillbg.gif');*/
}

.submenucont
{
display: none;
width: 100%;
/* background-image: url('../Images-UI/columnfillbg.gif'); */
overflow: hidden; /* Required to force enclosure of 'float' divs and make bg color show */
}

.sm-nav-arrow-dn
{
float: right; /* After text */
height: 0px;
width: 0px;
position: relative;
top: 6px; /* Offsets */
right: 2px;
margin-left: 4px;
border-top: 4px solid; /* Set border, color from parent */
border-left: 4px solid transparent; /* force left triangle */
border-right: 4px solid transparent; /* force right triangle */
}



/* ====== Media section must come below any styles that it changes ====== */
@media all and (min-width: 300px) /* Applies while window (iframe) width above this value (not IE<9)*/
{
	#botpad
	{
	display: block; /* Show Bottom Padding */
	}
	
	#toppad, #botpad
	{
	height: 6px;	
	}
	
	#smcontainer
	{
	background-color: #555555; /* Default Scheme */
	background-image: url(../Images-UI/transpBlack10.png);
	}
	
	#btnwrapper
	{
	width: 85%; /* When in 'horizontal' mode */
	padding-left: 4px; /* Offset to improve visual centring */
	background-image: none;
	}
	
	.buttonouter, .buttonouterlast
	{
	border: 0; /* Remove Separator Line */
	width: 48%;
	}
	
	.buttoninner, .submenubutton
	{
	height: 28px;
	}
	
	.buttoninner
	{
	/* background-image: url('../Images-UI/smenubutn-bg28.gif'); */
	}
	
	a, a.submenu
	{
	padding: 7px 0px; /*Top & Bot / Left & Right*/
	}
}

/* ====== Media section must come below any styles that it changes ====== */
@media all and (min-width: 459px) /* Applies while window (iframe) width above this value (not IE<9)*/
{
	.buttonouter, .buttonouterlast
	{
	width: 32%;
	}
}

/* ====== FADE SETTINGS (CSS3) ====== */

/* Fade-In On Load/Open */
.mfadein
{
-webkit-animation: fadein 0.5s; /* Safari, Chrome and Opera > 12.1 */
   -moz-animation: fadein 0.5s; /* Firefox < 16 */
        animation: fadein 0.5s; /* Standard, IE10+ */
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from {opacity: 0;}
    to {opacity: 1;}
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from {opacity: 0;}
    to {opacity: 1;}
}

/* Standard, IE10+ */
@keyframes fadein {
    from {opacity: 0;}
    to {opacity: 1;}
}
/* Fade-In End */