@charset "utf-8";
html, body {
	font-family: "Tahoma MS", Arial, Helvetica, sans-serif;
	color: #333;
	font-weight: normal;
	font-size:small;
	height:98%;
}

a{
	text-decoration: none;
	color: #333;
}

a:hover{
	color: #333;
	text-decoration:underline;
}

#wrapper {
	width: 900px;
	margin: auto;
	height: 100%;
	padding: 0px;
}

.body{
	/* For WebKit (Safari, Google Chrome etc) */
	background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#aaa));
	/* For Mozilla/Gecko (Firefox etc) */
	background: -moz-linear-gradient(top, #eee, #aaa);
	/* For Internet Explorer 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#cccccc);
	/* For Internet Explorer 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#cccccc)";
	width: 100%;
	height:100%;
	border: thin solid #999;
	padding: 0px;
}

.update-button {
	height: auto;
	width: auto;
	border: thin solid #333;
	border-radius: 5px;
	font-weight: bold;
}

.login-form{
	border: thin solid #333;
	background:#666;
	-webkit-box-shadow: 0 8px 6px -6px black; -moz-box-shadow: 0 8px 6px -6px black; box-shadow: 0 8px 10px -6px black;
	border-radius: 10px;
	color:#ddd;
	text-shadow: #000 0px -1px 0px;
	font-size:x-large;
}

.login-form .input{
	background: -webkit-gradient(linear, left top, left bottom, from(#333), to(#555));
	background: -moz-linear-gradient(top, #333, #555);
	border-radius: 3px;
	border-top-color:#333;
	border-left-color:#333;
	border-right-color:#333;	
	height:30px;
	font-size:x-large;
	color:#fff;
}

.login-submit{
	border-radius: 7px;
	border:thin solid #999;
	background: -moz-linear-gradient(top, #9CF, #06C);
	text-shadow: #000 0px -1px 0px;
	font-size:x-large;
	color:#eee;
	height:40px;
}

input{
	border:thin solid #999;
	background: -moz-linear-gradient(top, #999, #fff);
	background: -webkit-gradient(linear, left top, left bottom, from(#999), to(#fff));
}

.button{
	border-radius: 5px;
	border:thin solid #999;
	background: -moz-linear-gradient(top, #eee, #aaa);
	background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#aaa));
}

.button:hover{
	border-radius: 5px;
	border:thin solid #999;
	background: -moz-linear-gradient(top, #aaa, #eee);
	background: -webkit-gradient(linear, left top, left bottom, from(#aaa), to(#eee));
}

.buttonDisabled{
	border-radius: 5px;
	border:thin solid #999;
	background: -moz-linear-gradient(top, #aaa, #eee);
	background: -webkit-gradient(linear, left top, left bottom, from(#aaa), to(#eee));
}

.submit, button{
	border-bottom-color:#ccc;
	border-right-color:#ccc;
	border-top-color:#FFF;
	border-left-color:#FFF;
	border-radius: 5px;
	padding:3px;
}

.submit:hover, button{
	background: -moz-linear-gradient(top, #aaa, #ccc);
	text-shadow: #fff 0px -1px 1px;
}

.submit:active, button:active{
	background: -moz-linear-gradient(top, #aaa, #ccc);
}

.commentTable{
	font-size:x-small;
	background:none;
}

.commentTable tr td:hover{
	border:solid thin #333;
	padding:2px;
}

.resultTable{
	margin:1px;
	border:thin solid #333;
	width:auto;
	
	-moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;
	-webkit-box-shadow: 0 8px 6px -6px black;
	-moz-box-shadow: 0 8px 6px -6px black;
	box-shadow: 0 8px 10px -6px black;
	font-size:small;
}

.resultTable tr th{
	background: -webkit-gradient(linear, left top, left bottom, from(#ccc), to(#aaa));
	background: -moz-linear-gradient(top, #ccc, #aaa);
	text-shadow: #fff 0px 1px 1px;
}

.resultTable tr:hover{
	background: -webkit-gradient(linear, left top, left bottom, from(#ccc), to(#99c));
	background: -moz-linear-gradient(top, #ccc, #99c);
}

.resultTable tr td{
	padding-top:3px;
	padding-bottom:3px;
}

.result1{
	background:#ddd;
	text-shadow: #fff 0px 1px 1px;
}
.result2{
	background:#eee;
	text-shadow: #fff 0px 1px 1px;
}

.fieldRed{
	-webkit-box-shadow: 0 0px 0px 3px #f00;
	-moz-box-shadow: 0 0px 0px 3px #f00;
	box-shadow: 0 0px 10px 3px #f00;
}

.fieldGreen{
	-webkit-box-shadow: 0 8px 10px 1px #060;
	-moz-box-shadow: 0 8px 10px 3px #060;
	box-shadow: 0 0px 10px 3px #060;
}
.fieldBlue{
	-webkit-box-shadow: 0 8px 10px 1px #39F;
	-moz-box-shadow: 0 8px 10px 3px #39F;
	box-shadow: 0 0px 10px 3px #39F;
}

/*
*	Dialog States 
*/
		.s
		{
			background:#ebf8a4;
			
			-webkit-box-shadow: 0 8px 6px -6px black;
			-moz-box-shadow: 0 8px 6px -6px black;
			box-shadow: 0 8px 6px -6px black;
		
			
			border: thin solid #a2d246;
			border-radius: 10px;
			width:auto;
		}
		.s div{
			border-radius: 10px;
			padding:5px;
			border-top-width: thin;
			border-bottom-width: thin;
			border-top-style: solid;
			border-bottom-style: solid;
			border-top-color: #fff;
			border-bottom-color: #a2d246;
			text-align:center;
			color:#000;
		}
		.f
		{
			background: pink;;
			
			-webkit-box-shadow: 0 8px 6px -6px black;
			-moz-box-shadow: 0 8px 6px -6px black;
			box-shadow: 0 8px 6px -6px black;
		
			
			border: thin solid #c60;
			border-radius: 10px;
			width:auto;
		}
		.f div{
			border-radius: 10px;
			padding:5px;
			border-top-width: thin;
			border-bottom-width: thin;
			border-top-style: solid;
			border-bottom-style: solid;
			border-top-color: #fff;
			border-bottom-color: #996600;
			text-align:center;
			color:#000;
			width:auto;
		}
/* End of Dialog States */

.spin{
	-moz-animation:spinning 7s infinite ease-in-out;
	-webkit-animation:spinning 7s infinite linear;
}
@-moz-keyframes spinning {
	0% { -moz-transform:scaleX(1);}
	25% { -moz-transform:scaleX(0);}
	50% { -moz-transform:scaleX(-1);}
	75% { -moz-transform:scaleX(0);}
	100% { -moz-transform:scaleX(1);}
}
@-webkit-keyframes spinning {
	0% { -webkit-transform:scaleX(1);}
	25% { -webkit-transform:scaleX(0);}
	50% { -webkit-transform:scaleX(-1);}
	75% { -webkit-transform:scaleX(0);}
	100% { -webkit-transform:scaleX(1);}
}