html {
  height: 100%;
}
body {
  margin: 0;
  padding: 0;
  font-family: calibri;
  font-size: 13px;
  line-height: 20px;
  height: 100%;
}

#container {
  z-index:2;
  position: absolute;
  background: #e0e0e0; 
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  overflow:hidden;
  color: rgb(255, 255, 255); 
  font-style: normal; 
  font-variant: normal; 
  font-weight: normal; 
  font-size: 13px; 
  line-height: 20px; 
  font-family: Arial, sans-serif; 
  cursor: auto;
}

.logoHeader {
  position:absolute;
  z-index:3;
  top:15px;
  left:50%;
  margin-left:-250px;	
}

#mainOverlay {
  position:absolute;
  z-index:4;
  top:0px;
  left:0px;
  width:100%;
  height:100%;
  border:#3E3E3E 1px solid;
  border-radius:7px;
  opacity:0.7;	
	background: #A3C8F6;
	background: -moz-linear-gradient(top,  #A3C8F6 0%, #FFFFFF 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#A3C8F6), color-stop(100%,#FFFFFF)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #A3C8F6 0%,#FFFFFF 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #A3C8F6 0%,#FFFFFF 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #A3C8F6 0%,#FFFFFF 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #A3C8F6 0%,#FFFFFF 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#A3C8F6', endColorstr='#FFFFFF',GradientType=0 ); /* IE6-9 */
}

#contentOverlay {
  position:absolute;
  z-index:7;
  top:0px;
  left:0px;
  width:100%;
  height:100%;
  opacity:1.0;	
  border-radius:7px;
	background: #A3C8F6;
	background: -moz-linear-gradient(top,  #A3C8F6 0%, #FFFFFF 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#A3C8F6), color-stop(100%,#FFFFFF)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #A3C8F6 0%,#FFFFFF 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #A3C8F6 0%,#FFFFFF 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #A3C8F6 0%,#FFFFFF 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #A3C8F6 0%,#FFFFFF 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#A3C8F6', endColorstr='#FFFFFF',GradientType=0 ); /* IE6-9 */
}

.mainContainer {
  position:absolute;
  bottom:15px;
  left:50%;
  margin-left:-400px;
  width:800px;
}

#content {
  z-index:99;
  position:relative;
  margin:10px;
  color:#3E3E3E;
  text-align:left;
  font-size:14px;
}

.contentTitle {
  font-size:18px;
  color:#8D6700;
  margin-bottom:10px;
  font-weight:bold;
}

.contentTxt {
  margin-bottom:10px;
}


#dock {
	z-index:99;
	width: 800px;
	top: -50px;
	position: absolute;
	left: 0px;
}

.dock {
	position: relative; 
	height: 50px; 
	text-align: center;
}

.dock-container {
	position: absolute;
	height: 50px;
	padding-left: 20px;
}
a.dock-item {
	display: block; 
	font: bold 12px Arial, Helvetica, sans-serif;
	width: 40px; 
	color: #000; 
	bottom: 0px; 
	position: absolute;
	text-align: center;
	text-decoration: none;
}
.dock-item span {
	display: none;
	padding-left: 20px;
	color:#FFF;
	font-family:calibri;
}
.dock-item img {
	border: none; 
	margin: 5px 10px 0px; 
	width: 100%; 
}
#belakangOverlay{
	display:none;
	position:absolute;
	z-index:99;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	background:#000;
	opacity:0.7;	
}
#requestContainer{
	display:none;
	z-index:100;
	position:absolute;
	width:500px;
	height:300px;
	border-radius:3px;
	font-size:14px;
	border:2px #FFF solid;
	background: #FFF; /* Old browsers 7FA8C3*/
	background: -moz-linear-gradient(top,  #7FA8C3 0%, #FFFFFF 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7FA8C3), color-stop(100%,#FFFFFF)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #7FA8C3 0%,#FFFFFF 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #7FA8C3 0%,#FFFFFF 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #7FA8C3 0%,#FFFFFF 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #7FA8C3 0%,#FFFFFF 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7FA8C3', endColorstr='#FFFFFF',GradientType=0 ); /* IE6-9 */
}
.reqContainerTabel{
	margin:10px;
	width:480px;
	font-size:12px;
}
.reqContainerTabel td{
	padding-left:5px;
	height:20px;
	vertical-align:top;
}
.reqContainerTabelJudul{
	border-top-left-radius:3px;
	border-top-right-radius:3px;
	background: #2980b9;
	width:100%;
	height:40px;
}
.reqContainerTabelJudul td{
	padding-left:15px;
	font-size:16px;
	color:#FFF;
}
.perintahTombol{
	width:121px;
	height:30px;
	font-size:12px;
	color: #FFF;
	border:1px #666 solid;
	background: #818181; 
	cursor:pointer;
	border-radius:5px;
}
.menuKolom{
	width:372px;
	height:50px;
	border:1px solid #456879;
	padding-left:5px;
	outline:none;
	color:#666;
	background:#EAEAEA;
	resize:none;
	padding-top:7px;
	border-radius:5px;
}
.isianKolom{
	width:170px;
	height:18px;
	border:1px solid #456879;
	padding-left:5px;
	outline:none;
	color:#666;
	background:#EAEAEA;
	border-radius:5px;
}