#pageNav                     { background:url('../images/master-navigation-ff.png') no-repeat; }
#navBar a#first              { border:none; }

#indexheader                 { display:none; }
form#index                   { width:960px; height:433px; margin-bottom:3em; background:transparent url('../images/firefactor/index-form.png') no-repeat; }
form#index fieldset          { padding:380px 0 0; }
form#mini                    { width:670px; margin-bottom:3em; background:transparent url('../images/firefactor/mini-form.png') no-repeat; }
form#mini fieldset           { padding:40px 0 0; }
form#mini label              { display:block; }
form#mini span               { display:block; padding:0; }
form#mini #reportfields      { float:left; margin-right:40px; }
form#mini #recaptcha         { margin-top:10px; }
form#mini #gobutton          { margin:0; }
form.minireport label        { margin:0 !important; padding:10px 0; font-size:1.1em; }
form.minireport label.second { margin-right:20px !important; }
form.minireport span         { padding:0 10px; font-weight:bold; color:#444; font-size:.9em;}
form.minireport input.txt    { font-size:1em; width:260px; }
form.minireport #gobutton    { padding-top:20px; }
#get-report                  { display:block; width:595px; height:135px; margin:20px auto; background:url('../images/firefactor/index-order-blurb.png') no-repeat; text-indent:-4000px; overflow:hidden; }

#indexscreenshots            { text-align:center; }
#indexscreenshots img        { vertical-align:top; margin:10px; border:1px solid #aaa;}
#indexscreenshots img.order  { border:0; }
#screenshots img             { margin:10px 0; }

.qna                         { margin:20px 0; padding:0 0 0 60px; background:url('../images/firefactor/quote.png') no-repeat; }
.qna .question               { font-weight:bold; font-size:1.4em; color:#900; padding:0 0 .25em !important; }
.qna .answer                 { padding:0 0 0 20px; font-size:1em; color:#555; }

#minireport-callout          { float:left; margin:0 30px 60px 0; font-size:12px; font-weight:bold; }

.freetool fieldset           { margin-bottom:40px; }
.freetool .sectioninfo       { margin-top:30px !important; padding:0 !important; font-size:1.1em; }
.freetool input,
.freetool textarea           { width:600px; font-size:1em; }
.freetool .hint              { margin:10px; font-size:12px; color:#666; }
.freetool .hint p            { margin:0 !important; padding:0 0 5px !important; }
.freetool .hint p.example    { margin:0 0 0 10px; font-style:italic; font-weight:bold; }
.freetool #gobutton          { width:auto; margin-left:40px; }
#othertools                  { margin-bottom:40px; }
#othertools .active a        { font-weight:bold; color:#000; text-decoration:none; }

.link_table                  { width:640px; margin:0 auto 40px; }
.link_table td               { border-bottom:1px dotted #ccc; padding:4px; }
.link_table td.pass,
.link_table td.fail          { font-weight:bold; width:60px; }
.link_table td.pass          { color:#080; }
.link_table td.fail          { color:#900; }
.link_table td.check         { width:60px; font-size:.9em; }
.link_table td.check a:link  { color:#444; }

#enginelist li               { display:block; float:left; width:190px; }
#enginelist li input,
#showhtml                    { float:left; margin-right:5px; }


#cpactions .active a         { color:#222; text-decoration:none; font-weight:bold; }

.tools fieldset              { padding:40px 20px 20px !important;}

.swfchart                    { border-top:1px solid #fc0; border-bottom:1px solid #fc0 }
.dataset                     { width:100%; }
.dataset caption             { padding:0 0 5px; font-size:1.5em; font-weight:bold; border-bottom:1px solid #ddd; }
.dataset th                  { font-weight:bold; padding:2px 5px; background:#f2f2f2; border:1px solid #ccc !important; }
.dataset td                  { padding:2px 5px; border:1px solid #ddd; }
.dataset .numeric            { text-align:right !important; }
.dataset .quantity           { text-align:center !important; }
.dataset .iterator           { vertical-align:top; width:40px !important; }
.dataset .key                { width:136px; }
#datasection                 { margin:60px 0; }

#pageproperties td img       { margin-left:10px; }

#requestSizes                { width:240px; }
#requestSizes .row td        { padding:5px; }
#requestSizes .html          { border-left:6px solid #c33; }
#requestSizes .images        { border-left:6px solid #63c; }
#requestSizes .css           { border-left:6px solid #693; }
#requestSizes .script        { border-left:6px solid #939; }
#requestSizes .media         { border-left:6px solid #f63; }

#vertgraph                   { display:block; float:right; margin:20px 0 0 40px; width:378px; height:207px; position:relative; background: url("../images/firefactor/request-size-chart-background.png") no-repeat; }
#vertgraph ul                { width:378px; height:207px; margin:0; padding:0; }
#vertgraph ul li             { position:absolute; width:32px; height:160px; bottom:37px; padding:0 !important; margin:0 !important; background: url("../images/firefactor/chart-colorbar.png") no-repeat !important; font-size:10px; text-align:center; font-weight:bold; color:#fff; }
#vertgraph li.html           { left: 20px; background-position: 0px bottom !important; }
#vertgraph li.images         { left: 96px; background-position: -36px bottom !important; }
#vertgraph li.css            { left: 172px; background-position: -72px bottom !important; }
#vertgraph li.script         { left: 250px; background-position: -108px bottom !important; }
#vertgraph li.media          { left: 322px; background-position: -144px bottom !important; }

.spiderLinks *               { border:0 !important; }
.spiderLinks td              { border-bottom:1px solid #ccc  !important; }

#submission_log li           { background:transparent url('../images/icons/accept.png') left 7px no-repeat; border-top:1px solid #ccc; padding:5px 0 5px 30px; }
.submissiondate              { display:block; float:left; width:150px; color:#333; }

#mini-report-thanks,#mini-report-oops {
   margin:10px 0;
   padding-left:160px;
   }
#mini-report-thanks {
   background:transparent url(../images/firefactor/checkmark.png) 0 0 no-repeat;
   }
#mini-report-oops {
   margin-bottom:40px;
   background:transparent url(../images/icon-warning.png) 0 0 no-repeat;
   }
#mini-report-thanks #url { font-weight:bold; font-size:1.5em; }
#mini-report-thanks #url span { display:block; color:#900; font-size:1.3em; padding:10px; }
#mini-report-thanks #review { font-weight:bold; font-size:1.1em; }

#mini-report-thanks b, #mini-report-oops b {
   color:#900;
   }
#update {
   margin:16px auto;
   width:100%;
}

.sectionname {
   font-size:2em !important;
   color:#090;
   }

#update {
   margin:9px auto;
   width:99%;
}
#update td {
   margin:3px;
   padding:3px;
   border-bottom:1px solid #ececec;
   font:normal 1.1em tahoma,helvetica;
   text-align:left;
}
#update .key {
   width:30%;
   border-right:1px solid #ececec;
   font-weight:bold;
   color:#666;
   text-align:right;
   vertical-align:top;
}
#update .value {
   width:70%;
   text-align:left;
}

#update tr.req input {
    border:1px #555 solid;
    background-color:#ffe;
    padding:2px;
}

#update tr.err input, #update tr.err select {
	 border:2px solid #c00;
    background-color:#ffc;
    padding:2px;
}
#update tr.err td.key, #update tr.err td.value {
    font-weight:bold;
    color:#c00;
}

#update {
   width:100%;
   margin:18px 0;
   }
#update td {
   padding:9px 3px;
   vertical-align:top;
}
#update td.chk {
   width:20px;
   }
#update td.pdt, #update td.price, #update td.pricelittle {
   font-size:1.3em;
   font-weight:bold !important;
   }
#update td.sub {
   color:#555;
   }
#update td.price, #update td.pricelittle {
   color:#090;
   text-align:right;
   }
#update td.pricelittle {
   font-size:.9em !important;
   }
#update td.divider {
   padding:18px 0 !important;
   text-align:center;
   font-weight:bold;
   color:#999;
   }

#url_picker {
   display:block;
   width:100%;
   height:25px;
   font-size:1.3em;
   color:#8f1719;
   font-weight:bold;
   margin:20px 0 30px;
}

.urlbox {
   font-size:12px !important;
   width:600px;
   margin:9px auto 36px !important;
   padding:12px !important;
   border:1px solid #fc0;
   background:#ffe;
   }
.urlbox #mainurl {
   margin:9px 0;
   font-size:1.1em;
   color:#444;
   }
.urlbox label {
   display:block;
   margin:4px 0;
   }
.urlbox label.err {
   color:#c00;
   }
.urlbox label.err input {
   border:2px solid #c00;
   }

.urlbox span {
   display:block;
   padding:2px 0 0;
   float:left;
   clear:both;
   width:90px;
   }
.urlbox input {
   width:460px;
   padding:2px;
}

#continue_order {
   text-align:center;
}

.urlbox label.cart_checkbox {
   color:#090;
   font-size:.9em;
   font-weight:bold;
   display:inline;
}

.urlbox label.cart_checkbox span {
   display:inline;
   float:none;
   clear:none;
}

#findlinks {
   padding:20px 10px 10px;
}

#findlinks p#clickhereauto {
   font-weight:bold;
   cursor:pointer;
   color:#008;
   width:auto;
   background:url("../images/icons/zoom.png") 0 2px no-repeat;
   margin:0;
   padding:0 0 0 20px;
}

#findlinks #patience_message {
   font-weight:bold;
   background:none;
   background:url("../images/link-finder.gif") 0 2px no-repeat;
   margin:0 !important;
   padding:0 0 0 20px !important;
   height:auto;
}

#code_viewer {
   cursor:pointer;
   text-decoration:underline;
   color:#008;
}
#notready { font-size:1.4em; }
#notready strong { font-size:1.5em; line-height:1.25em; color:#900; }
#notice_more p strong { display:block; }


ul#pagelist    { margin:10px 0 40px 20px; }
ul#pagelist li { margin-left:20px; list-style:disc; font-size:.9em; }

#datechooser    { margin-bottom:20px; padding:10px; font-weight:bold; border-bottom:1px solid #ddd; }

#buttoncode     { margin-bottom:40px;}
#buttoncode img { float:left; margin:0; }
#buttoncode p,
#buttoncode textarea  { margin-left:140px; }
#buttoncode textarea  { width:500px; padding:5px; }

#score                 { margin:0 0 20px; padding:20px; background:#ffe; border:1px solid #c90; border-width:1px 0; font-weight:bold; font-size:1.4em; color:#444; }
#score p               { clear:both; padding:0; }
#score span            { color:#900; }

#rerun_report          { margin:10px 0 40px; }

div.overall_score                             { clear:both; font-size:1.5em; padding-bottom:10px !important; }
div.overall_score > div.score-container       { color:#fff; font-weight:bold; text-indent:5px; padding:3px; width:99%; }
div.overall_score > div.score-container > div { padding:10px !important; background:#c00 url('../images/firefactor/overall-score-gradient.png') repeat-x; }
div.overall_score span                        { float:left; width:140px; margin-right:10px; text-align:right; font-size:1.2em; font-style:italic; font-weight:bold; padding-top:2px; color:#900; }

div.score_category                      { clear:both; font-size:1.3em; padding-bottom:10px !important; }
div.score_category span                 { float:left; width:140px; margin-right:10px; text-align:right; font-style:italic; font-weight:bold; padding-top:2px; }
div.score-container                     { border:1px solid #ccc; width:500px; margin: 2px 5px 2px 0; padding: 1px; float: left; background: white; }
div.score-container > div               { color:#fff; font-weight:bold; text-indent:5px; padding:3px; }
div.score-container > div.optimization  { background-color: #900; }
div.score-container > div.design        { background-color: #f60; }
div.score-container > div.accessibility { background-color: #d90; }
div.score-container > div.experience    { background-color: #c63; }


#score_summary         { margin:30px 0 80px; }
#score_counts li      { height:50px; padding:5px 0 10px 50px; font-weight:bold; font-size:1.2em; color:#444; }
#score_counts #high   { background:url('../images/firefactor/score-high.png') no-repeat; color:#080; }
#score_counts #medium { background:url('../images/firefactor/score-medium.png') no-repeat; color:#666; }
#score_counts #low    { background:url('../images/firefactor/score-low.png') no-repeat; color:#800; }

.switcher label        { display:block; font-weight:bold; color:#444; }
.switcher select       { margin-bottom:20px; }

.report_field          { margin:0 10px; }
.factorname            { display:block; margin-bottom:.5em; font-size:1.4em; font-style:italic; color:#888;  border-bottom:1px solid #888; }
.hint                  { float:right; margin-left:30px; }
.analysis              { font-size:1.2em; font-weight:bold; }
.factors li            { border-top:1px solid #ddd; padding:20px 0px 10px 50px;  }
li.high                { background:url('../images/firefactor/score-high.png')  0 15px no-repeat; }
li.medium              { background:url('../images/firefactor/score-medium.png')  0 15px no-repeat; }
li.low, li.no                 { background:url('../images/firefactor/score-low.png')  0 15px no-repeat; }
.improve strong        { display:block; color:#900; font-size:1.2em; }
.improve               { font-weight:bold; }
p.suggestion span      { font-weight:bold; font-style:italic; color:#080; }

div.group,
table#details          { width:680px; }

a.go-to-overview       { clear:both; display:block; margin:10px 0; font-weight:bold; color:#900; }
a.go-to-overview:hover { color:#c00; }