/* [ layout ]--------------------------------------------------------------- */


div.wizard {
  width: 980px;
  font-family: Verdana, Arial, sans-serif;
  background: white;
}

div.header {
  background-color: #F9CA0B;
  margin: 0;
  padding: 10px;
}

div.header h1 {
  font-weight: bold;
  margin: 0;
  padding: 0;
}

/* [ breadcrumbs ]---------------------------------------------------------- */

table.breadcrumbs {
  margin: 0;
  width: 100%;
}

table.breadcrumbs td div {
  height: 25px;
  width: 200px;
  margin:0;
  margin-right:10px;
  font-weight: bold;
  font-size: 18px;
  border-bottom:0px;
}

table.breadcrumbs td.active div {
  color: red;
  margin-bottom:-1px;
  background-color:#F9CA0B;
  border:1px solid #F9CA0B;
}

table.breadcrumbs td.inactive div {
  color: black;
  background-color:#CCCCCC;
  border:1px solid #CCCCCC;
}

table.breadcrumbs td.inactive a {
  color: inherit;
}

/* [ step ]----------------------------------------------------------------- */

fieldset.step {
  border: 1px solid #F9CA0B;
  border-top: 10px solid #F9CA0B;
  margin: 0;
  padding: 10px 10px 5px 10px;
  background-color:#EEEEEE;
}

fieldset.step legend {
  border: 1px solid #F9CA0B;
  padding: 3px 7px;
  font-size: 12px;
  font-variant: small-caps;
}


/* [ buttons ]-------------------------------------------------------------- */

div.buttons {
  height: 15px;
  margin: 10px 0px 0px 0px;
  padding: 0;
  width:980px;
}

span.forward {
  float:right;
}

span.forward input[type="submit"] {
    cursor: pointer;
    border: 0;
    color: #000000;
    background-color: #F9CA0B;
    background-image: url("http://www.pittari-sensei.com/teach/@@/WizardImages/buttonRightBG.gif");
    background-repeat: no-repeat;
    background-position: right;
    border: 1px solid #A28204;
    padding: 1px 15px 1px 2px;
}

span.back {
  float:left;
}

span.back input[type="submit"] {
    cursor: pointer;
    border: 0;
    color: #000000;
    background-color: #F9CA0B;
    background-image: url("http://www.pittari-sensei.com/teach/@@/WizardImages/buttonLeftBG.gif");
    background-repeat: no-repeat;
    background-position: left;
    border: 1px solid #A28204;
    padding: 1px 2px 1px 15px;
}


/* [   ]-------------------------------------------------------------- */


div.status div.summary{
  color:red;
  font-weight:bold;
  font-size:15px;
  padding:5px;
}

div.status div.error{
  color:red;
  font-size:9px;
  margin-bottom:2px;
}

div.reg_div{
  vertical-align:top;
  margin:5px;
  margin-bottom:15px;
}

div.reg_div div.note{
  border:1px dashed gray;
  background-color:#DDDDDD;
  margin:5px;
  padding:5px;
  font-size:12px;
}
div.reg_div div.note b{
  color:red;
}

div.reg_div div.reg_div_title{
  padding-left:10px;
  padding-top:2px;
  padding-bottom:2px;
  font-weight:bold;
  font-size:13px;
  border-bottom:1px solid black;
}


div.reg_div td.reg_photo input[type="text"]{
width:140px;
}

div.reg_div td.reg_photo input[type="submit"]{
background-color:green;
color:white;
font-weight:bold;
}



div.reg_div span.emailregister input[type="submit"]{
background-color:green;
color:white;
font-weight:bold;
}
div.reg_div span.emailverify input[type="submit"]{
background-color:green;
color:white;
font-weight:bold;
}
div.reg_div span.emailcancel input[type="submit"]{
background-color:red;
color:white;
font-weight:bold;
}


div.reg_div select.select-widget{
width:180px;
}

div.reg_div input.text-widget{
width:180px;
}


div.reg_div input.password-widget{
width:180px;
}

div.reg_div textarea.textarea-widget{
width:600px;
height:60px;
}

div.reg_div table td.reg_label{
  background-color:#CCCCCC;
  border: 1px solid gray;
  width:120px;
  padding-left:5px;
  height:25px;
}

div.reg_div table td.required{
  background-color: #F9CA0B;
  color:black;
  font-size:12px;
}

div.reg_div table td.reg_widget{
  width:340px;
  padding-left:5px;
}


div.reg_div div.error{
  color:red;
  font-size:10px;
}

div.reg_div div.globalerror{
  color:red;
  font-size:10px;
  padding:10px;
  padding-bottom:0px;
}


div.reg_div table td.reg_photo{ 
vertical-align:top;
padding:0px;
}

div.reg_div table td.reg_photo div.photo{
  width:125px;
  height:157px;
  overflow:hidden;
}

div.reg_div table td.reg_photo div.photo img{
  width:125px;
  margin:0px;
}

div.reg_div table td.learnedby{
width:250px;
}

div.reg_div table td.learnedby span.option{
display:block;
margin:10px;
margin-bottom:20px;
margin-top:20px;
border:top
}

div.reg_div div.agreementDiv{
border:1px solid black;
background-color:white;
margin-bottom:10px;
width:880px;
height:100px;
overflow:auto;
padding:5px;
}