/* .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!) */ .MainImage {background:transparent url(images/MainImage.png) no-repeat bottom center; width:860px;height:260px; vertical-align:bottom;} /* menu container css */ .mainMenu {font-family: sans-serif, Arial, Helvetica; cursor: pointer; font-size: 12px;} .mainMenu_bg {background: url(images/menu_bg.png) no-repeat center center;width:806px; height: 41px;} .mainMenu_left {background: url(images/menu_left.png) no-repeat top left;} .mainMenu_right {background: url(images/menu_right.png) no-repeat top right;} /* root menu css */ .mainMenu .root {text-align: center; line-height: 40px; padding: 12px 12px 12px 12px; color: orange;} .mainMenu .root.first span {border-bottom: solid 22px transparent;} /* chrome hack */ /*.mainMenu .root.first {background: url(images/home.png) no-repeat left top; padding: 12px 0px 12px 0px;}*/ /*.mainMenu .root.first.hov {background: url(images/home_hov.png) no-repeat left top;}*/ .mainMenu .root .sel {background: url(images/menu_active.gif) no-repeat top left; color: #ffffff;} /* general submenu css */ .mainMenu .m {width: 160px; font-size: 11px; font-weight: bold; z-index: 1000; line-height: 2em;} .mainMenu .hov, .mainMenu .bc {color:Yellow;} .mainMenu .m .mi {background-color: #242424;} .mainMenu .m .icn {padding-left: 5px;} .mainMenu .m .mi * {color:white ; margin-right: 5px; text-align:left;} /* change * to .txt with latest webcontrols */ .mainMenu .m .sel, .mainMenu .m .bc {background-color:#181818;} .mainMenu .m .hov {background-color:#9e9c9c;} /* glossy rounded corners */ /*.mainMenu .m .first {background: url(images/menu_home.png) no-repeat top right; height: 30px; width:100px; color:Green;} .mainMenu .m .first .icn {background: url(images/menu_home.png) no-repeat top left; height: 30px; width:100px; color:Green;} /*needed to hide TR/TD image tiling*/ /*.mainMenu .m .first.hov {background: url(images/menu_home.png) no-repeat top right; height: 30px; color:Green;} .mainMenu .m .first.hov .icn {background: url(images/menu_home.png) no-repeat top left; color:Green;} /*needed to hide TR/TD image tiling*/ /*.mainMenu .m .first.last {background: url(images/submenu_topbot.png) no-repeat top right; height: 32px;} .mainMenu .m .first.last .icn {background: url(images/submenu_topbot.png) no-repeat top left;} /*needed to hide TR/TD image tiling*/ /*.mainMenu .m .first.last.hov {background: url(images/submenu_topbot_hov.png) no-repeat top right; height: 32px;} .mainMenu .m .first.last.hov .icn {background: url(images/submenu_topbot_hov.png) no-repeat top left;} /*needed to hide TR/TD image tiling*/ /*.mainMenu .m .last {background: url(images/submenu_bot.png) no-repeat bottom right; height: 26px;} .mainMenu .m .last .icn {background: url(images/submenu_bot.png) no-repeat bottom left;} /*needed to hide TR/TD image tiling*/ /*.mainMenu .m .last.hov {background: url(images/submenu_bot_hov.png) no-repeat bottom right; height: 26px;} .mainMenu .m .last.hov .icn {background: url(images/submenu_bot_hov.png) no-repeat bottom left;} /*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 {background: black url(images/bg.jpg) repeat-x left top; height: 100%; margin: 0px; padding: 0px;} a, a:link, a:visited, a:active {color: orange; text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal;} a:hover {color: yellow; text-decoration: none;} /*layout*/ .TopContentBg {background:transparent url(images/topcontentBg.png) no-repeat bottom center; width:204px;height:13px;} .BottomContentBg {background:transparent url(images/bottomcontentBg.png) no-repeat top center; width:804px;height:13px;} .MiddleContentBg {background:transparent url(images/middlecontentBg.png) repeat-y center center; width:804px;height:auto;} .template_style {width: 860px; margin: auto; text-align:center;} .logo {background: url(images/logo.png) no-repeat center center; width:700px; height:100px;} .bread_bg {background-color: #EAEAEA; font-family: Verdana, Arial, Helvetica, sans-serif; border-left: solid 1px #EAEAEA; border-right: solid 1px #EAEAEA; margin: 0 5px 0 5px; height: 40px;} .content {margin-top:10px;} .bot_bg {padding: 10px; margin: 0 5px 0 5px;} .bot_pad {font-family: Verdana, Arial, Helvetica, sans-serif; margin-bottom: 20px; padding: 0 30px 0 20px;} /* controls */ #login_style {padding: 5px 17px 5px 0px; text-align:right;} #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 {color: white; font-size: 11px;} a.links:hover {color: #C00;} /*user*/ .user, a.user:link, a.user:active, a.user:visited {color: white; font-size: 12px; text-align:center;} a.user:hover {color: yellow;} /*footer*/ .footer, a.footer:link, a.footer:active, a.footer:visited {color: orange; font-size: 12px;} a.footer:hover {color: #C00;} .ControlPanel { background-color:#6f8ca1; } .customMenu { width:830px; padding-top:210px; }