#main-nav { width: 995px; height: 35px; position: relative; float: left; list-style: none; padding: 0; border-top: 1px solid #8bafae; background: #284f4b; /* Old browsers */ background: -moz-linear-gradient(top, #284f4b 33%, #283731 99%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(33%, #284f4b), color-stop(99%, #283731)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #284f4b 33%, #283731 99%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #284f4b 33%, #283731 99%); /* Opera11.10+ */ z-index: 998; }
#main-nav .main-nav-item { display: inline; }
.sub-indicator {background: url(/_resources/images/themes/airlock/ui/ui-graphics.png) no-repeat transparent;background-position: 0 -656px; display: block; height: 10px; overflow: hidden; position: absolute; right: 10px; text-indent: -999em; top: 1.05em; width: 10px; border: none !important; opacity: 0.5; }
#main-nav .main-nav-tab { float: left; height: 25px; padding: 5px 15px; line-height: 25px; text-align: center; color: #FFF; text-decoration: none; font-size: 13px; position: relative; z-index: 998; }
#main-nav .main-nav-tab-drop { padding-right: 25px; }
#main-nav li:not(:first-child) a.main-nav-tab { border-left: 1px solid rgba(0, 0, 0, 0.6); }
#main-nav li:not(:last-child) a.main-nav-tab { border-right: 1px solid rgba(255, 255, 255, 0.3); }
#main-nav .main-nav-item-active .main-nav-tab { background-color: #336666; color: #FFF; -moz-box-shadow: inset 0 0 10px #283C36; -webkt-box-shadow: inset 0 0 10px #283C36; box-shadow: inset 0 0 10px #283C36; }
#main-nav .main-nav-dd { position: absolute; top: 35px; left: 0; margin: 0; background-color: #C5D9D8; border-bottom: 4px solid #72A8A7; display: none; -moz-box-shadow: 0 0 5px #000; -webkit-box-shadow: 0 0 5px #000; box-shadow: 0 0 5px #000; -moz-border-radius: 0px 0px 5px 5px; -webkit-border-radius: 0px 0px 5px 5px; border-radius: 0px 0px 5px 5px; z-index: 999; background: #e4eded; /* Old browsers */ background: -moz-linear-gradient(top, #e4eded 0%, #c5d9d8 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e4eded), color-stop(100%,#c5d9d8)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #e4eded 0%,#c5d9d8 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #e4eded 0%,#c5d9d8 100%); /* Opera11.10+ */ background: -ms-linear-gradient(top, #e4eded 0%,#c5d9d8 100%); /* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4eded', endColorstr='#c5d9d8',GradientType=0 ); /* IE6-9 */ background: linear-gradient(top, #e4eded 0%,#c5d9d8 100%); /* W3C */ z-index: 999; }
#main-nav .main-nav-item-active .main-nav-dd { display: block; }
#main-nav .main-nav-dd-column { width: 190px; padding: 15px 10px 8px 10px; display: table-cell; border-left: 1px solid rgba(0, 0, 0, 0.3); border-right: 1px solid rgba(255, 255, 255, 0.6); }
.main-nav-dd-column-large { width: 260px !important; }
.main-nav-dd-column ul li { font-size: 13px; line-height: 18px; }
#main-nav .main-nav-dd-column:first-child { border-left: 0; }
#main-nav .main-nav-dd h2 { font-size: 13px; color: #253B3A; font-weight: bold; font-family: Arial, Verdana, Helvetica; padding: 5px; background: #AFCCCA; margin: 5px 0px; }
#main-nav .main-nav-dd a { color: #000; text-decoration: none; }
#main-nav .main-nav-dd a:hover { color: #111212; text-decoration: underline; }
#main-nav .main-nav-dd ul { list-style: none; padding: 0; }
/* for future */
#main-nav .main-nav-dd hr { border: 1px solid rgba(0, 0, 0, 0.2); margin: 10px 0px; }
#main-nav a.unread { background: url(/_resources/images/themes/airlock/ui/ui-graphics.png);background-position: -1052px -900px; padding-left: 35px; }