/* GLOBAL
--------------------------------------------------*/
html {}

* {
	margin: 0px;
	padding: 0px;
}
/* set default fontsize to 16px - 62.5% = 10px */
html, body, table {
	font-family: Verdana, Arial, helvetica, sans-serif;
}

/* body
--------------------------------------------------*/
body {
	background-image: url('../../styles/healthy/bground.gif');
	background-repeat: repeat-x;
	background-color: #313131;
	margin-top: 30px;
	font-family: Verdana, Arial, helvetica, sans-serif;
	font-size: 8pt;	
	color: #FFFFFF;
}

/* table
--------------------------------------------------*/
table {
	text-align: left;
}

td {
	vertical-align: top;
}
/* Tabledata normal place to store data in */
.tabledata {
	width: 100%;
	border: 0px;
	border-collapse: collapse;
	margin-bottom: 10px;
}
.tabledata th {
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	text-indent: 2px;
}
.tabledata td {
	padding: 2px;
}
.tabledatagray {
	color: gray;
}
.tabledatahead {
	color: #000;
}
/* Changing rowcolours! */
.row1 {
	background-color: #353535;
}
.row2 {
	background-color: #4f4f4f;
}

/* Typographic
--------------------------------------------------*/
h1,h2,h3,h4,h5,h6,h7,h8 {
	font-weight:bold;
	margin: 0.1em 0em 1em 0em;
	padding:0;
}
h1			{ font-size: 3em; font-variant: small-caps; }
h2			{ font-size: 1.6em; }
h3			{ font-size: 1.2em; }
h4			{ font-size: 1em; }
b, strong	{ font-weight: bold; }
/* disc | circle | square | decimal | lower-roman | upper-roman | lower-alpha | upper-alpha | none */
ul			{}
li			{}
span		{ padding-right: 10px; }

p { 
	margin: 0 0 0 0; /* top left */
}
	
/* Forms
--------------------------------------------------*/
fieldset {}
legend {}
input, textarea {
	border: 1px solid #939daf;
	background-color: #d2e2fb;
	color: #40444c;
	padding: 1px;
}
textarea {
	width: 99%;
}
input[disabled], select[disabled], textarea[disabled] {
	background-color: #c0c0c0;
}
button {
	color: #045988;
	font-family: Verdana, Arial, helvetica, sans-serif;
	font-size: 90%;
	font-weight: bold;
	border: 1px solid;
	padding: 2px;
	border-top-color: #97d7f6;
	border-left-color: #97d7f6;
	border-right-color: #97d7f6;
	border-bottom-color: #97d7f6;
}

pre {

}

img {
	border: none;
}

img.border { 
	margin: 5px; 
	padding: 1px; 
	border: 2px solid black; 
	background: white;
}

img.sborder { 
 border: 1px solid black;
}

em {
	font-style: italic;
}

/* Classes
--------------------------------------------------*/
.warning	{ color: red; } 
.important	{ font-variant: small-caps; font-size: 1.5em; }
.keys		{ background: url(../images/layout/keys.png) center no-repeat; }
.small		{ font-size: 0.8em; }
.large		{ font-size: 1.3em; }
.middle		{ vertical-align: middle; }
.grey		{ color:#888; }
.ltgrey		{ color:#ddd; }
.strike		{ text-decoration:line-through; }
.lft		{ float:left; }
.rgt		{ float:right; }
.clear		{ clear:both; }
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */


/* SPECIAL */
/* float left or right within the div */
#left {
	float:left; 
	background:#eee; 
	padding:10px; 
	margin:5px;
	border:1px solid #000; 
	color:#000; 
	width:80%;
}
#right {
	float:right;
	background:#ddd; 
	padding:10px; 
	border:1px solid #000; 
	color:#000; 
}

/* absolute in the browser window */
#absolute {
	position:absolute; 
	top:175px; 
	left:20px; 
	width:200px; 
	padding:20px; 
	background:transparent;
	border:1px solid #660000;
	text-align:left;
}

/* 
	Links LoVe HAte (http://dbaron.org/css/1999/09/links)
	--------------------------------------------------
*/
a:link			{ color: #bee6fa; text-decoration: none; }
a:visited		{ color: #bee6fa; text-decoration: none; }
a:hover			{ color: #ffc412; text-decoration: none; }
a:active		{ color: #bee6fa; text-decoration: none; }