Products

Evoq Content Overview Content Creation Workflow Asset Management Mobile Responsive Personalization Content Analytics SEO Integrations Security Website PerformanceEvoq Engage Overview Community Management  Dashboard  Analytics  Member Profile Gamification Advocate Marketing Community Engagement  Ideas  Answers  Discussions  Groups  Wikis  Events Mobile ReadyDNN Support PackagesEvoq: CMS FeaturesEvoq OnDemandCompare DNN's CMS Products

Solutions

Content Management SystemMulti-Channel PublishingDigital MarketingOnline Community ManagementIntranet Software SolutionOur CustomersPrime

Resources

Test DrivesSchedule A DemoDocumentation CenterWebinarsWhite PapersProduct ManualsRequest PricingData SheetsCase StudiesEvoq Preferred Products Content Management Ecommerce Forms Identity Management and Authentication Site Management Social Themes

Partners

DNN Partners Partner Directory Become a DNN Partner Partner Program Overview  Hosting  Implementation  ISV  Training  Competencies

Community

Participate Ask a Question Forums Community Showcase DNN MVP  Program Overview  Lifetime MVPs  Honorary MVPs Subscribe to DNN Digest Advisory Groups  Awareness Advisory Group  Developer Advisory Group  Partner Advisory Group  Technology Advisory GroupLearn Documentation Wiki Community Blog Video Library Project History Development RoadmapDownload DNN Store Language Packs Manuals Nightly BuildsSecurity Policies Security Center

Blog

About

News Press Releases News Coverage Press KitCareersContact DNN

QA

Ideas Test

New Community Website

Ordinarily, you'd be at the right spot, but we've recently launched a brand new community website... For the community, by the community.

Yay... Take Me to the Community!

Welcome to the DNN Community Forums, your preferred source of online community support for all things related to DNN.
In order to participate you must be a registered DNNizen
HomeHomeUsing DNN Platf...Using DNN Platf...Skins, Themes, ...Skins, Themes, ...Left Menu and Top Sub Menu PaddingLeft Menu and Top Sub Menu Padding
Previous
 
Next
New Post
3/13/2010 4:43 AM
 
S_Muhilan

Joined: 1/11/2010
Posts: 13

Hi

We are facing issue over padding of menu. In fire fox it is working fine but in IE it is not working as like firefox.

http://shacklock.net/sportspace/dnn/

my skin.css file is as follows:

@import url("css/variations/stylesheetwidget.css");
.PageContainer {
 width: 100%;
 height: 100%;  
 background-color: #ffffff;
}

.ContentContainer
{
    width: 945px;
 height: 100%;
 background-color: #ffffff;
}

.MenuContainer
{
    background-color: #ffffff;
    width: 100%;

  
}
.TdBanner
{
 
   width: 100%;
   background-image:url(images/ss_banner.png);
   background-repeat:no-repeat;
}


.tdHemel
{
 background-image:url(images/SSMenu/HEMEL-over.gif);
}
.tdBERKHAMSTED
{
 background-image:url(images/SSMenu/BERKHAMSTED-over.gif);
}
.tdLONGDEAN
{
 background-image:url(images/SSMenu/LONGDEAN-over.gif);
}
.tdTRING
{
 background-image:url(images/SSMenu/TRING-over.gif);
}
.tdKINGS
{
 background-image:url(images/SSMenu/KINGS_LANGLEY-over.gif);
}
.tdSPORTS
{
 background-image:url(images/SSMenu/SPORTS_DEVELOPMENT-over.gif);
}
.tdLITTLE
{
 background-image:url(images/SSMenu/LITTLE_HAY-over.gif);
}

 

 

.FooterContainer
{
    background-color: #dddddd;
    width: 100%;
}
.CurrenDate
{
    color:#2f61c0;
   
    font-family:tahoma, FontName;
}
.CsSearch
{
    color:#2f61c0;
    
}

.SkinObject
{
 font-weight: bold;
 font-size: 8.5pt;
 color: #444444;
 font-family: Tahoma, Arial, Helvetica;
 text-decoration: none;
}

A.SkinObject:link
{
 text-decoration: none;
 color: Navy;
}

A.SkinObject:visited
{
 text-decoration: none;
 color: Navy;
}

A.SkinObject:hover
{
 text-decoration: underline;
 color: Navy;
}

A.SkinObject:active
{
 text-decoration: none;
 color: Navy;
}

.Main_DNNMenu_ContainerSub
{
    background-color:#dddddd;   
    border-right: solid 1px #444444;
    border-bottom: solid 1px #444444;
    border-top: solid 1px white;
    border-left: solid 1px white;   
 z-index: 1000;
 cursor: pointer;
 cursor: hand;
 padding: 1px 1px 1px 1px;
 
}

.Main_DNNMenu_NodeRoot  {
 cursor: pointer;
 cursor: hand;
 color: #000000;
 font-size: 10pt;
 font-weight: bold;
 font-style: normal;
 font-family: Tahoma, Arial, Helvetica;
 background-color: Transparent;
    white-space: nowrap;     
    padding: 0px 10px 0px 5px;
  
}

.Main_DNNMenu_Node td
{
 cursor: pointer;
 cursor: hand;
 color: #000000;
 font-size: 10pt;
 font-weight: bold;
 font-style: normal;
 font-family: Tahoma, Arial, Helvetica;
 background-color: Transparent;
    white-space: nowrap; 
    padding: 1px 3px 3px 1px; 
  
}

.Main_DNNMenu_NodeHover
{
    background-color: #bbbbbb;
}

.Main_DNNMenu_NodeHover td
{
    background-color: #bbbbbb;
}

/*--------- dnn menu style ----------*/
/* main menu td */
.leftMenu
{
   padding:0px;
    border-style:none;

  
}

 


.rpItem
{
  
        border-style:none;
}
.rptext
{
    color:White;
    border-style:none;
}

/* Left Menu  */

.LeftManuContainerRoot
{
 cursor:pointer;
 font-size: 11px;
 background-color:transparent;
 width:157px;
 padding:0px 0px 0px 0px;
}  

.LeftManuCssNodeRoot
{
    color:White;
 text-align:left;
 vertical-align:middle;
    padding:0px 10px 0px 10px;
    white-space:nowrap;
    font: normal 13px/24px "Segoe UI", Arial, sans-serif;
    background: url(images/SSimages/menu_bg.JPG) ;
}

.LogInStyle
{
   
    font-size:0px;
    color:white;
}
.LogInStyle:hover
{
    color:black;
    font-size:10px;
}
.mainMenuLeft
{
 cursor:pointer;
 font-size: 11px;
 background-color:transparent;
 width:157px;
 padding:0px 0px 0px 0px;
  
}  

.mainMenuLeft .root
{ 
 color:White;
 text-align:left;
 vertical-align:middle;
   padding:0px 0px 0px 0px;
  margin-left:1px;
    white-space:nowrap;
    font: normal 13px/24px "Segoe UI", Arial, sans-serif;
 
 
}
.mainMenuLeft .hov
{ 
 
    font: normal 15px/24px "Segoe UI", Arial, sans-serif;
 
 
}

 

 

.mainMenuLeft table{
 color:White;
 
  }
 
 
.mainMenuLeft .m
{
    width:200px;
    color:White;
    border:solid 1px Gray;
    text-align:left;
    padding:0px 0px 0px 0px;
    background: url(images/SSimages/menu_bg.JPG) ;
    font: normal 13px/24px "Segoe UI", Arial, sans-serif;
 }
 

 
.mainMenuLeft .mi0{

width:167px;
height:28px;
 

background: url(images/SSimages/menu_bg.JPG) ;
}


.mainMenuLeft .mi1{

width:167px;
height:28px;


 background: url(images/SSimages/menu_bg.JPG) ;
}


.mainMenuLeft .mi2{
  width:167px;
height:28px;

  background: url(images/SSimages/menu_bg.JPG) ;
}


.mainMenuLeft .mi3{
width:167px;
height:28px;

 background: url(images/SSimages/menu_bg.JPG)  
}

.mainMenuLeft .mi4{
width:167px;
height:28px;
 background: url(images/SSimages/menu_bg.JPG); 
}


.mainMenuLeft .mi5{
width:167px;
height:28px;

 background: url(images/SSimages/menu_bg.JPG);
}


.mainMenuLeft .mi6{
 width:167px;
height:28px;

  background: url(images/SSimages/menu_bg.JPG) 
}

 

.mainMenuLeft .mi7
{
    width:167px;
   height:28px;
 
   background: url(images/SSimages/menu_bg.JPG) ; 
}
.mainMenuLeft .mi8
{
    width:167px;
   height:28px;
  
   background: url(images/SSimages/menu_bg.JPG) ; 
}
.mainMenuLeft .mi9
{
    width:167px;
   height:28px;
  
   background: url(images/SSimages/menu_bg.JPG) ; 
}
.mainMenuLeft .mi10
{
    width:167px;
   height:28px;
  
   background: url(images/SSimages/menu_bg.JPG) ; 
}
.mainMenuLeft .mi11
{
    width:167px;
   height:28px;
  
   background: url(images/SSimages/menu_bg.JPG) ; 
}

/* Main Menu Normal */


.mainMenu
{
 cursor:pointer;
 font-size: 11px;
 background-color:transparent;
 width:945px;
 padding:0px 0px 0px 0px;
}  

.mainMenu .root
{ 
 color:#eeeeff;
 font-size: 0px;
 font-weight:normal;  
 text-align:center;
 padding:0px 0px 0px 0px;
 text-transform:uppercase; margin-right:1px;
 white-space:nowrap;
 margin-right:1px; 
 float:left;
 text-decoration:none;
 
}


/* Main menu hover
.mainMenu .hov{

 background:url(images/SSMenu/BERKHAMSTED.GIF) No-Repeat;
}

.mainMenu .sel, .mainMenu .bc {
color:Black;
 background:url(images/menu_active.png) repeat-x top left;
}
*/
/* Main menu selected */

.mainMenu table{
 
    color:White;
    border:solid 1px  Gray;
    padding:0px 0px 0px 0px;
     background-color:white;
     
}
 
 

 
.mainMenu .mi0{

width:145px;
height:28px;
text-decoration:none;
background: url(images/SSMenu/HEMEL.GIF) No-Repeat;
}


.mainMenu .mi1{

width:113px;
height:28px;
text-decoration:none;

  background: url(images/SSMenu/BERKHAMSTED.GIF) No-Repeat;
}


.mainMenu .mi2{
  width:93px;
height:28px;
  background:url(images/SSMenu/LONGDEAN.GIF) No-Repeat;
}


.mainMenu .mi3{
width:62px;
height:28px;
  background:url(images/SSMenu/TRING.GIF) No-Repeat;
}

.mainMenu .mi4{
width:118px;
height:28px;
 background:url(images/SSMenu/KINGS_LANGLEY.gif) No-Repeat;
}


.mainMenu .mi5{
width:115px;
height:28px;
  background:url(images/SSMenu/ATHLETICS_TRACK.gif) No-Repeat;
}


.mainMenu .mi6{
 width:151px;
height:28px;
  background:url(images/SSMenu/SPORTS_DEVELOPMENT.GIF) No-Repeat;
}

 

.mainMenu .mi7
{
    width:117px;
   height:28px;
   background:url(images/SSMenu/LITTLE_HAY.GIF) No-Repeat;
}

 

 

#dnn_dnnNAV_ctldnnNAVctr76.hov,#dnn_dnnNAV_ctldnnNAVctr76.act
{
  color:#6B238E;
  
    width:145px;
height:28px;
font-size: 0pt;
text-align:right;
 font-weight:normal;

  text-decoration:none;
 
background: url(images/SSMenu/HEMEL-over.GIF) No-Repeat;
}

#dnn_dnnNAV_ctldnnNAVctr77.hov{

color:#66CDAA;
width:113px;
height:28px;
font-size: 0px;
 font-weight:normal;
  text-decoration:none;
  text-align:right;
 
 
 background: url(images/SSMenu/BERKHAMSTED-over.GIF) No-Repeat;
}
#dnn_dnnNAV_ctldnnNAVctr78.hov
{
    color:#EE9933;
    width:93px;
 height :28px;
font-size: 0px;
 font-weight:normal;
  text-decoration:none;
    text-align:right;
 background: url(images/SSMenu/LONGDEAN-over.GIF) No-Repeat;
}
#dnn_dnnNAV_ctldnnNAVctr79.hov
{
    color:#DD6633;
  width:62px;
height:28px;
font-size: 0px;
 font-weight:normal;
  text-decoration:none;
    text-align:right;
 background:url(images/SSMenu/TRING-over.GIF) No-Repeat;
}
#dnn_dnnNAV_ctldnnNAVctr80.hov{

color:#33DDFF;
width:118px;
height:28px;
  font-size: 0px;
 font-weight:normal;
  text-decoration:none;
 background:url(images/SSMenu/KINGS_LANGLEY-over.gif) No-Repeat;
}
#dnn_dnnNAV_ctldnnNAVctr81.hov
{
color:#CD3333;   
width:115px;
height:28px;
font-size: 0px;
 font-weight:normal;
  text-decoration:none;
 background:url(images/SSMenu/ATHLETICS_TRACK-over.gif) No-Repeat;
}
#dnn_dnnNAV_ctldnnNAVctr82.hov{

color:#EECC55;
width:151px;
height:28px;
  font-size: 0px;
  text-decoration:none;
 font-weight:normal;
 background:url(images/SSMenu/SPORTS_DEVELOPMENT-over.GIF) No-Repeat;
}
#dnn_dnnNAV_ctldnnNAVctr83.hov
{
    color:#66BB00;
        width:117px;
   height:28px;
   font-size: 0px;
 font-weight:normal;
  text-decoration:none;
 background:url(images/SSMenu/LITTLE_HAY-over.GIF) No-Repeat;
}

 

#dnn_dnnNAV_ctldnnNAVctr76.bc,#dnn_dnnNAV_ctldnnNAVctr76.sel
{
    color:#6B238E;
    width:145px;
height:28px;
 text-decoration:none;
background: url(images/SSMenu/HEMEL-over.GIF) No-Repeat;
}


#dnn_dnnNAV_ctldnnNAVctr77.bc,#dnn_dnnNAV_ctldnnNAVctr77.sel
{
color:#66CDAA;
width:113px;
height:28px;
 text-decoration:none;

 background: url(images/SSMenu/BERKHAMSTED-over.GIF) No-Repeat;
}
#dnn_dnnNAV_ctldnnNAVctr78.bc,#dnn_dnnNAV_ctldnnNAVctr78.sel
{
    color:#EE9933;
    width:93px;
 height :28px;
 text-decoration:none;
 background: url(images/SSMenu/LONGDEAN-over.GIF) No-Repeat;
}
#dnn_dnnNAV_ctldnnNAVctr79.bc,#dnn_dnnNAV_ctldnnNAVctr79.sel
{
    color:#DD6633;
  width:62px;
height:28px;
 text-decoration:none;
 background:url(images/SSMenu/TRING-over.GIF) No-Repeat;
}
#dnn_dnnNAV_ctldnnNAVctr80.bc,#dnn_dnnNAV_ctldnnNAVctr80.sel
{
color:#33DDFF;
width:118px;
height:28px;
 text-decoration:none;
 background:url(images/SSMenu/KINGS_LANGLEY-over.gif) No-Repeat;
}
#dnn_dnnNAV_ctldnnNAVctr81.bc,#dnn_dnnNAV_ctldnnNAVctr81.sel
{
    color:#CD3333;
width:115px;
height:28px;
 text-decoration:none;
 background:url(images/SSMenu/ATHLETICS_TRACK-over.gif) No-Repeat;
}
#dnn_dnnNAV_ctldnnNAVctr82.bc,#dnn_dnnNAV_ctldnnNAVctr82.sel
{
color:#EECC55;
width:151px;
height:28px;
 text-decoration:none;
 background:url(images/SSMenu/SPORTS_DEVELOPMENT-over.GIF) No-Repeat;
}
#dnn_dnnNAV_ctldnnNAVctr83.bc,#dnn_dnnNAV_ctldnnNAVctr83.sel
{
    color:#66BB00;
        width:117px;
   height:28px;
    text-decoration:none;
 background:url(images/SSMenu/LITTLE_HAY-over.GIF) No-Repeat;
}

 

 

 

 


/*  ------ Sub menus-------------- */


.mainMenu .sel, .mainMenu .bc
{
   
     color:White;
     padding:0px 0px 0px 0px;
      white-space:nowrap;
      font-weight:normal;
   
}

.mainMenu .m
{
    width:250px;
    color:White;
    border:solid 1px Gray;
    padding:0px 0px 0px 0px;
    text-align:left;
    font: normal 13px/24px "Segoe UI", Arial, sans-serif;
 }

 

 

.mainMenu .mi0-0 td
{
   
    border-bottom:solid 1pt white;
    white-space:nowrap;
     padding:0px 30px 0px 0px;
   
 }

.mainMenu .mi0-1 td
{
  border-bottom:solid 1pt white;
     
     white-space:nowrap;
     padding:0px 30px 0px 0px;
  }
  .mainMenu .mi0-2 td
{
 
      border-bottom:solid 1pt white;
     
     white-space:nowrap;
     padding:0px 30px 0px 0px;
  }
      
.mainMenu .mi0-3 td
{
     border-bottom:solid 1pt white;
     
     white-space:nowrap;
     padding:0px 30px 0px 0px;
    
  }

.mainMenu .mi0-4 td
{
 
    border-bottom:solid 1pt white;
    white-space:nowrap;
     padding:0px 30px 0px 0px;
  }
  .mainMenu .mi0-5 td
{

    border-bottom:solid 1pt Gray;
    white-space:nowrap;
     padding:0px 30px 0px 0px;
   
  }

.mainMenu .mi0-6 td
{
 
 
    border-bottom:solid 1pt Gray;
    white-space:nowrap;
     padding:0px 30px 0px 0px;
  }
.mainMenu .mi0-7 td
{
  
    border-bottom:solid 1pt Gray;
    white-space:nowrap;
     padding:0px 30px 0px 0px;
  }

.mainMenu .mi0-8 td
{
 
     
    border-bottom:solid 1pt Gray;
    white-space:nowrap;
     padding:0px 30px 0px 0px;
 }
 .mainMenu .mi0-9 td
{
 
    
    border-bottom:solid 1pt Gray;
    white-space:nowrap;
     padding:0px 30px 0px 0px;
  }
.mainMenu .mi0-10 td
{
 
    border-bottom:solid 1pt Gray;
    white-space:nowrap;
     padding:0px 30px 0px 0px;
   
  }

.mainMenu .mi0-11 td
{
 
     
    border-bottom:solid 1pt Gray;
    white-space:nowrap;
     padding:0px 30px 0px 0px;
 }
 
 
 

 

.mainMenu .mi1-0 td
{
     border-bottom:solid 1px Gray;
     border-top: solid 1px Gray;
      white-space:nowrap;
     padding:0px 30px 0px 0px;
  }

.mainMenu .mi1-1 td
{
 
      border-bottom:solid 1px Gray;
      border-top: solid 1px Gray;
   white-space:nowrap;
     padding:0px 30px 0px 0px;
    
     }
.mainMenu .mi1-3 td
{
     border-bottom:solid 1px Gray;
     border-top: solid 1px Gray;
       white-space:nowrap;
     padding:0px 30px 0px 0px;
  }

.mainMenu .mi1-4 td
{
 
      border-bottom:solid 1px Gray;
      border-top: solid 1px Gray;
        white-space:nowrap;
     padding:0px 30px 0px 0px;
  }
  .mainMenu .mi7-5 td
{
     border-bottom:solid 1px Gray;
     border-top: solid 1px Gray;
        white-space:nowrap;
     padding:0px 30px 0px 0px;
  }

.mainMenu .mi1-6 td
{
 
      border-bottom:solid 1px Gray;
      border-top: solid 1px Gray;
        white-space:nowrap;
     padding:0px 30px 0px 0px;
  }
.mainMenu .mi1-7 td
{
     border-bottom:solid 1px Gray;
     border-top: solid 1px Gray;
       white-space:nowrap;
     padding:0px 30px 0px 0px;
  }

.mainMenu .mi1-8 td
{
 
      border-bottom:solid 1px Gray;
      border-top: solid 1px Gray;
        white-space:nowrap;
     padding:0px 30px 0px 0px;
 }
 .mainMenu .mi1-9 td
{
 
      border-bottom:solid 1px Gray;
      border-top: solid 1px Gray;
        white-space:nowrap;
     padding:0px 30px 0px 0px;
  }
.mainMenu .mi1-10 td
{
     border-bottom:solid 1px Gray;
     border-top: solid 1px Gray;
     white-space:nowrap;
     padding:0px 30px 0px 0px;
  }

.mainMenu .mi1-11 td
{
 
      border-bottom:solid 1px Gray;
      border-top: solid 1px Gray;
     white-space:nowrap;
     padding:0px 30px 0px 0px;
 }
 
 
 

 


.mainMenu .mi2-0 td
{
     border-bottom:solid 1px Gray;
     border-top: solid 1px Gray;
     white-space:nowrap;
     padding:0px 30px 0px 0px;
  }

.mainMenu .mi2-1 td
{
 
      border-bottom:solid 1px Gray;
      border-top: solid 1px Gray;
     white-space:nowrap;
     padding:0px 30px 0px 0px;
  }
.mainMenu .mi2-3 td
{
     border-bottom:solid 1px Gray;
     border-top: solid 1px Gray;
    white-space:nowrap;
     padding:0px 30px 0px 0px;
  }

.mainMenu .mi2-4 td
{
 
      border-bottom:solid 1px Gray;
      border-top: solid 1px Gray;
     white-space:nowrap;
     padding:0px 30px 0px 0px;
  }
  .mainMenu .mi2-5 td
{
     border-bottom:solid 1px Gray;
     border-top: solid 1px Gray;
    white-space:nowrap;
     padding:0px 30px 0px 0px;
  }

.mainMenu .mi2-6 td
{
 
      border-bottom:solid 1px Gray;
      border-top: solid 1px Gray;
     white-space:nowrap;
     padding:0px 30px 0px 0px;
  }
.mainMenu .mi2-7 td
{
     border-bottom:solid 1px Gray;
     border-top: solid 1px Gray;
    white-space:nowrap;
     padding:0px 30px 0px 0px;
  }

.mainMenu .mi2-8 td
{
 
      border-bottom:solid 1px Gray;
      border-top: solid 1px Gray;
     white-space:nowrap;
     padding:0px 30px 0px 0px;
 }
 .mainMenu .mi2-9 td
{
 
      border-bottom:solid 1px Gray;
      border-top: solid 1px Gray;
     white-space:nowrap;
     padding:0px 30px 0px 0px;
  }
.mainMenu .mi2-10 td
{
     border-bottom:solid 1px Gray;
     border-top: solid 1px Gray;
    white-space:nowrap;
     padding:0px 30px 0px 0px;
  }

.mainMenu .mi2-11 td
{
 
      border-bottom:solid 1px Gray;
      border-top: solid 1px Gray;
     white-space:nowrap;
     padding:0px 30px 0px 0px;
 }

 

 

.mainMenu .mi3-0 td
{
     border-bottom:solid 1px Gray;
     border-top: solid 1px Gray;
     white-space:nowrap;
     padding:0px 30px 0px 0px;
  }

.mainMenu .mi3-1 td
{
 
      border-bottom:solid 1px Gray;
      border-top: solid 1px Gray;
     white-space:nowrap;
     padding:0px 30px 0px 0px;
  }
.mainMenu .mi3-3 td
{
     border-bottom:solid 1px Gray;
     border-top: solid 1px Gray;
       white-space:nowrap;
     padding:0px 30px 0px 0px;
  }

.mainMenu .mi3-4 td
{
 
      border-bottom:solid 1px Gray;
      border-top: solid 1px Gray;
       white-space:nowrap;
     padding:0px 30px 0px 0px;
  }
  .mainMenu .mi3-5 td
{
     border-bottom:solid 1px Gray;
     border-top: solid 1px Gray;
      white-space:nowrap;
     padding:0px 30px 0px 0px;
  }

.mainMenu .mi3-6 td
{
 
      border-bottom:solid 1px Gray;
      border-top: solid 1px Gray;
      white-space:nowrap;
     padding:0px 30px 0px 0px;
  }
.mainMenu .mi3-7 td
{
     border-bottom:solid 1px Gray;
     border-top: solid 1px Gray;
      white-space:nowrap;
     padding:0px 30px 0px 0px;
  }

.mainMenu .mi3-8 td
{
 
      border-bottom:solid 1px Gray;
      border-top: solid 1px Gray;
       white-space:nowrap;
     padding:0px 30px 0px 0px;
 }
 .mainMenu .mi3-9 td
{
 
      border-bottom:solid 1px Gray;
      border-top: solid 1px Gray;
       white-space:nowrap;
     padding:0px 30px 0px 0px;
  }
.mainMenu .mi3-10 td
{
     border-bottom:solid 1px Gray;
     border-top: solid 1px Gray;
      white-space:nowrap;
     padding:0px 30px 0px 0px;
  }

.mainMenu .mi3-11 td
{
 
      border-bottom:solid 1px Gray;
      border-top: solid 1px Gray;
       white-space:nowrap;
     padding:0px 30px 0px 0px;
 }
 
 
 
 
 

 


.mainMenu .mi4-0 td
{
     border-bottom:solid 1px Gray;
     border-top: solid 1px Gray;
      white-space:nowrap;
     padding:0px 30px 0px 0px;
  }

.mainMenu .mi4-1 td
{
 
      border-bottom:solid 1px Gray;
      border-top: solid 1px Gray;
       white-space:nowrap;
     padding:0px 30px 0px 0px;
  }
.mainMenu .mi4-3 td
{
     border-bottom:solid 1px Gray;
     border-top: solid 1px Gray;
       white-space:nowrap;
     padding:0px 30px 0px 0px;
  }

.mainMenu .mi4-4 td
{
 
      border-bottom:solid 1px Gray;
      border-top: solid 1px Gray;
       white-space:nowrap;
     padding:0px 30px 0px 0px;
  }
  .mainMenu .mi4-5 td
{
     border-bottom:solid 1px Gray;
     border-top: solid 1px Gray;
       white-space:nowrap;
     padding:0px 30px 0px 0px;
  }

.mainMenu .mi4-6 td
{
 
      border-bottom:solid 1px Gray;
      border-top: solid 1px Gray;
      white-space:nowrap;
     padding:0px 30px 0px 0px;
  }
.mainMenu .mi4-7 td
{
     border-bottom:solid 1px Gray;
     border-top: solid 1px Gray;
       white-space:nowrap;
     padding:0px 30px 0px 0px;
  }

.mainMenu .mi4-8 td
{
 
      border-bottom:solid 1px Gray;
      border-top: solid 1px Gray;
      white-space:nowrap;
     padding:0px 30px 0px 0px;
 }
 .mainMenu .mi4-9 td
{
 
      border-bottom:solid 1px Gray;
      border-top: solid 1px Gray;
      white-space:nowrap;
     padding:0px 30px 0px 0px;
  }
.mainMenu .mi4-10 td
{
     border-bottom:solid 1px Gray;
     border-top: solid 1px Gray;
       white-space:nowrap;
     padding:0px 30px 0px 0px;
  }

.mainMenu .mi4-11 td
{
 
      border-bottom:solid 1px Gray;
      border-top: solid 1px Gray;
       white-space:nowrap;
     padding:0px 30px 0px 0px;
 }
 
 
 
 
 
 

 

.mainMenu .mi5-0 td
{
     border-bottom:solid 1px Gray;
     border-top: solid 1px Gray;
     white-space:nowrap;
     padding:0px 30px 0px 0px;
  }

.mainMenu .mi5-1 td
{
 
      border-bottom:solid 1px Gray;
      border-top: solid 1px Gray;
      white-space:nowrap;
     padding:0px 30px 0px 0px;
  }
.mainMenu .mi5-3 td
{
     border-bottom:solid 1px Gray;
     border-top: solid 1px Gray;
       white-space:nowrap;
     padding:0px 30px 0px 0px;
  }

.mainMenu .mi5-4 td
{
 
      border-bottom:solid 1px Gray;
      border-top: solid 1px Gray;
       white-space:nowrap;
     padding:0px 30px 0px 0px;
  }
 
  .mainMenu .mi5-5 td
{
     border-bottom:solid 1px Gray;
     border-top: solid 1px Gray;
       white-space:nowrap;
     padding:0px 30px 0px 0px;
  }

.mainMenu .mi5-6 td
{
 
      border-bottom:solid 1px Gray;
      border-top: solid 1px Gray;
       white-space:nowrap;
     padding:0px 30px 0px 0px;
  }
.mainMenu .mi5-7 td
{
     border-bottom:solid 1px Gray;
     border-top: solid 1px Gray;
      white-space:nowrap;
     padding:0px 30px 0px 0px;
  }

.mainMenu .mi5-8 td
{
 
      border-bottom:solid 1px Gray;
      border-top: solid 1px Gray;
      white-space:nowrap;
      padding:0px 30px 0px 0px;
 }
 .mainMenu .mi5-9 td
{
 
      border-bottom:solid 1px Gray;
      border-top: solid 1px Gray;
      white-space:nowrap;
      padding:0px 30px 0px 0px;
  }
.mainMenu .mi5-10 td
{
     border-bottom:solid 1px Gray;
     border-top: solid 1px Gray;
     white-space:nowrap;
     padding:0px 30px 0px 0px;
  }

.mainMenu .mi5-11 td
{
 
      border-bottom:solid 1px Gray;
      border-top: solid 1px Gray;
     white-space:nowrap;
     padding:0px 30px 0px 0px;
 }
 
 
 
 
 

 

.mainMenu .mi6-0 td
{
     border-bottom:solid 1px Gray;
     border-top: solid 1px Gray;
     white-space:nowrap;
     padding:0px 30px 0px 0px;
  }

.mainMenu .mi6-1 td
{
 
      border-bottom:solid 1px Gray;
      border-top: solid 1px Gray;
     white-space:nowrap;
     padding:0px 30px 0px 0px;
  }
.mainMenu .mi6-3 td
{
     border-bottom:solid 1px Gray;
     border-top: solid 1px Gray;
     white-space:nowrap;
     padding:0px 30px 0px 0px;
  }

.mainMenu .mi6-4 td
{
 
      border-bottom:solid 1px Gray;
      border-top: solid 1px Gray;
     white-space:nowrap;
     padding:0px 30px 0px 0px;
 }
 .mainMenu .mi6-5 td
{
     border-bottom:solid 1px Gray;
     border-top: solid 1px Gray;
    white-space:nowrap;
     padding:0px 30px 0px 0px;
  }

.mainMenu .mi6-6 td
{
 
      border-bottom:solid 1px Gray;
      border-top: solid 1px Gray;
    white-space:nowrap;
     padding:0px 30px 0px 0px;
  }
.mainMenu .mi6-7 td
{
     border-bottom:solid 1px Gray;
     border-top: solid 1px Gray;
     white-space:nowrap;
     padding:0px 30px 0px 0px;
  }

.mainMenu .mi6-8 td
{
 
      border-bottom:solid 1px Gray;
      border-top: solid 1px Gray;
     white-space:nowrap;
     padding:0px 30px 0px 0px;
 }
 .mainMenu .mi6-9 td
{
 
      border-bottom:solid 1px Gray;
      border-top: solid 1px Gray;
    white-space:nowrap;
     padding:0px 30px 0px 0px;
  }
.mainMenu .mi6-10 td
{
     border-bottom:solid 1px Gray;
     border-top: solid 1px Gray;
     white-space:nowrap;
     padding:0px 30px 0px 0px;
  }

.mainMenu .mi6-11 td
{
 
      border-bottom:solid 1px Gray;
      border-top: solid 1px Gray;
    white-space:nowrap;
     padding:0px 30px 0px 0px;
 }
 
 
 

 


.mainMenu .mi7-0 td
{
     border-bottom:solid 1px Gray;
     border-top: solid 1px Gray;
    white-space:nowrap;
     padding:0px 30px 0px 0px;
  }

.mainMenu .mi7-1 td
{
 
      border-bottom:solid 1px Gray;
      border-top: solid 1px Gray;
     white-space:nowrap;
     padding:0px 30px 0px 0px;
  }
.mainMenu .mi7-3 td
{
     border-bottom:solid 1px Gray;
     border-top: solid 1px Gray;
    white-space:nowrap;
     padding:0px 30px 0px 0px;
  }

.mainMenu .mi7-4 td
{
 
      border-bottom:solid 1px Gray;
      border-top: solid 1px Gray;
     white-space:nowrap;
     padding:0px 30px 0px 0px;
  }
.mainMenu .mi7-5 td
{
     border-bottom:solid 1px Gray;
     border-top: solid 1px Gray;
     white-space:nowrap;
     padding:0px 30px 0px 0px;
  }

.mainMenu .mi7-6 td
{
 
      border-bottom:solid 1px Gray;
      border-top: solid 1px Gray;
    white-space:nowrap;
     padding:0px 30px 0px 0px;
  }
.mainMenu .mi7-7 td
{
     border-bottom:solid 1px Gray;
     border-top: solid 1px Gray;
    white-space:nowrap;
     padding:0px 30px 0px 0px;
  }

.mainMenu .mi7-8 td
{
 
      border-bottom:solid 1px Gray;
      border-top: solid 1px Gray;
     white-space:nowrap;
     padding:0px 30px 0px 0px;
 }
 .mainMenu .mi7-9 td
{
 
      border-bottom:solid 1px Gray;
      border-top: solid 1px Gray;
     white-space:nowrap;
     padding:0px 30px 0px 0px;
  }
.mainMenu .mi7-10 td
{
     border-bottom:solid 1px Gray;
     border-top: solid 1px Gray;
     white-space:nowrap;
     padding:0px 30px 0px 0px;
  }

.mainMenu .mi7-11 td
{
 
      border-bottom:solid 1px Gray;
      border-top: solid 1px Gray;
    white-space:nowrap;
     padding:0px 30px 0px 0px;
 }

 

.mainMenu .mi0-0
{
     background-color:#6B238E;
    
}

.mainMenu .mi0-1
{
     background-color:#6B238E;
     
}
.mainMenu .mi0-2
{
     background-color:#6B238E;
}
.mainMenu .mi0-3
{
     background-color:#6B238E;
}
.mainMenu .mi0-4
{
     background-color:#6B238E;
}
.mainMenu .mi0-5
{
     background-color:#6B238E;
}
.mainMenu .mi0-6
{
     background-color:#6B238E;
}
.mainMenu .mi0-7
{
     background-color:#6B238E;
}
.mainMenu .mi0-8
{
     background-color:#6B238E;
}
.mainMenu .mi0-9
{
     background-color:#6B238E;
}
.mainMenu .mi0-10
{
     background-color:#6B238E;
}
.mainMenu .mi0-11
{
     background-color:#6B238E;
}

 

 

 


.mainMenu .mi1-0
{
    
     background-color:#66CDAA;
     
}
.mainMenu .mi1-1
{
   
      background-color:#66CDAA;
}
.mainMenu .mi1-2
{
     background-color:#66CDAA;
}
.mainMenu .mi1-3
{
     background-color:#66CDAA;
}
.mainMenu .mi1-4
{
     background-color:#66CDAA;
}
.mainMenu .mi1-5
{
     background-color:#66CDAA;
}
.mainMenu .mi1-6
{
     background-color:#66CDAA;
}
.mainMenu .mi1-7
{
     background-color:#66CDAA;
}
.mainMenu .mi1-8
{
     background-color:#66CDAA;
}
.mainMenu .mi1-9
{
     background-color:#66CDAA;
}
.mainMenu .mi1-10
{
     background-color:#66CDAA;
}
.mainMenu .mi1-11
{
     background-color:#66CDAA;
}


.mainMenu .mi2-0
{
     background-color:#EE9933;
}
.mainMenu .mi2-1
{
     background-color:#EE9933;
}
.mainMenu .mi2-2
{
     background-color:#EE9933;
}
.mainMenu .mi2-3
{
     background-color:#EE9933;
}
.mainMenu .mi2-4
{
     background-color:#EE9933;
}
.mainMenu .mi2-5
{
     background-color:#EE9933;
}
.mainMenu .mi2-6
{
     background-color:#EE9933;
}
.mainMenu .mi2-7
{
     background-color:#EE9933;
}
.mainMenu .mi2-8
{
     background-color:#EE9933;
}
.mainMenu .mi2-9
{
     background-color:#EE9933;
}
.mainMenu .mi2-10
{
     background-color:#EE9933;
}
.mainMenu .mi2-11
{
     background-color:#EE9933;
}


.mainMenu .mi3-0
{
     background-color:#DD6633;
}
.mainMenu .mi3-1
{
     background-color:#DD6633;
}
.mainMenu .mi3-2
{
     background-color:#DD6633;
}
.mainMenu .mi3-3
{
     background-color:#DD6633;
}
.mainMenu .mi3-4
{
     background-color:#DD6633;
}
.mainMenu .mi3-5
{
     background-color:#DD6633;
}
.mainMenu .mi3-6
{
     background-color:#DD6633;
}
.mainMenu .mi3-7
{
     background-color:#DD6633;
}
.mainMenu .mi3-8
{
     background-color:#DD6633;
}
.mainMenu .mi3-9
{
     background-color:#DD6633;
}
.mainMenu .mi3-10
{
     background-color:#DD6633;
}
.mainMenu .mi3-11
{
     background-color:#DD6633;
}

 

 

.mainMenu .mi4-0
{
     background-color: #33DDFF;
}
.mainMenu .mi4-1
{
     background-color: #33DDFF;
}
.mainMenu .mi4-2
{
     background-color: #33DDFF;
}
.mainMenu .mi4-3
{
     background-color: #33DDFF;
}
.mainMenu .mi4-4
{
     background-color: #33DDFF;
}
.mainMenu .mi4-5
{
     background-color: #33DDFF;
}
.mainMenu .mi4-6
{
     background-color: #33DDFF;
}
.mainMenu .mi4-7
{
     background-color: #33DDFF;
}
.mainMenu .mi4-8
{
     background-color: #33DDFF;
}
.mainMenu .mi4-9
{
     background-color: #33DDFF;
}
.mainMenu .mi4-10
{
     background-color: #33DDFF;
}
.mainMenu .mi4-11
{
     background-color: #33DDFF;
}

 

 

.mainMenu .mi5-0
{
     background-color:  #CD3333;
}
.mainMenu .mi5-1
{
     background-color:  #CD3333;
}
.mainMenu .mi5-2
{
     background-color:  #CD3333;
}
.mainMenu .mi5-3
{
     background-color:  #CD3333;
}
.mainMenu .mi5-4
{
     background-color:  #CD3333;
}
.mainMenu .mi5-5
{
     background-color: #CD3333;
}
.mainMenu .mi5-6
{
     background-color:  #CD3333;
}
.mainMenu .mi5-7
{
     background-color: #CD3333;
}
.mainMenu .mi5-8
{
     background-color:  #CD3333;
}
.mainMenu .mi5-9
{
     background-color: #CD3333;
}
.mainMenu .mi5-10
{
     background-color:  #CD3333;
}
.mainMenu .mi5-11
{
     background-color: #CD3333;
}

 

.mainMenu .mi6-0
{
     background-color: #EECC55;
}
.mainMenu .mi6-1
{
     background-color: #EECC55;
}
.mainMenu .mi6-2
{
     background-color: #EECC55;
}
.mainMenu .mi6-3
{
     background-color: #EECC55;
}
.mainMenu .mi6-4
{
     background-color: #EECC55;
}
.mainMenu .mi6-5
{
     background-color: #EECC55;
}
.mainMenu .mi6-6
{
     background-color: #EECC55;
}
.mainMenu .mi6-7
{
     background-color: #EECC55;
}
.mainMenu .mi6-8
{
     background-color: #EECC55;
}
.mainMenu .mi6-9
{
     background-color: #EECC55;
}
.mainMenu .mi6-10
{
     background-color: #EECC55;
}
.mainMenu .mi6-11
{
     background-color: #EECC55;
}

 

 


.mainMenu .mi7-0
{
     background-color: #66BB00;
}
.mainMenu .mi7-1
{
     background-color: #66BB00;
}
.mainMenu .mi7-2
{
     background-color: #66BB00;
}
.mainMenu .mi7-3
{
     background-color: #66BB00;
}
.mainMenu .mi7-4
{
     background-color: #66BB00;
}
.mainMenu .mi7-5
{
     background-color: #66BB00;
}
.mainMenu .mi7-6
{
     background-color: #66BB00;
}
.mainMenu .mi7-7
{
     background-color: #66BB00;
}
.mainMenu .mi7-8
{
     background-color: #66BB00;
}
.mainMenu .mi7-9
{
     background-color: #66BB00;
}
.mainMenu .mi7-10
{
     background-color: #66BB00;
}
.mainMenu .mi7-11
{
     background-color: #66BB00;
}

 

/*-----------------------------------------------*/


.mainMenu .mi0-0.hov
{
     font: normal 15px/24px "Segoe UI", Arial, sans-serif;
    
}

.mainMenu .mi0-1.hov
{
font: normal 15px/24px "Segoe UI", Arial, sans-serif;
     
}
.mainMenu .mi0-2.hov
{
   font: normal 15px/24px "Segoe UI", Arial, sans-serif;
}
.mainMenu .mi0-3.hov
{
    font: normal 15px/24px "Segoe UI", Arial, sans-serif;
}
.mainMenu .mi0-4.hov
{
     font: normal 15px/24px "Segoe UI", Arial, sans-serif;
}
.mainMenu .mi0-5.hov
{
    font: normal 15px/24px "Segoe UI", Arial, sans-serif;
}
.mainMenu .mi0-6.hov
{
    font: normal 15px/24px "Segoe UI", Arial, sans-serif;
}
.mainMenu .mi0-7.hov
{
    font: normal 15px/24px "Segoe UI", Arial, sans-serif;
}
.mainMenu .mi0-8.hov
{
    font: normal 15px/24px "Segoe UI", Arial, sans-serif;
}
.mainMenu .mi0-9.hov
{
     font: normal 15px/24px "Segoe UI", Arial, sans-serif;
}
.mainMenu .mi0-10.hov
{
     font: normal 15px/24px "Segoe UI", Arial, sans-serif;
}
.mainMenu .mi0-11.hov
{
     font: normal 15px/24px "Segoe UI", Arial, sans-serif;
}

 

 

 


.mainMenu .mi1-0.hov
{
    
    font: normal 15px/24px "Segoe UI", Arial, sans-serif;
     
}
.mainMenu .mi1-1.hov
{
   
     font: normal 15px/24px "Segoe UI", Arial, sans-serif;
}
.mainMenu .mi1-2.hov
{
    font: normal 15px/24px "Segoe UI", Arial, sans-serif;
}
.mainMenu .mi1-3.hov
{
    font: normal 15px/24px "Segoe UI", Arial, sans-serif;
}
.mainMenu .mi1-4.hov
{
     font: normal 15px/24px "Segoe UI", Arial, sans-serif;
}
.mainMenu .mi1-5.hov
{
    font: normal 15px/24px "Segoe UI", Arial, sans-serif;
}
.mainMenu .mi1-6.hov
{
font: normal 15px/24px "Segoe UI", Arial, sans-serif;
}
.mainMenu .mi1-7.hov
{
    font: normal 15px/24px "Segoe UI", Arial, sans-serif;
}
.mainMenu .mi1-8.hov
{
     font: normal 15px/24px "Segoe UI", Arial, sans-serif;
}
.mainMenu .mi1-9.hov
{
     font: normal 15px/24px "Segoe UI", Arial, sans-serif;
}
.mainMenu .mi1-10.hov
{
     font: normal 15px/24px "Segoe UI", Arial, sans-serif;
}
.mainMenu .mi1-11.hov
{
    font: normal 15px/24px "Segoe UI", Arial, sans-serif;
}


.mainMenu .mi2-0.hov
{
    font: normal 15px/24px "Segoe UI", Arial, sans-serif;
}
.mainMenu .mi2-1.hov
{
     font: normal 15px/24px "Segoe UI", Arial, sans-serif;
}
.mainMenu .mi2-2.hov
{
     font: normal 15px/24px "Segoe UI", Arial, sans-serif;
}
.mainMenu .mi2-3.hov
{
     font: normal 15px/24px "Segoe UI", Arial, sans-serif;
}
.mainMenu .mi2-4.hov
{
     font: normal 15px/24px "Segoe UI", Arial, sans-serif;
}
.mainMenu .mi2-5.hov
{
     font: normal 15px/24px "Segoe UI", Arial, sans-serif;
}
.mainMenu .mi2-6.hov
{
     font: normal 15px/24px "Segoe UI", Arial, sans-serif;
}
.mainMenu .mi2-7.hov
{
     font: normal 15px/24px "Segoe UI", Arial, sans-serif;
}
.mainMenu .mi2-8.hov
{
    font: normal 15px/24px "Segoe UI", Arial, sans-serif;
}
.mainMenu .mi2-9.hov
{
     font: normal 15px/24px "Segoe UI", Arial, sans-serif;
}
.mainMenu .mi2-10.hov
{
    font: normal 15px/24px "Segoe UI", Arial, sans-serif;
}
.mainMenu .mi2-11.hov
{
    font: normal 15px/24px "Segoe UI", Arial, sans-serif;
}


.mainMenu .mi3-0.hov
{
    font: normal 15px/24px "Segoe UI", Arial, sans-serif;
}
.mainMenu .mi3-1.hov
{
    font: normal 15px/24px "Segoe UI", Arial, sans-serif;
}
.mainMenu .mi3-2.hov
{
     font: normal 15px/24px "Segoe UI", Arial, sans-serif;
}
.mainMenu .mi3-3.hov
{
    font: normal 15px/24px "Segoe UI", Arial, sans-serif;
}
.mainMenu .mi3-4.hov
{
    font: normal 15px/24px "Segoe UI", Arial, sans-serif;
}
.mainMenu .mi3-5.hov
{
     font: normal 15px/24px "Segoe UI", Arial, sans-serif;
}
.mainMenu .mi3-6.hov
{
     font: normal 15px/24px "Segoe UI", Arial, sans-serif;
}
.mainMenu .mi3-7.hov
{
     font: normal 15px/24px "Segoe UI", Arial, sans-serif;
}
.mainMenu .mi3-8.hov
{
     font: normal 15px/24px "Segoe UI", Arial, sans-serif;
}
.mainMenu .mi3-9.hov
{
     font: normal 15px/24px "Segoe UI", Arial, sans-serif;
}
.mainMenu .mi3-10.hov
{
    font: normal 15px/24px "Segoe UI", Arial, sans-serif;
}
.mainMenu .mi3-11.hov
{
     font: normal 15px/24px "Segoe UI", Arial, sans-serif;
}

 

 

.mainMenu .mi4-0.hov
{
font: normal 15px/24px "Segoe UI", Arial, sans-serif;
}
.mainMenu .mi4-1.hov
{
    font: normal 15px/24px "Segoe UI", Arial, sans-serif;
}
.mainMenu .mi4-2.hov
{
     font: normal 15px/24px "Segoe UI", Arial, sans-serif;
}
.mainMenu .mi4-3.hov
{
     font: normal 15px/24px "Segoe UI", Arial, sans-serif;
}
.mainMenu .mi4-4.hov
{
     font: normal 15px/24px "Segoe UI", Arial, sans-serif;
}
.mainMenu .mi4-5.hov
{
     font: normal 15px/24px "Segoe UI", Arial, sans-serif;
}
.mainMenu .mi4-6.hov
{
    font: normal 15px/24px "Segoe UI", Arial, sans-serif;
}
.mainMenu .mi4-7.hov
{
    font: normal 15px/24px "Segoe UI", Arial, sans-serif;
}
.mainMenu .mi4-8.hov
{
     font: normal 15px/24px "Segoe UI", Arial, sans-serif;
}
.mainMenu .mi4-9.hov
{
    font: normal 15px/24px "Segoe UI", Arial, sans-serif;
}
.mainMenu .mi4-10.hov
{
    font: normal 15px/24px "Segoe UI", Arial, sans-serif;
}
.mainMenu .mi4-11.hov
{
    font: normal 15px/24px "Segoe UI", Arial, sans-serif;
}

 

 

.mainMenu .mi5-0.hov
{
font: normal 15px/24px "Segoe UI", Arial, sans-serif;
}
.mainMenu .mi5-1.hov
{
font: normal 15px/24px "Segoe UI", Arial, sans-serif;
}
.mainMenu .mi5-2.hov
{
     font: normal 15px/24px "Segoe UI", Arial, sans-serif;
}
.mainMenu .mi5-3.hov
{
     font: normal 15px/24px "Segoe UI", Arial, sans-serif;
}
.mainMenu .mi5-4.hov
{
     font: normal 15px/24px "Segoe UI", Arial, sans-serif;
}
.mainMenu .mi5-5.hov
{
    font: normal 15px/24px "Segoe UI", Arial, sans-serif;
}
.mainMenu .mi5-6.hov
{
     font: normal 15px/24px "Segoe UI", Arial, sans-serif;
}
.mainMenu .mi5-7.hov
{
font: normal 15px/24px "Segoe UI", Arial, sans-serif;
}
.mainMenu .mi5-8.hov
{
    font: normal 15px/24px "Segoe UI", Arial, sans-serif;
}
.mainMenu .mi5-9.hov
{
    font: normal 15px/24px "Segoe UI", Arial, sans-serif;
}
.mainMenu .mi5-10.hov
{
    font: normal 15px/24px "Segoe UI", Arial, sans-serif;
}
.mainMenu .mi5-11.hov
{
    font: normal 15px/24px "Segoe UI", Arial, sans-serif;
}

 

.mainMenu .mi6-0.hov
{
     font: normal 15px/24px "Segoe UI", Arial, sans-serif;
}
.mainMenu .mi6-1.hov
{
     font: normal 15px/24px "Segoe UI", Arial, sans-serif;
}
.mainMenu .mi6-2.hov
{
     font: normal 15px/24px "Segoe UI", Arial, sans-serif;
}
.mainMenu .mi6-3.hov
{
    font: normal 15px/24px "Segoe UI", Arial, sans-serif;
}
.mainMenu .mi6-4.hov
{
     font: normal 15px/24px "Segoe UI", Arial, sans-serif;
}
.mainMenu .mi6-5.hov
{
     font: normal 15px/24px "Segoe UI", Arial, sans-serif;
}
.mainMenu .mi6-6.hov
{
     font: normal 15px/24px "Segoe UI", Arial, sans-serif;
}
.mainMenu .mi6-7.hov
{
     font: normal 15px/24px "Segoe UI", Arial, sans-serif;
}
.mainMenu .mi6-8.hov
{
   font: normal 15px/24px "Segoe UI", Arial, sans-serif;
}
.mainMenu .mi6-9.hov
{
   font: normal 15px/24px "Segoe UI", Arial, sans-serif;
}
.mainMenu .mi6-10.hov
{
    font: normal 15px/24px "Segoe UI", Arial, sans-serif;
}
.mainMenu .mi6-11.hov
{
    font: normal 15px/24px "Segoe UI", Arial, sans-serif;
}

 

 


.mainMenu .mi7-0.hov
{
    font: normal 15px/24px "Segoe UI", Arial, sans-serif;
}
.mainMenu .mi7-1.hov
{
    font: normal 15px/24px "Segoe UI", Arial, sans-serif;
}
.mainMenu .mi7-2.hov
{
    font: normal 15px/24px "Segoe UI", Arial, sans-serif;
}
.mainMenu .mi7-3.hov
{
     font: normal 15px/24px "Segoe UI", Arial, sans-serif;
}
.mainMenu .mi7-4.hov
{
     font: normal 15px/24px "Segoe UI", Arial, sans-serif;
}
.mainMenu .mi7-5.hov
{
    font: normal 15px/24px "Segoe UI", Arial, sans-serif;
}
.mainMenu .mi7-6.hov
{
     font: normal 15px/24px "Segoe UI", Arial, sans-serif;
}
.mainMenu .mi7-7.hov
{
     font: normal 15px/24px "Segoe UI", Arial, sans-serif;
}
.mainMenu .mi7-8.hov
{
     font: normal 15px/24px "Segoe UI", Arial, sans-serif;
}
.mainMenu .mi7-9.hov
{
     font: normal 15px/24px "Segoe UI", Arial, sans-serif;
}
.mainMenu .mi7-10.hov
{
    font: normal 15px/24px "Segoe UI", Arial, sans-serif;
}
.mainMenu .mi7-11.hov
{
    font: normal 15px/24px "Segoe UI", Arial, sans-serif;
}

my skin.ascx
<%@ Control language="vb" AutoEventWireup="false" Explicit="True" Inherits="DotNetNuke.UI.Skins.Skin" %>
<%@ Register TagPrefix="dnn" TagName="CURRENTDATE" Src="~/Admin/Skins/CurrentDate.ascx" %>
<%@ Register TagPrefix="dnn" TagName="SEARCH" Src="~/Admin/Skins/Search.ascx" %>
<%@ Register TagPrefix="dnn" TagName="LOGIN" Src="~/Admin/Skins/Login.ascx" %>
<%@ Register TagPrefix="dnn" TagName="NAV" Src="~/Admin/Skins/Nav.ascx" %>
<%@ Register TagPrefix="dnn" TagName="LEFTMENU" Src="~/Admin/Skins/LeftMenu.ascx" %>
<%@ Register TagPrefix="dnn" TagName="LANGUAGE" Src="~/Admin/Skins/Language.ascx" %>
<%@ Register TagPrefix="dnn" TagName="LOGO" Src="~/Admin/Skins/Logo.ascx" %>
<%@ Register TagPrefix="dnn" TagName="TEXT" Src="~/Admin/Skins/Text.ascx" %>
<%@ Register TagPrefix="dnn" TagName="BREADCRUMB" Src="~/Admin/Skins/BreadCrumb.ascx" %>
<%@ Register TagPrefix="dnn" TagName="USER" Src="~/Admin/Skins/User.ascx" %>
<%@ Register TagPrefix="dnn" TagName="LINKS" Src="~/Admin/Skins/Links.ascx" %>
<%@ Register TagPrefix="dnn" TagName="PRIVACY" Src="~/Admin/Skins/Privacy.ascx" %>
<%@ Register TagPrefix="dnn" TagName="TERMS" Src="~/Admin/Skins/Terms.ascx" %>
<%@ Register TagPrefix="dnn" TagName="COPYRIGHT" Src="~/Admin/Skins/Copyright.ascx" %>
<%@ Register TagPrefix="dnn" TagName="STYLES" Src="~/Admin/Skins/Styles.ascx" %>

  

   <table class="PageContainer">
    <tr>
        <td align="center">
                <table class="ContentContainer" border="0" cellspacing="0" cellpadding="0">
                  
                    <tr>
                        <td style="height:1px;">
                           
                            <table style="width: 100%;" border="0" cellspacing="0" cellpadding="0">
                                <tr>
                                    <td width="100%" height="110px"  align="right"  valign="top" class="TdBanner">
                                    <table border="0" cellspacing="0" cellpadding="0">
                                    <tr><td align="right">
                                       <div class="Widgets">
                           
                                             <object id="TextSizeWidget" codetype="dotnetnuke/client" codebase="StyleSheetWidget" declare="declare">
                                                 <param name="baseUrl" value="<%= SkinPath %>css/variations/" />
                                                 <param name="template" value="&lt;div title='{TEXT}' {ID} {CLASS}&gt;&lt;/div&gt;" />
                                                 <param name="default" value="MediumText" />
                                                 <param name="Small Text" value="SmallText" />
                                                 <param name="Medium Text" value="MediumText" />
                                                 <param name="Large Text" value="LargeText" />
                                             </object>
                                         </div>
                                    </td></tr>
                                    <tr><td>
                                         <div align="right">
          <table width="285" border="0" cellspacing="0" cellpadding="0">
        <tr height="26">
         <td valign="top" width="201" height="26">
         
          <div align="left">
           <font size="2" color="#2f61c0" face="tahoma, FontName">
           <csobj format="LongDate" h="16" region="2" t="DateTime" w="160"><dnn:CURRENTDATE runat="server" id="dnnCURRENTDATE" CssClass="CurrenDate" /></csobj></font></div>
         </td>
         <td width="12" height="26"></td>
         <td height="26"></td>
         <td width="11" height="26"></td>
        </tr>
        <tr height="21">
         <td width="201" height="21">
         
         
          <div align="left">
           <font size="2" color="#2f61c0" face="tahoma, FontName">Site Search</font></div>
         </td>
         <td width="12" height="21"></td>
         <td height="21"></td>
         <td width="11" height="21"></td>
        </tr>
        <tr>
         <td width="201"><dnn:SEARCH runat="server" id="dnnSEARCH" showWeb="False" ShowSite="True"  Submit=" go! " CssClass="CsSearch" /></td>
         <td width="12"></td>
         <td><!--<input type="submit" name="submitButtonName" value="go!" />--></td>
         <td width="11">
         <dnn:LOGIN runat="server" id="dnnLOGIN"   CssClass="LogInStyle"  />&nbsp;&nbsp;
         
         </td>
        </tr>
        
       </table>
        </div>
                                    </td></tr>
                                    </table>
                        
                          

                                   
                               </td>
                                       
                                   
                                </tr>
                               
                                 <tr>
                                    <td >
                         
        
            <dnn:NAV runat="server" id="dnnNAV"  ProviderName="DNNMenuNavigationProvider" StartTabId="76" IndicateChildren="false" ControlOrientation="Horizontal" CSSControl="mainMenu"  />

        

                                  </td>
                                  
                                </tr>
                               
                               
                               
                            </table>

                           
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <table style="width: 100%; height: 100%" border="0" cellspacing="0" cellpadding="0">
                               <%-- <tr>
                                    <td align="center" valign="top" id="TopPane" runat="server" colspan="3"></td>
                                </tr>--%>
                                <tr>
                                    <td align="left" valign="top" id="LeftPane" runat="server" style="width:60px">
                                   
                                      <table width="168" border="0" cellspacing="0" cellpadding="0" >
                     <tr>
                    <td width="168" bgcolor="#2f61c0"  >
                   <div  >
                         <%-- <dnn:LEFTMENU runat="server" id="dnnLEFTMENU"  Width="168px" RootItemHeight="26px" EnableEmbeddedSkins="False" CSSClass="leftMenu" EnableRootItemCss="True" Style="color:#2f61c0;padding:0px;" EnableItemCss="true" Skin="MinimalExtropy" ExpandAnimationType="OutBack"/>--%>
                          <dnn:NAV runat="server" id="dnnNAVLeft"  ProviderName="DNNMenuNavigationProvider"   IndicateChildren="false" ControlOrientation="Vertical"   CSSNodeRoot="LeftManuCssNodeRoot" CSSContainerRoot="LeftManuContainerRoot" CSSControl="mainMenuLeft" />
                   </div>
                  </td>
                 </tr>
                  <tr>
                      <td bgcolor="white" width="166" ><img src="/DotNetNuke/Portals/_default/Skins/MySkinTwo/images/SSimages/lh_base.jpg" alt="" height="10" width="168" border="0" /></td>
                       </tr>
                      
                      
                       <tr height="11">
        <td bgcolor="white" width="168" height="11"></td>
       </tr>
       <%--<tr>
        <td bgcolor="#2f61c0" width="168"><img src="/DotNetNuke/Portals/_default/Skins/MySkinTwo/images/SSimages/gymmiles_head.jpg" alt="" height="33" width="168" border="0" /></td>
       </tr>
       <tr>
        <td width="168" background="/DotNetNuke/Portals/_default/Skins/MySkinTwo/images/SSimages/ss_blue_bg.jpg">
         <div align="center">
          <table width="144" border="0" cellspacing="0" cellpadding="0">
           <tr>
            <td>
             <div align="left">
              <a  href="/DotNetNuke/portals/_default/skins/myskintwo/../../../../Home.aspx" ><font size="2" color="white" face="tahoma, FontName">Link to Gymmiles.net</font></a></div>
            </td>
           </tr>
          </table>
         </div>
        </td>
       </tr>
       <tr>
        <td bgcolor="white" width="168"><img src="/DotNetNuke/Portals/_default/Skins/MySkinTwo/images/SSimages/lh_base.jpg" alt="" height="10" width="168" border="0" /></td>
       </tr>
       <tr height="11">
        <td bgcolor="white" width="168" height="11"></td>
       </tr>  --%>
       
       
       <%--<tr>
        <td bgcolor="white" width="168"><img src="/DotNetNuke/Portals/_default/Skins/MySkinTwo/images/SSimages/links_head.jpg" alt="" height="34" width="168" border="0" /></td>
       </tr>
       <tr height="130">
        <td valign="top" width="168" height="130" background="/DotNetNuke/Portals/_default/Skins/MySkinTwo/images/SSimages/ss_blue_bg.jpg">
         <div align="center">
          <table width="141" border="0" cellspacing="0" cellpadding="0">
           <tr height="22">
            <td height="22">
             <div align="left">
              <a  href="/DotNetNuke/portals/_default/skins/myskintwo/../../../../Home.aspx" ><font size="2" color="white" face="tahoma, FontName">BMI Calculator</font> </a></div>
            </td>
           </tr>
           <tr height="38">
            <td height="38">
             <div align="left">
              <a  href="/DotNetNuke/portals/_default/skins/myskintwo/../../../../Home.aspx" ><font size="2" color="white" face="tahoma, FontName">Healthy Eating Assessment</font></a></div>
            </td>
           </tr>
           <tr height="38">
            <td height="38">
             <div align="left">
              <a  href="/DotNetNuke/portals/_default/skins/myskintwo/../../../../Home.aspx" ><font size="2" color="white" face="tahoma, FontName">Check Your Fitness Levels</font></a></div>
            </td>
           </tr>
           <tr height="22">
            <td height="22">
             <div align="left">
              <a  href="/DotNetNuke/portals/_default/skins/myskintwo/../../../../Home.aspx" ><font size="2" color="white" face="tahoma, FontName">Olympics 2010</font></a></div>
            </td>
           </tr>
          </table>
         </div>
        </td>
       </tr>
       <tr>
        <td bgcolor="white" width="168"><img src="/DotNetNuke/Portals/_default/Skins/MySkinTwo/images/SSimages/lh_base.jpg" alt="" height="10" width="168" border="0" /></td>
       </tr>--%>
       
       
       <%--<tr>
       <td width="168">
             <div align="center">
               <img src="/DotNetNuke/Portals/_default/Skins/MySkinTwo/images/SSimages/affiliation_logos.jpg" alt="" height="157" width="71" border="0" /></div>
             </td>
        </tr> --%>             
                      
                  </table>     
                                   
                                   
                                    </td>
                                   
                                    <td align="center" valign="top" id="ContentPane" runat="server" style="width:800px">
                                   
                                   
                                    </td>
                                   
                                   
                                   
                                    <td align="center" valign="top" id="RightPane" runat="server" style="width:100px">
                                   
                                    <%--<table width="64" border="0" cellspacing="0" cellpadding="0">--%>
       <%--<tr>
        <td><img src="/DotNetNuke/Portals/_default/Skins/MySkinTwo/images/SSimages/booking_head.jpg" alt="" height="36" width="175" border="0" /></td>
       </tr>
       <tr>
        <td background="/DotNetNuke/Portals/_default/Skins/MySkinTwo/images/SSimages/ss_blue_bg.jpg">
         <div align="center">
          <table width="146" border="0" cellspacing="0" cellpadding="0">
           <tr>
            <td>
             <div align="left">
              <font size="2" color="white" face="tahoma, FontName">Link here</font></div>
            </td>
           </tr>
          </table>
         </div>
        </td>
       </tr>
       <tr>
        <td><img src="/DotNetNuke/Portals/_default/Skins/MySkinTwo/images/SSimages/rh_base.jpg" alt="" height="10" width="175" border="0" /></td>
       </tr>
       <tr height="11">
        <td height="11"></td>
       </tr>--%>
       
       
       <%--<tr height="11">
        <td height="11"><img src="/DotNetNuke/Portals/_default/Skins/MySkinTwo/images/SSimages/printemail_page.jpg" alt="" height="58" width="175" usemap="/DotNetNuke/portals/_default/skins/myskintwo/#printemail_pagec774fa75" border="0" /><map name="printemail_pagec774fa75"><area shape="rect" coords="93,16,164,41" href="/DotNetNuke/portals/_default/skins/myskintwo/../../../../Events.aspx" alt="" /><area shape="rect" coords="9,16,80,41" href=" window.print()" alt="" /></map></td>
       </tr>
       <tr height="11">
        <td height="11"></td>
       </tr>--%>
       
       
       <%--<tr>
        <td><img src="/DotNetNuke/Portals/_default/Skins/MySkinTwo/images/SSimages/latest_news_head.jpg" alt="" height="44" width="175" border="0" /></td>
       </tr>
       <tr height="289">
        <td valign="top" height="289" background="/DotNetNuke/Portals/_default/Skins/MySkinTwo/images/SSimages/news_bg.jpg">
         <div align="center">
          <table width="146" border="0" cellspacing="0" cellpadding="0">
           <tr>
            <td >
            
               <div align="left">
              </div>

             
            </td>
           </tr>
          </table>
         </div>
        </td>
       </tr>
       <tr>
        <td><img src="/DotNetNuke/Portals/_default/Skins/MySkinTwo/images/SSimages/latest_news_base.jpg" alt="" height="16" width="175" border="0" /></td>
       </tr>--%>
      <%--</table>--%>
                                   
                                   
                                    </td>
                                </tr>
                                <tr>
                                    <td align="center" valign="top" id="BottomPane" runat="server" colspan="3"></td>
                                </tr>
                               
                                <%--<tr>
         
                                 <td  colspan="3" width="100%" valign="top" height="30px" align="right"  background="/DotNetNuke/Portals/_default/Skins/MySkinTwo/images/SSimages/SkinFooter.jpg"> 
                                 <dnn:LOGIN runat="server" id="dnnLOGIN"   CssClass="LogInStyle" />&nbsp;&nbsp;
                                 </td>
             </tr>--%>
                               
                               
                            </table>
                           
                        </td>
                    </tr>
                
                 
                </table>
        </td>
    </tr>
</table>

 
 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 


 
 
New Post
3/13/2010 8:45 AM
 
Albert Sala


www.psdtodnn.com
Joined: 10/30/2009
Posts: 441

I'm not sure that padding is the issue with your navigation here, it looks to me more like the size of the text on roll-over, which is causing the menus to shift.

If this is the issue you're meaning, look for the css that targets the submenu items and the left menu items and make sure the font-size is the same as the non-hover setting.

Rick.

 

PSDtoDNN - You supply the artwork... we'll build the skins!™
Website | Twitter | YouTube | Skype
 
New Post
3/13/2010 9:49 AM
 
Timo Breumelhof


Timo Breumelhof's Avatar

www.40fingers.net
Joined: 2/9/2006
Posts: 4430

Cross browser Padding issues are almost always due to the wrong doctype, use XHTML (popular subject these days ;-)

---------------

Skin Doctype
If you create a skin, the skin parser (which converts an HTML skin file to the actual skin usercontrol) only uses the HTML pages content between the body tags.
Anything outside the body tags is ignored.
This means the doctype of an HTML skin is not used by DotNetNuke.
This could lead to rendering difference if you use an XHTML doctype in your HTML skin, since DotNetNuke use a HTML 4 transitional doctype by default (to support legacy skins).

There are 2 ways to force DotNetNuke to use an XHTML doctype:
A. You can set the doctype for a specific skin by including a doctype.xml file.
The name of this file should be: "skinname".doctype.xml.
So of every HTML / ASCX file you will have to add an XML file.
The content of this file should be:

<SkinDocType>
<![CDATA[<!DOCTYPE>]]>
</SkinDocType>

The <!DOCTYPE> part should be replaced with the HTML doctype.

XHTML 1.0 Transitional
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

XHTML 1.0 Strict
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

B. You can set the Fallback doctype from the host settings.
Choose Host > Host Settings and select the doctype under “Fallback Skin doctype”.
This will force all skins on all portals without a doctype.xml file to use the doctype you set.
Please beware that this could potentially lead to unwanted effects if there are non XHTML skins in other portals then the one you are targeting.

Xml Namespace for XHTML skins
If you use an XHTML doctype, the Xml Namespace will be added automatically to the HTML element by the Framework. (Result: <html xmlns="http://www.w3.org/1999/xhtml" >)
 
 
New Post
3/15/2010 12:36 AM
 
S_Muhilan

Joined: 1/11/2010
Posts: 13

Hi
Thanks for your help.
It works after changing Fallback Skin doctype into XHTML.

Regards
S. Muhilan
 
 Page 1 of 1
Previous
 
Next
HomeHomeUsing DNN Platf...Using DNN Platf...Skins, Themes, ...Skins, Themes, ...Left Menu and Top Sub Menu PaddingLeft Menu and Top Sub Menu Padding


These Forums are dedicated to discussion of DNN Platform and Evoq Solutions.

For the benefit of the community and to protect the integrity of the ecosystem, please observe the following posting guidelines:

  1. No Advertising. This includes promotion of commercial and non-commercial products or services which are not directly related to DNN.
  2. No vendor trolling / poaching. If someone posts about a vendor issue, allow the vendor or other customers to respond. Any post that looks like trolling / poaching will be removed.
  3. Discussion or promotion of DNN Platform product releases under a different brand name are strictly prohibited.
  4. No Flaming or Trolling.
  5. No Profanity, Racism, or Prejudice.
  6. Site Moderators have the final word on approving / removing a thread or post or comment.
  7. English language posting only, please.
What is Liquid Content?
Find Out
What is Liquid Content?
Find Out
What is Liquid Content?
Find Out