/* 
*	
*	CSSG Collections: Forms
*	designed and coded by Alen Grakalic (http://cssglobe.com)
*	brought to you by Templatica (http://templatica.com)
*
*/



/* form 1 */

	#form1{
		margin:1em 0;
		padding-top:10px;
		background:url(../images/form1/form_top.gif) no-repeat 0 0;
		}
	#form1 fieldset{
		margin:0;
		padding:0;
		border:none;	
		float:left;
		display:inline;
		width:260px;
		margin-left:25px;
		}		
	#form1 legend{display:none;}	
	#form1 p{margin:.5em 0;}	
	#form1 label{display:block;}	
	#form1 input, #form1 textarea{		
		width:252px;
		border:1px solid #ddd;
		background:#fff url(../images/form1/form_input.gif) repeat-x;
		padding:3px;
		}		
	#form1 textarea{
		height:125px;
		overflow:auto;
		}					
	#form1 p.submit{
		clear:both;
		background:url(../images/form1/form_bottom.gif) no-repeat 0 100%;
		padding:0 25px 20px 25px;
		margin:0;
		text-align:right;
		}	
	#form1 button{
		width:150px;
		height:37px;
		line-height:37px;		
		border:none;
		background:url(../images/form1/form_button.gif) no-repeat 0 0;
		color:#fff;
		cursor:pointer;
		text-align:center;
		}				

/* // form 1 */


/* form 2 */

	#form2{
		margin:1em 0;
		color:#fff;
		width:320px; /* customize width, this form have fluid layout */
		}
	#form2 h3{
		margin:0;
		background:#57a700 url(../images/form2/form_heading.gif) repeat-x;		
		color:#fff;
		font-size:20px;
		border:1px solid #57a700;
		border-bottom:none;
		}		
	#form2 h3 span{
		display:block;
		padding:10px 20px;
		background:url(../images/form2/form_ico.gif) no-repeat 93% 50%;			
		}				
	#form2 fieldset{
		margin:0;
		padding:0;
		border:none;	
		border-top:3px solid #000;
		background:#000 url(../images/form2/form_top.gif) repeat-x;		
		padding-bottom:1em;
		}		
	#form2 legend{display:none;}	
	#form2 p{margin:.5em 20px;}	
	#form2 label{display:block;}	
	#form2 input, #form2 textarea{		
		width:272px;
		border:1px solid #111;
		background:#282828 url(../images/form2/form_input.gif) repeat-x;
		padding:5px 3px;
		color:#fff;
		}		
	#form2 textarea{
		height:125px;
		overflow:auto;
		}					
	#form2 p.submit{
		text-align:right;
		}	
	#form2 button{
		padding:0 20px;
		height:32px;
		line-height:32px;		
		border:1px solid #70ad2e;
		background:#5aae00 url(../images/form2/form_button.gif) repeat-x;
		color:#fff;
		cursor:pointer;		
		text-align:center;		
		}				

/* // form 2 */

/* form 3 */

	#form3{
		margin:1em 0;
		background:url(../images/form3/form_bg.jpg) no-repeat 0 0;
		width:542px;
		height:364px; /* fixed size (envelope graphic) */
		overflow:hidden;
		}
	#form3 h3{display:none;}	
	#form3 fieldset{
		margin:0;
		padding:0;
		border:none;	
		float:left;
		display:inline;
		width:200px;
		margin-left:34px;
		padding-top:80px;
		}	
	#form3 fieldset.last{
		width:254px;
		margin-left:17px;
		}				
	#form3 legend{display:none;}	
	#form3 p{margin:.5em 0;}	
	#form3 label{display:block;}	
	#form3 input, #form3 textarea{		
		width:192px;
		border:1px solid #ddd;
		background:#fff url(../images/form3/form_input.gif) repeat-x;
		padding:3px;
		}		
	#form3 textarea{
		width:246px;
		height:200px;
		overflow:auto;
		}					
	#form3 p.submit{
		margin:0 34px;
		clear:both;
		position:relative;
		}	
	#form3 button{
		padding:0;
		position:absolute;
		left:0;
		top:-3.5em;
		width:95px;
		height:36px;
		text-indent:-8000px;
		overflow:hidden;
		border:none;
		background:url(../images/form3/form_button.gif) no-repeat 0 0;
		color:#fff;
		cursor:pointer;
		}				

/* // form 3 */

/* form 4 */

	#form4{
		margin:0 auto;
		padding-top:1.5em;
		color:#246878;
		width:800px; /* customize width, this form have fluid layout */
		background:#fbfaf4 url(../images/form4/form_bg.gif) repeat-y;		
		}
	#form4 h3{
		margin:0 20px 20px 20px;
		height:28px;
		text-indent:-8000px;
		background:url(../images/form4/form_heading.gif) no-repeat 0 0;	
		}		
	#form4 fieldset{
		margin:0;
		padding:0;
		border:none;	
		padding-bottom:1em;
		}		
	#form4 legend{display:none;}	
	#form4 p{margin:.5em 20px;}	
	#form4 label{display:block;}	
	#form4 input, #form4 textarea{		
		width:750px;
		border:1px solid #dfdfdf;
		background:#fff;
		padding:5px 3px;

		}		
	#form4 textarea{
		height:125px;
		overflow:auto;
		}					
	#form4 p.submit{
		text-align:center;
		}	
	#form4 button{
		margin:0;
		padding:0;
		text-indent:-8000px;
		overflow:hidden;
		width:88px;
		height:56px;
		border:none;
		background:url(../images/form4/form_button.gif) no-repeat 0 0;
		cursor:pointer;
		text-align:left;
		}				
	#form4 #Comments {
		font-size:12px;
		line-height:18px;
		color:#333;
		margin-bottom:10px;
	}
	#form4 #hissu {
		color:#CC0000;
		text-align:right;
		float:right;
		display:block;
	}
	#form4 strong {
		color:#CC0000;
	
	}
		#form4 h4 {
			margin-left:20px;
		}

/* // form 4 */


/* form 5 */

	#form5{
		margin:1em 0;
		padding-top:10px;
		}
	#form5 fieldset{
		margin:0;
		padding-top:.5em;
		border:none;	
		border-top:1px solid #f1f1f1;
		}		
	#form5 legend{
		background:#fff;
		padding:0 5px;
		font-style:italic;
		}	
	#form5 p{
		clear:both;
		margin:.5em 0;
		overflow:hidden;
		}	
	#form5 label{
		float:left;
		width:150px;
		display:block;
		text-align:left;
		margin-right:10px;
		}	
	#form5 input, #form5 textarea{	
		margin:0;	
		width:600px;
		border:1px solid #ddd;		
		padding:3px 5px 3px 25px;
		}		
	
	
	#form5 input#name{background:#fff url(../images/form5/form_name.gif) no-repeat 5px 50%;}
	#form5 input#email{background:#fff url(../images/form5/form_email.gif) no-repeat 5px 50%;}
	#form5 input#web{background:#fff url(../images/form5/form_url.gif) no-repeat 5px 50%;}
	#form5 textarea#message{background:#fff url(../images/form5/form_note.gif) no-repeat 5px 6px;}
	
	
	#form5 textarea{
		height:125px;
		overflow:auto;
		}					
	#form5 p.submit{
		clear:both;
		margin:1em 0;
		padding:10px 0px 0 426px;
		border-top:1px solid #f1f1f1;		
		
		}	
	#form5 button{
		height:28px;
		line-height:28px;		
		border-top:1px solid #999;
		border-left:1px solid #999;
		border-right:1px solid #333;
		border-bottom:1px solid #333;
		background:url(../images/form5/form_button.gif) no-repeat;
		padding:0 10px 0 25px;
		color:#333;
		cursor:pointer;
		text-align:left;
		font-size:11px;
		font-weight:bold;
		}				

/* // form 5 */











/**/

	#inquiryform-1 td,th {
		padding:5px 10px 5px 0;
	}
	#inquiryform-2 td,th {
		padding:5px 10px 5px 0;
	}
	#inquiryform-3 td,th {
		padding:5px 10px 5px 0;
	}
	
	
	
 .redtext {
  color: #dd4b39;
  }

  input.input_text {
  font-size:14px;
  line-height:27px;
  display: inline-block;
  height: 29px;
  margin: 0 10px ;
  padding: 0 8px;
  background: #fff;
  border: 1px solid #d9d9d9;
  border-top: 1px solid #c0c0c0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
  }
  
  .input_textarea {
  font-size:14px;
  line-height:18px;
  display: inline-block;
  margin: 10px 0px ;
  padding: 8px;
  background: #fff;
  border: 1px solid #d9d9d9;
  border-top: 1px solid #c0c0c0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
  }  
  
  :root *> input[type="submit"] {
   display: inline-block;
  min-width: 60px;
  /width:200px;
  text-align: center;
  color: #444;
  font-size: 14px;
  font-weight: bold;
  height: 29px;
  padding: 0 8px;
  line-height: 29px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -webkit-transition: all 0.218s;
  -moz-transition: all 0.218s;
  -ms-transition: all 0.218s;
  -o-transition: all 0.218s;
  transition: all 0.218s;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  
  border: 1px solid #000;
  color: #fff;
  text-shadow: 0 1px rgba(0,0,0,0.1);
  background-color: #333;
  background-image: -webkit-gradient(linear,left top,left bottom,from(#565656),to(#000));
  background-image: -webkit-linear-gradient(top,#565656,#000);
  background-image: -moz-linear-gradient(top,#565656,#000);
  background-image: -ms-linear-gradient(top,#565656,#000);
  background-image: -o-linear-gradient(top,#565656,#000);
  background-image: linear-gradient(top,#565656,#000);
  }
  :root *> input[type="submit"]:hover {
  border: 1px solid #565656;
  color: #fff;
  text-shadow: 0 1px rgba(0,0,0,0.3);
  background-color: #565656;
  background-image: -webkit-gradient(linear,left top,left bottom,from(#7c7c7c),to(#565656));
  background-image: -webkit-linear-gradient(top,#7c7c7c,#5656568);
  background-image: -moz-linear-gradient(top,#7c7c7c,#565656);
  background-image: -ms-linear-gradient(top,#7c7c7c,#565656);
  background-image: -o-linear-gradient(top,#7c7c7c,#565656);
  background-image: linear-gradient(top,#7c7c7c,#565656);
  }
  :root *> input[type="submit"]:active {
  -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
  -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
  box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
  }
  
  
  
    :root *> input[type="button"] {
   display: inline-block;
  min-width: 60px;
  /width:200px;
  text-align: center;
  color: #444;
  font-size: 14px;
  font-weight: bold;
  height: 29px;
  padding: 0 8px;
  line-height: 29px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -webkit-transition: all 0.218s;
  -moz-transition: all 0.218s;
  -ms-transition: all 0.218s;
  -o-transition: all 0.218s;
  transition: all 0.218s;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  
  border: 1px solid #000;
  color: #fff;
  text-shadow: 0 1px rgba(0,0,0,0.1);
  background-color: #333;
  background-image: -webkit-gradient(linear,left top,left bottom,from(#565656),to(#000));
  background-image: -webkit-linear-gradient(top,#565656,#000);
  background-image: -moz-linear-gradient(top,#565656,#000);
  background-image: -ms-linear-gradient(top,#565656,#000);
  background-image: -o-linear-gradient(top,#565656,#000);
  background-image: linear-gradient(top,#565656,#000);
  }
  :root *> input[type="button"]:hover {
  border: 1px solid #565656;
  color: #fff;
  text-shadow: 0 1px rgba(0,0,0,0.3);
  background-color: #565656;
  background-image: -webkit-gradient(linear,left top,left bottom,from(#7c7c7c),to(#565656));
  background-image: -webkit-linear-gradient(top,#7c7c7c,#5656568);
  background-image: -moz-linear-gradient(top,#7c7c7c,#565656);
  background-image: -ms-linear-gradient(top,#7c7c7c,#565656);
  background-image: -o-linear-gradient(top,#7c7c7c,#565656);
  background-image: linear-gradient(top,#7c7c7c,#565656);
  }
  :root *> input[type="button"]:active {
  -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
  -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
  box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
  }
  
  
  
  
  
  
  
  
    input.input_submit_right {
   display: inline-block;
  min-width: 46px;
  text-align: center;
  color: #444;
  font-size: 14px;
  font-weight: bold;
  height: 29px;
  padding: 0 8px;
  line-height: 29px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -webkit-transition: all 0.218s;
  -moz-transition: all 0.218s;
  -ms-transition: all 0.218s;
  -o-transition: all 0.218s;
  transition: all 0.218s;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  
  border: 1px solid #3079ed;
  color: #fff;
  text-shadow: 0 1px rgba(0,0,0,0.1);
  background-color: #4d90fe;
  background-image: -webkit-gradient(linear,left top,left bottom,from(#4d90fe),to(#4787ed));
  background-image: -webkit-linear-gradient(top,#4d90fe,#4787ed);
  background-image: -moz-linear-gradient(top,#4d90fe,#4787ed);
  background-image: -ms-linear-gradient(top,#4d90fe,#4787ed);
  background-image: -o-linear-gradient(top,#4d90fe,#4787ed);
  background-image: linear-gradient(top,#4d90fe,#4787ed);
  
  float:right;
  }
  input.input_submit_right:hover {
  border: 1px solid #2f5bb7;
  color: #fff;
  text-shadow: 0 1px rgba(0,0,0,0.3);
  background-color: #357ae8;
  background-image: -webkit-gradient(linear,left top,left bottom,from(#4d90fe),to(#357ae8));
  background-image: -webkit-linear-gradient(top,#4d90fe,#357ae8);
  background-image: -moz-linear-gradient(top,#4d90fe,#357ae8);
  background-image: -ms-linear-gradient(top,#4d90fe,#357ae8);
  background-image: -o-linear-gradient(top,#4d90fe,#357ae8);
  background-image: linear-gradient(top,#4d90fe,#357ae8);
  }
  input.input_submit_right:active {
  -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
  -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
  box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
  }
  
  
  
:root *> input, select, textarea {
  font-size:14px;
  line-height:18px;
  display: inline-block;
  margin: 2px 5px 2px 0px ;
  padding: 5px;
  background: #fff;
  border: 1px solid #d9d9d9;
  border-top: 1px solid #c0c0c0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
  }