/* 
 * Colours
 *   Blue      : #183D9E
 *   Orange    : #FF7A00
 *   Light grey: #CCCCCC
 */

/* import mac IE only stylesheet */
/*\*//*/
@import "screen_ie5mac.css";
/**/


/* tags */
html {
	height: 100%;
}
body {
	font: 75% arial, verdana, sans-serif;
	color: #333333;
	background: rgb(178,178,178) url(../img/bg_grid.gif);
	margin: 0px 0px 0px 3px;
	padding: 3px 0px 0px 3px;
	height: 100%;
}
big {
	font-size: 1.2em;
	font-weight: bold;
}
td {
	vertical-align: top;
}
h1 {
	margin: 0px;
	font: bold 1.5em arial, verdana, sans-serif;
}
h2 {
	background-color: #CFDFEE;
	font: bold 1.2em arial, verdana, sans-serif;
	color: #0E2B8D;
	padding: 13px 0px 9px 12px;
	margin: 0px;
}
h3 {
	background-color: #CFDFEE;
	font: bold 1.1em arial, verdana, sans-serif;
	color: #0E2B8D;
	padding: 13px 0px 12px 12px;
	margin: 0px 0px 2px 0px;
}
h4 {
	font: bold 1.1em arial, verdana, sans-serif;
	color: #183D9E;
	margin: 1em 0px 1em 0px;
	padding-left: 12px;
}
p {
	margin-top: 1em;
	margin-bottom: 1.2em;
}
address {
	font-style: normal;
}
textarea {
	height: 50px;
}


/* links */
a:link {
	color: #183D9E;
}
a:visited {
	color: #183D9E;
}
a:active, a:hover {
	color: #FF7A00;
}


/* admin only, this id is applied to the body tag */
#admin textarea {
	width: 300px;
	height: 100px;
}
#admin .input {
	width: 300px;
}
#admin ul {
	margin-left: 0px;
	padding-left: 12px;
}
#admin ul li {
	font-size: 0.95em;
	margin-bottom: 4px;
}


/* outer container */
#parent {
	background: white url(../img/bg_gradient.jpg) repeat-x top left;
	width: 758px;
	min-height: 100%;
}


/* header info */
#header {
	margin-left: 7px;
	margin-right: 5px;
}

/* that damn right hand gradient border */
#gradient {
	float: right;
}

/* left navigation */
#navigation {
	margin: 0px 5px 0px 7px;
	padding: 0px;
}
#navigation li {
	list-style: none;
	padding: 0px;
	margin: 0px;
	display: inline;
	float: left;
}
#navigation li img {
	padding: 0px;
	margin: 0px;
	vertical-align: top;
}


/* content */
#content {
	margin: 14px 5px 0px 8px;
	border-top: 1px solid #588DC0;
	background: white url(../img/left_gradient.jpg) no-repeat top left;
}
#content .box {
	/* for now... */
	padding: 10px;
}
#content .container {
	border: 1px solid #cccccc;
	margin: 0px 11px 11px 11px;
	padding: 9px;
}
#content td label {
	font-weight: bold;
}

/* contact us specific */
#content .contact {
	width: 360px;
	float: left;
}
#content .contact p.rule_dotted {
	margin-top: 8px;
	margin-bottom: 8px;
}
#content .contact table {
	margin-left: 8px;
}
#content .contact p {
	margin-left: 13px;
	margin-right: 8px;
}
#content .contact .input {
	width: 228px;
}
#content .success {
	margin-left: 15px;
}
#content .success h4 {
	margin-left: -3px;
	padding-left: 0px;
}

/* faq specific content */
#content h2.faq {
	width: 511px;
}
#content div.faq {
	width: 500px;
}
#content .faq a.selected {
	color: #FF7A00;
}

/* news specific content */
#content h2.news {
	margin-bottom: 0px;
}
#content .news {
	width: 511px;
}
#content .news td {
	font-size: 0.8em;
}
#content .news .column {
	float: left;
	width: 147px;
	margin: 0px 9px;
}
#content .content {
	width: 65%;
	float: left;
	padding: 0px 10px;
	margin-top: 16px;
}
#content .news .box .bordered_image {
	float: left;
}
#content .news .bordered_image {
	float: right;
	position: relative;
	top: 9px;
}

/* link specific */
#content dl {
	padding-left: 12px;
}
#content dt {
	background-color: #F1F5FA;
	padding: 1px 5px;
}
#content dd {
	margin-left: 0px;
	margin-bottom: 1.1em;
	padding: 1px 5px;
}

/* download specific */
#content td h4 {
	margin: 2px;
}
#content td.selected {
	background-color: #EDF3FE;
}
#content .adobe { /* this is _just_ used to position the adobe logo on the downloads page */
	float: right;
	margin-top: 3px;
	margin-right: 7px;
}
#content .logo {
	float: right;
	margin-top: -2px;
}

/* home specific */
#content .home {
	padding-left: 19px;
	padding-right: 16px;
}
#content .home .container {
	margin: 0px;
}
#content .home .box {
	background: #EFF4F9 url(../img/bg_grid_blue.gif) repeat;
	min-height: 135px;
}
#content .home h3 {
	padding-left: 29px;
	margin-bottom: 1px;
}

#content .home .column {
	float: left;
	width: 181px;
	margin: 0px 15px;
	font: 0.8em verdana, sans-serif;
}
#content .home .column div {
	padding: 0px 10px;
	height: 38px;
}
#content .home .column div.bottom {
	height: 89px;
}
#content .home .column p {
	margin: 4px 0px;
}
#content .home .column a:visited {
	color: #183D9E;
}
#content .home .bordered {
	border: 1px solid #CCCCCC;
	margin-left: 1px;
	padding-top: 11px;
/*	height: 244px;*/
	height: 270px;
	width: 198px;
}
#content .home .company {
	width: 201px;
	float: left;
}
#content .home .company p {
	font-size: 0.9em;
	margin-left: 12px;
	margin-right: 35px;
}
#content .home .top {
	width: 305px;
/*	height: 170px;*/
	height: 196px;
	margin-bottom: 1px;
}
#content .home .register {
	width: 289px;
	height: 55px;
	padding: 8px;
	max-height: 71px;
}
#content .home .register div {
	height: 55px;
	background-color: #FDBC6A;
	overflow: hidden;
/*	border: 1px solid red;*/
	width: 289px;
}
#content .home .register a img {
	margin-bottom: 10px;
}

/* product / about specific */
#content .product_about {
	float: left;
	width: 74%;
}
#content .product_about .container {
	margin-left: 0px;
}
#content .centre_col {
	float: left;
	width: 60%;
	padding-left: 12px;
}
#content .centre_col h4 {
	padding-left: 0px;
}
#content .centre_col ul {
	margin-left: 15px;
	padding-left: 0px;
}
#content .centre_col ul li, #content .product_home .bordered ul li, #content .home_extras ul li {
	list-style-image: url(../img/nav_block.gif);
}

/* accesibility / legal */
#content .home_extras p {
	margin-left: 14px;
	margin-right: 30px;
}
#content .home_extras dl {
	margin-left: 20px;
}
#content .home_extras dt {
	float: left;
	color: #183D9E;
	font-weight: bold;
	padding: 2px;
	margin-right: 2px;
	margin-bottom: 0px;
}
#content .home_extras dd {
	margin-bottom: 2px;
}


/* product home page specific */
#content .product_home .column {
	width: 270px;
	float: left;
	height: 429px;
}
#content .product_home .bordered {
	border: 1px solid #CCCCCC;
	margin-right: 1px;
	min-height: 359px;
	width: 267px;
	height: 406px;
}
#content .product_home .bordered ul {
	margin-left: 34px;
	margin-right: 25px;
	padding: 0px;
}
#content .product_home .bordered ul li {
	list-style-position: outside;
}
#content .product_home .bordered p {
	margin-left: 16px;
	margin-right: 25px;
}

/* footer info */
#footer {
	margin-left: 8px;
	margin-right: 8px;
	padding-bottom: 30px;
	background-color: white;
	clear: both;
	font-size: 0.8em;
	color: #0E2B8D;
}
#footer a:link, #footer a:visited {
	color: #0E2B8D;
}
#footer ul {
	margin: 0px;
	padding: 0px;
}
#footer ul li {
	display: inline;
}
#footer ul li a:link, #footer ul li a:visited {
	color: #566AAF;
}
#footer .container {
	border: 1px solid #E2ECF5;
	padding: 10px;
	padding-bottom: 10px;
}
#footer .box {
	background-color: #E2EBF5;
	height: 38px;
	margin-top: 4px;
	margin-bottom: 1px;
}


/* right hand column */
#rightcol {
	float: right;
	width: 177px;
	padding-left: 2px;
	font-size: 0.8em;
}
#rightcol form, #rightcol .box {
	margin-left: 14px;
	margin-right: 11px;
	padding: 0px;
}
#rightcol.border {
	background: white url(../img/rule_vertical.gif) repeat-y;
}
#rightcol.about {
	margin-top: 15px;
}
#rightcol.about .bordered_image {
	padding: 1px;
}
#rightcol.about div.rule_dotted {
	margin-bottom: 9px;
}

/* left hand column */
#leftcol {
	position: relative;
	left: 1px;
	float: left;
	width: 177px;
	margin-right: 10px;
}
#leftcol .ellipse {
	margin-top: 18px;
	margin-left: 5px;
	margin-bottom: 0px;
}
#leftcol .container {
	border: 1px solid #CCCCCC;
	margin: 0px;
}
#leftcol .container .inner {
	background-color: #EFF4F9;
	padding: 8px 0px 15px 12px;
}
#leftcol ul {
	margin: 0px;
	padding: 0px;
}
#leftcol ul.rule {
	margin-top: 8px;
	padding-top: 14px;
	background: url(../img/rule_horizontal_orange.gif) top left repeat-x;
}
#leftcol ul li {
	list-style-type: none;
	margin-bottom: 5px;
}
#leftcol ul li.rule {
	background: url(../img/rule_horizontal_orange.gif) bottom left repeat-x;
	padding-bottom: 10px;
}
#leftcol div.rule {
	background: url(../img/rule_horizontal_orange.gif) repeat-x;
	height: 5px;
	margin-top: 15px;
}
#leftcol .box {
	margin-top: 1px;
	background-color: #A3C2DF;
}

/* fourth level navigation */
#leftcol ul ul ul ul ul li {
	margin-bottom: 2px;
}
#leftcol ul ul ul ul ul li a:link, #leftcol ul ul ul ul ul li a:visited {
	font-weight: normal;
	font-size: 0.9em;
	text-decoration: none;
	color: #666666;
	background: url(../img/nav_block.gif) no-repeat 0px 5px;
	padding-left: 6px;
	margin-left: 12px;
}
#leftcol ul ul ul ul ul li a:link.selected, #leftcol ul ul ul ul ul li a:visited.selected {
	color: #666666;
	background: url(../img/nav_block.gif) no-repeat 0px 5px;
	text-decoration: underline;
}

/* third level navigation */
#leftcol ul ul ul ul li a:link, #leftcol ul ul ul ul li a:visited {
	font-weight: bold;
	text-decoration: none;
	color: #333333;
	background: url(../img/nav_arrow.gif) no-repeat 0px 1px;
	padding-left: 12px;
}
#leftcol ul ul ul ul li a:link.selected, #leftcol ul ul ul ul li a:visited.selected {
	color: #333333;
	background: url(../img/nav_arrow_down.gif) no-repeat 0px 1px;
}

/* second? level navigation */
#leftcol ul ul ul {
	margin-top: 5px;
}

/* first level navigation */
#leftcol ul li a:link, #leftcol ul li a:visited {
	font-weight: bold;
	text-decoration: none;
	color: #183D9E;
}
#leftcol ul li a:active, #leftcol ul li a:hover, #leftcol ul li a:link.selected, #leftcol ul li a:visited.selected {
	color: #FF7A00;
	text-decoration: none;
}
#leftcol ul li {
	font-size: 1em;
}



/* classes which display the same no matter where they appear */
.alert_message { /* not sure what this is for... */
	color: #CC0000;
	font-weight: bold;
}
.inform_user {
	font-weight: bold;
	color: #183D9E;
}
.error {
	color: red;
}
td .highlight_txt_blue {
	color: #183D9E;
	margin-bottom: 9px;
}
.highlight_txt_blue {
	color: #183D9E;
}
.highlight_txt_orange {
	color: #FF7A00;
}
.highlight_txt_grey {
	color: #999999;
}
.button_link:link, .button_link:visited {
	font-size: 0.8em;
	text-decoration: none;
	color: #183D9E;
}
.button_previous {
	float: left;
	margin: 5px 0px 10px 13px;
}
.button_next {
	float: right;
	margin: 5px 13px 10px 0px;
}
.icon {
	margin-right: 16px;
	margin-left: 14px;
}
.bordered_image {
	border: 1px solid #CDCDCD;
	margin-top: 10px;
}
.ellipse {
	margin-top: 18px;
	margin-left: 30px;
}

/* horizontal rule replacement classes */
td div.rule_dotted {
	background: white url(../img/rule_horizontal.gif) repeat;
	overflow: hidden;
	margin-top: 4px;
	margin-bottom: 4px;
}
.rule_dotted {
	background: white url(../img/rule_horizontal.gif) repeat;
	overflow: hidden;
}
.rule_dotted_dk {
	background: #DFEAF4 url(../img/rule_horizontal_dk_blue.gif) repeat;
	overflow: hidden;
}
.rule_solid {
	background-color: #183D9E;
	overflow: hidden;
}
.rule_solid_grey {
	background-color: #CCCCCC;
	overflow: hidden;
}
.rule_solid_lt {
	background-color: #ECF2F8;
	overflow: hidden;
	margin-top: 1px;
}
.five {
	height: 5px;
}
.one {
	height: 1px;
}
.nine {
	height: 9px;
}
.left {
	float: left;
	margin-right: 2px;
	width: 110px
}

/* form field classes */
.input {
	width: 100%;
}
.button {

}

table.installerMenu{
	border:0px;
	padding:4px;
	margin-top:10px;
	width:100%;
}
table.installerMenu tr td{
	padding:4px;
	text-align:left;
}
table.installerMenu tr td a{
	display:block;
	border:1px solid;
	width:150px;
	padding:4px 6px 4px 6px;
	border-color:#eeeeee #444444 #444444 #eeeeee;
	background-color:#bbbbbb;
	color:#000000;
	text-decoration:none;
	margin-left:auto;
	margin-right:auto;
}
table.installerMenu tr td a:visited{
	color:#000000;
}
table.installerMenu tr td a.red{
	color:red;
}
table.installerMenu tr td a:hover{
	border-color:#444444 #eeeeee #eeeeee #444444;
	text-decoration:underline;
	color:#0000ff;
}
table.loginMenu{
	border:0px;
	padding:4px;
	margin-top:10px;
}
table.loginMenu tr td{
	padding:4px;
	text-align:left;
	font-size:14px;
}
h1.installerAdmin{
	padding:2px 4px 2px 4px;
}
div.loginDiv{
	border:1px solid black;
	margin:20px 10px 10px 10px;
	padding:10px;
}
div.loginDiv input {
	border:1px solid #444444;
}
table.installer{
	width:70%;
	padding:0px;
	margin:0px;
}
table.installer tr td {
	font-size:15px;
	border:2px solid white;
}
table.installer tr td.over {
	background-color:#CFDFEE;
	border:2px solid;
	border-color: #aaaaaa #666666 #666666 #aaaaaa;
}
table.installer tr td.out {
	background-color:#FFFFFF;
	border:2px solid white;
}
input.required{
	background-color:#ffff88;	
}
input.requiredError{
	background-color:#ff8888;	
}
input.disabled{
	background-color:#d4d0c8;	
}
table.installerDetails{
	margin:10px 0px 10px 0px;
}
table.installerDetails tr th{
	text-align:left;
	background-color:#EFF4F9;
}
table.installerDetails tr td.resultRow{
	border-bottom:1px solid #CFDFEE;
}
table.installerDetails tr td div.small {
	width:150px;
	font-size:10px;
}
/* contact us specific */
#content .installerDetailsLeft {
	height:280px;
	width:460px;
	float: left;
}
#installerDetailsRight {
	float: right;
	width: 240px;
	height:280px;
	padding-left: 2px;
	font-size: 0.8em;
}
#installerDetailsRight.border {
	background: white url(../img/rule_vertical.gif) repeat-y;
}
div.installerTableWrapper{
	padding:0px 7px 0px 7px;
	margin:0px;
	border:0px;
}