html { 
  background: url(/images/back.png) no-repeat center center fixed; 
  -webkit-background-size:cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
	overflow-y: scroll;

}
body {
	font-family: Verdana;
	font-size: 12pt;
	padding: 0;
	margin: 0;
}

#menu {
	border:1px solid #ccc;
	box-shadow: 4px 4px 5px 0px rgba(50,50,50,0.5);
	overflow: hidden;
    position: fixed;
    top: 0;
	width: 90%;
	max-width: 1200px;
	margin:  auto;
	height:44px;
	z-index: 1000;
}
#menu ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #333;
}

#menu li {
    float: left;
}

#menu li a {
    display: inline-block;
    color: white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}

#menu li a:hover {
    background-color: #111;
}



#searchbox {
	
	padding:10px;
	border:1px solid #ccc;
	box-shadow: 4px 4px 5px 0px rgba(50,50,50,0.5);
	
}
#searchbox h2 {
	font-weight: bold;
	font-size: large;
	margin-bottom: 10px;
}
#searchbox label {
	width: 100px;
	display: inline-block;
}
#searchbox input[type='text'], select {
	width: 250px;
}

#tweets
{
	border:1px solid #ccc;
	box-shadow: 4px 4px 5px 0px rgba(50,50,50,0.5);
}

a.btf i { margin-right:10px;}
div.logdata table a.btf{
	color:#222;
	text-decoration: none;
	display:inline-block;
	min-width: 115px;
	font-weight: normal;
}

h1{
	font-size: 18pt;
	font-weight:  bold;
	margin: 10px 0;
}
#container {
	width: 90%;
	max-width: 1200px;
	margin:  auto;
	padding: 20px;
	padding-top: 70px;
}
div.logdata  {
	border:  1px solid #ccc;
	
}
div.logdata table {
	width: 100%;
	
}
div.logdata table tr th{
	font-weight: bold;
	text-align: left;
	background-color: #fff;
	text-transform: lowercase;
	
}
div.logdata table tr th:firts-child
{
	width: 20%;
}
div.logdata table tr th:nth-child(2)
{
	width: 15%;
}
div.logdata table tr th::first-letter {
    text-transform: uppercase;
}


div.logdata table tr th, div.logdata table tr td {
	line-height: 30px;
	padding-left: 5px;
	border: 1px solid #ccc;
	font-size:14px;
}
div.logdata table tr:nth-child(even) td {
	background-color: #eee;
}
div.logdata table tr:nth-child(odd) td {
	background-color: #fff;
}

.shadow {
    box-shadow: 4px 4px 5px 0px rgba(50,50,50,0.5);
}

.navrecords
{
	margin: 10px;
	text-align: center;
}

.navrecords a, .btn {
    border: solid 1px #c0c0c0;
    background: #e9e9e9;
    box-shadow: inset 0px 1px 0px rgba(255,255,255, .8), 0px 1px 3px rgba(0,0,0, .1);
    color: #717171;
    text-shadow: 0px 1px 0px rgba(255,255,255, 1);
}

.navrecords a, .navrecords b, .btn
{
	display: inline-block;
    padding: 0px 9px;
	margin:  0;
    margin-right: 4px;
    border-radius: 3px;
	font-size: .875em;
    font-weight: bold;
    text-decoration: none;
	line-height: 22px;
	cursor: pointer;
}

.navrecords a:hover, .btn:hover {
    background: #fefefe;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FEFEFE), to(#f0f0f0));
    background: -moz-linear-gradient(0% 0% 270deg,#FEFEFE, #f0f0f0);
}

.navrecords b {
    border: none;
    background: #616161;
    box-shadow: inset 0px 0px 8px rgba(0,0,0, .5), 0px 1px 0px rgba(255,255,255, .8);
    color: #f0f0f0;
    text-shadow: 0px 0px 3px rgba(0,0,0, .5);
}

div.logdata.pivot table tr th
 {
	text-transform: uppercase;
}