/* OBE Order Form */
body { font-family:Arial, Helvetica, sans-serif; }

/* FRAME */
.frame { width:1000px; margin:auto; }
.col-left { width:80%; float:left; }
.col-right { width:20%; float:left; }

/* WRAPPER */
.wrapper { padding-bottom:44px; height:100%; min-height:545px; margin-top:-14px; background:url(images/wrapperbg.gif) no-repeat bottom; padding-left:15px; padding-right:22px; position:relative; }

/* ROW LAYOUT */
.row { width:100%; border-bottom:1px solid #cccccc; padding-top:13px; padding-bottom:13px; }
.row-title-disabled { min-height:20px; background:url(images/step-dis.gif) no-repeat left; padding-left:30px; }
.row-title-disabled > .text { font-size:13px; color:#cdcdcd; font-weight:bold; float:left; padding-top:2px; width:60%; }
.row-title-disabled > .selection { width:30%; float:left; font-size: 13px; color: #0071bc; padding-top:2px; }
.row-title-disabled > .edit  { float:right; width:5%; display:none; }
.row-title-disabled > .edit > a { background:url(images/edit-icon-dis.gif) no-repeat right; padding-right:17px; font-weight:normal; font-size:11px; color:#0071bc; display:block; cursor:pointer; margin-top:3px; }

.row-title-focus { min-height:20px; background:url(images/step-incomplete.gif) no-repeat left; padding-left:30px; }
.row-title-focus > .text { font-size:13px; color:#333333; font-weight:bold; float:left; padding-top:2px; width:60%; }
.row-title-focus > .selection { width:30%; float:left; font-size: 13px; color: #0071bc; padding-top:2px; }
.row-title-focus > .edit  { float:right; width:5%; display:none; }
.row-title-focus > .edit > a { background:url(images/edit-icon.gif) no-repeat right; padding-right:17px; font-weight:normal; font-size:11px; color:#0071bc; display:block; cursor:pointer; margin-top:3px; }

.row-title-complete { min-height:20px; background:url(images/step-complete.gif) no-repeat left; padding-left:30px; }
.row-title-complete > .text { font-size:13px; color:#cdcdcd; font-weight:bold; float:left; padding-top:2px; width:60%; }
.row-title-complete > .selection { width:30%; float:left; font-size: 13px; color: #0071bc; padding-top:2px; }
.row-title-complete > .edit  { float:right; width:5%; }
.row-title-complete > .edit > a { background:url(images/edit-icon.gif) no-repeat right; padding-right:17px; font-weight:normal; font-size:11px; color:#0071bc; display:block; cursor:pointer; margin-top:3px; }

.row-title-complete-edit { min-height:20px; background:url(images/step-complete.gif) no-repeat left; padding-left:30px; }
.row-title-complete-edit > .text { font-size:13px; color:#cdcdcd; font-weight:bold; float:left; padding-top:2px; width:60%; }
.row-title-complete-edit > .selection { width:30%; float:left; font-size: 13px; color: #0071bc; padding-top:2px; }
.row-title-complete-edit > .edit  { float:right; width:5%; }
.row-title-complete-edit > .edit > a { background:url(images/edit-icon.gif) no-repeat right; padding-right:17px; font-weight:normal; font-size:11px; color:#0071bc; display:block; cursor:pointer; margin-top:3px; }

.row-main { width:100%; margin-top:10px; clear:both; border-top:1px dashed #bbbbbb; padding-top:10px; background:url(images/step-bg-active.gif) no-repeat top; min-height:72px; }
.row-main > .left { width:25%; float:left; margin-right:2%; }
.row-main > .right { width:72%; float:right; }

.row-main > .left > .help-title { clear:both; font-size:12px; color:#333; margin-bottom:4px; padding-left:10px; }
.row-main > .left > .help-text { clear:both; font-size:11px; color:#666; padding-left:10px; }

#standards > .left > .help-title { clear:both; font-size:12px; color:#fff; margin-bottom:4px; padding-left:15px; padding-top:10px; font-weight:bold;}
#standards > .left > .help-text { clear:both; font-size:11px; color:#fff; padding-left:15px; }

.next-step { background:url(images/next-bar.png) no-repeat; height:26px; padding-top:5px; padding-right:8px; clear:both; display:none; margin-top:5px;}
.next-step a { display:block; clear:both; float:right; width:70px; height:35px; margin:-15px 0 0 0; padding:15px 10px 0 0; background:url(images/continue_d.png) no-repeat right center; color:#CCC; cursor:default; position:relative; z-index:100;}
.next-step a:hover {text-decoration:none;}
.next-step a.active {background-image:url(images/continue.png); color:#555; cursor:pointer;}
.next-step a.active:hover {text-decoration:underline;}

/* OPTIONS */
.box { width:100%; clear:both; margin-bottom:2px; }
.box > span { font-size:12px; color:#666; cursor:pointer; } 

/* HIDE ROWS UNTIL NEEDED */
#levels { display:none; }
#open-levels { display:block; }
#types { display:none; }
#subjects { display:none; }
#words { display:none; }
#delivery { display:none; }
#deliveries { display:none; }
#deliv { width:65%; margin-right:5%; }
#standards { display:none; height:150px; }

/* DELIVERY */
.make-cheaper { width:123px; color:#666666; height:26px; background-image:url(images/cheaper-btn.gif); background-repeat:no-repeat; background-position:right; padding-top:10px; display:block; float:right; margin-top:20px; cursor:pointer; font-size:13px; }
.make-quicker { width:121px; color:#666666; height:26px; background-image:url(images/quicker-btn.gif); background-repeat:no-repeat; display:block; float:left; padding-top:6px; margin-top:20px; text-align:right; cursor:pointer; font-size:13px; }

/* SUBJECTS */
#subjects input {width:300px; padding:6px; font-size:14px;}
#subjects .row-main-options {position:relative; right:20px; width:320px; margin:0;}
#subject-suggest {display:none; width:312px; margin-top:-3px; padding-bottom:17px; background:#FFF; border-width:0 1px 1px 1px; border-style:solid; border-color:#CCC;}
#subject-suggest a {cursor:pointer;}
#subject-suggest > div > a {clear:both; display:block; margin-top:2px; padding:4px 6px;}
#subject-suggest > div > a:hover, .suggest-highlight {background-color:#EEE; color:#333; text-decoration:none;}
#close-suggest {float:right; margin:0 6px 0 0; cursor:pointer;}
#subj-note {float:right; width:180px; color:#F00;}

/* WORDS */
#words input { width:300px; padding:6px; font-size:14px; }
#word-note {float:right; width:180px; color:#F00;}
#word-error {margin:6px 0 0 0; color:#F00;}

/* STANDARDS */
.standard-opt, .standard-opt-set { cursor:pointer; margin-right:5px; background-image:url(images/standards-frame.png); background-repeat:no-repeat; background-position:center; display:block; width:83px; height:94px; position:relative; text-align:center; font-weight:normal; padding:15px 10px 10px 7px; clear:none; float:left; font-size:12px; color:#444444; font-weight:bold; }
.standard-opt-set {background-image:url(images/standards-frame-press.png); background-position:top; color:#ffffff;}
.standard-opt:hover, .standard-opt-set:hover { background-image:url(images/standards-frame-hover.png); color:#FFF !important; }
.standard-cost { width:80%; position:absolute; bottom:22px; margin-top:6px; color:#555555; font-size:14px; font-weight:bold; }
.standard-opt:hover .standard-cost, .standard-opt-set .standard-cost {color:#FFF !important;}
.standard-opt input, .standard-opt-set input { float:none; vertical-align:bottom; position:absolute; bottom:43px; left:44px; }
.standards-title { padding-top:10px; padding-left:5px; font-size:13px; color:#b5b5b5; font-weight:bold; }
.standard-cost-label { padding-left:5px; font-size:10px; color:#ffffff; font-weight:bold; position:absolute; right:-42px; }

/* PRICE ROW */
#price-row { position:absolute; bottom:18px; left:268px; width:507px; border:none;}
#price-row input { position:absolute; right:4px; bottom:-6px;}
.bottom-cost { font-size: 18px; color: #cccccc; padding-top: 4px; padding-left: 20px; }