/*
#
# Copyright (C) 2010 dzatara Ltd.
# 2011 MSG
# 
*/
.form_m {
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	z-index:100;
	margin-top:5px;
	color:#789;
}
.form_m select {
  border: 1px solid #AACCEE;
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
  color: #2277BB;
  background : white;
  margin: 0;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-right: 2px;
  white-space: nowrap;
  background-position: center right;
  background-repeat: no-repeat;
}

.form {
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	z-index:100;
	padding:12px 0;
	margin-top:5px;
	color:#789;

}

button,
.form input[type=text],
.form input[type=button],
.form input[type=password],
.form input[type=submit]{
 	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border:1px solid #ACE;
	margin:1px;
	color:#2277BB;  
}

.form  input[type=submit],
.form  input[type=button],
.form  button[type=submit]
{
	font-size:12px;
	font-family: arial;
	padding:0.2em 0.5em; 
	background: -webkit-gradient(linear, left top, left bottom, 
				 color-stop(0, #EFF2FA), color-stop(0.6, #CFE2EA), color-stop(0.97, #FFFFFE), color-stop(0.99, #ace));
	background: -moz-linear-gradient(top, #EFF2FA, #CFE2EA 60%, #FFFFFE 96%, #ace 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#EFF2FA', endColorstr='#95B9C7');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#EFF2FA', endColorstr='#99999a')";

	background-color: #ACE;	
	border:1px solid yellowgreen; 
	border-bottom: 1px solid #ace;
	color: #00529B; 

	font-weight:bold;
	text-shadow: none;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	
	text-align: center;
	vertical-align: middle;
 
	text-decoration:none;
	white-space: nowrap;
 	margin:1px;
	
	     
}
 
/*for FireFox*/
/*
.form input.blue[type="submit"]::-moz-focus-inner, 
.form button.blue[type="submit"]::-moz-focus-inner,
.form input.orange[type="submit"]::-moz-focus-inner, 
.form button.orange[type="submit"]::-moz-focus-inner,*/
    input[type="submit"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner
    {   
        border : 0px;
    } 
/*for IE8 */
    input[type="submit"]:focus, input[type="button"]:focus
    {     
        outline : none; 
    }
	

.form  input[type=submit].orange,
.form  button[type=submit].orange
{
    padding: 0.1em 0.5em 0.2em !important;
	margin: 0px !important;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.04, #FFF380), color-stop(0.4, orange), color-stop(0.97, #FDD017), color-stop(0.99, #99999A));
	background: -moz-linear-gradient(top, #FFF380 4%, orange 40%, #FDD017 97%, #99999A 99%);

	background-color: #D4A017;
	border: 1px solid orange;
	border-bottom: 1px solid darkorange;
	color: #330000;/*azure; */ 
	height: 20px !important;
	line-height: auto !important; 
	font-size: 12px !important;
	font-weight: normal; 
	vertical-align: middle;
	text-align: center;
	text-transform: none;
	text-shadow:none;
	cursor: pointer;
}
 

button.blue,
button.blue-right,
.form  input[type=submit].blue,
.form  button[type=submit].blue
{
	padding: 0.1em 0.5em 0.2em !important;
        margin: 0px !important;
	background: -webkit-gradient(linear, left top, left bottom, 
				 color-stop(0, #EFF2FA), color-stop(0.6, #CFE2EA), color-stop(0.97, #FFFFFE), 
				 color-stop(1.00, #ace));
	background: -moz-linear-gradient(top, #EFF2FA, #CFE2EA 60%, #FFFFFE 97%, #ace 100%);

	background-color: #7AA824;	
	border: 1px solid 7ce;
	border-bottom: 1px solid #ace;
	color: #00529B; 
	height: 20px !important;
	line-height: auto !important; 
	font-size: 12px !important;
	font-weight:normal; 
	text-align: center;
	vertical-align: middle;
	text-transform: none;
	text-shadow:none;  
	cursor: pointer;
}
button.blue-right {float: right;}
.form input[type=submit]::-moz-focus-inner,
.form input[type=submit].blue::-moz-focus-inner {
	padding:0;
	border:0;
}
.form input[type=submit]:hover, 
.form input[type=submit]:focus {
	/*background-position:0 -5px;
	cursor:pointer; */
	cursor: pointer;
	background-color: #ACE;
	border: 1px solid yellowgreen; 
}

.form input[type=submit].blue:hover, 
.form input[type=submit].blue:focus {
	/*background-position:0 -5px; */
	cursor: pointer;
	background-color:#ACE;
	border:1px solid red; 
}


.form  input[type=submit][disabled].blue,
.form  button[type=submit][disabled].blue,
.form  input[type=submit][disabled].blue-right,
.form  button[type=submit][disabled].blue-right,
.form  input[type=submit][disabled].orange,
.form  button[type=submit][disabled].orange
{
	background: white;	
	color: #99999a;
	cursor: default;
	border: 1px solid #ccccce; 
}

.form textarea{
	display:block;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border:1px solid #ACE;
	font-size:11px;
	margin:0 0 5px;
	padding:5px;
	color:#2277BB;
}

 

.form_table { 
  top:0px;
  left:0px;	
  border-collapse: collapse; 
  font: normal 11px verdana, arial, helvetica, sans-serif;
  color: #00529B;
  background-color: #F8F8F8;
 
  border:1px #ACE solid;
  margin:0px;       
}

.form_table tr td {padding: 2px 2px;}
.form table tbody td { padding:1px 1px; }

.form_filter_tbl { 
  top: 0px;
  left: 0px;
  font: normal 11px verdana, arial, helvetica, sans-serif;
  color: #00529B;
  background-color: #F3F6F9;
  border: 1px #ACE solid;
  margin: 0;
  padding: 10px;
}

.form_filter_tbl tr td { padding: 2px !important;} 

.form select {
  border: 1px solid #AACCEE;
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
  color: #2277BB;
  background : white;
  margin: 0;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-right: 2px;
  white-space: nowrap;
  background-position: center right;
  background-repeat: no-repeat;
}


/* # msg*/ 

.data_form{ 
  border-collapse: collapse; 
  font: normal 12px arial, helvetica, sans-serif;
  color: #00529B;
  margin: 0px 5px;
  width:100%;
  border:1px #aDd5e8 solid;
 -webkit-box-shadow:0 15px 10px -10px #666; 
 -moz-box-shadow: 0 15px 10px -10px #666;  
  box-shadow:0 15px 10px -10px #666;
  background-color: #F8F8F8;  
}
.data_r {
	text-align: right;	
	min-width:80px;
	white-space: nowrap;
}
.data_l {
	text-align: left;
}

.data_form td{
	border: 0px navy solid;
	min-width: 60px;
	white-space: normal;
}

 

#scroll-area {
	max-height: 400px;
	width: 100%;
	overflow-x: hidden;
	overflow-y: auto;
	border: 1px #AACCEE;
}

#scroll-area-details,
#scroll-area-tickets {
	max-height: 350px;
	width: 100%;
	overflow-x: hidden;
	overflow-y: auto;
	border: 1px dotted #AACCEE;
}

#scroll-area-details tr:hover ,
#scroll-area-tickets tr:hover {
	border: 1px dotted #AACCEE;
	background:#DEEEFE;
}


table#address-info tr,
table#address-info tr td,
table#address-info tr th,
table#address-details tr,
table#address-details tr td,
table#address-details tr th,
table#tickets-address-details tr,
table#tickets-address-details tr td,
table#tickets-address-details tr th {
	height: 18px !important;	
	padding: 0px 4px !important;	 
}

table.addr-valid th,
table.streets-list th,
table#address-info tr th,
table#address-details tr th, 
table#tickets-address-details tr th {
	background-color: #DDEEFF;
}

#cell-radio{width: 20px; }
label { height: 22px; }
 
div#label {
	white-space: nowrap;
	width: 100%; 
	margin: 5px 0px;
	text-align: left;
}
#buttons-navigator {	padding: 10px;}
#buttons-navigator-r { float:right; padding: 0px;}
#buttons-navigator-f { width:100%; padding: 0px;}

.addr-valid,
.streets-list{width:100%;font: normal 12px arial, helvetica, sans-serif;}

.addr-valid tr td,
.streets-list tr td { padding : 2px 10px;}
.street-list{width:100%; border: 1px dotted #ccccce;}
.street-list tr th#label {text-align: center;}
#list tr:hover {background-color: #efefef}
#list tr {  border: 1px solid transparent;}
.selected-row,
.selected-for-delete {
	 background-color: #d9e4df;
	 border-color: #efefef !important;
}
.for-delete td ,
.selected-for-delete td { color: red !important;}
button.blue[disabled],
button.blue-right[disabled] {

	background: -webkit-gradient(linear, left top, left bottom, 
				 color-stop(0, #eeeeef), color-stop(0.6, #ddddde), color-stop(0.97, #FFFFFE), 
				 color-stop(1.00, #eeeeef));
	background: -moz-linear-gradient(top, #eeeeef, #ddddde 60%, #FFFFFE 97%, #eeeeef 100%);

	background-color: #eeeeef;	
	border: 1px solid #ddddde; 
	color: #99999a; 
	
}

#addr-table {
	min-width: 600px;
	width: 50%;
	height: 50%;
	border:1px #ACE solid;
	background-color: #F8F8F8;
}

.search-table-form {
  height: 100%;
  width: 100%;
  border-collapse: collapse;
 
  font: normal 12px verdana, arial, helvetica, sans-serif;
  color: #00529B;
  background-color: #F8F8F8;
 
}

.search-table-form tr td { padding: 2px 10px;}
.search-table-form tr th { padding: 2px 10px; background-color: #CCE4FF;border-bottom: 1px solid #99BBEE;}
.search-table-form tr th#label { white-space: nowrap;}
.search-table-form tr th#info { white-space: nowrap; width: 100%;}
.search-table-form tr td#label { white-space: nowrap;}
.search-table-form tr td#info { text-align: center;}
.search-table-content{ width: 100%;}

.search-alphabet{ 
	width: 100%; 
	height: 392px;
	border: 0px none; 
	border-collapse: collapse;
 	table-layout: fixed;
}
#list,
.street-list { 
	width: 100%; 
	border: 0px none; 
	border-collapse: collapse;
 	table-layout: fixed;
}
table.street-list tr td#data{ padding: 0px;}

#alphabet-data{width: 100%;/*	border-bottom: 1px solid #99BBEE;*/}
#link-button{ min-width: 300px;text-align: left; }

#alphabet-link{
	vertical-align: top;
	width: 44px;
	padding: 0px; 
	background-color: transparent;
	height: 24px;
}
#chars{ cursor: pointer; }
#alphabet-info {
	display: table;
	width: 100%;
}
.alphabet-normal {
	position: relative; 
	height: 18px;
	padding: 2px 6px;
	background-color: #CCE4FF;
	border-top: 1px solid #99BBEE;
	float: left;
}
.alphabet-selected {
	position: relative; 
	height: 18px;
	padding:  2px 6px ;
	color: orange;
	background-color: white;
	border: 1px solid #99BBEE;
	border-top: 0px none;
	float: left;
}
#first-cell{ 	width: 24px; }
/*
.alphabet-last {
	height: 18px;
	padding: 2px 6px;
	background-color: #CCE4FF;
	border-top: 1px solid #99BBEE;
	border-bottom: 1px solid #99BBEE;
}

div.alphabet-selected:before {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    top: -1px;
    width: 100%;
    z-index: 100;
}

div.alphabet-selected:after {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    top: 22px;
    width: 100%;
    z-index: 100;
}
 */
#alpha-body-div,
#content-list {
	width: 100%; 
	overflow: auto;
	max-height: 366px;
	overflow-x: hidden;
}
#search-content{ height: 24px; vertical-align: middle;}

#tStatus{ width: 100%;}
#address-info tr:hover {background-color: #efefef;}
#address-info tr {border: 1px solid transparent;}

#page-link-table {float: right;}
#page-link-table tr th { min-width: 16px;}
#page-link-table tr th.str { 
	font-size:12px;
	font-weight: normal;
	font-family: arial;
	background-color: #7AA824;
	background: -webkit-gradient(linear, left top, left bottom, 
								 color-stop(0, #EFF2FA), 
								 color-stop(0.13, #d6e6f0), 
								 color-stop(0.67, #ddeef6), 
								 color-stop(1, #EFF2FA));
	background: -moz-linear-gradient(top, #EFF2FA, #d6e6f0 13%, #D7EAFF 67%, #EFF2FA 100%);
	background-color: #D7EAFF;
	border: 1px solid #9CE;
	padding: 0.2em 0.5em;
	color:#00529B;
	text-shadow: #f8f8f8 0px -1px 3px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;	
	text-align:center;	 
}
#page-link-table tr th.str::-moz-focus-inner {
	padding:0;
	border:0;
}
#page-link-table tr th.str:hover, 
#page-link-table tr th.str:focus {
	background-color:#ACE;
	font-weight:bold;
	border: 1px solid #7bE; 
	text-shadow: #fffffff 0px 0px 5px;
	cursor:pointer;
}

#page-link-table tr th.str_s { 
	font-size:12px;
	font-weight: normal;
	font-family: arial;
	
	background-color: #7AA824;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #EFF2FA), color-stop(0.6, yellowgreen), color-stop(0.97, #FFFFFE), color-stop(0.99, #9BE));
	background: -moz-linear-gradient(bottom, #EFF2FA, yellowgreen 60%, #FFFFFE 97%, #9BE 99%);

	padding: 0.2em 0.5em;
	background-color: #EFF2FA;
	border: 1px solid yellowgreen;
	color: darkgreen;
	
	text-shadow: #f8f8f8 0px -1px 3px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;	
	text-align:center;	 	
}
#page-link-table tr th.str_s::-moz-focus-inner {
	padding:0;
	border:0;
}
#page-link-table tr th.str_s:hover, 
#page-link-table tr th.str_s:focus {
	background-color:#ACE;
	font-weight:bold;
	border: 1px solid #7bE; 
	text-shadow: #fffffff 0px 0px 5px;
	cursor:pointer;
}

#selected-address-info input[id="addrID[]"] { border: none; }

#selected-address-info { width: 100%; }
#selected-address-frame {
	border: 1px dotted  #7bE;
	width: 100%;
	max-height:140px;
	overflow: none;
	overflow-y: auto;		
}

#tickets-link {min-width: 30px; text-align: center;}

table#error-valid-address tr td {
	padding: 2px 5px;	
 	font-size:12px;
	font-weight: normal;
	font-family: arial;
	border-bottom: 1px dotted  #7bE;
}
 table#error-valid-address th td {padding: 2px 5px;}

.rents-reciept-heading {
	font-family: Arial, Verdana, Open Sans;
	font-weight: bold;
	padding: 7px 0 5px 5px;
	background: #eaeaea;
	border: 1px #ACE solid;	
}
td .field-name {
	border-right: 2px #ACE solid;
	border-bottom: 0.5px #ACE solid;
	font-size: 13px;
	font-weight: bold;
	padding: 5px 3px 3px 3px !important;
	width: 40%;
}
td .field-value {
	border-bottom: 0.5px #ACE solid;
	font-size: 13px;
	padding: 5px 0 3px 3px !important;
}
td .form-field-name {
	border-right: 2px #ACE solid;
	border-bottom: 0.3px #ACE solid;
	font-size: 13px;
	font-weight: bold;
	padding: 8px 6px 6px 6px !important;
	width: 50%;
}
td .form-field-value {
	border-bottom: 0.5px #ACE solid;
	font-size: 13px;
	padding: 8px 6px 6px 6px !important;
	width: 50%;
}
td .form-button input{
	margin: 8px 0 8px 0 !important;
}
td.field-name.warn, td.field-value.warn {
	background-color: #ef0000;
	color: #ffffff;
}
.form-field-value .form_table{
 	border-collapse: separate;
}
.thick-border-btm {
 	border-bottom: 2px solid #5b99d6;
}
.thick-border-top {
 	border-top: 2px solid #9c9c9c;
}
.form_table .address-field {
 	min-width: 305px;
 	max-width: 430px;
}
.dark-background-tr {
 	background-color: #e7f1ff;
}
.light-background-tr {
 	background-color: #f8f8f8;
}
.blue-background-th {
 	color: #ffffff;
 	background-color: #39549b;
}
.green-background-th {
 	color: #ffffff;
 	background-color: #4e8c34;
}
.light-green-background-th {
	color: #ffffff;
	background-color: #6db323;
}
.red-background-th {
 	color: #ffffff;
 	background-color: #a21b1b;
}
.tiled-background-th {
	color: #ffffff;
	background-color: #ca5e28;
}
.light-background-th {
 	background-color: #c9dbf5;
}
.show-param-details {
	cursor: pointer;
	border: 1px solid #ffffff;
	border-radius: 3px;
	padding: 3px;
}
.active-param {
	background-color: #8091bf;
}
a.button.delete {
	color: red;
}
a.back-btn {
	font-size: 12px;
	font-family: arial;
	padding: 0.2em 0.5em;
	background-color: #6db323;
	border: 1px solid yellowgreen;
	border-bottom: 1px solid #ace;
	color: #ffffff;
	font-weight: bold;
	text-shadow: none;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	white-space: nowrap;
	margin: 1px;
}
.s-add-name, .s-add-code {
	font-weight: normal !important;
}
.s-add-name {
	width: 60%;
}
.s-add-name {
	width: 20%;
}