/*.ui-content{padding:10px}
body{margin:0}
#container {width: 100%; height: 100%; }
#content { width: 100%; height: 100%;}
.ui-content .ui-listview-inset{margin:0.5em 0px; box-shadow:0 0 2px #333333;
}*/

h1{color:#fff; text-align: center;  text-shadow: 0 -1px 0 #333333; font-size:1.5em}
h1.pager{ margin:0px; color:#999;}
h1.pager span{ color:#fff;}
h2, h3{margin: 0;}
.wht-txt{ color:#fff; text-shadow:0px 1px 0px #000;}
.ui-page { background:url(images/mtcbg.jpg) repeat;}
.ui-selectmenu .ui-bar-b,.ui-selectmenu-list .ui-bar-b{background: none repeat scroll 0 0 #666666;border-top: 1px solid #333333; box-shadow: 0 -1px 3px #333333;text-shadow: 1px 1px 1px #333333;}/*common bug over-written*/
.loginlist .ui-btn{background: -moz-linear-gradient(top, rgba(63,76,107,0) 0%, rgba(15,16,25,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(63,76,107,0)), color-stop(100%,rgba(15,16,25,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(63,76,107,0) 0%,rgba(15,16,25,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(63,76,107,0) 0%,rgba(15,16,25,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(63,76,107,0) 0%,rgba(15,16,25,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(63,76,107,0) 0%,rgba(15,16,25,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003f4c6b', endColorstr='#0f1019',GradientType=0 ); /* IE6-9 */}
input.amount{text-align:right;}
.showsimage{display:inline-block; }
.showsimage .ui-checkbox{ display:inline-block; float:left; clear:none; margin-right:10px;}
.showsimage .ui-checkbox .ui-btn-inner {padding:0.6em 12px 0.6em 35px}
.showsimage .ui-checkbox .ui-icon{left:10px;}
/******************** dateline *******************/
.dateline-wrap li{background:rgba(255,255,255,0.10); border-radius:6px; }
.dateline-wrap .ui-li .ui-btn-inner a.ui-link-inherit{padding:0em 10px}
.dateline-wrap .ui-btn-up-d{ border-top:solid 1px #CCC;}
.dateline-wrap .ui-btn-up-a{ border-top:solid 1px #000; }
.dateline-wrap .ui-li > .ui-btn-inner{ border:none;}
.dateline-wrap .ui-li-aside{ margin: .6em 0;}
.dateline-wrap h3{ color:#f2f2f2}
.dateline-wrap .ui-li-desc{ color:#ccc}
.dateline-wrap .ui-li-aside strong{margin-left:2px; color:#51c510; font-size:1.6em;}
.dateline-wrap .ui-btn-active .ui-li-aside strong { color:#fff;}
.dateline-wrap li .ui-controlgroup.ui-mini{display:inline-block; position:absolute; right:8px; top:18px;}
.dateline-wrap li .ui-controlgroup.ui-mini .ui-btn-inner { padding-right:11px;}
/*.dateline-wrap .ui-li-divider{ text-align:center;}*/
.dateline-wrap li.hdr{background:transparent ; color:#018cb5; border:none;/*border-top: 1px solid #00a9da;*/text-shadow: 0 1px 0 #000;  font-size: 0.8em;
    padding: 0.3em 10px;}
.dateline-wrap li.hdr .ui-li-count,.dateline-wrap li.today-hdr .ui-li-count {border:solid 1px transparent;box-shadow: 0 1px 1px #666666 inset;}
.dateline-wrap li.today-hdr{ background:transparent ;color: #f57a0d; text-shadow: 0 1px 0 #000;border:none; /*border-top:solid 1px #EC8123;*/  font-size: 0.8em;
    padding: 0.3em 10px; }
.dateline-wrap li.old-hdr{ background:transparent;color: #ed1c24; text-shadow: 0 1px 0 #000; border:none; /*border-top:solid 1px #999;*/  font-size: 0.8em;
    padding: 0.3em 10px; }
#dateline .ui-popup-container{ width:90%;}
/*************** menu ************/

.menuwrap .ui-listview li .ui-btn-inner a {padding:0.3em 10px}
.menuwrap .ui-listview li a .ui-li-aside{ width:55%; color:#ccc; }
.menuwrap .ui-li-has-thumb .ui-btn-inner a.ui-link-inherit{ padding-left:66px;}
.menuwrap .ui-li-thumb{left:10px; top:5px}
.menuwrap .ui-li-has-thumb .ui-btn-inner .ui-li-desc { white-space:normal;}
.menuwrap .ui-listview li a .ui-li-desc strong{color:#51C510; font-size:1.6em;}
.menuwrap .ui-btn-active .ui-li-desc strong{color:#fff;}
.menuwrap h2 a .ui-btn-text {font-size:.8em; padding:1em 10px 1em 0px; color:#f2f2f2; top:-2px;}
.menuwrap .ui-collapsible .ui-collapsible-heading-toggle{background:transparent;}
.menuwrap .ui-li-has-thumb .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li-has-thumb{ min-height:48px;}
.menuwrap .ui-collapsible-content{background:transparent}
.menuwrap div ul li{background:rgba(255, 255, 255, 0.1)}
.menuwrap div ul li h3{color:#ccc;font-size:15px;}
.menuwrap div ul li .ui-li-desc{ color:#ccc}
#userpanel-popup {
	top: 0px !important;
  	width: 100% !important;
	/*margin-left:15px;*/
	z-index:999999;
	background: rgba(0,0,0,.8);
}

#userpanel { padding:1% .5%;}
#userpanel li{ background:transparent; color:#fff; text-shadow:none; border:0px;  padding-left: 86px;}
#userpanel li img{ background:#fff;}
#userpanel li .ui-li-aside{width:100px; margin-top:-10px;}

/************** header style ************************/
.pagehead{ /*background:url(images/hdrbg.jpg) repeat; border-bottom: 1px solid #999;*/ border-top:0px;  box-shadow: 0 2px 2px #333;}
.pagehead .ui-title{margin:0 20% -4px}
.pagehead .ui-btn-left{background:transparent; border-radius:0px;  box-shadow: -1px 0 0 #999 inset; border:0px; top:-1px; left:0px;/* border-right:solid 1px #888;*/}
.pagehead .ui-btn-left .ui-btn-inner{ padding:0px 2px; border:0px; border-radius:0px;  margin-bottom:-3px; height:54px}
.pagehead .ui-btn-right{ background:transparent; border-radius:0px;  box-shadow:1px 0 0 #999 inset; border:0px; top:-1px; right:0px; /*border-left:solid 1px #888; */height:51px; width:52px;}
.pagehead .ui-btn-right .ui-btn-inner{ padding:0px 2px; border:0px; border-radius:0px;  margin-bottom:-3px; }


/*************** Grid style ************************/
.stmt-head li h3{ margin:0px; }
.stmt-grid li{ background:rgba(255, 255, 255, 0.1)}
.stmt-grid li div{color:#ccc !important;font-size:12px !important;display:block !important ;}
.stmt-grid .ui-li-static.ui-li,.stmt-head .ui-li{padding:0.5em 10px;font-size:0.8em;}
.stmt-grid .ui-li-desc,.stmt-head .ui-li-desc { margin:0;}
.stmt-grid .ui-li-desc b{color:#ccc}
.stmt-grid .ui-li-aside,.stmt-grid .ui-li-desc{color:#ccc;}
.stmt-grid .ui-li-aside,.stmt-head .ui-li-aside{width:60%; margin-top:-4px;}
.stmt-grid .ui-li-aside strong{ color:#51C510; font-size:1.5em; margin-top:-2px; }
.stmt-head .ui-li-aside strong{ font-size:1.5em;margin-left:2px;}
.stmt-grid .ui-li-aside fastrong{ color:#51C510;margin-top:-2px; }
.stmt-grid .ui-li-aside fafuail{color:red !important;margin-top:-2px; }
.stmt-grid .ui-icon-staron{ background:transparent url(images/star.png) no-repeat 0px -31px; height:33px;width:29px; top:20px !important; box-shadow: none; }
.stmt-grid .ui-icon-staroff{ background:transparent url(images/star.png) no-repeat 0px 1px; height:33px;width:29px; top:20px !important; box-shadow: none; }
.plus p{ font-size: 0.9em;}
/******************** mail-grid *********************/


.mail-grid li{ background:rgba(255, 255, 255, 0.1)}
.mail-grid li.read{ background:transparent}
.mail-grid li.read a.ui-link-inherit p b,.mail-grid li.read a.ui-link-inherit p{ color:#888}
.mail-grid .ui-li > .ui-btn-inner{ border-top:0px;}
.mail-grid .ui-li .ui-btn-inner a.ui-link-inherit{padding:0.9em 10px;}
.mail-grid .ui-li-desc{ margin:0;}
.mail-grid .ui-li-desc b{color:#ccc}
.mail-grid .ui-li-aside,.mail-grid .ui-li-desc{color:#ccc;}
.mail-grid .ui-li-aside{width:35%; margin-top:-4px;}
.mail-grid .ui-li-aside strong{ color:#51C510; font-size:1.5em; margin-top:-2px; }
.mail-head .ui-li-aside strong{ font-size:1.5em;margin-left:2px;}
.mailwrap{}
.mailwrap .cntrlbtn a{  background: #CCCCCC;color: #666666;text-shadow: 0 1px 1px #FFFFFF;}
.mailwrap h4{ background:#396B9E; margin-bottom:0px; margin-top:4px; color:#fff; text-shadow:0px 1px 1px #194B7E; border-radius:0.3em; padding:8px;}
.mailwrap .ui-body{ padding:0px 10px; border:0px; font-size:12px; margin-top:10px; box-shadow: 0 -1px 2px #666 inset; border-bottom:1px solid #000}
.mailwrap .ui-body .ui-block-a p{ margin:0px;}
.mailwrap .ui-body .ui-block-b a{ position:absolute; right:-8px; top:-4px;  border-top-left-radius: 0; background:url(images/mtcbg.jpg); box-shadow: 2px -2px 2px #333333 inset;}
.mailwrap .ui-block-b a .ui-btn-inner{ border-radius:0px;}
/************** footer style ************************/
.ui-footer{ border:0px; box-shadow:0px -1px 1px #333;}
.ui-footer p{}
/***************** tabs**********************/
.tabs{ width:100%; text-align:center}
.tabs a{ background:#ccc; color:#666; text-shadow:0px 1px 1px #fff;}
.tabs a.current{ background:#396B9E; color:#fff ;text-shadow:0px 1px 1px #333;}
.tabs a .ui-btn-text{ font-size:16px;}
/***************** applicatin  navigation  bar *************/
.appnav, .appnav nav{
  background:transparent;
}
.appnav nav li { background:#ed1c24;}
.appnav nav li .ui-btn{  background:url(images/mtcbg.jpg) repeat; border-left:solid 1px #000; border-top:0px; color:#fff;  text-shadow:0px -1px 0px #333; font-size:0.8em;}
.appnav nav li:first-child .ui-btn{ border-left:0 none;}
.appnav nav li .ui-btn-active{ background: url(images/marker.png) no-repeat scroll center top transparent;
    color: #333333;
    margin-top: -13px;
	margin-left:1px;
    padding-top: 13px;
    text-shadow: none; border-left:none; }
.appnav nav li .ui-btn-active .ui-icon{ background-color:#0a355f;box-shadow: 0 0 2px #0a355f inset;}
.appnav nav .ui-btn .ui-icon{ width:35px; height:32px; background-color:transparent; border-radius:3px; margin-left: -17px; box-shadow:none;}
.appnav nav li .ui-btn-text{ font-size:0.8em;color:#fff;}
.appnav nav .ui-btn .ui-btn-inner{padding-bottom:2px; padding-top:34px;}
/**************** custom icon ************************/
.appnav .ui-btn-inner .ui-icon-request{ background:#666 url(images/request.png) no-repeat 2px 1px ;}
.appnav .ui-btn-inner .ui-icon-transfer{ background:#666 url(images/transfer.png) no-repeat 2px 1px ;}
.appnav .ui-btn-inner .ui-icon-funds{ background:#666 url(images/funds.png) no-repeat 2px 1px ;}
.appnav .ui-btn-inner .ui-icon-dateline{ background:#666 url(images/dateline.png) no-repeat 2px 1px ;}
.pagehead .ui-btn-inner .ui-icon-message{ background:#0B3660 url(images/message.png) no-repeat 3px 1px ; width:35px; height:32px; margin:10px 7px; box-shadow: 0 0 2px #333333 inset; border-radius:3px}

/*****************forms and elements **********************/
/*.ui-body-a:not(.ui-input-text),.ui-body-a:not(.ui-popup){background:rgba(255, 255, 255, 0.1)}*/
.formcontainer{background:rgba(255, 255, 255, 0.1); border:none}
.formcontainer label{ color:#fff; text-shadow:0px 1px 0px #000;}
input.ui-input-text, textarea.ui-input-text{box-shadow:0 2px 10px #666 inset; border:1px solid #333;}
.ui-input-text.vs_txt {width:40px !important;margin-right:10px !important;display:inline;}
.vs_txt .ui-input-text {width: 40px;float:left;margin-right:10px;}

.vs_iban_txt div.ui-input-text{display:inline-block !important;}
.ui-input-text.vs_iban_txt {width:40px !important;margin-right:10px !important;display:inline;}
.vs_iban_txt .ui-input-text1 {width:30px !important; height:26px !important;float:left;margin-right:2px !important;display:inline;box-shadow:none !important;text-align:center;}
.vs_iban_txt .ui-input-text2 {width:30px !important;height:26px !important;float:left;margin-right:2px !important;display:inline;box-shadow:none !important;text-align:center;}
.vs_iban_txt .ui-input-text3 {width:45px !important;height:26px !important;float:left;margin-right:2px !important;display:inline;box-shadow:none !important;text-align:center;}
.vs_iban_txt .ui-input-text4 {width:130px !important;height:26px !important;float:left;margin-right:-1px !important;display:inline;box-shadow:none !important;text-align:center;}



/************* google map direction extended *************/
#mappanel-popup {
    right: 0 !important;
    left: auto !important;
	width:100%;
	
}
#mappanel {
    width: 100%;
    border: 1px solid #000;
    border-right: none;
    background: url(images/mtcbg.jpg) repeat;
    margin: -1px 0;
	padding:0px 2%;
	overflow-y:auto;
	-webkit-overflow-scrolling:touch;
}
#map_canvas{ width:100%; height:300px;}
.adp-summary{ font-size:14px; font-weight:bold; color:#888888; background:transparent; text-shadow:0px 1px 1px #000; border-top-left-radius:0.5em; border-top-right-radius:0.5em; padding:8px 9px; box-shadow:0px 1px 1px #888 inset; border:solid 1px #000; border-bottom:none;}
.adp-directions{ background:rgba(255, 255, 255, 0.1); width:100%; color:#ccc !important; text-shadow:0px 1px 1px #000; font-size:12px;  border-bottom-left-radius:0.5em; border-bottom-right-radius:0.5em; box-shadow: 0 0 1px #000000; }
.adp-step, .adp-substep{  border-top:solid 1px #000; box-shadow:0px 1px 0px #888 inset; border-left:none; border-right:none; padding: 0.5em 3px; }
.adp-placemark{ font-size:12px; border-radius:0.5em; box-shadow:0px 0px 0px #000;}
.adp-legal{ color:#ccc; text-shadow:0px 1px 1px #000; font-size:12px;}

/*********************** gift pate styles ***************/
.prodlist{}
.prodlist ul{ margin:0px; padding:0px; display:inline-block;}
.prodlist ul li{ float:none; position:relative; overflow: hidden; padding:0px; margin:2px; margin-bottom:5px; clear:none; display:inline-block; background:rgba(255, 255, 255, 0.1); border:none;border-radius: 0.3em ;  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);}
.prodlist ul li .img-holder{  position:relative; margin:0px; padding:0px;  }
.prodlist ul li .img-holder::before
{
    display:block;
    content:'';
    position:absolute;
    width:100%;
    height:100%;
    -moz-box-shadow:inset 0px 0px 28px 4px #333);
    -webkit-box-shadow:inset 0px 0px 28px 4px #333;
    box-shadow:inset 0px 0px 28px 4px #333;
}
.prodlist ul li .img-holder img{width:100%; max-width:350px;border:0px;}
.prodlist ul li .img-holder .offertape{ display:none;}
.prodlist ul li.off .img-holder .offertape{display:inline-block; position:absolute; top:10px; left:-90px; color:#fff; text-align:center;  text-shadow: 1px 0 1px #333333;padding-top:14px; background:url(images/tape.png) no-repeat left top; width:271px; height:62px; -webkit-transform: rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);}
.prodlist ul li .dis-holder{display:block; position:relative; padding:2px 5px;}
.prodlist ul li .dis-holder .dis-lft{ display:block; color:#CCCCCC;}
.prodlist ul li .dis-holder .dis-lft p{ margin:2px; text-shadow: 0 1px 0 #000000;}
.prodlist ul li .dis-holder .dis-lft p .amt{ color: #51C510; font-size: 1.8em;}
.prodlist ul li .dis-holder .dis-lft p .strike{display:none;}
.prodlist ul li.off .dis-holder .dis-lft p .strike{ display:inline-block;font-size: 1.8em; text-decoration:line-through; margin-right:10px;}
.prodlist ul li .dis-holder .dis-rht{display:block}

@media screen and (-webkit-min-device-pixel-ratio: 2),
screen and (min--moz-device-pixel-ratio: 2) {
	.logobg{ background:url(images/splash_screen@2x.png) no-repeat center top; background-size:320px 117px}
	.ui-page { background:url(images/mtcbg@2x.jpg) 0 0 repeat; background-size:82px 82px}
	.appnav nav li .ui-btn{ background:url(images/mtcbg@2x.jpg repeat);  background-size:82px 82px}
	.appnav nav li .ui-btn-active{ background: url(images/marker@2x.png) no-repeat scroll center top transparent; background-size:336px 24px;}
	.appnav .ui-btn-inner .ui-icon-request{ background:#666 url(images/request@2x.png) no-repeat 2px 1px ; background-size:30px 30px;}
	.appnav .ui-btn-inner .ui-icon-transfer{ background:#666 url(images/transfer@2x.png) no-repeat 2px 1px ; background-size:30px 30px;}
	.appnav .ui-btn-inner .ui-icon-funds{ background:#666 url(images/funds@2x.png) no-repeat 2px 1px ; background-size:30px 30px;}
	.appnav .ui-btn-inner .ui-icon-dateline{ background:#666 url(images/dateline@2x.png) no-repeat 2px 1px ; background-size:30px 30px;}
	.pagehead .ui-btn-inner .ui-icon-message{ background:#666 url(images/message@2x.png) no-repeat 3px 1px ; background-size:30px 30px;}
	/*.menuwrap .ui-btn .ui-btn-inner .ui-icon-detail{ background:#666 url(images/detail@2x.png) no-repeat 0px 1px; background-size:30px 30px;}*/
	.stmt-grid .ui-icon-staron{ background:transparent url(images/star@2x.png) no-repeat 0px -31px; background-size:32px 64px;}
	.stmt-grid .ui-icon-staroff{ background:transparent url(images/star@2x.png) no-repeat 0px 1px; background-size:32px 64px;  }
	.prodlist ul li .img-holder .offertape{background:url(images/tape@2x.png) no-repeat left top; background-size:271px 62px;}
}
/*********************Validation*****************/
div.ui-input-text{padding:0px;}
.error{}
.error .controls{}
.error .controls .error-message{ color:#FF0000; background:#FFBCBC; border-radius:0px 0px 4px 4px;  padding:2px 5px; border:solid 1px #ff0000; border-top:0px;margin:0px 6px; position:relative; z-index:1; }
.error .controls div.ui-input-text,.error .controls .ui-select .ui-btn,.error .controls .ui-checkbox .ui-btn{border:solid 1px #FF0000; margin-bottom:0px !important; box-shadow:0 1px 4px #FF0000 inset !important;padding:0px;}
.error .controls input.ui-input-text, .error .controls textarea.ui-input-text{box-shadow:none;}
/*******************************************
 Default Pull-up and Pull-down styling 
 Replace/modify/override to your preferences  
*******************************************/
.iscroll-scroller{ width:100%}
.iscroll-pullup {
    /* The wrapper is position:relative or position:absolute, so the pullUp is positioned here 
       relative to the scroller, not the page. If we don't do this, the pullUp will initially 
       appear briefly at the bottom of content if content is shorter than the wrapper. 
    */
    position: absolute;    /* relative to the scroller */
    bottom:   0;           /* at the bottom of the scroller */
    width:    100%;
}

.iscroll-pulldown,
.iscroll-pullup {
  background: transparent;
  height: 40px;
  line-height: 40px;    /* Center text vertically */
  font-weight: bold;
  font-size: 14px;
  color: #ccc;
  text-shadow:0px 1px 1px #000;
}


/* MSIE not supported by iScroll, so not MSIE transitions or animation  */
.iscroll-pulldown .iscroll-pull-icon,
.iscroll-pullup .iscroll-pull-icon  {
  margin-left: 0.5em;
  display: block; 
  float: left;
  width: 40px; 
  height: 40px;
  background: url(images/iscroll-pull-icon@2x.png) 0 0 no-repeat;
  -webkit-background-size: 40px 80px;
  -moz-background-size: 40px 80px;
  -o-background-size: 40px 80px; 
  background-size: 40px 80px;
  -webkit-transition: -webkit-transform 250ms linear;
  -moz-transition: -moz-transform 250ms linear;  
  -o-transition: -o-transform 250ms linear;   
  transition: transform 250ms linear;   
}

/* Note that translateZ(0) triggers hardware acceleration on WebKit browsers 
   Acceleration is automatic on Mozilla */

.iscroll-pulldown .iscroll-pull-icon {
  -webkit-transform: rotate(0deg) translateZ(0);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);  
  transform: rotate(0deg) translateZ(0);      
}

.iscroll-pullup .iscroll-pull-icon  {
  -webkit-transform: rotate(-180deg) translateZ(0);
  -moz-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);  
  transform: rotate(-180deg) translateZ(0);  
}

.iscroll-pulldown.iscroll-pull-pulled .iscroll-pull-icon {
  -webkit-transform: rotate(-180deg) translateZ(0);
  -moz-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);  
  transform: rotate(-180deg) translateZ(0);  
}

.iscroll-pullup.iscroll-pull-pulled .iscroll-pull-icon {
  -webkit-transform: rotate(0deg) translateZ(0);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg); 
  transform: rotate(0deg) translateZ(0);  
}

.iscroll-pulldown.iscroll-pull-loading .iscroll-pull-icon,
.iscroll-pullup.iscroll-pull-loading .iscroll-pull-icon {
  background-position: 0 100%;
  -webkit-transform: rotate(0deg) translateZ(0);
  -webkit-transition-duration: 0ms;
  -webkit-animation: iscroll-pull-loading 2s infinite linear;  
  -moz-transform: rotate(0deg);
  -moz-transition-duration: 0ms;
  -moz-animation: iscroll-pull-loading 2s infinite linear;
  -o-transform: rotate(0deg);
  -o-transition-duration: 0ms;
  -o-animation: iscroll-pull-loading 2s infinite linear;   /* Opera 12+ only */
  transform: rotate(0deg) translateZ(0);
  transition: transform 0ms linear;
  animation: iscroll-pull-loading 2s infinite linear;        
  }
  
@-webkit-keyframes iscroll-pull-loading {
  from { -webkit-transform: rotate(0deg); }
  to { -webkit-transform: rotate(360deg); }
}

@-moz-keyframes iscroll-pull-loading {
  from { -moz-transform: rotate(0deg); }
  to { -moz-transform: rotate(360deg); }
}

@-o-keyframes iscroll-pull-loading {
  from { -o-transform: rotate(0deg); }
  to { -o-transform: rotate(360deg); }
}

@-keyframes iscroll-pull-loading {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
} 




/* new style for  F theme
-----------------------------------------------------------------------------------------------------------*/

.ui-bar-f {
	border: 1px solid #b3b3b3 /*{f-bar-border}*/;
	background: #eeeeee /*{f-bar-background-color}*/;
	color: #3e3e3e /*{f-bar-color}*/;
	font-weight: bold;
	text-shadow: 0 /*{f-bar-shadow-x}*/ 1px /*{f-bar-shadow-y}*/ 1px /*{f-bar-shadow-radius}*/ #ffffff /*{f-bar-shadow-color}*/;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #f0f0f0 /*{f-bar-background-start}*/), to( #dddddd /*{f-bar-background-end}*/)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient( #f0f0f0 /*{f-bar-background-start}*/, #dddddd /*{f-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #f0f0f0 /*{f-bar-background-start}*/, #dddddd /*{f-bar-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient( #f0f0f0 /*{f-bar-background-start}*/, #dddddd /*{f-bar-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient( #f0f0f0 /*{f-bar-background-start}*/, #dddddd /*{f-bar-background-end}*/); /* Opera 11.10+ */
	background-image:         linear-gradient( #f0f0f0 /*{f-bar-background-start}*/, #dddddd /*{f-bar-background-end}*/);
}
.ui-bar-f .ui-link-inherit {
	color: #3e3e3e /*{f-bar-color}*/;
}

.ui-bar-f a.ui-link {
	color: #7cc4e7 /*{f-bar-link-color}*/;
	font-weight: bold;
}

.ui-bar-f a.ui-link:visited {
    color: #2489ce /*{f-bar-link-visited}*/;
}

.ui-bar-f a.ui-link:hover {
	color: #2489ce /*{f-bar-link-hover}*/;
}

.ui-bar-f a.ui-link:active {
	color: #2489ce /*{f-bar-link-active}*/;
}

.ui-bar-f,
.ui-bar-f input,
.ui-bar-f select,
.ui-bar-f textarea,
.ui-bar-f button {
	 font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
}
.ui-body-f,
.ui-overlay-f {
	border: 1px solid #aaaaaa /*{f-body-border}*/;
	color: #333333 /*{f-body-color}*/;
	text-shadow: 0 /*{f-body-shadow-x}*/ 1px /*{f-body-shadow-y}*/ 0 /*{f-body-shadow-radius}*/ #ffffff /*{f-body-shadow-color}*/;
	background: #f9f9f9 /*{f-body-background-color}*/;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #f9f9f9 /*{f-body-background-start}*/), to( #eeeeee /*{f-body-background-end}*/)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient( #f9f9f9 /*{f-body-background-start}*/, #eeeeee /*{f-body-background-end}*/); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #f9f9f9 /*{f-body-background-start}*/, #eeeeee /*{f-body-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient( #f9f9f9 /*{f-body-background-start}*/, #eeeeee /*{f-body-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient( #f9f9f9 /*{f-body-background-start}*/, #eeeeee /*{f-body-background-end}*/); /* Opera 11.10+ */
	background-image:         linear-gradient( #f9f9f9 /*{f-body-background-start}*/, #eeeeee /*{f-body-background-end}*/);	
}
.ui-overlay-f {
	background-image: none;
	border-width: 0;
}
.ui-body-f,
.ui-body-f input,
.ui-body-f select,
.ui-body-f textarea,
.ui-body-f button {
	 font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
}
.ui-body-f .ui-link-inherit {
	color: #333333 /*{f-body-color}*/;
}

.ui-body-f .ui-link {
	color: #2489ce /*{f-body-link-color}*/;
	font-weight: bold;
}

.ui-body-f .ui-link:visited {
    color: #2489ce /*{f-body-link-visited}*/;
}

.ui-body-f .ui-link:hover {
	color: #2489ce /*{f-body-link-hover}*/;
}

.ui-body-f .ui-link:active {
	color: #2489ce /*{f-body-link-active}*/;
}

.ui-btn-up-c {
    background: linear-gradient(#ed1c24, #a30202) repeat scroll 0 0 #eee;
    border: 1px solid #ed1c24;
    color: #fff !important;
    font-weight: bold;
    text-shadow: 0 1px 0 #000;
}

.ui-btn-up-f {
	border: 1px solid #004791 /*{f-bup-border}*/;
	background: #00347e /*{f-bup-background-color}*/;
	font-weight: bold;
	color: #ffffff /*{f-bup-color}*/;
	text-shadow: 0 /*{f-bup-shadow-x}*/ 1px /*{f-bup-shadow-y}*/ 1px /*{f-bup-shadow-radius}*/ #245309 /*{f-bup-shadow-color}*/;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #0067b1 /*{f-bup-background-start}*/), to( #00347e /*{f-bup-background-end}*/)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient( #0067b1 /*{f-bup-background-start}*/, #00347e /*{f-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #0067b1 /*{f-bup-background-start}*/, #00347e /*{f-bup-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient( #0067b1 /*{f-bup-background-start}*/, #00347e /*{f-bup-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient( #0067b18 /*{f-bup-background-start}*/, #00347e /*{f-bup-background-end}*/); /* Opera 11.10+ */
	background-image:         linear-gradient( #0067b1 /*{f-bup-background-start}*/, #00347e /*{f-bup-background-end}*/);
}
.ui-btn-up-f:visited,
.ui-btn-up-f a.ui-link-inherit {
	color: #ffffff /*{f-bup-color}*/;
}
.ui-btn-hover-f {
	border: 1px solid #43AF01 /*{f-bhover-border}*/;
	background: #76c044 /*{f-bhover-background-color}*/;
	font-weight: bold;
	color: #ffffff /*{f-bhover-color}*/;
	text-shadow: 0 /*{f-bhover-shadow-x}*/ 1px /*{f-bhover-shadow-y}*/ 1px /*{f-bhover-shadow-radius}*/ #245309 /*{f-bhover-shadow-color}*/;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #76c044 /*{f-bhover-background-start}*/), to( #76c044 /*{f-bhover-background-end}*/)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient( #76c044 /*{f-bhover-background-start}*/, #76c044 /*{f-bhover-background-end}*/); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #76c044 /*{f-bhover-background-start}*/, #76c044 /*{f-bhover-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient( #76c044 /*{f-bhover-background-start}*/, #76c044 /*{f-bhover-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient( #76c044 /*{f-bhover-background-start}*/, #76c044 /*{f-bhover-background-end}*/); /* Opera 11.10+ */
	background-image:         linear-gradient( #76c044 /*{f-bhover-background-start}*/, #76c044 /*{f-bhover-background-end}*/);
}
.ui-btn-hover-f:visited,
.ui-btn-hover-f:hover,
.ui-btn-hover-f a.ui-link-inherit {
	color: #ffffff /*{f-bhover-color}*/;
}
.ui-btn-down-f {
	border: 1px solid #43AF01 /*{f-bdown-border}*/;
	background: #76c044 /*{f-bdown-background-color}*/;
	font-weight: bold;
	color: #ffffff /*{f-bdown-color}*/;
	text-shadow: 0 /*{f-bdown-shadow-x}*/ 1px /*{f-bdown-shadow-y}*/ 1px /*{f-bdown-shadow-radius}*/ #245309 /*{f-bdown-shadow-color}*/;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #76c044 /*{f-bdown-background-start}*/), to( #76c044 /*{f-bdown-background-end}*/)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient( #76c044 /*{f-bdown-background-start}*/, #76c044 /*{f-bdown-background-end}*/); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #76c044 /*{f-bdown-background-start}*/, #76c044 /*{f-bdown-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient( #76c044 /*{f-bdown-background-start}*/, #76c044 /*{f-bdown-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient( #76c044 /*{f-bdown-background-start}*/, #76c044 /*{f-bdown-background-end}*/); /* Opera 11.10+ */
	background-image:         linear-gradient( #76c044 /*{f-bdown-background-start}*/, #76c044 /*{f-bdown-background-end}*/);
}
.ui-btn-down-f:visited,
.ui-btn-down-f:hover,
.ui-btn-down-f a.ui-link-inherit {
	color: #ffffff /*{f-bdown-color}*/;
}
.ui-btn-up-f,
.ui-btn-hover-f,
.ui-btn-down-f {
	 font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
	text-decoration: none;
}




/* Structure */

/* links within "buttons" 
-----------------------------------------------------------------------------------------------------------*/

a.ui-link-inherit {
	text-decoration: none !important;
}


/* Active class used as the "on" state across all themes
-----------------------------------------------------------------------------------------------------------*/
.ui-btn-active {
	border: 1px solid #0587ad /*{global-active-border}*/;
	background: #1caee7 /*{global-active-background-color}*/;
	font-weight: bold;
	color: #ffffff /*{global-active-color}*/;
	cursor: pointer;
	text-shadow: 0 /*{global-active-shadow-x}*/ 1px /*{global-active-shadow-y}*/ 1px /*{global-active-shadow-radius}*/ #0f82a3 /*{global-active-shadow-color}*/;
	text-decoration: none;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #1aa7dd /*{global-active-background-start}*/), to( #1db4f0 /*{global-active-background-end}*/)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient( #1aa7dd /*{global-active-background-start}*/, #1db4f0 /*{global-active-background-end}*/); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #1aa7dd /*{global-active-background-start}*/, #1db4f0 /*{global-active-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient( #1aa7dd /*{global-active-background-start}*/, #1db4f0 /*{global-active-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient( #1aa7dd /*{global-active-background-start}*/, #1db4f0 /*{global-active-background-end}*/); /* Opera 11.10+ */
	background-image:         linear-gradient( #1aa7dd /*{global-active-background-start}*/, #1db4f0 /*{global-active-background-end}*/);
	 font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
}
.ui-btn-active:visited,
.ui-btn-active:hover,
.ui-btn-active a.ui-link-inherit {
	color: #ffffff /*{global-active-color}*/;
}


/* button inner top highlight
-----------------------------------------------------------------------------------------------------------*/

.ui-btn-inner {
	border-top: 1px solid 	#fff;
	border-color: 			rgba(255,255,255,.3);
}


/* corner rounding classes
-----------------------------------------------------------------------------------------------------------*/

.ui-corner-tl {
	-moz-border-radius-topleft: .3em /*{global-radii-blocks}*/;
	-webkit-border-top-left-radius: .3em /*{global-radii-blocks}*/;
	border-top-left-radius: .3em /*{global-radii-blocks}*/;
}
.ui-corner-tr {
	-moz-border-radius-topright: .3em /*{global-radii-blocks}*/;
	-webkit-border-top-right-radius: .3em /*{global-radii-blocks}*/;
	border-top-right-radius: .3em /*{global-radii-blocks}*/;
}
.ui-corner-bl {
	-moz-border-radius-bottomleft: .3em /*{global-radii-blocks}*/;
	-webkit-border-bottom-left-radius: .3em /*{global-radii-blocks}*/;
	border-bottom-left-radius: .3em /*{global-radii-blocks}*/;
}
.ui-corner-br {
	-moz-border-radius-bottomright: .3em /*{global-radii-blocks}*/;
	-webkit-border-bottom-right-radius: .3em /*{global-radii-blocks}*/;
	border-bottom-right-radius: .3em /*{global-radii-blocks}*/;
}
.ui-corner-top {
	-moz-border-radius-topleft: .3em /*{global-radii-blocks}*/;
	-webkit-border-top-left-radius: .3em /*{global-radii-blocks}*/;
	border-top-left-radius: .3em /*{global-radii-blocks}*/;
	-moz-border-radius-topright: .3em /*{global-radii-blocks}*/;
	-webkit-border-top-right-radius: .3em /*{global-radii-blocks}*/;
	border-top-right-radius: .3em /*{global-radii-blocks}*/;
}
.ui-corner-bottom {
	-moz-border-radius-bottomleft: .3em /*{global-radii-blocks}*/;
	-webkit-border-bottom-left-radius: .3em /*{global-radii-blocks}*/;
	border-bottom-left-radius: .3em /*{global-radii-blocks}*/;
	-moz-border-radius-bottomright: .3em /*{global-radii-blocks}*/;
	-webkit-border-bottom-right-radius: .3em /*{global-radii-blocks}*/;
	border-bottom-right-radius: .3em /*{global-radii-blocks}*/;
	}
.ui-corner-right {
	-moz-border-radius-topright: .3em /*{global-radii-blocks}*/;
	-webkit-border-top-right-radius: .3em /*{global-radii-blocks}*/;
	border-top-right-radius: .3em /*{global-radii-blocks}*/;
	-moz-border-radius-bottomright: .3em /*{global-radii-blocks}*/;
	-webkit-border-bottom-right-radius: .3em /*{global-radii-blocks}*/;
	border-bottom-right-radius: .3em /*{global-radii-blocks}*/;
}
.ui-corner-left {
	-moz-border-radius-topleft: .3em /*{global-radii-blocks}*/;
	-webkit-border-top-left-radius: .3em /*{global-radii-blocks}*/;
	border-top-left-radius: .3em /*{global-radii-blocks}*/;
	-moz-border-radius-bottomleft: .3em /*{global-radii-blocks}*/;
	-webkit-border-bottom-left-radius: .3em /*{global-radii-blocks}*/;
	border-bottom-left-radius: .3em /*{global-radii-blocks}*/;
}
.ui-corner-all {
	-moz-border-radius: .3em /*{global-radii-blocks}*/;
	-webkit-border-radius: .3em /*{global-radii-blocks}*/;
	border-radius: .3em /*{global-radii-blocks}*/;
}
.ui-corner-none {
	-moz-border-radius: 				   0;
	-webkit-border-radius: 				   0;
	border-radius: 						   0;
}
/* Button corner classes
-----------------------------------------------------------------------------------------------------------*/

.ui-btn-corner-tl {
	-moz-border-radius-topleft: .3em /*{global-radii-buttons}*/;
	-webkit-border-top-left-radius: .3em /*{global-radii-buttons}*/;
	border-top-left-radius: .3em /*{global-radii-buttons}*/;
}
.ui-btn-corner-tr {
	-moz-border-radius-topright: .3em /*{global-radii-buttons}*/;
	-webkit-border-top-right-radius: .3em /*{global-radii-buttons}*/;
	border-top-right-radius: .3em /*{global-radii-buttons}*/;
}
.ui-btn-corner-bl {
	-moz-border-radius-bottomleft: .3em /*{global-radii-buttons}*/;
	-webkit-border-bottom-left-radius: .3em /*{global-radii-buttons}*/;
	border-bottom-left-radius: .3em /*{global-radii-buttons}*/;
}
.ui-btn-corner-br {
	-moz-border-radius-bottomright: .3em /*{global-radii-buttons}*/;
	-webkit-border-bottom-right-radius: .3em /*{global-radii-buttons}*/;
	border-bottom-right-radius: .3em /*{global-radii-buttons}*/;
}
.ui-btn-corner-top {
	-moz-border-radius-topleft: .3em /*{global-radii-buttons}*/;
	-webkit-border-top-left-radius: .3em /*{global-radii-buttons}*/;
	border-top-left-radius: .3em /*{global-radii-buttons}*/;
	-moz-border-radius-topright: .3em /*{global-radii-buttons}*/;
	-webkit-border-top-right-radius: .3em /*{global-radii-buttons}*/;
	border-top-right-radius: .3em /*{global-radii-buttons}*/;
}
.ui-btn-corner-bottom {
	-moz-border-radius-bottomleft: .3em /*{global-radii-buttons}*/;
	-webkit-border-bottom-left-radius: .3em /*{global-radii-buttons}*/;
	border-bottom-left-radius: .3em /*{global-radii-buttons}*/;
	-moz-border-radius-bottomright: .3em /*{global-radii-buttons}*/;
	-webkit-border-bottom-right-radius: .3em /*{global-radii-buttons}*/;
	border-bottom-right-radius: .3em /*{global-radii-buttons}*/;
}
.ui-btn-corner-right {
	 -moz-border-radius-topright: .3em /*{global-radii-buttons}*/;
	-webkit-border-top-right-radius: .3em /*{global-radii-buttons}*/;
	border-top-right-radius: .3em /*{global-radii-buttons}*/;
	-moz-border-radius-bottomright: .3em /*{global-radii-buttons}*/;
	-webkit-border-bottom-right-radius: .3em /*{global-radii-buttons}*/;
	border-bottom-right-radius: .3em /*{global-radii-buttons}*/;
}
.ui-btn-corner-left {
	-moz-border-radius-topleft: .3em /*{global-radii-buttons}*/;
	-webkit-border-top-left-radius: .3em /*{global-radii-buttons}*/;
	border-top-left-radius: .3em /*{global-radii-buttons}*/;
	-moz-border-radius-bottomleft: .3em /*{global-radii-buttons}*/;
	-webkit-border-bottom-left-radius: .3em /*{global-radii-buttons}*/;
	border-bottom-left-radius: .3em /*{global-radii-buttons}*/;
}
.ui-btn-corner-all {
	-moz-border-radius: .3em /*{global-radii-buttons}*/;
	-webkit-border-radius: .3em /*{global-radii-buttons}*/;
	border-radius: .3em /*{global-radii-buttons}*/;
}

/* radius clip workaround for cleaning up corner trapping */
.ui-corner-tl,
.ui-corner-tr,
.ui-corner-bl,
.ui-corner-br,
.ui-corner-top,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-left,
.ui-corner-all,
.ui-btn-corner-tl,
.ui-btn-corner-tr,
.ui-btn-corner-bl,
.ui-btn-corner-br,
.ui-btn-corner-top,
.ui-btn-corner-bottom,
.ui-btn-corner-right,
.ui-btn-corner-left,
.ui-btn-corner-all {
  -webkit-background-clip: padding-box;
     -moz-background-clip: padding;
          background-clip: padding-box;
}







.loginwrap .ui-btn-up-c
{


	border: 1px solid 		#ccc /*{c-bup-border}*/;
	background: 			#eee /*{c-bup-background-color}*/;
	font-weight: bold;
	color: 					#222 !important /*{c-bup-color}*/;
	text-shadow: 0 /*{c-bup-shadow-x}*/ 1px /*{c-bup-shadow-y}*/ 0 /*{c-bup-shadow-radius}*/ #fff /*{c-bup-shadow-color}*/;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #fff /*{c-bup-background-start}*/), to( #f1f1f1 /*{c-bup-background-end}*/)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient( #fff /*{c-bup-background-start}*/, #f1f1f1 /*{c-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #fff /*{c-bup-background-start}*/, #f1f1f1 /*{c-bup-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient( #fff /*{c-bup-background-start}*/, #f1f1f1 /*{c-bup-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient( #fff /*{c-bup-background-start}*/, #f1f1f1 /*{c-bup-background-end}*/); /* Opera 11.10+ */
	background-image:         linear-gradient( #fff /*{c-bup-background-start}*/, #f1f1f1 /*{c-bup-background-end}*/);

}
.stmt-grid .ui-li-aside strong.neg{color:red !important;}
.menuwrap .ui-listview li a .ui-li-desc strong.neg{color:red !important;}
.menuwrap .ui-listview li.ui-btn-up-c {
    border: 1px solid #222222;
}
.menuwrap .ui-listview li .ui-select .ui-btn-up-c
{
background:#f2f2f2 !important;
color : #333 !important;
}

.menuwrap .ui-listview li.ui-btn-up-c
{
/*border:1px soid #396B9E;*/
}

.ui-radio-off
{
	background:#f2f2f2 !important;
	color:#555 !important;
	text-shadow:1px 0px 1px #fff !important;
	border:none !important;
	
}
.refreshWrap
{
	position:relative;
	}

.refreshBtn
{
	width:30px;
	height:30px;
	position:absolute;
	right:10px;
	top:-3px;
z-index:9999;
	}

.refreshWrap .ui-btn-inner
{
border:none;
box-shadow:none;
}

.refreshWrap .ui-btn-icon-notext .ui-btn-inner .ui-icon
{
	margin:5px 1px 2px 6px;

	}
.spinner {
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	z-index:9999;
	background:url(images/ajax-loader.gif);
	background-repeat:no-repeat;
	background-color:rgba(0, 0, 0, 0.6);
	border-radius:2px;
	/*border:1px #ccc solid;*/
	background-size: 46px 46px;
	background-position: center center;
}
/*for fawateer*/
.fawateer-inquiry li {
    padding-left: 35px !important;
}
.fawateer-inquiry li .check-left{
    position: absolute;
    left: 9px;
    top: 7px;
}
.fawateer-inquiry li input[type="checkbox"]{
   position: absolute;
   left:10px;
   top:45%;
}
.right-align .ui-btn{
   float: right;
}
.no-bg h3{
color: #fff;
text-shadow: none;
margin:1em 0;
}
.remove-bg{
	background: none !important;
	box-shadow: none !important;
	border: none !important;
	padding: 0px !important;
}
	
.remove-bg .stmt-grid .ui-li-static.ui-li, .remove-bg .stmt-head .ui-li {
    margin-bottom: 10px;
    border: none;
    border-radius: 3px;
}	
.remove-bg .ui-btn-icon-notext {
    width: 20px;
    height: 20px;
    margin: 0px;
    padding: 0px;
    border: none;
    background: none;
    background-clip: border-box;
}
.remove-bg .ui-btn-icon-notext .ui-btn-inner .ui-icon {
    
    box-shadow: none;
    margin: 0px;
}

.fawateerbody-label{
	border-bottom: 2px solid #09345e;
	display: block;
	padding: 0px 15px 10px;
	margin: 0 -15px 5px -15px;

}
#btn_rmv .ui-icon{
	background-color: #bb0f17 !important;
}
.black-color .ui-btn-text{color:#333!important;}
.stmt-grid li div.align-select{display: inline-block !important; vertical-align:middle; width: 100%;}
.align-select .pay-label{margin-top:10px}