* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

.csslabel
{
	font-size: 13px;
	border: 1px solid #ABADB3;
	padding-left: 10px;
}

.layoutboxform{	
	display: inline-block;
	vertical-align:top;	
	line-height: 150%;
	background-color: #F0F0F0;	
	border: solid 2px #888888;
	padding: 10px;
	margin: 5px;
	border-radius: 14px;
	-webkit-border-radius: 14px;
	-moz-border-radius: 14px;
}
.layoutboxform h3{
	font-size: 18px;
	margin-top: 5px;
	padding-left: 10px;
}
.layoutboxform p{
	font-size: 14px;
	margin:0px;
	margin-top: 5px;
	padding-left: 10px;
}
.layoutboxform .sublayoutbox{
	padding-left: 10px;
	padding-right: 10px;
}
.layoutboxform .sublayoutbox a{
	font-size: 14px;
	font-weight: bold;
	color: #D46D19;
	padding-right: 10px;
}
.msgboxform{
	color: black;
	background-color: #FFFFE0;
	border: solid 2px #FFD21F;
	padding: 10px;
	margin: 5px;
	border-radius: 14px;
	-webkit-border-radius: 14px;
	-moz-border-radius: 14px;
}
input:required:invalid, input:focus:invalid {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAeVJREFUeNqkU01oE1EQ/mazSTdRmqSxLVSJVKU9RYoHD8WfHr16kh5EFA8eSy6hXrwUPBSKZ6E9V1CU4tGf0DZWDEQrGkhprRDbCvlpavan3ezu+LLSUnADLZnHwHvzmJlvvpkhZkY7IqFNaTuAfPhhP/8Uo87SGSaDsP27hgYM/lUpy6lHdqsAtM+BPfvqKp3ufYKwcgmWCug6oKmrrG3PoaqngWjdd/922hOBs5C/jJA6x7AiUt8VYVUAVQXXShfIqCYRMZO8/N1N+B8H1sOUwivpSUSVCJ2MAjtVwBAIdv+AQkHQqbOgc+fBvorjyQENDcch16/BtkQdAlC4E6jrYHGgGU18Io3gmhzJuwub6/fQJYNi/YBpCifhbDaAPXFvCBVxXbvfbNGFeN8DkjogWAd8DljV3KRutcEAeHMN/HXZ4p9bhncJHCyhNx52R0Kv/XNuQvYBnM+CP7xddXL5KaJw0TMAF8qjnMvegeK/SLHubhpKDKIrJDlvXoMX3y9xcSMZyBQ+tpyk5hzsa2Ns7LGdfWdbL6fZvHn92d7dgROH/730YBLtiZmEdGPkFnhX4kxmjVe2xgPfCtrRd6GHRtEh9zsL8xVe+pwSzj+OtwvletZZ/wLeKD71L+ZeHHWZ/gowABkp7AwwnEjFAAAAAElFTkSuQmCC');
    background-position: right top;
    background-repeat: no-repeat;
	border:1px solid #ABADB3;
}
input:required:valid {
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAepJREFUeNrEk79PFEEUx9/uDDd7v/AAQQnEQokmJCRGwc7/QeM/YGVxsZJQYI/EhCChICYmUJigNBSGzobQaI5SaYRw6imne0d2D/bYmZ3dGd+YQKEHYiyc5GUyb3Y+77vfeWNpreFfhvXfAWAAJtbKi7dff1rWK9vPHx3mThP2Iaipk5EzTg8Qmru38H7izmkFHAF4WH1R52654PR0Oamzj2dKxYt/Bbg1OPZuY3d9aU82VGem/5LtnJscLxWzfzRxaWNqWJP0XUadIbSzu5DuvUJpzq7sfYBKsP1GJeLB+PWpt8cCXm4+2+zLXx4guKiLXWA2Nc5ChOuacMEPv20FkT+dIawyenVi5VcAbcigWzXLeNiDRCdwId0LFm5IUMBIBgrp8wOEsFlfeCGm23/zoBZWn9a4C314A1nCoM1OAVccuGyCkPs/P+pIdVIOkG9pIh6YlyqCrwhRKD3GygK9PUBImIQQxRi4b2O+JcCLg8+e8NZiLVEygwCrWpYF0jQJziYU/ho2TUuCPTn8hHcQNuZy1/94sAMOzQHDeqaij7Cd8Dt8CatGhX3iWxgtFW/m29pnUjR7TSQcRCIAVW1FSr6KAVYdi+5Pj8yunviYHq7f72po3Y9dbi7CxzDO1+duzCXH9cEPAQYAhJELY/AqBtwAAAAASUVORK5CYII=');
background-position: right top;
background-repeat: no-repeat;
border:1px solid #ABADB3;
}

footer {
	font-size: 10px;
	color: #808080;
	text-align: center;
}
footer a:link{
	color: #808080;
}

.visitor{
	border:solid 1px #CDBA52; 
	color: Black; 
	font-weight:bold;
	background-color:#CDBA52; 
	position:relative; 
	top:-7px; 
	margin-right:3px; 
	padding:3px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}

.tblData
{
	width:100%;
	margin:0px;padding:0px;
	border:1px solid #5A8078;
}
.tblData tr th { 	background-color:#74A69B; }
.tblData tr td { padding-left:10px; padding-right:10px; }
.tblData tr:nth-child(odd)	  { background-color:#E7E7D9; }
.tblData tr:nth-child(even)    { background-color:#D6E4D6; }

.tblData2
{
	width:100%;
	margin:0px;
	padding:0px;
	border:none ;
	font-size:13px;
	
}
.tblData2 tr th {
	background-color: #B2DB38;
	padding: 10px;
	color: #FFF;
	text-shadow: rgb(125, 165, 109) 1px 1px;
	font-weight: 700;
	-moz-background-inline-policy: bounding-box;
	text-align: left;
	
}
.tblData2 tr th > a:link { text-decoration: none; color: black; }
.tblData2 tr th > a:visited { text-decoration: none; color: black; }
.tblData2 tr td { padding-left:10px; padding-right:10px;  }
/* text-align:right; */

.tblData3
{
	width:100%;
	margin:0px;padding:0px;
	border:1px solid #5A8078;
	font-size:13px;
}
.tblData3 tr th { 	background-color:#74A69B; }
.tblData3 tr td { padding-left:10px; padding-right:10px; }
.tblData3 tr:nth-child(odd)	  { background-color:#E7E7D9; }
.tblData3 tr:nth-child(even)    { background-color:#D6E4D6; }

.tblData3_hover tr:hover { background-color:Yellow; }

.tblDataChk
{
	width:100%;
	margin:0px;padding:0px;
	border:1px solid #5A8078;
}
.tblDataChk tr th { 	background-color:#74A69B; }
.tblDataChk tr td { padding-left:10px; padding-right:10px; }
.tblDataChk tr:nth-child(odd)	  { background-color:#E7E7D9; }
.tblDataChk tr:nth-child(even)    { background-color:#D6E4D6; }
.tblDataChk tr:hover { background-color:#FFFFFF;}

.popupBox 
{
    visibility:hidden;
    position:absolute;
    background:#F7F7F7;
    border:2px solid #3c3c3c;
    color:black;
    z-index:100;
	min-width: 300px;
	max-width: 750px;
    width: 60%;
    height:auto;
    padding:10px;
}
.popupBox  a{
	font-size: 18px;
	font-weight: bold;
	color: #D46D19;
	padding-right: 10px;
}
.exitStyle{
	font-size: 18px;
	float: right;
	color: #77C043;
}
.exitStyle:hover{
	color: #3EA70A;
}
.popupBoxDimmer{
    background: #000;
    position: absolute;
    opacity: .5;
    top: 0;
    z-index:99;
}
.basicBox{
	padding: 5px;
	border: 2px solid black;
}
@media screen and (max-width: 600px){
	.popupBox p
	{
		font-size: 10px;
	}
	.basicBox p{		
		font-size: 10px;
		margin: 0px;
	}
}
@media screen and (min-width: 601px){
	.popupBox p
	{
		font-size: 14px;
	}
	.basicBox p{		
		font-size: 14px;
		margin: 0px;
	}
}