/* Template8 Custom.css version 1.05*/

/*-------General Styles--------*/
 
/*the default color and size for text on this site.*/
body { 
	color: #000; 
	font-size: 80%;
}

/*
Margin - Controls the spacing to allow for side columns
min-height - use to set a minimum height for the content section of the page. 
_height - is a hack. It allows us to set a height (that only IE will see) which works like minimum height in standards complaint browsers.
*/
#content { 
	margin-left: 1px;
	margin-right: 1px; 
	min-height: 420px; 
	_height: 420px;
}

/*Controls the font size in the footer. Inherits from the body*/
#footer { font-size: .7em; }

/*Controls the headline color*/
h1, h2, h3, h4 { color: #494d4c; }

/*Controls heading font size for h1*/
h1 {
    font-size: 1em;
    text-align: center;
}

/*Controls heading font size for h2*/
h2 { font-size: 1.40em; }

/*Controls heading font size for h3*/
h3 { font-size: 1.38em; }

/*Controls heading font size for h4, h5, and h6*/
h4, h5, h6 { font-size: 1.35em; }

/*
font-size = Controls the font size in the header. Inherits from the body
height = two line graphical nav needs a taller header than the usual 120px
*/
#header {
    font-size: .8em;
    height: 53px;
}

/*Sets the height for the momentum band on the home page*/
#home #momentumSub {
    height: 35px;
}

#home #momentumBgSub {
    height: 35;
}

#home #momentum { 
	height: 100px;  
	margin-left: 0;
}

#home #momentumBg {   
	height: 140px;
}

#home #mBandPositioner {  
	height: 140px;
}

#home #mBandText { 
	height: 73px;
}

#home #columnLeft {	
	margin-top: 0px;
	padding-left: 2px; 
	width: 180px; 
}

#home #content { 
	margin-left: 178px;
	margin-right: 0;
	padding-left: 5px; 
}

/*The color that will expand to the right of the momentum band */
#momentum { 
	background: #8e7e75; 
	color: #fff;
	font-size: 130%;
	height: 73px; 
	margin-left: 182px;
}

#momentumBg {   
	height: 73px; 
	position: absolute;
	left: 0; 
	width:750px; 
}

#momentumSub { 
	background: #8e7e75; 
	color: #fff;
	font-size: 130%;
	text-align:left;
	height: 73px; 
	margin-left: 2px;
}

#momentumBgSub {   
	height: 73px; 
	position: absolute;
	left: 10; 
	
}

#mBandPositioner {  
	height: 73px;
	position: absolute; 
	top: 50%;
}
 
#mBandText { 
	height: 10px;
	padding: 0 5px;
	position: relative; 
	top: 25%; 
}

/*Controls the width of the page*/
#pageConstraints {
	min-width: 758px;
	
	/* hack and fix the IE min-width bug */
	width:expression(document.body.clientWidth < 759? "758px" : "100%" );
}

/* for pages without a left nav we need to remove the left margin from the momentum band*/
#page1 #momentum,
#page3 #momentum,
#page5 #momentum { margin-left: 0;}

/* for pages without a left nav we need to remove the left margin from the content band*/
#page1 #content,
#page3 #content,
#page5 #content { margin-left: 0;}

#columnRight {  
	margin-top: 15px; 
	width: 0px;
}

/*
border-top = Size and Color of the bar above the whole navigation
margin-top = space above the navigation.
*/
#sideNav { 
	border-top: none;
	margin-top: 0; 
} 



/*Height here needs to be the same size as the height of your sitename image for vertical alignment to work in Firefox.*/
#siteNamePositioner { height: 50px; margin-top: -15px;}

/*This number tells the browser what size to allow to the left for your site name image*/
#siteSpecific { margin-left: 128px; margin-top: 10px;}

/*Data table styles - partial border style control for the table*/
#sampleTbl { 
	border-top: 1px solid #494d4c;  
	border-left: 1px solid #494d4c; 
	border-bottom: 1px solid #494d4c;
}

/*Data table header cell styles */
#sampleTbl th {
	background-color: #8e7e75; 
	border-right: 1px solid #494d4c;
	color: #f6eeaf; 
	padding: 3px 5px;
	text-align: left;
}

/*Data table data cell styles */
#sampleTbl td {
	background-color: #f6eeaf; 
	border-right: 1px solid #494d4c; 
	border-top: 1px solid #494d4c; 
	padding: 7px; 
	text-align: center;
}


/*-------End General Styles--------*/

	
/*------- Nav Styles--------*/ 

/*Size and Color of the bar below the whole navigation*/
#sideNav li.last { border-bottom: 2px solid #cdedfc; }

/*Background color of the navigation*/
#sideNav a, 
#sideNav a:visited,
#sideNav #title {	background-color: #fff6cc; }

/*This color has to match the headline color used in the site name*/
#sideNav a.currentPage,
#sideNav a:link.currentPage, 
#sideNav a:hover.currentPage, 
#sideNav a:visited.currentPage,
#sideNav a:active.currentPage, 
#sideNav a:focus.currentPage, 
#sideNav a:hover.currentPage,
#topNav a:link.currentPage, 
#topNav a:hover.currentPage, 
#topNav a:visited.currentPage,
#topNav a:active.currentPage, 
#topNav a:focus.currentPage, 
#topNav a:hover.currentPage {
	color: #494d4c;	
}

/* The following styles change the look of the top menu drop-down Menus*/
#topNav li ul{
	background: #fff6cc;
	border-right: 2px solid #fedb34;
	border-bottom: 2px solid #fedb34;
}

/*-------End Nav Styles--------*/




/*---------------- Add New Styles by Developer -------------------*/
body
{
	scrollbar-face-color: #ffffff; 
	scrollbar-highlight-color: #9bb6d9; 
	scrollbar-shadow-color: #ffffff; 
	scrollbar-3dlight-color: #ffffff; 
	scrollbar-arrow-color: #9bb6d9; 
	scrollbar-track-color: #ffffff; 
	scrollbar-darkshadow-color: #9bb6d9; 
	scrollbar-base-color: #ffffff;
}

#siteSpecific li.single 
{
	padding-left: 0;
	border-right: none;
	padding-right: 0;
}

.lbl {
	font-family: segoe ui;
	font-size: 9pt;
}

.lblI {
	font-family: segoe ui;
	font-size: 9pt;
	font-style: italic;
}

.lblB {
	font-family: segoe ui;
	font-size: 9pt;
	font-weight: bold;
}

.lblSmallInfo {
	font-family: segoe ui;
	font-size: 8pt;
	color: Red;
	font-style: italic;
}

.lblSmallInfo2 {
	font-family: segoe ui;
	font-size: smaller;
}

.lblLink {
	font-family: segoe ui;
	font-size: 9pt;
	text-decoration: underline;
	color: #0050aa;
	cursor: hand;
}

.btnFlat {
	/*border: 1px solid #4e7cb7; 
	background: url('../Images/background/Btn01.jpg') repeat-x;
	color: #494d4c;*/
	font-size: 9pt;
	font-family: segoe ui;
	/*font-weight: bold;*/
	width: 7.5em;
	cursor: hand;
	height: 22px; 

}

.btnFlatOver {
	/*border: 1px solid #ffcc00;
	background: url('../Images/background/Btn03.jpg') repeat-x;
	color: #494d4c;*/
	font-size: 9pt;
	font-family: segoe ui;
	/*font-weight: bold;*/
	cursor: hand;
	height: 22px;
}

.btnFlatHd {
	border: 0px;
	height: 0px;
	width: 0px;
}

.btnGroupHdr
{
	border: 0px;
	background: url('../Images/background/Btn04.jpg') repeat-x;
	color: #ffffff;
	font-family: segoe ui;
	font-size: 9pt;
	font-weight: bold;
	width: 160px;
	height: 18px;
}

.btnTabFlat
{
	border: 0px;
	margin-right: 1px;
	background: url('../Images/background/Btn04.jpg') repeat-x;
	color: #ffffff;
	font-family: segoe ui;
	font-size: 9pt;
	font-weight: bold;
	cursor: hand;
	height: 18px;
}

.btnTabFlatOver
{
	border: 0px;
	margin-right: 1px;
	background: url('../Images/background/Btn03.jpg') repeat-x;
	color: #494d4c;
	font-family: segoe ui;
	font-size: 9pt;
	font-weight: bold;
	cursor: hand;
	height: 18px;
}

.btnTabFlatNA
{
	border: 0px;
	margin-right: 1px;
	background: url('../Images/background/Btn02.jpg') repeat-x;
	color: #0050aa;
	font-family: segoe ui;
	font-size: 9pt;
	/*font-weight: bold;*/
	cursor: hand;
	height: 18px;
}

.btnTabFlatNAOver
{
	border: 0px;
	margin-right: 1px;
	background: url('../Images/background/Btn03.jpg') repeat-x;
	color: #494d4c;
	font-family: segoe ui;
	font-size: 9pt;
	/*font-weight: bold;*/
	cursor: hand;
	height: 18px;
}

.txtFlatM {
	border: 1px solid Gray;
	font-family: segoe ui;
	font-size: 9pt;
	
	/*background-color: #ffffe0;*/
	background-color: #ffffbc;
}

.txtFlat {
	border: 1px solid Gray;
	font-family: segoe ui;
	font-size: 9pt;
	background-color: #ffffff;
}

.txtFlatRO {
	border: 1px solid Gray;
	font-family: segoe ui;
	font-size: 9pt;
	
	/*background-color: #f2f2f2;*/
	background-color: #dcdcdc;
}

.txtFlatNoBorder {
	border: none;
	font-family: segoe ui;
	font-size: 9pt;
	
	background-color: #ffffff;
}

.txtFlatNoBorderWithBG {
	border: none;
	font-family: segoe ui;
	font-size: 9pt;
	
	background-color: #d6e8ff;
}

.txtFlatHd {
	border: 0px;
	height: 0px;
	width: 0px;
}

.txtFlatHdBg {
	border: 0px;
	height: 0px;
	width: 0px;
	background-color: #d6e8ff;
}

.txtFlatNbr {
	border: 1px solid Gray;
	font-family: segoe ui;
	font-size: 9pt;
	
	background-color: #ffffff;
	text-align: right;
}

.txtFlatNbrM {
	border: 1px solid Gray;
	font-family: segoe ui;
	font-size: 9pt;
	
	background-color: #ffffbc;
	text-align: right;
}

.txtFlatNbrRO {
	border: 1px solid Gray;
	font-family: segoe ui;
	font-size: 9pt;
	
	background-color: #dcdcdc;
	text-align: right;
}

.txtListFlat {
	border: 1px solid Gray;
	font-family: segoe ui;
	font-size: 9pt;
	background-color: #ffffff;
}

.txtListFlatM {
	border: 1px solid Gray;
	font-family: segoe ui;
	font-size: 9pt;
	background-color: #ffffbc;
}

.txtListFlatRO {
	border: 1px solid Gray;
	font-family: segoe ui;
	font-size: 9pt;
	background-color: #dcdcdc;
}

.ddlFlat {
	border: 1px solid Gray;
	font-family: segoe ui;
	font-size: 9pt;
	height: 20px;
	cursor: hand;
	background-color: #ffffff;
}

.ddlFlatM {
	border: 1px solid Gray;
	font-family: segoe ui;
	font-size: 9pt;
	height: 20px;
	cursor: hand;
	background-color: #ffffbc;
}

.btnBlueColor 
{
	border: 1px solid #4e7cb7; 
	/*background: url('../Images/background/Btn01.jpg') repeat-x;*/
	color: #000;
	font-size: 9pt;
	font-family: segoe ui;
	/*font-weight: bold;*/
	width: 7.5em;
	cursor: hand;
	/*height: 22px;*/
}

.FileUploadFlat {
	border: 1px solid Gray;
	font-family: segoe ui;
	font-size: 9pt;
	height: 18px;
	background-color: #ffffff;
}

.FileUploadFlatM {
	border: 1px solid Gray;
	font-family: segoe ui;
	font-size: 9pt;
	height: 18px;
	background-color: #ffffbc;
}

.FileUploadFlatRO {
	border: 1px solid Gray;
	font-family: segoe ui;
	font-size: 9pt;
	height: 18px;
	background-color: #dcdcdc;
}

.bgBySystem {
	/*background-color: #DBEAF5;*/
	/*background-color: #d6e8ff;*/
	background: #d6e8ff url('../Images/background/GroupHdr01.jpg') repeat-x;
	border-left: 1px solid #8CB1DD; 
	border-right: 1px solid #8CB1DD; 
	border-bottom: 1px solid #8CB1DD;
}

.hdrPanel {
	background-color: #8CB1DD;
	font-weight: bold;
	color: White;
	vertical-align: middle;
	/*height: 20px;*/
	text-align: center;
	padding: 5px 50px 5px 50px;
}

/*--- ## GridView CSS ## ---*/
.GridView				/*-- GridView --*/
{
	font-family: segoe ui;
	font-size: 9pt;
	border-right: solid 1px #fff;
	border-left: solid 1px #fff;
	border-top: 1px solid #ebebeb;
	border-bottom: 1px solid #ebebeb;
}

.GridViewHdr			/*-- HeaderStyle --*/
{
	background-color: #ffffff; 
	color: #404040; 
	font-weight: bold;
	text-align: left;
	vertical-align: middle;
}

.GridViewBody			/*-- RowStyle --*/
{
	background-color: #e0f3fb; 
	color: #0050aa;
	text-align: left;
	vertical-align: middle;
}

.GridViewBodyAlt		/*-- AlternatingRowStyle --*/
{
	background-color: #ffffff; 
	color: #0050aa;
	text-align: left;
	vertical-align: middle;
}

.GridViewBodySel		/*-- SelectedRowStyle --*/
{
	background-color: #ffffbc;
	color: #0050aa;
	font-weight: bold;
	text-align: left;
	vertical-align: middle;
}

.GridViewFooter		/*-- FooterStyle --*/
{
	border : none;
	border-right: none;  
	border-top: none;
	border-left: none; 
	border-bottom: none solid #ebebeb;
	background-color: #ebebeb; 
	color: #404040; 
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
}

.GridViewFooter > td 
{
	border : none;
}

.GridViewHdrRows		/*-- HeaderStyle-CssClass --*/
{
	border-right: 0px;  
	border-top: 0px;
	border-left: 0px; 
	border-bottom: 1px solid #ebebeb;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
}
.GridViewHdrRowsRH		/*-- HeaderStyle-CssClass --*/
{
	border-right: 0px;  
	border-top: 0px;
	border-left: 0px; 
	border-bottom: 1px solid #ebebeb;
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 3px;
	padding-bottom: 3px;
}

.GridViewBodyRows		/*-- ItemStyle-CssClass --*/
{
	border-right: 0px; 
	border-top: 0px;
	border-left: 0px; 
	border-bottom: 1px solid #ebebeb; 
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
}

.GridViewBodyRowsP		/*-- ItemStyle-CssClass --*/
{
	border-right: 0px; 
	border-top: 0px;
	border-left: 0px; 
	border-bottom: 1px solid #ebebeb; 
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
	background-color: #aaafb4;
	color:White;
	font-weight:bold;	
}

.GridViewBodyRowsC		/*-- ItemStyle-CssClass --*/
{
	border-right: 1px; 
	border-top: 1px;
	border-left: 1px; 
	border-bottom: 1px solid #ebebeb; 
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
	background-color: White;
}

/*--- ## End of GridView CSS ## ---*/

/*--- ## Attach File GridView CSS ## ---*/
.GridViewAttach			/*-- GridView --*/
{
	font-family: segoe ui;
	font-size: 9pt;
	border: none;
}

.GridViewBodyAttach		/*-- RowStyle --*/
{
	/*background-color: #e0f3fb; */
	/*color: #0050aa;*/
	text-align: left;
	vertical-align: middle;
}

.GridViewBodyRowsAttach	/*-- ItemStyle-CssClass --*/
{
	border: none;
	padding-right: 10px;
	/*padding-left: 10px;*/
	padding-top: 3px;
	padding-bottom: 3px;
}
/*--- ## End of Attach File GridView CSS ## ---*/

/*--- ## Menu PopUp GridView CSS ## ---*/
.GridViewPopUp			/*-- GridView --*/
{
	font-family: segoe ui;
	font-size: 9pt;
	border: 1px solid #ebebeb;
	background-color: #fff6cc;
}

.GridViewBodyPopUp		/*-- RowStyle --*/
{
	/*background-color: #e0f3fb; */
	/*color: #0050aa;*/
	text-align: left;
	vertical-align: middle;
}

.GridViewBodyRowsPopUp	/*-- ItemStyle-CssClass --*/
{
	border: none;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
	font-size: .8em;
	font-family: verdana, sans-serif; 
}
/*--- ## End of Menu PopUp GridView CSS ## ---*/

/* --- tabulasi --- */
#tab {
	height: 35px;
	margin: 0 0 0 0;
	padding-bottom: 0;
	position: relative; 
	z-index: 1;
	font-size: .85em;
	font-family: segoe ui;
	/*background-color: red;*/
}


#tab a {
	color: #0050aa;
	padding: 0;
	margin:0;
	text-decoration: none;
}

#tab a.currentPage, 
#tab a:visited.currentPage {
	font-weight: bold;
	cursor: text;
	text-decoration: none;
}

#tab a:hover,
#tab a:active, 
#tab a:focus {	text-decoration: underline; }

#tab ul{
	border-bottom: 1px solid #ddd;
	list-style: none; 
	float: left;
	margin: 0;
	padding: 5px 0 5px 0;	
	white-space: nowrap;
}

#tab li{
	border-right: 1px solid #0050aa;
	display: inline;
	padding: 0 11px;
	margin: 0;
}

#tab li.first { padding-left: 0; }

#tab li.last {
	border-right: none;
	padding-right: 0;

}

.onOver {
	text-decoration: underline;
	cursor: hand;
	color: #fff6cc;
}

.onOut {
	color: #ffffff;
	cursor: hand;
}

/*---------------------------------------------- GridTbl ---------------------------------------------------*/
/*Data table styles - partial border style control for the table*/
#GridTbl { 
	font-size: 9pt;
	font-family: segoe ui;
	border-right: solid 1px #fff;
	border-left: solid 1px #fff;
	border-top: 1px solid #ebebeb;
	border-bottom: 1px solid #ebebeb;
}

/*Data table header cell styles */
#GridTbl th {
	background-color: #ffffff; 
	color: #404040; 
	font-weight: bold;
	text-align: left;
	vertical-align: middle;

	border-right: 0px;  
	border-top: 0px;
	border-left: 0px; 
	border-bottom: 1px solid #ebebeb;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
}

/*Data table data cell styles */
#GridTbl td {
	background-color: #e0f3fb; 
	color: #0050aa;
	text-align: left;
	vertical-align: middle;

	border-right: 0px; 
	border-top: 0px;
	border-left: 0px; 
	border-bottom: 1px solid #ebebeb; 
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
}

/*---------------------------------------------- grd ---------------------------------------------------*/
div.grd
{
	overflow: auto;
	width: 100%;
	height: 230px;
	position: relative;
}

div.grd th
{
	top: expression(parentNode.parentNode.parentNode.parentNode.parentNode.scrollTop);
	white-space: nowrap; 
	position: relative;
	cursor: default;
	z-index: 10;
}

.MaxWidth 
{
	width: 100%;
	 
}

/*-------------------------------------End of Edit Styles by Developer-------------------------------------*/

#TableLoss
{
	border-collapse:collapse;	
}

#TableLoss th
{
	background-color: #009dd9;
	color:White;
	font-weight:bold;
	text-align:center;
	border: 1px solid #009dd9;
}

#TableLoss td
{
	border: 1px solid #009dd9;
}

#BorderLess td
{
	border: 1px solid #d6e8ff;
}