/*
 * Ext JS Library 2.1
 * Copyright(c) 2006-2008, Ext JS, LLC.
 * licensing@extjs.com
 * 
 * http://extjs.com/license
 */
/* HOME PAGE */
#quick_nav{
	position: relative;
	bottom: 15px;
	float: right;
}
#quick_nav a{
	margin-left: 5px;
	margin-right: 5px;
}
#details{
	color: black;
	font-size:12px;
	margin-left: 5px;
}	
#details b{
	
	font-size: 14px;
}
#details p{
	text-align: left;
	font-weight:bold;
}
#tel_numbers{
	margin-left: 5px;
	
	color: red;
	font-style:oblique;
	font-weight: bolder;
	
	text-align: left;
}
#top_image img{
	position: relative;
	top: 20px;
}
#sale img{
	position: absolute;
	top: 5px;
	right: 20px;
	width: 200px;
	height: 200px;
	z-index: 1;
}
#gatecolumnpics img{
	float: left;
	
}
#gate1{
	margin-top: 5px;
	margin-left: 15px;
	margin-bottom: 5px;
	height: 155px;
	width: 203px;
	border: 15px solid #ffffff;
}
#gate2{
	margin-left: 15px;
	margin-bottom: 5px;
	height: 168px;
	width: 202px;
	border: 15px solid #ffffff;
}
#gate3{
	margin-left: 15px;
	height: 168px;
	width: 202px;
	border: 15px solid #ffffff;
}

#homegatecontent{
	position: absolute;
	top: 10px;
	left: 270px;
	
	text-align: left;
	font-size: 14px;
	width: 500px;
	
	color: black;
}
/* ABOUT */
#aboutgatecontent{
	padding: 10px;
	
	text-align: left;
	font-size: 16px;
	width: 700px;
	color: black;
}
#companypic{
	margin-left: 70px;
	
	
}
/* CONTACT */
#contact-highlight{
	margin-left: 115px;
	width: 600px;
	text-align: left;
}
#contact-address{
	margin-left: 115px;
	text-align: left;
}
#maplinks{
	margin-left: 115px;
	text-align: left;
}
	
#loading-mask{
        position:absolute;
        left:0;
        top:0;
        width:100%;
        height:100%;
        z-index:20000;
        /*background-color:white;*/
}
#loading{
    position:absolute;
    left:45%;
    top:40%;
    padding:2px;
    z-index:20001;
    height:auto;
}
#loading a {
    color:#225588;
}
#loading .loading-indicator{
    /*background:white;*/
    color:#444;
    font:bold 13px tahoma,arial,helvetica;
    padding:10px;
    margin:0;
    height:auto;
}
#loading-msg {
    font: normal 10px arial,tahoma,sans-serif;
}
#gatePic{
	border: 2px solid #cccccc;
	width: 500px;
	height: 350px;
	/*float: left;*/
}
#equipPic{
	border: 2px solid #cccccc;
	/*width: 500px;
	height: 350px;*/
	/*float: left;*/
}
#img-chooser-dlg .details{ 
    padding: 5px; 
    text-align: left;
	float: left;
} 
#equip-chooser-dlg .details{ 
    padding: 5px; 
    text-align: left;
	float: left;
} 
#img-chooser-dlg .details-info{ 
    border: 2px solid #cccccc; 
	/*width: 220px;
	height: 340px;*/
    font: 11px Arial, Helvetica, sans-serif; 
    padding: 5px; 
    text-align: left;
	/*float: right;*/ 
} 
#equip-chooser-dlg .details-info{ 
    border: 2px solid #cccccc; 
	/*width: 220px;
	height: 340px;*/
    font: 11px Arial, Helvetica, sans-serif; 
    
	/*margin-right: 20px;*/
    padding: 5px; 
    text-align: left;
	
} 
#img-chooser-dlg .details-info b{ 
	font-size: 14px;
    color: #916a3b; 
    display: block; 
    margin-bottom: 4px; 
} 
#equip-chooser-dlg .details-info b{ 
	font-size: 14px;
    color: #916a3b; 
    display: block; 
    margin-bottom: 4px; 
} 
#img-chooser-dlg .details-info span{ 
	font-size: 14px;
    display: block; 
    margin-bottom: 5px; 
    margin-left: 5px; 
} 
#equip-chooser-dlg .details-info span{ 
	font-size: 14px;
    display: block; 
    margin-bottom: 5px; 
    margin-left: 5px; 
} 
#img-chooser-view{ 
    background: white; 
    font: 11px Arial, Helvetica, sans-serif;
} 
#equip-chooser-view{ 
    background: white; 
    font: 11px Arial, Helvetica, sans-serif;
} 
#img-chooser-view .thumb{ 
    background: #dddddd; 
    padding: 3px; 
} 
#equip-chooser-view .thumb{ 
    background: #dddddd; 
    padding: 3px; 
} 
#img-chooser-view .thumb img{ 
    height: 80px; 
    width: 100px; 
} 
#equip-chooser-view .thumb img{ 
    height: 80px; 
    width: 100px; 
} 
#img-chooser-view .thumb-wrap{ 
    float: left; 
    margin: 4px; 
    margin-right: 0; 
    padding: 5px;
} 
#equip-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; 
} 
#equip-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(/lib/ext/resources/images/default/grid/row-over.gif) repeat-x left top; 
    padding: 4px; 
}
#equip-chooser-view .x-view-over{
    border:1px solid #dddddd; 
    background: #efefef url(/lib/ext/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; 
} 
#equip-chooser-view .x-view-selected{ 
    background: #DFEDFF; 
    border: 1px solid #6593cf; 
    padding: 4px; 
} 
#img-chooser-view .x-view-selected .thumb{ 
    background:transparent; 
}
#equip-chooser-view .x-view-selected .thumb{ 
    background:transparent; 
}
#img-chooser-view .x-view-selected span{ 
    color:#1A4D8F;
}
#equip-chooser-view .x-view-selected span{ 
    color:#1A4D8F;
}
#img-chooser-view .loading-indicator { 
    font-size:11px; 
    background-image:url('/lib/ext/resources/images/grid/loading.gif'); 
    background-repeat: no-repeat; 
    background-position: left; 
    padding-left:20px; 
    margin:10px; 
} 
#equip-chooser-view .loading-indicator { 
    font-size:11px; 
    background-image:url('/lib/ext/resources/images/grid/loading.gif'); 
    background-repeat: no-repeat; 
    background-position: left; 
    padding-left:20px; 
    margin:10px; 
} 

/*===================================
/*   Detail styles
/*===================================*/
.x-panel-body x-panel-body-noheader x-panel-body-noborder{
	padding-bottom: 1px;
}
#details{
	padding: 5px;
	text-align: left;
}

/*#details img{
	height: 100px;
	width: 90px;
	border: 1px solid purple;
	
}*/
#el2000 img{
	height: 100px;
	width: 200px;
	float: left;
	
}
#or{
	margin-left: 80px;
}
#sod_div{
	
	color: #faf8cc;
	background-color: #123f34;
	border: 1px solid #9A7F2D;
}
#sod_div a{
	color: #FAF8CC;
	font-size: 16px;
}
#csw200 img{
	height: 100px;
	width: 200px;
	
}
#details p{
	color: black;
}

#details ul{
	list-style:disc;
	list-style-position:inside;
}

#hidden{
	height: 0px;
	width: 0px;
	display: none;
}
#jsl-consulting{
	position: absolute;
	bottom: 20px;
	left: 20px;
	font-size:smaller;
}
#jsl {
	
	color: #9A7F2D;
}

#home-container{
	margin-left:auto;
	margin-right: auto;
	margin-top:auto;
	margin-bottom: auto;
	position:relative;
	top: 20px;
	width: 940px;
	height: 650px;
	text-align: center;
	font-family:sans-serif;
	border:5px ridge #9a7f2d;
	
}
.home-container{
	
	margin-left:auto;
	margin-right: auto;
	margin-top:auto;
	margin-bottom: auto;
	position:relative;
	top: 20px;
	width: 940px;
	height: 650px;
	text-align: center;
	border:5px ridge #9a7f2d;
	
}
#access_gate_site_container{
	margin-left:auto;
	margin-right: auto;
	margin-top:auto;
	margin-bottom: auto;
	position:relative;
	top: 5px;
	width: 1040px;
	height: 920px;
	
	font-family:sans-serif;
	border:5px ridge #9a7f2d;
	
}
.access_gate_site_container{
	
	margin-left:auto;
	margin-right: auto;
	margin-top:auto;
	margin-bottom: auto;
	position:relative;
	top: 5px;
	width: 1040px;
	height: 720px;
	text-align: center;
	border:5px ridge #9a7f2d;
	
}
#aboutlist{
	
			list-style-position: inside;
			list-style-type:disc;
	
            /*list-style-image: url('images/arrow.gif');*/
			color: #9A7F2D;
			margin: 20px;
			padding-top: 10px;
			text-align: left;
			font-family:sans-serif;
			font-size:medium;
			

}
#faq-container{
			margin-left: auto;
			margin-right: auto;
			overflow: auto;
			width: 700px;
}
#about-container{
			margin-left: auto;
			margin-right: auto;
			
			width: 700px;
}
#faqlist{
	
			list-style-position: inside;
			list-style-type:none;
			color: red;
			margin-left: 20px;
			margin-right: 20px;
			padding-top: 5px;
			text-align: left;
			font-family:sans-serif;
			font-size:medium;
			
}
#aboutlist h1{
		padding-top: 10px;	
		font-family:sans-serif;
}	
#serviceslist{
			
			list-style-position: inside;
			list-style-type:disc;
            /*list-style-image: url('images/arrow.gif');*/
			color: #9A7F2D;
			/*margin: 20px;*/
			padding-left: 20px;
			/*text-align: left;
			font-family:sans-serif;*/

}
#chooser-container {
	margin-top:auto;
	margin-bottom: auto;
	width: 1010px;
	height: 630px;
	text-align: left;
}
#equipment-container {
	margin-top:auto;
	margin-bottom: auto;
	width: 1010px;
	height: 630px;
	text-align: left;
}
#unique {
	position: relative;
	bottom: 70px;                
         
}

#bannernew {position:relative;
    float: left;
	left: 5px;
    top:10px;
    right:-2px;
    /*border-bottom:4px ridge #9a7f2d;*/
}

#phone{position:relative;
       float:right;
       left:-2px;
       top:15px;     
 
}
#gate-license-quote{
	position: absolute;
	bottom: 10px;
	left: 300px;
	font-style: italic;
}
#license-pic{
	position:absolute;
	left: 100px;
	bottom: 130px;
	/*z-index: +2;
	width: 170px;*/
	
	
}
#accesscontrolsystems{
	width: 841px;
	height: 127px;
	
}
#green-container{
	background-color: #9A7F2D;
	height: 30px;
	width: 841px;
}
#cartela{position:relative;
         top:15px;
                 
          /*border-bottom:4px ridge #9a7f2d;*/

}
#lolypop {position:relative;
          top:48px;
                    float:right;
                    right:22px;
					height: 232px;
                    width:800px;        
}

#caixa {position:relative;
        top:48px;
                float:left;
                width:350px;
                height:232px;
                left:22px;
                
                }
                    
#figura {position:relative;
         float:left;
                 left:445px;
                 top:56px;
                 border:3px ridge white;


}
#msg-div {
    position:absolute;
    left:50%;
    left:20px;
    width:180px;
    z-index:20000;
}
.x-layout-split{
	position: absolute;
	height: 5px;
	width: 0px; 
	line-height: 1px;
	font-size: 1px;
	z-index: 3;
	background-color: transparent;
}

#services-container .ul-details{
	margin-left: 25px;
	color: red;
	list-style-position:outside;
	list-style:disc;
	text-align:left;
}


#framework-id{
	color: #FF0000;
}
#card-tabs-panel{
	font-size: larger;
}
#gate-about{
	font-size: larger;
}

/*===================================
/*   Basic page styles
/*===================================*/
body {
    font-family:'lucida grande',tahoma,arial,sans-serif;
    font-size:11px;
}
#brochure{
	margin:0 auto;
	width:1000px;
	text-align: center;
}

#logo{
	
}

#recycle{
	margin: auto;
	padding: 20px;
	text-align: center;
}
#recycle-p{
	position: absolute; 
	color: #FFFFFF;
	top: 30px; 
	left: 0.5em;
	right: 0.5em; 
	width: 250px; 
	font-weight: bold;
	font-family:sans-serif;
} 
.recycle-mouse{
	position: absolute;
	left: 45px;
	top: 45px;
	color: red;
	font-weight:800;
	font-size:larger;
}
a {
    color:black;
}
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;
}*/
#footer{
	position: absolute;
	top: 1000px;
	background: #7F99BE url(images/layout-browser-hd-bg.gif) repeat-x center;
}
#footer h4{
	font-size: 12px;
    color: #231f20;
    font-weight: normal;
    padding: 2px 5px;
}
#header h1 {
    font-size: 16px;
    color: #231f20;
    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:#886216;
}
#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
/*===================================*/
#fullpage{
	display: inline;
}
#gates1
             {
             	    margin: 5px;
             	    display: inline;
             	    float: left;
			        border: 5px solid #FFFFFF;

} 

#gates2
       {
       				margin: 5px;
			        border: 5px solid #FFFFFF;
			 
			 }
#text-table{
	padding: 10px;
	margin: 10px;
	display: inline;
}
#banner 
      {
      	     margin: 5px;
			 display: block;
			 border:1px solid black;
			 
			 
			
			 }
			 
#text {
	 
	 /*font-size:115%;
	 font-style: italic;
	 font-weight: bolder;*/
     font-family:times;
	 
	 
}	
#text #index-text ul{
	display: inline;
	
}

#text2 ul{
	
	list-style-position: inside;
    /*list-style-image: url('images/arrow.gif');*/
}
span.answer {
	font-size: small;
	font-style: normal;
	color:#000000;
}
		
#text #faq-ul{
			list-style-position: inside;
            /*list-style-image: url('images/arrow.gif');*/
			color: #9A7F2D;
			margin: 40px;
			padding: 50px;
			border:3px ridge #000000;
			
			
}
#wizard1main{
	padding: 5px;
	margin-top: 5px;
	/*font-weight: bolder;
	font-size:medium;*/
	list-style-type:decimal;
	list-style-position:inside;
	text-align: left;
	
}	
#wizard1main li{
	margin-top: 10px;
	padding: 10px;
	margin-bottom: 10px;
	margin: 3px;	
	
}
#chipper img{
	text-align:center;
}
.question{
	color: #916a3b;
	font-weight: bolder;
}
#about-container #aboutlist #gatesforsite{
	float:left;
	padding-right: 20px;
}


#text #index-text{
			list-style: none;
            /*list-style-image: url('images/arrow.gif');*/
			position: absolute;
			right: 70px;
			bottom: 80px;
			float:left;
			height: 198px;
			width: 400px;
			/*font-size: small;*/
			margin: 5px;
			padding: 5px;
			z-index:1;
			font-family:"Calisto MT";
			
			
}
#text #index-text li{
	 text-align:left;
	 /*font-size: 1.0em;*/
	 background-position: 0 .1em;
	 margin: .5em 0;
}
#gate-license{
	text-align: left;
	position: absolute;
	bottom: 190px;
	left: 220px;
	font-size:smaller;
	z-index: 1;
    
}
#contact-form {
	
	margin: 10px;
	padding: 10px;
}	
#contact-form h1{
	color: red;
}

.x-tree-node-leaf .x-tree-node-icon{
   /*background-image: url(images/arrow.gif);*/
   background-image: none;
   
}

.x-border-layout-ct {
	background-color: #DECB8A;
	background-image: none;
	background-repeat: repeat;
	background-attachment: scroll;
	/*background-x-position: 0%;
	background-y-position: 0%;*/
}
.x-tree-node-expanded .x-tree-node-icon {
	background-image: none;
	visibility:hidden;
}
.x-tree-no-lines .x-tree-elbow-end-minus{
	background-image: none;
	visibility:hidden;
}
.x-tree-node a span, .x-dd-drag-ghost a span {
	position: relative;
	right: 30px;
	font-family: sans-serif;
	text-decoration: none;
	color: #000000;
	padding-top: 1px;
	padding-right: 3px;
	padding-bottom: 1px;
	padding-left: 2px;
}

.x-tree-icon, .x-tree-ec-icon, .x-tree-elbow-line, .x-tree-elbow, .x-tree-elbow-end, .x-tree-elbow-plus, .x-tree-elbow-minus, .x-tree-elbow-end-plus, .x-tree-elbow-end-minus{
	
	visibility:hidden;
}

.x-tree-node .x-tree-node-over {
   color: #FFFFFF;	
   background-color: 	#eee1c5;
}

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


/* Remove the border around the tabs and override the default white background: */
.x-unselectable, .x-unselectable 
{
  color: #000000;
}

.x-tab-strip a, .x-tab-strip span, .x-tab-strip em{
	text-align: center;
	display: block;
}

.x-tab-strip a {
	text-align: center;
text-decoration: none;
outline-color: invert;
outline-style: none;
outline-width: medium;
cursor: pointer;
}

.x-tab-strip-top .x-tab-right {
	text-align: center;
background-color: #DECB8A;
background-image: url(images/tabs-sprite.gif);
background-repeat: no-repeat;
background-attachment: scroll;
/*background-x-position: 0pt;
background-y-position: -51px;*/
padding-left: 10px;
}

.x-tab-strip-top .x-tab-strip-over .x-tab-right{
/*background-x-position: 0pt;
background-y-position: -101px;*/
}

.x-tab-strip-top .x-tab-left{
background-color: #DECB8A;
background-image: url(images/tabs-sprite.gif);
background-repeat: no-repeat;
background-attachment: scroll;
/*background-x-position: right;
background-y-position: -351px;*/
padding-right: 10px;
}

.x-tab-strip-top .x-tab-strip-over .x-tab-left {
/*background-x-position: right;
background-y-position: -401px;*/
}

.x-tab-strip-top .x-tab-strip-active .x-tab-left{
	background: #FFFFFF;
	/*border-top: #000000 solid 1px;*/
	border-right: #000000 solid 2px;
	
	
}

.x-tab-strip-top .x-tab-strip-active .x-tab-right{
	background: #FFFFFF;
	border-top: #000000 solid 2px;
	border-left: #000000 solid 2px;
    
}


.x-tab-strip-inner{
	overflow:hidden;
/*	text-overflow:ellipsis;*/
}

x-tab-strip-top .x-tab-strip-inner{
	color: #000000;
	background:transparent url(images/tabs-sprite.gif) repeat-x 0 -201px;
}

.x-tab-strip-top .x-tab-strip-over .x-tab-strip-inner{
	background-position:0 -251px;
}

.x-tab-strip span.x-tab-strip-text{
	text-align: center;
	font-family: tahoma,arial,helvetica;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	font-size: 12px;
	line-height: normal;
	font-size-adjust: none;
	font-stretch: normal;
	color: #efe5cb;
	background:transparent url(images/tabs-sprite.gif) repeat-x 0 -201px;
	white-space: nowrap;
	cursor: pointer;
	padding-top: 4px;
	padding-right: 0pt;
	padding-bottom: 4px;
	padding-left: 0pt;
}

.x-tab-strip-over span.x-tab-strip-text{
	text-align: center;
    color: #9A7F2D;
}

.x-tab-strip-active span.x-tab-strip-text{
	text-align: center;
	cursor: default;
	background: #FFFFFF;
	color: #9A7F2D;
	font-weight: bolder;
	
}

.x-tab-strip-top .x-tab-strip-active .x-tab-right span.x-tab-strip-text{
	padding-bottom: 5px;
}

.x-tab-panel-header-plain .x-tab-strip-top {
    background: #7F99BE url(images/layout-browser-hd-bg.gif) repeat-x scroll center bottom;
}

.x-tab-panel-header-plain .x-tab-strip-spacer{
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
	border-top-width: 0pt;
	border-top-style: none;
	/*border-top-color: -moz-use-text-color;*/
	height: 2px;
	/*background-color: #9A7F2D;*/
	background-image: url(images/background.png);
	background-repeat: repeat;
	background-attachment: scroll;
	/*background-x-position: 0%;
	background-y-position: 0%;*/
	font-size: 1px;
	line-height: 1px;
}

.x-tab-panel-body {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
	background-color: #ffffff;
	background-image: none;
	background-repeat: repeat;
	background-attachment: scroll;
	/*background-x-position: 0%;
	background-y-position: 0%;*/
}

.x-panel-header {
	color: #231f20;
	
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
}

.x-panel-body {
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
	border-top-width: 0pt;
	border-top-style: none;
	/*border-top-color: -moz-use-text-color;*/
	/*overflow-x: hidden;
	overflow-y: hidden;*/
	overflow: hidden;
	background-color: #FFFFFF;
	background-image: none;
	background-repeat: repeat;
	background-attachment: scroll;
	/*background-x-position: 0%;
	background-y-position: 0%;*/
	position: relative;
}

.x-panel-body-noheader, .x-panel-mc .x-panel-body{
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #DECB8A;
	
}

ul.x-tab-strip-top{
   padding-top: 1px;
   background-color: #DECB8A;
   background: url('images/background.png') 0% 0% repeat;
   background-repeat: repeat-x;
   background-attachment: scroll;
   /*background-x-position: center;
   background-y-position: bottom;*/
   border-bottom-width: 1px;
   border-bottom-style: solid;
   border-bottom-color: #8db2e3;

}

.x-tab-panel-header-plain .x-tab-strip-top {

   background-color: transparent;
   background-image: none;
   background-repeat: repeat;
   background-attachment: scroll;
   /*background-x-position: 0%;
   background-y-position: 0%;*/
   padding-top: 0pt;

}

/* Custom CSS applied to a single panel in an accordion: */
.custom-accordion .x-panel-body {
    font-family:georgia,serif;
    padding:20px 80px;
    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);
}
.icon-save {
    background-image:url(images/disk.png);
}
.icon-print {
    background-image:url(images/printer.png);
}
.icon-spell {
    background-image:url(images/spellcheck.png);
}
.icon-attach {
    background-image:url(images/page_attach.png);
}
/* 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,  
body.ux-layout-center {           
    text-align:center;
}