html{
	background: steelblue;
	font-family: sans-serif;
}

body{
	margin:50px auto;
	top:0;
	left:0;
	bottom:0;
	right:0;
	border:1px solid #ccc;
	border-radius:5px;
	background: white;
	width:80%;
	padding:20px;
	-webkit-box-shadow: 9px 9px 6px -8px rgba(0,0,0,0.75);
	-moz-box-shadow: 9px 9px 6px -8px rgba(0,0,0,0.75);
	box-shadow: 9px 9px 6px -8px rgba(0,0,0,0.75);
}

h3,h4,h5,h2,h1{
	text-align:center;
}

ul li{
   line-height:35px;
}

.megabutt{
	color:white;
	font-size:16px;
	padding:9px 14px 9px 14px;
	border-radius:6px;
	cursor:pointer;
	margin:3px;
	outline:none;
}

.buttlime{
	background-color:rgb(112, 196, 105);
	border:1px solid rgb(102, 186, 95);
}
.buttlime:hover{
	background-color:rgb(122, 206, 115);
	-webkit-box-shadow: 0px 0px 18px 1px rgba(112, 196, 105,1);
	-moz-box-shadow: 0px 0px 18px 1px rgba(112, 196, 105,1);
	box-shadow: 0px 0px 18px 1px rgba(112, 196, 105,1);
}
.buttlime:active{
	background-color:rgb(102, 186, 95);
}

.buttblue{
	background-color:steelblue;
	border:1px solid rgb(132,125,235);
}
.buttblue:hover{
	background-color:#60aff0;
	-webkit-box-shadow: 0px 0px 18px 1px rgba(96,175,240,1);
	-moz-box-shadow: 0px 0px 18px 1px rgba(96,175,240,1);
	box-shadow: 0px 0px 18px 1px rgba(96,175,240,1);
}
.buttblue:active{
	background-color:#18568a;
}

.buttorange{
	background-color:#c77e1f;
	border:1px solid #c77e1f;
}
.buttorange:hover{
	background-color:rgb(232,180,76);
	-webkit-box-shadow: 0px 0px 18px 1px rgba(232,180,76,1);
	-moz-box-shadow: 0px 0px 18px 1px rgba(232,180,76,1);
	box-shadow: 0px 0px 18px 1px rgba(232,180,76,1);
}
.buttorange:active{
	background-color:rgb(222,170,66);
}


.buttred{
	background-color:lightred;
	border:1px solid red;
}
.buttred:hover{
	background-color:rgb(232,70,70);
	-webkit-box-shadow: 0px 0px 18px 1px rgba(232,10,10,1);
	-moz-box-shadow: 0px 0px 18px 1px rgba(232,10,10,1);
	box-shadow: 0px 0px 18px 1px rgba(232,10,10,1);
}
.buttred:active{
	background-color:rgb(252,10,10);
}

.buttyellow{
	background-color:#e59501;
	border:1px solid #e59501;
}
.buttyellow:hover{
	background-color:rgb(232,180,76);
	-webkit-box-shadow: 0px 0px 18px 1px rgba(232,180,76,1);
	-moz-box-shadow: 0px 0px 18px 1px rgba(232,180,76,1);
	box-shadow: 0px 0px 18px 1px rgba(232,180,76,1);
}
.buttyellow:active{
	background-color:rgb(222,170,66);
}

#add_button{
	display:block;
	padding-left:30px;
	margin:10px;
}

.flat-table {
  display: block;
  width:95%;
  margin:0 auto;
  left:0;
  right:0;
  font-family: sans-serif;
  -webkit-font-smoothing: antialiased;
  font-size: 115%;
  overflow: auto;
}
.flat-table th{
	background-color: rgb(112, 196, 105);
    color: white;
    font-weight: normal;
    padding:30px;
    text-align: left;
  }
.flat-table td{
	color: rgb(111, 111, 111);
	text-align: left;
	width:100%;
    padding: 15px 20px;
	cursor:pointer;
	border-bottom:1px solid #ccc;
}

.flat-table   tr {
    background-color: rgb(240, 240, 240);
  }
 .flat-table td:not(:first-child):not(:last-child):hover{
	background-color:  #fff !important;
 }
 .flat-table td:first-child, .flat-table td:last-child {
	cursor:default;
 }
 
 .nopad{
	padding:0;
  }
 
 .flat-table div{
	width:100%;
	height:100%;
	margin:0;
	padding:0px;
 }
 
 .flat-table select{
	width:100%;
	height:100%;
	cursor:pointer;
	border:none;
	background:inherit;
	padding:0px;
 }
 
 .flat-table tr:nth-child(odd) {
	background-color: rgb(235, 235, 235); !important;
}

#shade, #shadeform{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:#fff;
	opacity:.6;
	filter:alpha(opacity=60%);
	display:none;
	text-align:center;
	font-size:150%;
	color:#ccc;
	font-weight:bold;
	padding-top:20%;
	z-index:9991;
}

#shadeform{
	z-index:9999;
	opacity:.2;
	filter:alpha(opacity=20%);
	background-color:#d1face;
}

#edit_form{
	position:fixed;
	z-index:9992;
	width:1000px;
	height:auto;
	margin:0 auto;
	left:0;
	right:0;
	border:1px solid #ccc;
	background-color:#fff;
	padding:20px;
	-webkit-box-shadow: 10px 10px 5px -6px rgba(133,133,133,1);
	-moz-box-shadow: 10px 10px 5px -6px rgba(133,133,133,1);
	box-shadow: 10px 10px 5px -6px rgba(133,133,133,1);
	display:none;
}

.table-form{
	width:100%;
	height:100%;
	border:none;
}

.table-form th{
	text-align:right;
	font-weight:bold;
	padding:10px;
	border-bottom:1px solid #eee;
	width:1%;
    white-space:nowrap;
	background-color: rgb(112, 196, 105);
    color: white;
}

.table-form td{
	text-align:left;
	font-weight:normal;
	padding:10px;
	border-bottom:1px solid #eee;
}

.table-form input{
	padding:9px;
	width:100%;
	margin:0;
	cursor:pointer;
	border:1px solid #ccc;
}

.table-form select{
	cursor:pointer;
	margin:0;
	padding:9px;
	width:100%;
	border:1px solid #ccc;
	-ms-box-sizing:content-box;
	-moz-box-sizing:content-box;
	-webkit-box-sizing:content-box; 
	box-sizing:content-box;
}

.table-form textarea{
	resize:none;
	padding:9px;
	width:100%;
	height:50px;
	border:1px solid #ccc;
}
.bordered{
	border:1px solid black;
	padding:3px 8px;
	margin:0px 10px 0px 10px;
}

.acceptance{
	display:block;
	margin:10px 10px 10px 50px;
	border:1px dotted #777;
	padding:10px;
	font-weight:bold;
	font-size:80%;
}

.command-table{
	background: #f5f5f5;
	border-collapse: collapse;
	font-size: 13px;
	line-height: 14px;
	margin: 0 auto;
	text-align: left;
	width: 98%;
}

.command-table th{
	text-align:left;
	font-weight:bold;
	color:#fff;
	background: rgba(73,155,234,1);
	background: -moz-linear-gradient(top, rgba(73,155,234,1) 0%, rgba(32,124,229,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(73,155,234,1)), color-stop(100%, rgba(32,124,229,1)));
	background: -webkit-linear-gradient(top, rgba(73,155,234,1) 0%, rgba(32,124,229,1) 100%);
	background: -o-linear-gradient(top, rgba(73,155,234,1) 0%, rgba(32,124,229,1) 100%);
	background: -ms-linear-gradient(top, rgba(73,155,234,1) 0%, rgba(32,124,229,1) 100%);
	background: linear-gradient(to bottom, rgba(73,155,234,1) 0%, rgba(32,124,229,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#499bea', endColorstr='#207ce5', GradientType=0 );
	padding:10px;
}

.command-table tr{
}

.command-table td{
	padding:9px;
	font-size:90%;
	border-bottom:1px dotted #777;
}