body {
	width: 100%;
	color: #555;
	margin: 0 auto;
	font-family: Helvetica, Arial, sans-serif;
	text-align: center;
	background-color:#ddd
}
#loading {
	width: 960px;
	margin: 0 auto;
	text-align: center;
	padding-top: 200px;
}
#container {
	width: 960px;
	margin: 0 auto;
	text-align: left;
	background-color:#FFF;
	position:relative;
	top: 0;
}

#nav {
	background: #434343;
	padding: 10px 20px;
	}
#nav a {
	color:#FFFFFF;
	font-weight:bold;
	margin-right: 20px;
	font-size: 13px;
}

h1 {
	margin: 0;
	font-size: 27px;
	color: #09F;
	margin: 30px 40px 20px 40px;
}

h2 {
	font-size: 18px;
	margin: 25px 0 20px 0;
	color: #212121;
	border-bottom: 1px dotted #09F; 
}
a {text-decoration: none;}
p {font-size: 12px;}

#left {
	float: left;
	width: 91%;
	padding-left: 35px;
}
#right {
	float: right;
	width: 23%;
	text-align: right;
	margin-right:20px;
}

#right div {
	float: right;
}

#footer {
	clear: both;
	width: 100%;
	font-size: 10px;
	padding-top: 70px;
	text-align: center;
	padding-bottom: 5px;
}

#addthis {
	position: absolute;
	right: 30px;
	top: 10px;
	font-size:12px
}
#addthis a {color: #fff;}

.intro { line-height: 2.5ex; font-size: 12px; margin-bottom: 20px;}
.intro strong {font-weight: normal;}
.intro a {color: #464646; border-bottom: 1px dotted #bbb;}
.intro a:hover {color: #E69102;}

form {width: 95%; }
textarea {
	  border: 2px solid orange;
	  padding: 2px;
	  margin-bottom: 12px;
	}
	
#src {color: #222;}

#packed {color: #000;  background-color: #F9F9F9;}


.results {
	white-space: pre;
	max-height: 500px;
	overflow: auto;
	margin: 20px 0; 
	font-size: 12px;
}

.results td.negative {
	color: red;
}
.results table {width: 100%;}
.results td {padding: 4px 10px; border-bottom: 1px solid #ddd;}
.results th {color: #268ae7; background: #f1f1f1; padding: 4px 10px; border-bottom: 1px solid #ddd;}
.results tr.header th {color: black; background: #ddd;}
.results caption {font-weight: bold; color: #268ae7; text-align: left; font-size: 16px; padding-bottom: 5px;}

#result_human2unix, #result_sec2time strong {font-size: 16px; color: #268ae7; padding-bottom: 10px;}

.tooltip {
	font-size: 12px;
	text-align: left;
	width: 200px;
	}
	
a.back:link, a.back:active, a.back:visited {display: block; float: right; color: #f67d11;}
a.back:hover {display: block; float: right;  color: #268ae7; border-bottom: 1px solid #268ae7;}

form.timezone {float: left; width: 250px;}
div.current {float:right; background: #268ae7; color: #fff; padding: 5px 10px; font-weight: bold; }
a#current_state  {
	background:url("/f/img/unixtime_link.png") no-repeat scroll left center transparent;
	color: #f67d11;
	display:block;
	font-size:12px;
	margin-bottom:4px;
	padding-left:34px;
	text-decoration:none;
	font-weight: bold;
}

.table1 {margin-bottom: 30px; width: 100%; }
.table1 caption {color: #268ae7; text-align: left; font-weight: bold; padding-left: 10px; padding-bottom: 5px;}
.table1 th {padding: 3px 10px; font-size: 13px; font-weight: bold; border-bottom: 1px solid #ddd;}
.table1 thead th {background: #ddd; color: #000; border-bottom: 1px solid #999;}
.table1 tbody th {color: #268ae7; background: #f1f1f1;}
.table1 td {font-size: 12px; padding: 3px 10px; border-bottom: 1px solid #ddd;}

span.dir_h2u,
span.dir_u2h {
	color: black;
	font-size: 15px;
	padding-right: 10px;
}

 #clear_hist {
 	margin-left:25px;
 }
 
 #menu {
 	display: none;
 }
 
 div.recommendation {
 	float: right;
 	text-align: center;
 	border-left: 1px solid #ddd;
 	padding: 0 0 0 10px;
 	margin: 0 0 0 15px;
 }
 div.recommendation h3 {
 	font-size: 16px;
 	margin: 0;
 	padding: 0 0 5px 0; 
 }
 div.recommendation p {
    padding: 0;
    margin: 0;
    color: #777;
    font-size: 12px;
 }
 div.recommendation img {
   margin: 1px;
   padding: 0;
   border: 1px solid #ddd;
 }