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

}

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

/* body
--------------------------------------------------*/
body {
	background-color: #000000;
	margin-top: 0px;
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom: 50px;
}

/* table
--------------------------------------------------*/
table {
	text-align: left;
	border-collapse: collapse;
}
td {
	vertical-align: top;
}

/* Tabledata normal place to store data in */
.tabledata {
	width: 100%;
	border: 0px;
	border-collapse: collapse;
	margin: 5px 0 5px 0;
	padding: 0 0 0 0;
}
.tabledata th {
	border-bottom: 1px solid #88938b;
	text-indent: 2px;
}
.tabledata td {
	padding: 2px;
}
.tabledatagray {
	color: gray;
}
.tabledatahead {
	color: #000;
}
/* Changing rowcolours! */
.row1 {

}
.row2 {
	background-color: #ececec;
}

/* Typographic
--------------------------------------------------*/
h1,h2,h3,h4,h5,h6,h7,h8 {
	color:black;
	font-weight:bold;
	margin: 0.1em 0em 1em 0em;
	padding:0;
}
h1			{ font-family: Arial, Helvetica, sans-serif; font-size: 12pt; font-weight: bold; }
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			{ padding: 10px 0 10px 30px; }
li			{ padding-left: 5px; }
span		{ padding-right: 10px; }
p { 
	margin: 0 0 0 0; /* top left */
	text-indent: 0em;
	text-align: justify;
}
	
/* Forms
--------------------------------------------------*/
fieldset {}
legend {}
input, textarea {
	border: 1px solid #939daf;
	font-family: arial, sans-serif;
	background-color: #d2e2fb;
	color: #40444c;
	padding: 1px;
}
textarea {
	width: 99%;
}
input[disabled], select[disabled], textarea[disabled] {
	background-color: #c0c0c0;
}
button {
	color: #050;
	font-family: Verdana, Arial, helvetica, sans-serif;
	font-size: 90%;
	font-weight: bold;
	background-color: gray;
	border: 1px solid;
	border-top-color: #696;
	border-left-color: #696;
	border-right-color: #363;
	border-bottom-color: #363;
}

/* Hax for non explorer browser making wysiwig iframe white */
iframe {
	background-color: white;
}

/* Mixed
--------------------------------------------------*/
pre {
	white-space: pre-wrap;
	font: 1.2em/1em monospace;
	text-align: left;
	color: black;
	font-family: Courier New, Courier, monospace;
}
hr {
	clear: both;
	border: 0;
	margin: 5px 0px 5px 0px;
	height: 1px;
	color: #000;
	background-color: #000;
}
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: #636363; text-decoration: none; }
a:visited		{ color: #636363; text-decoration: none; }
a:hover			{ color: #220e0a; text-decoration: underline; }
a:active		{ color: #636363; text-decoration: none; }