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

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

/* body
--------------------------------------------------*/
body {
	background-color: #ffffff;
	color: #000;
}

/* table
--------------------------------------------------*/
table {
	font-family: comic sans ms,sans-serif;
	font-size: 11px;
	text-align: left;
	border-collapse: collapse;
	padding: 0;
	margin: 0;
}
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 {
	background-color: #e6eab5;
}
.row2 {
	background-color: #e3ea86;
}

ol, li {
	list-style: none;
}

/* Typographic
--------------------------------------------------*/
h1,h2,h3,h4,h5,h6,h7,h8 {
	font-weight:bold;
}
h1			{ font-size: 18pt; }
h2			{ font-size: 14pt; }
h3			{ font-size: 12pt; }
h4			{ font-size: 10pt; }
b, strong	{ font-weight: bold; }
/* disc | circle | square | decimal | lower-roman | upper-roman | lower-alpha | upper-alpha | none */
ul			{ margin: 5px 0 10px 30px; }
li			{}
span		{ padding-right: 10px; }
p { 
	margin: 0 0 8px 0; /* top left */
	text-indent: 0em;
	text-align: justify;
}

.b { font-weight: bold; }

.b1 { border: 1px solid #e6e6e6; background-color: #fff; }

.w5 { width: 5%; }
.w10 { width: 10%; }
.w15 { width: 15%; }
.w20 { width: 20%; }
.w25 { width: 25%; }
.w30 { width: 30%; }
.w35 { width: 35%; }
.w40 { width: 40%; }
.w45 { width: 45%; }
.w50 { width: 50%; }
.w55 { width: 55%; }
.w60 { width: 60%; }
.w65 { width: 65%; }
.w70 { width: 70%; }
.w75 { width: 75%; }
.w80 { width: 80%; }
.w85 { width: 85%; }
.w90 { width: 90%; }
.w95 { width: 95%; }
.w100 { width: 100%; }

.fl { float: left; }
.fr { float: right; }
.ctr { text-align: center; }
.rgt { text-align: right; }	

.scrollbar {
	overflow-y: auto;
	background-color: inherit;
}
	
/* Forms
--------------------------------------------------*/
form {
	margin: 0;
	padding: 0;
}
fieldset {}
legend {}
input {
	border: 1px solid #9baa18;
	font-family: arial, sans-serif;
	background-color: #fff;
	color: #40444c;
	padding: 1px;
	font-size: 10px;
	height: 14px;	
}

.radio {
	border: 0px;
}

select {
	border: 1px solid #9baa18;
	font-family: arial, sans-serif;
	background-color: #fff;
	color: #40444c;
	padding: 1px;
	font-size: 10px;
	width: 125px;
}

select option { width: 200px; }

textarea {
	width: 534px;
}
input[disabled], select[disabled], textarea[disabled] {
	background-color: #c0c0c0;
}
button {
	color: #9baa18;
	border: 1px solid #b5c01c;
	background-color: #e3e5ca;
	font-size: 10px;
	padding: 0;
	margin: 0;
}
/* 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; }
.clear		{ clear:both; }
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.left {
	float: left;
	margin: 2px 4px 2px 0;
}
.right {
	float: right;
	margin: 2px 0 2px 4px;
}


/* 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;
}

.error {
	color: red;
}

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