body {
}

/* ----------------------------- HEADERS */
#negcol2 h1.yellow {
	text-align: center;
	font-weight: bold;
	padding: 4px;
	margin: 0;
	font-size: 9pt;
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	color: #2D3D6A;
	letter-spacing: 1px;
  background-color: #FFFCB9;
}


/* ----------------------------- CENTERBOX */
/* A centerbox is the DIV that is centered on the screen, emulating a popup window but
   isn't actually floating above content */

div#centerbox {
	width: 660px;
}

div#centerbox div.content {
	margin: 0 30px;
	width: 370px;
}
div#centerbox div.narrowcontent {
	margin: 0 30px;
	width: 200px;
}

div.menu div#centerbox {
border:medium none;
margin-top:0px;
  width: 550px;
}


div#centerbox td {
	padding: 1px 4px 1px 0;
}
div#centerbox td p {
	margin: 0;
	padding: 0;
}


/* ----------------------------- HELP  */
/* This is the help for centerbox */
div#centerbox div.help {
	width: 250px;
	color: #888;
}
.fieldWithErrors {
	border: 2px solid #f00;
	padding-top: 2px;
	padding-bottom: 2px;
	margin-bottom: 2px;
}


/* ---- adjust-cost popup */
div#adjust_trip_costs_dialog {
	border: 1px solid #666;
	background-color: #E3EFFF;
	padding: 10px;
}



/* ----  text field for auto complete --- */
div.auto_complete {
      position:absolute;
      width:550px;
      background-color:white;
      border:1px solid #888;
      margin:0px;
      padding:0px;
      z-index:99;                   
}

div.auto_complete ul {
      list-style-type: none;
      margin:0px;
      padding:0px;
      z-index:99;
      position:relative;
}

div.auto_complete ul li.selected 
{ 
	position:relative;
	z-index:99;
        background-color: #cff;
}

div.auto_complete ul li {
      list-style-type: none;
      display:block;
      margin:0;
      padding:2px;
      height:30px;
      z-index:99;
      position:relative;
}
div.auto_complete {
      position:absolute;
      width:250px;
      background-color:white;
      border:1px solid #888;
      margin:0px;
      padding:0px;
      z-index: 10000;
}



/* ----------------------------- TRIPS TABLE */

table.trips {
	background-color: #fff;
	border: 1px solid #CFD1C0;
	padding: 0;
	margin: 0;
}
table.trips th { 
	padding: 4px 2px;
	text-align: left;
	font-weight: normal;
	font-size: 10pt;
	vertical-align: middle;
	background-color: #E8EBD8;
	border-bottom: 1px solid #CFD1C0;
}
table.trips td {
	padding: 1px 2px;
	vertical-align: top;
	border-bottom: 1px solid #CFD1C0;
}
table.trips td, th {
}
table.trips td p {
	padding: 0;
	margin: 0;
}
table.trips td img {
	padding: 0 2px;
}
table.trips th p {
	margin: 0;
	padding: 0;
}
table.trips tr.gap td {
	border-top: 1px solid #CFD1C0;
	padding: 3px 0;
}
/***** END TRIPS TABLE ***/


/********
 * Negotiations
  *******/

body#negotiations {
	background-color:#F3F5EB;
}
#banner #current a {
	background-color:#F3F5EB;
}

/* ----------------------------- NEGOTIATIONS COLUMN 1: COMMENTS */
div#negotiations {
	padding: 20px 15px;
}

div#negotiations h1 {
	font-size: 16px;
	font-weight: normal;
	margin: 0;
	padding: 0 0 15px 0;
}
td#negcol1 {
	width: 55%;
	background: #fff;
	padding: 10px;
	border: 1px solid #ccc;
}
td#negcol1 h1 {
	padding: 0 0 5px 0;
}

td#negcol1 p, td#negcol1 textarea {
	margin: 0;
	padding: 0;
}

td#negcol1 table.comments {
	padding: 0 0 10px 0;
}
td#negcol1 table.comments th {
	font-weight: normal;
	text-align: right;
	vertical-align: top;
	white-space: nowrap;
	padding: 6px 5px 6px 0;
}
td#negcol1 table.comments th.you, td#negcol1 table.comments td.you {
	color: #888;
}
td#negcol1 table.comments th.note, td#negcol1 table.comments td.note {
	font-family:  Arial, Verdana, Helvetica, sans-serif;
}
td#negcol1 table.comments td {
	vertical-align: top;
	padding: 6px 0;
}
td#negcol1 tr.status {
	font-family: Courier, "Courier New", mono;
	font-size: 9pt;
	font-weight: bold;
}

/* ----------------------------- NEGOTIATIONS COLUMN 2: PROPOSED TRIP */


td#negcol2 {
	width: 45%;
	padding: 10px;
	margin-left: 20px;
}
td#negcol2 h1 {
	padding: 0 0 5px 0;
}
td#negcol2 p {
	margin: 0;
	padding: 0 0 .7em 0;
}


td#negcol2 table.details  {
	padding: 5px 0 10px 0;
}
td#negcol2 table.details tr.changed {
	background-color: #FFFFCC;
}

td#negcol2 table.details td {
	padding: 2px 0 2px 0;
	vertical-align: top;
}
td#negcol2 table.details th {
	padding: 2px 3px 2px 0;
	white-space: nowrap;
	vertical-align: top;
	text-align: right;
	font-weight: bold;
}
td#negcol2 table.details th.middle {
	vertical-align: middle;
	}

td#negcol2 ul {
	padding: 0;
	margin: 0 0 0 20px;
}

div.buttons {
	margin: 20px 0 0 0;
	background-color: #E9F0C0;
	padding: 10px 3px 10px 3px;
	text-align: right;
}
div.buttons table  {
	margin: 0;
	padding: 0;
}

div.buttons table td {
	text-align: right;
	margin-right: 30px;
}


/* ----------------------------- ADJUSTLAYER */
/* Used to recalculate costs */
div#adjustlayer {
	border: 1px solid #666;
	background-color: #E3EFFF;
	padding: 10px;
	position: absolute;
	top: 125px;
	left: 310px;
	width: 280px;
}

.graysmalltext {
	color: #888;
	font-size: 8pt;
}