/*Progress bar*/
#Kx .Progress { font-size:11px; font-weight:bold; margin-bottom:30px; }
#Kx .Progress li { *padding:0 !important; }
#Kx .Progress li div { background-color:#eee; border:1px solid #eee; color:#777; min-height:40px; padding:3px 6px; position:relative; text-transform:uppercase; }
#Kx .Progress li div:before,
#Kx .Progress li div:after { border:solid transparent; border-width:24px 10px; border-left-color:#eee; content:""; display:block; height:0; position:absolute; right:-20px; top:-1px; *top:0; width:0; }
#Kx .Progress li div:before { right:-21px; }
#Kx .Progress li.First { padding-left:0; }
#Kx .Progress li.Last { padding-right:0; }
#Kx .Progress li.Last div:before,
#Kx .Progress li.Last div:after { display:none; }
#Kx .Progress li.Current div { background-color:#444; border-color:#444; color:#fff; }
#Kx .Progress li.Current div:before,
#Kx .Progress li.Current div:after { border-left-color:#444; }
#Kx .Progress li.Current ~ li div { background:#fff; border:1px solid #ddd; color:#777; }
#Kx .Progress li.Current ~ li div:before { border-left-color:#ddd; }
#Kx .Progress li.Current ~ li div:after { border-left-color:#fff; }
#Kx .Progress .span2_4 { width:18.297872340425532%; *width:18.25%; }
#Kx .Progress .span1_7 { width:14.28%; *width:14.2%; }
/*Login page*/
#Kx .Login { border:1px solid #999; padding:10px 40px; position:relative; }
#Kx .Login.form-horizontal .control-label { width:100px; }
#Kx .Login.form-horizontal .controls { margin-left:120px; *margin-left:0; }
#Kx .Login .pull-down { bottom:10px; position:absolute; right:40px; }
#Kx .Login-top { min-height:240px; *min-height:254px; }
#Kx .Login-bottom { margin-top:20px; }

/*Hub page*/
#Kx .YearTemplate { background:#eee; margin-bottom:10px; padding:5px 20px 20px; }
#Kx .YearTemplate .StepProcess { background:#fff; min-height:250px; padding:10px 20px 20px; position:relative; }
#Kx .YearTemplate .StepProcess .pull-down { bottom:20px; left:6%; position:absolute; }
#Kx .YearTemplate .StepProcess .btn-block { width:88%; }
#Kx .YearTemplate .Disabled { background:transparent; color:#7e7e7e; }

/*Tables*/
#Kx table input[type], #Kx table textarea, #Kx table select { margin:0; }
#Kx table .input-block-level { *width:206px; }
#Kx .tablesorter .tablesorter-headerRow { height:25px; }
#Kx .tablesorter .tablesorter-headerRow .tablesorter-header { cursor:pointer; padding-right:0; }
#Kx .tablesorter .tablesorter-headerRow .tablesorter-header .tablesorter-icon { text-align: left; background-image:url(images/table-sprite.png); background-repeat:no-repeat; background-position:0 4px; padding-left:16px; }
#Kx .tablesorter .tablesorter-headerRow .tablesorter-headerAsc .tablesorter-icon { background-position:0 -14px; }
#Kx .tablesorter .tablesorter-headerRow .tablesorter-headerDesc .tablesorter-icon { background-position:0 -29px; }
#Kx .tablesorter .tablesorter-headerRow .sorter-false { cursor:default; padding-right:10px; }
#Kx .tablesorter .tablesorter-headerRow .sorter-false .tablesorter-icon { background-image:none; padding:0; }
#Kx .tablesorter td { line-height:30px; *line-height:30px; }
#Kx .Bathroom .Icon { background-image:url(images/table-sprite.png); background-repeat:no-repeat; display:inline-block; *float:left; height:12px; *margin-top:9px; vertical-align:-1px; width:12px; }
#Kx .Ensuite .Icon { background-position:-3px -49px; margin-right:5px; }
#Kx .Shared .Icon { background-position:-2px -74px; margin-right:5px; }

/*Navigation buttons*/
#Kx .Nav { border-top:1px solid #eee; padding:20px 0; }

/*Text area*/
#Kx .TextCount { position:relative; }
#Kx .TextCount-Label { position:absolute; bottom:20px; right:20px; }
#Kx .TextCount-Error { color:Red; }

/*jQueryUI overrides*/
.ui-datepicker .ui-datepicker-title select { -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; height:auto; line-height:normal; padding:0; vertical-align:baseline; }

.form-control input[type="checkbox"] { float: left; margin: 0; }
.form-control label { float: left; font-weight: bold !important; margin: 2px 0 0 10px; padding: 0; width: 90%; }

.barcode { text-align: center; font-family: "barcodeFont" !important; font-size: 3em; margin: 0; padding: 0; text-transform:uppercase; }

@media print {
    .ArrivalPass {
        margin-left: 0px !important;
    }
}