.message {
	margin: 0px 20px 20px; padding: 5px 0px 5px 35px; clear: both; display: inline-block; position: relative; cursor: pointer; -ms-zoom: 1; box-shadow: 1px 1px 0px #e6e6e6; -webkit-box-shadow: 1px 1px 0 #e6e6e6; -moz-box-shadow: 1px 1px 0 #e6e6e6;
}
.message ul {
	margin: 0px; padding: 0px; list-style-type: none;
}
.message ul li {
	margin: 0px; padding: 0px;
}
.message:hover {
	opacity: 0.7;
}
.message ul span {
	background: url("../../images/template/system-icon.png") no-repeat 98%; padding: 0px; display: block;
}
.message ul.errorMessage {
	padding: 5px 0px;
}
.message ul.actionMessage {
	padding: 5px 0px;
}
.message span {
	background: url("../../images/template/system-icon.png") no-repeat 98%; padding: 5px 0px; display: block;
}
.inner.message {
	margin: 0px 0px 20px;
}
.red.message {
	background: url("../images/template/icon-error.png") no-repeat 10px 8px rgb(248, 233, 233); border: 1px solid rgb(228, 187, 188); color: rgb(184, 0, 0); display: block;
}
.green.message {
	background: url("../../images/template/icon-succes.png") no-repeat 10px 8px rgb(235, 249, 226); border: 1px solid rgb(190, 228, 165); color: rgb(106, 165, 0); display: block;
}
.blue.message {
	background: url("../images/template/icon-info.png") no-repeat 10px 8px rgb(233, 243, 248); border: 1px solid rgb(187, 215, 228); color: rgb(19, 107, 197); display: block;
}
.orange.message {
	background: url("../images/template/icon-warning.png") no-repeat 10px 8px rgb(255, 248, 216); border: 1px solid rgb(243, 217, 126); color: rgb(237, 157, 18); display: block;
}
.uibutton {
	border-width: 1px; border-style: solid; border-color: rgb(153, 153, 153) rgb(153, 153, 153) rgb(136, 136, 136); font: bold 11px/normal "lucida grande", tahoma, verdana, arial, sans-serif; margin: 0px; padding: 0.3em 0.6em 0.37em; text-align: center; color: rgb(51, 51, 51); overflow: visible; text-decoration: none; display: inline-block; white-space: nowrap; position: relative; z-index: 1; cursor: pointer; -ms-zoom: 1; font-size-adjust: none; font-stretch: normal; box-shadow: 0px 1px 0px rgba(0,0,0,0.1), inset 0px 1px 0px #fff; background-image: linear-gradient(rgb(245, 246, 246), rgb(228, 228, 227)); background-color: rgb(238, 238, 238); -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1), inset 0 1px 0 #fff; -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1), inset 0 1px 0 #fff;
}
.uibutton:hover {
	border-color: rgb(119, 119, 119) rgb(119, 119, 119) rgb(102, 102, 102);
}
.uibutton:focus {
	border-color: rgb(119, 119, 119) rgb(119, 119, 119) rgb(102, 102, 102);
}
.uibutton:active {
	border-color: rgb(119, 119, 119) rgb(119, 119, 119) rgb(102, 102, 102);
}
.uibutton:active {
	background: rgb(221, 221, 221); border-color: rgb(170, 170, 170); filter:; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none;
}
.icon.uibutton::before {
	background: url("../../images/eproc/fb-icons.png") no-repeat 99px 99px; margin: 0px 0.5em 0px 0px; top: 1px; width: 10px; height: 12px; float: left; position: relative; content: "";
}
.icon2.uibutton::before {
	background: url("../../images/eproc/sprite.png") no-repeat 99px 99px; margin: 0px 1px 0px 0px; top: 0px; width: 13px; height: 13px; float: left; position: relative; content: "";
}
.edit.uibutton::before {
	
}
.add.uibutton::before {
	background-position: -10px 0px;
}
.secure.uibutton::before {
	background-position: -20px 0px;
}
.prev.uibutton::before {
	background-position: -30px 0px;
}
.next.uibutton::before {
	background-position: -40px 0px; margin: 0px -0.25em 0px 0.5em; float: right;
}
.view.uibutton::before {
	background-position: -34px -242px;
}
.large.uibutton {
	font-size: 13px;
}
.confirm.uibutton {
	border-color: rgb(41, 68, 126) rgb(41, 68, 126) rgb(26, 53, 110); color: rgb(255, 255, 255); box-shadow: 0px 1px 0px rgba(0,0,0,0.1), inset 0px 1px 0px #8a9cc2; background-image: linear-gradient(rgb(99, 123, 173), rgb(88, 114, 167)); background-color: rgb(91, 116, 168); -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1), inset 0 1px 0 #8a9cc2; -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1), inset 0 1px 0 #8a9cc2;
}
.revisi.uibutton {
	border-color: rgb(255, 0, 0); color: rgb(255, 255, 255); box-shadow: 0px 1px 0px rgba(0,0,0,0.1), inset 0px 1px 0px #fff2f2; background-image: linear-gradient(rgb(255, 76, 76), rgb(204, 0, 0)); background-color: rgb(255, 255, 255); -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1), inset 0 1px 0 #FFF2F2; -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1), inset 0 1px 0 #FFF2F2;
}
.confirm.uibutton:active {
	background: rgb(79, 106, 163); border-color: rgb(41, 68, 126); filter:; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none;
}
.special.uibutton {
	border-color: rgb(59, 110, 34) rgb(59, 110, 34) rgb(44, 81, 21); color: rgb(255, 255, 255); box-shadow: 0px 1px 0px rgba(0,0,0,0.1), inset 0px 1px 0px #98c286; background-image: linear-gradient(rgb(117, 174, 92), rgb(103, 165, 75)); background-color: rgb(105, 167, 78); -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1), inset 0 1px 0 #98c286; -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1), inset 0 1px 0 #98c286;
}
.search.uibutton {
	border-color: rgb(255, 198, 0) rgb(255, 198, 0) rgb(126, 77, 0); color: rgb(255, 255, 255); box-shadow: 0px 1px 0px rgba(0,0,0,0.1), inset 0px 1px 0px #e9e573; background-image: linear-gradient(rgb(232, 184, 39), rgb(206, 148, 10)); background-color: rgb(177, 154, 62); -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1), inset 0 1px 0 #e9e573; -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1), inset 0 1px 0 #e9e573;
}
.special.uibutton:active {
	background: rgb(96, 153, 70); border-color: rgb(59, 110, 34); filter:; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none;
}
.search.uibutton:active {
	background: rgb(192, 140, 28); border-color: rgb(110, 75, 34); filter:; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none;
}
.disable.uibutton {
	background: rgb(242, 242, 242); border-color: rgb(200, 200, 200); color: rgb(184, 184, 184); z-index: 0; cursor: default; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none;
}
.disable.confirm.uibutton {
	background: rgb(173, 186, 212); border-color: rgb(148, 162, 191); color: rgb(255, 255, 255);
}
.disable.special.uibutton {
	background: rgb(180, 211, 167); border-color: rgb(157, 183, 145); color: rgb(255, 255, 255);
}
.disable.search.uibutton {
	background: rgb(180, 211, 167); border-color: rgb(157, 183, 145); color: rgb(255, 255, 255);
}
.icon.disable.uibutton::before {
	opacity: 0.5;
}
.icon.disable.uibutton::after {
	opacity: 0.5;
}
.uibutton-group {
	list-style: none; margin: 0px; padding: 0px; display: inline-block; -ms-zoom: 1;
}
.uibutton + .uibutton {
	margin-left: 3px;
}
.uibutton + .uibutton-group {
	margin-left: 3px;
}
.uibutton-group + .uibutton {
	margin-left: 3px;
}
.uibutton-group + .uibutton-group {
	margin-left: 3px;
}
.uibutton-group li {
	margin: 0px; padding: 0px; float: left;
}
.uibutton-group .uibutton {
	margin-left: -1px; float: left;
}
.uibutton-group .uibutton:hover {
	z-index: 2;
}
.uibutton-group .uibutton:focus {
	z-index: 2;
}
.uibutton-group .uibutton:active {
	z-index: 2;
}
.uibutton-group > :first-child.uibutton {
	margin-left: 0px;
}
.uibutton-group li:first-child .uibutton {
	margin-left: 0px;
}
.uibutton-toolbar {
	background: rgb(242, 242, 242); padding: 6px; border: 1px solid rgb(204, 204, 204); text-align: center;
}
.pagelinks {
	background: rgb(242, 242, 242); padding: 6px; border: 1px solid rgb(204, 204, 204); text-align: center;
}
.extend.uibutton-toolbar {
	margin: 0px 20px 20px;
}
.pagelinks .extend {
	margin: 0px 20px 20px;
}
.uibutton-toolbar .uibutton {
	vertical-align: bottom;
}
.uibutton-toolbar .uibutton-group {
	vertical-align: bottom;
}
.pagelinks .uibutton-group {
	vertical-align: bottom;
}
.pagelinks .uibutton {
	vertical-align: bottom;
}
a.uibutton {
	text-decoration: none;
}
a.uibutton:hover {
	text-decoration: none;
}
fieldset {
	border-radius: 0.6em; border: 1px solid rgb(204, 204, 204); -moz-border-radius: 0.6em; -webkit-border-radius: 0.6em;
}
fieldset legend {
	padding: 0.2em 0.5em; border-radius: 0.6em; border: 1px solid rgb(204, 204, 204); font-weight: bold; -moz-border-radius: 0.6em; -webkit-border-radius: 0.6em;
}
.pagebanner {
	margin: 2px; text-align: center;
}
.headcontainer {
	margin: 0px 18px auto; padding: 4px 2px 2px; border-radius: 0.3em; min-height: 20px; background-image: linear-gradient(rgb(245, 246, 246), rgb(140, 140, 140)); background-color: rgb(238, 238, 238); -moz-border-radius: 0.3em; -webkit-border-radius: 0.3em;
}
.fbox_header {
	padding: 6px 0px 6px 10px; color: rgb(255, 255, 255); font-size: 14px; font-weight: bold; border-top-color: rgb(59, 89, 152); border-right-color: rgb(59, 89, 152); border-left-color: rgb(59, 89, 152); border-top-width: 1px; border-right-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-left-style: solid; background-color: rgb(96, 152, 196);
}
.fbox_container {
	padding-top: 10px; border-right-color: rgb(85, 85, 85); border-bottom-color: rgb(85, 85, 85); border-left-color: rgb(85, 85, 85); border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; background-color: rgb(255, 255, 255);
}
.fbox_content {
	padding: 10px; overflow: auto; max-height: 450px;
}
.fbox_footer {
	padding: 8px; text-align: right; margin-top: 10px; margin-bottom: 0px; border-top-color: rgb(204, 204, 204); border-top-width: 1px; border-top-style: solid; background-color: rgb(242, 242, 242);
}
img.banner {
	box-shadow: 0px 2px 4px rgba(0,0,0,0.5); -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
}
table.profile {
	margin: 0px auto; width: 95%; text-align: left; border-bottom-color: rgb(204, 204, 204); border-bottom-width: 1px; border-bottom-style: solid; border-collapse: collapse; border-spacing: 0px;
}
table.profile td {
	padding: 18px 0px; vertical-align: top; border-bottom-color: rgb(204, 204, 204); border-bottom-width: 1px; border-bottom-style: solid; border-collapse: collapse;
}
table.profile th {
	padding: 18px 0px; vertical-align: top; border-bottom-color: rgb(204, 204, 204); border-bottom-width: 1px; border-bottom-style: solid; border-collapse: collapse;
}
table.profile th {
	background: rgb(238, 238, 238);
}
table.profile tr:hover {
	background-color: rgb(238, 238, 238);
}
#toTop {
	background: rgb(247, 247, 247); padding: 5px; border: 1px solid rgb(204, 204, 204); width: 100px; text-align: center; right: 0px; bottom: 0px; color: rgb(51, 51, 51); font-family: verdana; font-size: 11px; display: none; position: fixed; cursor: pointer;
}
.module::after {
	height: 0px; clear: both; display: block; visibility: hidden; content: ".";
}
* html .module {
	height: 1%; overflow: visible;
}
* + html .module {
	min-height: 1%;
}
.breadCrumb {
	background: rgb(255, 255, 255); margin: 1px; padding: 5px; border: 1px solid rgb(222, 222, 222); width: 98.9%; height: 21px; overflow: hidden; float: left; display: block; min-width: 906px; border-left-color:transparent; border-right-color:transparent; border-top-color:transparent;
}
.breadCrumb ul {
	margin: 0px; padding: 0px; height: 21px; display: block;
}
.breadCrumb ul li {
	background: url("../../images/eproc/Chevron.gif") no-repeat 100% 0px; margin: 0px 6px 0px 0px; padding: 0px 10px 0px 0px; height: 21px; line-height: 21px; overflow: hidden; font-size: 0.91em; float: left; display: block; position: relative;
}
.breadCrumb ul li div.chevronOverlay {
	top: 0px; right: 0px; position: absolute; z-index: 2;
}
.breadCrumb ul li span {
	overflow: hidden; display: block;
}
.breadCrumb ul li a {
	height: 21px; line-height: 21px; overflow: hidden; float: left; display: block; position: relative;
}
.breadCrumb ul li.first a {
	background: url("../../images/eproc/IconHome.gif") no-repeat 0px 0px; padding: 0px; width: 16px; height: 16px !important; text-indent: -1000em; overflow: hidden; margin-top: 2px;
}
.breadCrumb ul li.first a:hover {
	background-position: 0px -16px;
}
.breadCrumb ul li.last {
	padding-right: 0px; margin-right: 0px;
}
.chevronOverlay {
	background: url("../../images/eproc/ChevronOverlay.png") no-repeat 100% 0px; width: 13px; height: 20px; display: none;
}
.FreezePaneOff {
	left: -100px; top: -100px; display: none; visibility: hidden; position: absolute;
}
.FreezePaneOn {
	left: 0px; top: 0px; width: 100%; height: 100%; display: block; visibility: visible; position: fixed; z-index: 101;
}
.FreezeOverlay {
	left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; z-index: 102; opacity: 0.7; background-color: rgb(102, 102, 102); -moz-opacity: 0.7;
}
.InnerFreezePane {
	background: url("../../images/template/bg.png") left top rgb(255, 255, 255); padding: 10px; border: 8px solid rgb(77, 77, 77); width: 47%; text-align: center; color: rgb(115, 115, 115); font-size: large; margin-top: 15%; margin-left: 25%; position: absolute; z-index: 103; opacity: 1; box-shadow: 0px 0px 18px rgba(0,0,0,0.3); -webkit-box-shadow: 0 0 18px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 0 18px rgba(0, 0, 0, 0.3);
}
.hps_image {
	padding: 3px; border: 1px solid rgb(204, 204, 204);
}

.star_img {
    /*background-image: url("../../images/star_silver.png");
    background-repeat: no-repeat;*/
    width: 50px;
    height: 50px;
}

#img-ancol {
    height: 60px;
    padding: 10px 0px 0px 20px;
}

.closedialog {
    float: right;
    padding: 10px;
    font-size: 20px;
}

#rating-header {
    text-align:center; 
    font-weight:bold; 
    color:#1a75ff; 
    padding-bottom:10px
}

.rating-question {
    color : white;
    font-weight : bold;
    padding: 30px 0px 10px 0px;
}

#rating-comment {
    width:80%;
}

#sp-opening-rating {
    text-align:center;
    font-weight:bold;
    padding: 0px 30px 0px 30px;
}

#confirm-button {
    background-color:#7bd059;
    color:white;
    padding: 5px 10px 5px 10px;
}