@CHARSET "ISO-8859-1";

html,body {
	margin: 0;
	padding: 0;
	background:
		url('/mobile_courier/secure/javax.faces.resource/back2.png?ln=img');
	/*   background-image:url('/mobile_courier/secure/javax.faces.resource/triangular.png?ln=img');  */
	/* background:url('/mobile_courier/secure/javax.faces.resource/bg-footer.png?ln=img')
		no-repeat 100% 100%,#fff; */
	font-family: "open_sansbold", "wf_SegoeUILight", "wf_SegoeUI",
		"Segoe UI Light", "Segoe WP Light", "Segoe UI", "Segoe", "Segoe WP",
		"Tahoma", "Verdana", "Arial", "sans-serif";
}

.loginHeader {
	margin-bottom: 50px;
}

.loginContainer {
	background: #fff;
	border: thin solid #ccc;
	box-shadow: 1px 1px 1px #aaa;
	padding: 10px;
	min-height: 360px;
}

.loginBanner {
	min-height: 360px;
	min-width: 775px;
	background-image:
		url('/mobile_courier/secure/javax.faces.resource/roadmapnew.png?ln=img');
	background-position: right;
	background-repeat: no-repeat;
}

.loginBanner h1,.loginBanner h2 {
	color: #fff;
	font-weight: 500;
}

.loginBannerCustomer {
	min-height: 360px;
	min-width: 775px;
	background-image:
		url('/mobile_courier/secure/javax.faces.resource/roadmapnewcustomer.png?ln=img');
	background-position: right;
	background-repeat: no-repeat;
}

.loginBannerCustomer h1,.loginBannerCustomer h2 {
	color: #fff;
	font-weight: 500;
}

.loginBannerVendor {
	min-height: 360px;
	min-width: 775px;
	background-image:
		url('/mobile_courier/secure/javax.faces.resource/roadmapnewvendor.png?ln=img');
	background-position: right;
	background-repeat: no-repeat;
}

.loginBannerVendor h1,.loginBannerVendor h2 {
	color: #fff;
	font-weight: 500;
}

.toogleLoginButton {
	width: 159px;
	height: 51px;
	padding-left: 23px;
	padding-top: 12px;
	font-weight: bold;
	color: black;
	margin-top: -3px;
	font-size: 14px;
	background-image:
		url('/mobile_courier/secure/javax.faces.resource/toogle-button2.png?ln=img');
	background-position: left;
	background-repeat: no-repeat;
}

.toogleLoginButton a,.toogleLoginButton a:hover,.toogleLoginButton a:visited
	{
	color: black;
	text-decoration: none;
}

.ui-button {
	font-weight: none !important;
	color: #333;
	background-color: #FFF;
	border-color: #CCC;
	font-family: "open_sansbold", "wf_SegoeUILight", "wf_SegoeUI",
		"Segoe UI Light", "Segoe WP Light", "Segoe UI", "Segoe", "Segoe WP",
		"Tahoma", "Verdana", "Arial", "sans-serif";
}

.ui-button:hover,.ui-button:visited,.ui-button:focus {
	box-shadow: none;
	color: #333;
	background-color: #E6E6E6;
	border-color: #ADADAD;
}

.loginContainer .ui-state-default {
	font-weight: normal;
}

.ui-dialog{
	font-family: "open_sansbold", "wf_SegoeUILight", "wf_SegoeUI",
		"Segoe UI Light", "Segoe WP Light", "Segoe UI", "Segoe", "Segoe WP",
		"Tahoma", "Verdana", "Arial", "sans-serif";
}

.ui-dialog .ui-dialog-titlebar {
	background: #F5F5F5 none repeat scroll 0% 0%;
	border-color: #E5E5E5;
}

.loginContainer .ui-widget-header .ui-state-hover{
	border:thin solid #aaa;
	background: none;
	box-shadow:none;
	font-weight: normal;
}

.loginContainer .ui-widget-header a{
	border:thin solid #ccc;
	background: none;
	box-shadow:none;
	font-weight: normal;
}

.ui-dialog{
   
  }
  
  
  /*
  DATATABLE
  */
  
 .loginContainer .ui-datatable .ui-widget-content .ui-state-hover{
	background: #51C797 !important;
	color: #fff !important;
	box-shadow: 0px 0px 0px 0px #ccc !important;
}

 .loginContainer .ui-datatable .ui-widget-content .ui-state-highlight{
	background: #2E8361 !important;
	color: #fff !important;
	box-shadow: 0px 0px 0px 0px #ccc !important;
}

 .loginContainer .ui-datatable thead th{
	background: #f5f5f5 !important;
	border: thin solid #e5e5e5 !important;
}

 .loginContainer .ui-datatable th, .ui-datatable tr, .ui-datatable td{
	border: none !important;
}

 .loginContainer .ui-datatable-data{
	border: thin solid #e5e5e5 !important;
}

 .loginContainer .ui-datatable .ui-inputfield{
	padding: 3px;
	background: #fff;
}

 .loginContainer .ui-inputfield{
	background: #fff;
}

 .loginContainer .ui-paginator{
	background: none !important;
	border:none;
}