/*========================================================*/ /* DNN Skin: May */ /* Created by dnnskin.com */ /*========================================================*/ /*========================================================== Index 1. Default Styles 2. Layout 3. Links and Buttons 4. Text 5. Forms 6. Menu 7. Colors 8. Modules ===========================================================*/ /*========================================================*/ /* 1. Default Styles */ /*========================================================*/ html {height:100%;} body {background: url("images/bg-body-black.gif");height:100%; margin:0px; padding:0px;} Form {height:100%;width:100%;float:left; margin:0px; padding:0px;text-align:center;} /*========================================================*/ /* 2. Layout */ /*========================================================*/ #may-white{ background: url("images/bg-body-white.gif"); margin:0px; padding:0px;} #may-black{} #may-white-3col, #may-white-2col, #may-white-1col {width:974px; border-left:2px solid #B1AAA3; border-right:2px solid #B1AAA3; margin:0px auto; padding:0px; background:#fff;} #may-black-3col, #may-black-2col, #may-black-1col {width:974px; border-left:2px solid #000; border-right:2px solid #000;border-bottom:4px solid #000; margin:0px auto;padding:0px; background:#000;} /* shared common features for header */ #header{background:transparent; margin:0px auto; padding:0px; height:80px; width:100%;} #headerleft{float:left; width:300px; height:80px;text-align:left; margin:0px;} #headermiddle{width:400px; float:left;} #headerright{float:right; text-align:right; width:300px; height:24px; line-height:24px;padding:0px; margin:53px 9px 0px 0px;} #headerright input{height:20px; } #headerright .SearchButton{font-size:12px; font-weight:bold; padding:0px 10px 0px 10px; height:17px; line-height:17px; margin:0px;} .SearchBox{line-height:2em; margin:0px; padding:0px;} /* header variations */ #may-white #headerleft{background:url(images/logo-white.gif) no-repeat;} #may-black #headerleft{background:url(images/logo-black.gif) no-repeat;} #may-white #headerright input{background-color:#fff; border:1px solid #ccc; color:#333; } #may-black #headerright input{background-color:#333; border:1px solid #555; color:#ccc; } #may-white #headerright .SearchButton{ background:#000;color:#fff;border-top:2px solid #000;border-bottom:3px solid #000;} #may-black #headerright .SearchButton{ background:#333;color:#ccc;border-top:2px solid #333; border-bottom:3px solid #333;} /* menu */ #menu{height:30px; width:100%; margin:0px auto; padding:0px; text-align:center; } .menucontainer{width:940px; margin:0px auto; height:30px; text-align:left; } #may-white #menu{width:100%; border-top:1px solid #ccc; border-bottom:1px solid #ccc; } #may-black #menu{width:100%; border-top:1px solid #555; border-bottom:1px solid #555; } #may-white .menucontainer{border-left:1px solid #ccc; border-right:1px solid #ccc;} #may-black .menucontainer{background:#222; border-left:1px solid #666; border-right:1px solid #666;} /* misc: breadcrumb, date, users */ #misc {width:100%; height:35px; line-height:35px; padding:0px; width:100%; margin: 0px;} #misc_left {float:left;width:60%; padding:0px; margin-left:15px;text-align:left;} #misc_right {float:right;width:30%;text-align:right; padding:0px; margin-right:15px;} #may-white #misc{width:100%; background:#F7F7F4;border-bottom:1px solid #DADADA;} #may-white #misc span, #may-white #misc span a, #may-white #misc span a:link, #may-white #misc span a:hover{color:#666; font-size:12px; text-decoration:none; font-weight:bold;} #may-white #misc span a:hover{color:#c30;} #may-black #misc {width:100%; background:#000;border-bottom:1px solid #555;} #may-black #misc span, #may-black #misc span a, #may-black #misc span a:link, #may-black #misc span a:hover{color:#999; font-size:12px; text-decoration:none; font-weight:bold;} #may-black #misc span a:hover{color:#f90;} /* Main Body */ #pagecontentA{margin:0px; padding:20px 0px;} #pagecontentB{width:940px; margin:0px auto; padding:0px; height:auto;} #may-white #pagecontentA{background:url("images/bg-pagecontent-white.png") top repeat-x #f7f7f4;} #may-black #pagecontentA{background:url("images/bg-pagecontent-black.png") top repeat-x #050505;} #main {margin:0px auto 0px auto; width:100%; min-height:350px;} .mainbottom {margin:0px auto; margin-top:-10px; width:100%;} .columntop{margin:0px;padding:0px;text-align:left; margin-bottom:10px;} /* =====3Col panes======= */ /* LEFT COLUMN */ #may-white-3col #main #column1, #may-black-3col #main #column1{float:left; width:720px; margin:0px; padding:0px; text-align:left;} /* 3Col left pane */ #may-white-3col #column1 .column1-left, #may-black-3col #column1 .column1-left{float:left;width:25.3%;margin:0px; padding:0px; text-align:left;} /* 3Col content pane */ #may-white-3col #column1 .column1-right, #may-black-3col #column1 .column1-right{float:left;margin:0px 0px 10px 20px; padding:0px; width:71.5%; text-align:left;} /* RIGHT COLUMN */ /* 3Col right pane */ #may-white-3col #column2, #may-black-3col #column2{float:right;margin:0px 0px 10px 0px;padding:0px;width:21.7%; text-align:left;} /* =====2Col panes======= */ #may-white-2col #column1 .columntop, #may-black-2col #column1 .columntop, #may-white-2col #column1 .column1-left, #may-black-2col #column1 .column1-left{display:none;} #may-white-2col #main #column1, #may-black-2col #main #column1{float:left; width:620px; margin:0px; padding:0px;text-align:left;} /* 2Col content pane */ #may-white-2col #column1 .column1-right, #may-black-2col #column1 .column1-right{width:100%; margin:0px; padding:0px;text-align:left;} /* 2Col column2, 2Col right pane */ #may-white-2col #column2, #may-black-2col #column2{float:right; margin:0px 0px 10px 0px;padding:0px;width:300px; text-align:left;} /* rightleft pane (below the 2Col right pane) */ #may-white-2col #column2 .column2-left, #may-black-2col #column2 .column2-left{width:140px;float:left; padding-left:0px;} /* rightright pane (below the 2Col right pane) */ #may-white-2col #column2 .column2-right, #may-black-2col #column2 .column2-right{width:150px; float:right;margin-left:3px;} /* set "0" to collapse the right pane when there is no content */ #may-white-2col #column2 .columntop, #may-black-2col #column2 .columntop{margin:0px;padding:0px; text-align:left; clear: both; line-height:0;font-size:0;} /* ======1Col panes======== */ /* 1Col content pane */ #may-white-1col .column1-left, #may-black-1col .column1-left{float:left;margin:0px; padding:0px; width:100%; text-align:left;} #may-white-1col #main #column1 .columntop, #may-black-1col #main #column1 .columntop, #may-white-1col #main #column1 .column1-left, #may-black-1col #main #column1 .column1-left, #may-white-1col #main #column2, #may-black-1col #main #column2{display:none;} /* footer style */ #footer {width:970px; height:62px; color:#fff; margin:0px auto; padding:0px;} #footer .links1{width:100%;height:30px; line-height:30px; margin:0px;} #footer .links2{width:100%;height:30px; line-height:30px; margin:0px;} #may-white-3col #footer, #may-white-2col #footer, #may-white-1col #footer {background:#333;} #may-white #footer .links1{background:#666;border-bottom:1px solid #999;} #may-black-3col #footer, #may-black-2col #footer, #may-black-1col #footer {background:#555;} #may-black #footer .links1{background:#333;border-bottom:1px solid #222;} .clearboth{clear:both;} /*========================================================*/ /* 3. Links and Buttons */ /*========================================================*/ /* Default link style */ a:link, a:visited, a:active{color: #444;font-family:Arial, Helvetica, sans-serif;font-weight: normal;font-size: 12px;} a:hover{color:#c30;font-family:Arial, Helvetica, sans-serif;font-weight: normal;font-size: 12px;text-decoration: none;} /* text and link style used for most text rendered by modules */ .Normal, a.Normal:link, a.Normal:visited, a.Normal:active {color: #444;font-family:Arial, Helvetica, sans-serif;font-weight: normal;font-size: 12px;} a.Normal:hover {color:#c30;font-family:Arial, Helvetica, sans-serif; font-weight:bold;font-size: 12px;text-decoration: none;} a.CommandButton{font:bold 12px Arial, Helvetica, sans-serif;} a.CommandButton:link, a.CommandButton:visited{color:#444; font-weight:bold;text-decoration:none;} a.CommandButton:hover, a.CommandButton:active{color:#c30; font-weight:bold;text-decoration:none;} a.SkinObject:link, a.SkinObject:visited{font:bold 12px Arial, Helvetica, sans-serif; color:#444;text-decoration:none;} a.SkinObject:hover, a.SkinObject:active{font:bold 12px Arial, Helvetica, sans-serif;color:#c30;text-decoration:none;} #footer, #footer a.bottomlink, #footer a.bottomlink:link{font-size:11px;color:#ccc;} #footer a.bottomlink:hover, #footer a.bottomlink:active{color:#efefef;} /*========================================================*/ /* 4. Text */ /*========================================================*/ .Head{font:bold 15px Arial, Helvetica, sans-serif;color:#333;} .SubHead{font:bold 12px Arial, Helvetica, sans-serif;color:#333;} .SubSubHead{font:12px Arial, Helvetica, sans-serif;color:#333;} .Normal{font:12px Arial, Helvetica, sans-serif;color:#555; line-height:1.7em;} .NormalDisabled{font:12px Arial, Helvetica, sans-serif;color:#CCC;} .NormalBold{font:bold 12px Arial, Helvetica, sans-serif;color:#333;} .NormalRed{font:12px Arial, Helvetica, sans-serif;color:#c30;} .NormalTextBox{font:12px Arial, Helvetica, sans-serif;color:#333;} .StandardButton{font:12px Arial, Helvetica, sans-serif;color:#333;} .SkinObject{font:normal 1em Arial, Helvetica, sans-serif;color:#333;} td,th,p,div,span,li,ul{font-family:Arial, Helvetica, sans-serif;} p{margin:0 0 .8em 0;padding:0;line-height:1.4em; font-family:Arial, Helvetica, sans-serif; font-size:12px;} li{font-size:12px; line-height:1.4em;} blockquote,q{} pre{} /* Headings */ h1,h2,h3,h4,h5,h6{font-family:Arial, Helvetica, sans-serif;font-weight:bold;color:#333;margin:0 0 1em 0;} h1{font-size:1.8em;} h2{font-size:1.3em;} h3{font-size:1.1em;} h4{font-size:1em;} h5{font-size:1em;} h6{font-size:1em;} /*========================================================*/ /* 5. Forms */ /*========================================================*/ select, input {} /*========================================================*/ /* 6. Main Menu */ /*========================================================*/ /*--------- dnn menu style ----------*/ .main_dnnmenu_bar{cursor:pointer; font-size: 12px; letter-spacing:0.09em; font-weight:bold; background:transparent; margin:0px; white-space:nowrap; font-family:Geneva, Arial, Helvetica, sans-serif; text-transform:uppercase;} .main_dnnmenu_container{} /* variations for navmenu */ /* white */ #may-white .main_dnnmenu_rootitem{ background:transparent; border-right:1px solid #ccc; color:#c30; padding:8px 17px 8px 17px; margin:0px; line-height:30px;} #may-white .main_dnnmenu_rootitem_hover, #may-white .main_dnnmenu_rootitem_selected { background:#F7F7F4; color:#333; padding:8px 17px 8px 17px; margin:0px; line-height:30px;border-right:1px solid #ccc;} /* black */ #may-black .main_dnnmenu_rootitem{ background:transparent; border-right:1px solid #555; color:#999; padding:6px 17px 5px 17px; margin:0px; line-height:25px; height:25px;font-size:11px;} #may-black .main_dnnmenu_rootitem_hover, #may-black .main_dnnmenu_rootitem_selected { background:#000; color:#ccc; padding:6px 17px 5px 17px; margin:0px; font-size:11px;line-height:25px; height:25px; border-right:1px solid #555;} /* SUB Menu */ .main_dnnmenu_submenu {background:#ccc;margin-top:0px; padding:0px; border-left:1px solid #ddd; border-bottom:1px solid #ddd; border-right:1px solid #ddd;font-size:11px; border-top:1px solid #ddd;font-weight:bold; } .main_dnnmenu_submenu td{background-color:#fff; color:#333;line-height:2.1em; padding: 1px 5px; } .main_dnnmenu_itemhover td, .main_dnnmenu_itemselected td{background-color:#eee;color:#000; line-height:2.1em;z-index: 1000; padding: 1px 5px;margin:0px;} .main_dnnmenu_break{ height: 1px;} /* Module Action Menus */ .ModuleTitle_SubMenu{background:#eee;border:1px solid #666; padding:0px;} .ModuleTitle_SubMenu td{background:#eee;white-space: nowrap; padding:0px 5px;} .ModuleTitle_MenuIcon {background:#eee;border:none;padding: 0px 2px;} .ModuleTitle_MenuItemSel td, .ModuleTitle_MenuItemSel .ModuleTitle_MenuIcon{background-color:#333;color:#fff;} .ModuleTitle_MenuBreak td, .ModuleTitle_MenuBreak .ModuleTitle_MenuIcon {height: 1px;} .MainMenu_RootMenuArrow{font-family: webdings;font-size:10pt;cursor: pointer; display:none;} /*========================================================*/ /* 7. Colors */ /*========================================================*/ /*========================================================*/ /* 8. Modules */ /*========================================================*/ /* Ventrain ChildLinks Module */ #may-black a.childlinks, #may-black a.childlinks:link, #may-white a.childlinks, #may-white a.childlinks:link{padding:1px 0px 2px 0px; color:#666; font-size:10px;text-decoration:none;} #may-black a.childlinks:hover, #may-white a.childlinks:hover {color:#c30;}