/*********** ROI FORM and RESULTS ***********/

.roiFormWrap form {
	margin:0px;
	padding:0px;
}

.mainTable th {
	text-align:left;
	padding:3px 10px 3px 10px;
	margin:0px;
	font-size:14px;
	color:#fff;
}
input.txtBox {
	width:50px !important;
	border-color:#999;
}

th.hr {
	background:#4489ca;
	text-transform: uppercase;
}
th.ess {
	background:#ec8100;
	text-transform: uppercase;
}
th.payroll {
	background:#9fbc2a;
	text-transform: uppercase;
}
th.time {
	background: #c4c600;
	text-transform: uppercase;
}
th.time2 {
	background: #c4c600;
	text-transform: uppercase;
	font-size:12px;
}
th.recruit {
	background:#115a9f;
	text-transform: uppercase;
}
th.total {
	background:#115a9f;
	font-size:15px;
}
.mainTable td {
	padding:3px 10px 3px 10px;
}

table.payrollKey {
	border:1px solid #e6e5e5;
}

select.roiDDL {
	width:90px !important;
	border:1px solid #999;
}

.payrollKey th {
	background:#ccc;
	font-size:11px !important;
	padding:3px !important;
	color:#333;
}

.payrollKey td {
	font-size:11px;
	padding:3px !important;
	vertical-align:top;
}

tr.shade, td.shade {
	background:#eee;
	padding-top:9px;
	padding-bottom:9px;
}

tr.space, tr.space td {
	font-size:0px;
	line-height:0px;
	height:2px;
}

tr.space2, tr.space2 td {
	font-size:0px;
	line-height:0px;
	height:5px;
}

tr.space3, tr.space3 td {
	font-size:0px;
	line-height:0px;
	height:15px;
}

td.btnSubmit {
	text-align:left;
}

input.noStyle {
	border:none;
	height:auto;
	width:auto;
}

.btnSubmit input {
	height:25px;
	background-color:#F5F5F5;
	border:solid #ccc 1px;
	font-size:12px;
	font-family: Arial, Helvetica, sans-serif;
	width: auto;
}
.btnSubmit input:hover {
	background-color:#eee;
}
td.numEmpl {
	color:#000;
	background:#e8e6e6;
	padding:7px 10px;
}

.red {
	color:#f00;
}
.rqd {
	background:#f00;
	color:#fff;
	padding:3px 0px;
	font-weight:bold;
	font-size:14px;
	text-transform:uppercase;
}
.smaller{
	font-size:11px;
}
input.show_my_saving {
border:medium none !important;
height:33px !important;
width:147px !important;
}

.ui-widget-header.form-field { 
    width: auto !important;
    padding: 0px 12px 0px 12px;
    height: 40px;
    line-height: 38px;
    margin-bottom: 10px;
    text-transform: uppercase;
}
.ui-accordion .ui-accordion-header { 
    padding: 0px 6px 0px 0; 
    font-weight: bold; 
    text-transform: uppercase; 
    margin-top: 8px !important; 
    height: 40px;
    line-height: 28px !important;
}
.ui-accordion .ui-accordion-header a {
    line-height: 28px !important;
} 

.ui-tabs .item-2.ui-state-default {background: #ec8100; border-color: #d47400;}
.ui-tabs .item-2.ui-state-default:hover {background: #d47400;}
.ui-tabs .item-2.ui-state-default.ui-state-active {background: #fff; border-color: #E8E6E6;}
.ui-tabs .item-2.ui-state-default.ui-state-active a {color: #d47400 !important;}

.ui-tabs .item-3.ui-state-default {background: #9fbc2a; border-color: #8aa324;}
.ui-tabs .item-3.ui-state-default:hover {background: #8aa324;}
.ui-tabs .item-3.ui-state-default.ui-state-active {background: #fff; border-color: #E8E6E6;}
.ui-tabs .item-3.ui-state-default.ui-state-active a { color: #8aa324 !important;}

.ui-tabs .item-4.ui-state-default {background: #c4c600; border-color: #abad00;}
.ui-tabs .item-4.ui-state-default:hover {background: #abad00;}
.ui-tabs .item-4.ui-state-default.ui-state-active {background: #fff; border-color: #E8E6E6;}
.ui-tabs .item-4.ui-state-default.ui-state-active a {color: #abad00 !important;}

.ui-tabs .item-5.ui-state-default {background: #336696; border-color: #2a557d;}
.ui-tabs .item-5.ui-state-default:hover {background: #2a557d;}
.ui-tabs .item-5.ui-state-default.ui-state-active {background: #fff; border-color: #E8E6E6;}
.ui-tabs .item-5.ui-state-default.ui-state-active a {color: #2a557d !important;}

.ui-tabs-nav { 
    background: none !important; 
    border-top: none !important; 
    border-right: none !important; 
    border-left: none !important; 
    border-radius: 0px !important; 
    margin: 0 -1px 0 -1px !important;
    border-color: #E8E6E6 !important;
}

.ui-tabs h3 {
    margin: 10px 0 15px 0;
	text-transform: uppercase;
	color: #FF9900;
    font-size: 1.3em;
    font-weight: bold;
    line-height: 1.3em;
}
.ui-tabs h3 a { color: #FF9900 !important; }
input.ui-button {
    padding: 0 20px !important;
    width: auto !important;
    text-transform: uppercase;
    font-weight: bold;
    line-height: 39px;
    height: 40px !important;
    border-color: #336696;
}

.fieldWrapper {
    height: 40px !important;
    line-height: 40px !important;
    padding: 0 0 0 14px !important;
}