body {font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #444; margin-bottom: 50px;}
img {border: 0;}
h1 {background: #eee; padding: 10px; position: relative;}
h1, h2 {font-weight: normal; margin: 0;}
h3 {margin: 5px 0; font-size: 15px;}
hr {border: 1px solid #ccc;}
p {margin: 5px 0; line-height: 20px;}
a {
	-webkit-transition-duration: 0.3s, 0.3s;
	-webkit-transition-timing-function: linear, ease-in;
	-moz-transition-duration: 0.3s;
	-moz-transition-timing-function: linear, ease-in;
	-o-transition-duration: 0.3s;
	-o-transition-timing-function: linear, ease-in;
}
.printer {text-decoration: none;color: black;}
.divblock { display: table; margin: 0 auto;}
#container {width: 1000px; margin: 20px auto 0 auto; position: relative;}
.err_msg {color: Red; height: 18px; font-weight: bold;}
.dialog-btnspan {margin-right: 20px; margin-left: 8px; margin-bottom:30px;}

/*---Links---*/
a.btn {display: block; float: left; background: #666; text-decoration: none; padding: 10px 30px; color: #fff; font-size: 14px; text-align: center; -webkit-border-radius: 5px;
border-radius: 5px;}
a:hover.btn {background: #999;}
a:active.btn {background: #ddd; color: #444;}
.progress-holder a.active {background: #666;}
a.progress {width: 15px; height: 15px; display: block; text-indent: -25000px; border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; background: #bbb; float: left;margin-right: 5px;}
a:hover.progress {background: #666;}
a.link1 {color: #333;}
a:hover.link1 {text-decoration: none;}
a.edit {position: absolute; right: 30px; top: 10px;}


.float-right {float: right!important;}
.float-left {float: left!important;}
.returning {padding: 20px; background: #eee; width: 65%; float: left;}

/*---Grids---*/
.grid {float: left; margin-bottom: 30px; width: 100%;}
.half-grid {float: left; width: 50%;}
.padded-grid {width: 48%; padding-right: 2%;}
.third-grid {float: left; width: 30%;}
.quarter-grid {float: left; width: 25%;}
.modal-grid {float: left; margin-bottom: 30px; width: 94%; padding: 0 3%;}
.modal-grid-small {float: left; margin-bottom: 30px; width: 160px; padding: 0 20px;}
.modal-grid-medium, .grid-medium {float: left; margin-bottom: 30px; width: 360px; padding: 0 20px;}
.modal-grid-mlarge {float: left; margin-bottom: 30px; width: 470px; padding: 0 20px;}
.modal-grid-large {float: left; margin-bottom: 30px; width: 560px; padding: 0 20px;}
.modal-grid-xlarge {float: left; margin-bottom: 30px; width: 760px; padding: 0 20px;}
.modal-grid-xxlarge {float: left; margin-bottom: 30px; width: 760px; padding: 0 20px;}
.status {background: #ddd; float: left; font-size: 20px; padding: 10px;}
.status span {color: #888;}
.totals {background: #fff; float: left; font-size: 20px; padding: 10px;}
.totals p {padding: 0; float: left; margin: 0 10px 0 0; line-height: 25px;}
.totals p span {color: #888;}
.scrollbox {max-height: 300px; overflow-y: auto; overflow-x: hidden;}
.scrollbox-short {max-height: 150px; overflow-y: auto; overflow-x: hidden;}
.progress-holder {position: absolute; right: 20px; top: 19px; z-index: 9;}
.carrier-options {width: 410px; position:absolute; top: 83px; right: 0; z-index: 9999999; border: 1px solid #ccc; padding: 20px 20px 0;}


/*---Form Items---*/
input[type="text"] {height: 30px; line-height: 30px; border: 1px solid #bbb;}
input.input-xsmall, select.select-xsmall {width: 40px;}
input.input-small, select.select-small {width: 100px;}
input.input-medium, select.select-medium {width: 130px;}
input.input-large, select.select-large {width: 200px;}
input[type="radio"] {vertical-align: middle; margin: 5px 2px;}
label {margin: 0px 15px 0 0;}
select {padding: 7px;}


/*---Tables---*/
table#fulltime td {text-align: center;}
table#seasonal th {text-align: left; background: #fff; padding: 10px;}
table#seasonal label {display: block; margin-bottom: 5px;}
table#seasonal input {margin-bottom: 10px;}
table.employees, table.plans, table#penalty {border-collapse: collapse;}
table.employees th, table.plans th, table#penalty th {text-align: left; padding: 10px; background: #666; color: #fff; font-weight: normal;}
table.employees td, table.plans td, table#penalty td {padding: 10px; border: 1px solid #ddd;}
table.employees th a {color: #fff; text-decoration: none;}
table.employees th a:hover {color: #aaa;}
tr.rowColor-red {background: #ffe6e6;}
tr.rowColor-yellow {background: #fff9d1;}
tr.rowColor-green {background: #eaffe6;}

table.employees tbody tr:nth-child(odd){
    background: #fff;
}
table.employees tbody tr:nth-child(even){
    background: #eee;
}

/*---Modal---*/
.reveal-modal h2 {background: #555; color: #fff; padding: 10px 0 10px 23px; margin-bottom: 20px; -webkit-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; border-bottom: 1px solid #ddd;}
.reveal-modal h3 {margin: 20px 0 5px 0; font-size: 15px;}


/*---Effects---*/
.shadow {-webkit-box-shadow: 0 8px 6px -6px #999; box-shadow: 0 8px 6px -6px #999; -moz-box-shadow: 0 8px 6px -6px #999;}
.shadow-light {box-shadow: 0 8px 6px -8px #999; -webkit-box-shadow: 0 8px 6px -8px #999; -moz-box-shadow: 0 8px 6px -8px #999;}
.highlight {background: #888; color: #fff;}


/*---Random---*/
.arrow {background: url(../images/arrow.png) 150px top no-repeat}
#of {height: 84px;}

.descriptiveText {padding: 4px; margin-right: 400px;} /*background: #ffffff;*/
.marginBottom-2 {margin-bottom: 2px;}
.marginBottom-8 {margin-bottom: 8px;}
.marginBottom-10 {margin-bottom: 10px;}
.marginBottom-20 {margin-bottom: 20px;}
.marginRight-20 {margin-right: 20px;}
.marginRight-40 {margin-right: 40px;}
.marginRight-10 {margin-right: 8px;}
.marginLeft-10 {margin-left: 8px;}
.fontHighlight {color: #666666; font-weight: bold; text-decoration: none; }
.addEmployeeHeader {font-weight: normal; font-size: 16px; margin: 0; background: #555; color: #fff; padding: 4px 10px 4px 10px; margin-bottom: 00px; } 


ul.list-1 { list-style-type: none; margin: 0; padding: 0;}
ul.list-1 li {margin-bottom: 10px;}
ul.list-1 li span.prompt {font-weight: bold;width:80px;display:inline-block;}

.edit-holder {position: relative;}

.popup-edit {position: absolute; background: #777; width: 150px; padding: 12px 20px; font-size: 12px; color: #fff; -webkit-border-radius: 15px 0px 15px 15px; border-radius: 15px 0px 15px 15px; display: none; right: 50px; top: 12px;}
.popup-edit-02 {position: absolute; background: #777; padding: 6px 20px; font-size: 12px; color: #fff; -webkit-border-radius: 15px 0px 15px 15px; border-radius: 15px 0px 15px 15px; display: none; right: 50px; top: 12px;}

.indicator-red {color: red; font-weight: bold; font-size: 16px;}
.indicator-yellow {color: #C90; font-weight: bold; font-size: 16px;}
.indicator-green {color: green; font-weight: bold; font-size: 16px;}

.printer {margin: 20px 0 0 0;}

.error {
    background-color:#ffdddd;
    border-color:red;
}
a.btn-remove {display: block; float: left; background: url("../images/icon-fail.png") no-repeat scroll 16px 11px #999; text-decoration: none; padding: 10px 35px 10px 40px; color: #fff; font-size: 14px; text-align: center; -webkit-border-radius: 5px; border-radius: 5px;}
a:hover.btn-remove {background:url("../images/icon-fail.png") no-repeat scroll 16px 11px #bbb; color: red}
a:active.btn-remove {background:url("../images/icon-fail.png") no-repeat scroll 16px 11px #fff; color: red;}
img#waitIcon {
     display:none;
     margin-top:8px;
     margin-right:10px;
}

@media print {.scrollbox {max-height: 30000px; overflow-y: visible; overflow-x: visible;}}
@media screen {.scrollbox {max-height: 300px; overflow-y: auto; overflow-x: hidden;}}