html{-webkit-text-size-adjust:none;}
body { font-size: 16px; font-family: Helvetica,Arial,sans-serif; font-weight:normal; overflow-x:hidden; overflow-y:hidden;} 

/* To solve Safari blank screen problem when showing popup */
.ui-selectmenu-hidden { top: -9999px; left: -9999px; }

#titlebar {border-spacing:0px;}
#titlebar tr:nth-child(1) td:nth-child(1) {height:46px; width:194px; text-align:center;}
#titlebar tr {background: #F3F3F3; border-spacing:0px;}
#header_image { vertical-align:bottom; margin-left: 0px; border:0px; float:left;}
#email_btn {padding: 0px; position:absolute; z-index:1; height=23px; width=75px; background-color:#FFF;}
#option1_img_div, #option2_img_div, #option3_img_div { width: 167px; float:left; margin:0px;}
#option1_onoff_div, #option2_onoff_div, #option3_onoff_div { width: 14px; float:right; margin:0px;} 

.ui-corner-top {
	-moz-border-radius-topleft: 	0em;
	-webkit-border-top-left-radius: 0em;
	border-top-left-radius: 		0em;
	-moz-border-radius-topright: 	0em;
	-webkit-border-top-right-radius:0em;
	border-top-right-radius: 		0em;
}
.ui-corner-bottom {
	-moz-border-radius-bottomleft: 		0em;
	-webkit-border-bottom-left-radius: 	0em;
	border-bottom-left-radius: 			0em;
	-moz-border-radius-bottomright: 	0em;
	-webkit-border-bottom-right-radius: 0em;
	border-bottom-right-radius: 		0em;
}
#left-bott-corner {
	background-image: url(../images/left-bott-corner.png);
	background-repeat: 					no-repeat;	
	background-position: 				0% 100%;
	padding-top: 0px;	
	margin-top: 0px;
	width: auto;
	height: 8px;	
}
#right-bott-corner {
	background-image: url(../images/right-bott-corner.png);
	background-repeat: 					no-repeat;	
	background-position: 				100% 100%;
	width: auto;
	height: 8px;
}
#middle-bott {
	background-image: url(../images/middle-bott.png);
	background-repeat: 					repeat-x;	
	background-position: 				0% 100%;
	width: auto;
	height:auto;	
}
#left-top-corner {
	background-image: url(../images/left-top-corner.png);
	background-repeat: 					no-repeat;	
	background-position: 				0% 0%;
	width: auto;
	height: 8px;	
}
#right-top-corner {
	background-image: url(../images/right-top-corner.png);
	background-repeat: 					no-repeat;	
	background-position: 				100% 0%;
	width: auto;
	height: 8px;	
}
#middle-top {
	background-image: url(../images/middle-top.png);
	background-repeat: 					repeat-x;	
	background-position: 				0% 0%;
	width: auto;
	height:auto;
}

#download_table { width:100%; margin-left:5px; padding-right:10px;}
#disclaim_table { width:100%; margin-left:5px; padding-right:10px; padding-top:0px;}

.ui-btn-corner-all {
	-moz-border-radius: 	0em;
	-webkit-border-radius: 	0em;
	border-radius: 			0em;
}
.ui-corner-all {
	-moz-border-radius: 	0em;
	-webkit-border-radius: 	0em;
	border-radius: 			0em;
}

.content_text { color: #333333; font-size: 0.75em; line-height:100%; font-weight:normal; padding: 10px 0 0 0;}

#select-choice-1 option , #select-choice-2 option, #select-choice-3 option, #select-choice-4 option {color: #606060;}

#result_one, #result_two, #result_three {margin-left: 0px; margin-right: 0px;  background-color:#FFFFFF;}
#input_one, #input_two, #input_three {margin: 0px 10px;}
.result_table {border-spacing: 0px; border:none; border-collapse: collapse;}
.result_table .data 	{color: #7A7A7A; font-size: 0.75em; font-weight:bold; }
.result_table .data1 {color: #7A7A7A; font-size: 0.75em; font-weight:bold;}
.result_table .label {color: #AAA; font-size: 0.75em; font-weight:normal;}
.result_table .title {color: #333333; font-size: 0.75em; background: #ECF5FA; float:left; padding-top:0px; color: #19689D; font-weight:bold;}
.result_table tr:nth-child(even) 	td {background: #FFFFFF; line-height: 0.9em; padding-left: 0em; padding-top: 0em; padding-bottom: 0em; }
.result_table tr:nth-child(odd)  	td {background: #FFFFFF; line-height: 0.9em; padding-left: 0em; padding-top: 0em; padding-bottom: 0em; }
.result_table tr:nth-child(1)    	td {background: #ECF5FA; padding-top: 0.7em; padding-bottom: 0.7em; padding-left: 0em; vertical-align:bottom; color: #19689D; font-weight:bold;}
.share_btn  {cursor: pointer; float:right; padding-right: 15px;}

.result_btn_div .ui-mini .ui-btn-inner,.result_btn_div  .ui-btn-inner {
	font-size: 0.95em;
	font-weight: bold;
	color: #FFFFFF;
}
.scroll_div {
	overflow-y:hidden; 
	overflow-x:hidden; 
	max-height:300px; 
	height:300px;	
}
.nano .pane   { background: #FFF; }
.nano .slider { background: #606060; }

.result_btn_div {
	margin-left:10px;
	margin-right:10px;
}

#footer_table {line-height:80%; margin-left: 0px; }
.download_div {line-height:80%; margin-left: 0px;}
 
.ui-body-c .ui-link, .ui-body-c .ui-link:visited {color:#17669E; font-weight: normal;}
.ui-bar-c a.ui-link, .ui-bar-c a.ui-link:visited {font-weight: normal; color: #2489CE;}
a.download_link2, a.download_link3, .download_link { color: #17669E; font-weight:normal; font-size: 0.72em; text-decoration: none;}
a.download_link2:visited, .download_link:visited  { color: #17669E;}
a.download_link3, a.download_link3:visited { color: #2489CE;}
a.download_link2{ font-weight:normal;}
a.download_link2:hover, a.download_link3:hover    { color: #F1FBF0;}
a.download_link2 {padding: 0 5px;}
a.download_link3, .download_link {padding: 0 0px;}
.download_link { cursor: pointer; cursor: hand;}
.disclaim {color: #333333; font-weight:normal; font-size: 0.7em;}
a.disclaim_link.ui-link, a.disclaim_link.ui-link:visited{font-weight:normal; color:#19689d; text-decoration:none;}

/* Error Message Box */
#popupbody {background-color:#FFF0F5; padding: 25px 0px 25px 0px; width:170px; border:0;}
#err_body { color: #606060; font-size: 0.9em; text-align: center; font-weight: bold; padding: 0 5px 15px 5px;}
#ok_btn_div {text-align:center;}

/* Waiting Message Box */
#wait_popupbody {background-color:#FFF0F5; padding: 25px 0px 25px 0px; width:170px; border:0;}
#wait_err_body { color: #606060; font-size: 0.9em; text-align: center; font-weight: bold; padding: 0 5px 15px 5px;}


.action_btn_div .ui-mini .ui-btn-inner, .action_btn_div  .ui-btn-inner {
	font-size: 0.9em;
	font-weight: bold;
	color: #FFFFFF;
/*	margin: 15px 0px 5px 0px;*/
}

.ui-icon-plus, .ui-icon-minus {
	background: 						#FFF; 
	opacity: 0;
	filter: Alpha(Opacity=0);		
	display: none;
}

.ui-icon { height: 27px; width:27px; margin-right: 0px;}
.ui-icon-arrow-d {

	-moz-border-radius: 				0em;
	-webkit-border-radius: 				0em;
	border-radius: 						0em;
	background: 						#0065A8; 
	background: 						rgba(0,101,168,1);
	background-image: 					url(../images/icons-18-white1.png); 
	background-repeat: 					no-repeat;	
	background-position: 				-212px 2px;		
}

/* Action and Result Button */
.ui-btn-up-b, .ui-btn-hover-b {
	border: 				0px;
/*	background: 			#25A92F;*/
	background: 			#0079CA /*{b-bup-background-color}*/;
	color: 					#FFFFFF;
	font-weight: 			normal;
	text-shadow: 			none;
/*	background-image: 		none;*/
	-moz-border-radius: 	0.2em;
	-webkit-border-radius: 	0.2em;
	border-radius: 			0.2em;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #0079CA /*{b-bup-background-start}*/), to( #02548C /*{b-bup-background-end}*/)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient( #0079CA /*{b-bup-background-start}*/, #02548C /*{b-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #0079CA /*{b-bup-background-start}*/, #02548C /*{b-bup-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient( #0079CA /*{b-bup-background-start}*/, #02548C /*{b-bup-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient( #0079CA /*{b-bup-background-start}*/, #02548C /*{b-bup-background-end}*/); /* Opera 11.10+ */
	background-image:         linear-gradient( #0079CA /*{b-bup-background-start}*/, #02548C /*{b-bup-background-end}*/);	
    filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#0079CA', endColorstr='#02548C'); /* IE6 & IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#0079CA', endColorstr='#02548C')"; /* IE8 */
	zoom: 1;
}
/* Input textbox, header, footer */
.ui-btn-up-c, .ui-btn-hover-c {
	border: 			1px solid #CCC; 
	background: 		#E6E8E7;
	font-weight: 		bold;
	color: 				#00FF00;
	text-shadow: 		0 1px 0 white;
	background-image: 	none;
}

/* Collapsible Background */
.ui-input-text .ui-body-c, .ui-body-c {
	border: 			1px solid #CCC;
	color: 				#CCCCCC;
	text-shadow: 		0 1px 0 white;
	background: 		#FFFFFF;
	background-image: 	none;
}

/* Select dropdown boxes */
.ui-btn-up-d, .ui-btn-hover-d {
	font-weight:		normal;
	background: 		#FFFFFF;
	text-shadow: 		0 1px 0 white;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #FFFFFF /*{b-bup-background-start}*/), to( #DDDDDD /*{b-bup-background-end}*/)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient( #FFFFFF /*{b-bup-background-start}*/, #DDDDDD /*{b-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #FFFFFF /*{b-bup-background-start}*/, #DDDDDD /*{b-bup-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient( #FFFFFF /*{b-bup-background-start}*/, #DDDDDD /*{b-bup-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient( #FFFFFF /*{b-bup-background-start}*/, #DDDDDD /*{b-bup-background-end}*/); /* Opera 11.10+ */
	background-image:         linear-gradient( #FFFFFF /*{b-bup-background-start}*/, #DDDDDD /*{b-bup-background-end}*/);	
	border: 			1px solid #CCC;
    filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FFFFFF', endColorstr='#DDDDDD'); /* IE6 & IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FFFFFF', endColorstr='#DDDDDD')"; /* IE8 */
	zoom: 1;	
}

.ui-content {
	border-width: 	0px;
	overflow: 		visible;
	overflow-x: 	hidden;
	padding: 		0px;
	padding-bottom: 0px;
}

#col1, #col2, #col3{
	background-color: #ECF5FA;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;	
	border-bottom:0px solid #CCCCCC;
	background-color: white;
	background-image: url(../images/shadow_bott.png);
	background-position: 0% 100%;
	background-repeat: repeat-x;		
}

.up-shadow{
	background-image: url(../images/shadow_top.png);
	background-position: 0% 0%;
	background-repeat: repeat-x;		
	padding-top: 10px;
} 

.ui-header {
	background:		#D6D8D5;	
	border-right: 	1px solid #CCCCCC;
	border-top: 	0px solid #CCCCCC;
	border-left: 	1px solid #CCCCCC;	
	border-bottom:  1px solid #CCCCCC;	
	width: auto;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #FFFFFF /*{b-bup-background-start}*/), to( #D6D8D5 /*{b-bup-background-end}*/)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient( #FFFFFF /*{b-bup-background-start}*/, #000000 /*{b-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #FFFFFF /*{b-bup-background-start}*/, #D6D8D5 /*{b-bup-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient( #FFFFFF /*{b-bup-background-start}*/, #D6D8D5 /*{b-bup-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient( #FFFFFF /*{b-bup-background-start}*/, #D6D8D5 /*{b-bup-background-end}*/); /* Opera 11.10+ */
	background-image:         linear-gradient( #FFFFFF /*{b-bup-background-start}*/, #D6D8D5 /*{b-bup-background-end}*/);	
    filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FFFFFF', endColorstr='#000000'); /* IE6 & IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FFFFFF', endColorstr='#000000')"; /* IE8 */
	zoom: 1;	
		
}

.ui-footer{ 
	border-right: 	1px solid #CCCCCC;
	border-top:		0px solid #CCCCCC;
	border-left: 	1px solid #CCCCCC;	
	border-bottom:  1px solid #F3F3F3;
	background:		#FFFFFF;
	bottom: auto;	
}

.ui-collapsible-inset .ui-collapsible-heading .ui-btn {
	border-right-width:  0px;
	border-left-width: 	 0px;
	border-top-width: 	 1px;
	border-bottom-width: 1px;
	border-top:  1px solid #fff;
	border-bottom: 1px solid #ccc;
	background-color: #D6D8D5;
	
	background-image: -webkit-gradient(linear, left top, left bottom, from( #FFFFFF /*{b-bup-background-start}*/), to( #D6D8D5 /*{b-bup-background-end}*/)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient( #FFFFFF /*{b-bup-background-start}*/, #D6D8D5 /*{b-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #FFFFFF /*{b-bup-background-start}*/, #D6D8D5 /*{b-bup-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient( #FFFFFF /*{b-bup-background-start}*/, #D6D8D5 /*{b-bup-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient( #FFFFFF /*{b-bup-background-start}*/, #D6D8D5 /*{b-bup-background-end}*/); /* Opera 11.10+ */
	background-image:         linear-gradient( #FFFFFF /*{b-bup-background-start}*/, #D6D8D5 /*{b-bup-background-end}*/);	
    filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FFFFFF', endColorstr='#D6D8D5'); /* IE6 & IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FFFFFF', endColorstr='#D6D8D5')"; /* IE8 */
	zoom: 1;	
	
}

.ui-collapsible-content  { 
	padding: 0px 0px 6px 0px; 
}

.ui-collapsible-heading .ui-btn-inner, .ui-collapsible-heading .ui-btn-icon-left .ui-btn-inner { 
 padding-left: 5px; border-top: 0px;
}
.ui-collapsible-set { margin: 0px; }
.ui-collapsible-set .ui-collapsible { margin: 0px;}
.ui-collapsible-heading-toggle { padding: 0.2em 0 0 0;}
.ui-mini { margin-top: 0.5em; margin-bottom: 0.5em; }

#iban, #scbaccount { padding: 0.4em 0 0.4em 10px;}
.ui-mini .ui-btn-inner, .ui-btn-inner   {font-size: 0.7em; color: #888; white-space: nowrap; padding:.4em .2em .4em .7em; text-overflow:clip; border-top: 0px;}
input.ui-mini, .ui-mini input, textarea.ui-mini { font-size: 0.7em;}
/* To fix IE missing right border problem */
input.ui-mini.ui-input-text 
{
margin-right: -2px;
background: 		#FFFFFF;
background-image: -webkit-gradient(linear, left top, left bottom, from( #FFFFFF /*{b-bup-background-start}*/), to( #DDDDDD /*{b-bup-background-end}*/)); /* Saf4+, Chrome */
background-image: -webkit-linear-gradient( #FFFFFF /*{b-bup-background-start}*/, #DDDDDD /*{b-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */
background-image:    -moz-linear-gradient( #FFFFFF /*{b-bup-background-start}*/, #DDDDDD /*{b-bup-background-end}*/); /* FF3.6 */
background-image:     -ms-linear-gradient( #FFFFFF /*{b-bup-background-start}*/, #DDDDDD /*{b-bup-background-end}*/); /* IE10 */
background-image:      -o-linear-gradient( #FFFFFF /*{b-bup-background-start}*/, #DDDDDD /*{b-bup-background-end}*/); /* Opera 11.10+ */
background-image:         linear-gradient( #FFFFFF /*{b-bup-background-start}*/, #DDDDDD /*{b-bup-background-end}*/);	
filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FFFFFF', endColorstr='#DDDDDD'); /* IE6 & IE7 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FFFFFF', endColorstr='#DDDDDD')"; /* IE8 */
zoom: 1;	
} 

/* Dropdown options */
.ui-select .ui-btn select { font-size: 0.7em; color: #606060;}

/* Right dropdown Box arrow */
.ui-btn-icon-left > .ui-btn-inner > .ui-icon, .ui-btn-icon-right > .ui-btn-inner > .ui-icon {
	position: absolute;
	top: 0%;
	margin-top: 0px;
}
.ui-select .ui-mini.ui-btn-icon-right .ui-icon, .ui-select .ui-btn-icon-right .ui-icon { right: 0px;}

.action_btn_div  .ui-btn-inner, .result_btn_div  .ui-btn-inner  {color:#FFFFFF;}

/* Dropdown Box */
.ui-select .ui-btn { 
	overflow: visible; 
	opacity: 1; 
	text-align: left; 
	padding-left: 0px;
	border-radius: 0em;	
}

/* Shadow of input fields */
.ui-shadow { /* dropdown */
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.ui-shadow-inset { /*input box*/
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.ui-focus, .ui-btn:focus {
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.ui-input-text.ui-focus, .ui-input-search.ui-focus {
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}
#waiting {
	position:absolute; 
	top:0; 
	left:0; 
	width:100%; 
	height:100%; 
	background:white; 
	filter: Alpha(Opacity=50);	
	opacity:0.5; 
	z-index:1000;
}
.ui-body-a, .ui-overlay-a {
	background:#666;
}
.swift_disclaim {line-height:130%; font-size:0.6em; color:#111;-webkit-transform:scale(0.77,0.77);-webkit-transform-origin-x:0;-webkit-transform-origin-y:0;}
.swift_disclaim > ul {padding:0; margin:5px 0 0 35px;}
.swift_disclaim > ul > li { margin-left:-20px; font-weight:normal;}

#important_notice {font-size:0.7em;-webkit-transform:scale(0.88,0.88);-webkit-transform-origin-x:0;-webkit-transform-origin-y:0}
/* Redundant - to be removed (START) */
/*.ui-select { text-align: left; } */
/*input.ui-input-text.ui-mini, textarea.ui-input-text.ui-mini {margin: 1em -15px 1em 0;}*/
/*input.ui-input-text, textarea.ui-input-text {width:100%;}*/
/*
.ui-bar-c {
	border: 			1px solid #FFFFFF;
	background: 		#E6E8E7;
	color: 				#CCCCCC;
	font-weight: 		bold;
	text-shadow: 		0 1px 1px white;
	background-image: 	none;
}*/
/* Redundant - to be removed (END) */


/********************************************************/
/* 			Adjustment for mobile 						*/
/********************************************************/
/*
@media 	screen and (min-width:250px) and (max-width:630px),
screen and (min-width:250px) and (max-height:630px)
{
#titlebar tr:nth-child(1) td:nth-child(1) {height:70px; width:250px;}
}
*/