@charset "utf-8";
/* CSS Document */
html, body {height:100%;min-height:100%;}
body {margin:0px; text-align:center; background:#000; font-family:verdana, arial; font-size:12px; color:#000000;}
img {vertical-align:bottom;}
p, td, .label {font-family:arial, tahoma; font-size:12px; color:#000000; letter-spacing:0px;}
p {margin-top:0px;}
a:link, a:visited, a:active {color:#b00; text-decoration:none; font-weight:normal;}
a:hover {color:#060; text-decoration:underline; font-weight:normal;}
ul, ol {font-size:12px;}
small {font-size:12px}
hr {color:#000000; height:1px;}

ul#menu {font-size:12px; margin-left:-20px; margin-top:0px; margin-bottom:0px;}

input {margin-top:5px; border:solid 1px #aaa; background-color:#eee; font-size:12px; padding:4px 8px;}
input {-moz-border-radius:4px; -webkit-border-radius:4px; -khtml-border-radius:4px; border-radius:4px;}
input[type=submit] {margin-top:5px; border:solid 1px #000; background-color:#4D3117; color:#fff; font-weight:bold; font-size:12px; padding:4px 8px;}
input[type=submit] {-moz-border-radius:4px; -webkit-border-radius:4px; -khtml-border-radius:4px; border-radius:4px;}

code, pre {color:#0f0;}
h1, h2, h3, h4, h5 {margin-top:0px; margin-bottom:5px; font-family:verdana, tahoma, helvetica; color:#590000; font-weight:600;}
h1 {font-size:24px;} h2 {font-size:20px;} h3 {font-size:14px;} h4 {font-size:11px;} h5 {font-size:12px;}
h2 {font-weight:500; letter-spacing:0.2em; padding-bottom:3px; border-bottom:dotted 1px #000;}
h4 {color:#f00;}

div#error-msg, div#error-msg ul div#status-msg1, div#status-msg2 {font-size:16px;}

#statusbox {border: solid 1px #fc0; padding:10px; background-color:#ffc; margin-bottom:5px;}
#statusbox {-moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px; border-radius:5px;}
#statusbox li {margin-left:20px; margin-bottom:5px; width:98%;}
span.status-error {font-weight:normal; color:#600;}
span.status-checked {font-weight:normal; color:#060;}

#confirm {width:450px;}
#confirm #wrapper {padding:12px;}
#confirm #header {width:auto; padding:8px 10px; color:#666; font-weight:bold; text-shadow: #fff 0 1px 0; text-align:left; background: #dfdfdf url("/images/icons/gray-grad.png") repeat-x left top; border:solid 1px #aaa;}
#confirm #header {-moz-border-radius-topright:8px; -moz-border-radius-topleft:8px; -webkit-border-top-right-radius:8px; -webkit-border-top-left-radius:8px; margin-bottom:1px;}
#confirm #container {width:auto; border:solid 1px #aaa; background-color:#e1ece2;}
#confirm #container {-moz-border-radius-bottomright:8px; -moz-border-radius-bottomleft:8px; -webkit-border-bottom-right-radius:8px; -webkit-border-bottom-left-radius:8px;}
#confirm #container #confirmbody {border:solid 1px #ccc; background-color:#fff; text-align:center;}
#confirm #container #confirmbody {-moz-border-radius:8px; -webkit-border-radius:8px; -khtml-border-radius:8px; border-radius:8px;}
#confirm .txtheader {font-weight:bold; font-size:14px;}

/* Clear without the need for more junk in the trunk */
.clear {display:inline-block;}
.clear:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
/* Hides from IE-mac \*/ 
* html .clear {height:1%;}
.clear {display:block;}
/* End hide from IE-mac */

#pageHeaderContainer {width:100%; background-color:#000; padding:10px;}
#pageHeader {width:95%; max-width:1000px; margin:auto; text-align:left; color:#fff; font-weight:bold; font-size:26px;}
#pageHeader #logo {width:80px;}

#pageFooterContainer {width:100%; background-color:#000; padding:10px;}
#pageFooter {width:95%; max-width:1000px; margin:auto; text-align:left;}
#pageFooter #colleft {float:left; width:50%; color:#aaa; font-size:12px;}
#pageFooter #colright {float:right; text-align:right; width:50%;}

#pageContentContainer {width:100%; padding:10px; background-color:#fff;}
#pageContent {width:95%; width:1000px; margin:auto; text-align:left; color:#000;}
#pageContent #instructions {font-family:arial;font-size:20px;}
#pageContentLt {float:left; width:200px; min-height:600px;}
#pageContentLt #title {padding:5px 10px; border:solid 1px #555; border-bottom:0px; background-color:#fc0; font-weight:bold;}
#pageContentLt #content {padding:5px 10px; border:solid 1px #555; font-size:11px;}
#leftMenu {} 
#leftMenu #userInfo {border:solid 1px #000;background-color:#ffc;padding:4px 8px;text-align:center;font-size:14px;font-weight:bold;margin-bottom:10px;}
#leftMenu .menuTable {display:table;width:100%;}
#leftMenu .menuRow {display:table-row;}
#leftMenu .menuCell {display:table-cell;}
#leftMenu .menuTitle {border:solid 1px #000;border-bottom:0px;}
#leftMenu .menuTitle .title {display:table-cell;font-family:"arial black";font-size:14px;padding:5px 10px;background-color:#fc0;font-weight:bold;}
#leftMenu .menuContent {border:solid 1px #000;}
#leftMenu .step {width:30px;padding:2px;text-align:center;vertical-align:middle;font-family:"arial black";font-size:18px;color:#fff;background-color:#590000;}
#leftMenu .s-bottom {border-bottom:solid 1px #fff;}
#leftMenu .step a, #leftMenu .step a:hover {color:#fff;text-decoration:none;font-weight:bold;}
#leftMenu .item {padding:2px 5px;text-align:left;vertical-align:middle;font-family:"arial black";font-size:18px;}
#leftMenu .i-bottom {border-bottom:solid 1px #000;}
#leftMenu .item a, #leftMenu .item a:hover {color:#590000;text-decoration:none;font-weight:bold;}

#pageContentRt {float:right; width:780px;}

#menuContain {display:table;width:100%; border:solid 1px #000;}
#menuContain #wrap {display:table-row;}
#MenuContain #step {display:table-cell; width:10%;}
#MenuContain #menuItem {display:table-cell; width:90%;}

#positionLst {border:solid 1px #777; font-family:Arial, Helvetica, sans-serif;}
#positionLst #positionhead {background-color:#eee; padding:8px 10px;border-bottom:solid 1px #ccc;}
#positionLst #posName {font-size:22px; font-weight:bold;}
#positionLst #possummary {font-size:14px; padding:5px 0px;}
#positionLst #possummary #possummarylt {float:left; text-align:right; width:60px; font-weight:bold; margin-right:5px;}
#positionLst #possummary #possummaryrt {float:left; text-align:left;}
#positionLst #positiondetails {background-color:#fff; padding:8px 10px;}
#positionLst .posdetails {padding:15px; display:none; font-size:14px;}
#positionLst .posdetails #detailsTitle {font-weight:bold; font-size:16px; margin-bottom:3px;}
#positionLst .posdetails ul {margin-top:5px;font-size:14px;}
#positionLst .detailsLink {}

form {margin:0px;}
#forms {font-family:arial;}
#forms table {width:100%; border-collapse:collapse; border:0px;}
#forms td.column-a {width:50%; text-align:right; margin-right:5px; vertical-align:middle;padding:4px 2px 4px 8px; font-size: 14px; color: #000; font-weight: bold;}
#forms td.column-b {width:48%; text-align:left; vertical-align:middle;padding:4px 2px 4px 8px; font-size: 14px; color: #000; font-weight: bold;}
#forms td.column-l {text-align:left;padding:10px 20px; font-size: 14px; color: #000; font-weight: bold;}
#forms td.column-l textarea {width:99%;}
#forms .valid {color:#070; font-weight:normal;}
#forms .invalid {color:#f00; font-weight:normal;}
#forms input {margin-top:5px; border:solid 1px #444; background-color:#fff; font-size:14px; padding:4px 8px;}
#forms input {-moz-border-radius:4px; -webkit-border-radius:4px; -khtml-border-radius:4px; border-radius:4px;}
#forms span.notes {font-size:12px; color:#333;}
#forms label.error {font-size:14px; font-weight:bold; color:#f00;}
#forms .errorfocus {border-color: #f00 !important;}
#forms div#notice {padding:20px 40px; text-align:center; color:#600;}
#forms div#header {padding:5px 8px; font-size:14px; color:#fff; font-weight:bold; border:solid 1px #500; margin-bottom:2px; background-color:#333; -moz-border-radius: 8px 8px 0 0; -webkit-border-top-left-radius: 8px; -webkit-border-top-right-radius: 8px;}
#forms div#section {border:solid 1px #aaa; background:#FEFFE6; border-collapse:collapse; margin-bottom:5px; border-radius: 0 0 8px 8px; -moz-border-radius: 0 0 8px 8px; -webkit-border-bottom-left-radius: 8px; -webkit-border-bottom-right-radius: 8px;}
#forms div#fieldrow {padding:4px 8px; font-size: 14px; color: #000; font-weight: bold;}
#forms div#column-a {float:left; width:40%; text-align:right; margin-right:5px; vertical-align:middle;}
#forms div#column-b {float:left; width:58%; text-align:left;}
#forms div#column-1 {padding:0 10px;}
#forms div#column-1 textarea, #forms div#column-1 input[type=text] {width:98%;}
#forms div#column-a div#acontainer {padding:14px 0 0;}
#forms div#column-a div#scontainer {padding:7px 0 0;}
#forms div#column-1 div#acontainer {padding:0 0 2px;}
#forms div#preview {background-color:#fff; margin:10px; padding:10px;}
#forms input[type=text], #forms input[type=password], #forms textarea {width:96%; padding: 5px; font: 14px/1.6 "Helvetica Neue", Arial, sans-serif; border: 1px solid #ccc;}
#forms input.medium75 {width:75%;}
#forms input.medium50 {width:50%;}
#forms input.medium25 {width:25%;}
#forms input.small {width:10%;}
#forms input.reset {border: 1px solid #ccc;}
#forms select {padding: 5px; font:14px/1.6 "Helvetica Neue", Arial, sans-serif; border: 1px solid #ccc;}
#forms select.multi {padding:4px; font-size:14px; font-weight:bold;}
#forms input[type=radio], #forms input[type=checkbox] {width:18px;height:18px; margin:6px 2px; vertical-align:middle;}
#forms input[type=radio]:checked, #formcontainer input[type=checkbox]:checked {background-color:#95BB98;}
#forms label.radiocheck {margin:0; padding:0; margin-right:15px; color:#777;}
#forms input:focus, #forms select:focus, #forms textarea:focus {border-color: #600 !important; background-color:#EAF1E2;}

#matList {border:solid 1px #000;margin-bottom:10px;background-color:#fff;}
#matList #noRecords {background-color:#fff;padding:20px 50px;font-weight:bold;color:#f00;font-size:16px;text-align:center;}
#matList table {width:100%;border:0;border-collapse:collapse;}
#matList td.matorderNum {border:0px;width:60px;font-family:"Arial Black";font-size:30px;color:#fff;text-align:center;vertical-align:middle;background-color:#5A7694;border-left:solid 1px #374B5A;border-right:solid 1px #374B5A;}
#matList td.matContent {position:relative;padding:0px;}
#matList td.matContent #matTitle {background-color:#ffc;font-size:14px;padding:5px 10px;font-weight:bold;border-bottom:dashed 1px #777;}
#matList td.matContent #matTitle a {font-size:16px;font-weight:bold;}
#matList td.matContent #matTitle a:hover {}
#matList td.matContent #matSummary {border:0px;padding:5px 10px;font-size:16px;}

#docStatus {width:400px; border:solid 1px #000;padding:10px;background-color:#FFFEEA;}
#docStatus {border-radius: 20px; -moz-border-radius: 20px; -webkit-border-bottom-left-radius: 20px; -webkit-border-bottom-right-radius: 20px;}
#docStatus #icon {float:left;width:100px;font-size:80px;}
#docStatus #status {padding-top:20px;font-size:50px;font-weight:bold;font-family:"arial black"}
#docStatus #status.waiting {color:#f00;}
#docStatus #status.received {color:#060;}

#compcontain {float:left;width:240px;}
#compcontain.mright {margin-right:20px}
#compcontain #header {text-align:center;}
#compStatus {width:150px;padding:20px;text-align:center;border:solid 1px #000;padding:5px;background-color:#fff;}
#compStatus {border-radius: 20px; -moz-border-radius: 20px; -webkit-border-bottom-left-radius: 20px; -webkit-border-bottom-right-radius: 20px;}
#compStatus #icon {font-size:80px;}
#compStatus #status {font-size:16px;font-weight:bold;font-family:"arial black"}
#compStatus #status.waiting {color:#f00;}
#compStatus #status.received {color:#060;}
#compTrainingButton {margin-top:20px;}

#statusbar table {width:0px;border:0;padding:0;border-collapse:collapse;}
#statusbar img {border:0px;}
#statusbar td {padding:0px; vertical-align:middle;font-family:arial;font-size:20px;color:#fff;font-weight:bold;font-style:italic;}
#statusbar td.label {background-color:#4d4d4d;padding:2px 5px 0;}
#statusbar td.step {background-color:#86ae35;padding:2px 5px 0;}
#statusbar a {font-family:arial;font-size:20px;color:#fff;font-weight:bold;font-style:italic;}
#statusbar a.done {color:#444;}
#statusbar a.active {color:#FF0;}