/*
 * CSS Document for Questionnaire specific styling
 * @author D Neame
 */

/* global */
.alignRight {
  clear: right;
  float: right;
}

/* text specific styling */
div#qbox h2 {
  display: inline;
  font-family: Lucida Grande, Verdana, Arial;
  font-size: 10px;
  line-height: 18px;
  color: #cddef4;
}




/* major areas */
div#qbox {
  position: absolute;
  left: 267px;
  top: 170px;
  width: 700px;
  color: #cddef4;
  padding-bottom: 50px;
}
div#qbox div#qbox-inner {
  background: #4c74aa url('../_images/qbox-bg.jpg') top left no-repeat;
  width: 650px;
  padding: 0 25px;
  overflow: hidden;
}
div#qbox div#qbox-inner p {
  margin: 40px 0;
}
div#qbox div#qbox-inner hr {
  clear: both;
  border: 1px solid #cddef4;
  color:#cddef4;
  background-color:#cddef4; 
  width: 650px;
  margin: 0px 0;
  position: relative;
  top:5px;
}
div#qbox div#qbox-inner fieldset label.tallinput , div#qbox div#qbox-inner fieldset div.tallinput {
  height: 60px;
}

br.delim{
    margin:5px 0;
    display:block;
}

div#qbox div#qbox-inner hr.first {
    margin-top:0px;
    top:0px;
}


/* form majors */
div#qbox div#qbox-inner fieldset {
  padding: 0;
  margin: 20px 0 0 0;
  border: 0;
  clear: both;
}
div#qbox div#qbox-inner fieldset legend {
  background: transparent url(../_images/qbox-subhead.gif) top left no-repeat;
  height: 22px;
  width: 620px;
  padding: 2px 120px 0 20px;
  margin: 0;
  color: #374e79;
  font-weight: bold;
}
div#qbox div#qbox-inner fieldset label {
  clear: both;
  float: left;
  width: 175px;
  text-align: right;
  font-weight: bold;
  padding-top: 11px;
  margin-right:50px;
  vertical-align:middle;
}
div#qbox div#qbox-inner fieldset div {
  float: left;
  width: 420px;
  padding-top: 10px;
  margin-bottom: 10px;
}
div#qbox div#qbox-inner fieldset div input , div#qbox div#qbox-inner fieldset div select , div#qbox div#qbox-inner fieldset textarea {
  background: #b0c4e0;
  width: 280px;
  border: 1px solid #374e79;
  font-family: Lucida Grande, Verdana, Arial;
  font-size: 10px;
  line-height: 18px;
  color: #374e79;
  padding: 5px;
  vertical-align:middle;
}

div#qbox div#qbox-inner fieldset textarea{
  overflow:auto;
}




div#qbox div#qbox-inner fieldset div ul {
  display: block;
  margin: 0;
  padding: 0;
  width:100%;
}
div#qbox div#qbox-inner fieldset div ul li {
  float: left;
  list-style-type: none;
  margin: 0 20px 20px 0;
  padding: 0;
  width: 110px;
}

div#qbox div#qbox-inner fieldset div span{
	vertical-align:top;
}

div#qbox div#qbox-inner fieldset div ul li label{
	clear:none;
	margin-right:0px;
	vertical-align:top;
	line-height:200%;
}

div#qbox div#qbox-inner fieldset div .regular {
  width: auto;
}
div#qbox div#qbox-inner fieldset div.tallinput textarea { /* adding the class as well - unneccesary but I want to make sure you add the class in the XHTML to foce div and label size to be equal for IE */
  width: 205px;
  height: 45px;
}
div#qbox div#qbox-inner fieldset div label {
  float: none;
  width: auto;
  text-align: left;
  font-weight: normal;
}

p.msg_alert, p.msg_error{
    background-color:#B0C4E0;
    font:bold 13px Arial, Helvetica, sans-serif;
    color:#cc0000;
    padding:5px;
    margin:15px 0;
}


   /*------------------ LOADING IFRAME + DETAILS DIV --------------------- */

    #dropSheet{
      background-color:#777;
      opacity:0.45;
      filter:alpha(opacity=45);
      z-index:100;
    }

    #iframe_container {
      position:absolute;
      width:250px;
      height:100px;
      overflow:hidden;
      background-color:#fff;
      border:1px solid #470007;
      z-index:150;
    }

    div#details{
      position:absolute;
      border:3px solid #d5d5d5;
      background-color:#fff;
      padding:5px;
      text-align:left;
      overflow:auto;
      font:11px Arial, Helvetica, sans-serif;
      color:#333;
      z-index:150;
    }


    div#details a#close{
      display:block;
      text-align:right;
      font:10px Arial, Helvetica, sans-serif;
      background-color:#426ea5;
      padding:5px;
    }

    div#details a#close:link,div#details a#close:visited{
    text-decoration:underline;
    color:#fff;
    }

    div#details a#close:hover{
    text-decoration:none;
    color:#f7d65e;
    }