/**
 * SITE-WIDE
 */
body {
    background: url(../images/backgrounds/body.png);
    padding: 0px;
    margin:0;
}
#progressbarbackground
{
   width: 568px;
   margin: 0 auto;
   height:50px;
}
.bg1
{

   background: url(../images/progressbar2.png) no-repeat  0 -0px;

}
.bg2
{
background: url(../images/progressbar2.png) no-repeat  0 -50px;
}
.bg3
{
background: url(../images/progressbar2.png) no-repeat  0 -100px;
}

.pb1
{
   width: 131px;
   float:left;
   height:50px;
   position:relative;      
   background: url(../images/progressbar2.png) no-repeat -51px -0px;

   left:51px;
}
.pb2
{
     width: 131px;
   float:left;
   height:50px;
   position:relative;   
   background: url(../images/progressbar.png) no-repeat -217px -50px transparent
}
.pb3
{
     width: 131px;
   float:left;
   height:50px;
   position:relative;   
   background: url(../images/progressbar.png) no-repeat -381px -100px transparent
}
#body {
    width: 568px;
    margin: 0 auto;
    background:#FFF;
}
#content {
/*    background: url(../images/backgrounds/hash-content.png) repeat-y;*/
    padding: 0 5px;
}
div.content {

    padding: 5px 2px 0;
}
#workshop
{
  padding:5px 20px 5px;
  /*display:block; */
}
#selectdates
{
  border:3px solid #F30;
  width:500px;
  height:200px;
  margin: 0 auto;
}
#footer {
    background: url(../images/backgrounds/hash-footer.png) no-repeat;
    padding-top: 7px;
    color:#a3a198;
    font: 8pt Tahoma, Arial, Sans-serif;
    line-height: 12pt;
}
#footer .content {
    padding-top: 22px;
}
a {
    color:#6385a1;
    border-bottom:1px solid #d7e1e9;
}
#title {
    overflow: hidden;
    padding: 20px 40px 22px;
    border-bottom: 1px solid #eceae6;
}
#title a {
    font: 8pt Arial,sans-serif;
    line-height: 9pt;
    margin-top: 24px;
    float: right;
}
#body h1 {
  background: #4DA8CD; /* old browsers */ 
  border: 1px solid #87CCEF; 
  border-bottom: 1px solid #306FA7; color: #fff; font-size: 2em;  font-weight: normal; margin: 0; padding: 10px; text-align: center; background: -moz-linear-gradient(top, #4DA8CD 0%, #367ABE 100%); /* firefox */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4DA8CD), color-stop(100%,#367ABE)); /* webkit */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4DA8CD', endColorstr='#367ABE',GradientType=0 ); /* ie */
}

	h1, h2, h3, h4, h5, h6 {color: #150c3a; font-family: "Arvo", Arial, sans-serif; font-weight: normal; line-height: 1.3; }
	h1 {font-size:3em; letter-spacing:-0.02em}

h3.titles
{

   width: 100%;
   height:40px;
    background:url(../img/blank_title.png);
    text-align:center;
    font-family:Arial;
    font-size:18px;
    padding-top:7px;
    float:left;
    color:#9b9b9b;
    background-color:#e3e3e3;
}

#title h1 {
    float: left;
}
h1 a {
    border: none;
}
.main {
    color:#403b2c;
}
h2 {
    color:#89826d;
    font: 19pt "Myriad Pro", Tahoma, Arial, Sans-Serif;
    line-height: 19pt;
    padding-bottom: 13pt;
}
.main p {
    font: 11pt Arial, Sans-Serif;
    line-height: 14pt;
    padding-bottom: 18pt;
}
span.optional {
    color:#bbb6a9;
}
/**
 * BUTTONS
 */
button.button, a.button , button.low-button , a.low-button {
    font-size: 12pt;
    text-indent: -10000px;
    display:block;
    height: 43px;
    border: none;
    text-align: left;
}
.button:hover {
    background-position: 0px -43px;
    cursor: pointer;
}
a.low-button,button.low-button {
    height: 60px;
}
.low-button:hover {
    background-position: 0px -61px;
    cursor: pointer;
}
.get-started {
    width: 162px;
    background:url(../images/buttons/get-started.png);
}
.book {
    width: 285px;
     margin: 0 auto;
     
     background: url(../images/button2.png);
}
.next-step {
    width: 122px;
    background: url(../images/buttons/next-step.png);
}
.back {
    width: 92px;
    background: url(../images/buttons/back.png);
}
.send-to-buffalo {
    width: 170px;
    background: url(../images/buttons/send-to-buffalo.png);
}
.topcol{

 background: url(../images/top_col.png);
 width:555px;
 height:53px;
  margin: 0 auto;
 
}
.fieldsheader
{
 
 
 background: url(../images/fieldcolumns.png);
 margin:3px;
 padding:15px 0 30px 35px; 
 font: 15px Arial, Sans-Serif;
 font-weight:bold;
 line-height: 19pt;
}
p.buttons {
    text-align: right;
    width: 520px;
    overflow: hidden;
    margin-top: 5px;
}
p.buttons .button,p.buttons .low-button {
    
}
/**
 * PROGRESS
 */
#progress,#complete {
    width: 520px;
    margin: 1px 0 19px;
    height: 32px;
    background:url(../images/backgrounds/progress.png);
    position:relative;
}
#complete {
    background-position: 0px 57px;
    margin-top: 0;
}
#complete #marker {
    position: absolute;
    top: 0;
    right: -26px;
    background:url(../images/backgrounds/markers.png);
    width: 26px;
    height: 32px;
}
#progress .s1 {
    width: 19px;
}
#progress .s2 {
    width:111px;
}
#progress .s3 {
    width:203px;
}
#progress .s4 {
    width:295px;
}
#progress .s5 {
    width:386px;
}
#progress .s6 {
    width:478px;
}
#progress .s2 #marker {
    background-position: -26px 0;
}
#progress .s3 #marker {
    background-position: -52px 0;
}
#progress .s4 #marker {
    background-position: -78px 0;
}
#progress .s5 #marker {
    background-position: -104px 0;
}
#progress .s6 #marker {
    background-position: -130px 0;
}
/**
 * FORM
 */
.main fieldset p {
    padding-bottom: 11.5pt;
}
fieldset.two-col {
    width: 520px;
    overflow: hidden;
}
fieldset.two-col p {
    float: left;
    width: 250px;
}
fieldset.two-col p.left {
    margin-right: 20px;
}
fieldset.two-col input {
    width: 238px;
}
fieldset.two-col select {
    width: 250px;
}
fieldset.one-col textarea {
    width: 508px;
    height: 135px;
}
.main #details p {
    padding-bottom: 11.5pt;
}
#details.two-col {
    width: 520px;
    /*overflow: hidden;*/
}
#details.two-col p {
    float: left;
    width: 250px;
}
#details.two-col p.left {
    margin-right: 20px;
}
#details.two-col input {
    width: 238px;
}
#details.two-col select {
    width: 250px;
}
#details.one-col textarea {
    width: 508px;
    height: 135px;
}
form label {
    display:inline;
    font: 9pt Arial, sans-serif;
    line-height: 15pt;
    padding-bottom: 4px;
}
input[type='text'], textarea,  select {
    font: 9pt Arial, sans-serif;
    color: #7c7972;
    border: 1px solid #e2e0d8;
    background:#f6f5f1;
    line-height: 1;
    padding: 5px 5px 5px;
}
select  {

} 


#important {
    display:none;
    visibility:hidden;
}
  
#workshop_container_new ul
{
  list-style:none;
  margin:0px;
  padding:0px;
} 

#workshop_container_new ul li
{

  height:47px;
  border-bottom:1px solid #FFF;
  padding-top:8px;
   background-color:#e6e6e6;
  border-left:6px solid #d8eac2; 
} 
.location{
  font-style:italic;
  font-weight:bold;
}
.status
{
 font-weight:bold;
 clear:both;
 display:block;
}
#workshop_container_new
{
  border:1px solid #ccc;
  padding:8px;
  height:168px;
  overflow:auto;
}
#workshop_container_new ul li.free
{
  background-color:#d8eac2;
}

.free .location{
  color:#3e5b00; 
}


#workshop_container_new ul li.selected
{
border-left:6px solid #6f9d06; 
}
#workshop_container_new ul li.gray
{
  border-left:6px solid #e6e6e6; 
}
.status>span
{
  color:#ad403e;
}
#runtimeuk{
display:none;
visibility:hidden;
}