/* 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-color:#f8b070;
	border-color:-moz-use-text-color #EEEEEE;
	border-style: none;
	border-width:medium 1px 1px;
	margin-top: 3px;
	opacity:0.95;
	overflow:visible;
	padding:10px;
	position:absolute;
	visibility:hidden;
	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:#FFFFFF;
	border-color:-moz-use-text-color #EEEEEE;
	border-style:none ;
	border-width:medium 1px 1px;
	margin: 0px 0 0 -10px;
	opacity:0.99;
	overflow:visible;
	padding: 2px;
	width:180px !important;
	z-index:100;
	visibility:hidden;	
	}

*html .headermenu .ThemeOfficeMenu {
	margin-top: -1px;
}
*html .sidemenu .headermenu .ThemeOfficeMenu {
	background-color:#FFFFFF;
	border-color:-moz-use-text-color #EEEEEE;
	border-style:none solid solid;
	border-width:medium 1px 1px;
	margin-top:11px;
	opacity:0.95;
	padding:10px;
	width:180px !important;
	z-index:317;
	
}
.sidemenu .ThemeOfficeSubMenu {
	background-color: #f8b071;
	border-color:-moz-use-text-color #EEEEEE;

	

}
.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: yellow;
	display:block;
	float:left;
	padding:0;
	text-decoration:none;
	width: 180px;
	text-align: center;
	cursor: pointer;
}
/*submenu samping pada saat hover aktif*/
.sidemenu  .ThemeOfficeMainItemHover, .sidemenu .ThemeOfficeMainItemActive {
	clear: left;
	color: yellow;
	display: block;
	float: left;
	padding: 3px 0 0 0px ;
	text-decoration:none;
	text-align: left;
	width: 200px; /* mozilla */
	height: 20px;
	cursor: pointer;
	line-height: 180%;
}

/* SUBMENU */

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

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

.sidemenu .ThemeOfficeMenuItemHover,.ThemeOfficeMenuItemActive {
	color: #333;
	text-decoration: none;
	background-color: #f8b070;
	cursor: pointer;
	z-index:637;
	}


/* ---------------------------------- horizontal main menu ----------------------------*/
.ThemeOfficeMainItem {
	color: #FFFFFF;
	display: block;
	float: left;
	padding: 10px 0;
	text-decoration:none;
	width: 103px;
	text-align: center;
	cursor: pointer;
	
}
.sidemenu .ThemeOfficeMainItem {
	clear: left;
	color: #FFFFFF;
	display: block;
	float: left;
	padding: 3px 0 0 0px ;
	text-decoration:none;
	width: 210px;
	text-align: center;
}

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

/*----pengaturan  background sidebar menu---*/
.sidemenu .ThemeOfficeMainItem {
	clear: left;
	color: yellow;
	display: block;
	float: left;
	text-decoration:none;
	text-align: left;
	width: 200px;
	cursor: pointer;
	line-height: normal;
}



/* -----pengaturan text untuk sidebar---- */
.sidemenu td.ThemeOfficeMainFolderText, .sidemenu td.ThemeOfficeMainItemText {
	clear: left;
	color: yellow;
	font-size: 12px;
	width:200px;
	height: 20px;
	text-align: left;
	
}


.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;
	background: black url(../images/categorybtn.png)left no-repeat;
	color: #fff;
	border: none;

}

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

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

.ThemeOfficeMenuFolderText,.ThemeOfficeMenuItemText {
	clear: left;
	font-size: 11px;
	width: 187px;
	height: 25px;
	padding: 3px 0 0 10px ;
	border-bottom: none /* border hover menu */
	
}
.headermenu .ThemeOfficeMenuFolderText, .headermenu .ThemeOfficeMenuItemText {
	padding: 3px 0 0 10px ;
	
}

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

}
.ThemeOfficeMenuItem .ThemeOfficeMenuFolderText,
.ThemeOfficeMenuItem .ThemeOfficeMenuItemText {

	text-align: left;
	padding: 3px 0 0 10px ;
	border-bottom:none /* border hover menu */
	

}
.sidemenu .ThemeOfficeMenuItem .ThemeOfficeMenuFolderText,
.sidemenu .ThemeOfficeMenuItem .ThemeOfficeMenuItemText {
	text-align: left;
	padding: 3px 0 0 10px ;
}
.headermenu .ThemeOfficeMenuItem .ThemeOfficeMenuFolderText,
.headermenu  .ThemeOfficeMenuItem .ThemeOfficeMenuItemText {
	text-align: left;
	padding: 3px 0 0 10px ;
	border-bottom: 1px solid #f8b070;	
}

.headermenu .ThemeOfficeMenuItem .ThemeOfficeMenuFolderText, .headermenu .ThemeOfficeMenuItem .ThemeOfficeMenuItemText {
	text-align: left;
	padding: 3px 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 {
	border: none;
	color: #fff;
	background:url(../images/hover.gif) no-repeat;
	padding: 1px 0 1px 20px;
}


.sidemenu tr.ThemeOfficeMainItem td.ThemeOfficeMainFolderText,
.sidemenu tr.ThemeOfficeMainItem td.ThemeOfficeMainItemText {
	border: none;
	color: #fff;	
	background:url(../images/link.gif) no-repeat;
	padding: 1px 0 1px 20px;
}