@import url("TopMenu.css");
@import url("w3.css");
/* DEFAULTS */
body { background:White;font-size:8pt;font-family:Verdana,Arial,'MS Sans Serif',sans-serif;margin:0px;padding:0px;height:100%;color:Navy;width:760px;}
.red { color:red;}
a:active{ color:#034af3;}
p{ margin-bottom:10px;line-height:1.6em;}
a:link {font-weight:500;font-size:1em;text-transform:none;color:blue;font-style:normal;text-decoration:underline;}
a:visited {font-weight:500;font-size:1em;text-transform:none;color:maroon;font-style:normal;text-decoration:underline}
a:hover {font-weight:500;font-size:1em;text-transform:none;color:#ff9900;font-style:normal;text-decoration:underline}
/* HEADINGS  */
h1,h2,h3,h4,h5,h6 {font-size:1.5em;color:Navy;font-variant:small-caps;text-transform:none;font-weight:200;margin-bottom:0px;}
h1{font-size:1.6em;padding-bottom:0px;margin-bottom:0px;}
h2{font-size:1.5em;font-weight:600;}
h3{font-size:1.2em;}
h4{font-size:1.1em;}
h5,h6{font-size:1em;}
/* this rule styles <h1> and <h2> tags that are the first child of the left and right table columns */
.rightColumn > h1,.rightColumn > h2,.leftColumn > h1,.leftColumn > h2{margin-top:0px;}
/* PRIMARY LAYOUT ELEMENTS */
div.page{background-color:#fff;margin:2px auto 0px auto;border-bottom-style:none;min-height:100%;height:100%;position:relative;}
div.header{position:relative;margin:0px;padding:0px;background-color:White;width:100%;}
div.header h1{font-weight:900;margin:0px;padding:0px 0px 0px 20px;color:Navy;font-size:2em;border:none;text-transform:capitalize;color:navy;	font-style:normal;text-decoration:none;}
div.main{padding-left:0px;padding-right:0px;padding-top:0px;padding-bottom:50px;margin:0px 0px 0px 0px;}
.leftCol{padding:0px 0px;margin:0px 0px 0px 0px;width:200px;min-height:200px;}
div#footer{color:#4e5766;padding:8px 0px 0px 0px;margin:0px auto;text-align:center;line-height:normal;position:absolute;bottom:0;width:620px;height:40px;background:white;text-align:center;}
/* MISC  */
.clear{clear:both;}
.title{display:block;float:left;text-align:left;width:auto;}
.loginDisplay{font-weight:900;font-size:1.1em;display:block;text-align:right;padding:10px;text-transform:none;color:Navy;font-style:normal;text-decoration:none;}
.loginDisplay a:link{color:Navy;}
.loginDisplay a:visited{color:Navy;}
.loginDisplay a:hover{color:Navy;}
.bold{font-weight:bold;}
.submitButton{text-align:right;padding-right:10px;}
.copyright {text-transform:none;font-style:normal;text-decoration:none;text-align:center;font-weight:500;font-size:80%;color:#0000C3;}
.SmallLabel {font-weight:900;font-size:1em;text-transform:none;color:navy;font-style:normal;text-decoration:none;}
.Label,.label {font-weight:900;font-size:1em;text-transform:none;color:navy;font-style:normal;text-decoration:none;}
.BigLabel {font-weight:900;font-size:2em;text-transform:capitalize;color:navy;font-style:normal;text-decoration:none;}
.Text {font-weight:500;font-size:1em;text-transform:none;color:black;font-style:normal;text-decoration:none;}
.small,.Small {font-weight:500;font-size:80%;text-transform:none;color:navy;font-style:normal;text-decoration:none;}
table.FullWidth {border-width:0;border-bottom-style:none;border-spacing:0;padding:0;width:100%;height:100%;background-color:White;}
.Left,.left { text-align:left;}
div.LeftMenu {vertical-align:top;max-width:146px;background-color:white;font:bold 1em Verdana,Arial,'MS Sans Serif';color:Navy;float:left;border-right-width:thin;border-right-color:silver;height:100%;min-height:100%;padding-bottom:50px;text-align:center;}
div.LeftMenu ul{padding:0;margin:0;}
div.LeftMenu li{list-style:none}
div.LeftMenu ul li{list-style:none}
section#MainBody{vertical-align:top;background-color:White;font-size:1em;border-left-width:thin;border-left-color:Silver;border-left-style:solid;border-spacing:2px;height:100%;}
div.SectionHeader {width:100%;padding:0px 0px 0px 0px;border-bottom:6px solid white;background-color:#cdcdcd;font-size:1.2em;}
label.SectionHeader {font-weight:900;font-size:1.2em;text-transform:capitalize;color:navy;font-style:normal;text-decoration:none;padding-left:2px}
table.fullwidth {width:100%;border:0;background-color:White;text-align:left;}
td.LeftMenu,TD.LeftMenu {font-weight:900;text-transform:none;color:navy;font-style:normal;text-decoration:none;text-align:left;height:22px;}
td.SelectedMenu,TD.SelectedMenu {font-weight:900;text-transform:capitalize;color:silver;font-style:normal;height:1.2em;background-color:#ffffcc;text-decoration:underline;	text-align:left; height:22px;}
td.UnSelectedMenu,TD.UnSelectedMenu {font-weight:900;text-transform:capitalize;color:navy;font-style:normal;height:1.2em;background-color:#ffcc66;text-align:left; height:22px;}
td.LeftSubMenu,TD.LeftSubMenu {font-weight:500;text-transform:none;color:navy;font-style:normal;text-decoration:none;text-align:left; height:22px;}
td.LeftSelectedSubMenu,TD.LeftSelectedSubMenu {font-weight:500;text-transform:none;color:white;font-style:normal;background-color:navy;text-decoration:none;text-align:left; height:22px;}
a.LeftSubMenu:link,A.LeftSubMenu:link {font-weight:500;text-transform:capitalize;color:navy;font-style:normal;text-decoration:none; text-align:left; cursor: pointer !important; }
a.LeftSubMenu:visited,A.LeftSubMenu:visited {font-weight:500;text-transform:capitalize;color:navy;font-style:normal;text-decoration:none; text-align:left; cursor: pointer !important; }
a.LeftSubMenu:hover,A.LeftSubMenu:hover {font-weight:500;text-transform:capitalize;color:red;font-style:normal;text-decoration:none; text-align:left; cursor: pointer !important;}
a.LeftMenu:link,A.LeftMenu:link {font-weight:900;text-transform:capitalize;color:navy;font-style:normal;text-decoration:none; text-align:left; cursor: pointer !important; }
a.LeftMenu:visited,A.LeftMenu:visited {font-weight:900;text-transform:capitalize;color:navy;font-style:normal;text-decoration:none; text-align:left; cursor: pointer !important; }
a.LeftMenu:hover,A.LeftMenu:hover {font-weight:900;text-transform:capitalize;color:red;font-style:normal;text-decoration:none; text-align:left; cursor: pointer !important; }
/*select option {font-weight:500;font-size:80%;text-transform:none;color:black;font-style:normal;text-decoration:none}*/
td.header,td.header,TD.Header { border:white 1px solid;font-weight:900;font-size:1em;text-transform:none;color:navy;font-style:normal;background-color:#cdcdcd;text-decoration:none;text-align:left;}
.SectionHeader{width:100%;padding:0px 0px 0px 0px;border-bottom:6px solid white;background-color:#cdcdcd;font-size:1.2em;color:navy;font-weight:bold;}
td.title,td.Title { font-weight:900;font-size:1.3em;text-transform:uppercase;color:navy;font-style:normal;text-decoration:none;text-align:left;}
.ffs-content{width:100%;max-width:1024px;height:auto;margin:0 auto;text-align:center;background-color:white;font-size:8pt;}
.three-bars {position:relative;padding-left:1.25em;font-size:x-large;}
.three-bars:before {content:"";position:absolute;left:0;top:0.21em;bottom:0.21em;width:1em;background:linear-gradient(to bottom,black,black 20%,white 20%,white 40%,black 40%,black 60%,white 60%,white 80%,black 80%,black 100%);}
a.mm {box-sizing:content-box;width:22px;height:22px;padding:13px 13px 11px 13px;cursor:pointer;color:navy;text-decoration:none;font-size:16px;text-indent:-9999em;line-height:22px;font-size:1px;display:block;font-weight:700;}
a.mm i {display:block;background:navy;height:3px;margin-top:3px;}
a.btn-close{text-decoration:none;font-size:18px;color:navy;font-weight:700;}
.bold,.Bold{font-weight:bold;}
td.SCSHeader,TD.SCSHeader {font-weight:900;font-size:1em;text-transform:none;color:navy;font-style:normal;background-color:#d3d3d3;text-decoration:none}
hr.SCSHeader,HR.SCSHeader{height: 2px; color: #cdcdcd}
.login-box {
    border-spacing:0;
    padding:0 0 0 0;
    background-color:#e6e8fa;    
	-webkit-border-top-left-radius: 9px;
	-moz-border-radius-topleft: 9px;
	border-top-left-radius: 9px;
	-webkit-border-top-right-radius: 9px;
	-moz-border-radius-topright: 9px;
	border-top-right-radius: 9px;
	-webkit-border-bottom-left-radius: 9px;
	-moz-border-radius-bottomleft: 9px;
	border-bottom-left-radius: 9px;	
	-webkit-border-bottom-right-radius: 9px;
	-moz-border-radius-bottomright: 9px;
	border-bottom-right-radius: 9px;
	width: 320px;
	table-layout: auto;	
    -webkit-box-shadow: 10px 10px 5px rgba(0,0,0, .2);
    -moz-box-shadow: 10px 10px 5px rgba(0,0,0, .2);
    box-shadow: 10px 10px 5px rgba(0,0,0, .2);
}
/* calendar icon within the datepick input*/
.embed + img { position: relative; left: -24px; top: 0px; }
.LeftMenuButton{width:100%; margin-bottom:5px;}
/* .datepick-popup {font-size:small;} */

/* w3 overrides */
.w3-tiny{font-size:67% !important}
.w3-small{font-size:80% !important}
.w3-medium{font-size:medium !important}
.w3-large{font-size:120% !important}
.w3-xlarge{font-size:160% !important}
.w3-xxlarge{font-size:240% !important}
.w3-xxxlarge{font-size:320% !important}
.w3-jumbo{font-size:427% !important}
.w3-bold{font-weight:bold}
h1{font-size:xx-large;font-weight:bold;}
h2{font-size:xx-large;}
h3{font-size:x-large;font-weight:bold;}
h4{font-size:x-large;}
h5{font-size:large;font-weight:bold;}
h6{font-size:large;}

/* w3 extensions */
.w3-select-small{padding:4px 0;color:#000;border:1px solid transparent;border-bottom:1px solid #009688}
.w3-select-small select:focus{color:#000;border:1px solid #009688}
.w3-select-small option[disabled]{color:#009688}
hr.ffs-hr{border: 0;
  border-top: 1px solid navy;
  border-bottom: 1px solid white;
  margin:8px 0
}
.w3-pointer {cursor: pointer;}
.w3-input-datepick{padding:2px;display:inline;border:none;border-bottom:1px solid #808080;width: calc(100% - 25px)}
.w3-input-small{padding:2px;display:inline;border:none;border-bottom:1px solid #808080;}
header nav ul li a:link { color:navy; }
img.datepick-trigger { padding:0px 0px 0px 0px;vertical-align:top;border:1px solid white;}
:disabled {color:#000 !important;background-color:#f1f1f1 !important}
.textarea-ro { border:none !important; padding-left:4px !important; padding-top:4px !important;padding-bottom:4px !important; color:black !important; background-color:white !important}
.textarea-ro:after {content:"";display:table;clear:both}
input[disabled] {border:none !important; background-color:white !important; color:black !important;}
select[disabled] {border:none !important; background-color:white !important; color:black !important;
    appearance: none; -webkit-appearance: none; -moz-appearance: none;
    /* needed for Firefox: */
    overflow:hidden; width: 120%;
}