/* Sticky Footer Solution by Steve Hatcher http://stever.ca http://www.cssstickyfooter.com */ #mainBody { width:900px; min-height:600px; height: auto; z-index: 1; position:relative; } #clientLogin { font-family: arial, helvetica, verdana; font-size: 11px; color: #333333; line-height:1.3; } #mainContent { font-family: arial, helvetica, verdana; font-size: 12px; color: #333333; line-height:1.3; padding-top: 2px; padding-left: 2px; } /* mac hide \*/ #mainBody{height:600px} /* end hide */ #interiorPanel { position:relative; width:740px; min-height:500px; padding:10px; background-image:url(/images/interiorPanelBG.jpg); background-repeat:repeat-x; } #interiorContent { } #module { width:185px; float:left; font-family: arial, helvetica, verdana; font-size: 11px; color: #333333; padding:5px; } H1 { font-family: arial, helvetica, verdana; font-size: 18px; color: #CC0000; /*font-smooth:always;*/ } H1 { margin:0px; padding:0px; } H2 { font-family: arial, helvetica, verdana; font-size: 15px; color: #000000; } H3 { font-family: arial, helvetica, verdana; font-size: 15px; color: #999999; } H4 { font-family: arial, helvetica, verdana; font-size: 13px; color: #000000; } H5 { font-family: arial, helvetica, verdana; font-size: 13px; color: #999999; } TABLE { font-family: arial, helvetica, verdana; font-size: 12px; color: #333333; } .imagescroll { padding: 0px; width : 200px; height : 250px; overflow : auto; border: 1px solid #dddddd; } div#nifty{background: #FFFFFF; width: 800px;} b.rtop, b.rbottom{display:block;background: #CCC} b.rtop b, b.rbottom b{display:block;height: 1px; overflow: hidden; background: #FFFFFF} b.r1{margin: 0 5px} b.r2{margin: 0 3px} b.r3{margin: 0 2px} b.rtop b.r4, b.rbottom b.r4{margin: 0 1px;height: 2px} .interiorBody {padding:10px; width:760px;} .interactHeader{ font-family: Trebuchet MS; font-size: 25px; font-style: normal; font-weight: bold; font-variant: normal; text-transform: none; color: #7f7c79} .interactSubHeader{ font-family: Trebuchet MS; font-size: 20px; font-style: normal; font-weight: bold; font-variant: normal; text-transform: none; color: #7f7c79} .header{ font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: bold; font-variant: normal; text-transform: none; color: #000000; min-width:800px} a.headerlink{ font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: bold; font-variant: normal; text-transform: none; color: #666666} a.headerlink:link { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: bold; font-variant: normal; text-transform: none; color: #666666} a.headerlink:hover { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: bold; font-variant: normal; text-transform: none; color: #666666} .headerwhite { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; font-style: normal; font-weight: bold; font-variant: normal; text-transform: none; color: #FFFFFF} .headernodisplay { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; font-style: normal; font-weight: bold; font-variant: normal; text-transform: none; color: #777777} .calcWhite { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; font-style: normal; font-weight: bold; font-variant: normal; text-transform: none; color: #FFFFFF} .calcWhiteText { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 10px; font-style: normal; font-weight: bold; font-variant: normal; text-transform: none; color: #FFFFFF} .nodisplaydefault { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; color: #777777; text-decoration: none} a.nodisplaydefault { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; color: #777777; text-decoration: none} a.nodisplaydefault:link { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; color: #777777; text-decoration: none} a.nodisplaydefault:hover { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; color: #777777; text-decoration: underline} .subheader { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; font-style: normal; font-weight: bold; font-variant: normal; text-transform: none; color: #666666} .default { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; color: #000000; text-decoration: none} .whitedefault { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; color: #ffffff; text-decoration: none} .legal { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 9px; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; color: #5e5e5e; text-decoration: none} .redtext { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; color: #FF0000; text-decoration: none} .lightGray { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; color: #999999; text-decoration: none} .editlink { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; color: #690000; text-decoration: none} a.editlink:link { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; color: #690000; text-decoration: none} a.editlink:hover{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; color: #690000; text-decoration: underline} .breadcrumb { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; color: #333333; text-decoration: none} a.breadcrumb:link { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; color: #333333; text-decoration: none} a.breadcrumb:hover{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; color: #333333; text-decoration: underline} .orange { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; color: #FF5C00; text-decoration: none} .orange:link { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; color: #FF5C00; text-decoration: none} .orange:hover{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; color: #FF5C00; text-decoration: underline} a { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; color: #5C5348; text-decoration: none} a:link { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; color: #5C5348; text-decoration: none} a:hover{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; color: #5C5348; text-decoration: underline} .secondary { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; color: #333333; text-decoration: none} a.secondary { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; color: #333333; text-decoration: none} a.secondary:link { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; color: #333333; text-decoration: none} a.secondary:hover{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; color: #333333; text-decoration: underline} .backto { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; font-weight: bold; font-variant: normal; text-transform: none; color: #203F53; text-decoration: none} a.backto { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; font-weight: bold; font-variant: normal; text-transform: none; color: #203F53; text-decoration: none} a.backto:link { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; font-weight: bold; font-variant: normal; text-transform: none; color: #203F53; text-decoration: none} a.backto:hover{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; font-weight: bold; font-variant: normal; text-transform: none; color: #203F53; text-decoration: underline} .whitelink { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; color: #ffffff; text-decoration: none} a.whitelink:link { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; color: #ffffff; text-decoration: none} a.whitelink:hover{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; color: #ffffff; text-decoration: underline} .accountBar { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; color: #ffffff; text-decoration: none} .accountBar a { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; color: #ffffff; text-decoration: none} .accountBar a:link { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; color: #ffffff; text-decoration: none} accountBar a:hover{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; color: #ffffff; text-decoration: underline} .accountBar a:visited { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; color: #ffffff; text-decoration: none} a.boldlink { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; font-weight: bold; font-variant: normal; text-transform: none; color: #135D9D; text-decoration: none} a.boldlink:link { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; font-weight: bold; font-variant: normal; text-transform: none; color: #135D9D; text-decoration: none} a.boldlink:hover{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; font-weight: bold; font-variant: normal; text-transform: none; color: #135D9D; text-decoration: underline} .bottomLinks { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; color: #5C5348; text-decoration: none} a.bottomLinks:link { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; color: #5C5348; text-decoration: none} a.bottomLinks:hover{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; color: #5C5348; text-decoration: underline} .tall { height: 100%; width: 800px; } .main { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; color: #666666; } INPUT { FONT-SIZE: 8pt; FONT-FAMILY: Verdana,arial,helvetica,sans-serif;} SELECT { FONT-SIZE: 8pt; FONT-FAMILY: Verdana,arial,helvetica,sans-serif; border: 1px black solid} TEXTAREA { FONT-SIZE: 8pt; FONT-FAMILY: Verdana,arial,helvetica,sans-serif;} .userProfile { FONT-SIZE: 8pt; FONT-FAMILY: Verdana,arial,helvetica,sans-serif; width: 150px} file { FONT-SIZE: 8pt; FONT-FAMILY: Verdana,arial,helvetica,sans-serif; border: 1px black solid} SELECT { FONT-SIZE: 8pt; FONT-FAMILY: Verdana,arial,helvetica,sans-serif; border: 1px black solid} TEXTAREA { FONT-SIZE: 8pt; FONT-FAMILY: Verdana,arial,helvetica,sans-serif;} /* * { margin: 0; }*/ html, body { margin: 0px; height: 100%; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; } .wrapper { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -67px; /* the bottom margin is the negative value of the footer's height */ } .footer, .push { height: 65px; /* .push must be the same height as .footer */ } .editing table { border:1px dotted #666666; } .editing td { border:1px dotted #666666; } .savebutton { background: url( /interact/images/fade-butt.png ); background-color: #F2F2F2; border-color:#CCCCCC rgb(153, 153, 153) rgb(153, 153, 153) rgb(204, 204, 204); border-style:double; border-width:3px; color:#333333; padding:0.25em; } .editbutton { background: url( /interact/images/fade-butt.png ); background-color: #F2F2F2; border-color:#CCCCCC rgb(153, 153, 153) rgb(153, 153, 153) rgb(204, 204, 204); border-style:double; border-width:1px; color:#333333; padding:0.1em; height:19px; } .calcHeader { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-style: normal; font-weight:bold; font-variant: normal; text-transform: none; color: #FFFFFF; text-decoration: none} .price { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 20px; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; color: #FFA302; text-decoration: none} div.fieldset { border: 1px solid #afe14c; margin: 10px 0; padding: 20px 10px; } div.fieldset span.legend { position: relative; background-color: #FFF; padding: 3px; top: -30px; font: 700 14px Arial, Helvetica, sans-serif; color: #73b304; } div.flash { width: 375px; margin: 10px 5px; border-color: #D9E4FF; -moz-border-radius-topleft : 5px; -webkit-border-top-left-radius : 5px; -moz-border-radius-topright : 5px; -webkit-border-top-right-radius : 5px; -moz-border-radius-bottomleft : 5px; -webkit-border-bottom-left-radius : 5px; -moz-border-radius-bottomright : 5px; -webkit-border-bottom-right-radius : 5px; } html, body, #wrap {height: 100%;} body > #wrap {height: auto; min-height: 100%;} #loginForm input.textinput { width:190px; border:1px solid #d3d3d3; background:#fff url(/images/textBoxBG.gif) repeat-x; font-size:15px; color:#999999; padding:5px 5px 5px 5px; } #main {padding-bottom: 25px;} /* must be same height as the footer */ #footerNew {position: relative; margin-top: -25px; /* negative value of footer height */ height: 25px; clear:both;} /* CLEAR FIX*/ .clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} .clearfix {display: inline-block;} /* Hides from IE-mac \*/ * html .clearfix { height: 1%;} .clearfix {display: block;} /* End hide from IE-mac */ #linkSection1 { float: left; /* Sets this section to the left */ margin-left:0px; width: 500px; display: inline; } #linkColumn1 { float: left; /* Sets this column to the left inside its section */ margin-left:10px; width: 230px; display: inline; } #linkColumn2 { float: right; /* Sets this column to the right inside its section*/ margin-right:10px; width: 230px; display: inline; } #linkSection2 { float: right; /*Sets this sectionto the right */ margin-right:0px; width: 500px; display: inline; } #linkColumn3 { float: left; /* Sets this column to the left inside its section */ margin-left:10px; width: 230px; display: inline; } #linkColumn4 { float: right; /* Sets this column to the right inside its section*/ margin-right:10px; width: 230px; display: inline; } #contentSection1 { float: left; /* Sets this section to the left */ margin-left:0px; width: 437px; display: inline; } #content1 { float: left; /* Sets this column to the left inside its section */ margin-right:20px; width: 208px; display: inline; } #content2 { float: right; /* Sets this column to the right inside its section*/ margin-right:0px; margin-left:0px; width: 208px; display: inline; } #contentSection2 { float: right; /*Sets this sectionto the right */ margin-right:0px; width: 437px; display: inline; } #content3 { float: left; /* Sets this column to the left inside its section */ margin-right:20px; width: 208px; display: inline; } #content4 { float: right; /* Sets this column to the right inside its section*/ width: 208px; display: inline; } #search_box { width: 253px; height: 19px; background: url(/site/layout/images/labelSearch.png); background-repeat:no-repeat; } #search_box #s { float: left; padding: 0; margin: 3px 0px 0px 60px; border: 0; width: 170px; background: none; } #search_box #go { float: right; margin: 0px 0px 0 0; }