/* css document by jpdelatorre */

body { font-size:62.5%; font-family:Arial; color:#222; background:#F9F8F9; }

#header { background: url(/img/maptimizer_md_header.gif) no-repeat; width:100%; height:146px; padding:10px; position:relative; }
#header h1 { width:247px; height:64px; background:transparent url(images/logo_new.png) no-repeat; }
#header h1 span { display:none; }
#header p { width:298px; height:34px; background:transparent url(images/tagline.gif) no-repeat; margin-left:5px; margin-top:5px; }
#header p span { display:none; }

#main-nav { position:absolute; bottom:18px !important; bottom:18px; left:280px; width:750px; }
#main-nav li { float:left; width:242px; height:37px; }
#main-nav li a { display:block; width:100%; height:100%; text-indent:-5000px; }
#step-1 { background:transparent url(images/step1-inactive.gif) no-repeat; }
#step-2 { background:transparent url(images/step2-inactive.gif) no-repeat; }
#step-3 { background:transparent url(images/step3-inactive.gif) no-repeat; }
#step-1.active { background:transparent url(images/step1-active.gif) no-repeat;  }
#step-2.active { background:transparent url(images/step2-active.gif) no-repeat;  }
#step-3.active { background:transparent url(images/step3-active.gif) no-repeat;  }

#content { margin-top:20px; }

#content-step3 table { width:95%; margin:0 auto; margin-top:5px; background:#fff; border:2px solid #ccc; border-collapse:collapse; }
#content-step3 table th { font-weight:bold; font-size:1.1em; border-bottom:1px solid #eee; padding:3px 0 3px 0; text-align:center; }
#content-step3 table td { font-size:1.1em; padding:2px 0 2px 0; }
#content-step3 table td a { color:#357B98; }

#bottomtext p { width:680px; height:20px; color:#AA9FAA; margin:0 auto; font-size:1.2em; }
#bottomtext a { color:#666666;}

#sidebar { width:300px; float:left; }
#sidebar p.instruction { font-size:1.3em; font-family:"Lucida Grande",Arial; color:#000; width:90%; margin:0 auto; margin-bottom:15px; }
#sidebar p.actions { width:280px; height:20px; margin:0 auto; font-size:1.2em; }
#sidebar p.actions a.reset { color:#666; display:block; width:auto; float:left; }
#sidebar p.actions a.addrow { color:#f00; display:block; width:auto; float:right; }
#sidebar div.buttons { text-align:right; }

.inputs { width:280px; height:100px; margin:0 auto; border:1px solid #ccc; background:#F2EFE9; position:relative; margin-bottom:15px; }
.inputs p.remove { width:12px; height:12px; background:transparent url(images/button-remove.gif) no-repeat; position:absolute; top:3px; right:3px; z-index:2; }
.inputs p.remove a { display:block; width:100%; height:100%; text-indent:-5000px; }
.inputs fieldset { width:95%; margin:0 auto; position:absolute; top:5px; left:5px; z-index:1; }
.inputs fieldset p { float:left; width:auto; margin:3px; }
.inputs label { font-size:1em; font-family:"Lucida Grande",Arial; display:block; margin-bottom:3px; }
.inputs input { border:2px solid #ccc; padding:2px; }
.inputs select { border:2px solid #ccc; }
.inputs option { padding:2px; }


.inputs0 { width:280px; height:100px; margin:0 auto; border:1px solid #ccc; background:#F2EFE9; position:relative; margin-bottom:15px; }
.inputs0 p.remove { width:12px; height:12px; background:transparent url(images/button-remove.gif) no-repeat; position:absolute; top:3px; right:3px; z-index:2; }
.inputs0 p.remove a { display:block; width:100%; height:100%; text-indent:-5000px; }
.inputs0 fieldset { width:95%; margin:0 auto; position:absolute; top:5px; left:5px; z-index:1; }
.inputs0 fieldset p { float:left; width:auto; margin:3px; }
.inputs0 label { font-size:1em; font-family:"Lucida Grande",Arial; display:block; margin-bottom:3px; }
.inputs0 input { border:2px solid #ccc; padding:2px; }
.inputs0 select { border:2px solid #ccc; }
.inputs0 option { padding:2px; }




#main { width:650px; margin-left:320px;  }
#main img.map { width:639px; border:5px solid #7f7f7f; display:block; margin-top:20px; }
#map { width:639px; height:400px; border:5px solid #7f7f7f; display:block; margin-top:20px; }

#main p { font-size:1.2em; }
#results { border:6px solid #ccc; margin-top:10px; padding:8px 0 5px 0; background:#fff; }
#status-indicator {  height:16px; line-height:16px; background:transparent url(images/indicator-arrows.gif) no-repeat; text-indent:25px; }

table.data { width:95%; margin:0 auto; font-family:"Lucida Grande",Arial; }
table.data th { border-bottom:1px dotted #ccc; font-size:1.3em; font-weight:bold; color:#000; padding-bottom:5px; }
table.data td { font-size:1.2em; padding:5px 0 5px 0; }
table.data td a { color:#357B98; font-weight:bold; }