body{ font-size:16px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; letter-spacing:0.03em !important;}
.menuWrapper span.mobButton{
	display:none;
}
a, button{
	 transition: all 0.3s ease-in-out 0.0s;
    -moz-transition: all 0.3s ease-in-out 0.0s;
    -ms-transition: all 0.3s ease-in-out 0.0s;
    -o-transition: all 0.3s ease-in-out 0.0s;
    -webkit-transition: all 0.3s ease-in-out 0.0s;
}
.overlay {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0,0,0, 0.0);
	z-index: -1;
	 transition: background 0.3s ease-in-out 0.0s;
    -moz-transition: background 0.3s ease-in-out 0.0s;
    -ms-transition: background 0.3s ease-in-out 0.0s;
    -o-transition: background 0.3s ease-in-out 0.0s;
    -webkit-transition: background 0.3s ease-in-out 0.0s;
}
.numRecords span{
	display:inline-block;
	width:25px;
	height:25px;
	line-height:25px;
	text-align:center;
	background:#eee;
	vertical-align:middle;
}
.numRecords strong{
	display:inline-block;
	vertical-align:middle;
}
ul{list-style:none; display:block;}
ul li{ margin-bottom:10px;}
ul li span{ display:inline-block; vertical-align:middle;}
ul label{ display:inline-block; width:100px;vertical-align:middle;}
.en > span {
    background: #eee none repeat scroll 0 0;
    display: inline-block;
    height: 26px;
    line-height: 26px;
    min-width: 350px;
    padding: 0 20px;
}
ul li.en span b{ display:none;}
button{ cursor:pointer; cursor:hand; border:none; background:none; padding: 5px 25px; font-size:18px; margin:10px 20px;}
button.show{ background:#9C6; color:#fff; margin-left:140px;}
button.show:hover{ background:#9C0}
button.refresh{ background:#ccc; color:#fff;}
button.update{ background: #F93; color:#fff;}
button{ cursor:pointer; cursor:hand; border:none; background:none; padding: 5px 25px; font-size:18px; margin:10px 20px;}
button.insert{ background:#9C6; color:#fff; margin-left:0px; border:none;}
button.insert:hover{ background:#9C0}
ul.menu{
	list-style:none;
	padding:0;
	margin-left:0px;
	text-align:center;
	background:#eee;
	display:block;
}
ul.menu li{
	display:inline-block;
	margin:5px 5px;
}
ul.menu li a{
	text-transform:uppercase;
	list-style:none;
	text-decoration:none;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#69C;
	padding:5px 15px;
}
ul.menu li a:hover{color:#000;}
ul.menu li.active a{color:#fff; background:#69C}
.content{
	width:660px;
	margin:100px auto 0;
	border:dotted 1px #66CCFF;
	padding:30px;
}
.test-input-sr{
	border: 1px dotted #ccc; 
	line-height: 23px; 
	width: 366px; 
	padding-left:20px; 
	font-family:Trebuchet MS; 
	font-size:15px; 
	letter-spacing:0.02em;
}


.loginFormWrapper{
		margin: 150px auto 0;
		width:310px;
}	
.loginFormWrapper input{
	display:block;
	width:290px;
	margin-bottom:10px;
	line-height:36px;
	padding:0 5px;
	font-size:15px;		
}
.loginFormWrapper form{ margin-bottom:50px; margin-top:30px;}
.loginFormWrapper button{ cursor:pointer; cursor:hand; border:none; background:none; padding: 5px 25px; font-size:18px; margin:10px 20px;}
.loginFormWrapper button.show{ background:#9C6; color:#fff; margin-left:0px; margin: 0 auto;display: block;}
.loginFormWrapper button.show:hover{ background:#9C0}
.error{ font-size:14px;}
.error em{ display:block; margin-top:5px; padding:3px 8px; background:#C30; color:#fff;}
.numRecords span{
	display:inline-block;
	width:25px;
	height:25px;
	line-height:25px;
	text-align:center;
	background:#eee;
	vertical-align:middle;
}
.numRecords strong{
	display:inline-block;
	vertical-align:middle;
}
.insert-en,
.insert-sr{
	width:550px; 
	display:block; 
	margin-bottom:15px; 
	padding:7px 10px;
}

table{ width:715px; font-size:13px;}
table td{ border-bottom:solid 1px #eee;}
table td a{ color:#090; font-size:12px; display:inline-block; padding:3px 8px;}
table tr:hover{ background:#9C6; color:#fff;}
table tr:hover a{ color:#333; background:#fff; text-decoration:none;  }
table td.no-border{ border-bottom:none;}
.searchForm{
	padding: 30px 50px 50px;
	max-width: 550px;
	margin: 0 auto;
}
.searchForm button.show{
	margin: 0 auto;
	width: 150px;
	display: block;
}
.searchResalts{
	padding: 0px 20px 50px;
	max-width: 768px;
	margin: 0 auto;
	box-sizing: border-box;
}

@media only screen and (max-width: 767px) {
  .content {
    width: calc(100% - 20px);
    margin: 50px auto 0;
    border: dotted 1px #66CCFF;
    padding: 10px;
	}
	table {
		width: 100%;
		font-size: 13px;
	}
}
@media only screen and (max-width: 567px) {
	.content {
		margin: 30px auto 0;
	}

  .menuWrapper span.mobButton{
		display: block;
		cursor: pointer;
		cursor: hand;
		width: 200px;
		background: #eee;
		padding: 6px;
		text-align: center;
		margin: 0 auto;
		color: #2469a4;
		border-bottom: solid 2px #2469a4;
	}
	.menuWrapper{position:relative;}
ul.menu {
    margin: 0;
	position:absolute;
	border-top: solid 2px #2469a4;
	top: 31px;
	display:none;
}
ul.menu.active{
	display:block;
	background: #fff;
	 transition: background 0.3s ease-in-out 0.0s;
    -moz-transition: background 0.3s ease-in-out 0.0s;
    -ms-transition: background 0.3s ease-in-out 0.0s;
    -o-transition: background 0.3s ease-in-out 0.0s;
    -webkit-transition: background 0.3s ease-in-out 0.0s;
}
ul.menu li {
	width: calc(100% - 10px);
	float: left;
	box-sizing: border-box;
}
ul.menu li a {

    text-transform: uppercase;
    list-style: none;
    text-decoration: none;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #69C;
    padding: 5px 15px;
    display: block;
    border-bottom: dotted 1px #ccc;

}

.overlay.active {
    background: rgba(0,0,0, 0.8);
	z-index: 0;
	 transition: background 0.3s ease-in-out 0.0s;
    -moz-transition: background 0.3s ease-in-out 0.0s;
    -ms-transition: background 0.3s ease-in-out 0.0s;
    -o-transition: background 0.3s ease-in-out 0.0s;
    -webkit-transition: background 0.3s ease-in-out 0.0s;
}

  .content ul{
		padding: 0 10px;	
  }
  .content ul li.en{
	  margin-top:25px;
  }
  ul label {
	  font-size:12px;
	  color: #999;
  }
	.en > span	{
        min-width: calc(100% - 45px);
		padding: 7px 20px;

	}
	.test-input-sr	{
        width: calc(100% - 47px);
		padding: 7px 20px;
	}
	.buttonSection{
		width:230px;
		margin: 0 auto;
	}
	.buttonSection button{
		clear:both;
		min-width:230px;
		margin-left: 0 !important;
	}
	button.show{ margin-left:20px;}
	ul label {
		display: inline-block;
		width: 100%;
		vertical-align: middle;
		text-align: center;
	}
	ul li.sr span{width:100%; text-align:center;}
	.loginFormWrapper{
		margin: 50px auto 0;
		width:310px;
	}	
	.insert-en,
	.insert-sr{
		width:100%; 
		display:block; 
		margin-bottom:15px; 
		padding:7px 10px;
		box-sizing: border-box;
	}
	button.insert {
		background: #9C6;
		color: #fff;
		border: none;
		margin: 0 auto;
		width: 150px;
		float: none;
		display: block;
	}
	.searchForm{padding:20px 20px 50px;}
}