/*---------------------------------------------
Hands Up styles
---------------------------------------------

*/

#main-content {
  width: 65%;
}

#sub-content-b {
  width: 30%;
}


h1 {
  font-size: 1.6em;
  border: none;
}

h2 {
  font-size: 1.3em;
  border: none;
}

#page-top {
 overflow: auto;
 background: #fff;
 padding: 0 5px 0  5px;
 margin-bottom: 5px;
}


#main-content h1#page-title {
  font-size: 1.6em;
}
#page-top {
  padding-left: 0;
}

#main-content ul {
  list-style-position: outside;
  margin-left: 1.5em; /* IE */
  padding-left: 1.5em; /* Firefox */
}
#main-content li {
  margin: 1em 0 0 0;
  max-width: none;
}

#main-content table {
  border: 0;
  border-collapse: collapse;
  margin: 0 0 1em 0.5em;
}

#main-content td, #content th {
  padding: 0.3em;
  border: 0;
}

/* Content-nopanel for pages with no panel to use entire width of screen
   Needed to copy text content styles from default.css */
#content-nopanel {
  padding: 1em 0 60px 2em;
  width: 95%;
  margin: 0 1% 0 0;
  /*background: #fff url(../image/logo-colour.png) no-repeat bottom right;*/
}
#content-nopanel h2, #content-nopanel p { margin-left: 0.5em; margin-right: 0.5em; }
#content-nopanel h3, #content-nopanel h4 { margin-left: 0.5em; margin-right: 0.5em; }
#content-nopanel h1 { margin-left: 0.4em; }
#content-nopanel h1#page-title {
  color: #34356B;
  background: transparent;
  font-size: 1.6em;
  line-height: 1.0;
  margin-left: 0.3em;
  margin-bottom: 0.4em;
}
#content-nopanel h1, #content-nopanel h2, #content-nopanel h3 { color: #019FC2; }
#content-nopanel h4 { line-height: 1.5; }


/*  No padding on fieldset  */
fieldset {
  border: none;
  padding: 0; margin: 0;
}

/*  Menu - hands up  */
#handsup-menu {
  display: block;
  background: #1b4a8b;
  padding: 2px 0 2px 2.5em;
  margin: 1em 0 1em 0;
}
#handsup-menu img {
  display: inline;
}
#handsup-menu a {
  color: white;
  text-decoration: none;
  margin: 0 0.8em 0 0;
  display: inline;
}
#handsup-menu img {
  vertical-align: middle;
  margin: 0 0.2em 0 0;
}
#handsup-logout { padding-left: 1em; }

/*  Add / results data table - hands up  */
#transport-summary {
  border-collapse: collapse;
  margin-left: 0.6em;
}
#transport-summary td, #transport-summary th {
  padding: 0.5em;
}
#transport-summary th {
  color: #666;
  text-align: left;
}
#transport-summary thead tr {
  background: #1b4a8b;
}
#transport-summary tfoot tr {
  background: #00aace;
}

#transport-summary tr.bike { background: #AED5FF }
#transport-summary td.bikewide { width: 70% }
#transport-summary tr.walk { background: #9DEFA5 }
#transport-summary tr.public { background: #F7E1A8 }
#transport-summary tr.car { background: #DBDBDB }

/*  Add / Results boxes and list formatting  */
#handsup-data-left {
  float: left;
  width: 49%;
}
#handsup-data-right {
  float: left;
  width: 44%;
  padding: 0 0 1em 0;
  margin-top: 0;
}
#handsup-data-left2 {
  float: left;
  width: 43%;
}
#handsup-data-right2 {
  float: left;
  width: 55%;
  padding: 0 0 0 0.6em;
  margin-top: 0.3em;
}
#handsup-data-box {
  border: 1px solid #66b2bf;
  padding: 0.4em;
  margin-top: 0.3em;
  width: 530px;
  height: 340px;
}
#handsup-data-box ol, #handsup-data-box ul {
  padding: 0 0 0 2em;
  margin: 0.5em 0 0.5em 0;
  line-height: 1.5em;
}
#handsup-data-box ol li {
  margin: 0.8em 0 0.8em 0;
  vertical-align: top;
  max-width: none;
  display: list-item;
}
#handsup-data-box ul li {
  margin: 0.8em 0 0.8em 0;
  vertical-align: top;
  max-width: none;
}

/*  Logon boxes and formatting  */
#handsup-logon-left {
  width: 95%;
  padding-right: 4em;
}
#handsup-logon-right {
  width: 95%;
  background: #FFFFCC;
  border: 1px solid #66b2bf;
  padding: 0 0.4em 0 0.4em;
}
#logtable td {
  padding: 0.2em 0 0.2em 0.6em;
  border: 0;
}
#panel td {
  padding: 0.3em 0 0.3em 0.8em;
  vertical-align: top;
}

/*  Ideas table formatting  */
#ideatable th {
  padding: 0.3em 0.6em 0.3em 0.6em;
  vertical-align: top;
  text-align: left;
  border: 0;
}
#ideatable td {
  padding: 0.3em 0.6em 0.3em 0.6em;
  vertical-align: top;
  border: 0;
}
#ideatable td.tdititle {
  width: 700px;
}


/*  Help table formatting  */
#helptable td {
  padding: 0.3em 0.6em 0.3em 0.6em;
  vertical-align: top;
}
#helptable td.tdhelpdetail {
  background: #ddd;
}
#helptable td.tdhelpupdate {
  padding: 0.3em 0.6em 0.3em 4em;
  vertical-align: bottom;
}



/* form validation errors - ride2school */
input.error, textarea.error {
  background: #fcc;
  border-color: red;
}
p.error {
  color: #c00;
  font-style: italic;
}