/* 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:#A2671B;
	border-style: none;
	border-width:medium 1px 1px;
	margin-top: 0px;
	opacity:0.95;
	overflow:visible;
	padding:0 13px 0 13px;
	position:absolute;
	visibility:hidden;
	text-transform:none;
	width:210px !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 {
	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: 1px 12px 0 12px;
	width:160px !important;
	z-index:100;
	visibility:hidden;	
	}

*html .headermenu .ThemeOfficeMenu {
	margin-top: -1px;
}
*html .sidemenu .headermenu .ThemeOfficeMenu {
	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:190px !important;
	z-index:317;
	
}
.sidemenu .ThemeOfficeSubMenu {
	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: #00d1ff;
	display:block;
	float:left;
	padding: 0px 4px 0px 0px;
	text-decoration:none;
	width: 95px;
	text-align: center;
	cursor: pointer;
	font:12px trebuchet ms;
	line-height:50px;
	font-weight:bold;
}
/*submenu samping pada saat hover aktif*/
.sidemenu  .ThemeOfficeMainItemHover, .sidemenu .ThemeOfficeMainItemActive {
	clear: left;
	display: block;
	float: left;
	padding:1px 0 1px 0;
	text-decoration:none;
	text-align: left;
	width: 200px;
	cursor: pointer;
	line-height: 14px;
	height:26px;
	color:#333;
	margin:0 15px;
	background:none;
}

/* SUBMENU */

.ThemeOfficeMenuItem {
	color: #74c5d7;
	text-decoration: none;
	background: #A2671B;
	overflow: visible;
	z-index:637;
	
}

.sidemenu .ThemeOfficeMenuItem {
	color: #fff;
	text-decoration: none;
	overflow: visible;
	z-index:637;
	background:#A2671B;
	
	
}
.ThemeOfficeMenuItemHover,.ThemeOfficeMenuItemActive {
	color: #1ca6c3;
	text-decoration: none;
	background:#A2671B;
	cursor: pointer;
	z-index:637;
}

.sidemenu .ThemeOfficeMenuItemHover,.ThemeOfficeMenuItemActive { /* on click */
	color: #fff;
	text-decoration: none;
	background: #A2671B;
	cursor: pointer;
	z-index:637;
	}


/* ---------------------------------- horizontal main menu ----------------------------*/
.ThemeOfficeMainItem {
	margin:0;
	color: #74c5d7;
	display: block;
	float: left;
	padding: 0px 4px 0px 0px;
	text-decoration:none;
	width: 95px;
	text-align: center;
	cursor: pointer;
	font:12px trebuchet ms;
	line-height:50px;
	font-weight:bold;
}
.sidemenu .ThemeOfficeMainItem {
	padding:1px 0 1px 0;
	clear: left;
	color: #FFFFFF;
	display: block;
	float: left;
	text-decoration:none;
	width: 190px;
	line-height:14px;
	height:26px;
	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 { /* mozilla setting */
	padding:1px 0 1px 0;
	clear: left;
	color: #333;
	display: block;
	float: left;
	text-decoration:none;
	text-align: left;
	width: 200px;
	height: 26px;
	cursor: pointer;
	line-height:14px;
	margin:0 15px;
}



/* -----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: 190px;
	height: 26px;
	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;
	color: #333;
	border: none;

}

/* 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: 160px;
	height: 30px;
	padding: 5px 0 0 10px ;
	border-bottom:1px solid #603902;
}

.ThemeOfficeMenuFolderText,.ThemeOfficeMenuItemText {
	clear: left;
	font-size: 11px;
	width: px;
	height: 35px;
	padding: 2px 0 0 10px ;
	border-bottom:1px solid #603902;
	
}
.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;	*/
	color:#000;
}
.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 tr.ThemeOfficeMainItem td.ThemeOfficeMainFolderText,
.sidemenu tr.ThemeOfficeMainItem td.ThemeOfficeMainItemText {
	border: none;
	color: #fff;
	font-weight:normal;
	border: none;
	font-size:11px;
	padding:0 7px 5px;
}

.sidemenu td.ThemeOfficeMainFolderText, .sidemenu td.ThemeOfficeMainItemText {
	border: none;
	color: #e19d3f;
	font-weight:normal;
	border: none;
	font-size:11px;
	background:url(../images/bg-menu-a_40.jpg) repeat-x left bottom;
	padding:0 7px 5px;
}

