@charset "UTF-8";
@font-face {
  font-family: 'corbel';
  src: url('fonts/Corbel.ttf') format('truetype');
  font-family: 'corbel bold';
  src: url('fonts/Corbel Bold.ttf') format('truetype');
  font-family: 'corbel bold italic';
  src: url('fonts/Corbel Bold Italic.ttf') format('truetype');
}
#outer_container {
	position: relative;
	width: 92%;
	height: auto;
	border: none;
	/*	margin-left: -2vw;
	margin-top:-1vw;*/
	padding-bottom: 0;
	background-color: hsla(0,0%,100%,1.00);
	font-family: "corbel";
}
#container {
	position: relative;
	width: 100%;
	height: auto;
	background-color: hsla(0,0%,100%,1.00);
/*	border: thin solid hsla(195,60%,56%,1.00);*/
	padding-bottom: 0px;
	text-align: center;
	font-size: 1.2vw;
}
#header {
	position:relative;
	display:inline-block;
	width: 100%;
	border-bottom: hsla(233,36%,85%,1.00) medium solid;
	padding-bottom: 0.2vw;
	vertical-align: baseline;
}
#footer {
	position: relative;
	display: inline-block;
	margin-top: 2vw;
	width: 100%;
	border-top: hsla(233,36%,85%,1.00) thin solid;
	border-bottom: hsla(233,36%,85%,1.00) thin solid;
	margin-bottom: 0px;
	font-size: 1.2vw;
	color: hsla(0,0%,30%,1.00);
}
#footer_table {
	display:table;
	width: 50vw;
	border-spacing: 2vw 0;
}
#menu_table {
	position: absolute;
	display: table;
	border-spacing: 0 0;
	right: 1vw;
	bottom: 0.1vh;
}
#logo {
	position: relative;
	float: left;
	display: inline-block;
	width: 22vw;
	height: 6vw;
	margin-left: 2vw;
	margin-top: 1vw;
	font-size: 4.4vw;
	padding-top: 1vw;
	padding-bottom: 0px;
	padding-left: 1vw;
	padding-right: 1vw;
	background-image: url(media/small_background.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	font-style: italic;
	font-weight: bold;
	border-radius: 1vw;
	line-height: 70%;
	vertical-align: bottom;
	text-align:center;
}
#logo_title {
	
}
#logo_sub_title {
	color:black;
	font-size:1vw;
	width:100%;
}
#title {
	font-size: 1.6vw;
	
	font-weight: bold;
}
#title_text {
	margin-top: 1vw;
	font-size: 1.6vw;
	margin-bottom: 1vw;
}
#title_text span {
	display:inline-block;
	padding-left: 0.5vw;
	padding-right: 0.5vw;
	padding-top: 0px;
	padding-bottom: 0px;
	line-height: 3vw;
}
.centre {
	width:auto;
	margin-left: auto;
	margin-right: auto;
}
.row {
	display:table-row;
}
.cell {
	display: table-cell;
}
.white {
	color: hsla(0,0%,100%,1.00);	
}
.highlight {
	border: thin solid hsla(359,83%,46%,1.00);
}
.bold {
	font-weight: bold;		
}
.italic {
	font-style: italic;	
}
.black {
	color:black;
}
.clickable {
	cursor: pointer;	
}
.button_text {
  	display: inline-block;
  	vertical-align: middle;
}
.align_base {
	vertical-align:bottom;
}
a {
	text-decoration: none;
	color: hsla(0,0%,0%,1.00);
	cursor: pointer;
}
a: visited {
	text-decoration: none;
	color: hsla(0,0%,0%,1.00);
}
.large_button {
	display: inline-block;
	padding-left: 1vw;
	padding-right: 1vw;
	margin-left: 0.2vw;
	margin-right: 0.1vw;
	font-weight: bold;
	background-color: hsla(234,93%,43%,1.00);
	border-radius: 1vw;
	border: thin solid hsla(223,94%,25%,1.00);
	color: hsla(0,0%,100%,1.00);
	cursor: pointer;
	font-size: 1.4vw;
}
.large_button:hover {
	background-color: hsla(226,84%,74%,1.00);	
}
.small_button {
/*	display: inline-block;*/
	padding-left: 1vw;
	padding-right: 1vw;
	margin-left: 0.2vw;
	margin-right: 0.1vw;
	margin-top:0px;
	margin-bottom:0px;
	font-weight: bold;
	background-color: hsla(234,93%,43%,1.00);
	border-radius: 1vw;
	border: thin solid hsla(223,94%,25%,1.00);
	color: hsla(0,0%,100%,1.00);
	cursor: pointer;
	font-size: 1.1vw;

}
.buy_button {
	display: inline-block;
	padding: 0.5vw;
	margin-right: 0.1vw;
	margin-top: 0px;
	margin-bottom: 0px;
	font-weight: bold;
	background-color: hsla(0,0%,85%,1.00);
	border-radius: 1vw;
	border: thin solid hsla(0,0%,65%,1.00);
	color: black;
	cursor: pointer;
	font-size: 1.1vw;	
	line-height:100%;
	vertical-align:middle;
}
.buy_button_large {
	display: inline-block;
	padding: 0.5vw;
	margin-right: 0.1vw;
	margin-top: 0px;
	margin-bottom: 0px;
	font-weight: bold;
	background-color: hsla(359,77%,48%,1.00);
	border-radius: 1vw;
	border: thin solid hsla(0,0%,65%,1.00);
	color: black;
	cursor: pointer;
	font-size: 1.1vw;
	line-height: 100%;
	vertical-align: middle;
}
.buy_button:hover, .buy_button_large:hover {
	border: thin solid hsla(223,94%,25%,1.00);
}
.small_button:hover {
	background-color: hsla(226,84%,74%,1.00);	
}
.close_button {
	position:absolute;
	right: -1.5vw;
	top: -1.5vw;
	width: 3vw;
	height: 3vw;
	cursor: pointer;
}
.close_image {
	width: 3vw;
	height:3vw;
}
#buy_reminder_window {
	position:absolute;
	border-radius: 1vw;
	top: 0.5vw;
	left: 27vw;
	width: 38vw;
	padding: 0.2vw;
	text-align:center;
	color: red;
	border: medium solid hsla(223,94%,25%,1.00);
}
#buy_reminder_text {
	float:left;
	width:70%;
	font-size: 0.8vw;
}
#buy_reminder_button_box {
	float:left;
	width: 30%;
	margin-top: auto;
	margin-right: auto;
	vertical-align: middle;
}
#config_form {
	background-color: hsla(0,0%,100%,1.00);
	border-spacing: 1vw 2vw;
	display:table;
}
.field_label {
	display: table-cell;
	width: 11vw;
	max-width: 11vw;
	text-align: right;
	padding-right: 0.2vw;
	vertical-align:middle;
}
.field_input {
	display: table-cell;
	width: 24vw;
	vertical-align: middle;
	text-align: left;
	
}
.field_help {
	display:table-cell;
	vertical-align:middle;
	font-size:1.0vw;
}
#config_form input {
	vertical-align: middle;
	width:100%;
}
#status_bar {
	position:absolute;
	display: table;
	bottom:0px;
	right:5vw;
	vertical-align: bottom;
	border-spacing: 0.8vw 0vw;
}
.form_box {
	position: absolute;
/*	padding-left: 1vw;
	padding-right: 1vw;
	padding-top: 1vw;
	padding-bottom: 1vh;*/
	width: 60%;
	height: auto;
	left: 50%;
	top: 10vw;
	margin-left: -30%;
	margin-right:auto;
	border-radius: 1vw;
	/*background-color: #FFFFFF;*/
	border: medium solid hsla(223,94%,25%,1.00);
	background-color: hsla(226,84%,74%,1.00);
}
.form_table {
	position: relative;
	display: table;
	margin-left: auto;
	margin-right: auto;
	/*margin-top: 5%;*/
	border-spacing: 0.2vw 1vw;
	/*background-color: hsla(226,84%,74%,1.00);*/
	padding-left: 1vw;
	padding-right: 1vw;
}
.icon_span {
	display: table-cell;
	width: 2vw;
	height: 2vw;
}
.icon {
	width: 1.4vw;
	height: 1.4vw;
}
#keyword_form {
	border-radius: 1vw;
	background-color: hsla(226,84%,74%,1.00);
}
#login_form_box {
	/*width: 58vw;	*/
}
#register_form_box {
	/*width: 59vw;	*/
}
#contact_form_box {
	/*width: 59vw;	*/
}
#results_table {
	position: relative;
	display: table;
	margin-top: 2%;
	padding-bottom: 2vw;
	padding-left: 0.5vw;
	padding-right: 0.5vw;
	border-spacing: 2vw 1vw;
	border-radius: 1vw;
	/*border: thin solid #B7B7B7;*/
	width: 92%;
	background-color: hsla(226,84%,74%,1.00);
	font-size: 1.2vw;
}
.available_cell {
	display: table-cell;
	width: 34%;
	vertical-align: top;
}
.registered_cell {
	display: table-cell;
	width: 34%;
	vertical-align: top;
}
.taken_cell {
	display: table-cell;
	width: 23%;
	max-width: 23%;
	vertical-align: top;
	text-align: center;
	padding: auto;
}
.taken_item {
	padding: 0.5vw;
	color: black;
	background-color: #FFFFFF;
	border-radius: 1vw;
	margin-bottom: 0.5vw;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
.taken_item red {
	color: hsla(0,0%,50%,1.00);
	font-size: 1.2vw;
}
.available_item {
	color: hsla(223,94%,25%,1.00);
	background-color: #FFFFFF;
	border-radius: 1vw;
	margin-bottom: 0.5vw;
	padding: 0.2vw;
	margin-left: auto;
	margin-right: auto;
	hyphens: manual;
	-webkit-hyphens: manual;
  	-moz-hyphens: manual;
  	-ms-hyphens: manual;
}
.available_item a {
	font-size: 1.2vw;
	margin-left: 1vw;
}
.registered_item {
	color: hsla(0,0%,19%,1.00);
	background-color: #FFFFFF;
	border-radius: 1vw;
	margin-bottom: 0.5vw;
	padding: 0.2vw;
	margin-left: auto;
	margin-right: auto;

}
.registered_item date {
	color: hsla(0,0%,50%,1.00);
	font-size: 1.2vw;
}
input {
	border-radius: 1vw;
	padding-left:1vw;
	font-size:1.2vw;
	border: none;
	height:90%;
}
textarea {
	border-radius: 1vw;
	border: none;
	padding-left:1vw;
	font-size:1.2vw;
	width: 70%;
	height: 60%;
	margin-top: 0.3vw;
}
.keyword_cell {
	display: table-cell inline;
	/*	width: 6vw;*/
	max-width: 6vw;
	height: 1.8vw;
	padding-right: 0.5vw;
	padding-left: 1vw;
}
.keyword_input_cell {
	display: table-cell inline;
	width: 20vw;
	height:1.8vw;
/*	text-align: right;*/
	padding-right: 0.5vw;
	padding-left: 0.5vw;
}
.keyword_input {
	width: 18vw;
	height: 100%;
	/*font-size: large;*/
}
.input_label {
	display: table-cell;
/*	width: 14vw;*/
	height:1.6vw;
	text-align: right;
	padding-right: 1vw;
	padding-left: 0.2vw;
	font-size: 1.2vw;
	font-weight: bold;
}
.input_span {
	display: table-cell;
	width: 46vw;
	height: 2.6vw;
}
.input_span_input {
	width: 96%;
	height: 90%;
	/*font-size: large;*/
}

.url_frame {
/*	width: 16vw;
	height: 10vw;*/
	border: none;
}
#progress_table {
	position: relative;
	display: inline-block;
	width: 64%;
/*	display: table;*/
	margin-left: auto;
	margin-right: auto;
	margin-top: 2%;
	border-radius: 1vw;
	background-color: hsla(226,84%,74%,1.00);
}
#progress_table span {
	height: 1.6vw;
	vertical-align: middle;
}
#spinner {
	/*display: table-cell;*/
	float: left;
	width: 2.6%;
	max-width: 2.6%;
	padding-left: 0.8vw;
	padding-right: 0.8vw;
	background-image: url(media/spinner.gif);
	background-size: contain;
	background-repeat: no-repeat;
	background-origin: padding-box;
	background-position: 0.8vw 0%;	
}
#spinner_text {
	/*display: table-cell;*/
	float: left;
	width: 26%;
	max-width: 26%;
	font-size: 1.6vw;
	line-height:1.6vw;
}
#progress_bar_span {
/*	display: table-cell;*/
	float: left;
	width: 56%;
	min-width:56%;
	vertical-align: middle;
/*	border: thin solid hsla(359,100%,50%,1.00);*/
}
#progress_bar_div {
	/*display: ;*/
	width: 56%;
	min-width: 56%;
	height: 1.6vw;
		/*border-width: thin solid hsla(226,84%,74%,1.00);*/
	border-radius: 1vw;

}
#progress_bar {
	background-color: hsla(226,84%,74%,1.00);
	/*	background-color: hsla(234,93%,43%,1.00);*/
	height: 100%;
	border-radius: 1vw;
	width: 10px;
	text-align: left;
	vertical-align: middle;
	font-size: 1.6vw;
	padding-left: 1vw;
	overflow-x: visible;
	white-space: nowrap;
	color: hsla(0,0%,100%,1.00);
/*	border: thin solid hsla(241,100%,44%,1.00);*/
}
#check_cancel_span {
	padding:0px;
	float: left;
	vertical-align: middle;
}
#cancel_button {
	margin:0px;
	height:90%;
}
#pp_box {
	width: 20vw;
	margin-top: 2vw;
	text-align: center; 
}
/* dialogue box */
#message_window {
	display: none;
}
#confirm_window {
	
}
.message_window {
	position: absolute;
	top: 20%;
	left: 50vw;
	margin-left: -30%;
	border: 4px inset #8C0214;
	background-color: #FFFFFF;
	width: 60vw;
	padding: 1vw;
	border-radius: 1vw;
	border: medium solid hsla(223,94%,25%,1.00);
}
.message_header {
	padding-left: 2px;
	padding-right: 2px;
	text-align: center;
	font-weight: bold;
	font-size: 2vw;
}
.alert_message {
	margin-top: 2vw;
	margin-bottom: 3vw;
	margin-left: auto;
	margin-right: auto;
	width: 54vw;
	max-width: 54vw;
	font-size: 2vw;
	text-align: center;
}
.message_toolbar {
	display: table;
	float: right;
}
.toolItem {
	display: table-cell;
	padding-left: 2px;
	padding-right: 2px;
	cursor: pointer;
	font-size: 1.6vw;
}
.toolIcon {
	cursor: pointer;
	width: 16px;
	height: 12px;
}