@charset "UTF-8";
/* Hang Seng Bank Tablet/Desktop Document */

/* ------------------------------------------------- */
/* Common Styles ----------------------------------- */
/* ------------------------------------------------- */

/* Typography -------------------------- */
body{
	margin:0;
	padding:0;
	width:100%;
	font-size:12px; 
	font-family:Arial, Helvetica, sans-serif;
	-webkit-text-size-adjust:100%;	
	background: #FBFBFB;
	border:0;
}



div {
	-webkit-box-sizing: border-box;
	box-sizing:border-box;
}

p{
	font-family:Arial, Helvetica, sans-serif;
}
h1,h2,h3,h4,h5,h6,p,a{
	margin:0;
	padding:0 0 0 0;
	line-height:1.3em;
}
h1,h2,h3,h4,h5,p,li,td{
	color:#000;
}
a{
	cursor: pointer;
	text-decoration:none;
}

.textLink{
	color:#4086c7;
	text-decoration:underline;
}
img{border:0;}

.mibbluelink{
	text-decoration:underline;
}

.red{color:#E00;}
.grey{color:#000;}
.darkgrey{color:#666;}
.orange {color:orange;}
.green {color:green;}
.blue {color:#0085cf;}
.lightblue {color:#3d82c1;}
.white{color:#FFF;}

.text-shadow{text-shadow:0 -1px 1px rgba(0,0,0,0.3);}
.text-highlight{text-shadow:1px 1px 2px #FFF}

.small { font-size:11px; }
.normal { font-size:12px; }

.bold { font-weight:bold; }
.underline { text-decoration:underline; }

.spacing { padding-bottom:12px; }
.padding-box {padding:10px;}
.padding-box-5 {padding:8px 10px;}
.padding-v-box {padding:10px 0;}
.padding-box-h{padding-left:10px;padding-right:10px;}
.padding-right-20{padding-right:20px;}
.padding-right-20i{padding-right:20px !important;}
.padding-left-7i {padding-left: 7px !important;}
.padding-right-15i{padding-right:15px !important;}

.noBorder{border:none !important;}
	
.cLandscape {}
.cPortrait {}

.right { float:right; }
.left { float:left; }
.center {text-align:center;}

.align-right{text-align:right;}

.border-top{border-top:1px solid rgba(255,255,255,0.8);}
.border-liteGrey-top{border-top:1px solid rgba(0,0,0,0.2);}
.border-bottom{border-bottom:1px solid rgba(0,0,0,0.2);}

.border-bottom-lightGrey{border-bottom:1px solid rgba(0,0,0,0.1) !important;}

.shadow-top{
	height:5px;
	background:-webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0.00, rgba(0,0,0,0.1)),
	color-stop(1.00, rgba(0,0,0,0))
	);
}

.bar-black{
	position:relative;
	padding:3px 10px;
	background:-webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0.00, #333),
	color-stop(1.00, #222)
	);
	border-top:1px solid #666;
	border-bottom:1px solid #000;
}

.bar-green-shadow{
	position:relative;
	background:-webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0.00, rgba(0,0,0,0.3)),
	color-stop(0.20, rgba(0,0,0,0)),
	color-stop(1.00, rgba(0,0,0,0.1))
	), #87CA18;
}

.shadow-box{
	margin-bottom:5px;
	-webkit-box-shadow:0 2px 3px rgba(0,0,0,0.4);
}

.text_a {
	text-decoration:underline;
	color:#4087c9;
	font-weight:bold;
}

.textLink1{
	color:#3d82c1;
	font-weight:bold;
	text-decoration:underline;
	cursor:pointer;
}

.textLink2{
	color:red;
	font-weight:bold;
	text-decoration:underline;
	cursor:pointer;
}
/* Form -------------------------- */

.form-tableGroup{
	margin-bottom:10px;
	border-bottom:1px solid #CCC;
}
.form-radioGroup {
	display:table;
}
.form-radioGroup>* {
	display:table-cell;
	vertical-align:text-top;
}
select.dropDownMenu{
	display:block;
	font-size:14px;
	width:100%;
	padding:0px;
	margin-top:3px;
	margin-bottom:8px;
}
select.dropDownMenu1{
	display:block;
	font-size:14px;
	width:100%;
	padding:0px;
	margin-bottom:1px;
}
input{
	margin:0;
	padding:0;
}

input[type="text"], input[type="tel"], input[type="password"]{
	margin:6px 4px 0 0;
	padding:4px;
	width:97%;
	font-size:12px;
	line-height:18px;
	border:1px solid #999;
	border-radius:5px;
	-wap-input-format: "N";
	-webkit-box-shadow: 0 0 3px #AAA;
}

input[type="tel"].inline, input[type="text"].inline {
	width:50%;
	vertical-align:middle;
	margin-bottom:3px;
}

input[type="tel"].short, input[type="text"].short { width:40%; } 	/*<- New, Also support input[type="text"] */
input[type="tel"].tiny, input[type="text"].tiny { width:auto; }  	/*<- New, Also support input[type="text"] */


input[type="radio"]{
	width:20px;
	height:20px;
	border-radius:10px;
	vertical-align:middle;
	margin:4px 5px 4px 0px;
}
select{
	margin:0 2.5% 0 0;
	padding:3px 2% 0 0;
	width:95.5%;
	font-size:14px;
}
.form-label{
	vertical-align:middle;
}


/* Account Dropdown */
.dropDown-box-table{
	margin:0 auto;
	font-size:12px;
}

.dropDown-box-table th{
	padding:15px 10px;
	border-bottom:1px solid #CCC;
	background:#DDD;
	color:#333;
	text-align:left;
	font-weight:bold;
}

.dropDown-box-table th.leftCell{border-left:1px solid #CCC;}
.dropDown-box-table th.rightCell{border-right:1px solid #CCC;}

.dropDown-box-table tr:hover td{background:#F8F8F8;}

.dropDown-box-table tr.selected td{background:#daf3b2;cursor:default;}

.dropDown-box-table td{
	padding:10px;
	color:#333;
	border-bottom:1px solid #CCC;
	cursor:pointer;
}
.dropDown-box-table tr:last-child>td{
	border-bottom:none;
}
.box-common-1{
	padding:0px 0;
	-webkit-border-radius:0 0 5px 5px;
	background:#FFF;
}

.boxOpened{
	display:block;
}

.boxClosed{
	top:9999px;
	display:none;
}

.ui-dropDown-set{}

.ui-dropDown-btn{
	display:table;
	margin:4px 0 0 0;
	padding: 5px 10% 5px 10px;
	line-height:18px;
	width:100%;
	background:#EEE url(../images/ui-dropDown-icon.png) right center no-repeat;
	background-size: 30px 80px;
	-webkit-box-shadow: 0 0 3px #AAA;
	-webkit-border-radius:5px;
	border:1px solid #999;
	cursor:pointer;
	-khtml-user-select:none;
}

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
	.ui-dropDown-btn{
		background:#EEE url(../images/ui-dropDown-icon@2x.png) right center no-repeat;
		background-size: 30px 80px;
	}
}

.ui-dropDown-box{
	position:absolute;
	padding:5px;
	padding-top:0;
	top:20px;
	left:20px;
	width:300px;
	background:#EEE;
	-webkit-border-radius:0 0 5px 5px;
	border: 1px solid #666;
	border-top:none;
	-webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.4);
	opacity:1;
	z-index:99999;
	-webkit-transform-origin: 50% 0;
	-webkit-transition-property:-webkit-transform, opacity;
	-webkit-transition-duration: 0.5s;
	-webkit-transition-timing-function: ease-out;
}

#overlayBG, #servNav-BG{
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100px;
	background:rgba(0,0,0,0.6);
	z-index:9999;
}

#servNav-BG{background:rgba(0,0,0,0.5);}

/* Button */
.btn{
	display:inline-block;
	cursor:pointer;
	border-radius:10px;	
	-webkit-border-radius:10px;
	border: 0;
}
.btn>p {
	font-size:11px;
	font-weight:bold;
	text-align:center;
	width:100%;
	margin:0px;	
	padding:0px;
}



.btn-full{
	margin:0 3% !important;
	padding:10px 0 !important;
	width:94% !important;
}

.btn-two{
	margin:0 3% !important;
	padding:10px 0 !important;
	width:42% !important;
}

.btn-darkgrey{
	font-size:10px;
	font-weight:bold;
	text-align:center;
	line-height:10px;
	padding:8px 10px;		
	background:-webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0.00, #a6a7a6),
	color-stop(1.00, #848484)
	),#666;
	color:#FFF;
	border-top:1px solid rgba(0,0,0,0.3);
	border-bottom:1px solid rgba(255,255,255,0.4);	
	text-shadow:0px -1px 1px rgba(0,0,0,0.3);	
	border-radius: 4px;    
	-webkit-border-radius:4px;	
}
.btn-green {
	background:-webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0.00, #96dd20),
	color-stop(1, #67a602)
	);
	cursor:pointer;
	-webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.5);	
	text-shadow:0px -1px 1px rgba(0,0,0,0.4);			
}
.btn-grey-blue, .btn-grey-blue-small, .btn-grey-blue-tiny, .btn-grey-blue-long, .btn-grey-red, .btn-grey-red-tiny, .btn-grey-green, .btn-grey-orange .btn-grey-green-long{
	background:-webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0.00, rgba(238,238,238,1)),
	color-stop(1, rgba(216,216,216,1))
	);
	cursor:pointer;	
	-webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.5);	
	text-shadow:1px 1px 2px #FFF;	
}
.btn-green, .btn-grey-blue, .btn-grey-red, .btn-grey-green, .btn-grey-orange, .btn-orange{
	margin:3px;		
	padding:5px 0px;
	width:95px;
}
.btn-grey-blue-long {
	display:table;
	padding:10px 10px;
	margin:10px 0px;
	width:100%;
}
.btn-grey-blue-small {
	width:122px;
	padding:4px 0px;
}
.btn-grey-green-long {
	display:table;
	padding:10px 10px;
	margin:10px 0px;
	width:100%;
}
.btn-grey-blue-tiny, .btn-grey-red-tiny {
	width:50px;
	margin:6px 3px;
	padding:3px 0px;
}
.btn-green>p, .btn-grey-blue>p, .btn-grey-red>p, .btn-grey-green>p, .btn-grey-orange>p{
	font-size:14px;
	line-height:20px;
}

.btn-green, .btn-grey-blue, .btn-grey-red, .btn-grey-green, .btn-grey-orange{
	font-size:14px;
	line-height:20px;
	font-weight: bold;
}
.btn-green{
	color: #fff;
}



.btn-grey-blue-long>p {
	width:100%;
	font-size:13px;
	text-align:left;
}
.btn-grey-blue-small>p{
	font-size:12px;
	line-height:11px;
}
.btn-grey-blue-small>p.doublespace{
	font-size:12px;
	line-height:22px;
}
.btn-grey-blue-tiny>p, .btn-grey-red-tiny>p {
	font-size:12px;
	line-height:20px;
}
.btn-grey-blue>p, .btn-grey-blue-small>p, .btn-grey-blue-tiny>p, .btn-grey-blue-long>p{
	color:#3d82c1;
}
.btn-grey-blue, .btn-grey-blue-small, .btn-grey-blue-tiny, .btn-grey-blue-long{
	color: #3d82c1;
}
.btn-green>p{
	color:#fff;
}
.btn-grey-red>p, .btn-grey-red-tiny>p{
	color:#fa6161;
}
.btn-grey-green>p{
	color:#5e8b15;
}
.btn-grey-green{
	color:#5e8b15;
}
	
.btn-grey-orange>p{
	color:#f08303;	
}
.btn-grey1{
	background:-webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0.00, rgba(255,255,255,0.4)),
	color-stop(1.00, rgba(255,255,255,0.0))
	),#666;
	color:#FFF;
}
.btn-logoff{
	padding:7px 8px;
	background:-webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0.00, rgba(255,255,255,0.4)),
	color-stop(1.00, rgba(255,255,255,0.0))
	),#666;
	color:#FFF;
}
#btn-login{
	position:absolute;
	top:6px;
	right:10px;
	text-shadow:0px -1px 1px rgba(0,0,0,0.3);	
}
.btn-panel, .btn-panel2 {
	padding:10px 0px;
	text-align:center;
}
.btn-panel2>a {
	width:35%;
}
.btn-grey-blue-long span {
	display:block;
	float:right;
	width:15px;
	height:15px;
	margin:2px 0 0 0;
}
.btn-grey-blue-long span.open {
	background:url(../images/arrow-set.png) no-repeat;
	background-position:-30px -60px;
}
@media all and (-webkit-min-device-pixel-ratio: 1.5) {
	.btn-grey-blue-long span.open {
		background:url(../images/arrow-set@2x.png) 0 0 no-repeat;
		background-size:60px 90px;
		background-position:-30px -60px;
	}
}
.btn-grey-blue-long span.close {
	background:url(../images/arrow-set.png) no-repeat;
	background-position:0px -60px;
}
@media all and (-webkit-min-device-pixel-ratio: 1.5) {
	.btn-grey-blue-long span.close {
		background:url(../images/arrow-set@2x.png) 0 0 no-repeat;
		background-size:60px 90px;
		background-position:0px -60px;
	}
}
.btn-grey-blue-long > div {
	background-color:#fff;
	-webkit-border-radius:4px;
	-webkit-box-shadow:inset 1px 3px 3px rgba(0,0,0,0.5);	
	padding:7px;
	margin:10px 0 0 0;
	font-weight:normal;
}
.btn-grey-blue-long > div > p, {
	font-size:12px;
	font-weight:normal;
	text-align:left;
}

.btnSet-2btn{
	width:100%;
	min-height:30px;
	overflow:hidden;
}

.btn-tab-green-pressed, .btn-tab-green-unpressed{
	display:block;
	float:left;
	padding:10px 0;
	width:50%;
	color:#FFF;
	text-shadow: 0 -1px 1px rgba(0,0,0,0.3);
	font-size:13px;
	font-weight:bold;
	text-align:center;
}

.btn-tab-green-unpressed{
	background:-webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0.00, #9ae222),
	color-stop(1.00, #76b610)
	);
	cursor:pointer;
}

.btn-tab-green-pressed{
	background:-webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0.00, #74bf23),
	color-stop(1.00, #4c7b1a)
	);
	-webkit-box-shadow:inset 0 3px 4px rgba(0,0,0,0.5);
}

/* Dialog box */
#overlay {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	background:#000;
	opacity:0.5;
	z-index:9999;
}
.dialog, .dialog2 {
	position:absolute;
	top:0;
	left:0;
	width:80%;
	margin:0px auto;
	z-index:10000;
}
.dialog2 {
	padding:10px;
	width:78%;
	background:-webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0.00, #F8F8F8),
	color-stop(1.00, #EEE)
	);
	border:1% solid #FFF;
	border-radius:4px;
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.5);
}
.dialog-text {
	margin:10px;
	padding:10px;
	background:#fff;
	-webkit-border-radius:3px;
}
.dialog-text>input {
	margin:2px auto;
	width:95%;
}
.dialog-btn {
	margin-top:5px;
	text-align:center;
}
.dialog-text>h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;	
	margin:0px;
	padding:2px 0px;	
}
.dialog-text>p {
	font-size:12px;		
}
.dialog-close {
	position:absolute;	
	height:25px;
	width:25px;
	cursor:pointer;
	background:url(../images/icon-close.png) no-repeat;
}
@media all and (-webkit-min-device-pixel-ratio: 1.5) {
	.dialog-close {
		height:25px;
		width:25px;
		cursor:pointer;
		background:url(../images/icon-close@2x.png) no-repeat;
		background-size: 25px 25px;
	}
}

.dialog2 H1{
	margin:0;
	padding-bottom:10px;
	font-size:16px;
	color:#599123;
	text-shadow:1px 1px 2px rgba(255,255,255,0.8);
}

.dialog2 UL{
	margin:0;
	padding:10px 0 10px 20px;
	font-size:1em;
	text-shadow:1px 1px 2px rgba(255,255,255,0.8);
}

.dialog2 LI{
	margin-bottom:0.5em;
	color:#599123;
}

/* Navigation bar */
.navBar {
	border-top:1px solid #fff;
	border-bottom:1px solid #ccc;
	background:-webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0.00, #f5f5f5),
	color-stop(0.5, #e3e3e3)
	),#e3e3e3;
	-webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.5);
	cursor:pointer;	
	padding:13px 15px;
	color:#666;
	font-size:13px;
	line-height:14px;
}
.navBar-arrow {
	height:15px;
	width:15px;
	margin:auto 0px;
	float:right;
	background:url(../images/arrow-set.png) left no-repeat;
	background-position:-15px -15px;
 }	
@media all and (-webkit-min-device-pixel-ratio: 1.5) {
	.navBar-arrow {
		height:15px;
		width:15px;
		margin:auto 0px;
		float:right;
		background:url(../images/arrow-set@2x.png) left no-repeat;
		background-size: 60px 90px;
		background-position:-15px -15px;
	}
}
.green-navBar {
	background:-webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0.00, #9ae222),
	color-stop(1.00, #76b611)
	);
	cursor:pointer;	
	padding:14px 15px;
	color:#fff;
	font-size:14px;
	line-height:14px;
	text-shadow:0px -1px 1px rgba(0,0,0,0.4);
	font-weight: bold;
}
.green-navBar-arrow {
	height:15px;
	width:15px;
	margin:auto 0px;
	float:right;
	background:url(../images/arrow-set.png) left no-repeat;
	background-position:-15px -0px;
 }	
@media all and (-webkit-min-device-pixel-ratio: 1.5) {
	.green-navBar-arrow {
		height:15px;
		width:15px;
		margin:auto 0px;
		float:right;
		background:url(../images/arrow-set@2x.png) left no-repeat;
		background-size: 60px 90px;		
		background-position:-15px -0px;
	}
}
.white-navBar {
	padding:5px 15px 6px 20px;
	border-top:1px solid #666;	
	background-color:#fff;
}
.white-navBar p {
	line-height:28px;
	color:#4087c9;
	font-size:13px;
}
.white-navBar-arrow {
	height:15px;
	width:15px;
	margin:7px 0 0 0;
	float:right;
	background:url(../images/arrow-set.png) left no-repeat;
	background-position:-15px -60px;
}	
@media all and (-webkit-min-device-pixel-ratio: 1.5) {
	.white-navBar-arrow {
		height:15px;
		width:15px;
		margin:7px 0 0 0;
		float:right;
		background:url(../images/arrow-set@2x.png) left no-repeat;
		background-size: 60px 90px;
		background-position:-15px -60px;
	}
}

/* Important note bar */
.notice {
	border-top:1px solid #666;
	border-bottom:1px solid #666;
	padding:5px 15px 6px 20px;
	background-color:#fff;
	/*height:30px;*/
}
.notice>p {
	color:#4087c9;
	line-height:14px;
	font-size:13px;
}
.notice-arrow {
	height:15px;
	width:15px;
	margin:7px 0 0 0;
	float:right;
	background:url(../images/arrow-set.png) left no-repeat;
	background-position:-15px -60px;
}	
@media all and (-webkit-min-device-pixel-ratio: 1.5) {
	.notice-arrow {
		height:15px;
		width:15px;
		margin:7px 0 0 0;
		float:right;
		background:url(../images/arrow-set@2x.png) left no-repeat;
		background-size: 60px 90px;
		background-position:-15px -60px;
	}
}

#footer {
	text-align: center; 
	padding: 11px 0; 
	font-size: 10px;
}
#menufooter {
	text-align: center; 
	padding: 11px 0; 
	font-size: 10px;
}


/* >>> END Common Styles --------------------------- */


/* Motion */
#motionBtn{
	display:none;
}

#gyroscopePanel{
	position:absolute;
	top:38px;
	z-index:1000;
	border:1px solid #64ac00;
	background:#64ac00;
		
	width:260px;
	left:0px;
	text-align:center;
	display:none;
	padding: 1px;
	border-radius: 5px;
}

#gyroscopePanelInner{
	background:white;
	margin: 1px;
}

#gyroscopePanelDataTable{
	border-collapse:collapse;
	padding:5px;
	text-align: left;
}

#gyroscopePanelDataTable td{
	border-bottom:1px solid #bbb8b8; 
	padding-right:1px;
}

#gyroscopePanelInner p{
	background:#E3E1E1;
	padding: 10px 0 0 0 ;
	border-bottom:1px solid #bbb8b8;
	height:35px;
	/*width:258px;*/
	
	color: #333;
	text-shadow:1px 1px 2px #FFF, 0 -1px 1px rgba(0, 0, 0, 0.2);
	font-size: 1.5em;
	font-weight: bold;
}

.gyroscope-btn-grn{
	margin:0 3px;
	float:left;
}

.gyroscope-btn-grn a{
	display:block;
	margin:0;
	padding: 7px 0 0 0 ;
	width:80px;
	height:24px;
	font-weight:bold;
	text-align:center;
	cursor:pointer;
	color:white;
	background:#71bf00;
	background: -webkit-gradient(linear, left top, left bottom, from(#93e800), to(#589d00));
	text-shadow:0px -1px #3e6417;
	border-radius: 7px;
	font-size:12pt;
}

.gyroscope-btn-grey{
	margin:0 3px;
	float:left;
}

.gyroscope-btn-grey a{
	display:block;
	margin:0;
	padding: 7px 0 0 0 ;
	width:80px;
	height:24px;
	font-weight:bold;
	text-align:center;
	cursor:pointer;
	color:#e56b6d;
	background:#e2e2e2;
	text-shadow:1px 1px 2px #FFF;
	border-radius: 7px;
	font-size:12pt;
}

.gyroscope-desc{
	font-size:12px;
	color:#000;
}
.gyroscope-desc-title{
	font-weight:bold;
	color:#000;
}
.gyroscope-checkbox{
	width:30px;
	height:30px;
}


/* ------------------------------------------------- */
/* Override Styles --------------------------------- */
/* ------------------------------------------------- */
.noBorder{border:none !important;}
.noBorder a{border:none !important;}
.noVertBorder{border-top:none !important; border-bottom:none !important;}
.noVertBorder a{border-top:none !important; border-bottom:none !important;}
.noBackground {background:none !important;}
.noVertMargin {margin-top:0 !important;margin-bottom:0 !important;}
.noMargin {margin:0 !important;}
.nohorizontalMargin {margin-left:0 !important;margin-right:0 !important;}

.noPaddingTop{padding-top:0 !important;}

/* >>> END Override Styles ------------------------- */


/* start 2011-10-15 Travis Customer Authentication Phase 1*/
.lightgrey{color:#8f8f92;}

.darkergrey{color:#333;}

.green2 {color: #5a8c00;}

.green3 {color: #598d2b;}

.spacing-20 { padding-bottom:20px;}

.clear {clear: both;}

.hidden {display: none;}

.smartTips {
	font-weight:normal;
}

.btn-grey-green-long {
	display:table;
	padding:10px 10px;
	margin:10px 0px;
	width:100%;
}

.btn-grey-green-long>p{
	color:#5e8b15;
}

.dialog-header {
	background: #E3E1E1;
	width: 100%;
	height: 30px;
}

.noPadding {padding:0 !important;}

.noPaddingBottom{padding-bottom:0 !important;}

.noBorderTop {border-top:0 !important;}

.white-navBar2 {
	padding:5px 15px 6px 20px;
	border-top:1px solid #666;	
	border-bottom:1px solid #666;	
	background-color:#fff;
}
.white-navBar2 p {
	line-height:28px;
	color:#4087c9;
	font-size:13px;
}

.btn5-green2-white a {
	display:block;
	padding: 7px 0 0 0;
	margin:10px;
	width:213px;
	height:26px;
	font-weight:bold;
	font-size:14px;
	text-align:center;
	cursor:pointer;
	color:#FFF;
}

.btn5-green2-white a{
	background:url(../images/btn-set5.png) 0px -240px no-repeat;
	text-shadow:0px -1px 1px #0d5373;
}

/* end 2011-10-15 Travis Customer Authentication Phase 1*/
.big-checkbox {
	-webkit-transform: scale(1.8,1.8);margin-right:7px;margin-top:5px;
}

/* 13 Apr 2012 Project Winnie Enhancement */

/* Table common styles*/
TABLE{border-spacing:0;}
.alignMiddle>TD{vertical-align:middle;}
TABLE .pos,TABLE .pos>font{color:#5A8C00;}
TABLE .neg,TABLE .neg>font{color:#E00;}

/* Table (dataTable) */
.dataTable{margin:0; padding:0; width:100%;-webkit-user-select:none;text-align:left;}
.dataTable TH{
	margin:0; /* Height Review */ /*padding:10px;*/ padding:5px 10px;
	background:#87CA18;
	color:white; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3); 
	border-top:1px solid #CCC;
	font-weight:normal;
}
.dataTable TR.shadow>TH{
	background:-webkit-gradient( 
	linear,
	left top, left bottom,
	color-stop(0.00, rgba(0, 0, 0, 0.3)),
	color-stop(0.20, transparent),
	color-stop(1.00, rgba(0, 0, 0, 0.1))
	), #87CA18;
}
.dataTable TR.greyRow>TH{background:#EEE; border-left:1px solid white; border-right:1px solid #CCC; color:#000; text-shadow:1px 1px 2px white;}
.dataTable TR.redRow>TH{background:#EFC8C8; border-left:1px solid white; border-right:1px solid #CCC; color:#333; text-shadow:1px 1px 2px white;}
.dataTable TR.blueRow>TH{background:#CDE4EF; border-left:1px solid white; border-right:1px solid #CCC; color:#333; text-shadow:1px 1px 2px white;}
.dataTable TR.orangeRow>TH{background:#FDCF92; color:#333; text-shadow:1px 1px 2px white;}
.dataTable TD{
	margin:0; /* Height Review */ /*padding:10px;*/ padding: 5px 10px;
	background:white;
	border-top:1px solid #CCC;
}
.dataTable TD>H3{/* Height Review */ /*margin:0.5em 0;*/  font-size:1em; word-break:break-all;}
.dataTable TR.ui-expandRow>TD>H3{margin-right:20px;}
.dataTable TD>P>SPAN{float:right;}
.dataTable TR.greenRow>TD{background-color:#E9F0E0;}
.dataTable TD.arrowCol{width:15px; vertical-align:middle;/* Height Review */ padding:0 5px 0 0;}
.dataTable .ui-arrow-hit{display:block; float:right; width:30px; height:30px;}
.dataTable .ui-arrow{background-position:-15px -15px; -webkit-transition-property:-webkit-transform; -webkit-transition-duration:0.3s;}
.dataTable .ui-arrow-hit.collapsed>.ui-arrow{background-position:-30px -15px; }
.dataTable .ui-arrow-hit.expanded>.ui-arrow{background-position:-30px -15px; -webkit-transform:rotate(-180deg);}
.dataTable .ui-arrow.top-right{position:absolute; top:15px; right:10px;}
.dataTable .ui-arrow.float-right{float:right; margin-top:5px;}
.dataTable .ui-arrow.collapsed{background-position:-30px -15px;}
.dataTable .ui-arrow.expanded{background-position:-30px -15px; -webkit-transform:rotate(-180deg);}
.dataTable A{color:#3D82C1; text-shadow:1px 1px 2px white;font-weight:bold; text-decoration:underline;}
.dataTable A.ui-btn{text-decoration:none;}
.dataTable .ui-arrowCol{/* Height Review */ /*width:25px;*/ width:15px;}
.dataTable .ui-hiddenRow>TD{
	border-top:0;
	background-image:-webkit-gradient( 
	linear,
	left top, left bottom,
	color-stop(0.00, rgba(0, 0, 0, 0.1)),
	color-stop(0.10, transparent),
	color-stop(1.00, transparent)
	);
}
.dataTable TD.functionRow{
	padding:5px;
	background-image:-webkit-gradient( 
	linear,
	left top, left bottom,
	color-stop(0.00, rgba(0, 0, 0, 0.2)),
	color-stop(0.10, transparent),
	color-stop(1.00, transparent)
	);
	text-align:center;
}
.dataTable TR.hide{display:none;}

/* Table (cellTable) */
.cellTable{width:100%;}
.cellTable TD{padding:2px 0; background:transparent; border:0; font-size:0.9em;}
.cellTable TD:last-child{text-align:right;}
.cellTable TR.heading>TD{font-weight:bold; font-size:1em;}
.cellTable TR.heading>TD[colspan="2"]{text-align:left;}
.cellTable TR.lvl2>TD:first-child{padding-left:1em;}

/* Table (commonTable) */
.commonTable{margin:0 auto; padding:0; width:98%;}
.commonTable TD{
	margin:0; /* Height Review */ /*padding:10px 0*/ padding:5px 0;
	border-bottom:1px solid #DDD;
	vertical-align:top;
}
.commonTable TR:last-child>TD{border-bottom:0;}
.commonTable TR.periodRow>TD{vertical-align:middle;}
.commonTable TR.periodRow>TD:first-child{width:50px;}
.commonTable H3{font-size:1em;}
.commonTable TR.alignMiddle>TD{vertical-align:middle !important;}

/* Overlay styles */
.ui-overlay{display:none;}
.ui-overlayBG{display:none; position:absolute; top:0; left:0; width:100%; background:rgba(0,0,0,0.3); z-index:9999;}

/* Buttons styles */
.ui-btn{
	display:inline-block;
	margin:0 3px; padding:8px 10px;
	min-width:80px; max-width:220px;
	background:#CCC;
	background:-webkit-gradient(  linear, left top, left bottom, color-stop( 0.00, rgba(238,238,238,1) ), color-stop( 1, rgba(216,216,216,1) )  );
	-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.3);
	border-radius:4px;
	font-size:14px; font-weight:bold; line-height:1em;
	text-align:center; text-shadow:1px 1px 2px white;
	cursor:pointer;
}
.ui-btn.short{width:80px;}
.ui-btn.bg-green{background:-webkit-gradient(linear,left top,left bottom,color-stop(0.00, #96DD20), color-stop(1, #67A602) );}
.ui-btn.bg-orange{background:-webkit-gradient(linear,left top,left bottom,color-stop(0.00, #F8C247),color-stop(1, #F68821) );}
.ui-btn.txt-white{color:white; text-shadow:0 -1px 0 rgba(0,0,0,0.5);}
.ui-btn.txt-grey{color:#666;}
.ui-btn.txt-red{color:#FA6161;}
.ui-btn.txt-green{color:#5E8B15;}
.ui-btn.txt-blue{color:#3D82C1;}

.btnStack>.ui-btn{display:block; margin:0 auto;}
.btnStack>.ui-btn+.ui-btn{margin-top:10px;}
.twoBtn{margin:0 auto; width:92%; max-width:450px;}
.twoBtn>.ui-btn{width:40%;}
.threeBtn{margin:0 auto; width:95%; max-width:450px;}
.threeBtn>.ui-btn{margin:0 1%; padding:8px 0; width:30%; min-width:20px;}

/* Arrows */
.ui-arrow{display:inline-block; height:15px; width:15px; background: url(../images/arrow-set.png) 0 0 no-repeat;}
.ui-arrow.darkgrey{background-position:-15px -15px;}
@media all and (-webkit-min-device-pixel-ratio: 1.5) {
	.ui-arrow{
		background-image:url(../images/arrow-set@2x.png);
		background-size:60px 90px;
	}
}

/* Separator */
.separator-strip{height:10px; background:url(../images/bg-greyLines.gif) 50% top repeat; -webkit-box-shadow:inset 0px 5px 5px rgba(0, 0, 0, 0.5);}
@media all and (-webkit-min-device-pixel-ratio: 2) {
	.separator-strip{background-size:3px 3px;}
}

/* Ani-translate */
.ani-transY-0{-webkit-transform:translateY(0);}
.ani-transY-n100{-webkit-transform:translateY(-100px);}
.ani-transY-100{-webkit-transform:translateY(100px);}
/* Ani-scale */
.ani-scaleX-0{-webkit-transform:scaleX(0);}
.ani-scaleX-1{-webkit-transform:scaleX(1);}
.ani-scaleY-0{-webkit-transform:scaleY(0);}
.ani-scaleY-1{-webkit-transform:scaleY(1);}
.ani-scaleZ-0{-webkit-transform:scaleZ(0);}
.ani-scaleZ-1{-webkit-transform:scaleZ(1);}
/* Ani-opacity */
.ani-fade-in{opacity:1;}
.ani-fade-out{opacity:0;}

input.withoutHighlight {
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	outline-style: rgba(0,0,0,0) none 0;
}

.greenBar{
	/* Height Review */ /*padding:10px;*/ padding: 5px 10px;
	background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#9AE121), to(#76B610));
	font-size:1em; color:white; text-shadow:0 -1px 0 rgba(0,0,0,0.3);
	font-weight: bold;
}

.orangeBar{
	/* Height Review */ /*padding:10px;*/ padding: 5px 10px;
	background-image:-webkit-gradient( linear, 0% 0%, 0% 100%, from(#F8B557), to(#F28B3E) );
	font-size:1em; color:white; text-shadow:0 -1px 0 rgba(0,0,0,0.3);
	font-weight: bold;
}

.noPaddingTable,.noPaddingTable TD{padding:0;}

.commonTable .dropDown-box-table td{padding:10px;}
.commonTable .ui-dropDown-btn{margin:0px;}
.noBorderTable , .noBorderTable  tr{border-style: none;}
.noBorderTable  td, .noBorderTable  th{vertical-align:top; text-align:left;border-style: none;}

/* jquery dialog*/
.ui-widget-overlay{
	opacity: .7;
}
/* Corner radius */
.ui-dialog-osx.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}

.ui-dialog-osx .ui-widget-header,.ui-button{
            /*background: -webkit-gradient(
 					linear,
 					left top,
 					left bottom,
 					color-stop(0.00, #96dd20),
 					color-stop(1, #67a602)
 			);
            border: 1px solid #4e7d02;
            color: #fff;
            font-weight: bold;
            font-size: large;
			border-top-left-radius: 20px;
			border-top-right-radius: 20px;
			border-bottom-left-radius: 20px;
			border-bottom-right-radius: 20px;*/
			display: none;
}
.ui-dialog-osx .ui-widget-content {
			border: 1px solid #4e7d02;
			color: #222222;
			font-size: small;
			border-bottom-left-radius: 10px;
			border-bottom-right-radius: 10px;
			border-top-width: 0px !important;
}
.ui-button.ui-dialog-titlebar-close {
	display: none;
}
/*dialog button aligment*/ 
.ui-dialog.ui-dialog-osx>.ui-dialog-buttonpane .ui-dialog-buttonset {
	float: none;
	text-align: center !important;
}
.ui-dialog.ui-dialog-osx>.ui-dialog-buttonpane .ui-dialog-buttonset>button {
	width: 90%;
}
.ui-dialog .ui-dialog-osx >.ui-dialog-buttonpane .ui-widget-content .ui-helper-clearfix {
	text-align: center !important;
}
.ui-button-text{
	background: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0.00, #96dd20),
		color-stop(1, #67a602)
	);
	cursor: pointer;
	-webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.5);
	text-shadow: 0px -1px 1px rgba(0,0,0,0.4);
	color:#fff;
}
.ui-datepicker {
	position: fixed !important;
	left: 50% !important;
	top: 50% !important;
	margin-left: -125px; /* approx half the height of the datepicker div */
	margin-top: -73px; /* half the height of the datepicker div */
}
#progressOverlay{
	position:fixed;
	top: 0;
	left: 0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.6);
	z-index:9998;
	
	/* Firefox */
    display:-moz-box;
    -moz-box-pack:center;
    -moz-box-align:center;

    /* Safari and Chrome */
    display:-webkit-box;
    -webkit-box-pack:center;
    -webkit-box-align:center;

    /* W3C */
    display:box;
    box-pack:center;
    box-align:center;
}

#progressOverlay td{
	/* Firefox */
    display:-moz-box;
    -moz-box-pack:center;
    -moz-box-align:center;

    /* Safari and Chrome */
    display:-webkit-box;
    -webkit-box-pack:center;
    -webkit-box-align:center;

    /* W3C */
    display:box;
    box-pack:center;
    box-align:center;

	color: #67a602;
	font-size: large;
	text-align: center;
}

#progressbar{
	background-color: #96dd20;
	width: 70%;
	height: 20px;
}
#spinner{
	top:50%;
	left:50%;
	margin: -18px 0 0 -18px;
	width: 50px;
	height: 50px;
	background-image: url(../images/loading.gif);
	background-repeat: no-repeat;
}
::-webkit-scrollbar {
	width: 5px;
}
::-webkit-scrollbar * {
   background:transparent;
}
::-webkit-scrollbar-thumb {
   background:#aaaaaa !important;
}
.btn-phone {
	text-align: center;
}
.accountSummary-acctType{
background: #E9F0E0;
font-weight: bold;
padding: 5px 10px;
font-side: 12px;
}

.paymentRadioGroup {
	overflow:auto;
	width:100% !important;
}
.paymentRadioGroup>.left{
	width:50%;
	padding-left: 5px;
}
.paymentRadioGroup>.right{
	width:50%;
	padding-left: 5px;
}