html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
 margin:0;
 padding:0;
 border:0;
 outline:0;
 font-size:100%;
 vertical-align:baseline;
 background:transparent;
 font-family: Arial, Helvetica, sans-serif;
}
input {
	margin:0;
	border-radius: 0px;
}




@media only screen
and (min-width : 1px) 
and (max-width : 319px) {
body {
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
}

.wrapper {
	width:99%;
	margin: 0 auto;
}

}


@media only screen
and (min-width : 320px) 
and (max-width : 736px) {
body {
	font-size: 17px;
	font-family: Arial, Helvetica, sans-serif;
}

.wrapper {
	width:99%;
	margin: 0 auto;
	
}

}

@media only screen
and (min-width : 737px)  {
body {
	font-size: 120%;
	font-family: Arial, Helvetica, sans-serif;
}

.wrapper {
	width:50%;
	margin: 0 auto;
	}

}


[class*="col-"] {
    float: left;
	padding: 15px;
}


.col-1 {	width: 8.33%;	font-size: inherit;}
.col-2 {	width: 16.66%;	font-size: inherit;}
.col-3 {	width: 24.99%;	font-size: inherit;}
.col-4 {	width: 33.33%;	font-size: inherit;}
.col-5 {	width: 41.66%;	font-size: inherit;}
.col-6 {	width: 50%;	font-size: inherit;}
.col-7 {width: 58.33%;font-size: inherit;}
.col-8 {width: 66.66%;font-size: inherit;}
.col-9 {width: 75%;}
.col-10 {width: 83.33%;}
.col-11 {width: 99%;}
.col-12 {width: 100%;font-size: inherit;}





* {
    box-sizing: border-box;
	font-size:inherit;
	font-family: inherit;
}

.row {
		margin-bottom:10px;
}

h2 {
	font-size: 1.5em;
	color: grey;

}

h3 {
	font-size: 1.1em;
	color: grey;

}

.lightback  {
	display:block;
	padding:8px 13px;
	-moz-border-radius-topright: 4px;
	-webkit-border-top-right-radius: 4px;
	border-top-right-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	-webkit-border-bottom-right-radius: 4px;
	border-bottom-right-radius: 4px;

	
	
	border:1px solid #1A87B9;
	margin-bottom:10px;
}

span {
	display:block;
	margin:0;
	padding:0;
	
}

.darkback  {
	display:block;
	border:1px solid #1A87B9;
	background: #25A6E1;
	background: -moz-linear-gradient(top,#25A6E1 0%,#188BC0 100%);
	background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#25A6E1),color-stop(100%,#188BC0));
	background: -webkit-linear-gradient(top,#25A6E1 0%,#188BC0 100%);
	background: -o-linear-gradient(top,#25A6E1 0%,#188BC0 100%);
	background: -ms-linear-gradient(top,#25A6E1 0%,#188BC0 100%);
	background: linear-gradient(top,#25A6E1 0%,#188BC0 100%);
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#25A6E1',endColorstr='#188BC0',GradientType=0);
	padding:8px 13px;
	color:#fff;
	-moz-border-radius-topleft: 4px;
	-webkit-border-top-left-radius: 4px;
	 border-top-left-radius: 4px;
	-moz-border-radius-bottomleft: 4px;
	-webkit-border-bottom-left-radius: 4px;
	border-bottom-left-radius: 4px;
	color:white;
	white-space:nowrap;
	margin-bottom:10px;
}

.error {
	display:none;
	//color: #FF0000;
	display:block;
	padding:0px;
	clear:both;
}
.navbar {
	width:100%;
	color: #333;
	background-color: #F8F8F8;
	border: 1px solid #E7E7E7;
	padding: 0.7em;
	background: rgba(254,254,254,1);
	background: -moz-linear-gradient(top, rgba(254,254,254,1) 0%, rgba(226,226,226,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(254,254,254,1)), color-stop(100%, rgba(226,226,226,1)));
	background: -webkit-linear-gradient(top, rgba(254,254,254,1) 0%, rgba(226,226,226,1) 100%);
	background: -o-linear-gradient(top, rgba(254,254,254,1) 0%, rgba(226,226,226,1) 100%);
	background: -ms-linear-gradient(top, rgba(254,254,254,1) 0%, rgba(226,226,226,1) 100%);
	background: linear-gradient(to bottom, rgba(254,254,254,1) 0%, rgba(226,226,226,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#e2e2e2', GradientType=0 );
}

html {
	margin: 0;
	padding:0;
	width:100%;
	
}


.resptable {
	border-spacing: 0px;
	display: table;
	border:1px solid #1A87B9;
	border-radius: 4px;
	font-size: 0.9em;
	
}

tr:nth-child(even) {background: #CCC}
tr:nth-child(odd) {background: #FFF}

[class*="ctrl-"] {
    border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	margin-bottom:10px;
}
	
.ctrl-L {
	border:1px solid grey;
	padding: 15px;
}

.ctrl-M {
	border:1px solid grey;
	padding: 8px;
}

.ctrl-S {
	border:1px solid grey;
	padding: 4px;
}


.green {
	background: rgba(164,179,87,1);
	background: -moz-linear-gradient(top, rgba(164,179,87,1) 0%, rgba(117,137,12,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(164,179,87,1)), color-stop(100%, rgba(117,137,12,1)));
	background: -webkit-linear-gradient(top, rgba(164,179,87,1) 0%, rgba(117,137,12,1) 100%);
	background: -o-linear-gradient(top, rgba(164,179,87,1) 0%, rgba(117,137,12,1) 100%);
	background: -ms-linear-gradient(top, rgba(164,179,87,1) 0%, rgba(117,137,12,1) 100%);
	background: linear-gradient(to bottom, rgba(164,179,87,1) 0%, rgba(117,137,12,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a4b357', endColorstr='#75890c', GradientType=0 );
	color: #ffffff;
}


.grey {
	background: rgba(254,254,254,1);
	background: -moz-linear-gradient(top, rgba(254,254,254,1) 0%, rgba(226,226,226,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(254,254,254,1)), color-stop(100%, rgba(226,226,226,1)));
	background: -webkit-linear-gradient(top, rgba(254,254,254,1) 0%, rgba(226,226,226,1) 100%);
	background: -o-linear-gradient(top, rgba(254,254,254,1) 0%, rgba(226,226,226,1) 100%);
	background: -ms-linear-gradient(top, rgba(254,254,254,1) 0%, rgba(226,226,226,1) 100%);
	background: linear-gradient(to bottom, rgba(254,254,254,1) 0%, rgba(226,226,226,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#e2e2e2', GradientType=0 );
	color:#333;
}
 

 
input[type=text]:focus, 
input[type=date]:focus,
input[type=datetime]:focus,
input[type=number]:focus,
input[type=search]:focus,
input[type=time]:focus,
input[type=url]:focus,
input[type=email]:focus,
textarea:focus, 
select:focus{
	
    -moz-box-shadow: 0 0 8px #88D5E9;
    -webkit-box-shadow: 0 0 8px #88D5E9;
    box-shadow: 0 0 8px #88D5E9;
    border: 1px solid #88D5E9;
}

.resptable {
	border-spacing: 1px;
	border:1px soild black;
	border-radius: 4px;
	text-align: center;
	text-align: -webkit-center;
}
	
.overlay {
position:absolute;
left:0;
right:0;
margin-left:auto;
width:80%;
margin-right:auto;
background-color: white;
z-index:5;
opacity: 0.9;
visibility:hidden;

	padding: 15px;
	border:1px solid lightgrey;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;

}