/* - - - - - - CSS Document - - - - - - - - -
Title : SmartWizard
Author : http://tech-laboratory.blogspot.com
Version: 0.98 
- - - - - - - - - - - - - - - - - - - - - */

/************************************************************************************
Made extensive changes to this css file. 
Rounded corners will only show in the browsers that support these css3 properties.
Most original css values are still commented out. 
If everything is OK as is, these can be deleted.
************************************************************************************/


/* 
  body {font : normal 12px Verdana, Arial, Helvetica, sans-serif;
      *font-size:small;
      **font:x-small;
      color:#0464BB; 
      margin:0;
      padding:0;      }
*/ 
 
 .wiz-container{
      z-index:100;
      overflow:hidden;
      position:relative;
/*
      text-align:left;
      margin:0;padding:0;
      width:500px;
      height: 600px;
      left: 5%;
      right:5%;
      top:20px;
      margin:1px;
      background:#F8F8F8;
      border:#E0E0E0 solid 1px;
      padding:12px 0px 2px 5px;    
      color:#0464BB;   
      -moz-border-radius:8px;
      -webkit-border-radius: 8px;
*/
  }
  
  .wiz-container ul{
    list-style: none; 
    display:block;
    padding: 10px ; 
    position: relative; 
    height:6em;
/*
    border-bottom: 1px solid #E0E0E0;   
    margin:0;padding:0;
    background:#F8F8F8;
    margin-left:3px;
    margin-right:3px;
*/
  }
  
  .wiz-container ul li{ 
    position: relative; 
    float: left;  display: inline;
    border-bottom-width: 0 !important; 
    margin-right: 5px;
    font-size: x-small;  
/*
    margin:0;padding:0;
    margin: 0; 
    padding: 0;
*/
 }
    
  .wiz-container ul li a { 
    display:block;
    text-decoration: none;
    padding-left: 5px;
    height:6em;
    width:110px;
/*
    color:#0464BB;
    margin:0;
    padding:0;
*/
  }
  
  .wiz-container ul li a:hover {   
    color:#0464BB; 
/*
*/
  }
  
  .wiz-anc-default{
    background-color:#fff; 
    border:#fff solid 1px; 
    -moz-border-radius-bottomright  : 20px;
    -moz-border-radius-topright     : 20px;
    -moz-border-radius-bottomleft   : 5px;
    -moz-border-radius-topleft      : 5px; 
    -webkit-border-top-left-radius  : 5px;
    -webkit-border-bottom-left-radius:5px;
    -webkit-border-top-right-radius :20px;
    -webkit-border-bottom-right-radius:20px;    
/*
    background-color:#EBEBEB; 
    border:#E0E0E0 solid 1px; 
*/
  }
  
  .wiz-anc-current{
    color:#FFF !important; 
    background-color:#ff7f00;
    border:#ff7f00 solid 1px;
    -moz-border-radius-bottomright  : 20px;
    -moz-border-radius-topright     : 20px;
    -moz-border-radius-bottomleft   : 5px;
    -moz-border-radius-topleft      : 5px; 
    -webkit-border-top-left-radius  : 5px;
    -webkit-border-bottom-left-radius:5px;
    -webkit-border-top-right-radius :20px;
    -webkit-border-bottom-right-radius:20px;    
/*
*/
  }
  
  .wiz-anc-done{
    color:#FFF !important; 
    background-color:#0084a4;
    border:#0084a4 solid 1px;
    -moz-border-radius-bottomright  : 20px;
    -moz-border-radius-topright     : 20px;
    -moz-border-radius-bottomleft   : 5px;
    -moz-border-radius-topleft      : 5px; 
    -webkit-border-top-left-radius  : 5px;
    -webkit-border-bottom-left-radius:5px;
    -webkit-border-top-right-radius :20px;
    -webkit-border-bottom-right-radius:20px;
/*
*/
  }
  
  .wiz-anc-error{ /*wiz-anc-done */
    color:#CD0A0A  !important; 
    border:#AE1000 solid 1px;
/*
    background-color:#FEF1EC ;
*/
  }  
  
  .wiz-body{
    display:block; 
    background:transparent; 
    border-bottom: 0px solid #E0E0E0; 
    width:auto;
/*
*/
  }
  
  .wiz-body div.wiz-content {
    display:block; 
    position: relative;
    top:0px;
    left:0px;
    text-decoration: none; 
    padding: 3px;
    margin : 3px;
    border-bottom: 0px solid #E0E0E0; 
    width:auto;
/*
    height:470px;
    overflow:auto;
*/
  }
  
  .wiz-nav {
    display:block; 
    text-decoration: none; 
    padding: 2px 5px 2px 5px;
    height:35px;
    margin : 0px 0px 5px 0px;
/*
    background:#F8F8F8 ; 
    position: absolute;
    left:0px;
    bottom:0px;
    width:99%;
    border: 0px solid #E0E0E0;
    border-top: 1px solid #E0E0E0;
*/
  }
  
  .wiz-nav #next {
    float:right; display: inline;
/*
*/
  }
  .wiz-nav #back{
    float:left; display: inline;
/*
*/
  }
  
  .wiz-nav #done{
    float:left; display: inline;
/*
    margin-left:30%;
*/
  }
  
  
  /* Button & Textbox Styles */
  h1, h2, h3{
      margin:0;
      padding:0;
/*
*/
  }
  
  .btn{
      width                 : 125px;
      -moz-border-radius    : 8px;
      -webkit-border-radius : 8px;
      background            : #5A5655;
      color                 : #FFFFFF;
      margin                : 2px 10px 0px 10px;
      padding               : 5px 5px 5px 5px;
      text-align            : center;
      border                : 1px solid #5A5655;    
      text-decoration       : none; 
/*
*/
  }
  
  .wiz-body div.wiz-content .btn{
      float: none; display: inline; vertical-align: top;
  }
  
  .btn:hover{
      background      : #ff7f00;
      color           : #FFFFFF;
      border          : 1px solid #ff7f00; 
      text-decoration : none; 
/*
*/
  }
  
  .wiz-content p{
    clear: left;
    margin: 0.5em 0;
    overflow: hidden;
  }
  
  .wiz-body label{
    display: block;
    float: left; display: inline;
    width: 120px;
    padding:4px;
  }
  
  .wiz-body label.long{
    width: 250px;
  }
  
  .wiz-body span.field-validation-error
  {
  	display: inline-block;
	padding-top: 4px;
	padding-right: 4px;
	padding-bottom: 4px;
	padding-left: 4px;  	
	margin-left: 2px;
	margin-top: 2px;
  }
  
  .wiz-body input,
  .wiz-body select,
  .wiz-body label{
    display: block;
    float: left; display: inline;
    margin: 2px 0 0 10px;
  }
  
  .wiz-body select{
    margin-top: 3px;
  }
  
  .wiz-body .text,
  .wiz-body input[type="text"]{ 
    border: 1px solid #0084a4; 
    width:180px;
    padding:4px;
/*
*/
  }  
  
  .wiz-body .text:focus,
  .wiz-body input[type="text"]:focus{ 
    border: 1px solid #ff7f00; 
/*
*/
  } 
  
  .wiz-body input.short{
    width: 50px;
  }

  .wiz-body .box,
  .wiz-body input[type="checkbox"],
  .wiz-body .radio,
  .wiz-body input[type="radio"]{ 
    margin-top: 8px;
  }
  
  .wiz-nav div.error{
    font-weight : bold;
    display:none;
    position:relative;
    left:30%;
    top:5px;
    width:400px; 
    padding: 5px 5px 5px 10px;
    -moz-border-radius    : 5px;
    -webkit-border-radius : 5px;  
    float:left; display: inline;
    background:#FFE45C;
    border:1px solid #FED22F;
    color:#363636;    
/*
*/
  }
  
  /* End Button Styles */