@charset "utf-8";
/* NFLOA CSS Document
Emerging Creations LLC
 */
body {
font-family: 'Open Sans', sans-serif;
color: #000;
font-weight:normal;
line-height: 1.0;
font-size: 16px;
}
 .no-js .top-bar {
  display: none;
}
.drilldown a{
	background: none;
}
.drilldown .is-drilldown-submenu-parent>a::after{
	border-color: transparent transparent transparent #fff;
}
.drilldown .js-drilldown-back>a::before{
	border-color: transparent #fff transparent transparent;
}
.gameAccept{
	display: flex;
	justify-content: center;
}
.gameAcceptBtn{
	background-color: #48903e;
	color: #fff;
	padding: 6px 8px;
	border-radius: 3px;
	font-weight: bold;
	margin-bottom: 0px;
	margin-left: 6px;
	width: 50%;
  text-align: center;
}
.gameDecline{
	display: flex;
	justify-content: center;
}
.gameDeclineBtn{
	background-color: #bc5242;
	color: #fff;
	padding: 6px 8px;
	border-radius: 3px;
	font-weight: bold;
	margin-bottom: 0px;
	margin-left: 6px;
	width: 50%;
 text-align: center;
}
.genModalOKBtn{
	color: #fff;
    padding: 6px 8px;
    border-radius: 3px;
    font-weight: bold;
    margin-bottom: 0px;    
    text-align: center;
}
#genModalText{
	margin-bottom: 20px;
	margin-top: 20px;
	}
	#genModalTitle{
		display: flex;
		justify-content: center;
		align-items: center;
	}
a:focus, a:hover{
	color: inherit;
}
.title-bar{
	background: #000; /*#5f2e26;*/
	height: 50px;
}
.menu-icon::after{
	height: 2.5px;
}
.imgHomeBlock{
	text-align: center;
}
.dropdown.menu>li.is-dropdown-submenu-parent>a::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: '';
    border-bottom-width: 0;
    border-top-style: solid;
    border-color: #fff transparent transparent;
    right: 5px;
    left: auto;
    margin-top: -3px;
}
.dropdown.menu.vertical>li.opens-right>a::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: '';
    border-right-width: 0;
    border-left-style: solid;
    border-color: transparent transparent transparent #fff;
}
@media print,screen and (min-width: 40em) {
.dropdown.menu.medium-horizontal>li.is-dropdown-submenu-parent>a::after {
	border-color: #fff transparent transparent;
}
}
@media screen and (orientation: portrait){
	img.imgHome{
		margin-bottom: 8px;
	}
}
@media screen and (min-width: 40em) {
  .no-js .top-bar {
    display: block;
  }

  .no-js .title-bar {
    display: none;
  }
}
#applyBtnBlock{
	margin-top: 20px;
}
#appBtn{
	color: #fff;
	font-weight: bold;
	font-size: 1.20em;
	background-color: #5cb65e;
}
#appIntro{
 margin-bottom: 30px;
 line-height: 1.5;
}
#banner{
 margin-top: 20px;
 margin-bottom: 50px;
}
.btxt{
	font-weight: bold;
}
#boardCardTopRow{
	margin-bottom: 15px;
}
#boardTbl{
	border: 2px solid #5e2f26;
}
#ftYear{
	margin-top: 8px;
  margin-bottom: 8px;
}
#homeIntro{
	 margin-top: 20px;
}
#menuRow, .foot{
 background-color:  #000; /*#5f2e26;*/;
 color: #fff;
}
#footer{
	margin-top: 50px;
}
.frmRow{
	margin-bottom: 15px;
}
.frmRowSpecial{
	margin-bottom: 3px;
}
.frmHeadRow{
	margin-top: 20px;
	margin-bottom: 15px;
	border-bottom: 1px solid #5f2e26;
	font-weight: bold;
	font-size: 1.30em;
	padding-bottom: .2em;
	color: #5f2e26;
}

#newOffBtn{
	background: #F90;
	color: #fff;
	border-radius: 8px;
	height: 42px;
	padding: 8px 15px;
	font-weight: bold;
	font-size: 1.2em;
	margin-bottom: 0px;
}
.drilldown .is-drilldown-submenu{
	background: inherit;
}
.pad{
	padding-left: 5px;
}
#pTitle{
	margin-bottom: 25px;
	border-bottom: 2px solid #5f2e26;
	padding-bottom: 2px;
}
#pTitleText{
	color: #5f2e26;
	font-size: 1.25em;
	font-weight: bold;
}
.txtHeight{
	line-height: 1.5;
}

.top-bar, .top-bar ul {
    background: none;
}
/*.dropdown .menu>li .is-dropdown-submenu-parent>a::after{
.dropdown.menu>li.is-dropdown-submenu-parent>a::after{
	border-color: #fff transparent transparent;
}*/
li a{
	color: #fff;
}
.top-bar ul li{
	background:  #000; /*#5f2e26;*/;
}
.dropdown .menu .is-active>a{
	color: #fff !important;
}
.menu-centered{
	text-align: center;
}
.redTxt{
	color: #f14f24;
}
/*.menu li.is-submenu-item  a:focus a: hover{*/
.sitem{
	color: #fff !important;
}
.txtitalic{
	font-style: italic;
}
.dob{
	font-size: .9em;
}
@media print, screen and (min-width: 40em)
.dropdown.menu.medium-horizontal>li.is-dropdown-submenu-parent>a::after { 
  border-color: #fff transparent transparent;
}

#password{ width: 100%;}
#modal_login, #genModal{
	border: 3px solid #000;
 padding: 0px;
}
#loginBlock{
	padding: 15px;
}
#loginTitleBlock, #genModalTitle{
	background-color: #000;
	color: #fff;
	font-weight: bold;
	font-size: 1.2em;
	text-align: center;
	height: 42px;
}
.loginField{
	height: 32px;
    margin: 0px;
}
#passRow{
	margin-top: 20px;
}
#loginBtn{
	background-color: #48903e;
	color: #fff;
	font-weight: bold;
}
#loginBtnBlock{
	margin-top: 20px;
}
.loginTxt{
	margin-bottom: 8px;
}
#genCloseX{
	color: #fff;
	font-weight: bold;
	font-size: 1.2em;
}

.txtCntr{
	text-align: center;
}
.txtRight{
	text-align: right;
}
#modal_general{
		border: 3px solid #000;
 padding: 0px;
}
.modalTitleBlock{
	background-color: #000;
	color: #fff;
	font-weight: bold;
	font-size: 1.2em;
	text-align: center;
	height: 42px;
}
.closeGenBtn{
	color: #fff;
}
#GenModalMsg{
	padding: 15px;
}
/*
https://github.com/foundation/foundation-sites/issues/6140
*/
/****************************************************** Calendar */
#monthBlock{
	font-size: 1.25em;
  font-weight: bold;
}
#prevBtn,#nextBtn{
	margin: 0px;
	font-weight: bold;
	background-color: #000;
	color: #fff;
}
#todayBtn{
	margin: 0px;
	font-weight: bold;
	background-color: #fff;
	border: 2px solid #000;
	color: #000;
}
#calInstrBlock{
	padding-left: 15px;
}
/**************************** Login */
#loginErrBlock{
	display: none;
}
#loginSupTitle{
	font-size: 1.1em;
 margin-bottom: 10px;
}
#loginSupTxt{
	line-height: 22px;
}
@media screen and (min-width: 64em) {
#lgnFrmInfo{
	padding-left: 15px;
}
}
/************************** My Assignments */
#assignmentSearch {
    background-color: #000;
    color: #fff;
    font-weight: bold;
    font-size: 1.25em;
    height: 50px;
}
#gameTableBlock {
    border: 2px solid #000;
}
#memberList {
    border-collapse: collapse;
}
.brdrRt {
    border-right: 1px solid #000;
}

th.rosterHead {
    height: 42px;
    width: 113px !important;
}
.edtGameBtn{
	margin: 0px 4px 0px 0px;
}
.delGameBtn{
	margin: 0px 4px 0px 8px;
}
#saveAssgnBtn{
	background-color: #48903e;
	margin: 0px;
	font-weight: bold;
	font-size: 1.1em;
	padding: 8px 15px;
}
#saveAssgnBtnBlock{
	margin-top: 15px;
}
/******************************* Profile */
#changePassTxt{
	margin-bottom: 7px;
}
#newPassBtn{
	background-color: #48903e;
	color: #fff;
	font-weight: bold;
}
#changePassDesc{
	margin-bottom: 15px;
}
#passMsgBlock{
	display: none;
}
/********************************** members */
.memAddrBlock{
	display: flex;
	justify-content: center;
	line-height: 22px;
}
#roster td{
	text-align: center;
}
#rosterSave{
	margin-bottom: 15px;
	padding-bottom: 8px;
	border-bottom: 1px solid #000;
	font-weight: bold;
}
#memberTopInfo{
	line-height: 22px;
 font-size: 1.1em;
}
#rosterBlock{
	margin: 0px 10px;
}
#roster{
	min-width: 100%;
}

@media screen and (min-width: 64em) {
	th.rosterHd {
    height: 42px;
    width: 113px !important;
}
#roster{
	min-width: 100%;
}
}
a.dt-button{ display: inline-flex;}
@media screen and (orientation: portrait){
	#memberList td{
		padding: 15px;
		}
		.dt-buttons.button-group{
			justify-content: space-evenly;
		}
}