* { margin: 0; padding: 0; } /* CODE FORMATTER: http://www.cssportal.com/format-css/process.php */ html, body { /* note that both html and body elements are in the selector. * this is because we have margins applied to the body element * and the HTML's background property will show through if * it is ever set. _DO_NOT_ apply a font-size value to the * html or body elements, set it in #pageWrapper. */ background-color: #FFFFFF; /* name=whole_page_background */ /* background color for the whole page */ color: #000000; /* name=whole_page_text */ /* text color for the whole page */ font-family: arial, helvetica, sans-serif; /* text style for the whole page */ /* added for fixed width */ text-align: left; margin:0px 0px 10px 0px; } ul, ol, dl, p, h1, h2, h3, h4, h5, h6 { /* margin-top: 10px; */ margin-bottom: 10px; padding-top: 0; padding-bottom: 0; } p{ padding-bottom: 10px; } h1 { font-size: 18px; color: #003399; } h2 { font-size: 16px; color: #003399; } h3 { font-size: 14px; color: #003399; } h4 { font-size: 12px; color: #003399; } h5 { font-size: 10px; color: #003399; } h6 { font-size: 8px; color: #003399; } .clear { clear: both; padding-bottom: 1px; /* for Gecko-based browsers */ margin-bottom: -1px; /* for Gecko-based browsers */ } #container { /*width: 870px; up to 960px total*/ width: 960px; margin: 10px auto; border: 10px solid #8A8A8A; padding-bottom: 160px; } /* position the nav at the top */ #topSection { position:absolute; top: 20px; /*width: 870px; up to 960px total*/ width: 960px; } /* position the main area just below the nav */ #mainArea{ position: relative; top: 155px; } #mainBody{ padding-top: 10px; padding-left: 8px; padding-right: 8px; } #header { height: 115px; padding: 5px 10px 5px 10px; } #header_leftColumn { /*width: 580px; up to 960px total*/ width: 670px; float: left; height:auto; } #header_rightColumn { width: 220px; padding-top: 8px; float: right; text-align:right; height:auto; } #leftColumn { /*width: 580px; up to 960px total*/ width: 670px; padding-top: 8px; padding-left: 8px; float: left; background: #ffffff; } #left_inner { width: 210px; float: left; height:auto; } #right_inner { /* width: 350px; up to 960px total*/ width: 400px; padding-top: 0px; float: right; height:auto; } #rightColumn { width: 275px; height:auto; float: right; /* background: #DCDCDC; */ background: #a9d48d; border-left: 1px solid #000; border-bottom: 1px solid #000; padding-bottom: 20px; /*background-image:url(images/windows_mobile_fade.jpg); background-position:top; background-repeat:no-repeat;*/ } #awards { /*clear: both; width: 870px; margin: 10px auto; */ background: #ffffff; } #awards p.para{ margin-left:8px; } #topTitle{ padding-top: 10px; padding-bottom: 15px; color: #000000; font-family: Arial, Helvetica, sans-serif; font-weight: bold; } #top-sub-title{ font-size:16px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color: #394865; margin-left: 20px; padding-right: 20px; padding-bottom: 10px; font-style:italic; } img.padded{ padding-right:10px; padding-top: 0px; padding-left: 0px; padding-bottom: 10px; } p.attention{ font-size:12px; font-weight:bold; } p.para{ margin-bottom:12px; } p.features { font-size: 18px; color: #4B5763; font-family: Arial, Helvetica, sans-serif; margin-top: 20px; padding-left: 10px; padding-bottom: 10px; } p.quoteText{ color:#0033FF; font-weight:bold; } p.salutation{ padding-top: 10px; text-indent:20px; font-weight:bold; } .goBlue{ color:#0000FF; font-weight:bold; } img.hrule { /* width: 570px; up to 960px total*/ width: 660px; height: 1px; padding-bottom: 5px; text-align:center; } img.noBorder { border: 0; } #iframeborder{ margin-top:10px; margin-bottom:10px; margin-left:20px; margin-right:10px; border: 1px solid #000000; text-align:center; background-color:#FFFFFF; } #iframenote{ margin-left:30px; margin-right:20px; margin-bottom: 20px; } #prevent{ margin-left:20px; margin-right:20px; margin-bottom:10px; } #boxQuoteOutside{ border:5px solid #4B5763; padding: 5px 5px 5px 5px; margin: 20px 5px 0px 5px; } #boxQuoteInside{ border:1px solid #000; padding : 15px 5px 15px 5px; } #mainBody ol{ list-style-position:inside; padding-left: 20px; } #mainBody ul{ list-style-position:inside; padding-left: 20px; } #mainBody li { padding-bottom:5px; } ul.rtList { list-style-type: disc; margin-left: 30px; } li.rtList{ margin-bottom:10px; } ul.rtListTop { list-style-type: disc; margin-left: 20px; margin-top: 10px; } li.rtListTop{ margin-bottom:5px; } #footer { border: solid 1px #FFFFFF; /* footer_border_color */ border-width: 1px 0; margin-top: 0.5em; padding: 0.5em; background-color: #DCDCDC; /* name=footer_background */ color: #111111; /* name=footer_text */ text-align: center; font-size:small; } #footer .bottomnav{ color: #034269; /* name=footer_nav_plain_text */ /* text color for the non-link text of bottom navigation line */ } #footer .bottomnav a:link, #footer .bottomnav a:visited, #footer .bottomnav a:active{ color: #034269; /* name=footer_nav_link_text */ /* link properties for bottom navigation line */ } #footer .bottomnav a:hover{ background-color: #003399; /* name=footer_nav_link_hover_background */ color: #FFFFFF; /* name=footer_nav_link_hover_text */ /* link properties for bottom navigation line */ } .smallerFont { font-size: smaller; } #pageDetails { font-size:8px; text-align:right; } .paragraph{ margin: 0 0 0 20px; } #breadCrumb{ margin-left: -8px; margin-right: -8px; padding: 4px 0px 4px 2px; margin-bottom: 10px; width: auto; } #breadCrumb h1{ color:#000000; } #breadCrumbLabel{ /* background-color:#FF9933; */ font-weight: bold; } .taLeft{ text-align:left; } .taCenter{ text-align:center; margin-left:auto; margin-right:auto; } .taRight{ text-align:right; } .colorRed { color:#BD001F; } .fontBold{ font-weight:bold; } table { font-size: 12px; } table.tableCenter { margin-left:auto; margin-right:auto; text-align:center; } table.tableWide { margin:0; } table.benefits { margin-left: 20px; margin-right:auto; } td.benefits { padding: 0 0 10px 0; } td, th { vertical-align: top; } td.noWrap { white-space:nowrap; } td.brightText{ font-weight:bold; color: #BD001F; /* name=bright_text */ } td.taLeft{ text-align:left; } td.taRight{ text-align:right; } td.taCenter{ text-align:center; } td.featureHeader{ padding:15px 0 2px 0; color:#003399; } td.featureLeftCol{ border: 1px solid black; white-space:nowrap; vertical-align:top; padding: 5px 5px 5px 5px; font-weight:bold; } td.featureLeftColBright{ border: 1px solid black; white-space:nowrap; vertical-align:top; padding: 5px 5px 5px 5px; font-weight:bold; color:#CC0000; } td.featureRightCol{ vertical-align:top; border: 1px solid black; padding: 5px 5px 5px 5px; } .boxedArea{ margin: 10px 0px 10px 0px; padding: 5px 10px 5px 10px; background-color: #CEFF99; border: 1px solid #00008B; } .spacedout{ margin: 0px 0px 30px 0px; } img.bordered{ border: 2px dashed black; } .brightRed{ color: #BD001F; } #loginlink{ padding: 5px 10px 5px 10px; } #buy89button{ padding: 20px 0px 10px 0px; } #downloadInstructions li{ font-weight: bold; padding-bottom: 5px; /* padding: 0px 0px 5px 0px; */ } .standoutBold{ font-weight: bold; color: #003399; } #myIFrame{ border: 3px solid #00008B; } table.sofT { text-align: center; color: #000000; background-color: #fafafa; border: 1px #00008B solid; border-collapse: collapse; border-spacing: 0px; white-space: nowrap; } table.sofT th { background: #CEFF99; border-bottom: solid 1px #00008B; font-weight: bold; color: #BD001F; padding: 5px 0 5px 0; } table.sofT td { border-bottom: 1px solid #B9BB94; border-top: 0px; border-left: 1px solid #B9BB94; border-right: 0px; text-align: left; background-color: #fafafa; padding: 5px; white-space: nowrap; } table.sofT td.helpHed { border-bottom: 2px solid #6699CC; border-left: 1px solid #00008B; background-color: #BEC8D1; text-align: left; text-indent: 5px; color: #404040; } table.sofT td.sup { background-color: #FCC; } td.tourContents{ white-space:nowrap; vertical-align:top; border: 1px solid black; padding: 5px 5px 5px 5px; border-spacing:0; text-align: left; } #qsMainBody{ padding-top:20px; } /*********************************************************************************/ /*********************************************************************************/ /*********************************************************************************/ /*********************************************************************************/ /*********************************************************************************/ #primary_nav { float: left; clear: left; /*width: 692px; */ /* wrong box model */ /* width: 850px; up to 960px total*/ width: 950px; /* was 940 2009-11-25*/ /*w\idth: 668px; */ /*w\idth: 870px; up to 960px total*/ w\idth: 960px; /* width of menu bar */ height: 26px; background: url('images/gradiant_blue_1_pix_out2.png') top left repeat; /* gradiant background */ /*padding: 0px 0px 0px 4px; */ border-top: 1px solid #8A8A8A; border-bottom: 1px solid #000000; } #nav, #nav ul { float: left; /*width: 668px; */ /* width: 850px; up to 960px total*/ width: 940px; z-index: 999; line-height: 1.4; list-style: none; font-weight: bold; font-size: 13px; border: none; padding: 0; margin: 0; } #nav a { display: block; width: auto; /* main menu entry -> automatic width */ color: #e5d2c1; color: #ffffff; text-decoration: none; padding: 3px 15px 3px 15px; /* y, x - for all menu entries */ background: transparent url('images/nav_separator.gif') center right no-repeat; } #nav a.navlast { background: none; } #nav li { float: left; padding: 0; } /* dropdown menu box */ #nav li ul { position: absolute; left: -9990px; height: auto; width: 17.1em; /* width of dropdown menü */ font-weight: normal; font-size: 13px; line-height: 1.2; /*background: #707070 url('nav_dropdown_back.gif') top left repeat-x;*/ background: #707070; border: 0.1em solid #707070; border-top: none; padding: 3px 0 3px 0; margin: 0; } #nav li li { /*background: #707070; */ width: 17.1em; } /* dropdown entry */ #nav li ul a { text-align: left; width: 15em; background: transparent; } #nav li ul a.subnav { width: 15em; background: transparent url('nav_arrowright.gif') center right no-repeat; } #nav li ul ul { width: 17.1em; margin: -2.35em 0 0 13.5em; /* position of sub-dropdowns */ } #nav hr { height: 1px; border: none; /*border-top: 1px solid #303030; */ border-bottom: 1px solid #8b8b8b; margin: 2px 0px 0px 10px; padding: 0; } #nav li.separator { display: block; width: auto; /* main menu entry -> automatic width */ border-top: 2px solid #000000; border-bottom: 2px solid #000000; margin-bottom: 0px; font-weight: bold; color: #9FE8F7; padding: 3px 10px 3px 15px; /* y, x - for all menu entries */ } #nav li.subentry{ text-indent: 10px; line-height: 1.0; padding: 0; } #nav li.selected { /*background: #F49446 url('images/nav_background_hi.gif') top left repeat-x; image not present */ background: #F49446; } #nav li.thisSelected { line-height: 1.0; padding: 0; background: #F49446 url('images/nav_background_hi.gif') top left repeat-x; text-indent: -1px; } #nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul { left: -999em; } #nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { left: auto; } #nav li:hover, #nav li.sfhover { background: #555555; } #nav li li:hover, #nav li li.sfhover { background: #4b4b4b; /*background: #F49446 url('nav_background_hi.gif') top left repeat-x; */ } #nav li li.separator:hover, #nav li li.separator { background: transparent; } #nav li li.hr:hover, #nav li li.hr { background: transparent; } #nav li.subentry a { padding: 3px 15px 3px 15px; /* y, x - for all menu entries */ } #newWMInterface{ padding:10px 10px 10px 10px; margin-top:-324px; } #newWMInterface a:link {color:#000000; text-decoration:none} /* unvisited link */ #newWMInterface a:visited {color:#000000; text-decoration:none} /* visited link */ #newWMInterface a:hover {color:#FFFFFF; text-decoration:none} /* mouse over link */ #newWMInterface a:active {color:#000000; text-decoration:none} /* selected link */ div.img { border: none; } img.noBorder{ border: none; } div.img img { /* margin: 3px;*/ border: none; } div.img a:hover img {border: none;} /* #2colTable table {border-width: 2px 2px 2px 2px; border-style:solid; } #2colTable td {padding: 8px; } #2colTable *.leftcolumn { width: 35%; vertical-align:top; } #2colTable *.rightcolumn { width: 65%; vertical-align:top; border-width: 0 0 0 2px; border-style:solid; } #2colTable *.title{ font-size:12pt; color:#000099; text-align:center; padding-bottom:6px; font-weight:bold; } #2colTable *.lefttop{ background-color:#cfcfcf; padding:6px; } #2colTable *.leftbottom{ background-color:#0099cc; padding:6px; color:#ffffff; } #2colTable *.righttop{ background-color:#9999ff; padding:6px; color:#ffffff; } #2colTable *.rightmiddle{ background-color:#6699ff; padding:6px; color:#ffffff; } #2colTable *.rightbottom{ background-color:#3333ff; padding:6px; color:#ffffff; } #2colTable *.footer{ padding-top:4%; text-align:center; } */