body {
	color:#3A3E45;
	font:12px/1.4 Arial,Helvetica,sans-serif;
	text-align:left;
	line-height: 1.5em;
	background-color:#F9F9F9;
}

body a , body a:hover {
	color:black;
}
.loader {
	border: 16px solid #f3f3f3; /* Light grey */
	border-top: 16px solid #3498db; /* Blue */
	border-radius: 50%;
	width: 120px;
	height: 120px;
	animation: spin 2s linear infinite; 
	text-align: center; 
	position: absolute;
	left: 50%;
	margin-left: -60px;
	top: 50%;
	margin-top: -60px;
}

 
@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }

div#results{
    height: 450px;
    overflow-y: scroll;
    border:2px solid #CCCCCC;
}
div#results pre{
	padding-left: 5px;
}
#result_title{
	font-size:16px;
	font-weight:bold;
	padding:5px;
}

div#form {
 	display:block;
	width:100%;
	padding:3px;
}

div#form dl {
	display:block;
	clear:both;
	padding:5px;
}

dl#title {
	border-bottom:1px solid black;
	font-weight:bold;
	padding-left:0px;
	font-size:14px;
}

#head_title {
	font-size:16px;
	border:2px solid #CCCCCC;
	font-weight:bold;
	padding-left:0px;
	padding-bottom:20px;	
}

dl#problem {
	font-size:13px;
	border:2px solid red;
	padding-left:0px;
	padding-bottom:20px;
	color:red;	
}


div#form label {
	float:left;
	width:200px;
	text-align:right;
	padding-right:5px;
	padding:5px;
}

div#form input {
	padding:5px;
	float:left;
	border:1px solid #CCCCCC;
   -moz-border-radius: 2px;
   -webkit-border-radius: 2px;
   -khtml-border-radius: 2px;
    border-radius: 2px;	
    cursor:pointer;	
}

div#form input[type=submit] {
	float:right;
	background-color:#FC7500;
	padding:5px;
	border:1px solid #FC7500;
	font-weight:bold;
	font-size:14px;
	color:white;
	
   -moz-border-radius: 2px;
   -webkit-border-radius: 2px;
   -khtml-border-radius: 2px;
    border-radius: 2px;	
    cursor:pointer;
}
