/*  body and font definitions */
html { 
  padding:0px;
  margin:0px;
}
 
body {
  background-color: #e5e5e5;
  font-size: 12px;
  font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
  color:#564b47;  
  padding:0px;
  margin:0px;
}

h1 {
	font-size: 24px;
	text-align: left;
	color: white;
	padding: 10px 0px 10px 30px;
	margin:0px;

}

h2 {
	color: black;
	border-bottom: 0px;
	font-size: 14px;
	height: 17px;
	margin-bottom: 5px;
	padding-top: 10px;
}

h3.green {
  color: #217A00;
  margin-bottom: 10px;
}

td.metric_one {
  color: #0077CC;  /* blue */
}

td.metric_two {
  color: #50B432; /* green */
}

h2.inline {
	display: inline;
	margin-top: 20px;
}

p {
	margin: 5px; 
}

th {
	text-align: left;
	padding: 10px 5px 10px 5px;
}

td {
	padding: 2px;
}
th.center, td.center {
	text-align: center;
}
th.right, td.right {
	text-align: right;
}

table {
	width: 100%;
}

table.bordered {
	border-width: 2px;
	border-spacing: 0;
	border-style: solid;
	border-collapse: collapse;
	margin-top: 10px;
	margin-bottom: 20px;
}

table.bordered th {
  background-color: #ccc;
}

a, a:link, a:visited { 
	color: #03C;
	font-size: 11px;
	background-color:transparent;
	text-decoration: underline; 
}

a:hover { 
	color: white;
	background-color: #03C;
	text-decoration: none; 
}

a.red, a:link.red, a:visited.red { 
	color: red;
	font-size: 11px;
	background-color:transparent;
	text-decoration: underline; 
}

a:hover.red { 
	color: white;
	background-color: red;
	text-decoration: none; 
}
a.yellow, a:link.yellow, a:visited.yellow { 
	color: #ffc;
	font-size: 11px;
	background-color:transparent;
	text-decoration: underline; 
}

a:hover.yellow { 
	color: white;
	background-color: #ffc;
	text-decoration: none; 
}

.align_right {
	margin-top: 0; 
	text-align: right;
	font-size: 10px;
}

.border_above {
	border-top-width: 2px;
	border-top-style: solid;
	padding-top: 5px;
}


.add_margins {
	margin:05px 24px 5px 24px;
}

 
strong { 
font-size: 13px;
}
 
/*  positioning-layers static and absolute */
#banner {
  /* darkgreen */
	background-color: #344860; /*#3B4F67;*/
	text-align: left;
	padding: 0px;
	margin: 0px;
	color:white;
}

#banner img {pad:10px 0px;} 

#tabs {
	display: block;
	height: 25px;
	margin: 0px 25px 0px 0px;
	padding: 0;
}

#tabs li {
	float: left;
	display: inline;
	list-style-type: none;
	font-size: 12px;
	background-color: transparent;
	color: #D1EEFF; /* #D1EEFF */
	margin: 5px 0px 0px 0px;
	padding: 0px 2px 0px 2px;
}

#tabs a, #tabs a:link, #tabs a:visited { 
	color: #D1EEFF;
	font-size: 11px;
	background-color:#455A75; /* #217A00*/
	text-decoration: none; 
	margin: 10px 0px 0px 0px;
	padding: 7px;
}

#tabs a:hover { 
	color: white;
	background-color: #243243; /* #054700 */
	text-decoration: none; 
}

#tabs a.current, #tabs a:link.current, #tabs a:visited.current, #tabs li.current{
	background-color: #e5e5e5;
	color: black;
}

#centered-fixed {
  margin: 0 auto;
	width: 600px;
}

#devise-content {
  width: 360px;
	position: static;
	margin: 20px;
	border-bottom: 1px solid #BBB;
	border-right: 1px solid #BBB;
	padding-left: 0px;
	background-color: white;    
}

#content {
	position: float;
	margin: 10px 300px 0px 25px;
	border-bottom: 1px solid #BBB;
	border-right: 1px solid #BBB;
	padding-left: 0px;
	background-color: white;    
}
 
#content .div_header, #devise-content .div_header {
	background: #EDF3FE;
	margin: 0px 0px 5px;
	padding: 13px 30px 13px 24px;
}

#content h1, #devise-content h1 {
	color: black;
	border-bottom: 0px;
	font-size: 20px;
	height: 25px;
	margin: 0px;
	padding: 0px;
}

#right {
	position: absolute;
	right: 0px;        
	width: 300px;
	color: #564b47;
	margin: 0px; 
	padding: 0px;
}

#right .div_header {
	background: #EDF3FE;
	margin: 0px 0px 5px;
	padding: 6px 8px 6px 8px;
}

#right h1 {
	color: #333;
	border-bottom: 0px;
	font-size: 13px;
	height: 16px;
	margin: 0px;
	padding: 0px;
}

#block_area {
	background: #f0f0f0;
	color: #333;
	font-size: 11px;
	padding: 5px;
	margin: 5px 0px 5px 0px;
	display: block;
}

#block_area table {
  width: 100%;
}

.text_hint {
	background-color: #ffc;
	color:black;
	margin:5px;
	padding: 10px;
	font-size: 11px;
}

.text_error {
	background-color:  #FFBABA;
	color:black;
	margin:5px;
	padding: 10px;
	font-size: 11px;
}

.text_warning {
	background-color:  #FEEFB3;
	color:black;
	margin:5px;
	padding: 10px;
	font-size: 11px;
}

.one_metric {
	background-color: #0077CC;
}

.text_hint h3, .text_warning h3, .text_error h3{
	margin-top: 0;
	margin-bottom: 5px;
}

.text_hint ul, .text_warning ul, .text_error ul{
	margin-top: 0px;
	margin-bottom: 10px;
}


#imported_data {
	background-color: #ffc;
	color:black;
	margin:5px;
	padding: 10px;
	font-size: 6px;
	border: 2px;
	border-style: solid;
	border-color: black;
}

#account_logoff {
	color: #D1EEFF;
	font-size: 11px;
	padding: 7px 20px;
	position: absolute;
	right: 0px;
	top: 0px;
	text-align: right;
}

#account_logoff a, #account_logoff a:link, #account_logoff a:visited { 
	color: #D1EEFF;
	font-size: 11px;
	background-color:transparent;
	text-decoration: underline; 
	padding: 7px 3px 7px 3px;
}

#account_logoff a:hover { 
	color: white;
	background-color: #243243;
	text-decoration: none; 
	padding: 5px 3px 5px 3px;
}

#account_logoff a.trial, #account_logoff a.trial:link, #account_logoff a.trial:visited { 
	color: red;
	font-size: 11px;
	background-color:transparent;
	text-decoration: underline; 
	padding: 7px 3px 7px 3px;
}

#account_logoff a.trial:hover { 
	color: white;
	/*background-color: red;*/
	text-decoration: none; 
	padding: 7px 3px 7px 3px;
}

table.widget {
  width: 100%;
  padding: 0;
  margin-top: 10px;
  font-family: Helvetica, Verdana, Arial, SunSans-Regular, Sans-Serif;
}

table.widget th {
  text-transform: uppercase;
  font-size: 12px;
  padding: 0;
  padding-bottom: 5px;
  margin: 0;
  border-bottom: 1px solid;
  text-align: center;
}

table.widget td {
  text-align: center;
  font-weight: bold;
}

table.widget td.sep {
  border-left: 1px solid;
}

table.widget td.biggest {
  font-size: 36px;
  color: black;
}

table.widget td.big {
  font-size: 36px;
  color: grey;
}

table.widget td.red {
  color: red;
}

table.widget td.green {
  color: green;
}

#footer {
	font-size: 9px;
	margin: 3px 0px 20px 35px;
	color: #999;
	padding-bottom: 15px;
	text-align: left;    
}

a.tooltip img {
  border: 0;
  
}
a.tooltip:hover {
  background: transparent; /*BG color is a must for IE6*/
  text-decoration:none;
} 

a.tooltip span {
  display:none;
  padding:2px 3px;
  margin-left:8px;
  width:310px;
}
a.tooltip:hover span {
  display:inline;
  position:absolute;
  background:#ffffff;
  border:1px solid #cccccc;
  color:#6c6c6c;
}

#signup {
  text-align: center;
  width: 100%;
  margin-top: 25px;
  margin-bottom: 25px;
}

#signup table {
  margin: 0 auto;
  width: 750px;
}
#signup table td {
  text-align: center;
  padding: 5px;
  background: #DAEEFB;
  border-left: 1px solid white;
  vertical-align:middle
}

#signup table th {
  text-align: center;
  padding: 0px;
  margin: 0px;
  border-left: 1px solid white;
}

#signup table th.basic {
 background-image: url("http://www.qualityindicatorspro.com.au/wp-content/uploads/2010/07/signup_basic_sml.png");
 width: 158px;
 height: 168px;
}

#signup table th.plus {
 background-image: url("http://www.qualityindicatorspro.com.au/wp-content/uploads/2010/07/signup_plus_sml.png");
 width: 158px;
 height: 168px;
}

#signup table th.deluxe {
 background-image: url("http://www.qualityindicatorspro.com.au/wp-content/uploads/2010/09/signup_deluxe_sml.png");
 width: 158px;
 height: 168px;
}

#signup table th.unlimited {
 background-image: url("http://www.qualityindicatorspro.com.au/wp-content/uploads/2010/09/signup_unlimited_sml.png");
 width: 158px;
 height: 168px;
}


#signup table td.odd {
  background: #E6E6E6;
}

#signup table td.even {
  background: white;
}

#signup table td.del_unl {
  background: #D8EBD3;
}

#signup table td.basic {
  background: #B5DDF7;
}

#signup table td.plus {
  background: #A9CDD9;
}

#signup table td.deluxe {
  background: #B1D7A7;
}

#signup table td.unlimited {
  background: #CBE1AB;
}


#signup table img {
  border: none;
  background: transparent;
}