/*------------------ globals -------------------*/

/******************* corners ********************/
#container div {
	border-radius: 3px;
}

/****************** jquery ui *******************/
/* override font settings */
.ui-widget,
.ui-widget .ui-widget,
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-family: inherit;
	font-size: inherit;
}

/**************** editor-dialog *****************/
.ui-dialog-content table {
	border: none;
}

/********************* map **********************/
iframe.map {
	border: 2px solid #877b7d;
	height: 450px;
	overflow: hidden;
	width: 450px;
}

/********************* misc *********************/
[disabled],
[readonly] {
	background-color: transparent;
}
.bg_link {
	background: transparent url(//cdn.lmtservices.net/images/famfamfam-icons/silk-1.3/exclamation.png) no-repeat scroll center center;
	cursor: pointer;
	float: right;
	padding: 10px;
	text-decoration: none;
	width: 0;
}
.bg_link.spinner {
	background-image: url(//cdn.lmtservices.net/images/spinner.gif);
}
.center {
	text-align: center;
}
.debug_box {
	background-color: #deca93;
	border: 1px dashed #450084;
	margin: 10px 0;
	padding: 10px;
	overflow-x: auto;
}
.deleted {
	text-decoration: line-through;
}
.f-right {
	float: right;
}
.loading {
	text-decoration: blink;
}
.nowrap {
	white-space: nowrap;
}
.pointer {
	cursor: pointer;
}
.right {
	text-align: right;
}
.success {
	color: #004400;
}

/*--------------- page sections ----------------*/

/****************** container *******************/
#container {
	background: #deb887 url(//cdn.lmtservices.net/images/shadow.png) 0px 0px repeat-x fixed;
	margin: 2px auto;
	position: relative;
}

/******************* content ********************/
#content {
	margin: 10px;
}

/******************** events ********************/
#container a.event-past {
	font-style: italic;
	font-weight: lighter;
	text-decoration: line-through;
}
#container a.event-selected,
#container a.event-selector {
	background: url(//cdn.lmtservices.net/images/famfamfam-icons/silk-1.3/cog_go.png) 0 center no-repeat;
	color: inherit;
	padding-left: 20px;
	text-decoration: none;
}
#container a.event-selected {
	background-image: url(//cdn.lmtservices.net/images/famfamfam-icons/silk-1.3/cog.png);
	cursor: default;
}
#container span.event-menu {
	/* background: url(//cdn.lmtservices.net/images/famfamfam-icons/silk-1.3/bullet_arrow_down.png) center center no-repeat; */
	border-bottom: 6px double #ffffff;
	border-top: 2px solid #ffffff;
	content: '';
	height: 2px;
	margin: 4px 8px 4px 0;
}

/**************** header/footer *****************/
#footer,
#header {
	background-color: #000000;
	color: #ffffff;
	clear: both;
	margin: 2px;
	padding: 10px;
}
#footer {
	font-size: 10px;
}

/******************** login *********************/
form#login_form input[type=text],
form#login_form input[type=password] {
	width: 200px;
}

/********************* menu *********************/
div.menu ul {
	border-radius: 0 3px 3px 3px;
	list-style: none;
	margin: 0;
	padding: 0;
}
div.menu ul li {
	float: left;
	position: relative;
}
div.menu ul li a,
div.menu ul li span {
	display: block;
	padding: 2px 7px;
}
div.menu ul li a {
	text-decoration: none;
}
div.menu ul li ul {
	background-color: #000000;
	border: 1px solid #ffffff;
	border-top-width: 0;
	display: none;
	position: absolute;
	width: 12em;
	z-index: 100;
}
div.menu ul li:hover ul,
div.menu ul li.over ul {
	display: block;
}
div.menu ul li ul li {
	clear: both;
	border: none;
	padding: 0;
	width: 100%;
}
div.menu ul li ul li a,
div.menu ul li ul li span {
	display: block;
	padding: 2px 7px;
}
div.menu ul li ul li.comment {
	font-weight: bold;
	padding: 2px 7px;
	font-style: italic;
}
div.menu ul li ul li.sep {
	border-top: 1px solid #a9a9a9;
	width: 93%;
}

/********************* nav **********************/
ul.nav,
ul.nav ul {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
}
ul.nav li a,
ul.nav li a:hover {
	display: block;
	text-decoration: none;
}

/******************* nav_bar ********************/
div.nav_bar ul li {
	border-left: 1px solid #ffffff;
	float: left;
}
div.nav_bar ul li:first-child {
	border-left-color: transparent;
}
div.nav_bar ul li a,
div.nav_bar ul li span {
	color: #ffffff;
	padding: 0 5px;
}
div.nav_bar ul li a:hover {
	background-color: #ffffff;
	color: #000000;
	text-decoration: none;
}

/******************** sidebar ********************/
#sidebar a {
	color: #000000;
	letter-spacing: 0.2em;
	padding: 4px 0;
}
#sidebar a:hover {
	background-color: #000000;
	color: #deb887;
}
#sidebar a.current {
	font-size: 14px;
	font-weight: bolder;
}
/* menu */
#container .flyout_checkbox {
	display: none;
}
#container .flyout_toggle {
	cursor: pointer;
}
#container .flyout_toggle span {
	border-bottom: 6px double #000000;
	border-top: 2px solid #000000;
	content: '';
	cursor: pointer;
	display: block;
	height: 2px;
	margin: 8px;
	padding: 0 8px;
	width: 0px;
}

/************* mobile first queries **************/
/* mobile */
@media {
	#container {
		width: auto;
	}
	#container .flyout_toggle {
		background-color: inherit;
		border: 1px solid #000000;
		border-right-width: 0px;
		border-radius: 3px 0 0 3px;
		float: right;
		margin: 1px 0 0 1px;
	}
	#container .flyout_checkbox:checked ~ #sidebar {
		border-left-width: 0;
		border-radius: 0 3px 3px 0;
		left: 0;
	}
	#content div[class]:nth-child(3) {
		overflow-x: scroll;
	}
	#sidebar {
		background-color: inherit;
		border: 1px solid #000000;
		left: -162px;
		overflow: hidden;
		padding: 10px;
		position: absolute;
		text-align: center;
		transition: left 0.3s;
		width: 140px;
	}
}
/* +mobile (min-width: 400px) */
/* +phablet (min-width: 550px) */
/* +tablet */
@media (min-width: 780px) {
	#container {
		border: 1px solid #a0522d;
		border-radius: 3px;
		width: 756px;
	}
	#container .flyout_toggle {
		display: none;
	}
	#content {
		margin-left: 160px;
	}
	#content div[class]:nth-child(3) {
		overflow-x: inherit;
	}
	#sidebar {
		border: none;
		float: left;
		left: 0;
		position: relative;
	}
}
/* +desktop (min-width: 1000px) */
/* +desktop hd (min-width: 1200px) */

/*------------ controller-specific -------------*/

/****************** attendees *******************/
/* index */
div.attendees table {
	a.attendee-add {
		background-image: url(//cdn.lmtservices.net/images/famfamfam-icons/silk-1.3/user_add.png);
	}
	a.attendee-delete {
		background-image: url(//cdn.lmtservices.net/images/famfamfam-icons/silk-1.3/user_delete.png);
	}
	a.attendee-edit {
		background-image: url(//cdn.lmtservices.net/images/famfamfam-icons/silk-1.3/user_edit.png);
	}
	a.attendee-view {
		background-image: url(//cdn.lmtservices.net/images/famfamfam-icons/silk-1.3/report_user.png);
	}
	tr.accepted {
		/*color: #006600;*/
	}
	tr.declined {
		color: #660000;
		font-style: italic;
		text-decoration: line-through;
	}
	tr.undecided {
		color: #666666;
		font-style: italic;
	}
	tr td {
		text-align: center;
		white-space: nowrap;
	}
	tr td:first-child {
		text-align: left;
		white-space: normal;
	}
	tr td[colspan] {
		text-align: center;
	}
}
/* timeline */
div.timeline {
	table tr td {
		border: 1px solid #dfd0bc;
	}
	.departure {
		color: #006600;
	}
	.driving {
		font-style: italic;
		font-weight: bold;
	}
	.return {
		color: #660000;
	}
	.toggle {
		font-size: 65%;
	}
}

/******************** events ********************/
div.events iframe.google_map {
	border: 1px solid #000000;
	height: 300px;
	width: 100%;
}

/******************** meals *********************/
/* index */
div.meals table tr td.actions {
	text-align: center;
	white-space: nowrap;
}

/***************** transactions ******************/
/* index */
div.transactions {
	.amount,
	.balance {
		text-align: right;
	}
	.credit {
		color: #004400;
	}
	.estimate {
		color: #333333;
		font-style: italic;
	}
	.negative {
		color: #bb0000;
	}
	.reimbursement {
		color: #008800;
	}
}