html {
	-webkit-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
 }
 body { margin-top: 0px; min-width:280px; }
.masHeader { position: fixed; top:0px; width: 100%; min-width:280px; background-color: #FFF; z-index: 90000;}
.masHeaderContent { text-align: left; padding: 10px 10px 10px 10px; border-bottom:2px solid #000; background-color: #000; font-size:18px; color:#AAA; width:auto !important;  }
.masHeader.notLoggedIn { position: relative; }
.masHeaderContent #homeIcon { float:right; }
.masHeaderContent img { width:32px; }
.manavbox { margin-top: 53px; background-color:var(--green); }
.manavbox.notLoggedIn { display: none; }
.manav { background-color: transparent; max-width:100%; min-width: 100px; }
#mnContainer, #snContainer { position:fixed; width:100%; height:100%; z-index:9; top:0px; left:0px; display: none; text-align: left; }
#snContainer { z-index: 9999999999; background-color:rgba(255,255,255,0.8);  }
#mnContent { margin-top:53px; background-color:#FFF; height:100%; background-color:rgba(255,255,255,0.8); overflow-y: auto; }

.mnLinks { background-color: #000; padding: 10px; padding-top: 0px; min-width: 300px; display: inline-block; border-radius: 0px 0px 10px 0px; }
#snContainer .mnLinks { padding-right: 0px; }
#snContainer .subnav { width:100%; }
#snContainer .subNavActive { background-color:var(--green); color: #FFF; }
.mnLinks a { display: block; background-color: #f6f6f6; color: #333; padding: 10px; border-bottom: 1px solid #BBBBBB; font-weight: bold; font-size: 16px; }
.mnLinks a.dark { background-color: #464646; color: #CCC; border-bottom-color: #464646; }
.mnLinks a:hover { text-decoration: none; }
.mnLinks a.buttonIcon { background-position: right 10px center; background-size: 24px; padding-left: 10px !important; padding-right:36px !important; }
.mnLinks .AddIcon { background-image: url(https://i.blackculm.com/1120-plus-circle.png); }
.mnLinks .arrowDownIcon { background-image: url(https://i.blackculm.com/1233-arrow-down6.png); }
.mnLinks .arrowUpIcon { background-image: url(https://i.blackculm.com/1229-arrow-up6.png); }
.mnLinks .leftIcon { background-image: url(https://i.blackculm.com/w/325-circle-left.png); }
.maFooter { padding:30px 10px; font-size: 1.2em !important; }

.homebox { float: none; width: auto !important; display: block; background-color: #E5E5E5; color: #000 !important; }
.homebox:hover { color:#FFFFFF !important; }

.xpbeef { font-size:20px; padding:10px; }
.prodnav2 { font-size: 18px; }
.StudentHeading { color: #444; font-size: 28px; margin-bottom: 20px; }
.subnavTitle { display:block; font-size: 22px; }
.mugshotHolder { float:right; width:120px; z-index:999; padding-left:15px; text-align:center; background-color:#FFF; border-bottom:0px none; border:1px solid #CCC; border-radius:5px; padding:5px; display: block;  }

.xp, .xpnum { padding:7px; font-size:18px; border-radius: 5px; }
.xp.dateEntryField, .hasDatepicker { font-size: 18px !important; width:120px !important; }

.ui-datepicker, .datepicker-inline  { width:400px; max-width:350px; }
.ui-datepicker-trigger { height:24px; }
.ui-datepicker-calendar th { font-size:14px; }
.ui-datepicker-month, .ui-datepicker-year { font-size:16px !important; background-color: #FFF; color: #000 !important; }
.ui-datepicker td { padding:3px; font-size:14px; }

.label120 { float: none; display: inline-block; }

.beltthumb { width: 45px !important; }
.doublebelt.beltthumb { width:70px !important; }
.doublebelt.beltthumb .beltthumb { width:20px !important; }
.beltthumb.largerMobile { width:65px !important; height:25px; }
.beltthumb.largerMobileTall { width:65px !important; height:25px; margin-bottom:45px; }
.promoteicon { left:0px; }

.prodnav { height: auto; text-align:center; font-size:14px; }
.prodnav1 { margin-bottom: 10px; }