/* ----------------------------------------------------------------- */
/* General formatting to get page to look like style */
html, body {
	height: 100%;			/* help keep things to bottom of window */
	margin: 0px;			/* remove default margins */
	background-color: #B33600;	/* background & side bars colour */
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* temp - remove later */
body, p, td {
	font-size: 11px;
}

form {
	margin: 0px;			/* stop browser from adding whitespace around forms */
}

img {
	border: 0px;			/* image borders off */
}

table {
	border: 0px;
	padding: 0px;
	margin: 0px;
	border-collapse: collapse;	/* ie mac only one of any use who doesnt play with this so incl attrs on table too */
}

input, select, textarea {
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

h1, h2, h3, h4 {
	color: #597F19;
	font-weight: bold;
	border-bottom: silver 1px solid;	/* visual border right across page */
}

h1 {
	font-size: 115%;
}

h2 {
	padding-top: 2em;
	font-size: 110%;
}

h2.help {
	padding-top: 0;
	border-bottom: none;
}

h3, h4 {
	font-size: 100%;
}

a {
	color: #8C6426;
}

/* container for everything with blue margin down sides */
#container {
	background-color: #FFF;		/* make margins white */
	margin: 0 1.5em;		/* side but not top */
	height: 100%;			/* get white to bottom */
	min-height: 100%;		/* make trusty moz go 100% */
}

body > #container {
	height: auto;			/* allow moz to go bottom page > scroll point */
}

/* header banner at top of page */

#header {
	background: #c6f1b1 url(../images/back_crest.gif) no-repeat fixed right top;		/* put background image in place */
}

.csulogo {
	padding-bottom: 4px;
	padding-right: 75px;
}

/* navigation tabs */
ul#menu {
	border: 0;
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: center;
	position: relative;		/* for z-index */
	z-index: 2;			/* bring closer to top of z stack */
}

ul#menu li {
	display: block;
	float: left;
	text-align: center;
	padding: 0;
	margin: 0;
}

ul#menu li a {
	background: #CBCBCB;
	width: 8em;
	padding: 0;
	margin: 0;
	color: #999;		/* grey links - anchors not overriden and uses this for disabled */
	text-decoration: underline;
	display: block;
	text-align: center;
	line-height: 2em;	/* tab height */
	border-right: #999 1px solid;
	border-top: #999 1px solid;
	border-bottom: #999 1px solid;
}

ul#menu li a:link, ul#menu li a:visited, ul#menu li a#active {	/* tabs that are active (not disabled) */
	color: #000;													/* black links in tabs that are active */
}

ul#menu li a:link:hover, ul#menu li a:visited:hover {	/* tabs that are active and not current */
	color: #5477BB;												/* blue the link while hovering */
	background-color: #e7e7e7;									/* highlight hovered tab */
	text-decoration: underline;
}

ul#menu li a#active {											/* the currently active tab */
	background-color: #e7e7e7;									/* same colour as nav bar to blend through */
	border-bottom: #e7e7e7 1px solid;						/* override prev border to background to make disappear */
}

ul#menu li#first a {												/* first tab */
	border-left: #999 1px solid;
}

ul#menu li#last a {												/* last tab */
	border-right: #999 1px solid;
}

ul#menu li#clienttab a {												/* first tab */
	border-left: #999 1px solid;
	border-right: #999 1px solid;
}

/* creates an element with border that spans page - is used to fill in border bottom tabs */
#stretch {
	position: relative; 													/* needed for z index */
	bottom: -1px; 		/* move down 1 px to get border to line up with tabs */
	z-index: 0; 		/* put the border behind tabs */
	line-height: 2em;
	border-bottom: #999 1px solid; 	/* the border that shows through */
}

/* hack to avoid trouble with floats */
.clearer {
	overflow: hidden;
	clear: both;		/* clear the floats around */
}

/* block that surrounds breadcrumbs and links */

#nav-global {
	background-color: #e7e7e7;	/* std tab / menu colour */
	border-bottom: 1px solid #999;
}

table#nav-global {
	width: 100%;
	padding: 0;
	/*border-collapse: collapse; */
}

#nav-global td {
	line-height: 1.8em;														/* slightly shorter than tabs */
}

/* breadcrumbs block */
#nav-crumbs {
	border-left: 1px solid #999;
	padding-left: .5em;		/* keep off left margin  */
}

#nav-crumbs #app {
	color: #ff6d4d;			/* colour application name orange */
}

/* Hightlights the current page in the bread crumbs  */
#nav-crumbs #current {
	font-weight: bold;
}

/* links block */
#nav-links {
	border-right: 1px solid #999;
	padding-right: .5em;		/* keep off margin on right */
	/*white-space: nowrap;*/
}

/* list to hold global links */
#nav-links ul {
	margin-top: 0;
	margin-bottom: 0;
}

#nav-links {
	color: #999;
}

#nav-links li {
	display: inline;
}

#nav-links a {
	color: #000;
	text-decoration: none;
}

#nav-links a:link:hover, #nav-links a:visited:hover {
	text-decoration: underline;
	color: #5477BB;
}

/* used to get spans in header to play nice */
div.spacer {
	clear: both;
}

/* the content of the page - the stuff below the header that wants padding around it to keep off margin sides */
#content {
	/*height: 100%;*/		 													/* make IE fill in missing white bit at top */
	padding: 1em;															/* keep things off the margin */
	background-color: #FFF;
}

/* ----------------------------------------------------------------- */
/* End global VLE styles. Start Application styles
/* ----------------------------------------------------------------- */

/* ----------------------------------------------------------------- */
/* one variety of underlined table - more padding around cells */
.uline {
	border: 0;
	width: 100%;
}

.uline td {
	border-bottom: 1px solid #c0c0c0;
	padding: 10px 20px 10px 35px;
}

.uline tr.first {
	border-top: 1px solid #c0c0c0;
}

.uline td.left {
	background-image: url(../images/bullet.gif);/* no-repeat fixed left top;*/
	background-repeat: no-repeat;
	background-position: left;
}

.uline td.right {
	text-align: right;
}

/* ----------------------------------------------------------------- */
/* simple table with header underlined and left justified */
.uline_head {
	border: 0;
	width: 50%
}

.uline_head th {
	border-bottom: 1px solid #c0c0c0;
	text-align: left;
	font-weight: bold;
}

/* ----------------------------------------------------------------- */
.quest {
	border: 0;
	width: 100%;
}

.quest td, th {
	border-bottom: 1px solid #c0c0c0;
	vertical-align: middle;
}

.quest td.q_num {
	font-weight: bold;
	font-size: .8em;
	width: 15;
	padding-right: 0;
}

.quest td.cat {
	background-image: url(../images/bullet.gif);/* no-repeat fixed left top;*/
	background-repeat: no-repeat;
	background-position: left;
	padding: 4px 0 7px 35px;
}

.quest .cat ul {
	margin: 0;
}

.quest td.cat_noline {
	background-image: url(../images/bullet.gif);/* no-repeat fixed left top;*/
	background-repeat: no-repeat;
	background-position: left;
	padding: 4px 0 0 35px;
	border-bottom: none;
}

.quest td.radio {
	text-align: center;
}

.quest td.radio_noline {
	text-align: center;
	border-bottom: none;
}

.quest th.radio {
	text-align: center;
	border-bottom: 1px solid #c0c0c0;
	width: 19px;
}

.quest td.radio_last {
	text-align: center;
	border-left: 1px solid #c0c0c0;
}

.quest th.radio_last {
	text-align: center;
	border-bottom: 1px solid #c0c0c0;
	border-left: 1px solid #c0c0c0;
	width: 19px;
}

.quest th.cat {
	text-align: left;
	border-bottom: 1px solid #c0c0c0;
}

.quest th.cat2 {
	text-align: center;
	border-bottom: 1px solid #c0c0c0;
}

.quest th h2 {
	padding-bottom: 0;
	padding-top: 0;
	text-align: left;
	border-bottom: 0;
}

.quest th.head {
	border-bottom: 1px solid #c0c0c0;
	vertical-align: bottom;
	padding-bottom: 0;
}

/* ----------------------------------------------------------------- */
.report {
	border: 0;
	width: 60%;
}

.report td {
	border-bottom: 1px solid #c0c0c0;
	border-right: 1px solid #c0c0c0;
	vertical-align: middle;
}

.report td.last, .report th.last {
	border-right: 0;
}

.report th {
	text-align: center;
	border-bottom: 1px solid #c0c0c0;
	border-right: 1px solid #c0c0c0;
	width: 7%;
}

.report th.first {
	width: 37%;
}

.report th h3 {
	padding: 0;
	margin: 0;
	text-align: left;
	border-bottom: 0;
}

.report .required {
	border-right: 0;
}
/* ----------------------------------------------------------------- */
/* Holds the warning / error / info messages */
.alert-box {
	background-color: #E5F1DC;
	background: #E5F1DC;
	border: #8C6426 1px solid;
	text-align: left;
	width: 60%;
	padding: .5em;
	margin-bottom: 1em;
	color: black;
}

.alert-box .body {
	padding-left: 20px;
	font-weight: normal;
}

.alert-box ul {
	margin-top: 0;
	margin-bottom: 0;
}
.alert-box li {
	padding: 0px;
}

/* image and text for warning box */
.alert-box .warning-title {
	background-image: url(../images/warning.gif);
	background-repeat: no-repeat;
	background-position: 0;
	padding: 2px 0 2px 20px;
	font-weight: bold;
}

/* image and text for error box */
.alert-box .error-title {
	background-image: url(../images/error.gif);
	background-repeat: no-repeat;
	background-position: 0;
	padding: 2px 0 2px 20px;
	color: black;
	font-weight: bold;
}

/* image and text for info box */
.alert-box .info-title {
	background-image: url(../images/info.gif);
	background-repeat: no-repeat;
	background-position: 0;
	padding: 2px 0 2px 20px;
	color: black;
	font-weight: bold;
}

/* ----------------------------------------------------------------- */
/* Misc styles */
ul.nodisc {
	list-style-type: none;
	padding: 0;
}

/* Dashed border around preview */
.preview {
	width: 90%;
	border: 1px dashed silver;
	padding: 15px;
}

.small {
	font-size: .5em;
}

.required {
	font-weight: bold;
}

.input {
	padding-top: 1.5em;
}

.incorrect {
	color: #8C6426;
}

#footer, #footer a{
	padding-top: 40px;
	text-align: center;
	text-decoration: none;
	color: #ccc;
	font-size: .9em;
}