/*
.m          All Sub Menu                .m      All Sub Menus
.m[level]   Sub Menu at level x         .m0     First level sub menus

.mid[id]    Sub Menu with id x          .mid39  DNN Admin Sub Menu
.break      Break                       .break  All menu breaks
.mi         Menu Item (all)             .mi     All Menu Items
.id         Menu Item with id x         .id41   Menu Item with id 41
.mi[path]   Menu Item in specific path  .mi0    First Menu Item (Home)
                                        .mi1-0  First child of second root menu (Admin-Site Settings)   

.root       Root Menu Item              .root   All root menu items
.first      First Menu Item             .first  First menu item in each menu
.last       Last Menu Item              .last   Last menu item in each menu
                                        .first.last First & Last menu item in each menu

.icn        Icon
.hov        Hover
.sel        Selected
.bc         BreadCrumb
.txt        Menu Text (coming soon!)
*/

/* menu container css */
.mainMenu                       {font-family: New Times Roman, Arial, Helvetica, sans-serif; cursor: pointer; font-size: 13px; font-weight: bold;}
.mainMenu_bg                    {
    background-color: Navy;
    font-family: Times New Roman, Arial, serif;
}
.mainMenu_left                  {background-color: Navy;}
.mainMenu_right                 {background-color: Navy;}

/* root menu css */
.mainMenu .root                 {text-align: center; line-height: 40px; padding: 12px 12px 12px 12px; color: White; cursor: pointer;}

.mainMenu .root.first span      {}    /*hide first menu item text and show icon instead*/
.mainMenu .root.first           {background-color: Navy;}
.mainMenu .root.first.hov       {background-color: Navy;}
.mainMenu .root .sel            {text-decoration: underline;}

/* general submenu css */
.mainMenu .m                    {width: 160px; font-size: 11px; font-weight: bold; z-index: 1000; line-height: 2em; cursor: pointer;}
.mainMenu .hov, .mainMenu .bc   {background-color: Navy; text-decoration: underline;}
.mainMenu .m .mi                {background-color: #242424;}
.mainMenu .m .icn               {padding-left: 5px; width: 20px;}
.mainMenu .m .mi *              {color: white; margin-right: 5px;}  /* change * to .txt with latest webcontrols */
.mainMenu .m .sel, .mainMenu .m .bc {text-decoration: underline;}
.mainMenu .m .hov               {color: white; text-decoration: underline;}

/* glossy rounded corners */
.mainMenu .m .first             {background-color: Navy; height: 25px;}
.mainMenu .m .first .icn        {background-color: Navy;}                 /*needed to hide TR/TD image tiling*/
.mainMenu .m .first.hov         {background-color: Navy; height: 25px;}
.mainMenu .m .first.hov .icn    {background-color: Navy;}   /*needed to hide TR/TD image tiling*/

.mainMenu .m .first.last        {background-color: Navy; height: 32px;}
.mainMenu .m .first.last .icn   {background-color: Navy;}    /*needed to hide TR/TD image tiling*/
.mainMenu .m .first.last.hov    {background-color: Navy; height: 32px;}
.mainMenu .m .first.last.hov .icn {background-color: Navy;} /*needed to hide TR/TD image tiling*/

.mainMenu .m .last              {background-color: Navy; height: 26px;}
.mainMenu .m .last .icn         {background-color: Navy;}    /*needed to hide TR/TD image tiling*/
.mainMenu .m .last.hov          {background-color: Navy; height: 26px;}
.mainMenu .m .last.hov .icn     {background-color: Navy;} /*needed to hide TR/TD image tiling*/

.m .break .icn                  {font-size: 1px; height: 1px; } /*ensure that all menu breaks are only 1px high */

/* General */
body                            {
    font-family: Times New Roman, Verdana, serif;
    font: 100% Times New Roman, Times, serif;
    background: White;
    height: 100%;
    margin: 0px;
    padding: 0px;
}
a, a:link, a:visited, a:active  {color: #800000; text-decoration: none; font-family: New Times Roman, Arial, Helvetica, sans-serif; font-weight: normal;}
a:hover                         {color: #C00; text-decoration: underline;}

/*layout*/
.template_style                 {width: 960px; margin: auto;}
.logo                           {margin-top: 10px; width: 100%}
.bread_bg                       {background-color: #EAEAEA; font-family: New Times Roman, Arial, Helvetica, sans-serif; border-left: solid 1px #EAEAEA; border-right: solid 1px #EAEAEA; margin: 0 5px 0 5px; height: 40px;}
.content                        {background: white; border-left: solid 1px #EAEAEA; border-right: solid 1px #EAEAEA; padding: 10px; margin: 0 5px 0 5px;}
.bot_bg                         {background-color: #EAEAEA; border-left: solid 1px #EAEAEA;border-right: solid 1px #EAEAEA; border-bottom: solid 1px #EAEAEA; padding: 10px;   margin: 0 5px 0 5px;}
.bot_pad                        {font-family: New Times Roman, Arial, Helvetica, sans-serif; margin-bottom: 20px; padding: 0 30px 0 20px;}

/* controls */
#login_style                    {float: right; padding: 10px 17px 0px 10px;}
#bread_style                    {float: left; padding: 10px 0px 0px 17px; color: #000000; font-size: 13px;}
#terms_style                    {float: left;}
#copy_style                     {float: right;}

/*panes*/
.ContentPane                    {padding: 0px;margin: 0px;}
.MiddlePane                     {padding: 0px 0px 0px 10px; width: 10em; margin: 0px;}
.LeftPane                       {padding: 0px 10px 0px 0px; width: 10em; margin: 0px;}
.RightPane                      {padding: 0px 0px 0px 10px; width: 10em;margin: 0px;}

/*breadcrumbs*/
.Breadcrumb, a.Breadcrumb:link, a.Breadcrumb:active, a.Breadcrumb:visited {color: #800000; font-size: 13px;}
a.Breadcrumb:hover              {color: #C00;}

/*links*/
.links                          {text-align: center;}
.links, a.links:link, a.links:active, a.links:visited {font-weight: bold; color: #800000; font-size: 11px;}
a.links:hover                   {color: #C00; text-decoration: underline;}

/*user*/
.user, a.user:link, a.user:active, a.user:visited {color: #800000; font-size: 12px;}
a.user:hover {color: #C00; text-decoration: underline;}

/*footer*/
.footer, a.footer:link, a.footer:active, a.footer:visited {color: #800000; font-size: 12px;}
a.footer:hover                  {color: #C00;}