@charset "UTF-8";

/**
 * Global styles
 */
 
body {
	background-color: #ffffff;
	color: #2c2c2c;
}

h1 {
	color: #2c2c2c;
}

a:link {
	color: #054993;
}

a:visited {
	color: #054993;
}

a:hover {
	
}

.noscript {
	color: #c00;
}


/**
 * Login Styles
 */
 
#login-page div#login-logo {
	background: url(../images/z_login_lock.png) 50% 0 no-repeat;
}

#login-page div#login-content {
	border: 10px solid #c7c8b2;
	background: #ffffff;
}

#login-page div#login-title {
	border: 1px solid #c7c8b2;
	background: #535353;
	color: #fcfcfc;
}


/**
 * header Styles
 */
 
#header {
	border-bottom: 1px solid #c7c8b2;	
	background: #535353;
}

#header #pagetitle {
	color: #fcfcfc;
	background: url(../images/z_logo.png) no-repeat;
}


/**
 * General styles
 */
#nav {
	border: 1px solid #c7c8b2;
}

/**
 * content Styles
 */
#content {
	background: #ffffff;
}

/**
 * footer Settings
 */
#footer { /*background: #ffffff;*/ /*border: 1px solid #c7c8b2;*/
	
}


/**
 * Menu Styles
 */
#module-menu {

}

#menu { /* this is on the main ul */
	color: #fcfcfc;
}

#menu ul { /* all lists */
	background: #535353;
	color: #fcfcfc;
}

#menu ul li.node {
	background: url(../images/system/z_arrow.png) no-repeat right 50%;
}

#menu ul li.separator {
	margin-bottom: 0;
	border-bottom: 1px dotted #e3e4ca;
}

#menu a {
	color: #fcfcfc;
	background-repeat: no-repeat;
	background-position: 5px 50%;
}

#menu li { /* all list items */
	background: #636363;
	border-right: 1px solid #e3e4ca;
	border-top: 1px solid #e3e4ca;
}

#menu li:first-child { /* all list items */
	border-left: 1px solid #e3e4ca;
}

#menu li a { /*border: 1px solid #e3e4ca;*/
	
}

#menu li li a { /*border: 1px solid #e3e4ca;*/
	
}

#menu li a:hover,#menu li a:focus {
	background-color: #535353;
}

#menu li.disabled a:hover,#menu li.disabled a:focus,#menu li.disabled a	{
	color: #cccccc;
	background-color: #535353;
}

#menu li ul { /* second-level lists */
	border: 1px solid #c7c8b2;
}

#menu li li { /* second-level row */
	background: #535353;
}


/**
 * Pane Slider pane Toggler styles
 */
.pane-sliders .title {
	color: #fcfcfc;
}

.pane-sliders .panel {
	border: 1px solid #c7c8b2;
}

.pane-sliders .panel h3 {
	background: #535353;
	color: #fcfcfc;
}

.pane-sliders .content { /*background: #f9fade;*/
	
}

.pane-sliders .sitelist {
	border: 0 none;
}

.pane-sliders .sitelist td {
	border: 0 none;
}

.pane-toggler span, .pane-toggler-down span{
	color: #fcfcfc;
}

.pane-toggler  span {
	background: transparent url(../images/system/z_arrow.png) 5px 50% no-repeat;
}


.pane-toggler-down span {
	background: transparent url(../images/system/z_arrow_down.png) 5px 50%	no-repeat;
}

.pane-pwd {
 	border: none;
}


/**
 * Colors Styles
 */
 .dblue {
	color: #000099;
}
 
 
.dgreen {
	color: #007700;
}

.dred {
	color: #990000;
}


/**
 * Various Styles
 */
#module-title {
	border: 1px solid #c7c8b2;
	border-right: 1px solid white;
	background-color: #535353;
	color: #ffffff;
}

#tbl-menu {
	border-right: 1px solid #c7c8b2;
}

#tbl-content {
	overflow: hidden;
	border: 1px solid #c7c8b2;
	border-left: none;
}

#tbl-test thead { 
	background-color: #ffccff;
}

.red {
	color: #a20000;
}

.enabled {
	color: #005800;
}

.disabled {
	color: #a20000;
}

p.error {
	color: #a20000;
}

.warning {
	color: #a20000;
}

.nowarning {
	color: #2c2c2c;
}

.success {
	color: #005800;
}

.allow {
	color: #005800;
}

span.writable {
	color: #005800;
}

.deny {
	color: #a20000;
}

span.unwritable {
	color: #a20000;
}

.none {
	color: #cccccc;
}

.protected {
	color: #999999;
}

span.note {
	background: #ffffff;
	color: #2c2c2c;
}

div.checkin-tick {
	background: url(../images/icons/icon-16-tick.png) 20px 50% no-repeat;
}

div.hrline {
	margin: 10px 0px 10px 0px;
	border-bottom: 1px solid #c7c8b2;
}

div.scroll {
	border: 1px solid #c7c8b2;
}

img.avatar {
	border: 1px solid #c7c8b2;
	padding: 10px;
}


/**
 * Menu icons
 */
.icon-32-cpanel {
	background-image: url(../images/menu/icon-32-cpanel.png);
}

.icon-32-account {
	background-image: url(../images/menu/icon-32-account.png);
}

.icon-32-lite {
	background-image: url(../images/menu/icon-32-lite.png);
}

.icon-32-people {
	background-image: url(../images/menu/icon-32-people.png);
}

.icon-32-payroll {
	background-image: url(../images/menu/icon-32-payroll.png);
}

.icon-32-leave {
	background-image: url(../images/menu/icon-32-leave.png);
}

.icon-32-form {
	background-image: url(../images/menu/icon-32-form.png);
}

.icon-32-document {
	background-image: url(../images/menu/icon-32-document.png);
}

.icon-32-claim {
	background-image: url(../images/menu/icon-32-claim.png);
}


/**
 * Toolbar icons
 */
 
.icon-32-new {
	background-image: url(../images/toolbar/icon-32-new.png);
}

.icon-32-edit {
	background-image: url(../images/toolbar/icon-32-edit.png);
}

.icon-32-apply {
	background-image: url(../images/toolbar/icon-32-apply.png);
}

.icon-32-save {
	background-image: url(../images/toolbar/icon-32-save.png);
}

.icon-32-copy {
	background-image: url(../images/toolbar/icon-32-copy.png);
}

.icon-32-activate {
	background-image: url(../images/toolbar/icon-32-activate.png);
}

.icon-32-block {
	background-image: url(../images/toolbar/icon-32-block.png);
}

.icon-32-unblock {
	background-image: url(../images/toolbar/icon-32-unblock.png);
}

.icon-32-notify {
	background-image: url(../images/toolbar/icon-32-notify.png);
}

.icon-32-unnotify {
	background-image: url(../images/toolbar/icon-32-unnotify.png);
}

.icon-32-close {
	background-image: url(../images/toolbar/icon-32-cancel.png);
}

.icon-32-cancel {
	background-image: url(../images/toolbar/icon-32-cancel.png);
}

.icon-32-delete {
	background-image: url(../images/toolbar/icon-32-delete.png);
}

.icon-32-remove {
	background-image: url(../images/toolbar/icon-32-remove.png);
}

.icon-32-option {
	background-image: url(../images/toolbar/icon-32-option.png);
}

.icon-32-back {
	background-image: url(../images/toolbar/icon-32-back.png);
}

.icon-32-refresh {
	background-image: url(../images/toolbar/icon-32-refresh.png);
}

.icon-32-personal {
	background-image: url(../images/toolbar/icon-32-personal.png);
}

.icon-32-employment {
	background-image: url(../images/toolbar/icon-32-employment.png);
}

.icon-32-family {
	background-image: url(../images/toolbar/icon-32-family.png);
}

.icon-32-passport {
	background-image: url(../images/toolbar/icon-32-passport.png);
}

.icon-32-permit {
	background-image: url(../images/toolbar/icon-32-permit.png);
}

.icon-32-contract {
	background-image: url(../images/toolbar/icon-32-contract.png);
}

.icon-32-audit {
	background-image: url(../images/toolbar/icon-32-audit.png);
}


/**
 * Toolbar styling
 */
div.toolbar-box {
	background: transparent;
}

div.toolbar-list li {
	color: #2c2c2c;
}

div.toolbar-list li.divider {
	border-right: 1px dotted #e3e4ca;
}

div.toolbar-list a {
	border-left: 1px solid #e3e4ca;
	border-top: 1px solid #e3e4ca;
	border-right: 1px solid #c7c8b2;
	border-bottom: 1px solid #c7c8b2;
	background: #ffffff;
}

div.toolbar-list a:hover {
	border-left: 1px solid #868778;
	border-top: 1px solid #868778;
	border-right: 1px solid #f6f7db;
	border-bottom: 1px solid #f6f7db;
	background: grey;
	color: #054993;
}


/**
 * Form Table layout
 */
table.formtable thead th {
	border: 1px solid #ffffff;
	background-color: #334433;
	color: #ffffff;
}

table.formtable td, table.formtable th {
	border: 1px solid #ffffff;
}


/**
 * Sitelist Table layout
 */
table.sitelist {
	border-spacing: 1px;
	background-color: #ffffff;
	color: #2c2c2c;
}

table.sitelist.modal {
	border-right: 1px solid #c7c8b2;
	border-left: 1px solid #c7c8b2;
}

table.sitelist a {
	color: #054993;
}

table.sitelist thead th {
	background: #535353;
	color: #cccccc;
	border-bottom: 1px solid #C7C8B2;
}

table.sitelist thead a {
	color: #fcfcfc;
}

/* Table row styles */
table.sitelist tbody tr {
	background: #ffffff;
}

table.sitelist tbody tr.row1 {
	background: #ffffff;
}

table.sitelist tbody tr.row1 td,table.sitelist tbody tr.row1 th {
	border-bottom: 1px solid #c7c8b2;
	border-top: 1px solid #c7c8b2;
}

table.sitelist tbody tr.row0:hover td,table.sitelist tbody tr.row1:hover td,table.sitelist tbody tr.row0:hover th,table.sitelist tbody tr.row1:hover th,table.sitelist tbody tr.row0:focus td,table.sitelist tbody tr.row1:focus td,table.sitelist tbody tr.row0:focus th,table.sitelist tbody tr.row1:focus th
{
	background-color: #cdcdcd;
}

table.sitelist tbody tr td,table.sitelist tbody tr th {
	border-right: 1px solid #c7c8b2;
}

table.sitelist tbody tr td:first-child {
	border-left: 1px solid #c7c8b2;
}

table.sitelist tbody tr td:last-child {
	/*border-right: none;*/
}

table.sitelist tbody tr.row0:first-child td,table.sitelist tbody tr.row0:first-child th
{  
	border-top: 1px solid #c7c8b2; 
}

table.sitelist tbody tr.row0:last-child td,table.sitelist tbody tr.row0:last-child th
{
	border-bottom: 1px solid #c7c8b2;
}

table.sitelist tbody tr.row0 td,table.sitelist tbody tr.row0 th {
	background: #dcdcdc;
}

table.sitelist {
	border-bottom: 0 solid #c7c8b2;
}

table.sitelist tfoot tr {
	color: #2c2c2c;
}

/* Table td/th styles */
table.sitelist tfoot td,table.sitelist tfoot th {
	background-color: #ffffff;
	border: 1px solid #c7c8b2;
}


/**
 * Listtable Table layout
 */
table.sitelist tr.row0 td table.listtable th, table.sitelist tr.row1 td table.listtable th, table.sitelist tr.row0 td table.listtable td, table.sitelist tr.row1 td table.listtable td{
	border: 1px solid;
	color: black;
	background-color: #f1f1f1;
}


/**
 * Actionlist Table layout
 */

table.actionlist th{
	border-bottom: 1px solid #c7c8b2;
	background-color: #f1f1f1;
}

table.actionlist td{
	border-top: 1px solid #c7c8b2;
}

table.actionlist tfoot td{
	background-color: #f1f1f1;
}


/**
 * Box Table layout
 */

table.boxtable th {
	border: 1px solid #c7c8b2;
	background-color: #e1e1e1;
}

table.boxtable td {
	border: 1px solid #c7c8b2;
}

table.boxtable tfoot td {
	background-color: #e1e1e1;
}


/**
 * errorlist Table layout
 */

table.errorlist th{
	border: 1px solid #c7c8b2;
	background-color: #e6c0c0;
}

table.errorlist td{
	border: 1px solid #c7c8b2;
	color: #990000;
}


/**
 * Fieldset Styles
 */
fieldset#dashboard, fieldset#announcer, fieldset.squareset {
	border: 1px solid #c7c8b2;
}

/* Filter search/bar styles */
fieldset#filter-bar {
	border-top: 1px solid #c7c8b2;
	border-right: 0px solid #c7c8b2;
	border-bottom: 1px solid #c7c8b2;
	border-left: 0px solid #c7c8b2;
}

fieldset#filter-bar ol,fieldset#filter-bar ul {
	border: 0;
}

fieldset#filter-bar ol li fieldset,fieldset#filter-bar ul li fieldset {
	border: 0;
}


/**
 * Site Form Styles
 */
fieldset.siteform, fieldset.lineform, fieldset.borderform {
	border: 1px solid #c7c8b2;
}


/**
 * Tooltips
 */
.tip {
	background: #ffffff;
	border: 1px solid #c7c8b2;
}

.tip-title {
	background: url(../images/system/selector-arrow.png) no-repeat;
}

.tip-text {
	
}

/**
 * Small icons button
 */
img.calendar, img.log {
	border: 1px solid #c7c8b2;
}


/**
 * ZGrid styles
 */
a.zgrid:hover {
	
}

.zgrid span.publish {
	background-image: url(../images/icons/icon-16-tick.png);
}

.zgrid span.unpublish {
	background-image: url(../images/icons/icon-16-publish_x.png);
}

.zgrid span.archive {
	background-image: url(../images/icons/icon-16-archive.png);
}

.zgrid span.trash {
	background-image: url(../images/icons/icon-16-trash.png);
}

.zgrid span.default {
	background-image: url(../images/icons/icon-16-default.png);
}

.zgrid span.notdefault {
	background-image: url(../images/icons/icon-16-notdefault.png);
}

.zgrid span.checkedout {
	background-image: url(../images/icons/checked_out.png);
}

.zgrid span.downarrow {
	background-image: url(../images/icons/downarrow.png);
}

.zgrid span.downarrow_disabled {
	background-image: url(../images/icons/downarrow0.png);
}

.zgrid span.uparrow {
	background-image: url(../images/icons/uparrow.png);
}

.zgrid span.uparrow_disabled {
	background-image: url(../images/icons/uparrow0.png);
}

.zgrid span.published {
	background-image: url(../images/icons/publish_g.png);
}

.zgrid span.expired {
	background-image: url(../images/icons/publish_r.png);
}

.zgrid span.pending {
	background-image: url(../images/icons/publish_y.png);
}


/* must be augmented by aria at the same time if changed dynamically by js
	aria-invalid=true or aria-invalid=false */
input.display {
	border: 1px solid;
}	
	
input.invalid {
	border: 1px solid #a20000;
}

/* augmented by aria in template javascript */
input.readonly,span.faux-input {
	border: 0;
}

input.required {
	background-color: #e5f0fa;
}

input.disabled {
	background-color: #eeeeee;
}

input,select,span.faux-input {
	background-color: #ffffff;
	border: 1px solid #c7c8b2;
}

/* Inputs used as buttons */
input[type="button"],input[type="submit"],input[type="reset"] {
	background-color: #f9fade;
}

input[type="button"]:hover,input[type="button"]:focus,input[type="submit"]:hover,input[type="submit"]:focus,input[type="reset"]:hover,input[type="reset"]:focus
	{
	background-color: #e3e4ca;
	color: #2c2c2c;
}

textarea {
	background-color: #ffffff;
	border: 1px solid #c7c8b2;
}

textarea.readonly {
	border: 0;
	overflow:hidden;
}

input:focus,select:focus,textarea:focus,option:focus,input:hover,select:hover,textarea:hover,option:hover
	{
	background-color: #cccccc;
	color: #2c2c2c;
}


/**
 * ACL STYLES relocated from com_users/media/grid.css
 */
a.grid_false {
	background-image: url('../images/icons/icon-16-cross.png');
}

a.grid_true {
	background-image: url('../images/icons/icon-16-tick.png');
}

a.grid_trash {
	background-image: url('../images/icons/icon-16-trash.png');
}



/**
 * Tabs
 */
dl.tabs dt {
	border: 1px solid #c7c8b2;
	background: #d9dade;
	color: #2c2c2c;
}

dl.tabs dt.open {
	background: #ffffff;
	border-bottom: 1px solid #ffffff;
	color: #2c2c2c;
}

dl.tabs dt.open a:visited {
	color: #2c2c2c;
}

div.current {
	border: 1px solid #c7c8b2;
	background: #ffffff;
}

/* New parameter styles */
div.current fieldset {
	border: none 0;
}


/**
 * Loglist Styles
 */
table.loglist {
	color: #2c2c2c;	
	background-color: #ffffff;
	border: 1px solid #C7C8B2;
}

table.loglist thead th {
	background-color: #e3e4ca;
}

table.loglist thead th, table.loglist tbody td {
	border: 1px solid #C7C8B2;
}


/**
 * floattable Styles
 */

table.floattable {
	color: #2c2c2c;	
	background-color: #ffffff;
	border: 1px solid #C7C8B2;
}

table.floattable thead th {
	background-color: #e3e4ca;
}

table.floattable thead th, table.floattable tbody td {
	border: 1px solid #C7C8B2;
}


/**
 * sitetable Styles
 */
table.sitetable th.key, table.sitetable td.key, table.sitetable td.paramlist_key {
	background-color: #d9dade;
	color: #2c2c2c;
	border-bottom: 1px solid #c7c8b2;
	border-right: 1px solid #c7c8b2;
}

table.sitetable tr.line {
	border-bottom: 1px solid #c7c8b2;
}

table.paramlist td.paramlist_description {
	background-color: #d9dade;
	color: #2c2c2c;
	border-bottom: 1px solid #c7c8b2;
	border-right: 1px solid #c7c8b2;
}


/**
 * Button styling
 */
button {
	background-color: #f9fade;
	border: 1px solid #c7c8b2;
}

button:hover,button:focus {
	background-color: #e3e4ca;
}

.invalid {
	color: #ff0000;
}

/* Button 1 Type */
.button1 {
	border: 1px solid #c7c8b2;
	background: #f9fade;
}

/* Use this if you add images to the buttons such as directional arrows */
.button1 .next {
	/* background: transparent url(../images/z_button1_next.png) 100% 0 no-repeat;  */
	
}

.button1 a {
	color: #2c2c2c;
	/* add padding if you are using the directional images */
	/* padding: 0 30px 0 6px; */
}

.button1 a:hover,.button1 a:focus {
	background-color: #e3e4ca;
}

/* Button 2 Type */
.button2-left,.button2-right {
	border: 1px solid #c7c8b2;
	background-color: #f9fade;
}

.button2-left a,.button2-right a,.button2-left span,.button2-right span
	{
	color: #2c2c2c;
}

/* these are inactive buttons */
.button2-left span,.button2-right span {
	color: #cccccc;
}

.page span,.blank span {
	color: #2c2c2c;
}

.button2-left a:hover,.button2-right a:hover,.button2-left a:focus,.button2-right a:focus
	{
	background-color: #e3e4ca;
}

/* Note: use these references to add images/arrows to the buttons */
.button2-right .prev {
	/* background-image: url(../images/z_button2_prev.png);
	background-position: left center;
	background-repeat: no-repeat; */
	
}

.button2-right.off .prev {
	/* background: url(../images/z_button2_prev_off.png) no-repeat; */
	
}

.button2-right .start {
	
}

.button2-right.off .start {
	
}

.button2-left .page,.button2-left .blank {
	
}

.button2-left .next {
	
}

.button2-left.off .next {
	
}

.button2-left .end {
	
}

.button2-left.off .end {
	
}

.button2-left .image {
	
}

.button2-left .readmore {
	
}

.button2-left .pagebreak {
	
}

.button2-left .blank {
	
}


/**
 * Pagination styles
 */
.pagination div.limit {
	
}

.pagination div.limit label {
	
}

.pagination div.limit select {
	
}

/* The Go submittal button */
.pagination button {
	
}

div.pagination .button2-right,div.pagination .button2-left {
	
}

/* Grey out the current page number */
.pagination .page span {
	color: #cccccc;
}

/* Style if pagination is part of the table (old style) */
table.sitelist .pagination {
	
}

table.sitelist .pagination button {
	
}


/**
 * Calender table
 */
table.calendar, table.calendar tbody td {
	border: 1px solid #383838;
}

table.calendar thead th {
	background: #535353;
	color: #fcfcfc;
}

table.calendar tbody td.calout {
	background-color: #dfdfdf;
}

table.calendar div.calday {
	color: #666666;
}

table.calendar div.caltype {
	color: #333333;
}

table.calendar div.calevent {
}

table.calendar div.calleave {
	color: #22aaaa;
}

table.calendar span.calbg {
	color: #dddddd;
}


/**
 * Real time icon
 */
div#photo_loader{
	background: url(../images/info/notice-loading.gif) no-repeat center center;
}

div.ajax-loading{
	background: url(../images/info/notice-loading.gif) no-repeat center center;
}
 
span.icon_loader{
	background: url(../images/info/notice-loading.gif) no-repeat;
}

span.icon_success{
	color: green;
}

span.icon_failed{
	color: maroon;
}

/**
 * Report Styles
 */
table.tbl-report, table.tbl-report th, table.tbl-report td, table.tbl-legends, table.tbl-legends td {
	border: 1px solid;
}

table.tbl-list th {
	border-top: 1px solid;
	border-bottom: 1px solid;
}

table.tbl-list tr.report-page  {

}

table.tbl-list tfoot tr.report-total {
	border-top: 1px solid;
	border-bottom: 1px solid;
}

table.tbl-list tr td hr.dotted{
	border-top: 1px dotted;
}


/**
 * Cpanel Settings
 */
.cpanel#element-box {
	
}

#cpanel div.icon a {
	color: #2c2c2c;
	border-left: 1px solid #e3e4ca;
	border-top: 1px solid #e3e4ca;
	border-right: 1px solid #c7c8b2;
	border-bottom: 1px solid #c7c8b2;
	background: #eeeeee;
}

#cpanel div.icon a:hover,#cpanel div.icon a:focus {
	border-left: 1px solid #868778;
	border-top: 1px solid #868778;
	border-right: 1px solid #f6f7db;
	border-bottom: 1px solid #f6f7db;
	background: #aaaaaa;
	color: #054993;
}


/********************************************************************************************************/
/********************************************************************************************************/

/**
  * Module Login Styles
  */
fieldset#login-fieldset, fieldset#activate-fieldset, fieldset#first-fieldset, fieldset#reset-fieldset {
	border: 1px solid #c7c8b2;
}


/**
 * Module Link Styles
 */
#module-link a,#module-link span {
	color: #fcfcfc;
}

#module-link .account {
	background: url(../images/icons/icon-16-account.png) 3px 3px no-repeat;
}

#module-link .mode {
	background: url(../images/icons/icon-16-mode.png) 3px 3px no-repeat;
}

#module-link .settings {
	background: url(../images/icons/icon-16-settings.png) 3px 3px no-repeat;
}

#module-link .logout {
	background: url(../images/icons/icon-16-logout.png) 3px 3px no-repeat;
}