/* =============================================================================

	STYLE.CSS
	version: 1.6
	updated: 2009-03-06, 13:00 GMT+1

============================================================================= */

/* =============================================================================
HTML - styles
============================================================================= */

body {background-color:#eaeaea; color:#303030;}
a {color:#0085cc;}
a:hover, a:active, a:focus {color:#df0000;}
#content h2 {color:#0085cc;}
#content table {border:1px solid #cfcfcf;}
#content table th, tr.blu-heading th {border-right:1px solid #0074B3 !important; background-color:#0085cc !important; color:#fff !important;}
#content table td {border:1px solid #cfcfcf;}
/*#content table tr.bg td{background-color:#e8f6ff;}*/
.bg{background-color:#e8f6ff;}
#content dl dt {color:#df0000;}
#content fieldset {border:1px solid #ccc;}
#content legend {color:#0085cc;}
#content acronym, #content abbr, #content .help {border-bottom:1px dotted #cfcfcf;}

/* =============================================================================
HTML - without styles
============================================================================= */

table.nostyle th, dl.nostyle dt {color:#303030 !important;}

/* =============================================================================
LAYOUT
============================================================================= */

#tray {
	background-color:#303030; color:#cfcfcf;
	
	background: -webkit-linear-gradient(#FF5733, #FF5733); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(#FF5733, #FF5733); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(#FF5733, #FF5733); /* For Firefox 3.6 to 15 */
background: linear-gradient(#FF5733, #FF5733); /* Standard syntax */
}
#tray a, #tray strong {color:#fff;}
#tray a:hover, #tray a:active, #tray a:focus {color:#b4e3ff;}
#menu {background-color:#0085cc;}
#menu ul li a {background-color:#fff; color:#303030;}
#menu ul li a span {background-color:#FFF;}
#menu ul li a:hover, #menu ul li a:active, #menu ul li a:focus, #menu ul li#menu-active a {background-color:#FFF; color:#df0000;}
#menu ul li a:hover span, #menu ul li#menu-active a span {background-color:#FFF;}
#menu ul li#menu-active a {color:#0085cc;}
#menu ul.f-right a {color:#df0000;}
#content {border:1px solid #afafaf; background:#fff;}
#footer {color:#707070;}
#footer a {color:#707070;}
#footer a:hover, #footer a:active, #footer a:focus {color:#303030;}

/* =============================================================================
OTHERS
============================================================================= */

#aside #logo img {border:1px solid #bfbfbf;}
#aside #search fieldset a {color:#303030;}
#aside #search fieldset {border:1px solid #bfbfbf;}
#aside #search fieldset a:hover, #aside #search fieldset a:active, #aside #search fieldset a:focus {color:#df0000;}
#aside #btn-create a {background-color:#fff; color:#303030;}
#aside #btn-create a span {background-color:#fff;}
#aside ul li a {border-bottom:1px solid #cfcfcf; color:#303030;}
/*#aside ul li#submenu-active a {background-color:#df0000; color:#fff;}*/
#aside ul li a.submenu-active {background-color:#df0000; color:#fff;}
/*#aside ul li a:hover, #aside ul li a:active, #aside ul li a:focus {color:#df0000;}*/
#aside ul li ul li a:hover, #aside ul li ul li a:active, #aside ul li ul li a:focus {color:#df0000;}
#aside ul ul li a, #aside ul li#submenu-active ul li a {border-bottom:1px solid #cfcfcf; background-color:#f5f5f5; color:#303030;}
#aside ul li ul li a {background-color:#e3e3e3; color:#303030;}
#aside ul ul li a:hover, #aside ul ul li a:active, #aside ul ul li a:focus, #aside ul li#submenu-active ul li a:hover, #aside ul li#submenu-active ul li a:active, #aside ul li#submenu-active ul li a:focus {color:#df0000;}
#content h1 {background-color:#303030; color:#fff;}
#content .tabs {border-bottom:1px solid #cfcfcf;}
#content .tabs a {color:#303030;}
#content .tabs a span {color:#303030;}
#content .tabs .ui-tabs-selected a {color:#fff;}
#content .tabs .ui-tabs-selected a span {color:#fff;}
.high {color:#df0000;}
.high-bg {background:#FFB;}
.low {color:#707070;}

/* =============================================================================
MESSAGES
============================================================================= */

.msg.warning {border:2px solid #F2DD8C; background-color:#FFF5CC;}
.msg.warning a {color:#df0000;} .msg.warning a:hover, .msg.warning a:active, .msg.warning a:focus {color:#303030;}
.msg.info {border:2px solid #B8E2FB; background-color:#E8F6FF;}
.msg.done {border:2px solid #BBDF8D; background-color:#EAF7D9;}
.msg.error {border:2px solid #FFAEAE; background-color:#FEEBEB;}

.att-status-r {
    background: #e8e8e8 !important;
	font-weight:bold;
}
.att-status-h {
	background: #0CD16B !important;
	font-weight:bold;
}
.text-center {
	text-align:center !important;
}
.text-right {
	text-align:right !important;
}
/*.salary-top-row td {
    border-right-color: transparent !important;
    border-right-width: 3px !important;
}*/
/*.salary-top-row td {
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    border-right-width: 3px !important;
}*/
.salary-top-row.first-data-row td, .salary-top-row.second-data-row td {
    padding-bottom: 20px !important;
}
/*.salary-top-row.fourth-data-row td {
    border-bottom: 2px double #000 !important;
}*/
#content table.signature-section {
    border: medium none;
    font-size: 13px;
    font-weight: bold;
}
.signature {
    border-top: 2px solid #000;
    padding: 0 20px;
}
#content table tr.list-summary-row td {
    background: #f5f5f5 none repeat scroll 0 0;
}
.grand-total-row > td {
    font-size: 15px;
    font-weight: bold;
}
.font-style-italic {
	font-style:italic;
}
tr.category-row td {
    background: #E4E4E4 none repeat scroll 0 0;
}
.category-row td:first-child {
    font-size: 14px;
    text-transform: uppercase;
}
.department-row > td {
    background: #f5f5f5 none repeat scroll 0 0;
}
.department-row td:first-child {
    padding-left: 20px !important;
}
.deduction-summary-emp-row td:first-child {
    padding-left: 40px !important;
}
.att-status-l.text-center {
    background: #f79627 none repeat scroll 0 0;
	font-weight:bold;
}
.att-status-a.text-center {
    background: #F00 none repeat scroll 0 0;
}
nav ul li.top-menu-right-item ul li ul {
	left:-140px !important;
}

.chosen-container .chosen-drop {
    min-width: 100%;
    width: auto !important;
}

.chosen-container .chosen-drop ul {
    white-space: nowrap !important;
}