html, body {
   height: 100%;
   margin: 0;
   padding: 0;
   /*-webkit-text-size-adjust: 15px;*/
   direction: rtl;
   background: url(../images/bg2.png)
   }

#content{
	width: 98%;
	margin: 10px auto;
}

.title{
	padding: 0px;
	margin: 5px 0px;
	color: #0b4e87;
	font: bold 16px Geneva, Arial, Helvetica, sans-serif; 
	text-align: center
}

ul {   
   padding: 0; 
   margin: 5px;
   margin-left: auto;
   margin-right: auto;
   }
   
ul li {
	margin: 3px;
	color: #0b4e87;
	vertical-align: middle;
	text-align: right;
	height: auto;
	overflow: hidden;
	list-style-type: none; 
	padding: 3px;
	text-decoration:none;
 	border-radius:12px; 
 	-moz-border-radius:12px; 
 	-webkit-border-radius:12px;
 	border:2px solid #cccccc; 
	background: rgb(246,248,249); /* Old browsers */
		background: -moz-linear-gradient(top,  rgba(246,248,249,1) 0%, rgba(229,235,238,1) 50%, rgba(215,222,227,1) 51%, rgba(245,247,249,1) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(246,248,249,1)), color-stop(50%,rgba(229,235,238,1)), color-stop(51%,rgba(215,222,227,1)), color-stop(100%,rgba(245,247,249,1))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%,rgba(215,222,227,1) 51%,rgba(245,247,249,1) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%,rgba(215,222,227,1) 51%,rgba(245,247,249,1) 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%,rgba(215,222,227,1) 51%,rgba(245,247,249,1) 100%); /* IE10+ */
		background: linear-gradient(top,  rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%,rgba(215,222,227,1) 51%,rgba(245,247,249,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f8f9', endColorstr='#f5f7f9',GradientType=0 ); /* IE6-9 */

}

ul li a{
	text-decoration:none;
	color: #0b4e87;
	font: bold 15px  Geneva, Arial, Helvetica, sans-serif;
	width: 100%;
}

.arrow {
   background-image: url(../images/chevron.png);
   background-position: right center;
   background-repeat: no-repeat;
   }

.totlacontant{width:95.5%;
              float:left;
			  padding:0 2%;
			  color:#474344;
			  font-size:13px;
			  margin:7px 0px 0px 0px;}
.totlacontant p{float:left;
                width:100%;
				margin:0px 0px 8px 0px;
				font-size:14px;
				line-height:20px;
				font-weight:normal;
				color:#231f20;
				padding:0;
				text-align:center;}
				
				
.liLeft{width:41%;
        background-color:#fff;
        text-align:right;
        font-size:20px;}
.liRight{ width:49%;
          height:30px;}
.liRight11{width:49%;
           background-color:#FFF;
		   border:solid 1px #adadad;
		   border-radius:0px 7px 7px 0px;
		   color:#a3aab1;}
.liRight input{padding:7px 3px;
             border:none;
			 float:center;height:16px;
			 border-top-width:0px;
			 background:transparent !important;
			 border:solid 1px #009BC9}
			 
			 .liCenter input{padding:7px 3px;
             border:none;
			 float:center;height:95%;
			 font-weight:bold;
			 font-size:25px;
			 width:60%
			 border-top-width:0px;
			 background:transparent !important;
			 border:solid 1px #009BC9}
			 
.liRight select{padding:0px 0 0 3px;
              width:100%;
			  border:none;float:left;text-align:left;height:30px;border:1px solid #009BC9;}
.liRight11 textarea{padding:7px 3px;min-width:94%;max-width:94%;border:none;float:left;min-height:17px;max-height:92px;background:transparent !important;}

.SubmitButton{width:60%;height:90%;line-height:27px;color:#000000;font-weight:bold;font-size:24px; margin:0px 0px 0px 5%;float:center;}
.InputTxt{width:80%;height:90%;line-height:27px;color:#000000;font-weight:bold;font-size:24px; margin:0px 0px 0px 5%;float:center;}
.InputTxtVote{width:80%;height:90%;line-height:27px;color:#000000;font-weight:bold;font-size:28px;  float:right;}
.SubmitBtn {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
	background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background-color:#ededed;
	-moz-border-radius:37px;
	-webkit-border-radius:37px;
	border-radius:37px;
	border:3px solid #dcdcdc;
	display:inline-block;
	color:#777777;
	font-family:Trebuchet MS;
	font-size:21px;
	font-weight:bold;
	padding:5px 73px;
	text-decoration:none;
	text-shadow:1px 1px 0px #ffffff;
}.SubmitBtn:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
	background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
	background-color:#dfdfdf;
}.SubmitBtn:active {
	position:relative;
	top:1px;
}
img{
	padding: 5px;
	background: #ffffff;
	border: 1px solid #cccccc;
}

#header{
	margin: 0 auto;
	padding: 10px;
	text-align: center;
	margin-bottom: 10px;	
	background: rgba(56,3,2,1); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(56,3,2,1) 0%, rgba(251,201,201,1)  100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(56,3,2,1)), color-stop(100%,rgba(251,201,201,1) )); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(56,3,2,1) 0%,rgba(251,201,201,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(56,3,2,1) 0%,rgba(251,201,201,1)  100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(56,3,2,1) 0%,rgba(251,201,201,1)  100%); /* IE10+ */
	background: linear-gradient(top,  rgba(56,3,2,1) 0%,rgba(251,201,201,1)  100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FDD6D6', endColorstr='#DC6666',GradientType=0 ); /* IE6-9 */
}
#headout{
	margin: 0 auto;
	padding: 10px;
	text-align: center;
	margin-bottom: 10px;
		
	background: rgb(161,219,255); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(161,219,255,1) 0%, rgba(112,168,224,1) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(161,219,255,1)), color-stop(100%,rgba(112,168,224,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(161,219,255,1) 0%,rgba(112,168,224,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(161,219,255,1) 0%,rgba(112,168,224,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(161,219,255,1) 0%,rgba(112,168,224,1) 100%); /* IE10+ */
	background: linear-gradient(top,  rgba(161,219,255,1) 0%,rgba(112,168,224,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a1dbff', endColorstr='#70a8e0',GradientType=0 ); /* IE6-9 */
	
}
#headout h1{
	padding: 0px;
	margin: 0px;
	color: #ffffff;
	font: bold 20px Geneva, Arial, Helvetica, sans-serif;
}

#header h1{
	padding: 0px;
	margin: 0px;
	color: #ffffff;
	font: bold 24px Geneva, Arial, Helvetica, sans-serif;
}
#headSub{
	margin: 0 auto;
	padding: 3px;
	text-align: center;
	margin-bottom: 3px;		
        }

#headSub h1{
	padding: 0px;
	margin: 0px;
	color: #ffffff;
	font: bold 20px Geneva, Arial, Helvetica, sans-serif;
          } 
#headSub h2{
	padding: 0px;
	margin: 0px;
	color: #00000;
	font-size: 12px;
	font: bold 12px Geneva, Arial, Helvetica, sans-serif;
          } 


#ListDetails .ui-li-static { font-size: 16px; font-weight: bold;  }
/*used for link arrow to position left */
#ListDetails .ui-btn-icon-right .ui-icon { left: 10px; right:auto;}
/*used for link arrow image */
#ListDetails ul li div span {background-position: -144px 0; }
#ListDetails .accDetail { position: relative;display: inline-block;}
#ListDetails .accNumber { vertical-align: top;margin-right: 2px;position: relative;top: 3px;	}
#ListDetails .currencyAcctType { position: relative;top:-10px; }
#ListDetails .amtTxt { margin-right: 10px; }
#ListDetails .accStatus {	vertical-align: top;position: relative;top: 4px;margin-right: 5px; }
#ListDetails .accStatusWrapper {
	width: 80px;
	-webkit-border-radius: .8em;
	-moz-border-radius: .8em;
	border-radius: .8em;
	font: bold 10pt TrebuchetMS-Bold;
	padding-bottom:3px;
	height: 12px;	
	margin-top:0px;
	text-align: center;
	vertical-align: top;
	display: inline-block;
	line-height: 14px;		
}

#ListDetails .cardAccNumber { vertical-align: top; margin-top:-5px;display: inline-block }
#ListDetails .cardType { position: absolute;right: 69px;top: 25px;color: #696969;font: bold 11pt TrebuchetMS-Bold; }
#ListDetails .activeBox { color:#7E3200;background:#FBDcc0;border:1px solid #D7A68C; }
#ListDetails .redbox { color:#fff;background:#9d0b0e;border:1px solid #6E080A; }
#ListDetails .pinkbox { color: #954A97;background: #FBC9FF;border:1px solid #E4AAEA; }
#ListDetails .orangebox { color: #000;background: #e7cc70;border:1px solid #A28F4E; }
#ListDetails .greybox { color: #545C6E;background: #AEB2BC;border:1px solid #5D667A; }
#ListDetails .ui-li-has-arrow .ui-btn-inner a.ui-link-inherit,#ListDetails .ui-li-static .ui-li-has-arrow { padding-left: 30px;padding-right: 15px; }
#ListDetails .ui-li,#ListDetails .ui-li.ui-field-contain { text-align: right; }
#ListDetails .ui-li-aside { float: left; width: 50%; text-align: left; margin: .3em 0; }


#ColDetails { overflow: hidden; }
#ColDetails div { float: right;width: 100%;height:20px;font: bold 14pt TrebuchetMS-Bold;}
#ColDetails span { padding: 0 5px 0 5px;vertical-align: middle; }

#bodyStyle{ direction: rtl; }

.headButton {
	background-color:transparent;
	-moz-border-radius:14px;
	-webkit-border-radius:14px;
	border-radius:14px;
	border:3px solid #dcdcdc;
	display:inline-block;
	color:#FFFFFF;
	font-family:arial;
	font-size:12px;
	font-weight:bold;
	padding:6px 17px;
	text-decoration:none;
}.headButton:active {
	position:relative;
	top:1px;
}
.headerButton { width: 72px;text-align: center; }

.headerButton span.ui-btn-inner { font-size: 11px;padding: .55em 1.5em .7em; direction: ltr;}

.headerWrap .ui-header .ui-btn-left { position: absolute;}
.headerWrapper span.ui-btn-inner { font-size: 11px;padding: .55em 1.3em .8em;}


.ui-header .ui-title, .ui-footer .ui-title { min-height: 1.2em; text-align: center; font-size: 16px;
	display: block; margin: .6em 90px .8em;  padding: 0;  text-overflow: ellipsis; overflow: hidden;
	white-space: nowrap; outline: 0 !important; }

form > div { margin-top: 2px; }

form div.buttonStyle { margin-top: 2px; }

.channelDescrip { padding: 5px 0 0 5px;font: bold 15pt TrebuchetMS-Bold;display: block; text-shadow:#660000 ; float:right ;text-align: right  }
.channelDesc2{ padding: 5px 0 0 5px;font: bold 15pt TrebuchetMS-Bold ;color:#000;text-align: right;}
.TblColDesc { padding: 3px 0 0 3px;font: bold 15pt TrebuchetMS-Bold; float:right ;text-align: right  }

.errorFontStyle { color: #FF0000;text-align: center;margin: 5px 0 5px 0; }

.greenFontStyle { color: #005334; }

.redFontStyle { color: #BE0002; }

.orangeFontStyle { color: #F7941D; }

.gray1-key { background:#e8e8e8;color:#000;text-align: right;-webkit-border-top-right-radius: .5em;-webkit-border-bottom-right-radius: .5em; } -->
.gray-key { background:#e8e8e8;color:#000;text-align: right;  }

.green-value { background:#00914c;color:#fff;font: bold 15pt TrebuchetMS-Bold; float:right;font: bold 15pt TrebuchetMS-Bold; float:right;-webkit-border-top-left-radius: .5em;-webkit-border-bottom-left-radius: .5em; }

.red-value {background:#b40000;color:#fff;text-align: right;font: bold 15pt TrebuchetMS-Bold; float:right;;-webkit-border-top-left-radius: .5em;-webkit-border-bottom-left-radius: .5em; }

.ui-grid-a, .ui-grid-b, .ui-grid-c, .ui-grid-d { overflow: hidden; }
.ui-block-a, .ui-block-b, .ui-block-c, .ui-block-d, .ui-block-e { margin: 0; padding: 0; border: 0; float: right; min-height:1px;}

.BtnGreen {
	background-color:#77d42a;
	-moz-border-radius:42px;
	-webkit-border-radius:42px;
	border-radius:42px;
	border:3px solid #268a16;
	display:inline-block;
	color:#ffffff;
	font-family:Trebuchet MS;
	font-size:22px;
	font-weight:bold;
	padding:0px 2px;
	text-decoration:none;
}.BtnGreen:hover {
	background-color:#5cb811;
}.BtnGreen:active {
	position:relative;
	top:1px;
}

.BtnRed {
	background-color:#fe1a00;
	-moz-border-radius:42px;
	-webkit-border-radius:42px;
	border-radius:42px;
	border:3px solid #d83526;
	display:inline-block;
	color:#ffffff;
	font-family:Trebuchet MS;
	font-size:22px;
	font-weight:bold;
	padding:0px 2px;
	text-decoration:none;
}.BtnRed:hover {
	background-color:#ce0100;
}.BtnRed:active {
	position:relative;
	top:1px;
}