/* General HTML Elements */
body
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: x-small;
}
hr
{
	height: 0;
	line-height: 0;
	color: #fff;
	border-top-color: #ccc;
	border-top-style: dotted;
}

/* Headings */
h1, h2, h3
{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
}
h1
{
	font-size: large;
}
h2
{
	font-size: medium;
}

/* Links */
a
{
	color: #00baef;
}

/* Lists */
ul
{
	margin-top: 0;
	margin-bottom: 5px;
}
ol
{
	margin-top: 0;
	margin-bottom: 5px;
}
ol.bluebullets li
{
	color: #00baef;
	font-weight: bold;
}
ol li .black
{
	color: #000000;
	font-weight: normal;
}

dl
{
	padding-left: 5px;
	padding-right: 5px;
}
dt
{
	font-size: small;
	font-weight: bold;
}
dd
{
	font-size: x-small;
	margin: 0 0 10px 0;
}

/* Form elements */
fieldset
{
	border: 0;
	margin: 0;
	padding: 0 0 5px 0;
	position: relative;
}
legend
{
	float: left;
}
legend span
{
	font-size: x-small;
	float: left;
	padding-bottom: 3px;
}
fieldset p
{
	padding-left: 2px;
	padding-right: 12px;
}
fieldset textarea
{
	position: relative;
	border-style: solid;
	border-width: 1px;
	border-color: #ccc;
	width: 100%;
	padding: 5px;
}
.input-submit
{
	/* Layout */
	width: 100%;
	padding: 5px;
	
	/* Typography */
	font-size: small;
	font-weight: bold;
	text-shadow: 0px 0px 2px #000;				/* Opera does not support RGBA so using normal coloration first */
	text-shadow: 0px 0px 2px rgba(0,0,0, .5);	/* Override the simple above rule with RGBA and opacity for those that support it */
	
	/* Behaviour */
	cursor: pointer;
	
	/* Border */
	border-style: solid;
	border-width: 1px;
	border-color: #a2a8a0;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	
	/* Color & Background */
	color: #fff;
	background: -webkit-gradient(linear, left top, left bottom, from(#b3dba8), color-stop(1, #1fa600));
	background: -moz-gradient(linear, left top, left bottom, from(#b3dba8), color-stop(1, #1fa600));
	background-color: #5fc641;
}

/* Containers */
#pageNavigation
{
	padding: 0 0 5px 0;
}
#pageLogotype
{
	padding: 0 0 5px 0;
}

/* Headings */
#pageLogotype h1
{
	color: #00baef;
	margin: 0;
}
#pageHeading h1
{
	text-transform: uppercase;
	color: #66cc33;
}
#pageHeading h2
{
	color: #66cc33;
	margin: 0;
}

/* Body Headings */
#pageBody h1
{
	color: #66cc33;
	margin-bottom: 0;
}
#pageBody h2
{
	color: #434343;
	margin-bottom: 0;
}
#pageBody h3
{
	font-size: small;
	margin-top: 0;
	margin-bottom: 0;
}
#pageBody p
{
	margin-top: 0;
}


/* Forms */
.TextBox
{
	border: 1px solid #ccc;
}
.NumberInput
{
	-wap-input-format: "*n";
	-wap-input-required: true;
}

/* Custom classes */
.error
{
	color: #b52524;
	font-weight: bold;
}
.heading
{
	font-weight: bold;
	color: #000;
}

ul.error
{
	list-style-type: none;
	margin: 5px 0 0 0;
	padding: 5px;
	border: 1px dotted #b52524;
}

.menuselected
{
	color: #66cc33;
	font-weight: bold;
	font-size: small;
}
.menuitem
{
	color: #00baef;
	font-weight: bold;
	font-size: small;
}
.listitem
{
	color:#00baef;
	font-weight: bold;
	font-size: x-small;
}
.listitem a
{
	color:#00baef;
	font-weight: bold;
	font-size: x-small;
}
.label
{
	font-weight: bold;
	font-size: x-small;
}
.list
{
	font-size: small;
}
.menu
{
	font-size: x-small;
}
.smallprint
{
	font-size: x-small;
	color: #ccc;
}
.rebtelblue
{
	color: #00baef;
}