@charset "UTF-8";

body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:large;
	margin:0px;
	padding:4vw;
	padding-top:4vw;
	background-color:#CCCCCC;
	min-width:100px;
}

hr{
	border:1px solid #000000;
}
a{
	color:#000000;
}
.btn{
	padding-top:4px;
	padding-bottom:0px;
	padding-left:8px;
	padding-right:8px;
	color:#000000;
}
.btn:hover{
	padding-top:4px;
	padding-bottom:0px;
	padding-left:8px;
	padding-right:8px;
	color:#445466;
}
.btnsel{
	padding-top:4px;
	padding-bottom:0px;
	padding-left:8px;
	padding-right:8px;
	color:#445466;
}



input[type="text"].xinput{
	padding:6px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:large;
	width:100%;
	background:transparent;
	color:#000000;
	border:none;
	border-bottom:1px solid #000000;
}
input[type="email"].xinput{
	padding:6px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:large;
	width:100%;
	background:transparent;
	color:#000000;
	border:none;
	border-bottom:1px solid #000000;
}
input[type="password"].xinput{
	padding:6px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:large;
	width:100%;
	background:transparent;
	color:#000000;
	border:none;
	border-bottom:1px solid #000000;
}
input[type="submit"].xinput{
	font-family:Arial, Helvetica, sans-serif;
	font-size:large;
	width:100%;
	border:1px solid #000000;
	padding:10px;

	color:#000000;
	background: rgba(255,255,255,1);
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(141,167,196,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(141,167,196,1)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(141,167,196,1) 100%);
	background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(141,167,196,1) 100%);
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(141,167,196,1) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(141,167,196,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#8da7c4', GradientType=0 );
}
input[type="submit"].xinput:hover{
	cursor:pointer;

	color:#000000;
	background: rgba(255,255,255,1);
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(97,118,142,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(97,118,142,1)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(97,118,142,1) 100%);
	background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(97,118,142,1) 100%);
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(97,118,142,1) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(97,118,142,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#61768e', GradientType=0 );
}
input[type="button"].xinput{
	font-family:Arial, Helvetica, sans-serif;
	font-size:large;
	width:100%;
	border:1px solid #000000;
	padding:10px;

	color:#000000;
	background: rgba(255,255,255,1);
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(141,167,196,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(141,167,196,1)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(141,167,196,1) 100%);
	background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(141,167,196,1) 100%);
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(141,167,196,1) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(141,167,196,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#8da7c4', GradientType=0 );
}
input[type="button"].btnselected{
	color:#000000;
	background: rgba(80,255,80,1);
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(141,255,196,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(141,255,196,1)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(141,255,196,1) 100%);
	background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(141,255,196,1) 100%);
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(141,255,196,1) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(141,255,196,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#8da7c4', GradientType=0 );
}
.xinput{
	width:100%;
	background:transparent;
	color:#000000;
	border:1px solid #000000;
	padding-top:5px;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}


.divbtna{
	text-decoration:none;
}

.divbtn{
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-family:Arial, Helvetica, sans-serif;
	font-size:large;
	width:100%;
	border:1px solid #000000;
	padding:10px;

	color:#000000;
	background: rgba(255,255,255,1);
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(141,167,196,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(141,167,196,1)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(141,167,196,1) 100%);
	background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(141,167,196,1) 100%);
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(141,167,196,1) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(141,167,196,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#8da7c4', GradientType=0 );
}

.divbtn:hover{
	cursor:pointer;

	color:#000000;
	background: rgba(255,255,255,1);
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(97,118,142,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(97,118,142,1)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(97,118,142,1) 100%);
	background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(97,118,142,1) 100%);
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(97,118,142,1) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(97,118,142,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#61768e', GradientType=0 );
}

.divbtndyn{
	display:inline-block;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-family:Arial, Helvetica, sans-serif;
	font-size:large;
	border:1px solid #000000;
	padding:10px;

	color:#000000;
	background: rgba(255,255,255,1);
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(141,167,196,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(141,167,196,1)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(141,167,196,1) 100%);
	background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(141,167,196,1) 100%);
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(141,167,196,1) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(141,167,196,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#8da7c4', GradientType=0 );
}

.divbtndyn:hover{
	cursor:pointer;

	color:#000000;
	background: rgba(255,255,255,1);
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(97,118,142,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(97,118,142,1)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(97,118,142,1) 100%);
	background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(97,118,142,1) 100%);
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(97,118,142,1) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(97,118,142,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#61768e', GradientType=0 );
}



.mainbox{
	position:relative;
	max-width:1000px;
	text-align:left;
	background-color:#FFFFFF;
}

.mainboxborder{
	padding:2vw;
	box-shadow: 10px 10px 40px #888888;
}

.mainboxcontainer{
	padding:8vw;
	padding-top:2vw;
	padding-bottom:10px;
	border:1px solid #000000;
}




.iconbtn{
	display:inline-block;
	width:32px;
	height:32px;
	padding:0px;
	margin:0px;
	border:0px;
}

.ico_logout			{background-image:url('syspic/r/logout.png');}
.ico_logout:hover	{background-image:url('syspic/s/logout.png');}
.ico_list			{background-image:url('syspic/r/list.png');}
.ico_list:hover		{background-image:url('syspic/s/list.png');}
.ico_edit			{background-image:url('syspic/r/edit.png');}
.ico_edit:hover		{background-image:url('syspic/s/edit.png');}