/*
 * Ext JS Library 2.2
 * Copyright(c) 2006-2008, Ext JS, LLC.
 * licensing@extjs.com
 * 
 * http://extjs.com/license
 */

/*===================================
/*   Basic page styles
/*===================================*/
body {
    font-family:'lucida grande',tahoma,arial,sans-serif;
    font-size:11px;
}
a {
    color:#15428B;
}
a:link, a:visited {
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}
#header {
    background: #7F99BE url(images/layout-browser-hd-bg.gif) repeat-x center;
}
#header h1 {
    font-size: 16px;
    color: #fff;
    font-weight: normal;
    padding: 5px 10px;
}
#start-div h2 {
    font-size: 12px;
    color: #555;
    padding-bottom:5px;
    border-bottom:1px solid #C3D0DF;
}
#start-div p {
    margin: 10px 0;
}
#details-panel h2 {
    padding:10px 10px 0;
    font-size:12px;
    color:#15428B;
}
#details-panel p {
    padding:10px 10px 0;
}
#details-panel pre {
    border-top:1px dotted #ddd;
    border-bottom:1px dotted #ddd;
    margin-top:10px;
    padding:0 5px;
    background:#f5f5f5;
}
#details-panel .details-info {
    margin:15px;
    padding:15px;
    border:1px dotted #999;
    color:#555;
    background: #f9f9f9;
}

/*===================================
/*   Customized layout styles
/*===================================*/

/* Remove the border around the tabs and override the default white background: */
.x-tab-panel-header-plain .x-tab-strip-top {
    background: #DFE8F6 url(../images/default/tabs/tab-strip-bg.gif) repeat-x scroll center bottom !important;
}

/* Custom CSS applied to a single panel in an accordion: */
.custom-accordion .x-panel-body {
    font-family:georgia,serif;
    padding:20px 80px !important;
    background:#ffe;
    font-size:18px;
    text-align:center;
    color:#15428B;
}
.custom-accordion .x-panel-header-text {
    font-weight:bold;
    font-style:italic;
    color:#555;
}

/* Custom style for the FormLayout footer so that it integrates into the border layout nicely: */
#form-panel .x-panel-footer {
    background:#DFE8F6;
    border-color:#99BBE8;
    border-style:none solid solid;
    border-width:0pt 1px 1px;
}

/* Customize the TableLayout html using standard CSS rules: */
#table-panel .x-table-layout {
    padding:5px;
}
#table-panel .x-table-layout td {
    vertical-align:top;
    padding:5px;
    font-size: 11px;
}

/* Toolbar icons for absolute form example: */
.icon-send {
    background-image:url(images/email_go.png) !important;
}
.icon-save {
    background-image:url(images/disk.png) !important;
}
.icon-print {
    background-image:url(images/printer.png) !important;
}
.icon-spell {
    background-image:url(images/spellcheck.png) !important;
}
.icon-attach {
    background-image:url(images/page_attach.png) !important;
}
/* Custom rule to make the toolbar fit within a framed panel with no margin: */
.email-form .x-panel-mc .x-panel-tbar .x-toolbar {
    border-top:1px solid #C2D6EF;
    border-left:1px solid #C2D6EF;
    border-bottom:1px solid #99BBE8;
    margin:-5px -4px 0;
}

/* Custom styles for the "Tabs with nested layouts" example: */
.inner-tab-custom .x-border-layout-ct {
    background: #fff;
}

/*===================================
/*  Rules for custom ux layouts
/*====================================*/
/* 
 * Ext.ux.layout.CenterLayout
 */
.ux-layout-center-item {
    margin:0 auto;
    text-align:left;
}
.ux-layout-center .x-panel-body,  /* if the container is a panel */
body.ux-layout-center {           /* if the container is the doc body (for viewport) */
    text-align:center;
}
#users-grid .x-grid3-header {
    background: #f9f9f9 url(../images/efs/hrow.gif) repeat-x left top;
}
#users-grid .new-user-row {
    height:24px;
}
#users-grid .new-user-row .x-small-editor {
    overflow:hidden;
    width:100%;
}
#users-grid .new-user-row .x-small-editor input {
    font-size:11px;
}
#users-grid {
	background-color:#cad9ec;
    padding:3px 5px 0 0;
}

#new-user-icon {
    width:16px;
    height:16px;
	margin-left:3px;
    background: transparent url(../images/efs/user_edit.png) no-repeat;
}
.x-grid3-body .x-grid3-td-user-col .x-grid3-cell-inner {
    padding: 2px 0 0 2px !important;
}

#header-panel {
	background-color:#cad9ec;
    padding:5px 0 0 5px;
}

#header-panel .x-panel-body {
	background:transparent;
}

#header-panel .x-layout-header{
    background: url(../images/efs/admin.png) no-repeat center left;
    vertical-align:bottom !important;
	background-position: 3px; 
    padding-left:45px;
    padding-top:5px;
    height:32px;
    font:normal 16px tahoma, arial, sans-serif;
	color:#15428b;
}

#header-panel .x-layout-return{
	color:#15428b; 
	text-decoration:none; 
	font:11px tahoma, arial, helvetica, sans-serif;
	float:right;
	margin-right:10px;
	margin-top:10px;
}

#welcome-panel 
{
    
    color:#15428b; 
	text-decoration:none; 
	font:14px tahoma, arial, helvetica, sans-serif;
	margin-top:10px;
	margin-left:20px;
}

#entry-panel_two 
{
    
    color:#15428b; 
	text-decoration:none; 
	font:14px tahoma, arial, helvetica, sans-serif;
	margin-top:10px;
	margin-left:20px;
	z-index:99999
	
}

#entry-panel_three
{
    
    color:#15428b; 
	text-decoration:none; 
	font:14px tahoma, arial, helvetica, sans-serif;
	margin-top:10px;
	margin-left:20px;
	z-index:99999
	
}

#entry-panel_three h2 
{
    background: url(../images/efs/login_modify.png) no-repeat center left;
    font-size: 14px;
    color: #555;
    vertical-align:bottom !important;
    padding-left:55px;
    padding-top:36px;
    padding-bottom:15px;
    margin-top:20px;

}

#entry-panel_two h3 
{
    background: url(../images/efs/login_create.png) no-repeat center left;
    font-size: 14px;
    color: #555;
    vertical-align:bottom !important;
    padding-left:55px;
    padding-top:36px;
    padding-bottom:15px;
    margin-top:20px;

}

#entry-panel 
{
    
    color:#15428b; 
	text-decoration:none; 
	font:14px tahoma, arial, helvetica, sans-serif;
	margin-top:10px;
	margin-left:20px;
	z-index:99999
	
}
#entry-panel h1 
{
    background: url(../images/efs/login_logo.gif) no-repeat center left;
    font-size: 16px;
    vertical-align:bottom !important;
    color: #555;
    height:32px;
    padding-left:45px;
    padding-top:12px;
    padding-bottom:5px;
    border-bottom:1px solid #C3D0DF;
}

#entry-panel h2 
{
    background: url(../images/efs/login_modify.png) no-repeat center left;
    font-size: 14px;
    color: #555;
    vertical-align:bottom !important;
    padding-left:55px;
    padding-top:36px;
    padding-bottom:15px;
    margin-top:20px;

}

#entry-panel h3 
{
    background: url(../images/efs/login_create.png) no-repeat center left;
    font-size: 14px;
    color: #555;
    vertical-align:bottom !important;
    padding-left:55px;
    padding-top:36px;
    padding-bottom:15px;
    margin-top:20px;

}

#entry-panel p {
    margin-left:5px;
}

#welcome-panel h1 
{
    background: url(../images/efs/admin.png) no-repeat center left;
    font-size: 16px;
    vertical-align:bottom !important;
    color: #555;
    height:32px;
    padding-left:36px;
    padding-top:12px;
    padding-bottom:5px;
    border-bottom:1px solid #C3D0DF;
}

#welcome-panel h2 
{
    background: url(../images/efs/acct_info32.png) no-repeat center left;
    font-size: 14px;
    color: #555;
    vertical-align:bottom !important;
    padding-left:36px;
    padding-top:12px;
    padding-bottom:15px;
    margin-top:20px;
    border-bottom:1px solid #C3D0DF;
}

#welcome-panel p {
    margin-left:5px;
}

.icon-account-user {
	background-image:url(../images/efs/blue_user.png) !important;
}

.icon-account-instructions {
	background-image:url(../images/efs/acct_info.png) !important;
}



a.btnReturn {color:#15428b; text-decoration:none; font:11px verdana, arial, helvetica, sans-serif;}
a.btnReturn:hover {color:#15428b; text-decoration:underline;}

.user-check {
    width:16px;
    height:16px;
    background: transparent url(../images/efs/status_online.png) no-repeat center 0;
    cursor:pointer;
}


.user-check-over {
    background: transparent url(../images/efs/status_over.png) no-repeat center 0;
}

.user-disabled .user-check {
    background: transparent url(../images/efs/status_busy.png) no-repeat center 0;
}

.user-disabled .x-grid3-cell-inner {
    text-decoration:line-through;
    color:gray;
}

.user-logged-in .user-check {
    background: transparent url(../images/efs/status_away.png) no-repeat center 0;
}

.user-logged-in .x-grid3-cell-inner {
	text-decoration:none;
	color:green;
}

.x-grid3-hd-user-col   {
    padding: 0 0 0 2px !important;
}

.user-col-hd {
    width:16px;
    height:16px;
    background: transparent url(../images/efs/status_offline.png) no-repeat center 0;
    cursor:default;
}

.x-grid3-td-user-email .x-grid3-cell-inner {
    white-space:normal;
}

.x-grid3-dirty-cell {
    background:transparent;
}


.icon-show-active {
    background-image:url(../images/efs/icon-show-active.gif) !important;
}
.icon-show-logged-in {
    background-image:url(../images/efs/icon-show-logged-in.gif) !important;
}
.icon-show-disabled {
    background-image:url(../images/efs/icon-show-disabled.gif) !important;
}
.icon-show-all {
    background-image:url(../images/efs/icon-show-all.gif) !important;
}


.icon-active {
    background-image:url(../images/efs/user.png) !important;
}
.icon-disabled {
    background-image:url(../images/efs/user_delete.png) !important;
}
.icon-delete {
    background-image:url(../images/efs/user_remove.png) !important;
}
.icon-edit {
	background-image:url(../images/efs/user_edit.png) !important;
}
.icon-logout {
	background-image:url(../images/efs/user_logout.png) !important;
}
.icon-report {
	background-image:url(../images/efs/report_user.png) !important;
}


.icon-by-type {
    background-image:url(../images/efs/icon-by-type.gif) !important;
}
.icon-by-application {
    background-image:url(../images/efs/icon-by-application.gif) !important;
}
.icon-by-customer {
    background-image:url(../images/efs/icon-by-customer.gif) !important;
}
.icon-no-group {
    background-image:url(../images/efs/icon-no-group.gif) !important;
}


.icon-save {
    background-image:url(../images/efs/disk_big.png) !important;
}
.icon-refresh {
    background-image:url(../images/efs/arrow_refresh.png) !important;
}
.icon-help {
    background-image:url(../images/efs/help.png) !important;
}
.icon-close {
    background-image:url(../images/efs/cancel.png) !important;
}

.icon-docs {
	background-image: url(../images/efs/docs.gif) !important; 
}

#action-panel .x-panel {
	margin-bottom:3px;
	margin-right:0;
}
#action-panel .x-panel-body {
	border:0 none;
}
#action-panel .x-panel-body li {
	margin:3px;	
}
#action-panel .x-panel-body li img {
	width:16px;
	height:16px;
	vertical-align:middle;
	margin-right:2px;
	margin-bottom:2px;
}
#action-panel .x-panel-body li a {
	text-decoration:none;
	color:#3764A0;
}
#action-panel .x-plain-body {
	background-color:#cad9ec;
    padding:3px 0 0 5px;
}
#action-panel .x-panel-body li a:hover {
	text-decoration:underline;
	color:#15428b;
}

.x-panel-trans {
	background:transparent;
}

.x-layout-split-west {
	cursor:move;
    background-color:#cad9ec;
}
.x-panel-header-text {
	color:#3764A0;
}

.x-layout-collapsed-west {
    background-color:#cad9ec;
}

#help-win .x-tree-node-leaf .x-tree-node-icon{background-image:url(../images/efs/help.gif) !important;}

.x-statusbar .x-status-ready{padding-left:25px;background:transparent url(../images/default/grid/nowait.gif) no-repeat 3px 3px;}