/* Helpers */
	/* TODO: this is bad CSS, class names should not describe the way things will be presented */


/* - Header */
/* --- Top */
#app-nav ul.menu>li {
	margin-top: 7px;
}

#app-nav .menu>.menu-item {
	display: inline-block;
}

#app-nav a {
	color: #999;
	text-decoration: none;
	padding: 0 10px;
	line-height: 35px;
	display: block;
	white-space: nowrap;
}

#app-nav a:hover {
	color: #eee;
}

#app-nav .menu-item {
	position: relative;
}

#app-nav .sub-menu {
	position: absolute;
	z-index: 1;
	background: #1A1919;
	border: 1px solid #333;
	-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	display: none;
}

#app-nav li.menu-item:hover>.sub-menu {
	display: block;
}

#app-nav .menu>.menu-item>.sub-menu {
	top: 35px;
}

#app-nav .menu>.menu-item>.sub-menu .sub-menu {
	top: 0;
	left: 100%;
}

#app-nav ul {
	padding-left: 0;
}

/* Page Content */
#page-content-wrapper {
	background: url("/albatross/static/images/page-header-bg.png") repeat-x scroll 0 0 transparent;
	padding-top: 70px; /* must be 70px so that page section tabs line up with top of page */
	position: relative;
}

#header-and-page-content #page-content-and-sidebar {
	margin: auto;
	margin-bottom: 1em; 
}

#header-and-page-content:not(.wide-content) #page-content-and-sidebar {
	width: 960px;
}

@media (max-width: 1710px) {
    #header-and-page-content.wide-content #site-content-only {
        margin-right: 25px;
    }
}

@media (max-width: 1245px) {
    #header-and-page-content.wide-content #site-content-only {
        margin-right: 0;
    }
}

#header-and-page-content.wide-content #page-content-and-sidebar {
	max-width: 1400px;
	min-width: 960px;
	width: 98%;
}

#header-and-page-content:not(.wide-content) #nav {
	width: 960px;
}

#header-and-page-content.wide-content #nav {
	max-width: 1400px;
	min-width: 960px;
	width: 98%;
}


#header-and-page-content #page-content-and-sidebar {
	width: 960px;
	margin: auto;
	margin-bottom: 1em; 
}

#page-content,#sidebar {
	display: inline-block;
	vertical-align: top;
}

#page-content {
	width: 750px;
	padding: 15px 0 15px 0;
}

#sidebar {
	width: 180px;
	margin: 1.5em 0 1em 25px;
}

#sidebar .sidebarbox {
	padding: 0.5em;
	background: #e7e7e7;
	-moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1) inset;
	-webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1) inset;
	box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1) inset;
	margin-bottom: 10px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

#sidebar h3 {
	padding: 0;
	font-size: 1em;
	font-weight: bold;
	margin-bottom: 5px;
}
#sidebar h4 {
        font-size: 0.85em;
        font-style: normal;
        margin-top: 1em;
}

.sidebar-optionslinks ul {
	margin: 0;
	padding: 0;
	text-align: center;
}
.sidebar-optionslinks ul li {
	list-style-type: none;
	display: inline-block;
	font-size: .95em;
	padding: 0px 5px;
}

#bc-selector-wrapper {
	position: absolute;
	top: 40px;
	width: 960px;
}

#bc-selector {
	
}

#bc-selector label {
	display: block;
}

/* - Page Elements */
/* - links */
a:link,a.fakelink,a:visited {
	color: #9F0000;
	text-decoration: none;
}

a:hover,a.fakelink:hover {
	color: #435F00;
	text-decoration: underline;
}
a.fakelink:hover {
	cursor: pointer;
}

/*   - headings */
h2 {
	font-size: 1.6em;
	padding: 1em 0 0.1em 0;
}

h3 {
	font-size: 1.2em;
	padding: 0.7em 0 0.1em 0;
}

h4 {
	font-size: 1em;
	font-style: italic;
	padding: 0.3em 0 0.1em 0;
}

h2,h3,h4 {
	font-weight: bold;
	margin-bottom: 0;
}



/*   - page header buttons/messages */
.page-header-bar { margin-bottom: 0.5em; min-height: 2.2em; margin-top: 0.3em; }
.page-header-bar .actions, .page-header-bar .messages  { display: inline-block; vertical-align: top; }
.page-header-bar .actions.common { float: right; }
.page-header-bar .messages { text-align: center; vertical-align: bottom; padding: 0.2em; }
.msg { display: none; } /* all messages hidden unless they are .show */
.msg.show { display: inline-block; }
.msg { 
    background: #FFF0A8; /* light yellow */
    font-weight: bold;
    padding: 0.1em 1.5em;
    border-radius: 5px;
}


/*   - slide down boxes (filters) */
.slide-down-boxes {
	clear: both;
	position: relative;
}

.slide-down-box {
	background: #E4F2BA;
	margin: 0.5em 0;
	padding: 1em;
	border: 1px solid #ccc;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-moz-box-shadow: 0 2px 4px #ddd;
	-webkit-box-shadow: 0 2px 4px #ddd;
	box-shadow: 0 2px 4px #ddd;
}
.isFloating.slide-down-box {
	margin-top: 0px;
}

.slide-down-box .groups, .screen-options .groups {
	margin: 0.5em 0;
	border-top: 1px dotted #ccc;
}

.slide-down-box .group, .screen-options .group {
	padding: 0.5em;
	border-bottom: 1px dotted #ccc;
}

.slide-down-box .title, .screen-options .title {
	display: inline-block;
	vertical-align: top;
	width: 14em;
	font-weight: bold;
}

.slide-down-box .group>div, .screen-options .group>div {
	display: inline-block;
}

/*   - repeating elements */
.repeating-elements .selector table {
	width: 100%;
}

.repeating-elements .selector td {
	padding: 0;
}

.repeating-elements .selector,.repeating-elements .current-body {
	display: inline-block;
	vertical-align: top;
}

.repeating-elements .selector {
	width: 150px;
	margin-right: 10px;
}

.repeating-elements .current-body {
	width: 530px;
	border: 1px solid #bbb;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	padding: 0.5em;
}

/*  - icons TODO: merge with section below */
.ui-icon.undo-override-default {
	background-image: url('/albatross/static/images/jquery-ui/ui-icons_888888_256x240.png');
	display: inline-block;
}

.ui-icon.ui-icon-pin {
	background-image: url("/albatross/static/images/pin.png") !important;
}
.ui-icon.ui-icon-virtual {
	background-image: url("/albatross/static/images/virtual.png") !important;
}
.ui-icon.ui-icon-infinite {
	background-image: url("/albatross/static/images/infinite.png") !important;
}


/*   - key */
.key {
	display: inline-block;
	border: 1px solid rgba(0, 0, 0, 0.3);
	width: 1em;
	height: 1em;
}

.ui-button .key {
	border-color: rgba(255, 255, 255, 0.3);
	width: 9px !important;
	height: 9px !important;
}

/*   - datepicker with highlighted days */
td.scrollable-calendar-in-viewport a {
	background: white !important;
}

td.ui-datepicker-today.scrollable-calendar-in-viewport a {
	background: #435410 !important;
}

.hidepicker {
	font-size: 1px !important;
	width: 0 !important;
	opacity: 0 !important;
	visibility: hidden !important;
	padding: 0 !important;
	margin: 0 !important;
	border: none !important;
	display: inline !important;
}

.multicombobox {
	outline: none;
}

.autoheader {
	font-weight: bold;
	font-size: 0.9em;
	padding: 2px 4px;
}

/*   - info box */
.info .ui-icon {
	float: left;
}

/*  - error messages */
.error-msg {
	display: none;
}

.ui-selectmenu-status .ui-selectmenu-item-footer {
	display: none;
}

/* icons */
.img-icon {
	width: 16px;
	height: 16px;
	background-repeat: no-repeat;
}

.img-icon-information {
	background-image: url('/albatross/static/images/tick.png');
}

.ui-icon.ui-icon-extlink {
	display: inline-block;
	margin-bottom: -2px;
}

.ui-icon.ui-icon-newwin {
	display: inline-block;
	margin-bottom: -2px;
}

/* Misc TODO: move things to where they belong */

.box-full {
	width: 100%;
	text-align: left;
}

.pretty-pax {
	text-transform: lowercase;
}

/* Footer */
/* (uses the "push" method to keep it at the bottom of the page) */
html,body {
	height: 100%;
}

#header-and-page-content {
	margin: 0 auto -25px auto; /* = the height of the footer */
	min-height: 100%;
	height: auto !important;
	height: 100%;
}

#footer-wrapper,#push {
	height: 25px; /* push must be the same height as footer, footer must be fixed height */
}

#footer-wrapper {
	background: url('/albatross/static/images/page-footer-bg.jpg') repeat-x 0 0 transparent;
}

#footer {
	width: 960px;
	margin: auto;
	padding-top: 15px;
}

/* @TODO: remove */
#app-nav {
	display: none;
}

/* Base CSS */
.wrapLinkDialog {
	-webkit-box-shadow: 0px 0px 10px 10px #a6a6a6;
	-moz-box-shadow: 0px 0px 10px 10px #a6a6a6;
	box-shadow: 0px 0px 20px 10px #a6a6a6;
	top: 20px!important;
}
.wrapLinkDialog .ui-dialog-titlebar {
	background: none!important;
	border: none;
}
.wrapLinkDialog .ui-dialog-title {
	font-size: 1.2em;
}

label .description { font-weight: normal; opacity: 0.5; }



/* Text + Badges on one line */
.text-with-badges {
	/* must have a fixed width */
	/* .badges must appear before .text in the DOM */
}
.text-with-badges .text{
	display: block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.text-with-badges .badges{
	display: inline-block;
	float: right;
}

/* screen options tab */
.page-actions-top a {
	color: white;
	cursor: pointer;
	font-weight: bold;
	text-decoration: none;
}
.page-actions-top div {
	background: #B2C74E;
	border-radius: 4px 4px 0px 0px;
	padding: 3px 8px;
	text-shadow: 0pt 0pt 2px #333333;
	max-width: 100px;
	display: inline-block;
}
.page-actions-top {
	margin-top: -40px;
	float: right;
	z-index: 200;
	position: relative; /* z-index only works on positioned elements */
}
.no-tabs .page-actions-top { 
	margin-top: -45px;
}
.hide-element {
	display: none;
}



.print-only, .screen-options-print { display: none!important; }

/* Flags */
.balance-in-credit-flag, .balance-in-debit-flag {
	font-size: 0.8em; 
    padding: 0 0.2em; 
    text-shadow: none;
    color: white;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px; 
    margin-left: 0.1em;
    font-weight: bold;
}
.balance-in-credit-flag {
    background: orange; 
}
.balance-in-debit-flag { 
    background: #9F599F; 
}


/* Links */
.bo-link.booking { font-weight: bold; }
.bo-link.disabled, .bo-link.deleted { text-decoration: line-through; }
.bo-link.deleted { color: red !important; }
tr.bo-row.disabled.odd { background: #E6E6E6; }
tr.bo-row.disabled.even { background: #F2F2F2; }


/* Error Message */
#legacy-function-call-error-message { border: 1px dashed #aaa; padding: 1em; font-size: 0.9em; background: rgb(255,200,200); /* light red */ }

#error-message-sentry-error-code {
	border: 1px dashed #aaa;
	padding: 1em;
	font-size: 0.9em;
	background: rgb(255,200,200);
	font-weight: bold;
	word-wrap: break-word;
	overflow: hidden;
}

.sentry-error-embed-wrapper {
	z-index: 100000!important;
}