* {
	padding: 0px;
	margin: 0px;
}

body{
	font-family: arial, sans;
	font-size: 0.8em;
}
.topbar{
	text-align: right;
	position: absolute;
	left: -9999px;
	top: 2px;
	width: 25%;
	color: #fff;
	font-weight: bold;
}
.topbar a,
.topbar span{
	background: none;
	border-width: 0px;

}
.topbar a:hover{
	text-decoration: none;
}
.main .left{
	width: 45%;
	float: left;
}
.main .right{
	width: 53%;
	float: right;
}
.main .full{
	width: 95%;
	margin: 0px auto;
}
.main .right h3{
	text-align: center;
}
.top{
	width: 100%;
	text-align: center;
	position: absolute;
	top: 2px;
	left: -5px;
}
.top a,
.top div,
.top span{
	color: #fff;
	font-weight: bold;
}
.top a:hover{
	text-decoration: none;
}
.top h1{
	font-size: 1.4em;
}
.response_top,
.login_top{
	width: 100%;
	text-align: center;
	padding: 10px 0px;
}

.column{
	width: 48%;
}

.that_side{
	float: left;
	padding: 0px 0px 0px 10px;
}

.other_side{
	float: right;
}
.split_left,
.split_right{
	float: left;
	width: 58%;
}
.split_left{
	width: 40%
}
.flowRight {
	float: right;
	margin-left: 10px;
}
.flowLeft {
	float: left;
	margin-right: 10px;
}
.field{
	padding: 3px 0px;
}
.field .label span a{
	font-size: .8em;
	text-transform: uppercase;
	text-decoration: none;
}
.field .content{
	/*float: left;*/
	width: 95%;
}
.field select{
	width: 100%;
}
.to,
.comments,
.comments_crew{
	padding-left: 10px;
}
.comments .label,
.comments_crew .label,
.comments .content,
.comments_crew .content{
	float: none;
	width: 100%;
	padding-bottom: 5px;
}
.comments_crew textarea,
.comments textarea{
	width: 98%;
	height: 100px;
}


.email_comments textarea{
	width: 410px;
}
.to .label{
	width: 40px;
}
#date_time{
	width: 80px;
}
#time_date{
	width: 90px;
}


.right legend{
	text-align: center;
	font-weight: bold;
	font-size: 1.1em;
}
.random_space{
	width: 100%;
	height: 15px;
}

#client_details input{
	width: 95%;	
}
.client_address textarea{
	width: 95%;
	height: 60px;
}

#client_details .add_fee .label input,
#client_details .add_discount .label input{
	width: 85px;
}
#client_details .add_fee .content input,
#client_details .add_discount .content input,
#client_details .charter_cost input,
#client_details .crew_price input{
	width: 85%;
}

#client_details .number_guests input,
.duration input{
	width: 35px;
}
#client_details .add_fee .label,
#client_details .add_discount .label{
	padding-bottom: 5px;
}
#client_details .charter_tax_box .label,
#client_details .charter_total .label,
#client_details .charter_price .label,
#client_details .charter_line_item_total .label,
#client_details .charter_tax_box .content,
#client_details .charter_total .content,
#client_details .charter_line_item_total .content,
#client_details .charter_total_before_tax .label,
#client_details .charter_total_after_tax .label,
#client_details .charter_total_balance_due .label,
#client_details .charter_price .content{
	float: left;
}
#client_details .charter_total .content,
#client_details .charter_price .content,
#client_details .charter_line_item_total .content {
	width: 55%;
}
#client_details .charter_tax_box .label,
#client_details .charter_total .label,
#client_details .charter_price .label,
#client_details .charter_total_before_tax .label,
#client_details .charter_total_after_tax .label,
#client_details .charter_total_balance_due .label,
#client_details .charter_line_item_total .label{
	width: 45%;
}
#client_details .charter_tax_box .content{
	width: 40%;
}
#client_details .honors {
	margin-top: 15px;
}
#client_details .honors .content{
	width: 55%;
    display: flex;
}

#client_details .bio_urn .content{
	width: 55%;
    display: flex;
}
#client_details .permits .content, #client_details .tax_rate .content, #client_details .permits_price .content{
	width: 55%;
    display: flex;
}

.right .button_box{
	text-align: left;
	width: 100%;
}
.button_left{
	padding: 6px 0px 6px 10px;
}
.button_left div{
	display: inline;
}
.button_bottom{
	padding: 5px 5px 0px 0px; 
	float: left;
}
.button_box span{
	font-weight: bold;
}
.result{
	width: 40%;
	margin: 0px auto;
}
.login h3,
.login .error,
.login .button_holder,
.result h3,
.result div{
	padding: 5px;
	text-align: center;
}
.login{
	width: 25%;
	margin: 0px auto;
}
.to .label,
.to .content{
	float: left;
}
.to .content{
	width: 350px;
}
.login .field .label{
	width: 20%;
}
.login .field,
.login .field .label,
.login .field .content{
	width: 90%;
	margin: 0px auto;
}
.login .field .content input{
	width: 95%;
}
.crew_status_accepted,
.crew_status_declined,
.crew_status_no_response,
.crew_status_incomplete{
	border-width: 3px;
	border-style: solid;
}
.crew_status_incomplete{
	border-color: transparent;
	border-left-width: 0px;
}
.crew_status_accepted{
	border-color: #6FBF4D;
}
.crew_status_declined{
	border-color: #B11623;
}
.crew_status_no_response{
	border-color: #1C94C4;
}
.host{
	width: 48%;
	float: left;
}
.host span,
.captain span{
	display: block;
}
.captain{
	width: 49%;
	float: left;
}
#total_tax{
	width: 75px;
}
.charter_tax{
	margin-top: 2px;
	width: 5%;
	float: left;
}
#client_details .charter_tax input{
	width: auto;
}

.active .content,
.active .label{
	float: left;
}
.active .content{
	width: auto;
}
.active .label{
	padding-left: 0.5em;
}

.ui-table-cap{
	min-height: 15px;
	height: auto !important;
	height: 15px;
}
.ui-table-cap select{
	margin: 0.2em 0em 0.2em 0.2em;
	float: left;
}

.ui-table-cap .list_logout{
	float: right;
	position: relative;
	top: 0.4em;
	left: -0.2em;
}
.not-found{
	padding: 0.3em 0em;
	text-align: center;
	font-weight: bold;
}
table.ui-table{
	border-collapse: collapse;
	width: 100%;
}

table.ui-table thead th,
table.ui-table td{
	padding: 0.3em 0.5em;
}
table.ui-table-list td{
	text-align: center;
}
.ui-table .odd-row{
	background-color: #E2E4FF;
}
.ui-table .dim-row{
	color: #666;
}
.ui-table .highlight-row{
	background-color: #F9D423;
}
th.ui-state-default div{
	position: relative;
	padding-right: 0.3em;
}
th.ui-state-default div span{
	position: absolute;
	top: 50%;
	margin-top: -.6em;
	right: 0;
}
th.sort-row{
	cursor: pointer;
	text-decoration: underline;
}
.client-name {
	width: 150px;
}

.clear{
	clear: both;
}

#active_honors,
#active_bio_urn,
#active_permits{
    width: 42% !important;
    margin-top: 3px;
}

.text-center {
	text-align: center;
}

.active_honors,
.active_bio_urn,
.active_permits {
    pointer-events:none
}

/*h4{*/
/*	margin: 0;*/
/*	padding: 0;*/
/*}*/
/*h4{*/
/*	color: rgb(107, 107, 132);*/
/*}*/

/*#tabContainer h4 {*/
/*	color: rgb(83, 104, 138);*/
/*	font-size: 2em;*/
/*}*/

#lineItemControls > button {
	margin: 10px;
	padding: 0.4em 1em;
	background: floralwhite;
}
#lineItemControls > button:hover{
	background: navajowhite;
	/* Cristy is the best */
}

#tabs{
	height:30px;
	overflow:hidden;
}

#tabs > ul{
	font: 1em;
	list-style:none;
}
#tabs ul, #tabs li {
	margin:0;
	padding:0;
}

#tabs > ul > li{
	margin:0 2px 0 0;
	padding:7px 10px;
	display:block;
	float:left;
	color:#FFF;
	border-top-left-radius:4px;
	border-top-right-radius: 4px;
	background: #CCC;
}

#tabs > ul > li:hover{
	background: darkorange;
	border: #e78f08;
	cursor:pointer;
}

#tabs > ul > .active{
	background: #f6a828; /* old browsers */
	cursor:pointer;
}

#containers div.boxes {
	background: white;
	padding:10px 10px 25px;
	margin:0;
	color:#333;
}
#tabs a {
	text-decoration: none;
	color: black;
}