/*
Document   : tools
Created on : Oct 24, 2013
Author     : rhenry
Description: New styles for 2014 launch
*/

/* IP Database
---------------------------------------------------------------------------------------*/
.ipupdate_form {padding:20px;background:#f5f5f5;}
.ipupdate_form .input_and_label_container, 
.ipupdate_form .textarea_container {margin:10px 0;}
.ipupdate_form label {display:block;float:left;width:150px;font-size:14px;}
.ipupdate_form input, 
.ipupdate_form select {width:250px;}
.ipupdate_form textarea {width:350px;}
.ipupdate_form .btn {margin:20px 0 0;}

/* DDoS Cost Calculator
---------------------------------------------------------------------------------------*/
.ddos_calculator_form {clear:both;padding:20px;background:#f5f5f5;}
.ddos_calculator_form .step {padding:10px 0;font-size:14px;}
.ddos_calculator_form label {display:block;font-weight:bold;}
.ddos_calculator_form .hint {margin:0 0 10px;font-size:11px;color:#999;}
#totalContent {float:left;margin:20px 0;width:100%;background:#f5f5f5;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
#estimatedCost {float:left;margin:20px;padding:20px;min-height:100px;font-size:16px;background:#fff;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
#totalContent .result#estimatedCost strong {display:block;font-size:24px;color:#f16e1e;}
#contactMessage {float:left;margin:20px 20px 20px 0;width:550px;font-size:32px;line-height:1;}


/* IP Geo Lookup 
---------------------------------------------------------------------------------------*/
.intro .callout div {padding:10px 20px;}
.resource .iplookup {background:#f5f5f5;}
.resource .iplookup h2 {margin:20px 20px 10px;}
.resource .ipresults {border:5px solid #ddd;}
.resource .ipresults .data {float:left;width:33.3333%;}
.resource .ipresults .data table {margin:0;border-collapse:collapse;border:none;border-right:1px solid #ddd;}
.resource .ipresults .data table td {padding:10px 10px 9px;font-size:12px;color:#6fb342;line-height:1;border:none;border-top:1px solid #eee;}
.resource .ipresults .data table tr:first-child td {border:none;}
.resource .ipresults .data table td.item {color:#666;}
.resource .ipresults .map {float:right;width:66.6667%;height:520px;}
.resource .ipresults .map iframe {width:100% !important;}
.resource .ipsearch {float:left;margin:20px 0;padding:20px;width:900px;background:#555;}
.resource .ipsearch h3 {float:left;margin:0 20px 0 0;font-size:30px;color:#fff;line-height:1;}
.resource .ipsearch input[type="text"] {padding:5px;width:300px;font-size:16px;border:none;}



/* Benchmarks
---------------------------------------------------------------------------------------*/
.benchmarks ul.tabs {margin:0 10px;padding:0;height:36px;list-style:none;background:url(/enterprise/img/data-services/tab-content-bg.gif) repeat-x left bottom;}
.benchmarks ul.tabs li {float:left;margin:0 5px 0 0;list-style:none;border:1px solid #ddd;border-bottom:none;-moz-border-radius:5px 5px 0 0;-webkit-border-radius:5px 5px 0 0;border-radius:5px 5px 0 0;}
.benchmarks ul.tabs li a {float:left;padding:10px 15px;height:14px;font-size:14px;color:#999;text-decoration:none;text-shadow:0 1px 0 rgba(256,256,256,.5);line-height:1;background:#f5f5f5;outline:none;text-decoration:none;-moz-border-radius:5px 5px 0 0;-webkit-border-radius:5px 5px 0 0;border-radius:5px 5px 0 0;}
.benchmarks ul.tabs li.active a {height:15px;color:#282828;background:#fff;-moz-border-radius:5px 5px 0 0;-webkit-border-radius:5px 5px 0 0;border-radius:5px 5px 0 0;}
.benchmarks .tabcontent {margin:0 10px 30px;width:918px;border:1px solid #ddd;border-top:none;background:#fff;}

.benchmarks table {margin:0;border:none;}
.benchmarks table thead th {padding:20px 20px 10px;font-size:11px;color:#666;text-transform:uppercase;border:none;}
.benchmarks table th em {text-transform:none;}
.benchmarks table td {padding:10px 20px;font-size:22px;line-height:1;border:none;border-top:1px solid #ccc;}
.benchmarks table td.order {width:40px;font-size:24px;font-weight:bold;color:#7cb95c;}
.benchmarks table td.screenshot {padding:10px 0 10px 20px;width:150px;}
.benchmarks table td.website {padding:10px 20px 10px 20px;}
.benchmarks table td.website a {display:block;font-size:12px;}
.benchmarks .chartContainer {padding:20px 0;border-bottom:1px solid #ccc;}



/* Instant Test
---------------------------------------------------------------------------------------*/
.page .resource .container_12 {position:relative;}
.performanceSearch {padding:20px;background:#f5f5f5;}
.performanceSearch h2 {margin:0 0 10px;}
.performanceSearch #url {margin:0 10px 0 0;padding:3px;width:300px;font-size:14px;}

/* results */
.instanttestresults .statsbar {float:left;margin:0;width:940px;background:#333;-webkit-border-radius:5px 5px 0 0;-moz-border-radius:5px 5px 0 0;border-radius:5px 5px 0 0;}
.instanttestresults .statsbar br {clear:none;}
.instanttestresults .statsbar h4 {float:left;margin:20px;font-size:14px;color:#ddd;}
.instanttestresults .statsbar h4 span {color:#fff;}
.instanttestresults .statsbar ul {float:right;margin:0;padding:0;list-style:none;}
.instanttestresults .statsbar ul li {float:left;margin:0;padding:20px 15px 13px;width:121px;height:37px;font-size:10px;color:#ddd;line-height:12px;list-style:none;}
.instanttestresults .statsbar ul li img {float:left;margin:-4px 8px 0 0;}
.instanttestresults .statsbar ul li .number {font-size:21px;color:#fff;}

.instanttestresults .loading-area {float:left;width:384px;height:212px;background:#eee;border-left:1px solid #ddd;}
.instanttestresults .loading-area ul {margin:0;padding:0;list-style:none;}
.instanttestresults .loading-area ul li {margin:0;padding:15px 20px;width:345px;height:23px;font-size:12px;list-style:none;background:url(/enterprise/img/web-performance/loading-area-bg.gif) repeat-x 0 0;}
.instanttestresults .loading-area ul li.selected {color:#fff;background:#03966C url(/enterprise/img/backgrounds/ns-ent-nav-bg.jpg) repeat-x 0 0;}
.instanttestresults .loading-area ul li img.arrow {float:right;margin:6px 0 0 0;}
.instanttestresults .loading-area .hidden {display:none;}
.instanttestresults .progressbar {margin:4px 0 0;width:325px;height:5px;line-height:20px;}

.instanttestresults .details-area {float:left;width:555px;height:212px;background:url(/enterprise/img/web-performance/details-area-bg.png) no-repeat 0 0;}
.instanttestresults .details-area .loaderbar {text-align: center; color:#FFF; font-size:20px; padding-top:50px;}

.instanttestresults .details-area .statistics {float:left;margin:20px 0 0 30px;width:500px;line-height:18px;color:#fff;}
.instanttestresults .details-area .statistics #details-screen {float:left;margin:0 10px 0 0;}
.instanttestresults .details-area .statistics .comparison-arrow {float:left;margin:45px 40px 0 35px;width:15px;}
.instanttestresults .details-area .statistics #details-pie {float:left;margin:0 10px 0 0;width:200px;height:110px;}
.instanttestresults .details-area .statistics .info {float:left;margin:0 15px 0 0;}
.instanttestresults .details-area .statistics .info p {margin:0 0 10px 0;font-size:10px;color:#fff;}
.instanttestresults .details-area .statistics .info p strong {font-size:18px;}

#report-container {float:left;margin:0 0 30px;padding:20px;width:898px;border:1px solid #ddd;background:url(/enterprise/img/backgrounds/nse-gradient-down.png) no-repeat 0 0;}
#report-container h5 {margin:0 0 10px;}
#report-container table#net {margin:0;width:100%;table-layout:fixed;font-size:11px;}
#report-container table#net th {padding:0;font-size:12px;color:#333;background:none;}
#report-container table#net tr.step-row {background:#ddd;}
#waterfall-container tr td {margin:0 5px 0 0;padding:5px 0;font-size:12px;line-height:22px;color:#666;border:none;border-top:1px solid #eee;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
#waterfall-container tr.step-row td {text-align:center;}
#waterfall-body tr td.chart {vertical-align:top;}
#waterfall-tooltip {padding: 10px; font-size: 11px; background-color: #f9f9f9; border: 1px solid #69c; border-radius: 5px; -moz-border-radius: 3px; -khtml-border-radius: 3px; box-shadow: rgba(0,0,0, 0.4) 0px 4px 8px; -moz-box-shadow: rgba(0,0,0, 0.4) 0px 4px 8px; -webkit-box-shadow: rgba(0,0,0, 0.4) 0px 4px 8px; z-index: 99; background: -webkit-gradient(linear, left bottom, left 50, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF)); background: -moz-linear-gradient(bottom, #FFFFFF, #EEEEEE 1px, #FFFFFF 50px);}
div.net-bar {margin:0 50px 0 0;position:relative;white-space:nowrap;}
div.net-bar div {position:absolute;top:3px;left:0;height:16px;min-width:0;white-space:nowrap;}
div.net-total-bar {background:#999;z-index:1;}
div.net-dns-bar {background:#72BDC9 url(/enterprise/img/web-performance/timeline-sprites.png) repeat-x 0 -16px;z-index:2;}
div.net-ttfb-bar {background:#9F92BC url(/enterprise/img/web-performance/timeline-sprites.png) repeat-x 0 -64px;z-index:3;}
div.net-ttlb-bar {background:#BFBFBF url(/enterprise/img/web-performance/timeline-sprites.png) repeat-x 0 -80px;z-index:4;}
div.net-time {top:0 !important;margin:0 0 0 5px;vertical-align:middle;}

#traceroute-details {float:left;padding:20px 0 0 0;width:938px;border:1px solid #ddd;border-top:none;-webkit-border-radius:0 0 5px 5px;-moz-border-radius:0 0 5px 5px;border-radius:0 0 5px 5px;}
#traceroute-details h5 {margin:20px 20px 10px;font-size:18px;}
table.tableList {margin:0 0 20px;width:100%;table-layout:fixed;font-size:11px;border-collapse:collapse;}
table.tableList tr th,
table.tableList tr td {padding:5px;}
table.tableList tr th {color:#333;vertical-align:bottom;}
table.tableList tr td {color:#666;border-top:1px solid #eee;vertical-align:middle;}

#benchmarks-chart {float:left;margin:0 10px 20px;width:938px;border:1px solid #ddd;-webkit-border-radius:0 0 5px 5px;-moz-border-radius:0 0 5px 5px;border-radius:0 0 5px 5px;}
#mainChartHeader {padding: 5px;color: #333;font-size: 15px;}
#mainChartViewLevel {padding-left: 5px;line-height: 28px;font-weight: normal;}
#mainChartNav ul {margin: 0;padding: 0;}
#mainChartNav ul li {cursor: pointer;float: left;list-style: none outside none;margin: 2px;padding: 4px;position: relative;line-height: 0;}
#mainChartBody {position: relative;}
#mainChartLegend {float: right;right: 0;padding: 10px 10px 4px 10px;text-align: right;}
#mainChartLegend tr td {vertical-align: middle;}
#mainChartLegend tr td.legendColorBox {padding-right: 5px;}
#noResults {position: absolute;top: 250px;left: 250px;font-size: 22px;color: #999;}

.feedback_container {width:455px;}
/*.feedback_container img {height:55px; width:200px;}*/
.feedback_container p {clear:both; font-size:14px; margin:0; padding:0;}
.feedback_container .legal {color:#CCC; font-size:10px; margin:0; padding:0;}
.feedback_container .input_and_label_container,
.feedback_container .radiogroup,
.feedback_container .textarea_container {border-bottom:1px solid #F0F0F0; clear:both; float:left; padding:3px 0; width:455px;}
.feedback_container .input_and_label_container label,
.feedback_container .textarea_container label,
.feedback_container .radiogroup label.optional {display:block; float:left; width:245px;}
.feedback_container .input_and_label_container select,
.feedback_container .input_and_label_container input,
.feedback_container .textarea_container textarea  {width:200px;}
.feedback_container .radiogroup br {position:absolute;}
.feedback_container .submit {clear:both; float:right;}