body { background: #ffffff; margin: 0; padding:0; position: relative; } body #Form { margin: 0; padding:0; height:100%; } html { overflow: -moz-scrollbars-vertical; overflow: scroll; } 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; } .imgintxtrght { margin: 0px 0px 10px 10px; } /*========================================================*/ /* 2. Design Elements */ /*========================================================*/ #wrapie { display: table; width:100%; } #HP, #SP, #DP { min-height:100%; margin-left:0px; margin-right: 0px; background: #439bc6 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: #439bc6; } .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: #439bc6; 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: #439bc6; 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: #439bc6; 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:left; background:transparent none; padding:0; } .DNNMenuIcon { display:none; } /* 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; margin: 0px 2px 1px; padding: 6px 20px; text-align:center; text-decoration:none; white-space:nowrap; float:left; position:relative; } #NavBar1 .menuRight { z-index:99999; background: transparent url('images/menuTop.R.gif') no-repeat top right; top:0px; height:29px; line-height:14px; width: 20px; position:absolute; } /* Main menu hover and selected */ #NavBar1 .main_dnnmenu_rootitem:hover, #NavBar1 .main_dnnmenu_rootitem_hover, #NavBar1 .main_dnnmenu_rootitem_selected { z-index:99999; background: #439bc6 url('images/menuTop.L.png') no-repeat left top; color:#000000; margin: 0px 2px 1px; padding: 6px 20px; text-align:center; text-decoration:none; white-space:nowrap; float:left; } /*#NavBar1 .main_dnnmenu_rootitem:hover span,*/ #NavBar1 .main_dnnmenu_rootitem_hover .menuRight, #NavBar1 .main_dnnmenu_rootitem_selected .menuRight { z-index:99999; background: url('images/menuTop.R.png') no-repeat top right; top:0px; height:29px; line-height:14px; width: 20px; position:absolute; } #NavBar2 { z-index:99999; text-align:right; vertical-align:bottom; } #NavBar2 span { z-index:99999; float:right; background: transparent url('images/menu.shadow.L.png') repeat-x top left; padding-left:50px; } #NavBar2 span span { z-index:99999; float:left; 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; margin: 0px 2px 1px; padding: 6px 20px; text-align:center; text-decoration:none; white-space:nowrap; float:left; position:relative; } #NavBar2 .menuRight { z-index:99999; background: transparent url('images/menuTab.R.png') no-repeat top right; position:absolute; top:0px; width:20px; } /* Main menu hover and selected */ #NavBar2 .main_dnnmenu_rootitem_hover, #NavBar2 .main_dnnmenu_rootitem_selected { z-index:99999; background: #439bc6 url('images/menuTab.L.hover.png') no-repeat top left; color:#000000; margin: 0px 2px 1px; padding: 6px 20px; text-align:center; text-decoration:none; white-space:nowrap; float:left; position:relative; } #NavBar2 .main_dnnmenu_rootitem_hover .menuRight, #NavBar2 .main_dnnmenu_rootitem_selected .menuRight { z-index:99999; background: transparent url('images/menuTab.R.png') no-repeat top right; position:absolute; top:0px; width:20px; } /* SUB Menu Normal */ .main_dnnmenu_submenu { z-index:99999; background:transparent url(images/submenu.bg.png) no-repeat scroll center bottom; width:208px; margin-left:-4px; padding:0 4px 4px; margin-top:0px; } /* .main_dnnmenu_submenu { z-index:99999; background:transparent url(images/submenu.bg.png) no-repeat scroll center bottom; width:208px; margin-left:-4px; padding:0 4px 4px; margin-top:-142px; } */ .main_dnnmenu_submenu td { z-index:99999; background:#439bc6 url('images/submenu.dots.png') repeat-x bottom !important; text-align:left; margin:0 4px; } .main_dnnmenu_submenu td span { z-index:99999; color:#ffffff; line-height:2em; padding:2px !important; font-size:11px; border:0; white-space:nowrap; } /* 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; }