﻿@charset "utf-8";
/* CSS Document */

.ddsmoothmenu
{
    /*font: normal 1.2em Trebuchet MS;*/
    /*background of menu bar (default state)*/
    width: 100%;
}

.ddsmoothmenu ul
{
    z-index:100;
    margin: 0;color:#000;
    padding:0 0 0 10px;
    list-style-type: none;
}

/*Top level list items*/
.ddsmoothmenu ul li
{
    position: relative;
    display: inline;    
    float: left;
    padding:0 0px 0 0px;

    /*padding-right:14px;*/
    padding-right:3px;
}

.ddsmoothmenu ul li ul li{padding:0;}
.ddsmoothmenu ul li.nav-lastnoPad{padding:0;}

/*Top level menu link items style*/
* html .ddsmoothmenu ul li a
{ /*IE6 hack to get sub menu links to behave correctly*/
    display: inline-block;
}

.ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:hover, .ddsmoothmenu ul li a:visited
{
    height: 26px;
    line-height:26px;
}

.ddsmoothmenu ul li.dblline a:link, .ddsmoothmenu ul li.dblline a:hover, .ddsmoothmenu ul li.dblline a:visited
{
    height: 26px;
    line-height:13px;
}

.ddsmoothmenu ul li a.homeIcon.selected, .ddsmoothmenu ul li a.ratingProcessIcon.selected, .ddsmoothmenu ul li a.ratingIcon.selected, .ddsmoothmenu ul li a.reportsIcon.selected, .ddsmoothmenu ul li a.subscribersIcon.selected, .ddsmoothmenu ul li a.newsUpdatesIcon.selected, .ddsmoothmenu ul li a.contactUsIcon.selected
{ 
    /*CSS class that's dynamically added to the currently active menu items' LI A element*/
    /*background: black;*/ 
    color:#ffc000;text-shadow:0px -1px 0px #272727;background-position:0 0px;
}

/*nav icon default*/
.ddsmoothmenu ul li a.homeIcon{background:url(../images/icon_menu_home.png) 0 0 no-repeat;}
.ddsmoothmenu ul li a.ratingProcessIcon{background:url(../images/icon_menu_rating_process.png) 0 0 no-repeat;}
.ddsmoothmenu ul li a.ratingIcon{background:url(../images/icon_menu_rating.png) 0 0 no-repeat;}
.ddsmoothmenu ul li a.reportsIcon{background:url(../images/icon_menu_reports.png) 0 0 no-repeat;}
.ddsmoothmenu ul li a.subscribersIcon{background:url(../images/icon_menu_subscribers.png) 0 0 no-repeat;}
.ddsmoothmenu ul li a.newsUpdatesIcon{background:url(../images/icon_menu_news_updates.png) 0 0 no-repeat;}
.ddsmoothmenu ul li a.contactUsIcon{background:url(../images/icon_menu_contact_us.png) 0 0 no-repeat;}

.ddsmoothmenu ul li a.vpmIcon{background:url(../images/icon_menu_vpm.png) 0 0 no-repeat;}

.ddsmoothmenu ul li a.homeIconselected{background:url(../images/icon_menu_home_selected.png) 0 0 no-repeat;}
.ddsmoothmenu ul li a.ratingProcessIconselected{background:url(../images/icon_menu_rating_process_selected.png) 0 0 no-repeat;}
.ddsmoothmenu ul li a.ratingIconselected{background:url(../images/icon_menu_rating_selected.png) 0 0 no-repeat;}
.ddsmoothmenu ul li a.reportsIconselected{background:url(../images/icon_menu_reports_selected.png) 0 0 no-repeat;}
.ddsmoothmenu ul li a.subscribersIconselected{background:url(../images/icon_menu_subscribers_selected.png) 0 0 no-repeat;}
.ddsmoothmenu ul li a.newsUpdatesIconselected{background:url(../images/icon_menu_news_updates_selected.png) 0 0 no-repeat;}
.ddsmoothmenu ul li a.contactUsIconselected{background:url(../images/icon_menu_contact_us_selected.png) 0 0 no-repeat;}

.ddsmoothmenu ul li a.vpmIconselected{background:url(../images/icon_menu_vpm_selected.png) 0 0 no-repeat;}



/*nav icon hover*/
.ddsmoothmenu ul li a:hover.homeIcon{background:url(../images/icon_menu_home_selected.png) 0 0 no-repeat;}
.ddsmoothmenu ul li a:hover.ratingProcessIcon{background:url(../images/icon_menu_rating_process_selected.png) 0 0 no-repeat;}
.ddsmoothmenu ul li a:hover.ratingIcon{background:url(../images/icon_menu_rating_selected.png) 0 0 no-repeat;}
.ddsmoothmenu ul li a:hover.reportsIcon{background:url(../images/icon_menu_reports_selected.png) 0 0 no-repeat;}
.ddsmoothmenu ul li a:hover.subscribersIcon{background:url(../images/icon_menu_subscribers_selected.png) 0 0 no-repeat;}
.ddsmoothmenu ul li a:hover.newsUpdatesIcon{background:url(../images/icon_menu_news_updates_selected.png) 0 0 no-repeat;}
.ddsmoothmenu ul li a:hover.contactUsIcon{background:url(../images/icon_menu_contact_us_selected.png) 0 0 no-repeat;}

.ddsmoothmenu ul li a:hover.vpmIcon{background:url(../images/icon_menu_vpm_selected.png) 0 0 no-repeat;}

.ddsmoothmenu ul li a:hover.homeIconselected{background:url(../images/icon_menu_home_selected.png) 0 0 no-repeat;}
.ddsmoothmenu ul li a:hover.ratingProcessIconselected{background:url(../images/icon_menu_rating_process_selected.png) 0 0 no-repeat;}
.ddsmoothmenu ul li a:hover.ratingIconselected{background:url(../images/icon_menu_rating_selected.png) 0 0 no-repeat;}
.ddsmoothmenu ul li a:hover.reportsIconselected{background:url(../images/icon_menu_reports_selected.png) 0 0 no-repeat;}
.ddsmoothmenu ul li a:hover.subscribersIconselected{background:url(../images/icon_menu_subscribers_selected.png) 0 0 no-repeat;}
.ddsmoothmenu ul li a:hover.newsUpdatesIconselected{background:url(../images/icon_menu_news_updates_selected.png) 0 0 no-repeat;}
.ddsmoothmenu ul li a:hover.contactUsIconselected{background:url(../images/icon_menu_contact_us_selected.png) 0 0 no-repeat;}

.ddsmoothmenu ul li a:hover.vpmIconselected{background:url(../images/icon_menu_vpm_selected.png) 0 0 no-repeat;}
/*nav icon active*/

/*.ddsmoothmenu ul li{background:url(../images/icn-arrow-down.gif) 68%  91% no-repeat;}
.ddsmoothmenu ul li:hover{background:url(../images/icn-arrow-down-a.gif) 68%  91% no-repeat;}

.ddsmoothmenu ul li.down-icon{background:url(../images/icn-arrow-down.gif) 62%  91% no-repeat;}
.ddsmoothmenu ul li.down-icon:hover{background:url(../images/icn-arrow-down-a.gif) 62%  91% no-repeat;}
.ddsmoothmenu ul li.down-icon-acnts{background:url(../images/icn-arrow-down.gif) 65%  91% no-repeat;}
.ddsmoothmenu ul li.down-icon-acnts:hover{background:url(../images/icn-arrow-down-a.gif) 65%  91% no-repeat;}
.ddsmoothmenu ul li.down-icon-sales{background:url(../images/icn-arrow-down.gif) 72%  91% no-repeat;}
.ddsmoothmenu ul li.down-icon-sales:hover{background:url(../images/icn-arrow-down-a.gif) 72%  91% no-repeat;}
.ddsmoothmenu ul li.down-icon-rprts{background:url(../images/icn-arrow-down.gif) 75%  91% no-repeat;}
.ddsmoothmenu ul li.down-icon-rprts:hover{background:url(../images/icn-arrow-down-a.gif) 75%  91% no-repeat;}*/

.ddsmoothmenu ul li a
{
    display: block;
    /*text-shadow:0px 1px 0px #cfccc9;*/
    /*background of menu items (default state)*/
    color:#000;
    padding:0px 0px 0px 0px;
    text-decoration: none;
    /*background:none;*/
}

.ddsmoothmenu ul li a:hover, .ddsmoothmenu ul li a.active
{
    /*background: black;*/ /*background of menu items during onmouseover (hover state)*/
    color:#ffc000;
    /*text-shadow:0px -1px 0px #272727;*/
}

/*1st sub level menu*/
.ddsmoothmenu ul li ul
{
    position: absolute;
    left: 0;
    background:url(../images/sub_menu_bg4.png) bottom no-repeat;    
    display: none; /*collapse all sub menus to begin with*/
    visibility: hidden;/*background:#837e78;*/
    width:238px;
    /*width:400px; */
    padding:15px 0 18px 0px;
    margin:0px 0 0px -10px;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.ddsmoothmenu ul li ul li
{
    background:none;
    display: list-item; 
    float: none;

    line-height:13px;
}

.ddsmoothmenu ul li ul li:hover
{
    background:none;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.ddsmoothmenu ul li ul li ul
{
    /*top: 0;*/
}

.ddsmoothmenu ul li ul li a:link, .ddsmoothmenu ul li ul li a:hover, .ddsmoothmenu ul li ul li a:visited
{
    height: 24px;
}


.ddsmoothmenu ul li ul li a.lnkNotSelected:hover
{
    background:url(../images/sub_menu_arrow_selected.png) 0 60% no-repeat;
    color:#ffffff; 
}

/* Sub level menu links style */
.ddsmoothmenu ul li ul li a.lnkNotSelected
{
    font-family: Trebuchet MS;
    font-size: 13px;
    font-weight: bold;
    color: #c1efff;
    /*width: 160px;*/ /*width of sub menus*/
    padding:0px 0 0px 28px;
    margin: 0 0 5px 10px;
    background:url(../images/sub_menu_arrow.png) 0 60% no-repeat;
    /*border-bottom: 1px solid gray;*/    
}

.ddsmoothmenu ul li ul li a.lnkSelected:hover
{
    background:url(../images/sub_menu_arrow_selected.png) 0 60% no-repeat;
    color:#ffffff; 
}

/* Sub level menu links style */
.ddsmoothmenu ul li ul li a.lnkSelected
{
    font-family: Trebuchet MS;
    font-size: 13px;
    font-weight: bold;
    color: #ffffff;
    /*width: 160px;*/ /*width of sub menus*/
    padding:0px 0 0px 28px;
    margin: 0 0 5px 10px;
    background:url(../images/sub_menu_arrow_selected.png) 0 60% no-repeat;
    /*border-bottom: 1px solid gray;*/    
}

.ddsmoothmenu ul li ul li a.level2NotSelected:hover
{
    background:url(../images/sub_menu_arrow_level_2_selected.png) 0 60% no-repeat;
    color:#ffffff; 
}

/* Sub level menu links style */
.ddsmoothmenu ul li ul li a.level2NotSelected
{
    font-family: Trebuchet MS;
    font-size: 13px;
    font-weight: bold;
    color: #c1efff;
    /*width: 160px;*/ /*width of sub menus*/
    padding:0px 0 0px 28px;
    margin: 0 0 5px 10px;
    background:url(../images/sub_menu_arrow_level_2.png) 0 60% no-repeat;
    /*border-bottom: 1px solid gray;*/    
}

.ddsmoothmenu ul li ul li a.level2Selected:hover
{
    background:url(../images/sub_menu_arrow_level_2_selected.png) 0 60% no-repeat;
    color:#ffffff; 
}

/* Sub level menu links style */
.ddsmoothmenu ul li ul li a.level2Selected
{
    font-family: Trebuchet MS;
    font-size: 13px;
    font-weight: bold;
    color: #ffffff;
    /*width: 160px;*/ /*width of sub menus*/
    padding:0px 0 0px 28px;
    margin: 0 0 5px 10px;
    background:url(../images/sub_menu_arrow_level_2_selected.png) 0 60% no-repeat;
    /*border-bottom: 1px solid gray;*/    
}

/* Holly Hack for IE \*/
* html .ddsmoothmenu{height: 1%;} /*Holly Hack for IE7 and below*/
/* ######### CSS classes applied to down and right arrow images  ######### */
.downarrowclass
{
    display:none;
    position: absolute;
    top: 100%;
    right: 20%;
}

.rightarrowclass
{
    position: absolute;
    top: 6px;
    right: 5px;
}

/* ######### CSS for shadow added to sub menus  ######### */
.ddshadow
{ /*shadow for NON CSS3 capable browsers*/
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    /*background: silver;*/
}

.toplevelshadow
{ 
    /*shadow opacity for NON CSS3 capable browsers. Doesn't work in IE*/
    /*opacity: 0.8;*/