/*
 *
 */

body {
  font-family:		'Helvetica', Arial, Verdana, sans-serif; 
  font-size:		12px;
  color:		#1e1e1e;
}

#ghoCrosstable {
  width:		100%;
}

#crosstable_container {
  height:		500px;
  width:		100%;
  overflow:		hidden;
  position:		relative;
}

#crosstable {
/*
  width:		100%;
*/
}

#crosstable_detail {
  font-family:		'Helvetica', Arial, Verdana, sans-serif; 
  font-size:		12px;
  background-color:	white;
  border:		1px solid #1e1e1e;
  box-shadow:		10px 10px 5px #606060;
  padding:		5px;
}

#crosstable_detail th {
  text-align:		right;
}

#crosstable_vertical_axis {
  background-color:	#e1e1e1;
}

#crosstable_horizontal_axis {
  background-color:	#e1e1e1;
}

#crosstable_controls {
  height:		30px;
  width:		100%;
  font-family:		'Helvetica', Arial, Verdana, sans-serif; 
  font-size:		12px;
}

#crosstable_filter_container {
  height:		250px;
  width:		460px;
  background-color:	white;
  font-family:		'Helvetica', Arial, Verdana, sans-serif; 
  font-size:		12px;
  position:		absolute;
  box-shadow:		10px 10px 5px #606060;
  border:		1px solid #1e1e1e;
}

#crosstable_detail table {
  font-family:		'Helvetica', Arial, Verdana, sans-serif; 
  font-size:		12px;
  width:		100%;
  text-align:		left;
}


/*
 * The icon span is used to create superscripts that denote additional 
 * details about a value in the table
 */

span.icon {
  color:		red;
  font-family:		'Helvetica', Arial, Verdana, sans-serif; 
  font-size:		12px;
  font-style:		italic;	
  vertical-align:	super;
  font-weight:		bold;
}

span.link {
  color:		#196aaa;
  cursor:		pointer;
}
  
span.state {
  background-color:	#FF7E7E;
} 

table.crosstable {
  background-color:	white;
  border:		1px solid #1e1e1e;
  border-collapse:	collapse;
  text-align:		right;
  color:		#1e1e1e;
  font-family:		'Helvetica', Arial, Verdana, sans-serif; 
  font-size:		12px;
}

table.crosstable th {
  background-color:	#e1e1e1;
  border:		1px solid white;
  color:		#1e1e1e;
  font-weight:		bold;
  padding:		5px;
}

table.crosstable th.horizontal {
  text-align:		center;
}

table.crosstable th.vertical {
  text-align:		right;
}

table.crosstable th a {
  color:		#196aaa;
  text-decoration:	none;
}

table.crosstable td.selected {
  background-color:	#008dc9;
  color:		white;
}

table.crosstable td {
  border:		1px solid #e1e1e1; 
  background-color:	white;
  white-space:		nowrap;
  color:		#1e1e1e;
  padding:		5px;
}

table.crosstable td.TextMode {
  white-space:		normal;
  text-align:		left;
}


table.crosstable span.comment {
  display:		none;
}

.pivotcell {
  border:		1px solid #1e1e1e;
  background-color:	#e1e1e1;
  border-collapse:	collapse;
}

/*
 * cf_dim_list divs are used to display the contents of a filter for aspecific 
 * dimension/layer in a cross table header.
 */

div.cf_dim_list {
  height:		200px;
  width:		250px;
  color:		white;
  font-family:		'Helvetica', Arial, Verdana, sans-serif; 
  font-size:		12px;
  overflow-x:		hidden;
  overflow-y:		auto;
  background-color:	#008dc9;
}

div.cf_dim_list table {
  font-size:		12px;
  color:		white;
}

/*
 *
 */

div.cf_filters {
  top:			0px;
  left:			200px;
  width:		250px;
/*
  height:		200px;
*/
  padding:		5px;
  position:		absolute;
}

/*
 * Selectable dimension label in the crosstable filter used to show a code list
 */

div.cf_dim {
  color:		#1e1e1e;
  font-family:		'Helvetica', Arial, Verdana, sans-serif; 
  font-size:		12px;
  font-weight:		bold;
}

div.cf_dim.selected {
  background-color:	#008dc9;
  color:		white;
  font-size:		14px;
}

/*
 * cf_controls is the filter control buttons like clear_all, apply, cancel
 */

#cf_controls {
  width:		450px;
  position:		absolute;
  bottom:		0px;
  left:			0px;
  padding:		5px;
}

div.controls a {
/*
  color:		#1e1e1e;
*/
  color:		#196aaa;
  text-decoration:	none;
}

/*
 *
 */

div.popup_title {
  width:		100%;
  color:		#1e1e1e;
  font-size:		14px;
  font-weight:		bold;
}

div.cf_main {
  top:			0px;
  left:			0px;
  height:		200px;
  width:		200px;
  color:		#1e1e1e;
  font-family:		'Helvetica', Arial, Verdana, sans-serif; 
  font-size:		12px;
  padding:		5px;
  position:		absolute;
}

/*
 *  Suppress user selection 
 */

.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}