/* Form  */


input:focus {
 
  /* IE6-9 */
outline: none;
  border:1px solid #22A7F0;

}
select:focus {
 
  /* IE6-9 */
outline: none;
  border:1px solid #22A7F0;

}

textarea:focus {
 
  /* IE6-9 */
outline: none;
  border:1px solid #22A7F0;

}



input{
    -moz-transition: .25s;
  -webkit-transition:  .25s;
  -o-transition: .25s;
  transition: .25s;
}

select{
    -moz-transition: .25s;
  -webkit-transition:  .25s;
  -o-transition: .25s;
  transition: .25s;
}


textarea{
    -moz-transition: .25s;
  -webkit-transition:  .25s;
  -o-transition: .25s;
  transition: .25s;
}



.form_panel{
	
position:absolute;
background:#ffffff;
border:0px solid #000;
visibility:visible;
width:92%;
height:auto;
z-index:100;
left:4%;
top:50px;
-moz-box-shadow: 2px 2px 10px #888;
-webkit-box-shadow: 2px 2px 10px #888;
box-shadow: 2px 2px 10px #888;

}

.form_panel_title{
background:#ecf0f1;
height:50px;
padding:5px;

text-align:left;
font-size:18px;
}


.form_panel_content{
width:100%;
height:auto;
font-size:11px;

padding:0px;
}



.form_field_separator
{
 float:left;
  width:96%;
  padding:2%;
  border-top:1px solid #ECF0F1;
  margin-bottom:2px;
  background:none;
  
  
  text-align:left;
  
}

.form_field_row
{
  float:left;
  width:94%;
  padding:2% 2% 2% 2%;
  margin-bottom:2px;
  background:none;
  border-radius:5px;
  margin-left:1%;
  margin-right:1%;
  
}

.form_field_label
{
  width:100%;
  float:left;
  
  font-size:15px;
  
  
}
.form_field_input
{
  width:100%;
  float:left;
  
  padding-bottom:2%;
}


.form_field_line_item
{
  width:98%;
  float:left;
  padding:1%;
  background:none;
}



.form_field_line_item_field
{
  float:left;
  width:96%;
  
  margin:1%;
  padding:1%;
}

.form_field_line_item_field_label
{
  color:#95A5A6;
}

/*   -------------------------textbox--------------------------    */
.textbox{
  border:1px solid #cccccc;
  padding: 6px;
  height:40px;
  background:#ffffff;
  font-family:arial;
  font-size:15px;
  color:#333333;
  -mox-border-radius:5px;
  border-radius:5px;
}

.textbox-s
{
  width:100%;
}

.textbox-m
{
 width:100%;
}

.textbox-l
{
  width:100%;
}

.textbox-xl
{
  width:300px;
}



.textbox-full
{
  width:100%;
}




/*   -------------------------textarea--------------------------    */
.textarea{
  border:1px solid #cccccc;
  padding: 3px 3px 3px 3px;
  width:100%;
  background:#ffffff;
  font-family:arial;
  font-size:15px;
  color:#333333;
  -mox-border-radius:5px;
  border-radius:5px;
}

.textarea-s
{
  height:30px;
}
.textarea-m
{
  height:60px;
}
.textarea-l
{
  height:90px;
}

.textarea-xl
{
  height:150px;
}




.input_error{
  background:#ffeeee;
  border:1px solid #e74c3c;
}


/*   -------------------------dropdown--------------------------    */
.dropdown{
  border:1px solid #cccccc;
  padding: 3px 3px 3px 3px;
  height:36px;
  background:#ffffff;
  font-family:arial;
  font-size:15px;
  color:#333333;
  -mox-border-radius:5px;
  border-radius:5px;
}

.dropdown-s
{
  width:70px;
}

.dropdown-m
{
  width:120px;
}

.dropdown-l
{
  width:200px;
}

.dropdown-xl
{
  width:300px;
}

.dropdown-auto
{
  min-width:70px;
  width:100%;
}



.dropdown-search
{
  width:25%;
  float:right;
}



.select_error{
  background:#ffeeee;
  border:1px solid #e74c3c;
}

/*   -------------------------upload--------------------------    */


.upload_iframe{
  padding:0px 0px 0px 0px;
  max-width:400px;
  width:100%;
  overflow:hide;
  border:1px dashed #cccccc;
  -mox-border-radius:5px;
  border-radius:5px;
}





.button {
  cursor:pointer;
  
  font-weight:none;
  padding:10px 30px;
  font-family:helvetica;
  width:90%;
  margin:5%;
  font-size:16px;
  -mox-border-radius:3px;
  border-radius:3px;
  
  margin-bottom:2px;
  -webkit-appearance: none;
  -moz-appearance:    none;
  appearance:         none;

  -webkit-transition: border-color .218s;
  -moz-transition: border .218s;
  -o-transition: border-color .218s;
  transition: border-color .218s;
    
}


.button-grey{
  border:solid 1px #7f8c8d;
  background:#95a5a6;
}



.button-red{
  border:solid 1px #e74c3c;
  background:#c0392b;
  color:#fff;
}



.button-blue{
  border:solid 1px #1fbad6;
  background:#1fbad6;
  color:#fff;
}



.button-green{
  border:solid 1px #16a085;
  background:#1abc9c;
  color:#fff;
}




.div_lookup_pop{
    
    height:?px;overflow:auto;
    background:#ffffff;
    position:absolute;
    border:0px solid #888888;
    visibility:hidden;
    -moz-box-shadow: 1px 1px 5px #ccc;
    -webkit-box-shadow: 1px 1px 5px #ccc;
    box-shadow: 1px 1px 5px #ccc;
    
    
    -webkit-transition: border-color .218s;
    -moz-transition: border .218s;
    -o-transition: border-color .218s;
    transition: border-color .218s;
    
    
}





.div_lookup_pop_item{
    
     min-width:300px;
    cursor:hand;
    border:1px solid #ccc;
    padding:10px 5px 10px 5px;
    background:#f8f8f8;
    
    
    
    
}






/* Form End */
