body { background: #ffffff; margin: 0; padding:0; position: relative; } body #Form { margin: 0; padding:0; height:100%; } table, tr, td { font-family: Arial, Helvetica, Verdana, Sans; font-size: 12px; font-weight: normal; color: #333; line-height: 140%; } p, div, ul, li { font-family: Arial, Helvetica, Verdana, Sans; font-size: 12px; font-weight: normal; color: #333; line-height: 140%; } p { display: block; margin:0; padding: 0 0 15px 0; } li { list-style: none outside url('images/li.gif'); } ol li { list-style: decimal; } ul li { list-style: none outside url('images/li.gif'); } li { margin: 5px 0; } /*========================================================*/ /* 2. Design Elements */ /*========================================================*/ #wrapie { display: table; width:100%; } #HP, #SP, #DP { min-height:100%; margin-left:0px; margin-right: 0px; background: #71b814 url('images/bg.1.png') repeat-x; } #FooterWhite { height: 60px; width:100%; clear:both; text-align:center; position:relative; background: #fff; } #FooterColor { height: 60px; width:100%; clear:both; text-align:center; position:relative; color: #ccc; } #FooterPadding { padding: 5px 0; } #ClearFooter { clear:both; height:140px; margin-top:-1px; overflow:hidden; } div,p { margin-top:0 }/*clear top margin for mozilla*/ #BgColor, #BgWhite { width: 100%; height:100%; position:relative; } #HP #BgColor { background: transparent url('images/HP.bgColor.png') top repeat-x; } #SP #BgColor { background: transparent url('images/SP.bgColor.png') top repeat-x; } #DP #BgColor { background: transparent url('images/DP.bgColor.png') top repeat-x; } #HP #BgWhite { background: transparent url('images/HP.bgWhite.png') top repeat-x; } #SP #BgWhite { background: transparent url('images/SP.bgWhite.png') top repeat-x; } #DP #BgWhite { background: transparent url('images/DP.bgWhite.png') top repeat-x; } #GreyBarCurves { background: url('images/bg.Curves.png') no-repeat top left; margin: 0 auto; /*position: relative;*/ } .PageWidth { width: 940px; } #HP #TopRow { height: 230px; } #SP #TopRow { height: 150px; } #DP #TopRow { height: 120px; } #Logo { width:10px; padding: 10px 0; vertical-align: top; } #Logo a { border: none; } #Logo a:hover { border: none; background: transparent; } #NavAux { text-align: right; vertical-align: middle; height: 50px; } #NavAux span { padding-left: 20px; } #NavAux #Login { } #NavAux #Date { } #NavAux #Language { } #NavAux a.LOGIN_object:link, #NavAux a.LOGIN_object:visited, #NavAux a.USER_object:link, #NavAux a.USER_object:visited { background: transparent url('images/login.off.gif') no-repeat 0 2px; padding: 5px 0 5px 22px; margin-right: 15px; } #NavAux a.LOGIN_object:hover, #NavAux a.USER_object:hover { background: transparent url('images/login.on.gif') no-repeat 0 2px; padding: 5px 0 5px 22px; margin-right: 15px; } #NavBar1 { text-align: right; vertical-align: top; height: 70px; background: transparent url('images/menu.shadow.R.png') no-repeat right 20px; padding-right: 46px; } #NavBar2 { text-align: right; height: 69px; background: transparent url(images/menu.shadow.R.png) no-repeat scroll right 40px; padding-right: 46px; } #Breadcrumb { float: left; padding: 0 10px 0 10px; margin: 9px 0 0; } #Breadcrumb, #Breadcrumb span, #Breadcrumb div { color: #ffffff; } #Search { float: right; width: 269px; height: 30px; background: url('images/search.bg.png') no-repeat; position: relative; right: 30px; } #dnn_dnnSEARCH_txtSearch.NormalTextBox { width: 140px; height:24px; background: transparent; color: #fff; padding: 3px 0 2px 0; margin: 3px 0px 3px 95px; border: none; cursor:text;} a.SearchButton { width:23px; height:23px; background: transparent; font-size:1px; margin:0;} a.SearchButton span { width: 25px; height: 25px; cursor: pointer; position: absolute; top: 1px; right: 10px; } /* HEADER BANNER HOME */ #HeaderBanner { height: 268px; position: absolute; top: 115px; left:auto; margin-bottom: 20px; overflow: hidden; } #HeaderBannerBox { height: 268px; margin-left: 20px; margin-right: 20px; } #HeaderBannerBoxIn { width: 100%; float: left; background: url('images/header.bgM.png') repeat-x bottom left; position: relative; } #HeaderBannerBoxIn .left { width: 20px; float: left; background: url('images/header.bgL.png') no-repeat bottom left; margin-left: -20px; position: relative; } #HeaderBannerBoxIn .left img { width: 20px; height: 268px; } #HeaderBannerBoxIn .right { width: 20px; float: right; background: url('images/header.bgR.png') no-repeat bottom right; margin-right: -20px; position: relative; } #HeaderBannerBoxIn .right img { width: 20px; height: 268px; } #HeaderBannerBoxIn .leftEffect { width:100%; height:100%; position: absolute; left:-15px; top:0; background: url('images/header.leftEffect1.png') no-repeat left top; } #HeaderBannerBoxIn .rightEffect { width:100%; height:100%; position: absolute; right:-15px; top:0; background: url('images/header.rightEffect1.png') no-repeat right top; } #HeaderBannerContent { height: 268px; position: absolute; left:15px; top:0; width:100%; padding-top:5px; text-align: right; } #HeaderBannerLeft, #HeaderBannerRight { width: 50%; height: 268px; vertical-align: middle; padding: 0 5px; } .HeaderBannerRight { text-align: right; } #HeaderBannerLeft p, .HeaderBannerLeft p { margin: 0; padding: 0; } .HeaderBannerLeft { padding: 30px 0 30px 25px; } .HeaderBannerLeft h2 { color: #ffffff; } .HeaderBannerLeft h1 { color: #71b814; } .HeaderBannerLeft p { color: #ffffff; } /* HEADER BANNER SUB */ #HeaderBannerSub { height: 150px; position: absolute; top: 115px; left:auto; margin-bottom: 20px; overflow: hidden; } #HeaderBannerSub #HeaderBannerBox { height: 150px; } #HeaderBannerSub #HeaderBannerBoxIn { background: url('images/header.bgM.s.png') repeat-x bottom left; } #HeaderBannerSub #HeaderBannerBoxIn .left { background: url('images/header.bgL.s.png') no-repeat bottom left; } #HeaderBannerSub #HeaderBannerBoxIn .left img { height: 150px; } #HeaderBannerSub #HeaderBannerBoxIn .right { background: url('images/header.bgR.s.png') no-repeat bottom right; } #HeaderBannerSub #HeaderBannerBoxIn .right img { height: 150px; } #HeaderBannerSub #HeaderBannerBoxIn .leftEffect { background: url('images/header.leftEffect1.s.png') no-repeat left top; } #HeaderBannerSub #HeaderBannerBoxIn .rightEffect { background: url('images/header.rightEffect1.s.png') no-repeat right top; } #HeaderBannerSub #HeaderBannerContent { height: 150px; } #HeaderBannerSub #HeaderBannerLeft, #HeaderBannerSub #HeaderBannerRight { height: 150px; } #HeaderBannerSub .HeaderBannerTitle { padding: 5px 0 5px 25px; } #MiddleRow table { position:relative; height:300px; } #MiddleRow table table { height:auto; } #HP #MiddleRowSpacer img { height: 149px; } #SP #MiddleRowSpacer img { height: 111px; } #MiddleRowWhiteBGT { clear:both; margin:5px 0px 0px; } #MiddleRowWhiteBGT td { vertical-align:top; } #MiddleRowWhiteBGT #TL { width: 30px; } #MiddleRowWhiteBGT #TM { background: url('images/Middle.bgTM.png') repeat-x top left; } #MiddleRowWhiteBGT #TR { width: 30px; } #MiddleRowWhiteBGT #ML { vertical-align: top; width: 13px; } #MiddleRowWhiteBGT #MM { vertical-align: top; background: #fff; min-height: 270px; padding: 5px 15px; } #MiddleRowWhiteBGT #MR { vertical-align: top; width: 13px; } #BgWhite #MiddleRowWhiteBGT #BL { background: url('images/Middle.bgBL.W.png') repeat-x top; width: 30px; height:75px; } #BgColor #MiddleRowWhiteBGT #BL { background: url('images/Middle.bgBL.C.png') repeat-x top; width: 30px; height:75px; } #BgWhite #MiddleRowWhiteBGT #BM { background: url('images/Middle.bgBM.W.png') repeat-x top; } #BgColor #MiddleRowWhiteBGT #BM { background: url('images/Middle.bgBM.C.png') repeat-x top; } #BgWhite #MiddleRowWhiteBGT #BR { background: url('images/Middle.bgBR.W.png') repeat-x top; width: 30px; height:75px; } #BgColor #MiddleRowWhiteBGT #BR { background: url('images/Middle.bgBR.C.png') repeat-x top; width: 30px; height:75px; } #MiddleRowWhiteBGT #BW { background-color: transparent; } .left { float: left; } .right { float: right; } .clear { clear: both; } .dummy { display: none; } /* Headings */ h1, h1 .head { font-family: Arial, Helvetica, Verdana, Sans; font-size: 28px; font-weight: 500; line-height: 130%; color: #71b814; border: none; margin-top:0; letter-spacing: -1px; vertical-align: top; width: 100%; margin-bottom: 10px; } h2 { font-family: Georgia, Times, Serif; font-size: 18px; font-weight: 500; line-height: 130%; color: #2c303a; border: none; margin-top:0; letter-spacing: 0px; } h3 { font-family: Arial, Helvetica, Verdana, Sans; font-size: 20px; font-weight: 500; line-height: 130%; color: #000000; border: none; margin-top:0; letter-spacing: -1px; } h4 { font-family: Georgia, Times, Serif; font-size: 16px; font-weight: 500; line-height: 130%; color: #71b814; border: none; margin-top:0; letter-spacing: 0px; } h5 { font-family: Arial, Helvetica, Verdana, Sans; font-size: 14px; font-weight: 500; line-height: 130%; color: #000000; border: none; margin-top:0; } h6 { font-family: Georgia, Times, Serif; font-size: 14px; font-weight: 500; line-height: 130%; color: #71b814; border: none; margin-top:0; } .textIntro { font-family: Arial, Helvetica, Verdana, Sans; font-size: 10px; font-weight: 300; line-height: 130%; color: #666666; border: none; margin: 10px 20px; } /* Forms */ div.form { width: 500px; text-align: left; } div.form_group { text-align: left; margin-bottom: 10px; font-size: 14px; color: #60ae4b; } div.form_text { float: left; margin: 0; } p.form_text { margin: 0 0 3px 0; } textarea.form_text, input.form_text, select.form_text { font-weight: bold; font-size: 12px; color: #333; background: #efefef; border-color: #bbb #bbb #ddd; border-width: 2px 1px 1px; padding: 0.2em; margin: 0 10px 10px 0; } /*========================================================*/ /* 3. Content Panes */ /*========================================================*/ .TopPane, .BottomPane { margin: 0; padding: 0 7px 7px; vertical-align: top; width: 100%; } .LeftPane, .RightPane { margin: 0; padding: 0 7px 7px; vertical-align: top; width: 25%; } .SidePane, .ContentPane { margin: 0; padding: 0 7px 7px; vertical-align: top; } .MiddlePane { margin: 0; padding: 0 7px 7px; vertical-align: top; width: 50%; } /*========================================================*/ /* 4. Tokens */ /*========================================================*/ a.USER_object:active, a.USER_object:visited, a.USER_object:link, .USER_object, a.LOGIN_object:active, a.LOGIN_object:visited, a.LOGIN_object:link, .LOGIN_object, .DATE_object { font-family: Arial, Helvetica, Verdana, Sans; font-size: 11px; font-weight: normal; color: #7b818f; background: transparent; text-decoration: none; } a.USER_object:hover, a.LOGIN_object:hover { font-family: Arial, Helvetica, Verdana, Sans; font-size: 11px; font-weight: normal; color: #ffffff; background: transparent; text-decoration: none; } a.BREADCRUMBS_object:active { font-family: Arial, Helvetica, Verdana, Sans; font-size: 11px; font-weight: normal; color: #93b425; background: transparent; text-decoration: none; } a.BREADCRUMBS_object:visited, a.BREADCRUMBS_object:link, .BREADCRUMBS_object { font-family: Arial, Helvetica, Verdana, Sans; font-size: 11px; font-weight: normal; color: #ffffff; background: transparent; text-decoration: none; } a.BREADCRUMBS_object:hover { font-family: Arial, Helvetica, Verdana, Sans; font-size: 11px; font-weight: normal; color: #ffffff; background: transparent; text-decoration: underline; } #FooterWhite .FOOTER_objects { font-family: Arial, Helvetica, Verdana, Sans; font-size: 11px; font-weight: normal; color: #13141c; background: transparent; text-decoration:none; } #FooterWhite a.FOOTER_objects:active, #FooterWhite a.FOOTER_objects:visited, #FooterWhite a.FOOTER_objects:link { font-family: Arial, Helvetica, Verdana, Sans; font-size: 11px; font-weight: normal; color: #3c465b; background: transparent; text-decoration:none; border-bottom: 1px #3c465b solid; } #FooterWhite a.FOOTER_objects:hover { font-family: Arial, Helvetica, Verdana, Sans; font-size: 11px; font-weight: normal; color: #000000; background: transparent; text-decoration:none; border-bottom: 1px #000000 solid; } #FooterColor .FOOTER_objects { font-family: Arial, Helvetica, Verdana, Sans; font-size: 11px; font-weight: normal; color: #ffffff; background: transparent; text-decoration:none; } #FooterColor a.FOOTER_objects:active, #FooterColor a.FOOTER_objects:visited, #FooterColor a.FOOTER_objects:link { font-family: Arial, Helvetica, Verdana, Sans; font-size: 11px; font-weight: normal; color: #cccccc; background: transparent; text-decoration:none; border-bottom: 1px #999999 solid; } #FooterColor a.FOOTER_objects:hover { font-family: Arial, Helvetica, Verdana, Sans; font-size: 11px; font-weight: normal; color: #ffffff; background: transparent; text-decoration:none; border-bottom: 1px #ffffff solid; } /*========================================================*/ /* 5. Text */ /*========================================================*/ .Normal, .normal { font-family: Arial, Helvetica, Verdana, Sans; font-size: 12px; font-weight: normal; color: #333; line-height: 120%; } strong, b, .NormalBold { font-family: Arial, Helvetica, Verdana, Sans; font-size: 12px; font-weight: bold; color: #333; line-height: 120%; } .NormalRed { font-family: Arial, Helvetica, Verdana, Sans; font-size: 12px; font-weight: bold; color: #C00; line-height: 120%; } .SubHead { font-family: Arial, Helvetica, Verdana, Sans; font-size: 12px; font-weight: bold; color: #333; line-height: 120%; } span.SubHead { font-size: 9px; margin:0; padding:0; } span.SubHead br { display: none; } .font-family { font-family: Arial, Helvetica, Verdana, Sans; font-size: 12px; font-weight: bold; color: #777; line-height: 120%; background: transparent; } /*========================================================*/ /* 6. Links */ /*========================================================*/ a:active, a:visited, a:link { background:transparent; color: #019dbe; text-decoration: none; } a:hover { background:transparent; color: #000000; text-decoration: underline; } a.Normal:visited, a.Normal:link { background:transparent; color: #019dbe; text-decoration: none; font-weight: normal; } a.Normal:hover { background:transparent; color: #000000; text-decoration: underline; font-weight: normal; } a.CommandButton:active, a.CommandButton:visited, a.CommandButton:link { color: #848996; background: transparent; padding: 2px 3px 3px 4px; height: 18px; font-weight: normal; text-decoration: none; } a.CommandButton:hover { color: #FFFFFF; background: #848996; padding: 2px 3px 3px 4px; height: 18px; font-weight: normal; text-decoration: none; } /*========================================================*/ /* 7. Forms */ /*========================================================*/ input { color: #999; } select { color: #999; } .StandardButton { color: #999; background: #EEEEEE; border-right: solid 1px #D1C7BE; border-bottom: solid 1px #D1C7BE; border-left: none; border-top: none; height: 17px; } .NormalTextBox { color: #666; background: #FFF; border: solid 1px #EBE4DD; padding-left: 4px; line-height: 12px; font-weight: normal; } td.NormalTextBox { padding: 0; margin: 0; background: transparent; border: 0; } /*========================================================*/ /* 8. Main Menu and Module Menus */ /*========================================================*/ #NavBar1 { z-index:99999; text-align:right; vertical-align:top; padding-top:20px; } #NavBar1 span { float:right; background: transparent url('images/menu.shadow.L.png') repeat-x top left; padding-left:50px; } #NavBar1 span span { float:none; background:transparent none; padding:0; } /* main menu td */ #NavBar1 .main_dnnmenu_bar { cursor:pointer; background-color:transparent; } /* Main Menu Normal */ #NavBar1 .main_dnnmenu_rootitem { z-index:99999; background: transparent url('images/menuTop.L.gif') no-repeat left top; color:#000000; height:30px; margin: 0px 2px; padding:0; text-align:center; text-decoration:none; white-space:nowrap; float:left; } #NavBar1 .main_dnnmenu_rootitem span { z-index:99999; background: transparent url('images/menuTop.R.gif') no-repeat top right; bottom:-7px; height:30px; line-height:14px; padding: 7px 20px; position:relative; } #NavBar1 .main_dnnmenu_rootitem span.icn { z-index:99999; background: transparent none; padding:0; } /* Main menu hover and selected */ #NavBar1 .main_dnnmenu_rootitem:hover, #NavBar1 .main_dnnmenu_rootitem_hover, #NavBar1 .main_dnnmenu_rootitem_selected { z-index:99999; background: #71b814 url('images/menuTop.L.png') no-repeat top left; color:#000000; height:29px; margin: 0px 2px; padding:0; text-align:center; text-decoration:none; white-space:nowrap; float:left; } /*#NavBar1 .main_dnnmenu_rootitem:hover span,*/ #NavBar1 .main_dnnmenu_rootitem_hover span, #NavBar1 .main_dnnmenu_rootitem_selected span { z-index:99999; background: url('images/menuTop.R.png') no-repeat top right; bottom:-7px; height:29px; line-height:14px; padding: 7px 20px; position:relative; } #NavBar1 .main_dnnmenu_rootitem_hover span.icn, #NavBar1 .main_dnnmenu_rootitem_selected span.icn { z-index:99999; background: transparent none; padding:0; } #NavBar2 { z-index:99999; text-align:right; vertical-align:bottom; } #NavBar2 span { z-index:99999; float:right; position:relative; background: transparent url('images/menu.shadow.L.png') repeat-x top left; padding-left:50px; } #NavBar2 span span { z-index:99999; float:none; position:static; background:transparent none; padding:0; } /* main menu td */ #NavBar2 .main_dnnmenu_bar { z-index:99999; cursor:pointer; background-color:transparent; } /* Main Menu Normal */ #NavBar2 .main_dnnmenu_rootitem { z-index:99999; background: transparent url('images/menuTab.L.gif') no-repeat left top; color:#000000; height:29px; margin: 0px 2px 1px; padding:0; text-align:center; text-decoration:none; white-space:nowrap; float:left; } #NavBar2 .main_dnnmenu_rootitem span { z-index:99999; background: transparent url('images/menuTab.R.gif') no-repeat top right; bottom:-7px; height:29px; line-height:14px; padding: 7px 20px; position:relative;} #NavBar2 .main_dnnmenu_rootitem span.icn { z-index:99999; background: transparent none; padding:0; } /* Main menu hover and selected */ #NavBar2 .main_dnnmenu_rootitem_hover, #NavBar2 .main_dnnmenu_rootitem_selected { z-index:99999; background: #71b814 url('images/menuTab.L.hover.png') no-repeat top left; color:#000000; height:29px; margin: 0px 2px 1px; padding:0; text-align:center; text-decoration:none; white-space:nowrap; float:left; } #NavBar2 .main_dnnmenu_rootitem_hover span, #NavBar2 .main_dnnmenu_rootitem_selected span { z-index:99999; background: url('images/menuTab.R.png') no-repeat top right; bottom:-7px; height:29px; line-height:14px; padding: 7px 20px; position:relative; } #NavBar2 .main_dnnmenu_rootitem_hover span.icn, #NavBar2 .main_dnnmenu_rootitem_selected span.icn { z-index:99999; background: transparent none; padding:0; } /* SUB Menu Normal */ .main_dnnmenu_submenu { z-index:99999; background:#71b814; width:208px; } .main_dnnmenu_submenu td { z-index:99999; background: url('images/submenu.dots.png') repeat-x bottom !important; text-align:left; } .main_dnnmenu_submenu td span { z-index:99999; color:#ffffff; line-height:2em; padding:3px 8px 6px; border:0; white-space:nowrap; } .main_dnnmenu_submenu td.icn { z-index:99999; padding:2px; } /* SUB Menu hover & selected */ .main_dnnmenu_itemhover td, .main_dnnmenu_itemselected td { z-index:99999; background-color: #93b425; color:#ffffff; font-size: 12px; font-weight: normal; text-decoration:underline; } .main_dnnmenu_break { z-index:99999; height: 2px; background-color: #D5E0FF;} /* Module Action Menus */ .ModuleTitle_SubMenu { border:1px solid #C0D6E5;} .ModuleTitle_SubMenu td { background-color:#F8FAFF; white-space:nowrap;} .ModuleTitle_MenuIcon { background-color:#F8FAFF; border:none; padding:0px 2px;} .ModuleTitle_MenuItemSel td, .ModuleTitle_MenuItemSel .ModuleTitle_MenuIcon { background:#CE0D0D url(../images/submenu_hover.gif) repeat-x top left; color: #fff;} .ModuleTitle_MenuBreak td, .ModuleTitle_MenuBreak .ModuleTitle_MenuIcon { height:2px; background-color:#D5E0FF;} /*========================================================*/ /* 9. sIfr */ /*========================================================*/ /* These are standard sIFR styles... do not modify */ .sIFR-flash { visibility: visible !important; margin: 0; } .sIFR-replaced { visibility: visible !important; } span.sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; } /* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */ .sIFR-flash + div[adblocktab=true] { display: none !important; } /* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */ /* .sIFR-hasFlash .title { visibility: hidden; font-size: 16px !important; line-height: 100% !important; } .sIFR-hasFlash h1 { visibility: hidden; } .sIFR-hasFlash h2 { visibility: hidden; } .sIFR-hasFlash h3 { visibility: hidden; } .sIFR-hasFlash h4 { visibility: hidden; } .sIFR-hasFlash h5 { visibility: hidden; } */ .icons { padding-bottom: 1px !important; line-height:0 !important; min-height:1px !important; } div.SearchContainer a { display: inline !important; }