/* ThemeOfficeMenu Style Sheet */

.ThemeOfficeMenu,.ThemeOfficeSubMenuTable
{
	font-family: arial, sans-serif, tahoma;
	font-size: 11px !important;
	padding: 0px;
	white-space: nowrap;
	cursor: default;
	z-index: 637;
	overflow: visible;
	
}

.ThemeOfficeSubMenu {
	background:#4a4949;
	border-style: none;
	border-width:medium 1px 1px;
	margin: 0 0 0 1px;
	opacity:0.95;
	overflow:visible;
	padding:0;
	position:absolute;
	visibility:hidden;
	text-transform:none;
	width:180px !important;
	z-index:337;
	
}

.sidemenu .ThemeOfficeMenu,.ThemeOfficeSubMenuTable
{
	font-family: arial, sans-serif, tahoma;
	font-size: 10px !important;
	padding: 0px;
	white-space: nowrap;
	cursor: default;
	z-index:237;
	overflow: visible;
	
	
}

.sidemenu .ThemeOfficeSubMenu {
	background-color:#105e6f;
	border-color:-moz-use-text-color #EEEEEE;
	border-style:none ;
	border-width:medium 1px 1px;
	margin: 0px 0 0 0px;
	opacity:0.99;
	overflow:visible;
	padding:  0;
	width:180px !important;
	z-index:100;
	visibility:hidden;	
	}

*html .headermenu .ThemeOfficeMenu {
	margin-top: -1px;
}
*html .sidemenu .headermenu .ThemeOfficeMenu {
	background-color:#aaa;
	border-color:-moz-use-text-color #EEEEEE;
	border-style:none solid solid;
	border-width:medium 1px 1px;
	margin-top:11px;
	opacity:0.95;
	padding:0;
	width:220px !important;
	z-index:317;
	
}
.sidemenu .ThemeOfficeSubMenu {
	background-color: #e93a7b;
	border-color:-moz-use-text-color #EEEEEE;
	margin:0px;
}
.ThemeOfficeSubMenuTable {
z-index:237;
}

.sidemenu .ThemeOfficeSubMenuTable {
}
.ThemeOfficeMainItem,.ThemeOfficeMainItemHover,.ThemeOfficeMainItemActive,
.ThemeOfficeMenuItem,.ThemeOfficeMenuItemHover,.ThemeOfficeMenuItemActive {
	cursor:	default;
	white-space: nowrap;
	z-index:237;

}
.sidemenu .ThemeOfficeMainItem,.ThemeOfficeMainItemHover,.ThemeOfficeMainItemActive,
.ThemeOfficeMenuItem,.ThemeOfficeMenuItemHover,.ThemeOfficeMenuItemActive {
	cursor:	default;
	white-space: nowrap;
	z-index:237;

}

/* MAIN MENU */
.ThemeOfficeMainItem {
	color:#FFFFFF;
	text-decoration:none;
	cursor: pointer;
	
}/*submenu pada saat hover aktif*/
.ThemeOfficeMainItemHover,.ThemeOfficeMainItemActive {
	color: #d590b6;
	display:block;
	float:left;
	padding: 0px 20px 0px 20px;
	text-decoration:none;
	text-align: center;
	cursor: pointer;
	font:bold 12px georgia;
	line-height:66px;
	font-weight:bold;
	background: url(../image/hover_menu.gif) repeat-x;
	border-right: 1px solid #3d3d3d;
	border-left: 1px solid #000;
}
/*submenu samping pada saat hover aktif*/
.sidemenu  .ThemeOfficeMainItemHover, .sidemenu .ThemeOfficeMainItemActive {
	clear: left;
	display: block;
	float: left;
	margin: 0;
	padding:0;
	text-decoration:none;
	text-align: left;
	width: 220px;
	cursor: pointer;
	line-height: 14px;
	height:30px;
	color: #000;
	font:bold 12px arial;
	background: #e93a7b;
	border-bottom:1px solid #b20e4b;
	border-top: 1px solid #b20e4b;
	border-left: none;
	border-right: none;
}

/* SUBMENU */

.ThemeOfficeMenuItem {
	color: #fff;
	text-decoration: none;
	background: #4a4949;
	overflow: visible;
	z-index:637;
	
}

.sidemenu .ThemeOfficeMenuItem {
	color: #fff;
	text-decoration: none;
	background-color: #fff;
	overflow: visible;
	z-index:637;
	background:#484748;
	
}
.ThemeOfficeMenuItemHover,.ThemeOfficeMenuItemActive {
	color: #aaa;
	text-decoration: none;
	background: none;
	cursor: pointer;
	z-index:637;
}

.sidemenu .ThemeOfficeMenuItemHover,.ThemeOfficeMenuItemActive { /* on click */
	text-decoration: none;
	color: #aaa;
	padding: 0 0 5px 0;
	background: #484748;
	cursor: pointer;
	z-index:637;
	}


/* ---------------------------------- horizontal main menu ----------------------------*/
.ThemeOfficeMainItem {
	margin:0;
	color: #fff;
	display: block;
	float: left;
	padding: 0px 20px 0 20px;
	text-decoration:none;
	text-align: center;
	cursor: pointer;
	font:bold 12px georgia;
	line-height:65px;
	border-right: 1px solid #3d3d3d;
	border-left: 1px solid #000;
}
.sidemenu .ThemeOfficeMainItem {
	padding:1px 0 1px 0;
	clear: left;
	color: #FFFFFF;
	display: block;
	float: left;
	text-decoration:none;
	width: 220px;
	line-height:14px;
	height:26px;
	text-align: center;
	font:bold 12px arial;
	border-bottom:1px solid #000;
	border-top: 1px solid #343434;
	border-left: none;
	border-right: none;
}

.ThemeOfficeMainFolderLeft,.ThemeOfficeMainItemLeft,
.ThemeOfficeMainFolderText,.ThemeOfficeMainItemText,
.ThemeOfficeMainFolderRight,.ThemeOfficeMainItemRight {
	background-color: inherit;
	visibility: none;
		
}
/* ------------------------- vertical main menu sub components --------------------------*/

/*----pengaturan  background sidebar menu---*/
.sidemenu .ThemeOfficeMainItem { /* mozilla setting */
	padding:0;
	margin: 0;
	clear: left;
	color: #333;
	display: block;
	float: left;
	text-decoration:none;
	text-align: left;
	width: 220px;
	height: 30px;
	cursor: pointer;
	background:#242323;
	line-height:14px;
	border-bottom: 1px solid #000;
	border-top: 1px solid #343434;
}



/* -----pengaturan text untuk sidebar---- */
.sidemenu td.ThemeOfficeMainFolderText, .sidemenu td.ThemeOfficeMainItemText { /* mozilla setting */
	padding:1px 0 1px 0;
	clear: left;
	color: #333;
	font-size: 12px;
	width: 220px; /* ie */
	height: 30px;
	text-align: left;
	border-bottom: 1px solid #000;
	border-top: 1px solid #343434;
	
}


.ThemeOfficeMainFolderLeft,.ThemeOfficeMainItemLeft,
.ThemeOfficeMainFolderText,.ThemeOfficeMainItemText,

.ThemeOfficeMainFolderText,.ThemeOfficeMainItemText {

}


td.ThemeOfficeMainFolderLeft,td.ThemeOfficeMainItemLeft {
	
	background-color: inherit;
	visibility: none;


}


tr.ThemeOfficeMainItem td.ThemeOfficeMainFolderLeft,
tr.ThemeOfficeMainItem td.ThemeOfficeMainItemLeft {
	white-space: nowrap;
	visibility: none;

}

/* -------------------- buat ngatur menu utama (tr)nya gitu loh----------------*/
/* ---untuk ngatur text di menu sidebar---*/
tr.ThemeOfficeMainItem td.ThemeOfficeMainFolderText,
tr.ThemeOfficeMainItem td.ThemeOfficeMainItemText {
	clear: left;
	color: #333;
	border: none;
	border-bottom: 1px solid #000;
	border-top: 1px solid #343434;

}

/* sub menu sub components */
.ThemeOfficeMenuFolderLeft,.ThemeOfficeMenuItemLeft {
	padding: 2px 0 0 10px ;
	border: 0px;
	white-space: nowrap;
	text-align: left;
	display: none;
	
}

.ThemeOfficeMenuFolderRight,.ThemeOfficeMenuItemRight {
		display: none;
	
}
.sidemenu .ThemeOfficeMenuFolderText, .sidemenu .ThemeOfficeMenuItemText {
	clear: left;
	font-size: 11px;
	width: 170px;
	height: 30px;
	padding: 5px 0 0 10px ;
}

.ThemeOfficeMenuFolderText,.ThemeOfficeMenuItemText {
	clear: left;
	font-size: 11px;
	width: 187px;
	height: 35px;
	padding: 2px 0 0 10px ;
	border-bottom: 1px solid #3c3c3c;
	border-top: 1px solid #5b5b5b;
}
.headermenu .ThemeOfficeMenuFolderText, .headermenu .ThemeOfficeMenuItemText {
	padding: 3px 0 0 10px ;
	
}

.ThemeOfficeMenuItem .ThemeOfficeMenuFolderLeft,
.ThemeOfficeMenuItem .ThemeOfficeMenuItemLeft {
display: none;

}
.ThemeOfficeMenuItem .ThemeOfficeMenuFolderText,
.ThemeOfficeMenuItem .ThemeOfficeMenuItemText {

	text-align: left;
	padding: 2px 0 0 10px ;
	/*border-bottom: 1px solid #bbb;*/
	

}
.sidemenu .ThemeOfficeMenuItem .ThemeOfficeMenuFolderText,
.sidemenu .ThemeOfficeMenuItem .ThemeOfficeMenuItemText {
	text-align: left;
	padding: 5px 0 0 10px ;
	/*border-bottom: 1px solid #c0e6f8;	*/
}
.headermenu .ThemeOfficeMenuItem .ThemeOfficeMenuFolderText,
.headermenu  .ThemeOfficeMenuItem .ThemeOfficeMenuItemText {
	text-align: left;
	padding: 5px 0 0 10px ;
	border-bottom: 1px solid #f7ca67;	
}

.headermenu .ThemeOfficeMenuItem .ThemeOfficeMenuFolderText, .headermenu .ThemeOfficeMenuItem .ThemeOfficeMenuItemText {
	text-align: left;
	padding: 5px 0 0 10px ;
	
}

/* menu splits */
.ThemeOfficeMenuSplit {
	
}

/* image shadow animation */

/*
	seq1:	image for normal
	seq2:	image for hover and active

	To use, in the icon field, input the following:
	<img class="seq1" src="normal.gif" /><img class="seq2" src="hover.gif" />
*/

.ThemeOfficeMenuItem img.seq1 {
	display: inline;
}
.ThemeOfficeMenuItemHover seq2,
.ThemeOfficeMenuItemActive seq2 {
	display: inline;
}
.ThemeOfficeMenuItem .seq2,
.ThemeOfficeMenuItemHover .seq1,
.ThemeOfficeMenuItemActive .seq1 {
}


/* -----------PENGATURAN SIDEBAR MENU--------   */
/* -------------------- buat ngatur menu utama (tr)nya gitu loh----------------*/
/* ------------------------- vertical main menu sub components --------------------------*/

.sidemenu td.ThemeOfficeMainFolderText, .sidemenu td.ThemeOfficeMainItemText {
	padding:0px 0px 0px 15px;
	border: none;
	color: #fff;
	font-weight:normal;
	border: none;
	font-size:11px;
}
.sidemenu tr.ThemeOfficeMainItem td.ThemeOfficeMainFolderText,
.sidemenu tr.ThemeOfficeMainItem td.ThemeOfficeMainItemText {
	padding:0px 0px 0px 15px;
	border: none;
	color: #fff;
	font-weight:normal;
	border: none;
	font-size:11px;
}