/* Kylan Walters, 2013. all your base are belong to us */

@import url('http://fonts.googleapis.com/css?family=Open+Sans:300,400,700');
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@1,900&display=swap');

/*##########################################*/
/* Page styling */
/*##########################################*/

body {
	font-family: "Open Sans", Verdana, Arial, sans-serif;
	text-decoration: none;
	font-size: 11pt;
	margin:0 auto;
}
table.tracking {
	border: 2px dashed #cccccc;
	text-align:left;
  }
.sortable {
    font: 11px;
    cursor: default;
}
.header_bar_admin body {
	padding-top:50px;
}
.header-bar {
	font-size: 11pt;
	height: 2px;
	padding-top:-1px;
  background: #f44336;
	color:#fefefe;
}
.header-bar a:link, .header-bar a:visited, .header-bar a:active {
	color: #fefefe;
	border:none;
	outline:none;
	text-decoration:none;
}
.header-bar a:hover {
	color: #fefefe;
	border:none;
	outline:none;
	text-decoration:underline;
}
.header-bar-red {
	font-size: 11pt;
	height: 24px;
	padding-top:-1px;
  background: #333333;
	color:#fefefe;
}
.header-bar-red a:link, .header-bar-red a:visited, .header-bar-red a:active {
	color: #fefefe;
	border:none;
	outline:none;
	text-decoration:underline;
}
.header-bar-red a:hover {
	color: #fefefe;
	border:none;
	outline:none;
	text-decoration:none;
}
.header-bar-red-front {
	font-size: 11pt;
	height: 6px;
	padding-top:-1px;
  background: #333333;
	color:#fefefe;
}
.header-bar-front {
	font-size: 11pt;
	height: 6px;
	padding-top:-1px;
  background: #333333;
	color:#fefefe;
}

#container-main {
	width:1000px;
	margin:0 auto;
	color:#383838;
	height:100%;
}
fieldset {
    border: 0;
}
div.section.divider {
	font-family: "Open Sans", Verdana, Arial, sans-serif;
	text-decoration: none;
	font-size: 10pt;
	width: 100%;
	height: 10px;
	border-top: 1px solid #cccccc;
	text-align: center;
	margin-top: 0px;
	margin-bottom: 20px;
}
div.section.divider.single {
	border-top: 1px solid #cccccc;
	margin-top: 150px;
}
div.section.divider h2 {
	font-family: "Open Sans", Verdana, Arial, sans-serif;
	text-decoration: none;
	font-size: 14pt;
	font-weight: 400;
	color: #686868;
	background-color: #FFF;
	margin-top: -13px;
	width: 200px;
	margin-left: auto;
	margin-right: auto;
	text-transform: uppercase;
}


/*##########################################*/
/* TOP MENU */
/*##########################################*/
  
  *, *:before, *:after {
	box-sizing: border-box;
  }
  
  nav ul {
	list-style: none;
	padding-left: 0;
	margin-top: 0;
	margin-bottom: 0;
  }
  
  .nav {
	width: 1000px;
	background: #cccccc;
	color: #000000;
  }
  .nav a {
	display: block;
	padding: 0 16px;
	line-height: inherit;
	cursor: pointer;
  }
  .nav__menu {
	line-height: 45px;
	font-weight: 700;
	text-transform: uppercase;
  }
  .nav__menu-item {
	display: inline-block;
	position: relative;
  }
  .nav__menu-item:hover {
	color:#ffffff;
	background-color: #F44336;
  }
  .nav__menu-item:hover .nav__submenu {
	display: block;
  }
  .nav__submenu {
	font-weight: 500;
	text-transform: none;
	display: none;
	position: absolute;
	width: 220px;
	background-color: #F44336;
  }
  .nav__submenu-item:hover {
	background: rgba(0, 0, 0, 0.1);
  }


/*##########################################*/
/* LINK STYLING FOR MENU ONLY */
/*##########################################*/


.menu_left_one a:link, .menu_left_one a:visited
{
    color: #000000;
	background-color:#cccccc;
	padding:8px;
	text-decoration:none;
}
.menu_left_one a:hover, .menu_left_one a:active
{
    color: #ffffff;
	background-color:#F44336;
	padding:8px;
	text-decoration:none;
}

.menu_left_one_contour a:link, .menu_left_one_contour a:visited
{
    color: #ffffff;
	background-color:#000000;
	padding:8px;
	text-decoration:none;
}
.menu_left_one_contour a:hover, .menu_left_one_contour a:active
{
    color: #ffffff;
	background-color:#000000;
	padding:8px;
	text-decoration:none;
}

/*##########################################*/
/* LINK STYLING FOR EVERYTHING ELSE */
/*##########################################*/

.shadedlink a:link, .shadedlink a:visited, .shadedlink a:active
{
	background-color:#cccccc;
	padding-left:3px;
	padding-right:3px;
	text-decoration:none;
}
.shadedlink a:hover
{
	background-color:#cccccc;
	padding-left:3px;
	padding-right:3px;
	text-decoration:underline;
}

.blue a:link, .blue a:visited, .blue a:active
{
	background-color:blue;
	text-decoration:none;
}
.blue a:hover
{
	background-color:blue;
	text-decoration:underline;
}
.menu_left_three a:link, .menu_left_three a:visited, .menu_left_three a:active
{
    color: #000000;
	background-color:#f0f0f0;
	padding:3px;
	text-decoration:none;
}
.menu_left_three a:hover
{
    color: #ffffff;
	background-color:#000000;
	padding:3px;
	text-decoration:none;
}
.notam a:link, .notam a:visited
{
    color: #ffffff;
	background-color:#EE3030;
	padding:8px;
	text-decoration:none;
}
.notam a:hover, .notam a:active
{
    color: #ffffff;
	background-color:#000000;
	padding:8px;
	text-decoration:none;
}


/*##########################################*/
/* HOME NEWS STYLING */
/*##########################################*/


.newstitle {
	font: 19px "Open Sans", Verdana, Arial, sans-serif;
	padding-left:16px;
}
.newsdate {
	font: 13px "Open Sans", Verdana, Arial, sans-serif;
	padding-left:26px;
}
.news {
	padding-left:38px;
	padding-right:20px;
}


/*##########################################*/
/* PRIMARY STYLING */
/*##########################################*/


.text {
	padding-right:20px;
}
.content
{
	font-family: "Open Sans", Verdana, Arial, sans-serif;
	text-decoration: none;
	font-size: 11pt;
	color: #686868;
	float:right;
	width:850px;
    padding-bottom: 19px;
	padding-top:20px;
}
.speciallink a:link, .speciallink a:visited, .speciallink a:active
{
    color: #686868;
	text-decoration:none;
}
.speciallink a:hover
{
    color: #686868;
	text-decoration:underline;
}
.menu_left {
	width:150px;
	float:left;
	padding-top:8px;
}
.menu_left_one {
	font-family: "Open Sans", Verdana, Arial, sans-serif;
	text-decoration: none;
	font-size: 10pt;
	word-spacing:16px;
	color: #989898;
}
.menu_head {
	font: 14px "Open Sans", Verdana, Arial, sans-serif;
	padding-left:4px;
}
.menu_foot {
	font: 13px "Open Sans", Verdana, Arial, sans-serif;
	padding-left:4px;
}
.menu_left_three {
	font: 14px "Open Sans", Verdana, Arial, sans-serif;
}
table.sortable thead {
	font-family: "Open Sans", Verdana, Arial, sans-serif;
	text-decoration: none;
	font-size: 10pt;
    background-color:#eee;
    color:#666666;
    font-weight: bold;
    cursor: default;
}


/*##########################################*/
/* HEADINGS */
/*##########################################*/


h1, h2, h3, h4, h5, h6
{
    font: 1.5em "Open Sans", Verdana, Arial, sans-serif;
    color: #666666;
    text-transform: none;
    margin-bottom: 0px;
}

h1
{
    font-size: 1.6em;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

h2
{
    font-size: 1.5em;
}

h3
{
    font-size: 1.2em;
}

h4
{
    font-size: 1.1em;
}

h5, h6
{
    font-size: 1em;
}
input {
	font-family: "Open Sans", Verdana, Arial, sans-serif;
	font-size: 8pt;
}
input.ucase {
	text-transform: uppercase;
}
.rules
{
	color:#ffffff;
	background-color:#E80000;
	text-align:left;
	padding-left:40px;
}
.dropv, .dropv ul {padding: 0; margin: 0; list-style: none;}
.dropv a {display: inline; width: 170px;}
.dropv li {float: center; padding: 0px 8px 2px 0px;}  /* all list items */
.dropv li ul {position: absolute; background: #ffffff;
  padding: 0px 0px 0px 4px; width: 170px; left: -9999px;} /* second-level lists */
.dropv li:hover ul {left: auto; } /* nest list under hovered list items */
.dropv li ul li a {color: #ffffff; text-decoration: none; display: block;}
.dropv li ul li a:hover {color: black; background:#ffffff;}


/*##########################################*/
/* TABBED INTERFACE */
/*##########################################*/


.footer {
	font-family: "Open Sans", Verdana, Arial, sans-serif;
	font-size: 10pt;
	width: 100%;
    clear: both;
    position: relative;
    height:40px;
    bottom:0px;
	text-align: center;
	background-color: #e3e3e3;
}
.footer a:link, .footer a:visited, .footer a:active
{
    color: #383838;
	text-decoration:underline;
}
.footer a:hover
{
    color: #787878;
	text-decoration:underline;
}
.button {        
    display: inline-block;
    white-space: nowrap;
    background-color: #ccc;
    background-image: linear-gradient(top, #eee, #ccc);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#eeeeee', EndColorStr='#cccccc');
    border: 1px solid #777;
    padding: 0 .9em;
    margin: 0.2em;
    font: bold 1em/1.2em Arial, Helvetica;
    text-decoration: none;
    color: #333;
    text-shadow: 0 1px 0 rgba(255,255,255,.8);
    border-radius: .2em;
    box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);
}

.button:hover {
    background-color: #ddd;        
    background-image: linear-gradient(top, #fafafa, #ddd);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#fafafa', EndColorStr='#dddddd');        
}

.button:active {
    box-shadow: 0 0 4px 2px rgba(0,0,0,.3) inset;
    position: relative;
    top: 1px;
}

.button:focus {
    outline: 0;
    background: #fafafa;
}    

.button:before {
    background: #ccc;
    background: rgba(0,0,0,.1);
    float: left;        
    width: 1em;
    text-align: center;
    font-size: 1.5em;
    margin: 0 1em 0 -1em;
    padding: 0 .2em;
    box-shadow: 1px 0 0 rgba(0,0,0,.5), 2px 0 0 rgba(255,255,255,.5);
    border-radius: .15em 0 0 .15em;
    pointer-events: none;        
}

/*##########################################*/
/* Hexadecimal entities for the icons */
/*##########################################*/

.add:before {
    content: "\271A";
}

.edit:before {
    content: "\270E";        
}

.delete:before {
    content: "\2718";        
}

.save:before {
    content: "\2714";        
}

.email:before {
    content: "\2709";        
}

.like:before {
    content: "\2764";        
}

.next:before {
    content: "\279C";
}

.star:before {
    content: "\2605";
}

.spark:before {
    content: "\2737";
}

.play:before {
    content: "\25B6";
}
#hoverbutton {
    background:#FFF;
    position:relative;
    display:block;
}
#two {
    background: none repeat scroll 0 0 #EEEEEE;
    border: 1px solid #DADADA;
    color: #333333;
    overflow:hidden;
    left: 0;
    line-height: 20px;
    position: absolute;
    top: 30px;
}
.popupBox {
    visibility:hidden;
    opacity:0;
    -webkit-transition:visibility 0s linear 0.3s, opacity 0.3s linear;
    -moz-transition:visibility 0s linear 0.3s, opacity 0.3s linear;
    -o-transition:visibility 0s linear 0.3s, opacity 0.3s linear;
    transition:visibility 0s linear 0.3s, opacity 0.3s linear;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition:all 0.4s ease;
    transition: all 0.4s ease;
    -webkit-transition-delay: 1s;
    -moz-transition-delay: 1s;
    -o-transition-delay:1s;
    transition-delay: 1s;
}
.popupHoverElement:hover > .popupBox {
    visibility:visible;
    opacity:1;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
}