/* the tabs you can click on */ .ahscp #tabs { margin: 20px 0; width: 800px; } .ahscp #tabs ul.thetabs { float: left; width: 800px; margin: 0; border-bottom: 2px solid #ddd; height: 31px; } .ahscp #tabs ul.thetabs li { background: #ddd; margin-right: 12px; list-style: none; border: 2px solid #ddd; border-bottom: 0; margin-bottom: 0; border-top-right-radius: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; -moz-border-radius-topleft: 5px; } .ahscp #tabs ul.thetabs li { display: inline; float: left; } .ahscp #tabs ul.thetabs li a { float: left; text-decoration: none; padding: 7px 10px; color: #666; font-family: Georgia; font-size: 16px; } .ahscp #tabs ul.thetabs li.active { background: #f9f9f9; padding-bottom: 1px; } .ahscp #tabs ul.thetabs li.active a { color: #666; } /* the cards below the tabs */ .ahscp #tabs div.card { border: 2px solid #ddd; border-top: 0; background: #f9f9f9; clear: both; padding: 15px; min-height: 200px; } .ahscp .card h3 { margin-bottom:10px; font-size:20px; margin-top: 0; color:#A66540; font-weight:normal; clear: both; } .ahscp .card h4 { margin-bottom:5px; font-size:14px; color:#A66540; clear: both; border-top: 2px solid #ddd; padding-top: 15px; margin-top: 0; } .ahscp .card h5 { font-size: 12px; clear: both; } /* form fields and tables */ .ahscp .card .input { padding: 5px 0;border-bottom: 1px solid #eee; } .ahscp .card label { width: 120px; padding-top: 5px; font-weight: bold; display: block; float: left;} .ahscp .card input, .ahscp .card textarea { width: 460px; background: #fff; } .ahscp .card textarea { font-family: Consolas,Monaco,monospace; font-size: 12px; } .ahscp .card .help { font-size:8pt;padding-bottom:0px; padding-left: 123px; } .form-table { width: 700px; border-top: 1px solid #eee; } .form-table th { width: 100px } .form-table td { padding-top: 5px; margin-bottom: 5px; } .form-table tr { border-bottom: 1px solid #eee; } .ahscp .card .highlight { font-weight: normal; } .ahscp .card .clr { clear: both; height: 0px; } .ahscp .card .clrleft { clear: left; height: 0px; }