/*------------------------------------------------------------------------------------
  @group Style Overrides
------------------------------------------------------------------------------------*/

#wrapper{
  margin-bottom:50px;
  width:435px;
}

#header{
  width:310px;
  margin-bottom:30px;
  margin-left:auto;
  margin-right:auto;
}

/* @end */

/*------------------------------------------------------------------------------------
  @group Steps Widget
------------------------------------------------------------------------------------*/

ul#steps{
  margin:10px 0 0 0;
  float:right;
  height:32px;
  background:url(../images/setup_line.gif) 0 50% repeat-x;
}
ul#steps li{
  float:left;
  margin:0 10px 0 0;
  padding:0 3px;
  list-style-type:none;
  background:#fff;
}
ul#steps li.step3{
  padding-right:0;
  margin-right:0;
}
ul#steps li p{ 
  float:left;
  margin:5px 5px 0 10px;
  font-size:14px;
  color:#000;
  white-space:nowrap;
  display:none; 
}
ul#steps .step{
  float:left;
  width:32px;
  height:32px;
  text-indent:-9999px;
  opacity: 0.3;
  -moz-opacity: 0.3;
  filter:alpha(opacity=30);
}
ul#steps .step1 .step{
  background:url(../images/setup_1.gif);
}
ul#steps .step2 .step{
  background:url(../images/setup_2.gif);
}
ul#steps .step3 .step{
  background:url(../images/setup_3.gif);
}

ul#steps.step-1 li.step1{ margin-right:20px; }
ul#steps.step-1 li.step1 p{ display:block; }
ul#steps.step-1 li.step1 .step{
  opacity: 1.0;
  -moz-opacity: 1.0;
  filter:alpha(opacity=100);
}

ul#steps.step-2 li.step2{ margin-right:20px; }
ul#steps.step-2 li.step2 p{ display:block; }
ul#steps.step-2 li.step2 .step{
  opacity: 1.0;
  -moz-opacity: 1.0;
  filter:alpha(opacity=100);
}

ul#steps.step-3 li.step3 p{ display:block; }
ul#steps.step-3 li.step3 .step{
  opacity: 1.0;
  -moz-opacity: 1.0;
  filter:alpha(opacity=100);
}

/* @end */

/*------------------------------------------------------------------------------------
  @group Setup Form
------------------------------------------------------------------------------------*/

.setupform{
  margin:0 auto;
  width:435px;
}

.setupform p{
  margin:25px 0;
  font-size:16px;
  color:#000;
}

.setupform .form-actions{
  border-top:1px solid #eee;
  text-align:right;
  padding-top:15px;
}
.setupform .form-actions p.misc{
  font-size:12px;
  float:left;
  margin:0;
}

div.form{
  margin:20px 0;
  padding:15px 20px;
  border:3px solid #eee;
}

div.form h2{
  margin:0 0 18px 0;
  font-size:14px;
  font-weight:normal;
}

ul.tabs, ul.navbuttons{
  float:right;
  margin:0 0 15px 0;
}
ul.navbuttons{
  float:none;
}
.navbuttons:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
* html .navbuttons {height: 1%;}
.navbuttons {display:inline-block;}
.navbuttons {display: block;}

ul.tabs li, ul.navbuttons li{
  list-style-type:none;
  display:inline;
  float:left;
  margin:0 0 0 10px;
}
ul.navbuttons li{
  margin-left:0;
  margin-right:10px;
}
ul.tabs li a, ul.navbuttons li a{
  display:block;
  background:#f1f1f1;
  padding:5px 10px;
  font-size:11px;
  text-decoration:none;
}
ul.tabs li a.selected, ul.navbuttons li a.selected{
  color:#333;
  font-weight:bold;
  cursor: default;
}

.rule{
  margin:15px 0;
  border-top:1px solid #dfdfdf;
}

h2{
  font-size:24px;
  margin-bottom:-15px;
}

textarea{
  width:440px;
  height:200px;
  padding:5px;
  font-size:12px;
}


/* @end */

/*------------------------------------------------------------------------------------
  @group Errors
------------------------------------------------------------------------------------*/

.errorExplanation{
  margin:15px 0;
  padding:10px 0;
  border-top:2px solid #cc0000;
  border-bottom:1px solid #cc0000;
}

.errorExplanation h2{
  font-weight:bold;
  font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
  margin:0;
  font-size:14px;
  color:#990000;
  text-transform:uppercase;
}
.errorExplanation p{
  margin:10px 0;
  font-size:14px;
}

.errorExplanation ul{
  margin-bottom:10px;
  color:#990000;
  font-size:12px;
  text-transform:uppercase;
}

/* @end */