/*
 * Ext JS Library 2.2.1
 * Copyright(c) 2006-2009, 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;
}

/* 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;
}

/*===================================
/*   navi
/*===================================*/
.navi-button {
    font-size: 50;
    background-repeat: no-repeat;
    background-position: left;
    color: black;
}

/* IE での column レイアウト対策 */
#location-buttons-ie .x-panel-bwrap {
    display: inline;
}
/* IE での column レイアウト対策 */
#location-buttons-ie .x-panel-body {
    display: inline;
}

.location_item button {
    color : 'black';
}

.location_item .x-btn-center {
    background-image: url('');
}

.location_item .x-btn-left {
    background-image: url('');
}

.location_item .x-btn-right {
    background-image: url('');
}

.location_item .x-btn-text {
    color: #708090;
}

.location_item2 {
    border-width: 0px;
}

.alertBackground .x-panel-bwrap .x-panel-body {
    background-color: gold;
}

/*===================================
/*   View types
/*===================================*/
.selected_viewtype {
    background-color: white;
}
/* IE での column レイアウト対策 */
.ext-ie .x-menu-item-icon {
    left: -24px;
}

/* IE での column レイアウト対策 */
.ext-strict .x-menu-item-icon {
    left: 3px;
}

/* IE での column レイアウト対策 */
.ext-ie6 .x-menu-item-icon {
    left: -24px;
}

/*===================================
/*   History
/*===================================*/
.active_history_item {
    background-color: skyblue;
}

/*===================================
/*   Custom Tree
/*===================================*/
.x-tree-node-icon {
    background-image:url(images/tree/tree_folder.png) !important;
}

/* loading icon */
.x-tree-node-loading .x-tree-node-icon{
	background-image:url(images/loading_16.gif) !important;
}
.x-tree-node-loading a span{
	 font-style: italic;
	 color:#444444;
}
.ext-ie .x-tree-node-el input {
    width:15px;
    height:15px;
}


/*===================================
/*   loading
/*===================================*/
#loading-mask {
    position: absolute;
    left:     0;
    top:      0;
    width:    100%;
    height:   100%;
    z-index:  20;
    opacity:0.25;
    filter: alpha(opacity=0.25);
    -moz-opacity:0.25;
    background-color: white;
}

#loading-main {
    position:absolute;
    left:45%;
    top:40%;
    padding:2px;
    z-index:21;
    height:auto;
}

#loading-main .loading-indicator {
    background-image: none;
    color:#555;
    font:bold 13px tahoma,arial,helvetica;
    padding:10px;
    margin:0;
    text-align:center;
    z-index:25;
    height:auto;
}

#loading-cancel {
    position: absolute;
    z-index:3000;
}

/* デフォルトの画像をオーバライト */
.x-mask-loading div {
    background: #fbfbfb url( 'images/loading_16.gif' ) no-repeat 5px 5px;
}

.loading-indicator {
    background-image: url('images/loading_16.gif');
}

.x-window-dlg .x-msg-box-wait {
    background: transparent url('images/loading_16.gif') no-repeat left;
}

.x-item-disabled .x-tbar-loading{
    background-image: url('images/loading_16.gif') !important;
}

.x-statusbar .x-status-busy {
    background: transparent url('images/loading_16.gif') no-repeat 3px 3px;
}

/*===================================
/*   menubar
/*===================================*/
.logo {
    background-image: url("images/logo.png");
    background-repeat: no-repeat;
    background-position: left;
}

/*===================================
/*  icon panel
/*====================================*/
.dummy-button {
    color: black;
    cursor: default;
    background-repeat: no-repeat;
    background-position: left;
}

/*===================================
/*  user
/*====================================*/
.user-name {
    background-repeat: no-repeat;
    background-image: url("images/etc/etc_user.png");
    background-position: left;
    margin-right: 10px;
}

/*===================================
/*  credits
/*====================================*/
#credits-dialog h3,
#credits-dialog h4,
#credits-dialog p,
#credits-dialog pre,
#credits-dialog ul,
#credits-dialog ol {
	margin: 1em;
}

#credits-dialog pre {
	width       : 100%;
	margin-right: 0;
	overflow    : hidden;
}

#credits-dialog ol {
	margin-left     : 3em;
	list-style-type : decimal;
}

#credits-dialog ul {
	margin-left     : 3em;
	list-style-type : disc;
}

#credits-dialog blockquote {
	margin-left: 4ex;
	font-style : italic;
}

#credits-dialog strong {
	font-weight: bold;
}

#credits-dialog .x-panel-header {
    color: white;
}

#credits-dialog > .x-panel-header {
    color: black;
}