body {background: #99bbe8;color: #000000;margin: 0px;font-family: verdana, arial, sans-serif;font-size: 10px;margin-left: 0px;margin-top: 0px;margin-right: 0px;margin-bottom: 0px;}
h1 {font-size:large;margin-bottom:20px;}
h2 {font-size:14px;color:#333;font-weight:bold;margin:10px 0;}
.header .x-panel-bwrap{background: url(../img/xlogos.jpg) repeat-x left top;}	
.header .x-panel-body{background: url(../img/logos.jpg) no-repeat left top;}
.example-info{width:150px;border:1px solid #c3daf9;border-top:1px solid #DCEAFB;border-left:1px solid #DCEAFB;background:#ecf5fe url( info-bg.gif ) repeat-x;font-size:10px;padding:8px;}
.x-mask-loading div {padding:5px 10px 5px 25px;background: #fbfbfb url( '../images/default/grid/loading.gif' ) no-repeat 5px 5px;line-height: 16px;}
pre.code{background: #F8F8F8;border: 1px solid #e8e8e8;padding:10px;margin:10px;margin-left:0px;border-left:5px solid #e8e8e8;font-size: 12px !important;line-height:14px !important;}
.msg .x-box-mc {font-size:11px;font-style:italic;}
#msg-div {position:absolute;left:35%;top:10px; width:250px; z-index:30000;}
.x-grid3-row-body p {margin:5px 5px 10px 5px !important;}
#logo{background:#f9f9f9 url(../img/patronservice.png) no-repeat center center;}
i {color:#888888}
.logo{margin-bottom: 5px;}
#windowDetailNews .x-window-body {background:#fff !important;}
.news-content { margin: 5px; text-align: justify;}
.gridGroupLabel { font-size: 12px; font-family: Times;} 
.gridGroupLabelCount {font-size: 9px} 
.customer-details { margin-left: 50px;} 
.colorNavy {color: #336699;}
.colorGray {color: #D0D0D0;}
td.x-grid3-td-wrap {overflow: hidden;}
td.x-grid3-td-wrap div.x-grid3-cell-inner {white-space: normal;}
#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 img {margin-bottom:5px;}
#loading .loading-indicator{	background:white;color:#555;font:bold 13px tahoma,arial,helvetica;padding:10px;margin:0;text-align:center;height:auto;}
.tableLayout td { vertical-align: top; }


#images-view .x-panel-body{
	background: white;
	font: 11px Arial, Helvetica, sans-serif;
}
#images-view .thumb{
	background: #dddddd;
	padding: 3px;
}
#images-view .thumb img{
	height: 160px;
	width: 140px;
}
#images-view .thumb-wrap{float: left;margin: 4px;margin-right: 0;padding: 5px;}
#images-view .thumb-wrap span{display: block;overflow: hidden;text-align: center;}
#images-view .x-view-over{border:1px solid #dddddd;background: #efefef url(../img/row-over.gif) repeat-x left top;padding: 4px;}
#images-view .x-view-selected{background: #eff5fb url(../img/selected.gif) no-repeat right bottom;border:1px solid #99bbe8; padding: 4px;}
#images-view .x-view-selected .thumb{background:transparent;}
#images-view .loading-indicator { font-size:11px;	background-image:url('../img/loading.gif');	background-repeat: no-repeat; background-position: left; padding-left:20px;margin:10px;}
textarea.messageText{background-color:#FFF9F9; background-image:url('../img/messagetext.gif');	background-repeat:repeat-y;background-position:left top;}
.x-grid-group-hd div {background:url('../js/extjs/resources/images/default/grid/group-expand-sprite.gif') no-repeat scroll 3px -47px transparent; color:#3764A0; font:bold 11px tahoma,arial,helvetica,sans-serif; padding:4px 4px 4px 17px;}
.x-grid-group-collapsed .x-grid-group-hd div {background-position:3px 3px;}
.value{padding:4px 4px 4px 4px;}

.x-form-invalidx {
border:1px solid;
background-color:#ffffff;
background-image:url("../js/extjs/resources/images/default/grid/invalid_line.gif");
border-color:#CC3300;
}