@charset "utf-8";
/* CSS Document */

.post_meta { font-size: 26px !important; line-height: 40px !important; color: #031a61 !important; text-align: center;}

.top-buffer { margin-top:20px; }

.form-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
       -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
          transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

body {background: #fff; }

label { font-size: 16px; line-height: 22px; margin-bottom: 5px; font-weight: bold; 
}


.app_nav {
    margin: 10px 70px 20px 70px;
    padding: 10px;
    text-align: center;
    color: #000000;
    border-top: 1px solid #58595b;
    border-bottom: 1px solid #58595b;
}

#btn-info {
  color: #ffffff;
  background-color: #c71533;
  border-color: #c71533;
}

#bluebtn {
	-moz-box-shadow: inset 0px 1px 0px 0px #bbdaf7;
	-webkit-box-shadow: inset 0px 1px 0px 0px #bbdaf7;
	box-shadow: inset 0px 1px 0px 0px #bbdaf7;
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #79bbff), color-stop(1, #2c66a8) );
	background: -moz-linear-gradient( center top, #79bbff 5%, #2c66a8 100% );
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#2c66a8');
	background-color: #79bbff;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #84bbf3;
	display: inline-block;
	color: #ffffff;
	font-family: "Exo", Sans-serif;
	font-size: 15px;
	font-weight: bold;
	padding: 4px 16px;
	text-decoration: none;
	text-shadow: 1px 1px 0px #528ecc;
}
#bluebtn:hover {
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #2c66a8), color-stop(1, #79bbff) );
	background: -moz-linear-gradient( center top, #2c66a8 5%, #79bbff 100% );
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#2c66a8', endColorstr='#79bbff');
	background-color: #2c66a8;
}
#bluebtn:active {
	position: relative;
	top: 1px;
}

.bluebtn {
	-moz-box-shadow: inset 0px 1px 0px 0px #bbdaf7;
	-webkit-box-shadow: inset 0px 1px 0px 0px #bbdaf7;
	box-shadow: inset 0px 1px 0px 0px #bbdaf7;
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #79bbff), color-stop(1, #2c66a8) );
	background: -moz-linear-gradient( center top, #79bbff 5%, #2c66a8 100% );
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#2c66a8');
	background-color: #79bbff;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #84bbf3;
	display: inline-block;
	color: #ffffff;
	font-family: font-family: "Exo", Sans-serif;
	font-size: 15px;
	font-weight: bold;
	padding: 4px 16px;
	text-decoration: none;
	text-shadow: 1px 1px 0px #528ecc;
}
.bluebtn:hover {
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #2c66a8), color-stop(1, #79bbff) );
	background: -moz-linear-gradient( center top, #2c66a8 5%, #79bbff 100% );
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#2c66a8', endColorstr='#79bbff');
	background-color: #2c66a8;
}
.bluebtn:active {
	position: relative;
	top: 1px;
}

	/*Nav Blue Button*/
.bluebtnnav {
	-moz-box-shadow: inset 0px 1px 0px 0px #bbdaf7;
	-webkit-box-shadow: inset 0px 1px 0px 0px #bbdaf7;
	box-shadow: inset 0px 1px 0px 0px #bbdaf7;
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #79bbff), color-stop(1, #2c66a8) );
	background: -moz-linear-gradient( center top, #79bbff 5%, #2c66a8 100% );
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#2c66a8');
	background-color: #79bbff;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #84bbf3;
	box-sizing: content-box;
	width: 80px;
	margin-left: 3%;
	margin-bottom: 2%;
	color: #ffffff;
	font-family: futura-pt,sans-serif;
	font-size: 12px;
	font-weight: bold;
	padding: 4px 16px;
	text-decoration: none;
	text-shadow: 1px 1px 0px #528ecc;
}
.bluebtnnav:hover {
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #2c66a8), color-stop(1, #79bbff) );
	background: -moz-linear-gradient( center top, #2c66a8 5%, #79bbff 100% );
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#2c66a8', endColorstr='#79bbff');
	background-color: #2c66a8;
}
.bluebtnnav:active {
	position: relative;
	top: 1px;
}
/*End Nav Blue Button*/
	
/*Nav Dark Blue Button*/
	
.darkbluebtn {
	-moz-box-shadow: inset 0px 1px 0px 0px #012d4c;
	-webkit-box-shadow: inset 0px 1px 0px 0px #012d4c;
	box-shadow: inset 0px 1px 0px 0px #012d4c;
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #012d4c), color-stop(1, #000069) );
	background: -moz-linear-gradient( center top, #00139f 5%, #690000 100% );
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#012d4c', endColorstr='#000069');
	background-color: #012d4c;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #012d4c;
	display: inline-block;
	color: #ffffff;
	margin-left: 3%;
	font-family: futura-pt,sans-serif;
	font-size: 12px;
	font-weight: bold;
	padding: 4px 16px;
	text-decoration: none;
	text-shadow: 1px 1px 0px #810e05;
}
.darkbluebtn:hover {
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #2e03e5), color-stop(1, #0012fc) );
	background: -moz-linear-gradient( center top, #030ee5 5%, #fc0000 100% );
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#2e03e5', endColorstr='#012d4c');
	background-color: #0338e5;
}
.darkbluebtn:active {
	position: relative;
	top: 1px;
}
/* End Nav Dark Blue Button*/	
/*Nav Gray Button*/
.graybtnnav {
	-moz-box-shadow: inset 0px 1px 0px 0px #e3e3e3;
	-webkit-box-shadow: inset 0px 1px 0px 0px #e3e3e3;
	box-shadow: inset 0px 1px 0px 0px #e3e3e3;
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #a9aaaa), color-stop(1, #7e7e7e) );
	background: -moz-linear-gradient( center top, #cfd2d5 5%, #5e5e5e 100% );
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#cfd2d5', endColorstr='#7e7e7e');
	background-color: #cfd2d5;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	width: 80px;
	margin-left: 3%;
	border: 1px solid #2a2a2b;
	box-sizing: content-box;
	color: #ffffff;
	font-family: futura-pt,sans-serif;
	font-size: 12px;
	font-weight: bold;
	padding: 4px 16px;
	text-decoration: none;
	text-shadow: 1px 1px 0px #686868;
}
.graybtnnav:hover {
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #7e7e7e), color-stop(1, #98a1aa) );
	background: -moz-linear-gradient( center top, #7e7e7e 5%, #cfd2d5 100% );
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#7e7e7e', endColorstr='#cfd2d5');
	background-color: #7e7e7e;
}
.graybtnnav:active {
	position: relative;
	top: 1px;
}

/*End Nav Gray Button*/


#redbtn {
	-moz-box-shadow: inset 0px 1px 0px 0px #9f0000;
	-webkit-box-shadow: inset 0px 1px 0px 0px #9f0000;
	box-shadow: inset 0px 1px 0px 0px #9f0000;
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #9f0000), color-stop(1, #690000) );
	background: -moz-linear-gradient( center top, #9f0000 5%, #690000 100% );
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#9f0000', endColorstr='#690000');
	background-color: #9f0000;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #9f0000;
	display: inline-block;
	color: #ffffff;
	font-family: "Exo", Sans-serif;
	font-size: 15px;
	font-weight: bold;
	padding: 4px 16px;
	text-decoration: none;
	text-shadow: 1px 1px 0px #810e05;
}
#redbtn:hover {
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #e50303), color-stop(1, #fc0000) );
	background: -moz-linear-gradient( center top, #e50303 5%, #fc0000 100% );
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e50303', endColorstr='#fc0000');
	background-color: #e50303;
}
#redbtn:active {
	position: relative;
	top: 1px;
}

.redbtn {
	-moz-box-shadow: inset 0px 1px 0px 0px #9f0000;
	-webkit-box-shadow: inset 0px 1px 0px 0px #9f0000;
	box-shadow: inset 0px 1px 0px 0px #9f0000;
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #9f0000), color-stop(1, #690000) );
	background: -moz-linear-gradient( center top, #9f0000 5%, #690000 100% );
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#9f0000', endColorstr='#690000');
	background-color: #9f0000;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #9f0000;
	display: inline-block;
	color: #ffffff;
	font-family: "Exo", Sans-serif;
	font-size: 15px;
	font-weight: bold;
	padding: 4px 16px;
	text-decoration: none;
	text-shadow: 1px 1px 0px #810e05;
}
.redbtn:hover {
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #e50303), color-stop(1, #fc0000) );
	background: -moz-linear-gradient( center top, #e50303 5%, #fc0000 100% );
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e50303', endColorstr='#fc0000');
	background-color: #e50303;
}
.redbtn:active {
	position: relative;
	top: 1px;
}

#darkbluebtn {
	-moz-box-shadow: inset 0px 1px 0px 0px #012d4c;
	-webkit-box-shadow: inset 0px 1px 0px 0px #012d4c;
	box-shadow: inset 0px 1px 0px 0px #012d4c;
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #012d4c), color-stop(1, #000069) );
	background: -moz-linear-gradient( center top, #00139f 5%, #690000 100% );
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#012d4c', endColorstr='#000069');
	background-color: #012d4c;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #012d4c;
	display: inline-block;
	color: #ffffff;
	font-family: "Exo", Sans-serif;
	font-size: 15px;
	font-weight: bold;
	padding: 4px 16px;
	text-decoration: none;
	text-shadow: 1px 1px 0px #810e05;
}
#darkbluebtn:hover {
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #2e03e5), color-stop(1, #0012fc) );
	background: -moz-linear-gradient( center top, #030ee5 5%, #fc0000 100% );
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#2e03e5', endColorstr='#012d4c');
	background-color: #0338e5;
}
#darkbluebtn:active {
	position: relative;
	top: 1px;
}
#greenbtn {
	-moz-box-shadow: inset 0px 1px 0px 0px #caefab;
	-webkit-box-shadow: inset 0px 1px 0px 0px #caefab;
	box-shadow: inset 0px 1px 0px 0px #caefab;
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #77d42a), color-stop(1, #025939) );
	background: -moz-linear-gradient( center top, #77d42a 5%, #025939 100% );
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#77d42a', endColorstr='#025939');
	background-color: #77d42a;
	-webkit-border-top-left-radius: 4px;
	-moz-border-radius-topleft: 4px;
	border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-moz-border-radius-topright: 4px;
	border-top-right-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	border-bottom-right-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-bottomleft: 4px;
	border-bottom-left-radius: 4px;
	text-indent: 0;
	border: 1px solid #268a16;
	display: inline-block;
	color: #ffffff;
	padding: 4px 16px;
	font-family: "Exo", Sans-serif;
	font-size: 15px;
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
	text-shadow: 1px 1px 0px #77d42a;
}
#greenbtn:hover {
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #025939), color-stop(1, #77d42a) );
	background: -moz-linear-gradient( center top, #025939 5%, #77d42a 100% );
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#025939', endColorstr='#77d42a');
	background-color: #025939;
}
#greenbtn:active {
	position: relative;
	top: 1px;
}

.greenbtn {
	-moz-box-shadow: inset 0px 1px 0px 0px #caefab;
	-webkit-box-shadow: inset 0px 1px 0px 0px #caefab;
	box-shadow: inset 0px 1px 0px 0px #caefab;
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #77d42a), color-stop(1, #025939) );
	background: -moz-linear-gradient( center top, #77d42a 5%, #025939 100% );
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#77d42a', endColorstr='#025939');
	background-color: #77d42a;
	-webkit-border-top-left-radius: 4px;
	-moz-border-radius-topleft: 4px;
	border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-moz-border-radius-topright: 4px;
	border-top-right-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	border-bottom-right-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-bottomleft: 4px;
	border-bottom-left-radius: 4px;
	text-indent: 0;
	border: 1px solid #268a16;
	display: inline-block;
	color: #ffffff;
	padding: 4px 16px;
	font-family: "Exo", Sans-serif;
	font-size: 15px;
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
	text-shadow: 1px 1px 0px #77d42a;
}
.greenbtn:hover {
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #025939), color-stop(1, #77d42a) );
	background: -moz-linear-gradient( center top, #025939 5%, #77d42a 100% );
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#025939', endColorstr='#77d42a');
	background-color: #025939;
}
.greenbtn:active {
	position: relative;
	top: 1px;
}

#graybtn {
	-moz-box-shadow: inset 0px 1px 0px 0px #e3e3e3;
	-webkit-box-shadow: inset 0px 1px 0px 0px #e3e3e3;
	box-shadow: inset 0px 1px 0px 0px #e3e3e3;
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #a9aaaa), color-stop(1, #7e7e7e) );
	background: -moz-linear-gradient( center top, #cfd2d5 5%, #5e5e5e 100% );
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#cfd2d5', endColorstr='#7e7e7e');
	background-color: #cfd2d5;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #2a2a2b;
	display: inline-block;
	color: #ffffff;
	font-family: "Exo", Sans-serif;
	font-size: 15px;
	font-weight: bold;
	padding: 4px 16px;
	text-decoration: none;
	text-shadow: 1px 1px 0px #686868;
}
#graybtn:hover {
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #7e7e7e), color-stop(1, #98a1aa) );
	background: -moz-linear-gradient( center top, #7e7e7e 5%, #cfd2d5 100% );
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#7e7e7e', endColorstr='#cfd2d5');
	background-color: #7e7e7e;
}
#graybtn:active {
	position: relative;
	top: 1px;
}




.warning {
color: red;	
}

.hilight {
color: #c00000;	
font-weight: bold;
}




.card-body ul {
    margin-top: 1em;
    margin-bottom: 1em;
}




.push {
margin-left: 15px !important;	
}






	/**CSS FOR THE RING**/

.glyphicon-ringgreen {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  border: 4px solid #77d42a;
  color: #77d42a;
  text-align: center;
	font-size: 12px;
  vertical-align: middle;
  display: table-cell;
}
	
.glyphicon-ringblue {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  border: 4px solid #79bbff;
  color: #79bbff;
  font-size: 12px;
  vertical-align: middle;
  display: table-cell;
  text-align: center;
}
	
.glyphicon-ringred {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  border: 4px solid #fc0000;
  color: #fc0000;
  font-size: 12px;
  vertical-align: middle;
  display: table-cell;
  text-align: center;
}
	
	
#parent_div_1, #parent_div_2, #parent_div_3, #parent_div_4, #parent_div_5, #parent_div_6, #parent_div_7, #parent_div_8, #parent_div_9, #parent_div_10, #parent_div_11{
    width:35px;
    height:35px;
    margin-right:10px;
    float:left;
}

#parent_home{
    width:45px;
    height:35px;
	margin-top: 3px;
    float:left;
}
	
	
#parent_div_12{
    width:45px;
    height:35px;
	margin-top: 3px;
    margin-right:10px;
    float:left;
}
	
.child_div_1{
    float:left;
    margin-right:5px;
}
	
	
/**CSS FOR ICON WITH NO BACKGROUND COLOR**/

.glyphicon-ringgreen .glyphicon-ringblue .glyphicon-ringred .glyphicon-bordered {
  font-size: 10px;
  vertical-align: middle;
  display: table-cell;
}
/**WITH AN ADDED BACKGROUND COLOR**/

.glyphicon-blue {
  background: #2c66a8;
  color: white;
}
.glyphicon-green {
  background: #025939;
  color: white;
}
.glyphicon-red {
  background: #9f0000;
  color: white;	
}

h1 {
	
font-family: "Exo", Sans-serif;  !important;
}

.app h3  {

    font-family: "Oswald", Sans-serif;
    font-size: 20px;
    font-weight: 600;
    color: #1E2A64;
	
}

h3 {
	
background-color: #2c66a8;
padding: 5px 0 5px 10px;
	color: white !important; 
	font-family: "Exo", Sans-serif;
}

h4 {
font-size: 22px;	
background-color: #031a61;
padding: 5px 0 5px 10px;
	color: white !important;
	font-family: "Exo", Sans-serif;
}

h5 {
	
font-family: "Exo", Sans-serif !important;	
}

p {
    margin: 1em 0;
}


body {
    font-size: 16px !important;
    line-height: 20px !important;
	font-family: "Roboto", sans-serif !important;
}

.ui-widget {
    font-size: 16px !important;
    line-height: 20px !important;
	font-family: "Roboto", sans-serif !important;
}

.card-body p {
	font-size: 16px !important;
    line-height: 20px !important;
	font-family: "Roboto", sans-serif !important;
	margin-top: 1em;
    margin-bottom: 1em;
	
}

.card-body li {
    margin-bottom: 0.5em;
	font-size: 16px !important;
    line-height: 20px !important;
	font-family: "Exo", Sans-serif !important;
}

.bluelink {color: #2c66a8 !important; font-weight: bold; text-decoration: underline;}

	.custom-ui-widget-header-warning {
  background: #ffe49b;
  font-size: 1em;
}
	
	.custom-ui-widget-header-warning .ui-dialog-titlebar {
          background:#2c66a8; color: white !important;
    }

.ui-dialog-titlebar-close {
  background: url("http://code.jquery.com/ui/1.10.3/themes/smoothness/images/ui-icons_888888_256x240.png") repeat scroll -93px -128px rgba(0, 0, 0, 0);
  border: medium none;
}
.ui-dialog-titlebar-close:hover {
  background: url("http://code.jquery.com/ui/1.10.3/themes/smoothness/images/ui-icons_222222_256x240.png") repeat scroll -93px -128px rgba(0, 0, 0, 0);
}

/*Mini Page */

.patriot40badgeblue {
		
		display: inline-block;
    min-width: 40px;
	min-height: 40px;	
    padding: 3px 7px;
    font-size: 14px;
    font-weight: bold;
    line-height: 1;
    color: black;
    border: 4px #79bbff solid;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    background-color: #fff;
    border-radius: 20px;
}
	 
	.patriot40badgeblueact {
		
		display: inline-block;
    min-width: 40px;
	min-height: 40px;
    padding: 3px 7px;
    font-size: 14px;
    font-weight: bold;
    line-height: 1;
    color: black;
        border: 4px #2c66a8 solid;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    background-color: #fff;
    border-radius: 20px;
}

.patriot40badgegreen {
		
		display: inline-block;
    min-width: 40px;
	min-height: 40px;	
    padding: 3px 7px;
    font-size: 14px;
    font-weight: bold;
    line-height: 1;
    color: black;
    border: 4px #025939 solid;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    background-color: #77d42a;
    border-radius: 20px;
}
	 
	.patriot40badgegreenact {
		
		display: inline-block;
    min-width: 40px;
	min-height: 40px;
    padding: 3px 7px;
    font-size: 14px;
    font-weight: bold;
    line-height: 1;
    color: black;
        border: 4px #77d42a solid;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    background-color: #025939;
    border-radius: 20px;
}

.patriot40badgered {
		
		display: inline-block;
    min-width: 40px;
	min-height: 40px;	
    padding: 3px 7px;
    font-size: 14px;
    font-weight: bold;
    line-height: 1;
    color: black;
    border: 4px #9f0000 solid;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    background-color: #fc0000;
    border-radius: 20px;
}
	 
	.patriot40badgeredact {
		
		display: inline-block;
    min-width: 40px;
	min-height: 40px;
    padding: 3px 7px;
    font-size: 14px;
    font-weight: bold;
    line-height: 1;
    color: black;
        border: 4px #fc0000 solid;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    background-color: #9f0000;
    border-radius: 20px;
}

.patriot40sqbadgeblue {
		
		display: inline-block;
   min-width: 120px;
	min-height: 30px;	
    padding: 3px 7px;
    font-size: 14px;
    font-weight: bold;
    line-height: 1;
    color: black;
    border-top: 2px #0F183E solid;
    border-left: 2px #0F183E solid;
    border-right: 2px #0F183E solid;
border-bottom: 0 #0F183E solid;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    background-color: #fff;
    border-radius: 4px 4px 0px 0px;
}
	 
	.patriot40sqbadgeblueact {
		
		display: inline-block;
   min-width: 120px;
	min-height: 30px;
    padding: 3px 7px;
    font-size: 14px;
    font-weight: bold;
    line-height: 1;
    color: black;
    border-top: 2px #0F183E solid;
    border-left: 2px #0F183E solid;
    border-right: 2px #0F183E solid;
border-bottom: 0 #0F183E solid;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    background-color: #79bbff;
    border-radius: 4px 4px 0px 0px;
}

.patriot40sqbadgegreen {
		
		display: inline-block;
    min-width: 120px;
	min-height: 30px;	
    padding: 3px 7px;
    font-size: 14px;
    font-weight: bold;
    line-height: 1;
    color: black;
    border-top: 2px #0F183E solid;
    border-left: 2px #0F183E solid;
    border-right: 2px #0F183E solid;
border-bottom: 0 #0F183E solid;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    border-radius: 4px 4px 0px 0px;
}
	 
	.patriot40sqbadgegreenact {
		
		display: inline-block;
    min-width: 120px;
	min-height: 30px;
    padding: 3px 7px;
    font-size: 14px;
    font-weight: bold;
    line-height: 1;
    color: black;
     border-top: 2px #0F183E solid;
    border-left: 2px #0F183E solid;
    border-right: 2px #0F183E solid;
border-bottom: 0 #0F183E solid;
    text-align: center;
    white-space: nowrap;
    background-color: #79bbff;
    vertical-align: middle;
    border-radius: 4px 4px 0px 0px;
}

.patriot40sqbadgered {
		
		display: inline-block;
    min-width: 120px;
	min-height: 30px;	
    padding: 3px 7px;
    font-size: 14px;
    font-weight: bold;m
    line-height: 1;
    color: black;
    border-top: 2px #0F183E solid;
    border-left: 2px #0F183E solid;
    border-right: 2px #0F183E solid;
border-bottom: 0 #0F183E solid;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    border-radius: 4px 4px 0px 0px;
}
	 
	.patriot40sqbadgeredact {
		
		display: inline-block;
   min-width: 120px;
	min-height: 30px;
    padding: 3px 7px;
    font-size: 14px;
    font-weight: bold;
    line-height: 1;
    color: black;
    border-top: 2px #0F183E solid;
    border-left: 2px #0F183E solid;
    border-right: 2px #0F183E solid;
border-bottom: 0 #0F183E solid;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    background-color: #79bbff;
    border-radius: 4px 4px 0px 0px;
}

.patriotbadgeblue {
		
		display: inline-block;
    min-width: 20px;
	min-height: 20px;	
    padding: 3px 7px;
    font-size: 12px;
    font-weight: bold;
    line-height: 1;
    color: black;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    background-color: #79bbff;
    border-radius: 10px;
}
	 
	.patriotbadgeblueact {
		
		display: inline-block;
    min-width: 20px;
	min-height: 20px;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: bold;
    line-height: 1;
    color: white;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    background-color: #163354;
    border-radius: 10px;
}

.patriotbadgegreen {
		
		display: inline-block;
    min-width: 20px;
	min-height: 20px;	
    padding: 3px 7px;
    font-size: 12px;
    font-weight: bold;
    line-height: 1;
    color: black;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    background-color: #77d42a;
    border-radius: 10px;
}
	 
	.patriotbadgegreenact {
		
		display: inline-block;
    min-width: 20px;
	min-height: 20px;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: bold;
    line-height: 1;
    color: black;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    background-color: #025939;
    border-radius: 10px;
}

.patriotbadgered {
		
		display: inline-block;
    min-width: 20px;
	min-height: 20px;	
    padding: 3px 7px;
    font-size: 12px;
    font-weight: bold;
    line-height: 1;
    color: black;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    background-color: #fc0000;
    border-radius: 10px;
}
	 
	.patriotbadgeredact {
		
		display: inline-block;
    min-width: 20px;
	min-height: 20px;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: bold;
    line-height: 1;
    color: black;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    background-color: #9f0000;
    border-radius: 10px;
}

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
.menutoprow {
	width: 100%; border-bottom: thin solid gray; padding-bottom: 1%;	
	display: flex;                  /* establish flex container */
	 justify-content: space-between;
	}
	
	.menuopt {
		
	width:100%;	
	}
	
	.menunottoprow {
	width: 100%; border-bottom: thin solid gray; padding-bottom: 1%; padding-top: 1%;
		display: flex;                  /* establish flex container */
		 justify-content: space-between;
	}
	
	.iconrow {
	width: 5%; text-align: right; padding-left: 2%; padding-right: 2%;	
	}
	
	.namerow {
	width: 75%; text-align: left;
	}
	
	.post_meta { font-size: 18px !important; line-height: 20px !important; color: #031a61 !important; text-align: center;}
	
	.statusrow {
	width: 10%; text-align: right; padding-right: 2%;
	}
	
	.navbaricons {
	margin: 0 auto;
width: 375px; background-color: white; padding-bottom: 3%;	
	}
	
	.app_nav {
    margin: 10px 5% 20px 5%;
    padding: 10px;
    text-align: center;
    color: #000000;
    border-top: 1px solid #58595b;
    border-bottom: 1px solid #58595b;
}

	
	/*Nav Blue Button*/
.bluebtnnav {
	-moz-box-shadow: inset 0px 1px 0px 0px #bbdaf7;
	-webkit-box-shadow: inset 0px 1px 0px 0px #bbdaf7;
	box-shadow: inset 0px 1px 0px 0px #bbdaf7;
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #79bbff), color-stop(1, #2c66a8) );
	background: -moz-linear-gradient( center top, #79bbff 5%, #2c66a8 100% );
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#2c66a8');
	background-color: #79bbff;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #84bbf3;
	box-sizing: content-box;
	width: 80px;
	margin-left: 3%;
	margin-bottom: 2%;
	color: #ffffff;
	font-family: futura-pt,sans-serif;
	font-size: 12px;
	font-weight: bold;
	padding: 4px 16px;
	text-decoration: none;
	text-shadow: 1px 1px 0px #528ecc;
}
.bluebtnnav:hover {
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #2c66a8), color-stop(1, #79bbff) );
	background: -moz-linear-gradient( center top, #2c66a8 5%, #79bbff 100% );
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#2c66a8', endColorstr='#79bbff');
	background-color: #2c66a8;
}
.bluebtnnav:active {
	position: relative;
	top: 1px;
}
/*End Nav Blue Button*/
	
/*Nav Dark Blue Button*/
	
.darkbluebtn {
	-moz-box-shadow: inset 0px 1px 0px 0px #012d4c;
	-webkit-box-shadow: inset 0px 1px 0px 0px #012d4c;
	box-shadow: inset 0px 1px 0px 0px #012d4c;
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #012d4c), color-stop(1, #000069) );
	background: -moz-linear-gradient( center top, #00139f 5%, #690000 100% );
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#012d4c', endColorstr='#000069');
	background-color: #012d4c;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #012d4c;
	display: inline-block;
	color: #ffffff;
	margin-left: 3%;
	font-family: futura-pt,sans-serif;
	font-size: 12px;
	font-weight: bold;
	padding: 4px 16px;
	text-decoration: none;
	text-shadow: 1px 1px 0px #810e05;
}
.darkbluebtn:hover {
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #2e03e5), color-stop(1, #0012fc) );
	background: -moz-linear-gradient( center top, #030ee5 5%, #fc0000 100% );
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#2e03e5', endColorstr='#012d4c');
	background-color: #0338e5;
}
.darkbluebtn:active {
	position: relative;
	top: 1px;
}
/* End Nav Dark Blue Button*/	
/*Nav Gray Button*/
.graybtnnav {
	-moz-box-shadow: inset 0px 1px 0px 0px #e3e3e3;
	-webkit-box-shadow: inset 0px 1px 0px 0px #e3e3e3;
	box-shadow: inset 0px 1px 0px 0px #e3e3e3;
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #a9aaaa), color-stop(1, #7e7e7e) );
	background: -moz-linear-gradient( center top, #cfd2d5 5%, #5e5e5e 100% );
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#cfd2d5', endColorstr='#7e7e7e');
	background-color: #cfd2d5;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	width: 80px;
	margin-left: 3%;
	border: 1px solid #2a2a2b;
	box-sizing: content-box;
	color: #ffffff;
	font-family: futura-pt,sans-serif;
	font-size: 12px;
	font-weight: bold;
	padding: 4px 16px;
	text-decoration: none;
	text-shadow: 1px 1px 0px #686868;
}
.graybtnnav:hover {
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #7e7e7e), color-stop(1, #98a1aa) );
	background: -moz-linear-gradient( center top, #7e7e7e 5%, #cfd2d5 100% );
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#7e7e7e', endColorstr='#cfd2d5');
	background-color: #7e7e7e;
}
.graybtnnav:active {
	position: relative;
	top: 1px;
}

/*End Nav Gray Button*/
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
	.menutoprow {
	width: 35%; border-bottom: thin solid gray; padding-bottom: 1%;	
	display: flex;                  /* establish flex container */
  justify-content: space-between;
	}
	
	.menuopt {
		
	width:90%;	
	}
	
	.post_meta { font-size: 26px !important; line-height: 40px !important; color: #031a61 !important; text-align: center;}
	
	.menunottoprow {
	width: 35%; border-bottom: thin solid gray; padding-bottom: 1%; padding-top: 1%;
		display: flex;                  /* establish flex container */
		 justify-content: space-between;
	}
	
	.iconrow {
	width: 15%; text-align: right; padding-left: 2%; padding-right: 5%;	
	}
	
	.namerow {
	width: 78%; text-align: left;
	}
	
	.statusrow {
	width: 8%; text-align: left; padding-right: 2%;
	}
	
	.navbaricons {
	margin: 0 auto;
width: 600px; background-color: white; padding-bottom: 3%;	
	}
	
	.app_nav {
    margin: 2% 70px 20px 70px;
    padding: 2%;
    text-align: center;
    color: #000000;
    border-top: 1px solid #58595b;
    border-bottom: 1px solid #58595b;
}
	
	
.patriot40sqbadgeblue {
		
		display: inline-block;
   min-width: 40px;
	min-height: 30px;	
    padding: 3px 7px;
    font-size: 12px;
    font-weight: bold;
    line-height: 1;
    color: black;
    border-top: 2px #0F183E solid;
    border-left: 2px #0F183E solid;
    border-right: 2px #0F183E solid;
border-bottom: 0 #0F183E solid;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    background-color: #fff;
    border-radius: 4px 4px 0px 0px;
}
	 
	.patriot40sqbadgeblueact {
		
		display: inline-block;
   min-width: 40px;
	min-height: 30px;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: bold;
    line-height: 1;
    color: black;
    border-top: 2px #0F183E solid;
    border-left: 2px #0F183E solid;
    border-right: 2px #0F183E solid;
border-bottom: 0 #0F183E solid;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    background-color: #79bbff;
    border-radius: 4px 4px 0px 0px;
}

.patriot40sqbadgegreen {
		
		display: inline-block;
    min-width: 40px;
	min-height: 30px;	
    padding: 3px 7px;
    font-size: 12px;
    font-weight: bold;
    line-height: 1;
    color: black;
    border-top: 2px #0F183E solid;
    border-left: 2px #0F183E solid;
    border-right: 2px #0F183E solid;
border-bottom: 0 #0F183E solid;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    border-radius: 4px 4px 0px 0px;
}
	 
	.patriot40sqbadgegreenact {
		
		display: inline-block;
    min-width: 40px;
	min-height: 30px;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: bold;
    line-height: 1;
    color: black;
     border-top: 2px #0F183E solid;
    border-left: 2px #0F183E solid;
    border-right: 2px #0F183E solid;
border-bottom: 0 #0F183E solid;
    text-align: center;
    white-space: nowrap;
    background-color: #79bbff;
    vertical-align: middle;
    border-radius: 4px 4px 0px 0px;
}

.patriot40sqbadgered {
		
		display: inline-block;
    min-width: 40px;
	min-height: 30px;	
    padding: 3px 7px;
    font-size: 12px;
    font-weight: bold;
    line-height: 1;
    color: black;
    border-top: 2px #0F183E solid;
    border-left: 2px #0F183E solid;
    border-right: 2px #0F183E solid;
border-bottom: 0 #0F183E solid;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    border-radius: 4px 4px 0px 0px;
}
	 
	.patriot40sqbadgeredact {
		
		display: inline-block;
   min-width: 40px;
	min-height: 30px;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: bold;
    line-height: 1;
    color: black;
    border-top: 2px #0F183E solid;
    border-left: 2px #0F183E solid;
    border-right: 2px #0F183E solid;
border-bottom: 0 #0F183E solid;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    background-color: #79bbff;
    border-radius: 4px 4px 0px 0px;
}
	
	/*Nav Blue Button*/
.bluebtnnav {
	-moz-box-shadow: inset 0px 1px 0px 0px #bbdaf7;
	-webkit-box-shadow: inset 0px 1px 0px 0px #bbdaf7;
	box-shadow: inset 0px 1px 0px 0px #bbdaf7;
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #79bbff), color-stop(1, #2c66a8) );
	background: -moz-linear-gradient( center top, #79bbff 5%, #2c66a8 100% );
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#2c66a8');
	background-color: #79bbff;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #84bbf3;
	box-sizing: content-box;
	width: 115px;
	margin-left: 3%;
	margin-bottom: 2%;
	color: #ffffff;
	font-family: futura-pt,sans-serif;
	font-size: 15px;
	font-weight: bold;
	padding: 4px 16px;
	text-decoration: none;
	text-shadow: 1px 1px 0px #528ecc;
}
.bluebtnnav:hover {
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #2c66a8), color-stop(1, #79bbff) );
	background: -moz-linear-gradient( center top, #2c66a8 5%, #79bbff 100% );
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#2c66a8', endColorstr='#79bbff');
	background-color: #2c66a8;
}
.bluebtnnav:active {
	position: relative;
	top: 1px;
}
/*End Nav Blue Button*/
	
/*Nav Dark Blue Button*/
	
.darkbluebtn {
	-moz-box-shadow: inset 0px 1px 0px 0px #012d4c;
	-webkit-box-shadow: inset 0px 1px 0px 0px #012d4c;
	box-shadow: inset 0px 1px 0px 0px #012d4c;
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #012d4c), color-stop(1, #000069) );
	background: -moz-linear-gradient( center top, #00139f 5%, #690000 100% );
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#012d4c', endColorstr='#000069');
	background-color: #012d4c;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #012d4c;
	display: inline-block;
	color: #ffffff;
	margin-left: 3%;
	font-family: futura-pt,sans-serif;
	font-size: 15px;
	font-weight: bold;
	padding: 4px 16px;
	text-decoration: none;
	text-shadow: 1px 1px 0px #810e05;
	
}
.darkbluebtn:hover {
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #2e03e5), color-stop(1, #0012fc) );
	background: -moz-linear-gradient( center top, #030ee5 5%, #fc0000 100% );
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#2e03e5', endColorstr='#012d4c');
	background-color: #0338e5;
}
.darkbluebtn:active {
	position: relative;
	top: 1px;
}
/* End Nav Dark Blue Button*/
	
	/*Nav Gray Button*/
.graybtnnav {
	-moz-box-shadow: inset 0px 1px 0px 0px #e3e3e3;
	-webkit-box-shadow: inset 0px 1px 0px 0px #e3e3e3;
	box-shadow: inset 0px 1px 0px 0px #e3e3e3;
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #a9aaaa), color-stop(1, #7e7e7e) );
	background: -moz-linear-gradient( center top, #cfd2d5 5%, #5e5e5e 100% );
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#cfd2d5', endColorstr='#7e7e7e');
	background-color: #cfd2d5;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	width: 115px;
	margin-left: 15px;
	border: 1px solid #2a2a2b;
	box-sizing: content-box;
	color: #ffffff;
	font-family: futura-pt,sans-serif;
	font-size: 15px;
	font-weight: bold;
	padding: 4px 16px;
	text-decoration: none;
	text-shadow: 1px 1px 0px #686868;
}
.graybtnnav:hover {
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #7e7e7e), color-stop(1, #98a1aa) );
	background: -moz-linear-gradient( center top, #7e7e7e 5%, #cfd2d5 100% );
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#7e7e7e', endColorstr='#cfd2d5');
	background-color: #7e7e7e;
}
.graybtnnav:active {
	position: relative;
	top: 1px;
}

/*End Nav Gray Button*/
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {...}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {...}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {...}