/* ----------Sections---------- */
/* ----------Main layout---------- */
/* ----------Nav and footer---------- */
/* ----------General styles---------- */
/* ----------Text styles---------- */
/* ----------links---------- */
/* ----------Rollovers---------- */
/* ------------------ form layout --------------------*/
/* ------------------ validation layout --------------------*/
/* ----------Blog---------- */
/* ----------Applemenu----------*/
/* ----------Survey---------- */


/* ----------Main layout---------- */
body {
	background-image: url(../img/pg_bg3.png);
	background-position: center;
	background-repeat: no-repeat;
	height: 920px;
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#111;
	background-color: #999;
	}
#wrapper1 {
	position:relative;
	left: 50%;
	margin-left: -400px;
	text-align:left;
	width: 800px;
	}
#wrapper2 {
	position:relative;
	text-align:left;
	width:800px;
	height: 900px;
	}
#content {
	position: absolute;
	top: 135px;
	padding: 0;
	margin: 0;
	}
.no_rec {
	position:absolute;
	top:640px;
	width: 780px;	
	margin: 3px;
	padding: 5px;
	border: 2px solid #F00;
	color : #000000;
	background-color: #fff;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}
.results {
	text-align: center;
	}
.more {
	text-align: center;
	z-index: 100;
	margin-top: -120px;
}
/* ----------Nav and footer---------- */
#nav {
	position: absolute;
	top: 100px;
	width:800px; 
	height:30px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:0.8em; 
	z-index:5;
	text-align: center;
	}
#nav a, #nav a:visited, #footer a, #footer a:visited {
	color: #000;
	padding: 4px 2px;
	line-height: 30px;
	text-decoration: none;
	border: 1px solid #fdd;
	}
#nav img, #footer img {
	vertical-align: middle;
	}
#nav a.here {
	border: 1px solid #666;
	cursor: pointer;
	}
#nav a.herelbg {
	border: 1px solid #fdd;
	cursor: pointer;
	}
#nav a:hover, #footer a:hover {
	color: #F00;
	background-color: #FFF;
	border: 1px solid #f00;
	}
#footer {
	position: absolute;
	top: 868px;
	width:800px; 
	line-height: 30px;
	margin: 0;
	padding: 2px 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	text-align: center;
	}
/* ----------General styles---------- */
.dotbox {
	background-color: #ffffff;
	border: 1px dashed #ccc;
	height: 205px;
	margin: 4px;
	padding: 5px;
	float: left;
	border-radius: 6px;
	overflow: auto;
	}
.nodotbox {
	height: 205px;
	margin: 0;
	padding: 0;
	float: left;
	}
.dotboxtitle {
	background-color: #ffffff;
	border: 1px dashed #ccc;
	height: 38px;
	margin: 4px;
	padding: 5px;
	float: left;
	border-radius: 6px;
	}
.boxtitle {
	background-color: #ffffff;
	border: 0;
	height: 38px;
	margin: 4px;
	padding: 5px;
	float: left;
	border-radius: 6px;
	}
.linkbox {
	background-color: #ffffff;
	border: 1px dashed #ccc;
	margin: 1px;
	text-align: center;
	padding-top: 10px;
	width: 188px;
	height: 120px;
	float: left;
}
.vimg {
	padding: 20px 6px;
	}
.fpad {
	/* FrontPage advert*/
	float: left;
	padding: 6px;
	border: 0;
	}
.div160 {
	text-align: center;
	width: 170px;
	height: 20px;
	background-image: url(../img/div160.gif);
	background-position: center;
	background-repeat: no-repeat;
	}
/* ----------WebFonts---------- */
@font-face {
    font-family: 'FluxRegular';
    src: url('webfonts/Flux_Architect_Regular-webfont.eot');
    src: url('webfonts/Flux_Architect_Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('webfonts/Flux_Architect_Regular-webfont.woff') format('woff'),
         url('webfonts/Flux_Architect_Regular-webfont.ttf') format('truetype'),
         url('webfonts/Flux_Architect_Regular-webfont.svg#FluxRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'FluxItalic';
    src: url('webfonts/Flux_Architect_Italic-webfont.eot');
    src: url('webfonts/Flux_Architect_Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('webfonts/Flux_Architect_Italic-webfont.woff') format('woff'),
         url('webfonts/Flux_Architect_Italic-webfont.ttf') format('truetype'),
         url('webfonts/Flux_Architect_Italic-webfont.svg#FluxItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'FluxBold';
    src: url('webfonts/Flux_Architect_Bold-webfont.eot');
    src: url('webfonts/Flux_Architect_Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('webfonts/Flux_Architect_Bold-webfont.woff') format('woff'),
         url('webfonts/Flux_Architect_Bold-webfont.ttf') format('truetype'),
         url('webfonts/Flux_Architect_Bold-webfont.svg#FluxBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'FluxBoldItalic';
    src: url('webfonts/Flux_Architect_Bold_Italic-webfont.eot');
    src: url('webfonts/Flux_Architect_Bold_Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('webfonts/Flux_Architect_Bold_Italic-webfont.woff') format('woff'),
         url('webfonts/Flux_Architect_Bold_Italic-webfont.ttf') format('truetype'),
         url('webfonts/Flux_Architect_Bold_Italic-webfont.svg#FluxBoldItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}
/* ----------Text styles---------- */
.head15 {
	font-family:"Times New Roman", Times, serif;
	font-size: 1.5em;
	text-align: center;
	margin: 0;
	}
.head2 {
	font: 14px/20px 'FluxRegular', Arial, sans-serif;
	color: #c0F;
	text-align: center;
	margin: 0;
	}
.head3 {
	font-family:"Times New Roman", Times, serif;
	font-size: 3em;
	text-align: center;
	margin: 0;
	}
.text13 {
	font-size: 1.3em;
	}
.text11 {
	font-size: 1.1em;
	}
.text08 {
	font-size: 0.8em;
	}
.text09 {
	font-size: 0.9em;
	}
.smallprint {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	}
.smallprint_r {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	text-align: right;
	color: #999999;
	}
.lastmod {
	color: #999999;
	float: right;
	}
.whiteback {
	background-color: #fff;
	padding: 4px;
	border: 1px solid #ecf;
	}
/* ----------links---------- */
a.expanda {
	text-decoration: none;
	color: #333;
	}
a.expanda:hover {
	color: #990099;
	}
a.expandb {
	text-decoration: none;
	color: #333;
	}
a.expandb:hover {
	color: #CC0066;
	}
.extlink, .extlink:visited {
	text-decoration: none;
	border: 1px solid #ccf;
	}
.extlink:hover {
	background-color:#FFFFCC;
	color: #f33;
	}
/* ----------Rollovers---------- */
.button {
	border-top: 2px solid #999;
	border-right: 2px solid #333;
	border-bottom: 2px solid #333;
	border-left: 2px solid #999;
	}
.button:hover {
	border-top: 2px solid #333;
	border-right: 2px solid #999;
	border-bottom: 2px solid #999;
	border-left: 2px solid #333;
	}
.PrevSurv {
	margin-left: 45%;
	display: block;
    width: 43px;
    height: 20px;
	border-top: 2px solid #eee;
	border-right: 2px solid #333;
	border-bottom: 2px solid #333;
	border-left: 2px solid #eee;
    text-decoration: none;
    background: url("../img/1110_rollover.gif");

}
.PrevSurv:hover {
	background-position: -43px 0;
}
/* ------------------ form layout --------------------*/
#robbie {
/* Robbie desn't like spam */
	display: none;
	visibility: hidden;
}
#frmEnquiry {
	margin: 1em 0 1em;
	padding: 1em;
	width: 500px;
/*	clear: both; */
}

#frmEnquiry p {
	margin-left: 9em;
}

#frmEnquiry fieldset {
	margin: 0 0;
	padding: 0;
}

#frmEnquiry div {
	clear: both;
}

#frmEnquiry label {
	line-height: 1.2;
	color: #f00;
	cursor: pointer;
}

#frmEnquiry fieldset label {
	border-bottom: 1px dotted #999;
	width: 9em;
	float: left;
}
#frmReport {
	margin: 1em 0 1em;
	padding: 1em;
	width: 710px;
/*	clear: both; */
}

#frmReport p {
	margin-left: 1em;
}
#frmReport p.prompt {
	clear: both;
	width: 25em;
	float: left;
	font-size: smaller;
	color: #666;
}

#frmReport fieldset {
	margin: 0 0;
	padding: 0;
}

#frmReport div {
	clear: both;
}

#frmReport label {
	line-height: 1.2;
	color: #f00;
	cursor: pointer;
}

#frmReport fieldset label {
	border-bottom: 1px dotted #999;
	width: 23em;
	float: left;
}
#passform {
	margin: 1em 0 1em;
	padding: 1em;
	width: 500px;
/*	clear: both; */
}

#passform p {
	margin-left: 9em;
}

#passform fieldset {
	margin: 0 0;
	padding: 0;
}

#passform div {
	clear: both;
}

#passform label {
	line-height: 1.2;
	color: #f00;
	cursor: pointer;
}

#passform fieldset label {
	border-bottom: 1px dotted #999;
	width: 9em;
	float: left;
}

.frmText {
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	}

.legend {
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	padding-left: 5px;
	padding-right: 10px;
	}

.submitbttn {
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	margin: 2em 0 0 10em;
	padding: 3px 0 3px 0;
	}

.submitbttn:hover {
	color: #990000;
	}

.resetbttn {
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	margin: 2em 0 0 1em;
	padding: 3px 0 3px 0;
	}

.resetbttn:hover {
	color: #990000;
	}

/* ------------------ validation layout --------------------*/

input.disabled, textarea.disabled {
	border: 1px solid #F2F2F2;
	background-color: #F2F2F2;
}

input.required, textarea.required {
	border: 1px solid #00A8E6;
}
input.validation-failed, textarea.validation-failed {
	border: 1px solid #FF3300;
	color : #FF3300;
}
input.validation-passed, textarea.validation-passed {
	border: 1px solid #00CC00;
	color : #000;
}

.validation-advice {
	margin: 5px 0;
	padding: 5px;
	background-color: #FF0000;
	color : #000000;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.custom-advice {
	margin: 5px 0;
	padding: 5px;
	background-color: #C8AA00;
	color : #FFF;
	font-weight: bold;
}

.form-row {
	clear: both;
	padding: 0.5em;
}
/* ----------Blog---------- */
.blogtitle, blogtitle a {
	display: block;
	margin-left: 0;
	padding-left: 2px;
	font-size: 14px;
	color: #000;
	text-decoration: none;
	background-color: #CCCCFF;
}
.blogtitlenews {
	display: block;
	margin-left: 0;
	padding-left: 22px;
	background-image: url(../img/blog_news.png);
	background-position: left;
	background-repeat: no-repeat;
	font-size: 14px;
	color: #000;
	text-decoration: none;
	background-color: #CCCCFF;
}
.blogtitlenewsfollow {
	display: block;
	margin-left: 0;
	padding-left: 22px;
	background-image: url(../img/blog_newsfollow.png);
	background-position: left;
	background-repeat: no-repeat;
	font-size: 14px;
	color: #000;
	text-decoration: none;
	background-color: #CCCCFF;
}
.blogtitlecomment {
	display: block;
	margin-left: 0;
	padding-left: 22px;
	background-image: url(../img/blog_comment.png);
	background-position: left;
	background-repeat: no-repeat;
	font-size: 14px;
	color: #000;
	text-decoration: none;
	background-color: #CCCCFF;
}
.blogtitleidea {
	display: block;
	margin-left: 0;
	padding-left: 22px;
	background-image: url(../img/new.png);
	background-position: left;
	background-repeat: no-repeat;
	font-size: 14px;
	color: #000;
	text-decoration: none;
	background-color: #CCCCFF;
}
.blogtitleincidents {
	display: block;
	margin-left: 0;
	padding-left: 22px;
	background-image: url(../img/lightning.png);
	background-position: left;
	background-repeat: no-repeat;
	font-size: 14px;
	color: #000;
	text-decoration: none;
	background-color: #CCCCFF;
}
.blogtitlecorrespondence {
	display: block;
	margin-left: 0;
	padding-left: 22px;
	background-image: url(../img/email.png);
	background-position: left;
	background-repeat: no-repeat;
	font-size: 14px;
	color: #000;
	text-decoration: none;
	background-color: #CCCCFF;
}
.blogtitlecamera {
	display: block;
	margin-left: 0;
	padding-left: 22px;
	background-image: url(../img/blog_camera.png);
	background-position: left;
	background-repeat: no-repeat;
	font-size: 14px;
	color: #000;
	text-decoration: none;
	background-color: #CCCCFF;
}
.blogtitlecamerano {
	display: block;
	margin-left: 0;
	padding-left: 22px;
	background-image: url(../img/blog_camera_no.png);
	background-position: left;
	background-repeat: no-repeat;
	font-size: 14px;
	color: #000;
	text-decoration: none;
	background-color: #CCCCFF;
}
.blogtitlexmas {
	display: block;
	margin-left: 0;
	padding-left: 22px;
	background-image: url(../img/blog_xmas.png);
	background-position: left;
	background-repeat: no-repeat;
	font-size: 14px;
	color: #000;
	text-decoration: none;
	background-color: #CCCCFF;
}
.blogmodcomment {
	display: block;
	margin: 0 6px;
	padding-left: 18px;
	background-image: url(../img/blog_comment.png);
	background-position: left;
	background-repeat: no-repeat;
	font-size: 14px;
	color: #000;
	text-decoration: none;
	background-color: #EEEEFF;
}
.blogdate {
	font-size: 12px;
	color: #999;
}
.blogtext {
	font-size: 12px;
	color: #333;
}
.back2blog {
	display: block;
    width: 80px;
    height: 20px;
	border: 0;
    text-decoration: none;
    background: url("../img/back2blog.gif");

}
.back2blog:hover {
	background-position: -80px 0;
}
/* ----------Applemenu----------*/
.applemenu{
	position: absolute;
	top: 0;
	margin: 0;
	padding: 0;
	width: 798px; /*width of menu*/
	border: 1px solid #9A9A9A;
	z-index: 500;
}
.applemenu div.silverheader a{
	background: #999 url("../img/silvergradient.gif") repeat-x center left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #606;
	display: block;
	position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
	width: 790px;
	padding: 4px 0;
	padding-left: 8px;
	text-decoration: none;
}
.applemenu div.silverheader a:visited, .applemenu div.silverheader a:active{
	color: #606;
}
.applemenu div.selected a, .applemenu div.silverheader a:hover{
	background-image:  url("../img/silvergradientover.gif");
	color: #000;
}
.applemenu div.silverheader a:hover{
	color:#fff;
}
.applemenu div.submenu{ /*DIV that contains each section*/
	background-color: #FFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	padding: 5px;
	overflow: auto;
	height: 375px; /*Height that applies to all section DIVs. A good idea when headers are toggled via "mouseover" instead of "click"*/
}
.applemenu div.qtrbox {
	border: 1px dotted #999;
	margin: 1px;
	text-align: center;
	padding-top: 10px;
	width: 188px;
	height: 120px;
	float: left;
}
/* ----------Survey---------- */
.meter-wrap{
    position: relative;
}

.meter-wrap, .meter-value, .meter-text {
    /* The width and height of your image */
    width: 155px; height: 30px;
}

.meter-wrap, .meter-value {
    background: #bdbdbd url(../survey/img/meter-outline.png) top left no-repeat;
}
            
.meter-text {
    position: absolute;
    top:0; left:0;

    padding-top: 5px;
                
    color: #fff;
    text-align: center;
    width: 100%;
}
.hint {
	border: 0;
	font-size: 9px;
	color: #999999;
}
/* ----------End---------- */