table { border-collapse: collapse; }
pre { margin: 0; }


h2 {
	margin: 0 1px 10px;
	color: #343434;
	font-style: italic;
	font-weight: normal;
	font-size: 200%;
}
	h2 a, h2 a:active, h2 a:visited {
		text-decoration: none;
	}
	h2 a:hover {
		text-decoration: underline;
	}
	h2 span {
		color: gray;
		font-size: 0.85em;
		font-style: normal;
		padding-left: 10px;
	}
h3 {
	margin: 0 0 .5em;
	color: #343434;
	font-style: italic;
	font-weight: bold;
	font-size: 140%;
}
h4 {
	margin: 0 1em .5em;
	color: #343434;
	font: bold italic 110% Verdana, Arial, Helvetica, sans-serif;
}
h5  {
    margin: 0 1em .5em;
    color: #343434;
    font: bold italic 90% Verdana, Arial, Helvetica, sans-serif;
}
    h5 span {
        color: gray;
        padding-left: 10px;
    }


ul.tabs {
	margin: 7px 0 5px;
	padding: 0;
	text-align: center;
	list-style-type: none;
}
	ul.tabs li {
		display: inline;
		/*width: 75px;*/

	}
		ul.tabs li a {
			/*display: block;*/
			line-height: 24px;
			color: #565656;
			text-decoration: none;
			padding: 5px 23px;
			background-color: #eee;
			border: 1px solid #ccc;
			border-left-style: none;
		}
		ul.tabs li.first a {
			border-left-style: solid;
		}
		ul.tabs li.active a {
			background-image: url(../images/tabbg-active.png);
			background-repeat: repeat-x;
			color: #464646;
			font-weight: bold;
			text-shadow: 1px 1px 0 #ddd;
		}

.action-progress {
    padding-left: 20px;
    background: transparent url(../images/loading4.gif) no-repeat scroll left center;
}

#container {
	margin: 0 auto;
	max-width: 1050px;
	min-width: 950px;
	width: 90%;
	text-align: left;
}

.progress-indicator-container {
    width: 20px;
    height:16px
}

#topbar {
	margin: 0;
	padding: 0;
}
	#topbar ul {
		margin: 8px 8px 3px;
		padding: 0;
		list-style: none;
	}
		#topbar ul li {
			display: inline;
			margin: 0;
			padding: 0;
		}
			#topbar ul li a {
				padding: 2px 9px;
				text-decoration: none;
				font: bold 11px arial,helvetica,sans-serif;
				color: #828282;
				line-height: 16px;
			}
				#topbar ul li a:hover {
					color: #333;
				}


#desktopad {
	height: 30px;
}
	#desktopad .label {
		display: block;
		float: left;
		width: 112px;
		line-height: 30px;
		color: #828282;
	}
	#desktopad .content {
		float: left;
	}


#headwrapper {
	/* the png version of headerbg is smaller, but IE's png implementation doesn't
	handle colors right. simple solution is to use a gif. */
	background: #437fda url(../images/headerbg.gif) repeat-x left top;
}
#headwrapper2 {
	position: relative;
	height: 125px;
	background: transparent url(../images/watermark1.gif) no-repeat scroll 87% bottom;
}

#page-header-message {
	position: relative;
	margin-bottom: 4px;
	padding: 4px 23px 4px 25px;
	line-height: 130%;
	color: #353535;
	text-align: left;
	border: 1px solid #B3B3B3;
	background-color: #FFFFD9;
	background-repeat: no-repeat;
	background-image: url(../images/info.png);
	background-position: 4px 3px;
}
	#page-header-message .closeButton {
		position: absolute;
		top: 4px;
		right: 4px;
		cursor: pointer;
	}

#header {
	padding: 44px 44px 11px 33px;
}
	#header h1 {
		margin: 0;
		padding: 2px 0 2px 22px;
		color: #ffffff;
		font: italic 200% Verdana, Arial, Helvetica, sans-serif;
		background: url(../images/cclogo-white.png) no-repeat scroll left center;
		text-shadow: 1px 1px 3px #052857;
	}

#menu {
	padding: 9px 0 0;
	border-bottom: 1px solid #2b548c;
	line-height: normal;
}
	#menu ul {
		position: relative;
		margin: 0 25px;
		padding: 0;
		list-style: none;
	}
		#menu li {
			display: inline;
			float: left;
			position: relative;
			top: 1px;
			z-index: 10;
		}
			#menu li.right {
				float: right;
			}
			#menu li a {
				float: left;
				display: inline;
				color: #fff;
				border: 1px solid transparent;
			}
				#menu li a span {
					padding: 0.75em 1.5em;
					margin-bottom: -1px;
					float: none;
					display: block;
				}
			#menu li a:hover {
				background: #2b548c;
				opacity: 0.5;
			}
				#menu li a:hover span {
					opacity: 1;
				}
			#menu li.active a {
				background: #ffffff;
				border: 1px solid #2b548c;
				border-bottom: 1px solid #ffffff;
				color: #437fda;
			}
			#menu li.active a:hover {
				background: #ffffff;
				color: #ba8f43;
				opacity: 1;
			}

#menu-paceholder {
	height: 40px;
	margin-bottom: 7px;
}

#submenu {
	height: 27px;
	margin-top: 1px;
	font-size: 1.1em;
	text-align: left;
	background-color: #fff;
    margin-bottom: 7px;
}
	.submenu-items {
		position: absolute;
		padding: 4px 1px;
	}
		.submenu-items a {
			padding: 3px 6px;
			border: 1px solid #fff;
		}
		.submenu-items a:hover {
			border: 1px dotted #437FDA;
		}
		.submenu-items a.active {
			font-weight: bold;
			border: 1px solid #62B1FF;
			background-color: #eee;
		}
		.submenu-items .spacer {
			padding: 0 10px;
		}


#content {
	height: auto !important;
	height: 1%;
	padding: 0;
}

.invalid-request {
    font-size: 1.4em;
    font-weight: bold;
    margin: 5px;
    text-align: center;
}

.notice {
	color: #353535;
	font-size: 1.4em;
	font-weight: bold;
	margin: 30px;
	padding: 0.8em;
	text-align: center;
}

.update-notice {
	padding: 0px;
	text-align: center;
	font-size: 12px;
	border: 1px solid #D8D8D8;
	background-color: #FFFBD4;
}

.closeButton {
    cursor: pointer;
}

/* content panel */
#main {
	position: relative;
	min-height: 350px;
	margin-bottom: 7px;
}
	#main .layout-two-pane {
		position: relative;
	}
		#main .layout-two-pane #left {
			height: auto !important;
			margin-right: 280px;
		}
		#main .layout-two-pane #right {
			position: absolute;
			top: 0;
			right: 0;
			width: 260px;
		}
			#main .layout-two-pane #right .panel {
				width: 260px;
			}
			#main .layout-two-pane #right .buttons {
				padding: 8px 0 0;
			}
	#main .layout-my-calendar {
		position: relative;
	}
		#main .layout-my-calendar #left {
			height: auto !important;
			margin-right: 420px;
		}
		#main .layout-my-calendar #right {
			position: absolute;
			top: 0;
			right: 0;
			width: 400px;
		}

#month-selector {
    text-align: center;
    margin-bottom: .3em;
}
    #month-selector a {
        padding: 4px 3px;
        border: 1px solid #fff;
    }
    #month-selector a:hover {
        background-color: #eee;
        border: 1px solid #aaa;
    }
    #month-selector #prevmonth {
        float: left;
    }
    #month-selector #nextmonth {
        float: right;
    }
    #month-selector .month {
        font-size: 1.2em;
    }

.panel {
	text-align: left;
	font-size: 12px;
	background-color: #efefef;
	border: 1px solid #dfdfdf;
}
	.panel .panel {
		padding: .7em 1.5em;
		background-color: #E4E4E4;
		border: 1px solid #D9D9D9;
	}


#login {
	width: 350px;
	margin: 50px auto;
	padding: 1em 3em;
	text-align: center;
	font-size: 12px;
	background-color: #efefef;
	border: 1px solid #dfdfdf;
}
	#login .note {
		margin-bottom: 10px;
	}
	#login p {
		margin: 5px 0 15px;
		font-size: 1.1em;
	}
	#login table {
		margin: 0 auto;
		text-align: left;
		border-collapse: collapse;
	}
	#login th {
		width: 90px;
		padding-top: 5px;
		text-align: left;
		font-size: 14px;
		line-height: 24px;
	}
	#login input.input {
		width: 175px;
		padding: 8px 5px;
		font-size: 15px;
		line-height: normal;
		border: 1px solid #DCDCDC;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
	}
	#login input.input:focus {
		border: 1px solid #bfbfbf;
		outline: none;
	}
	#login .remember-me {
		line-height: 30px;
	}
	#login .login-button {
		font-size: 13px;
	}
	#login .forgot-password {
		margin: 1.5em 0 0;
		font-size: .9em;
		text-align: right;
	}

.no-cookies {
    margin-bottom: 20px !important;
}
.no-script {
    margin-top: 20px;
    margin-bottom: 20px;
}


/* options */
#options .panel {
	padding: 5px 15px;
}
#options .options-panel {
	min-height: 345px;
}
#options blockquote {
	margin: 0 0 0 25px;
}
#options fieldset {
	padding: .6em;
}
#options th, #options td {
	padding: 2px;
}
#options #operational .category {
	margin-right: 30px;
}
	#options #operational .category .onreserve {
		display: block;
		margin-top: 3px;
	}
#options #operational .subinfo td {
	padding: 0 1.4em .3em 0;
}
#options #notifications #notification-methods .carrier select {
		width: 100%;
	}
#options .buttons {
	margin: .8em 0 1em .4em;
}
	#options .buttons button {
		margin-right: .3em;
	}
	#options .buttons .status {
		display: inline-block;
		margin-left: 1em;
	}
	#options .buttons .status.saving {
		padding-left: 18px;
		background: transparent url(../images/loading2.gif) no-repeat scroll left center;
	}
	#options .buttons .status.saved {
		height: 16px;
		padding-left: 17px;
		background: transparent url(../images/saved.png) no-repeat scroll left center;
	}
	#options .buttons .status.error {
		display: inline-block;
		height: 16px;
		padding-left: 18px;
		background: transparent url(../images/error.png) no-repeat scroll left center;
	}
#options .layout-two-pane {
    position: relative;
    min-height: 345px;
}
    #options .layout-two-pane #left {
        height: auto !important;
        margin-right: 280px;
    }
    #options .layout-two-pane #right {
        position: absolute;
        top: 5px;
        right: 0;
        width: 430px;
    }
#options #white {
    background: white;
}

/** common styles **
 *******************/
.bigbutton {
	width: 240px;
	height: 55px;
	line-height: normal;
	margin: 0 auto 5px;
	font-size: 16px;
	font-weight: bold;
	background: transparent url(../images/buttonbg.png) no-repeat scroll 0 0;
}
	.bigbutton a {
		display: block;
		height: 37px;
		padding-top: 18px;
		padding-left: 37px;
		color: #565656;
		text-decoration: none;
		background-repeat: no-repeat;
		background-position: 15px 19px;
	}
	.bigbutton a.shop {
		background-image: url(../images/shop.png);
	}
	.bigbutton a.add {
		background-image: url(../images/add-16.png);
	}
	.bigbutton a.remove {
		background-image: url(../images/remove-16.png);
	}
    .bigbutton a.arm-for-pickup, .bigbutton a.pickup {
        background-image: url(../images/trade-pickup-mine.gif);
    }
    .bigbutton a.drop {
        background-image: url(../images/trade-drop-mine.gif);
    }
    .bigbutton a.generic-trade {
        background-image: url(../images/trade-trade.gif);
    }
	.bigbutton a.loading {
		background-image: url(../images/loading2.gif) !important;
	}


/* list tables */
table.list {
}

	table.list th.loading {
		background: transparent url(../images/loading4.gif) no-repeat scroll right center;
	}

	table.list > thead > tr {
		background-color: #eee;
		background-image: url(../images/gradient22.png);
	}
	table.list > thead > tr > th {
		/*border-right: 1px solid #D8D8D8;*/
		text-shadow: 1px 1px 0 #fff;
		/*background-color: transparent;*/
		/*background-image: url(../images/gradient22.png);*/
	}
	table.list > tbody > tr:hover > td {
		background-color: #E8EEF7;
	}
	table.list > tbody > tr.selected {
		background-color: #6DB6FF;
	}
	table.list > tbody > tr.selected:hover {
		background-color: #6DB6FF;
	}
	table.list > tbody > tr.empty:hover {
		background-color: transparent;
		cursor: default;
	}
	table.list > tbody > tr.empty td {
		text-align: center;
		font-size: 1.2em;
		padding: 50px 0;
        background-color: transparent;
	}
	table.list > tbody > tr > td, table.list > thead > tr > th {
		border-color: transparent;
		border-bottom: 1px solid #D8D8D8;
		line-height: 155%;
		padding: .2em .3em;
		white-space: nowrap;
	}
    table.list > tbody > tr.two-rows > td {
        /*border-color: transparent;*/
        border-bottom: 1px solid #FFFFFF;
    }
	table.list td {
		cursor: default;
	}
	table.list > tbody .icon {
		width: 17px;
		min-width: 17px;
		padding: 1px 1px 1px 0;
		text-align: center;
		background-attachment: scroll;
		background-position: center center;
		background-repeat: no-repeat;
	}


table.short-list {
    background-color: white;
}
    table.short-list  thead  tr {
        background-color: #eee;
        background-image: url(../images/gradient22.png);
    }
    table.short-list  thead  tr  th {
        text-shadow: 1px 1px 0 #fff;
    }
    table.short-list  tbody  tr  td, table.short-list  thead  tr  th {
        border-color: transparent;
        line-height: 155%;
        padding: .2em .3em;
        white-space: nowrap;
        font-size: 11px;
    }
    table.short-list  tbody  tr.end  td {
        border-bottom: 1px solid #D8D8D8;
    }


table.rsva {
	width: 100%;
}

	table.rsva > tbody > tr > td {
		color: #000000;
	}

	table.rsva > tbody > tr.day1 td {
		background-color: #FFFFFF;
	}

	table.rsva > tbody > tr.day2 td {
		background-color: #EAF1DD;
	}

	table.rsva > tbody > tr.day3 td {
		background-color: #FFFFDC;
	}

table.trips {
	width: 100%;
}
	table.trips > tbody > tr > td {
		cursor: pointer;
	}
	table.trips tr.selected td {
		background-color: #6DB6FF !important;
	}
	/*table.trips tr.selected.mine td {
		background-color: #FFFFBF !important;
	}*/
    table.trips tr.multiple-open td,
	table.trips tr.open td {
		background-color: #E8EEFA;
	}
	table.trips > tbody > tr.open:hover td {
		background-color: #D1DDE9;
	}
/*
	table.trips > tbody > tr.tbdrop td,
	table.trips > tbody > tr.tbtrade td,
	table.trips > tbody > tr.tbmulti td {
		color: #3C7C12;
		background-color: #D5E7B8;
	}
	table.trips > tbody > tr.tbdrop:hover td,
	table.trips > tbody > tr.tbtrade:hover td,
	table.trips > tbody > tr.tbmulti:hover td {
		background-color: #D3F2C6;
	}
	table.trips > tbody > tr.mytbdrop td,
	table.trips > tbody > tr.mytbtrade td,
	table.trips > tbody > tr.mytbmulti td {
		color: #D3940C;
		background-color: #FFF0D2;
	}
	table.trips > tbody > tr.mytbdrop:hover td,
	table.trips > tbody > tr.mytbtrade:hover td,
	table.trips > tbody > tr.mytbmulti:hover td {
		background-color: #FFE1C4;
	} */
	/* icons */
	table.trips tr.trip td.icon {
		background-image: url(../images/trip.png);
	}
	table.trips tbody tr.mine td.icon {
		background-image: url(../images/mytrip.png);
	}
	table.trips tbody tr.potopen td.icon {
		background-image: url(../images/potopen.png);
	}
	table.trips tbody tr.open td.icon {
		background-image: url(../images/opentrip.png);
	}
        table.trips tbody tr.multiple-open td.icon {
            background-image: url(../images/trade-open-and-bbpost.png) !important;
        }
	table.trips tbody tr.tbdrop td.icon {
		background-image: url(../images/trade-drop.png);
	}
	table.trips tbody tr.tbtrade td.icon {
		background-image: url(../images/trade-trade.png);
	}
		table.trips tbody tr.tbtrade.match td.icon {
			background-image: url(../images/trade-trade-match.png);
		}
        table.trips tbody tr.tbtrade.importedmatch td.icon {
            background-image: url(../images/trade-trade-match-hollow.png);
        }
	table.trips tbody tr.tbmulti td.icon {
		background-image: url(../images/trade-multi.png);
	}
		table.trips tbody tr.tbmulti.match td.icon {
			background-image: url(../images/trade-multi-match.png);
		}
        table.trips tbody tr.tbmulti.importedmatch td.icon {
            background-image: url(../images/trade-multi-match-hollow.png);
        }
	table.trips tbody tr.mytbdrop td.icon {
		background-image: url(../images/trade-drop-mine.png) !important;
	}
	table.trips tbody tr.mytbtrade td.icon {
		background-image: url(../images/trade-trade-mine.png) !important;
	}
	table.trips tbody tr.mytbmulti td.icon {
		background-image: url(../images/trade-multi-mine.png) !important;
	}
	/* advanced icons */
	table.trips tbody tr.trade td.icon {
		background-image: url(../images/trade-trade.png);
	}
	table.trips tbody tr.trade-mine td.icon {
		background-image: url(../images/trade-trade-mine.png);
	}
	table.trips tbody tr.trade-criteria td.icon {
		background-image: url(../images/trade-filter.png);
	}
	table.trips tbody tr.trade-criteria-match td.icon {
		background-image: url(../images/trade-filter-match.png);
	}
    table.trips tbody tr.trade-criteria-importedmatch td.icon {
        background-image: url(../images/trade-filter-match-hollow.png);
    }
	table.trips tbody tr.trade-criteria-mine td.icon {
		background-image: url(../images/trade-filter-mine.png);
	}
	table.trips tbody tr.drop td.icon {
		background-image: url(../images/trade-drop.png);
	}
    table.trips tbody tr.vdrop td.icon {
        background-image: url(../images/trade-vacation-drop.png);
    }
	table.trips tbody tr.drop-mine td.icon {
		background-image: url(../images/trade-drop-mine.png);
	}
    table.trips tbody tr.vdrop-mine td.icon {
        background-image: url(../images/trade-vacation-drop-mine.png);
    }
	table.trips tbody tr.drop-trade td.icon {
		background-image: url(../images/trade-multi.png);
	}
	table.trips tbody tr.drop-trade-criteria td.icon {
		background-image: url(../images/trade-multi-filter.png);
	}
	table.trips tbody tr.drop-trade-criteria-mine td.icon {
		background-image: url(../images/trade-multi-filter-mine.png);
	}
	table.trips tbody tr.drop-trade-criteria-match td.icon {
		background-image: url(../images/trade-multi-filter-match.png);
	}
    table.trips tbody tr.drop-trade-criteria-importedmatch td.icon {
        background-image: url(../images/trade-multi-filter-match-hollow.png);
    }

	table.trips > tbody > tr.tripinfo {
	}
		table.trips > tbody > tr.tripinfo > td {
			padding: 0;
			cursor: default;
			background: transparent url(../images/thbg-normal.gif) repeat-y scroll -2px 0;
		}
		table.trips > tbody > tr.tripinfo:hover > td {
			background-color: transparent;
		}
	table.trips > tbody > tr.tripinfo .notfound {
		line-height: 2em;
		font-size: 11pt;
		font-weight: bold;
		text-align: center;
	}
	table.trips tbody tr.loading td.timeline
	/*,table.trips tbody tr.loading td:last-child*/ {
		background-image: url(../images/loading2.gif);
		background-position: right center;
		background-repeat: no-repeat;
	}
	table.trips > tbody > tr.error > td.timeline {
		background-image: url(../images/error.png);
		background-position: right center;
		background-repeat: no-repeat;
	}

	div.caption.filtered {
		padding: 0px;

		text-align: left;
		font-size: 12px;
		border: 1px solid #D8D8D8;
		background-color: #FFFBD4;
	}
		div.caption.filtered #clear-filter {
			position: relative;
			top: 1px;
			margin-right: 3px;
			cursor: pointer;
		}
	div.caption.filtered {
		padding: 0px;

		text-align: left;
		font-size: 12px;
		border: 1px solid #D8D8D8;
		background-color: #FFFBD4;
	}
		div.caption.filtered #clear-filter {
			position: relative;
			top: 1px;
			margin-right: 3px;
			cursor: pointer;
		}		



/* trip information */
div.inline-tripinfo {
}
    div.inline-tripinfo .popout,
    div.inline-tripinfo .popout2 {
		float:right;
		margin: 2px 2px 0 0;
		padding-right: 20px;
		background: transparent url(../images/popout.gif) no-repeat scroll right center;
	}
	div.inline-tripinfo > ul {
		margin: 0 0 0 33px;
		padding: 0;
	}
	div.inline-tripinfo > ul > li {
		/*position: relative;*/
		margin-bottom: 3px;
		list-style-type: none;
		list-style-image: none;
		/*list-style-image: url(../images/plus.gif);*/
	}
	div.inline-tripinfo > ul > li.expanded {
		/*list-style-image: url(../images/minus.gif);*/
	}
	div.inline-tripinfo > ul > li:last-child {
		margin-bottom: 0;
	}
	div.inline-tripinfo > ul > li .title {
		position: relative;
		margin-bottom: 3px;
		cursor: pointer;
	}
		div.inline-tripinfo > ul > li .title img.expander {
			position: absolute;
			top: 4px;
			left: -14px;
		}
		div.inline-tripinfo > ul > li .title > span {
			position: absolute;
			left: 120px;
		}
	div.inline-tripinfo > ul > li .content {
		display: none;
		padding: 1px 0;
	}

div.tripdetails table.summary {
	margin-bottom: 4px;
}
	div.tripdetails table.summary td {
		padding: 2px 20px;
		text-align: center;
	}
div.tripdetails ul.crewmembers {
	margin: 0 0 0 15px;
	padding: 0;
	list-style-type: none;
}
	div.tripdetails ul.crewmembers li {
		float: left;
		margin-right: 23px;
	}
div.tripdetails table.segments td {
	padding: 2px 4px;
}
div.tripdetails table.segments tr.layover td {
	border-bottom: 2px solid green;
}
div.tripdetails table.segments tr.layover td.arvstn {
	color: green;
	font-weight: bold;
}
div.tripdetails table.segments tr.deadhead td.flight {
	color: #DD951C;
}

div.tradedetails dl {
	margin: 0 0 5px 15px;
}
	div.tradedetails dl dt {
		float: left;
		width: 50px;
	}
	div.tradedetails dl dd {
		margin-left: 50px;
	}
div.tradedetails table.bbposts {
	width: 90%;
	margin-bottom: 3px;
}
	div.tradedetails table.bbposts tr td {
		vertical-align: top;
		background-position: center 2px;
	}
    div.tradedetails table.bbposts tr td.filenumber {
        width: 45px;
    }
    div.tradedetails table.bbposts tr td.position {
        width: 25px;
    }
	div.tradedetails table.bbposts th.type {
		width: 45px;
	}
	div.tradedetails table.bbposts tr td.away {
		width: 15%;
	}
    div.tradedetails table.bbposts tr td.information,
	div.tradedetails table.bbposts tr td.into,
	div.tradedetails table.bbposts tr td.message {
		white-space: normal;
	}

/* trade details */
div.inline-tradeinfo {
}
    div.inline-tradeinfo > ul {
        margin: 0 0 0 33px;
        padding: 0;
    }
    div.inline-tradeinfo > ul > li {
        /*position: relative;*/
        margin-bottom: 3px;
        list-style-type: none;
        list-style-image: none;
        /*list-style-image: url(../images/plus.gif);*/
    }
    div.inline-tradeinfo > ul > li.expanded {
        /*list-style-image: url(../images/minus.gif);*/
    }
    div.inline-tradeinfo > ul > li:last-child {
        margin-bottom: 0;
    }
    div.inline-tradeinfo > ul > li .title {
        position: relative;
        margin-bottom: 3px;
        cursor: pointer;
    }
        div.inline-tradeinfo > ul > li .title img.expander {
            position: absolute;
            top: 4px;
            left: -14px;
        }
        div.inline-tradeinfo > ul > li .title > span {
            position: absolute;
            left: 120px;
        }
    div.inline-tradeinfo > ul > li .content {
        display: none;
        padding: 1px 0;
    }


/* action items */
div.action-items {
    margin: 5px 0 5px 0;
    color: #A94A5A;
    background-color: #EFEBDD;
    font-weight: bold;
    font-size: 11px;
    border-style: solid;
    border-width: 1px;
    border-color: #B7B7B7;
}

/* common to bbposts tables */
table.bbposts tr.potopen td.icon {
	background-image: url(../images/potopen.png);
}
table.bbposts tr.drop td.icon {
	background-image: url(../images/trade-drop.png);
}
table.bbposts tr.vdrop td.icon {
    background-image: url(../images/trade-vacation-drop.png);
}
table.bbposts tr.drop-mine td.icon {
	background-image: url(../images/trade-drop-mine.png);
}
table.bbposts tr.vdrop-mine td.icon {
    background-image: url(../images/trade-vacation-drop-mine.png);
}
table.bbposts tr.trade td.icon {
	background-image: url(../images/trade-trade.png);
}
table.bbposts tr.trade-criteria td.icon {
	background-image: url(../images/trade-filter.png);
}
table.bbposts tr.trade-criteria-match td.icon {
	background-image: url(../images/trade-filter-match.png);
}
table.bbposts tr.trade-criteria-importedmatch td.icon {
    background-image: url(../images/trade-filter-match-hollow.png);
}
table.bbposts tr.trade-mine td.icon {
	background-image: url(../images/trade-trade-mine.png);
}
table.bbposts tr.trade-criteria-mine td.icon {
	background-image: url(../images/trade-filter-mine.png);
}
table.bbposts tr.pickup td.icon {
	background-image: url(../images/trade-pickup.png);
}
table.bbposts tr.pickup-match td.icon {
	background-image: url(../images/trade-pickup-match.png);
}
table.bbposts tr.pickup-importedmatch td.icon {
    background-image: url(../images/trade-pickup-match-hollow.png);
}
table.bbposts tr.pickup-criteria td.icon {
	background-image: url(../images/trade-pickup-filter.png);
}
table.bbposts tr.pickup-criteria-match td.icon {
	background-image: url(../images/trade-pickup-filter-match.png);
}
table.bbposts tr.pickup-criteria-importedmatch td.icon {
    background-image: url(../images/trade-pickup-filter-match-hollow.png);
}
table.bbposts tr.pickup-mine td.icon {
	background-image: url(../images/trade-pickup-mine.png);
}
table.bbposts tr.pickup-criteria-mine td.icon {
	background-image: url(../images/trade-pickup-filter-mine.png);
}
/* common to trades tables */
table.trades tr.drop td.icon {
    background-image: url(../images/trade-drop.png);
}
table.trades tr.vdrop td.icon {
    background-image: url(../images/trade-vacation-drop.png);
}
table.trades tr.drop-mine td.icon {
    background-image: url(../images/trade-drop-mine.png);
}
table.trades tr.vdrop-mine td.icon {
    background-image: url(../images/trade-vacation-drop-mine.png);
}
table.trades tr.trade td.icon {
    background-image: url(../images/trade-trade.png);
}
table.trades tr.trade-criteria td.icon {
    background-image: url(../images/trade-filter.png);
}
table.trades tr.trade-mine td.icon {
    background-image: url(../images/trade-trade-mine.png);
}
table.trades tr.trade-criteria-mine td.icon {
    background-image: url(../images/trade-filter-mine.png);
}
table.trades tr.pickup td.icon {
    background-image: url(../images/trade-pickup.png);
}
table.trades tr.pickup-criteria td.icon {
    background-image: url(../images/trade-pickup-filter.png);
}
table.trades tr.pickup-mine td.icon {
    background-image: url(../images/trade-pickup-mine.png);
}
table.trades tr.pickup-criteria-mine td.icon {
    background-image: url(../images/trade-pickup-filter-mine.png);
}
/* Misc bbposts for FA open trip*/
table.bbposts tr.open td{
    background-color: #E8EEFA;
}
table.bbposts tr.open td.icon {
    background-image: url(../images/opentrip.png);
}
/*
table.bbposts tr.drop td,
table.bbposts tr.trade td,
table.bbposts tr.trade-criteria td,
table.bbposts tr.trade-criteria-match td,
table.bbposts tr.trade-criteria-importedmatch td,
table.bbposts tr.pickup td,
table.bbposts tr.pickup-match td,
table.bbposts tr.pickup-importedmatch td,
table.bbposts tr.pickup-criteria td,
table.bbposts tr.pickup-criteria-match td,
table.bbposts tr.pickup-criteria-importedmatch td{
        color: #3C7C12;
        background-color: #D5E7B8;
}
table.bbposts tr.drop-mine td,
table.bbposts tr.trade-mine td,
table.bbposts tr.pickup-mine td{
        color: #D3940C;
        background-color: #FFF0D2;
} */

/* trip filter edit pane */
.crit-container {
	padding: 5px 4px 0;
	margin: 4px 3px 3px 5px;
	width: 600px;
}
	.crit-container .crit {
		clear: both;
		line-height: 30px;
		margin-bottom: 4px;
		border-top: 1px solid #bbb;
	}
		.crit-container .crit .validation-error {
			margin: .1em 0;
			padding-left: 4em;
			color: red;
		}
		.crit-container .crit .delete {
			float: left;
			width: 21px;
			height: 21px;
			margin: 3px 1.4em 0 2px;
			cursor: pointer;
			border: 1px solid #fff;
			background: transparent url(../images/remove.png) no-repeat scroll center center;
		}
		.crit-container .crit .delete:hover {
			border: 1px dashed #C50000;
			background-color: #FFE8E8;
		}
		.crit-container .crit .delete.placeholder {
			cursor: default;
			visibility: hidden;
		}
		.crit-container .crit > div > input,
		.crit-container .crit > div > select,
		.crit-container .crit > div > div {
			width: 100%;
			margin-top: 5px;
		}
			.crit-container .crit > div > div input[type=text] {
				width: 100%;
			}
		.crit-container .crit .crit-type,
		.crit-container .crit .cmp-op,
		.crit-container .crit .value {
			float: left;
			margin-right: 20px;
		}
		.crit-container .crit .crit-type {
			width: 156px;
		}
		.crit-container .crit .cmp-op {
			width: 153px;
		}
		.crit-container .crit .value {
			width: 200px;
			margin-right: 0;
		}
	.crit-container .crit.non-flying-assignments {
		display: none;
	}

/* available trips */
a.header-filter-link {
	position: absolute;
	right: 280px;
	padding-left: 18px;
	font-size: 12px;
	font-style: normal;
	background: transparent url(../images/filter.png) no-repeat scroll left center;
}


#filter label {
	display: block;
}
#filter button {
	margin-right: 10px;
}



/* calendar side pane */
#calendar-pane {
	padding: 4px 10px 8px 10px;
}
	#calendar-pane img.calendar {
		display: block;
        margin-top: 0;
        margin-left:-6px;
		background: #fff url(../images/loading.gif) no-repeat scroll center center;
		border: 1px solid #ccc;
	}
	#calendar-pane .lastupdated {
		line-height: normal;
		font-size: .8em;
		text-align: right;
        padding-top:3px;
	}
        #calendar-pane .lastupdated em {
            margin-left:-10em;
        }
	#calendar-pane table.monthly-summary {
		width: 100%;
		margin: 0 4px;
	}
		#calendar-pane table.monthly-summary th {
			color: #4B4B4B;
		}
		#calendar-pane table.monthly-summary .minor {
			display: none;
		}
		#calendar-pane.temp-trade table.monthly-summary .mine {
			color: #999;
			text-decoration: line-through;
		}
		#calendar-pane.temp-trade table.monthly-summary .new {
			color: #06c;
			font-weight: bold;
		}
	#calendar-pane .toggle-minor {
		font-size: .8em;
	}
#calendar-pane #scratchpad {
	margin: 0 4px;
	min-height: 38px;
	border: 1px solid #3C3C3C;
	background-color: #fff;
}
	#calendar-pane #scratchpad .item {
		line-height: 18px;
		padding-left: 24px;
		background-repeat: no-repeat;
		background-position: 3px center;
	}
	#calendar-pane #scratchpad .away {
		background-image: url(../images/trade-drop-mine.png);
	}
	#calendar-pane #scratchpad .into {
		background-image: url(../images/trade-pickup.png);
	}
		#calendar-pane #scratchpad .item .remove {
			/*visibility: hidden;*/
			float: right;
			margin: 2px 3px 0 0;
			padding: 2px;
			cursor: pointer;
		}
		#calendar-pane #scratchpad .item:hover .remove {
			visibility: visible;
		}
#calendar-pane #trade-buttons {
	margin: 10px 4px 0;
}
	#calendar-pane #trade-buttons .button {
		padding: 2px 4px;
		background-color: #dadada;
		background-color: #fff;
		border: 1px solid #aaa;
		color: #343434;
		text-decoration: none;
		cursor: pointer;
	}
	#calendar-pane #trade-buttons .button:hover {
		background-color: #ddd;
	}
	#calendar-pane #trade-buttons .button:active,
	#calendar-pane #trade-buttons .button.mousedown {
		background-color: #aaa;
		border-style: inset;
	}
	#calendar-pane #trade-buttons .button .dropdown-button {
		padding-left: 3px;
		border-left: 1px solid #aaa;
	}
	#calendar-pane #trade-buttons #add-my-trip-dropdown-list {
		display: none;
		position: absolute;
		z-index: 10;
		top: -1px;
		right: 0;
		width: 100px;
		background-color: #fff;
		border: 1px solid #aaa;
		border-top-style: none;
	}
		#calendar-pane #trade-buttons #add-my-trip-dropdown-list .mytrip {
			padding: 0 4px;
			cursor: pointer;
		}
		#calendar-pane #trade-buttons #add-my-trip-dropdown-list .mytrip:hover {
			background-color: #eee;
		}
#calendar-pane #legality-container {
	margin: 0 4px;
	min-height: 38px;
	border: 1px solid #3C3C3C;
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: center center;
}
	#calendar-pane #legality-container.loading {
		height: 38px;
		background-image: url(../images/loading.gif);
	}
#calendar-pane #legality {
	padding: 2px;
}
	#calendar-pane #legality .legal {
		line-height: 34px;
		text-align: center;
	}
		#calendar-pane #legality .legal span {
			padding: 5px 5px 5px 32px;
			font-size: 1.2em;
			background: transparent url(../images/check24.png) no-repeat scroll left center;
		}
	#calendar-pane #legality .illegality {
		line-height: 18px;
		padding-left: 24px;
		color: #343434;
		background: no-repeat 3px center url(../images/error.png);
	}
	#calendar-pane #legality .warning {
		line-height: 18px;
		padding-left: 24px;
		color: #343434;
		background: no-repeat 3px center url(../images/warning.png);
	}
	#calendar-pane #legality .illegality exbuffer {
		display: none;
	}
#calendar-pane a.toggle-my-trips {
    margin: 10px 0 5px;
    display: block;
}
#calendar-pane tr.tradeInto td {
    color: #06c;
    font-weight: bold;
    background-color: #CCE6CC;
}
#calendar-pane tr.tradeAway td {
    text-decoration: line-through;
    background-color: #FDF4DF;
}
#calendar-pane tr.tradeAway td a{
    text-decoration: underline line-through;
}

/* wanted trips */
#wantedtrips table.wantedtrips {
	width: 100%;
}


/* my calendar */
#my-calendar img.calendar {
	display: block;
}
#my-calendar .lastupdated {
	line-height: normal;
	font-size: .8em;
	text-align: right;
}
#my-calendar ul.monthly-summary {
	margin: 0 0 0 20px;
	padding: 0;
	list-style: none;
}
	#my-calendar ul.monthly-summary li {
		float: left;
		min-width: 115px;
		margin-right: 5px;
		white-space: nowrap;
	}


/** notifications **
 *******************/
#notifications #notifications-list table {
	width: 100%;
}
	#notifications #notifications-list table td {
		height: 20px;
		cursor: default;
	}
	#notifications #notifications-list table td.icon {
		background-image: url(../images/notification-16.png);
	}
	#notifications #notifications-list table .criteria {
		width: 50%;
		border-right: none;
		white-space: normal;
	}
	#notifications #notifications-list table td.del {
		width: 17px;
	}
		#notifications #notifications-list table td.del a {
			visibility: hidden;
		}
	#notifications #notifications-list table tbody tr:hover td {
		background-color: transparent;
	}
		#notifications #notifications-list table tbody tr:hover td.del a {
			visibility: visible;
		}
	#notifications #notifications-list table tr.empty td {
		height: 150px;
		text-align: center;
		border: none;
	}

#notifications #notification-edit {
	padding-top: 10px;
	font-size: 1.1em;
}
	#notifications #notification-edit > table {
		width: 100%;
	}
		#notifications #notification-edit > table td {
			vertical-align: top;
		}
		#notifications #notification-edit > table td.name {
			width: 35%;
		}
	#notifications #notification-edit .buttons {
		margin: 25px 0 10px 5px;
		padding-bottom: 4px;
	}
		#notifications #notification-edit .buttons button {
			margin-right: .3em;
		}
		#notifications #notification-edit .buttons .saving {
			padding-left: 18px;
			background: transparent url(../images/loading2.gif) no-repeat scroll left center;
		}
		#notifications #notification-edit .buttons .saved {
			display: inline-block;
			height: 16px;
			margin-left: 1em;
			padding-left: 17px;
			background: transparent url(../images/saved.png) no-repeat scroll left center;
		}
		#notifications #notification-edit .buttons .error {
			display: inline-block;
			height: 16px;
			padding-left: 18px;
			background: transparent url(../images/error.png) no-repeat scroll left center;
		}

#notifications #notification-delete {
	text-align: center;
}

/** trades **
 ***********/
#trades #trades-list table.trades,
#trades #trades-list table.trade-items {
    width: 100%;
}
#trades #trades-list table tr.trade-row td {
    height: 20px;
    cursor: pointer;
    white-space: normal;
    vertical-align: top;
    background-position: center 2px;
}
#trades #trades-list thead tr th.actions {
    width: 20px;
}
#trades #trades-list .inline-tradeinfo {
    margin: 0 0 0 40px;
    padding: 0;
}
#trades #trades-list .inline-tradeinfo div.trade-properties{
    margin: 5px 0 5px 60px;
    padding: 0;
}
#trades #trades-list .inline-tradeinfo .property-name {
    font-weight: bold;
    padding-right: 5px;
    vertical-align: top;
    white-space:nowrap;
}
#trades #trades-list .inline-tradeinfo .property-value {
    white-space:normal;
}
    #trades #trades-list tr.tradeinfo > td {
        padding: 0;
        cursor: default;
        background: transparent url(../images/thbg-normal.gif) repeat-y scroll 10px 0;
        white-space:normal;
    }
    #trades #trades-list tr.tradeinfo.outlined > td {
        background: transparent url(../images/thbg-otlined.gif) repeat-y scroll 10px 0;
        border-right: 1px solid #6DB5FF;
        border-bottom: 1px solid #6DB5FF;
    }
    #trades #trades-list tr.tradeinfo:hover > td {
        background-color: transparent;
    }
    #trades #trades-list table.trade-items > tbody > tr > td {
        border-color: transparent;
        border-bottom: 1px solid #D8D8D8;
        line-height: 155%;
        padding: .2em .3em;
        vertical-align: top;
    }
    #trades #trades-list table.trade-items > tbody > tr > td.trade-item-type {
        border-left: 1px solid #D8D8D8;
        border-right: 1px solid #D8D8D8;
    }
    #trades #trades-list table.trade-items > tbody > tr > td.trip-id {
        border-right: 1px solid #D8D8D8;
        text-align: center;
    }
    #trades #trades-list table.trade-items > tbody > tr > td.trade-item-summary {
        border-right: 1px solid #D8D8D8;
    }
    #trades #trades-list table.trade-items > tbody > tr > td.timeline {
        border-right: 1px solid #D8D8D8;
        vertical-align: middle;
    }

#trades #trades-list tbody > tr.tradeinfo .notfound {
    line-height: 2em;
    font-size: 11pt;
    font-weight: bold;
    text-align: center;
    margin-top: 5px;
    margin-bottom : 5px;
}
#trades #trades-list tbody tr.loading td.status {
    background-image: url(../images/loading2.gif);
    background-position: right center;
    background-repeat: no-repeat;
}
#trades #trades-list tbody > tr.error > td.status {
    background-image: url(../images/error.png);
    background-position: right center;
    background-repeat: no-repeat;
}
#loading-matches.error {
    color: red;
}
#trades div.matches-container {
    margin:5px 0 5px -15px;
}
#trades .progress-indicator-container.loading {
    background-image: url(../images/loading2.gif);
    background-position: right center;
    background-repeat: no-repeat;
}
#trades .progress-indicator-container.error {
    background-image: url(../images/error.png);
    background-position: right center;
    background-repeat: no-repeat;
}

#trades div.criteria-details-title {
    margin-left:-15px;
    cursor:pointer;
    width:100px;
}
#trades div.criteria-details {
    margin: 0 0 5px 60px;
    padding: 0;
}
#trades table.list tbody tr.trade-row.selected td {
    background-color: #6DB6FF;
}
#trades table.list tbody tr.trade-row.selected:hover td {
    background-color: #8FCEFF;
}
#trades table.list tbody tr.expired td {
    background-color: #EEEEEE;
}
#trades table.list tbody tr.expired:hover  td {
    background-color: #E5E5E5;
}
#trades table.list tbody tr.expired.selected td {
    background-color: #6DB6FF;
}
#trades table.list tbody tr.expired.selected:hover td {
    background-color: #8FCEFF;
}

#trades table.list tbody tr.successful td {
    background-color: #D3F2C6;
}
#trades table.list tbody tr.successful:hover td {
    background-color: #D5E7B8;
}
#trades table.list tbody tr.successful.selected td {
    background-color: #6DB6FF;
}
#trades table.list tbody tr.successful.selected:hover td{
    background-color: #8FCEFF;
}

#trades table.trade-items tbody tr.trade-item-row.shopeable td {
    cursor:pointer;
}
#trades table.trade-items tbody tr.trade-item-row.shopeable:hover td {
    background-color: #E8EEF7;
}
#trades table.trade-items tbody tr.selected.trade-item-row.shopeable td {
    background-color: #6DB6FF;
}
#trades table.trade-items tbody tr.selected.trade-item-row.shopeable.into:hover td {
    background-color: #B2D9B2;
}
#trades table.trade-items tbody tr.selected.trade-item-row.shopeable.away:hover td {
    background-color: #FFD280;
}

#trades table.trade-items tbody tr.trade-item-row.away.selected td,
#trades tr.tradeinfo.shop-trade-constructed table.trade-items tbody tr.trade-item-row.away.pre-selected td {
    background-color: #FFDB99;
}
#trades table.trade-items tbody tr.trade-item-row.into.selected td,
#trades tr.tradeinfo.shop-trade-constructed table.trade-items tbody tr.trade-item-row.into.pre-selected td {
    background-color: #CCE6CC;
}
/* trip coloring overrides */
#trades tr.tradeinfo table.trips tr.selected td {
    background-color: #CCE6CC !important;
}
#trades tr.tradeinfo table.trips tr.selected:hover td {
    background-color: #B2D9B2 !important;
}

#trades tr.trade-update-bar div.reorder-failed {
    color:red;
}

#trades tr.trade-update-bar span.loading {
    padding-left: 20px;
    background: transparent url(../images/loading4.gif) no-repeat scroll left center;
}
#trades #trades-list tr.trade-update-bar.outlined > td {
    background: transparent url(../images/thbg-otlined.gif) repeat-y scroll -11px 0;
    border-right: 1px solid #6DB5FF;
    border-top: 1px solid #6DB5FF;
    border-bottom: 1px solid #6DB5FF;
}
#trades .deleting {
    padding-left: 18px;
    background: transparent url(../images/loading2.gif) no-repeat scroll left center;
}
#trades .saved {
    height: 16px;
    padding-left: 17px;
    background: transparent url(../images/saved.png) no-repeat scroll left center;
}

/**********/
/** display filter **
 *******************/
#displayfilter #displayfilter-edit .buttons button {
	margin-right: .3em;
}
#displayfilter #displayfilter-edit .buttons .saving {
	padding-left: 18px;
	background: transparent url(../images/loading2.gif) no-repeat scroll left center;
}

#displayfilter #displayfilter-edit .buttons .deleting {
	padding-left: 18px;
	background: transparent url(../images/loading2.gif) no-repeat scroll left center;
}

#displayfilter #displayfilter-edit .buttons .saved {
	display: inline-block;
	height: 16px;
	margin-left: 1em;
	padding-left: 17px;
	background: transparent url(../images/saved.png) no-repeat scroll left center;
}

#displayfilter #displayfilter-edit .buttons .error {
	display: inline-block;
	height: 16px;
	padding-left: 18px;
	background: transparent url(../images/error.png) no-repeat scroll left center;
}

.filtered #confirmation .deleting {
	padding-left: 18px;
	background: transparent url(../images/loading2.gif) no-repeat scroll left center;
}

.filtered #confirmation .error {
	display: inline-block;
	height: 16px;
	padding-left: 18px;
	background: transparent url(../images/error.png) no-repeat scroll left center;
}


#feedback {
	width: 450px;
	margin: 20px auto;
	padding: 12px 15px;
	background-color: #efefef;
	border: 1px solid #dfdfdf;
}
	#feedback p {
		font-size: 1.1em;
	}
	#feedback .note {
		margin: 0 10px;
	}
	#feedback table {
		width: 418px;
		margin: 5px 10px 0;
		text-align: left;
		border-collapse: collapse;
	}
	#feedback th {
		width: 56px;
		text-align: left;
		font-size: 13px;
		line-height: 24px;
	}
	#feedback textarea {
		width: 100%;
		margin-top: 8px;
		font-size: 13px;
		font-family: Verdana,Helvetica,Arial,sans-serif;
	}
	#feedback td input, #feedback td select {
		width: 170px;
	}



/* full trip details window */
#tripdetails {
	position: relative;
	width: 450px;
	margin: 4px 10px 10px;
	font-size: 12px;
}
	#tripdetails h3 {
		margin-bottom: 0;
	}
	#tripdetails h4 {
		margin: 10px 0 7px;
		font-size: 120%;
	}
	#tripdetails .datasource {
		float: right;
		margin-right: 6px;
		line-height: normal;
		font-size: 10px;
		text-align: right;
	}
	#tripdetails #tabs2 {
		text-align: left;
	}
		#tripdetails #tabs2 a {
			padding: 2px 4px;
			border: 1px solid #fff;
		}
		#tripdetails #tabs2 a:hover {
			border: 1px dotted #ccc;
		}
		#tripdetails #tabs2 a.active {
			padding: 2px 3px;
			font-weight: bold;
			border: 1px solid #ccc;
			background-color: #eee;
		}
		#tripdetails #tabs2 .spacer {
			padding: 0 8px;
		}
	#tripdetails .tab-panel {
		margin-top: 5px;
	}
	#tripdetails .seperator {
		border-top: 1px solid #888888;
	}
	#tripdetails table.summary {
		margin: 0 auto 4px;
	}
		#tripdetails table.summary td {
			padding: 2px 12px;
			text-align: left;
		}
	#tripdetails .crew {
		margin: 5px 10px;
	}
	#tripdetails .segments_timeline {
		position: relative;
		margin: 5px 10px;
		line-height: 22px;
		height: 22px;
	}
		#tripdetails .segments_timeline .timeline {
			position: absolute;
			top: 7px;
			right: 0;
		}
	#tripdetails table.segments {
		margin: 0 auto;
		min-width: 410px;
	}

/* Trades tab */
#tripdetails dl.postinfo {
	margin: 8px 0 8px 30px;
}
	#tripdetails dl.postinfo dt {
		float: left;
		width: 70px;
	}
	#tripdetails dl.postinfo dd {
		margin-left: 70px;
	}
#tripdetails table.bbposts {
	width: 100%;
}
	#tripdetails table.bbposts th,
	#tripdetails table.bbposts td {
		line-height: 140%;
		border: 1px solid #ccc;
		white-space: nowrap;
	}
	#tripdetails table.bbposts th {
		border-top-style: none;
	}
	#tripdetails table.bbposts td.into,
	#tripdetails table.bbposts td.message {
		white-space: normal;
	}

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

#layovers-container.loading {
    height:40px;
    width:auto;
    margin:2px;
    border:1px solid #ccc;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(../images/loading.gif);
}
#layovers-container #noinfo {
    margin-left:27px;
}

/* legend styles */
#legend { width: 450px; margin: 5px auto; line-height: 1.3em; }
#legend table { width: 100%; border-collapse: collapse; }
#legend table td { border-bottom: 1px solid #888; }
#legend table td.icon { width: 20px; text-align: center; vertical-align: middle; }
#legend ul { margin: 4px 0; padding: 0 0 0 20px; }

#expiration {
	background:#FFFBD4;
	border:1px solid black;
	padding:18px;
	padding-left:37px;
	padding-right:38px;
	position:absolute;
	top:0;
	z-index:10000000;
}
#calendar-print-options{
	background: #efefef;
	border: 1px solid #dfdfdf;
	height: 155px;
	padding:10px;
}
	#calendar-print-options form{
		width:520px;
	}
	#include-calendar-form-section {
		float:left;
		padding:5px;
		height:120px;
		border: 1px dashed #bbb;
	}
		#include-calendar-form-section label {
			clear:left;
			float:left;
			white-space: no-wrap;
		}
		#calendar-raw {
			clear:left;
			float:left;
			padding: 5px;
			border: 1px dotted #bbb;
		}
		#calendar-raw label {
			white-space:no-wrap;
		}
	#include-details {
		width:365px;
		float:right;
		padding:5px;
		height:120px;
			border: 1px dashed #bbb;
	}
		#include-details #details-raw {
			float:left;
			clear:left;
			border: 1px dotted #bbb;
			margin-right:5px;
			padding:5px;
			width:158px;
		}
			#include-details #details-raw label{
				float:left;
				clear:left;
			}
		#include-details #details-nextonly {
			float:right;
			padding:5px;
			width:178px;
			border: 1px dotted #bbb;
		}
	#calendar-print-submit {
		float:left;
		clear:left;
		margin-top:5px;
	}

	#calApplyLink {
		background: url(../images/check16.png) 3px center no-repeat;
		padding:2px 5px 2px 25px;
		margin-top:5px;
		margin-left:5px;
		cursor:pointer;
	}
	#calPrintLink {
		background: url(../images/print.gif) 3px center no-repeat;
		margin-top:5px;
		padding:2px 5px 2px 23px;
		margin-left:10px;
		cursor:pointer;
	}
	#calOptionsToggle {
		float:right;
		margin-right:5px;
	}
	#saveSettings {
		float:right;
		clear:all;
	}

	#calendar-preview .calendar-raw-width-0 pre{
		font-size: 7pt;
		width:288px;
	}
	#calendar-preview .calendar-raw-width-1 pre{
		font-size: 8pt;
		width:480px;
	}
	#calendar-preview .calendar-raw-width-2 pre{
		font-size: 16pt;
		width:672px;
	}

	#calendar-preview .width0,
    #calendar-preview .width0 pre {
		font-size: 8pt;
		width:288px;
	}

	#calendar-preview .width1,
    #calendar-preview .width1 pre {
		font-size: 12pt;
		width:480px;
	}

    #calendar-preview .width2,
    #calendar-preview .width2 pre {
		font-size: 16pt;
		width:672px;
	}

	#calendar-preview.loading {
		background-image:url(../images/loading.gif);
		background-position: 99% 5px;
		background-repeat: no-repeat;
		border: 1px solid black;
		min-height:50px;
	}
.printLeftEnabled {
	width:16px;
	height:16px;
	margin-right:10px;
    margin-top:3px;
	float:left;
	cursor:pointer;
	background-repeat:no-repeat;
	background-image:url(../images/print.png);
}
.printLeftDisabled {
	width:16px;
	height:16px;
	margin-right:10px;
    margin-top:3px;
	float:left;
	background-repeat:no-repeat;
	background-image:url(../images/printDisabled.png);
}

@media print {
	.printOnly { display:inline; }
	.container { margin-left:27px; }
	.list{ font-size:12px; }
	td.del { display:none; }
}
.shop-tooltip {
    position: absolute;
    z-index: 2;
    background: #efd;
    border: 1px solid #ccc;
    padding: 3px;
    width: 170px;
}

.open-trips-last-updated {
    margin-left: 5px;
}
#print-calendar {
	float:left;
	padding:3px 0 3px 18px;
    margin-top:9px;
	background:url(../images/print.gif) left center no-repeat;
}
#raw-calendar {
	padding-right: 20px;
    background: transparent url(../images/popout.gif) no-repeat scroll right center;
}

/*           context menu         */
div.dropdown-img {
    float:right;
    width:16px;
    height:16px;
    padding-left: 1px;
    background:url(../images/dropdown.gif) left no-repeat;
    text-decoration: none;
}

div.context-menu {
    width: 140px;
    position: absolute;
    z-index: 500;
    border-width: 1px;
    border-style: solid;
    border-width: thin;
    border-color: gray;
    background-color: white;
}

div.context-menu-header {
    height:20px;
    padding-left: 5px;
    border-bottom: gray solid 1px;
    background-color:#FFF1E1;
    font-weight: bold;
}

div.context-menu-header div.context-menu-close {
    background:url("../images/clear.gif") no-repeat scroll left top transparent;
    cursor:pointer;
    float:right;
    height:16px;
    width:17px;
    margin:3px 0;
}

div.context-menu ul {
    clear:both;
    margin:0;
    padding:0 10px 0 7px;
    height:100%;
    list-style-type:none;
}

div.context-menu li.context-menu-item {
    color:#846990;
    cursor:pointer;
    display:block;
    font-size:11px;
    margin: 0;
    padding:3px 0 3px;
    border-bottom-color:gray;
    border-bottom-width:1px;
    border-bottom-style:dotted;
}

div.context-menu li.context-menu-item:hover {
    color:#F48D1F;
}

div.context-menu li.context-menu-item.last-item {
    border-bottom-style:none;
}

div.context-menu li.context-menu-item.disabled {
    color:gray;
    cursor:text;
}

/* trade creation*/
table.trade-details td.label, table.trade-details td.content, table.trade-details td.change{
    padding-top: 10px;
    padding-bottom: 10px;
}
table.trade-details td.label{
    font-weight:bold;
}
table.trade-details td.bbp-data{
    padding-left:30px;
}
table.trade-details td.fixed-height{
    height:43px;
}

table.trade-details th.label{
    width:180px;
}
table.trade-details th.content{
    width:300px;
}
table.trade-details th.change{
    width:70px;
}

#trade-edit .stepimg {
    float: right;
}

#trade-edit .buttons {
    margin:2em 0 1em 0;
    line-height: 23px;
}

#trade-edit .buttons .ui-button {
    line-height: 1.4;
}

#trade-edit .buttons .ui-button-text {
   padding: 0.4em 1em;
}

#trade-edit .step-padding {
    min-height:180px;
    padding:1em 0 0 2em;
    position:relative;
}

#trade-edit .note-error {
    margin: 20px 0 20px 0;
}

#trade-edit .note-error ul {
    margin: 0;
    padding-left:25px;
}

#trade-edit div.buttons .progress {
    height: 16px;
    margin: auto 0 auto 15px;
}
#trade-edit div.buttons .progress.saved {
    padding-left: 18px;
    background: transparent url(../images/saved.png) no-repeat scroll left center;
}

#trade-edit div.buttons .status {
    padding-left: 18px;
    background: transparent url(../images/loading2.gif) no-repeat scroll left center;
}

#trade-edit table.trade-details td.criteria-details ul {
    margin:0;
    padding-left:30px;
}

a.cancel:link, a.cancel:visited {
    font-size:1.1em;
    padding:0.1em;
    text-decoration:none;
}

div.trip-selector-choices {
    margin-bottom: 10px;
}

div.into-trip-hint, div.away-trip-hint{
    margin-bottom:15px;
}

#triplist-selector {
    margin: 0;
    padding: 0;
    width: 100%;
}
.ielt8 #triplist-selector {
    border-bottom: 1px solid #ccc;
}
#triplist-selector ul {
margin: 0;
padding: 0 40px 0 0;
list-style:none;
list-style-type: none;
}
    #triplist-selector li {
        display: inline;
        padding:0;
        margin:0;
    }
    #triplist-selector li a {
        line-height: 24px;
        color: #565656;
        text-decoration: none;
        padding: 5px 23px;
        background-color: #eee;
        border: 1px solid #ccc;
        border-left-style: none;
    }
    #triplist-selector li.first a {
        border-left-style: solid;
    }
    #triplist-selector li.active a {
        background-image: url(../images/tabbg-active.png);
        background-repeat: repeat-x;
        color: #464646;
        font-weight: bold;
        text-shadow: 1px 1px 0 #ddd;
    }

#gcal-export #gcal-export-status.loading {
    padding-left: 42px;
    height: 50px;
    background: transparent url(../images/loading.gif) no-repeat left center;
}

/* Lineholder trades creation */
table.trips tr.trip td.check {
    width: 15px;
}
table.trips tr.trip.checked td{
    font-style: italic;
    font-weight: bold;
}

#trade-edit div.settings {
    margin: 15px 0;
    min-height: 25px;
    padding-left: 3px;
}

#trade-edit table.trips.empty {
    height:100px;
    width: 100%;
    border: 1px solid #ccc;
    border-collapse: separate;
}
#trade-edit table.trips.empty.loading {
    line-height: 40px;
    padding-right: 40px;
    background: transparent url(../images/loading.gif) no-repeat scroll center center;
}
#trade-edit table.trade-details .trade-item {
    background-position: left center;
    background-repeat: no-repeat;
    line-height: 18px;
    padding-left: 18px;
}
#trade-edit table.trade-details .away {
    background-image: url("../images/trade-drop-mine.png");
}
#trade-edit table.trade-details .into {
    background-image: url("../images/trade-pickup.png");
}
#trade-edit table.trade-details .into-crit {
    background-image: url("../images/filter.gif");
}

/* toolbars  */
.trade-toolbar {
    float: right;
}
    .trade-toolbar a:link,
    .trade-toolbar a:visited {
        margin-left: .8em;
        padding: 2px 4px 2px 14px;
        background: url(../images/toolbar-bullet.gif) no-repeat 2px 4px;
        border: 1px solid #fff;
        text-decoration: none;
    }
    .trade-toolbar a.active:link,
    .trade-toolbar a.active:visited {
        border: 1px solid #ccc;
        background-color: #eee;
    }
/* Apollo Query */
#apolloqueries #apolloqueries-list table.apolloqueries {
    width: 100%;
}
#apolloqueries #apolloqueries-list table tr.query td {
    height: 20px;
    cursor: pointer;
    white-space: normal;
}
#apolloqueries #apolloqueries-list table td.del {
    width: 17px;
}
#apolloqueries #apolloqueries-list table tbody tr.query:hover td.del {
    background-image: url(../images/trash.gif);
    background-position: center;
    background-repeat: no-repeat;
}
#apolloqueries #apolloqueries-list tr.status-bar {
    border-collapse: collapse;
}
#apolloqueries #apolloqueries-list tr.status-bar td {
    background: transparent url(../images/thbg-otlined.gif) repeat-y scroll -11px 0;
    border-right: 1px solid #6DB5FF;
    border-top: 1px solid #6DB5FF;
    border-bottom: 1px solid #6DB5FF;
    padding:5px;
}
#apolloqueries #apolloqueries-list tr.query.selected:hover td {
    background-color: #8FCEFF;
    background-image:none !important;
}
#apolloqueries #apolloqueries-list tr.empty:hover td {
    background-color: transparent;
}
#query-edit .note-error {
    margin-top: 20px;
}
#query-summary {
    border-top: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
    margin: 0;
    padding: 0;
}
#query-summary td.details {
    line-height: 15px;
}
#query-summary td.edit {
    text-align:right;
}
#result-progress-container {
    margin-top: 15px;
    width: 100%;
    text-align: center;
}
#query-result-header {
    margin-top:10px;
    line-height: 40px;
}
#query-result-container {
    width: 100%;
    padding: 1px;
    color:black;
    text-align: center;
}
table.apollo-trips {
    width: 100%;
}
table.apollo-trips  tr.selected td {
    background-color: #6DB6FF !important;
}
table.apollo-trips th {
    text-align: center;
    border-right: 1px solid #CCCCCC;
}
table.apollo-trips tr.flight-cancelled {
    color: red;
    text-decoration: line-through;
}
table.apollo-trips tr.flight-departed {
    color: gray;
}
table.apollo-trips tr.load-full td.load{
    background-color: #FDE3E3;
}
table.apollo-trips tr.load-filling td.load{
    background-color: #FBF6B3;
}
table.apollo-trips tr.load-nominal td.load{
    background-color: #E4F2E3;
}
table.apollo-trips tr.operation-in-progress td.progress{
    background-image: url(../images/loading4.gif);
    background-repeat: no-repeat;
}
#query-result-container .direction-header {
    background: url(../images/headergraybg.png) repeat-x left top;
    height: 28px;
    line-height:28px;
    color: white;
    font-size: 17px;
    font-style: italic;
    font-weight: bold;
    text-align: left;
    margin-top:15px;
    padding-left: 15px;
}
#query-result-container .flights-group-title {
    height: 22px;
    line-height:22px;
    text-align: left;
    padding-left: 15px;
}
#query-result-container .flights-group-title.departure{
    background-color:#D7E3ED;
}
#query-result-container .flights-group-title.return{
    background-color:#F6D989;
}
#query-result-container tr.apollo-trip td{
    cursor: pointer;
}
/*  DMList    */
#query-result-container tr.empty td {
   border: none;
   padding:10px 0 0;
   font-size: 1em;
}
#query-result-container tr.empty:hover td {
    background-color: transparent;
}
#query-result-container tr.dmlist > td{
    background: url("../images/thbg-normal.gif") repeat-y scroll 6px 0 transparent;
    cursor: default;
    padding: 0;
}
#query-result-container tr.dmlist div.container > span {
    line-height: 40px;
}
#query-result-container div.segment-dmlist {
    margin: 10px 0 20px 33px;
    padding: 0;
}
#query-result-container div.segment-dmlist div.header{
    line-height:35px;
    margin-bottom: 10px;
}
#query-result-container div.segment-dmlist {
    width:700px;
}
#query-result-container div.segment-dmlist table.list{
    width:100%;
}
#query-result-container div.segment-dmlist table.list td.name{
    text-align: left;
    margin-left: 15px;
}
#query-result-container div.segment-dmlist .apollo-passenger.listed {
    font-weight: bold;
    background-color: #DBF1FB;
}
#query-result-container div.segment-dmlist .apollo-passenger.listed td{
    cursor: pointer;
}
#query-result-container div.segment-dmlist .apollo-passenger.not-listed {
    background-color:#D0D0D0;
}
#query-result-container div.segment-dmlist .apollo-passenger.not-listed td{
    cursor: pointer;
}