body {

  padding-bottom: 20px;
  background: none repeat scroll 0 0 #3d3c3c;
    font-family: "Lucida Grande",Tahoma,Arial,Verdana,sans-serif;
    font-size: small;
    text-align: center;
    left: 0;
    right: 0;
    margin-left: 0;
}
.blank {
	padding-top: 60px;
}

h2 {
	margin-top: 0px;
}

.navbar {
  margin-bottom: 20px;
}

.panel-title {
	color: #FFFFFF;
}

#messageResponse h5 {
	color:black;
}
.tablesorter-filter.disabled {
		display:none;
		opacity: 0;
	}
.has-error input, .has-error select{
	background-color:#ffb5b5;
}

#messageResponse, #messageResponse2, #loadingDiv {
	position:fixed;
	top: 140px;
	left: 50%;
	right: 50%;
	margin:auto;
	width: 300px;
	min-height:40px;
	margin-top:-15px;
	margin-left:-150px;
	z-index: 9999999 !important;
	border-radius: 3px;
}

select{
	color:black;
}
.scrollable-dropdown-menu .tt-dropdown-menu {
  max-height: 150px;
  overflow-y: auto;
}

#location_other, #destination_other { 
	display:none 
}
select:disabled {
    color: #D2D2D2;
}

.well {
	background-color: black;
	border: 1px solid black;
}

.jumbotron {
	/*background-image: url("../img/jumbotron_bg.jpg");*/
	background-image: url('../img/badge.outline.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 600px;
	background-size: 50%;
	background-color: black;
}
.left {
	text-align: left;
}

h1, h2, h3, p {
	color:#f9f9f9;
}
input {
	color: black;
}
li.red, .red span.date, a.red {
    background: none repeat scroll 0 0 #843418;
}
li.green, .green span.date, a.green {
    background: none repeat scroll 0 0 #7B8D78;
}
li.yellow, .yellow span.date, a.yellow {
    background: none repeat scroll 0 0 #A49D4C;
	
}
li.orange, .orange span.date, a.orange {
    background: none repeat scroll 0 0 #A46B29;
}
/*
form li {
    display: block;
}
form li {
    color: #444444;
    display: inline;
    float: left;
    margin-right: 5px;
}
form li.focused {
    background-color: #FFF7C0;
}
form li {
    clear: both;
    color: #444444;
}*/
.single .headline {
    margin-bottom: 1.7em !important;
    text-align: center;
}


#features .red a:hover, #features .green a:hover, #features .yellow a:hover, #features .orange a:hover {
  
    background-repeat: no-repeat;
}
#features .red a:hover {
    background-position: 498px -30px;
}

#features .green a:hover {
    background-position: 498px -122px;
}
#features .yellow a:hover {
    background-position: 498px -214px;
}
#features .orange a:hover {
    background-position: 498px -60px;
}
#features .content {
    clear: both;
    margin: 0 1em;
	
}
#features .content p {
    font-size: 100%;
    line-height: 165%;
}
#features .content li {
    line-height: 160%;
}
#features .content img {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #F0F0F0 #DEDEDE #DEDEDE #F0F0F0;
    border-style: solid;
    border-width: 1px;
    display: block;
    margin: 0 auto 1.5em;
    padding: 1em;
}
#features .content .inlineImages {
    text-align: center;
}
#features .content .inlineImages img {
    display: inline;
    margin: 0 5px 1.5em;
    padding: 10px;
}
#footer {
	clear: both;
	color: #F5F5F5;
	/*margin: 0 0 3em;*/
	padding-top: 2em;
}
.tablesorter-blackice th, .tablesorter-blackice thead td {
	background-color: #222;
	color: #fff;
}

.tablesorter-blackice {
	font-family: "Lucida Grande",Tahoma,Arial,Verdana,sans-serif;
	font-size: small;
	text-align: center;
}
.tablesorter-blackice tbody > tr:hover > td, .tablesorter-blackice tbody > tr.even:hover > td, .tablesorter-blackice tbody > tr.odd:hover > td {
	background: #1a1a1a none repeat scroll 0 0;
}
.tablesorter-blackice td {
    background-color: black;
    color: #fff;
    padding: 4px;
    vertical-align: middle;
}
.tablesorter-blackice tr > td {
    border-top: 2px solid #999;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
	background-color: #000;
	color: #fff;	
}

a {
   outline: 0;
}

.nav > li > a:focus, .nav > li > a:hover {
	background-color: #222;
}

/*#footer ul {
    list-style: none outside none;
    margin: 0 auto;
    padding: 0;
}
#footer li {
    border-bottom: 1px solid #DEDEDE;
    border-bottom-right-radius: 30px;
    border-right: 1px solid #DEDEDE;
    float: left;
    margin-left: 13px;
}
#footer a {
    border: 10px solid #FFFFFF;
    border-bottom-right-radius: 30px;
    border-top-left-radius: 30px;
    color: #FFFFFF;
    font-size: 85%;
    padding: 15px 0;
    text-align: center;
    text-decoration: none;
    width: 150px;
}*/
a:hover {
   
    color: #00BFFF;
}
.no-dec {
	text-decoration: none;
	list-style: none;
}

.center {
	margin: auto;
	/*width: 60%;*/
}

span.date {
    color: #FFFFFF;
    display: block;
    font-weight: bold;
    position: absolute;
    text-align: center;
    z-index: 1;
}
.red a:hover, a.red:hover {
    background: none repeat scroll 0 0 #5E2510;
    color: #FFFFFF;
	opacity:0.98;
	filter:alpha(opacity=98);
}
.green a:hover, a.green:hover {
    background: none repeat scroll 0 0 #4F5C4E;
    color: #FFFFFF;
	opacity:0.98;
	filter:alpha(opacity=98);
}
.yellow a:hover, a.yellow:hover {
    background: none repeat scroll 0 0 #777237;
    color: #FFFFFF;
	opacity:0.98;
	filter:alpha(opacity=98);
}
.orange a:hover, a.orange:hover {
    background: none repeat scroll 0 0 #7D511E;
    color: #FFFFFF;
}
.single .headline a {
    background: none repeat scroll 0 0 #557F2B;
    border-bottom: 1px solid #314F14;
    color: #FFFFFF;
    padding: 14px 15px 0 !important;
}

li.red, .red span.date, a.red {
    background: none repeat scroll 0 0 #843418;
}
li.green, .green span.date, a.green {
    background: none repeat scroll 0 0 #7B8D78;
}
li.yellow, .yellow span.date, a.yellow {
    background: none repeat scroll 0 0 #A49D4C;
	
}
li.orange, .orange span.date, a.orange {
    background: none repeat scroll 0 0 #A46B29;
}
.red a, .red cite strong {
    color: #843418;
	
}
.green a, .green cite strong {
    color: #7B8D78;
}
.yellow a, .yellow cite strong {
    color: #A49D4C;
	
}
span.date {
    color: #FFFFFF;
    display: block;
    font-weight: bold;
    position: absolute;
    text-align: center;
    z-index: 1;
	    
    border-bottom-right-radius: 30px;
    border-top-left-radius: 30px;
    height: 80px;
    margin: 0 0 1em;
    width: 80px;
	font-size: 36px;
}
span.date, span.date {
    border-bottom-right-radius: 15px;
    border-top-left-radius: 15px;
    height: 45px;
    margin: 0;
    width: 45px;
}
 span.date {
    border-bottom-right-radius: 30px;
    border-top-left-radius: 30px;
    height: 80px;
    margin: 0 0 1em;
    width: 80px;
	font-size: 26px;
}
a cite {
    color: #999999;
    display: block;
    font-style: normal;
}
a:hover cite {
    color: #EEEEEE;
}
h3 cite {
    font-size: 50%;
    padding: 3px 0 1em;
}
label em {
    font-weight: normal;
}

* {
    margin: 0;
    padding: 0;
}/*
body {
    
}
h1, h2, h3, h4{
	color: #FFFFFF;
    font-size: 100%;
    font-weight: normal;
}
h1 {
    background: url("") no-repeat scroll 0 0 transparent;
    float: left;
    line-height: 40px;
    text-indent: 30px;
}
* html h1 {
    background-image: none;
} *//*
h1 a {
    color: #FFFFFF;
    font-weight: bold;
    text-decoration: underline;
}
h1 a:hover, h1 a:hover strong, #header a:hover, a:hover {
    color: #00BFFF;
    text-decoration: underline;
}
h1 strong {
    color: #900;
} 
#container {
    margin: 0 auto;
    text-align: left;
    width: 760px;
}
#header {
    margin: 1em 0 0;
    padding: 0;
    width: 100%;
}
#header a {
	text-decoration: none
}*/ 
#nav {
    float: right;
    margin-bottom: 0;
}
#nav li {
    float: left;
    line-height: 40px;
    list-style: none outside none;
    margin: 0 1em;
}
#nav a, a {
    color: #FFFFFF;
    text-decoration: none;
}
.navbar-brand .hl {
	color: #843418;
}

a:hover > .hl {
	color: #c1542c;
}

.dropdown-menu {
	background-color: #222222;
}
.dropdown-menu > li > a {
	color: #fff;
}

.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
	color: #fff;
	background-color: #444;
}

input[type=text]:-moz-read-only { /* For Firefox */
    cursor:not-allowed;
}


* html #features {
    background-image: none;
}/*
#features, .box {
	-moz-border-bottom-colors: none;
	-moz-border-image: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	background-color: #000000;
	border-color: -moz-use-text-color #333333 #333333 -moz-use-text-color;
	border-right: 1px solid #333333;
	border-style: none solid solid none;
	border-width: medium 1px 1px medium;
	float: left;
	position: relative;
	width: 93%;
	height: 20em;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 2em;
	margin-left: 0;
	padding-top: 2em;
	padding-right: 2em;
	padding-bottom: 1em;
	padding-left: 2em;
}*//*
#login {
	-moz-border-bottom-colors: none;
	-moz-border-image: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	background-color: #000000;
	border-style: none none none none;
	float: left;
	position: relative;
	width: 30em;
	height: 5em;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 2em;
	margin-left: 0;
	padding-top: 5em;
	padding-right: 2em;
	padding-bottom: 1em;
	padding-left: 2em;
}*/
#transport, .box {
	/*-moz-border-bottom-colors: none;
	-moz-border-image: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	
	border-color: -moz-use-text-color #333333 #333333 -moz-use-text-color;
	border-right: 1px solid #333333;
	border-style: none solid solid none;
	border-width: medium 1px 1px medium;
	float: left;
	position: relative;*/
	background-color: #000000;
	width: 100%;
	padding-top: 2em;
	padding-right: 2em;
	padding-bottom: 1em;
	padding-left: 2em;
}
#dept, #mylog {
  /*  -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;*/
    border-radius: 6px;
    background-color: #000000;
    /*border-color: -moz-use-text-color #333333 #333333 -moz-use-text-color;
    border-right: 1px solid #333333;
    border-style: none solid solid none;
    border-width: medium 1px 1px medium;*/
    
    margin: 0 0 1.7em;
    padding: 20px 20px 7px;
    position: relative;
    width: 100%;
}

.panel-dark, .modal-dark {
	background-color: black;
	color: #fff;
	
}

.panel > .panel-heading, .panel-footer, .modal > .modal-heading, modal-footer, .modal-content {
    background-image: none;
    background-color: #444;
    color: #fff;
}
.panel > .panel-footer {
    background-image: none;
    background-color: #444;
    border-top: none;
    color: #fff;
}

#mylog {
   /* -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #000000;
    border-color: -moz-use-text-color #333333 #333333 -moz-use-text-color;
    border-right: 1px solid #333333;
    border-style: none solid solid none;
    border-width: medium 1px 1px medium;
    float: right;
    margin: 0 0 0;
    padding: 20px 20px 7px;
    position: relative;
    width: 315px;*/
}

#features .more, #dept .more, #mylog .more{
    bottom: 0;
    margin: 0 15px -12px;
    position: absolute;
    right: 0;
    z-index: 1000;
}
.more {
    background: none repeat scroll 0 0 #222222;
    border: 1px dotted #DEDEDE;
    color: #FFFFFF;
    font-size: 85%;
    font-weight: bold;
    padding: 4px 10px;
    text-decoration: none;
}
a.more:hover {
    background: none repeat scroll 0 0 #669900;
}
#features .headline {
    clear: both;
    margin: 0 0 1em;
	
}
#transport .headline {
    clear: both;
    margin: 0 0 1em;
	
}

#features .red a:hover {
    background-position: 498px -30px;
}

#features .green a:hover {
    background-position: 498px -122px;
}
#features .yellow a:hover {
    background-position: 498px -214px;
}
#features .orange a:hover {
    background-position: 498px -60px;
}
* html a:hover {
    background-image: none !important;
}
#dept .headline, #mylog .headline {
    clear: both;
    margin: 0 0 1em;
}
.single .headline {
    margin-bottom: 1.7em !important;
    text-align: center;
}
h2 {
    border-bottom: 1px dashed #BBBBBB;
    clear: both;
 /*   margin: 0.7em 0 2em;*/
    position: relative;
}
h2 span {
    background: none repeat scroll 0 0 #F5F5F5;
    color: #222222;
    display: block;
    font-weight: bold;
    left: 0;
    margin: -9px 0 0;
    position: absolute;
}
/*h3, h4 {
    position: relative;
}*/
h3 a {
    display: block;
    text-decoration: none;
}
h4 a {
    text-decoration: underline;
}

.staff_photo {
	padding-top: 0px;
}

.tooltip > .tooltip-inner { background-color:#0043b5; }
.tooltip > .tooltip-arrow { border-bottom-color:#0087b4; }

#features h3 a {
    border-bottom-right-radius: 30px;
    border-top-left-radius: 30px;
    font-size: 210%;
    height: 66px;
    padding: 22px 15px 3px 105px;
}
#transport h3 a {
    border-bottom-right-radius: 30px;
    border-top-left-radius: 30px;
    font-size: 210%;
    height: 66px;
    padding: 11px 15px 3px 105px;
}
#features[id] h3 a {
    height: auto;
    min-height: 66px;
}
#dept h3 a, #mylog h3 a {
    border-bottom-right-radius: 15px;
    border-top-left-radius: 15px;
    font-size: 120%;
    height: 34px;
    padding: 6px 7px 5px 60px;
}
#dept[id] h3 a, #mylog[id] h3 a {
    height: auto;
    min-height: 34px;
}
a cite {
    color: #999999;
    display: block;
    font-style: normal;
}
a:hover cite {
    color: #EEEEEE;
}

#transport h3 cite {
    font-size: 50%;
    padding: 3px 0 1em;
}

#features h3 cite {
    font-size: 50%;
    padding: 3px 0 1em;
}
#dept h3 cite, #mylog  h3 cite {
    font-size: 67%;
    margin: 2px 0 0;
}
span.date {
    color: #FFFFFF;
    display: block;
    font-weight: bold;
    position: absolute;
    text-align: center;
    z-index: 1;
}
#features span.date {
    border-bottom-right-radius: 30px;
    border-top-left-radius: 30px;
    height: 80px;
    margin: 0 0 1em;
    width: 80px;
	font-size: 36px;
}
#dept span.date, #mylog span.date {
    border-bottom-right-radius: 15px;
    border-top-left-radius: 15px;
    height: 45px;
    margin: 0;
    width: 45px;
}
#transport span.date {
    border-bottom-right-radius: 30px;
    border-top-left-radius: 30px;
    height: 80px;
    margin: 0 0 1em;
    width: 80px;
	font-size: 26px;
}
.date em {
    display: block;
    font-style: normal;
    font-weight: normal;
    text-transform: uppercase;
}
#features .date {
    font-size: 120%;
}
#features .date em {
    font-size: 130%;
    margin: 15px 0 7px;
}
#dept .date, #mylog .date {
    font-size: 85%;
}
#dept .date em, #mylog .date em {
    font-size: 120%;
    margin: 6px 0 2px;
}
a:hover cite strong {
    color: #FFFFFF;
}
li.red, .red span.date, a.red {
    background: none repeat scroll 0 0 #843418;
}
li.green, .green span.date, a.green {
    background: none repeat scroll 0 0 #7B8D78;
}
li.yellow, .yellow span.date, a.yellow {
    background: none repeat scroll 0 0 #A49D4C;
	
}
li.orange, .orange span.date, a.orange {
    background: none repeat scroll 0 0 #A46B29;
}
.red a, .red cite strong {
    color: #843418;
	
}
.green a, .green cite strong {
    color: #7B8D78;
}
.yellow a, .yellow cite strong {
    color: #A49D4C;
	
}
.orange a, .orange cite strong {
    color: #A46B29;
}
.red a:hover, a.red:hover, a.red:focus {
    background: none repeat scroll 0 0 #5E2510;
    color: #FFFFFF;
	opacity:0.98;
	filter:alpha(opacity=98);
}
.green a:hover, a.green:hover {
    background: none repeat scroll 0 0 #4F5C4E;
    color: #FFFFFF;
	opacity:0.98;
	filter:alpha(opacity=98);
}
.yellow a:hover, a.yellow:hover {
    background: none repeat scroll 0 0 #777237;
    color: #FFFFFF;
	opacity:0.98;
	filter:alpha(opacity=98);
}
.orange a:hover, a.orange:hover {
    background: none repeat scroll 0 0 #7D511E;
    color: #FFFFFF;
}
.single .headline a {
    background: none repeat scroll 0 0 #557F2B;
    border-bottom: 1px solid #314F14;
    color: #FFFFFF;
    padding: 14px 15px 0 !important;
}
.single a cite {
    color: #FFFFFF;
    font-size: 12px !important;
    font-weight: bold;
    line-height: 2em;
}
#other {
    float: right;
    width: 345px;
}
#treehouse img {
    border: medium none;
}
#other a {
    text-decoration: none;
}
#wufoo {
    border-bottom: 1px solid #DEDEDE;
    border-right: 1px solid #DEDEDE;
    display: block;
    margin-bottom: 0.7em;
}
#wufoo img {
    border: 10px solid #FFFFFF;
    display: block;
}
#footer {
	clear: both;
	color: #F5F5F5;
	margin: auto; 
	padding-top: 2em;
}
/*#footer ul {
    list-style: none outside none;
    margin: 0 auto;
    padding: 0;
}
#footer li {
    border-bottom: 1px solid #DEDEDE;
    border-bottom-right-radius: 30px;
    border-right: 1px solid #DEDEDE;
    float: left;
    margin-left: 13px;
}
#footer a {
    border: 10px solid #FFFFFF;
    border-bottom-right-radius: 30px;
    border-top-left-radius: 30px;
    color: #FFFFFF;
    font-size: 85%;
    padding: 10px;
    text-align: center;
    text-decoration: none;
    width: 150px;
}
#footer a:hover {
    background: none repeat scroll 0 0 #669900;
    font-weight: bold;
}*/
#features .content {
    clear: both;
    margin: 0 1em;
	
}
.doc .content {
    margin: 0 !important;
}
.doc h3 {
    margin-top: 0 !important;
}
p {
    margin: 0 0 1.2em;
}
#features .content p {
    font-size: 100%;
    line-height: 165%;
}
#features .content li {
    line-height: 160%;
}
#features .content img {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #F0F0F0 #DEDEDE #DEDEDE #F0F0F0;
    border-style: solid;
    border-width: 1px;
    display: block;
    margin: 0 auto 1.5em;
    padding: 1em;
}
#features .content .inlineImages {
    text-align: center;
}
#features .content .inlineImages img {
    display: inline;
    margin: 0 5px 1.5em;
    padding: 10px;
}
.photo {
    float: right;
    font-size: 85%;
    margin: 0 0 10px 10px;
    text-align: center;
}
.photo a {
    color: #222222;
    font-weight: bold;
    text-decoration: none;
}
.photo a:hover {
    color: blue;
    text-decoration: underline;
}
.content h3 {
    border-bottom: 1px dotted #CCCCCC;
    font-size: 140%;
    margin: 1.5em 0 0.7em;
    padding-bottom: 0.3em;
}
.content cite {
    color: #222222;
    display: block;
    font-style: normal;
    margin: 0 0 1em;
}
.content a:hover {
   color: #00BFFF;
   text-decoration: underline;
}
ul, ol {
    margin: 0 0 1em 1em;
    padding: 0 0 0 1em;
}
.commentlist ul, ol {
    margin: 0 0 11px 11px !important;
    padding: 0 0 0 11px !important;
}
blockquote {
    background-color: #F5F5F5;
    border: 1px solid #DEDEDE;
    color: #222222;
    line-height: 160%;
    margin: 0 1.2em 1.5em;
}
blockquote cite {
    font-size: 100%;
    font-weight: bold;
}
pre {
    background-color: #111111;
    border: 1px solid #666666;
    color: #FFFFFF;
    margin: 1em 1em 1.4em;
    opacity: 0.99;
    overflow: auto;
}
blockquote {
    padding: 1.2em 1.5em 0.2em;
}
pre {
    font-size: 125%;
    padding: 1.4em;
}
.commentlist pre {
    font-size: 100% !important;
}
.navigation {
    background: none repeat scroll 0 0 #EEEEEE;
    clear: both;
    height: 30px;
    margin: 0 0 1em;
}
.navigation .rt {
    float: right;
}
.navigation .rt a {
    border-bottom-right-radius: 15px;
    border-left: 1px dotted #CCCCCC;
    border-top-right-radius: 15px;
}
.navigation .lt a {
    border-bottom-left-radius: 15px;
    border-right: 1px dotted #CCCCCC;
    border-top-left-radius: 15px;
}
.navigation a {
    background: none repeat scroll 0 0 #222222;
    color: #EEEEEE;
    display: block;
    float: left;
    font-size: 85%;
    line-height: 30px;
    text-align: center;
    text-decoration: none;
    width: 80px;
}
.navigation a:hover {
    background: none repeat scroll 0 0 #669933;
    color: #FFFFFF;
    font-weight: bold;
}
#comments {
    border-bottom: 1px dashed #CCCCCC;
    font-size: 100%;
    text-align: left;
}


#comments span {
    left: 50%;
    margin: -15px 0 0 -125px;
    width: 250px;
}
#comments strong {
    color: #669933;
}
.commentlist {
    border-top: 1px solid #F5F5F5;
    clear: both;
    list-style: none outside none;
    margin: 0 10px 0 0;
    padding: 0;
}
.commentlist:after, .notice:after, #footer ul:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
* html .commentlist, * html .notice, * html #footer ul {
    height: 1%;
}
.commentlist, .notice, #footer ul {
    display: block;
}
.commentlist li {
    border-bottom-right-radius: 15px;
    border-top-left-radius: 15px;
    clear: right;
    color: #FFFFFF;
    float: right;
    margin: 0 0 1em;
    padding: 15px 15px 7px;
    width: 329px;
}
.commentlist li li {
    margin: 0 0 5px;
    padding: 0 15px 0 0;
}
.commentlist li.alt {
    clear: left;
    float: left;
    margin-left: 10px;
}
.commentlist li a {
    color: #FFFFFF;
}
.commentlist cite {
    border-bottom: 1px dotted #CCCCCC;
    display: block;
    font-size: 110%;
    font-style: normal;
    margin: 0 0 1em;
    padding: 0 0 0.4em;
}
.commentlist cite a {
    font-weight: bold;
    text-decoration: none;
}
.commentlist {
    font-size: 85%;
    line-height: 150%;
}
#commentform {
    background-color: #FBFFCF;
    border: 1px solid #CCCCCC;
    margin: 20px 30px 2em;
}
label em {
    font-weight: normal;
}
#features p em {
    background-color: #FFFBCF;
    font-style: normal;
}
#features p code, .commentlist p code {
    font-size: 115%;
}
.comment-timeout {
    display: none;
}
.notice {
    background-color: #FBFFCF;
    border: 1px solid #EBEFC2;
}
#features .notice {
    margin: 25px 0 15px;
    padding: 12px 15px;
}
.notice h3 {
    color: #843418;
    font-size: 120%;
    font-weight: bold;
    margin: 0.4em 0 0.3em;
}
.notice img {
    border: 1px solid #EBEFC2;
    float: left;
    margin: 0 1em 0 0;
}
.center {
    text-align: center;
}
table {
    background: none repeat scroll 0 0 #000000;
    border: 0px solid #333333;
    margin: 4px auto 1.3em;
}
table.left {
    margin-left: 0;
    margin-right: 0;
}
td {
   
	background-color: #000000;
	text-align: left;
}
thead td {
/*    background-color: #F5F5F5;
    font-weight: bold;
    padding-right: 1em;*/
}
tbody td {
    border-top: 1px solid #666666;
}
tfoot td {
 /*   background: none repeat scroll 0 0 #EEEEEE;
    border-top: 1px solid #CCCCCC;
    color: #222222;
    font-weight: bold;
    text-align: center;*/
}
.ptad {
    display: block;
    text-align: center;
}
.ptad img {
    background-color: #FFFFFF;
    margin-top: 0;
}
.buttons a, button {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #F5F5F5;
    border-color: #EEEEEE #DEDEDE #DEDEDE #EEEEEE;
    border-right: 1px solid #DEDEDE;
    border-style: solid;
    border-width: 1px;
    color: #333333;
    cursor: pointer;
    display: block;
    float: left;
    font-size: 100%;
    font-weight: bold;
    line-height: 130%;
   /* margin: 0 7px 0 0; removed for button nav in transport.create */
    padding: 5px 10px 6px 7px;
    text-decoration: none;
}
button {
    font-family: "Lucida Grande",Tahoma,Arial,Verdana,sans-serif;
    font-weight: bold;
    overflow: visible;
    padding: 4px 10px 3px 7px;
    width: auto;
}
button[type] {
    /*line-height: 17px;
    padding: 5px 10px 5px 7px;
    width: auto;*/
}
.btn-toolbar {
	text-align: center;
}
:first-child + html button[type] {
    padding: 4px 10px 3px 7px;
}
button img, .buttons a img {
    border: medium none !important;
    display: inline !important;
    height: 16px;
    margin: 0 3px -3px 0 !important;
    padding: 0 !important;
    width: 16px;
}
.buttons a:hover {
    background-color: #DFF4FF;
    border: 1px solid #C2E1EF;
    color: #336699;
}
.buttons a:active {
    background-color: #6299C5;
    border: 1px solid #6299C5;
    color: #FFFFFF;
}
button.positive, .buttons a.positive {
    color: #529214;
}
.buttons a.positive:hover, button.positive:hover {
    background-color: #E6EFC2;
    border: 1px solid #C6D880;
    color: #529214;
}
.buttons a.positive:active, td.positive {
    background-color: #529214;
    border: 1px solid #529214;
    color: #FFFFFF;
}
.buttons a.negative, button.negative {
    color: #D12F19;
}
.buttons a.negative:hover, button.negative:hover {
    background: none repeat scroll 0 0 #FBE3E4;
    border: 1px solid #FBC2C4;
    color: #D12F19;
}
.buttons a.negative:active, td.negative {
    background-color: #D12F19;
    border: 1px solid #D12F19;
    color: #FFFFFF;
}
object {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #F0F0F0 #DEDEDE #DEDEDE #F0F0F0;
    border-style: solid;
    border-width: 1px;
    display: block;
    margin: 0 auto;
    padding: 15px;
} 
/*form ul {
    border: 1px solid #FFFFFF;
    list-style-type: none;
    margin: 0;
    padding: 0.8em 1em 0 1.3em;
    position: relative;
}
form li {
    display: inline-block;
    line-height: 2em;
    margin: 0;
    padding: 1px 0 6px;
}
form li:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
* html form li {
    height: 1%;
}
form li {
    display: block;
}
form li div {
    color: #444444;
    display: inline;
    float: left;
    margin-right: 5px;
}
form li.focused {
    background-color: #FFF7C0;
}
form li p {
    clear: both;
    color: #444444;
    font-size: 9px;
    line-height: 13px;
}
form li div.left {
    width: 48%;
}
form li div.right {
    width: 48%;
}
form li div.left .medium, form li div.right .medium {
    width: 100%;
}
.clear {
    clear: both;
}
form li div p {
    margin-bottom: 3px;
}
form li img.icon {
    float: left;
    margin: 0.35em 5px 0 0;
}
form li.section {
    border-top: 1px dotted #CCCCCC;
    margin-top: 9px;
    padding-bottom: 0;
    padding-top: 13px;
}
form ul li.first {
    border-top: medium none;
    margin-top: 0;
    padding-top: 1px;
}
form .section h3 {
    font-size: 110%;
    line-height: 130%;
    margin: 0 0 2px;
}
form .section p {
    font-size: 85%;
    margin: 0 0 1em;
}*/
.button {
    cursor: pointer;
}
.buttons {
    clear: both;
    font-size: 100%;
    margin: 10px 0 20px;
    padding: 0;
    text-align: center;
}
.buttons .button {
    cursor: pointer;
    font-size: 120%;
    padding: 0 10px;
}
.footer {
    line-height: 40px;
    padding-top: 5px;
}
.footer a {
    text-decoration: none;
}
.footer a:hover {
    text-decoration: underline;
}
label.desc {
    border: medium none;
    color: #444444;
    display: block;
    font-size: 95%;
    font-weight: bold;
    line-height: 125%;
    padding: 4px 4px 1px 0;
}
input.text, textarea.textarea, select.select {
	color: #333333;
	font-size: 100%;
	background-attachment: scroll;
	background-color: #FFFFFF;
	background-image: url(/images/fieldbg.gif);
	background-repeat: repeat-x;
	background-position: center top;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #7C7C7C;
	border-right-color: #C3C3C3;
	border-bottom-color: #DDDDDD;
	border-left-color: #C3C3C3;
}
input.text {
    padding: 2px 0;
}

.well {
	padding-bottom: 1em;
}
input.currency {
    text-align: right;
}
input.checkbox, input.radio {
    display: block;
    height: 13px;
    line-height: 1.4em;
    margin: 8px 0 0 3px;
    width: 13px;
}


label.choice {
    color: #444444;
    display: block;
    font-size: 100%;
    line-height: 1.4em;
    margin: -19px 0 0 25px;
    padding: 4px 0 5px;
    width: 90%;
}
textarea.textarea {
    font-family: "Lucida Grande",Tahoma,Arial,Verdana,sans-serif;
    margin-top: 1px;
}
select.select {
    margin: 1px 0;
    padding: 1px 0 0;
}
select.select[class] {
    margin: 0;
    padding: 1px 0;
}
.third {
    width: 32% !important;
}
.half {
    width: 48% !important;
}
.full {
    width: 100% !important;
}
input.small, select.small {
    width: 25%;
}
input.medium, select.medium {
    width: 50%;
}
input.large, select.large, textarea.textarea {
    width: 99%;
}
input.tags {
    width: 315px;
}
textarea.small {
    height: 5.5em;
}
textarea.medium {
    height: 10em;
}
textarea.large {
    height: 20em;
}
.req {
    color: red;
    font-weight: bold;
	
}
td {
	/*padding: 0px 10px 0px 0px;*/
}
#lightbox {
    background-color: #222222;
    border: 1px solid #CCCCCC;
    height: 400px;
    left: 50%;
    margin: -220px 0 0 -250px;
    position: absolute;
    text-align: left;
    top: 50%;
    width: 500px;
    z-index: 9999;
}
#lightbox[id] {
    position: fixed;
}
#overlay {
    background-color: #000000;
    height: 100%;
    left: 0;
    opacity: 0.8;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 5000;
}
#overlay[id] {
    position: fixed;
}
#lightbox.done {
    background: none repeat scroll 0 0 #FFFEEF;
    border: 1px dotted #659F09;
}
#lightbox.done #lbLoadMessage {
    display: none;
}
#lightbox.done #lbContent {
    display: block;
}
#lightbox.loading #lbContent {
    display: none;
}
#lightbox.loading #lbLoadMessage {
    display: block;
}
#lbLoadMessage p {
    color: #FFFFFF;
    line-height: 400px;
    text-align: center;
}
fieldset {
	border: none;
}

.hidden {
	display:none;
}
#start { 
	cursor: pointer; 
}

html {
  overflow-y: scroll;
}

@media print {
	.no-print {
		display: none;
	}
	a[href]:after { content: none !important; }
	margin-top: 0;
}
/*
.container {
  margin: 0 auto;
  max-width: 750px;
  text-align: center;
}
/
.tt-dropdown-menu,
.gist {
  text-align: left;
}

html {
  color: #333333;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 18px;
  line-height: 1.2;
}

.title,
.example-name {
  font-family: Prociono;
}

p {
  margin: 0 0 10px;
}

.title {
  font-size: 64px;
  margin: 20px 0 0;
}

.example {
  padding: 30px 0;
}

.example-name {
  font-size: 32px;
  margin: 20px 0;
}

.demo {
  margin: 50px 0;
  position: relative;
}

*/
.form-control {
	width
}

.tt-typeahead .tt-hint
{
    display: block;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    border: 1px solid transparent;
    border-radius:4px;
}
.typeahead {
  background-color: #FFFFFF;
}
.tt-menu {
  border: 1px solid #333;
  text-align: left;
  border-radius: 0px 0px 5px 5px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  width: 90%;
  
  background-color: #222222;
}/*
*/
.twitter-typeahead {
	width: 100%;
}

.tt-suggestion {
  font-size: 18px;
  line-height: 24px;
  padding: 3px 20px;
  color: #d0d0d0;
}

.tt-dropdown-menu {
}

.tt-suggestion:hover {
  font-size: 18px;
  line-height: 24px;
  padding: 3px 20px;
  background-color: #555555;
}

.tt-suggestion.tt-cursor {
  background-color: #0097CF;
  color: #FFFFFF;
}

.strikethru {
	text-decoration: line-through;
}
.inactive {
	color: black;
	font-style: italic;
	
}
/*
.tt-suggestion p {
  margin: 0;
}

.gist {
  font-size: 14px;
}

.example-twitter-oss .tt-suggestion {
  padding: 8px 20px;
}

.example-twitter-oss .tt-suggestion + .tt-suggestion {
  border-top: 1px solid #CCCCCC;
}

.example-twitter-oss .repo-language {
  float: right;
  font-style: italic;
}

.example-twitter-oss .repo-name {
  font-weight: bold;
}

.example-twitter-oss .repo-description {
  font-size: 14px;
}

.example-sports .league-name {
  border-bottom: 1px solid #CCCCCC;
  margin: 0 20px 5px;
  padding: 3px 0;
}

.example-arabic .tt-dropdown-menu {
  text-align: right;
}
*/

label.btn span { } /*
  font-size: 1.5em ;
}

label input[type="radio"] ~ i.fa.fa-circle-o{
    color: #c8c8c8;    display: inline;
}
label input[type="radio"] ~ i.fa.fa-check-circle-o{
    display: none;
}
label input[type="radio"]:checked ~ i.fa.fa-circle-o{
    display: none;
}
label input[type="radio"]:checked ~ i.fa.fa-check-circle-o{
    color: #7AA3CC;    display: inline;
}
label:hover input[type="radio"] ~ i.fa {
color: #7AA3CC;
}

label input[type="checkbox"] ~ i.fa.fa-square-o{
    color: #c8c8c8;    display: inline;
}
label input[type="checkbox"] ~ i.fa.fa-check-square-o{
    display: none;
}
label input[type="checkbox"]:checked ~ i.fa.fa-square-o{
    display: none;
}
label input[type="checkbox"]:checked ~ i.fa.fa-check-square-o{
    color: #7AA3CC;    display: inline;
}
label:hover input[type="checkbox"] ~ i.fa {
color: #7AA3CC;
}

div[data-toggle="buttons"] label.active{
    color: #7AA3CC;
}

div[data-toggle="buttons"] label {
display: inline-block;
padding: 6px 12px;
margin-bottom: 0;
font-size: 14px;
font-weight: normal;
line-height: 2em;
text-align: left;
white-space: nowrap;
vertical-align: top;
cursor: pointer;
background-color: none;
border: 0px solid 
#c8c8c8;
border-radius: 3px;
color: #c8c8c8;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
}

div[data-toggle="buttons"] label:hover {
color: #7AA3CC;
}

div[data-toggle="buttons"] label:active, div[data-toggle="buttons"] label.active {
-webkit-box-shadow: none;
box-shadow: none;
}

.checkbox label:after, 
.radio label:after {
    content: '';
    display: table;
    clear: both;
}

.checkbox .cr,
.radio .cr {
    position: relative;
    display: inline-block;
    border: 1px solid #a9a9a9;
    border-radius: .25em;
    width: 1.3em;
    height: 1.3em;
    float: left;
    margin-right: .5em;
}

.radio .cr {
    border-radius: 50%;
}

.checkbox .cr .cr-icon,
.radio .cr .cr-icon {
    position: absolute;
    font-size: .8em;
    line-height: 0;
    top: 50%;
    left: 20%;
}

.radio .cr .cr-icon {
    margin-left: 0.04em;
}

.checkbox label input[type="checkbox"],
.radio label input[type="radio"] {
    display: none;
}

.checkbox label input[type="checkbox"] + .cr > .cr-icon,
.radio label input[type="radio"] + .cr > .cr-icon {
    transform: scale(3) rotateZ(-20deg);
    opacity: 0;
    transition: all .3s ease-in;
}

.checkbox label input[type="checkbox"]:checked + .cr > .cr-icon,
.radio label input[type="radio"]:checked + .cr > .cr-icon {
    transform: scale(1) rotateZ(0deg);
    opacity: 1;
}

.checkbox label input[type="checkbox"]:disabled + .cr,
.radio label input[type="radio"]:disabled + .cr {
    opacity: .5;
}