.labelFont {font-size: 9pt; vertical-align: middle!important; margin-bottom: 5px!important; padding-top: 6px; }
.labelFont-bold {font-size: 9pt; vertical-align: middle!important; margin-bottom: 5px!important; padding-top: 6px; font-weight: 600;}
.labelFont-standard {font-size: 9pt; vertical-align: middle!important; margin-bottom: 5px!important; padding-top: 6px; font-weight: normal;}
.label-min-padding {padding: 7px 1px!important;}
.titleFont-sm {font-size: 8pt; vertical-align: top!important; }
.alertFont {font-size: 9pt; vertical-align: middle!important; font-weight: bold; }/*margin-bottom: 5px!important; padding-top: 6px;*/
.tabFont   {font-size: 9pt!important; vertical-align: middle!important; font-weight: bold; }
.standardFont {font-size: 9pt; vertical-align: middle!important; font-weight: normal;}
.alert {margin-bottom: 3px!important; padding: 8px!important;}
.spaced {margin-bottom: 10px;}
.spaced-sm {margin-bottom: 5px;}
.close {line-height: 0.7!important;}
.panel {margin-bottom: 0!important;}
.panel-body {padding: 5px!important;}
.container-fluid {padding: 0 5px!important; /*max-width: 1020px;*/}
.min-padding {padding: 1px 4px!important;}
.min-padding-5 {padding: 0 5px!important;}
.min-padding-all {padding: 4px 4px!important;}
.min-left-right-padding {padding-left: 3px!important; padding-right: 3px!important;}
.row {margin: 0!important;}
.no-left-padding {padding-left: 0!important;}	
.no-right-padding {padding-right: 0!important;}
.form-control {font-size: 10pt!important; height: 32px!important;font-weight: normal!important; color: #111!important;}
.no-top-padding {padding-top: 0!important; margin-top: 0!important; margin-bottom: 0!important; padding-bottom: 0!important;}
.no-top-margin {margin-top: 0!important;}
.no-padding {padding: 0!important;}
.push-down {margin-top: 8px!important;}
.span-raise-up {margin-top: -4px; display: block;}
.whiteBg {background-color: #FFF;}
.well {background-color: #D8EDD0!important; padding: 10px!important;background-image: linear-gradient(to bottom, #D8EDD0 0px, #f5f5f5 100%)!important; min-height: 35px;}
textarea.form-control 
{
	height: auto!important;
}
.standardFont {vertical-align: top!important;}
	.dataTables_wrapper {
	  /*display: inline-block;*/
	  font-size: 10pt!important;
	}
/*Tooltips*/
.white-tooltip + .tooltip > .tooltip-inner {background-color: #555; color: #FFF; text-align: left; border-color: #444;}
.white-tooltip + .tooltip > .tooltip-arrow { border-bottom-color:#555; color: #FFF;  text-align: left;}
.requiredField {font-weight: bold; line-height: 10px;}
.dropdown-menu {color: #111; font-size: 12px; line-height: 1.3;}
.navbar-inverse .navbar-nav > li > a {color: #DDD;}

.tabs .tab-content {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: -moz-use-text-color #ddd #ddd;
    border-image: none;
    border-style: none solid solid;
    border-width: medium 1px 1px;
    padding: 1em 1em 0 1em;
}

.titleTD {padding: 13px 13px 13px 16px!important; background-color: #D0E9F5; color: #31708f;  font-size: 12pt;}

.small-title {text-align: right; padding-right: 8px!important;}

.text-right {text-align: right!important;}

.date-field {width: 120px;}

.number-field {width: 100px;}

.ref-field {width: 140px;}

.rfTop {line-height: 0.5!important;}

.give-space {margin-right: 20px;}

.display-menu {
    text-decoration: none!important;
    color: #333!important;
}

.sub-heading {
    background-color: #DFF0D8;
    color: #5A763D;
    padding: 5px;
}

.navbar-inverse {
    background-color: #232324!important;
    border-color: #232324;
}

body {
    font-size: 11pt;
    font-family: "roboto", sans-serif!important;
    color: #666;
}

h1, .h1 {
  color: #006ab8!important;  
}

h4, .h4 {
  color: #95ac52!important;  
}

h2, h3, h5, h6, .h2, .h3, .h5, .h6 {
    color: #b36200!important;
}

a.menu-page {
    text-decoration: none;
    vertical-align: middle;
    text-align: left;
    line-height: 1.9;
    color: #c87e1e;
}

a:hover.menu-page {
    border-bottom: 3px solid #b36200;
}

.menu-div {
    vertical-align: middle;
    text-align: left;
    padding: 12px;
}

.panel {
    box-shadow: none;
}

.panel-title {
    color: #fff!important;
}

/*.navbar-collapse {
    padding-left: 10px!important;
    padding-right: 10px!important;
}*/

/*.navbar-nav > li > a {
    padding: 7px 8px;*/
    /*padding-top: 0px;
    padding-bottom: 10px;*/
/*}*/
/*.navbar-brand {
    padding: 6px;
    padding-top: 15px;
    padding-bottom: 5px;
}*/

nav ul li {
    background-color: #FFF;
    display: inline-block;
    float: none;
    margin: 0;
    position: relative;
    width: auto;
    a:focus: ;
    /*min-width: 250px;*/
    /*z-index: 2;  */
}


nav ul li ul {
    z-index: 10;
    min-width: 170px;
}

nav ul li ul li {
    /*width: 200px!important; */
    text-align: left; z-index: 10; 
    display: inline; 
    background-color: ##555!important; 
    opacity: 1;*
    /* border: 1px solid #333!important; */
}

nav ul li a {
    color: #333!important;
    text-decoration: none; 
    font-family: 'Open Sans', sans-serif; 
    font-size: 12pt!important; 
    font-weight: normal; 
    /*text-transform: uppercase;*/
    text-decoration: none!important;
    background-color: #FFF!important;
    padding: 10px 10px!important;
    text-align: left!important;
    background-color: #FFF; 
    border-radius: 0;
    /*z-index: -1!important;*/
}

nav ul li a:hover, a:active, a:visited:active {
    background-color: #CCC!important;
}

nav ul li a.hovered {
    background-color: #CCC!important;
}

nav ul li ul li a {
    color: #333!important;
    text-decoration: none; 
    font-family: 'Open Sans', sans-serif; 
    font-size: 11pt; 
    font-weight: normal; 
    text-transform: none;
    text-decoration: none!important;
    background-color: #DDD!important;
    padding: 5px 10px!important;
}

nav ul li ul li a:hover, a:active, a:visited {
    background-color: #CCC;
}

#header {
    width: 100%;
    padding: 0!important;
}

@media (max-width: 768px)
{
    .tiwi-title {
        margin-left: 0!important; 
        font-size: 20px!important;
    }

    #admin-menu {
        display: none;
    }

    nav ul li {
        display: block!important;
        float: left!important;
        width: 100%;
    }

    nav ul li ul li {
        display: block!important;
        float: none!important;
    }

    nav ul {
        margin-left: 10px!important;
        width: 90%!Important;
    }

    a.toggleMenu{ padding:10px; margin:40px 30px 0 10px; text-decoration:none;
    -webkit-border-radius: 0;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 0;
    color: #eee;
    background-color:#232324;
    /*margin-top:20px;*/
    font-size: 13pt;
    width: 90%;
    }

    span.touch-btn{ 
        display:inline; 
        float:right; 
        transition:all .2s ease; 
        -webkit-transition:all .2s ease;
        background-color:#333;
        color: #FFF;
        width:25px;
        height:25px;
        margin:-2px 0 0 0px;
        padding:2px;
        -webkit-border-radius: 30px;
        border-radius: 30px;
        text-align:center;
        font-family:arial, sans-serif;
        font-size:14px;
        display:block;
        overflow:hidden;
        background-position:50% 3px;
        /* comment these lines to change the +/- to an arrow (see also comments below)*/
        /*text-indent:-9999px;
        background:url(../_images/plus-minus.gif) no-repeat 50% 2px #666; */
    }
}

.active-parent a {
    background-color: #666!important;
}

.btn-primary  {
    background-color:#337ab7!important;
}

.btn-primary:hover {
    background-color: #286090!important;
}
/*width: 200px; text-align: left; z-index: 100; display: inline; background-color: ##555!important; opacity: 1;*/

#artstrip {
    background-image: url("images/banner/art-strip-narrow.gif");
    width: 100%;
    height: 35px;
    background-repeat: repeat;
}

.clearfix {
    clear: both;
}

#birdListing div.col-sm-4 {
    padding: 8px;
}

.remove-top-borders {
    border-top: 1px solid #FFF!important;
    border-left: 1px solid #FFF!important;
    border-right: 1px solid #FFF!important;
}

.remove-all-borders {
    border: 1px solid #FFF!important;
}

textarea.ta-form-control 
{
	resize: vertical!important;
    display: inline-block!important;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #555;
    display: block;
    font-size: 14px;
    height: 34px;
    line-height: 1.42857;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 100%;
    height: auto;
}

#form-table td {
    padding: 8px;
}

.dd-form-control {
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #555;
    display: inline-block;
    font-size: 14px;
    height: 34px;
    line-height: 1.42857;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
}

@media (max-width: 768px)
{
    .responsive-video {
        position: relative;
        padding-bottom: 56.25%;
        padding-top: 60px; overflow: hidden;
    }

    .responsive-video iframe,
    .responsive-video object,
    .responsive-video embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
}

.red-border {
    border-color: red;
}

.white-text {
    color: #FFFFFF!important;
}

.btn-info{
    color: #fff;
    background-color: #5bc0de !important;
}

.no-underline {
    text-decoration: none!important;
}

@font-face{
    font-family:"Ainslie W05 Norm Regula5313478";
    src:url("Fonts/Ainslie/5313478/b97b608e-2562-44aa-b9c2-8b4be263fc99.eot?#iefix");
    src:url("Fonts/Ainslie/5313478/b97b608e-2562-44aa-b9c2-8b4be263fc99.eot?#iefix") format("eot"),url("Fonts/Ainslie/5313478/6d1d2bc5-f272-4ec1-8d26-e16ae94bf0c0.woff2") format("woff2"),url("Fonts/Ainslie/5313478/86f7e8fc-264b-43d7-9fe9-b7a5c6556552.woff") format("woff"),url("Fonts/Ainslie/5313478/9059d361-7cbc-41c5-9322-c04fdf04c303.ttf") format("truetype");
}

.asrac-h1 {
    font-family: 'Ainslie W05 Norm Regula5313478', 'Helvetica', 'Arial', sans-serif !important;
    font-size: 40pt;
    color: #252525;
    font-weight: bold;
    font-variant-ligatures: common-ligatures;
    margin-top: 0;
    background: url(/images/asrac/dots-line.png) 0 bottom repeat-x;
    padding-bottom: 20px;
    margin-bottom: 12px;
}

.asrac-h2 {
    font-family: 'Ainslie W05 Norm Regula5313478', 'Helvetica', 'Arial', sans-serif !important;
    font-size: 32pt;
    color: #252525;
    font-weight: bold;
    font-variant-ligatures: common-ligatures;
    margin-top: 0;
    padding-bottom: 20px;
    margin-bottom: 12px;
}

.asrac-h3 {
    font-family: 'Ainslie W05 Norm Regula5313478', 'Helvetica', 'Arial', sans-serif !important;
    font-size: 24pt;
    color: #252525;
    font-weight: normal;
    line-height: 1.1;
    font-variant-ligatures: common-ligatures;
    margin-top: 0;
    padding-bottom: 0;
    margin-bottom: 0;
}

.ainslie-font {font-family: 'Ainslie W05 Norm Regula5313478', 'Helvetica', 'Arial', sans-serif !important;}

html,body {
    height:100%;
    font-family: 'Open Sans', 'Helvetica', 'Arial', sans-serif !important;
}

#ranger-logos a.feature {
    text-align: center;
}
.feature:not(.boxed) {
    margin-bottom: 60px;
}
a.feature {
    display: block;
    text-decoration: none;
    font-weight: normal;
    color: #666666;
}

@media all and (min-width: 768px) {
.mt--1 {
margin-top: 1.85714286em;
}
.mt--2 {
margin-top: 3.71428571em;
}
.mt--3 {
margin-top: 5.57142857em;
}
.mb--1 {
margin-bottom: 1.85714286em;
}
.mb--2 {
margin-bottom: 3.71428571em;
}
.mb--3 {
margin-bottom: 5.57142857em;
}
}