@charset "utf-8";
/* CSS Document */

* {
	margin: 0;
	padding: 0;
	border: 0;	
	-webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
   	box-sizing:border-box;
	font-family:Tahoma;
	font-size:11px;
	color:#333333;
	line-height:20px;
    /*-webkit-touch-callout:none;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;*/
}

*::selection {
  background: none; /* WebKit/Blink Browsers */
}
*::-moz-selection {
  background: none; /* Gecko Browsers */
}

input::selection, textarea::selection {
  background: #8AFFF0; /* WebKit/Blink Browsers */
}
input::-moz-selection, textarea::-moz-selection {
  background: #8AFFF0; /* Gecko Browsers */
}

html, body, #dPage , #dMenu , #isi {
	height:100%;
	width: 100%;
}
a {
	color:#555555;
	text-decoration:none;
	outline:none;
	cursor:pointer;
}
a:hover { color:#F21212; }
input[type:text], input[type:number], textarea {
	-webkit-touch-callout:default;
    -webkit-user-select:text;
    -moz-user-select:text;
    -ms-user-select:text;
    user-select:text;
}
input,select,textarea,button,.box_input {
	display:inline-block;
	height:28px;
	line-height:24px;
	border:inset 1px #ffffff;
	outline:none;
	color:#555555;
	padding:0 6px;
	box-shadow:2px 2px 3px 1px #dddddd inset; 
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	-o-border-radius:2px;
	-ms-border-radius:2px;
}
input[type=file] { padding:0 10px 0 0; }
.box_input { height:auto;padding:7px 10px;line-height:normal; }
select,option { 
	padding:5px 3px 5px 10px;
	line-height:26px;
}
select { padding-left:2px; }
option { border-bottom:1px dotted #aaaaaa;padding:5px 10px; }
input,button {
	background:url(../images/icon-color.png) 255px 255px no-repeat #ffffff;
}
input.disabled,button.disabled {
	background-image:url(../images/icon.png);
	cursor:default;
}
input[type=submit],input[type=reset],button { 
	background-color:#eeeeee;
	border:outset 1px #ffffff;	
	box-shadow:-1px -1px 3px 1px #bbbbbb inset; 
	font-weight:bold;
	cursor:pointer;
}
input.readonly, select.readonly, textarea.readonly { background:rgba(200,200,200,0.3) }
input[type=checkbox] , input[type=radio] { height:auto;line-height:normal;padding:0;border:0; }
.icon-new { background-position:2px 2px;padding-left:25px; }
.icon-search { background-position:2px -22px;padding-left:25px; }
.icon-create { background-position:2px -46px;padding-left:25px; }
.icon-password { background-position:2px -71px;padding-left:25px; }
.icon-username { background-position:2px -95px;padding-left:25px; }
.icon-attach { background-position:2px -118px;padding-left:25px; }
.icon-del { background-position:2px -142px;padding-left:25px; }
.icon-edit { background-position:2px -166px;padding-left:25px; }
.icon-add { background-position:2px -190px;padding-left:25px; }
.icon-print { background-position:2px -214px;padding-left:25px; }
.icon-yes { background-position:2px -238px;padding-left:25px; }
.icon-no { background-position:2px -262px;padding-left:25px; }
.icon-save { background-position:2px -286px;padding-left:25px; }
.icon-reset { background-position:2px -310px;padding-left:25px; }
.icon-left { background-position:2px -334px;padding-left:25px; }
.icon-right { background-position:2px -358px;padding-left:25px; }
.icon-up { background-position:2px -382px;padding-left:25px; }
.icon-down { background-position:2px -406px;padding-left:25px; }
.icon-mail { background-position:2px -430px;padding-left:25px; }
.icon-config { background-position:2px -452px;padding-left:25px; }
.icon-xls { background-position:2px -474px;padding-left:25px; }

ul , ol {
	display: table;
	height:auto;
	width: 100%;
}
ul.full , ol.full {
	display: table;
	height: 100%;
}
ol { font-weight:bold; }
li {
	display: table-cell;
	vertical-align: middle;
	text-align:center;
	/*padding:3px 6px;*/
	padding:1px 3px;
	border-bottom:1px solid #eeeeee;
	border-left:1px solid #eeeeee;
	list-style:none;
}
li:first-child { border-left:none; }
ul.full li,ol.full { padding:0;border:0; }
li.b { font-weight:bold; }

div#load { width:100%;height:100%;background-color:rgba(255,255,255,0.8);top:0;left:0;z-index:3; }
div.forminput { width:100%;height:100%;background-color:rgba(250,250,250,0.8);top:0;left:0;z-index:2;overflow:auto;padding-top:20px; }
div.forminput table {
	width:auto;
	display:inline-block;
	border:1px solid #CCCCCC;
	box-shadow:0px 0px 6px 0px #bbbbbb;
	background-color:#ffffff;
	margin-bottom:20px;
}
div.forminput form>table { padding:0 10px; }
div.forminput table th , div.forminput table td {
	padding:4px 8px;
	border-left:1px solid #dddddd;
	border-bottom:1px solid #dddddd;
	vertical-align:middle;
}
div.forminput table td { text-align:left; }
div.forminput table th:first-child , div.forminput table td:first-child {
	border-left:none;
}
div.forminput table tr:last-child td,div.forminput table tr:last-child th {
	border-bottom:none;
}
div.forminput table tr td img { border:2px solid #ffffff;box-shadow: 1px 1px 5px rgba(0,0,0,0.40); }
div.forminput table tr td div.framePopup { position:relative;height:0;z-index:1000; }
div.forminput table tr td div.framePopup img { 
	position:absolute;
	top:-23px;
	right:7px;
	border:0;
	display:none;
	border:none;
	box-shadow:none;
}
div.forminput table tr td div.framePopup iframe { position:absolute;width:100%;top:0;right:0;height:200px;overflow:auto;display:none; }
div.forminput table tr td ol { border-top:1px solid #eeeeee;border-left:1px solid #eeeeee; }
div.forminput table tr td ol li { border-right:1px solid #eeeeee; }
div.forminput table tr td ol li, div.forminput table tr td ul li { padding:1px 4px; }
div.forminput table tr td ul { border-left:1px solid #eeeeee;; }
div.forminput table tr td ul li { border-right:1px solid #eeeeee;border-bottom:1px solid #eeeeee;text-align:left; }
div.forminput table tr td>i { color:#999999;display:block; }
div#titleTop { width:100%;background-color:rgba(220,220,220,1);top:0;left:0;height:auto;z-index:1; }
div#titleTop ol { height:30px; }
div#titleTop ol li { border-bottom:none;text-align:center; }
div#titleTop ol:first-child li { font-size:15px; }
div#titleTop ol.tab li { text-align:right;border:none;padding:0; }
div#titleTop ol.tab li a { 
	display:inline-block;
	background:#eeeeee;
	height:30px;
	line-height:30px;
	padding:0 25px;
	margin:0 4px 0 0;
	border:2px solid #ffffff;
	border-bottom:none;
	box-shadow:0 -15px 10px 3px #ffffff inset;
	border-top-left-radius:4px;
	-moz-border-top-left-radius:4px;
	-webkit-border-top-left-radius:4px;
	-o-border-top-left-radius:4px;
	-ms-border-top-left-radius:4px;
	border-top-right-radius:4px;
	-moz-border-top-right-radius:4px;
	-webkit-border-top-right-radius:4px;
	-o-border-top-right-radius:4px;
	-ms-border-top-right-radius:4px;
	color:#555555;
	cursor:default;
}
div#titleTop ol.tab li a.off {
	border-color:#eeeeee;
	box-shadow:0 10px 10px 3px #dddddd inset;
	color:#bbbbbb;
}
div#titleTop ol.tab li a.on {
	background:#dddddd;
	box-shadow:0 5px 10px 3px #ffffff inset;
	cursor:pointer;
}
div#titleTop ol.tab li a.on:hover {
	background:#eeeeee;
	box-shadow:0 -15px 10px 3px #ffffff inset;
}
div#titleTop ol.title li { border-bottom:1px solid #f5f5f5;cursor:pointer; }
div#titleTop ol.title li:hover { background-color:rgba(255,255,255,0.7); }
div#titleTop ol.title li span {
	background:url(../images/icon2_black.png) 255px 255px no-repeat;
	display:inline-block;
}
div#titleTop ol.title li.asc span { background-position:-5px -49px;padding-left:18px; }
div#titleTop ol.title li.desc span { background-position:-5px -73px;padding-left:18px; }
div#titleTop ol.title li:first-child , div#titleTop ol.title li.only { cursor:default;background:none; }
.title { background:url(../images/listMenuButton.png) repeat-x top #cccccc;border-bottom:1px solid #dddddd; }
div#titleBottom { 
	width:100%;
	background-color:rgba(220,220,220,1);
	bottom:0;
	left:0;
	height:auto;
	z-index:1;	
	box-shadow:0 3px 15px 10px #bbbbbb inset; 
}
div#titleBottom ol { height:40px; }
div#titleBottom ol:first-child { border-top:1px solid #bbbbbb; }
div#titleBottom ol li { border-left:none;width:auto; }
div#titleBottom ol li.paging * { 
	display:inline-block;
	padding:0 3px;
	font-family:Arial, Helvetica, sans-serif;
}
div#titleBottom ol li.paging a { color:#d45137; }
div#titleBottom ol li.paging span { color:#777777; }
div#titleBottom ol li.paging span:nth-child(2) { margin-left:30px; }
div#titleBottom ol li input , div#titleBottom ol li select { width:100px;; }
div#list {
	padding:0;
	transition:all .4s ease-out;
	-moz-transition:all .4s ease-out;
	-webkit-transition:all .4s ease-out;
	-o-transition:all .4s ease-out;
	-ms-transition:all .4s ease-out; }
div#list ul li { cursor:pointer;text-align:left; }
div#list ul li:first-child { background-color:rgba(173,208,253,0.1); }
div#list ul:hover { background-color:rgba(173,208,253,0.1); }
div#list ul.disabled li , div#list ul.disabled li * { cursor:default;color:#999999; }
div#list ul.disabled:hover { background:auto; }
div#list ul.selected { background-color:rgba(173,208,253,0.3); }
div#list ul li img { border:2px solid #ffffff;box-shadow: 1px 0px 5px rgba(0,0,0,0.40); }
div#list ul li.l , .l { text-align:left; }
div#list ul li.c , .c { text-align:center; }
div#list ul li.r , .r { text-align:right; }
div#list ul li div { 
		overflow:hidden;
		max-height:20px;
		height:auto;
		transition:all .4s ease-out;
		-moz-transition:all .4s ease-out;
		-webkit-transition:all .4s ease-out;
		-o-transition:all .4s ease-out;
		-ms-transition:all .4s ease-out;
		
}
		
div#list ul:hover li div.anim {
	max-height:200px;
	transition:all .8s ease-in;
	-moz-transition:all .8s ease-in;
	-webkit-transition:all .8s ease-in;
	-o-transition:all .8s ease-in;
	-ms-transition:all .8s ease-in;
}
.errLogin { color:#ffffff;font-weight:bold; }
.err { color:#D70000;font-weight:bold; }
.box { 
	display:inline-block;
	border:1px solid #CCCCCC;
	box-shadow:0px 0px 6px 0px #aaaaaa;
	background-color:#ffffff;
}

table input[type=text], table input[type=password],  table select { width:300px; }
table div.cMenu { border:1px solid #eeeeee; }
table div.cMenu div { background:url(../images/icon.png) 1px -405px no-repeat #f5f5f5;padding:4px 10px 4px 25px;cursor:pointer; }
table div.cMenu div.sMenu div { background:none;border-bottom:1px dotted #dddddd; }
table div.cMenu div.sMenu { background:#ffffff;overflow:hidden;height:0;padding:0;margin-bottom:1px; }
table div.cMenu div#divSub1 { height:auto; }

div.nostyle * { font-size:15px;color:#555555; }
div.nostyle button { padding:2px 3px;margin:0;box-shadow:none; }
div.nostyle div, div.nostyle span, div.nostyle label { font-size:11px;font-family:Tahoma;line-height:normal; }