html, body, div, span, h1, h2, h3, h4, h5, h6, p, a, em, img, strong, ol, ul, li, table, tr, th, td, form { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; background: transparent; } table { border-collapse: collapse; border-spacing: 0; } input, button{ overflow: visible; } html { overflow: auto; } html, body { height: 100%; min-height: 100%; } body { font: normal 11px 'Segoe UI', Tahoma, Verdana, Arial, Helvetica, sans-serif; line-height: 1.2; color: #1e2022; text-align: center; background: #f6f6f6; } p { padding: 0 0 10px; } ul { padding: 0 0 0 16px; } li { padding: 0 0 5px; } a { text-decoration: none; color: #005ace; } a:hover { text-decoration: underline; color: #39f; } .clear { display: inline-block; } .clear:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } * html .clear { height: 1%; } .clear { display: block; } .none, .hidden { display: none; } .page { position: relative; width: 100%; min-width: 750px; min-height: 100%; } * html .page { height: 100%; } .page .header { border-bottom: 1px solid #152b7e; width: 100%; height: 49px; text-align: left; background: #fff url('../img/common/top_body_bg.jpg') 100% 0 no-repeat; } .page .header .company-logo { float: right; display: block; margin: 5px 10px 0 0; width: 127px; height: 38px; overflow: hidden; text-indent: -9999px; background: transparent url('../img/common/parallels_logo.gif') 0 0 no-repeat; } .page .header .header-area { height: 49px; } .page .header h1 { float: left; width: 156px; height: 49px; text-align: left; } .page .header h1 a { display: block; width: 156px; height: 49px; overflow: hidden; text-indent: -9999px; background: url('../img/common/logo.gif') no-repeat; } .page .header .header-text { float: right; } .page .header .header-text a { float: left; margin: 11px 12px 0 0; color: #fff; text-decoration: none; } .page .header .header-text a.top-copyright { text-align: right; } .wrapper { margin: 0 auto; padding: 40px 0 48px; /*width: 502px;*/ width: 734px; text-align: left; } .wrapper .container { border: 1px solid #b8c1d0; margin-bottom: 12px; padding: 6px; background: #fff; } .wrapper .content { background: #fff url('../img/common/content_bg.gif') 0 0 repeat-y; } .wrapper .content .description { padding: 0 15px 0 190px; min-height: 229px; font-size: 12px; background: transparent url('../img/common/banner.jpg') 0 0 no-repeat; } * html .wrapper .content .description { height: 229px; } .wrapper .content h2 { border-bottom: 1px solid #8b919f; margin: 0 0 10px; padding: 10px 0 3px; font-size: 17px; font-weight: normal; } .wrapper .content .hr { border-top: 1px solid #8b919f; margin-top: 5px; padding-top: 5px; } .wrapper .promo, .wrapper .test-pages { border: 1px solid #b8c1d0; margin-bottom: 12px; background: #fff; } .wrapper .promo h3, .wrapper .test-pages h3 { border-bottom: 1px solid #b8c1d0; font-size: 13px; background: #64b5c5 url('../img/glyph/dBox-header-right.gif') 0 0 repeat-x; } .wrapper .promo h3 span, .wrapper .test-pages h3 span { display: block; border: 1px solid #cdf7fd; padding: 0 10px; height: 23px; line-height: 23px; font-size: 13px; color: #fff; background: transparent url('../img/glyph/dBox-header-left.gif') 0 0 no-repeat; } .wrapper .test-pages p { padding: 10px; } .wrapper .two-col .test-pages, .wrapper .two-col .promo { float: left; width: 360px; } .wrapper .two-col .promo { margin-left: 10px; } .promo .promo-block { margin: 10px 10px 0; } .promo .promo-block a.box { float: left; margin: 0 0 0 -105px; } .promo .promo-block div { border-bottom: 1px solid #ebebeb; margin-bottom: 10px; padding: 0 0 10px 105px; } .promo .promo-block h4 { font-size: 20px; padding: 4px 0 8px; } .promo .promo-block h4 span { display: block; margin-bottom: -5px; font-size: 14px; font-weight: normal; } .promo .promo-block h4 a { text-decoration: none; color: #1e2022; } .promo .promo-block a.more { padding: 2px 0 3px 24px; line-height: 19px; font-size: 12px; font-weight: bold; color: #616161; background: transparent url('../img/common/arrow.gif') 0 0 no-repeat; } .promo .promo-block h4 a:hover, .promo .promo-block a.more:hover { text-decoration: none; color: #39f; } .promo ul { margin: 0 10px 5px; padding: 0 0 0 16px; } .promo ul li { padding-bottom: 5px; } .page .footer { position: absolute; left: 0; bottom: 0; border-top: 1px solid #8b919f; width: 100%; min-width: 300px; height: 38px; font-size: 11px; text-align: left; color: #000; background: #94d6f8 url('../img/common/footer_bg.gif') 0 0 repeat-x; } .page .footer a { color: #002c61; text-decoration: none; } .page .footer a:hover { text-decoration: underline; } .page .footer .description { padding: 0; margin: 13px 10px 0 10px; } .icons-area { padding: 0 0 0 15px; } .icon { display: -moz-inline-box; display: inline-block; overflow: visible; border: 0; margin: 0 5px 12px 0; height: 32px; font: normal 11px 'Segoe UI', Tahoma, Verdana, Arial, Helvetica, sans-serif; text-decoration: none; vertical-align: top; color: #000; background-color: transparent; background-position: 0 0; background-repeat: no-repeat; } .icon:hover { text-decoration: none; color: #000; } .icon span { display: block; padding: 0 0 0 38px; height: 32px; width: 70px; line-height: 32px; cursor: pointer; } #asp { background-image: url('../img/glyph/btn_asp_bg.gif'); } #aspnet { background-image: url('../img/glyph/btn_aspdotnet_bg.gif'); } #coldfusion { background-image: url('../img/glyph/btn_coldfusion_bg.gif'); } #perl { background-image: url('../img/glyph/btn_perl_bg.gif'); } #php { background-image: url('../img/glyph/btn_php_bg.gif'); } #python { background-image: url('../img/glyph/btn_python_bg.gif'); } #ssi { background-image: url('../img/glyph/btn_ssi_bg.gif'); } #fcgi { background-image: url('../img/glyph/btn_fast_cgi_bg.gif'); } #miva { background-image: url('../img/glyph/btn_miva_bg.gif'); } .test { width: 680px; } .test .pathbar { color: #7b7b7b; } .test .pathbar a { text-decoration: underline; color: #7b7b7b; } .test .pathbar a:hover { color: #39f; } .test h2 { margin: 10px 0; font-size: 17px; font-weight: normal; } .test .tab-content { border: 1px solid #8b919f; padding: 10px; } fieldset { border: 1px solid #b8c1d0; margin: 0; padding: 0 10px 10px; } legend { margin: 0; padding: 0 2px 5px; vertical-align: middle; font-weight: bold; color: #002c61; } .form-fields { padding-top: 6px; } .formFields { margin: 5px 0; } .formFields, .formFields input, .formFields select, .formFields textarea { font: normal 11px 'Segoe UI', Tahoma, Verdana, Arial, Helvetica, sans-serif; } .formFields td.name { padding: 0 10px 10px 0; width: 200px; vertical-align: top; font-weight: bold; } .buttonsContainer { margin-top: 10px; text-align: right; } .buttonsContainer .commonButton { display: inline; margin-left: 14px; } .buttonsContainer .commonButton span { display: none; } .buttonsContainer .commonButton button { border: 0; width: 91px; height: 21px; text-align: center; white-space: nowrap; cursor: pointer; font: normal 11px 'Segoe UI', Tahoma, Verdana, Arial, Helvetica, sans-serif; background: transparent url('../img/glyph/btn_bg.gif') 0 0 no-repeat; } .commonButton button[disabled] { color: #999; background-image: url('../img/glyph/btn_bg-disabled.gif'); } #bid-ok button { padding-left: 8px; background-image: url('../img/glyph/btn_ok_bg.gif'); } .commonButton button:hover { background-position: 0 -21px; } .commonButton button[disabled]:hover { background-position: 0 0; } .testRelults#testFailed { border: 1px solid #ccc; margin: 0 0 10px; padding: 10px 10px 10px 32px; background: #fde9e5 url('../img/icons/fail.gif') 10px 11px no-repeat; } .testRelults#testSuccessful { border: 1px solid #ccc; margin: 0 0 10px; padding: 10px 32px; background: #bff7b4 url('../img/icons/success.gif') 10px 11px no-repeat; } .testResult { font-weight: bold; } .test-data { text-align: left; } .test-data table { border-collapse: collapse; margin-bottom: 10px; width: 100%; color: #000; background-color: white; } .test-data table th, .test-data table td { padding: 4px 6px; } .test-data tr.subhead { background-color: #ccc; } .test-data th.alt { color: white; background-color: black; } .test-data tr.alt { background-color: #eee; }