﻿
#wrapper_menu {
    left: 220px;
    position: static;
    top: 0;
    width: 898px;
    z-index: 9999;
    height:40px;
   
}
.menu {
    border-radius: 10px 10px 0 0;
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2), 0 0 1px #FFFFFF;
    height: 43px;
    list-style: none outside none;
    margin: 0;
    padding: 0 20px;
    width: 858px;
}
.menu li {
    border: medium none;
    float: right;
    margin-right: 5px;
    margin-top: 10px;
    position: relative;
    text-align: right;
}
.menu li.fullwidth {
    position: static !important;
}
.menu li:hover {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: -moz-linear-gradient(center top , #F4F4F4, #EEEEEE) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-color: #444444 #444444 -moz-use-text-color;
    border-image: none;
    border-radius: 5px 5px 0 0;
    border-style: solid solid none;
    border-width: 1px 1px medium;
    margin-right: 1px;
    margin-top: 5px;
}
.menu li.nodrop:hover {
    background: -moz-linear-gradient(center top , #F4F4F4, #EEEEEE) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #444444;
    border-radius: 5px 5px 5px 5px;
    /*margin-right: 3px;*/
    padding: 0;
    top: 5px;
}
.menu li.nodrop:hover a {
    padding: 0;
    padding-left:12px;
}
.menu li a {
    color: #EEEEEE;
    display: block;
    outline: 0 none;
    padding: 0;
    text-decoration: none;
    text-shadow: 1px 1px 1px #000000;
}
.menu li:hover a {
    border-bottom: 1px solid #EEEEEE;
    color: #161616;
    padding: 4px 1px;
    position: relative;
    text-shadow: none;
    z-index: 0;
      /*background: none repeat scroll 0 0 #EEEEEE;*/
   border-radius:5px 5px 0px 0px;
}
.menu li:hover div a {
    display: inline;
}
.menu li .drop {
    padding-right: 4px;
}
.menu li:hover .drop {
    padding-right: 5px;
}
.menu .right {
    float: right;
    margin-right: 0;
    right: 0;
}
.menu li.right:hover {
    margin-right: -1px;
}
.menu .dropdown_Ncolumn, .menu .dropdown_Ncolumns, .menu .dropdown_fullwidth {
    background: -moz-linear-gradient(center top , #EEEEEE, #BBBBBB) repeat scroll 0 0 rgba(0, 0, 0, 0);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#EEEEEE), to(#BBBBBB));
    background:#eeeeee;
    border: 1px solid #444444;
    border-radius: 0 5px 5px 5px;
    left: -999em;
    margin: 4px auto;
    padding: 10px;
    position: absolute;
    text-align: right;
    z-index: 100;
}
.menu .dropdown_Ncolumn {
    width: auto;
}

.menu .dropdown_fullwidth {
    border-radius: 5px 5px 5px 5px;
    width: 920px;
}
.menu li .first_fullwidth {
    border-radius: 0 5px 5px 5px;
}
.menu li:hover .dropdown_Ncolumn, .menu li:hover .dropdown_Ncolumns {
    left: -1px;
    top: 25px;
}
.menu li:hover .dropdown_fullwidth {
    display: block;
    left: 21px;
    top: 33px;
}
.menu li .align_right {
    border-radius: 5px 0 5px 5px;
}
.menu li:hover .align_right {
    left: auto;
    right: -1px;
    top: 25px;
}
.menu li.right:hover .dropdown_fullwidth {
    right: 18px;
    top: 33px;
}
.menu .col_N {
    display: inline;
    float: right;
    margin-left: 10px;
    position: relative;
}
.menu .col_N {
    width: auto;
}

.menu .firstcolumn {
    clear: left;
    margin-left: 0;
}
.menu p, .menu ul, .menu li, .menu h2, .menu h3 {
    font-family: BYekan,Tahoma,Arial,Helvetica,sans-serif;
    font-size: 12px;
    line-height: 21px;
    text-align: right;
    padding-left:10px;
    font-weight:bold;
}
.menu h1 {
    color: #605A5B;
    font-family: BYekan,Tahoma,,Helvetica,sans-serif;
    font-size: 17px;
    line-height: 21px;
    text-align: center;
}
.menu p {
    font-size: 12px;
    line-height: 18px;
    margin: 0 0 10px;
    text-shadow: 1px 1px 1px #FFFFFF;
}
.menu .strong {
    font-weight: bold;
}
.menu .italic {
    font-style: italic;
}
.menu h2, .menu h3 {
    border-bottom: 1px solid #888888;
    margin-top: 7px;
    text-shadow: 1px 1px 1px #FFFFFF;
}
.menu h2 {
    font-size: 21px;
    font-weight: 400;
    margin-bottom: 18px;
    padding-bottom: 11px;
}
.menu h3 {
    font-size: 13px;
    font-weight: 600;
    margin-bottom: 14px;
    padding-bottom: 7px;
}
.menu li:hover div a {
    border: medium none;
    padding: 0;
    text-decoration: none;
    text-shadow: none;
}
.menu .pusher {
    margin-top: 18px;
    text-align: center;
}
.menu .help, .menu .favorite, .menu .mail, .menu .print {
    margin-bottom: 18px;
    padding-left: 36px;
}
.menu .help {
    background: url("img/help.png") no-repeat scroll 0 2px rgba(0, 0, 0, 0);
}
.menu .favorite {
    background: url("img/favorite.png") no-repeat scroll 0 2px rgba(0, 0, 0, 0);
}
.menu .mail {
    background: url("img/mail.png") no-repeat scroll 0 2px rgba(0, 0, 0, 0);
}
.menu .print {
    background: url("img/print.png") no-repeat scroll 0 2px rgba(0, 0, 0, 0);
}
.menu .imgshadow_dark {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #333333;
    box-shadow: 0 0 5px #000000;
    margin-top: 5px;
    padding: 4px;
}
.menu .imgshadow_light {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #777777;
    box-shadow: 0 0 5px #666666;
    margin-top: 5px;
    padding: 4px;
}
.menu .img_left {
    float: right;
    margin: 2px 15px 5px 0;
    width: auto;
}
.menu .img_right {
    float: right;
    margin: 2px 0 5px 15px;
    width: auto;
}
.menu li .black_box, .menu li .dark_grey_box {
    border-radius: 5px 5px 5px 5px;
    color: #EEEEEE;
    padding: 4px 6px;
    text-shadow: 1px 1px 1px #000000;
}
.menu li .black_box {
    background-color: #333333;
    box-shadow: 0 0 3px #000000 inset;
}
.menu li .dark_grey_box {
    background-color: #555555;
    box-shadow: 0 0 3px #111111 inset;
}
.menu li ul {
    list-style: none outside none;
    margin: 0 0 12px;
    padding: 0;
}
.menu li ul li {
    float: right;
    font-size: 11px;
    line-height: 24px;
    margin: 0;
    padding: 0;
    position: relative;
    text-align: right;
    text-shadow: 1px 1px 1px #FFFFFF;
    width: 145px;
}
.menu li ul li a {
    padding: 0;
}
.menu li ul li:hover {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    margin: 0;
    padding: 0;
}
.menu li .greybox li {
    background: none repeat scroll 0 0 #F4F4F4;
    border: 1px solid #BBBBBB;
    border-radius: 5px 5px 5px 5px;
    margin: 0 0 4px;
    padding: 4px 6px;
    width: 131px;
}
.menu li .greybox li:hover {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #AAAAAA;
    margin: 0 0 4px;
    padding: 4px 6px;
}
.menu li .plus li {
    background: url("img/plus.png") no-repeat scroll left 6px rgba(0, 0, 0, 0);
    margin: 0 0 4px;
    padding: 0 0 0 21px;
    width: 109px;
}
.menu li .plus li:hover {
    background: url("img/plus.png") no-repeat scroll left 6px rgba(0, 0, 0, 0);
    margin: 0 0 4px;
    padding: 0 0 0 21px;
}
.menu li ul.social {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
.menu li ul.social li {
    display: inline;
    float: left;
    margin: 0 12px 12px 0;
    padding-top: 5px;
    position: relative;
    width: 32px;
}
.menu li ul.social li img {
    border: medium none;
}
.menu li ul.social li:hover {
    margin: -1px 12px 12px 0;
    padding-top: 5px;
}
.menu li ul.social li span {
    display: none;
}
.menu .levels, .menu .levels ul {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
.menu li:hover .levels a {
    display: block;
}
.menu .levels a {
    direction: rtl;
    display: block;
    text-align: right;
    width: auto;
}
.menu .levels a.parent, .menu .levels a.parent:hover {
    background: url("../Images/drop2.png") no-repeat scroll left center rgba(0, 0, 0, 0);
}
.menu .levels li {
    float: left;
    width: 200px;
}
.menu .levels li ul li {
    float: left;
    width: 240px;
}
.menu .levels li ul {
    background: -moz-linear-gradient(center top , #EEEEEE, #BBBBBB) repeat scroll 0 0 rgba(0, 0, 0, 0);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#EEEEEE), to(#BBBBBB));
    background:#eeeeee;
    border: 1px solid #666666;
    border-radius: 5px 5px 5px 5px;
    left: -999em;
    margin: 15px 0 0 4px;
    padding: 6px;
    position: absolute;
    top: -23px;
}
.menu .levels li ul ul {
    top: -23px;
}
.menu .levels li:hover ul ul, .menu .levels li:hover ul ul ul {
    left: auto;
    right: -999em;
}
.menu .levels li:hover ul, .menu .levels li li:hover ul, .menu .levels li li li:hover ul {
    left: auto;
    right: 200px;
}
.menu form {
    margin: 0 0 12px;
    padding: 0;
}
.menu fieldset {
    border: medium none;
    margin: 0;
}
.menu form p {
    margin: 10px 0;
    overflow: hidden;
    width: 270px;
}
.menu label {
    display: block;
    float: right;
    text-align: right;
    width: 50px;
}
.menu input, .menu textarea {
    background-color: #222222;
    border: 1px solid #0A0A0A;
    border-radius: 3px 3px 3px 3px;
    color: #EEEEEE;
    float: right;
    margin: 0;
    padding: 3px 5px;
    width: 170px;
}
.menu textarea {
    height: 100px;
    overflow: auto;
}
.menu button {
    background-color: #222222;
    border: 1px solid #0A0A0A;
    border-radius: 3px 3px 3px 3px;
    color: #EEEEEE;
    float: right;
    margin: 0 12px 0 0;
    padding: 2px 7px;
    text-shadow: 1px 1px 1px #000000;
    width: 80px;
}
.menu_black {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color:#414141;
    background: -moz-linear-gradient(center top , #555555, #2A2A2A) repeat scroll 0 0 rgba(0, 0, 0, 0);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#555555), to(#2A2A2A));
    border-color: #777777 #444444 #444444;
    border-image: none;
    border-right: 1px solid #444444;
    border-style: solid;
    border-width: 1px;
}
.menu_black li:hover div a {
    color: #444444;
}
.menu_black li:hover div a:hover {
    color: #777777;
}
.menu_black li ul li a:hover {
    color: #777777;
}
.menu_blue {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: -moz-linear-gradient(center top , #0272A7, #013953) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-color: #029FEB #015B86 #015B86;
    border-image: none;
    border-right: 1px solid #015B86;
    border-style: solid;
    border-width: 1px;
}
.menu_blue li:hover div a {
    color: #015B86;
}
.menu_blue li:hover div a:hover {
    color: #029FEB;
}
.menu_blue li ul li a:hover {
    color: #029FEB;
}
.menu_brown {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: -moz-linear-gradient(center top , #736033, #382F19) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-color: #A28748 #5C4C29 #5C4C29;
    border-image: none;
    border-right: 1px solid #5C4C29;
    border-style: solid;
    border-width: 1px;
}
.menu_brown li:hover div a {
    color: #5C4C29;
}
.menu_brown li:hover div a:hover {
    color: #A28748;
}
.menu_brown li ul li a:hover {
    color: #A28748;
}
.menu_green {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: -moz-linear-gradient(center top , #658C26, #354914) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-color: #8BC135 #52711F #52711F;
    border-image: none;
    border-right: 1px solid #52711F;
    border-style: solid;
    border-width: 1px;
}
.menu_green li:hover div a {
    color: #52711F;
}
.menu_green li:hover div a:hover {
    color: #8BC135;
}
.menu_green li ul li a:hover {
    color: #8BC135;
}
.menu_lightblue {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: -moz-linear-gradient(center top , #709E8E, #52786B) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-color: #99B9AE #608C7D #608C7D;
    border-image: none;
    border-right: 1px solid #608C7D;
    border-style: solid;
    border-width: 1px;
}
.menu_lightblue li:hover div a {
    color: #608C7D;
}
.menu_lightblue li:hover div a:hover {
    color: #99B9AE;
}
.menu_lightblue li ul li a:hover {
    color: #99B9AE;
}
.menu_orange {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: -moz-linear-gradient(center top , #FF6717, #C14300) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-color: #FF945B #F45500 #F45500;
    border-image: none;
    border-right: 1px solid #F45500;
    border-style: solid;
    border-width: 1px;
}
.menu_orange li:hover div a {
    color: #F45500;
}
.menu_orange li:hover div a:hover {
    color: #FF945B;
}
.menu_orange li ul li a:hover {
    color: #FF945B;
}
.menu_pink {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: -moz-linear-gradient(center top , #D50066, #80003D) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-color: #FF1A87 #B30055 #B30055;
    border-image: none;
    border-right: 1px solid #B30055;
    border-style: solid;
    border-width: 1px;
}
.menu_pink li:hover div a {
    color: #B30055;
}
.menu_pink li:hover div a:hover {
    color: #FF1A87;
}
.menu_pink li ul li a:hover {
    color: #FF1A87;
}
.menu_purple {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: -moz-linear-gradient(center top , #8C8094, #615867) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-color: #ADA5B3 #7B6F83 #7B6F83;
    border-image: none;
    border-right: 1px solid #7B6F83;
    border-style: solid;
    border-width: 1px;
}
.menu_purple li:hover div a {
    color: #7B6F83;
}
.menu_purple li:hover div a:hover {
    color: #ADA5B3;
}
.menu_purple li ul li a:hover {
    color: #ADA5B3;
}
.menu_red {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: -moz-linear-gradient(center top , #D70B02, #830701) repeat scroll 0 0 rgba(0, 0, 0, 0);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#d70b02), to(#830701));
    border-color: #FD190F #A40802 #A40802;
    border-image: none;
    border-right: 1px solid #A40802;
    border-style: solid;
    border-width: 1px;
}
.menu_red li:hover div a {
    color: #A40802;
}
.menu_red li:hover div a:hover {
    color: #FD190F;
}
.menu_red li ul li a:hover {
    color: #FD190F;
}
