﻿body, html {
	background-color: #456;
	margin: 0;
	padding: 0;
/*	margin-bottom: 50px;*/
}
/* the login page */
.loginBox {
	max-width: 500px;
	padding: 15px;
	background-color: #fff;
	margin: auto;
	margin-top: 20px;
	border-radius: 5px;
}


.adminBox {
/*	max-width: 900px;*/
	padding: 15px;
	background-color: #fff;
	margin: auto;
	margin-top: 20px;

}

@media (min-width: 768px) {
	.adminBox{
		border-radius: 5px;
}
}

.setform{
	padding: 10px;
	font-size: 1.3em;
}

.setform button {
	background: none;
	border: 1px solid #001925;
	border-radius: 3px;
	color: #001925;
	min-width: 128px;
	padding: 0.62em;
	transition: background 0.20s linear 0s;
	-o-transition: background 0.20s linear 0s;
	-ms-transition: background 0.20s linear 0s;
	-moz-transition: background 0.20s linear 0s;
	-webkit-transition: background 0.20s linear 0s;
}
.setform button:hover {
	border: 1px solid #92c500;
	background: none repeat scroll 0 0 #f9f9f9;
}

.setform input,.setform select, .setform textarea  {
	background: none repeat scroll 0 0 #f9f9f9;
	border: 1px solid #E0E0E0;
	padding: 0.625em;

	-webkit-border-radius: 5px;
	margin-bottom: 0.55em;
	transition: background 0.20s linear 0s;
	-o-transition: background 0.20s linear 0s;
	-ms-transition: background 0.20s linear 0s;
	-moz-transition: background 0.20s linear 0s;
	-webkit-transition: background 0.20s linear 0s;
	font-size: 0.8em;
}
.setform input:hover, .setform select:hover, .setform textarea:hover {
	background: none repeat scroll 0 0 #fcfcfc;
	border: 1px solid #E0E0E0;
}
.setform textarea{
	width: 100%;
}
.setform label{
	margin-top: 10px;
}

.customform input {
	background: none repeat scroll 0 0 #f9f9f9;
	border: 1px solid #E0E0E0;
	padding: 0.625em;
	width: 100%;
	-webkit-border-radius: 5px;
	margin-bottom: 0.55em;
	transition: background 0.20s linear 0s;
	-o-transition: background 0.20s linear 0s;
	-ms-transition: background 0.20s linear 0s;
	-moz-transition: background 0.20s linear 0s;
	-webkit-transition: background 0.20s linear 0s;
}
.customform input:hover {
	background: none repeat scroll 0 0 #fcfcfc;
	border: 1px solid #E0E0E0;
}
.customform button {
	background: none;
	border: 1px solid #001925;
	border-radius: 3px;
	color: #001925;
	min-width: 128px;
	padding: 0.62em;
	transition: background 0.20s linear 0s;
	-o-transition: background 0.20s linear 0s;
	-ms-transition: background 0.20s linear 0s;
	-moz-transition: background 0.20s linear 0s;
	-webkit-transition: background 0.20s linear 0s;
}
.customform button:hover {
	border: 1px solid #92c500;
	background: none repeat scroll 0 0 #f9f9f9;
}

.error-msg-box{
	padding: 0.5em;
}

.errorMSG-big{
	font-size: 2em;
	color: #944;
}

.errorMSG{
	font-size: 1.3em;
	color: #944;
}

.msg-box{
	padding: 0.5em;
}

.msg-big{
	font-size: 2em;
	color: #449;
}

.msg{
	font-size: 1.3em;
	color: #449;
}


/* end the login page */
/* the admin page */
.container-gwave {
	padding: 0;
}
.header {
	padding: 15px;
	text-align: left;
	background-color: #fff;
	z-index: 1000;
}
.header .h-big {
	font-weight: bold;
	font-size: 2.2em;
	line-height: 1;
}
.header .h-sml {
	line-height: 1;
}

.footer{
	background-color: #122;
	padding: 10px;
	font-size: 1em;
	position: fixed;
	bottom: 0px;
	left: 0;
	right: 0;
}
.footer .cpy{
	font-size: 1.5em;
	color: #fff;
}
.footer .crd{
	font-size: 1.2em;
	color: #ddd;
	margin-top: 5px;
	padding-top: 5px;
	padding-right: 10px;
}

.logout{
	text-align: right;
	font-size: 1.6em;
	padding-right: 15px;
}
.logout a{

}

.headline{
	font-size: 1.6em;
	border-bottom: 3px #789 solid;
	padding-left: 10px;
}

.grp{
	padding: 10px;
	margin: 5px;
	border: 1px #ccc solid;
	border-radius: 8px;
}

.ctext{
	display: inline-block;
	padding: 3px;
	padding-left: 10px;
	padding-right: 10px;
	border: 1px #ccc solid;
	margin: 5px;
	min-width: 105px;
	text-align:center;
	border-radius: 4px;
	background-color: #eee;
	transition: background 0.20s linear 0s;
	-o-transition: background 0.20s linear 0s;
	-ms-transition: background 0.20s linear 0s;
	-moz-transition: background 0.20s linear 0s;
	-webkit-transition: background 0.20s linear 0s;
	cursor:pointer;

}
.ctext:hover{
	background-color: #ddd;
}
/* end the admin page */

