/* reset default browser css */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, input, textarea, select {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
}
input, select {
	vertical-align: middle;
}
textarea {
	vertical-align: top;
}
table {
	display: table;
	border-collapse: separate;
	border-spacing: 0;
}
td, th {
	display: table-cell;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
a img {
	border: 0;
}
strong {
	font-weight: bold;
}
article, aside, details, div, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
/* style */
html {
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}
body {
	color: #666;
	font: 11px/15px Arial, Helvetica, sans-serif;
}
a {
	color: #186da6;
	text-decoration: none;
}
a:hover {
	color: #186da6;
	text-decoration: underline;
}
ol, ul {
	margin: 1em 0 1.5em 2em;
}
li {
	margin-bottom: .75em;
}
ul ul {
	margin-top: .5em;
	margin-bottom: .5em;
	list-style: disc;
}
input.text, textarea.text, select.text {
	border-color: #abadb3 #dbdfe6 #e3e9ef #e2e3ea;
	border-style: solid;
	border-width: 1px;
	color: #666;
	line-height: 110%;
	padding: 3px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	-khtml-border-radius: 3px;
	box-sizing: content-box;
	-moz-box-sizing: content-box;
	-ms-box-sizing: content-box;
	-webkit-box-sizing: content-box;
}

select.text3 {
	border-color: #abadb3 #dbdfe6 #e3e9ef #e2e3ea;
	border-style: solid;
	border-width: 1px;
	width: 170px;
	color: #666;
	line-height: 5000%;
	padding: 3px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	-khtml-border-radius: 3px;
	box-sizing: 120px;
	-moz-box-sizing: 120px;
	-ms-box-sizing: 120px;
	-webkit-box-sizing: 120px;
	
}


input.text2{
	border-color: #abadb3 #dbdfe6 #e3e9ef #e2e3ea;
	border-style: solid;
	border-width: 1px;
	color: #666;
	line-height: 110%;
	padding: 3px;
	margin-left:10px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	-khtml-border-radius: 3px;
	box-sizing: content-box;
	-moz-box-sizing: content-box;
	-ms-box-sizing: content-box;
	-webkit-box-sizing: content-box;
}

select.text3 {
	padding: 2px;
}
select.text {
	padding: 2px;
}

select.text2 {
	padding: 2px;
	font-size:13px;
}
input.text, select.text {
	vertical-align: middle;
}
input[type=checkbox], input[type=radio], input.checkbox, input.radio {
	position: relative;
	vertical-align: baseline;
	margin-right: 2px;
}
.red {
	color:#FF0000;
	font-size:18px;
	font-weight:strong;
	padding: 20px;
}
.btn {
	color: #333;
	font-weight: bold;
	text-transform: uppercase;
	border: 1px solid #ccc;
	display: inline-block;
	height: 20px;
	line-height: 20px;
	padding: 0 15px;
	background: url(../images/btn.png) center repeat-x;
	cursor: pointer;
	vertical-align: middle;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	-khtml-border-radius: 3px;
}
.btn:hover {
	border: 1px solid #999;
	background-image: url(../images/btn_hover.png);
}
.btn[disabled] {
	color: #aaa;
	background: url(../images/btn_disabled.png) center repeat-x;
}

.button {
	color: #333;
	font-weight: bold;
	text-transform: uppercase;
	border: 1px solid #ccc;
	display: inline-block;
	height: 20px;
	line-height: 20px;
	padding: 0 15px;
	background: url(../images/btn.png) center repeat-x;
	cursor: pointer;
	vertical-align: middle;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	-khtml-border-radius: 3px;
}
.button:hover {
	border: 1px solid #999;
	background-image: url(../images/btn_hover.png);
}

hr {
	clear: both;
}
.clear {
	clear: both;
}
#top_bar, #bottom_bar {
	background: url(../images/color_bar.png) top center repeat-x;
	height: 5px;
	overflow: hidden;
}
#bottom_bar {
	height: 2px;
}
#container {
	margin: 0 auto;
	text-align: left;
	width: 1000px;
}
#wrap {
	width: 1000px;
}
#background_gradient {
	background: url(../images/background_gradient.png) center repeat-y #f6f6f6;
}
/* header */
#header {
	height: 130px;
}
#topimg {
	background: url(../images/banner.jpg) no-repeat;
	width: 1000px;
	height: 130px;
	position: relative;
}
#topimg .logo {
	display: block;
	width: 220px;
	height: 60px;
	position: absolute;
	left: 20px;
	top: 40px;
}
.header_copy {
	width: 354px;
	height: 40px;
	position: absolute;
	left: 250px;
	top: 40px;
}
#bar {
	height: 37px;
	background: url(../images/bar.png) repeat-x;
	padding-bottom: 20px;
}
.bar_wrap {
	padding: 0 20px;
	height: 37px;
	line-height: 37px;
	text-align: right;
}
#bar span {
	margin-left: 5px;
	margin-right: 5px;
	color: #e41b25;
}
/* footer */
#footer {
	background: url(../images/footer.png) repeat-x #f4f4f4;
}
#footer_wrap {
	padding: 20px;
}
.footer_right {
	float: right;
	display: block;
	position:relative;
	background: url(../images/call_center.gif) no-repeat;
	width: 220px;
	height: 50px;
}

.footer_right  .position{ position:absolute; right:20px; top:0;}
.footer_right  .position p{ font-size:13px; font-weight:bold;}
.footer_right  .position p span.orange{ font-size:13px; font-weight: bolder; color:#ff6a4c;}
.footer_right  .position p span.grey{ font-size:13px; font-weight:normal; color:#838484;}
.footer_right  .position span.blue{ font-size:13px; font-weight:bold; color:#0086c4; margin-left:25px;}


#links span {
	margin-left: 5px;
	margin-right: 5px;
}
#links2 {
	margin-top: 15px;
}
#links2 a img {
	margin-right: 15px;
}
/* landing */
.login {
	position: relative;
	background: url(../images/login_bg.jpg) no-repeat;
	margin-left: 20px;
	width: 960px;
	height: 325px;
}
.login_wrap {
	float: right;
	width: 450px;
	margin-top: 22px;
	margin-right: 20px;
	_margin-right: 10px;
}
.welcome {
	padding-top: 10px;
	padding-bottom: 25px;
}
.login_left {
	padding-left: 15px;
}
.login h2 {
	color: #0086c4;
	font-size: 16px;
	line-height: 20px;
}
.login strong {
	color: #333;
}
.login .copy span {
	color: #e41b25;
	margin-left: 5px;
	margin-right: 5px;
}
.login .copy2 {
	margin-top: 15px;
	margin-bottom: 7px;
	font-size: 13px;
	line-height: 17px;
}
.login input.text {
	width: 165px;
	line-height: 12px;
	_height: 12px;
}
.btn_login {
	display: block;
	width: 70px;
	height: 35px;
	background: url(../images/btn_login.png) 0 0 no-repeat;
	color:#000;
	text-transform: none;
	cursor: pointer;
	font-size:13px;
	vertical-align: middle;
}
.btn_login:hover {
	background-position: 0 -35px;
}
.need_help {
	font-size: 11px;
}
.need_help a {
	color: #666;
	font-weight: bold;
}
.need_help .title {
	color: #fcc50e;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 10px;
}
.need_help ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.need_help li {
	margin-bottom: 0;
}
.need_help img {
	margin-bottom: -5px;
	padding: 0;
}
.info_wrap {
	margin-left: 20px;
	padding-bottom: 50px;
	color: #333;
}
.info_bg, .info_bg2, .info_bg3, .info_bg4 {
	float: left;
	position: relative;
	background: url(../images/info_bg_sprite.png) 0 0 no-repeat;
	width: 210px;
	height: 158px;
}
.info_bg2 {
	background-position: -210px 0;
}
.info_bg3 {
	background-position: -420px 0;
}
.info_bg4 {
	background-position: -630px 0;
}
.info_bg2, .info_bg3, .info_bg4 {
	margin-left: 40px;
}
.info_bg a, .info_bg4 a {
	color: #666;
	font-weight: bold;
	font-size: 12px;
	line-height: 16px;
}
.info_bg .info_bg_wrap {
	padding: 25px 25px 0;
}
.info_bg td {
	padding-bottom: 20px;
}
.info_bg2 img.icon {
	position: absolute;
	left: -20px;
	top: 20px;
}
.info_bg2 .info_bg_wrap {
	padding: 25px 25px 0 40px;
}
.info_bg2 h2, .info_bg3 h2 {
	color: #666;
	font-weight: bold;
	font-size: 12px;
	line-height: 16px;
	margin-bottom: 5px;
}
.info_bg3 img.icon {
	position: absolute;
	left: -15px;
	top: 20px;
}
.info_bg3 .info_bg_wrap {
	padding: 20px 15px 0 35px;
}
.info_bg4 .info_bg_wrap {
	padding: 25px;
	text-align: center;
}
.info_bg4 img {
	margin-bottom: 5px;
}
/* password */
.password {
	position: relative;
	background: url(../images/password_bg.jpg) no-repeat;
	margin: 20px;
	width: 960px;
	height: 315px;
}
.password_wrap {
	float: right;
	width: 500px;
	margin-top: 35px;
	margin-right: 20px;
}
.password td {
	padding-bottom: 5px;
}
.password strong {
	color: #333;
}
.password_left {
	padding-left: 0;
}
.password .copy {
	margin-bottom: 15px;
}
.password .copy2 {
	margin-bottom: 10px;
	font-size: 12px;
	line-height: 16px;
}
.password .copy3 {
	margin-bottom: 10px;
	font-size: 12px;
	line-height: 16px;
}
.password .copy3 span {
	color: #913f98;
	font-weight: bold;
}
.password .copy3 img {
	border: 2px solid #fff;
	margin-right: 10px;
	vertical-align: middle;
}
.password .copy4 {
	font-size: 12px;
	line-height: 16px;
	font-weight: bold;
	color: #f7941e;
	letter-spacing: 1px;
}
.password input.text {
	width: 170px;
	line-height: 12px;
	_height: 12px;
}
.btn_cancel {
	display: inline-block;
	width: 70px;
	height: 35px;
	background: url(../images/btn_cancel.png) 0 0 no-repeat;
	color:#000;
	font-size:13px;
	text-transform: none;
	cursor: pointer;
	vertical-align: middle;
	margin-left: 5px;
}
.btn_cancel:hover {
	background-position: 0 -35px;
}
.btn_image {
	display: inline-block;
	width: 70px;
	height: 35px;
	background: url(../images/btn_image.png) 0 0 no-repeat;
	color:#000;
	text-transform: none;
	font-size:13px;
	cursor: pointer;
	vertical-align: middle;
	margin-left: 5px;
}
.btn_image:hover {
	background-position: 0 -35px;
}
/* welcome */
#welcome {
	background: url(../images/welcome_bg.png) bottom repeat-x;
	height: 140px;
	margin-bottom: 15px;
}
.welcome_info {
	padding-top: 50px;
}
#welcome h2 {
	font-size: 16px;
	line-height: 20px;
	font-weight: bold;
	color: #f48468;
}
#welcome h2 span {
	margin-left: 5px;
	font-weight: normal;
	font-style: italic;
	font-size: 12px;
	color: #666;
}
#welcome .copy2 {
	font-size: 16px;
	line-height: 20px;
	font-weight: bold;
	color: #f48468;
}
#welcome .copy3 {
	line-height: 20px;
}
#welcome .copy3 a {
	color: #666;
	text-decoration: underline;
}
#welcome .copy3 a:hover {
	color: #333;
}
/* content */
.background_content {
	margin-left: 20px;
	margin-bottom: 25px;
	width: 960px;
	background: url(../images/background_content_repeat.png) top left repeat-y;
}
.background_content_wrap {
	background: url(../images/background_content_top.png) top left no-repeat;
	width: 960px;
}
.background_content_wrap2 {
	background: url(../images/background_content_bottom.png) bottom left no-repeat;
	width: 960px;
	padding-bottom: 3px;
}
/* subnavi */
#sideContent {
	float: left;
	margin-top: 12px;
	margin-left: 3px;
	_margin-left: 2px;
	width: 192px;
}
.sdmenu {
	margin-bottom: 25px;
	font-size: 13px;
	line-height: 17px;
}
.sdmenu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.sdmenu li {
	display: block;
	background: url(../images/sdmenu_seperator.png) center bottom no-repeat;
	width: 175px;
}
.sdmenu li.last {
	background-image: none;
}
.sdmenu li a {
	display: block;
	padding: 5px 15px 5px 15px;
	text-shadow: 0 1px 1px rgba(0,0,0,0.25);
	zoom: 1;
}
.sdmenu li a:hover {
	text-decoration: none;
}
.sdmenu li a.color {
	color: #d6dd28;
}
.sdmenu li a:hover.color, .sdmenu li a.color.selected {
	background: url(../images/sdmenu_arrow1.gif) center right no-repeat;
}
.sdmenu li a.color2 {
	color: #47c0c8;
}
.sdmenu li a:hover.color2, .sdmenu li a.color2.selected {
	background: url(../images/sdmenu_arrow2.gif) center right no-repeat;
}
.sdmenu li a.color3 {
	color: #913f98;
}
.sdmenu li a:hover.color3, .sdmenu li a.color3.selected {
	background: url(../images/sdmenu_arrow3.gif) center right no-repeat;
}
.sdmenu li a.color4 {
	color: #f48468;
}
.sdmenu li a:hover.color4, .sdmenu li a.color4.selected {
	background: url(../images/sdmenu_arrow4.gif) center right no-repeat;
}
.sdmenu li a.color5 {
	color: #0086c4;
}
.sdmenu li a:hover.color5, .sdmenu li a.color5.selected {
	background: url(../images/sdmenu_arrow5.gif) center right no-repeat;
}
.sdmenu li a.color6 {
	color: #fcc50e;
}
.sdmenu li a:hover.color6, .sdmenu li a.color6.selected {
	background: url(../images/sdmenu_arrow6.gif) center right no-repeat;
}
.sdmenu li a.color7 {
	color: #9b9f94;
}
.sdmenu li a:hover.color7, .sdmenu li a.color7.selected {
	background: url(../images/sdmenu_arrow7.gif) center right no-repeat;
}
.sdmenu li a.color8 {
	color: #f7941e;
}
.sdmenu li a:hover.color8, .sdmenu li a.color8.selected {
	background: url(../images/sdmenu_arrow8.gif) center right no-repeat;
}
.sdmenu li a.selected {
	background: url(../images/sdmenu_arrow.gif) center right no-repeat;
}


/*on states navigation*/
.selected2{ text-decoration: none; margin:0;padding: 0; }
.sdmenu ul li .selected2, .sdmenu ul li .selected2, .sdmenu ul li .selected2:hover, .sdmenu ul li .selected2:active { height:32px; width:175px; }

.sdmenu ul li ul.sdmenu_inner {/* border-bottom:1px #959595 solid;*/ padding:0; margin:0;}
.sdmenu ul li ul.sdmenu_inner li { width:175px; display:block; background-image:none;}
.sdmenu ul li ul.sdmenu_inner li div{ list-style:none; margin:0; line-height:18px; padding-left:14px; font-size:11px; background-color:none; color:#000; font-size:12px; font-weight:bold; border-bottom:1px #d0aed3 dashed;} 
.sdmenu ul li ul.sdmenu_inner li a{ width:145px; list-style:none; margin-left:15px; padding:5px 0 5px 15px; font-size:11px; font-weight:normal; color:#913f98; background-image:url(../images/arrow_black.png); background-position:left; background-repeat:no-repeat; text-decoration:none; line-height:14px; text-align:left;  }

.sdmenu ul li ul.sdmenu_inner li a:hover{ width:145px; list-style:none; margin-left:15px; padding:5px 0 5px 15px; font-size:11px; color:#913f98; font-weight:normal;  background-image:url(../images/arrow_black_on.png); background-position:left; background-repeat:no-repeat; text-decoration:underline; line-height:14px; text-align:left; }

/*on states sub navigation*/
.selected{ text-decoration: none; margin:0;padding: 0; }
.sdmenu ul li ul.sdmenu_inner li .selected, .sdmenu ul li ul.sdmenu_inner li .selected, .sdmenu ul li ul.sdmenu_inner li .selected:hover, .sdmenu ul li ul.sdmenu_inner li .selected:active { width:140px; list-style:none; margin-left:15px; padding:5px 0 5px 15px; font-size:11px; color:#414042; font-weight:normal; text-align:left;line-height:14px; }



#content .innerpage_content {
	float: left;
	width: 762px;
	_width: 748px;
	padding-top: 3px;
	height:auto;
}
/* table style */
table.style {
	margin: 0 0 20px;
}
table.style tr.label td {
	padding-top: 0;
	padding-bottom: 0;
	height: 43px;
	background: url(../images/table_style_label_td.png) repeat-x;
	border-top: 1px solid #ccc;
	_border-top: 0;
	border-left: 1px solid #ccc;
	border-right: 1px solid #fff;
	vertical-align: middle;
	color: #47c0c8;
	font-size: 16px;
	font-weight: bold;
}
table.style tr.label.first td {
	border-top: 0;
}
table.style tr.label.first td.last {
	background: url(../images/table_style_label_td_last.png) right no-repeat;
}
table.style tr.label td.first {
	border-left: 0;
	background-image: url(../images/table_style_label_td_first.png);
}
table.style tr.label td.last {
	border-left: 1px solid #ccc;
	border-right: 0;
}
table.style td {
	padding: 10px 15px;
}
/* overlay */
.overlay_out {
	background: #eee0ef;
	padding: 20px;
	width: 500px;
}
.overlay_out input.text, .overlay_out select.text {
	margin-bottom: 5px;
}
.overlay_out select.text {
	width: 254px;
}
.overlay_out input.text {
	padding-left: 4px;
	padding-right: 4px;
	width: 250px;
}
.overlay_out h2 {
	color: #47c0c8;
	font-size: 18px;
	line-height: 22px;
	font-weight: bold;
	margin-bottom: 15px;
}
.overlay_out td {
	padding-bottom: 5px;
}
.overlay_out td.label {
	padding-top: 5px;
}
.overlay_out td td input.text, .overlay_out td td select.text {
	width: auto;
}
.overlay_out img.date_picker {
	position: relative;
	top: -2px;
	vertical-align: middle;
}
.overlay_out table.result td.label {
	padding-top: 0;
}

#header ul.language{position:absolute; width:87px; height:28px; right:50px; top:0; padding:0; margin:0; }
#header ul.language li{ display: block; float:left; list-style:none; height:28px; padding:0; margin:0; }
#header ul.language li.thai{ width:45px; height:28px; background-image:url(../images/language_bg.jpg); background-position:left top; background-repeat:no-repeat; cursor:pointer;}
#header ul.language li.thai a{ display:block; line-height:28px; font-size:11px; font-family:Arial, Helvetica, sans-serif; text-decoration:none; padding-left:10px; color:#6d6e71; font-weight:bold; }
#header ul.language li.thai a:hover{ font-weight:bold; color:#414042;} 
#header ul.language li.thai:hover{width:45px; height:28px; background-image:url(../images/language_bg.jpg); background-position:left bottom; background-repeat:no-repeat; cursor:pointer; }
#header ul.language li.eng{ width:42px; height:28px; background-image:url(../images/language_bg.jpg); background-position:right top; background-repeat:no-repeat; cursor:pointer;}
#header ul.language li.eng a{ display:block; line-height:28px; font-size:11px; font-family:Arial, Helvetica, sans-serif; text-decoration:none; padding-left:8px; color:#6d6e71; font-weight:bold; }
#header ul.language li.eng a:hover{ font-weight:bold; color:#414042;} 
#header ul.language li.eng:hover{width:42px; height:28px; background-image:url(../images/language_bg.jpg); background-position:right bottom; background-repeat:no-repeat; cursor:pointer; }


#header ul.language .thai_onstates, li.thai_onstates, li.thai_onstates:hover, li.thai_onstates:active {width:45px; height:28px; background-image:url(../images/language_bg.jpg); background-position:left bottom; background-repeat:no-repeat; cursor:text; }
#header ul.language li.thai_onstates a{display:block; line-height:28px; font-size:11px; font-family:Arial, Helvetica, sans-serif; text-decoration:none; padding-left:10px; color:#414042; font-weight:bold; cursor:text;}

#header ul.language .eng_onstates, li.eng_onstates, li.eng_onstates:hover, li.eng_onstates:active {width:42px; height:28px; background-image:url(../images/language_bg.jpg); background-position:right bottom; background-repeat:no-repeat; cursor:text; }
#header ul.language li.eng_onstates a{display:block; line-height:28px; font-size:11px; font-family:Arial, Helvetica, sans-serif; text-decoration:none; padding-left:8px; color:#414042; font-weight:bold; cursor:text;}

#header ul.hlogin{
	position:absolute;
	width:80px;
	height:28px;
	right:5px;
	top:0;
	padding:0;
	margin:0;
	display:block;
}

#header ul.logout{
	position:absolute;
	width:250px;
	height:28px;
	right:5px;
	top:0;
	padding:0;
	margin:0;
	display:block;
}
#header ul.logout li, #header ul.hlogin li{ display: block; float:left; list-style:none; height:28px; line-height:28px; padding:0; margin-right:5px; margin-bottom:0;}
#header ul.logout li.logout_btn, #header ul.hlogin li.logout_btn{ width:70px; height:28px; background-image:url(../images/logout_btn.jpg); background-position:left top; background-repeat:no-repeat; cursor:pointer;}
#header ul.language li.logout_btn:hover{width:70px; height:28px; background-image:url(../images/logout_btn.jpg); background-position:left bottom; background-repeat:no-repeat; cursor:pointer;}
#header ul.logout li.logout_btn a, #header ul.hlogin li.logout_btn a{ display:block; line-height:28px; font-size:11px; font-family:Arial, Helvetica, sans-serif; text-decoration:none; padding-left:13px; color:#6d6e71; font-weight:bold; }
#header ul.logout li.logout_btn a:hover, #header ul.hlogin li.logout_btn a:hover{ font-weight:bold; color:#414042;} 

.password_wrap .welcome_copy h1{ font-size:32px; margin-bottom:10px;margin-top:10px}
.password_wrap .welcome_copy h1 span{ font-weight:bold; color:#f48468;}
.login_wrap .welcome h1{ font-size:30px; margin-bottom:10px;}
.login_wrap .welcome h1 span.color1{ font-weight:bold; color:#f48468;}
.login_wrap .welcome h1 span.color2{ font-weight:normal; color:#f7941e;}

ul.previousNext { display:block; padding:15px 0 0 0; margin:0; border-top:1px dashed #CCC;}
ul.previousNext li{ display: inline; margin-right:5px; color:#414042; font-weight:bold;}
ul.previousNext li span{ color:#4686d0;}

.note_text{ font-size:16px; color:#0086c4; padding-left:2px; font-weight:bold;}

.title input, .title select{
margin-bottom:8px;	
border-style:solid;
border-width:1px;
border-color: #ABADB3 #DBDFE6 #E3E9EF #E2E3EA;
width: 250px;
height:20px;
padding-left: 4px;
padding-right: 4px;
border-radius: 3px 3px 3px 3px;
}

.title2 input.text{
margin-bottom:8px;	
border-style:solid;
border-width:1px;
border-color: #ABADB3 #DBDFE6 #E3E9EF #E2E3EA;
width: 25px;
height:20px;
padding-left: 4px;
padding-right: 4px;
border-radius: 3px 3px 3px 3px;
}

.mobile input, .mobile select{
	margin-bottom:8px;	
	border-style:solid;
	border-width:1px;
	border-color: #ABADB3 #DBDFE6 #E3E9EF #E2E3EA;
	height:20px;
	padding-left: 4px;
	padding-right: 4px;
	border-radius: 3px 3px 3px 3px;
}

.register {margin-top: 25px; margin-left: 20px; margin-bottom: 25px; width: 960px; background: url(../images/background_content_repeat.png) top left repeat-y; }
.register_wrap  { background: url(../images/background_content_top.png) top left no-repeat; width: 960px; }
.register_wrap2 { background: url(../images/background_content_bottom.png) bottom left no-repeat; width: 960px; padding-bottom: 3px; }

#content .register_content { float: left; width: 900px; margin-top: 35px; margin-left: 20px; margin-bottom: 35px;}

.register td { padding-bottom: 5px; }
.register strong { color: #333; }
.register_left { padding-left: 0; }
.register .copy { margin-bottom: 15px; }
.register .copy2 { margin-bottom: 10px; font-size: 12px; line-height: 16px; }
.register .copy3 { margin-bottom: 10px; font-size: 12px; line-height: 16px; }
.register .copy3 span { color: #913f98; font-weight: bold; }
.register .copy3 img { border: 2px solid #fff; margin-right: 10px; vertical-align: middle; }
.register .copy4 { font-size: 12px; line-height: 16px; font-weight: bold; color: #f7941e; letter-spacing: 1px; }
.register input.text { width: 170px; line-height: 24px; _height: 24px; }
.register h1 { color: #0086c4; font-size: 18px; line-height: 20px; font-weight: bold}

#notes {
	padding:15px;
	margin:10px 0;
	background-repeat: no-repeat;
	border:1px #CCC solid;
}
#notes h5 {
	padding:0px 0px 4px 0px;
	color:#f48468;
	font-size:12px;
}
#notes ol {list-style:decimal; padding:6px 20px;}
	#notes ul li {padding:0 2px 0 2px;}
#notes ul {list-style:disc; padding:6px 20px;}
	#notes ul li {padding:0 2px 0 2px;}

#buttons {
	margin:5px 0 5px 0;
	padding:5px 20px 5px 50px;
	float:right;
	direction:rtl;
}


#buttons #flowright {float:right;}

/*------------------ funds tranfer page content -------------------*/
#content .tranfer_wrap{ width:0; margin:10px; position:relative;}
#content .tranfer_wrap .secure{width:109px; height:54px; position:absolute; right:40px; bottom:50px;}
#content .tranfer_wrap .content_holder{ width:490px; border-bottom:1px dotted #e41b25; margin:25px 0; padding:0 10px 20px 0; clear:both;}
#content .tranfer_wrap h1{ font-size:24px; font-weight:normal; padding:0; margin:0; }
#content .tranfer_wrap h2{ font-size:13px; font-weight:normal; padding:0; margin:0; }
#content .tranfer_wrap h3{ font-size:14px; font-weight:normal; padding:0; margin:0; }
#content .tranfer_wrap p{ font-size:10px; font-weight:normal; padding:0; margin:0; line-height:15px;}
#content .tranfer_wrap span.red{ color:#e41b25;}

#table control
table.tabsummary {
	border:1px solid #e7e7e7;
	padding:1px;
	width:100%;
	border-spacing:1px;
	border-color: #acacac;
	border-width: 1px;
	background-color: #f9f9f9;
	border-collapse: collapse;
}
	table.tabsummary thead {background:c;}
	table.tabsummary tr.header {background:#ffc;}
	table.tabsummary th {
	padding:6px;
	background:#96090e;
	font-size:12px;
	color:#fff;
	font-weight:bold;
	text-align:center;
}
	table.tabsummary tr.even {background:#eeeeee;}
	table.tabsummary tr.alt {
	background:#ffffff;
	border-color: #acacac;
	border-width: 1px;
	border-style: solid;
}
	table.tabsummary td {padding:6px;}
	table.tabsummary td a {font-weight:bold;}
	table.tabsummary .select {
	width:160px;
	text-align:left;
	border-style: solid;
	border-width: 1px;
	border-color: #acacac;
}
	table.tabsummary th.select span {padding-left:10px;}
		table.tabsummary .select form.quickLink p {text-align:right;width:1200px;}
		table.tabsummary .select form.quickLink select {width:1200px;font-size:10px;}
			table.tabsummary .select form.quickLink select option {width:1200px;}
			table.tabsummary .select form.quickLink input {
	cursor:pointer;
	margin:0px;
	font-size:10px;
	padding:0px;
	vertical-align:middle;
	left: 1030px;
	top: 252px;
	width:1200px;
}
			table.tabsummary .select form.quickLink .go {
	cursor:pointer;
	margin:0px;
	font-size:10px;
	padding:2px;
}
	table.tabsummary  .name {width:25%;text-align:right;}
	table.tabsummary  .title{
	min-width:130px;
	text-align:left;
	vertical-align:top;
	border-color: #acacac;
	border-width: 1px;
	border-style: solid;
}
	table.tabsummary  .header{
	text-align:center;
	vertical-align:top;
	border-width: 1px;
	border-color: #acacac;
	border-style: solid;
}
	table.tabsummary  .headerRight{text-align:right;vertical-align:top;}
	table.tabsummary  .account {
	width:60px;
	text-align:left;
	vertical-align:top;
	border-style: solid;
	border-width: 1px;
	border-color: #acacac;
}
	table.tabsummary  .balance {
	min-width:80px;
	text-align:right;
	vertical-align:top;
	border-color: #acacac;
	border-width: 1px;
	border-style: solid;
}
	table.tabsummary  .balance1 {width:20%;text-align:right;vertical-align:top;}
	table.tabsummary  .input {width:100%;text-align:left;vertical-align:middle;}
	table.tabsummary  .tickbox {width:6%;text-align:center;vertical-align:top;}
	table.tabsummary  .description {min-width:160px;text-align:left;vertical-align:top;}

table.tabdata {
	border:1px solid #e3e3e3;
	padding:0px;
	width:100%;
	border-spacing:1px;
	/* [disabled]border:1px solid #acacac; */
	border-width: 1px;
	border-style: solid;
	border-color: acacac;
	border-collapse: collapse;
}
	table.tabdata thead {background: #e3e3e3;border:1px #CCC solid;}
	table.tabdata tr.header {background:#ffc;}
	table.tabdata th {
	padding:5px;
	background:#8a8c8f;
	font-size:12px;
	color:#fff;
	font-weight:bold;
	text-align:center;
}
	table.tabdata tr.even {background:#eeeeee;}
	table.tabdata tr.alt {background:#ffffff;}
		table.tabdata td {
	padding:4px 5px 4px 10px;
	border-width: 1px;
	border-style: solid;
	border-color: #acacac;
}
	table.tabdata td a {font-weight:bold;}
	table.tabdata  .name {width:25%;text-align:right;}
	table.tabdata  .title{width:50%;text-align:left;vertical-align:middle;}
	table.tabdata  .titletop{width:50%;text-align:left;vertical-align:middle;border-bottom:0px;}
	table.tabdata  .header{
	text-align:left;
	vertical-align:middle;
	border-color: #acacac;
	border-style: solid;
	border-width: 1px;
}
	table.tabdata  .headerRight{
	text-align:left;
	vertical-align:middle;
	border-color: #acacac;
	border-style: solid;
	border-width: 1px;
}
	table.tabdata  .account {
	width:30%;
	text-align:left;
	vertical-align:top;
	border-width: 1px;
	border-color: #acacac;
	border-style: solid;
}
	table.tabdata .balance {
	width:20%;
	text-align:left;
	vertical-align:top;
	border-color: #acacac;
	border-style: solid;
	border-width: 1px;
}
	table.tabdata  .balance1 {width:30%;text-align:right;vertical-align:top;}
	table.tabdata .status {width:35%;text-align:center;vertical-align:top;}
	table.tabdata .number {width:15%;text-align:left;vertical-align:top;}
	table.tabdata .numberCenter {width:40%;text-align:center;vertical-align:top;}
	table.tabdata  .input {width:30%;text-align:left;vertical-align:left;}
	table.tabdata  .tickbox {width:6%;text-align:center;vertical-align:top;}
	table.tabdata  .date {
	width:17%;
	text-align:left;
	vertical-align:top;
	border-color: #acacac;
	border-style: solid;
	border-width: 1px;
}
	table.tabdata  .description {width:25%;text-align:center;vertical-align:top;}
	table.tabdata  .description2 {width:40%;text-align:left;vertical-align:top;}
	table.tabdata  .fromAccount {width:21%;text-align:center;vertical-align:top;}
	table.tabdata .amount {width:15%;text-align:right;vertical-align:top;}
	/* this is css for list SI Summary print*/
	table.tabdata  .normal {width:10%;text-align:center;vertical-align:top;}
	table.tabdata  .accountColumn {width:15%;text-align:center;vertical-align:top;}
	table.tabdata  .transType {width:20%;text-align:left;vertical-align:top;}
	table.tabdata  .transId {width:10%;text-align:left;vertical-align:top;}
	table.tabdata ol {list-style-type:decimal;list-style-position:outside;}
		table.tabdata ol li {margin-left:15px;}

table.tabresult {background:#fff;border:0;padding:0px;width:100%;border-spacing:0px;border-top:1px solid #999999;}
	table.tabresult thead {background: #e3e3e3;border-spacing:0px;}
	table.tabresult tr.header {background:#ffc;}
	table.tabresult th {padding:5px;background:#02673f;font-size:12px;color:#fff;font-weight:bold;text-align:center;}
	table.tabresult tr.even {background:none repeat scroll 0 0 #FFEBEC}
	table.tabresult tr.alt {background:none repeat scroll 0 0 #FFFFFF}
	table.tabresult td {padding:4px 5px 4px 10px;border-bottom:1px solid #999999;}
	table.tabresult td a {font-weight:bold;}
	table.tabresult  .name {width:25%;text-align:right;}
	table.tabresult  .title{text-align:left;vertical-align:middle;}
	table.tabresult  .titleRight{text-align:right;vertical-align:middle;}
	table.tabresult  .titletop{text-align:left;vertical-align:middle;border-bottom:0px;}
	table.tabresult  .titletopRight{width:20%;text-align:right;vertical-align:middle;border-bottom:0px;}
	table.tabresult  .header{text-align:center;vertical-align:middle;}
	table.tabresult  .account {width:30%;text-align:left;vertical-align:top;}
	table.tabresult .balance {width:20%;text-align:right;vertical-align:top;}
	table.tabresult  .balance1 {width:30%;text-align:right;vertical-align:top;}
	table.tabresult  .input {width:30%;text-align:left;vertical-align:left;}
	table.tabresult  .tickbox {width:6%;text-align:center;vertical-align:top;}

table.tabmenu {background:#fff;border:1px solid #999999;padding:1px;width:100%;border-spacing : 2px;}
	table.tabmenu tr.even {background:#ebf6d6;}
	table.tabmenu tr.alt {background:#e8eede;}
	table.tabmenu td {padding:10px;}
	table.tabmenu td a {font-weight:bold;}
	table.tabmenu ul {list-style-type:disc;list-style-position:outside;}
		table.tabmenu ul li {margin-left:15px;}
	table.tabmenu  .name {width:25%;text-align:right;}
	table.tabmenu  .title{width:50%;text-align:left;vertical-align:middle;}
	table.tabmenu  .describtion{width:70%;text-align:left;vertical-align:top;}
	table.tabmenu  .header{text-align:center;vertical-align:middle;}
	table.tabmenu  .account {width:30%;text-align:left;vertical-align:top;}
	table.tabmenu .balance {width:20%;text-align:right;vertical-align:top;}
	table.tabmenu  .balance1 {width:30%;text-align:right;vertical-align:top;}
	table.tabmenu  .input {width:30%;text-align:left;vertical-align:left;}
	table.tabmenu  .tickbox {width:6%;text-align:center;vertical-align:top;}

table.tabtrans {background:#f9e497  repeat-x top;border:1px solid #999999;padding:0px;width:100%;border-spacing:0px;table-layout:fixed;}
	table.tabtrans input, table.tabtrans select {padding:0px;margin:0px;}
	table.tabtrans tr {border:0px 1px 0px 1px solid #999999;}
	table.tabtrans th, table.tabtrans td {padding:7px 10px 7px 10px;}
	table.tabtrans td a {font-weight:bold;}
	table.tabtrans tfoot {background:#c8e2ea;}
 	table.tabtrans tfoot #borderTop {border-top:1px solid #999999;}
 	table.tabtrans tfoot #noBorder {border:0px}
 	table.tabtrans tfoot td {border:0px}
	table.tabtrans tfoot input {vertical-align:middle;}
	table.tabtrans ul {list-style-type:disc;list-style-position:outside;}
		table.tabtrans ul li {margin-left:15px;}
	table.tabtrans  .name {width:25%;text-align:right;}
	table.tabtrans  .name2 {width:15%;text-align:right;}
	table.tabtrans  .title{width:50%;text-align:left;vertical-align:middle;}
	table.tabtrans  .header{text-align:center;vertical-align:middle;}
	table.tabtrans  .account {width:30%;text-align:left;vertical-align:top;}
	table.tabtrans  .balance {width:20%;text-align:right;vertical-align:top;}
	table.tabtrans  .balance1 {width:30%;text-align:right;vertical-align:top;}
	table.tabtrans  .input {width:30%;text-align:left;vertical-align:top;}
	table.tabtrans  .tickbox {width:6%;text-align:center;vertical-align:top;}
	table.tabtrans  .fromacc {width:15%;text-align:center;vertical-align:top;}
	table.tabtrans  .toacc {text-align:left;vertical-align:middle;border-bottom:1px solid #666666;}
	table.tabtrans  .toacc h3 {color:#fff;}

	table.tabtrans  .regMobile1 {width:35%;text-align:left;vertical-align:top;}
	table.tabtrans  .regMobile2 {width:19%;text-align:right;vertical-align:top;}
	table.tabtrans  .regMobile3 {width:1%;text-align:left;vertical-align:top;}
	table.tabtrans  .regMobile4 {width:45%;text-align:left;vertical-align:top;}


table.tabtrans1{background:#e0ffb4 url(../images/bg_c_green.jpg) repeat-x top;border:1px solid #999999;padding:0px;width:80%;border-spacing:0px;}
	table.tabtrans1 input, table.tabtrans select {padding:0px;margin:0px;}
	table.tabtrans1 tr {border:0px 1px 0px 1px solid #999999;}
	table.tabtrans1 th, table.tabtrans td {padding:7px 10px 7px 10px;}
	table.tabtrans1 td a {font-weight:bold;}
	table.tabtrans1 tfoot {background:#fff;}
 	table.tabtrans1 tfoot #borderTop {border-top:1px solid #999999;}
 	table.tabtrans1 tfoot #noBorder {border:0px}
 	table.tabtrans1 tfoot td {border:0px}
	table.tabtrans1 ul {list-style-type:disc;list-style-position:outside;}
		table.tabtrans1 ul li {margin-left:15px;}
	table.tabtrans1  .name {width:25%;text-align:right;}
	table.tabtrans1  .title{width:50%;text-align:left;vertical-align:middle;}
	table.tabtrans1  .header{text-align:center;vertical-align:middle;}
	table.tabtrans1  .account {width:30%;text-align:left;vertical-align:top;}
	table.tabtrans1  .balance {width:20%;text-align:right;vertical-align:top;}
	table.tabtrans1  .balance1 {width:30%;text-align:right;vertical-align:top;}
	table.tabtrans1  .input {width:30%;text-align:left;vertical-align:left;}
	table.tabtrans1  .tickbox {width:6%;text-align:center;vertical-align:top;}

table.tabtrans2{background:#e0ffb4 url(../images/bg_c_green.jpg) repeat-x top;border:1px solid #999999;padding:0px;width:80%;border-spacing:0px;}
	table.tabtrans2 input, table.tabtrans select {padding:0px;margin:0px;}
	table.tabtrans2 tr {border:0px 1px 0px 1px solid #999999;}
	table.tabtrans2 th, table.tabtrans td {padding:7px 10px 7px 10px;}
	table.tabtrans2 td a {font-weight:bold;}
	table.tabtrans2 tfoot {background:#fff;}
 	table.tabtrans2 tfoot #borderTop {border-top:1px solid #999999;}
 	table.tabtrans2 tfoot #noBorder {border:0px}
 	table.tabtrans2 tfoot td {border:0px}
	table.tabtrans2 ul {list-style-type:disc;list-style-position:outside;}
		table.tabtrans2 ul li {margin-left:15px;}
	table.tabtrans2  .name {width:25%;text-align:right;}
	table.tabtrans2  .title{width:50%;text-align:left;vertical-align:middle;}
	table.tabtrans2  .header{text-align:center;vertical-align:middle;}
	table.tabtrans2  .account {width:30%;text-align:left;vertical-align:top;}
	table.tabtrans2  .balance {width:20%;text-align:right;vertical-align:top;}
	table.tabtrans2  .balance1 {width:30%;text-align:right;vertical-align:top;}
	table.tabtrans2  .input {width:30%;text-align:left;vertical-align:left;}
	table.tabtrans2  .tickbox {width:6%;text-align:center;vertical-align:top;}


table.tabwhite {background:#fff;border:1px solid #999999;padding:12px;width:100%;border-spacing:1px;}
	table.tabwhite input, table.tabwhite select {padding:0px;margin:0px;}
	table.tabwhite tr {border:0px 1px 0px 1px solid #999999;}
	table.tabwhite th, table.tabwhite td {padding:5px 10px 5px 10px;}
	table.tabwhite td a {font-weight:bold;}
	table.tabwhite tfoot {background: #fff;border:0px #fff;}
 	table.tabwhite tfoot td #borderTop {border-top:1px solid #999999;}
 	table.tabwhite tfoot td #noBorder {border:0px}
 	table.tabwhite tfoot td {border:0px}
	table.tabwhite ul {list-style-type:disc;list-style-position:outside;}
		table.tabwhite ul li {margin-left:15px;}
	table.tabwhite  .name {width:25%;text-align:right;}
	table.tabwhite  .title{width:50%;text-align:left;vertical-align:middle;}
	table.tabwhite  .header{text-align:center;vertical-align:middle;}
	table.tabwhite  .account {width:30%;text-align:left;vertical-align:top;}
	table.tabwhite  .balance {width:20%;text-align:right;vertical-align:top;}
	table.tabwhite  .balance1 {width:30%;text-align:right;vertical-align:top;}
	table.tabwhite  .input {width:30%;text-align:left;vertical-align:left;}
	table.tabwhite  .tickbox {width:6%;text-align:center;vertical-align:top;}
	
	
	.acc_info_wrap{ padding:10px;}
	.acc_info_wrap h1{ font-size:13px; font-weight:bold;}
	 .acc_info_wrap ul.sectionLink { margin:10px 0 10px -5px; padding:0; }
	 .acc_info_wrap  ul.sectionLink li{ display:inline; list-style:none;  font-size:12px; margin:0; border-right:1px #8a8c8f solid; padding:0 5px;}
	 #steps{ padding:0; margin-bottom:10px;}
	 #steps span{ font-size:14px; font-weight:bold; margin-bottom:20px;}
	 .overlay_out h1{ font-size:16px; color:#6d6e71; font-weight:bold;}
	 
	 

	  
  .innerpage_content  .content_holder  a:hover{ color:#f48468;}
  .innerpage_content  .content_holder{ width:700px;_width:680px; border-bottom:1px dotted #f48468; margin:25px 30px; padding:0 10px 20px 0; clear:both;}
  .innerpage_content  .content_holder h1{ font-size:24px; font-weight:bold; padding:10px 0; margin:0; }
  .innerpage_content  .content_holder h2{ font-size:13px; font-weight:normal; padding:0; margin:0; }
  .innerpage_content  .content_holder h3 span.red{ font-size:14px; font-weight:bold; padding:0; margin:0;}
  .innerpage_content  .content_holder p{ font-size:12px; font-weight:normal; padding:0; margin:0; line-height:16px;}
  .innerpage_content  .content_holder span.red{ color:#f48468; font-weight:bold; padding:10px 0;}
  
  
  .logout_page{ margin:40px;}
  .logout_page h1{ font-size:16px; font-weight:bold;}
  .logout_page p{ line-height:18px;}
  
  .logout_note{ margin:0 40px 40px 40px; padding:0; font-size:11px;}
  table.table_01{ margin-top:5px;}
  table.table_01 tr td{ padding:5px; border:1px #e9e9e9 solid;}
  
  blockquote.note{ font-size:12px; font-weight:normal; color:#ccccc; }
  blockquote.note p{ font-size:12px;}
  
  
  table.tabsummary {background:#fff;border:1px solid #999999;padding:1px;width:100%;border-spacing:1px;}
	table.tabsummary thead {background:c;}
	table.tabsummary tr.header {background:#ffc;}
	table.tabsummary th {padding:6px;background:#666666;font-size:12px;color:#fff;font-weight:bold;text-align:center;}
	table.tabsummary tr.even {background:#eeeeee;}
	table.tabsummary tr.alt {background:#ffffff;}
	table.tabsummary td {padding:6px;}
	table.tabsummary td a {font-weight:bold;}
	table.tabsummary .select {width:160px;text-align:left;}
	table.tabsummary th.select span {padding-left:10px;}
		table.tabsummary .select form.quickLink p {text-align:right;width:120px;}
		table.tabsummary .select form.quickLink select {width:120px;font-size:10px;}
			table.tabsummary .select form.quickLink select option {width:120px;}
			table.tabsummary .select form.quickLink input {cursor:pointer;margin:0px;font-size:10px;padding:0px;position:absolute;vertical-align:middle;width:120px;}
			table.tabsummary .select form.quickLink .go {cursor:pointer;margin:0px;font-size:10px;padding:0px;}
	table.tabsummary  .name {width:25%;text-align:right;}
	table.tabsummary  .title{min-width:130px;text-align:left;vertical-align:top;}
	table.tabsummary  .header{text-align:center;vertical-align:top;}
	table.tabsummary  .headerRight{text-align:right;vertical-align:top;}
	table.tabsummary  .account {width:60px;text-align:center;vertical-align:top;}
	table.tabsummary  .balance {min-width:80px;text-align:right;vertical-align:top;}
	table.tabsummary  .balance1 {width:20%;text-align:right;vertical-align:top;}
	table.tabsummary  .input {width:100%;text-align:left;vertical-align:middle;}
	table.tabsummary  .tickbox {width:6%;text-align:center;vertical-align:top;}
	table.tabsummary  .description {min-width:160px;text-align:left;vertical-align:top;}
	
.fail, .alert, .error {color:#FF0000;}

table.loginTable td {padding: 3px 0}
table.loginTable td	.title {font-weight: bold}

.floatRight {float:right;margin-left:5px;}