/* ----------------------------------------------------------------- */
/* debug */

#grid {
	position: absolute;
	top: 0;
	left: 0;
	background-image: url(images/grid.png);
	background-position: center top;
	background-repeat: repeat-y;
	width: 100%;
	height: 1500px;
	opacity: 0.50;
	filter: alpha(opacity=50);
}

.debug {
	background: red;
}

/* ----------------------------------------------------------------- */
/* default styles */

html {
	background-color: #3e3e3e;
}

body {
	background-color: #3e3e3e;
	font: 12px/1.5 arial, sans-serif;
	color: #333;
	padding: 0;
	margin: 0;
}

a {
	color: #19c;
	text-decoration: none;
	outline: none;
	font-weight: bold;
}

a:hover {
	color: #000;
}

#body p a:hover, #body li a:hover {
	background-color: #3cf;
	color: #fff;
	text-shadow: none;
}

img {
	display: block;
}

input, textarea {
	padding: 1px;
}

select, input, textarea {
	border: 1px solid #a1a2a2;
}

.error {
	text-align: center;
}

/* ----------------------------------------------------------------- */
/* framework */

#everything {
	background-image: url(images/bg-main.gif);
	background-repeat: repeat-y;
	background-position: center top;
	color: #333;
	float: left;
	display: inline;
	width: 100%;
}

#masthead {
	background-image: url(images/bg-top.png);
	background-repeat: no-repeat;
	background-position: center top;
	height: 73px;
	overflow: hidden;
}

#body {
	background-image: url(images/bg-top.png);
	background-repeat: no-repeat;
	background-position: center -73px;
	padding: 4px 0;
	float: left;
	display: inline;
	width: 100%;
}

#settings {
	background-image: url(images/bg-settings.gif);
	background-position: center top;
	background-repeat: repeat-y;
	padding: 1px 0;
	display: none;
}

#footer {
	background-image: url(images/bg-bottom.gif);
	background-position: center bottom;
	background-repeat: no-repeat;
}

.area {
	text-align: center;
	float: left;
	display: inline;
	width: 100%;
}

.area .content {
	width: 1080px;
	margin: 0 auto;
	text-align: left;
	padding: 0 44px;
}

/* ----------------------------------------------------------------- */
/* grid system */

.container {
	clear: both;
	overflow: hidden;
	padding-left: 10px;
	zoom: 1;
}

.container .container, .bleed {
	padding-left: 0;
}

.space {
	margin-bottom: 20px;
}

.mediumspace {
	margin-bottom: 10px;
}

.smallspace {
	margin-bottom: 5px;
}

.type1,  .type2,  .type3,  .type4,  .type5,  .type6,  .type7,  .type8,  .type9,  .type10,  .type11,  .type12,
.type1m, .type2m, .type3m, .type4m, .type5m, .type6m, .type7m, .type8m, .type9m, .type10m, .type11m, .type12m,
.type95, .type25, .type15, .type65 {
	float: left;
	display: inline;
	margin: 0 20px 0 0;
	padding: 0;
	list-style-type: none;
}

.type1  { width:  70px; }
.type2  { width: 160px; }
.type3  { width: 250px; }
.type4  { width: 340px; }
.type5  { width: 430px; }
.type6  { width: 520px; }
.type7  { width: 610px; }
.type8  { width: 700px; }
.type9  { width: 790px; }
.type10 { width: 880px; }
.type11 { width: 970px; }
.type12 { width: 1060px; }

.type1m  { width:  90px; margin-right: 0; }
.type2m  { width: 180px; margin-right: 0; }
.type3m  { width: 270px; margin-right: 0; }
.type4m  { width: 360px; margin-right: 0; }
.type5m  { width: 450px; margin-right: 0; }
.type6m  { width: 540px; margin-right: 0; }
.type7m  { width: 630px; margin-right: 0; }
.type8m  { width: 720px; margin-right: 0; }
.type9m  { width: 810px; margin-right: 0; }
.type10m { width: 900px; margin-right: 0; }
.type11m { width: 990px; margin-right: 0; }
.type12m { width: 1080px; margin-right: 0; }

.gap1  { margin-right: 110px; }
.gap2  { margin-right: 200px; }
.gap3  { margin-right: 290px; }
.gap4  { margin-right: 380px; }
.gap5  { margin-right: 470px; }
.gap6  { margin-right: 560px; }
.gap7  { margin-right: 650px; }
.gap8  { margin-right: 740px; }
.gap9  { margin-right: 830px; }
.gap10 { margin-right: 920px; }
.gap11 { margin-right: 1010px; }

.gap1m  { margin-right: 90px; }
.gap2m  { margin-right: 180px; }
.gap3m  { margin-right: 270px; }
.gap4m  { margin-right: 360px; }
.gap5m  { margin-right: 450px; }
.gap6m  { margin-right: 540px; }
.gap7m  { margin-right: 630px; }
.gap8m  { margin-right: 720px; }
.gap9m  { margin-right: 810px; }
.gap10m { margin-right: 900px; }
.gap11m { margin-right: 990px; }

/* exceptions */
.type95  { width: 740px; }
.type25  { width: 180px; }
.type15  { width: 107px; }
.type65  { width: 493px; }

.last {
	margin-right: 0;
}

.text {
	padding: 0 0 0 10px;
}

.d4 {
	background-image: url(images/d4.gif);
	background-repeat: repeat-y;
}

.d7 {
	background-image: url(images/d4.gif);
	background-repeat: repeat-y;
	background-position: 240px 0;
}

.d10 {
	background-image: url(images/d4.gif);
	background-repeat: repeat-y;
	background-position: 588px 0;
}

.d57 {
	background-image: url(images/d4.gif);
	background-repeat: repeat-y;
	background-position: 80px 0;
}

.d5half {
	background-image: url(images/d4.gif);
	background-repeat: repeat-y;
	background-position: 115px 0;
}

.d6g15 {
	background-image: url(images/d4.gif);
	background-repeat: repeat-y;
	background-position: 220px 0;
}

select#ipselector {
	width: 286px;
}

/* ----------------------------------------------------------------- */
/* masthead */

#masthead ul, #footer ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#masthead {
	height: 73px;
}

#masthead h1 {
	margin: 0;
	padding: 0;
	width: 132px;
	height: 39px;
}

#masthead h1 a {
	display: block;
	width: 100%;
	height: 100%;
	overflow: hidden;
	text-indent: -5000px;
	background-image: url(images/logo-pingtest.png);
	background-position: left center;
	background-repeat: no-repeat;
}

.language {
	text-transform: lowercase;
	color: #6d6c6c;
	font-size: 10px;
	line-height: 10px;
	margin-top: 21px;
}

.language span, .language a {
	margin: 0 2px;
	font-weight: normal;
}

.language .active {
	color: #fff;
	font-weight: bold;
}

.language a {
	color: #9d9c9c;
}

.language a:hover {
	color: #3cf;
}

.language .langusa a     { background-position: 0 -197px; }
.language .langfrance a  { background-position: 0 -247px; }
.language .langspain a   { background-position: 0 -297px; }
.language .langgermany a { background-position: 0 -347px; }
.language .langitaly a   { background-position: 0 -397px; }

.language .langusa a:hover     { background-position: -500px -197px; }
.language .langfrance a:hover  { background-position: -500px -247px; }
.language .langspain a:hover   { background-position: -500px -297px; }
.language .langgermany a:hover { background-position: -500px -347px; }
.language .langitaly a:hover   { background-position: -500px -397px; }

.mainmenu a {
	display: block;
	border: 1px solid #585959;
	color: #fff;
	font-family: arial, sans-serif;
	font-weight: bold;
	padding-left: 20px;
	line-height: 21px;
	margin-top: 8px;
	background-image: url(images/s-icons.gif);
	background-repeat: no-repeat;
}

.mainmenu a:hover {
	border-color: #3cf;
	color: #fff;
}

.mainmenu .yoursummary a {
	background-position: 5px 1px;
}

.mainmenu .yoursummary a:hover {
	background-position: -495px 1px;
}

.mainmenu .worldresults a {
	background-position: 4px -47px;
	padding-left: 23px;
}

.mainmenu .worldresults a:hover {
	background-position: -496px -47px;
}

.mainmenu .yourresults a {
	background-position: 4px -198px;
	padding-left: 22px;
}

.mainmenu .yourresults a:hover {
	background-position: -496px -198px;
}

.mainmenu .learnmore a {
	background-position: 5px -298px;
	padding-left: 22px;
}

.mainmenu .learnmore a:hover {
	background-position: -495px -298px;
}

.mainmenu .faq a {
	background-position: 4px -248px;
	padding-left: 22px;
}

.mainmenu .faq a:hover {
	background-position: -496px -248px;
}

.secondarymenu a {
	display: block;
	margin: 8px 0 0 0;
	height: 20px;
	color: #333;
	font-size: 12px;
	text-transform: lowercase;
	text-align: center;
	line-height: 20px;
	font-weight: normal;
}

.secondarymenu a:hover {
	background-image: url(images/bg-secondarymenu.gif);
	background-repeat: repeat-x;
}

.secondarymenu .settings a {
	background-image: url(images/bg-secondarymenu.gif);
	background-repeat: repeat-x;
	font-weight: bold;
}

.secondarymenu .settings a span {
	background-image: url(images/s-icons.gif);
	background-position: 6px -146px;
	display: block;
	padding-left: 10px;
}

.secondarymenu .settings a.active,
.secondarymenu .settings a:hover {
	background: #3cf;
	color: #fff;
}

.secondarymenu .settings a.active span,
.secondarymenu .settings a:hover span {
	background-position: -494px -146px;
}

a.stlink {
	margin-top: 5px;
	display: block;
	width: 140px;
	height: 25px;
	text-indent: -5000px;
	overflow: hidden;
	background-image: url(images/s-stlink.gif);
	background-position: 0 0;
}

a.stlink:hover {
	background-image: url(images/s-stlink.gif);
	background-position: 0 -50px;
}

/* ----------------------------------------------------------------- */
/* footer */

#footer {
	color: #606060;
	height: 82px;
	padding-top: 62px;
	line-height: 1.2;
}

/* keep the gradient nice for the about page */
#wrapper .aboutfooter, #wrapper .helpfooter {
	padding-top: 39px;
}

/* get rid of the #body padding for the about page */
#wrapper .aboutpage, #wrapper .helpfooter {
	padding-bottom: 0;
}

#footer .biglink {
	margin-bottom: 7px;
}

#footer .smalllink {
}

#footer .footermenu a {
	display: block;
	color: #707070;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
}

#footer .biglink a {
	background-color: #292a2a;
	border: 1px solid #393a3a;
	line-height: 22px;
}

#footer .smalllink a {
	background-color: #191a1a;
	line-height: 20px;
}

#footer .smalltext {
	font-size: 10px;
	line-height: 20px;
}

#footer .footermenu a:hover {
	color: #3cf;
	background-color: #494a4a;
	border-color: #494a4a;
}

#footer .footermenu .smalllink a:hover {
	background-color: #292a2a;
}

#footer h3 {
	width: 140px;
	height: 36px;
	margin: 0;
	padding: 12px 0 0 0;
}

#footer h3 a {
	display: block;
	width: 100%;
	height: 100%;
	overflow: hidden;
	text-indent: -5000px;
	background-image: url(images/logo-ookla.gif);
	background-position: center center;
	background-repeat: no-repeat;
}

/* ----------------------------------------------------------------- */
/* settings */

.settingspanel {
	margin: 10px 0;
	background-color: #f2f3f3;
	padding: 10px 0;
	overflow: hidden;
	zoom: 1;
}

* html .settingspanel {
	margin-left: 22px;
	width: 940px;
}

.settingspanel .type2 {
	width: 140px;
	margin-right: 10px;
}

.settingspanel .last {
	margin-right: 0 !important;
}

.settingspanel select.type2 {
	margin-right: 0;
}

.settingspanel h3 {
	margin: 0 0 0.25em 0;
	font-weight: normal;
	font-size: 18px;
}

.settingspanel label {
	line-height: 15px;
	font-size: 10px;
	display: block;
}

.settingspanel label, .settingspanel button, .settingspanel select {
	cursor: hand;
	cursor: pointer;
}

.settingspanel input, .settingspanel select {
	font-size: 10px;
}

button, .downloadbutton a {
	border: 1px solid #fff;
	background-color: #3cf;
	padding: 4px 8px;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	line-height: 20px;
}

.settingspanel button {
	padding: 2px 6px;
}

.settingspanel .oneline {
	padding-top: 14px;
}

.settingspanel .oneline input {
	position: relative;
	top: 2px;
}

.submit {
	text-align: center;
}

/* ----------------------------------------------------------------- */
/* ads */

.ad {
	/*border: 1px solid #f1f2f2;*/
	background: #fff;
	color: #000;
	position: relative;
}

.centerad {
	margin: 0 auto;
}

.testbanner {
	text-align: center;
	line-height: 90px;
	width: 728px;
	height: 90px;
	color: #f1f2f2;
	font-size: 24px;
}

.towerad{
	width: 300px;
	position: absolute;
	margin-top: -50px;
}

.testtower {
	text-align: center;
	width: 300px;
	height: 250px;
	color: #f1f2f2;
	font-size: 24px;
}

.last-ad{
	margin-top: 23px;
}

.testsquare {
	text-align: center;
	line-height: 250px;
	width: 300px;
	height: 250px;
	color: #f1f2f2;
	font-size: 24px;
}

/* ----------------------------------------------------------------- */
/* flash! (placeholder images) */

.stflash {
	text-align: center;
	height: 434px;
	background-image: url(images/bg-pt.gif);
	background-position: center 400px;
	background-repeat: no-repeat;
}

.stflash img {
	display: inline;
}

/*
.stflash p {
	background-color: #fff;
	border: 3px solid #3cf;
	line-height: 20px;
}
*/

div.noflash, div#javaerror {
	margin-top: 10px;
	margin-bottom: 20px;
	padding: 30px 20px;
	background-color: #d4d4d4;
	background-color: rgba(212, 212, 212, 0.6);
	border-radius: 10px;
	height: auto;
	text-shadow: 0 -1px 2px #fff;
	text-align: left;
}

div#javaerror {
	height: auto;
	margin: 0;
	padding: 5px 20px 4px;
	line-height: 1.3em;
	background-color: #a3e8ff;
	background-color: rgba(163, 232, 255, 0.6);
	border: 1px solid #3cf;
/*
	margin-top: 20px;
	height: 50px;
*/
}

.stflash p {
	margin: 0 0 1.4em 0;
}

div#javaerror p {
	margin: 0;
}

.noflash p:first-child {
	font-size: 140%;
	line-height: 140%;
}

.uploadcompare {
}

/* ----------------------------------------------------------------- */
/* home content */

.promos {
	line-height: 1.3;
	margin-bottom: 40px;
}

.promos a {
	color: #666;
	font-weight: normal;
}

.promos a strong {
	color: #333;
	font-size: 14px;
}

.promos strong {
	display: block;
}

#body .whatispingtest h3 {
	font-size: 24px;
	font-weight: normal;
	margin: 15px 0 5px 0;
	color: #000;
}

.whatispingtest p {
	font-size: 14px;
	color: #484848;
	margin-bottom: 10px;
	line-height: 1.5;
}

.whatispingtest .learnmore {
	width: 90px;
	text-align: center;
	line-height: 1.7;
	margin: 0 0 5px 0;
}

#body .whatispingtest .learnmore a {
	font-size: 12px;
	font-weight: bold;
	color: #333;
	background-color: #c2c2c1;
	display: block;
}

#body .whatispingtest .learnmore a:hover {
	color: #fff;
	background-color: #3cf;
}

.becomeahost {
	width: 316px;
	margin: 8px 0 0 -30px;
}

.becomeahost a {
	display: block;
	width: 100%;
	height: 101px;
	background-image: url(images/s-promos.png);
	background-position: 0 0;
	background-repeat: no-repeat;
}

.becomeahost a:hover {
	background-position: 0 -204px;
}

.becomeahost .inner {
	display: block;
	padding: 42px 10px 0 100px;
}

.speedtestpromo {
	width: 316px;
	margin-left: -30px;
}

.speedtestpromo a {
	display: block;
	width: 100%;
	height: 93px;
	margin-top: 10px;
	background-image: url(images/s-promos.jpg);
	background-position: 0 -400px;
	background-repeat: no-repeat;
}

.speedtestpromo a:hover {
	background-position: 0 -600px;
}

.speedtestpromo .inner {
	display: block;
	padding: 29px 10px 0 100px;
}

/* ----------------------------------------------------------------- */
/* results content */

.yourip {
	background-color: #f1f2f2;
	background-image: url(images/bg-yourip.gif);
	background-position: 5px 7px;
	background-repeat: no-repeat;
	line-height: 16px;
}

.yourip .text {
	padding: 8px 5px 8px 42px;
}

#body .yourip h3 {
	font-size: 16px;
	font-weight: bold;
	margin: 0;
	color: #9c0;
	line-height: 1em;
}

.yourip .ip {
	font-size: 24px;
	line-height: 1em;
	font-family: arial black, arial, sans-serif;
	font-weight: bold;
	color: #000;
}

.yourip .isp {
	font-size: 16px;
	font-weight: bold;
	color: #808080;
}

.testagain a {
	display: block;
	background-color: #f1f2f2;
	border: 1px solid #e6e6e6;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	line-height: 24px;
	margin-bottom: 8px;
}

.testagain a:hover {
	color: #fff;
	background-color: #3cf;
	border-color: #3cf;
}

.testagain span {
	color: #666;
	font-size: 11px;
	display: block;
	white-space: nowrap;
}

.shareoptions {
	text-align: right;
}

.shareoptions a {
	display: block;
}

/*
.share {
	margin-left: 8px;
	width: 350px;
	background-image: url(images/bg-shareshadow.gif);
	background-repeat: no-repeat;
	padding: 11px 12px 13px 12px;
}
*/

.previousresults {
	padding-top: 18px;
	padding-bottom: 5px;
	background-image: url(images/bg-previousresults.png);
	height: 280px;
	background-repeat: no-repeat;
}

.resultsfilter {
	padding: 5px 0 5px 5px;
}

.hideresultsbefore {
	background-color: #eef4f6;
}

/* ----------------------------------------------------------------- */
/* misc content */

#body h2 {
	font-size: 24px;
	font-weight: bold;
	margin: 1em 0 0.75em 0;
	padding-bottom: 2px;
}

#body h3, #body legend {
	font-size: 18px;
	font-weight: normal;
	margin: 0 0 0.5em 0;
}

#body legend {
	display: block;
	padding: 0 0 0.5em 0;
	margin: 0;
}

fieldset {
	display: block;
	overflow: hidden;
}

#body h4 {
	font-size: 14px;
}

.top {
	font-size: 10px;
}

.settingstext {
	padding: 10px 0 10px 10px;
}

.settingsform {
	padding: 10px 0;
}

.textbox {
	background-color: #f4f5f5;
	padding: 10px;
}

.form {
	background-image: url(images/bg-formtile.gif);
	background-repeat: repeat-y;
	border-bottom: 1px solid #9c0;
	margin-left: 57px;
}

.form form, .form .innerform {
	background-image: url(images/bg-form.gif);
	background-repeat: no-repeat;
	padding: 10px;
}

.pass h3 {
	color: #ef5423;
}

.failbox {
	color: #c00;
	border: 1px solid #fcc;
	background: #fee;
	padding: 10px 10px 0 10px;
	margin-bottom: 15px;
}

.fail input, .fail select, .fail textarea,
input.fail, select.fail, textarea.fail {
	background-color: #fee;
}

.fail label {
	color: #c00;
}

label {
	display: block;
}

.form .type6 {
	width: 440px;
}

.form .type3 {
	width: 210px;
}

.form .type6 textarea {
	width: 436px;
}

.form .type3 input {
	width: 206px;
}

.form .type3 select {
	width: 100%;
}

.footnote {
	font-size: 10px;
	color: #707070;
}

a.selectdate {
	width: 19px;
	height: 18px;
	overflow: hidden;
	display: -moz-inline-box;
	display: inline-block;
	text-indent: -5000px;
	background-image: url(images/s-calendaricons.gif);
	background-position: 0 0;
	background-repeat: none;
	text-align: left;
	margin-right: 5px;
}

a.selectdate:hover {
	background-position: -50px 0;
}

button.resetdate {
	line-height: 15px;
	padding: 0 2px;
	font-size: 10px;
	font-weight: normal;
	cursor: hand;
	cursor: pointer;
}

/* ----------------------------------------------------------------- */
/* link to us */

.linkpage {
	font-size: 14px;
}

.linkbox .box {
	overflow: hidden;
	padding: 10px 9px;
	background-color: #dee0e0;
	border: 1px solid #3cf;
	font-size: 12px;
	line-height: 1.3;
	background-image: url(images/bg-sidebar.gif);
	background-repeat: repeat-x;
	background-position: center top;
}

#body .linkbox h3 {
	color: #333;
	font-weight: bold;
}

.linkbox img {
	display: inline;
}

ul.linkbox {
	list-style-type: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

ul.linkbox li {
	list-style-type: none;
	margin-bottom: 20px;
}

ul.linkbox div.box div {
	height: 70px;
}

ul.linkbox textarea {
	height: 104px;
	width: 198px;
	font-size: 10px;
	border: 1px solid #3cf;
}

/* ----------------------------------------------------------------- */
/* old help */

.qa li {
	margin-bottom: 0.75em;
}

.questions li a {
	display: block;
	color: #585959;
	font-weight: normal;
}

.questions li a:hover {
	background-color: #3cf;
	color: #fff;
}

.answers {
	background-color: #fff;
}

.answers li {
	border-bottom: 1px solid #d4d9da;
	padding-bottom: 0.5em;
	margin-bottom: 1.25em;
}

.answers h4 a {
	color: #ef5423;
}

.answers h4 a:hover {
	color: #000;
}

/* ----------------------------------------------------------------- */
/* speedtest mini */

.downloadbutton {
	margin: 1.5em 0;
	text-align: center;
}

.downloadbutton a {
	display: block;
	margin: 0 auto;
	width: 140px;
	padding: 4px 0;
	text-align: center;
}

.downloadbutton a:hover {
	color: #fff;
	background-color: #3cf;
}

#minitrial {
	padding-top: 1em;
	text-align: center;
}

#minitest {
	text-align: center;
	background-color: #dee1e2;
	width: 450px;
	height: 250px;
	margin: 0 auto;
}

/* ----------------------------------------------------------------- */
/* world results */

#body .worldresults {
	padding-bottom: 20px;
}

#body .worldresults .resultsbox {
	height: 450px;
	background-color: #000;
}

#worldresults h2 {
	font-weight: bold;
	font-size: 24px;
	color: #000605;
	border-bottom: none;
	margin-bottom: 0;
}

.ranking .downspeed {
	background-image: url(images/s-rankings.gif);
	background-repeat: no-repeat;
	background-position: 0 20px;
	height: 340px;
}

.ranking .upspeed {
	background-image: url(images/s-rankings.gif);
	background-repeat: no-repeat;
	background-position: -500px 20px;
	height: 340px;
}

#body .ranking h3 {
	color: #000;
	font-size: 16px;
	font-weight: bold;
}

.ranking ul {
	padding: 0;
	margin: 0 5px;
}

.ranking li {
	margin: 2px 0;
	list-style-type: none;
	padding: 0;
	padding: 0 5px;
}

li .rank {
	float: left;
	width: 5%;
	margin-right: 8px;
	font-size: 10px;
	line-height: 19px;
	text-align: right;
}

li .data {
	float: right;
	display: inline;
	width: 25%;
	text-align: right;
}

li .label {
	font-weight: bold;
}

li.userentry {
	border-width: 1px 0;
	border-style: solid;
	border-color: #3cf;
	background-color: #c4cbcd;
	font-weight: bold;
	color: #000;
}

.userentry .detail {
	color: #000;
}

#body .globalbroadbanddata {
	width: 300px;
	height: 254px;
	background-image: url(images/bg-globalbroadbanddata.jpg);
	background-repeat: no-repeat;
	margin-left: -8px;
	padding: 20px 8px;
}

#body .globalbroadbanddata .text {
	padding: 0 10px;
}

#body .globalbroadbanddata p {
	line-height: 16px;
}

#body .globalbroadbanddata .learnmore a {
	font-weight: bold;
	font-size: 14px;
}

#body .globalbroadbanddata h3 {
	font-size: 20px;
	font-weight: bold;
	color: #333;
	margin-bottom: 0;
}

#body .globalbroadbanddata img {
	float: left;
	display: inline;
	margin: 4px 0 0 -6px;
	visibility: hidden;
}

/* ----------------------------------------------------------------- */
/* your summary */

#body .sharebestresult h3 {
	font-size: 16px;
	font-weight: bold;
	line-height: 33px;
	margin: 0;
}

#body .sharebestresult label {
	display: block;
	font-size: 12px;
	font-weight: normal;
	margin: 10px 0 0 0;
	clear: both;
}

.shareinputs {
	background-image: url(images/bg-shareinputs.gif);
	background-repeat: repeat-y;
	background-position: center bottom;
	padding-bottom: 5px;
}

input.copyurl {
	font-size: 10px;
	width: 216px;
	padding: 3px 1px;
}

#body .shareinputs input {
	border-color: #ef5423;
	width: 196px;
	margin-bottom: 10px;
}

.averageresults {
	background-image: url(images/bg-averageresults.gif);
	background-repeat: repeat-y;
	background-position: center bottom;
	padding: 0;
	border-top: 1px solid #bfc1c1;
}

.averageresults dl {
	margin: 0;
	padding: 15px 10px 5px 10px;
	line-height: 1.3;
}

.averageresults dt, .averageresults dd {
	margin: 0;
	padding: 0;
}

.averageresults dt {
	font-size: 14px;
}

.averageresults dd {
	margin-bottom: 10px;
	font-size: 26px;
	font-weight: bold;
	padding-left: 25px;
	background-image: url(images/s-tabarrows.gif);
	background-repeat: no-repeat;
	background-position: bottom right;
}

.averageresults dd.download {
	background-position: -8px -301px;
}

.averageresults dd.upload {
	background-position: -8px -351px;
}

.averageresults dd span {
	font-weight: normal;
	font-size: 14px;
}

.speedpanels {
}

.speedtabs {
	margin: 0;
	padding: 0;
	overflow: hidden;
}

.speedtabs li {
	width: 230px;
	line-height: 33px;
	float: left;
	display: inline;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.speedtabs a {
	display: block;
	font-size: 18px;
	font-weight: bold;
	color: #fff;
	background-color: #d1d2d1;
	padding-left: 40px;
	background-image: url(images/s-tabarrows.gif);
	background-repeat: no-repeat;
}

.speedtabs a:hover {
	background-color: #3cf;
	color: #fff;
}

.speedtabs .active a, #body .speedtabs .active a:hover {
	background-color: #ef5423;
	color: #fff;
}

.speedtabs a.downtab {
	background-position: 0 -100px;
}

.speedtabs a.uptab {
	background-position: 0 -150px;
}

.speedtabs a.downtab:hover {
	background-position: 0 -200px;
}

.speedtabs a.uptab:hover {
	background-position: 0 -250px;
}

.speedtabs .active a.downtab, .speedtabs .active a.downtab:hover {
	background-position: 0 0;
}

.speedtabs .active a.uptab, .speedtabs .active a.uptab:hover {
	background-position: 0 -50px;
}

.speedpanel {
	border: 1px solid #ef5423;
	background-color: #fff;
	height: 455px;
	clear: both;
}

.speedpanel .panel {
	padding: 10px;
	display: none;
}

.speedpanel .active {
	display: block;
}

/* ----------------------------------------------------------------- */
/* your results */

.filterresults {
}

.filterresults label {
	display: inline;
	font-size: 10px;
}

.filterresults input {
	width: 90px;
}

#resultstable {
	width: 1060px;
	border: 1px solid #8f8f8f;
	margin: 0;
	border-collapse: separate;
}

#resultstable tr.heads {
	background-image: url(images/bg-th.gif);
	background-repeat: repeat-x;
	background-position: center center;
}

#resultstable th {
	text-align: left;
	line-height: 27px;
	padding: 0;
	height: 27px;
	font-weight: normal;
	color: #f1f2f2;
	border-width: 0 1px 0 0;
	border-color: #8f8f8f;
	border-style: solid;
}

#resultstable th.share {
	border-width: 0;
}

#resultstable th a, #resultstable th span {
	display: block;
	padding: 0 5px;
}

#resultstable a {
	font-weight: normal;
}

#resultstable th a {
	color: #fff;
	font-weight: bold;
	display: block;
}

#resultstable th a:hover {
	background-color: #3cf;
	color: #fff;
}

#resultstable th.ping a, #resultstable th.jitter a, #resultstable th.packetloss a {
	padding-left: 25px;
	background-image: url(images/s-tharrows.gif);
	background-repeat: no-repeat;
}

#resultstable th.ping a { background-position: 0 0; }
#resultstable th.jitter a { background-position: 0 -50px; }
#resultstable th.packetloss a { background-position: 0 -100px; }

#resultstable th.ping a:hover { background-position: 0 -150px; }
#resultstable th.jitter a:hover { background-position: 0 -200px; }
#resultstable th.packetloss a:hover { background-position: 0 -250px; }

#resultstable .odd {
	background-color: #eef4f6;
}

#resultstable .even {
	background-color: #fff;
}

#resultstable .hover {
	background-color: #3cf;
	color: #fff;
	cursor: hand;
	cursor: pointer;
}

#resultstable .hover span {
	color: #fff;
}

#resultstable .hover a {
	color: #000;
}

#resultstable .grade {
	font-weight: bold;
}

#resultstable .active {
	background-color: #333;
	color: #fff;
}

#resultstable .active a {
	color: #fff;
}

#resultstable .active .detail {
	color: #aaa;
}

#resultstable td {
	padding: 5px;
	border-width: 0;
}

#resultstable td.downspeed, #resultstable td.upspeed, #resultstable td.latency {
	font-weight: bold;
}

.detail {
	font-size: 10px;
	color: #666;
	font-weight: normal;
}

.detailrow {
	background-color: #eee;
}

#resultstable .detailrow td {
	padding: 0;
}

.detailrow label {
	font-size: 10px;
}

#resultstable .detailrow .detailbox {
	padding: 10px;
	display: none;
	height: 141px;
	overflow: hidden;
	background-image: url(images/bg-detailrow.jpg);
	background-repeat: no-repeat;
	background-position-x: 1px;
	width: 1036px;
}

#results h5 {
	margin: 0;
	padding: 0;
}

#results h5 a {
	font-weight: normal;
	border: 1px solid #8f8f8f;
	border-top-width: 0;
	padding: 3px 5px;
	margin: 0;
	background-color: #fff;
	display: block;
	font-size: 10px;
	text-align: center;
	color: #19c;
}

#results h5 a:hover {
	color: #fff;
	background-color: #3cf;
}

/* ----------------------------------------------------------------- */
/* hosting */

.hostingbody {
	background-image: url(images/hosting.jpg);
	background-repeat: no-repeat;
	background-position: 1px -10px;
}

.hostingbody .hostingtext img {
	float: left;
	display: inline;
	visibility: hidden;
}

/* ----------------------------------------------------------------- */
/* contact */

.contactbody {
	background-image: url(images/contact.jpg);
	background-repeat: no-repeat;
	background-position: 1px -9px;
}

.contactbody .contacttext img {
	float: left;
	display: inline;
	visibility: hidden;
	margin-bottom: 10px;
}

/* ----------------------------------------------------------------- */
/* datainquiry */

.datainquirybody {
	background-image: url(images/datainquiry.jpg);
	background-repeat: no-repeat;
	background-position: 1px -9px;
}

.datainquirybody .datainquirytext img {
	float: left;
	display: inline;
	visibility: hidden;
}

/* ----------------------------------------------------------------- */
/* about */

.aboutpage {
	font-size: 14px;
	line-height: 1.4;
}

#wrapper .aboutpage h2 {
	padding: 0;
	margin-bottom: 5px;
}

.sidebar {
	padding: 10px;
	background-color: #f2f2f2;
	border: 1px solid #9c0;
	font-size: 12px;
	line-height: 1.3;
}

#body .sidebar h3 {
	color: #333;
	font-weight: bold;
	margin-bottom: 0;
}

.sidebar ul, .sidebar li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.sidebar li {
	padding-left: 60px;
	background-image: url(images/s-internettutorial.gif);
	background-repeat: no-repeat;
	height: 65px;
}

.sidebar li.packetloss {
	background-position: 0 0;
}

.sidebar li.ping {
	background-position: 0 -300px;
}

.sidebar li.jitter {
	background-position: 0 -600px;
}

#body .sidebar h4 {
	color: #333;
	font-size: 16px;
	font-weight: bold;
}

.aboutpage img {
	float: left;
	display: inline;
	margin: 0 1em 1em 0;
}

.clear {
	clear: both;
}

.aboutpage .aboutpromos {
	background-image: url(images/bg-about2.gif);
	background-repeat: no-repeat;
	background-position: center top;
	padding-top: 40px;
	overflow: hidden;
	background-color: #c4c4c4;
}

#wrapper .aboutpage .aboutpromos h3 {
	font-weight: bold;
}

.aboutpage .getit {
	font-weight: bold;
}

.aboutpage .iphonetext {
	padding-left: 172px;
	background-image: url(images/about-iphone.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	height: 264px;
	padding-bottom: 20px;
}

.aboutpage .aboutourhoststext {
	padding-left: 156px;
}

.aboutpage .aboutpromos .content {
	background-image: url(images/about-hosting.jpg);
	background-position: -53px 3px;
	background-repeat: no-repeat;
}

.aboutpage .aboutpromos .ooklatext h3 {
	width: 188px;
	height: 65px;
	padding-bottom: 5px;
}

.aboutpage .aboutpromos .ooklatext h3 a {
	display: block;
	width: 100%;
	height: 100%;
	background-image: url(images/about-ookla.gif);
	background-repeat: no-repeat;
	text-indent: -5000px;
	overflow: hidden;
}

/*
.aboutpage .promowrapper {
	background-image: url(images/bg-ookla.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-bottom: 232px;
}
*/

/* ----------------------------------------------------------------- */
/* help */

.helppage {
	font-size: 14px;
}

.gradebox ul, .gradebox li {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.gradebox h3 {
	float: left;
	width: 50px;
	height: 33px;
	text-indent: -5000px;
	overflow: hidden;
	background-image: url(images/s-grades.png);
	background-repeat: no-repeat;
	background-position: left top;
}

.gradebox .gradea h3 { background-position:     7px 3px; }
.gradebox .gradeb h3 { background-position:  -993px 3px; }
.gradebox .gradec h3 { background-position: -1993px 3px; }
.gradebox .graded h3 { background-position: -2993px 3px; }
.gradebox .gradef h3 { background-position: -3993px 3px; }

.gradebox ul p {
	margin-left: 54px;
	margin-bottom: 0;
	font-size: 14px;
}

.gradebox ul div.detail {
	margin:  0 0 15px 54px;

}

#body .aboutlqcheader {
	background-image: url(images/bg-lqc.gif);
	background-repeat: no-repeat;
	background-position: 0 20px;
}

.aboutlqcheader .container {
	height: 48px;
	padding-top: 20px;
	padding-bottom: 20px;
}

#body .aboutlqcheader h2 {
	margin: 0;
	padding: 0;
	line-height: 42px;
	color: #fff;
}

.lqcomponents {
	background-image: url(images/bg-lqc.gif);
	background-position: left -68px;
	background-repeat: no-repeat;
	background-color: #c4c5c4;
}

#wrapper .lqcomponents h3 {
	height: 30px;
	background-image: url(images/s-lqcheaders.png);
	background-repeat: no-repeat;
	padding-left: 30px;
	line-height: 26px;
	font-size: 24px;
}

.lqcomponents .lqcpl h3 { background-position: 0 0; }
.lqcomponents .lqcp  h3 { background-position: 0 -50px; }
.lqcomponents .lqcj  h3 { background-position: 0 -100px; }

.lqcomponents .lqc {
	padding-bottom: 40px;
}

.halfglobe {
	text-align: center;
}

.halfglobe img {
	display: inline;
}

/* ----------------------------------------------------------------- */
/* paging */

div.pages {
	margin: 15px auto;
	height: 30px;
	line-height: 30px;
	text-align: center;
	color: #9f9f9f;
	font-weight: bold;
}

.pages a, .pages span {
	padding: 4px;
	margin: 0 3px;
	border: 1px solid #fff;
	background-color: #e1e2e2;
}

.pages span.current {
	color: #000;
}

.pages a {
	color: #19c;
}

.pages a:hover {
	border-color: #fff;
	color: #fff;
}

.pages a.nextprev {
}

.pages span.nextprev {
}

.pages span.nextprev {
}

.host-speedtest{
	margin-top: 95px;
}

/* Ookla global Nav */
.ookla-properties-nav{
	width: 100%;
	height: 26px;
	-webkit-font-smoothing: antialiased;
}

.ookla-properties-container {
	width: 940px;
	margin: 0 auto;
	position: relative;
}

.ookla-properties-nav.properties-dark {
	background-color: #252525;
}

.ookla-properties-nav a {
	text-decoration: none;
}

.ookla-properties-nav.properties-dark a:hover {
	color: #3cf;
}

.ookla-properties-nav.properties-dark li,
.ookla-properties-nav.properties-dark a {
	color: white;
}

.ookla-properties-nav.properties-dark li.active {
	color: #949494;
}

.ookla-properties-nav.properties-light {
	background-color: #f4f4f4;
}

.ookla-properties-nav.properties-light li,
.ookla-properties-nav.properties-light a {
	color: #282828;
}

.ookla-properties-nav.properties-light li.active {
	color: #CACACA;
}

.ookla-properties-nav ul {
	margin: 5px 0 0 0;
	list-style-type: none;
	padding: 0;
	text-align: center;
	position: absolute;
	width: auto;
	text-align: inherit;
}

.ookla-properties-nav ul li {
	display: inline;
	font-size: 11px;
	letter-spacing: 0.04em;
}

.ookla-properties-nav ul.ookla-properties {
	top: 0;
}

.ookla-properties-nav ul.ookla-properties li {
	text-transform: uppercase;
	margin-right: 12px;
	font-weight: bold;
}

.ookla-properties-nav p.ookla-properties-tagline {
	color: #ccc;
	float: right;
	margin: 8px 0 0 0;
	font-style: italic;
	font-size: 12px;
	line-height: 1;
	margin-right: 10px;
}