.invoice-page {
	width: 900px;
	margin: 0 auto;
	background-color: #FFF;
	min-height: 200px;
	-webkit-box-shadow: 1px 1px 4px #333;
	        box-shadow: 1px 1px 4px #333;
	color: #000!important;
	position: relative;
}

.invoice-inner {
	width: 750px;
	margin: 0 auto;
	padding: 30px 0;
}

.invoice-inner h1.headingleft {
	width:280px;
}

.invoice-inner h1 img {
	width:100%;
}

.invoice-outer {
	padding: 20px 0;
	background-color: #747474;
}

.invoice-save {
	position: fixed;
	left: 1070px;
	margin-top:10px;
}

.half1 {
	width:50%;
	float: left;
}

.half2 {
	width:50%;
	float: left;
}

.serviceNo {
	text-align:center;
	padding-top:13px!important;
}

.keteranganService {
	background:#FFF!important;
	width: 320px!important;
	height: 100px!important;
}

.estimasiBiaya {
	background:#FFF!important;
	width: 100%!important;
	height: 100px!important;
}

.service-note td {
	vertical-align: top;
}

.service-table th {
	text-align:center!important;
}

.service-table td {
	vertical-align: top;
}

.service-table1 {
	width:50%;
	float: left;	
}

.service-table2 {
	width:50%;
	float: left;
}

.service-title {
	text-align: center;
	display:block!important;
	font-size: 24px!important;
}

#vendor {
	margin-bottom: 10px;
	font-size: 12px;
}

#vendor table td {
	vertical-align:top;
}

#ref {
	font-size: 14px;
}

#ref div {
	line-height: 20px;
}

.ref-table {
	float:right;
}

#order-title {
	font-size: 18px;
}

#requestPerson {
	margin:30px 0;
	font-size: 14px;
}

div.outside {
	float: right;
	position: relative;
}

div.rowbuttons {
	position: absolute;
	top: 0;
	right: -58px;
}

.signature-table {
	width: 100%;
	font-weight:bold;
}

.signature-table td {
	text-align: center;
}

.sig-row td {
	height: 100px;
}

.sig-approval {
	text-align: center;
}

div.dline {
    border-top: 1px solid #999;
    border-bottom: 1px solid #999;
    height:1px;
    margin:20px 0;
    clear:both;
}

textarea.po-remarks {
	width:280px!important;
}

#remarks {
	margin-right:10px;
}

textarea.ro-description {
	width:100%;
}

#viewspk {
	color:#000!important;
	font-size: 14px;
}

h1.spk-title {
	font-size: 24px!important;
	font-weight: bold;
	text-align: center;
	margin-top:50px!important;
	margin-bottom: 0px!important;
	color:#000!important;
}

h3.spk-subtitle {
	text-align: center;	
	color:#000!important;
	font-size: 14px!important;
	font-weight: bold!important;
}

.spk-table {
	margin-top:50px;
	font-size: 14px;
}

.spk-table td {
	vertical-align: top;
	padding-bottom: 15px;
	line-height: 18px;
}

.spk-table td.first {
	padding-right: 20px;
	width:205px;
}

.spk-signature-left {
	float:left;
}

.spk-signature-right {
	float:right;
}

#viewspk span.blocklong{
	width:630px;
}

#viewspk span.blockmedium{
	max-width:380px;
}

input.long {
	width: 500px;
}

.spk-block {
	color:#000!important;
	margin-bottom:0px!important;
}

.spk-block textarea {
	width:350px!important;
}

.spk-block textarea.sm {
	width:220px!important;
	height:30px!important;
}

.spk-block textarea.long {
	width:600px!important;
}

.spk-block input.long {
	width:500px!important;
}

.spk-block input.medium {
	width:350px!important;
}
.spk-block input.short {
	width:120px!important;
}

.attachmentFile {
	width: 500px;
	padding: 10px;
	margin: 0 0 10px 0;
	background: #f4f4f4;
	border: 1px solid #ccc;
	color: #555;
}

/* buttons */
.save { display: block; float: left; width: 18px; height: 18px; margin: 0 4px 0 0; background: url(../images/btn_sprite.png) no-repeat -36px 0; text-indent: -9000px; outline: none; cursor: pointer; }
.save:hover, .save.active { background-position: -36px -18px; }
.save2 { display: inline-block; width: 18px; height: 18px; margin: 0 4px 0 0; background: url(../images/btn_sprite.png) no-repeat -36px 0; text-indent: -9000px; outline: none; cursor: pointer; }
.save2:hover, .save2.active { background-position: -36px -18px; }
.edit { display: block; float: left; width: 18px; height: 18px; margin: 0 4px 5px 0; background: url(../images/btn_sprite.png) no-repeat -72px 0; text-indent: -9000px; outline: none; cursor: pointer; }
.edit:hover { background-position: -72px -18px; }
.delete { display: block; float: left; width: 18px; height: 18px; margin: 0 4px 0 0; background: url(../images/btn_sprite.png) no-repeat -54px 0; text-indent: -9000px; outline: none; cursor: pointer; }
.delete:hover  { background-position: -54px -18px; }
.cancel { display: none; float: left; width: 18px; height: 18px; margin: 0 4px 0 0; background: url(../images/btn_sprite.png) no-repeat -54px 0; text-indent: -9000px; outline: none; cursor: pointer; }
.cancel:hover, .cancel.active  { background-position: -54px -18px; }
.cancel2 { display: inline-block; width: 18px; height: 18px; margin: 0 4px 0 0; background: url(../images/btn_sprite.png) no-repeat -54px 0; text-indent: -9000px; outline: none; cursor: pointer; }
.cancel2:hover, .cancel2.active  { background-position: -54px -18px; }
.add { position: relative; display: block; float: left; width: 18px; height: 18px; padding: 0; background: url(../images/btn_sprite.png) no-repeat -108px 0; outline: none; cursor: pointer; }
.add:hover { background-position: -108px -18px; }
.add:hover span { color: #333; }
.add span { position: absolute; left: 30px; width: 654px; line-height: 18px; color: #999; }

table.default tr.handle, table.default tr.handle td { cursor: move; }
table.default tr.addrow { display: none; }
table.default a.add { color: #999; }
table.default a.save, table.default a.cancel { display: none; }
table.default .formelement { display: none; width: 220px; background: #fff; color: #222; border: none; border: 1px solid #ccc; padding: 5px; margin: 0; }
table.items hr { margin: 0; }
table.items input.formelement { width: 90%; }
table.items input.formelement.small { width: 80%; }
table.items input.formelement.medium { width: 90%; }
table.items input.formelement.long { width: 400px; }
table.items select.formelement { width: auto; padding: 3px 2px; }
table.items input.formelement.tax { width: auto; margin: 6px 0 0 8px; }
table.items div.outside { float: right; position: relative; }
table.items div.rowbuttons { position: absolute; top: 0; right: -58px; }
table.items tr.active div.rowbuttons { top: 4px; }

/* forms */
input, select, textarea, button, label { float: left; font-family: Arial, sans-serif;  font-size: 1em; color: #555; margin: 0 6px 6px 0; }
label { width: 110px; margin: 0 10px 6px 0; padding: 4px 0 0; }
.formelement { background: #fff; border: 1px solid #ccc; padding: 6px; width: 180px; vertical-align: middle; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;  }
input.small { width: 70px; }
select.formelement { width: 195px; padding: 3px; }
textarea.formelement { width: 450px; height: 100px!important; }
textarea.text { width: 180px; height: 16px; }
textarea.text.deeper { height: 60px; }
textarea.smalldeep { width: 450px; height: 200px; }
textarea.tiny { width: 276px; height: 28px; }
form .nolabel { margin: 0 4px 6px 120px; }
form.biglabel label { width: 100%; font-weight: bold; }
form.biglabel textarea { width: 600px; }
form.biglabel .button { margin: 0; }
span.price { float: left; line-height: 2em; margin: 0 5px 0 0; }
td { text-align:top;}
span.blockbody { display:inline; float:left; }
.invoice-page .formelement { display: none; width: 220px; background: #fff; color: #222; border: none; border: 1px solid #ccc; padding: 5px; margin: 0; }

/* description and footer */
div.block { float: left; background: #FFFCEF; padding: 4px 0 4px 5px; clear: both; margin: 0 0 20px; }
div.block.active { background: #fff; padding: 0; }
div.block hr { margin: 40px 0; }
span.buttons { float: right; margin: 0 0 0 5px; }
span.buttons .save { display: none; }
div.block textarea.formelement { display: none; width: 680px; height: 50px; margin: 4px 0 0; }
div.block textarea.formelement.deep { height: 250px; margin: 0 0 50px; }
.invoice-page .block { width: auto; height: auto; border:none;}
.invoice-page span.tip { border:none; background: none; padding: 0; margin: 0; color:#000!important;}

#main h1.title { display: inline; }

.subtotal th {
	border-left:none!important;
	border-right:none!important;
}

input#tax, input#pax {
	width:30px;
}