/* ThemeOfficeMenu Style Sheet */



#myMenuID{

 	margin-top: 0px;

 	margin-bottom: 24px;

}

.ThemeOfficeMenu {

	/*width: 100%;*/

	/* for auto width set 100% */

}

.ThemeOfficeMenu,.ThemeOfficeSubMenuTable

{

	font-size: 11px !important;

	padding: 0px;

	white-space: nowrap;

	cursor: default;

}



.ThemeOfficeSubMenu

{

	position: absolute;

	visibility:	hidden;

	width: 180px !important;

        z-index : 3;

	/*

	   Netscape/Mozilla renders borders by increasing

	   their z-index.  The following line is necessary

	   to cover any borders underneath

	*/

	margin-top: 11px;

	overflow: visible;

	-moz-opacity:.95;

	filter:alpha(opacity=95);

	background-color: #fff;

	padding: 10px;

	border: 1px solid #eee;

	border-top: none;

}



.ThemeOfficeSubMenuTable

{

	overflow: visible;

}



.ThemeOfficeMainItem,.ThemeOfficeMainItemHover,.ThemeOfficeMainItemActive,

.ThemeOfficeMenuItem,.ThemeOfficeMenuItemHover,.ThemeOfficeMenuItemActive

{

	border:	0px solid #5D657B;

	cursor:	default;

	white-space: nowrap;

}

/*buat ngatur menu utama*/

.ThemeOfficeMainItem

{

	color: #fff;

	font-weight: bold;

}

/*buat ngatur menu utama waktu hover*/

.ThemeOfficeMainItemHover,.ThemeOfficeMainItemActive {

	color: #ffcf14;

	cursor: pointer;

	font-weight: bold;

}

/*buat ngatur submenu*/

.ThemeOfficeMenuItem

{

	background-color: #fff;

	width: 180px;

	color: #495137;

}

/*buat ngatur submenu waktu hover*/

.ThemeOfficeMenuItemHover,.ThemeOfficeMenuItemActive

{

	background-color: #f2f6e9;

	width: 180px !important;

	color: #4f7300;

	cursor: pointer;

}



/* ---------------------------------- horizontal main menu ----------------------------*/



.ThemeOfficeMainItem

{

	padding: 0px 5px;

	border: 0px;

}



td.ThemeOfficeMainItemHover,td.ThemeOfficeMainItemActive

{

	padding: 0px 5px;

	border:	0px solid #5D657B;

}



.ThemeOfficeMainFolderLeft,.ThemeOfficeMainItemLeft,

.ThemeOfficeMainFolderText,.ThemeOfficeMainItemText,

.ThemeOfficeMainFolderRight,.ThemeOfficeMainItemRight

{

	background-color: inherit;

}

.ThemeOfficeMainFolderRight,.ThemeOfficeMainItemRight {

	padding-left: 5px;

}



/* ------------------------- vertical main menu sub components --------------------------*/



td.ThemeOfficeMainFolderLeft,td.ThemeOfficeMainItemLeft

{

	padding-top: 4px;

	padding-bottom:	4px;

	padding-left: 0px;

	padding-right: 2px;

	background-color: inherit;

	display: none;

}



td.ThemeOfficeMainFolderText,td.ThemeOfficeMainItemText

{

	padding-top: 4px;

	padding-bottom:	4px;

	padding-left: 5px;

	padding-right: 0px;

	background-color: inherit;

	white-space: nowrap;

	width: 181px;

}



td.ThemeOfficeMainFolderRight,td.ThemeOfficeMainItemRight

{

	padding-top: 4px;

	padding-bottom:	4px;

	padding-left: 0px;

	padding-right: 0px;

	border: 0px;

	background-color: inherit;

	/*display: none;*/

}



tr.ThemeOfficeMainItem td.ThemeOfficeMainFolderLeft,

tr.ThemeOfficeMainItem td.ThemeOfficeMainItemLeft

{

	padding-top: 4px;

	padding-bottom:	4px;

	padding-left: 1px;

	padding-right: 2px;

	white-space: nowrap;

	background-color: inherit;

}



/* -------------------- buat ngatur menu utama (tr)nya gitu loh----------------*/

tr.ThemeOfficeMainItem td.ThemeOfficeMainFolderText,

tr.ThemeOfficeMainItem td.ThemeOfficeMainItemText

{

	padding-top: 8px;

	padding-bottom:	10px;

	padding-left: 10px;

	padding-right: 0px;

	background-color: inherit;

	width: 175px !important;

	font-size: 11px !important;

}



tr.ThemeOfficeMainItem td.ThemeOfficeMainItemRight,

tr.ThemeOfficeMainItem td.ThemeOfficeMainFolderRight

{

	padding-top: 8px;

	padding-bottom:	10px;

	padding-left: 0px;

	padding-right: 1px;

	background-color: inherit;

}





/*------------------------------- repair bug pada IE ------------------*/

tr.ThemeOfficeMainItemHover td.ThemeOfficeMainFolderText,

tr.ThemeOfficeMainItemHover td.ThemeOfficeMainItemText

{

	padding-top: 8px;

	padding-bottom:	10px;

	width: 175px !important;

	padding-left: 10px;

	padding-right: 0px;

	background-color: inherit;

}



tr.ThemeOfficeMainItemHover td.ThemeOfficeMainItemRight,

tr.ThemeOfficeMainItemHover td.ThemeOfficeMainFolderRight

{

	padding-top: 8px;

	padding-bottom:	10px;

	padding-left: 0px;

	padding-right: 1px;

	background-color: inherit;

}



/* sub menu sub components */



.ThemeOfficeMenuFolderLeft,.ThemeOfficeMenuItemLeft

{

	padding-top: 7px;

	padding-bottom:	6px;

	padding-left: 0px;

	padding-right: 3px;

	border: 0px;

	background-color: inherit;

	white-space: nowrap;

	display: none;

}

.ThemeOfficeMenuFolderText,.ThemeOfficeMenuItemText

{

	padding-top: 7px;

	padding-bottom:	6px;

	padding-left: 10px;

	padding-right: 5px;

	background-color: inherit;

	white-space: nowrap;

	width: 180px;

	border-top: 1px solid #eee;

}



.ThemeOfficeMenuFolderRight,.ThemeOfficeMenuItemRight

{

	display: none;

}



.ThemeOfficeMenuItem .ThemeOfficeMenuFolderLeft,

.ThemeOfficeMenuItem .ThemeOfficeMenuItemLeft

{

	display: none;

}



.ThemeOfficeMenuItem .ThemeOfficeMenuFolderText,

.ThemeOfficeMenuItem .ThemeOfficeMenuItemText

{

	padding-top: 7px;

	padding-bottom:	6px;

	padding-left: 10px;

	padding-right: 5px;

	cursor: pointer;

}



.ThemeOfficeMenuItem .ThemeOfficeMenuFolderRight,

.ThemeOfficeMenuItem .ThemeOfficeMenuItemRight

{

	padding-top: 7px;

	padding-bottom:	6px;

	padding-left: 0px;

	padding-right: 1px;

	border: 0;

	background-color: inherit;

}



/* 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;

	border-top:	1px solid #fff;

}



.ThemeOfficeMenuItem .seq2,

.ThemeOfficeMenuItemHover .seq1,

.ThemeOfficeMenuItemActive .seq1

{

	display:	none;

}