/* 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;
}



.textarea_lines{
            background-image: -webkit-linear-gradient(left, white 10px, transparent 10px), -webkit-linear-gradient(right, white 10px, transparent 10px), -webkit-linear-gradient(white 20px, #ccc 20px, #ccc 21px, white 21px);
            background-image: -moz-linear-gradient(left, white 10px, transparent 10px), -moz-linear-gradient(right, white 10px, transparent 10px), -moz-linear-gradient(white 20px, #ccc 20px, #ccc 21px, white 21px);
            background-image: -ms-linear-gradient(left, white 10px, transparent 10px), -ms-linear-gradient(right, white 10px, transparent 10px), -ms-linear-gradient(white 20px, #ccc 20px, #ccc 21px, white 21px);
            background-image: -o-linear-gradient(left, white 10px, transparent 10px), -o-linear-gradient(right, white 10px, transparent 10px), -o-linear-gradient(white 20px, #ccc 20px, #ccc 21px, white 21px);
            background-image: linear-gradient(left, white 10px, transparent 10px), linear-gradient(right, white 10px, transparent 10px), linear-gradient(white 20px, #ccc 20px, #ccc 21px, white 21px);
            background-size: 100% 100%, 100% 100%, 100% 21px;
            border: 1px solid #ccc;
            border-radius: 8px;
            box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
            line-height: 21px;
            font-family: Arial, Helvetica, Sans-serif;
            padding: 3px 8px 3px 8px;
            width:300px;
            height:200px;
        }
	   
.form_panel{
	
position:absolute;
background:#ffffff;
border:0px solid #000;
visibility:visible;
width:90%;
height:auto;
z-index:100;
left:5%;
top:100px;
-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:35px;
padding:5px;
text-align:left;
}


.form_panel_content{
width:100%;
min-height:480px;
font-size:11px;
padding:0px;
}


.form_field_separator
{
  float:left;
  width:98%;
  padding:0px;
  border-top:1px solid #e8e8e8;
  padding-top:20px;
  padding-left:2%;
  margin-top:5px;
}

.form_field_row
{
  float:left;
  width:100%;
  padding:0px;
  padding-bottom:2px;
  
}

.form_field_label
{
  width:30%;
  float:left;
  padding:3px;
  padding-left:20px;
  
}
.form_field_input
{
  float:left;
  padding:3px;
}



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

.form_field_line_item_field
{
  float:left;
  
  margin:2px;
  padding:3px;
}

.form_field_line_item_field_label
{
  color:#95A5A6;
}

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

.textbox-s
{
  width:70px;
}

.textbox-m
{
  width:120px;
}

.textbox-l
{
  width:200px;
}

.textbox-xl
{
  width:300px;
}



.textbox-full
{
  width:100%;
}



/*   -------------------------textarea--------------------------    */
.textarea{
  border:1px solid #cccccc;
  padding: 3px 3px 3px 3px;
  width:320px;
  background:#ffffff;
  font-family:arial;
  font-size:11px;
  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:26px;
  background:#ffffff;
  font-family:arial;
  font-size:11px;
  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:auto;
}


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

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


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





.button {
  cursor:pointer;
  color:#ffffff;
  font-weight:none;
  padding:4px 20px;
  font-family:helvetica;
  
  font-size:13px;
  -mox-border-radius:3px;
  border-radius:3px;
  
    -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;
    z-index:2000;
    
    -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;
    
    
    
}


.div_selection_box
{
    background:#ECF0F1;
    border-radius:5px;
    padding:10px;
    margin:3px;
    float:left;
    cursor:pointer;
  
  
}


/* Form End */
