@charset "UTF-8";
/* CSS Document */

/*	1.0 RESET
------------------------------------------------*/
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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
				{ margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; font-family: "Segoe UI", helvatica, sans-serif; font-size: 12px;}
sup				{ vertical-align: super; font-size: 10px; }
body 			{ line-height: 1; }
ol, ul 			{ list-style: none; }
blockquote, q 	{ quotes: none; }
blockquote:before, blockquote:after, q:before, q:after
				{ content: '';  content: none; }
:focus 			{ outline: 0; }
table 			{ border-collapse: collapse; border-spacing: 0; }

.group:after	{ content: ".";	display: block;	height: 0; clear: both; visibility: hidden;	}
* html .group 	{ height: 1%; }
*:first-child+html .group 
				{ min-height: 1px; }
				
ul.programs li a:after	{ content: ".";	display: block;	height: 0; clear: both; visibility: hidden;	}
* html ul.programs li a 	{ height: 1%; }
*:first-child+html ul.programs li a 
				{ min-height: 1px; }
				
form fieldset ul.form li:after	{ content: ".";	display: block;	height: 0; clear: both; visibility: hidden;	}
* html form fieldset ul.form li 	{ height: 1%; }
*:first-child+html form fieldset ul.form li 
				{ min-height: 1px; }				

.hidethis		{ display: none !important; }
.nopad			{ padding: 0 !important; }
p.text-only		{ margin: 0px 8px 0 0; font-size: 11px; color:#000;}
p.text-only a	{ font-size: 11px; }
select:disabled { background: #f8f8f8; }
p.instruction	{ margin: 10px 0; }
.red 			{ color: #D90F18; }
p.viewall-link	{ margin: -15px 5px 10px }


/*	2.0 GENERIC STYLES
------------------------------------------------*/



body			{ background: #fff url(../images/bg_body.png) repeat-x; margin: 0; padding: 0; font:12px "Segoe UI"; color: #333; }
a				{ text-decoration: none; }
img				{ border: 0; vertical-align: middle; }
h2				{ color: #00a4a5; font: 22px "Segoe UI", helvetica, sans-serif; padding: 6px 0 20px; text-align: left; }
h3				{ font: 18px "Segoe UI", helvetica, sans-serif; padding: 6px 0; color: #555; margin: 10px 0 5px; }
h4				{ font: bold 13px "Segoe UI", helvetica, sans-serif; padding: 6px 0; color: #555; }

.inline-item	{ margin-left: 10px; }
p.prompt		{ margin: 10px 20px; }
i				{ font-style: normal; }

ul.list			{ list-style-type: disc; margin-left: 15px; }
ul.list li		{ line-height: 20px; }

.hiddenitem		{ visibility: hidden; }
 .redStrike 	{ color:red; text-decoration:line-through; }

/*	3.0 LAYOUT
------------------------------------------------*/
.wrapper				{ background: #fff; margin: 0 auto; width: 95%;}
.content				{ margin: 0px auto !important; padding: 0px; width: 100% !important;}


.wrapperForDocTemp		{ background: #fff; margin: 0 auto; width: 95%; min-width: 600px;}

.container				{ padding: 0; width: 100%; padding: 20px 10px; }
.popup.containter		{ width: auto; }
.popup-wide				{ width: 1100px; }

.float-right			{ float: right; display: inline; }

div.popup div.scrollable	{ overflow: hidden; overflow-y: auto; }

form.main-column, #main-column		{ float: left; display: inline; width: 65%; overflow: hidden; padding-right: 1%; }
form.right-column, #right-column	{ float: left; display: inline; width: 32%; margin-left: 1%; padding-right: 1%; overflow: hidden; }
.clear					{ clear: both; }


/*	4.0 HEADER
------------------------------------------------*/
	
.header			{background:transparent url('../images/site_header.gif') repeat-x scroll;height:62px;opacity: 1}
.header a		{color:#fff;}
.logo			{float:left; display:inline; background: transparent url(../images/idm_logo.gif) 0px 0 no-repeat; height: 50px; width: 250px; margin: 0;}

.header div.logo a		{ text-indent: -9999px; margin: 0; padding: 0; display: inline-block; width: 250px; height: 50px; }
.searchbox		{float:right;margin:28px 20px 0 0;display:inline;width:190px;height:33px;overflow:hidden}
.searchterms	{background:transparent url('../images/searchbox.jpg') no-repeat scroll;width:131px;height:19px;border:0;padding:2px}
.searchbtn		{background:0;border:0;padding:0;cursor:pointer;width:45px}


	
/*	4.0 NAVIGATION
------------------------------------------------*/

.mainmenu			{float:right;margin:28px 10px 0 0;display:inline;border:1px solid #c9d2cd;position:relative}
.mainmenu ul		{list-style:none;padding:0;margin:0}
.mainmenu li		{float:left;font:14px "Segoe UI";position:relative;height:33px}
.mainmenu a			{padding:8px 20px 0;height:25px;background:#89908c;display:block;border-right:1px solid #b0b1b1;float:left;display:block}
.mainmenu li.active a	
					{background:#da171f}
.arrow				{background:transparent url('../images/redarrow.png') no-repeat scroll;width:11px;height:6px;display:block;position:absolute;top:33px;left:49%}
.mainmenu li .arrow { display: none; }
.mainmenu li.active .arrow
					{ display: block; }


p.text-only a.my-account-link-disabled						{ display: none; font-weight: bold; color: #000; }
body#nav-my-account p.text-only a.my-account-link-disabled	{ display: inline; }
body#nav-my-account p.text-only a.my-account-link			{ display: none; }

/*	5 SUBNAVIGATION
------------------------------------------------*/
	
.submenus			{margin-top:1px;background:#efefef;height:32px;padding:0px;}
.subnav				{float:left}
.subnav ul			{list-style:none;padding:0 0 0 15px;margin:0}
.subnav li			{float:left;padding:8px 10px 8px 0}
.subnav a			{color:#565656; background: url(../images/icn_breadcrumb.png) no-repeat 100% 50%; padding-right: 12px; text-decoration: underline;}

.breadcrumbs		{ display: none; }
	
/*	5. LOGIN AREA
------------------------------------------------*/
.loginbox					{float:right;}
.loginbox a					{color:#437390}
.customerlogin a.customer	{background:transparent url('../images/arrow.jpg') no-repeat 110px 5px;padding:8px 0 8px 10px;display:block}
.merchantlogin a.merchant	{background:transparent url('../images/arrow1.jpg') no-repeat 105px 5px;padding:8px 0 8px 10px;display:block}	
.customerlogin				{background:#94c7d2;width:140px;height:32px;float:left;border-right:1px solid #dfe8ea;position:relative}
.merchantlogin				{background:#b1dad4;width:140px;height:32px;float:left;position:relative}	
.loginblock					{background:#94c7d2;padding:10px 20px;width:242px;position:absolute;top:32px;left:0;z-index:20;color:#000; display: none;}
.loginblock h3				{font:16px "Segoe UI";margin-top:0}
.loginblock .label			{font-weight:bold; display: block;}
.loginblock .login			{background: transparent url('../images/logbtn.png') no-repeat left top;width:80px;height:32px;border:0;color:#222;font-weight:bold;cursor:pointer}
.loginblock .login:hover	{background-position:left bottom; color: #fff; }
.loginblock p				{ margin: 15px 0; }
.loginblock li				{ margin: 5px 0; }

.show-on-m-login, show-on-c-login
							{ border-left: 0; }
.merchantlogin .loginblock	{ right: 0; left: auto; background: #B1DAD4;}
.merchantlogin:hover		{ font-weight: bold; }
.customerlogin:hover		{ font-weight: bold; }


/*	7.0 CONTENT
------------------------------------------------*/

	.container					{ padding: 15px 14px 20px 0px; height:1%; overflow: hidden; width: 100%; margin: 0px auto !important; min-width: 600px;}
	
	.containerForDocTmpl		{ padding: 15px 14px 20px 14px; height:1%; overflow: hidden; width: 98%; margin: 0px auto !important; min-width: 600px;}
	.containerForDocTmpl .content {width: 99%; min-width: 600px;}
	
	.page-actions				{ text-align: right; }
	.page-title				    { text-align: left;color: #00a4a5;}
	.on-side					{ float: right; padding: 0px 0 5px; }
	a.new						{ padding: 2px 2px 2px 20px; background: url(../images/icon_new.png) no-repeat 0 50%; margin-left: 10px;}
	a.new-small					{ padding: 2px 2px 2px 20px; background: url(../images/add_new_small.png) no-repeat 0 50%; margin-left: 10px;}
	a.download					{ padding: 2px 2px 2px 20px; background: url(../images/icon_download.png) no-repeat 0 50%; margin-left: 10px; }
	a.print						{ padding: 2px 2px 2px 20px; background: url(../images/icon_print.png) no-repeat 0 50%; margin-left: 10px; }
	.text-highlight-right		{ color: #ff6600; text-align: right;}
	a.edit						{ padding: 2px 2px 2px 20px; background: url(../images/icon_edit.png) no-repeat 0 50%; margin-left: 10px; }
	a.money						{ padding: 2px 2px 2px 20px; background: url(../images/icon_money_transfer.png) no-repeat 0 50%; margin-left: 10px; }
	a.report					{ padding: 2px 2px 2px 20px; background: url(../images/icon_report.png) no-repeat 0 50%; margin-left: 10px; }
	a.email						{ padding: 2px 2px 2px 20px; background: url(../images/icon_email.png) no-repeat 0 50%; margin-left: 10px; }
	a.withdraw					{ padding: 2px 2px 2px 20px; background: url(../images/icon_withdraw.png) no-repeat 0 50%; margin-left: 10px; }
	img.icon					{ max-height: 16px; max-width: 16px; }
	td a.report 				{ margin-left: 0; }
	a.nomargin					{ margin: 0; }
	
	p.alert						{ margin: 10px 0; font-size: 14px; padding: 10px 0 10px 40px !important; background: url(../images/icon_alert.png) no-repeat 0 50%; }
	p.info						{ margin: 10px 0; font-size: 14px; padding: 10px 0 10px 40px; background: url(../images/icon_info.png) no-repeat 0 50%; }
	p.small						{ font-size: 11px; color: #666; }
	
	
	div.warning					{ margin: 10px 0; font-size: 14px; padding: 10px 0 10px 50px; background: url(../images/icon_alert.png) no-repeat 0 50%; border: solid 2px #ccc; padding: 10px 10px 10px 30px; margin: 10px 0; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; box-shadow: 2px 2px 4px #ddd; -moz-box-shadow: 2px 2px 4px #ddd; -webkit-box-shadow: 2px 2px 4px #ddd; }
	div.warning div.actions		{ float: right; display: inline; }
	div.warning div.date		{ margin-top: 5px; color: #555; }
	div.warning span			{ color: #666; }
	
	
	
	div.carousel					{ overflow: hidden; height: 43px; margin: 0 0 20px; position: relative; }
	div.carousel ul.items			{ position: absolute; top: 0; left: 0; }
	div.carousel ul.items li		{ float: left; margin: 0 23px 5px; width:85px; height:43px;  word-wrap: break-word;}
	div.carousel ul.items li img	{ display: block; margin: 0 auto 5px; width: 85px; height: 75px; background: #eee; }
	div.carousel ul.items li p		{ text-align: center; max-width: 85px; word-wrap: break-word;}
	
	div.carousel a.prev,
	div.carousel a.next				{ position: absolute; top: 8px; width: 10px; height: 18px; text-indent: -9999px;
									  background: url(../images/sprite_carousel_arrows_small.png) no-repeat 0 0; }
	
	div.carousel a.prev				{ background-position: 0 0; left: 0; }
	div.carousel a.next				{ background-position: 100% 0; right: 0; }
	div.carousel a.prev.disabled	{ background-position: 0 100%; }
	div.carousel a.next.disabled	{ background-position: 100% 100%; }

	
/*	7.1 BANNER
------------------------------------------------*/

.banner{ }


	
	
/*	7.2 lEFT CONTENT
------------------------------------------------*/

.colm-L{float:left;width:295px;background:#eee;height:150px}

/*	7.3 RIGHT CONTENT
------------------------------------------------*/
	
.colm-R				{float:right;width:610px; }
.colm-R h1			{ color:#d90f18; font: 18px "Segoe UI",helvetica,sans-serif; padding: 10px 10px 5px; }
.colm-R p			{ line-height: 20px; padding: 0 10px; color: #a67b4f; font-size: 14px; }
.toplinks			{font:bold 14px "Segoe UI"}
.toplinks a			{background:transparent url('../images/button.jpg') no-repeat scroll;width:185px;height:26px;display:inline-block;margin-right:4px;padding:11px 0 0 13px; color: #fff; font-size: 13px; }
.toplinks a.last	{margin:0}
	
/*	7.4 FORM
------------------------------------------------*/

form fieldset 		{ border: none; padding: 0; }
form fieldset h3 	{ background: #eee;	padding: 5px; }
form fieldset ul.form
				 	{ list-style-type: none; margin: 5px 0 15px 0; padding: 0; }
form fieldset ul.form li 	
					{ clear: both; display: block; padding: 10px 0; }
form fieldset ul.form li.secondary, form fieldset ul.form li.secondary-nolabel	
					{padding-top: 0; } 		
form fieldset ul.form li.secondary-nolabel span								
					{margin-lefT: 165px; } 
form fieldset ul.form li.secondary-nolabel div
					{ padding-bottom: 5px; }
form fieldset ul.form li.nolabel span						
					{margin-lefT: 130px; } 		
form fieldset ul.form li label 
					{ color: #666; text-align: right; float: left; display: inline; width: 110px; margin-right: 5px; margin-top: 5px;text-align: left;}			
form label.leftalign 
					{ color: #666; text-align: left; float: left; display: inline; width: 105px; margin-left: 40px; margin-top: 5px; padding: 5px;}
form fieldset ul.widelabel li label { width: 150px; }
form fieldset ul.form li label.tall-label
					{ padding-top: 16px; }
form fieldset ul.form li span 
					{ float: left; display: inline; margin-top: 5px; }
form fieldset ul.form li span.text-only
					{ float: left; display: inline; padding-right: 10px; font-size:14px; vertical-align:middle;}
form fieldset ul.form li span label  
                         { color: #333; text-align: left; float: none; display: inline; width: auto; margin-right: 10px; margin-top: 0;}
/*form fieldset ul.readonly li span
					{ margin-top: 5px; }*/
form fieldset ul.form li span.grouped-actions
					{  } 		
form fieldset ul.form li span.return-action
					{ width: 130px; margin-right: 20px; text-align: right; } 										
form fieldset ul.form li span label
					{ color: #333; text-align: left; float: none; display: inline; width: auto; margin-right: 10px; margin-top: 0;}
input.active-placeholder 
					{ color: #999; }
form fieldset ul.form div.label
					{ color: #666; margin-bottom: 5px; }
form fieldset ul.form li.reqd em
					{ color: #c00; }
p.reqd				{ color: #c00; text-align: right; margin-bottom: 5px; }
p.reqd-small		{ color: #c00; text-align: right; margin-bottom: 5px; width:80%;}
form fieldset ul.form div.multiline
					{ margin-bottom: 5px; }
form fieldset ul.form div.multiline-edit
					{ margin-bottom: 10px; }			
input.datefld 		{ background: url(../images/icon_calendar.gif) no-repeat 98% center; padding-right: 16px; width: 80px; border-width: 1px; }
form fieldset ul.form li span input.datepicker		
					{ background: url(../images/icon_calendar.gif) no-repeat right center; padding-right: 25px; width: 80px; border-width: 1px; }
form fieldset ul.form li span input.timepick		
					{ background: url(../images/bg_time.png) no-repeat right top; padding-right: 25px; border-width: 1px; width: 60px; }					
button.disabled, button:disabled 
					{ background: transparent url(../images/bg_btn_dis.png) repeat-x; }
button.secondary	{ background: transparent !important; color: #069; border: none !important; }
input.disabled, select.disabled 
					{ background: #eee; }
form fieldset ul.form li span input.disabled, form fieldset ul.form li span select.disabled 
					{ border: 1px solid #eee; }
form fieldset ul.form li label.disabled	{ color: #999; }
form fieldset ul.form li label.inline-label
										{ width: 140px; }
form fieldset ul.form li span input,
form fieldset ul.form li span select	{ margin-top: -5px; }
form fieldset ul.form li span img		{ vertical-align: middle; }
form fieldset ul.separator
					{ border-top: 1px dotted #ccc; padding: 10px 0 0; }
form fieldset ul.form li.action span
					{ margin-left: 135px; }
.bold				{ font-weight: bold; }
form fieldset ul.widelabel li.action span
					{ margin-left: 155px; }
.positive-fb		{ color: #0c0; font-weight: bold; }
.negative-fb		{ color: #c00; font-weight: bold; }
.help				{ font-size: 10px; width: 300px;}
span.help			{ font-size: 11px; width: 300px;}
div.help			{ color: #888; }
img.help			{ cursor: pointer; }

.password			{ width: 90px; height: 30px; background: url(../images/passwd_blank_new.png) 0 -2px no-repeat; }
.password-weak		{ width: 90px; height: 30px; background: url(../images/passwd_weak_new.png) 0 20px no-repeat; }
.password-strong	{ width: 90px; height: 30px; background: url(../images/passwd_strong_new.png) 0 19px no-repeat; }
.password-vstrong	{ width: 90px; height: 30px; background: url(../images/passwd_vstrong_new.png) 0 19px no-repeat; }

.password-weak > div#passStrength { margin-top: 4px; margin-left: 5px; }
.password-strong > div#passStrength { margin-top: 2px; margin-left: 4px; }
.password-vstrong > div#passStrength { margin-top: 3px; margin-left: 4px; }
input.amount		{ width: 80px; text-align: right; }

form fieldset ul.form li span.has-checkbox		{ margin-left: 155px; text-indent: -25px; }

form fieldset ul.form li p			{ margin: 5px 20px 5px 137px; }

ul.form.no-labels span.has-checkbox,
ul.form.no-labels li p				{ margin-left: 30px; }
textarea.memo						{ width: 520px; height: 40px; }
div.nonform-pageaction				{ padding-left: 10px; }

/* 7.5 MESSAGING 
--------------------------------------------------------*/
		
	div.message			{ padding: 8px 18px 10px 35px; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; margin: 5px 0; position: relative; }
	
	div.message a.close	{ position: absolute; right: 5px; top: 5px; display: inline-block; background:url(../images/close_button.gif) no-repeat; text-decoration: none; width: 12px; height: 12px; text-indent: -9999px; }
	div.info-message	{ background: #eeeeff url(../images/msg_icon_info.png) no-repeat 7px 6px; border: 2px solid #0000b9; }
	div.success-message	{ background: #eeffee url(../images/msg_icon_success.png) no-repeat 7px 6px; border: 2px solid #008000; }
	div.warning-message	{ background: #fff7ee url(../images/msg_icon_warning.pngg) no-repeat 7px 6px; border: 2px solid #ff9122; }
	div.error-message	{ background: #ffeeee url(../images/icon_close.png) no-repeat 7px 6px; border: 2px solid #bf0000; box-shadow: 2px 2px 4px #ddd; -moz-box-shadow: 2px 2px 4px #ddd; -webkit-box-shadow: 2px 2px 4px #ddd; }
	div.box				{ padding-bottom: 15px; margin-bottom: 10px; border-bottom: 1px solid #ddd; }
	
	.msg-dropzone, #msg-dropzone, #msg-dropzone1, #msg-dropzone2, #msg-dropzone3, #msg-dropzone4, #msg-dropzone5, #msg-dropzone6, #msg-dropzone7
						{ clear: left; }
	.msg-dropzone li, #msg-dropzone li, #msg-dropzone1 li, #msg-dropzone2 li, #msg-dropzone3 li, #msg-dropzone4 li, #msg-dropzone5 li, #msg-dropzone6 li, #msg-dropzone7 li
						{ background: #efe url(../images/msg_icon_success.png) no-repeat 5px 50%; padding: 10px 10px 10px 25px; border: solid 2px #090; margin: 10px 0; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; box-shadow: 2px 2px 4px #ddd; -moz-box-shadow: 2px 2px 4px #ddd; -webkit-box-shadow: 2px 2px 4px #ddd; }
	#msg-dropzone li.warning, #msg-dropzone1 li.warning, #msg-dropzone2 li.warning, #msg-dropzone3 li.warning, #msg-dropzone4 li.warning, #msg-dropzone5 li.warning, #msg-dropzone6 li.warning,  #msg-dropzone7 li.warning, div.warning
						{ background: #ffc url(../images/msg_icon_warning.png) no-repeat 5px 50%; border-color: #f90; }
	#msg-dropzone li.info, #msg-dropzone1 li.info, #msg-dropzone2 li.info, #msg-dropzone3 li.info, #msg-dropzone4 li.info, #msg-dropzone5 li.info, #msg-dropzone6 li.info,  #msg-dropzone7 li.info
						{ background: #d4e6fc url(../images/msg_icon_info.png) no-repeat 5px 50%; border-color: #2c62a0; }
	
	
/* 7.6 INTERNAL PAGES 
----------------------------------------------------------*/
	
	/* LEFT NAVIGATION */
	
	div.left-nav		{ float: left; width: 200px; background: #ddd;padding: 1px; margin-right: 15px; }
	div.left-nav h3		{ margin: 10px 5px; }
	div.left-nav ul		{ }
	div.left-nav ul	li	{ }
	div.left-nav ul	li a	
						{ display: block; padding: 5px; background: #fff; margin: 1px 0 0; padding-left: 20px; }
	div.left-nav ul	li.selected a						
						{ color: #333; background: url(../images/nav_select.png) no-repeat 7px center #fff; font-weight: bold;}
						
	div.right-content	{ float: left; display: inline; width: 700px; }
	

/* 7.7 TABLE GRID 
-------------------------------------------------------------------------*/
	table.grid									{ width: 100%; border-collapse: collapse; clear: both; border: none;  margin-bottom: 30px; table-layout:auto;}
	table.grid th				                { /*background: #ddd url(../images/bg_th.png) repeat-x !important;  *//* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f1f1f1+50,e1e1e1+51,f6f6f6+100;White+Gloss+%231 */background: #ffffff !important; /* Old browsers */background: -moz-linear-gradient(top, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%) !important; /* FF3.6-15 */background: -webkit-linear-gradient(top, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%) !important; /* Chrome10-25,Safari5.1-6 */background: linear-gradient(to bottom, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */ border-bottom: 1px solid #dedddd;padding: 8px 6px;  border-top: 1px solid #ccc; border-right: 1px solid #fff; font-size: 11px; text-align: left;}
	.searchResult th						 	{ /*background: #ddd url(../images/bg_th.png) repeat-x !important;  *//* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f1f1f1+50,e1e1e1+51,f6f6f6+100;White+Gloss+%231 */background: #ffffff !important; /* Old browsers */background: -moz-linear-gradient(top, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%) !important; /* FF3.6-15 */background: -webkit-linear-gradient(top, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%) !important; /* Chrome10-25,Safari5.1-6 */background: linear-gradient(to bottom, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */ border-bottom: 1px solid #dedddd;padding: 8px 6px;  border-top: 1px solid #ccc; border-right: 1px solid #fff; font-size: 11px; text-align: left;}
	
	table.grid th.number, table.grid td.number,
	table.grid th.actions, table.grid td.actions
												{ text-align: right; }
	table.grid td.actions a						{ margin: 0 4px; }
	table.grid th.status, table.grid td.status	{ text-align: center; }
	table.grid th.wide, table.grid td.wide		{ width: 125px; }
	table.grid th.action, table.grid td.action	{ text-align: right; }
	table.grid td								{ border-bottom: solid 1px #eee; }
	table.grid td.address						{ font-size: 11px; }
	table.grid td.bold							{ font-weight: bold; }
	table.grid td.price, table.grid th.price,
	table.grid td.number, table.grid th.number	{ text-align: right; }
	table.grid td.highlight						{ color: #ff6600;}
	table td.heading-column					{ background: #eee; padding: 8px 6px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;
						  	 					  border-right: 1px solid #fff; font-size: 11px; text-align: left; }
	table td.data-column					{ background: #fff; padding: 8px 6px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;
						  	 					  border-right: 1px solid #fff; font-size: 11px; text-align: left; }

	table.grid tr.odd td						{  }
	td.disabled									{ color: #999; }
	table.grid td.icon, table.grid th.icon		{ text-align: center; }
	table.grid td.join							{ width: 60px; text-align: center;}
	table.grid td.lower							{ text-align: right; }	
	table.grid tr.difflocation					{ background: #ff6600;}
	table.grid tr.odd1							{ background: #ff6600; border-right: 1px solid #eee;}
	
	/* highlight rows for different location */
	table.grid1									{ width: 100%; border-collapse: collapse; clear: both; border: none;  margin-bottom: 30px; table-layout:auto;}
	table.grid1 th								{ background: #ddd url(../images/bg_th.png) repeat-x; padding: 8px 6px; border-top: 1px solid #ccc;
						  	 					  border-right: 1px solid #fff; font-size: 11px; text-align: left; }
	table.grid1 th.number, table.grid td.number,
	table.grid1 th.actions, table.grid td.actions
												{ text-align: right; }
	table.grid1 td.actions a						{ margin: 0 4px; }
	table.grid1 th.status, table.grid td.status	{ text-align: center; }
	table.grid1 th.wide, table.grid td.wide		{ width: 125px; }
	table.grid1 th.action, table.grid td.action	{ text-align: right; }
	table.grid1 td								{ border-bottom: solid 1px #eee; }
	table.grid1 td.address						{ font-size: 11px; }
	table.grid1 td.bold							{ font-weight: bold; }
	table.grid1 td.price, table.grid th.price,
	table.grid1 td.number, table.grid th.number	{ text-align: right; }
	table.grid1 td.highlight						{ color: #ff6600;}
	
	table.grid1 tr.odd td						{  }
	table.grid1 td.icon, table.grid1 th.icon		{ text-align: center; }
	table.grid1 td.join							{ width: 60px; text-align: center;}
	table.grid1 td.lower							{ text-align: right; }	
	table.grid1 tr.difflocation					{ background: #ff6600;}
	table.grid1 tr.odd							{ background: #f5f5f5; border-right: 1px solid #eee;}
	table.grid1 tr.odd1							{ background: #ff6600; border-right: 1px solid #eee;}
	
	table.grid1 th a								{ color: #2c62a0; }
	
	table.grid1 th a.sort						{ display: inline-block; padding-right: 14px; background: url(../images/icon_sort.png) 100% 50% no-repeat; }
	
	table.grid1 th.number a.sort					{ float: right; margin-right: 0; margin-left: 5px; }
	
	table.grid1 td a.edit,
	table.grid1 td a.delete						{ display: block; height: 16px; text-indent: -9999px; }
	table.grid1 td a.edit						{ background: url(../images/icon_edit.png) no-repeat 50% 50%; }
	table.grid1 td a.delete						{ background: url(../images/icon_delete.png) no-repeat 50% 50%; }
	table.grid1 tfoot tr td						{ background: #f9f9f9; font-weight: bold; }
	
	table.grid1 td.review-only					{ color: #777; }
	table.grid1 td.success, span.success			{ color: #D90F18; }
	

	table.grid1 td					{ padding: 5px 6px 8px; }

	table.grid1 tr td:last-child		{ border-right: none; }

	table.grid1 td.active			{ color: #090; font-weight: bold; }
	table.grid1 td.expired			{ color: #900; font-weight: bold; }
	table.grid1 td.scheduled			{ color: #ff6600; font-weight: bold; }
	table.grid1 td.draft				{ color: #6699ff; font-weight: bold; }
	table.grid1 td.declined			{ color: #800080; font-weight: bold; }
	table.grid1 td.manual			{ color: #333333; font-weight: bold; background: url(../images/icon_manual.png) no-repeat left center; padding-left: 20px;}

	table.grid1 tr.selected td		{ background: #d7ebff; }
	
	/* highlight rows for different location ends */
	
	div.table-legend-bottom						{ margin-bottom: 20px; }
	div.table-legend-bottom img					{ vertical-align: bottom; }
	
	div.loading									{ padding: 10px; text-align: center; }
	
	/* Scrolling */
	div.scrollable-table						{ height: 250px; overflow: auto; }
	div.scrolling-list							{ height: 250px; width: 400px; overflow: auto; overflow-y: scroll;
												  overflow-x: hidden; border: 1px solid #ccc; }
	div.horizontal-scroll-table					{ width: 870px; overflow: auto; overflow-x: scroll; border: 1px solid #ccc; }
	div.horizontal-scroll						{ width: 100%; overflow-x: scroll; border: 1px solid #ccc; }
	div.scrolling-list li						{ padding: 5px 10px; border-bottom: 1px solid #eee; }
	
	/* Pagination */
	ul.table-pagination							{ clear: both; text-align: right; padding: 5px 0; float: right; display: inline; width: 300px; margin-top: 0px; }
	ul.table-pagination li						{ display: inline; padding: 5px; }
	ul.table-pagination li.disabled				{ color: #777; }
	ul.table-pagination li.current a			{ color: #000; cursor: pointer; font-weight: bold; }
	p.item-count								{ float: left; padding-bottom: 5px; }
	table.grid th a								{ color: #2c62a0; }
	
	table.grid th a.sort						{ display: inline-block; padding-right: 14px; background: url(../images/icon_sort.png) 100% 50% no-repeat; }
	
	table.grid th.number a.sort					{ float: right; margin-right: 0; margin-left: 5px; }
	
	table.grid td a.edit,
	table.grid td a.delete						{ display: block; height: 16px; text-indent: -9999px; }
	table.grid td a.edit						{ background: url(../images/icon_edit.png) no-repeat 50% 50%; }
	table.grid td a.delete						{ background: url(../images/icon_delete.png) no-repeat 50% 50%; }
	
	table.grid tfoot tr td						{ background: #f9f9f9; font-weight: bold; }
	
	p.num-grid-items							{ font-weight: bold; margin-bottom: 10px; }
	
	div.utility-actions							{ float: right;  width: 400px; display: inline; text-align: right; margin-top: 15px;}
	div.utility-actions a						{ margin: 0 5px; }
	
	table.grid td.review-only					{ color: #777; }
	table.grid td.success, span.success			{ color: #D90F18; }
	

	table.grid td					{ padding: 5px 6px 8px; }

	table.grid tr:nth-child(odd)	{ background: #f5f5f5; border-right: 1px solid #eee; }
	table.grid tr td:last-child		{ border-right: none; white-space: nowrap;}
	
	/* added to show action links in single line on Employee list(for IE 7 & IE 8 only)*/
	table.grid tr td + td + td + td + td + td + td + td + td {border-right: none\9; white-space: nowrap\9; width:100%\9;}
	
	table.grid td.active			{ color: #090; font-weight: bold; }
	table.grid td.expired			{ color: #900; font-weight: bold; }
	table.grid td.scheduled			{ color: #ff6600; font-weight: bold; }
	table.grid td.draft				{ color: #6699ff; font-weight: bold; }
	table.grid td.declined			{ color: #800080; font-weight: bold; }
	table.grid td.manual			{ color: #333333; font-weight: bold; background: url(../images/icon_manual.png) no-repeat left center; padding-left: 20px;}

	table.grid tr.selected td		{ background: #d7ebff; }
	td.off-site 					{ color: #FF6600; }
	div.off-site					{ float: right; color: #F60 }

	div.sort-by select 				{ font-size: 12px; padding: 0; }
	div.sort-by 					{ padding: 5px 5px 8px; }
	div.emp-code 					{ color: #999999; }

fieldset.grid-container				{ border: 1px solid #ddd; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; padding: 0 15px 5px; position: relative;
									  box-shadow: 2px 2px 4px #ddd; -moz-box-shadow: 2px 2px 4px #ddd; -webkit-box-shadow: 2px 2px 4px #ddd; margin-bottom: 20px;}

					  
fieldset.report-grid-container				{ border: 1px solid #ddd; -webkit-border-radius: 6px; -moz-border-radius: 5px; border-radius: 5px; padding:5px; position: relative;
									  box-shadow: 2px 2px 4px #ddd; -moz-box-shadow: 2px 2px 4px #ddd; -webkit-box-shadow: 2px 2px 4px #ddd; margin-bottom: 20px; margin: 20px auto !important; width: 98%; min-width: 600px;}

fieldset.grid-container-small		{ border: 1px solid #ddd; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; padding: 0 15px 5px; position: relative;
									  box-shadow: 2px 2px 4px #ddd; -moz-box-shadow: 2px 2px 4px #ddd; -webkit-box-shadow: 2px 2px 4px #ddd; margin-bottom: 20px; width: 80%;}

/* .add-source used on Customer sign up step 3 page */
fieldset.add-source					{ min-height:130px; margin-top: 10px; }
fieldset.add-source p				{ margin: 5px 0 10px; }
fieldset.add-source p a.new			{ margin-left: 0; }

fieldset.no-title					{ padding: 15px; }									  

form fieldset.customer-report, form fieldset.transaction-report, form fieldset.employee-report
									{ padding: 10px 15px; }
form fieldset.grid-container.expandable	{ margin-bottom: 35px; }
form fieldset.grid-container h3		{ color: #069; background: none; }
form fieldset.grid-container h3.before-tab
									{ padding: 5px 10px;  }
form fieldset.collapsible h3		{ background: url(../images/icon_minus.png) no-repeat 0px center; padding-left: 20px; cursor: pointer;}
form fieldset.closed h3				{ background: url(../images/icon_plus.png) no-repeat 0px center; padding-left: 20px; }
form fieldset.collapsible h3 a		{ display: none; }
form fieldset.closed h3 a			{ float: right; display: inline !important; padding-top: 5px; }

form fieldset.closed ul, form fieldset.closed div.inner-content, form fieldset.closed table.grid
									{ display: none; }

form fieldset.grid-container a.more	{ position: absolute; bottom: -17px; height: 16px; left: 50%; margin-left: -25px; width: 50px; text-indent: -9999px;
									  background: #fff url(../images/icon_arrow_down.png) no-repeat 50% 50%; -webkit-box-shadow: 0 3px 3px #ddd; -moz-box-shadow: 0 3px 3px #ddd; box-shadow: 0 3px 3px #ddd;
									  border: solid 1px #ddd; border-top: none; -webkit-border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; }
form fieldset.grid-container.expanded a.more	{ background-image: url(../images/icon_arrow_up.png); }
form fieldset.closed ul				{ display: none; }
table.grid tr.virtual-acct td		{ background: #C3F5D1; }
table.grid1 tr.virtual-acct td		{ background: #C3F5D1; }
.expanded-content					{ display: none; }
ul.actions.expanded-content			{ margin-top: -10px !important; }

	#show-all-available-balances	{ display: block; margin-top: 3px; color: #333; background: url(../images/arrow_sm.png) no-repeat right center; padding-right: 15px;}
	#all-available-balances			{ display: none; position: absolute; top: 59px; right: -16px; left: -16px; background: #ADE7BC; z-index: 99; border: 1px solid #ddd; 
									  -webkit-border-radius: 0 0 6px 6px; -moz-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px; border-top: none;
									  box-shadow: 2px 2px 4px #ddd; -moz-box-shadow: 2px 2px 4px #ddd; -webkit-box-shadow: 2px 2px 4px #ddd; padding: 0 10px 0 10px; }
	#all-available-balances ul			{ padding: 5px; }
	#all-available-balances ul li		{ display: block; clear: both; padding: 0; margin: 0; line-height: 18px; }
	#all-available-balances ul li label	{ float: left; display: inline; width: auto; text-align: left; padding: 0; color: #555; }
	#all-available-balances ul li span	{ padding: 0; margin: 0; display: block; text-align: right; float: none; }


/* 7.8 COLUMNS
-------------------------------------------------------------------------*/
	form fieldset li span div.columns			{ width: 400px; }
	div.columns	div.column						{ float: left; display: inline; overflow: hidden; }
	div.columns.two div.column					{ width: 50%; }
	div.columns.three div.column				{ width: 33%; }
	div.columns.four div.column					{ width: 25%; }
	div.columns.five div.column					{ width: 20%; }
	
	
	div.columns.two div.column.pad-right		{ width: 48%; padding-right: 2%; }
	div.columns.two div.column.pad-left			{ width: 48%; padding-left: 2%; }
	div.columns.two div.column ul.form li		{border: 0; }
	div.columns.two div.column ul.form li		{border: 0; }
	div.columns.two div.column ul.form li label.small	{ width: 90px; }
	div.columns.two div ul.form li				{border: 0; }
	div.columns.two div.column.borderright		{ border-right: 1px dotted #ccc; }
	form ul.form.short-labels label				{ width: 105px; }
	div.column ol li							{ margin-bottom: 10px; }
	div.column ol								{ margin-left: 25px; list-style-type: upper-alpha }
	div.column.pad-right1						{ width: 28%; padding-left: 2%; }
	div.column.pad-left1						{ width: 60%; padding-right: 10%; }
	
/* 7.9 TABS
-------------------------------------------------------------------------*/

div.tabs							{ margin-bottom: 20px; clear: both; }
div.tabs ul							{ padding-bottom: 30px; border-bottom: 1px solid #ccc; }
div.tabs ul li						{ float: left; display: inline; margin: 0 0 0 7px; }
div.tabs ul li a					{ display: block; border: 1px solid #ccc; padding: 6px 8px 0 3px; height: 23px; border-top-left-radius: 5px; border-top-right-radius: 5px; 
									  background: -moz-linear-gradient(center top , #EEEEEE 0%, #fff 100%) repeat; 
									  background: -webkit-gradient(linear, left bottom, left top, color-stop(0.09, #FFFFFF), color-stop(0.55, #EEEEEE)); 
									  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff' ); color: #333; }
div.tabs ul li.selected a			{ background: #fff; border-bottom: 1px solid #fff; filter: none; }

div.tab-content			{ display: none; padding: 0 17px; }
div.open				{ display: block !important; }

div.tabs ul li disabled { color: #777; }

/* 7.10 MY ACCOUNT - OVERVIEW
-------------------------------------------------------------------------*/

	table.month-summary				{ margin-top: 0; }
	table.month-summary td.data		{ white-space: nowrap; }

/*	8.0 FOOTER
------------------------------------------------*/
.footer		{ font-size: 11px; }	
.flinks		{background:#e1e1e1;height:30px; }
.footer p	{color:#999;text-align:center; font-size: 11px; padding: 5px 0; }
.footer p a	{color:#999; font-size: 11px; text-decoration: underline;}



/* FORM */
.show-when-radio-checked	{ display: none; }
input[type=text], input[type=password], textarea, select
							{ background: #fff url(../images/bg_input.png) repeat-x; border: 1px solid #bbb; font: 12px "Segoe UI",helvatica,sans-serif; padding: 3px; } 
input.datepicker			{ width: 100px; }
ul.form em					{ color: #c00; font-style: normal; font-size: 11px; }
fieldset li:hover			{ background: #f5f5f5; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; }
fieldset li.no-highlight:hover,
fieldset li.action:hover,
fieldset ul.summary li:hover
							{ background: none; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; }
form fieldset ul.form li	{ padding: 6px;}


.primary-button, button.primary {
	background: #93d1d2; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzkzZDFkMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjIlIiBzdG9wLWNvbG9yPSIjNTNjZWQyIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNSUiIHN0b3AtY29sb3I9IiMyYmM1YzkiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIyNSUiIHN0b3AtY29sb3I9IiMyNWJlYzIiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI3MyUiIHN0b3AtY29sb3I9IiMxMGE1YWIiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI5OCUiIHN0b3AtY29sb3I9IiMwNjliYTEiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjNGViNGI5IiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
	background: -moz-linear-gradient(top,  #93d1d2 0%, #53ced2 2%, #2bc5c9 5%, #25bec2 25%, #10a5ab 73%, #069ba1 98%, #4eb4b9 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#93d1d2), color-stop(2%,#53ced2), color-stop(5%,#2bc5c9), color-stop(25%,#25bec2), color-stop(73%,#10a5ab), color-stop(98%,#069ba1), color-stop(100%,#4eb4b9)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #93d1d2 0%,#53ced2 2%,#2bc5c9 5%,#25bec2 25%,#10a5ab 73%,#069ba1 98%,#4eb4b9 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #93d1d2 0%,#53ced2 2%,#2bc5c9 5%,#25bec2 25%,#10a5ab 73%,#069ba1 98%,#4eb4b9 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #93d1d2 0%,#53ced2 2%,#2bc5c9 5%,#25bec2 25%,#10a5ab 73%,#069ba1 98%,#4eb4b9 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #93d1d2 0%,#53ced2 2%,#2bc5c9 5%,#25bec2 25%,#10a5ab 73%,#069ba1 98%,#4eb4b9 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#93d1d2', endColorstr='#4eb4b9',GradientType=0 ); /* IE6-8 */

	border: 1px solid #00a4a5;
	-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
	-moz-box-shadow: inset 0px 0px 0px 1px rgba(100, 218, 255, 0.4), 0 1px 3px #333;
	-webkit-box-shadow: inset 0px 0px 0px 1px rgba(100, 218, 255, 0.4), 0 1px 3px #333;
	box-shadow: inset 0px 0px 0px 1px rgba(100, 218, 255, 0.4), 0 1px 3px #333;
	color: white;
	font: 14px "Segoe UI",helvetica,sans-serif;
	line-height: 1;
	padding: 6px 15px 7px;
	text-align: center;
	cursor: pointer;
}
button.cancel {
	background: #eee;
	background: -moz-linear-gradient(top, #EEE 0%, #CCC 100%);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#EEE), to(#CCC));
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EEEeee', endColorstr='#cccccc');
	border: 1px solid #aaa;
	-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;
	color: #333;
	font: 14px "Segoe UI",helvetica,sans-serif;
	line-height: 1;
	padding: 6px 15px 7px;
	text-align: center;
	-moz-box-shadow: 1px 1px 2px #ccc; -webkit-box-shadow: 1px 1px 2px #ccc; box-shadow: 1px 1px 2px #ccc;
	cursor: pointer;
}

button.disable {
	background: #eee;
	background: -moz-linear-gradient(top, #EEE 0%, #CCC 100%);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#EEE), to(#CCC));
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EEEeee', endColorstr='#cccccc');
	border: 1px solid #aaa;
	-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;
	font: 14px "Segoe UI",helvetica,sans-serif;
	line-height: 1;
	padding: 6px 15px 7px;
	text-align: center;
	-moz-box-shadow: 1px 1px 2px #ccc; -webkit-box-shadow: 1px 1px 2px #ccc; box-shadow: 1px 1px 2px #ccc;
	color: rgb(197, 197, 197);
    cursor: default;
}
button.small {
	padding: 3px 10px 4px;
	font-size: 12px !important;
}


div.actions button.left-action		{ float: left; display: inline; margin-right: 5px; }


/* CONTACT US */
	div.content-split			{ float: left; display: inline; overflow: hidden; }
	div.content-split.right		{ width: 200px; margin-right: 10px; float: right;
									height: 440px; background: #f5f5f5; 
									border-radius: 9px; -webkit-border-radius: 9px; -moz-border-radius: 9px; padding: 20px; }
	div.content-split.main		{ width: 640px; padding-right: 3%;  }




/* MY ACCOUNT */

	ul.summary 				{ height: 37px; overflow: hidden;  padding-top: 7px; }
	ul.summary li			{ display: inline-block; margin-right: 30px; vertical-align: top; color: #F5F0F0;}
	ul.summary li label		{ text-align: left; display: block; color:#F5F0F0; }
	ul.summary li span		{ font-weight: bold; color: #000;}	
	fieldset.summary-box	{ background: #dfecfd;}
	ul.summary li span.virtual-amount		{ font-size: 16px; font-weight: bold; color: #F5F0F0; }
	
	
	div#common-actions-wrapper		{ clear: both; float: right; text-align: right; position: relative; margin-top: 0; margin-bottom: -26px; width: 100px; }
	a#actions						{ display: inline-block; padding: 5px 35px 5px 11px; border: 1px solid #ddd; 
								  background: url(../images/bg_action.png) no-repeat center -1px;
								  color: #fff; }
	a#actions:hover					{ border-color: #ddd;}							  
	a#actions.open					{  border: 1px solid #ccc;  }

	
	
	ul#common-actions				{ display: none; position: absolute; top: 26px; right: 0px; padding: 0; z-index: 99; background: #eee;
									  border: 1px solid #ccc;
									  box-shadow: 1px 1px 1px #ddd; -moz-box-shadow: 1px 1px 1px #ddd; -webkit-box-shadow: 1px 1px 1px #ddd; min-width: 140px; }
	ul#common-actions li			{ display: block; float: none; margin: 0; padding: 0; border-radius: 0; -moz-border-radius: 0; 
									  -webkit-border-radius: 0; text-align: left; }
	ul#common-actions li a			{ display: block; padding: 7px 10px; white-space: nowrap; font-size: 12px;
										border-radius: 0; -moz-border-radius: 0; 
									  -webkit-border-radius: 0; height: auto; background: none; border: none; 
									  border-bottom: 1px dotted #ccc; }
	ul#common-actions li a:hover	{ background: #ddd; }
	
	
	
	fieldset.summary-box									{ background: #dfecfd; float: right; display: inline; padding-bottom: 7px; }
	fieldset#account-balance								{ background: #121c2e; position: relative; max-width: 230px; min-width: 150px !important; margin: 0px !important;}
	fieldset#account-balance ul.summary						{ overflow: visible; }
	
	
	form fieldset ul.form li span.checkbox-summary			{ float: left; white-space: normal; max-width: 500px; }
	form fieldset ul.form li.done							{ background: #f5f5f5; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: 1px dotted #ccc; }
	form fieldset ul.form li span.checkbox-summary a		{ clear: left; }
	form fieldset ul.form li span.checkbox-group			{ display: none; }
	form fieldset ul.form li span.checkbox-group div		{ margin-bottom: 5px; }
	form fieldset ul.form li span.checkbox-group a			{ display: block; }
	.separator				{ border-bottom: 1px dotted #ccc; }
	
	
	ul.actions				{ margin: 0 0 10px 0; }
	ul.actions li			{ list-style: disc; margin: 0 0 0 20px; padding: 3px 0; }
	
	div.recomendation-placeholder
							{ background: #ddd; padding: 20px 0; margin: 0 0 10px 0; cursor: pointer;
							  -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
	div.recomendation-placeholder h4
							{ text-align: center; padding: 0;}
	div.recomendation-placeholder p.action
							{ text-align: center;  margin-top: 5px;}
	
/* HOME PAGE */
	div.home-content		{ width: 920px; padding: 0; margin: 15px 0 30px; }
	div.home-R				{ padding-left: 0; }
	#slideshow				{ width: 920px; height: 262px; overflow: hidden; position: relative; }
	ul.slides				{ position: absolute; top: 0; left: 0; }
	ul.slides li			{ position: absolute; top: 0; left: 0; width: 920px; height: 262px; display: none; z-index: 10; }


/* ACCORDION
--------------------------------------*/
	ul.accordion 				{ }
	ul.accordion li				{ background: #f8f8f8; padding: 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #ddd; margin: 2px 0; }
	ul.accordion li h3			{ padding: 4px 4px 4px 20px; background: #f1f1f1 url(../images/icon_expand.png) no-repeat 3px center; font-size: 14px; margin: 0; cursor: pointer; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
	ul.accordion li h3 span		{ color: #666; }
/*	ul.accordion li div			{ display: none; padding: 10px; height: 100px; overflow: auto; overflow-y: scroll; } ORIGINAL */
	ul.accordion li div			{ display: none; padding: 10px; overflow: auto;} /* removed height as the sections where too long, hence did not need overflow-y: scroll; */
	ul.accordion li div.acc-content			{ display: none; padding: 10px;  }
	
	ul.accordion li.open h3 	{ background: #f1f1f1 url(../images/icon_collapse.png) no-repeat 3px center; border-bottom-left-radius: 0; -moz-border-bottom-left-radius: 0; -webkit-border-bottom-left-radius: 0; border-bottom-right-radius: 0; -moz-border-bottom-right-radius: 0; -webkit-border-bottom-right-radius: 0; }
	ul.accordion li.open div.acc-content
								{ display: block; }
	ul.accordion li.action		{ background: #fff; border: 0; padding: 10px 0; }
	
	ul.accordion ol li			{ background: none; border: 0; width: 30%; float: left; display: inline; }
	form fieldset ul.form ol li	{ background: none; border: 0; width: 140px; float: left; display: inline; clear: none; }
	.clear						{ clear: both !important; }
	ul.accordion ul.form li span{ margin-top: 3px; }
	ul.accordion ul.form		{ margin-bottom: 5px; }
	
	ul.nocollapse li h3, ul.nocollapse li.open h3
						 		{ background: #f1f1f1; padding-left: 7px; }
	
/* TOOLTIP
-------------------------------------------*/
	div.tooltip								{ display: none; position: absolute; background: #dfefff; border: solid 1px #ccc; padding: 5px 10px; max-width: 330px; width: 150px; z-index: 999; }
	div.tooltip.open						{ display: block; }
	div.tooltip.above						{ min-width: inherit; }
	
	div.tooltip div.tip						{ position: absolute; }
	div.tooltip div.tip div					{ background: #dfefff; border-left: solid 1px #ccc; height: 1px; float: right; display: inline; clear:right; }
	
	div.tooltip.above div.tip div			{ border-left: none; border-bottom: solid 1px #ccc; width: 1px; float: left; display: inline; }
	
	div.tooltip form fieldset ul li label	{ width: 100px; }
	div.tooltip form fieldset ul li span	{ margin-left: 105px; }
	div.tooltip form ul li.separator		{ margin-top: 0px; border-top: 1px dotted #ccc; height: 17px; }
	

/*	Carousel
-------------------------------------------*/
	div.product-carousel							{ position: relative; }
	/* Items */
	div.product-carousel div.item-wrapper			{ width: 880px; margin: 10px auto; overflow: hidden; position: relative; }
	div.product-carousel ul.items					{ position: absolute; top: 0; left: 0; }
	div.product-carousel ul.items li				{ float: left; display: inline; text-align: center; width: 220px; margin: 0; }
	div.product-carousel ul.items li img			{ height: 80px; display: block; margin: 5px auto; } /* if height is NOT set- the carousel might clip its contents */
	div.product-carousel ul.items li h3				{ color: #333; margin: 5px 0; padding: 0; font-size: 14px; }
	div.product-carousel ul.items li p				{ color: #555; text-align: left; }
	div.product-carousel ul.items li a				{ display: block; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 5px; margin: 0 5px; }
	div.product-carousel ul.items li a:hover		{ background: #eee; }
	/* Arrows */
	div.product-carousel a.left-arrow,
	div.product-carousel a.right-arrow				{ position: absolute; top: 0; height: 36px; width: 24px; text-indent: -9999px;
													  background: url(../images/sprite_carousel_arrows.png) no-repeat 50% 50%; }
	div.product-carousel a.left-arrow				{ background-position: 0% 0%; left: 0; }
	div.product-carousel a.right-arrow				{ background-position: 100% 0%; right: 0; }
	div.product-carousel a.left-arrow.disabled		{ background-position: 0% 100%; }
	div.product-carousel a.right-arrow.disabled		{ background-position: 100% 100%; }
	/* Pagination */
	div.product-carousel ul.pagination				{ text-align: center; }
	div.product-carousel ul.pagination li			{ display: inline-block; color: #999; font-size: 36px; padding: 0 3px; }
	div.product-carousel ul.pagination li.selected	{ color: #000; }
	
	
	
/*	Loyalty Program List
---------------------------------*/
	table.grid.programs tbody tr td img	{ width: 40px; height: 30px; background: #999; }
	table.condition-table tr.showafter	{ display: block; display: table-row; }
	
	
/*	Product List
-----------------------*/

	form fieldset.products				{ padding: 15px 0 25px 15px; }
	ul.product-list						{ }
	ul.product-list li					{ height: 60px; padding: 15px 0; }
	ul.product-list.columned li			{ float: left; display: inline; width: 45%; margin-right: 5%; }
	ul.product-list li a				{ display: block; color: #000; }
	ul.product-list li img				{ width: 50px; float: left; display: inline; }
	ul.product-list li h3				{ color: #000; font-size: 16px; padding: 0 0 5px 0; }
	ul.product-list li h3,
	ul.product-list li p				{ margin: 0 0 0 60px; }
	ul.product-list li p				{ color: #555; }
	
/*	Popup Steps
----------------------------*/
	div.popup ul.steps					{ border-bottom: solid 1px #ccc; height: 38px; background: #eee; padding-left: 6px; }
	div.popup ul.steps li				{ float: left; display: inline; }
	div.popup ul.steps li a				{ display: block; padding: 5px 20px; margin-top: 5px; font-size: 14px; line-height: 18px; }
	div.popup ul.steps li.selected a	{ color: #000; font-size: 16px; background: #fff; padding-bottom: 11px; 
										 -webkit-border-top-left-radius: 6px;
-webkit-border-top-right-radius: 6px;
-moz-border-radius-topleft: 6px;
-moz-border-radius-topright: 6px;
border-top-left-radius: 6px;
border-top-right-radius: 6px; }
	
	div.popup div.step-content-wrapper							{ }
	div.popup div.step-content-wrapper div.step-content			{ display: none; }
	div.popup div.step-content-wrapper div.step-content.open	{ display: block; }
	
/*	Product Details
---------------------*/
	img.product-thumbnail				{ float: left; display: inline; margin: 0 30px 10px 0; }

/* Product Contact 
-----------------------*/
	form fieldset.product-contact 			{ padding-bottom: 15px; }
	form fieldset.product-contact h3		{ padding-left: 0; }	
	
	textarea.contact-comment		{ width: 400px; height: 150px;}
/* STEPS */

	div.steps				{ background: url(../images/bg_steps.png) repeat-x bottom; border: 1px solid #ccc; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; box-shadeow: 2px 2px 3px #ccc; -moz-box-shadow: 2px 2px 3px #ccc; -webkit-box-shadow: 2px 2px 3px #ccc; margin-bottom: 20px; }
	div.steps ul			{ }
	div.steps ul li			{ float: left; display: inline; height: 46px; }
	div.steps ul li a		{  background: url(../images/chevron.png) no-repeat right center; display: block; padding: 5px 27px 11px 20px; color: #888; text-decoration: none; }
	div.steps ul li a em	{ font-weight: bold; font-style: normal; font-size: 14px; margin-bottom: 5px; }
	div.steps ul li a.current	
							{ color: #d90f18; }
	div.steps ul li a.done	
							{ color: #437390; background: url(../images/bg_done.png) no-repeat right center;}	

/* SMALL STEPS */

	div.steps-small				{ background: url(../images/bg_steps.png) repeat-x bottom; border: 1px solid #ccc; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; box-shadeow: 2px 2px 3px #ccc; -moz-box-shadow: 2px 2px 3px #ccc; -webkit-box-shadow: 2px 2px 3px #ccc; margin-bottom: 20px; width: 85%;}
	div.steps-small ul			{ }
	div.steps-small ul li			{ float: left; display: inline; height: 46px; }
	div.steps-small ul li a		{  background: url(../images/chevron.png) no-repeat right center; display: block; padding: 10px 50px 15px 20px; color: #888; text-decoration: none; }
	div.steps-small ul li a em	{ font-weight: bold; font-style: normal; font-size: 14px; margin-bottom: 5px; }
	div.steps-small ul li a.current	
							{ color: #d90f18; }
	div.steps-small ul li a.done	
							{ color: #437390; background: url(../images/bg_done.png) no-repeat right center;}	

/* FILTER */
div.table-filter			{ float: left; margin-bottom: 7px; }
div.table-filter label		{ padding-right: 8px; color: #666; }
div.table-filter a.selected { color: #666; font-weight: bold; cursor: default; }		

form fieldset ul.labeltop li label
							{ width: auto; text-align: left; float: none; display: block; padding: 0 0 3px 2px; }
form fieldset ul.labeltop li span
							{ float: none; display: inline-block; }		
form fieldset ul.labeltop li { float: left; clear: none; }
#offers-table				{ margin-bottom: 5px; }
	
div.inside-filters			{ border: 1px solid #ccc; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: -webkit-gradient(linear, left bottom, left top, color-stop(0.19, #eee), color-stop(0.6, #fff)); background: -moz-linear-gradient(center top , #fff 0%, #eee 100%) repeat scroll 0 0 transparent; padding: 10px; margin: 10px 0 25px;}

form fieldset.grid-container div.inside-filters ul li.action span 
							{ margin-top: 22px; margin-left: 0; }
form fieldset.grid-container div.inside-filters h3		
							{ color: #666; font-size: 14px; margin: 0; padding: 0 5px 0 20px; background: url(../images/icon_grey_expanded.png) no-repeat left 1px; font-weight: bold; cursor: pointer; }
form fieldset.grid-container div.inside-filters ul
							{ margin-top: 10px; }
form fieldset.grid-container div.collapsed h3
							{ background: url(../images/icon_grey_collapsed.png) no-repeat left 1px; } 
form fieldset.grid-container div.collapsed ul.form 
							{ display: none; }


/*	Loading (Searching) Interaction
---------------------------------------*/
	.load-area								{ }
	.load-area div.loading					{ text-align: center; padding: 50px 0; display: none; }
	.load-area div.loading span				{ padding: 2px 2px 2px 20px; background: url(../images/ajax_animation.gif) no-repeat 0 50%; color: #999; }
	.load-area div.loaded					{ display: none; }
	.load-area.open-at-start div.loaded		{ display: block; }
	
/* AUTOSUGGEST */

div.auto-suggest-ul-wrapper {
	position: relative;
	width: 0px;
	display: inline-block; }
ul.auto-suggest-ul {
	position: absolute;
	left: 2px;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	display: none;
	border-top: solid 1px #ccc; }
ul.auto-suggest-ul li {
	padding: 2px;
	color: #666;
	font-size:12px;
	font-family: Verdana, Geneva, sans-serif;
	cursor: pointer;
	background: #fff;
	border: solid 1px #ccc;
	border-top: none; }
ul.auto-suggest-ul li.primary-li { color: #000; }

ul.auto-suggest-ul li.current, ul.auto-suggest-ul li:hover {
	color: #FFF;
	background: #06F; }

input.auto-suggest.grey { color: #999; }	

fieldset.passphrase p	{ margin: 10px 0; }


/* ACTIVATE CARD 
-----------------------------------------------*/

textarea.tccard			{ width: 600px; height: 200px; }

/* OFFERS AND ADS PAGES
-----------------------------------------------*/

div.review-map 					{ background: #f6f6f6; border: 1px solid #ccc; padding: 10px; color: #999; height: 300px; margin-bottom: 10px; }
table.chooser					{ width: 500px; }
table.chooser td				{ padding: 0 5px; vertical-align: top; }
table.chooser td.action			{ vertical-align: middle; text-align: center; }	
table.chooser td.action button.small
								{ padding: 3px 5px 4px; }
div.scrollbox					{ height: 120px; width: 185px; overflow: auto; overflow-y: scroll; border: 1px solid #ccc; padding: 3px; background: #fff; }	
div.scrollbox li				{ padding: 3px 0; border-bottom: 1px dotted #ddd; }
div.scrollbox li a				{ float: right; display: inline; }
select.small					{ padding: 1px; font-size: 12px; width: 190px; }
	
div.nicEdit-main		 		{ background: #fff; }
form fieldset ul.form li.select-connections	
								{ display: none; }


form fieldset ul.toplabel 			 { clear: both; margin: 0 0 10px; }
form fieldset ul.toplabel li		 { float: left; display: inline; clear: none; }
form fieldset ul.toplabel li label	 { display: block; text-align: left; width: auto; float: none; margin-bottom: 8px;}	
form fieldset ul.toplabel li span	 { float: none; display: block; }	
form fieldset ul.toplabel li.action span	
									 { margin-top: 23px; margin-left: 0;}
									 
div.map-area						 { background: #f6f6f6 url(../images/map.png) no-repeat 0 -10px; border: 1px solid #ccc; padding: 10px; color: #999; height: 450px; margin: 2px 0 0; }			
div.slider							{ width: 200px; margin: 0 auto; }

div.company-list				   { float: left; display: inline; width: 204px; height: 550px; overflow: auto; overflow-y: scroll; overflow-x: hidden; border-right: 1px solid #ddd; padding: 10px;}
div.floated-map						{ float: right; display: inline; width: 703px; }
table.companies					   { width: 100%; }
table.companies td				   { padding: 5px; border-bottom: 1px dotted #ddd; }
table.companies th				   { padding: 5px; border-bottom: 1px dotted #ddd; text-align: left; font-weight: normal; font-size: 11px;}
form fieldset table.companies td input
									{ margin-top: 0 !important; vertical-align: middle;}
table.companies td.comp				 { border-right: 1px dotted #ccc; padding-right: 10px;}	 
span.marker							{ background: url(../images/marker.png) no-repeat center center; width: 24px; height: 34px; display: inline-block; color: #000; text-transform: uppercase; text-align: center; padding: 5px 0 0 0;}  		
div.company-map-area				{ background: #f6f6f6 url(../images/map_companies.png) no-repeat 0 -10px; padding: 10px; color: #999; height: 550px; margin: 0; }					
						 
/* ACCOUNT OVERVIEW */


span.big				{ font-size: 22px; }
span.green				{ color: #18b301; }
span.green img, span.red img
						{ vertical-align: -2px; }
span.red				{ color: #c00; }


/* LOYALTY PROGRAM
-----------------------------------------------*/

div.nicEdit-main 		{ background: #fff; }
ul.rules				{ display: none; }

div.acc-content p		{ margin: 0 0 10px; }
table.condition-table	{ width: 600px; }
table.condition-table td{ padding: 5px; border-bottom: 1px dotted #ddd; }
table.condition-table tr.showafter
						{ display: none; }

div.tran-list			{ height: 80px; width: 250px; overflow: auto; overflow-y: scroll; border: 1px solid #ddd; padding: 5px 0; background: #f8f8f8; margin: 3px 0 5px ; }
form fieldset ul.form li p.selectall				
						{ margin: 0; }
p.selectall	a.selected	{ color: #333; text-decoration: none; }

div.popup h4			{ font-weight: normal; color: #555; border-bottom: 1px solid #ccc;}
ol.day-select li		{ float: left; display: inline-block; margin: 2px; padding: 2px 1px; width: 30px}
ol.day-select li:hover	{ border-radius: 0; -moz-border-radius: 0; -wbkit-border-radius: 0; }

ol.week-select li		{ float: left; display: inline-block; margin: 2px; padding: 2px 1px; width: 30px}
ol.week-select li:hover	{ border-radius: 0; -moz-border-radius: 0; -wbkit-border-radius: 0; }

ol.year-select li		{ float: left; display: inline-block; margin: 2px; padding: 2px 1px; width: 30px}
ol.year-select li:hover	{ border-radius: 0; -moz-border-radius: 0; -wbkit-border-radius: 0; }

ol.day-select .ui-selecting 	{ background: #EC474F; }
ol.day-select .ui-selected 		{ background: #D90F18; color: white; }
ol.day-select				 	{ list-style-type: none; margin: 0; padding: 0; width: 300px; }
ol.week-select					{ width: 300px; }
ol.year-select					{ width: 300px; }

table.schedule td				{ vertical-align: top; padding: 5px; }
table.schedule td div			{ min-height: 50px; }
table.schedule td div.sch-details
								{ visibility: hidden; }
								
/* INTERNAL TABS */

.inner-tab-wrapper 		{ }
.inner-tabs				{ margin-bottom: 10px; }
.inner-tabs li			{ float: left; display: inline; }
.inner-tabs a			{ display: block; padding: 5px 10px; border-right: 1px dotted #ccc; font-size: 14px; }
.inner-tabs li:last-child a	
						{ border: 0; }
.inner-tabs li.selected a
						{ color: #333; }
.inner-tabs-content		{ clear: both; display: none; }
.open					{ display: block; }								

/* REPORT POPUP CHART 
--------------------------------------*/

ul.chart-type			{ float: left; display: inline; width: 180px; margin-right: 15px; margin-top: 15px;}
ul.chart-type li		{ display: block; border-bottom: 1px dotted #ddd; }
ul.chart-type li:last-child, ul.chart-type li.last
						{ border: none; }
ul.chart-type li a		{ display: block; padding: 10px; font-size: 14px; }
ul.chart-type li.selected a
						{ color: #333; font-weight: bold; }	
ul.chart-type li ul		{ display: none; }
ul.chart-type li.selected ul
						{ display: block; margin-left: 20px;}
ul.chart-type li.selected ul a 
						{ color: #0000EE; font-weight: normal; }	
ul.chart-type li.selected ul li.selected a
						{ color: #333; font-weight: bold; }								

div.chart-content		{ float: left; display: inline; width: 520px; display: none; min-height: 440px;}
div.open				{ display: block; }
div.chart-content img	{ margin: 0 auto; display: block;}
div.chart-content table.grid img
						{ display: inline-block; vertical-align: middle; }

div.step-content-wrapper ul.chart-type { margin-top: 0; margin-left: 15px;}

div.time-tabs			{ text-align: right; margin: 10px 0; font-size: 11px; padding: 5px 15px; }

div.time-tabs a.selected{ cursor: default; color: #333; }

div.chart				{ float: left; display: inline; width: 45%; border: 1px solid #ccc; background: #efefef; padding: 15px; height: 300px; margin: 10px 5px 15px; }
div.chart-data			{ float: right; display: inline; width: 45%; border: 1px solid #ccc; padding: 15px; height: 300px; margin: 10px 5px 15px; }	

div.popup-chart			{ width: 450px; border: 1px solid #ccc; background: #efefef; padding: 15px; height: 200px; margin: 5px; }
div.popup-chart-data	{ width: 450px; border: 1px solid #ccc; padding: 15px; height: 120px; margin: 5px; }

/* CONNECTIONS PAGE 
-----------------------------------------*/

ul.index					{ height: 30px; margin: 10px 0; }
ul.index li					{ float: left; display: inline; margin: 2px 0;}
ul.index li a				{ display: block; padding: 1px 8px; border-right: 1px dotted #ccc; }
ul.index li:last-child a	{ border: 0; }	
ul.index li:first-child a	{ padding-left: 5px; }
ul.index li.active a		{ font-weight: bold; }

/* PAYROLL ADVANCES PAGE 
-----------------------------------------*/
	
table.grid th.first			{ width: 340px; }	
table.grid td label			{ color: #666; }
table.grid td div			{ margin-bottom: 5px; }
table.grid td p.wrap 		{ padding-top: 11px; }
table.grid td div label		{ width: 170px; display: inline-block; text-align: right; margin-right: 3px; }
select.advance				{ width: 170px; margin-right: 3px; }
div.max-advance				{ display: none; }
li.show-for-signup			{ border-top: 1px dotted #ccc; }
form fieldset ul.form li.show-for-signup	
							{ display: none !important; }
p.add-another				{ padding: 10px 0 20px 155px; border-top: 1px dotted #ccc; }
form fieldset ul.shortlabel li label
							{ width: 123px; }
table.payroll td			{ vertical-align: top; }
form fieldset ul.withseparator li
							{ border-bottom: 1px dotted #ddd; }						
							
/* REPORTS
------------------*/
div.emp-code		{ color: #999; }
		
td.action			{ white-space: nowrap; }
td.off-site			{ color: #f60; }
.on-side strong		{ color: #999; }
.num-items			{ font-size: 12px; font-weight: bold; float: left; width: 250px; padding: 5px; }
div.sort-by			{ background: #fff; padding: 5px 5px 8px 5px;  
						
						border-top: 1px dotted #ddd;  
					}
div.sort-by select	{ padding: 0; font-size: 12px; }
span.sorted			{ background: transparent url(images/icon_sorted.png) 100% 50% no-repeat; padding-right: 12px; }
span.spacing		{ margin: 0 2px 0 6px; color: #ccc; }

/* MERCHNT HOME
------------------*/
div.main-column, #main-column		{ float: left; display: inline; width: 62%; overflow: hidden; padding-right: 1%; }
div.right-column, #right-column	{ float: left; display: inline; width: 35%; margin-left: 1%; padding-right: 1%; overflow: hidden; }
div.wrap				{ background: #fff; margin: 0 auto;}
div.blue {
    background: url("../images/bg_blue.png") no-repeat scroll right 0 #B1DAD4;
    display: inline;
    float: left;
    font-size: 11px;
    padding: 2px 2px 2px 0;
    text-align: right;
}
div.red {
    background: url("../images/bg_blue.png") no-repeat scroll right 0 #FF6600;
    display: inline;
    float: left;
    font-size: 11px;
    padding: 2px 2px 2px 0;
    text-align: right;
    color:#fff;
}
ul.ui-autocomplete li a.inlist
					{ color: #093; font-weight: bold; }


/* Display tag class 
---------------------- */
.displayTable th.sortable a {
background-image: url(../images/arrowupdown.png);
background-position: right;
background-repeat: no-repeat;
font-size: 11px;
display: block;
color: #333;
}
.displayTable th.order1 a {
background-image: url(../images/arrowup.png);
background-position: right;
background-repeat: no-repeat;
}

.displayTable th.order2 a {
background-image: url(../images/downarrow.png);
background-position: right;
background-repeat: no-repeat;
}

/*28 march*/
.left{float:left;}
.right{float:right;}
.pad-top10{padding-top:10px;}

/*infopopup*/
fieldset.infopopup{
  background: #181818; color:#FFF; padding-bottom: 7px; width:350px;opacity:0.8;filter:alpha(opacity=80);position:absolute; right:0;top:25px;}
 ul.infopopup     { height: 37px; overflow: hidden;  padding-top: 7px; text-align:left; }
 ul.infopopup li   { display: inline-block; margin-right: 30px; vertical-align: top; height:40px;zoom: 1;*display: inline;}
 ul.infopopup li:hover {background-color:#000;}
 ul.infopopup li label  { text-align: left; display: block; color:#e5e5e5; font-weight:normal;}
 ul.infopopup li span  { font-weight: bold; color: #fff;}

 .showTreeList{
 background-image: url(../images/button.jpg);

 }
 
 div.videoicon{ display: block; background-image:url(../images/ui-icons_222222_256x240.png);background-position: -164px -147px;	width: 20px;	height: 17px;}
 <!-----test---->

 

 body {
    padding-top: 50px;
}

/*modal fullscreen */

.modal.modal-fullscreen {
    /* Maximize the main wrappers on the screen */
    /* Make the parent wrapper of the modal box a full-width block */
    /* Remove borders and effects on the content */
    /**
	 * /!\ By using this feature, you force the header and footer to be placed
	 * in an absolute position. You must handle by yourself the margin of the
	 * content.
	 */
}
.modal.modal-fullscreen .modal-dialog,
.modal.modal-fullscreen .modal-content {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}
.modal.modal-fullscreen .modal-dialog {
    margin: 0;
    width: 100%;
    animation-duration: 0.6s;
}
.modal.modal-fullscreen .modal-content {
    border: none;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: inherit;
    -moz-box-shadow: inherit;
    -o-box-shadow: inherit;
    box-shadow: inherit;
    /* change bg color below */
    /* background:#1abc9c; */
}
.modal.modal-fullscreen.force-fullscreen {
    /* Remove the padding inside the body */
}
.modal.modal-fullscreen.force-fullscreen .modal-body {
    padding: 0;
}
.modal.modal-fullscreen.force-fullscreen .modal-header,
.modal.modal-fullscreen.force-fullscreen .modal-footer {
    left: 0;
    position: absolute;
    right: 0;
}
.modal.modal-fullscreen.force-fullscreen .modal-header {
    top: 0;
}
.modal.modal-fullscreen.force-fullscreen .modal-footer {
    bottom: 0;
}
.modal-dialog {
    width: 100%;
    height: 100%;
    padding: 0;
}
.modal-body {
    border-radius: 0;
    padding: 0px 5px;
}
.modal-content {
    height: 100%;
    border-radius: 0;
    position: relative;
}
.modal-footer {
    border-radius: 0;
    bottom: 0px;
  //  position: absolute;
    width: 100%;
    padding: 4px 10px 5px;
  
}
.modal-header{ padding: 5px 15px;}
.jqx-widget-content{
    border-color: #e5e5e5;}


#pane_form_template{overflow: auto; height: 99%}
#draggable, #draggable-historical{
    -webkit-box-shadow: 0px 3px 25px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 3px 25px 0px rgba(0,0,0,0.75);
box-shadow: 0px 3px 25px 0px rgba(0,0,0,0.75);
}

textarea { resize: none; }

.modal-backdrop{    background-color: #fff;}

#commentsHistoryGridDiv{width:100%; }
#commentsHistoryGridDiv td{font-size:12px}
.ui-resizable-s {
   cursor: row-resize!important;
    height: 7px;
    width: 100%;
    bottom: 0px!important;
    background: #efefef;
    position: absolute;
    left: 0;
    border-color: #aaa;
    border-top: 1px solid #aaa;
    /* z-index: 10; */
    border-bottom: 1px solid #aaa;
}
.ui-resizable-s:hover{background: #e8e8e8;}
.jqx-fill-state-pressed{display: none;}

#reasonQuestionGrid{font-size:12px}

input, select, textarea, option, button {
    outline: none!important;
}/*! jQuery UI - v1.12.0 - 2016-07-08
* http://jqueryui.com
* Includes: core.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, draggable.css, resizable.css, progressbar.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?bgShadowXPos=&bgOverlayXPos=&bgErrorXPos=&bgHighlightXPos=&bgContentXPos=&bgHeaderXPos=&bgActiveXPos=&bgHoverXPos=&bgDefaultXPos=&bgShadowYPos=&bgOverlayYPos=&bgErrorYPos=&bgHighlightYPos=&bgContentYPos=&bgHeaderYPos=&bgActiveYPos=&bgHoverYPos=&bgDefaultYPos=&bgShadowRepeat=&bgOverlayRepeat=&bgErrorRepeat=&bgHighlightRepeat=&bgContentRepeat=&bgHeaderRepeat=&bgActiveRepeat=&bgHoverRepeat=&bgDefaultRepeat=&iconsHover=url(%22images%2Fui-icons_555555_256x240.png%22)&iconsHighlight=url(%22images%2Fui-icons_777620_256x240.png%22)&iconsHeader=url(%22images%2Fui-icons_444444_256x240.png%22)&iconsError=url(%22images%2Fui-icons_cc0000_256x240.png%22)&iconsDefault=url(%22images%2Fui-icons_777777_256x240.png%22)&iconsContent=url(%22images%2Fui-icons_444444_256x240.png%22)&iconsActive=url(%22images%2Fui-icons_ffffff_256x240.png%22)&bgImgUrlShadow=&bgImgUrlOverlay=&bgImgUrlHover=&bgImgUrlHighlight=&bgImgUrlHeader=&bgImgUrlError=&bgImgUrlDefault=&bgImgUrlContent=&bgImgUrlActive=&opacityFilterShadow=Alpha(Opacity%3D30)&opacityFilterOverlay=Alpha(Opacity%3D30)&opacityShadowPerc=30&opacityOverlayPerc=30&iconColorHover=%23555555&iconColorHighlight=%23777620&iconColorHeader=%23444444&iconColorError=%23cc0000&iconColorDefault=%23777777&iconColorContent=%23444444&iconColorActive=%23ffffff&bgImgOpacityShadow=0&bgImgOpacityOverlay=0&bgImgOpacityError=95&bgImgOpacityHighlight=55&bgImgOpacityContent=75&bgImgOpacityHeader=75&bgImgOpacityActive=65&bgImgOpacityHover=75&bgImgOpacityDefault=75&bgTextureShadow=flat&bgTextureOverlay=flat&bgTextureError=flat&bgTextureHighlight=flat&bgTextureContent=flat&bgTextureHeader=flat&bgTextureActive=flat&bgTextureHover=flat&bgTextureDefault=flat&cornerRadius=3px&fwDefault=normal&ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&cornerRadiusShadow=8px&thicknessShadow=5px&offsetLeftShadow=0px&offsetTopShadow=0px&opacityShadow=.3&bgColorShadow=%23666666&opacityOverlay=.3&bgColorOverlay=%23aaaaaa&fcError=%235f3f3f&borderColorError=%23f1a899&bgColorError=%23fddfdf&fcHighlight=%23777620&borderColorHighlight=%23dad55e&bgColorHighlight=%23fffa90&fcContent=%23333333&borderColorContent=%23dddddd&bgColorContent=%23ffffff&fcHeader=%23333333&borderColorHeader=%23dddddd&bgColorHeader=%23e9e9e9&fcActive=%23ffffff&borderColorActive=%23003eff&bgColorActive=%23007fff&fcHover=%232b2b2b&borderColorHover=%23cccccc&bgColorHover=%23ededed&fcDefault=%23454545&borderColorDefault=%23c5c5c5&bgColorDefault=%23f6f6f6
* Copyright jQuery Foundation and other contributors; Licensed MIT */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
	display: none;
}
.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
	content: "";
	display: table;
	border-collapse: collapse;
}
.ui-helper-clearfix:after {
	clear: both;
}
.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	filter:Alpha(Opacity=0); /* support: IE8 */
}

.ui-front {
	z-index: 999;
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
	cursor: default !important;
	pointer-events: none;
}


/* Icons
----------------------------------*/
.ui-icon {
	display: inline-block;
	vertical-align: middle;
	margin-top: -.25em;
	position: relative;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}

.ui-widget-icon-block {
	left: 50%;
	margin-left: -8px;
	display: block;
}

/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.ui-accordion .ui-accordion-header {
	display: block;
	cursor: pointer;
	position: relative;
	margin: 2px 0 0 0;
	padding: .5em .5em .5em .7em;
	font-size: 100%;
}
.ui-accordion .ui-accordion-content {
	padding: 1em 2.2em;
	border-top: 0;
	overflow: auto;
}
.ui-autocomplete {
	position: absolute;
	top: 0;
	left: 0;
	cursor: default;
}
.ui-menu {
	list-style: none;
	padding: 0;
	margin: 0;
	display: block;
	outline: 0;
}
.ui-menu .ui-menu {
	position: absolute;
}
.ui-menu .ui-menu-item {
	margin: 0;
	cursor: pointer;
	/* support: IE10, see #8844 */
	list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}
.ui-menu .ui-menu-item-wrapper {
	position: relative;
	padding: 3px 1em 3px .4em;
}
.ui-menu .ui-menu-divider {
	margin: 5px 0;
	height: 0;
	font-size: 0;
	line-height: 0;
	border-width: 1px 0 0 0;
}
.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
	margin: -1px;
}

/* icon support */
.ui-menu-icons {
	position: relative;
}
.ui-menu-icons .ui-menu-item-wrapper {
	padding-left: 2em;
}

/* left-aligned */
.ui-menu .ui-icon {
	position: absolute;
	top: 0;
	bottom: 0;
	left: .2em;
	margin: auto 0;
}

/* right-aligned */
.ui-menu .ui-menu-icon {
	left: auto;
	right: 0;
}
.ui-button {
	padding: .4em 1em;
	display: inline-block;
	position: relative;
	line-height: normal;
	margin-right: .1em;
	cursor: pointer;
	vertical-align: middle;
	text-align: center;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;

	/* Support: IE <= 11 */
	overflow: visible;
}

.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
	text-decoration: none;
}

/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
	width: 2em;
	box-sizing: border-box;
	text-indent: -9999px;
	white-space: nowrap;
}

/* no icon support for input elements */
input.ui-button.ui-button-icon-only {
	text-indent: 0;
}

/* button icon element(s) */
.ui-button-icon-only .ui-icon {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -8px;
	margin-left: -8px;
}

.ui-button.ui-icon-notext .ui-icon {
	padding: 0;
	width: 2.1em;
	height: 2.1em;
	text-indent: -9999px;
	white-space: nowrap;

}

input.ui-button.ui-icon-notext .ui-icon {
	width: auto;
	height: auto;
	text-indent: 0;
	white-space: normal;
	padding: .4em 1em;
}

/* workarounds */
/* Support: Firefox 5 - 40 */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
	border: 0;
	padding: 0;
}
.ui-controlgroup {
	vertical-align: middle;
	display: inline-block;
}
.ui-controlgroup > .ui-controlgroup-item {
	float: left;
	margin-left: 0;
	margin-right: 0;
}
.ui-controlgroup > .ui-controlgroup-item:focus,
.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus {
	z-index: 9999;
}
.ui-controlgroup-vertical > .ui-controlgroup-item {
	display: block;
	float: none;
	width: 100%;
	margin-top: 0;
	margin-bottom: 0;
	text-align: left;
}
.ui-controlgroup-vertical .ui-controlgroup-item {
	box-sizing: border-box;
}
.ui-controlgroup .ui-controlgroup-label {
	padding: .4em 1em;
}
.ui-controlgroup .ui-controlgroup-label span {
	font-size: 80%;
}
.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item {
	border-left: none;
}
.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item {
	border-top: none;
}
.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
	border-right: none;
}
.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
	border-bottom: none;
}

/* Spinner specific style fixes */
.ui-controlgroup-vertical .ui-spinner-input {

	/* Support: IE8 only, Android < 4.4 only */
	width: 75%;
	width: calc( 100% - 2.4em );
}
.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
	border-top-style: solid;
}

.ui-checkboxradio-label .ui-icon-background {
	box-shadow: inset 1px 1px 1px #ccc;
	border-radius: .12em;
	border: none;
}
.ui-checkboxradio-radio-label .ui-icon-background {
	width: 16px;
	height: 16px;
	border-radius: 1em;
	overflow: visible;
	border: none;
}
.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,
.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
	background-image: none;
	width: 8px;
	height: 8px;
	border-width: 4px;
	border-style: solid;
}
.ui-checkboxradio-disabled {
	pointer-events: none;
}
.ui-datepicker {
	width: 17em;
	padding: .2em .2em 0;
	display: none;
}
.ui-datepicker .ui-datepicker-header {
	position: relative;
	padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	position: absolute;
	top: 2px;
	width: 1.8em;
	height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
	top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
	left: 2px;
}
.ui-datepicker .ui-datepicker-next {
	right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
	left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
	right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 50%;
	margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
	margin: 0 2.3em;
	line-height: 1.8em;
	text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
	font-size: 1em;
	margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	width: 45%;
}
.ui-datepicker table {
	width: 100%;
	font-size: .9em;
	border-collapse: collapse;
	margin: 0 0 .4em;
}
.ui-datepicker th {
	padding: .7em .3em;
	text-align: center;
	font-weight: bold;
	border: 0;
}
.ui-datepicker td {
	border: 0;
	padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
	display: block;
	padding: .2em;
	text-align: right;
	text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
	background-image: none;
	margin: .7em 0 0 0;
	padding: 0 .2em;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
	float: right;
	margin: .5em .2em .4em;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	width: auto;
	overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
	width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
	float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
	width: 95%;
	margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
	width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
	width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
	width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
	border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
	clear: left;
}
.ui-datepicker-row-break {
	clear: both;
	width: 100%;
	font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
	direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
	right: 2px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
	left: 2px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
	right: 1px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
	left: 1px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
	clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
	float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
	float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
	border-right-width: 0;
	border-left-width: 1px;
}

/* Icons */
.ui-datepicker .ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
	left: .5em;
	top: .3em;
}
.ui-dialog {
	position: absolute;
	top: 0;
	left: 0;
	padding: .2em;
	outline: 0;
}
.ui-dialog .ui-dialog-titlebar {
	padding: .4em 1em;
	position: relative;
}
.ui-dialog .ui-dialog-title {
	float: left;
	margin: .1em 0;
	white-space: nowrap;
	width: 90%;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ui-dialog .ui-dialog-titlebar-close {
	position: absolute;
	right: .3em;
	top: 50%;
	width: 20px;
	margin: -10px 0 0 0;
	padding: 1px;
	height: 20px;
}
.ui-dialog .ui-dialog-content {
	position: relative;
	border: 0;
	padding: .5em 1em;
	background: none;
	overflow: auto;
}
.ui-dialog .ui-dialog-buttonpane {
	text-align: left;
	border-width: 1px 0 0 0;
	background-image: none;
	margin-top: .5em;
	padding: .3em 1em .5em .4em;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
	float: right;
}
.ui-dialog .ui-dialog-buttonpane button {
	margin: .5em .4em .5em 0;
	cursor: pointer;
}
.ui-dialog .ui-resizable-n {
	height: 2px;
	top: 0;
}
.ui-dialog .ui-resizable-e {
	width: 2px;
	right: 0;
}
.ui-dialog .ui-resizable-s {
	height: 2px;
	bottom: 0;
}
.ui-dialog .ui-resizable-w {
	width: 2px;
	left: 0;
}
.ui-dialog .ui-resizable-se,
.ui-dialog .ui-resizable-sw,
.ui-dialog .ui-resizable-ne,
.ui-dialog .ui-resizable-nw {
	width: 7px;
	height: 7px;
}
.ui-dialog .ui-resizable-se {
	right: 0;
	bottom: 0;
}
.ui-dialog .ui-resizable-sw {
	left: 0;
	bottom: 0;
}
.ui-dialog .ui-resizable-ne {
	right: 0;
	top: 0;
}
.ui-dialog .ui-resizable-nw {
	left: 0;
	top: 0;
}
.ui-draggable .ui-dialog-titlebar {
	cursor: move;
}
.ui-draggable-handle {
	-ms-touch-action: none;
	touch-action: none;
}
.ui-resizable {
	position: relative;
}
.ui-resizable-handle {
	position: absolute;
	font-size: 0.1px;
	display: block;
	-ms-touch-action: none;
	touch-action: none;
}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
	display: none;
}
.ui-resizable-n {
	cursor: n-resize;
	height: 7px;
	width: 100%;
	top: -5px;
	left: 0;
}
.ui-resizable-s {
	cursor: s-resize;
	height: 7px;
	width: 100%;
	bottom: -5px;
	left: 0;
}
.ui-resizable-e {
	cursor: e-resize;
	width: 7px;
	right: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-w {
	cursor: w-resize;
	width: 7px;
	left: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-se {
	cursor: se-resize;
	width: 12px;
	height: 12px;
	right: 1px;
	bottom: 1px;
}
.ui-resizable-sw {
	cursor: sw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	bottom: -5px;
}
.ui-resizable-nw {
	cursor: nw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	top: -5px;
}
.ui-resizable-ne {
	cursor: ne-resize;
	width: 9px;
	height: 9px;
	right: -5px;
	top: -5px;
}
.ui-progressbar {
	height: 2em;
	text-align: left;
	overflow: hidden;
}
.ui-progressbar .ui-progressbar-value {
	margin: -1px;
	height: 100%;
}
.ui-progressbar .ui-progressbar-overlay {
	background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
	height: 100%;
	filter: alpha(opacity=25); /* support: IE8 */
	opacity: 0.25;
}
.ui-progressbar-indeterminate .ui-progressbar-value {
	background-image: none;
}
.ui-selectable {
	-ms-touch-action: none;
	touch-action: none;
}
.ui-selectable-helper {
	position: absolute;
	z-index: 100;
	border: 1px dotted black;
}
.ui-selectmenu-menu {
	padding: 0;
	margin: 0;
	position: absolute;
	top: 0;
	left: 0;
	display: none;
}
.ui-selectmenu-menu .ui-menu {
	overflow: auto;
	overflow-x: hidden;
	padding-bottom: 1px;
}
.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
	font-size: 1em;
	font-weight: bold;
	line-height: 1.5;
	padding: 2px 0.4em;
	margin: 0.5em 0 0 0;
	height: auto;
	border: 0;
}
.ui-selectmenu-open {
	display: block;
}
.ui-selectmenu-text {
	display: block;
	margin-right: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ui-selectmenu-button.ui-button {
	text-align: left;
	white-space: nowrap;
	width: 14em;
}
.ui-selectmenu-icon.ui-icon {
	float: right;
	margin-top: 0;
}
.ui-slider {
	position: relative;
	text-align: left;
}
.ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 1.2em;
	height: 1.2em;
	cursor: default;
	-ms-touch-action: none;
	touch-action: none;
}
.ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	font-size: .7em;
	display: block;
	border: 0;
	background-position: 0 0;
}

/* support: IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
	filter: inherit;
}

.ui-slider-horizontal {
	height: .8em;
}
.ui-slider-horizontal .ui-slider-handle {
	top: -.3em;
	margin-left: -.6em;
}
.ui-slider-horizontal .ui-slider-range {
	top: 0;
	height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
	left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
	right: 0;
}

.ui-slider-vertical {
	width: .8em;
	height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
	left: -.3em;
	margin-left: 0;
	margin-bottom: -.6em;
}
.ui-slider-vertical .ui-slider-range {
	left: 0;
	width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
	bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
	top: 0;
}
.ui-sortable-handle {
	-ms-touch-action: none;
	touch-action: none;
}
.ui-spinner {
	position: relative;
	display: inline-block;
	overflow: hidden;
	padding: 0;
	vertical-align: middle;
}
.ui-spinner-input {
	border: none;
	background: none;
	color: inherit;
	padding: .222em 0;
	margin: .2em 0;
	vertical-align: middle;
	margin-left: .4em;
	margin-right: 2em;
}
.ui-spinner-button {
	width: 1.6em;
	height: 50%;
	font-size: .5em;
	padding: 0;
	margin: 0;
	text-align: center;
	position: absolute;
	cursor: default;
	display: block;
	overflow: hidden;
	right: 0;
}
/* more specificity required here to override default borders */
.ui-spinner a.ui-spinner-button {
	border-top-style: none;
	border-bottom-style: none;
	border-right-style: none;
}
.ui-spinner-up {
	top: 0;
}
.ui-spinner-down {
	bottom: 0;
}
.ui-tabs {
	position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
	padding: .2em;
}
.ui-tabs .ui-tabs-nav {
	margin: 0;
	padding: .2em .2em 0;
}
.ui-tabs .ui-tabs-nav li {
	list-style: none;
	float: left;
	position: relative;
	top: 0;
	margin: 1px .2em 0 0;
	border-bottom-width: 0;
	padding: 0;
	white-space: nowrap;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
	float: left;
	padding: .5em 1em;
	text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
	margin-bottom: -1px;
	padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
	cursor: text;
}
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
	cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
	display: block;
	border-width: 0;
	padding: 1em 1.4em;
	background: none;
}
.ui-tooltip {
	padding: 8px;
	position: absolute;
	z-index: 9999;
	max-width: 300px;
}
body .ui-tooltip {
	border-width: 2px;
}

/* Component containers
----------------------------------*/
.ui-widget {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 1em;
}
.ui-widget .ui-widget {
	font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 1em;
}
.ui-widget.ui-widget-content {
	border: 1px solid #c5c5c5;
}
.ui-widget-content {
	border: 1px solid #dddddd;
	background: #ffffff;
	color: #333333;
}
.ui-widget-content a {
	color: #333333;
}
.ui-widget-header {
	border: 1px solid #dddddd;
	background: #e9e9e9;
	color: #333333;
	font-weight: bold;
}
.ui-widget-header a {
	color: #333333;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,

/* We use html here because we need a greater specificity to make sure disabled
works properly when clicked or hovered */
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
	border: 1px solid #c5c5c5;
	background: #f6f6f6;
	font-weight: normal;
	color: gray;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
	color: #454545\;
	text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
	border: 1px solid #cccccc;
	background: #ededed;
	font-weight: normal;
	color: #2b2b2b;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
a.ui-button:hover,
a.ui-button:focus {
	color: #2b2b2b;
	text-decoration: none;
}

.ui-visual-focus {
	box-shadow: 0 0 3px 1px rgb(94, 158, 214);
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
	border: 1px solid #d3d3d3
	font-weight: normal;
}
.ui-icon-background,
.ui-state-active .ui-icon-background {
	border: #003eff;
	background-color: #ffffff;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: #ffffff;
	text-decoration: none;
}

/* Interaction Cues
----------------------------------
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	border: 1px solid #dad55e;
	background: #fffa90;
	color: #777620;
}*/
.ui-state-checked {
	border: 1px solid #dad55e;
	background: #fffa90;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
	color: #777620;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
	border: 1px solid #f1a899;
	background: #fddfdf;
	color: #5f3f3f;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
	color: #5f3f3f;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
	color: #5f3f3f;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
	font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
	opacity: .7;
	filter:Alpha(Opacity=70); /* support: IE8 */
	font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
	opacity: .35;
	filter:Alpha(Opacity=35); /* support: IE8 */
	background-image: none;
}
.ui-state-disabled .ui-icon {
	filter:Alpha(Opacity=35); /* support: IE8 - See #6059 */
}

/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	width: 16px;
	height: 16px;
}
.ui-icon,
.ui-widget-content .ui-icon {
	background-image: url("images/ui-icons_444444_256x240.png");
}
.ui-widget-header .ui-icon {
	background-image: url("images/ui-icons_444444_256x240.png");
}
.ui-button .ui-icon {
	background-image: url("images/ui-icons_777777_256x240.png");
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon,
.ui-state-default .ui-icon {
	background-image: url("images/ui-icons_555555_256x240.png");
}
.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
	background-image: url("images/ui-icons_454545_256x240.png");
}
.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon {
	background-image: url("images/ui-icons_777620_256x240.png");
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
	background-image: url("images/ui-icons_cc0000_256x240.png");
}

/* positioning */
.ui-icon-blank { background-position: 16px 16px; }
.ui-icon-caret-1-n { background-position: 0 0; }
.ui-icon-caret-1-ne { background-position: -16px 0; }
.ui-icon-caret-1-e { background-position: -32px 0; }
.ui-icon-caret-1-se { background-position: -48px 0; }
.ui-icon-caret-1-s { background-position: -65px 0; }
.ui-icon-caret-1-sw { background-position: -80px 0; }
.ui-icon-caret-1-w { background-position: -96px 0; }
.ui-icon-caret-1-nw { background-position: -112px 0; }
.ui-icon-caret-2-n-s { background-position: -128px 0; }
.ui-icon-caret-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -17px }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -65px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 1px -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-on { background-position: -96px -144px; }
.ui-icon-radio-off { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
	border-top-left-radius: 3px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
	border-top-right-radius: 3px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
	border-bottom-left-radius: 3px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
	border-bottom-right-radius: 3px;
}

/* Overlays */
.ui-widget-overlay {
	background: #aaaaaa;
	opacity: .003;
	filter: Alpha(Opacity=.3); /* support: IE8 */
}
.ui-widget-shadow {
	-webkit-box-shadow: 0px 0px 5px #666666;
	box-shadow: 0px 0px 5px #666666;
}
@charset "UTF-8";
/* CSS Document */

#dropsheet 						{ background: #333; position: fixed; _position: absolute; top: 0px;	left: 0px; width: 100%;	height: 100%; z-index: 996; }
div.popup 						{ position: fixed; _position: absolute; left: 0px; top: 0px; margin: 0px !important; background: #fff; display: none; z-index:999; width: 700px; }
#popup-iframe 					{ position: fixed; _position: absolute;	left: 0px; top: 0px; background: #f00; z-index: 2; }
div.popup a.close-btn			{ position: absolute; right: 0; top: 0; bottom: 0; width: 32px; height: 32px; display: block; text-indent: -9999px; 
								  background: url(../images/icon_popup_close.png) no-repeat 50% 50%; }

div.loading-popup				{ display: none; position: fixed; height: 12px; width: 16px; padding: 30px; -webkit-border-radius: 7px; -moz-border-radius: 7px;
								  background:  url(../images/ajax_animation.gif) no-repeat 50% 50%;
								  background-color:#868686; filter: alpha(opacity=50); }
div.loading-popup.error			{ background: rgba(0,0,0,.25) url(../images/icon_error.png) no-repeat 50% 20px; height: 32px; width: auto;
								  min-width: 32px; padding: 55px 22px 0px 22px; cursor: pointer; color: #f90; font: 12px Verdana; }

/* Theme */
div.popup						{ min-width: 400px; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; 
								  box-shadow: 3px 3px 5px #555; -webkit-box-shadow: 3px 3px 5px #555; -moz-box-shadow: 3px 3px 5px #555; }
div.popup h3					{ color: #00a4a5; font-size: 20px; padding: 15px; margin: 0; position: relative; border-bottom: 1px dotted #ccc; }
div.popup h3 img				{ vertical-align: middle; }
div.popup div.content			{ padding: 10px; width:96% !important;}
div.popup div.cancelContent		{ padding: 0px 10px; width:96%;}					
div.popup div.nopad				{ padding: 0 !important; }

div.popup div.content.tabbed	{ background: #eee; padding: 0; }

div.popup ul.vertical-tabs						{ float: left; display: inline; width: 150px; }
div.popup ul.vertical-tabs li a					{ display: block; padding: 5px 10px; color: #000; }
div.popup ul.vertical-tabs li.selected a		{ background: #ccc; }
div.popup div.content.tabbed div.tab-content	{ background: #fff; margin-left: 150px; min-height: 200px; }

div.popup div.actions						{ clear: both; padding: 15px; border-top: solid 1px #ccc; text-align: right; }
div.popup div.content.tabbed div.actions	{ padding: 10px; }

div.popup div.tab-content					{ height: 400px; overflow: hidden; overflow-y: auto; }

div.kyc-image-scroller			{ width:  450px; overflow: auto; position:relative;	border:solid 1px #ccc;}
div.scroller					{ height: 400px; overflow: auto; overflow-y: auto; }
div.scroller-tall				{ height: 570px; overflow: auto; overflow-y: scroll; padding: 10px; }
div.scroller-small				{ height: 200px; width: 200px; overflow: auto; overflow-x: scroll; overflow-y: scroll; padding: 10px; }

/* NEW WALLET ACCOUNT Added By Harish on 4 NOv */ 

form fieldset ul.no-labels			{ margin-left: 20px; }
span.tc-wrapper						{ margin-left: 30px; }
span.tc-wrapper textarea			{ width: 600px; height: 120px; }


div.popup a.close-btn-new			{ position: absolute; right: 0; top: 0; bottom: 0; width: 32px; height: 32px; display: block; text-indent: -9999px; 
								  background: url(../images/icon_popup_close.png) no-repeat 50% 50%; }