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

/*===================================
/*   Basic page styles
/*===================================*/



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


/*
 * additions
 */
#layout-div {
	width: 960px;
	height: 500px;
	background-color: #ffffff;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	float:left;
}

#nav-div {
	width: 256px;
	margin-right: 4px;
	float: left;
}
#content-div {
	width: 700px;
	float: left;
}

#content-div p {
	margin-top: 10px;
}

#content-div h1 {
	font-size: 14px;
	background-color: #ffffff;
	color: #000000;
}


/*
 * Overrides for panel, accordion and tree
 */

.x-panel-header {
border-color:#00a880;
background-image:url(resources/white-top-bottom.gif);
color:#01795c;
font-family:tahoma,arial,verdana,sans-serif;
font-size:11px;
font-weight:bold;
}

.x-panel-body {
border-color:#00a880;
}


.x-tree-node-anchor{
	color:#666666;
}

.x-accordion-hd {
background:transparent none repeat-x scroll 0 -39px;
background: #d1f0ea;
}

.x-tree-node .x-tree-selected {
background-color:#d1f0ea;
}