/* core.css - css for core functionality.  this file should probably not be customized */

body {
	font-family:	Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:		0.8em;
}


.check-column img {
	display:		inline;
}


#report-bug {
	float:			right;
	font-weight:	bold;
	padding-right:	20px;
}


.flash-msg {
	margin:			5px 0px;
	padding:		5px;
	background:		#eee;
	border:			dotted 1px red;
	color:			#444;
	font-weight:	bold;
}


/* form layout **********************************************************/
label {
	display:		block;
	font-weight:	bold;
	color:			#888;
	margin-top:		10px;
}

input.small { width:100px }
input.mid { width:	200px; }
input.wide { width: 400px; }

fieldset {
	display:		block;
	width:			420px;
	margin:			10px auto;
	text-align:		left;
}
legend {
	font-weight:	bold;
	color:			#aaa;	
}

label.nofloat {
	display:		inline;
	margin:			0px;
}


ul.errors {
	margin:			0;
	padding:		0;
}
ul.errors li {
	margin:			5px 0px;
	padding:		5px;
	background:		#fee;
	border:			dotted 1px #f00;
	color:			#f00;
	font-weight:	bold;
	list-style:		none;
}

/* table ****************************************************************/
table.info-table {
	width:	100%;
}

.info-table th {
	text-align:		center;
	font-weight:	bold;	
}

.info-table th a:link, .info-table th a:active, .info-table th a:hover, .info-table th a:visited {
	color:			white;
	text-decoration:none;
}

.info-table td.num {
	text-align:		right;
}

.info-table td.act {
	text-align:		center;
}

.info-table tfoot td {
	font-weight:	bold;
}

.info-table tr.l {
	background:		#fff;
}

.info-table tr.d {
	background:		#f0f0e9;
}

#last-retrieval {
	float:			right;
	text-align:		right;
	font-size:		smaller;
	font-style:		italic;
}

.mini-table th {
	font-size:		10px;
	line-height:	1.5em;
}
.mini-table td {
	font-size:		9px;
}

/* table sorting  *********************************************************/
table.sortable thead tr .header, table.sortable thead tr th {
/*
	background-image:	url(../images/sort/bg.gif);
*/
	background:			#000000;  /* was 000008 */
	color:				#fff;
	cursor: 			pointer;
}
table.sortable tbody td {
	background-color: 	#fff;
}
table.sortable tbody tr.odd td {
	background-color:	#D4D4D4;  /* --------- was #f0f0e9 ----*/
}
table.sortable thead tr .headerSortUp {
	background-image: 	url(../images/sort/asc.gif);
	background-repeat:	no-repeat;
	background-position:center right;
}
table.sortable thead tr .headerSortDown {
	background-image: 	url(../images/sort/desc.gif);
	background-repeat:	no-repeat;
	background-position:center right;
}

table.sortable thead tr .headerSortDown, table.sortable thead tr .headerSortUp {
	padding-right:		20px;
}


/* loading indicators *************************************************/
tr.loading td, table.sortable tbody tr.loading td {
	background:		#CCCCCC;   /*------ wAS #e0f0f8 ---------*/
}

tr.loading td.loader, table.sortable tbody tr.loading td.loader {
	background-image: 	url(../images/indicator.gif);
	background-repeat: 	no-repeat;
}

.loading h1 {
	color:	red;
}

#master-loading {
	display:	none;
	font-size:	12px;
	width:		100px;
	text-align:	center;
	background:	white;
	color:		red;
	margin:		0;
	padding:	3px 5px;
	top:		0px;
	right:		0px;
	position:	absolute;
	position:	fixed;
	z-index:	1001;
}
* html #master-loading {
	position:	absolute;
}
#master-loading img {
	padding:	5px 0;
	display:	inline;
}
.loading #master-loading {
	display:block;
}


/* tabs *********************************************************/

ul.mile-tabs {
	margin:			0;
	padding:		0;
	height:			30px;
	border-bottom:	solid 3px #e4e5da;	
}
ul.mile-tabs li {
	display:		block;
	width:			150px;
	height:			27px;
	float:			left;
	background:		#eee;	
	text-align:		center;
	margin:			3px 4px 0px 0px;
	padding:		0px;
	list-style:		none;
}
ul.mile-tabs li a {
	width:			100%;
	height:			100%;
	margin:			8px 0 0 0;
}

ul.mile-tabs li.active {
	background:		#ccc;
}
ul.mile-tabs li.active a {
	font-weight:	bold;
}

.clear-tabs {
	clear:			left;
}


/* global */
#cluetip-close img {
  border: 0;
}
#cluetip-title #cluetip-close {
  float: right;
  position: relative;
}
#cluetip-waitimage {
  width: 43px;
  height: 11px;
  position: absolute;
}
/***************************************
   =cluetipClass: 'default' 
-------------------------------------- */

.cluetip-default {
  background-color: #d9d9c2;
}
.cluetip-default #cluetip-outer {
  position: relative;
  margin: 0;
  background-color: #d9d9c2;
}
.cluetip-default h3#cluetip-title {
  margin: 0 0 5px;
  padding: 8px 10px 4px;
  font-size: 1.1em;
  font-weight: normal;
  background-color: #87876a;
  color: #fff;
}
.cluetip-default #cluetip-title a {
  color: #d9d9c2;
  font-size: 0.95em;
}  
.cluetip-default #cluetip-inner {
  padding: 10px;
}
.cluetip-default div#cluetip-close { 
  text-align: right;
  margin: 0 5px 5px;
  color: #900;
}