/* 
    Document   : menu
    Created on : Sep 19, 2013, 3:04:46 PM
	Modified   : Sep 20, 2013 from Giuseppe Ripa
    Author     : mohammed.s
    Description: Menu System in ZCMS (Left and top).
*/

/* START css added by sajadh for left menu ui*/
#menu{padding :10px 0;float: left;-moz-box-sizing: border-box; box-sizing: border-box;}
#menu li p a{
	position: relative;
	display:block;
	color: #333;
	text-decoration: none;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #fff;
}
#menu li{position:relative; display: block; background-color: #f1f0f0; width: inherit;}
#menu li:hover{background-color:#e3e3e3;}
#menu li.selected > ul{ display:block; z-index:20}

#menu li.attivo p a{ 
	border-bottom: 1px solid #cb7d03;
	border-top: 1px solid #f3c47a;
	color:#fff;
}
#menu li.attivoo p a{ 
	border-bottom: 1px solid #F39400;
  background-color: #F39400;
	border-top: 1px solid #f3c47a;
	color:#fff;
}
#menu li.attivo p {background:#f39400;}

#menu .space{margin-top:12px;}

#menu li p a, #menu li.attivo ul li p a{
padding: 6px 0 0 10px;
min-height: 23px;
font-size:12px;
background-color: transparent;
background-image: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 95%, rgba(0,0,0,0.24) 100%);
background-image: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,0)), color-stop(95%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.24)));
background-image: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 95%,rgba(0,0,0,0.24) 100%);
background-image: -o-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 95%,rgba(0,0,0,0.24) 100%);
background-image: -ms-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 95%,rgba(0,0,0,0.24) 100%);
background-image: linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 95%,rgba(0,0,0,0.24) 100%);
*box-shadow: inset -10px 0px 7px -7px rgba(0,0,0,0.24);
}

#menu li ul{position:fixed;left:180px; padding-left:20px; min-width:200px; display:none; background-image:url("./image/common/menu_over.gif");background-repeat: no-repeat;background-position: left top;margin-top: -31px;}
#menu li ul li p{box-shadow: 4px 4px 4px rgba(0,0,0,0.3); background-color: transparent;}
#menu li ul li p a{ background: #fff;border: none;}
#menu li ul li p a{border: none !important; background:#fff; min-height:20px !important; color:#333!important;}
#menu li ul li p a:hover{ background:#fbedd5;}


#menu li.attivo ul li p a:hover{
background: -moz-linear-gradient(left, rgba(251,237,213,1) 0%,rgba(251,237,213,1) 95%,rgba(211,199,179,1) 100%) ;
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(251,237,213,1)), color-stop(95%,rgba(251,237,213,1)), color-stop(100%,rgba(211,199,179,1)));
background: -webkit-linear-gradient(left, rgba(251,237,213,1) 0%,rgba(251,237,213,1) 95%,rgba(211,199,179,1) 100%);
background: -o-linear-gradient(left, rgba(251,237,213,1) 0%,rgba(251,237,213,1) 95%,rgba(211,199,179,1) 100%);
background: -ms-linear-gradient(left, rgba(251,237,213,1) 0%,rgba(251,237,213,1) 95%,rgba(211,199,179,1) 100%);
background:linear-gradient(to right, rgba(251,237,213,1) 0%,rgba(251,237,213,1) 95%,rgba(211,199,179,1) 100%);
}
#menu li.attivo ul{ display:block; position:inherit; left:0; padding-left:0; background: none;margin-top: 0px;}
#menu li.attivo ul li{ box-shadow: none;}
#menu li.attivo ul li p{background:#fff; box-shadow:none;}
#menu li.attivo ul li.attivo p a{ color:#f39400 !important; font-weight:bold; }
#menu li.attivo ul li.attivo p{background:url("./image/common/menu_select.gif") no-repeat left #fff;}

#menu li:hover > ul.toolong {
display: block;
margin-top: 0;
overflow-y: scroll;
box-shadow:12px 11px 4px -7px rgba(0,0,0,0.1);
}

#menu li.seperator {
    background: linear-gradient(to right, #D9D8D8 95%, #C1C1C1 100%) repeat scroll 0 0 transparent;
    clear: both;
    height: 12px;
}
.nomargin {margin-bottom:0!important;}
/* END css added by sajadh for left menu ui*/

/*START css added by sajadh for top menu ui 
.top-menu{float: left; position: relative;width: 250px;height:35px;left:12px;z-index:12;}
.top-menu ul.ui-menu-list li.ui-menuitem{background: url("../image/common/border.png") repeat-y scroll left 0 transparent;}
.top-menu ul.ui-menu-list li.right-border {background-image: url("../image/common/border.png"), url("../image/common/border.png") !important; background-position:right top,left top;background-repeat: repeat-y;}
.top-menu ul.ui-menu-list li.ui-menuitem a.ui-menuitem-link{color:#EFEFEF;height: 24px;font: bold 11px/16px Arial,Helvetica,sans-serif;text-transform: capitalize;}
.top-menu ul.ui-menu-list li.ui-menuitem a.ui-state-hover {width: 95%;background: none repeat scroll 0 0 #FFFFFF;color: #595858; }
.top-menu ul.ui-menu-list li.ui-menuitem a.ui-menuitem-link span.ui-menuitem-text{margin: 0;  padding: 2px 0 0 4px;}
.top-menu ul.ui-menu-list li.ui-menuitem ul li a.ui-menuitem-link{background-color:#ffffff;color:#595858;text-transform: capitalize;width:96%;}
.top-menu ul.ui-menu-list li.ui-menuitem ul li a.ui-state-hover {background: none repeat scroll 0 0 #F0BB65;color: #595858;}
.top-menu ul.ui-menu-list li.ui-menuitem ul li a.ui-menu-common {background-color: #DADADA;color: #666666;width: 96%;}
.top-menu ul.ui-menu-list li.ui-menuitem ul li a.ui-menu-common:hover {color: #333333;font-weight: bold;}
.top-menu ul.ui-menu-list li ul li.ui-menuitem{background:#ffffff;}
.top-menu ul.ui-menu-list li.ui-menuitem span.ui-icon{display:none;}
.top-menu ul.ui-menu-list ul.ui-widget-content{border: 1px solid #B6B6B6;box-shadow: 2px 2px 5px rgba(50, 50, 50, 0.3);}
.top-menu ul.ui-menu-list li.ui-widget ul.ui-widget-content{background: none repeat scroll 0 0 #FFFFFF;line-height: 0;}
/* END css added by sajadh for top menu ui
.top-menu ul.ui-menu-list li.ui-menuitem span.setting{
    display: block !important;
    background: url("../image/common/settings.png") no-repeat scroll center center transparent;
    min-height: 24px;
    min-width: 31px;
}
.top-menu ul.ui-menu-list li.ui-menuitem a.ui-state-hover span.setting {
    background: url("../image/common/settings_hover.png") no-repeat scroll center center transparent;
}*/

/*#nav {margin: 0;padding:0;width:100%;display: inline-block;}*/
#nav li {float: left;position: relative;list-style: none;z-index: 11;border-right:solid 1px #666;}

/* main level link */
#nav a {display: block;padding:  8px 20px;margin: 0; text-align:left;height:14px;}
#nav a:hover {background: #fff;color: #333; border-right: solid 1px #fff;}

/* main level link hover */
#nav li:hover > a {background: #fff; color: #333; border-right: solid 1px white !important;border-bottom: none;border-top: none; }

/* sub levels link hover */
#nav ul li:hover a, #nav li:hover li a {color: #333; border:medium none !important;}
#nav ul a:hover {background: #fbedd3!important; border:1px solid #fff;}

/* dropdown */
#nav li.selected > ul {display: block;}

/* level 2 list */
#nav ul {display: none;margin: 0;padding: 0;position: absolute;top: 30px;min-width:140px;background: #fff; box-shadow: -2px 4px 6px rgba(0,0,0,0.4);white-space: nowrap;}

#nav ul li {float: none;margin: 0;padding: 0; border:none !important;height: 30px;}
#nav li.logo{ background:url("./image/common/zcmslogo.png")  no-repeat center 4px ; height:30px; width:110px;}


li.grey{ background:#ddd;}
li.grey a{border-bottom:none !important; border-top:none !important;}

#menu-logout{ float:right !important;text-align:right; border-left: solid 1px #000; border-right:none !important;}
#menu-logout a{ border-left: solid 1px #666; border-right: none;}
#menu-logout a:hover{border-left: none;}
#menu-logout ul{right: 0;min-width: 230px;}
/* clearfix */
#nav:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}

.fileHist-ovrle {}
.fileHist-ovrle .ui-overlaypanel-content {
    background: #fff !important;
    width: 170px;
}
.fileHist-ovrle a {
    padding: 0 !important;
    border-right: 0 !important;
    color : #000 !important;
}
.fileHist-ovrle a:hover {
    border-right: 0 !important;
}
.fileHist-ovrle {}
.fileHist-ovrle {}

.ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
	border: 1px solid #BDBDBD !important;
}

.ui-selectcheckboxmenu-trigger.ui-state-focus {
    border: 0 !important;
}
.specialPermission input{
    margin-right: 5px;
}

.permissionmodetab table {
	float:left;
}

.permissionmodetab table:first-child {
	margin-right:10px;
}