/* CSS for Load Impact Page Analyzer */

#pageanalyzer-settings h2 .info { display:inline; width:17px; margin-left:10px; }
#pageanalyzer-settings h2 .info a{ text-decoration:none; text-indent:-9999px; overflow:hidden; width:17px; height:17px; background:url(/images/icon-i.png) no-repeat; }
#pageanalyzer-settings h2 .info:hover,
#pageanalyzer-settings h2 .info.hover { position:relative; }
#pageanalyzer-settings h2 .info:hover .info-popup,
#pageanalyzer-settings h2 .info.hover .info-popup { display:block; }
#pageanalyzer-settings h2 .info-popup { display:none; width:187px; position:absolute; top:-40px; left:40px; background:url(/images/bg-info-popup.gif) repeat-y; }
#pageanalyzer-settings h2 .info-popup-top { float:left; width:187px; background:url(/images/bg-info-popup-top.gif) no-repeat; }
#pageanalyzer-settings h2 .info-popup-holder { float:left; width:187px; padding:4px 0; background:url(/images/bg-info-popup-bottom.gif) no-repeat 0 100%; }
#pageanalyzer-settings h2 .info-popup-holder div { overflow:hidden; width:160px; padding:5px 16px 10px 18px; margin:0 0 0 -7px; position:relative; background:url(/images/bg-info-popup-arrow-transparent.gif) no-repeat 0 50%; }
#pageanalyzer-settings h2 .info-popup-holder h6 { margin:0; color:#000; border-bottom:1px solid #d7ce5c; font:bold 11px/15px Arial, Helvetica, sans-serif; }
#pageanalyzer-settings h2 .info-popup-holder h6 em{font-weight:normal;}
#pageanalyzer-settings h2 .info-popup-holder strong{ display:block; width:100%; margin:5px 0 0; color:#736b00; font:bold 11px/15px Arial, Helvetica, sans-serif; }
#pageanalyzer-settings h2 .info-popup-holder p { margin:0; width:100%; color:#736b00; font:11px/15px Arial, Helvetica, sans-serif; }

#pageanalyzer-analysis-summary { width:100%; font-size:11px; padding:0; margin:50px auto 0 auto; }
#pageanalyzer-analysis-summary div.summary div div div { padding:5px 0; }
#pageanalyzer-about { width:100%; font-size:11px; padding:0; margin:50px auto 0 auto; }

#pageanalyzer-container { width:100%; font-size:11px; padding:0; margin:0 auto; }
#pageanalyzer-container h1, #pageanalyzer-analysis-summary h1, #pageanalyzer-about h1 { font-size:17px; font-family:Verdana, Arial, Helvetica, sans-serif; line-height:19px; padding:0; margin:0; }
#pageanalyzer-container img { margin:0; border:none; }

#pageanalyzer_wrapper { clear:both; }
#pageanalyzer_length { width:352px; height:25px; float:left; background-color:#ddd; padding:10px; border-top: 1px solid #ccc; }
#pageanalyzer_filter { width:352px; height:25px; float:right; background-color:#ddd; text-align:right; padding:10px; border-top:1px solid #ccc; }
#pageanalyzer_info { width:372px; float:left; margin-top:10px; }
.dataTables_paginate { width:372px; float:right; text-align:right; margin-top:10px; }
.dataTables_paginate span.paginate_button,
.dataTables_paginate span.paginate_active { color:#e25500; text-decoration:none; padding:2px; margin:0 3px; cursor:pointer; *cursor:hand; }
.dataTables_paginate span.paginate_active { color:#000; }
.dataTables_paginate span.paginate_button:hover { text-decoration:underline; }
.dataTables_paginate span.paginate_active:hover  { text-decoration:none; }

table.display { width:100%; clear:both; margin:0 auto; }
table.display thead { height:40px; background:url(../images/pageanalyzer/bg_thead.gif) left top repeat-x; color:#000; }
table.display thead th { height:33px; padding:3px 10px; border-bottom:1px solid #ccc; font-weight:bold; cursor:pointer; * cursor:hand; }
table.display tfoot th { padding:3px 10px; border-top:1px solid #ccc; font-weight:bold; }
table.display tr.heading2 td { border-bottom:1px solid #aaa; }
table.display td { padding:2px 5px; }
table.display td.center { text-align:center; }
table.display td.dataTables_empty { padding:10px; }

.sorting_asc { background:url(../images/pageanalyzer/sort_asc.gif) no-repeat center right; }
.sorting_desc { background:url(../images/pageanalyzer/sort_desc.gif) no-repeat center right; }
.sorting { background:url(../images/pageanalyzer/sort_both.gif) no-repeat center right; }

.loadtime-column { background:url(../images/pageanalyzer/bg_grid.gif) top left repeat-x; padding:0; }
.bar-container { height:14px; font-size:1px; }
.bar { height:14px; width:1px; float:left; font-size:1px; margin-top:2px; }
.bar-queue { background:url(../images/pageanalyzer/bg_queue.gif) left center repeat-x; }
.bar-dns { background:url(../images/pageanalyzer/bg_dns.gif) left center repeat-x; }
.bar-connect { background:url(../images/pageanalyzer/bg_connect.gif) left center repeat-x; }
.bar-redirect { background:url(../images/pageanalyzer/bg_redirect.gif) left center repeat-x; }
.bar-ttfb { background:url(../images/pageanalyzer/bg_ttfb.gif) left center repeat-x; }
.bar-download { background:url(../images/pageanalyzer/bg_download.gif) left center repeat-x; }
table.display tfoot th.grid-bottom { background:url(../images/pageanalyzer/bg_grid_bottom.gif) top left repeat-x; padding:8px 0; }
table.display tfoot th.grid-bottom div.nr { float:left; width:40px; color:#666666; font-size:10px; text-align:left; }
.bar-legend { float:left; margin:20px 10px 20px 0; }
.bar-legend img { border:1px solid #ccc; }

#tooltip { position:absolute; background-color:#eee; font-size:11px; padding:5px; border:1px solid #d7ce5c; z-index:3000; }
#tooltip h3, #tooltip div { font-size:11px; font-weight:normal; margin:0; }
#tooltip .bar { margin-top:2px; }

table.display tr.odd td.status40x, table.display tr.odd td.status50x, table.display tr.odd td.status-err { background-color:#ffc4c4; }
table.display tr.even td.status40x, table.display tr.even td.status50x, table.display tr.even td.status-err { background-color:#ffd5d5; }

tr.odd { background-color:#eee; }
tr.even { background-color:white; }
.top, .bottom { padding:15px; background-color:#F5F5F5; border:1px solid #ccc; }
.top .dataTables_info { float:none; }
.clear { clear:both; }

table.display tr.row_selected.odd td { background-color:#b0bed9; }
table.display tr.row_selected.even td { background-color:#9fafd1; }

#pageanalyzer-settings-button { background-color:#ddd; padding:8px; border:1px solid #ccc; margin:1px 16px 0 340px; }
#pageanalyzer-settings-button select, #pageanalyzer-settings-button a { margin-left:5px; }

#errormsg, #pageanalyzer-feature-httpauth, #pageanalyzer-feature-maxdlspeed { color:red; font-size:11px; padding:10px; border:1px solid red; }
#errormsg { margin:50px auto 0 auto; }
#errormsg a:link, #errormsg a:active, #errormsg a:visited,
#pageanalyzer-feature-httpauth a:link, #pageanalyzer-feature-httpauth a:active, #pageanalyzer-feature-httpauth a:visited,
#pageanalyzer-feature-maxdlspeed a:link, #pageanalyzer-feature-maxdlspeed a:active, #pageanalyzer-feature-maxdlspeed a:visited { text-decoration:underline; }
#errormsg a:hover, #pageanalyzer-feature-httpauth a:hover, #pageanalyzer-feature-maxdlspeed a:hover { color:red; }

#pageanalyzer-loadtest { font-size:75%; font-weight:normal; }

#pageanalyzer-summary-publicurl { width:400px; }