* {
	/* margin: 0; */
}

/*
html, body {
	height: 100%;
}
*/

html {
	overflow-x: hidden;
	/* overflow-y: scroll; */
}

body {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	background-color: #FFFFFF;
	margin: 0px;
	margin-top: 0px;
	padding: 0px;
}


/*body.default {
	#margin-right: 35px;
	#margin-bottom: 35px;
}*/
body.FrameReport {
	margin: 0px;
	padding: 0px;
	margin-right: 18px;
	margin-top: 20px;
	margin-bottom: 20px;
	color: #000000;
}

@media print {
	body.FrameReport {
		margin: 0px;
		padding: 0px;
		color: #000000;
	}
}
body.public {
	background-color: #eb9224;
	margin: 0px;
	padding: 0px;
}


body.FrameApps {
	margin: 0px;
	padding: 0px;
}


body.defaultNoMArgin {
	margin: 0;
	padding: 0;
	margin-right: 18px;
}


a{
	color: #0033FF;
	text-decoration: none;

}
a:hover {
	color:#FF0000;
	text-decoration: none;

}

.header-bar-text {
	color: #333333;
	font-weight: bold;
	text-decoration: none;

}

a.header-bar-link {
	color: #663333;
	font-weight: bold;
	text-decoration: none;

}
a.header-bar-link:hover {
	color:#CC0000;
	font-weight: bold;
	text-decoration: none;

}

.obj-hide {
	visibility: hidden;
	display: none;
}

.obj-show {
	visibility: visible;
	display: block;
}

.font-normal {
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
}

.font-uppercase {
	text-transform: uppercase;
}

.font-lowercase {
	text-transform: lowercase;
}

.font-capitalize {
	text-transform: capitalize;
}

.font-nowrap {
	white-space: nowrap;
}

/* font-30pt */
.font-40px {
	font-size: 40px;
}

.font-39px {
	font-size: 39px;
}

/* font-29pt */
.font-38px {
	font-size: 38px;
}

/* font-28pt */
.font-37px {
	font-size: 37px;
}

/* font-27pt */
.font-36px {
	font-size: 36px;
}

.font-35px {
	font-size: 35px;
}

/* font-26pt */
.font-34px {
	font-size: 34px;
}

/* font-25pt */
.font-33px {
	font-size: 33px;
}

/* font-24pt */
.font-32px {
	font-size: 32px;
}

.font-31px {
	font-size: 31px;
}

/* font-23pt */
.font-30px {
	font-size: 30px;
}

/* font-22pt */
.font-29px {
	font-size: 29px;
}

/* font-21pt */
.font-28px {
	font-size: 28px;
}

/* font-20pt */
.font-27px {
	font-size: 27px;
}

.font-26px {
	font-size: 26px;
}

/* font-19pt */
.font-25px {
	font-size: 25px;
}

/* font-18pt */
.font-24px {
	font-size: 24px;
}

/* font-17pt */
.font-23px {
	font-size: 23px;
}

.font-22px {
	font-size: 22px;
}

/* font-16pt */
.font-21px {
	font-size: 21px;
}

/* font-15pt */
.font-20px {
	font-size: 20px;
}

/* font-14pt */
.font-19px {
	font-size: 19px;
}

.font-18px {
	font-size: 18px;
}

/* font-13pt */
.font-17px {
	font-size: 17px;
}

/* font-12pt */
.font-16px {
	font-size: 16px;
}

/* font-11pt */
.font-15px {
	font-size: 15px;
}

.font-14px {
	font-size: 14px;
}

/* font-10pt */
.font-13px {
	font-size: 13px;
}

/* font-9pt */
.font-12px {
	font-size: 12px;
}

/* font-8pt */
.font-11px {
	font-size: 11px;
}

.font-10px {
	font-size: 10px;
}

/* font-7pt */
.font-9px {
	font-size: 9px;
}

.font-8px {
	font-size: 8px;
}

.font-7px {
	font-size: 7px;
}

.font-bold {
	font-weight: bold;
}

.font-italic {
	font-style: italic;
}

.font-underline {
	text-decoration: underline;
}

.font-uppercase{
	text-transform: uppercase;
}

.font-lowercase{
	text-transform: lowercase;
}

.text-left{
	text-align: left;
}

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

.text-right{
	text-align: right;
}

.text-justify{
	text-align: justify;
}

span.title {
	font-size: 16px;
	color: #0000FF;
	font-weight : bold;
}

.border-black {
	border-width: 1px;
	border-style: solid;
	border-color: #000000;
}

.border-solid {
	border-width: 1px;
	border-style: solid;
	border-color: #888888;
}

.border-groove {
	border-width: 1px;
	border-style: groove;
	border-color: #888888;
}

.border-black-top {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #000000;
}

.border-black-bottom {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
}

.border-solid-top {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #888888;
}

.border-solid-bottom {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #888888;
}

.border-solid-right {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #888888;
}

.border-solid-left {
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #888888;
}

.padding-0px {
	padding: 0px;
}



.padding-top-20x {
	padding-top: 20px;
}

.padding-top-19px {
	padding-top: 19px;
}

.padding-top-18px {
	padding-top: 18px;
}

.padding-top-17px {
	padding-top: 17px;
}

.padding-top-16px {
	padding-top: 16px;
}

.padding-top-15px {
	padding-top: 15px;
}

.padding-top-14px {
	padding-top: 14px;
}

.padding-top-13px {
	padding-top: 13px;
}

.padding-top-12px {
	padding-top: 12px;
}

.padding-top-11px {
	padding-top: 11px;
}

.padding-top-10px {
	padding-top: 10px;
}

.padding-top-9px {
	padding-top: 9px;
}

.padding-top-8px {
	padding-top: 8px;
}

.padding-top-7px {
	padding-top: 7px;
}

.padding-top-6px {
	padding-top: 6px;
}

.padding-top-5px {
	padding-top: 5px;
}

.padding-top-4px {
	padding-top: 4px;
}

.padding-top-3px {
	padding-top: 3px;
}

.padding-top-2px {
	padding-top: 2px;
}

.padding-top-1px {
	padding-top: 1px;
}

.padding-top-0px {
	padding-top: 0px;
}

.padding-bottom-20px {
	padding-bottom: 20px;
}

.padding-bottom-19px {
	padding-bottom: 19px;
}

.padding-bottom-18px {
	padding-bottom: 18px;
}

.padding-bottom-17px {
	padding-bottom: 17px;
}

.padding-bottom-16px {
	padding-bottom: 16px;
}

.padding-bottom-15px {
	padding-bottom: 15px;
}

.padding-bottom-14px {
	padding-bottom: 14px;
}

.padding-bottom-13px {
	padding-bottom: 13px;
}

.padding-bottom-12px {
	padding-bottom: 12px;
}

.padding-bottom-11px {
	padding-bottom: 11px;
}

.padding-bottom-10px {
	padding-bottom: 10px;
}

.padding-bottom-9px {
	padding-bottom: 9px;
}

.padding-bottom-8px {
	padding-bottom: 8px;
}

.padding-bottom-7px {
	padding-bottom: 7px;
}

.padding-bottom-6px {
	padding-bottom: 6px;
}

.padding-bottom-5px {
	padding-bottom: 5px;
}

.padding-bottom-4px {
	padding-bottom: 4px;
}

.padding-bottom-3px {
	padding-bottom: 3px;
}

.padding-bottom-2px {
	padding-bottom: 2px;
}

.padding-bottom-1px {
	padding-bottom: 1px;
}

.padding-bottom-0px {
	padding-bottom: 0px;
}

.padding-left-15px {
	padding-left: 15px;
}

.padding-left-10px {
	padding-left: 10px;
}

.padding-left-8px {
	padding-left: 8px;
}

.padding-left-6px {
	padding-left: 6px;
}

.padding-left-4px {
	padding-left: 4px;
}

.padding-left-2px {
	padding-left: 2px;
}

.padding-left-0px {
	padding-left: 0px;
}

.padding-right-15px {
	padding-right: 15px;
}

.padding-right-10px {
	padding-right: 10px;
}

.padding-right-8px {
	padding-right: 8px;
}

.padding-right-6px {
	padding-right: 6px;
}

.padding-right-4px {
	padding-right: 4px;
}

.padding-right-2px {
	padding-right: 2px;
}

.padding-right-0px {
	padding-right: 0px;
}

/* , input[type="text"] */
input {
	font-family: Arial, Helvetica, sans-serif, Trebuchet MS, Lucida Sans Unicode;
	font-size: 12px;
	/* background-color:#EEEEEE; */
	/* border: 1px solid #666666; */
	background-color:#F3F3F3;
	border:1px solid #7F9DB9;
	padding:2px 2px 2px 2px;
	margin:1px;
}


input.grid {
	border: 0px;
	margin:0px;
}


.textbox {
	padding: 1px 3px 1px 3px;
	line-height: 12px;
}

/* , input[type="checkbox"], input[type="radio"] */
input.checkbox, input.radio {
	background-color:#FFFFFF;
	border: 0px;
}

input.checkbox30 {
	background-color:#FFFFFF;
	border: 1px solid #FF0000;
	#border: 0px;
	margin: 0px;
	padding: 0px;
	width: 20px;
	height: 20px;
	#width: 26px;
	#height: 26px;
}

select {
	font-family: Arial, Helvetica, sans-serif, Trebuchet MS, Lucida Sans Unicode;
	font-size: 12px;
	/* background-color:#EEEEEE; */
	/* border: 1px solid #666666; */
	background-color:#F3F3F3;
	border:1px solid #7F9DB9;
	padding:2px 2px 2px 2px;
	margin:1px;
}

textarea {
	font-family: Arial, Helvetica, sans-serif, Trebuchet MS, Lucida Sans Unicode;
	font-size: 12px;
	/* background-color:#EEEEEE; */
	/* border: 1px solid #666666; */
	background-color:#F3F3F3;
	border:1px solid #7F9DB9;
	padding:2px 2px 2px 2px;
	margin:1px;
}

.TxTCounter {
	background-color: #FFFFFF;
	color: #666666;
	border: 0px solid #666666;
	width: 10em;
	font-size: 11px;
	margin:0px;
}

.Mandatory {
	/*font-weight: bold;*/
	color: #990000;
}

.EitherOne {
	/*font-weight: bold;*/
	color: #003366;
}

.ReadOnly {
	background-color:#FFFFBB;
}
.BtnDefault {
	font: bold 12px Arial, Helvetica, sans-serif, Trebuchet MS, Lucida Sans Unicode;
	color: #FFFFFF;
	background: url(../img/button-bg-blue.gif) repeat;
	border: 1px solid #38598C;
	height: 24px;
	text-align: center;
	cursor: pointer; 
}

input.button80 {
	background-image: url(../img/plat-button80.png);
	height: 23px;
	width: 80px;
	border: 1px outset #4774B9;
	cursor: pointer;
	background-position: center center;
	font-family: Arial, Helvetica, sans-serif, Trebuchet MS, Lucida Sans Unicode;
	font-size: 11px;
	font-weight: bold;
	color: #003333;
	text-align: center;
	text-transform: uppercase;
}

input.button90 {
	background-image: url(../img/plat-button90.png);
	height: 23px;
	width: 90px;
	border: 1px outset #4774B9;
	cursor: pointer;
	background-position: center center;
	font-family: Arial, Helvetica, sans-serif, Trebuchet MS, Lucida Sans Unicode;
	font-size: 11px;
	font-weight: bold;
	color: #003333;
	text-align: center;
	text-transform: uppercase;
}

input.button100 {
	background-image: url(../img/plat-button100.png);
	height: 23px;
	width: 100px;
	border: 1px outset #4774B9;
	cursor: pointer;
	background-position: center center;
	font-family: Arial, Helvetica, sans-serif, Trebuchet MS, Lucida Sans Unicode;
	font-size: 11px;
	font-weight: bold;
	color: #003333;
	text-align: center;
	text-transform: uppercase;
}

input.button120 {
	background-image: url(../img/plat-button120.png);
	height: 23px;
	width: 120px;
	border: 1px outset #4774B9;
	cursor: pointer;
	background-position: center center;
	font-family: Arial, Helvetica, sans-serif, Trebuchet MS, Lucida Sans Unicode;
	font-size: 11px;
	font-weight: bold;
	color: #003333;
	text-align: center;
	text-transform: uppercase;
}

input.button140 {
	background-image: url(../img/plat-button140.png);
	height: 23px;
	width: 140px;
	border: 1px outset #4774B9;
	cursor: pointer;
	background-position: center center;
	font-family: Arial, Helvetica, sans-serif, Trebuchet MS, Lucida Sans Unicode;
	font-size: 11px;
	font-weight: bold;
	color: #003333;
	text-align: center;
	text-transform: uppercase;
}

input.db-ringkasan-aktvt-baru-gif {
	border: 1px outset #4774B9;
	width: 22px;
	height: 22px;
	cursor: pointer;
	background-image: url(../img/db-ringkasan-aktvt-baru.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}
input.blank {
	background-color:#FFFFFF;
	height: 19px;
	padding: 0px;
	margin: 0px;
	border: none;
	font-family: Arial, Helvetica, sans-serif, Trebuchet MS, Lucida Sans Unicode;
	font-size: 11px;
	font-weight: bold;
	color: #003333;
	text-align: center;
	text-transform: uppercase;
	clear: none;
}

input.display {
	background-color:#FFFFFF;
	padding: 0px;
	margin: 0px;
	border: none;
	font-family: Arial, Helvetica, sans-serif, Trebuchet MS, Lucida Sans Unicode;
}
.BtnAddAll {
	border: 2px outset #4774B9;
	width: 25px;
	height: 25px;
	cursor: pointer;
	background-image: url(../img/button-rightall.png);
	background-repeat: repeat-x;
	background-position: center center;
}

.BtnAddOne {
	border: 2px outset #4774B9;
	width: 25px;
	height: 25px;
	cursor: pointer;
	background-image: url(../img/button-right.png);
	background-repeat: repeat-x;
	background-position: center center;
}

.BtnRemoveAll {
	border: 2px outset #4774B9;
	width: 25px;
	height: 25px;
	cursor: pointer;
	background-image: url(../img/button-leftall.png);
	background-repeat: repeat-x;
	background-position: center center;
}

.BtnRemoveOne {
	border: 2px outset #4774B9;
	width: 25px;
	height: 25px;
	cursor: pointer;
	background-image: url(../img/button-left.png);
	background-repeat: repeat-x;
	background-position: center center;
}

.BoxBlueTopLeft {
	background-image: url(../img/boxblue-top-left.gif);
	background-repeat: no-repeat;
	height: 22px;
	width: 7px;
}

.BoxBlueTop {
	background-image: url(../img/boxblue-top.gif);
	background-repeat: repeat-x;
	background-position: center top;
	font-family: Arial, Helvetica, sans-serif, Trebuchet MS, Lucida Sans Unicode;
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	text-indent: 20px;
}

.BoxBlueTopRight {
	background-image: url(../img/boxblue-top-right.gif);
	background-repeat: no-repeat;
	background-position: right top;
	height: 22px;
	width: 8px;
}

.BoxBlueLeft {
	background-image: url(../img/boxblue-left.gif);
	background-repeat: repeat-y;
	background-position: right top;
	width: 7px;
}
.BoxBlueContent {
	background-image: url(../img/content.gif);
	background-repeat: repeat;
	font-size: 12px;
	color: #000000;
}
.BoxBlueRight {
	background-image: url(../img/boxblue-right.gif);
	background-repeat: repeat-y;
	background-position: left top;
	width: 8px;
}
.BoxBlueBottomLeft {
	background-image: url(../img/boxblue-bottom-left.gif);
	background-repeat: no-repeat;
	background-position: right top;
	height: 8px;
	width: 7px;
}
.BoxBlueBottom {
	background-image: url(../img/boxblue-bottom.gif);
	background-repeat: repeat-x;
	background-position: center top;
	height: 8px;
}
.BoxBlueBottomRight {
	background-image: url(../img/boxblue-bottom-right.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 8px;
	width: 8px;
}

/*  ADDED BY OSH - 07/10/2009  */
.GroupHeader {
	background-color: #CC6600;
	color: #FFFFFF;
}
/*  End OSH - 07/10/2009  */

/*  ADDED BY OSH - 15/09/2009  */
input.button-control {
	border-width:0px;
	background: transparent;
	cursor: pointer;
}
/*  END OSH - 15/09/2009  */

/*  ADDED BY OSH - 01/10/2009  */
input.printer {
	border: none;
	width: 32px;
	height: 32px;
	cursor: pointer;
	background-image: url(../img/printer.png);
	background-position: bottom;
}
input.edit {
	border: none;
	width: 32px;
	height: 32px;
	cursor: pointer;
	background-image: url(../img/file_edit.png);
	background-position: bottom;
}
/*  End OSH - 01/10/2009  */
input.db-ringkasan-aktvt-baru {
	border: 1px outset #4774B9;
	width: 22px;
	height: 22px;
	cursor: pointer;
	background-image: url(../img/db-ringkasan-aktvt-baru.png);
	background-repeat: repeat-x;
	background-position: bottom;
}

input.ico-notis {
	border: 1px outset #4774B9;
	width: 22px;
	height: 22px;
	cursor: pointer;
	background-image: url(../img/db-bg-notis.png);
	background-repeat: repeat-x;
	background-position: bottom;
}

input.ico-status {
	border: 1px outset #4774B9;
	width: 22px;
	height: 22px;
	cursor: pointer;
	background-image: url(../img/db-ringkasan-aktvt-baru.gif); 
	background-repeat: repeat-x;
	background-position: bottom;
}

/**/

input.SBtnKanta {
	border: 1px outset #4774B9;
	width: 22px;
	height: 22px;
	cursor: pointer;
	background-image: url(../img/s-btn-kanta.png);
	background-repeat: repeat-x;
	background-position: bottom;
}

input.SBtnEdit {
	border: 1px outset #4774B9;
	width: 22px;
	height: 22px;
	cursor: pointer;
	background-image: url(../img/s-btn-edit.png);
	background-repeat: repeat-x;
	background-position: bottom;
}

input.SBtnDelete {
	border: 1px outset #4774B9;
	width: 22px;
	height: 22px;
	cursor: pointer;
	background-image: url(../img/s-btn-delete.png);
	background-repeat: repeat-x;
	background-position: bottom;
}

input.SBtnLoading {
	border: 1px outset #4774B9;
	width: 22px;
	height: 22px;
	cursor: pointer;
	background-image: url(../img/s-btn-loading.gif);
	background-repeat: repeat-x;
	background-position: center center;
	background-color: #CCCCCC;
}

input.SBtnBlank {
	background-image: url(../img/blank.gif);
	height: 32px;
	width: 32px;
	border: 1px outset #666666;
	cursor: pointer;
	background-position: center center;
}

input.SBtnTukar {
	background-image: url(../img/ico-tukar.png);
	height: 32px;
	width: 32px;
	border: 1px outset #666666;
	cursor: pointer;
	background-position: center center;
}

input.SBtnConfig {
	background-image: url(../img/ico-config.png);
	height: 32px;
	width: 32px;
	border: 1px outset #666666;
	cursor: pointer;
	background-position: center center;
}

input.SBtnNotis {
	background-image: url(../img/ico-notis.png);
	height: 32px;
	width: 32px;
	border: 1px outset #666666;
	cursor: pointer;
	background-position: center center;
}

input.SBtnUserBlue {
	background-image: url(../img/ico-userblue.png);
	height: 32px;
	width: 32px;
	border: 1px outset #666666;
	cursor: pointer;
	background-position: center center;
}

input.SBtnUbah {
	background-image: url(../img/ico-ubah.png);
	height: 32px;
	width: 32px;
	border: 1px outset #666666;
	cursor: pointer;
	background-position: center center;
}

input.SBtnOrganisasi {
	background-image: url(../img/ico-organisasi.png);
	height: 32px;
	width: 32px;
	border: 1px outset #666666;
	cursor: pointer;
	background-position: center center;
}

input.SBtnUserBlack {
	background-image: url(../img/ico-userblack.png);
	height: 32px;
	width: 32px;
	border: 1px outset #666666;
	cursor: pointer;
	background-position: center center;
}

input.SBtnMail {
	background-image: url(../img/ico-mail.png);
	height: 32px;
	width: 32px;
	border: 1px outset #666666;
	cursor: pointer;
	background-position: center center;
}

input.SBtnJana {
	background-image: url(../img/ico-jana.png);
	height: 32px;
	width: 32px;
	border: 1px outset #666666;
	cursor: pointer;
	background-position: center center;
}

input.SBtnGoBlue {
	background-image: url(../img/ico-goblue.png);
	height: 32px;
	width: 32px;
	border: 1px outset #666666;
	cursor: pointer;
	background-position: center center;
}

.IcoCode {
	background-image: url(../img/ico-code.png);
	background-repeat: no-repeat;
	background-position: center center;
	border: 0px;
	height: 32px;
	width: 32px;
}


.IcoApply {
	background-image: url(../img/ico-apply.png);
	background-repeat: no-repeat;
	background-position: center center;
	border: 0px;
	height: 32px;
	width: 32px;
}

.IcoStatus {
	background-image: url(../img/ico-status.png);
	background-repeat: no-repeat;
	background-position: center center;
	border: 0px;
	height: 32px;
	width: 32px;
}

input.BtnDaftar {
	background-image: url(../img/btn-daftar.png);
	height: 60px;
	width: 60px;
	border: 1px outset #4774B9;
	cursor: pointer;
	background-position: center center;
}

.cursor-pointer {
	cursor: pointer; 
}

.TblHeader {
	font-size: 12px;
	font-weight: bold;
	color: #990000;
	background-image: url(../img/bar-on.png);
	text-align: center;
	text-transform: uppercase;
	/* border: 1px groove #666666; */
}

.TblHeader01 {
	font-size: 12px;
	font-weight: bold;
	color: #990000;
	background-image: url(../img/bar-on-60.png);
	text-align: center;
	text-transform: uppercase;
	/* border: 1px groove #666666; */
}
.TblHeaderjuki {
	font-size: 12px;
	font-weight: bold;
	color: #990000;
	background-image: url(../img/bar-on-60.png);
	text-align: center;
	/*text-transform: uppercase;    */
	/* border: 1px groove #666666; */
}

.TblHeader02 {
	font-size: 12px;
	font-weight: bold;
	color: #990000;
	background-image: url(../img/bar-on-34.png);
	text-align: center;
	text-transform: uppercase;
	/* border: 1px groove #666666; */
}

.DashBoard-RingkasanAktvt-bg{
	background-image: url(../img/db-bg-ringkasan-aktvt.png);
	height: 70px;
}

.DashBoard-RingkasanAktvt-bg-on{
	background-image: url(../img/db-bg-ringkasan-aktvt-on.png);
	height: 70px;
}

.DashBoard-RingkasanAktvt-Desc{
	height: 70px;
	width: 250px;
}

.DashBoard-RingkasanAktvt-Count{
	height: 70px;
	vertical-align: middle;
	text-align: right;
	font-size: 30px;
	font-style: oblique;
	width: 70px;
	padding-right: 10px;
}

.DashBoard-Notis-bg{
	background-image: url(../img/db-bg-notis.png);
	height: 250px;
	width: 460px;
}

/*adminlogin.tpl styling*/
.loginBody{
	background-image:url(../images/fsqtheme/allBG.jpg);
}
.loginContent{
	background-image:url(../images/fsqtheme/loginBG.png);
	background-repeat:repeat-x;
  height:700px;
}
.loginHdr{
	width:406px;
	height:345px;
  background-image:url(../images/fsqtheme/loginBox-top.jpg);
	background-repeat:no-repeat;
}
.loginItem{
	width:406px;
	height:170px;
	background-image:url(../images/fsqtheme/loginBox-main.jpg);
	background-repeat:no-repeat;
}
.loginFooter{
	width:406px;
	height:105px;
	background-image:url(../images/fsqtheme/loginBox-bottom.jpg);
	background-repeat:no-repeat;
}
.loginFiller{
  height:25px;
}
.loginUser{
	width:310px;
  height:35px;
  background-image:url(../images/fsqtheme/input-userid.png);
  background-repeat:no-repeat;
  text-align:right;
}
.loginUser input{
  width:180px;
  background-color:transparent;
  border-width:0px;
  text-align:left;
  margin-right:12px;
  color:#0a43a0;
  font-weight:bold;

}
.loginPwd{
	width:310px;
  height:35px;
  background-image:url(../images/fsqtheme/input-pwd.png);
  background-repeat:no-repeat;
  text-align:right;
}
.loginPwd input{
  width:180px;
  background-color:transparent;
  border-width:0px;
  text-align:left;
  margin-right:12px;
  color:#0a43a0;
  font-weight:bold;
}
.loginButton{
  text-align:right;
  padding-right:5px;
}
.loginButton input#submit{
  
  width:60px;
  height:30px;
  border-width:0px;
  background-color:transparent;
  background-image:url(../images/fsqtheme/button-masuk.png);
  font-size:1px;
  color:#FFFFFF;
  cursor:pointer;
}
.loginButton input#reset{
  
  width:60px;
  height:30px;
  border-width:0px;
  background-color:transparent;
  background-image:url(../images/fsqtheme/button-padam.png);
  font-size:1px;
  color:#FFFFFF;
  cursor:pointer;
}


@media screen {
	.HideOnScreen {
		display: none;
		visibility: hidden;
	}
}

@media print {
	.HideOnPrint {
		display: none;
		visibility: hidden;
	}
}

/* Header - Icons styling
  Sam Sulaiman 20091007 */
.header-icon{
	width: 100px;
	height: 25px;
	background-color: transparent;
	float: right;
	margin-right: 2px;
}
a#hi-utama:link, a#hi-utama:visited{
	display: block;
	background-image: url(../img/header-icon-utama.png);
	background-repeat: no-repeat;
}
a#hi-utama:hover{
	display: block;
	background-image: url(../img/header-icon-utama.png);
	background-repeat: no-repeat;
	background-position: left -25px;
}
a#hi-keluar:link, a#hi-keluar:visited{
	display: block;
	background-image: url(../img/header-icon-keluar.png);
	background-repeat: no-repeat;
}
a#hi-keluar:hover{
	display: block;
	background-image: url(../img/header-icon-keluar.png);
	background-repeat: no-repeat;
	background-position: left -25px;
}
.header-info-start{
	width: 24px;
	height: 60px;
	background-image: url(../img/header-info-start.png);
	background-repeat: repeat-x;
	float: right;
}
.header-info-end{
	width: 14px;
	height: 60px;
	background-image: url(../img/header-info-end.png);
	background-repeat: repeat-x;
	float: right;
	margin-right: 3px;
}
.header-info{
	background-image: url(../img/header-info-bg.png);
	background-repeat: repeat-x;
	height: 56px;
	margin: 0px 0px 2px 0px;
	float: right;
	text-align: left;
	padding: 4px 30px 0px 0px;
}
.header-info span{
	display: block;
	height: 18px;
	font-weight: Bold;
	color: #333333;
}