﻿#MainPart {
     border-radius: 12px; 
    box-shadow: 0px 0px 10px 4px rgba(119, 119, 119, 0.75);
    -moz-box-shadow: 0px 0px 10px 4px rgba(119, 119, 119, 0.75);
    -webkit-box-shadow: 0px 0px 10px 4px rgba(119, 119, 119, 0.75);
}
#MainPart_NavigationPart {
    background-color :rgb(45,153,226);
       border-radius: 4px; 
}
@font-face {
    font-family: Tiida; /*title*/
    src: url('../Styles/Fonts/Tiida/Tiida.eot');
    src: url('../Styles/Fonts/Tiida/Tiida.eot?#iefix') format('embedded-opentype'), url('../Styles/Fonts/Tiida/Tiida.woff') format('woff') , url('../Styles/Fonts/Tiida/Tiida.ttf') format('truetype'), url('../Styles/Fonts/Tiida/Tiida.svg#svgFontName') format('svg');
}

/*
   Set font-family to "bmi"
*/
 
body {
  font-family: Tiida ,  Tahoma, sans-serif;
  font-size: small;  
  direction: rtl;
  margin: 0px;
  align: center;
}
 
a {
    font-family:Tiida;
  
    color:white;
}


   #VerticalMenu ul, #VerticalMenu li {
    padding: 0px;
    padding-left: 0px;
    padding-right: 0px;
    margin: 0px;
}

   #VerticalMenu ul li:hover ul {
   position:absolute;
    display:block;
}

#VerticalMenu ul li {
    list-style: none;
    position: relative;
    width: 200px;
    height: 25px;
    background-color: RGB(248,248,248);
    color: Black;
    line-height: 30px;
    cursor: pointer;
    border-top: solid 1px RGB(231, 231, 231);
    border-bottom: solid 1px RGB(231, 231, 231);
}

#VerticalMenu ul li ul {
 
    font-size: 10px;
    text-align: right;
       display: none;
      top: 0px;
      right: 200px;
      z-index: 2;
      width:200px;
 }
 #VerticalMenu ul li ul li ul li {
     display: none;
     top: 0px;
     right: 225px;
     z-index: -1;
     width:225px;
 }

  #VerticalMenu ul li ul li:hover ul li {
     display: block;
     top: 0px;
     right:0px;
 
 }


    #VerticalMenu li a {
        text-decoration: none;
        color: black;
        padding-right: 8px;
 
      font-size: small;
    }

    #VerticalMenu li:hover {
        background-color: RGB(231,231,231);
        background-image: none;
    }

#VerticalMenu ul ul {
    position: absolute;
    right: 200px;
    top: 0px;
    display:none;
    border : solid 0px Gray;
    padding: 0px;
}


#VerticalMenu ul li ul li {
    background-color: RGB(231,231,231);
}

   #VerticalMenu ul li ul li ul  {
    z-index: -1;
}

/*****************************************************************/
td .even:hover {
    background-color:RGB(245, 245, 245);
}
