admin.css

 /* css ปุ่ม +   */
    #position_button{ float: right; }

    .button {
		background-color: #4CAF50;
		display: inline-block;
        padding: 10px 20px;
        font-size: 24px;
        cursor: pointer;
        text-align: center;
        text-decoration: none;
        outline: none;
        color: #fff;
        border: none;
        border-radius: 10px;
        box-shadow: 0 9px #999;
    }

    .button:hover {
        background-color: #3e8e41
    }

    .button:active {
        background-color: #3e8e41;
        box-shadow: 0 5px #666;
        transform: translateY(4px);
	}
	.buttonRed {background-color: #f44336;}
/* จบ  */

/* css ของ ตาราง -------------------------------------------------------------------------------------------------------------------------- */
.datagrid table { 
	border-collapse: collapse; 
	text-align: center; 
	width: 100%;
 } 
.datagrid { 
	   font: normal 12px/150% Verdana, Arial, Helvetica, sans-serif; 
	   background: #fff; 
	   overflow: hidden; 
	   border: 2px solid #36752D; 
	   -webkit-border-radius: 3px; 
	   -moz-border-radius: 3px;
	   border-radius: 3px; 
	}
.datagrid table td, .datagrid table th { padding: 20px 1px; }
.datagrid table thead th {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #3F996C), color-stop(1, #27542F) );
	background:-moz-linear-gradient( center top, #3F996C 5%, #27542F 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3F996C', endColorstr='#27542F');
	background-color:#3F996C; 
	color:#FFFCFC; 
	font-size: 16px;
	font-weight: bold; 
	border-left: 2px solid #26B52B; 
} 
.datagrid table thead th:first-child { border: none; }
.datagrid table tbody td { 
	color: #000000; 
	border-left: 2px solid #BDF48E;
	font-size: 15px;
	border-bottom: 2px solid #D9F4DF;
	font-weight: normal; 
}
.datagrid table tbody .alt td { 
	background: #DFFFDE; 
	color: #000000; 
}
.datagrid table tbody td:first-child { border-left: none; }
.datagrid table tbody tr:last-child td { border-bottom: none; }
.datagrid table tfoot td div { 
	border-top: 1px solid #36752D;
	background: #DFFFDE;
} 
.datagrid table tfoot td { 
	padding: 0;
	font-size: 15px 
} 
.datagrid table tfoot td div{ padding: 12px; }
.datagrid table tfoot td ul { 
	margin: 0; 
	padding:0; 
	list-style: none; 
	text-align: right; 
}
.datagrid table tfoot  li { display: inline; }
.datagrid table tfoot li a { 
	text-decoration: none; 
	display: inline-block;  
	padding: 2px 8px; margin: 1px;color: #FFFFFF;
	border: 1px solid #4E9967;
	-webkit-border-radius: 3px; 
	-moz-border-radius: 3px; 
	border-radius: 3px; 
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #3F996C), color-stop(1, #245729) );
	background:-moz-linear-gradient( center top, #3F996C 5%, #245729 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3F996C', endColorstr='#245729');
	background-color:#3F996C; 
}
.datagrid table tfoot ul.active, .datagrid table tfoot ul a:hover {
	 text-decoration: none;
	 border-color: #97FF52; 
	 color: #FFFFFF;
	 background: none; 
	 background-color:#51FF3D;
}
div.dhtmlx_window_active, div.dhx_modal_cover_dv { position: fixed !important; }

/* ตำแหน่งของตาราง */
#templatemo_main_table {
	width: 940px;
	padding-left:40px;
	background: url(images/templatemo_main_bg.png) repeat-y
}

/* เนื้อหาตาราง */
#content_table {
	width: 900px;
	bottom: auto;
}

/* จบ css ตาราง---------------------------------------------------------------------------------------------------------------------- */