/*
	application level CSS file for Sales UI (Viper)
*/

/* 
	All imported rules must precede locally defined rules.
	Imported rules are relative to location of this style sheet,
	*not* the page that loaded this style sheet.
*/

@import url("./layout.css");
@import url("./progressBar.css");
@import url("./rounded.css");


/* ----------- form controls  ------------------------- */
/* define form elements that are used on multiple pages */

input.inputdate {
	margin-top:0;
	padding-top:0;
}
input.paxdigit {
	width:1em;
}
select.citylist {
	width:100%;
}

input.cancel {
	color: #fff;
	width:10em;
	background-color: #005a9c;
	border: 1px solid #999;
}

input.submit {
	color: #fff;
	width:10em;
	background-color: #005a9c; 
	border: 1px solid #999;
}

/* push button that acts w/in current page (NOT a submit) */
input.pagebutton {
	text-align:center;
	width:10em;
	color: #fff;
	font-weight:normal;
	background-color: #005a9c; 
	border: 1px solid #999;
}
div.commitbutton {
	margin-top:0.5em;
	float:right;
	padding-right:1em;
	width:10em;
}
div.resetbutton {
	margin-top:0.5em;
	float:left;
	width:10em;
}

/* formsnippets are used to toggle between different sets of form options
   w/o a server round-trip. Hide, and show when needed.
*/
div.formsnippet {
	display:none;
}

/* --------------- header.inc ---------------------- */
table#layoutHeader {
	width:100%;
}

/* --------------- application-level table markup --------------- */

.filterInstructions, .formInstructions {
	font-size:smaller;
	color:#666;
}

/* dmw: use same format for filtering search results as for results grid */
table.list  {
	width:758px;
	padding-right:1em;
	border: 1px solid #ccc;
	border-collapse: collapse;
}

table.list td {
	border-top: 1px solid #C0C0C0;
	padding: 3px;
	vertical-align: top;
}

table.list th {
	background:#bcd; /* #9cf;  96cfff; #deefff;*/
	font-weight:bold;
	color: #000000;
	padding: 3px;
	text-align: left;
	vertical-align: bottom;
}

table.list th.numHead {
	text-align:right;
}


table.list tr.even {
	background: #eee;
}

table.list tr.odd {
	background: transparent;
}

/*
 * Matrix table styles
 */

table.matrix {
	border: 1px solid #ccc;
	border-collapse: collapse;
}

table.matrix th {
	font-weight: normal;
	background-color: #def; /* #deefff; */
	border: 1px solid #ccc;
}

table.matrix td {
	background-color: #fff;
	border: 1px solid #ccc;
}

table.matrix td.selected, table.matrix th.selected, table.matrix tr.selected {
	background-color: #ffc;
}