/*              Main Class Styles - Created 19/12/02 WNP */
body {
	background-color : #FFF; 
	font: normal 11px Verdana, Geneva, Arial, Helvetica, sans-serif; 
	color : #333; 
	margin : 0;
	scrollbar-3dlight-color : #999;
	scrollbar-arrow-color : #336666;
	scrollbar-base-color : #fff;
	scrollbar-darkshadow-color : #FFF;
	scrollbar-face-color : #eee;
	scrollbar-highlight-color : #FFF;
	scrollbar-shadow-color : #999; 
/* 	text-align: center; */
}

td      { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #333333; }

/*              Heading Classes - Created 19/12/02 WNP */

h1 {
	font: bold 16px Verdana, Arial, Helvetica, sans-serif;
	color: #007FC4;
}


h2 { 
	font: bold 15px Verdana, Arial, Helvetica, sans-serif;
	color: #007FC4; 
}


h3 { 
	font: bold 14px Verdana, Arial, Helvetica, sans-serif; 
	color: #333; 
}


h4 { 
	font: bold 12px Verdana, Arial, Helvetica, sans-serif; 
	color: #333; 


}

h5 {
	font: bold 11px Verdana, Arial, Helvetica, sans-serif; 
	color: #333;
}

.questionText2 {
	font: bold 11px Verdana, Arial, Helvetica, sans-serif; 
	color: #333; 
	display: block;
	margin: 30px 0 10px 10px;
	padding: 0;
}


.questionText {
  clear: both;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif; 
	color: #333; 
	display: block;
	margin: 20px 0;
	padding: 0;
}


html>body center b {
margin-left: 27px;
}


html>body center .error {
float: none;
margin: 20px 0 0 90px;

}




/* Link styles */

a:link {
	color: #007FC4;
	text-decoration: none
}


a:visited {
	color: #007FC4; 
	text-decoration: none
}


a:hover {
	color: #003333; 
	text-decoration: underline
}


a:active {
	color: #007FC4; 
	text-decoration: none
}

/*              Input Boxes Classes - Created 19/12/02 WNP */

input {
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	color: #333;
}



select { 
font: normal 10px Verdana, Arial, Helvetica, sans-serif; 
color: #333; 
}


/* this styles controls the form input buttons */


.btn_orange {
	border-bottom-color : #003333;
	border-top-color : #669999;
	border-left-color : #669999;
	border-right-color : #0168A0;
	background-color : #007FC4;
	border-width : 1px;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	color : #FFF;
	margin-top: 20px;
}


.btn_gray {
	border-bottom-color : #333;
	border-top-color : #CCC;
	border-left-color : #CCC;
	border-right-color : #333;
	background-color : #999;
	border-width : 1px;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif; 
	color : #FFF;
}


.text {
	background: #FFF;
	border: 1px solid #6699CC;
	margin: 0 0 0 30px;
}


input.tab {
	margin: 0 0 0 30px;
}



/*              Error class - Created 20/12/02 BPM */


.error { 
	color: #FF0000; 
	float: right;
	margin: 5px 10px 0 0;
	
}

html>body .error { 
	float: right;
	margin: 10px 10px 0 0;
	

}

.error1 { 
	color: #FF0000; 
}

html>body .error1 { 
	color: #FF0000; 
	margin: 10px 10px 0 30px;
}


html>body p.error  { 
	float: none;
	margin-bottom: 10px;

}

p.error  { 
	float: none;
	margin-bottom: 10px;

}


.questionOption {
	font: bold 11px Verdana, Arial, Helvetica, sans-serif; 
	color: #333;
	display: block;
	margin: 5px 0 0 0;
	padding: 0;
}


html>body .questionOption {
	font: bold 11px Verdana, Arial, Helvetica, sans-serif; 
	color: #333; 
	display: block;
	margin: 5px 0 0 -10px;
	padding: 0;
}


.tab {
	margin-right: 10px;
}

fieldset {
 float: left;
  width: 100%;
  margin: 0;
  padding: 0;
  border: none;
}


legend {
	font: bold 11px Verdana, Arial, Helvetica, sans-serif; 
	color: #333;
	margin: 0;
	padding: 0;
}


html>body legend {
	 margin: 6px 0 6px 0px;
	 padding: 0;
}

.legend {
  width: 100%;
  margin: 0;
  padding: 0;
}


div.debug {
  margin: 0;
  font-size: 80% /*smaller*/;
  font-weight: bold;
  line-height: 1.1;
  text-align: left;
  top: 2em;
  left: auto;
  width: 20em;
  right: 6em;
  float: right;
  /* visibility : hidden; */   /* commount out this line to display debug information */
}


div.debug pre {
  margin: 0; 
  width: 100%;
  padding: 0.3em 0.4em;
  background: #d6e4fc;
  border: thin outset #900;
  color: black;
  font-family: verdana, arial, helvetica, sans-serif;
}


div.debug a, div.debug em { 
	display: block; 
	margin: 0 0.5em 
}


div.debug a, div.debug em { 
	border-top: 2px groove #900 
}


div.debug a:first-child { 
	border-top: none 
}


div.debug em { 
	color: #CFC 
}


div.debug a:link { 
	text-decoration: none; 
	color: white 
}


div.debug a:visited { 
	text-decoration: none; 
	color: #CCC 
}


div.debug a:hover { 
	background: black; 
	color: white 
}

fieldset.QuestionType1 div.RadioButtonPostgrad span {
	display: none;
}

fieldset.QuestionType2 div.RadioButtonPostgrad span {
	display: none;
}



/* The following was added by Rebecca Dodman - 23/1/04 */


#Surround {
	margin: auto;
	width: 780px;
	
}

#SiteId {
	background: url(../images/img_header.gif) no-repeat;	
	width: 780px;
	height: /* 106px */ 103px;
	text-align: left;
	margin: 0;
}


#SiteId img {
	margin: 30px 0 0 23px;
}


#SiteId span {
	display: none;
}

#Content {
	text-align: left;
	font: normal 11px Verdana, Geneva, Arial, Helvetica, sans-serif; 
	color : #333;
  margin: 20px; 
 
}


#Footer {
	background: url(../images/footer.gif) no-repeat;	
	width: 780px;
	height: 34px;
}


#Footer span {
	display: none;
}


/* Bec added on 26/2/04 */


form#getstudentid label span {
display: none;
}

#Intro {
	width: 700px;
}

html>body form#ceq #Intro {
	height: 250px;
}

html>body form#preq #Intro {
	height: 205px;
}

#Headings {
  float: right;
}

*html form#ceq #Headings {
  margin: 50px 0 0 0;
}

html>body form#ceq #Headings {
  margin: 40px 0 0 0;
}

html>body form#preq #Headings {
  margin: 0 0 0 0;
}

#Blurb {
  width: 325px;
  margin: 0 50px 0 0;
  padding: 0 0px 10px 0;
}

#StronglyDisagree {
	background: url(../images/lbl_strongly_disagree.gif) no-repeat;	
	height: 160px;
	width: 10px;
	float: left;
	margin: 41px 0 0 40px; 
}


#Disagree {
	background: url(../images/lbl_disagree.gif) no-repeat;	
	height: 160px;
	width: 10px;
	float: left;
	margin: 41px 0 0 40px;
}

form#ceq #Disagree {
	/* display: none; */
}

#Neither {
	background: url(../images/lbl_neither.gif) no-repeat;	
	height: 160px;
	width: 10px;
	float: left;
	margin: 41px 0 0 40px;
}

form#ceq #Neither {
	/* display: none; */
}

#Agree {
	background: url(../images/lbl_agree.gif) no-repeat;	
	height: 160px;
	width: 10px;
	float: left;
	margin: 41px 0 0 40px;
}

form#ceq #Agree {
	/* display: none; */
}

#StronglyAgree {
	background: url(../images/lbl_strongly_agree.gif) no-repeat;	
	height: 160px;
	width: 10px;
	float: left;
	margin: 41px 0 0 40px;
}

#Disagree {
	background: url(../images/lbl_disagree.gif) no-repeat;	
	height: 160px;
	width: 10px;
	float: left;
	margin: 41px 0 0 40px;
}

#Neither {
	background: url(../images/lbl_neither.gif) no-repeat;	
	height: 160px;
	width: 10px;
	float: left;
	margin: 41px 0 0 40px;
}

#StronglyDisagree {
	background: url(../images/lbl_strongly_disagree.gif) no-repeat;	
	height: 160px;
	width: 10px;
	float: left;
	margin: 41px 0 0 40px;
}

#NotApply {
	background: url(../images/lbl_doesnotapply.gif) no-repeat;	
	height: 160px;
	width: 10px;
	float: left;
	margin: 41px 5px 0 40px;
}

#Surround fieldset {
	font:  11px Verdana, Geneva, Arial, Helvetica, sans-serif; 
	color : #333; 
	margin: 0 0 5px 0;
	padding: 0;
	width: 730px;
}

#Surround fieldset legend {
	margin: 0 0 0 -7px;
}

*html #Surround fieldset {
	margin: 0;
}

.QuestionType1 {
	background: #D0D0D0;
	padding: 10px;
	margin-top: 10px;
	clear: left;
}


.QuestionType2 {
	background: #FFF;
	width:100%;
}


legend .legend2 {
width: 380px;
 float: left;
 display: block;
 margin: 10px 0 0 15px;
 padding-bottom: 10px;
 position: relative;
 z-index: 10;
}

*html legend .legend2 {
 height: 30px;
}

.RadioButton {
	width: 250px;
	margin: -35px 0 0 450px;
}


html>body .RadioButton {
	height: 20px;
	float: left;
	margin: 10px 0 10px 450px;
	width: 300px;
}


html>body .RadioButtonPostgrad {
	height: 20px;
	float: left;
	margin: 0 0 0 0px;
	width: 350px;
}

/* Hide from Mac IE \*/
html>body .RadioButtonPostgrad {
	margin: 15px 0 10px 394px;
}
/* Hide from Mac IE */

.RadioButtonPostgrad {
	margin: -35px 0 0 395px;
	height: 1%;
}

/* For CEQ */



form#ceq .RadioButton2 textarea {
	width: 700px;
	margin: 0 0 0 10px;
}

/* End CEQ */


/* For PREQ */

form#preq label .legend2 {
width: 380px;
 float: left;
 margin: 10px 0 0 5px;
 padding-bottom: 10px;
display: block;
}

*html form#preq label .legend2 {
 margin: -10px 0 0 5px;
}

form#preq legend .legend2 {
	width: 380px;
	float: left;
	margin: 10px 0 0 5px;
	padding-bottom: 10px;
	display: block;
}

form#preq .RadioButton2 {
	float: right;
	width: 330px;
	margin: -10px 0 10px 0;
	padding: 0 0 10px 0;
}

html>body form#preq .RadioButton2 {
	margin: 0;
	padding: 10px 0;
}

form#preq .RadioButton2 input {
	float: left;
	clear: left;
	margin: 0 5px 0 0;
}

form#preq .RadioButton2 label {
	float: left;
	display: block;
	margin: 0 0 10px 0;
}

form#preq .TextBox textarea {
	width: 700px; 
	margin: 0 0 10px 10px;
}


/* End PREQ */



.RadioButton input {
  font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	display: inline;
	float: left;
	margin-left: 30px;
}


html>body .RadioButton input {
	margin-left: 34px;
}


.RadioButtonPostgrad input {
  font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	display: inline;
	float: left;
	margin-left: 29px;
}


/* Hide from IE mac \*/
html>body .RadioButtonPostgrad input {
	margin-left: 34px;
}
/* Hide from IE mac */




fieldset div.RadioButton label span.nodisplay {
	display: none;
}

/* CEQ changes */




/* --------- Progress Indicator styles ------------ */

/* The progress indicator container */
div.progress {
  position:relative;
  width:150px;  /* The effects the overall length of the progress bar */
  background: #3EA6DE;
  color:white;
  font-weight:bold;
  border:1px solid #000;
  margin-top: 5px;
  padding: 0 5px 0 5px;
}

/* The indicator Text */
span.indicatorText {
  width:100%;
  position:absolute;
  left: 5px;
  z-index:2
}

/* The indicator Bar */
span.indicator {
  position:absolute;
  left:0;
  z-index:1;
  background: #007FC4;
}