@charset "utf-8";
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
border:0;outline:0;font-size:12px;font-family:Arial,Verdana,Tahoma,sans-serif;}

a {color: #f24a4a;text-decoration:none;}
a:hover{color: #0676b7;text-decoration:none;}

/* Text Style */
h1 {font-size: 22px;font-style: normal;font-weight:normal;color:#000000;border-bottom:2px solid #CCCCCC;}
h2 {font-size: 12px;font-style: normal;font-weight:bold;color: #333333;}
h3 {font-size: 22px;font-style: normal;font-weight:bold;color:#000000;border-bottom:1px solid #f24a4a;padding:0 0 3px 0;margin:0 0 8px 0;}
h4 {font-size: 12px;font-style: normal;font-weight:bold;color: #783a09;}
h5 {font-family: "Times New Roman", Times, serif;font-size:24px;font-style: normal;font-weight:normal;color: #ffa101;padding:0;margin:0;}
h6 {font-size:12px;font-style: normal;font-weight:bold;color:#000000;padding:0;margin:0;}
.tl01 {font-size: 15px;font-style: normal;font-weight:bold;color:#000000;}
.tl02 {font-size: 12px;font-style: normal;font-weight:bold;color:#000000;}
.tl03 {font-size: 15px;font-style: normal;font-weight:normal;color:#0676b7;line-height:20px;}
.errorMessage {color: #FF0000;font-size: 12px;font-weight:bold;}

/* reusable classes */
.floatLeft {float:left;margin-right:5px;}
.floatRight {float:right;margin-left:5px;}
.right {text-align:right;}
.center {text-align:center;}
.justify {text-align:justify}
input.button {cursor:pointer;}
input.transparent {background:transparent;color:blue;border:0;padding:0;font-size:12px;}
input.fullWidth {width:95%;}
select.fullWidth {width:90%;}
.selectbox {width:370px;border:1px solid #333333;font-size:12px;}
.selectbox1 {width:150px;border:1px solid #999999;font-size:11px;}
.success {color: #006ac2;}
.fail, .alert , .error{color:#FF0000;}
span.label {width:100px;display:block;float:left;}
p.option {margin:5px 0;}
	p.option select {width:100%;}
.highlight {background:#000;color:#FFFFFF;font-weight:strong;font-style:normal;padding:2px 5px;}
.required {color:#FF0000;font-weight:bold;}
.red {color:#FF0000;}
.orange {color:#FF6600;}
.bolder {font-size:15px; font-family:"Times New Roman", Times, serif;font-style:italic; font-weight:normal;padding-right:10px;color: #009900;}
.btmdotted {border-bottom:1px solid #e6e5e5}
h3.btmdotted {color:#006666}
.grey {color:#666666;font-size:11px;}

.subtitle {color:#000000;padding:15px 15px 0 15px;}
.caption {font-family:arial,verdana;font-size:10px;font-style:normal;font-weight:bold;color:#666666;}
.black {font-family:arial,verdana;font-size:16px;font-style:normal;font-weight:bold;color:#fff;background:#000;padding:3px 3px 3px 15px;}
.bred{font-family:arial,verdana;font-size:16px;font-style:normal;font-weight:bold;color:#fff;background:red;padding:3px 3px 3px 15px;}
.address{font-family:arial,verdana;font-size:12px;font-style:normal;font-weight:normal;color:#000;background: #FFFFCC;padding:12px 12px 12px 15px;border:1px solid #FFCC00;}
.alert {color:#CC0000;font-size:15px;}
.price {ont-size:14px;font-style:normal;font-weight:bold;color:#000;}
.spacer {line-height:1px;}
.salutation {color: #006ac2;font-size:16px;}
.line {border-top: 1px solid #84D6FD;height: 1px;margin-top:3px;margin-bottom:3px;padding:0px;}
.lineg {border-top: 1px solid #ffc027;height: 2px;margin-top:3px;margin-bottom:3px;}
.dotted {border-top: 1px dotted #999999;height: 1px;margin-top:3px;margin-bottom:3px;padding:0px;}
.preferences {border:1px solid #e5e9eb;font-weight:bold;font-size:10px;margin:9px 0 4px 0;padding:5px;}
.loginTable {background:#eeeeee;}
.smalltxt {padding:10px;font-size:11px;background:#dcdcdc;}
	.smalltxt a, .smalltxt li {font-size:11px;}
.ulinline {}
	.ulinline li {float:left;width:180px;padding:2px 6px 2px 6px;}
.ulinline1 {list-style:outside;}
	.ulinline1 li {float:left;width:290px;padding:2px 6px 2px 2px;margin:0 0 0 18px;}

/* Code Style */

/* Alignment Style */
body {/*background:url(bg.jpg) top center repeat-x #ffffff;*/padding:0px;text-align:center;font-size:11px;color:#000000;margin-top:0;margin-right:auto;margin-bottom:0px;margin-left:auto;}
#bgWrapper {padding:15px 0 0 0;margin:0;/*background:url(bg_top.jpg) top center no-repeat;*/}
#centerdiv {background:none;margin:auto;text-align:left;width:980px;background:url(/portal/images/login/bg_loop.png) top repeat-y;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
border-radius: 15px;

}
#container {margin:auto;padding:0 0 10px 0;text-align:left;width:940px;background:none;}
/*#btmbar {width:100%;height:6px;padding:0;margin:0;background:url(/portal/images/login/bg_btmbar.jpg) center top #a1cbe6;}*/
#containerframe {margin:auto;text-align:left;width:620px;background:#ffffff;}
#popcontainer {margin:auto;text-align:left;width:540px;}

#header {width:940;height:auto;padding:30px 0 0 0;margin:0 0 10px 0;/*background:url(/portal/images/login/bg_header.jpg*/) center top no-repeat #FFFFFF;}

#navibar {width:920px;height:auto;margin:0;padding:0;text-align:left;line-height:42px;vertical-align:middle;clear:both;}
	#navibar a {vertical-align:top;font-weight:bold;line-height:32px;}
	#navibar a:hover {vertical-align:top;font-weight:bold;line-height:32px;}
	#navibar a.selected {vertical-align:top;font-weight:bold;line-height:32px;color:#f24a4a;}
	#navibar a.selected:hover {vertical-align:top;font-weight:bold;line-height:32px;color:#8ec1de;}
#navibar .leftlink {float:left;width:auto;color:#f24a4a;height:42px;}
	#navibar .leftlink img {line-height:42px;vertical-align:middle;}
	#navibar .leftlink .logo {float:left;width:auto;height:auto;padding:0;margin:0 6px 0 10px;}
#navibar .rightlink {font-size:13px;font-weight:normal;color:#cccccc;text-align:center;float:right;width:auto;vertical-align:baseline;line-height:32px;padding:0;}

#greybar {width:940px;margin:0;padding:5px 0 2px 0;text-align:left;line-height:12px;vertical-align:middle;clear:both;border-top:1px solid #efefef;}
	#greybar a {vertical-align:top;font-size:11px;font-weight:normal;line-height:12px;color:#000000;}
	#greybar a:hover {vertical-align:top;font-size:11px;font-weight:normal;line-height:12px;color:#000000;text-decoration:underline;}
#greybar .leftlink {float:left;width:600px;color:#f24a4a;font-size:12px;}
	#greybar .leftlink img {line-height:12px;vertical-align:middle;}
#greybar .rightlink {font-size:13px;font-weight:normal;color:#cccccc;text-align:right;float:right;width:260px;vertical-align:baseline;line-height:12px;}
	#greybar .rightlink img {line-height:12px;vertical-align:top !important;vertical-align:middle;}

#greybar1 {width:940px;height:30px;margin:0 0 18px 0;padding:8px 0 0 0;text-align:left;line-height:30px;vertical-align:middle;background:url(/portal/images/login/bg_grey.jpg) bottom repeat-x;border-bottom:1px solid #666666;clear:both;}
	#greybar1 a {vertical-align:top;font-size:11px;font-weight:bold;line-height:30px;}
	#greybar1 a:hover {vertical-align:top;font-size:11px;font-weight:bold;line-height:30px;text-decoration:underline;}
#greybar1 .leftlink {float:left;width:600px;color:#f24a4a;font-size:30px;padding:0 0 0 10px;}
	#greybar1 .leftlink img {line-height:30px;vertical-align:middle;}
#greybar1 .rightlink {font-size:13px;font-weight:bold;color:#000000;text-align:right;float:right;width:260px;vertical-align:baseline;line-height:30px;padding:0 10px 0 0 ;}
	#greybar1 .rightlink img {line-height:30px;vertical-align:top !important;vertical-align:middle;}
	
/* Login */
#splashdiv {padding:0;margin:0;width:940px;height:443px;background:none;border:1px solid #d9d9d9;}
#splash {width:940px;height:auto;padding:0;margin:0;position:absolute;Z-INDEX:1;}
#login {width:326px;height:auto;background:#ffffff;border:4px solid #f24a4a;position:absolute;padding:20px;margin:35px 0 0 15px;Z-INDEX: 2;}
	#login a {font-size:10px;font-style:normal;font-weight:bold;text-align:left;padding:0;margin:0;}
	#login a:hover {font-size:10px;font-style:normal;font-weight:bold;text-decoration:none;padding:0;}
	#login a.selected {font-size:10px;font-style: normal;font-weight:bold;text-decoration:none;padding:0;}
#password {width:450px;height:auto;background:#ffffff;border:4px solid #f24a4a /*border merah*/;position:absolute;padding:20px;margin:60px 0 0 138px;Z-INDEX: 2;}
	#password a {font-style:normal;font-weight:normal;text-align:left;padding:0;margin:0;}
	#password a:hover {font-style:normal;font-weight:normal;text-decoration:none;padding:0;}
#preregister {width:780px;height:auto;background:#ffffff;border:4px solid #f24a4a;position:absolute;padding:20px;margin:60px 0 0 60px;Z-INDEX: 2;}
	#preregister a {font-style:normal;font-weight:normal;text-align:left;padding:0;margin:0;}
	#preregister a:hover {font-style:normal;font-weight:normal;text-decoration:none;padding:0;}
#register {width:540px;height:auto;background:#ffffff;border:4px solid #f24a4a;position:absolute;padding:20px;margin:60px 0 0 138px;Z-INDEX: 2;}
	#register a {font-style:normal;font-weight:normal;text-align:left;padding:0;margin:0;}
	#register a:hover {font-style:normal;font-weight:normal;text-decoration:none;padding:0;}
.logo {width:243px;height:243px;}
.title {padding:0;margin:16px 0 0 0;}
.loginbox {padding:0;margin:15px 0 0 0;}
.field {padding:0;margin:0 0 6px 0;}
.text {font-size:10px;font-style:normal;font-weight:bold;color: #959595;text-align:left;padding:0;margin:0;text-align:justify;width:210px;padding:6px 0 0 0;}
.forgetpw {font-size:12px;font-style:normal;font-weight:bold;color: #959595;}
	.forgetpw a {font-size:18px;font-style:normal;font-weight:bold;color: #959595;}
	.forgetpw a:hover {font-size:12px;font-style:normal;font-weight:bold;color: #000000;}
#leftbox {width:360px;float:left;border-right:1px solid #0587CD;padding:10px 18px 0 0;margin:12px 18px 0 0;text-align:right;}
#rightbox {width:360px;float:left;padding:10px 0 0 0;margin:12px 0 0 0;text-align:left;}
#stepsregister {widht:100%;clear:both;}
	#stepsdiv {width:160px;float:left;height:18px;line-height:18px;background: url(/portal/images/login/steps_n.gif) right no-repeat #adadad;margin:0 8px 0 0;padding:0 0 0 10px;font-weight:bold;color:#ffffff;}
	#stepsdivOn {width:160px;float:left;height:18px;line-height:18px;background: url(/portal/images/login/steps_h.gif) right no-repeat #38b6f0;margin:0 8px 0 0;padding:0 0 0 10px;font-weight:bold;}
	
/* register */
.registerform {background: url(/portal/images/login/bg_grey1.jpg) repeat-x bottom #ffffff;border-spacing:1px;border:1px solid #BAD5DC;padding:5px;text-align:left;}
	.registerform input {font-size:12px;width:auto;}
	.registerform td {border:1px solid #ffffff;padding:5px;}

/* Footer */
#footer {width:940px;height:47px;font-size:11px;color:#000000;margin:18px 0 0 0;padding:0;text-align:left;background:none;clear:both;border-top:1px solid #efefef;}
	#footer .footerleft {float:left;width:330px;height:47px;text-align:left;font-size:10px;font-weight:bold;color:#000000;vertical-align:baseline;padding:15px 0 0 15px;}
	#footer .footerright img {vertical-align:baseine;padding:4px 4px 0 3px;}
	#footer .footerright {float:right;text-align:left;width:200px;height:47px;padding:7px 15px 5px 0;}

/* Important Style */
.clearfloat { clear:both;height:0px;font-size: 1px;line-height: 0px;/* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */}
/* Hides from IE-mac \*/
* html .clearfloat {height:1%;} .clearfix {display:block;}
/* End hide from IE-mac */

/* Other */
.contactbox {float:left;width:165px;padding:5px 8px 5px 0;margin:0 10px 6px 0;border-right:1px solid #666666;}
	.contactbox p {margin:0;padding:0;}
/*#btmbar {width:100%;height:6px;padding:0;margin:0;background:url(/portal/images/login/bg_btmbar.jpg) center top #a1cbe6;}*/
.forgotpw {border-top:1px solid #f24a4a;padding:4px 0 0 0;}
.note {padding:5px 0 5px 0;}