body{ font: 70% Arial, sans-serif;}
body,img,ul,li,div,span,button,table				{ padding:0; margin:0; border:0;}
html 	{ height:100%; }

body { 
background:white;
}
h1 {
	font-size:2em;
}
h1,h2,h3{
	text-transform:capitalize;
	color:#6D6E71
}

p {
	font-size:1.2em;
	font-weight:italic;
}

a, a:link a:visited {text-decoration:none;color:#000}
a:hover {text-decoration:underline; 
}
textarea {resize:none} /* stops chrome adding handle


/* NAVS */
#home{
position:absolute;
left:0px;
top:3px;
}

#logo {
position:absolute;
left:14px;
top:6px;
}

#staticnav		{ 
position:absolute; 
text-align:right;
right:10px;
top:10px;
color:#fff;
}



/* background strip for top navs */
#navstrip			{ 
	background-repeat: repeat-x;
	background:black;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#505050), to(#000000));
	background: -webkit-linear-gradient(top, #505050, #000000);
	background: -moz-linear-gradient(top, #505050, #000000);
	background: -ms-linear-gradient(top, #505050, #000000);
	background: -o-linear-gradient(top, #505050, #000000);
	position:relative;
	top:0px;
	left:0px;
	color:white;
	height:80px;
	border-bottom:1px solid #ccc;
}


.nav { padding-right:5px;color:#808080;}
#topnav_strip a:hover, #staticnav a:hover{
	color:#ffd070 !important; /* highlight color */
	}           

#topnav_strip a.selected{
	font-weight:bold;
	color:#fff;
	font-weight:bold;
	}


#topnav_outer{
position:absolute;
bottom:5px;
left:20px;
}

#topnav_strip			{ 
}

#topnav_strip .nav {
font-size:1.5em}

#subnav_block
{
	float:right;
}
#subnav_outer			{ 
position:absolute;
top:55px;
width:100%;
}

#subnav_strip			{ 
width:900px;
margin-left:auto;
margin-right:auto;
}

/* MAIN SCREEN AREA */
#outer
{
	position:relative;
	width:100%;
	height:100%;
	/*background:white; */
	top:-3px;
}


#body {				/* encapsulates the entire function screen html */
	padding-top:10px;
	min-height:400px;
	min-width:900px;
	position:relative;
 	/*background:#ffffff; */
	/*
	margin-left:auto;
	margin-right:auto;
	*/
	margin-left:20px;
	margin-right:20px;
}

.content			/* content, possibly of unknown height within functional screen */
{
	padding-top:10px;
	min-height:200px;
	overflow-y:auto;
}

#footer {						/* bottom area of screen usually with functional buttons */
	padding-top:10px;
}



.survey_tab.ui-tabs-selected{border-bottom:5px solid white}
.survey_tab 		{ 
	width:100px;text-align:center;
	line-height:22px;
	font-size:1em; 
  letter-spacing: 0px;
  text-transform: Capitalize;
	margin:0px 5px 0px 5px;
	padding: 0px;
	display:inline-block;
}





/*tables*/
th.selectall{
	text-align:center;
}
.nobg{
background:white}


.standard { border-collapse: collapse; width:99%;}
.standard th {text-align:left;border-bottom:1px solid #a0a0a0}
.standard th,td {padding:5px;}
.standard td {color:inherit}
/*
.standard th {text-align:left;border-left-width: 1px !important;padding: .8em .4em;border:0;border-bottom:1px solid #a0a0a0}
*/
/*
.standard TD { font-weight: normal !important; padding: .4em; border-top-width: 0px !important; border:0px;}
.standard TH{ text-align:left;border-left-width: 1px !important; }
*/



/* colours  */
.alert_colour { background:#e17009;}
.alert{ color:#ff0000;}

/* generics */
.clear { clear:both; }
.dialog {display:none}
div.buttonset{
width:100%;
/* text-align:right; */
}

.ui-menu-item
{
	text-align:left;
}

.ui-state-default,.ui-state-hover
{
	font-weight:normal;
}

tr.ui-state-hover{
border: 0px;
}