@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: normal;
  src: url(https://themes.googleusercontent.com/static/fonts/opensans/v8/cJZKeOuBrn4kERxqtaUH3aCWcynf_cDxXwCLxiixG1c.ttf) format('truetype');
}

/*----- Page layout -----*/
	html,
	body {
		background:white url("../images/background-white.png");
		height:100%;
		margin:0px;
		padding:0px;
		width:100%;
	}

	.bodyText {
		width: 96%;
		margin: 0px auto;
		font-size: 13px;
		font-family: Verdana;
	}

	#body {
		margin:0px auto;
		padding-bottom:100px;   /* Height of the footer */
		width:1280px;
	}

	.clearfix:after {
		display:block;
		clear:both;
	}

	#container {
		margin:0px auto;
		min-height:100%;
		padding:0px;
		position:relative;
		width:1280px;
	}

	#footer {
		bottom:0;
		height:100px;   /* Height of the footer */
		position:absolute;
		width:1280px;
	}

/*----- Menus -----*/

	.topMenuDesktop ul {
		list-style:none;
		border-bottom:1px solid #878787;
		border-top:1px solid #878787;
		margin:0px auto;
		padding:0px;
	}

	.topMenuDesktop ul li {
		color:#878787;
		cursor:pointer;
		display:inline-block;
		font-family: 'Lato', sans-serif;
		font-size:16px;
		margin:0px 15px;
		padding:15px;
		text-decoration:none;
	}

	.topMenuDesktop ul li a {
		color:#878787;
		text-decoration:none;
	}

	.topMenuDesktop .floatHere {
		color:#54a792;
		cursor: default;
	}

	.bannerMenu {
		display: block;
		line-height:2.5em;
		margin: 0px auto;
		padding: 0px;
	}

	.bannerMenu ul {
		background-color:#54a792;
		list-style: none;
		margin: 0px;
		padding: 0px;
	}

	.bannerMenu > ul > li {
		display:inline-block;
		position:relative;
	}

	.bannerMenu li {
		color:#ffffff;
		cursor:pointer;
		font-family:'Lato', sans-serif;
		font-size:16px;
		padding: 0px 0px;
	}

	.bannerMenu a {
		color: #ffffff;
		font-size:11px;
	}

	.bannerMenu a:link, .bannerMenu a:visited, .bannerMenu a:active {
		text-decoration: none;
	}

	.bannerMenu a:hover {
		background-color: transparent;
		cursor: pointer;
		text-decoration: none;
	}

	.bannerMenu .floatright {
		float: right;
	}

	.bannerMenu .floatHere {
		background-color:#000000;
		border-left:1px solid #ffffff;
		border-right:1px solid #ffffff;
		color:#ffffff;
		cursor: default;
	}

	.bannerMenu .floatRightHere {
		background-color:#000000;
		border-left:1px solid #ffffff;
		border-right:1px solid #ffffff;
		color:#ffffff;
		cursor: default;
		float: right;
	}

	#bannerMenuHere {
		background-color: transparent;
		color: #337AB7;
		cursor: default;
		display:block;
		text-decoration: none;
	}
 
	.bannerMenu .arrow {
		font-size:9px;
		line-height:0%;
	}

	.financeMenuDesktop {
		border: none;
		margin:0px;
	}

	.financeMenuDesktop > ul > li {
		display:inline-block;
		position:relative;
	}

	.financeMenuDesktop a:link, .financeMenuDesktop a:visited, .financeMenuDesktop a:active {
		background-color: transparent;
	}

	.financeMenuDesktop a:hover {
		background-color: transparent;
		cursor: pointer;
		text-decoration: none;
	}
 
	.financeMenuDesktop .arrow {
		font-size:9px;
	}

	.financeDDLBSM {
		background:#ffffff;
		border:1px solid black;
		border-radius: 2px;
		box-shadow:0px 2px 3px rgba(0,0,0,0.2);
		display:none;
		position:absolute;
		top:34px;
		transition:opacity linear 0.30s;
		width:165px;
		z-index:3;
	}
	 
	.financeDDLBSM .divider {
		border-top: 1px solid black;
	}
	 
	.financeDDLBSM li {
		display:block;
		margin:0px;
		padding:0px 8px ;
		width:100%;
	}
	 
	.financeDDLBSM li:hover {
		background:#000000;
	}

	.financeDDLBSM a {
		color: #808080;
		display:block;
		font-size:14px;
		padding: 10px;
		text-shadow:0px 1px 0px rgba(0,0,0,0.4);
	}

	.grantsMenuDesktop {
		border: none;
		margin:0px;
	}

	.grantsMenuDesktop > ul > li {
		display:inline-block;
		position:relative;
	}

	.grantsMenuDesktop a:link, .grantsMenuDesktop a:visited, .grantsMenuDesktop a:active {
		background-color: transparent;
	}

	.grantsMenuDesktop a:hover {
		background-color: transparent;
		cursor: pointer;
		text-decoration: none;
	}
 
	.grantsMenuDesktop .arrow {
		font-size:9px;
	}

	.grantsDDLBSM {
		background:#ffffff;
		border:1px solid black;
		border-radius: 2px;
		box-shadow:0px 2px 3px rgba(0,0,0,0.2);
		display:none;
		position:absolute;
		top:34px;
		transition:opacity linear 0.30s;
		width:205px;
		z-index:3;
	}
	 
	.grantsDDLBSM .divider {
		border-top: 1px solid black;
	}
	 
	.grantsDDLBSM li {
		display:block;
		margin:0px;
		padding:0px 8px ;
		width:100%;
	}
	 
	.grantsDDLBSM li:hover {
		background:#000000;
	}

	.grantsDDLBSM a {
		color: #808080;
		display:block;
		font-size:14px;
		padding: 10px;
		text-shadow:0px 1px 0px rgba(0,0,0,0.4);
	}

	.userSettingsMenuDesktop {
		border: none;
		margin:0px;
	}

	.userSettingsMenuDesktop > ul > li {
		display:inline-block;
		position:relative;
	}

	.userSettingsMenuDesktop a:link, .userSettingsMenuDesktop a:visited, .userSettingsMenuDesktop a:active {
		background-color: transparent;
	}

	.userSettingsMenuDesktop a:hover {
		background-color: transparent;
		cursor: pointer;
		text-decoration: none;
	}
 
	.userSettingsMenuDesktop .arrow {
		font-size:9px;
	}

	.userSettingsDDLBSM {
		background:#ffffff;
		border:1px solid black;
		border-radius: 2px;
		box-shadow:0px 2px 3px rgba(0,0,0,0.2);
		display:none;
		position:absolute;
		right:-14px;
		top:43px;
		transition:opacity linear 0.30s;
		width:148px;
		z-index:3;
	}
	 
	.userSettingsDDLBSM .divider {
		border-top: 1px solid black;
	}
	 
	.userSettingsDDLBSM li {
		display:block;
		font-size:14px;
		margin:0px;
		padding:0px 8px ;
		width:100%;
	}
	 
	.userSettingsDDLBSM li:hover {
		background:#000000;
	}

	.userSettingsDDLBSM a {
		color: #808080;
		display:block;
		font-size:14px;
		padding: 10px;
		text-shadow:0px 1px 0px rgba(0,0,0,0.4);
	}

/*----- Modal -----*/
	/* The Modal (background) */
	.modal {
		display: none; /* Hidden by default */
		position: fixed; /* Stay in place */
		left: 0;
		top: 0;
		width: 100%; /* Full width */
		height: 100%; /* Full height */
		overflow: auto; /* Enable scroll if needed */
		background-color: rgb(0,0,0); /* Fallback color */
		background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
	}

	/* Modal Content/Box */
	.modal-content {
		background-color: #fefefe;
		margin: 8% auto; /* 8% from the top and centered */
		padding: 20px;
		border: 1px solid #888;
		width: 900px;
	}

/*----- Pagination Menu -----*/
	#enabledChevronLeftTop a:hover { cursor: pointer; }
	#enabledChevronLeftBottom a:hover { cursor: pointer; }
	#enabledChevronRightTop a:hover { cursor: pointer; }
	#enabledChevronRightBottom a:hover { cursor: pointer; }

	#disabledChevronLeftTop a { opacity:0.35; }
	#disabledChevronLeftTop a:hover { background-color: transparent; cursor: default; }
	#disabledChevronLeftBottom a { opacity:0.3; }
	#disabledChevronLeftBottom a:hover { background-color: transparent; cursor: default; }
	#disabledChevronRightTop a { opacity:0.3; }
	#disabledChevronRightTop a:hover { background-color: transparent; cursor: default; }
	#disabledChevronRightBottom a { opacity:0.3; }
	#disabledChevronRightBottom a:hover { background-color: transparent; cursor: default; }

	#recordNumberTextTop a:hover { background-color: transparent; cursor: default; }
	#recordNumberTextBottom a:hover { background-color: transparent; cursor: default; }
	#rowsPerPageText a:hover { background-color: transparent; cursor: default; }
	#searchLabelText a:hover { background-color: transparent; cursor: default;}

 /*----- Action Buttons -----*/
	.actionButtons {
		text-align:center;
		padding:20px 0px;
	}

	.actionButton {
		font-size: 15px;
		margin:10px;
		padding: 4px 10px;
		width:auto;
	}

/*----- Footer -----*/
	.footer_nav ul {
		list-style: none;
		margin: 0px auto 0px auto;
		padding-left:0px;
		width:95%;
	}

	.footer_nav li {
		float: left;
		font-size: 12px;
	}

	.footer_nav a {
		padding:0px 10px;
	}

	.footer_nav a:link, .footer_nav a:visited, .footer_nav a:hover, .footer_nav a:active {
		color: #000000;
		font-weight:bold;
		text-decoration: underline;
	}

/*----- General Content -----*/

	.accountTypeDDLBSM {
		background:#ffffff;
		box-shadow:3px 3px 4px rgba(0,0,0,0.3);
		display:none;
		font-size: 13px;
		left:0px;
		position:absolute;
		top:0px;
		transition:opacity linear 0.30s;
		width:225px;
		z-index:3;
	}
	 
	.accountTypeDDLBSM li {
		display:block;
		width:100%;
		padding: 0px;
		margin:0px;
	}
	 
	.accountTypeDDLBSM li:hover {
		background:#ededed;
		cursor: pointer;
	}

	.accountTypeDDLBSM a {
		display:block;
		padding: 5px;
		color: #808080;
		text-shadow:0px 1px 0px rgba(0,0,0,0.4);
	}

	.accountTypeDDLBSM a:hover {
		text-decoration: none;
	}

	.acknowledgementText {
		font-size: 16px;
		margin: 0px auto;
		text-align:center;
		width:50%;
	}

	#applicationFormTable {
		width: 75%;
		font-size: 14px;
		font-family: Verdana;
		margin: 0px auto;
	}

	#applicationFormTable td {
		border:0px solid red;
		margin: 0px;
		padding: 0px;
	}

	.appStatusButtonDiv {
		 color:white;
		 float:right;
		 font-size:16px;
		 font-weight:bold;
		 height:55px;
		 margin:-58px 155px 0px;
		 padding:15px;
		 width:auto;
	}

	#areaCodeDDLLeftBoundary {
		width:38px;
	}

	#areaCodeDDLRightBoundary {
		width:22px;
	}

	#areaCodeDDL {
		width:210px;
	}

	#awardGrantFormTable {
		width: auto;
		font-size: 14px;
		font-family: Verdana;
		margin: 0px auto;
	}

	#awardGrantFormTable td {
		border:0px solid red;
		margin: 0px;
		padding: 0px;
	}

	#checkListTable {
		width: 100%;
		font-size: 12px;
		font-family: Verdana;
		margin: 0px auto;
	}

	#checkListTable td {
		border:0px solid red;
		margin: 0px;
		padding: 10px;
	}

	#checkListTable label {
		margin: 0px;
	}

	#committeeMembersTable {
		font-size:13px;
		margin:50px auto 0px;
	}

	#committeeMembersTable th{
		border:1px solid #e2e2e2;
		padding:8px;
	}

	#committeeMembersTable td{
		border:1px solid #e2e2e2;
		padding:8px;
	}

	#contactFormDesktopDiv {
		display: block;
	}

	#contactFormDesktop {
		display: block;
		font-family: Verdana;
		font-size: 13px;
		margin: 25px auto 0px auto;
		position: relative;
		width: 650px;
	}

	#deleteApplicationFormTable {
		width: auto;
		font-size: 14px;
		font-family: Verdana;
		margin: 0px auto;
	}

	#deleteApplicationFormTable td {
		border:0px solid red;
		margin: 0px;
		padding: 0px;
	}

	#deleteDeliverableFormTable {
		width: auto;
		font-size: 14px;
		font-family: Verdana;
		margin: 0px auto;
	}

	#deleteDeliverableFormTable td {
		border:0px solid red;
		margin: 0px;
		padding: 0px;
	}

	#deleteFieldFormTable {
		width: auto;
		font-size: 14px;
		font-family: Verdana;
		margin: 0px auto;
	}

	#deleteFieldFormTable td {
		border:0px solid red;
		margin: 0px;
		padding: 0px;
	}

	#deleteGrantFormTable {
		width: auto;
		font-size: 14px;
		font-family: Verdana;
		margin: 0px auto;
	}

	#deleteGrantFormTable td {
		border:0px solid red;
		margin: 0px;
		padding: 0px;
	}

	.DDLBSM {
		background:#ffffff;
		box-shadow:3px 3px 4px rgba(0,0,0,0.3);
		display:none;
		font-size: 13px;
		left:0px;
		position:absolute;
		top:-2px;
		transition:opacity linear 0.30s;
		width:250px;
		z-index:3;
	}
	 
	.DDLBSM li {
		display:block;
		width:100%;
		padding: 5px;
		margin:0px;
	}
	 
	.DDLBSM li:hover {
		background:#ededed;
		cursor: pointer;
	}

	.DDLBSM a {
		display:block;
		padding: 5px;
		color: #808080;
		text-shadow:0px 1px 0px rgba(0,0,0,0.4);
	}

	.DDLBSM a:hover {
		text-decoration: none;
	}

	.DDLBSM a:link, .DDLBSM a:visited, .DDLBSM a:active {
		text-decoration: none;
		background-color: transparent;
	}

	.dropDownListBox {
		width: 100%;
		margin: 0px auto 0px auto;
	}

	.dropDownListBox ul {
		margin:0px 0px 0px 0px;
		list-style: none;
		padding:0px;
	}

	.dropDownListBox > ul > li {
		float:left;
		display:inline-block;
		position:relative;
	}
	 
	.dropDownListBox ul li ul{
		border:1px solid #337ab7;
		border-radius: 3px;
	}
	 
	.entryDivOuter {
		border:1px solid gray;
		cursor:pointer;
		height:30px;
		width:225px;
	}
	 
	.entryDivInner {
		border:none;
		float:left;
		height:23px;
		margin:3px 0px 0px 3px;
		width:207px;
	}

	.entryDivArrow {
		border:none;
		float:right;
		font-size:11px;
		height:20px;
		margin:6px 0px 0px;
		width:13px;
	}

	#eoiSummaryTable .columnHeader {
		font-size:14px;
		font-weight:700;
		margin:40px 0px 0px;
	}

	#eoiSummaryTable .applicantName, .budget, .stateName {
		height:45px;
		margin:20px 20px 0px 0px;
		padding:11px 0px;
		width:45px;
	}

	#eoiSummaryTable .reviewerRank, .overallRank, .numberOfScores, .awardGrant {
		border:2px solid #54a792;
		height:45px;
		margin:20px 0px 0px 0px;
		padding:11px 0px;
		text-align:center;
		width:45px;
	}

	#eoiSummaryTable .icon {
		height:45px;
		width:45px;
	}

	#eoiSummaryTable .comment {
		background-color:white;
		border:1px solid black;
		display:none;
		left:10px;
		padding:10px;
		position:relative;
		top:10px;
		width:300px;
		z-index:-1;
	}

	.errorMsg {
		border:0px;
		color:red;
		font-size:10px;
		font-style:italic;
		margin:0px;
		padding:0px;
		text-align:center;
		vertical-align:top;
		width:100%;
	}

	.fa-info-circle {
		color:#0066CC;
		font-size:16px;
		padding:0px 0px 0px 5px;
	}

	#grantFormTable {
		width: 1%;
		font-size: 14px;
		font-family: Verdana;
		margin: 0px auto;
	}

/* 	#grantFormTable td {
		border:0px solid red;
		margin: 0px;
		padding: 0px;
	} */

	.grantStatusButtonDiv {
		 color:white;
		 float:right;
		 font-size:16px;
		 font-weight:bold;
		 height:55px;
		 margin:-58px 75px 0px;
		 padding:15px;
		 width:auto;
	}

	input::-ms-clear {
		display:none;
	}
	
	input:not([type=button]):not([type=hidden]):not([type=radio]) {
		border:2px solid #54a792;
		display:block;
		font-family:Verdana;
		font-size:14px;
		height:45px;
		overflow-x:hidden;
		padding:0px 10px;
/* 		vertical-align:middle; */
		width:250px;
	}

	input[type=checkbox] {
		cursor:pointer;
	}

	input[type=checkbox], input[type=radio] {
		cursor:pointer;
	}

	.inputField {
		border:2px solid #54a792;
		display:inline-block;
		height:45px;
		outline: 0;
		overflow-x:hidden;
		padding:0px 10px;
/* 		vertical-align:middle; */
		width:245px;
	}

	.instructionText {
		color: gray;
		font-size: 18px;
	}

	.labelHelp {
		background:#ffffff;
		box-shadow:3px 3px 4px rgba(0,0,0,0.3);
		display:none;
		font-size: 14px;
		left:5px;
		position:absolute;
		text-align:left;
		top:26px;
		transition:opacity linear 0.30s;
		width:250px;
		z-index:3;
	}

	.labelHelp li {
		padding:7px;
	}

	.myDocumentsTable {
		font-size:15px;
		margin:30px auto 15px;
	}

	.myDocumentsTable th{
		background-color:#E2E2E2;
		font-weight:bold;
		padding:7px;
	}

	.myDocumentsTable td{
		padding:7px;
		vertical-align:top;
	}

	#pageSubTitle {
		color: #54a792;
		font-size: 20px;
		height: 45px;
		text-align: center;
		width: 100%;
	}

	#registerFormTable {
		width: 1%;
		font-size: 14px;
		font-family: Verdana;
		margin: 0px auto;
	}

	#registerFormTable td {
		border:0px solid red;
		margin: 0px;
		padding: 0px;
	}

	.report_th{
		padding: 0px 30px 5px 0px;
		/* leave the right padding so that when there are no search results the column headings aren't completely squashed up */
		border-bottom: 3px solid LightBlue;
		font-size:15px;
	}

	.report_td{
		padding: 5px 30px 5px 0px;
		border-bottom: 1px solid LightBlue;
	}

	.report_td_last{
		padding: 5px 0px;
		border-bottom: 1px solid LightBlue;
	}

	#researchClearanceTable {
		width: 100%;
		font-size: 14px;
		font-family: Verdana;
		margin: 0px auto;
	}

	#researchClearanceTable td {
		border:0px solid red;
		margin: 0px;
		padding: 10px;
		text-align: center;
	}

	.roleDDLBSM {
		background:#ffffff;
		box-shadow:3px 3px 4px rgba(0,0,0,0.3);
		display:none;
		left:0px;
		position:absolute;
		top:0px;
		transition:opacity linear 0.30s;
		width:225px;
		z-index:3;
	}
	 
	.roleDDLBSM li {
		display:block;
		width:100%;
		padding: 0px;
		margin:0px;
	}
	 
	.roleDDLBSM li:hover {
		background:#ededed;
		cursor: pointer;
	}

	.roleDDLBSM a {
		color: #808080;
		display:block;
		font-size: 13px;
		padding: 5px;
		text-shadow:0px 1px 0px rgba(0,0,0,0.4);
	}

	.roleDDLBSM a:link, .roleDDLBSM a:visited, .roleDDLBSM a:active {
		background-color:transparent;
		text-decoration:none;
	}

	.roleDDLBSM a:hover {
		text-decoration:none;
	}

	#rankSummaryTable .columnHeader {
		font-size:14px;
		font-weight:700;
		margin:40px 0px 0px;
	}

	#rankSummaryTable .applicantName, .budget, .stateName {
		height:45px;
		margin:20px 20px 0px 0px;
		padding:11px 0px;
		width:45px;
	}

	#rankSummaryTable .reviewerRank, .overallRank, .numberOfScores, .awardGrant {
		border:2px solid #54a792;
		height:45px;
		margin:20px 0px 0px 0px;
		padding:11px 0px;
		text-align:center;
		width:45px;
	}

	#rankSummaryTable .icon {
		height:45px;
		width:45px;
	}

	#rankSummaryTable .comment {
		background-color:white;
		border:1px solid black;
		display:none;
		left:10px;
		padding:10px;
		position:relative;
		top:10px;
		width:300px;
		z-index:-1;
	}

	.showerror {
		background:#ffffff;
		box-shadow:3px 3px 4px rgba(0,0,0,0.3);
		display:none;
		font-size: 11px;
		left:5px;
		position:absolute;
		top:5px;
		transition:opacity linear 0.30s;
		width:210px;
	}

	.showerror li {
		padding:3px 5px;
	}

	.showerror li a {
		color:red;
	}

	.smallLabel {
		font-weight:400;
		font-size: 11px;
		font-style: italic;
		margin: 0px;
	}

	.styledLink {
		color:#337AB7;
		text-decoration: none;
	}

	.styledLink a:hover {
		color:#337AB7;
		text-decoration: none;
	}

	.unmask {
		background:#ffffff;
		box-shadow:3px 3px 4px rgba(0,0,0,0.3);
		display:none;
		font-size: 14px;
		left:5px;
		position:absolute;
		top:5px;
		transition:opacity linear 0.30s;
		width:200px;
	}

	.unmask li {
		padding:3px 5px;
	}

	.yearDDLBSM {
		background:#ffffff;
		box-shadow:3px 3px 4px rgba(0,0,0,0.3);
		display:none;
		font-size:13px;
		left:0px;
		position:absolute;
		top:-2px;
		transition:opacity linear 0.30s;
		width:60px;
		z-index:3;
	}
	 
	.yearDDLBSM li {
		display:block;
		width:100%;
		padding: 0px;
		margin:0px;
	}
	 
	.yearDDLBSM li:hover {
		background:#ededed;
		cursor: pointer;
	}

	.yearDDLBSM a {
		display:block;
		padding: 5px;
		color: #808080;
		text-shadow:0px 1px 0px rgba(0,0,0,0.4);
	}

	.yearDDLBSM a:hover {
		text-decoration: none;
	}

 /*----- Icon Buttons -----*/
	.iconButton {
		color: #000000;
		font-family: 'FontAwesome';
		font-size: 125%;
		padding: 3px 5px;
	}

	.iconButton a:link, .iconButton a:visited, .iconButton a:active {
		background-color: transparent;
		text-decoration: none;
	}

	.iconButton:hover {
		background-color: transparent;
		color: #000000;
		cursor: pointer;
		text-decoration: none;
	}

/*----- Placeholder text -----*/
	::-webkit-input-placeholder { /* WebKit, Blink, Edge */
		color:    #A0A0A0;
	}
	:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	   color:    #A0A0A0;
	   opacity:  1;
	}
	::-moz-placeholder { /* Mozilla Firefox 19+ */
	   color:    #A0A0A0;
	   opacity:  1;
	}
	:-ms-input-placeholder { /* Internet Explorer 10-11 */
	   color:    #A0A0A0;
	}
	::-ms-input-placeholder { /* Microsoft Edge */
	   color:    #A0A0A0;
	}

/*----- Sort Table -----*/
	.noSortCol a, .noSortCol a:hover {
		text-decoration: none;
		color:#337AB7;
		cursor: default;
	}

	.sortCol a:hover {
		text-decoration: none;
		background-color: #E0EEF5;
		cursor: pointer;
	}

/*----- Tabs -----*/
	section {
	  display: none;
	  padding: 20px 0 0;
	  border-top: 1px solid #ddd;
	}

	input.tab {
	  display: none;
	}

	#tabDiv {
		min-width:950px;
	}
	.tab-label {
		border-radius:10px 10px 0px 0px;
		display: inline-block;
		font-size:16px;
		font-weight: 600;
		margin: 0px 0px -2px;
		padding: 15px 25px;
		text-align: center;
	}

	.tab-label-medium {
	  font-size:14px;
	}

	.tab-label-small {
	  font-size:12px;
	}

	.tab-label:before {
	  font-family: fontawesome;
	  font-weight: normal;
	  margin-right: 10px;
	}

	.tab-label:hover {
	  color: #888;
	  cursor: pointer;
	}

	input:not(:checked) + .tab-label {
	  border: 1px solid transparent;
	  background-color: #ddd;
	  border-top: 3px solid transparent;
	  color: gray;
	}

	input:checked + .tab-label {
	  background-color: #54a792;
	  border: 3px solid #54a792;
	  color: #fff;
	  cursor: default;
	}