/*****************************************************************
 Header
*****************************************************************/
body.MOSO-main-window.MOSO-skin-greenblue,
body.MOSO-redesign-window {
    background-image: url(images/app/background.png);
}
#appHeaderInfoLeft { color:#9a9a9a; }
.header-background {
    background-image: url(images/app/header-bg.png);
}
.header-background.collapsed {
    background: none;
}

.app-menu-angle {
    fill: #54bafc;
}
/*****************************************************************
 Nav Panel
*****************************************************************/
#nav-panel .x-panel-header {
	background-image:url(images/app/nav-panel/menu-titlebar.png);
	border-color:#013c62;
	color:#013c62;
	text-shadow:1px 1px 1px #FFFFFF;
}

#nav-panel .x-tool-collapse-west 
{
	background-image:url(images/menu/menu-item-arrows.png);
}

#nav-panel.x-panel-collapsed .x-tool-collapse-west 
{
	background-image:url(images/menu/menu-item-arrows.png);
}

#nav-panel .menu-search-button
{
	background-image:url(images/app/nav-panel/search-button.png);
}

#nav-panel .x-toolbar 
{
	background-image:url(images/app/main-menu/search-panel-bg.png);
	border-bottom: solid 1px #013c62;
}

.menu-icon-svg {
    stroke: #54bafc;
}

.main-menu-search .main-menu-search__icon {
    fill: #54bafc;
}

.moso-menu-block--level-1 .moso-menu-item {
    color: #d1d1d1;
}

.moso-menu-item:hover {
    color: #fff;
    background-color: #54bafc;
}

.moso-menu-item:hover .menu-icon-svg {
    stroke: #fff;
}

.moso-menu-item:hover .moso-menu-item__description {
    color: #fff;
}

/*****************************************************************
 Main Menu
*****************************************************************/
#main-menu-ct.ux-menu > li.ux-menu-item-main > a {
    background-image: url('images/app/main-menu/menu-item-root-bg.png');
}

#main-menu-ct.ux-menu a {
	color:#aaa;
}

#main-menu-ct.ux-menu a.ux-menu-link-hover {
	color:#fff;
	text-shadow:1px 1px 1px #000;
}

#main-menu-ct.ux-menu ul a, #main-menu-ct.ux-menu.ux-menu-vertical a 
{
	border-color:#353535;
}

#main-menu-ct.ux-menu .ux-menu-arrow
{
	background-image:url(images/menu/menu-item-arrows.png);
}

#main-menu-ct.ux-menu .ux-menu-link-hover .ux-menu-arrow
{
	opacity:1.0;
	/*-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* For IE 8 */
	/*filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); /* For IE 5-7 */
}

/* SUB MENUS ITEMS */
#main-menu-ct.ux-menu .ux-menu-sub a 
{
	background-image:url('images/main-menu/submenu-item-bg.png');
	font-size: 11px;
}

#main-menu-ct.ux-menu li.ux-menu-child-title a,
#main-menu-ct.ux-menu li.ux-menu-child-title a:hover
{
	color:#71deff;
	font-size: 13px;
	text-shadow:1px 1px 1px #000;
}

#main-menu-ct.ux-menu .ux-menu-sub a:hover 
{
	color:#fff;
	font-size: 11px;
	text-shadow:1px 1px 1px #000;
}

/* ALL ICONS */
#nav-panel.x-panel-collapsed li.ux-menu-item-main,
#nav-panel.x-panel-collapsed li.ux-menu-item-main a { height: 33px; }

#nav-panel.x-panel-collapsed #main-menu-ct.ux-menu .ux-menu-arrow { margin-top: -8px; }
#nav-panel.x-panel-collapsed li.ux-menu-item-main a .ux-menu-icon {
    background: transparent url(images/app/main-menu/icons-small.png) top left no-repeat;
    height: 24px;
    line-height: 33px;
    width: 25px;
}


#nav-panel.x-panel-collapsed li.ux-menu-item-main a.menu-icon-scheduler .ux-menu-icon { background-position: 0 -96px; }
#nav-panel.x-panel-collapsed li.ux-menu-item-main a.menu-icon-scheduler:hover .ux-menu-icon { background-position: -25px -96px;}


#nav-panel.x-panel-collapsed li.ux-menu-item-main a.menu-icon-mywork .ux-menu-icon { background-position: 0 -192px; }
#nav-panel.x-panel-collapsed li.ux-menu-item-main a.menu-icon-mywork:hover .ux-menu-icon { background-position: -25px -192px;}

#nav-panel.x-panel-collapsed li.ux-menu-item-main a.menu-icon-frontdesk .ux-menu-icon { background-position: 0 0px; }
#nav-panel.x-panel-collapsed li.ux-menu-item-main a.menu-icon-frontdesk:hover .ux-menu-icon { background-position: -25px 0px;}
#nav-panel.x-panel-collapsed li.ux-menu-item-main a.menu-icon-member .ux-menu-icon { background-position: 0 -24px; }
#nav-panel.x-panel-collapsed li.ux-menu-item-main a.menu-icon-member:hover .ux-menu-icon { background-position: -25px -24px;}
#nav-panel.x-panel-collapsed li.ux-menu-item-main a.menu-icon-card .ux-menu-icon { background-position: 0 -48px; }
#nav-panel.x-panel-collapsed li.ux-menu-item-main a.menu-icon-card:hover .ux-menu-icon { background-position: -25px -48px;}
#nav-panel.x-panel-collapsed li.ux-menu-item-main a.menu-icon-pos .ux-menu-icon { background-position: 0 -72px; }
#nav-panel.x-panel-collapsed li.ux-menu-item-main a.menu-icon-pos:hover .ux-menu-icon { background-position: -25px -72px;}


#nav-panel.x-panel-collapsed li.ux-menu-item-main a.menu-icon-orgs .ux-menu-icon { background-position: 0 -120px; }
#nav-panel.x-panel-collapsed li.ux-menu-item-main a.menu-icon-orgs:hover .ux-menu-icon { background-position: -25px -120px;}
/* calendar 96 */
/* necktie  120 */
#nav-panel.x-panel-collapsed li.ux-menu-item-main a.menu-icon-services .ux-menu-icon { background-position: 0 -144px; }
#nav-panel.x-panel-collapsed li.ux-menu-item-main a.menu-icon-services:hover .ux-menu-icon { background-position: -25px -144px;}
/* briefcase 168 */
/* attachment 192 */
#nav-panel.x-panel-collapsed li.ux-menu-item-main a.menu-icon-reports .ux-menu-icon { background-position: 0 -216px; }
#nav-panel.x-panel-collapsed li.ux-menu-item-main a.menu-icon-reports:hover .ux-menu-icon { background-position: -25px -216px;}
#nav-panel.x-panel-collapsed li.ux-menu-item-main a.menu-icon-document .ux-menu-icon { background-position: 0 -240px; }
#nav-panel.x-panel-collapsed li.ux-menu-item-main a.menu-icon-document:hover .ux-menu-icon { background-position: -25px -240px;}
#nav-panel.x-panel-collapsed li.ux-menu-item-main a.menu-icon-config .ux-menu-icon { background-position: 0 -264px; }
#nav-panel.x-panel-collapsed li.ux-menu-item-main a.menu-icon-config:hover .ux-menu-icon { background-position: -25px -264px;}
#nav-panel.x-panel-collapsed li.ux-menu-item-main a.menu-icon-graph .ux-menu-icon { background-position: 0 -288px; }
#nav-panel.x-panel-collapsed li.ux-menu-item-main a.menu-icon-graph:hover .ux-menu-icon { background-position: -25px -288px;}
#nav-panel.x-panel-collapsed li.ux-menu-item-main a.menu-icon-star .ux-menu-icon { background-position: 0 -314px; }
#nav-panel.x-panel-collapsed li.ux-menu-item-main a.menu-icon-star:hover .ux-menu-icon { background-position: -25px -314px;}
#nav-panel.x-panel-collapsed li.ux-menu-item-main a.menu-icon-teddybear .ux-menu-icon { background-position: 0 -338px; }
#nav-panel.x-panel-collapsed li.ux-menu-item-main a.menu-icon-teddybear:hover .ux-menu-icon { background-position: -25px -338px;}
#nav-panel.x-panel-collapsed li.ux-menu-item-main a.menu-icon-flag .ux-menu-icon { background-position: 0 -362px; }
#nav-panel.x-panel-collapsed li.ux-menu-item-main a.menu-icon-flag:hover .ux-menu-icon { background-position: -25px -362px;}
#nav-panel.x-panel-collapsed li.ux-menu-item-main a.menu-icon-clock .ux-menu-icon { background-position: 0 -386px; }
#nav-panel.x-panel-collapsed li.ux-menu-item-main a.menu-icon-clock:hover .ux-menu-icon { background-position: -25px -386px;}

#nav-panel.x-panel-collapsed li.ux-menu-item-main a.menu-icon-timeEntry .ux-menu-icon { background-position: 0 -386px; }
#nav-panel.x-panel-collapsed li.ux-menu-item-main a.menu-icon-timeEntry:hover .ux-menu-icon { background-position: -25px -386px;}
#nav-panel.x-panel-collapsed li.ux-menu-item-main a.menu-icon-timeRecords .ux-menu-icon { background-position: 0 -240px; }
#nav-panel.x-panel-collapsed li.ux-menu-item-main a.menu-icon-timeRecords:hover .ux-menu-icon { background-position: -25px -240px;}

/*****************************************************************
 Misc
*****************************************************************/
.x-layout-split.x-layout-split-north,
.x-layout-cmini-north {
	background-image:url(images/splitbar/splitbar.png);
}

.searchSelect { background-color: #def2fc !important; }

/*****************************************************************
 Forms
*****************************************************************/
/*.x-form-field-wrap .x-form-trigger 
{
	background-image: url(images/form/trigger.png);
}
*/
#login-form-box label.x-form-item-label {
    font-size: 14px;
    font-weight: bold;
}

/*standalone field labels - use `xtype:"display", cls:"x-form-label"` */
label.x-form-label {
    font-size: 12px;
    color: #2f2f2f;
    font-weight: bold;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}

/*support bold form field labels - use `itemCls: "x-form-item-bold"` */
/*note: cannot use `labelStyle` because it will overwrite the `width` set by form layout (ExtJs 3.0.0) */
.x-form-label-bold label {
    font-weight: bold;
}

/*****************************************************************
 Grids
*****************************************************************/
.x-grid3-row-selected {
	background-color: #def2fc !important;
}

/*****************************************************************
 Buttons
*****************************************************************/
.x-btn button {
	color:#FFFFFF;
	text-shadow:1px 1px 1px #777;
}

.x-btn-tl,
.x-btn-tr,
.x-btn-tc,
.x-btn-ml,
.x-btn-mr,
.x-btn-mc,
.x-btn-bl,
.x-btn-br,
.x-btn-bc {	background-image:url(images/button/btn-new.png); }

.important .x-btn-tl,
.important .x-btn-tr,
.important .x-btn-tc,
.important .x-btn-ml,
.important .x-btn-mr,
.important .x-btn-mc,
.important .x-btn-bl,
.important .x-btn-br,
.important .x-btn-bc { background-image:url(images/button/btn-new-important.png); }

/* Hover Click State */
.x-btn-click .x-btn-text {
	color: #ffffff;
	text-shadow:1px 1px 1px #aaa;
}

/* Re-instate "standard" toolbar buttons */
.x-toolbar .x-btn-tl, 
.x-toolbar .x-btn-tr, 
.x-toolbar .x-btn-tc, 
.x-toolbar .x-btn-ml, 
.x-toolbar .x-btn-mr,
.x-toolbar .x-btn-mc, 
.x-toolbar .x-btn-bl, 
.x-toolbar .x-btn-br, 
.x-toolbar .x-btn-bc { background-position: 500px 500px; }

/* These rules are duplicated from button.css to give priority of x-toolbar rules above */
.x-toolbar .x-btn-over .x-btn-tl { background-position: -6px 0; }
.x-toolbar .x-btn-over .x-btn-tr { background-position: -9px 0; }
.x-toolbar .x-btn-over .x-btn-tc { background-position: 0 -9px; }
.x-toolbar .x-btn-over .x-btn-ml { background-position: -6px -24px; }
.x-toolbar .x-btn-over .x-btn-mr { background-position: -9px -24px; }
.x-toolbar .x-btn-over .x-btn-mc { background-position: 0 -2168px; }
.x-toolbar .x-btn-over .x-btn-bl { background-position: -6px -3px; }
.x-toolbar .x-btn-over .x-btn-br { background-position: -9px -3px; }
.x-toolbar .x-btn-over .x-btn-bc { background-position: 0 -18px; }

.x-toolbar .x-btn-click .x-btn-tl, 
.x-toolbar .x-btn-menu-active .x-btn-tl, 
.x-toolbar .x-btn-pressed .x-btn-tl { background-position: -12px 0; }

.x-toolbar .x-btn-click .x-btn-tr, 
.x-toolbar .x-btn-menu-active .x-btn-tr, 
.x-toolbar .x-btn-pressed .x-btn-tr { background-position: -15px 0; }

.x-toolbar .x-btn-click .x-btn-tc, 
.x-toolbar .x-btn-menu-active .x-btn-tc, 
.x-toolbar .x-btn-pressed .x-btn-tc { background-position: 0 -12px; }

.x-toolbar .x-btn-click .x-btn-ml, 
.x-toolbar .x-btn-menu-active .x-btn-ml, 
.x-toolbar .x-btn-pressed .x-btn-ml { background-position: -12px -24px; }

.x-toolbar .x-btn-click .x-btn-mr, 
.x-toolbar .x-btn-menu-active .x-btn-mr, 
.x-toolbar .x-btn-pressed .x-btn-mr { background-position: -15px -24px; }

.x-toolbar .x-btn-click .x-btn-mc, 
.x-toolbar .x-btn-menu-active .x-btn-mc, 
.x-toolbar .x-btn-pressed .x-btn-mc { background-position: 0 -3240px; }

.x-toolbar .x-btn-click .x-btn-bl, 
.x-toolbar .x-btn-menu-active .x-btn-bl, 
.x-toolbar .x-btn-pressed .x-btn-bl { background-position: -12px -3px; }

.x-toolbar .x-btn-click .x-btn-br, 
.x-toolbar .x-btn-menu-active .x-btn-br, 
.x-toolbar .x-btn-pressed .x-btn-br { background-position: -15px -3px; }

.x-toolbar .x-btn-click .x-btn-bc, 
.x-toolbar .x-btn-menu-active .x-btn-bc, 
.x-toolbar .x-btn-pressed .x-btn-bc { background-position: 0 -21px; }


.x-toolbar .x-btn-tl, 
.x-toolbar .x-btn-tr, 
.x-toolbar .x-btn-tc, 
.x-toolbar .x-btn-ml, 
.x-toolbar .x-btn-mr, 
.x-toolbar .x-btn-mc, 
.x-toolbar .x-btn-bl, 
.x-toolbar .x-btn-br, 
.x-toolbar .x-btn-bc {
	/*background-image: url(../images/button/btn-standard.gif);*/
	background-image: url(../images/button/btn.gif);
	/*width:3px;*/
	/*height:3px;*/
}

.x-btn{
	cursor:pointer;
	white-space: nowrap;
}

.x-btn button{
    border:0 none;
    background:transparent;
    padding-left:3px;
    padding-right:3px;
    cursor:pointer;
    margin:0;
    overflow:visible;
    width:auto;
    -moz-outline:0 none;
    outline:0 none;
}

* html .ext-ie .x-btn button {
    width:1px;
}

.ext-gecko .x-btn button {
    padding-left:0;
    padding-right:0;
}

.ext-gecko .x-btn button .-moz-focus-inner {
    padding:0;
}

.ext-ie .x-btn button {
    padding-top:2px;
}

.x-btn td {
    padding:0 !important;
}

.x-btn-text {
    cursor:pointer;
	white-space: nowrap;
    padding:0;
}

/* icon placement and sizing styles */

/* Only text */
.x-btn-noicon .x-btn-small .x-btn-text{
	height: 16px;
}

.x-btn-noicon .x-btn-medium .x-btn-text{
    height: 24px;
}

.x-btn-noicon .x-btn-large .x-btn-text{
    height: 32px;
}

/* Only icons */
.x-btn-icon .x-btn-text{
/*
    background-position: center;
	background-repeat: no-repeat;
*/
}

.x-btn-icon .x-btn-small .x-btn-text{
	height: 16px;
	width: 16px;
}

.x-btn-icon .x-btn-medium .x-btn-text{
    height: 24px;
	width: 24px;
}

.x-btn-icon .x-btn-large .x-btn-text{
    height: 32px;
	width: 32px;
}

/* Icons and text */
/* left */
.x-btn-text-icon .x-btn-icon-small-left .x-btn-text{
    background-position: 0 center;
	background-repeat: no-repeat;
    padding-left:18px;
    height:16px;
}

.x-btn-text-icon .x-btn-icon-medium-left .x-btn-text{
    background-position: 0 center;
	background-repeat: no-repeat;
    padding-left:26px;
    height:24px;
}

.x-btn-text-icon .x-btn-icon-large-left .x-btn-text{
    background-position: 0 center;
	background-repeat: no-repeat;
    padding-left:34px;
    height:32px;
}

/* top */
.x-btn-text-icon .x-btn-icon-small-top .x-btn-text{
    background-position: center 0;
	background-repeat: no-repeat;
    padding-top:18px;
}

.x-btn-text-icon .x-btn-icon-medium-top .x-btn-text{
    background-position: center 0;
	background-repeat: no-repeat;
    padding-top:26px;
}

.x-btn-text-icon .x-btn-icon-large-top .x-btn-text{
    background-position: center 0;
	background-repeat: no-repeat;
    padding-top:34px;
}

/* right */
.x-btn-text-icon .x-btn-icon-small-right .x-btn-text{
    background-position: right center;
	background-repeat: no-repeat;
    padding-right:18px;
    height:16px;
}

.x-btn-text-icon .x-btn-icon-medium-right .x-btn-text{
    background-position: right center;
	background-repeat: no-repeat;
    padding-right:26px;
    height:24px;
}

.x-btn-text-icon .x-btn-icon-large-right .x-btn-text{
    background-position: right center;
	background-repeat: no-repeat;
    padding-right:34px;
    height:32px;
}

/* bottom */
.x-btn-text-icon .x-btn-icon-small-bottom .x-btn-text{
    background-position: center bottom;
	background-repeat: no-repeat;
    padding-bottom:18px;
}

.x-btn-text-icon .x-btn-icon-medium-bottom .x-btn-text{
    background-position: center bottom;
	background-repeat: no-repeat;
    padding-bottom:26px;
}

.x-btn-text-icon .x-btn-icon-large-bottom .x-btn-text{
    background-position: center bottom;
	background-repeat: no-repeat;
    padding-bottom:34px;
}

/* background positioning */
.x-btn-tr i, .x-btn-tl i, .x-btn-mr i, .x-btn-ml i, .x-btn-br i, .x-btn-bl i{
	font-size:1px;
    line-height:1px;
    width:3px;
    display:block;
    overflow:hidden;
}

.x-btn-tr i, .x-btn-tl i, .x-btn-br i, .x-btn-bl i{
	height:3px;
}

.x-btn-tl {
	width: 3px;
	height: 3px;
	background-position: 0 0;
	background-repeat: no-repeat;
}
.x-btn-tr {
	width: 3px;
	height: 3px;
	background-position: -3px 0;
	background-repeat: no-repeat;
}
.x-btn-tc {
	height: 3px;
	background-position: 0 -6px;
	background-repeat: repeat-x;
}
.x-btn-ml {
	width: 3px;
	background-position: 0 -24px;
	background-repeat: no-repeat;
}
.x-btn-mr {
	width: 3px;
	background-position: -3px -24px;
	background-repeat: no-repeat;
}
.x-btn-mc {
	background-position: 0 -1096px;
	background-repeat: repeat-x;
    vertical-align: middle;
	text-align:center;
	padding:0 5px;
	cursor:pointer;
	white-space:nowrap;
}
.x-btn-bl {
	width: 3px;
	height: 3px;
	background-position: 0 -3px;
	background-repeat: no-repeat;
}
.x-btn-br{
	width: 3px;
	height: 3px;
	background-position: -3px -3px;
	background-repeat: no-repeat;
}
.x-btn-bc {
	height: 3px;
	background-position: 0 -15px;
	background-repeat: repeat-x;
}

.x-btn-over .x-btn-tl {	background-position: -6px 0; }
.x-btn-over .x-btn-tr {	background-position: -9px 0; }
.x-btn-over .x-btn-tc {	background-position: 0 -9px; }
.x-btn-over .x-btn-ml {	background-position: -6px -24px; }
.x-btn-over .x-btn-mr {	background-position: -9px -24px; }
.x-btn-over .x-btn-mc {	background-position: 0 -2168px; }
.x-btn-over .x-btn-bl {	background-position: -6px -3px; }
.x-btn-over .x-btn-br {	background-position: -9px -3px; }
.x-btn-over .x-btn-bc {	background-position: 0 -18px; }

.x-btn-click .x-btn-tl, 
.x-btn-menu-active .x-btn-tl, 
.x-btn-pressed .x-btn-tl { background-position: -12px 0; }

.x-btn-click .x-btn-tr, 
.x-btn-menu-active .x-btn-tr, 
.x-btn-pressed .x-btn-tr { background-position: -15px 0; }

.x-btn-click .x-btn-tc, 
.x-btn-menu-active .x-btn-tc, 
.x-btn-pressed .x-btn-tc { background-position: 0 -12px; }

.x-btn-click .x-btn-ml, 
.x-btn-menu-active .x-btn-ml, 
.x-btn-pressed .x-btn-ml { background-position: -12px -24px; }

.x-btn-click .x-btn-mr, 
.x-btn-menu-active .x-btn-mr, 
.x-btn-pressed .x-btn-mr { background-position: -15px -24px; }

.x-btn-click .x-btn-mc, 
.x-btn-menu-active .x-btn-mc, 
.x-btn-pressed .x-btn-mc { background-position: 0 -3240px; }

.x-btn-click .x-btn-bl, 
.x-btn-menu-active .x-btn-bl, 
.x-btn-pressed .x-btn-bl { background-position: -12px -3px; }

.x-btn-click .x-btn-br, 
.x-btn-menu-active .x-btn-br, 
.x-btn-pressed .x-btn-br { background-position: -15px -3px; }

.x-btn-click .x-btn-bc, 
.x-btn-menu-active .x-btn-bc, 
.x-btn-pressed .x-btn-bc { background-position: 0 -21px; }

.x-btn-disabled * { cursor:default !important; }


/* With a menu arrow */
/* right */
.x-btn-mc em.x-btn-arrow {
    display:block;
    background:transparent no-repeat right center;
	padding-right:10px;
}

.x-btn-mc em.x-btn-split {
    display:block;
    background:transparent no-repeat right center;
	padding-right:14px;
}

/* bottom */
.x-btn-mc em.x-btn-arrow-bottom {
    display:block;
    background:transparent no-repeat center bottom;
	padding-bottom:14px;
}

.x-btn-mc em.x-btn-split-bottom {
    display:block;
    background:transparent no-repeat center bottom;
	padding-bottom:14px;
}

/* height adjustment class */
.x-btn-as-arrow .x-btn-mc em {
    display:block;
    background:transparent;
	padding-bottom:14px;
}

/* groups */
.x-btn-group {
    padding:1px;
}

.x-btn-group-header {
    padding:2px;
    text-align:center;
}

.x-btn-group-tc {
	background: transparent repeat-x 0 0;
	overflow:hidden;
}

.x-btn-group-tl {
	background: transparent no-repeat 0 0;
	padding-left:3px;
    zoom:1;
}

.x-btn-group-tr {
	background: transparent no-repeat right 0;
	zoom:1;
    padding-right:3px;
}

.x-btn-group-bc {
	background: transparent repeat-x 0 bottom;
    zoom:1;
}

.x-btn-group-bc .x-panel-footer {
    zoom:1;
}

.x-btn-group-bl {
	background: transparent no-repeat 0 bottom;
	padding-left:3px;
    zoom:1;
}

.x-btn-group-br {
	background: transparent no-repeat right bottom;
	padding-right:3px;
    zoom:1;
}

.x-btn-group-mc {
    border:0 none;
    padding:1px 0 0 0;
    margin:0;
}

.x-btn-group-mc .x-btn-group-body {
    background:transparent;
    border: 0 none;
}

.x-btn-group-ml {
	background: transparent repeat-y 0 0;
	padding-left:3px;
    zoom:1;
}

.x-btn-group-mr {
	background: transparent repeat-y right 0;
	padding-right:3px;
    zoom:1;
}

.x-btn-group-bc .x-btn-group-footer {
    padding-bottom:6px;
}

.x-panel-nofooter .x-btn-group-bc {
	height:3px;
    font-size:0;
    line-height:0;
}
                                                                    
.x-btn-group-bwrap {
    overflow:hidden;
    zoom:1;
}

.x-btn-group-body {
    overflow:hidden;
    zoom:1;
}

.x-btn-group-notitle .x-btn-group-tc {
	background: transparent repeat-x 0 0;
	overflow:hidden;
    height:2px;
}

/*****************************************************************
 Tabs
*****************************************************************/
.x-tab-strip-top .x-tab-right, 
.x-tab-strip-top .x-tab-left, 
.x-tab-strip-top .x-tab-strip-inner {
	background-image: url(images/tabs/tabs-sprite.png);
}

.x-tab-strip span.x-tab-strip-text {
	padding: 4px;
}

.x-tab-strip-over span.x-tab-strip-text { color:#fff; }

.x-tab-strip-active span.x-tab-strip-text {
	color:#fff;
	text-shadow:1px 1px 3px #333; 
}

.x-tab-panel-header-plain ul.x-tab-strip-top { 
	border-bottom-color:#1f5d7e !important;
	background-image:url(images/tabs/tab-strip-bg.png) !important;
    background-position: 0 -37px !important; 
}

.user-image-toolbar-img {
    border: 1px solid #999999;
    float: left;
    margin-left: 10px;
    margin-right: 5px;
    border-radius: 48px;
}

/* Dependent checkin */
.dci-ccil-container,.dci-memberdeps{
    background  : #5fa3d0 url(images/app/childcare/childcare-checkin-bkg-blue.png);
}
.dci-asntitle{
	background-color  : #5fa3d0;
}

.menu-button-icon {
    background-image: url("images/app/main-menu/menu-blue.png");
}

.MOSO-menu-subdown-glow {
    background-image: url("images/app/main-menu/Downglow-blue.png");
}

.MOSO-menu-button-text-glow {
    color: #5dc0eb;
}

/*****************************************************************
 DataView
*****************************************************************/
.x-view-selected {
    background-color: #def2fc;
}