/* ThemeOfficeMenu Style Sheet  */

@media (min-width: 220px) and (max-width: 600px){
	.ThemeOfficeMenu{ font-size: 14px; top:38px; }
}

@media (min-width: 600px) and (max-width: 980px){
	.ThemeOfficeMenu{ width: 610px; font-size: 12px; top:236px;}
}

@media (min-width: 980px) and (max-width: 5980px){
	.ThemeOfficeMenu{ width: 976px; font-size: 12px; top:236px; }
}

.ThemeOfficeMenu{
	
 	/*width: 976px;*/
	margin-left: -3px;
	margin-top: 0px;
	position:absolute; 
	/*top:236px;*/
	text-align: center;
	font-family: Tahoma, arial, sans-serif, verdana, ;
	/*font-size: 12px;*/
	font-weight: bold;
	padding: 0;
	white-space: nowrap;
	cursor: default;
	color: white;
	/*background-image: url("menu_bg2.png");*/
	border-radius: 10px;
	height: 30px;
	
	border: 1px solid #F80000;
	background-color: black;
	opacity:0.85;!important
	-moz-opacity: 0.85;!important
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
	filter: alpha(opacity=85);!important
	-moz-border-radius: 8px;
	border-radius: 8px;
	-moz-box-shadow: inset 0px 0px 10px #F80000;
	-webkit-box-shadow: inset 0px 0px 10px #F80000;
	box-shadow: inset 0px 0px 10px #F80000;
	-moz-box-shadow: 0px 0px 10px #F80000;
	-webkit-box-shadow: 0px 0px 10px #F80000;
	box-shadow: 0px 0px 10px #F80000;

}
 

.ThemeOfficeSubMenuTable {
	/*
	text-align: center;
	font-family: Tahoma, arial, sans-serif, verdana, ;
	font-weight: bolder;
	margin-top: 5px;
	padding: 0;
	white-space: nowrap;
	cursor: default;
	color: white;
	font-size: 11px;
	background-color: #585858;
	opacity:0.90;
	filter: alpha(opacity=90); 
	-moz-opacity: 0.9;
	
	height: 30px;
	

	
	border: 1px double !important;
	border-color: #ba0305!important;

	border-radius: 5px;
	*/
	overflow:	hidden;
	

}

.ThemeOfficeSubMenu {
	
	/*
	background-color:	transparent;
	position: absolute;
	visibility: hidden;
	z-index: 100;
	padding: 0;
	overflow: visible;
	height: 30px;
	*/
	position:	absolute;
	visibility:	hidden;
	overflow:	hidden;

	padding:	1px 1px 1px 1px;

	cursor: default;
	background-position:	left;

	border:		2px solid #002D96;
	
	border: 2px double !important;
	border-color: #ba0305!important;

	border-radius: 5px;
	
}


.ThemeOfficeMainItemHover
{
	text-decoration: none;
	background-color: #585858;
	color: white;
	border: 2px double !important;
	border-color: #ba0305!important;
	-moz-box-shadow: 0px 0px 15px #ba0305;
	-webkit-box-shadow: 0px 0px 15px #ba0305;
	box-shadow: 0px 0px 15px #ba0305;
	border-radius: 5px;
}


.ThemeOfficeMainItemHover table
{
border-spacing:0;
  border-collapse:collapse;
}
/*
.ThemeOfficeMenuItemHover
{
	text-decoration: none;
	background-color: yellow;
	color: black;
	border: 1px double !important;
	border-color: #ba0305!important;
	-moz-box-shadow: 0px 0px 15px #ba0305;
	-webkit-box-shadow: 0px 0px 15px #ba0305;
	box-shadow: 0px 0px 15px #ba0305;
	border-radius: 5px;
}
*/

.ThemeOfficeMainItemActive,.ThemeOfficeMenuItemActive
{
	/*
	border: 1px solid !important;
 	border-color: #585858!important;
*/
}

.ThemeOfficeMainItem {
   
}

.ThemeOfficeMainItemHover td{
	/*border: 1px solid !important;
 	border-color: #ee6611!important;*/
}

.ThemeOfficeMainItemActive td{
	border: 2px solid !important;
 	border-color: yellow!important;
}


.ThemeOfficeMenuItem{
	background-color:	#585858;
	color: white;
	/*
	border: 1px double !important;
	border-color: #ba0305!important;
	-moz-box-shadow: 0px 0px 15px #ba0305!important;
	-webkit-box-shadow: 0px 0px 15px #ba0305!important;
	box-shadow: 0px 0px 15px #ba0305!important;
	border-radius: 5px!important;
	*/
}


.ThemeOfficeMenuItemHover, .ThemeOfficeMenuItemActive {
background-color:	#181818 ;
color: white;
border: 2px double !important;
	border-color: #ba0305!important;

	border-radius: 5px;
}
/*	
	text-decoration: none;
	background-color: #585858;
	color: white;
	border: 1px double #ba0305!important;
	-moz-box-shadow: 0px 0px 15px #ba0305!important;
	-webkit-box-shadow: 0px 0px 15px #ba0305!important;
	box-shadow: 0px 0px 15px #ba0305!important;
	border-radius: 5px!important;
}
*/





/* horizontal main menu */
.ThemeOfficeMainItem {
	
}

td.ThemeOfficeMainItemHover,td.ThemeOfficeMainItemActive {

}

.ThemeOfficeMainFolderLeft,.ThemeOfficeMainItemLeft,.ThemeOfficeMainFolderText,.ThemeOfficeMainItemText,.ThemeOfficeMainFolderRight,.ThemeOfficeMainItemRight
	{

}

/* vertical main menu sub components */
td.ThemeOfficeMainFolderLeft,td.ThemeOfficeMainItemLeft {

}

td.ThemeOfficeMainFolderText,td.ThemeOfficeMainItemText {

}

td.ThemeOfficeMainFolderRight,td.ThemeOfficeMainItemRight {

}

tr.ThemeOfficeMainItem td.ThemeOfficeMainFolderLeft,tr.ThemeOfficeMainItem td.ThemeOfficeMainItemLeft
	{
}

tr.ThemeOfficeMainItem td.ThemeOfficeMainFolderText,tr.ThemeOfficeMainItem td.ThemeOfficeMainItemText
	{

}

tr.ThemeOfficeMainItem td.ThemeOfficeMainItemRight,tr.ThemeOfficeMainItem td.ThemeOfficeMainFolderRight
	{


/* sub menu sub components */
.ThemeOfficeMenuFolderLeft,.ThemeOfficeMenuItemLeft {
}

.ThemeOfficeMenuFolderText,.ThemeOfficeMenuItemText {

}

.ThemeOfficeMenuFolderRight,.ThemeOfficeMenuItemRight {

}

.ThemeOfficeMenuItem .ThemeOfficeMenuFolderLeft,.ThemeOfficeMenuItem .ThemeOfficeMenuItemLeft
	{

}

.ThemeOfficeMenuItem .ThemeOfficeMenuFolderText,.ThemeOfficeMenuItem .ThemeOfficeMenuItemText
	{

}

.ThemeOfficeMenuItem .ThemeOfficeMenuFolderRight,.ThemeOfficeMenuItem .ThemeOfficeMenuItemRight
	{

}

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

}

.ThemeOfficeMenuItemHover seq2,.ThemeOfficeMenuItemActive seq2 {

}

.ThemeOfficeMenuItem .seq2,.ThemeOfficeMenuItemHover .seq1,.ThemeOfficeMenuItemActive .seq1
	{

}