@import "../Default-SupportFiles/style2.css"; /* This imports the other style sheet. Out of date
browsers will still be able to run the site, this justs moves all the
styles old browsers cannot display out to the other file. This works by
the @import command not being recognised by old browsers.				*/

/*
Title:      WNSWT master styles
Author:     Birks, www.wnswt.com
Created:	March 2009
Updated:    October 2009
Notes:    	Yes

Corporate Colours:

Orange:		#cd7823;
Brick:		#8c4b32;
Clay:		#be8264;
Sand:		#e6d29b;

Leaf:		#afa546;
Dark Moss:	#5a692d;
Slate:		#85763a;
Dark Brick:	#693732;
Berry Red:	#af2828;

The other Slate:	#857662;

*/



/* --[ General styles ]------------------------------- */

html, table {
	font-size: 100.01% /* This compensates for several browser bugs.. */
}

body {
	color: #1c1c1c;
	font-family: Arial, Tahoma, Helvetica, sans-serif;
	background-color: #fff;
	font-size: 62.5%;
}
body.pagebody { /* These styles are just for the site, and won't affect the fckeditor */
	background-color: #f2f2f2;
	text-align: center;
	margin-top: 20px;
	margin-bottom: 20px;
}

div {
	text-align: left;
}

/* --[ links ]------------------------------- */

a {
	text-decoration: none;
	}

a:link {
	color: #666;
	}
a:visited {
	color: #999;
	}
div#contentPanel a:link,
div#contentPanel a:visited {
	border-bottom: 1px dotted #aaa;
	}
a:hover {
	text-decoration: underline;
	color: #cd7823;
	}
div#contentPanel a:hover {
	text-decoration: none;
	border-bottom: 1px solid #009b7a;
	}
a:active {
	color: #af2828;
	}

/* --[ common elements ]--------------------- */

h1 {
	margin: 0 0 0.5em 0;
	color: #cd7823;
	font-size: 2.5em;
	font-weight: normal;
	border-bottom:1px #85763a solid;
	padding-bottom:8px;
}

h2, h3, h4, h5, h6 {
	font-size: 1.3em; font-weight: bold;
	margin-bottom: 0.5em;
}

h2 { 
	color: #8c4b32;
	font-size: 1.4em;
}
h3 { 
	clear:left;
}
h3, h3 a:link { 
	color: #000;
}
h4 { 
	color: #be8264;
}
h5 { 
	color: #cd7823;
	font-weight: normal;
}
h6 { 
	font-weight: normal;
}

p { 
	font-family: Arial, Tahoma, Helvetica, sans-serif;
	color: #333;
	text-decoration: none;
	margin: 0 0 1.1em 0;
	font-size: 1.2em;
	line-height: 1.4;
}

div.rightside #newsBox h3 {
	font-size: 1.2em;
	line-height: 1.2;
	margin-bottom: 0.2em
}
div.rightside #newsBox h3 a {
	color: #2c2c2c;
}
div.rightside #newsBox p {
	font-size: 1.1em;
	line-height: 1.3;
	color: #666;
	padding-bottom: 1em;
	border-bottom: 1px solid #857662;
}

div.rightside p {
	font-size: 1.2em;
}
div.rightside p.credits {
	font-size: 1.1em;
	color: #666;
	margin-top: -1.1em;
	margin-bottom: 0.5em;
	padding-bottom: 0.5em;
	border-bottom: 1px #85763a solid;
}
div.rightside a:hover {
	color: #2c2c2c;
}
div.rightside p.seeAll {
	font-size: 1em;
	text-align: right;
}
div.rightside p.seeAll a {
	color: #be8264;
}



.small {
	font-size: 0.9em; 
	}

.center {
	text-align: center; 
	}
.Error { 
	color: #f00;
	}
.regular {
	font-weight: normal;
	}
img {
	border: 0;
	}
strong {
	font-weight: bold;
}	
em {
	font-style: italic;
}
.details {
	font-size: 0.9em;
	color: #777;
	font-style: normal;
}


fieldset {
	border:1px solid #cd7823;
	padding:5px 5px 5px 15px;
}

hr {
	background-color: #dcdcdc;
	color: #dcdcdc;
	border: 0 none;
	height: 1px;
	margin: 0 0 1em 0;
	padding: 0;
}

.hide {
	display: none;
}

.inputElementStyle {
	border:1px solid #666666;
	margin:0 0 0.5em;
	width:97.5%;
}
.controlElementStyle {
	font-family: Arial, Helvetica, sans-serif; /* -- This is odd, shouldn't need to specify a font, but it apparently needs it..-- */
	font-size: 1em; 
	margin: 0 0.5em;

	border: none;
	padding: 3px 5px;
	background-color: #857662;
	color: #fff;
	font-size: 1.2em;
}

.controlElementStyle:active /* -- This is for Firefox to make sure it reverts back to how it should -- */
{
	background-color: #857662;
}

.controlElementStyleHover
{
	margin: 0 0.5em;
	text-decoration: none;
	background-color: #cd7823;
}

.resetButton {
	display: none;
}

dl {
	font-size: 1.3em;
	margin: 0 0 1.1em 0;
}	
dt {
	float:left;
	margin-right: 1em;
}	

a.externalWindow {
	padding-right: 12px;
	background-image: url(Images/externalWindow.gif);
	background-repeat: no-repeat;
	background-position: right;
}

img.softwareImg {
	float: right;
	margin: 0 0 1em 1em;
}
img.newsThumb {
	float: left;
	background-color: #fff;
	border: 1px solid #AAA;
	margin: 0 1em 1em 0;
	padding: 0.5em;
	clear: left;
}

/* --[ elaborate lists ]------------------------------- */

div.content ul {
	list-style-type: none;
	font-size: 1.3em;
	margin-bottom: 1.3em;
}
div.content ol {
	list-style: decimal;
	font-size: 1.3em;
	margin-bottom: 1.3em;
}

div.content ul li {
	margin-top: 0.9em;
	margin-bottom: 0.9em;
	margin-left: 7px;
	padding-left: 23px;
	background-image: url(Images/bulletPoint.gif);
	background-repeat: no-repeat;
	background-position: left 1px;
	line-height: 1.2;
}
div.content ol li {
	margin-bottom: 1em;
	margin-left: 30px;
}

/* sub lists */

div.content ol ul,
div.content ul ul {
	margin-top: 1em;
	margin-left: 35px;
	list-style-type: disc;
	font-size: 0.9em;
}
div.content ol ul {
	margin-left: 12px;
}

div.content ol ul li,
div.content ul ul li,
div.content ul ol li {
	padding-left: 0;
	background-image: none;
}

div.content ol ol,
div.content ul ol {
	margin-top: 1em;
	font-size: 0.9em;
	margin-left: 12px;
}

/* sub sub lists */

div.content ol ul ul,
div.content ul ul ul,
div.content ol ol ul,
div.content ul ol ul {
	list-style-type: circle;
	font-size: 1em;
}
div.content ul ul ol,
div.content ol ol ol {
	font-size: 1em;
}

/* Phew! */


/* --[ List styles ]------------------------------- */

div.content ul.list li {
	background-position: 0.2em 0.3em;
}

/* --[ Definition List styles ]------------------------------- */

dl.qa dt {
	color: #BE7300;
	font-size: 1.4em;
	font-weight: bold;
	margin: 0;
	padding: 4px 0 5px 30px;
	background: url(Images/q.gif) no-repeat left 3px;
}
dl.qa dd {
	font-size: 1.2em;
	margin: 0 0 0.7em 0;
	padding: 2px 0 5px 30px;
	background: url(Images/a.gif) no-repeat left top;
}
dl.qa dd ul {
	margin-top: 1em;
}
dl.qa dd ul li {
	font-size: 0.8em;
}

/* --[ accessibility stuff ]------------------------------- */

.skip {
	position: absolute;
	left:-300em;
	top: -300em;
}
div#contentPanel h1 a#content { display: none; }