/* @override 
	http://dollartimes.loc/on-your-site/chart.css
	http://dollartimes.loc/styles/chart.css
*/

body{	
	font-family: arial, sans-serif;
	font-size: 13px;
}
#graph_preview div,
#g_form fieldset {
	float: left;
	margin: 0px 20px 0px 0px;
	padding: 0px;
	width: 300px;}

#graph_preview .notification {
	background-color: yellow;
	color:  gray;
	position: absolute;
}
#graph_preview textarea {
	height: 100px; width:100%;
	border-bottom: 1px solid #aaa;
	border-right: 1px solid #aaa;
	}

/*This is the chart preview */
#graph_preview #dt_chart {
	margin: 0px;
	padding: 5px;
	border: 2px dashed lightblue;
	margin-bottom: 2em;
	height:  116px;
}

#g_form {clear: left;}
#g_form div { margin: 20px 0px; }
.inactive { display: none;}

input[type=text] {width: 3em;}
input.text {width: 3em;}
#g_form input#g_title {
	font-size: 1.2em;
	width: 10em;
}

#g_data_table {
	text-align: left;}
span.data {background-color: #93ff92;}
span.label {background-color: #cdd3fe;}
#g_data_table td{background-color: #93ff92;}
#g_data_table td,
#g_data_table th {padding:0em .3em;
text-align: center;}
#g_data_table th.label,
#g_data_table input {
	font-weight: normal;
	width: 7em;
	height:  1.1em;
	background-color: #cdd3fe;
	text-align: left; border:  none;}
#g_data_table th.label:hover {	background-color: #b2b2ff;
cursor: text;}
#g_data_table td:hover,
#g_data_table td.hover {
	background-color: #92b4ff;
	background:url(/images/delete-icon.gif) no-repeat top left;
	cursor: default;
	cursor: url(/images/delete-icon.gif);
}
#g_data_table tr.labels { font-weight: normal;}
#label_edit_field {display: none; position:  absolute;}