/* CSS Document */

html, body{
    height: 100%;
	margin:0px;
}

body {
	margin:0px;
	padding:0px;
	font-family:Arial, 'serif';
}

.submit_button,
.button
{
	-webkit-appearance:none;
	background-color:#FFF;
	color:#333;
	padding:0px 25px 0px 25px;
	width:auto;
	line-height:45px;
	border:none;
	transition:all .2s ease-in-out;
	font-size:0.8em;
	margin:10px 0px 10px 0px;
	box-shadow:0px 0px 4px #BCBCBC;
	text-transform:uppercase;
	border-bottom:1px solid #444;
	letter-spacing:2px;
	text-align:center;
	text-decoration: none;
	display:inline-block;
	float:left;
	height:auto;
	min-height:45px;
}

a.button {
	
}
.submit_button:hover,
.submit_button.hover,
.button:hover,
.button.hover{
	background-color:#8EC4E7;
	cursor:pointer;
}

.button_right {
	float:right;
}


/*----------------TABLE---------------------------*/

table {
	background-color:#FFF;;
	border-radius:2px;
	box-shadow:0px 0px 4px #BCBCBC;
	font-size:0.83em;
	letter-spacing: 1px;
	border-collapse: collapse;
	white-space: none;
}

table td {
	padding:0px 5px 0px 5px;
}

table.full-width-table {
	width:100%;
	margin:0px;
	height:auto;
}

table.medium-width-table {
	width:48%;
	margin:0px 1% 0px 1%;
	margin:0px;
	height:auto;
}


table thead {
	border-bottom:1px solid #C0C0C0;
	line-height:3.5em;
	font-weight:bold;
	margin:0px 0px 5px 0px;
	color:#000;
}

table tr {
	line-height:2.5em;
	color:#333;
}

table tr:nth-child(even) {
	background-color:#F4F4F4;
}


/*------------------LAYOUT BLOCKS -----------------*/
.column {
	display:inline-block;
	float:left;
	width:30%;
	padding:5px 0px 5px 0px;
	margin:10px 1.5% 10px 1.5%;
	background-color:#FFF;
	height:auto;
	border-radius:3px;
	box-shadow:0px 0px 4px #BCBCBC;
}

.text_line {
	display:inline-block;
	float:left;
	width:98%;
	padding:0px 1% 0px 1%;
	height:auto;
	color:#333;
	font-size:0.8em;
	line-height:2em;
}

.title_line {
	display:inline-block;
	float:left;
	width:98%;
	padding:0px 1% 0px 1%;
	border-bottom:1px solid #c0c0c0;
	height:auto;
	color:#333;
	font-size:.9em;
	line-height:2.5em;
	font-weight:bold;
	
}


input[type=text],
input[type=email],
input[type=search],
input[type=password],
input[type=number] {
	height:1.9em;
	border:1px solid #ccc;
	width:250px;
	padding:0px 5px 0px 5px;
	 -webkit-appearance:none;
	border-radius:0px;
}

input[type=text].small-width,
input[type=email].small-width,
input[type=search].small-width,
input[type=password].small-width,
input[type=number].small-width {
	width:100px;
}

input[type=text].big-width,
input[type=email].big-width,
input[type=search].big-width,
input[type=password].big-width,
input[type=number].big-width {
	width:400px;
}

input[type=text].fit-width,
input[type=email].fit-width,
input[type=search].fit-width,
input[type=password].fit-width,
input[type=number].fit-width {
	width:98%;
}

.row {
	display:inline-block;
	float:left;
	width:98%;
	height:auto;
	margin:5px 0px 5px 0px;
	padding:5px 1% 5px 1%;
	line-height:35px;
}

.row_label {
	display:inline-block;
	float:left;
	width:100%;
	height:auto;
	font-weight:bold;
	font-size:17px;
	letter-spacing:1px;
}

.row_input {
	display:inline-block;
	float:left;
	width:100%;
	height:auto;
	line-height:25px;
}

.row_input_background {
	background-color:#FFF;
}

.row_area {
	display:inline-block;
	float:left;
	width:97%;
	border:0px solid #ccc;
	height:auto;
	padding:5px 1% 5px 1%;
	line-height:30px;
	border-radius:1px;
	box-shadow:0px 1px 3px #707070;
	overflow-y:auto;
}

/*-------------------------ERROR REPORTING-----------------*/
.error_reporting {
	display:inline-block;
	float:left;
	width:99%;
	margin:15px 0px 15px 0px;
	border:1px solid #FF666A;
	background-color:#FFB1B3;
	border-radius:3px;
	height:auto;
	padding:5px 0px 5px 0px;
}

.error_reporting .error:before {
	content:'•';
	width:2%;
	margin:0px 0px 0px 1%;
	display:inline-block;
	float:left;
	line-height:3em;
}

.error_reporting .error {
	display:inline-block;
	float:left;
	width:95%;
	height:auto;
	line-height:3em;
	font-size:.9em;
	margin:0px 1% 0px 1%;
	color:#444;
}




@media (max-width:950px) {
	input[type=text],
	input[type=email],
	input[type=search],
	input[type=password],
	input[type=number] {
		height:1.9em;
		border:1px solid #ccc;
		width:250px;
		padding:0px 5px 0px 5px;
		 -webkit-appearance:none;
		border-radius:0px;
	}
}