/* Title: CloudHarmony.com Author: Timo Brimhall (www.timodesign.com) Updated: April 14 2010 Notes: CloudHarmony.com Styles ---------------------------------------------------------------------------------------------- */ body { margin: 0; padding: 0; background: #fff; } /* Links ----------------------------------------------- */ a, a:active { outline: none; } a:focus { -moz-outline-style: none; } a:link { color: #09aede; } a:visited { color: #5b9db0; } a:hover, a:active { color: #c27612; } /* Mass Reset ----------------------------------------------- */ /* Thanks to Eric for this reset http://meyerweb.com/eric/thoughts/2008/01/15/resetting-again/ */ html, body, div, span, applet, object, h1, h2, h3, h4, h5, h6, iframe, blockquote, pre, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } body {line-height: 1;} ol, ul {list-style: none;} blockquote, q {quotes: none;} ins {text-decoration: none;} del {text-decoration: line-through;} table {border-collapse: collapse; border-spacing: 0;} /* tables still need 'cellspacing="0"' in the markup */ a img, :link img, :visited img {border:none;} /* Common Elements ----------------------------------------------- */ body,ul,ol,dl,td,th,caption,pre,p,blockquote,input,textarea { /* Sets the main font-family, line-height and color. Font size is set by the and #container. */ color: #333; font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 1.4em; } p { margin: 1em 0 1em; padding: 0; } h1 { color: #4c3828; font-family: Arial, Helvetica, sans-serif; font-size: 250%; font-weight: normal; line-height: 1.15em; margin: 25px 0 15px 0; padding: 0; text-indent: -5000px; height: 22px; } h2 { color: #5e6168; font-family: Arial, Helvetica, sans-serif; font-size: 220%; font-weight: normal; line-height: 1.5em; margin: .5em 0 1em 0; /*padding-left: 21px;*/ } h3 { color: #696861; font-family: Arial, Helvetica, sans-serif; font-size: 190%; font-weight: bold; line-height: 1.5em; margin: 1.2em 0 -.5em 0; } h4 { color: #454545; font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: normal; line-height: 1.5em; margin: 1.2em 0 -.5em 0; } h5 { color: #333; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 140%; font-weight: bold; line-height: 1.5em; margin: 1.2em 0 -.5em 0; } blockquote { font-style: italic; margin: 1em 0; padding: 1em; border: 1px solid #ddd; background: #eee; } abbr, acronym { font-style: normal; cursor: help; border-bottom: 1px dotted #bbb; } em { font-style: italic; } strong { font-weight: bold; } del { color: #999; text-decoration: line-through; } hr { color: #dddbc7; height: 1px; margin: 1.5em 0 1.5em 0; border: 0; background-color: #dddbc7; } /* Layout ----------------------------------------------- */ #container { position: relative; min-width: 840px; /* max-width: 1200px; */ } #header { position: relative; height: 100px; background: #22bbe7 url(../images/bg-head-left.jpg) 0 0 no-repeat; } #content { margin: 0 15px 30px 20px; } /* 3 Column Flexible Layout */ #col1 { float: left; width: 30.3%; margin-left: 20px; } #col2 { float: left; width: 30.3%; background-color: #ccc; margin-left: 2.5%; } #col3 { float: left; width: 30.3%; background-color: #eee; margin-left: 2.5%; } /* 2 Column Flexible Layout */ #col1-2 { float: left; width: 46.7%; background-color: #bbb; margin-left: 20px; } #col2-2 { float: left; width: 46.7%; background-color: #ccc; margin-left: 2.5%; } /* 2 Column - 1col Flexible 2col Fixed Layout */ #col1-2f { background-color: #bbb; margin: 0 280px 0 0; } #col2-2f { background-color: #ccc; float: right; width: 260px; } #footer { position: relative; clear: both; height: 200px; color: #fff; font-size: 80%; background: #fff url(../images/bg-footer.png) bottom left repeat-x; } /* Header ----------------------------------------------- */ #header-wrap { height: 100px; background: transparent url(../images/bg-head-right.gif) bottom right no-repeat; } #logo, #logo a { width: 196px; height: 59px; } #logoimg { display: none; border: none; } #logo a { display: block; position: absolute; z-index: 10; top: 0; left: 19px; background: transparent url(../images/logo-cloudharmony.png) 0 -59px no-repeat; } #logo a:hover { background-position: 0 -118px; } #home #logo { position: absolute; top: 0; left: 19px; } /* -- Nav -- */ #nav { position: absolute; top: 60px; left: 97px; height: 40px; width: 700px; margin: 0; padding: 0; list-style-type: none; overflow: hidden; } #nav li { display: inline; list-style-type: none; margin: 0; padding: 0; } #nav a { text-indent: -5000px; overflow: hidden; /* trims the long outlines from the text-indent in Firefox */ display: block; float: left; height: 40px; background: transparent url(../images/navtabs.png) 0 0 no-repeat; } #nav #tmatchmaker a { width: 133px; background-position: 0 0; } #nav #tmatchmaker a:hover { background-position: 0 -40px; } #nav #tmatchmaker a:active, #nav #tmatchmaker.selected a { background-position: 0 -80px; } #nav #tpublicclouds a { width: 140px; background-position: -133px 0; } #nav #tpublicclouds a:hover { background-position: -133px -40px; } #nav #tpublicclouds a:active, #nav #tpublicclouds.selected a { background-position: -133px -80px; } #nav #tstatus a { width: 88px; background-position: -273px 0; } #nav #tstatus a:hover { background-position: -273px -40px; } #nav #tstatus a:active, #nav #tstatus.selected a { background-position: -273px -80px; } #nav #tbenchmarks a { width: 132px; background-position: -361px 0; } #nav #tbenchmarks a:hover { background-position: -361px -40px; } #nav #tbenchmarks a:active, #nav #tbenchmarks.selected a { background-position: -361px -80px; } #nav #tresearchanddiscuss a { width: 180px; background-position: -493px 0; } #nav #tresearchanddiscuss a:hover { background-position: -493px -40px; } #nav #tresearchanddiscuss a:active, #nav #tresearchanddiscuss.selected a { background-position: -493px -80px; } #nav #treports a { width: 101px; background-position: -673px 0; } #nav #treports a:hover { background-position: -673px -40px; } #nav #treports a:active, #nav #treports.selected a { background-position: -673px -80px; } /* -- Utils Nav -- */ #utils { margin: 0; padding: 0; list-style-type: none; } #utils li { list-style-type: none; margin: 0; padding: 0; } #utils a { display: block; position: absolute; z-index: 10; text-indent: -5000px; overflow: hidden; /* trims the long outlines from the text-indent in Firefox */ height: 40px; } #utils #uprofile a { top: 0; right: 120px; width: 112px; height: 45px; background: transparent url(../images/navtab-profile.png) 0 0 no-repeat; } #utils #uprofile a:hover { background-position: 0 -45px; } #utils #uprofile.sel a { background-position: 0 -90px; } #utils #ulogout a { top: 7px; right: 10px; width: 79px; height: 25px; background: transparent url(../images/navutil-logout.png) 0 0 no-repeat; } #utils #ulogout a:hover { background-position: 0 -25px; } /* -- Start Speed Test -- */ #start-test { position: absolute; top: 0; right: 85px; width: 400px; height: 50px; z-index: 10; } #start-test p { position: absolute; top: 0; left: 0; width: 145px; height: 50px; color: #f0fafd; font-size: 14px; margin: 5px 0 0 0; padding: 0; text-align: right; line-height: 1.1; } #start-test a { position: absolute; top: 0; right: 0; display: block; text-indent: -5000px; width: 244px; height: 50px; background: transparent url(../images/btn-startthecloudspeedtest.png) 0 0 no-repeat; } #start-test a:hover { background-position: 0 -50px; } /* Content ----------------------------------------------- */ /* -- H1 -- */ h1#h1-emailsignup { width: 181px; background: transparent url(../images/h1-emaillistsignup.png) 0 0 no-repeat; } h1#h1-manageemail { width: 194px; background: transparent url(../images/h1-manageemaillist.png) 0 0 no-repeat; } h1#h1-publicclouds { width: 149px; background: transparent url(../images/h1-publicclouds.png) 0 0 no-repeat; position: absolute; top: 0; left: 0; margin-top: 20px; } h1#h1-reports { width: 151px; background: transparent url(../images/h1-cloudreports.png) 0 0 no-repeat; position: absolute; top: 0; left: 0; margin-top: 20px; } /* -- Messaging Boxes -- */ #msg { /* default is info message */ width: 600px; margin-bottom: 20px; background: transparent url(../images/msg-info-mid.gif) 0 0 repeat-y; } #popup #msg { width: 540px; background: transparent url(../images/msg-info-mid-sm.gif) 0 0 repeat-y; } #popup #msg-content { background: url(../images/msg-info-btm-sm.gif) 0 100% no-repeat; } #popup #msg-content h3 { background: transparent url(../images/msg-info-top-sm.gif) 0 0 no-repeat; } #msg-content { padding-bottom: 8px; background: url(../images/msg-info-btm.gif) 0 100% no-repeat; } #msg-content h3 { margin: 0; padding: 0; font-size: 15px; line-height: 1.15em; color: #155eaa; background: transparent url(../images/msg-info-top.gif) 0 0 no-repeat; } #msg-content h3 span { display: block; padding: 11px 10px 6px 39px; background: transparent url(../images/ico-msg-info.png) 8px 8px no-repeat; } #msg-content h4 { margin: 0; padding: 0 10px 4px 39px; font-size: 13px; } #msg-content p { margin: 0; padding: 0 10px .7em 39px; } #msg-content ul { margin: 0 0 0 13px; padding: 0 10px .7em 39px; list-style: disc; } #msg-content li { padding-bottom: 5px; } #msg.attention { background: transparent url(../images/msg-attention-mid.gif) 0 0 repeat-y; } #msg.attention #msg-content { background: url(../images/msg-attention-btm.gif) 0 100% no-repeat; } #msg.attention #msg-content h3 { color: #985000; background: transparent url(../images/msg-attention-top.gif) 0 0 no-repeat; } #msg.attention #msg-content h3 span { background: transparent url(../images/ico-msg-attention.png) 8px 8px no-repeat; } #msg.success { background: transparent url(../images/msg-success-mid.gif) 0 0 repeat-y; } #msg.success #msg-content { background: url(../images/msg-success-btm.gif) 0 100% no-repeat; } #msg.success #msg-content h3 { color: #368d05; background: transparent url(../images/msg-success-top.gif) 0 0 no-repeat; } #msg.success #msg-content h3 span { background: transparent url(../images/ico-msg-success.png) 8px 8px no-repeat; } #msg.error { background: transparent url(../images/msg-error-mid.gif) 0 0 repeat-y; } #msg.error #msg-content { background: url(../images/msg-error-btm.gif) 0 100% no-repeat; } #msg.error #msg-content h3 { color: #a52507; background: transparent url(../images/msg-error-top.gif) 0 0 no-repeat; } #msg.error #msg-content h3 span { background: transparent url(../images/ico-msg-error.png) 8px 8px no-repeat; } label.error { color: #a52507; padding-left: 18px; background: transparent url(../images/ico-sm-error.png) 0 1px no-repeat; } /* Popup Messaging smaller width */ #popup #msg { width: 500px; background: transparent url(../images/msg-info-mid-sm.gif) 0 0 repeat-y; } #popup #msg-content { background: url(../images/msg-info-btm-sm.gif) 0 100% no-repeat; } #popup #msg-content h3 { background: transparent url(../images/msg-info-top-sm.gif) 0 0 no-repeat; } #popup #msg.attention { background: transparent url(../images/msg-attention-mid-sm.gif) 0 0 repeat-y; } #popup #msg.attention #msg-content { background: url(../images/msg-attention-btm-sm.gif) 0 100% no-repeat; } #popup #msg.attention #msg-content h3 { color: #985000; background: transparent url(../images/msg-attention-top-sm.gif) 0 0 no-repeat; } #popup #msg.success { background: transparent url(../images/msg-success-mid-sm.gif) 0 0 repeat-y; } #popup #msg.success #msg-content { background: url(../images/msg-success-btm-sm.gif) 0 100% no-repeat; } #popup #msg.success #msg-content h3 { color: #368d05; background: transparent url(../images/msg-success-top-sm.gif) 0 0 no-repeat; } #popup #msg.error { background: transparent url(../images/msg-error-mid-sm.gif) 0 0 repeat-y; } #popup #msg.error #msg-content { background: url(../images/msg-error-btm-sm.gif) 0 100% no-repeat; } #popup #msg.error #msg-content h3 { color: #a52507; background: transparent url(../images/msg-error-top-sm.gif) 0 0 no-repeat; } /* -- sub section name -- */ /* -- box rounded corners -- */ .box { position: relative; background: #4c3828; width: 100%; } .corner { position: absolute; width: 11px; height: 11px; background: url(../images/box-corners.gif) no-repeat; font-size: 0%; } .boxcontent { padding: 11px; } .boxcontent p { color: #fff; margin: 0; } .tl { top: 0; left: 0; background-position: 0 0; } .tr { top: 0; right: 0; background-position: -11px 0; } .bl { bottom: 0; left: 0; background-position: 0 -11px; } .br { bottom: 0; right: 0; background-position: -11px -11px; } /* blank - not selected */ .boxblank .box { background: #fff; } .boxblank .corner { position: absolute; width: 11px; height: 11px; background: none; font-size: 0%; } .boxblank .boxcontent { padding: 11px; } .boxblank .boxcontent p { color: #fff; margin: 0; } /* ------------ Home ------------ */ #home #content { margin: 0 0 30px 0; } /* -- Slide Show Latest -- */ #slideshow-wrap { position: relative; height: 122px; } #hdr-slideshow { margin: 0; padding: 0; text-transform: uppercase; color: #a2978f; font-size: 13px; width: 70px; line-height: 1.15em; position: absolute; top: 40px; left: 20px; } #slideshow { width: 540px; height: 95px; position: absolute; top: 15px; left: 83px; } #slideshow #slidesContainer { margin: 0 auto; width: 506px; height: 95px; overflow: auto; /* allow scrollbar */ position: relative; background: #fff url(../images/slide-dividers.png) 0 0 no-repeat; } #slideshow #slidesContainer .slide { margin: 0 auto; width: 506px; /* reduce by 20 pixels of #slidesContainer to avoid horizontal scroll */ height: 95px; } #slideshow #slidesContainer .slide-wrap { padding: 0 29px; *background-color: #fff !important; /* IE 7 Hack - show the background icon */ *margin: 0 1px; /* IE 7 Hack - show the background icon and make end lines visible */ } #slideshow #slidesContainer .slide-wrap h4 { white-space:nowrap; } #slideshow #slidesContainer .slide-wrap.news { background: transparent url(../images/ico-news.png) 9px 3px no-repeat; } #slideshow #slidesContainer .slide-wrap.benchmark { background: transparent url(../images/ico-benchmark.png) 8px 4px no-repeat; } #slideshow #slidesContainer .slide-wrap.discuss { background: transparent url(../images/ico-discuss.png) 6px 4px no-repeat; } #slideshow #slidesContainer .slide-wrap.video { background: transparent url(../images/ico-video.png) 9px 4px no-repeat; } #slideshow #slidesContainer .slide-wrap.article { background: transparent url(../images/ico-article.png) 9px 4px no-repeat; } #slideshow #slidesContainer .slide-wrap.event { background: transparent url(../images/ico-event.png) 9px 4px no-repeat; } #slideshow #slidesContainer .slide-wrap.opinion { background: transparent url(../images/ico-opinion.png) 10px 4px no-repeat; } #slideshow #slidesContainer .slide-wrap.other { background: transparent url(../images/ico-other.png) 9px 4px no-repeat; } #slideshow #slidesContainer .slide-wrap.presentation { background: transparent url(../images/ico-presentation.png) 9px 4px no-repeat; } #slideshow #slidesContainer .slide-wrap.review { background: transparent url(../images/ico-review.png) 8px 4px no-repeat; } #slideshow #slidesContainer .slide-wrap.whitepaper { background: transparent url(../images/ico-whitepaper.png) 9px 4px no-repeat; } #slideshow #slidesContainer .slide-wrap.youtube { background: transparent url(../images/ico-youtube.png) 9px 4px no-repeat; } /* Slideshow controls */ .control { display: block; width: 17px; height: 91px; text-indent: -10000px; position: absolute; cursor: pointer; } #leftControl { top:0; left:0; background: transparent url(../images/slide-btn-l.png) no-repeat 0 0; } #rightControl { top: 0; right: 0; background: transparent url(../images/slide-btn-r.png) no-repeat 0 0; } #rightControl:hover, #leftControl:hover { background-position: 0 -91px; } #slideshow .slide h3 { margin: 0; padding: 2px 0 0 0; font-size: 12px; color: #4c3828; font-weight: normal; } #slideshow .slide h3 strong { color: #706053; } #slideshow .slide h4 { margin: -2px 0 0 0; padding: 0; font-size: 10px; color: #968a81; } #slideshow .slide h4 em { font-style: italic; } #slideshow .slide a { font-size: 11px; } #slideshow .slide p { margin: 0; padding: 4px 0 0 0; font-size: 11px; color: #706053; line-height: 1.2; } /* -- Alert Carousel -- */ #alert-box { width: 367px; height: 27px; background: transparent url(../images/bg-home-alerts.png) 0 0 no-repeat; position: absolute; top: 0; left: 234px; z-index: 20; } #alert-box h5 { width: 60px; margin: 1px 0 0 12px; padding: 0; color: #c46b36; font-size: 14px; font-weight: bold; letter-spacing: -.025em; } #alert-box h5 span { font-weight: normal; font-size: 10px; } #alert-position { position: absolute; top: 5px; left: 103px; width: 240px; height: 18px; overflow: hidden !important; } #alert-box a.prev { display: block; text-indent: -5000px; width: 17px; height: 27px; position: absolute; top: 0; left: 78px; background: url(../images/btn-alert-previous.gif) 3px 7px no-repeat; } #alert-box a.next { display: block; text-indent: -5000px; width: 17px; height: 27px; position: absolute; top: 0; right: 0; background: url(../images/btn-alert-next.gif) 6px 7px no-repeat; } #alert-box a:hover.prev { background-position: 3px -28px; } #alert-box a:hover.next { background-position: 6px -28px; } .alert li { width: 240px; } .alert li a { text-decoration: none; } .alert li a:hover { text-decoration: underline; } /* -- Center Content Modules -- */ #columns { background: #4c3828 url(../images/bg-home-top.gif) 0 0 repeat-x; } #columns-wrap { background: #4c3828 url(../images/bg-home-btm.png) bottom left no-repeat; padding: 0 10px 50px 10px; } #columns table { width: 100%; } #columns table td { padding: 0 10px; width: 33.3%; } #columns h2 { margin: 25px 0 10px 0; padding: 0; height: 17px; text-indent: -4000px; } #columns h2#modhdr-newtothecloud { background: transparent url(../images/modhdr-newtothecloud.png) 0 0 no-repeat; width: 195px; } #columns h2#modhdr-publicclouds { background: transparent url(../images/modhdr-publicclouds.png) 0 0 no-repeat; width: 148px; } #columns h2#modhdr-cloudstatus { background: transparent url(../images/modhdr-cloudstatus.png) 0 0 no-repeat; width: 138px; } #columns h2#modhdr-cloudbenchmarks { background: transparent url(../images/modhdr-cloudbenchmarks.png) 0 0 no-repeat; width: 270px; } #columns h2#modhdr-cloudmatchmaker { background: transparent url(../images/modhdr-cloudmatchmaker.png) 0 0 no-repeat; width: 243px; } #columns h2#modhdr-researchnewsanddiscuss { background: transparent url(../images/modhdr-researchnewsanddiscuss.png) 0 0 no-repeat; width: 258px; } #columns h2#modhdr-reports { background: transparent url(../images/modhdr-reports.png) 0 0 no-repeat; width: 258px; } /* -- box modules -- */ .boxmod { position:relative; margin:0px auto; min-width:8em; max-width:760px; /* based on image dimensions - not quite consistent with drip styles yet */ z-index:1; margin-left:12px; /* default, width of left corner */ margin-bottom:; /* spacing under dialog */ } .boxmod p { color: #201811; font-size: 14px; line-height: 1.4em; } .boxmod .content, .boxmod .t, .boxmod .b, .boxmod .b div { background:transparent url(../images/boxmod.png) no-repeat top right; _background-image:url(../images/boxmod.gif); } .boxmod .content { position:relative; zoom:1; _overflow-y:hidden; padding:0px 12px 0px 0px; } .boxmod .t { /* top+left vertical slice */ position:absolute; left:0px; top:0px; width:12px; /* top slice width */ margin-left:-12px; height:100%; _height:1600px; /* arbitrary long height, IE 6 */ background-position:top left; } .boxmod .b { /* bottom */ position:relative; width:100%; } .boxmod .b, .boxmod .b div { height:5px; /* height of bottom cap/shade */ font-size:1px; } .boxmod .b { background-position:bottom right; } .boxmod .b div { position:relative; width:12px; /* bottom corner width */ margin-left:-12px; background-position:bottom left; } .boxmod .hd, .boxmod .bd, .boxmod .ft { position:relative; } .boxmod .wrapper { /* extra content protector - preventing vertical overflow (past background) */ position:static; max-height:1000px; overflow:auto; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */ } .boxmod h1, .boxmod p { margin:0px; /* margins will blow out backgrounds, leaving whitespace. */ padding:0.5em 0px 0.5em 0px; } .boxmod h1 { padding-bottom:0px; } /* - box module buttons - */ a.boxmod-btn { background: transparent url(../images/modbox-btn-r.gif) no-repeat scroll top right; color: #f8ebda; display: block; float: left; font-size: 15px; height: 30px; margin-right: 6px; padding-right: 33px; /* sliding doors padding */ text-decoration: none; white-space: nowrap; } a.boxmod-btn.circle { background: transparent url(../images/modbox-btn-circ-r.gif) no-repeat scroll top right; } a.boxmod-btn span { background: transparent url(../images/modbox-btn-l.gif) no-repeat; display: block; line-height: 15px; padding: 7px 0 8px 15px; } a.boxmod-btn:hover, a.boxmod-btn.circle:hover { background-position: bottom right; color: #fff; outline: none; /* hide dotted outline in Firefox */ } a.boxmod-btn:hover span { background-position: bottom left; padding: 7px 0 8px 15px; /* push text down 1px */ } /* - Sign Up Email List - */ #emailist { text-transform: uppercase; float: right; width: 190px; margin: 30px 15px 0 0; } #emailist li.elist-link { background: transparent url(../images/ico-email.png) 0 50% no-repeat; font-size: 12px; margin-bottom: 5px; letter-spacing: -.05em; } @media screen and (-webkit-min-device-pixel-ratio:0){ #emailist li.elist-link {letter-spacing: -.1em;} } #emailist a { text-decoration: none; padding-left: 20px; } #emailist a:hover { text-decoration: underline; } #emailist .info { text-transform: none; } /* ------------ Public Clouds ------------ */ #content.pclouds { position: relative; } #subnav-filter { background: transparent url(../images/bg-subnav.gif) bottom left repeat-x; padding-bottom: 11px; *padding-bottom: 0; /* IE 7 Hack */ position: relative; } #subnav-filter h3 { background-color: #85776c; color: #fff; font-size: 14px; font-weight: normal; width: 420px; padding: 2px 0 4px 20px; margin: 10px 0 0 0; position: relative; } #subnav-filter h3 a { background: transparent url(../images/btn-tog-r.png) no-repeat scroll top right; color: #444; display: block; float: left; font-size: 12px; height: 19px; margin-right: 8px; margin-top: 1px; padding-right: 9px; /* sliding doors padding */ text-decoration: none; } #subnav-filter h3 a span { background: transparent url(../images/btn-tog-l.png) no-repeat; display: block; line-height: 12px; padding: 3px 0 4px 9px; } #subnav-filter h3 a.sel { background-position: bottom right; color: #000; outline: none; /* hide dotted outline in Firefox */ } #subnav-filter h3 a.sel span { background-position: bottom left; padding: 4px 0 3px 9px; /* push text down 1px */ } #subnav-filter h3 a:hover { color: #0082a8; } #subnav-filter h3 a.sel:hover { color: #000; } #subnav-filter h3 #toggles { display: block; width: 90px; position: absolute; top: 3px; left: 215px; } #subnav-filter h3 #services-txt { padding-left: 95px; } /* Services toggle buttons */ #tog-services { margin-left: -20px; *margin-left: 20px; /* IE7 hack */ } #tog-services li { display: inline; } #tog-services a, .tog-btns a { background: transparent url(../images/btn-togsrv-r.png) no-repeat scroll top right; color: #665b53; display: block; float: left; font-size: 12px; height: 22px; margin-right: 9px; margin-bottom: 6px; padding-right: 9px; /* sliding doors padding */ text-decoration: none; } #tog-services a span.outer, .tog-btns a span.outer { background: transparent url(../images/btn-togsrv-l.png) no-repeat; display: block; } #tog-services a span.inner, .tog-btns a span.inner { display: block; line-height: 12px; padding: 4px 0 6px 26px; } #tog-services a span.ico-servers, .tog-btns a span.ico-servers { background: transparent url(../images/ico-pct-servers.png) 6px -36px no-repeat; } #tog-services a span.ico-serverslin { background: transparent url(../images/ico-pct-serverslin.png) 6px -36px no-repeat; } #tog-services a span.ico-serverswin { background: transparent url(../images/ico-pct-serverswin.png) 6px -36px no-repeat; } #tog-services a span.ico-storage, .tog-btns a span.ico-storage { background: transparent url(../images/ico-pct-storage.png) 6px -36px no-repeat; } #tog-services a span.ico-contentdelivery, .tog-btns a span.ico-contentdelivery { background: transparent url(../images/ico-pct-contentdelivery.png) 6px -36px no-repeat; } #tog-services a span.ico-databases { background: transparent url(../images/ico-pct-databases.png) 6px -36px no-repeat; } #tog-services a span.ico-messagingqueues { background: transparent url(../images/ico-pct-messagingqueues.png) 6px -36px no-repeat; } #tog-services a span.ico-platforms, .tog-btns a span.ico-platforms { background: transparent url(../images/ico-pct-platforms.png) 6px -36px no-repeat; } #tog-services a.sel { background-position: bottom right; color: #000; outline: none; /* hide dotted outline in Firefox */ } #tog-services a.sel span, .tog-btns a.sel span { background-position: bottom left; padding: 4px 0 3px 9px; /* push text down 1px */ } #tog-services a:hover, .tog-btns a:hover { background-position: 100% -22px ; } #tog-services a:hover span.outer, .tog-btns a:hover span.outer { background-position: 0 -22px ; } #tog-services a:hover, .tog-btns a:hover { color: #0082a8; } #tog-services a:hover.seltog, .tog-btns a:hover.seltog { color: #fff; } #tog-services a.seltog, .tog-btns a.seltog { background-position: 100% -44px ; color: #fff; } #tog-services a.seltog span.outer, .tog-btns a.seltog span.outer { background-position: 0 -44px ; } #tog-services a:hover span.inner, .tog-btns a:hover span.inner, #tog-services a.seltog span.inner, .tog-btns a.seltog span.inner { background-position: 6px 2px; } #tog-services a.seltog span.inner, .tog-btns a.seltog span.inner { padding: 5px 0 5px 26px; } /* toggle buttons */ .tog-btns { margin-left: -40px; } .tog-btns li { display: block; } /* public cloud help links */ #help-links { position: absolute; top: 5px; *top: 15px; /* IE7 hack */ left: 462px; } #help-links a { padding-right: 25px; } .pclouds a.btn-webservices.top { position: absolute; top: 15px; right: 330px; } /* public cloud module */ #modules { margin-left: -25px; } .module { width: 380px; margin: 20px 0 0 25px; float: left; background: transparent url(../images/box-pub-top.png) 0 0 no-repeat; } .module-hd { position: relative; height: 50px; } .module-bd { position: relative; background: transparent url(../images/box-pub-mid.png) 0 0 repeat-y; padding: 0 11px; height: 230px; /* controls the height of the module */ } .module-ft { position: relative; height: 35px; background: transparent url(../images/box-pub-btm.png) 0 0 no-repeat; } .module:hover, .module:hover .module-bd, .module.modcompare .module-bd, .module:hover .module-ft, .module.modcompare .module-ft { background-position: -400px 0; } .module.modcompare { background-position: -800px 0; } .module.modcompare .compare label { color: #fff; font-weight: bold; } .module h2 { margin: 0 0 0 35px; padding: 0; width: 255px; height: 35px; color: #fff; font-size: 16px; letter-spacing: -.005em; line-height: 35px; } .module .compare { position: absolute; top: 9px; left: 296px; width: 90px; height: 25px; } .module .compare input { vertical-align: top; } .module .compare label { letter-spacing: -.02em; padding: 0 0 0 1px; font-weight: normal; } .module-bd p { margin-right: 60px; } .module-bd a { white-space: nowrap; } .module .ratings, .ratings { font-size: 12px; color: #85776c; line-height: 14px; padding-top: 2px; } .module .ratings span, .ratings span { display: block; float: left; width: 83px; height: 14px; background: transparent url(../images/rating-stars.png) 0 0 no-repeat; text-indent: -50000px; margin: 0 6px 0 4px; } .module .ratings .stars0, .ratings .stars0 { background-position: 0 0; } .module .ratings .stars1, .ratings .stars1 { background-position: 0 -14px; } .module .ratings .stars2, .ratings .stars2 { background-position: 0 -28px; } .module .ratings .stars3, .ratings .stars3 { background-position: 0 -42px; } .module .ratings .stars4, .ratings .stars4 { background-position: 0 -56px; } .module .ratings .stars5, .ratings .stars5 { background-position: 0 -70px; } .module .ratings em, .ratings em { color: #c2bbb5; font-style: normal; } .module .ratings a, a.btn-rate { display: inline-block; width: 16px; height: 16px; text-indent: -50000px; background: transparent url(../images/btn-addrating.png) 0 0 no-repeat; margin-left: 4px; } .module .ratings a:hover, a:hover.btn-rate { background-position: 0 -16px; } #ratingadd .input { width: 475px; } #ratingadd textarea.input { height: 10em; margin-bottom: 0; } .module .services ul { position: absolute; top: 30px; right: 3px; margin: 0; padding: 0; width: 60px; } .module .services li { border: 3px solid #e9e7e5; text-indent: -50000px; width: 18px; height: 18px; margin: 3px 3px 0 0; float: left; } .module .services li:hover { background-position: 0 0px; border-color: #89b232; } .module .services .s-serverslin { background: transparent url(../images/ico-pct-serverslin.png) 0 -38px no-repeat; } .module .services .s-serverswin { background: transparent url(../images/ico-pct-serverswin.png) 0 -38px no-repeat; } .module .services .s-storage { background: transparent url(../images/ico-pct-storage.png) 0 -38px no-repeat; } .module .services .s-contentdelivery { background: transparent url(../images/ico-pct-contentdelivery.png) 0 -38px no-repeat; } .module .services .s-databases { background: transparent url(../images/ico-pct-databases.png) 0 -38px no-repeat; } .module .services .s-messagingqueues { background: transparent url(../images/ico-pct-messagingqueues.png) 0 -38px no-repeat; } .module .services .s-platforms { background: transparent url(../images/ico-pct-platforms.png) 0 -38px no-repeat; } .module ul.resources { margin: 14px 0 0 0; padding: 10px 0 0 0; border-top: 1px solid #e0ddda; } .module ul.resources li { display: inline; padding-right: 18px; } .module ul.resources li a { padding-left: 18px; } .module li.res-status { background: transparent url(../images/ico-pc-status.png) 0 50% no-repeat; } .module li.res-benchmarks { background: transparent url(../images/ico-pc-benchmarks.png) 0 1px no-repeat; } .module li.res-resdiscuss { background: transparent url(../images/ico-pc-researchdiscuss.png) 0 2px no-repeat; } #recommend { color: #665b53; margin: 0; padding: 0; } #recommend li { margin-bottom: 10px; } #recommend a { display: block; width: 275px; height: 28px; background: transparent url(../images/btn-recommendanotherpubliccloud.png) 0 0 no-repeat; text-indent: -50000px; } #recommend a:hover { background-position: 0 -28px; } #recommendcloud input.input { width: 345px; } ul.list, ol.listnum { list-style: disc; padding-left: 25px; *padding-left: 0; /* IE7 Hack */ } ul.list li, ol.listnum li { margin: .5em 0; } ol.listnum { list-style: decimal; } p.btn-compare { padding: 15px 30px 0; margin: 5px 0 0; } p.btn-compare input { float: right; background: transparent url(../images/btn-compareselectedcloudprofiles.png) 0 0 no-repeat; text-indent: -50000px; width: 263px; height: 28px; border: 0; cursor: pointer; } p.btn-compare input:hover { background-position: 0 -28px; } /* reseach & discuss popoup */ #res-research ul.rd-items { padding: 0; *margin: 0;/* IE7 hack */ } #res-research ul.rd-items li { padding-left: 24px; padding-bottom: 20px; } body #res-research ul.rd-items li h3 { font-size: 15px; border-bottom-style: dashed; } body #res-research li h4 { font-size: 11px; color: #999; margin: -.5em 0 -1em 0; } #res-research li p.snippet { margin-bottom: .2em; } #res-research .news { background: transparent url(../images/ico-news.png) 3px 2px no-repeat; } #res-research .benchmark { background: transparent url(../images/ico-benchmark.png) 1px 4px no-repeat; } #res-research .discuss { background: transparent url(../images/ico-discuss.png) 0 3px no-repeat; } #res-research .video { background: transparent url(../images/ico-video.png) 3px 4px no-repeat; } #res-research .article { background: transparent url(../images/ico-article.png) 3px 3px no-repeat; } #res-research .event { background: transparent url(../images/ico-event.png) 2px 3px no-repeat; } #res-research .opinion { background: transparent url(../images/ico-opinion.png) 2px 3px no-repeat; } #res-research .other { background: transparent url(../images/ico-other.png) 2px 4px no-repeat; } #res-research .presentation { background: transparent url(../images/ico-presentation.png) 2px 4px no-repeat; } #res-research .review { background: transparent url(../images/ico-review.png) 1px 3px no-repeat; } #res-research .whitepaper { background: transparent url(../images/ico-whitepaper.png) 3px 3px no-repeat; } #res-research .youtube { background: transparent url(../images/ico-youtube.png) 1px 3px no-repeat; } .nav-links { border-top: 1px dashed #e5e5e5; margin: -1em 0 -.5em 0; padding-top: 10px; } .nav-links a { display: inline-block; border: 1px solid #e9e7e5; padding: 1px 10px 2px 10px; margin-right: 8px; text-decoration: none; color: #09aede; } .nav-links a:hover { border: 1px solid #09aede; color: #fff; background-color: #52c6e8; } .nav-links span { font-size: 125%; } /* ------------ Public Clouds Profile/Compare ------------ */ .pclouds-profile h2 { font-size: 22px; margin: 15px 235px 10px 0; padding: 0 0 0 32px; color: #513e2e; background: transparent url(../images/hdr-cloudprofile.png) 1px 4px no-repeat; } .pclouds-profile.pccompare h2 { background: transparent url(../images/hdr-cloudcompare.png) 1px 4px no-repeat; padding-left: 48px; } .pclouds-profile h2 span { color: #7c6a5c; } .pclouds-profile h3 { font-size: 18px; font-weight: normal; color: #513e2e; margin: 0 0 5px; padding: 0; } .pclouds-profile h3.hdr-gen { border-bottom: 1px solid #e5e5e5; } .pclouds-profile table td ul { margin: 0; padding: 0; } .pclouds-profile a.btn-back.top { position: absolute; top: 120px; right: 15px; } .pclouds-profile #btnbtm-cont { padding-top: 15px; padding-bottom: 10px; float: right; } a.btn-webservices.top { position: absolute; top: 120px; right: 150px; } a.btn-webservices-sm.top { margin-top: 1px; margin-right: 2px; float: right; } .pclouds-profile table tr.userate td, .pclouds-profile table tr.userate th { padding-top: 5px; } /* Styles for Tabs */ .tabs { background: #513e2e; padding: 10px 20px 20px; *padding-top: 0; /* ie7 hack */ border: 1px solid #3e2d1f; } .tabs ul.tabnav { padding-left: 0; *margin-left: 0; /* ie7 hack */ } .tabs ul.tabnav li { list-style: none; float: left; } .tabs ul.tabnav a { display: block; padding: 6px 10px; text-decoration: none!important; margin: 1px; margin-left: 0; font-size: 14px; color: #FFF; background: #85776C; } .tabs ul.tabnav a:hover { color: #FFF; background: #4b3626; } .tabs ul.tabnav a.selected { margin-bottom: 0; color: #000; background: snow; border-bottom: 1px solid snow; cursor: default; } .tabs div.tcont { padding: 10px 10px 20px 10px; *padding-top: 5px; /* ie7 hack */ *margin-top: -19px; /* ie7 hack */ clear: left; background: snow; position: relative; } .tabs table { width: 100%; } .tabs table th { width: 170px; } .tabs table th, .tabs table td { padding: 3px 2px; border-top: 1px solid #e9e9e9; } /* Research and Discuss Icons Small */ .article { background: transparent url(../images/ico-sm-article.png) 3px 2px no-repeat; } .discuss { background: transparent url(../images/ico-pc-researchdiscuss.png) 0 3px no-repeat; } .review { background: transparent url(../images/ico-sm-review.png) 1px 2px no-repeat; } .news { background: transparent url(../images/ico-sm-news.png) 3px 1px no-repeat; } /* .benchmark { background: transparent url(../images/ico-benchmark.png) 1px 4px no-repeat; } .event { background: transparent url(../images/ico-event.png) 2px 3px no-repeat; } .opinion { background: transparent url(../images/ico-opinion.png) 2px 3px no-repeat; } .other { background: transparent url(../images/ico-other.png) 2px 4px no-repeat; } .presentation { background: transparent url(../images/ico-presentation.png) 2px 4px no-repeat; } .whitepaper { background: transparent url(../images/ico-whitepaper.png) 3px 3px no-repeat; } .video { background: transparent url(../images/ico-video.png) 3px 4px no-repeat; } .youtube { background: transparent url(../images/ico-youtube.png) 1px 3px no-repeat; } */ ul.rd li { padding-left: 21px; } /* Links */ .link-bench { background: transparent url(../images/ico-pc-benchmarks.png) 10px 1px no-repeat; padding-left: 28px; padding-right: 10px; } .link-detail { background: transparent url(../images/ico-detail.png) 10px 2px no-repeat; padding-left: 28px; padding-right: 10px; } .link-versions { background: transparent url(../images/ico-version.png) 11px 2px no-repeat; padding-left: 28px; padding-right: 10px; } .link-note { background: transparent url(../images/ico-note.png) 11px 50% no-repeat; padding-left: 28px; padding-right: 10px; } .link-resdisc { background: transparent url(../images/ico-pc-researchdiscuss.png) 10px 2px no-repeat; padding-left: 28px; padding-right: 10px; } .link-view { background: transparent url(../images/ico-bul-blue.png) 12px 0 no-repeat; padding-left: 28px; padding-right: 10px; } /* Links (img) Legend */ ul.llegend { margin: 0; padding: 0; position: absolute; top: 13px; right: 15px; } ul.llegend li { display: inline; margin: 0; padding: 0 0 0 8px; color: #7c6d61; font-size: 12px; } ul.llegend li.lhdr { border-right: 1px solid #c3bcb7; padding: 0 6px 0 0; margin-right: 2px; } ul.llegend img { vertical-align: text-top; padding-right: 2px; } /* Links (img) Compare */ .pclouds-profile.pccompare .tcont a img { vertical-align: text-bottom; padding-left: 4px; } /* Table Compare */ .pclouds-profile.pccompare .tcont { overflow: auto; overflow-y: hidden; } .pclouds-profile.pccompare table thead th { color: #fff; background-color: #c27612; border-right: 1px solid #daad71; } .pclouds-profile.pccompare table thead th, .pclouds-profile.pccompare table td { padding-left: 8px; padding-right: 6px; } .pclouds-profile.pccompare table th, .pclouds-profile.pccompare table td { border-right: 1px solid #eee; } .pclouds-profile.pccompare table thead th.lastcol, .pclouds-profile.pccompare table td.lastcol { border-right: none; } .pclouds-profile.pccompare table th.co { font-size: 15px; } .pclouds-profile.pccompare table tr:hover { background-color: #fdf0d0; } /* ------------ Cloud Reports ------------ */ #content.cloudreports { position: relative; padding-top: 40px; } /* cloud reports module */ #content.cloudreports .module { width: 380px; margin: 20px 0 0 25px; float: left; background: transparent url(../images/box-rep-top.png) 0 0 no-repeat; } #content.cloudreports .module-bd { height: 180px; /* controls the height of the module */ } #content.cloudreports .module:hover, #content.cloudreports .module:hover .module-bd, .module.modcompare .module-bd, #content.cloudreports .module:hover .module-ft, .module.modcompare .module-ft { background-position: -400px 0; } div.orderbtncont { border-top: 1px solid #e0ddda; position: relative; } #content.cloudreports .module-bd p { margin-right: auto; } .para1st { margin-top: 0; } #popup #pop-content.orderreport h1 { font-size: 21px; margin-top: 15px; padding-left: 22px; background: transparent url(../images/ico-reports.png) 0 50% no-repeat; } #popup #pop-content.orderreport h2 { border: none; color: #5e8900; font-size: 18px; font-weight: normal; padding-left: 30px; margin-bottom: .5em; } #popup #pop-content.orderreport h2 strong.num, #step3 strong { display: none; } #popup h2#step1 { background: transparent url(../images/num-1.png) 0 50% no-repeat; } #popup h2#step2 { background: transparent url(../images/num-2.png) 0 50% no-repeat; } #popup h2#step3 { background: transparent url(../images/num-3.png) 0 50% no-repeat; } #popup h2#banner-order { text-indent: -5000px; border: none; width: 70px; height: 70px; background: transparent url(../images/label-order.png) 0 0 no-repeat; position: absolute; top: -23px; right: -20px; } #popup #pop-content.orderreport .tbl-summary td { border-right: 1px solid #999; text-align: center !important; } #popup #pop-content.orderreport .tbl-summary td.coname { border-right: 1px solid #999; text-align: left !important; } #popup #pop-content.orderreport .tbl-summary th em { font-weight: normal; } ul.region { border-bottom: 1px solid #e5e5e5; margin-bottom: 0; margin-top: 0; padding-bottom: 1em; padding-top: .25em; } ul.region li { padding-top: 6px; } ul.region label { font-size: 15px; } ul.region ul label { font-size: 13px; color: #333; } ul.region ul ul label { font-size: 13px; color: #333; font-weight: normal; } ul.region ul ul li { padding-top: 4px; } #subterms li { padding: 3px 4px 4px 4px; margin-bottom: .5em; } #subterms li#subscriberep { background-color: #f3fcdb; border: 1px solid #dfead1; } #subterms label { color: #333; } #ordertotal { border-top: 1px solid #e5e5e5; color: #5e8900; font-size: 18px; padding-top: 18px; padding-bottom: 6px; padding-left: 10px; margin-top: 1.5em; } #ordertotal span { padding-left: 22px; background: transparent url(../images/ico-cart.png) 0 50% no-repeat; } #ordertotal strong { font-size: 22px; padding-left: 10px; color: #527700; } #btns-order { border-top: 1px solid #e5e5e5; padding-left: 0; padding-top: 16px; margin-bottom: 0; } #btns-order li { float: left; padding-right: 10px; } #btns-order #ordercancel { float: right; margin-top: 3px; padding-right: 6px; } /* Footer ----------------------------------------------- */ #footer-wrap, #footer-content { height: 200px; } #footer-wrap { background: transparent url(../images/bg-footer-right.png) top left repeat-x; background-position: 199px 0; } #footer-content { background: transparent url(../images/bg-footer-left.png) top left no-repeat; } #footer ul, #footer li { margin: 0; padding: 0; list-style-type: none; } #footer ul#ft-nav { padding-top: 70px; list-style-type: none; width: 100%; text-align: center; } #footer ul#ft-nav li { display: inline; padding: 0 10px; font-size: 14px; } #footer ul#ft-nav li a { color: #fff; text-decoration: none; border-bottom: 1px dashed #92ddf3; } #footer ul#ft-nav li a:hover { border-bottom: 1px dashed #fff; *text-decoration: underline; /* IE 7 Hack - dashed doesn't show */ } #footer ul#ft-policy { /*padding-top: 10px;*/ padding-top: 70px; list-style-type: none; width: 100%; text-align: center; *margin-top: -70px; /* IE 7 Hack - so policy links are visible */ } #footer ul#ft-policy li { display: inline; padding: 0 10px; color: #fff; font-size: 11px; } #footer ul#ft-policy li a { color: #fff; } #footer ul#ft-policy li a:hover { text-decoration: none; } #footer #ft-btnlinks #blog a { text-indent: -5000px; position: absolute; top: 52px; left: 46px; width: 108px; height: 53px; background: transparent url(../images/btn-footer-blog.png) top left no-repeat; } #footer #ft-btnlinks #blog a:hover { background-position: 0 -53px; } #footer #ft-btnlinks #twitter a { text-indent: -5000px; position: absolute; top: 55px; right: 12px; width: 153px; height: 50px; background: transparent url(../images/btn-footer-twitter.png) top left no-repeat; } #footer #ft-btnlinks #twitter a:hover { background-position: 0 -50px; } #footer #ft-btnlinks #google a { text-indent: -5000px; position: absolute; bottom: 7px; left: 33%; width: 140px; height: 49px; background: transparent url(../images/pb-footer-google.png) top left no-repeat; } #footer #ft-btnlinks #google a:hover { background-position: 0 -49px; } #footer #ft-btnlinks #force a { text-indent: -5000px; position: absolute; bottom: 7px; left: 33%; width: 140px; height: 49px; background: transparent url(../images/pb-footer-force.png) top left no-repeat; } #footer #ft-btnlinks #force a:hover { background-position: 0 -49px; } #footer #ft-btnlinks #amazon a { text-indent: -5000px; position: absolute; bottom: 7px; right: 33%; width: 140px; height: 49px; background: transparent url(../images/pb-footer-amazon.png) top left no-repeat; } #footer #ft-btnlinks #amazon a:hover { background-position: 0 -49px; } /* Popup Windows ----------------------------------------------- */ #pop-container { background: #fff url(../images/pop-header-bg.png) 0 0 repeat-x; } #pop-header { background: transparent url(../images/pop-logo.png) 0 0 no-repeat; } #logo-popup { width: 263px; height: 82px; } #logo-popup img { display: none; } #pop-content { margin: 5px 20px; } #pop-content .tbl-frm th, #pop-content .tbl-frm td { text-align: left; } #popup h1 { text-indent: 0; color: #5e4c3d; height: auto; font-size: 19px; font-weight: normal; margin: 0 0 1em 0; } #popup h1 span { color: #5e4c3d; font-size: 14px; display: inline-block; padding-left: 30px; } #popup h2 { color: #fff; background: #22bbe8 url(../images/h1-popup-bg.png) 0 0 no-repeat; font-size: 15px; font-weight: bold; padding: 2px 10px 2px 10px; line-height: 1.2em; border: 1px solid #1facd5; margin: 1.5em 0 1em; } .testspeed h1 { background: transparent url(../images/ico-timer.png) 0 50% no-repeat; padding-left: 28px; } .pop-main { padding: 0 10px; } .testspeed .pop-main select { margin: 0 6px 3px 0; } .testspeed .pop-main label { font-size: 15px; } .testspeed .pop-main .info { padding-left: 26px; margin-top: 0; font-size: 12px; } .testspeed .pop-main.cdnservices .info { width: 270px; float: left; } .testspeed .pop-main label span { padding-left: 20px; } .lbl-cdn { background: transparent url(../images/ico-cdn.png) 0 50% no-repeat; } .lbl-servers { background: transparent url(../images/ico-servers.png) 3px 50% no-repeat; } .lbl-storage { background: transparent url(../images/ico-storage.png) 3px 50% no-repeat; } .lbl-platforms { background: transparent url(../images/ico-platforms.png) 0 50% no-repeat; } .lbl-site { background: transparent url(../images/ico-site.png) 0 0 no-repeat; } .lbl-upload { background: transparent url(../images/ico-arrowup.png) 0 0 no-repeat; } .lbl-download { background: transparent url(../images/ico-arrowdwn.png) 0 0 no-repeat; } .lbl-fg-uscanada { background: transparent url(../images/ico-flag-uscanada.png) 0 -1px no-repeat; } .lbl-fg-eu { background: transparent url(../images/ico-flag-eu.png) 0 50% no-repeat; } .lbl-fg-asia { background: transparent url(../images/ico-flag-asia.png) 0 50% no-repeat; } .lbl-netlatency { background: transparent url(../images/ico-timerfill.png) 0 0 no-repeat; } .testspeed .pop-main.regions label { width: 150px; display: inline-block; } #sec-results h3 { font-size: 16px; padding-left: 20px; margin: 1em 0 0; } #pop-footer { text-align: center; padding: 40px 20px 0 20px; } #pop-footer p { color: #c3bcb7; font-size: 11px; } .ico-get { padding-left: 20px; background: transparent url(../images/ico-get.png) 0 50% no-repeat; } #confirm-code { display: block; width: 100px; margin: 5px 0 25px; padding: 5px 0; border: 1px solid #000; background: #444 url(../images/confirm-code-bg.png) 0 0 repeat-x; letter-spacing: .05em; text-align: center; font-size: 18px; font-weight: normal; color: #fff; } #progbox { background-color: #e6f7fc; padding: 15px 15px 5px 15px; border: 1px solid #cde9f1; margin-bottom: 1.5em; } #progbox label { display: block; } #progressbar { margin: 10px 0; width: 230px; float:left; } .btns-pop { margin-top: 20px; padding: 0; border-top: 2px solid #e6f7fc; padding-top: 10px; } .btns-pop li { float: left; padding-left: 10px; } #progbox .btns-pop { margin: 0; padding: 12px 0 0 0; border-top: none; } /* Summary Table with sortable styles */ .tbl-summary { background-color: #fff; border: 1px solid #999; } .tbl-summary caption { text-align: left; padding-bottom: 5px; font-size: 11px; color: #999; } .tbl-summary th, .tbl-summary td { padding: 4px 10px !important; text-align: left !important; } .tbl-summary th { background: #f4f3f2 url(../images/sort-highlight.gif) 0 0 repeat-x;; color: #5f4937; border-right: 1px solid #999; vertical-align: bottom; line-height: 1.2em; } .tbl-summary td { border-top: 1px solid #999; } .tbl-summary thead th { cursor: default; } .tbl-summary thead th:hover { background-color: #eae7e3; color: #4c3828; } .tbl-summary th.headerSortDown span, .tbl-summary th.headerSortUp span { padding-left: 20px; *display: inline-block; /* Hack for ie7*/ } .tbl-summary th.headerSortDown, .tbl-summary th.headerSortUp { background-color: #eae7e3; color: #4c3828; } .tbl-summary th.headerSortDown span { background: transparent url(../images/sortdown.png) 4px 5px no-repeat; } .tbl-summary th.headerSortUp span { background: transparent url(../images/sortup.png) 4px 5px no-repeat; } /* Forms ----------------------------------------------- */ label { color: #a26500; font-weight: bold; padding-right: 8px; } label.norm { font-weight: normal; color: #333; } select { margin: 3px 12px 10px 0; border: 1px solid #7c6d61; background-color: #fafaf7; } .input { margin: 3px 12px 10px 0; padding: 3px 4px 3px 4px; border: 1px solid #7c6d61; background-color: #fafaf7; width: 16em; } .input.sm { width: 6em; } .input.med { width: 11em; } .input.lrg { width: 21em; } .input.xlrg { width: 28em; } table th { text-align: left; } .tbl-frm td, .tbl-frm th { padding: 2px; } /* .ls Label to left side of inputs (not stacked on top - default margin for inputs and selects) */ .ls .input,.ls select { margin-bottom: 3px; } /* ---- Buttons ---- */ div.btn-cont { padding: 17px 0 0 0; } a.btn, input.btn { height: 28px; display: block; text-indent: -5000px; } a:hover.btn, input:hover.btn { background-position: 0 -28px; } ul.btns-pop { margin-left: -5px; } /* - Btns - */ a.btn-subscribe, input.btn-subscribe { width: 129px; background: transparent url(../images/btn-subsribe.png) 0 0 no-repeat; } a.btn-update, input.btn-update { width: 129px; background: transparent url(../images/btn-update.png) 0 0 no-repeat; } a.btn-managelist, input.btn-managelist { width: 129px; background: transparent url(../images/btn-managelist.png) 0 0 no-repeat; } a.btn-starttest, input.btn-starttest { width: 129px; background: transparent url(../images/btn-starttest.png) 0 0 no-repeat; } a.btn-stoptest, input.btn-stoptest { width: 129px; background: transparent url(../images/btn-stoptest.png) 0 0 no-repeat; } a.btn-submit, input.btn-submit { width: 129px; background: transparent url(../images/btn-submit.png) 0 0 no-repeat; } a.btn-save, input.btn-save { width: 129px; background: transparent url(../images/btn-save.png) 0 0 no-repeat; } a.btn-cancel, input.btn-cancel { width: 109px; background: transparent url(../images/btn-cancel.png) 0 0 no-repeat; } a.btn-close, input.btn-close { width: 109px; background: transparent url(../images/btn-close.png) 0 0 no-repeat; } a.btn-back, input.btn-back { width: 109px; background: transparent url(../images/btn-back.png) 0 0 no-repeat; } a.btn-webservices, input.btn-webservices { width: 90px; background: transparent url(../images/btn-webservices.png) 0 0 no-repeat; } /* Smaller Link Buttons - Public Clouds - Cloud Reports */ a.btn-viewprofile { background: transparent url(../images/btn-viewprofile.png) 0 0 no-repeat; position: absolute; top: 0; right: 10px; width: 125px; } a.btn-signupnow { background: transparent url(../images/btn-signupnow.png) 0 0 no-repeat; position: absolute; top: 7px; left: 8px; width: 131px; } a.btn-ordernow { background: transparent url(../images/btn-ordernow.png) 0 0 no-repeat; position: absolute; top: 10px; right: 0; width: 125px; } a.btn-viewsample { background: transparent url(../images/btn-viewsample.png) 0 0 no-repeat; position: absolute; top: 7px; left: 8px; width: 131px; } a.btnsm { display: block; height: 24px; text-indent: -50000px; } a:hover.btnsm { background-position: 0 -24px; } a.btn-webservices-sm { display: block; text-indent: -5000px; width: 23px; height: 20px; background: transparent url(../images/btn-webservices-sm.png) 0 0 no-repeat; } a:hover.btn-webservices-sm { background-position: 0 -20px; } /* Toggle Buttons */ .btn-ec, .btn-ecsub { display: inline-block; width: 14px; height: 14px; background: transparent url(../images/btn-expandcollapse.png) 0 0 no-repeat; text-indent: -5000px } .btn-ecsub { background: transparent url(../images/btn-expandcollapse-sm.png) 0 0 no-repeat; } .btntog { background-position: 0 -14px; } /* Misc ----------------------------------------------- */ a.help { display: inline-block; width: 16px; height: 16px; background: transparent url(../images/btn-help.png) 0 0 no-repeat; text-indent: -5000px } a:hover.help { background-position: 0 -16px; } .float-l { float: left; } .float-r { float: right; } .clear { clear: both; } .clear-l { clear: left; } .clear-r { clear: right; } .a-mid { vertical-align: middle; } .pad-l { padding-left: 40px !important; } .link-action { font-size: 10px; text-transform: uppercase; padding-left: 14px; } .link-action.l-edit {background: transparent url(../images/ico-link-edit.png) 0 1px no-repeat;} .link-action.l-save {background: transparent url(../images/ico-link-save.png) 0 1px no-repeat;} .link-action.l-cancel {background: transparent url(../images/ico-link-cancel.png) 0 1px no-repeat;} .link-action.l-results {background: transparent url(../images/ico-link-results.png) 0 1px no-repeat;} .info { color: #85776c; font-size: 11px; line-height: 1.3em; } .info.h1 { margin: -10px 0 15px 0; } ul.blist { margin-left: 10px; padding-left: 0; } ul.blist li { padding: .35em 0 .35em 18px; background: transparent url(../images/ico-bul-blue.png) 0 6px no-repeat; } .hide { display: none; } .show { display: block; } /* clearfix clears floats inside the element this class is set to */ .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 */ .printshow { display: none; } /* IE Browser Hacks ----------------------------------------------- */ .example-element { background: #00F; /* all browsers including Mac IE */ *background: #F00; /* IE 7 and below */ _background: #F60; /* IE 6 and below */ zoom: 1; /* IE many bugs fixed by triggering hasLayout */ }