/*
   Styles related to /common/css/may-common.css
   In particular, fill in some missing tag types -- so *all* page elements are using same font
*/
textarea, legend {font-family:Arial; font-size:12px; color:#000000;}
html form, html pre, html textarea, html legend {font-size:11px;}

/*
   Styles required by validation class (js/validation.js)
*/
/* Style of error message text when validation fails -- shares format with some pre-existing classes, so lump them together */
.validation-advice, .missing, .alert {
	color: #ff0000;
	font-weight: bold;
}
/* Style of input element when validation fails 
   NB ignored by checkboxes: fix?? */
.validation-failed, .info-input {
	background-color: #ffcccc;
}
/* Style of some quasi-validation text -- messages aren't errors as much as reminders */
.info {
	color: #ff00ff;
	font-style: italic;
}

/*
   Styles required by tablekit class (js/tablekit_custom.js)
*/
/* Alternate background color of rows in sortable tables */
.rowodd, .odd {background-color: #ffffff;}
.roweven, .even {background-color: #dddddd;}
/* ... but not on reports */
.report .odd {background-color: #ffffff;}
.report .even {background-color: #ffffff;}
/* header cell of a sortable (but currently unsorted) column */
.sortcol {
	cursor: pointer;
	padding-bottom: 15px;
	background-repeat: no-repeat;
	background-position: center bottom;
	background-image: url(/sofrs/asp_files/images/navigation/sort_none.gif);
}
/* header cell of column sorted in ascending order */
table .sorted_asc {
	background-color: #DDFFAC;
	background-image: url(/sofrs/asp_files/images/navigation/sort_down.gif);
}
/* header cell of column sorted in descending order */
table .sorted_desc {
	background-color: #B9DDFF;
	background-image: url(/sofrs/asp_files/images/navigation/sort_up.gif);
}
/* header cell of a column while js is in the middle of processing a sort request 
   (provide user feedback in cases where processing isn't instantaneous) */
table td.sort_progress, table th.sort_progress, .sort_progress {
	cursor: progress ! important;
	background-image: url(/sofrs/asp_files/images/navigation/sort_none.gif);
	background-color: #8888ff ! important;
}
.sort_none {
	cursor: default;
}
/* used for cases where a cell's sort key differs from the displayed text
   this is used for the <span> containing the sort key */
.sort_content {
	display:none;
}
/* tweak appearance of sort icons in sortable tables -- might not be necessary any more... */
table.sortable th img {border:0px none #ffffff;}

/****************************************************************************************
   General formatting
*/

div {text-align: left;}
/* Get inputs and labels to align properly with associated text, images */
input, label {
	vertical-align: middle;
}
/* Better-looking lists -- get rid of all the unnecessary white space that appears by default */
ul li {
	list-style-type: square;
}
ul {margin-top: 0; margin-bottom:0; margin-left: 1.5em; padding-left: 0}

/* trying to clean up white space around <h3> elements... is it working now? */
h3 {
	padding-bottom: 0px;
	margin-bottom: 0px;
}

/* banners at the top of each section on flight request page */
.top_level {
	background-color: #dddddd;
	margin-top: 5px;
	padding: 3px;
	margin-bottom: 0px;
}
/* individal sections on flight request page
   (border was originally handled by "visible" class) */
.frsection {
	border:1px solid #dddddd;
	padding-left: 4px;
	padding-right: 4px;
	margin: 0px;
}
/* alternate style for a .frsection -- in particular for use whenever entire contents are within
   a table (get rid of the 4px white margin) */
.frsection-nopad {
	border:1px solid #dddddd;
}
/* generic classes for whenever a cell is pretending to be a <th> instead of a <td> */
.header, .subheader {
	font-weight: bold;	
}
/* Used when "disabling" a <a href=''> tag (e.g., in view/hide/edit toggles */
a.nonref, a.nonref:hover {
	color: #444444;
	cursor: default;
	text-decoration: none;
}
/* Make disabled input elements more recognizable -- in particular for label text accompanying input */
*[disabled] {
	color: #666666;
}

/* For <hr> elements within SOFRS tables -- make them look more like standard cell borders */
hr.white {
	border: 0;
	color: #ffffff;
	background-color: #ffffff;
	height: 2px;
}
/* Old way of doing show/hide sections
   .hidden and .visible are (or shortly will be) obsolete) */
.hidden {
	display: none;
}
.visible {
	border: 1px solid #dddddd;
	display: block;
}


/****************************************************************************************
  Formatting for tables
*/
/* basic classes to give an entire table the same vertical alignment */
table.vtop tr, table.vtop td, table.vtop th {
	vertical-align: top;
}
table.vmid tr, table.vmid td, table.vmid th {
	vertical-align: middle;
}

/* Setup a default appearance for SOFRS tables, using class="sofrs" */
/* Get rid of space outside of table --
   Even get rid of the outside borders (which are effectively space, given that borders are white) */
table.sofrs {
	margin-top: 2px;
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 0px;
	padding-right: 0px;
	border: 0px hidden #ffffff;
	border-spacing: 0px;
	border-collapse: collapse;
}
/* Add white cell borders inside table */
table.sofrs td, table.sofrs th {
	border: 2px solid #ffffff;
}
/* Light blue headers -- running out of options using gray shades, so expand colour palette */
table.sofrs th {
	background-color: #ddddff;
	text-align: center;
	font-weight: bold;
}
table.sofrs td {
	text-align: left;
}
/* Very light gray for standard cells */
table.sofrs tr {
	background-color: #eeeeee;
}
/* Except on flight request page, use white for consistency with sections that aren't in sofrs tables
   (and it's OK if cell borders can't be distinguished from cells) */
.frsection table.sofrs tr,
.frsection-nopad table.sofrs tr {
	background-color: #ffffff;
}
/* Override standard white for alternating rows -- white doesn't work with the white borders */
table.sofrs .rowodd {
	background-color: #eeeeee;
}
table.sofrs .roweven {
	background-color: #dddddd;
}

/* A "nospace" table class for use when the sole purpose of the table is layout
   Basically try to make the table as invisible as possible */
/* Eliminate any space around the outside of the table (get rid of issues with different lines of text being indented different amounts) */
table.nospace {
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 0px;
	padding-right: 0px;
	border: 0px hidden #ffffff;
	border-spacing: 0px;
	border-collapse: collapse;
}
/* transparent cells, no borders */
table.nospace tr, table.nospace td, table.nospace th {
	border: 0px none #ffffff;
	background-color: transparent;
}
/* OK, we need some borders after all -- we don't want words in adjacent cells mashed together
   But only add horizontal spacing, not vertical */
table.nospace td, table.nospace th {
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
}
table.nospace th {
	text-align: left;
}
table.nospace td {
	text-align: left;
}
/* Add a "headbg" class with the same background color as table.sofrs th -- for "fake" header rows
   Excessive CSS qualifications so that this style takes priority over all the other possible styles */
table.nospace tr.headbg, table.nospace th.headbg, table.nospace td.headbg {
	background-color: #ddddff;
}

/* add icon to charts */
.addicon{
    width: 16px;
    height: 16px;
    vertical-align: bottom;
}

.show_this {
	display: inline;
}
.hide_this {
	display: none;
}

.blue-button {
  background-color: #9dc2ef;
  /*background-color: #efefef;*/
  border: solid 2px #9dc2ef;
  margin: 5px;
  font-weight: bold;
  font-size: 12px;
  color: black;
  border-radius: 2px;
}