/*
QBase Results Stylesheet v1.0
Alan Hogan http://alanhogan.com/contact?reason=qbase_css
Spring 2008

Important notes:
-	Everything up to the comment "CORE QBASE RESULTS STYLING" can be overridden or changed
-	However everything after "CORE QBASE..." is pretty much necessary for proper functionality
-	Colors are defined below but need changed everywhere (since CSS variables don't yet exist)

Colors:
#108b0d Exact match
#1595a0 Synonym match
#0d318b Assumed match
#4b0d8b Moved-data match
#84328b Merged-value match
#b53a09 Close match
*/


html, body {
	margin: 0;
	padding: 0;
	font-family: "Helvetica Neue", Helvetica, Arial, "Bitstream Vera Sans", Verdana, sans;
}
body {
	font-size: .9em;
	margin: 10px;
}

#content{
	margin: 0 auto;
}



/***  Bread and Butter  ***/
h1, h2, h3, h4, h5 {
	font-family: "Bitstream vera serif", Georgia, Garamond, serif;
}
h2 {
	margin-top: 0.8em;
}
p, ul, li, blockquote, h3, h4 {
 margin: 1.4em 0;
}
a img {border: 0;}
th {
	font-weight: bold;
}
.finePrint {
	font-size: 85%;
}
.italic {
	font-style: italic; 
}

dt {
	font-weight: bold;
}

a:link {color: #0f3e90;}
a:visited {color: #6f1e84} 
a:link:hover {color: #1f52aa;}
a:visited:hover synonym
* html a:hover {color: #1f52aa;} /*IE blows!*/



/* Fieldset collapsing */
fieldset.collapsed {
	border-left: none;
	border-right: none;
	border-bottom: none;
}
fieldset.collapsed * {
	display: none;
}
fieldset.collapsed legend {
	display: inline;
}


/**********
CORE QBASE RESULTS STYLING
********
#108b0d Exact match
#1595a0 Synonym match
#0d318b Assumed match
#4b0d8b Moved-data match
#84328b Merged-value match
#b53a09 Close match
***********/
.hidden, .hide {
	display: none;
}

table.resultSet {
	border-collapse: collapse;
	border: none;
}
table.resultSet th, table.resultSet td {
	padding: 0.2em 1.0em .2em 0;
	border: none;
	text-align: left;
}

.resultRow td.labelCell {
	padding-left: 0;
	padding-right: 1px;
	background-position: 0 1px;
	background-repeat: no-repeat;
}
td.labelCell .label {
	cursor: help;
	padding-left: 60px; /*53px by 18px image*/
}
.exactRow .labelCell {
	background-image: url(../images/icon-exact.png);
	color: #108b0d;
}
.synonymRow .labelCell {
	background-image: url(../images/icon-synonym.png);
	color: #1595a0;
}
.assumedRow .labelCell {
	background-image: url(../images/icon-assumed.png);
	color: #0d318b;
}
.movedDataRow .labelCell {
	background-image: url(../images/icon-moved-data.png);
	color: #4b0d8b;
}
.mergedValueRow .labelCell {
	background-image: url(../images/icon-merged-value.png);
	color: #84328b;
}
.closeRow .labelCell {
	background-image: url(../images/icon-close.png);
	color: #b53a09;
}

/*Cells*/
.exactCell { }
.softCell {
	background-position: right center;
	background-repeat: no-repeat;
	cursor: help;
}
.synonymCell {
	color: #1595a0;
	font-style: italic;
}
.assumedCell {
	color: #0d318b;
	font-style: italic;
}
.movedDataCell {
	color: #4b0d8b;
}
.mergedValueCell {
	color: #84328b;
}
.closeCell {
	color: #b53a09;
	font-weight: bold;
}

.softCell .helpIcon {
	height: 13px;
	width: 1px;
	overflow: hidden;
	padding: 0 12px 0 0;
	margin-right: -12px;
	background-position: top left;
	background-repeat: no-repeat;
	-moz-opacity: 0.55;
	opacity: 0.550;
	position: relative;
	top: 2px;
	left: 1px;
}
/*IE messes it up so don't let it even try. "Star HTML hack" */
* html .softCell .helpIcon {
	display:none;
}
/* Cancelled: Hover effect (too distracting)
tr:hover .softCell .helpIcon {
	-moz-opacity: 0.75;
	opacity: 0.75;
}*/
.synonymCell .helpIcon {
	background-image: url(../images/help-synonym.png);
}
.assumedCell .helpIcon {
	background-image: url(../images/help-assumed.png);
}
.movedDataCell .helpIcon {
	background-image: url(../images/help-moved-data.png);
}
.mergedValueCell .helpIcon {
	background-image: url(../images/help-merged-value.png);
}
.closeCell .helpIcon {
	background-image: url(../images/help-close.png);
}
/**Collapsed**/
.collapsedRow {
	cursor: hand;
	cursor: pointer;
}
.collapsedRow td {
	font-size: 70%;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-right: 0;
}
.collapsedLabel {
	padding-right: 4px;
	background: white none;
}
/*individual kinds of collapsed rows*/
.synonymCollapsed {
	color: #1595a0;
	background: transparent url(../images/faded-synonym.png) repeat-x left center;
}
.assumedCollapsed {
	color: #0d318b;
	background: transparent url(../images/faded-assumed.png) repeat-x left center;
}
.closeCollapsed {
	color: #b53a09;
	background: transparent url(../images/faded-close.png) repeat-x left center;
}
.mergedValueCollapsed {
	color: #84328b;
	background: transparent url(../images/faded-merged-value.png) repeat-x left center;
}
.movedDataCollapsed {
	background: transparent url(../images/faded-moved-data.png) repeat-x left center;
	color: #4b0d8b;
}
.synonymRow.hidden + .synonymCollapsed { display: none;}
.assumedRow.hidden + .assumedCollapsed { display: none;}
.closeRow.hidden + .closeCollapsed {display: none;}
.mergedValueRow.hidden + .mergedValueCollapsed {display: none;}
.movedDataRow.hidden + .movedDataCollapsed { display: none;}


/********************
		Tooltip
*********************/
#tooltip {
	position: absolute;
	z-index: 3000;
	border: none;
	width: 200px;
	padding: 0 0 12px 0;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=93);
	filter: alpha(opacity=93);
	-moz-opacity: 0.93; 
	opacity:0.93;
	background: transparent url(../images/tooltip-bottom-close.png) no-repeat bottom left;
}
#tooltip h3, #tooltip div { margin: 0; }
#tooltip * {
	font-family: inherit;
	font-size: 87%; 
	font-weight: normal;
	padding: 17px 10px 0 7px;
	width: 183px; /* 200 - 10 - 7 = 183 */
	background: transparent url(../images/tooltip-top-close.png) no-repeat top left;
}
#tooltip.assumedTooltip {
	background-image: url(../images/tooltip-bottom-assumed.png);
}
#tooltip.assumedTooltip * {
	background-image: url(../images/tooltip-top-assumed.png);
}
#tooltip.synonymTooltip {
	background-image: url(../images/tooltip-bottom-synonym.png);
}
#tooltip.synonymTooltip * {
	background-image: url(../images/tooltip-top-synonym.png);
}
#tooltip.movedDataTooltip {
	background-image: url(../images/tooltip-bottom-moved-data.png);
}
#tooltip.movedDataTooltip * {
	background-image: url(../images/tooltip-top-moved-data.png);
}
#tooltip.mergedValueTooltip {
	background-image: url(../images/tooltip-bottom-merged-value.png);
}
#tooltip.mergedValueTooltip * {
	background-image: url(../images/tooltip-top-merged-value.png);
}
#tooltip.exactTooltip {
	background-image: url(../images/tooltip-bottom-exact.png);
}
#tooltip.exactTooltip * {
	background-image: url(../images/tooltip-top-exact.png);
}
/*For right-facing stuff*/
#tooltip.viewport-right * {
	background: transparent url(../images/tooltip-vpr-top-close.png) no-repeat top left;
}
#tooltip.viewport-right.assumedTooltip * {
	background-image: url(../images/tooltip-vpr-top-assumed.png);
}
#tooltip.viewport-right.synonymTooltip * {
	background-image: url(../images/tooltip-vpr-top-synonym.png);
}
#tooltip.viewport-right.movedDataTooltip * {
	background-image: url(../images/tooltip-vpr-top-moved-data.png);
}
#tooltip.viewport-right.mergedValueTooltip * {
	background-image: url(../images/tooltip-vpr-top-merged-value.png);
}
#tooltip.viewport-right.exactTooltip * {
	background-image: url(../images/tooltip-vpr-top-exact.png);
}
/*Viewport bottom*/
#tooltip.viewport-bottom {
	padding: 8px 0 0 0;
	background: transparent url(../images/tooltip-vpb-top-close.png) no-repeat top left;
}
#tooltip.viewport-bottom * {
	padding: 0 10px 21px 7px;
	background: transparent url(../images/tooltip-vpb-bottom-close.png) no-repeat bottom left;
}
#tooltip.viewport-bottom.assumedTooltip {
	background-image: url(../images/tooltip-vpb-top-assumed.png);
}
#tooltip.viewport-bottom.assumedTooltip * {
	background-image: url(../images/tooltip-vpb-bottom-assumed.png);
}
#tooltip.viewport-bottom.synonymTooltip {
	background-image: url(../images/tooltip-vpb-top-synonym.png);
}
#tooltip.viewport-bottom.synonymTooltip * {
	background-image: url(../images/tooltip-vpb-bottom-synonym.png);
}
#tooltip.viewport-bottom.movedDataTooltip {
	background-image: url(../images/tooltip-vpb-top-moved-data.png);
}
#tooltip.viewport-bottom.movedDataTooltip * {
	background-image: url(../images/tooltip-vpb-bottom-moved-data.png);
}
#tooltip.viewport-bottom.mergedValueTooltip {
	background-image: url(../images/tooltip-vpb-top-merged-value.png);
}
#tooltip.viewport-bottom.mergedValueTooltip * {
	background-image: url(../images/tooltip-vpb-bottom-merged-value.png);
}
#tooltip.viewport-bottom.exactTooltip {
	background-image: url(../images/tooltip-vpb-top-exact.png);
}
#tooltip.viewport-bottom.exactTooltip * {
	background-image: url(../images/tooltip-vpb-bottom-exact.png);
}

/*Viewport bottom right*/
#tooltip.viewport-bottom.viewport-right * {
	background: transparent url(../images/tooltip-vpbr-bottom-close.png) no-repeat bottom left;
}
#tooltip.viewport-bottom.viewport-right.assumedTooltip * {
	background-image: url(../images/tooltip-vpbr-bottom-assumed.png);
}
#tooltip.viewport-bottom.viewport-right.synonymTooltip * {
	background-image: url(../images/tooltip-vpbr-bottom-synonym.png);
}
#tooltip.viewport-bottom.viewport-right.movedDataTooltip * {
	background-image: url(../images/tooltip-vpbr-bottom-moved-data.png);
}
#tooltip.viewport-bottom.viewport-right.mergedValueTooltip * {
	background-image: url(../images/tooltip-vpbr-bottom-merged-value.png);
}
#tooltip.viewport-bottom.viewport-right.exactTooltip * {
	background-image: url(../images/tooltip-vpbr-bottom-exact.png);
}


/****** Action links ****/
.labelOptions {
	color: #303439;
	font-size: 70%;
	position: relative;
	top: -1px;
}
.exactRow .labelOptions {
	color: #a0a8aa;
}
.labelLink {
	text-decoration: underline;
	color: #606774;
	cursor: hand;
	cursor: pointer;
}
.labelLink:hover {
	color: #464a53;
}