/* 
  Author: Sravan Kumar
  Website: http://wittysparks.com
  License: none (public domain)



.divform{display:table;border-collapse:collapse}
.divform .r{display:table-row}
.divform .c{display:block;padding:5px 0px;vertical-align:middle}
*/


#formcontainer {
	 margin:.6em;padding: .3em;
	 background-color:#F8F8F8;
}
.required {color:#C00}
.row	{
	background-color: #DDD;
}
/*
.required:after {content:"*"}
*/

.divform, .divform .r, .divform .l, .divform .i, .divform .e {display:block}
.divform .l, .divform .i, .divform .e {float:left;}

.divform .r {clear:both; overflow:hidden;}
.divform .l {width:20%;text-align:right;padding:.5em 1em 0;font-weight:bold}
.divform .i {width:45%;margin:.3em 0}
.divform .i.small {width:5em}
.divform .i.medium {width:7em}
.divform .radio {margin:.4em .5em 0 .5em}
.divform .e {width:auto;margin-left:.5em;padding:.5em 0 0;}


input[type="text"], select, label, radio {height:2em}
input[type="text"], select, textarea, label, input[type="submit"], radio {margin:0 5px}
input[type="text"], select, textarea  {
	padding:3px;
	width:95%;
	border:1px solid #CCC;
 	border-radius:4px
}

select.medium {width:6em;float:left}

.divform h4 {
	color:#000;
	font-size:1.2em;
	font-variant:small-caps;
	padding:.2em 0;
	text-align:center;
	background:#DDD;
	 
	
}

span.space { padding:0 .7em 0 .5em;}


input[type="text"], 
select, 
textarea, 
.divform, 
.divform .r, 
.divform .l, 
.divform .i, 
.divform .e, 
form 		{
	box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box
}

input[type="submit"] {width:95%;margin-top:1em}

/* Tabletlay-out: 481 px tot 768 px. */
@media only screen and (min-width: 481px) and (max-width: 768px){
 
/*
.divform, .divform .r, .divform .c{display:block}
.divform .r{clear:both}
.divform .c{width:50%;float:left;padding-left:10px;padding-right:10px}
.divform .c:nth-child(2n+3){clear:left}
label, .fheading, input[type="submit"]{margin-left:0;text-indent:0}
input[type="submit"]{padding-left:20px;padding-right:20px}
textarea, input[type="text"], input[type="text"].wide, select{width:100%;margin:0}
input[type="radio"], input[type="checkbox"]{margin:0 5px;padding:0;vertical-align:middle}
.ver2 .c{width:35%}
.ver2 .c:nth-child(2n+2){width:65%}
.c.frwd{width:100%;}
.c.frwd textarea, .c.frwd input[type="text"], .c.frwd select{width:100%}
.ver2 .frwd.c:nth-child(2n+2){width:100%}
*/

.divform .l {width:35%}
.divform .i {width:60%}
.divform .e {float:left}


}

/* Smartphones (portrait and landscape) */
@media only screen and (max-width:480px){
 
/*label, .fheading, input[type="submit"]{width:100%;margin:0;text-indent:0}
.divform, .divform .r, .divform .c {display:block}
.divform .r{clear:both}
input[type="text"], input[type="text"].wide, select, textarea{width:100%;margin:0}
*/
input[type="radio"], input[type="checkbox"]{margin:0 .3em}

#formcontainer {
	 margin:0
}
input[type="submit"], textarea{width:98%}
input[type="text"] {width:98%}

.divform .l {width:100%;text-align:left;margin:.5em 0 0;text-indent:0;padding:0}
.divform .i {width:100%}
.divform .e {width:100%;float:left;text-wrap:suppress}

}

/* Only Safari */
@media screen and (-webkit-min-device-pixel-ratio:0) {
select{text-indent:5px;line-height:24px}
}