﻿.mainMenu { font-family: IRANSansWeb; font-size: 13px; display: inline-block; background: url(/styles/MainMenu/background.png) center center; height: 30px; width: 100%; }
.mainMenu div.mainItem { float: right; padding: 5px 5px 5px 5px; border: 1px solid transparent; }
.mainMenu div.mainItem:hover { border-right: 1px solid #F1C958; border-left: 1px solid #F1C958;background-color: #ffd176; }
.mainMenu div.items { display: none; position: absolute;  margin-right: -5px; background-color: White; border: 1px solid silver;z-index: 1;  
                        -ms-border-radius: 2px;
    border-radius: 2px;}
.mainMenu div.item { cursor: pointer; border-right: 1px solid transparent; border-left: 1px solid transparent; height: 28px; }
.mainMenu div.item:hover { border-right: 1px solid #F1C958; border-left: 1px solid #F1C958; background-color: #ffd176; }
.mainMenu div.items div.itemIcon { background: #EAEAEA; border-left: 1px solid silver; float: right; width: 20px; height: 21px; }
.mainMenu div.items div.itemText { padding: 5px 5px 5px 15px;
    -moz-min-width: 100px;
    -ms-min-width: 100px;
    -o-min-width: 100px;
    -webkit-min-width: 100px;
    min-width: 100px; }


.mainMenu2 {
    font-family: IRANSansWeb; font-size: 12px; display: inline-block;  border: 1px solid #e7e7e7 !important;
   
        background-color: #f8f8f8;
    height: 36px;
    -ms-border-radius: 3px;
    border-radius: 3px;
}

.mainMenu2 div.mainItem { float: right; padding: 5px 5px 5px 5px; border: 1px solid transparent; }
.mainMenu2 div.mainItem:hover { border-right: 1px solid #F1C958; border-left: 1px solid #F1C958;background-color: #ffd176; }
.mainMenu2 div.items {
    display: none; position: absolute;  margin-right: -5px; background-color: White; border: 1px solid silver;z-index: 1;
    -ms-border-radius: 2px;
    border-radius: 2px;
}

.mainMenu2 div.item { cursor: pointer; border-right: 1px solid transparent; border-left: 1px solid transparent; height: 28px; }
.mainMenu2 div.item:hover { border-right: 1px solid #F1C958; border-left: 1px solid #F1C958; background-color: #ffd176 }
.mainMenu2 div.items div.itemIcon { background: #EAEAEA; border-left: 1px solid silver; float: right; width: 20px; height: 21px; }
    .mainMenu2 div.items div.itemText {
        padding: 5px 5px 5px 15px;
        -moz-min-width: 100px;
        -ms-min-width: 100px;
        -o-min-width: 100px;
        -webkit-min-width: 100px;
        min-width: 100px;
    }

.MenuItemDisabled {
    background-image: url(/Styles/contextMenu/disabled.png);
}