﻿html, body 
{
    height: 100%;
}

body
{
    background-color: #FFFFFF;
	color: #343434;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	margin: 0px;
    padding: 0px;
	text-decoration: none; 
	behavior: url("/styles/hover.htc");
}

html>body #container
{
    height: auto;
    width: auto;
}

#container
{
    height: 100%;
    left: 0px;
    min-height: 100%;
    min-width: 770px;
    position: relative;
    top: 0px;
    width: 100%;
    voice-family: "\"}\"";
    voice-family: inherit;
}

/* Clearing */
	
.clearfix:after
{
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}

* html>body .clearfix
{
    width: 100%;
}

* html .clearfix 
{
    /* Hides from IE-mac \*/
    height: 1%;
    /* End hide from IE-mac */
}
/* End clearing */

table, select
{
	font-size: 1.2em;
}

table p, table ul li
{
    font-size: 1em;
}

a:link, a:visited 
{
    color: #003399;
    font-weight: bold;
    text-decoration: none;
}

a:hover 
{
	color: #FF3300;
	font-weight: bold;
	text-decoration: underline;
}

a:active 
{
	color: #FF3300;
	font-weight: bold;
	text-decoration: none;
}

a.accesskey 
{ 
    display: none; 
}

h1
{
    color: #3692C0;
	background-color: inherit;
    font-size: 1.8em;
    font-weight: bold;
}

h2
{
    color: #3692C0;
	background-color: inherit;
    font-size: 1.2em;
}

h3, h4
{
	background-color: inherit;
    font-size: 1.2em;
}

p
{
    font-size: 1.2em;
    line-height:1.5;
}

ul
{
    list-style-image: url(/img/bullet-blue.gif);
    font-size: 1.2em;
}

ul ul
{
    font-size: 1em;
}

dl 
{
    font-size: 1.2em;
}

hr
{  
    height: 1px;
    background-color: #cccccc;
    color: #cccccc;
    border: none;
    padding: 0;
    margin: 0.1em 0 0.1em 0;
}

textarea
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
}

input
{
    font-size: 1em;
}

/* Style for ASP.NET button control */
input.button
{
    color: #343434;
    font-size: 1em;
    background-color: #E0DFE3;
    border: 1px solid;
    border-top-color: #C9C9C9;
    border-left-color: #B3B3B3;
    border-right-color: #B3B3B3;
    border-bottom-color: #919194;
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#E9E9E9',EndColorStr='#CECECE');
    height: 22px;
}

input.button:hover
{
    color: #343434;
    cursor: pointer;
    font-size: 1em;
    background-color: #EDEDED;
    border: 1px solid;
    border-top-color: #C9C9C9;
    border-left-color: #B3B3B3;
    border-right-color: #B3B3B3;
    border-bottom-color: #919194;
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#EDEDED',EndColorStr='#DDDDDD');
    height: 22px;
}

/* Style for ASP.NET file control */
div.fileUploads
{
	position: relative;
}

div.fakeUploads
{
    position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
}

input.file
{
	position: relative;
	text-align: right;
	-moz-opacity: 0;
	filter: alpha(opacity: 0);
	opacity: 0;
	z-index: 2;
}

.fakeFile
{
    float: left;
    padding-right: 10px;
}

/* ----------------------------- */
/* Box styles                    */
/* ----------------------------- */
/* JD - think the following styles are obsolete - need to check and test this properly before removing */
.type1Box
{
    width: 25%;
}

.type1Box h1
{
    color: #FFFFFF;
	background-color: inherit;
    font-size: 100%;
    padding-left: 10px;
    padding-top: 4px;
}

.type2Box
{
    width: 50%;
}

.type2Box h1
{
    color: #FFFFFF;
	background-color: inherit;
    font-size: 100%;
    padding-left: 10px;
    padding-top: 4px;
}

.type3Box
{
    width: 75%;
}

.type3Box h1
{
    color: #FFFFFF;
	background-color: inherit;
    font-size: 100%;
    padding-left: 10px;
    padding-top: 4px;
}

.type4Box
{
    width: 100%;
}

.type4Box h1
{
    color: #FFFFFF;
	background-color: inherit;
    font-size: 100%;
    padding-left: 10px;
    padding-top: 4px;
}

.blueHeader
{
    background-color: #3692C0;
    height: 25px;
	width: 100%;
}

.blueContent
{ 
    background-color: #D5EAF3;
    border: solid 1px #3692C0;
    margin: 0px;
    padding-left: 10px;
}

.blueContent ul
{
    list-style-image: url(/img/bullet-blue.gif);
}

.greenHeader
{
    background-color: #42AF9D;
    height: 25px;
	width: 100%;
}

.greenContent
{ 
    background-color: #D4F0EB;
    border: solid 1px #42AF9D;
    margin: 0px;
    padding-left: 10px;
}

.greenContent ul
{
    list-style-image: url(/img/bullet-green.gif);
}

.yellowHeader
{
    background-color: #F4B600;
    height: 25px;
	width: 100%;
}

.yellowContent
{ 
    background-color: #FCEFC9;
    border: solid 1px #F4B600;
    margin: 0px;
    padding-left: 10px;
}

.yellowContent ul
{
    list-style-image: url(/img/bullet-yellow.gif);
}

.purpleHeader
{
    background-color: #661759;
    height: 25px;
	width: 100%;
}

.purpleContent
{ 
    background-color: #EDDAEA;
    border: solid 1px #661759;
    margin: 0px;
    padding-left: 10px;
}

.purpleContent ul
{
    list-style-image: url(/img/bullet-purple.gif);
}

.orangeHeader
{
    background-color: #F15A25;
    height: 25px;
	width: 100%;
}

.orangeContent
{ 
    background-color: #F5CCBB;
    border: solid 1px #F15A25;
    margin: 0px;
    padding-left: 10px;
}

.orangeContent ul
{
    list-style-image: url(/img/bullet-orange.gif);
}
