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

	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(#28a745, #5cb85c);
    /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#28a745, #5cb85c);
    /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#28a745, #5cb85c);
    /* For Firefox 3.6 to 15 */
    background: linear-gradient(#28a745, #5cb85c);
    /* 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;
}