/*
	Project: Nettvett.no
	Version: 1
	Last changed: work in progress

	Design: Anne-Britt Thompson, Recommended Nowray
	xhtml/css: Ole-Marius L. Mathiassen, Recommended Norway
	(C) 2008 Recommended Norway

	The solution is built using the UNKNOWN CMS Platform
	reset.css (recommended version) is in use
*/


body {color: #444; background-color: #fff; font-family: Verdana, Arial, sans-serif;}
/*#wrapper {background: #fff url(../img/bg-body-grid.gif) left top ;}*/
p {font-size: 1.2em; line-height: 1.6em; padding-bottom: 0.5em}
.content li {font-size: 1.2em; line-height: 1.5em;}
p.lead {font-weight: bold; padding-bottom: 1.2em}
a {color: #333; text-decoration: none}
a:hover {color: #163e70}
p a {color: #3366FF; text-decoration: underline}
p a:hover {}
.related ul a {color: #3366FF;}
h1, h2, h3, h4, h5, h6 {font-weight: bold; font-size: 1.3em; line-height: 1.4em; font-family: georgia, serif; color: #444}
h2 {font-size: 2.2em; font-weight: normal; padding-bottom: 0.7em; xtext-transform:uppercase;}
h3 {font-size: 2.2em; font-weight: normal}

/* Structurexs
---------------------------------------------------------------------------------------------- */
body {width: 980px; margin: 0 auto;}
#header {margin: 0; height: 50px;}
#nav {border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 7px 0 10px 0;}
#stage {margin: 0 0 23px 0; padding: 1em 0; border-bottom: 6px solid #173f71; }
#broadband-test-tool {margin: -1.3em 0 2.3em 0; padding: 1em 0; border-bottom: 6px solid #173f71; }
#main {padding-bottom: 13px; }
#main .aside {width: 196px; float: left; margin-top: -8px}
#main .content {position: relative; width: 543px; padding: 0 22px;  float: left; border-left: 1px solid #ccc; border-right: 1px solid #ccc;  margin-bottom : 1em; overflow: auto}
/*#main .contentwide {width: 761px; padding-left: 22px;  float: right; border-left: 1px solid #444; padding-bottom: 22px;}*/
#main .contentwide {width: 761px; padding-left: 22px;  float: right; border-left: 1px solid #ccc; padding-bottom: 22px;}
#main .misc {position: relative; width: 762px; padding: 0 22px 0 0;  float: left; border-right: 1px solid #ccc; margin-bottom : 10px;}
#main .search {position: relative; width: 762px; padding: 0 22px 0 0;  float: left; border-right: 1px solid #ccc; margin-bottom : 10px;}
#main .related {width: 174px; float: right; margin-bottom : 10px; margin-top: -5px}
#main-alt .aside {width: 196px; float: left;}
#main-alt .content {width: 562px; float: left;}
#footer {}
#header, #nav, #stage, #main, #footer {clear: both;}

/* Navigation
---------------------------------------------------------------------------------------------- */
#nav-main {padding: 0; margin: 0; list-style-type: none; background-color: #002543; border: 1px solid #003c69; border-top: 2px solid #003c69; border-bottom: none;  overflow: auto;}
#nav-main a {display: block;}
#nav-main li {float: left; width: 195px; padding: 0; margin: 0; display: inline; background-color: #003c69;}
#nav-main li.last {float: left; width: 195px; padding: 0; margin: 0; display: inline; background-color: #003c69;}
#nav-main li a {font-size: 1em; font-weight: bold; color: #fff; margin: 0 0 2px 1px; margin-right: 0; line-height: 24px; background: transparent url(../img/bg-nav.gif) left top no-repeat; padding-left: 22px;}
#nav-main li.last a {background: transparent url(../img/bg-nav-last.gif) left top no-repeat;}
#nav-main a:hover, #nav-main li.active a {background-position: left bottom;}
#nav-main li.last a:hover {background-position: left bottom;}

#nav-section {border-top: 1px solid  #444; padding: 0; margin: 0 22px 15px 0; list-style-type: none; }
#nav-section li { line-height: 1.6em; border-bottom: 1px dotted #444; margin-bottom: 0.2em; }
#nav-section a {font-size: 1.1em; display: block; color: #444;  padding: 0.4em 0.2em 0.4em 2.2em ; }
#nav-section li a.current {background: transparent url(../img/bg-more.gif) left center no-repeat; font-weight: bold;}
#nav-section li ul {list-style-type: none; margin: 0; padding: 0;border-top: 1px dotted #444;} }
#nav-section li li { border-bottom: 1px dotted #444;}
#nav-section li li.last {border: none}
#nav-section li li a {margin-left: 2.2em;}
#nav-section li li a.current {font-weight: bold; background-image: none}

#nav-focus {border-top: 1px dotted  #444; padding: 0; margin: 0; margin-right: 0; margin-bottom: 3em; list-style-type: none; }
#nav-focus li {line-height: 1.6em; border-bottom: 1px dotted #444; margin-bottom: 0.2em; }
#nav-focus a {display: block; font-size: 2.2em;font-family: Georgia, times, serif; color: #003C69;  padding: 0.3em 0 0.2em 0 ; }

#toolbar {border-bottom: 1px dotted #929292; height: 2.5em; margin-top: 0.6em;}
#toolbar ul {list-style-type: none; margin: 0; padding: 0; float: right;}
#toolbar ul li {display: inline; border-right: 1px dotted #929292;  padding: 0 1em 0 0.6em; font-size: 0.96em; line-height: 1em;}
#toolbar ul li a {font-size: 0.9em; }
#toolbar ul li#tool-about , #toolbar ul li#tool-search {border:none}
#toolbar ul li#tool-contrast  {background: transparent url(../img/tool-contrast.gif) 0.3em center no-repeat; padding-left: 2em}
#toolbar ul li#tool-search {padding: 0}
#toolbar ul li#tool-search  input {width: 171px; border: 1px solid #999; color: #444; padding: 3px 3px 3px 20px; background: transparent url(../img/tool-search.gif) 4px center no-repeat; }
#toolbar ul li#tool-txt {background: transparent url(../img/tool-txt-alt.gif) left center no-repeat; padding-left: 1.8em; }
#toolbar ul li#tool-txt span {padding: 0 0.7em}

.aside h3 {padding-top: 0.4em; color: #444;  font-family: verdana, arial, sans-serif; font-size: 1.2em; padding-bottom: 0.5em; padding-left: 2.1em}

#nav-breadcrumbs {padding: 1em 0 2em 0;  }
#nav-breadcrumbs ul {list-style-type: none; margin: 0; padding: 0}
#nav-breadcrumbs li {display: inline;}

#nav-related {padding: 0; margin: 0; list-style-type: none;}
#nav-related li {margin-bottom: 1em; }
#nav-related a {display: block; text-indent: -9999px;}
#nav-related a.telepriser {width: 137px; height: 42px; background: transparent url(../img/bg-related.gif) left top no-repeat; }
#nav-related a.nettvett {width: 137px; height: 24px; background: transparent url(../img/bg-related.gif) left bottom no-repeat; }
#nav-related a.nettfart {width: 137px; height: 24px; background: transparent url(../img/bg-related.gif) left -48px no-repeat; }

/* Header
---------------------------------------------------------------------------------------------- */
h1 {text-indent: -9999px; display: block; float: left; width: 196px; height: 50px; background: transparent url(../img/logo-nettfart.gif) left 10px no-repeat}
#npt {text-indent: -9999px; display: block; width: 145px; float: right; height: 50px; background: transparent url(../img/logo-npt3.gif) right 25px no-repeat;}

/* Stage
---------------------------------------------------------------------------------------------- */
#stage .inner {}

/* Content
---------------------------------------------------------------------------------------------- */
.headline-2 .faq {list-style-type: none; margin: 0; padding: 0;  border-bottom: 1px dotted #003C69 ;}
.headline-2 .faq li a {color: #3366FF; font-size: 1.2em; line-height: 1em; padding-left: 1em; background: transparent url(../img/bg-more.gif) left 0.35em no-repeat; display: block; border-top: 1px  dotted #ccc ; padding: 0.3em; padding-left: 1em;}
#main .headlines {width: 762px; float: right;}
.headline-1 {width: 37em; float: left;  margin: 0 0 1em 0; color: #707173; clear: both}
.headline-2 {width: 37em; float: right;  margin: 0  0 1em 0; color: #707173}
.headlines h2 {color: #444; font-weight: bold; font-size: 1.44em; padding-bottom: 0.2em}
.headlines p {padding-bottom: 1em;}
.more {color: #3366FF; font-size: 1.2em;line-height: 1.4em; padding-left: 1em; background: transparent url(../img/bg-more.gif) left 0.6em no-repeat; display: block; border-bottom: 1px  dotted #173f71; padding: 0.3em; padding-left: 1em;}
.related div {padding-bottom: 1em; margin-bottom: 1em}
.related-article {border-bottom: 1px dotted #444}
.related h3 a {font-family: verdana; font-size: 0.85em; color :#3366FF}
.related-docs {padding: 0 0 0 0; list-style-type: none; margin: 0; line-height: 1.8em}

h2 span {font-weight: bold;}
.guide  {border-top: 6px solid #173f71; padding-top: 1em; padding-bottom: 2em}
.guide h3 {font-size: 2.2em; font-weight: normal; padding-top: 0.2em;}
.guide span {font-family: georgia; display: block; float: left; width: 40px; border-right: 15px solid #fff; padding: 7px 0 30px 0; color: #fff; font-size: 1.7em; font-weight: bold; background: transparent url(../img/bg-faq.gif) left top no-repeat; text-align: center}
.guide p, .guide img {display: block; clear: both;}
.guide img {padding-bottom: 2em;}
.share {display: inline; padding: 0; margin: 0; float: right; margin-top :1em;}
.share dt {float: left; padding: 0; margin: 0; font-size: 1em; line-height: 2.4em; padding-right: 0.3em}
.share dd {float: left;  padding: 0; margin: 0; margin-left: 3px; }
.share dd a {display: block; width: 29px; height: 24px; background: transparent url('../img/icon-article.gif') left top no-repeat; text-indent: -9999px;}
.share dd a.share-facebook {background-position: -29px top}
.share dd a.share-facebook:hover {background-position: -29px bottom}
.share dd a.share-twitter {background-position: -58px top;}
.share dd a.share-twitter:hover {background-position: -58px bottom}
.share dd a.share-nettby {background-position: -145px top;}
.share dd a.share-nettby:hover {background-position: -145px bottom}
.share dd a.share-mail {background-position: -87px top}
.share dd a.share-mail:hover {background-position: -87px bottom}
.share dd a.share-print {background-position: -116px top}
.share dd a.share-print:hover {background-position: -116px bottom}
.share dd:last-child {padding-bottom: 20px;}

a.tbutton {
	background: #3366FF;
	padding: 2px 4px;
	color: #fff;
	border-top: 1px solid #66a3ff;
	border-left: 1px solid #66a3ff;
	border-bottom: 1px solid #003c69;
	border-right: 1px solid #003c69;
}

/* Artikkelliste
---------------------------------------------------------------------------------------------- */
.list {border-bottom: 1px dotted #444; padding-top: 1em}
.content .last {border: none}
.list h3 a {font-family: verdana; font-size: 0.85em; color :#3366FF}
.list .lead {font-weight: normal}

/* Misc
---------------------------------------------------------------------------------------------- */
.misc h2 {padding-bottom: 5px;}
.misc .last {border: none}
.advanced {padding: 1em 0 2em 0; border-bottom: 6px solid #173f71; border-top: 1px dotted #444; overflow: auto; }
.advanced input.searchfield {border: 1px solid #999; color: #444; padding: 3px 3px 3px 20px; background: transparent url(../img/tool-search.gif) 4px center no-repeat; width: 200px; float: right; }
.dictionary {margin: 0; padding: 0; list-style-type: none; float: left;}
.dictionary li {display: inline; text-transform: uppercase; line-height: 2em;}
.dictionary a {color: #444; font-size: 1.2em; font-weight: bold; padding-bottom: 2px; margin: 0 2px}
.dictionary a:hover {color: #666; border-bottom: 2px solid #666;}
.dictionary a.current {color: #3366FF;  border-bottom: 2px solid #3366FF}

.ui-icon {margin-top: 7px}

/* Video
---------------------------------------------------------------------------------------------- */
.video-txt {float: left; width: 39.2em; }
.video-txt h2 {font-size: 3.3em; }
.video-view {float: right; width: 56.6em; padding-bottom: 2em}
.video-related {clear: both; border-top: 6px solid #173f71; padding-top: 2em; margin-top: 1em}
.video-related div {display: block; float: left; width: 173px; padding: 0 11px; border-left: 1px solid #444}
.video-related .first {border: none; width: 174px}
.video-related h4 {padding-bottom: 0.5em}

/* Search
---------------------------------------------------------------------------------------------- */
.search h2 {padding-bottom: 5px; }
.search .advanced p {width: 400px; float: left}
.search .advanced input.searchfield {float: right; border: 1px solid #999; color: #444; padding: 3px 3px 3px 20px; background: transparent url(../img/tool-search.gif) 4px center no-repeat; width: 200px;  }
.search .advanced span {color: #3366FF;}
.search .advanced-search {padding: 1em 0; margin-bottom: 1em; border-bottom: 6px solid #173f71; border-top: 1px dotted #444; overflow: auto;}
.search .advanced-search .col1 div, .search .advanced-search .col2 div {padding: 0.3em 0.5em 1em 0.5em; margin: 0.1em; overflow: auto;}
.search .advanced-search label {display: block; width: 100px; float: left ; line-height: 2em; }
.search .advanced-search input {width :200px;}
.search .advanced-search .col1 {width: 320px; float: left; margin-left: 60px; overflow: auto;}
.search .advanced-search .col2 {width: 330px; float: right; overflow: auto;}
.search .advanced-search .btn-big {background-color: #3366FF; color:#fff; font-weight: bold; text-transform: uppercase; border: none; padding: 3px 16px; float: right; width: 80px; margin-top: 20px;} 
.search .advanced-search .radiobutton {width: 20px;}
.search .advanced-search .searchfield {clear: both;}
#main .search .advanced-search .col1 div.related {float: right; width: 215px; padding: 7px 0 0 0; overflow: hidden}
.radiobutton {margin-left: 10px;}
.search .advanced-search select {width: 150px; font-size: 1.2em;}
.search .advanced-search .col1 .datepicker {padding: 0; margin: 0;height: 30px;}
.search .advanced-search .datepicker label {width :30px;}
.search .advanced-search .datepicker input {width: 20px; float: left; width: 30px;}
h2.search-results {border-bottom: 1px dotted #444;}
a.dp-choose-date {background:transparent url(../img/calendar.gif) no-repeat scroll 0 0; display: block; float: left; height: 16px; margin: 2px 15px 0 5px; overflow: hidden; padding:0; text-indent:-2000px; width:16px;}

/* Statistics
---------------------------------------------------------------------------------------------- */
div.filtering {
	border-top: 1px dotted #444;
	border-bottom: 1px dotted #444;
	padding: 23px 0;
	margin-bottom: 23px;
}

.summary {
	border-top: 1px solid #444;
	border-bottom: 1px solid #444;
	padding: 7px 0;
	margin-bottom: 23px;
}

.summaryinner {
	background: #eee;
	padding: 23px;
}

div.sum1, div.sum2, div.sum3 {
	width: 220px;
	float: left;
}

div.sum1 {
	width: 190px;
}

div.sum2 {
	margin: 0 22px;
}

div.sum3 {
	width: 240px;
}

div.progbar {
	background: #eee url(../img/bg_bar1.gif);
	height: 7px;
	width: 200px;
	float: left;
	margin: 3px 5px 0 0;
}

div.progbar div {
	background: #36f url(../img/bg_bar2.gif);
	height: 7px;
}

td > div.progbar {
	width: 150px;
}

dl {
  margin: 0;   }

dt {
  font-weight: bold;
  margin: 0;
}

dd {
  margin: 0 0 10px 0;;
}

dl.results dt, dl.results dd {
  float: left;
  border-top: 1px dotted #444;
  padding: 5px 0;
  line-height: 20px;
  margin: 0;
}

.summary h3 {
  margin:0;
  padding: 0;
}

dl.results dt {
  width: 100px;
}

dl.results dd {
  width: 120px;
  text-align: right;
}

span.download, span.upload, span.latency {
	padding: 2px 0 2px 20px;
}

dl.results dt.download {
	background: url(../img/icon_download_grey.png) center left no-repeat;
	padding-left: 20px;
}

dl.results dt.upload {
	background: url(../img/icon_upload_grey.png) center left no-repeat;
	padding-left: 20px;
}

dl.results dt.latency {
	background: url(../img/icon_latency_grey.png) center left no-repeat;
	padding-left: 20px;
}

#top5graph {
	width: 770px;
	height: 300px;
	margin-bottom: 23px;
}

table {
	width: 100%;
	color: #444;
}

th {
	border-bottom: 1px solid #444;
	font-weight: bold;
	padding: 7px 3px 7px 0;
}

td {
	border-bottom: 1px dotted #444;
	/*background: url(../img/bg_dotline.gif) bottom repeat-x;*/
	padding: 7px 3px 7px 0;
}

tr.inactive td {
	background: #ffe5e5; 
}

.resulttext {
	color: #444;
	font-size: 1.8em;
	font-weight: bold;
}

.topmargin {
	margin-top: 23px;	
}

.dataTables_wrapper, .dataTables_wrapper table {
	min-height: auto !important;
	_height: auto !important;
}

#chart {
	margin-top: 30px;
}

#legend-container {
	margin: 10px 0 30px 0;
}

.legenddownload {
	background: url(../img/legend_download.png) no-repeat left;
	padding-left: 20px;
	margin-left: 15px;
	cursor: pointer;
}

.legendupload {
	background: url(../img/legend_upload.png) no-repeat left;
	padding-left: 20px;
	margin-left: 15px;
	cursor: pointer;
}
.legendlatency {
	background: url(../img/legend_latency.png) no-repeat left;
	padding-left: 20px;
	margin-left: 15px;
	cursor: pointer;
}

/* Share result
---------------------------------------------------------------------------------------------- */

#sharebox {
	background: #eee;
	padding: 23px;
	margin: 23px 0 23px 0;
}

#myresultimg {
	float: left;	
}

#sharelinks {
	float: left;
	margin-left: 45px;
}

#sharelinks input {
	width: 300px;
	border: 1px solid #ccc;
	padding: 5px;
}

#sharelinks textarea {
	width: 300px;
	height: 150px;
	border: 1px solid #ccc;
	padding: 5px;
}

#emailshare {
	border: 1px solid #ccc;
	padding: 23px;	
}

#sharelinks #emailsubmit {
	width: auto;
	background: #003c69;
	color: #fff;
}

.light {
	color: #999;
}

/* Footer
---------------------------------------------------------------------------------------------- */
#footer {border-top: 1px solid #929292; padding: 1.5em 0.2em;}
#footer p {font-size: 1.1em; line-height: 1em; color: #999}
#footer a {color: #999}
#footer a:hover {color: #163e70}

/* icons */

a[href$='.odt'], a[href$='.pdf'], a[href$='.txt'], a[href$='.xls'], a[href$='.doc'],  a[href$='.rtf'] {padding: 5px 5px 5px 15px; background: transparent url(../img/icon-paperclip.gif) no-repeat center left;}

/* Cake PHP */
input.form-error {
	border: 1px solid red;
}

div.error-message {
	color: red;
}

label { 
	width: 120px;
	float: left;
	text-align: right;
	margin-right: 0.5em;
	display: block
}

label.error {
	text-align: left;
	width: auto;
	float: none;
	color: red;
}

.lang_no {
	background:transparent url(../img/lang-no.png) no-repeat scroll 0;
	padding-left:25px;
}

.lang_en {
	background:transparent url(../img/lang-en.png) no-repeat scroll 0;
	padding-left:25px;
}

/* Admin */
.ui-dialog h3 {
	border-bottom: 1px solid #ccc;
	margin-bottom: 15px;
}

.ui-dialog p {
	margin-bottom: 10px;
}

.development-mode {
	color: red !important;
}

div.tickLabel {
	font-size: 12px;
}

/* Feedback form */
#feedbacktab { position: fixed; left: 0; top: 50%; margin-top: -50px; }

h2.underlined {border-bottom: 1px dotted #ccc; margin-bottom: 0.5em; padding-bottom:0.3em;}
#contact-form {float: left; width: 58.8em;}
.styled-form { width: 58.8em; border-top: 6px solid #173f71; padding: 1em 0; margin: 1em 0; }
.styled-form ol, .styled-form ul {list-style-image:none; list-style-position: outside; list-style-type:none; padding: 0}
.styled-form li {position: relative; clear: both; padding-bottom: 1em;}
.styled-form label {float: left; padding: 3px 0; padding-right: 1em; width: 7em; }
.styled-form em {display: block; left: 30.6em; padding: 3px 0;  position: absolute; text-align: left; top: 0; }
.styled-form input {width: 20em; border: 1px dotted #666; padding: 3px 6px}
.styled-form textarea {clear: both; width: 20em; border: 1px dotted #666; padding: 6px }
.attachment {display: block; margin-top: 1em; font-weight: bold;}
.styled-form a.tbutton { text-decoration: none; font-size: 0.8em}
.styled-form span.error { color: #F00; clear: both; margin-left: 10em; padding: 3px 6px; display:block }

#feedback-form .styled-form {width: 39em;}
#feedback-form form label {width: 9em}
#feedback-form form em {left: 32.2em;}

#product_list tbody tr.even {
	background-color: #eee;
}

#product_list tbody tr.odd {
	background-color: #f5f5f5;
}

#product_list tbody tr td {
	padding: 7px 3px 7px 7px;
}

#product_list tbody tr:hover {
	cursor:move;
}

.warningbox {
	background: #ee6611 url(../img/bg_warning.png) no-repeat 1em 1em;
	padding: 1em 1em 1em 4em;
	color: #fff;
	margin-bottom: 1em;
}

/* Stats table */

.statsTable th { text-align: right; padding: 20px 0 5px 0;}
th.date { width: 135px; text-align: left;}
th.abb { text-align: left;}
th.download { width: 120px; background: transparent url(../img/icon_arrow_down.png) no-repeat 80px top; }
th.upload { width: 120px; background: transparent url(../img/icon_arrow_up.png) no-repeat 80px top;}
th.time { width: 80px; background: transparent url(../img/icon_time.png) no-repeat 48px top;}
.statsTable td { text-align: right; padding: 5px 0 5px 0;}
td.date { text-align: left;}
td.abb { text-align: left;}
td.download {}
td.upload {}
td.time {}

.statsSubField { position: relative; width: 100%; height: 78px;}
.statsPrint {position: absolute;  right: 0px; top: 10px; padding: 4px 0 0 0; width: 83px; height: 25px; font-size: 12px; color: #999; text-transform: uppercase; background: transparent url(../img/icon_print.png) no-repeat right top;}
.statsEmail {position: absolute;  right: 100px; top: 10px; padding: 4px 0 0 0; width: 130px; height: 25px; font-size: 12px; color: #999; text-transform: uppercase; background: transparent url(../img/icon_email.png) no-repeat right top;}
.statsPrint:hover {color: #000; background: transparent url(../img/icon_print_dark.png) no-repeat right top;}
.statsEmail:hover {color: #000; background: transparent url(../img/icon_email_dark.png) no-repeat right top;}
.statsSummary {position: absolute;  left: 0px; top: 55px; width: 300px; height: 25px; font-size: 12px; color: #999 }
.statsPagination {position: absolute;  right: 0px; top: 50px; height: 25px}
.statsPagination ul { margin: 0; padding: 0; list-style-type: none}
.statsPagination ul li { float: left; margin: 0 5px 0 5px; padding: 0; height: 26px; background: transparent url(../img/btnbg.png) no-repeat left top;}
.statsPagination ul li a{display: block; height: 26px; padding: 6px 6px 0 6px; background: transparent url(../img/btnbg_end.png) no-repeat right top; font-size: 12px; color: #999 }
.statsPagination ul li a:hover{color: #000; }
.statsPagination ul li .endBtn{ }


.statsBlueLine {border-bottom: 3px solid #003b69}


.statsBtnDefault-active, .statsBtnDefault, .statsBtnIconDown-active, .statsBtnIconDown, .statsBtnIconUp-active, .statsBtnIconUp, .statsBtnIconClock-active, .statsBtnIconClock 
{margin: 1px 0 1px 0; padding: 0 0 0 35px; height: 28px; text-align: left}

.statsBtnText, .statsBtnText-active { display: block; padding: 5px 20px 0 0; height: 28px; font-size: 12px; font-weight: bold; text-decoration: none}

.statsBtnDefault {padding: 0 0 0 20px; background: transparent url(../img/stats_btn_bg_left.gif) no-repeat left top;}
.statsBtnDefault-active {padding: 0 0 0 20px; background: transparent url(../img/stats_btn_bg_left_active.gif) no-repeat left top;}

.statsBtnIconDown {background: transparent url(../img/stats_btn_bg_arwdown_left.gif) no-repeat left top;}
.statsBtnIconDown-active {background: transparent url(../img/stats_btn_bg_arwdown_left_active.gif) no-repeat left top;}

.statsBtnIconUp {background: transparent url(../img/stats_btn_bg_arwup_left.gif) no-repeat left top;}
.statsBtnIconUp-active {background: transparent url(../img/stats_btn_bg_arwup_left_active.gif) no-repeat left top;}

.statsBtnIconClock {background: transparent url(../img/stats_btn_bg_clock_left.gif) no-repeat left top;}
.statsBtnIconClock-active {background: transparent url(../img/stats_btn_bg_clock_left_active.gif) no-repeat left top;}

.statsBtnText {color: #1a1a1a; background: transparent url(../img/stats_btn_bg_right.gif) no-repeat right top;}
.statsBtnText-active {color: #fff; background: transparent url(../img/stats_btn_bg_right_active.gif) no-repeat right top;}

/* ---------------------------------------------------------------------------------------------------------------------------- */

.new-statsBtn { 
	font-weight: bold; 
	font-size:12px;
	line-height:26px;
	padding-left:30px; 
	padding-right:10px; 
	display:block; 
	color: #1a1a1a;
	height:26px; 
	
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	-khtml-border-radius: 50px;
	border-radius: 50px;
} 

.IconDown { 
	background:url(../img/stats_btn_bg_arwdown_left-arrow.png) no-repeat 5px 3px #e5e5e5;   
	border:1px solid #e5e5e5;
}
.IconDown-active { 
	background:url(../img/stats_btn_bg_arwdown_left-arrow.png) no-repeat 5px 3px #172c5d;   
	border:1px solid #79dfff; 
	color:#fff !important;
}
.IconDown-active:hover { color:#163e70 !important; }

.IconUp { 
	background:url(../img/stats_btn_bg_arwup_left-arrow.png) no-repeat 5px 3px #e5e5e5;   
	border:1px solid #e5e5e5;
}
.IconUp-active { 
	background:url(../img/stats_btn_bg_arwup_left-arrow.png) no-repeat 5px 3px #172c5d;   
	border:1px solid #79dfff; 
	color:#fff !important;
}
.IconUp-active:hover { color:#163e70 !important; }

.IconClock {
	background:url(../img/stats_btn_bg_clock_left-ico.png) no-repeat 5px 3px #e5e5e5;   
	border:1px solid #e5e5e5;
}
.IconClock-active { 
	background:url(../img/stats_btn_bg_clock_left-ico.png) no-repeat 5px 3px #172c5d;   
	border:1px solid #79dfff; 
	color:#fff !important;
}
.IconClock-active:hover { color:#163e70 !important; }

.Default-button { 
	background-color:#e5e5e5;   
	border:1px solid #e5e5e5;
 }
.Default-button-active { 
	background-color:#172c5d;   
	border:1px solid #79dfff;
	color:#fff !important;
 }
 
 /* Start test elements */

#test-content { overflow: hidden; }
.test-content-headline { margin-bottom:20px; }

.blue-bt { background-color:#0066cc; border:2px solid #3246b4; -moz-box-shadow: inset 1px 1px #729ffe; -webkit-box-shadow: inset 1px 1px #729ffe; box-shadow: inset 1px 1px #729ffe; }

#start-test-bt { width:300px; height:100px; margin:47px auto; }
#start-test-bt:hover { cursor:pointer; }
#start-test-bt h3 { margin:30px auto; text-align:center; color:#fff; text-shadow: 0px 1px 0px #3246b4; font-size:30px; }

.help-bt { float:left; background:url(../img/icon_help.png) no-repeat; width:18px; height:18px; margin:1px 0px 0px 5px; }
.restart-bt { float:left; background:url(../img/icon_restart.png) no-repeat; width:18px; height:18px; margin:1px 5px 0px 0px; }
.help-bt:hover { cursor:pointer; opacity:0.8; filter: alpha(opacity=80); }
.testresult-help { margin:8px 5px 0px 5px !important; }

.test-content-pan-left { height:auto; width:220px; float:left; }
.test-content-pan-middle { height:auto; width:360px; float:left; margin:0px 20px; }
.test-content-pan-right { height:auto; width:360px; float:left; }

#test-content ul { list-style-type:none; padding:0px; margin:-7px 0px 8px 0px; }
#test-content ul li { padding:1px 0px 1px 0px; border-top: 1px dashed #253f6f; overflow:hidden; }
#test-content ul li:last-child { border-bottom: 1px dashed #253f6f; }

#test-content ul li p { float:left; padding:6px 0px; }
#test-content ul li h3 { float:right !important; margin-right:5px; }

.unit-info { float:right !important; }
.broadband-info { float:right !important; }

.nedlastningskapasitet { background:url(../img/icon_arrow_down.png) no-repeat 0px 8px; padding:1px 0px 1px 30px !important; }
.opplastningskapasitet { background:url(../img/icon_arrow_up.png) no-repeat 0px 8px; padding:1px 0px 1px 30px !important; }
.svartid { background:url(../img/icon_time.png) no-repeat 0px 8px; padding:1px 0px 1px 30px !important; }

.subscription-holder { margin: 5px 0px 18px 0px; overflow: hidden; }
.vis-resultat-bt { color:#fff; font-weight:bold; font-size:13px; padding:5px 10px;  }
.vis-resultat-bt:hover { color:#fff; background-color:#4b66ff;}

.testresultat-agenda { margin-top:38px; }
.testresultat-agenda li { border:none !important; }

.test-finished { display: none; float: left; }

#fancyComboHolder {	position:absolute;	width: 840px;	margin-left: -40px;}

.qtip-wrapper { overflow: visible!important; }