.wrapadmin {
	background-color:#ebeff2;
	width:auto;
	padding:20px;
}
section.block {
	background-color:#F6F6F6;
	padding:5px 10px;
	margin:5px 0;
	-webkit-border-radius:5px;
	   -moz-border-radius:5px;
	        border-radius:5px;
}
section.navigation {
	margin-top:1px;
	padding:5px 10px;
	background-color:#F6F6F6;
	border-top:5px solid #CCC;
}
section.topnavigation,
section.bottomnavigation {
	margin:5px 0px;
}
section.detail {
	padding:10px;
	margin:5px 0px;
	border:1px solid #d1d9dd;
	border-top-width:5px;
	background-color:#FFF;
}
section.form {
	padding:10px;
	margin:5px 0px;
	border:1px solid #90acbf;
	border-top-width:5px;
	background-color:#FFF;
}
section.form section.navigation {
	padding:0;
	margin-bottom:0;
	background-image:none;
	background: -moz-linear-gradient(top, rgba(246,246,246,0) 0%, rgba(246,246,246,1) 100%);
	background: -webkit-linear-gradient(top, rgba(246,246,246,0) 0%,rgba(246,246,246,1) 100%);
	background: linear-gradient(to bottom, rgba(246,246,246,0) 0%,rgba(246,246,246,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f6f6f6', endColorstr='#f6f6f6',GradientType=0 );
}
section.head {
	border-top:1px solid rgba(255,255,255,0.5);
	padding:5px;
	background-color:#d8e0e7;
}
section.total {
	border-bottom:1px solid #CCC;
	padding:5px;
	background-color:#EEE;
}
section.topnavigation INPUT[name='k'] {
	display:inline-block;
	width: calc(200px - 36px - 15px - 4px);
	-webkit-border-radius:20px;
	   -moz-border-radius:20px;
			border-radius:20px;
	border-width:2px;
}
section.topnavigation INPUT[type='button'],
section.topnavigation INPUT[type='reset'],
section.topnavigation INPUT[type='submit'],
section.bottomnavigation INPUT[type='button'],
section.bottomnavigation INPUT[type='reset'],
section.bottomnavigation INPUT[type='submit'] {
	-webkit-border-radius:20px;
	   -moz-border-radius:20px;
			border-radius:20px;
	border-width:2px;
}
ul.adminrow {
	list-style-type:none;
	margin:0;
	padding:0;
	border-top:1px dotted #CCC;
	background-color:#FFF;
}
ul.adminrow li.row {
	padding:5px 5px;
	border-bottom:1px dotted #CCC;
}
ul.adminrow li.row:nth-child(odd) {
	background-color:#fcfcfc;
}
ul.adminrow li.row p {
	margin:5px 0px;
}
ul.adminrow li.row section {
	margin:0;
}
.thead {
	padding-top:10px;
	padding-bottom:10px;
	margin:5px 0px;
	background: #F6F6F6 url(../images/grnd_head.gif);
}
.thead td {
	padding-left:5px;
	padding-right:5px;
}

.tborder {
	margin-bottom:20px;
	background-color:#DDD;
}
.tborder tr > th {
	background-color:#EEE;
	text-align:left;
}
.tborder tr > td {
	background-color:#FFF;
}
.tborder tr:nth-child(odd) > td {
	background-color:#F6F6F6;
}
.tborder tr > td.ttotal {
	background-color:#DDD;
}

.tframe {
	background-color:#DDD;
}
.tframe tr > th {
	background-color:#DDD;
}
.tframe tr > td {
	background-color:#FFF;
}
.tframe tr:nth-child(odd) > td {
	background-color:#F6F6F6;
}

/* =========================================================================== */
/* SMARTPHONE ================================================================ */
/* =========================================================================== */
@media screen and (max-width : 640px) {
	section.topnavigation .leftcolumn,
	section.bottomnavigation .leftcolumn {
		float:left;
	}
	section.topnavigation .rightcolumn,
	section.bottomnavigation .rightcolumn {
		float:right;
	}
	INPUT[type='button'].return,
	INPUT[type='reset'] {
		text-indent:-9999px;
		padding-left:26px;
	}
	INPUT[type='button'].import,
	INPUT[type='button'].print,
	INPUT[type='button'].edit,
	INPUT[type='button'].create {
		text-indent:-9999px;
		padding-right:26px;
	}
}