/* Main Stylesheet for SurveyScene.com website. (c) 2002 */
/* Version 1.1 - 2002.03.19 */

/* Imports extra settings which break in Netscape 4.x */

/* not sure where/what is meant to be in this file @import url("/css/surveyscene_main.css");*/


/* -------------------- BASE TAG INFORMATION --------------------*/

A {
   font-family : Arial, Helvetica, sans-serif;
   color : #A80D32;
      text-decoration : underline;
}

td.layoutBackgroundLight {
	background-color: #333333;
	border-bottom:	1px solid #000000;
}

#loginBtn{
	background:	url(../images/layout/login.gif) top left no-repeat;
	height:		19px;
	width:		88px;
	border:		none;
	font-size:	10px;
	/*text-align:	center;*/
	padding:	0px 13px 0px 0px;
	margin:		10px 0px 0px 0px;
	}

A:hover {
   text-decoration : underline;
   color : #FF6600;
}

A:active {
   color : #FF6600;
}

BODY {
	font-family : Verdana, Verdana, Arial, Helvetica, sans-serif;
	text-decoration : none;
}

BODYWHITE {
	font-family : Verdana, Verdana, Arial, Helvetica, sans-serif;
	text-decoration : none;
	background-color : #FFFFFF;
}

DIV {
   color : #000000;
}

DD {
   font-family : Verdana, Arial, Helvetica, sans-serif;
   font-size : 11px;
   text-decoration : none;
   color : #000000;
}

DL {
   font-family : Verdana, Arial, Helvetica, sans-serif;
   font-size : 11px;
   font-weight: normal;
   text-decoration : none;
}

DT {
   font-family : Verdana, Arial, Helvetica, sans-serif;
   font-size : 11px;
   font-weight: normal;
   text-decoration : none;
   color : #000000;
}

H1 {
   color : #A80D32;
   font-weight: lighter;
}

H2 {
   color : #A80D32;
   font-weight: lighter;
}

H3 {
   color : #A80D32;
   font-weight: lighter;
}

H4 {
   color : #000000;
   font-weight: lighter;
}

H5 {
   color : #A80D32;
   font-weight: lighter;
}

H6 {
   color : #000000;
   font-weight: lighter;
}

HR {
   height : 1px;
   color : #CCCCCC;
}

INPUT {
   font-family : Verdana, Arial, Helvetica, sans-serif;
   font-size : 11px;
   text-decoration : none;
   color : #000000;
}

LI {
   font-family : Verdana, Arial, Helvetica, sans-serif;
   font-size : 11px;
   text-decoration : none;
   color : #000000;
}

OL {
   font-family : Verdana, Arial, Helvetica, sans-serif;
   font-size : 11px;
   text-decoration : none;
}

P {
   font-family : Arial, Helvetica, sans-serif;
   font-size : 11px;
   font-weight : normal;
   text-decoration : none;
   color : #333333;
}

STRONG {
	font-weight: bold ;
}

SUB {
   font-family : Verdana, Arial, Helvetica, sans-serif;
}

SUP {
   font-family : Verdana, Arial, Helvetica, sans-serif;
}

SELECT {
   font-family : Verdana, Arial, Helvetica, sans-serif;
   font-size : 11px;
   text-decoration : none;
   color : #000000;
}

TD {
   font-family : Verdana, Arial, Helvetica, sans-serif;
   font-size : 11px;
   text-decoration : none;
   color : #000000;
}


TR {
   font-family : Verdana, Arial, Helvetica, sans-serif;
   font-size : 11px;
   text-decoration : none;
}

TEXTAREA {
   font-family : Verdana, Arial, Helvetica, sans-serif;
   font-size : 11px;
   text-decoration : none;
   color : #000000;
}

UL {
   font-family : Verdana, Arial, Helvetica, sans-serif;
   font-size : 11px;
   text-decoration : none;
}



/* -------------------- EXTENDED COLOURS -------------------- */

/* primary colours and shades */

.primary_red { color: #ff0000; }

.primary_blue { color: #0000ff; }

.primary_green { color: #00ff00; }

.primary_yellow { color: #ffff00; }

.primary_cyan { color: #00ffff; }

.primary_magenta { color: #ff00ff; }

.primary_white { color: #ffffff; }

.primary_black { color: #000000; }


/* reds */

.light_red { color: #ff3333;}

.mid_red { color: #cc0000;}

.dark_red { color: #990000;}


/* blues */

.light_blue { color: #66ccff; }

.mid_blue { color: #3300ff; }

.dark_blue { color: #000099; }


/* greens */

.light_green { color: #33cc33; }

.mid_green { color: #009900; }

.dark_green { color: #006600; }

/* yellows */

.light_yellow { color: #A80D32; }

.mid_yellow { color: #ffff33; }

.dark_yellow { color: #ffcc33; }


/* grey shades */

.light_grey { color: #cccccc; }

.mid_grey { color: #999999; }

.dark_grey { color: #666666; }




/* -------------------- MISCELLANEOUS EXTRAS -------------------- */
#banner{
	background:			url(../images/layout/banner.jpg) top left no-repeat #E7BDC7;
	height:				87px;
	border:				1px solid #000000;
	}

.warning {
	color: #ff0000;
	border-style: dashed;
	border-width: 1px;
	border-color: #ff0000;
	padding: 0.2em;
	background-color: #ffffff;
}


.highlight {
	color: #000000;
	background: #ffff00;
}


.doublespace {
	line-height: 200%;
}


.debug {
	background-color: #98FB98;
	border: 1px dotted #ffff00;
	color: #003300;
}

/* pull quotes use imported extras */

.pullquoteleft {
	width: 15%;
	float: left;
	clear: left;
	background-color: #cccccc;
	color: #000000;
	padding: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	font-style: italic;
	/*text-align: center;*/
}

.pullquoteright {
	width: 15%;
	float: right;
	clear: right;
	background-color: #cccccc;
	color: #000000;
	padding: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	font-style: italic;
	/*text-align: center;*/
}

/* H5 and H6 indent headings */

H6.indent {
   color : #000000;
}


H5.indent {
   color : #FF6600;
}

/* end of indent headings */


.form {
	background-color: #FFFFFF;
	height: auto;
	width: auto;
	border: 1px #999999
	solid; font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333
}

.navmenu {
	height: auto;
	width: auto;
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}

.pagetitle {
	height: auto;
	width: auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FF6600;
	FONT-WEIGHT: bold;
}


.tobelabelled {
	height: auto;
	width: auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FF6600;
	FONT-WEIGHT: normal;
}

.features {
	color: #A80D32;
}

input.ltdButton {
	border:	1px solid #999999;
	cursor:		default;
	background:#FFFFFF;
	color: #000000;
}

#contentBox{
	background:	url(../images/layout/contentbg.gif) top left repeat-x;
	}
	
.layoutContent{
	background-color:	#FFFFFF;
	background-image: none;
	}