form {
  margin:0px;
}

.main {
  padding:10px;
  padding-bottom:30px;
}

.main-compact {
  padding:10px;
}

.heading {
  font-weight:bold;
  margin-bottom:10px;
  color:#6971B3;
}

.msglarge, .step, .step-selected, .msg-alt {
  padding:5px;
  border:0px;
  background-color:#E8EAF4;
}

.msg-alt {
  background-color:#FFF;
  border:1px #EB99AB solid;
}

table.msglarge {
  padding:3px;
}

.msg-shadow {
  height:5px;
  background:none;
  margin-bottom:5px;
  font-size:1px;
}

input.standard, input.username, input.password {
  font-family: Arial;
  font-size:13px;

  width:250px;

  padding:2px;
  height:13px;
  border:1px #CCE57F solid;
  border-left-color:#99CC00;
  border-top-color:#99CC00;
  background-color:#EEF6D3;

  border-left-color:#999;
  border-top-color:#999;
  border-right-color:#CCC;
  border-bottom-color:#CCC;
  background-color:#FFF;
}

select
{
  font-family: Arial;
  font-size: 12px;
}

* html input.username
{
  background:#FFF url(../images/username.gif) no-repeat 4px 5px;
}

* html input.password
{
  background:#FFF url(../images/password.gif) no-repeat 4px 4px;
}

textarea.standard {
  font-family: Arial;
  font-size:13px;

  width:300px;
  padding:2px;

  border:1px #CCE57F solid;
  border-left-color:#99CC00;
  border-top-color:#99CC00;
  background-color:#EEF6D3;

  border-left-color:#999;
  border-top-color:#999;
  border-right-color:#CCC;
  border-bottom-color:#CCC;
  background-color:#FFF;
  height: 200px;
}

select.standard {
  font-family: Arial;
  font-size:13px;

  width:250px;

  background-color:#EEF6D3;
  background-color:#FFF;
}

table.standard {
  margin-bottom:10px;
}

.button {
  font-size:12px;
  font-weight:bold;
  color:#FFF;
  text-align:center;

  background-color:#6971B3;
  cursor:pointer;
  display:block;
  border:2px #FFF outset;

  border-bottom-color:#081051;
  border-right-color:#081051;
  border-bottom-width:1px;
  border-right-width:1px;

  float:left;

  padding:1px;
  padding-left:10px;
  padding-right:10px;
  margin-right:5px;
  margin-bottom:10px;

  white-space:nowrap;
}

* html .button {
  width:40px;
  float:none;
}

table tr td .button {
  margin-bottom:0px;
}

.nomargin .button {
  margin:0px;
}

table tr td.right .button {
  margin-right:0px;
}

.headerbar {
  background:#A70532;
}

.header-msg {
  color:#FFF;
  text-align:right;
}

.header-msg-text {
  padding-top:11px;
  padding-right:10px;
}

div.header-menu-bar {
  background:#D71440;
}

table.header-menu {
  background:#D71440;
  height:22px;
}

table.header-menu tr td {
  font-size:16px;
  color:#D71440;
}

table.header-menu tr td.space {
  width:5px;
  text-align:left;
  color:#FFF;
  padding-bottom:2px;
}

table.header-menu tr td.item, table.header-menu tr td.item-on {
  padding-left:10px;
  padding-right:10px;
  cursor:pointer;
}

table.header-menu tr td.item {
  color:#FFF;
}

table.header-menu tr td.item-on {
  font-weight:bold;
  color:#FFF;
}

table.grid {
  border-collapse:collapse;
  border:1px #99CC00 solid;
  background:#EEF6D3;
}

.rssb-box-inner table.grid
{
  border-bottom:0px;
}

table.grid tr td {
  border:0px;
  border-bottom:1px #CCE57F solid;
}

table.grid tr td.icon {
  width:30px;
  padding:2px;
  text-align:center;
}

table.grid tr td.index {
  width:20px;
  text-align:center;
}

table.bodytext {
  margin-bottom:10px;
}

.desc {
  color:#000;
  font-size:13px;
  margin-top:3px;
}

.title {
  font-weight:bold;
}

td.w {
  background-color:#FFF;
}

.step {
  padding:3px;
  text-align:center;
  color:#6971B3;
  border-width:0px;
  background-color:#FFF;
}

.step a {
  color:#6971B3;
}

.step-selected {
  padding:3px;
  text-align:center;
  border-top:1px #D5D8EB solid;
  border-bottom:1px #D5D8EB solid;
  background-color:#E8EAF4;
  color:#6971B3;
  border-right:0px;
  border-left:0px;
}

.step-selected a {
  font-weight:bold;
  text-decoration:none;
  color:#6971B3;
}

td.column {
  font-size:13px;
  font-weight:bold;
  color:#6971B3;
  color:#08104F;
}

td.column a {
  color:#08104F;
}

td.value {
  font-weight:bold;
}

td.block-header {
  font-weight:bold;
  background-color:#CCE57F;
  color:#081051;
  padding:0px;
}

td.block-header div {
  border-top:1px #FFF solid;
  border-left:1px #FFF solid;
  padding:4px;
}

.compact-header {
  background-color:#F6E6EA;
  background-image:url(../images/compact.gif);
}

td.q-number {
  vertical-align:top;
  padding:0px;
  width:50px;
}

div.q-number {
  width:43px;
  padding-left:7px;
  padding-top:8px;
  vertical-align:top;
  font-weight:bold;
}

td.q-option {
  width:50px;
  height:25px;
  padding:0px;
  padding-top:6px;
  text-align:center;
  vertical-align:top;
  background-color:#F6E6EA;
  background-image:url(../images/q-option.gif);
  background-repeat:repeat-y;
}

td.q-option input {
  width:50px;
  height:20px;
  vertical-align:center;
  cursor:pointer;
}

td.q-option-blank {
  padding:0px;
  vertical-align:top;
  width:50px;
  background-image:url(../images/q-option-blank.gif);
  background-repeat:repeat-y;
}


td.q-integer, td.q-text {
  width:150px;
  padding:4px;
  padding-left:5px;
  background-image:url(../images/q-option-blank.gif);
  background-repeat:repeat-y;
  vertical-align:top;
}

td.q-integer input {
  width:150px;
}

td.q-text input {
  width:250px;
}

td.q-text textarea {
  width:250px;
  height:60px;
}

td.q-desc {
  vertical-align:top;
  padding-top:8px;
  padding-right:15px;
}

.pre {
  font-family:courier new;
  margin-top:15px;
  margin-bottom:15px;
}

td.shade {
  background-color:#F6E6EA;
  background-image:url(../images/q-option.gif);
  background-repeat:repeat-y;
  text-align:center;
  font-weight:bold;
}

.ib-c, .FQib-c {
  background-color:#F6E6EA;
  border:1px #DEB2BE solid;
  padding:2px;
}

a.ib-l, a.ib-l-on {
  padding:3px;
  display:block;
  text-decoration:none;
}

a.ib-l:hover, a.ib-l-on {
  background-color:#FFF;
  padding:2px;
  border:1px #DEB2BE solid;
}

.ib-g {
  margin-top:2px;
  margin-bottom:10px;
}

a.ib-s, a.ib-s-on {
  padding:3px;
  display:block;
  text-decoration:none;
}

a.ib-s:hover, a.ib-s-on {
  background-color:#EACBD4;
  padding:2px;
  border:1px #DEB2BE solid;
}

.green {
  background-color:#E0F0DE;
}

.yellow {
  background-color:#F0F0E6; 
}

.blue {
  background-color:#E0E9F0;
}

.pinote {
  background-color:#F6E6EA;
}

.pinote div {
  text-align:center;
  padding-top:1px;
}

.piheader {
  display:none;
}

td.q-header {
  background-color:#F6E6EA;
  color:#D71440;
  font-weight:bold;
  padding:0px;
}

td.q-header div {
  border-top:1px #FFF solid;
  border-left:1px #FFF solid;
  padding:6px;
}

td.q-header div div {
  padding:0px;
  border:0px;
}

.popupHelp {
  width:320px;
  height:20px;
  padding:5px;
  border:1px #DEB2BE solid;
  background-color:#F6E6EA;
  background-color:#FFFFE1;
  border:1px #000 solid;
  position:absolute;
  top:0px;
  left:0px;
  display:none;
}

.Red
{
  color: Red;
}

.Green
{
  color: Green;
}

a.Normal:link, a.Normal:visited
{
    
}

td.FQQuestionNum
{
  text-align: center;
  width: 50px;
  text-align: center; 
  font-weight: bold;
}

table.FQIndicator tr td, table.NoStyle tr td
{
  border-bottom: none;
}

td.FQQuestionText
{
  width: 100%;
  padding: 10px;
  font-weight: bold;
}

td.FQIndicator
{
  background-color:#F6E6EA;
  background-image:url(../images/q-option.gif);
  background-repeat:repeat-y;
}

.InstructionText
{
  font-style: italic;
  padding-bottom: 2px
}

.FQComment
{
  width: 400px; 
}

.FQSectionTitle
{
  font-weight: bold;
  font-size: 14px;
  color: #A70532;
  padding: 5px;
}

.FQSection
{
  display: none;
}

.FQSectionMenu
{
  width: 200px;
}

.FQButtonText
{
  border: solid 1px #DEB2BE;
  background-color:#F6E6EA;
  padding: 4px; 
}

.Numeric
{
  width:100px;
}

.Email
{
  width: 100%;
}

.Email .Subject, .Email .Message
{
  width: 99%;
}

.Email .Message
{
  height: 300px;
}

.logo {
  vertical-align:top;
}

.logotext
{
  color:#FFF;
  font-weight:bold;
  white-space:nowrap;
  height:43px;
  vertical-align:center;
}

.logotext a span, .logotext span {
  display:block;
  text-decoration:none;
  color:#FFF;
}

.logotext a:hover span {
  text-decoration:underline;
  color:#FFF;
}

.home-def, .home-over, .home-big {
  position:relative; 
  padding-left:5px; 
  padding-right:5px; 
  border:1px #E7B3BF solid; 
  background:url(../images/grad1.gif); 
  margin-bottom:10px;
}

.home-def, .home-over {
  border-left:0px; border-right:0px;
}

.home-over {
  background:#FFF;
}

.home-over .home-text {
  xtext-decoration:underline;
}

.home-text {
  cursor:pointer;
  text-align:center;
}

.home-big {
  background:url(../images/grad2.png);
  min-height:212px;
}

* html .home-big {
  background:url(../images/grad2.gif);
  filter:alpha(opacity=90);
  height:212px;
}

.home-big div {
  padding:15px;
  line-height:20px;
}

.pabs {
  position:absolute;
}

#home-heading-left {
  position:absolute;
  top:10px;
  color:#CE758E;
  left:10px;
}

#home-heading-right {
  position:absolute;
  top:10px; 
  right:10px;
  color:#CE758E;
}

.home-center-image {
  position:absolute;
  top:0px;
  left:0px;
  width:100%;
  text-align:center;
}

.home-center-image img {
  display:block;
  margin:auto;
}

.r-tl {
  position:absolute;
  top:-1px;
  left:-1px;
}

.r-tr {
  position:absolute;
  top:-1px;
  right:-1px;
}

.r-bl {
  position:absolute;
  bottom:-1px;
  left:-1px;
}

.r-br {
  position:absolute;
  bottom:-1px;
  right:-1px;
}

.home-box {
  position:absolute;
  top:0px;
  display:none;
}

a.PIComplete, a.PIPartial, a.PIIncomplete
{
  padding: 2px;
  display: block; 
  text-decoration: none;
  border: outset 2px;
  width: 210px;
  margin: 2px;
}

a.PIComplete img, a.PIPartial img, a.PIIncomplete img
{
  border: 0px;
  margin-right: 2px;
}

a.PIComplete, a.PIComplete:active, a.PIComplete:hover
{
  color: black;
  text-decoration: none;
  background: #DFEFDF;
}

a.PIPartial, a.PIPartial:hover
{
  color: Black;
  text-decoration: none;
  background-color: #F2DF93
}

a.PIIncomplete, a.PIIncomplete:hover
{
  color: black;
  text-decoration: none;
  background-color: #EAC0C8;
}

a.PIComplete:active, a.PIIncomplete:active, a.PIPartial:active
{
  border: inset;  
} 

.Mandatory
{
  font-weight: bold;
  color: Red;
  font-size: 15px;
  line-height: 11px;
}

.TabMenu
{
  border-bottom: solid 1px #6971B3;
  margin-bottom: 10px; 
}

.TabItem, .TabItem-selected
{
  float: left;
  padding: 4px 10px 4px 10px;
}

.TabItem-selected
{
  font-weight: bold;  
  background: #6971B3;
}

.TabItem a
{
  text-decoration:none;
}

.TabItem-selected a
{
  text-decoration:none;
  color:#FFF;
}

th
{
  text-align: left;
}

a img
{
  border: none;
}

/* Useful Information */
.Menu
{
  width: 100px; 
}

.Menu a, .Menu b
{
  display: block;
  margin-bottom: 10px;
}

.Menu b
{
  color: #333333;
}

.PageContent h4
{
  margin-top: 0px;
}

.BodyText
{
  margin-bottom: 10px;
  margin-left: 10px;
}

h4, h4 div
{
  color: #6971B3;
  margin: 10px 0px 10px 10px;
}

h3
{
  font-weight: bold; 
  font-size: 13px; 
  margin: 10px 0px 0px 0px; 
  background: #F6E6EA;
  padding: 3px;
  color: #A70532;
  text-align: center;
}

h5
{
  margin: 0px;  
  font-size: 12px;
  color: #336600
}

h6
{
  color: #336600;
  font-size: 12px;  
  margin-bottom: 10px;
  margin-top:0px;
}

.Thumbnail
{
  border: solid 1px #DEB2BE;  
}

.Guidance
{ 
  float: right;
  position: relative;
  margin-right: -3px;
  margin-top: -3px;
}

.CriteriaColumn
{
  float: left;
  display: none;
}

.Strong
{
  font-size: 14px;
  font-weight: bold;  
}

.Strong span
{
  font-weight: normal;  
}

.OverallScore
{
  background: #CC0033;
  color: White;
  font-weight: bold;
  font-size: 16px;
  text-align: center;
}

.Average
{
  font-size: 16px;
  font-weight: bold;
  text-align: center;
}

.Change
{
  font-size: 14px;
  font-weight: bold;
}

.gridheading
{
  background: #CC0033;
  color: White;
  font-weight: bold;
}

.Legend
{
  float: right;
}

* html .Legend
{
  margin-top: -20px;
}

.SubRow
{
  color: #333333;
  padding: 0px;
}

.SubRow .Square
{
  width: 10px;
  background: #DEB2BE;
  float: left;
}

table.grid2 {
  margin-bottom:10px;
  border-collapse:collapse;
  border:1px #DEB2BE solid;
  border:1px #D71440 solid;
}

table.grid2 tr td {
  border:0px;
  border-bottom:1px #DEB2BE solid;
}

.BoldRed
{
  font-weight: bold;
  font-size: 14px;  
  color: Red;
}

.SubRow
{
  filter:alpha(opacity=100);
}

#fContent
{
  width: 100%;
  margin: 20px 0px 20px 0px;
}

.Date
{
  font-weight: normal;
  color: Gray;  
}

fieldset
{
  padding:10px;
  padding-top:0px;
  border:1px #6971B3 dashed;
}

legend
{
  background-color:#FFF;
}

fieldset p
{
  margin-top:10px;
}

p
{
  margin: 5px 0px 5px 0px;  
}

.Options
{
  margin-top: 10px; 
}

.Options2
{
  margin-bottom: 10px;  
}

.Existing
{
  background: #EEEEEE;
}

.New
{
  background: #99CC00;
  color: white; 
}

ul.GroupQuestions
{
  margin: 0px;
  color: #555555;
  background: white;
  list-style-type: none;
  padding: 5px;
  border-top: solid 1px gainsboro;
  display: none;
}

ul.GroupQuestions li
{
  padding: 5px;
}

input.standardradio
{
  vertical-align:middle;
  margin-right:5px;
}

.status-green, .status-red, .status-amber
{
  background: green;  
  color: white;
  padding: 3px;
}

.status-red
{
  background: red;
}

.status-amber
{
  background: orange; 
}

ul.UsefulInfo
{
  margin: 0px;
  list-style-type: none;
}

ul.UsefulInfo li
{
  position: absolute;
}

.homepageinfo
{
  position: absolute;
  visibility: hidden;
  left: 0px;
}

* html .homepageinfo
{
  position: absolute;
  padding-left: 300px;
  left: -300px;
  top: 70px;
}

* html .rssb-box .rssb-box-inner
{
	overflow: visible;
}


#textbox > .homepageinfo
{
	padding-left: 300px;
	top: 65px;
}

.arrowline
{
  background: transparent url(../images/arrow-mid.jpg) repeat-x;  
  background-position: left center;
}

.arrowcorner
{
   background: transparent url(../images/arrow-corner-bg.jpg) no-repeat; 
   background-position: left bottom;
   padding-top: 15px;
}

.Balloon
{
  cursor: hand;
}

/* Popup Help */
.PUH-T
{
  
}

.PUH-C, .PUH-C-Left
{
  background: transparent url(../images/puh_c.gif) repeat-y;
  padding: 0px 9px 0px 12px;
}

.PUH-C-Left
{
  background: transparent url(../images/puh_c_left.gif) repeat-y;
}

.PUH-B
{
  padding-left: 0px;
}

.PUH-B-Left
{
  padding-left: 0px;
}

.PopupHelp
{
  width: 220px;
  position: absolute;
  top:0px;
  left:0px;
  display:none;
  z-index: 1000;
}

h5 div
{
  cursor: hand; 
  padding-top: 30px;
  width: 90px;
}

.circle
{
  background: transparent url(../images/circle.gif) no-repeat;
  background-position: center center;
  height: 120px;
  width: 120px;
  text-align: center;
}

.rssb-logged-on
{
  position:absolute;
  top:41px;
  right:5px;
  color:#081052;
  font-style:italic;
  text-align: right;
  width: 700px;  
}

/* Useful Information */

#UsefulInfo
{
  width: 100%;
  margin: auto;
}

#UsefulInfo #Left 
{
  float: left;
  width: 36%;
}

#UsefulInfo #Centre
{
  float: left;
  margin: 0px 10px 0px 10px;
}

#UsefulInfo #Right
{
  float: left;
  width: 36%;  
}

/* Criteria Selection */
.CompletedSurveys
{
  height: 115px;
  overflow: scroll;
  border: groove #DCD8CF 3px;
  width: 100%;
  cursor: default;
}

.CompletedSurveys table
{
  width: 98.5%;
  background: white;
}

.CompletedSurveys table th
{
  background: #EEEEEE;
}

.CompletedSurveys td
{
  cursor: default;  
}

tr.Selected
{
  background: #0A246A;  
}

.CompletedSurveys .Selected td
{
  color: White; 
}

.Criteria select
{
  height: 125px;
  width: 250px;
}


.Criteria div
{
  float: left;  
  margin-right: 20px;
  margin-bottom: 20px;
}

.CriteriaSelect
{
  float: left;  
  margin-right: 20px;
  margin-bottom: 10px;
  height:180px;
}

.Criteria div.Row
{
  clear: both;
  float: none;
  height:auto;
}

.Criteria div p
{
  font-style: italic
} 

.Graph
{
  text-align:center;  
}

.Levels
{
  float :right;
  margin-right: 50px;
}

.LevelBlock
{
  width: 20px;
  height: 20px; 
  margin-top: 10px;
}

/* HTML Editor */
.Preview
{
  display: none;
  width: 99%;
  height: 154px;
  border: solid 1px gray;
  margin: 1px 1px 0px 0px;
  overflow: scroll;
  background: white;
}

.Design
{
  width: 99%;
  margin-bottom: -1px;
}

.EditorTabs
{
  margin-bottom: 2px; 
}

td.EditorTab, td.EditorTab-Sel
{
  border: none;
  font-weight: normal;
  color: #333333;
}

td.EditorTab-Sel
{
  background: #99CC00;
  font-weight: bold;
  text-decoration: none;
}

td.EditorTab-Sel a, td.EditorTab-Sel a:hover
{
  color: White;
  text-decoration: none;
}

.Full
{
  height: 150px !important;
  width: 99% !important;
}

.NA
{
  background: url(../images/na.gif) no-repeat;
}

.LookupColour
{ 
  border: solid 1px #99CC00;
  width: 15px;
}

.LookupColour img
{
  height: 12px;
  width: 14px;  
}


/* Colour Picker */
.colorpicker
{
  position:absolute;
  background-color:#CCCCCC ;
  border-width:1px;
  border-style:outset;
  display:none;
  width:180px;
  height:160px;
  top:0px;
  left:0px;  
}

.colorpicker a
{
  color: black; 
}

.colorcell
{
  width:9px;
  height:9px;
  position:relative;
  cursor:pointer;
  border-width:0px;
  border-right-width:1px;
  border-bottom-width:1px;
  border-color:#CCCCCC;
  border-style:solid;
}
.colorcell img
{
  width:9px;
  height:9px;
  border:0px;
}

.colorpreview
{
  width: 100px;
  border: solid 1px black;
  height: 10px;
}

.colornone
{
  margin-bottom: 2px;
}

.hex
{
  border: solid 1px black;
  background: white;
  font-size: 9px; 
  width: 60px;
}

.SurveyInfo
{
	margin-top: 0px;
	padding-bottom: 10px;	
	clear: both;
	min-height: 20px;
}

.SurveyInfo div
{	
	margin-top: 10px;
}

.hidden
{
	display: none;	
}