@charset "utf-8";
/*           CSS Document             */
/* Back To Basics Registration Styles */
/* Stylesheet coded by MCS Automation */

* {
	margin: 0;
	padding: 0; }

/*-----------------------------------*/
/*            Font Styles            */
/*-----------------------------------*/

@font-face {
	font-family: 'mistral';
	src: url('fonts/mistral/mistral.eot');
	src: url('fonts/mistral/mistral.eot?#iefix') format('embedded-opentype'),
	url('fonts/mistral/mistral-webfont.woff') format('woff'),
	url('fonts/mistral/mistral.ttf') format('truetype'),
	url('fonts/mistral/mistral-webfont.svg#mistral') format('svg');
	font-weight: normal;
	font-style: normal;
}

.arial {
	font-family: Arial, Helvetica, sans-serif;
}

.roman {
	font-family: "Times New Roman", Times, serif;
}

/*-----------------------------------*/
/*         Position styles           */
/*-----------------------------------*/

.center {
	text-align: center;
}

.left {
	text-align: left;
}

.right {
	text-align: right;
}

/*-----------------------------------*/
/*            Main styles            */
/*-----------------------------------*/

div#main {
	width: 73%;
	height: 85%;
	left: 17%;
	top: 3%;
	position: absolute;
	background-color: #efefef;
	border: solid #6694e3 5px; 
	overflow: auto;
}

div#header {
    top: 3%;
	left: 1%;
    width: 15%;
    background: transparent;
    position: absolute;
	text-align: center;
}

div#content {
	width: 62vw;
	height: 82vmin;
	overflow: auto;
	left: 28vw;
	top: 6vmin;
	border: solid #6694e3 1vmin;
	position: fixed;
}

input[type=submit] {
	font-family: sans-serif;
	background-color: lightgreen;
	border: 1px black solid;
	color: black;
	text-decoration: none;
	font-size: 2vmin;
	cursor:pointer;
	position: absolute;
}
.submit_button {
	font-family: sans-serif;
	color: black;
	font-size: 2vmin;
	cursor:pointer;
	position: absolute;
}


input[type=text] {
	font-size: 2vmin;
	font-family: sans-serif;
	padding: 1vmin;
	color: blue;
	font-weight: normal;
	background-color: lightyellow;
}

input[type=date] {
	font-size: 1.5vmin;
	font-family: sans-serif;
	position: absolute;
	padding-left: 1vmin;
	color: blue;
	font-weight: normal;
	background-color: lightyellow;
}

input[type=checkbox] {
	font-size: 1.5vmin;
	font-family: sans-serif;
	position: absolute;
	padding-left: 0;
}

.fields {
	font-family: sans-serif;
	font-size: 1vmin;
	position: absolute;
}

#dt{
	left: 150px;
	top: 200px;
	height:25px;
	width:200px;
	position: absolute;
}

select {
	font-size: 1vmin;
	font-family: sans-serif;
	position: absolute;
	padding-left: 1vmin;
	color: blue;
	font-weight: normal;
	background-color: lightyellow;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

.table_regular {
	border-collapse: collapse;
	border-spacing: 0;
	table-layout: fixed;
}

thead {
	background-color: transparent;
	text-align: center;
}

tbody {
	background: transparent;
	text-align: left;
}

td {
	border: gray solid 1px;
	background-color: transparent;
	padding-left: 1vmin;
	font-family: calibri,sans-serif;;
	font-size: 1.5vmin;
}

th {
	border: gray solid 1px;
	background-color: lightblue;
	padding-left: 1vmin;
}

tr.row:hover {
	cursor: pointer;
	background-color: lightgray;
}

.list_row:hover {
	cursor: pointer;
	background-color: lightblue;
}

.list_column {
	font-size:9pt;
	font-family: 'Myriad Pro', serif;
	padding: 1vmin 0 1vmin 1vmin;
}


div#details_area {
	width: 260px;
	height: 120px;
	position: absolute;
	background-color: #efefef;
	border: solid brown 2px;
	Font-family: calibri,sans-serif;
	font-size: 10pt;
	overflow-y: hidden;
}

div#dup_area {
	background-color: #efefef;
	border: solid brown 2px;
	Font-family: calibri, sans-serif;
	font-size: 10pt;
	overflow-y: hidden;
	margin-top: 10px;
}

div#payment_area {
	width: 400px;
	height: 120px;
	position: absolute;
	background-color: #efefef;
	border: solid brown 2px;
	Font-family: calibri, sans-serif;
	font-size: 10pt;
	overflow-y: hidden;
}

div#select_display {
	position: absolute;
	height: 50%;
	width: 40%;
	top: 25%;
	left: 5%;
	overflow-y: auto;
	background-color: lightyellow;
}

div#edit_payment {
	position: relative;
	height: 170px;
	width: 230px;
	top: 50%;
	left: 5%;
	overflow-y: auto;
	background-color: lightyellow;
	border: solid gray 3px;
	font-family: calibri, sans-serif;
	font-size: 11pt;
	padding: 20px;
}

a.button {
	-webkit-appearance: button;
	-moz-appearance: button;
/*	appearance: button;*/
	padding: 0.5vmin;
	Font-family: arial, sans-serif;
	font-size: 1vmin;
	text-decoration: none;
	color: black;
	border-radius: 1vmin;
}

button {
	-webkit-appearance: button;
	-moz-appearance: button;
	/*appearance: button;*/
	border-radius: 25px;

	padding: 0.5vmin;
	Font-family: arial, sans-serif;
	font-size: 1vmin;
	text-decoration: none;
	color: black;
}

.cursor_pointer {
    cursor: pointer;
}