/* Default (Style for site without javascript) */
#menu ul {
    padding-left: 20px;
}

/* Extjs overrides START */
.x-box-inner{
    overflow: auto;
}
.x-panel-inline-icon {
    height: 20px;
    width:18px;
}

.x-panel-header {
    line-height:20px;
    font-size:14px;
    font-family:times New Roman;
}
.x-panel-header-text {
    padding-left:15px;
}

.x-tree-node-expanded .x-tree-node-icon, .icon-book-open {
    background-image: none;
    width: 0;
    height: 0;
}
.x-tree-node-collapsed .x-tree-node-icon, .icon-book {
    background-image: none;
    width: 0;
    height: 0;
}
.x-tree-node-leaf .x-tree-node-icon {
    background-image: none;
    width: 0;
    height: 0;
}
.x-tree-node-el {
    background-image:url(img/line.jpg);
    background-repeat:repeat-x;
    height:20px;
    margin: 2px 0;
}
.x-tree-root-node {
    margin-top: 20px;
}
.x-tree-node a span {
    line-height:18px;
    font-size:12px;
    color: white;
}
.x-tree-node .x-tree-node-over a span, .x-tree-node .x-tree-selected a span{
    color: black;
}
.x-tree-node .x-tree-node-over, .x-tree-node .x-tree-selected {
    background-image:none !important;
}
.x-tree-node-leaf a:hover {
    text-decoration: underline;
}
.x-tree-node-icon {
    height:22px;
    width:20px;
}
.x-tool {
    margin-top:3px;
}
.x-toolbar {
    height: 20px;
}
/* Extjs overrides END */

/* SITE STYLE */
#page {
    width: 800px;
    margin: auto;
}
body {
    background-color:#fcfcfc;
}

.site-page a {
    color: #000033;
}

.site-page a:visited {
    color: #009;
}

.site-page a:hover {
    color: #15328B;
}
.site-page p, .site-page ul {
	line-height:18px;
    margin-bottom: 20px;
}

.site-page {
    color: #003;
    font-size:12px;
    font-family:Arial,Helvetica,sans-serif,Verdana;
}
.site-page ul{
    padding-left: 40px;
    list-style-type:disc;
}
.site-page h1, .site-page h2, .site-page h3{
    font-size:18px;
    font-weight:bold;
    font-family: Times New Roman;
    margin-bottom: 10px;
    color: #006;
    border-bottom:1px solid #CCCCCC;
    font-family:Times New Roman;
    font-size:18px;
    font-weight:bold;
    margin-bottom:10px;
    padding: 2px;
}

.law {
    background-image: url(img/justice4.gif) !important;
    height:38px;
    width:38px;
}

.slogan {
    font-size:26px;
    font-style:italic;
    padding-left:286px;
    visibility: hidden;
}

.site-panel > .x-panel-header {
    font-size:38px;
    height:110px;
    border: 0px none;
    line-height:56px;
    font-family: Times New Roman;
    font-weight: normal;
    background-image:url(img/header.jpg);
}
.content-top {
    
}
.content-top h1 {
    line-height: 64px;
    margin: 0 0 20px 0;
    border-bottom: none;
    font-family:Times New Roman;
    font-size: 32px;
    font-weight:normal;
    text-transform:uppercase;
    padding: 0px;
}
.content-top img {
    float: left;
    padding:5px;
    height:138px;
}

.photo .x-panel-body{
    border: 2px solid #99BBE8;
    margin: 20px 20px 0;
    height: 195px;
    width: 156px;
    background-image: url(img/photo.jpg) !important;
    background-repeat:no-repeat;
}
.photo-label {
    color:#555555;
    font-size:12px;
    line-height:16px;
    text-align:center;
}
div.category {
    clear:both;
}
div.category p {
}
img.category {
    clear:both;
    float:left;
    width:150px;
    margin: 0px 20px 0 0;
}
.category-label {
    clear:both;
    float:left;
    width:150px;
    text-align: center;
    padding: 0 10px 20px 0;
}
.category-label a {
    font-family: Times New Roman;
    font-size: 14px;
}

img.bordered {
    border: 2px solid #99BBE8;
}
.main-details h3 {
    padding: 0;
}
/* Property page */
.property-image {
    margin:0 10px 10px 0;
    float: left;
    width: 318px;
}
.property-page h2 {
    clear:both;
    margin-top:20px;
}
.property-page .main-details {
    float: left;
    padding: 0 10px;
    text-align:center;
    width:156px;
}
.property-page .details-info td {
    width: 150px;
    vertical-align:top;
}
.property-page .details-info td.label {
    font-weight: bold;
}
table.details-info tr.odd {
    background-color:#EEEEEE;
}
table.details-info td {
    margin: 0px;
    padding: 2px;
}

/*!
 * CHOOSER CSS
 * Ext JS Library 3.0.3
 * Copyright(c) 2006-2009 Ext JS, LLC
 * licensing@extjs.com
 * http://www.extjs.com/license
 */
.details{
    padding: 10px;
    text-align: center;
}
.details-info {
    font: 11px Arial, Helvetica, sans-serif;
    margin-top: 5px;
    padding-top: 5px;
    text-align: left;
}
.img-chooser-dlg .details-info {
    border-top: 1px solid #cccccc;
}
.details-info .label{
    color: #555555;
    display: block;
    margin-bottom: 4px;
}
.details-info .value{
    display: block;
    margin-bottom: 5px;
    margin-left: 5px;
}

.img-chooser-view{
    background: white;
    font: 11px Arial, Helvetica, sans-serif;
}
.img-chooser-view .thumb{
    background: #dddddd;
    padding: 3px;
}
.img-chooser-view .thumb img {
    width: 154px;
}
.details img{
    width: 120px;
}
.img-chooser-view .thumb-wrap{
    float: left;
    margin: 4px;
    margin-right: 0;
    padding: 5px;
}
.img-chooser-view .thumb-wrap span{
    display: block;
    overflow: hidden;
    text-align: center;
}
.img-chooser-view .x-view-over{
    border:1px solid #dddddd;
    background: #efefef url(../../resources/images/default/grid/row-over.gif) repeat-x left top;
    padding: 4px;
}
.img-chooser-view .x-view-selected{
    background: #DFEDFF;
    border: 1px solid #6593cf;
    padding: 4px;
}
.img-chooser-view .x-view-selected .thumb{
    background:transparent;
}
.img-chooser-view .x-view-selected span{
    color:#1A4D8F;
}
.img-chooser-view .loading-indicator {
    font-size:11px;
    background-image:url('../../resources/images/grid/loading.gif');
    background-repeat: no-repeat;
    background-position: left;
    padding-left:20px;
    margin:10px;
}