/** GLOBAL STYLE FOR ALL GRIDS **/
.grid-view .filters input, .grid-view .filters select {
    box-sizing: border-box;
}

/* Fix of issue with scrollbar on OS X Lion */
#o1 ::-webkit-scrollbar {
  width: 15px;
  height: 15px; }

#o1 ::-webkit-scrollbar:hover {
  height: 18px; }

#o1 ::-webkit-scrollbar-button:start:decrement,
#o1 ::-webkit-scrollbar-button:end:increment {
  height: 15px;
  width: 15px;
  display: block;
  background: #a9abaa;
  background-repeat: no-repeat; }

#o1 ::-webkit-scrollbar-button:horizontal:decrement {
    background-image:  url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAIAAABLMMCEAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIhJREFUeNpiFBASZIABXj5WHQPB44deMUH4TEyMviGyU5dYXrnwHshlAWIDU6HsUk15JZ4F025//vQbJKpnJNQ8wYidnRnIuX3jE0Qr88cPDHu3PRMQYldU4X1498uVCx9AohycnF+//Dmy7+Wpo288A2TOnXz7/ftfRmQ3AIG6Nv/Nqx8BAgwAwakucAZmLk0AAAAASUVORK5CYII=');
    background-position: 5px 4px;
}

#o1 ::-webkit-scrollbar-button:horizontal:increment {
    background-image:  url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAIAAABLMMCEAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAH5JREFUeNpiFBASVNfmv3n1IwMSYALi929/dkw1AcrBRZk5ODm/fvkjJsFR1aYvLcd969pHIJcJInn7xicg6eQhOXetjY6BIAtEVFWDD0g+vPdleu+NKxfeg0R5+Vg9AmSA/I0rH/379x8owigkImRqJXLt0ofPn37DbQMIMAA2Li0My8uNagAAAABJRU5ErkJggg==');
    background-position: 4px 4px;
}

#o1 ::-webkit-scrollbar-button:vertical:decrement {
    background-image:  url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAIAAABLMMCEAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHFJREFUeNpiFBASZAADPSOhS+feQdhMEEpEjKN5gpGRuTCKaEqeGicXc2q+OhMTI1RUx0DQyUMSyFBW4/UOkgEyWICSCVkqS2bfvX/ns7wST3C0woFdLxiNLeQ+fvj95tUPiFHcPCxAaxnhbkAGAAEGAAxaGY5HzMiTAAAAAElFTkSuQmCC');
    background-position: 4px 5px;
}

#o1 ::-webkit-scrollbar-button:vertical:increment {
    background-image:  url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAIAAABLMMCEAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAH9JREFUeNpiFBASZMAATJZ2Ytw8LHC+kDC7ogov888fzFMWWXJxs/Dwsto5i4clKK5Z/IDl86ffa5c+yK3QgqgtSjn1799/JiBr67ond299BjL27Xh+5cJ7kLlADJScN+XW929/50y6BdHBzMHJCaSePf527eKH+3c+Q0QBAgwAkHcvV72C85gAAAAASUVORK5CYII=');
    background-position: 4px 5px;
}

#o1 ::-webkit-scrollbar-button:horizontal:decrement:active {
    background-image:  url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAIAAABLMMCEAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHtJREFUeNpiFBASZIABAQE+UzO93buOMEH4zMxMsfGB23bMPX3qElheSNDbz+Xcpa2ff1ytbSwAcoGIxcLSYMGiLg4OdqCKy5duQLQynTh+wcE2asP63UCOtrYqzAawFiBycLbetmuBqoYykM2I7AYgMDDUunD+GkCAAQDPBSLHShzE8gAAAABJRU5ErkJggg==');
}

#o1 ::-webkit-scrollbar-button:horizontal:increment:active {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAIAAABLMMCEAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAH5JREFUeNpiFBASNDDUunD+GgMSYALi16/eLlvRD5SDizJzcHJ+/vxVSlpi6rQGJSXZSxdvALlMEMnLl24AyYBA1wOHl5ma6UFFdfU0gOTtWw+SEipOn7rEALRNQUn+2q09xWVpwqLCQC4QsTAzMxmb6Hh5JH/48AluG0CAAQBlHSlAcyXr4QAAAABJRU5ErkJggg==');
}

#o1 ::-webkit-scrollbar-button:vertical:decrement:active {
    background-image:  url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAIAAABLMMCEAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHJJREFUeNpiFBASZAADC0uDE8cvQNhMEEpCQnTBom5bO1MU0eraLG5uTiDJzMwEFTU10wsIdAUytLVVo2L8gQxGYVHhFasmnTh+/saNe6pqCsEh7r5eaYzWtmZv33548eI1xChePh4LCwNGuBuQAUCAAQAnRRx4fbHOGgAAAABJRU5ErkJggg==');
}

#o1 ::-webkit-scrollbar-button:vertical:increment:active {
    background-image:  url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAIAAABLMMCEAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHdJREFUeNpiFBASZMAATK5uNrx8PHC+qJiQhqYy87dvP7dun83Dw83Pz+vt45iVHTNrxnIGoAm5hUmff1yFIFcPe5CZQCwsKnzi7Aag0OLlE4BcqCgQBQR7vHh7RkNLDcJl5uDkBFry4MHTM2cu37hxD2InQIABAFW1KeUplqw9AAAAAElFTkSuQmCC');
}

#o1 ::-webkit-scrollbar-track-piece {
  background-color: #cbcdcc; }

#o1 ::-webkit-scrollbar-thumb:vertical {
  height: 50px;
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #9d9d9d), color-stop(100%, #777));
  border: 1px solid #adadad;
  border-top: 1px solid #ddd;
  border-left: 1px solid #ddd; }

#o1 ::-webkit-scrollbar-thumb:horizontal {
  width: 50px;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #9d9d9d), color-stop(100%, #777));
  border: 1px solid #bfbfbf;
  border-top: 1px solid #ddd;
  border-left: 1px solid #ddd; }
/* /Fix of issue with scrollbar on OS X Lion */

#o11 {
    background-color: yellow;
    opacity: 0.8;
    overflow: hidden;
}

#o12 {
    opacity: 0.8;
    background-image: none;
    background-color: none;
    overflow: hidden;
}


#o11,
#o12,
#o2_list,
#o3_list,
#o5_list {
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}

#o2_list {
    height: 60px;
    font-size: 12px;
    white-space: nowrap;
    box-sizing: border-box !important;
}

#o2_list * {
    box-sizing: border-box !important;
    border-collapse: collapse;
}

#o2_list .r0,
#o2_list .r0 > div {
    height: 21px;
}

#o2_list .r1,
#o2_list .r1 > div {
    height: 19px;
}

#o2_list .r2,
#o2_list .r2 > div {
    height: 20px;
}

#o2_list .r0 > div,
#o2_list .r1 > div,
#o2_list .r2 > div {
    display: inline-block;
    border-left: 1px dotted #222;
    padding: 1px;
    line-height: 17px;
}

#o2_list .r0 > div {
    font-size: 10pt;
    font-weight: bold;
    border: 1px dotted #222;
    border-right-width: 0px;
}

#o2_list .r0 > div:nth-child(last) {
    border-right-width: 1px !important;
}

#o2_list .r1 > div {
    font-weight: bold;
    color: #1F38D1;
}

#o2_list .r1 > div,
#o2_list .r2 > div {
    height: 20px;
    width: 25px;
    display: inline-block;
}

#o2_list .r2 > div {
    border-bottom: 1px solid #444;
}


#o3_list {
    height: auto;
    width: 300px; /* summary of col0, col1, col2, col3 */
    font-size: 9pt;
    align: center;
    white-space: nowrap;
}

#o3_list .r1 {
    height: 21px;
    width: 100%;
    float: none;
    clear: both;
    display: block;
    box-sizing: border-box !important;
}

#o3_list .r1 > div {
    display: inline-block;
    height: 21px;
    vertical-align: middle;
    line-height: 19px;
    padding: 1px 2px;
    box-sizing: border-box !important;
}

#o3_list .r1-odd div.col1,
#o3_list .r1-odd div.col2,
#o3_list .r1-odd div.col3 {
    background-color: #fff;
}

#o3_list .r1-even div.col1,
#o3_list .r1-even div.col2,
#o3_list .r1-even div.col3 {
    background-color: #ddd;
}

#o3_list .r1-hd {
    background-color: #999999;
}

#o3_list .r1-hd > div {
    background-color: #999999;
    font-weight: bold;
    color: #000 !important;
    padding-left: 20px;
    width: 100%;
}

#o3_list .r1-hd > div b {
    display: inline-block;
    line-height: 12px;
    vertical-align: top;
    margin-top: 4px;
    margin-left: 2px;
}

#o3_list .r1 > div.col0 {
    width: 20px;
    border-left: 1px dotted #999;
}

#o3_list .r1 > div.col1 {
    width: 125px;
    border-left: 1px dotted #999;
}

#o3_list .r1 > div.col2 {
    width: 37px;
    color: #1F38D1;
    border-left: 1px dotted #999;
}

#o3_list .r1 > div.col3 {
    width: 117px;
    color: #000;
    border-left: 1px dotted #999;
}


#o5_list {
    height: auto;
    width: 676px; /* summary of all columns */
    font-size: 9pt;
    align: center;
    white-space: nowrap;
}
#o5_list .r1 {
    height: 21px;
    width: 100%;
    float: none;
    clear: both;
    display: block;
    box-sizing: border-box !important;
}

#o5_list .r1 > div {
    display: inline-block;
    height: 21px;
    vertical-align: middle;
    line-height: 17px;
    padding: 1px 2px;
    box-sizing: border-box !important;
    border-left: 1px dotted #999;
}

#o5_list .r1 > div.hed1 {
    text-align: center !important;
}

#o5_list .r1 > div:nth-child(1),
#o5_list .r1 > div:nth-child(2),
#o5_list .r1 > div:nth-child(3),
#o5_list .r1 > div:nth-child(4),
#o5_list .r1 > div:nth-child(5),
#o5_list .r1 > div:nth-child(6) {
    width: 17px;
    text-align: center;
}

#o5_list .r1 > div:nth-child(7),
#o5_list .r1 > div:nth-child(8),
#o5_list .r1 > div:nth-child(9),
#o5_list .r1 > div:nth-child(10),
#o5_list .r1 > div:nth-child(11) {
    width: 42px;
    text-align: right;
}

#o5_list .r1 > div:nth-child(12),
#o5_list .r1 > div:nth-child(19) {
    width: 42px;
    text-align: right;
}

#o5_list .r1 > div:nth-child(13) {
    width: 70px;
    text-align: right;
}


#o5_list .r1 > div:nth-child(14),
#o5_list .r1 > div:nth-child(15),
#o5_list .r1 > div:nth-child(16),
#o5_list .r1 > div:nth-child(17),
#o5_list .r1 > div:nth-child(18) {
    width: 42px;
    text-align: right;
}


body
{
	margin: 0;
	padding: 0;
	color: #555;
	font: normal 10pt Arial,Helvetica,sans-serif;
	background: #EFEFEF;
}

#page
{
	margin-top: 5px;
	margin-bottom: 5px;
	background: white;
	border: 1px solid #C9E0ED;
}

#header
{
	margin: 0;
	padding: 0;
	border-top: 3px solid #C9E0ED;
	position: relative;
	height: 55px;
}

#content
{
    padding: 20px 20px 20px 20px;
}

#sidebar {
    padding: 20px 20px 0px 0px;
    width: 200px;
    position: fixed;
    top: 75px;
    right: 0px;
    z-index: 1;
}

#footer
{
	padding: 10px;
	margin: 10px 20px;
	font-size: 0.8em;
	text-align: center;
	border-top: 1px solid #C9E0ED;
}

#logo
{
	padding: 10px 20px;
	font-size: 200%;
}

#logo .site-name a {
    font-size: 24px;
}

.css_menu {
    position: absolute;
}

.css_top_item {
    position: relative;
}

.css_sub_menu {
    position: absolute;
}

#mainmenu
{
	background:white url(bg.gif) repeat-x left -15px;
	height: 28px;
	clear: both;
	position: relative;
}

#mainmenu ul
{
	padding:6px 20px 5px 20px;
	margin:0px;
}

#mainmenu ul li
{
	display: inline;
}

#mainmenu ul li a
{
	color:#ffffff;
	background-color:transparent;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	padding:5px 6px;
}

#mainmenu ul li a:hover, #mainmenu ul li.active a
{
	color: #6399cd;
	background-color:#EFF4FA;
	text-decoration:none;
}

div.flash-error, div.flash-notice, div.flash-success
{
	padding:.8em;
	margin-bottom:1em;
	border:2px solid #ddd;
}

div.flash-error
{
	background:#FBE3E4;
	color:#8a1f11;
	border-color:#FBC2C4;
}

div.flash-notice
{
	background:#FFF6BF;
	color:#514721;
	border-color:#FFD324;
}

div.flash-success
{
	background:#E6EFC2;
	color:#264409;
	border-color:#C6D880;
}

div.flash-error a
{
	color:#8a1f11;
}

div.flash-notice a
{
	color:#514721;
}

div.flash-success a
{
	color:#264409;
}

div.form .rememberMe label
{
	display: inline;
}

div.view
{
	padding: 10px;
	margin: 10px 0;
	border: 1px solid #C9E0ED;
}

div.breadcrumbs
{
	font-size: 0.9em;
	padding: 5px 20px;
}

div.breadcrumbs span
{
	font-weight: bold;
}

div.search-form
{
	padding: 10px;
	margin: 10px 0;
	background: #eee;
}

.portlet
{

}

.portlet-decoration
{
	padding: 3px 8px;
	background: #B7D6E7;
	border-left: 5px solid #6FACCF;
}

.portlet-title
{
	font-size: 12px;
	font-weight: bold;
	padding: 0;
	margin: 0;
	color: #298dcd;
}

.portlet-content
{
	font-size:0.9em;
	margin: 0 0 15px 0;
	padding: 5px 8px;
	background:#EFFDFF;
}

.portlet-content ul
{
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin: 0;
	padding: 0;
}

.portlet-content li
{
	padding: 2px 0 4px 0px;
}

.operations
{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.operations li
{
	padding-bottom: 2px;
}

.operations li a
{
	font: bold 12px Arial;
	color: #0066A4;
	display: block;
	padding: 2px 0 2px 8px;
	line-height: 15px;
	text-decoration: none;
}

.operations li a:visited
{
	color: #0066A4;
}

.operations li a:hover
{
	background: #80CFFF;
}

.cleditorMain {margin-left: 200px;}

#villalistset label {display: inline; float: none;}


table.calendar {width: 1101px;}
table.calendar tbody tr:nth-child(even) td {	background: none;}
table.calendar, table.calendar th, table.calendar td {	vertical-align: top;	padding: 0px;	margin: 0px;}
table.calendar tr.monthdays td {	width: 50px;	height: 50px;}
table.calendar .monthname td, table.calendar .weekdayname td {	font-weight: bold;}
table.calendar .month td {	text-align: center; padding: 0px 1px 1px 0px;}
table.month {padding: 0px 10px 10px 0px;}
table.month td .daycontainer {width: 50px; height: 50px; background: none no-repeat no-repeat 0px 0px;}
table.month td .daycontainer.hdn2 {position: relative;}
table.month td .daynumber {width: 19px; height: 18px; background-color: white; position: relative; top:15px; left: 16px; border: 1px solid #ddd;}


table.month.legend tbody tr:nth-child(even) td {background: none;}
table.month.legend {width: 90px; border: 1px solid #aaa; float: right;}
table.month.legend td.legend_image {width: 50px;}
table.month.legend td.tarif_name {width: 40px;}

table.movecalendar {width: 100%; font-size: 16pt; text-align: center;}
table.movecalendar td {text-align: center;}

.grid-view table.items td.widget_apikey {font-size: 8pt;white-space:nowrap; padding: 0px 5px;}

.grid-view .button-column {
    width: 90px !important;
}
.grid-view .button-column a {
    margin: 0px 3px;
}



div.form form fieldset {margin-bottom: 30px;}
div.form fieldset label {float: none; width: auto;}
div.form fieldset div.row {float: left; width: 170px;}
div.form fieldset input {width: 120px;}
div.form fieldset .wide-input input {width: 400px;}
div.form fieldset select {width: 120px;}
div.form fieldset div.row.editor {width: 550px; margin-left: 0px;}
div.form fieldset div.row.editor .cleditorMain {margin-left: 0px;}

div.form fieldset #new_icon_preview {
    max-width: 900px;
    overflow: hidden;
}
.jcrop-holder input {
}



div.form fieldset .row.facilitiesset, div.form fieldset .row.servicesset  {width: 1000px;}
#facilitiesset label {display: inline; float: left; width: 310px; height: auto; line-height: 1em; padding-bottom: 10px;}
#facilitiesset input {width: 20px; float: left; height: auto; margin: 0px; padding: 0px; line-height: 1em;}
#facilitiesset br {display: none;}

#servicesset input {width: 20px; display: inline;}
#servicesset label {width: 200px; display: inline;}

div.form fieldset fieldset.villaurl {}
div.form fieldset fieldset.villaurl input {width: 415px; margin:0px; vertical-align:baseline;}
div.form fieldset div.row.villaurl {width: 550px; float:left; margin:0px;}
div.form fieldset div.row.villaurl label {width: auto; float:left; padding-right:10px; margin: 0px;}

div.form fieldset fieldset.villaSt {}
div.form fieldset div.row.villaSt {width: 360px;}
div.form fieldset div.row.villaSt label {width: 160px; float: left; margin: 0.4em 0 0.2em 0;}

div.form fieldset fieldset.villaRH {}
div.form fieldset fieldset.villaRH input {width: 415px;}
div.form fieldset div.row.villaRH {width: 450px;}
div.form fieldset div.row.villaRH label {width: 250px; float: left; margin: 0.4em 0 0.2em 0;}

div.form fieldset.contracts label {float: left; width: 160px;}
div.form fieldset.contracts div.row {float: left; width: 900px;}



div.form.leadform fieldset .lead_status_actions input {width: auto;}
div.form.leadform fieldset div.row.client {width: 400px;}
div.form.leadform fieldset div.row.villa {width: 300px;}
div.form.leadform fieldset div.row.client select {width: 350px;}
div.form.leadform fieldset div.row.villa select {width: 250px;}
div.form.leadform fieldset #Lead_subject {width: 350px;}
div.form.leadform fieldset #Lead_descr {width: 340px; height: 200px;}

div.form.leadform fieldset.additions div.row {clear: both;}
div.form.leadform fieldset.additions input {width: 500px;}

div.form.leadform fieldset div.row.calc_price_row {
    width: 200px;
    margin-right: 5px;
}
div.form.leadform fieldset div.row.calc_price_row.w120 {width: 120px;}
div.form.leadform fieldset div.row.calc_price_row.w160 {width: 160px;}
div.form.leadform fieldset div.row.calc_price_row.w240 {width: 240px;}


.row div.lead_status_actions label {display: inline; float: none; font-weight: normal;}
.row div.lead_status_actions input {margin: 5px 5px 5px 0px;}
.row div.lead_status_actions {padding-bottom: 20px; overflow: auto;}


/*********************/
/** CALENDAR STYLES **/
/*********************/
#invoice_window {
   position: fixed;
   top: 10px;
   left: 50%;
   margin-left: -440px;
   background-color: #fff;
   border: 1px solid #000;
   height: 700px;
   width: 1000px;
   z-index: 10000;
   display: none;
}

#o10 {
    z-index: 1001 !important;
}
#o20-bg {
    z-index: 1002 !important;
}

#o20-bg {
    background: rgba(255, 255, 255, 0.4);
}
#o20-bg.second-dialog {
    background: rgba(255, 255, 255, 0.4);
} 

#o20 .dialog {
	background: white;
	width: 250px;
	margin: 100px auto;
	border: 1px solid black;
	box-shadow: 2px 2px gray;
}
#o20 .dialog h5 {
	background: url(bg.gif) repeat-x;
	font-size: 13px;
	font-weight: bold;
	color: white;
	line-height: 12px;
	padding: 10px;
	margin: 0px;
}
#o20 .dialog .content {
	padding: 10px;
	font-size: 12px;
}
#o20 .dialog .buttons {
	text-align: center;
	padding: 10px;
}
#o20 .dialog .season-color {
	border: 1px solid black;
	background: #888888;/* this color is related to co_rates[0] */
	width: 20px;
	height: 14px;
	margin: 0px 10px;
	display: inline-block;
}

#o10 {
    width: auto;
    height: auto;
    padding: 0px;
    background-color: #333333;
    opacity: 1;
}

#o10 .dialog2 .buttons {
    text-align: center;
    padding: 10px;
}

#o10 .dialog2 {
    /*height: 240px;/* recommended height is no more than 250px including padding */
    height: auto;
    width: 630px;
    padding: 5px;
}
#o10 .dialog2-w500 {
    width: 500px;
}
#o10 .dialog2-editmode {
    width: 900px;/* old value 750px */
}
#o10 .tt1 a {
    color: white;
}
#o10 .tt0 a {
    color: white;
}

/* villa names column in calendar */
.tbl0 .lft0.col1 div {
    width: 120px;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* price structure dialog/table */
#o20 .dialog.price-structure-dialog {
    width: 930px;
    margin: 60px 0px 100px 178px;
}

.price-structure-dialog {
    font-family: Arial;
    font-size: 13px;
}
.price-structure-dialog .content {
    max-height: 410px !important;
    overflow-y: scroll;
}

.price-structure-dialog .general-info {
    width: 100%;
    margin: 0px;
    padding: 0px;
    border: 1px solid black;
    background: white;
}
.general-info td {
    padding: 0px 5px;
}
.general-info .c1 {
    width: 250px;
}

.price-structure-dialog .price-info {
    width: 100%;
    margin: 5px 0px 0px 0px;
    padding: 0px;
    border: 1px solid black;
    background: white;
}
.price-info td {
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 5px;
    padding-right: 5px;
}
.price-info .c-first {
    width: 250px;
    padding-left: 5px;
}

.price-info .r-space td {
    height: 16px;
    line-height: 16px;
}

.price-info .r-days-header td {
    background-color: #808080;
    color: #0000FF;
}

.price-info .r-days-info td.c1 {
    background-color: #969696;
    color: #0000FF;
}
.price-info .r-days-info td.c2 {
    background-color: #C0C0C0;
    color: #000000;
}
.price-info .r-days-info td.c3 {
    background-color: #969696;
    color: #0000FF;
}
.price-info .r-days-info td.c4 {
    background-color: #C0C0C0;
    color: #000000;
}

.price-info .c-numdays {
    padding-right: 10px;
    text-align: right;
}

.price-info .r-calc {
    border-bottom: 2px solid black;
}
.price-info .r-calc td {
    background-color: #333333;
    color: #CCFFFF;
    font-weight: bold;
}

.price-info .r-disc {
}
.price-info .r-disc td {
    background-color: #99CC00;
    color: #000000;
}
.price-info .r-disc td.c1 {
    background-color: #99CC00;
}
.price-info .r-disc td.c2 {
    background-color: #CCFFCC;
}
.price-info .r-disc td.c3 {
    background-color: #99CC00;
}
.price-info .r-disc td.c4 {
    background-color: #CCFFCC;
}

.price-info .r-neg1 {
    border-bottom: 2px solid black;
}
.price-info .r-neg1 td {
    background-color: #003300;
    color: #CCFFCC;
    font-weight: bold;
}

.price-info .r-neg2 {
    border-bottom: 2px solid black;
}
.price-info .r-neg2 td {
    background-color: #FFCC99;
    color: #FF0000;
    font-weight: bold;
}

.price-info .r-agent {
}
.price-info .r-agent td {
    background-color: #C0C0C0;
    color: #000000;
    height: 33px;
    vertical-align: bottom;
}

.price-info .r-net {
}
.price-info .r-net td {
    background-color: #000000;
    color: #FFCC00;
    font-weight: bold;
}

.price-info .r-our {
}
.price-info .r-our td {
    background-color: #ffffff;
    color: #000000;
    height: 33px;
    vertical-align: bottom;
}




span.notice1 {
    font-size: 12px;
    color: black;
    font-weight: bold;
    border: 1px solid black;
    background: orange;
    line-height: 30px;
}

.villa-services-wrap {
    color: #BBEEEE;
    font-size: 8pt;
    font-weight: italic, oblique;
    line-height: 100%;
    max-height: 90px;
    overflow-y: scroll;
    padding-left: 10px;
}
.villa-services-wrap ul {
    margin: 5px;
}
.villa-services-wrap li {
    margin: 3px 5px;
}

.dialog2 .dashed {
    border-bottom: 1px dashed white;
    padding: 5px;
    margin: 5px;
}
/*
#debug_timings {
    display: none;
}*/

.tt2 {
    color: #85F477;
    font-size: 9pt;
    font-weight: normal;
    margin-top: 2px;
}
.tt2 > span {
    display: inline-block;
    padding-right: 5px;
}
.tt2 select,
.tt2 input {
    margin: 0px;
    color: #85F477;
    font-size: 9pt;
    font-weight: bold;
    background-color: transparent;
    border: none;
}
.tt2 select {
    vertical-align: bottom;
}


.tt2 .ui-datepicker-trigger {
    vertical-align: middle;
}

.nowrap {
    white-space:nowrap;
}


.tt5 {
    margin: 0px;
    padding: 0px;
}
.tt5 * {
    color: white;
    font-size: 11px;
    font-family: Arial, Tahoma;
    font-weight: normal;
    line-height: 1.2em;
}
.tt5 h5 {
    margin: 0px;
}
.tt5 h5 span {
    font-size: 12px;
    border-bottom: 1px dashed white;
    color: orange;
    font-weight: bold;
}
.tt5 label b {
    font-weight: bold;
    color: red;
}


#editdays_subform2 input,
#editdays_subform3 input,
#editdays_subform2 select {
    margin: 3px 10px 3px 5px;
    padding: 0px;
    background-color: #888;
    border: 1px solid #bbb;
    width: 50px;
}

#editdays_subform2 select {
    max-height: 100px;
    width: 60px;
}

#editdays_subform2 #editdays_client_id {
    width: 400px;
}

#editdays_subform2 #editdays_agent_id {
    width: 320px;
}

#editdays_subform2 #editdays_agent_id * {
    font-size: 11px;
    max-width: 280px;
}

#editdays_subform2 #editdays_lead_currency_id {
    width: 51px;
}

#editdays_subform0,
#editdays_subform1,
#editdays_subform2,
#editdays_subform3 {
    padding: 3px 5px;
}

#editdays_subform0 {
    border-width: 1px;
}

#editdays_subform0 label,
#editdays_subform1 label,
#editdays_subform2 label,
#editdays_subform3 label {
}

#editdays_subform3 input {
    width: 150px;
}

#editdays_subform0 {
    background-color: rgba(0,0,0,0.1);
}

#editdays_subform1 {
    background-color: rgba(200,0,0,0.1);
    display: none;
}

#editdays_subform2 {
    background-color: rgba(0,200,0,0.1);
    display: none;
}

#editdays_subform3 {
    background-color: rgba(0,0,200,0.1);
    display: none;
}

.dialog2-editmode .warning {
    color: red;
    font-size: 13px;
    font-weight: bold;
    margin: 5px 0px;
    padding: 0px;
}

.clear {
    clear: both;
    margin: 0px;
    padding: 0px;
    border: 0px;
}

.q-list {
    color: white;
    font-size: 11px;
    font-weight: normal;
    min-height: 40px;
    max-height: 120px;
    overflow-y: auto;
    float: left;
    clear: none;
}

.dialog2 hr,
.q-lead hr {
    margin: 3px 0px;
    padding: 0px;
}
.q-list table {
    border: 1px solid black;
    margin-top: 5px;
}

.dialog2-w500 .q-list {
    width: 500px;
}
.dialog2-editmode .q-list {
    width: 896px;
}
.dialog2-w500 .q-list table {
    width: 498px;/* -2 px for border left,right */
}
.dialog2-editmode .q-list table {
    width: 892px;
}

.q-list thead th {
    font-weight: bold;
    color: #ffb720;
}
.q-list thead th,
.q-list tbody td {
    border: 1px solid black;
}
.q-list td {
    color: black;
    background: #ffffff;
}
.q-list .q-lead-odd td {
    background: #ccffff;
}
.q-list .q-lead {
    padding: 5px 0px;
}
.q-list .q-lead span {
    padding-right: 10px;
}
.q-list .q-lead-active td {
    background: orange;
}


.q-list .mw50 {
    width: 50px;
    max-width: 50px;
    word-wrap: break-word;
}
.q-list .mw100 {
    width: 100px;
    max-width: 100px;
    word-wrap: break-word;
}
.q-list .mw120 {
    width: 120px;
    max-width: 120px;
    word-wrap: break-word;
}
.q-list .mw150 {
    width: 150px;
    max-width: 150px;
    word-wrap: break-word;
}


.dialog2-editmode .q-list .mw100 {
    width: 100px;
    max-width: 100px;
}

.q-list .mw70 {
    width: 70px;
    max-width: 70px;
}

.q-list .actions a {
    display: inline-block;
    margin: 5px;
    padding: 0px;
    font-size: 11px;
}
.q-list .actions .no-action {
    color: gray;
}


.q-edit {
    border: 1px solid #888;
    display: none;
    width: 370px;
    height: 160px;
    float: left;
    clear: none;
    margin-left: 10px;
    padding: 5px;
}
.q-edit-form {
}

.q-edit a {
    color: white;
    font-size: 11px;
}

b.ast {
    color: red;
    font-weight: bold;
    font-size: 14px;
    padding-left: 5px;
}

#editqueue_villa_id {
    background-color: #333;
    border: 1px solid gray;
    margin-bottom: -2px;
}
#editqueue_villa_id .opt-header {
    color: #85F477;
    background: #888;
    font-size: 12px;
    font-weight: bold;
}

#editqueue_villa_id .opt-normal {
    color: #85F477;
    font-size: 11px;
    font-weight: normal;
}
.dialog2-editmode .buttons2 {
    margin-top: 10px;
    text-align: center;
}


.prices-wrap {
    overflow-x: sroll;
    overflow-y: hidden;
    color: black;
    font-size: 12px;
    width: auto;
}
.prices-bg {
    width: auto;
    height: auto;
    background-color: #fff;
    display: inline-block;
}
.prices {
    border-collapse: collapse;
    border: 1px solid black;
    background-color: white;
    margin: 2px;
    box-sizing: border-box;
    font-family: arial;
}
.prices {
    width: 745px;
}
.prices.view-mode {
    width: 600px;
}
.prices th {
    background-color: #C9E0ED;
    font-weight: bold;
    text-align: left;
}
.prices th, .prices td {
    margin: 0px;
    padding: 2px;
    border: 1px solid black;
    box-sizing: border-box;
}
.prices input {
    margin: 0px;
    padding: 0px;
    text-align: left;
    font-weight: bold;
}
.prices input:focus {
    border-color: #000;
/*    box-shadow: inset 0px 1px 1px #000, 0px 0px 8px blue; */
}
.prices .saved-value {
    color: gray;
    text-align: left;
    font-family: helvetica;
    font-size: 12px;
    line-height: 16px;
}
.prices .new-value {
    color: black;
    text-align: left;
    font-family: helvetica;
    font-size: 12px;
    line-height: 16px;
}
.prices .calc-price {
    background-color: #CECDCB;
}
.prices .neg-price {
    background-color: #A7F397;
}
.prices .discount {
    background-color: #F6D3CC;
}
.prices .agent-fee {
    background-color: #C1E7E4;
}
.prices .our-fee {
    background-color: #E5CF9E;
}
.prices .payment-amount {
    background-color: #E5CF9E;
}

#hint_lead_lead_currency_id, #hint_lead_lead_fx_rate {
    margin: 0px;
    font-size: 12px;
}

#hint_lead_lead_currency_id {
    width: 53px;
}

#hint_lead_lead_fx_rate {
    width: 50px;
}


/* CURRENCY FIELDS SPECIAL STYLES IN CALENDAR */
.currency-fields-wrapper.in-calendar {
    border: 1px dashed transparent;
    padding: 3px 5px;
    display: inline-block;
}

#currency_fields_wrapper1 {
    margin-left: 10px;
}
.currency-row1 {
    margin-bottom: 4px;
    height: 20px;
}

.currency-row2 {
    height: 20px;
}

.currency-row1 b,
.currency-row2 b {
    display: inline-block;
    width: 60px;
}

.currency-fields-wrapper.in-calendar.has-currency-warning {
    border: 1px dashed red;
}

.currency-fields-wrapper.in-calendar .currency-warning-wrapper {
    display: none;
}

.currency-fields-wrapper.in-calendar .currency-warning-wrapper a {
    color: red !important;
    font-weight: bold;
    text-decoration: underline;
}

.open-select-fx-rate-dialog-link {
    background: url(../../images/fx_rate_icon_25.png) no-repeat;
    display: inline-block;
    width: 25px;
    height: 25px;
    position: relative;
    top: 14px;
    left: 0px;
    text-decoration: none;
}

.open-select-fx-rate-dialog-link.in-calendar {
    background-position: -3px -3px;
    top: 0px;
    left: 0px;
    width: 19px;
    height: 19px;
    vertical-align: top;
    display: inline-block;
    margin: 0px 0px 0px 10px;
}

.open-select-fx-rate-dialog-link:hover {
    box-shadow: 2px 2px 0px gray;
    opacity: 0.9;
}

#open_select_fx_rate_dialog_link2 {
    top: 3px;
}
/***************************/
/** CALENDAR STYLES [END] **/
/***************************/



/* GRID VIEW CUSTOMISATION */
.grid-view-loading-box {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    display: none;
    background: rgba(255,255,255,.5);
    z-index: 1000;
}
.grid-view-loading-box .loading-text {
    border: 3px double orange;
    width: 150px;
    padding: 20px;
    margin: 100px auto;

    text-align :center;
    font-size: 16px;
    font-weight: bold;
    color: black;
    background: rgba(255,255,255,.5) url(../../images/loading.gif) 10px 50% no-repeat;
}

.grid-view .pager,
.grid-view .summary {
    margin: 7px 0px !important;
}

.grid-view table.items thead th,
.grid-view table.items thead td {
    color: black !important;
}
.grid-view table.items thead th a {
    color: black !important;
    display: inline-block;
    margin: 5px;
    border-bottom: 1px dashed white;
}
.grid-view table.items thead th a.asc,
.grid-view table.items thead th a.desc {
    border-bottom: 1px solid white;
}
.grid-view table.items thead tr th,
.grid-view table.items thead tr td {
    border: 1px solid #888888;
    background: #ffcc99;
}

.grid-view table.items tbody tr td {
    color: black;
    border: 1px solid #888888;
}
/* DIFFERENT COLORS OF ROW DEPENDING ON LEAD STATUS & BOOKING STATUS */
/* lead status colors */
.grid-view .items tbody .lead-onrequest td {
    background: #ffffff
}
.grid-view .items tbody .lead-scheduled td {
    background: #99cc00;
}
.grid-view .items tbody .lead-completed td {
    background: #99cc00;
}
.grid-view .items tbody .lead-cancelled td {
    background: #ff9999;
}
.grid-view .items tbody .lead-irrelevant td {
    background: #a6a6a6;
}

.grid-view .items tbody .lead-onrequest.request-odd td {
    background: #F4F4FF;
}
.grid-view .items tbody .lead-onrequest.request-even td {
    background: #FFFFFF;
}
.grid-view .items tbody .unread td {
    font-weight : bold;
}


/* scheduled leads booking status colors */
.grid-view .items tbody .lead-scheduled.booking-requested td {
    background: #FFFFFF;
}
.grid-view .items tbody .lead-scheduled.booking-onhold td {
    background: #BBEEEE;
}
.grid-view .items tbody .lead-scheduled.booking-confirmednodeposit td {
    background: #91FB58;
}
.grid-view .items tbody .lead-scheduled.booking-confirmedwithdeposit td {
    background: #44BD01;
}
.grid-view .items tbody .lead-scheduled.booking-paidfull td {
    background: #FEBA1D;
}
.grid-view .items tbody .lead-scheduled.booking-paidfullowner td {
    background: #B0801A;
}


#lead-grid .pager,
#lead-grid .summary {
    text-align: left;
}

#lead-grid .items-wrapper {
    width: 100%;
}

#lead-grid table.items,
#invoicepayments-grid table.items {
    margin: 5px 0px;
    width: auto;/* 2210 width + 21 * 5 padding and borders */
}

/* user pages, conc. order, conc. service, bcl customisation for grid view */
#villa-staff-grid .pager,
#urgent-message-grid .pager,
#bcl-grid .pager,
#user-grid .pager,
#conc-order-grid .pager,
#conc-service-grid .pager {
    text-align: left;
    display: inline-block;
}

#villa-staff-grid .summary,
#urgent-message-grid .summary,
#bcl-grid .summary,
#user-grid .summary,
#conc-order-grid .summary,
#conc-service-grid .summary {
    text-align: left;
    display: inline-block;
}

#villa-staff-grid table.items,
#urgent-message-grid table.items,
#bcl-grid table.items,
#user-grid table.items,
#conc-order-grid table.items,
#conc-service-grid table.items {
    margin-bottom: 0px;
}
/* user pages customisation for grid view [end] */

.container-lead-admin {
    width: 2600px;
}
.container-lead-admin .span-24 {
    width: 100%;
}

#lead-grid .value-with-hint {
    color: black;
    text-decoration: none;
    border-bottom: 1px dashed black;
}
#lead-grid .value-with-hint:hover {
    border-bottom: 1px dashed gray;
}
#lead-grid .items td,
#invoicepayments-grid .items td {
    font-size: 11px;
    line-height: 1em;
    text-align: left;
    padding: 2px;
}

#lead-grid .items span.rh_warn {
    font-weight: bold;
    color: red;
    font-size: 130%;
}

#lead-grid .items td.date1 {
    text-align: center;
}
#lead-grid .items td.center1,
#invoicepayments-grid .items td.center1 {
    text-align: center;
}
#lead-grid .items td.actions1 {
    text-align: left;
    white-space:nowrap;
}
#lead-grid .items td.actions1 a {
    margin-right: 5px;
}

/* customisation of DatePicker styles */
.ui-datepicker-calendar .villaday-busy {
    color: red !important;
    font-weight: bold !important;
}
.ui-datepicker-calendar .villaday-free {
}


.row.buttons.float {
    position: fixed;
    right: 15px;
    bottom: 15px;
    height: auto;
    width: auto;
    background-color: #ddd;
    text-align: center;
    padding: 10px 10px;
    margin: 0px;
    
    -moz-box-shadow: 0 0 10px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.5);
    box-shadow: 0 0 10px rgba(0,0,0,0.5);
}
.row.buttons.float input {
    margin: 0px;
}

/* special fix for buttons shown inside jQuery dialog */
.jquery-dialog-buttons {
    position: absolute !important;
}


.row.buttons.buttons-report-top {
    width: auto;
}
.row.buttons.buttons-report-top input {
    width: auto;
}

.row.buttons input {
    font-size: 14pt;
    width: 90px; height: 29px;
    margin-top: 20px;
}
.row.buttons input.cancel {
    font-size: 12pt;
    width: 90px; height: 29px;
}
.row.buttons input.reply {
    font-size: 12pt;
    width: 130px; height: 29px;

}
.nowrap {
	white-space:nowrap;
}

.welcome_text {
    position: absolute;
    top: 10px;
    right: 20px;
}

.grid-view table.editimport.items td {
}

.grid-view table.editimport.items thead tr.subheader2 th {
    font-size: 7pt;
    white-space:nowrap;
}
.grid-view table.editimport.items tbody tr td.parse_err {
    color: red;
    background-color: #FDFFC2;
}
.grid-view table.editimport.items tbody tr td.parse_err input {
    color: red;
    border: 1px solid red;
    //background-color: yellow;
}

.grid-view table.editimport.items .value_hint {
	font-size: 8pt;
}

.timeline_level_1 {
	background-color: #FFEEEE;
}

.timeline_level_label_1 {
    color: red;
    font-weight: bold;
}

.version {
	padding: 10px;
	font-size: 10pt;
}

.client_agent_fields {
    position: relative;
    float: left;
}

#villaday_search_result_data {
    width: 400px;
    left: 48px;
    border: 1px solid #bbbbbb;
    z-index: 1000;
    position: absolute;
    background-color: #888888;
    display: none;
    margin-top: -5px;
}

#villaday_search_result_data * {
    font-size: 11px;
}

.iplist {
	position: absolute; 
	left: 700px;
}

.correctip {
	height: 110px;
	width: 200px;
	overflow-y: auto;
	overflow-x: auto;
	border: 1px solid;
}

.incorrectip {
	color: red;
	height: 115px;
	width: 200px;
	overflow-y: auto;
	overflow-x: auto;
	border: 1px solid;
}


.server-status {
    font-size: 10px;
    line-height: 1.2em;
    position: absolute;
    top: 0px;
    left: 20px;
}

#price_fieldset h5 {
    font-style: italic;
    text-decoration: underline;
    margin: 0.5em 0em;
}

.saved-prices-wrap * {
    color: #309a53;
}

div.form fieldset .calc_price_row input {
    margin-top: 0px;
}
div.form fieldset input.w80 {
    width: 80px;
}



/* INVOICE ADMIN PAGE */
.td-word-break {
    word-break: break-all;
    width: 200px !important;
}


#page #content {
    padding-top: 0px;
}
#page #content > h1 {
    margin: 0px;
}
#invoice-grid td.account-noaccount {
    background: #fee9b9;
}
#invoice-grid td.account-notselected {
    background: #FEBA1D;
}

/* MAIL TEMPLATE FORM */
#mail-template-form .errorMessage {
    margin-left: 100px;
}


/* SEND TEST MESSAGE SUBFORM */
.form .msg-subform {
    padding: 10px;
}
.form .msg-subform legend {
    margin: 0px;
    padding: 0px;
}
.form .msg-subform .row {
    width: auto;
    float: none;
    margin: 10px 0px;
}
.form .msg-subform .row * {
    vertical-align: middle;
}
.form .msg-subform ul {
    margin: 10px 20px;
}
.form .msg-subform ul li {
}
.form .msg-subform p {
    margin: 10px 0px;
}
.form .msg-subform label {
    float: none;
    display: inline;
    margin: 0px;
    padding: 0px;
    width: auto;
}
.form .msg-subform input {
    float: none;
    display: inline;
    margin: 0px 10px;
    padding: 0px;
    width: auto;
}

/* USER CREATE/UPDATE PAGE */
#fs_email_settings .row .cleditorMain {
    margin-left: 190px;
}

div.form fieldset.rows-nofloat div.row {
    width: auto;
    float: none;
    clear: both;
}

div.form fieldset.rows-nofloat div.row label {
    width: 200px;
    float: left;
}
div.form fieldset.rows-nofloat div.row input,
div.form fieldset.rows-nofloat div.row select,
div.form fieldset.rows-nofloat div.row textarea {
    float: left;
    clear: none;
    margin-left: 0px;
    margin-top: 0px;
}


/* MAIL TEMPLATE CREATE/UPDATE FORM */
#mail-template-form .row label {
    width: 100px;
}
#mail-template-form .w-fixed,
#prepare-mail-form .w-fixed {
    display: inline-block;
    margin: 0px;
    vertical-align: top;
}
#mail-template-form .w-fixed input,
#prepare-mail-form .w-fixed input {
    margin-bottom: 0px;
}
#mail-template-form .w-fixed label,
#prepare-mail-form .w-fixed label {
    display: inline-block;
    float: none;
}

#prepare-mail-form .errorMessage {
    display: none;
}

img.bwplaceholder {
    vertical-align: top;
}
img.bwplaceholder:hover {
    box-shadow: 2px 2px 3px gray;
}

#row_message_prepared {
    position: relative;
    top: 0px;
    left: 0px;
    width: 100%;
}

#row_full_message {
    position: relative;
    top: 0px;
    left: 0px;
    width: 100%;
}

#recent_mails_list {
    display: none;
    position: absolute;
    top: 15px;
    left: -5px;
    width: 140px;
    padding: 7px 5px;
    overflow: hidden;
    background: #eaffff;
    border: 1px solid #888;
    box-shadow: 2px 2px gray;
}
#recent_mails_list:hover {
    width: auto;
}
#recent_mails_list div {
    margin-bottom: 7px;
    border-bottom: 1px dashed #BBBBBB;
    padding-bottom: 3px;
}
#recent_mails_list .recent-mail-subject {
    color: #888;
    word-wrap: normal;
    white-space: nowrap;
    height: 12px !important;
    font-size: 11px;
}
#recent_mails_list .recent-mail-subject:hover {
    color: #000;
}
#recent_mails_list .recent-mail-date {
    color: #888;
    font-size: 11px;
    font-weight: bold;
}

.draft-notice {
    margin: 0px auto 10px auto;
    padding: 5px;
    background: lightgreen;
    border: 1px solid green;
    font-weight: normal;
    font-size: 12px;
    color: #000;
    text-align: center;
    width: 600px;
}
#prepare-mail-form .row.buttons.float input {
    margin-left: 5px;
}

.mail-draft-error {
    padding: 5px;
    font-size: 14px;
}

.mail-draft-error ul {
    margin: 5px;
}

#prepare-mail-form .clear {
    display: block;
    clear: both;
    line-height: 0px;
    height: 0px;
    width: 100%;
}

#prepare-mail-form .row {
    margin: 0px 0px 8px 0px;
    float: none;
    display: inline-block;
    vertical-align: top;
}

#prepare-mail-form .row label {
    float: none !important;
    display: inline-block;
    line-height: 16px !important;
    padding: 2px 0px;
    font-size: 11px !important;
    vertical-align: top;
    width: 147px;
}

#prepare-mail-form .row > input[type="checkbox"] {
    vertical-align: top;
    margin: 4px 0px 3px 0px;
}

#prepare-mail-form #row_language span.language-name {
    line-height: 16px !important;
    padding: 2px 0px;
    display: inline-block;
    vertical-align: top;
}

#prepare-mail-form #cke_MailTemplate_message_prepared,
#prepare-mail-form #cke_MailTemplate_full_message,
#prepare-mail-form #cke_MailTemplate_replyto_text_prepared {
    display: inline-block;
}

#prepare-mail-form .row.buttons.float {
    padding: 7px 10px;
    bottom: 2px;
    right: 32px;
}

#prepare-mail-form .row.buttons.float input {
    font-size: 15px;
    height: 26px;
}

/* SPECIAL STYLE FOR GRIDVIEW */
.grid-view table.items tbody tr td.break1 {
    word-wrap: break-word;
    word-break: break-all;
}


/* JQUERY DIALOG TWEAKS */
.ui-dialog .ui-dialog-titlebar {
    padding: 2px 10px !important;
    font-size: 12px;
}
.ui-dialog {
/*    z-index: 5010 !important; *//* THIS CAUSED BUGS */
}
.ui-widget-overlay {
/*    z-index: 5005 !important; *//* THIS CAUSED BUGS */
}
.css_menu {
    z-index: 100 !important;
}

#exec_time {
    padding: 0px 10px;
    bottom: 2px;
}

/* SPECIAL STYLES FOR FIND/VIEW MAIL FUNCTION */
#find_mail_dialog,
#view_mail_dialog {
    font-size: 11px;
    padding: 5px !important;
/*    min-width: 1010px !important; THAT STYLE WILL BREAK USABILITY */
    width: auto !important;
    overflow: auto !important;
}

#find_mail_dialog .mail-view,
#view_mail_dialog .mail-view {
    margin: 5px 0px 0px 0px;
    border-top: 1px solid gray;
}

#find_mail_dialog table.find-mail-result,
#view_mail_dialog table.view-mail-result {
    border-collapse: collapse;
    margin: 0px;
}

table.find-mail-result > tbody > tr > td,
table.view-mail-result > tbody > tr > td {
    vertical-align: top;
    background-color: #fff;
    padding: 0px;
}

#find_mail_search_form,
#view_mail_search_form {
    min-width: 1000px !important;
}

#find_mail_results,
#view_mail_results {
    width: 100%;
    margin: 0px;
    padding: 0px;
}

#find_mail_editor,
#view_mail_editor {
    width: 100%;
    margin: 5px 0px 0px 0px;
    border-top: 1px solid gray;
}

#find_mail_editor_visibility_handler,
#view_mail_editor_visibility_handler {
    width: 100%;
    margin: 0px;
    padding: 0px;
    display: none;
}

#find_mail_dialog .jquery-dialog-buttons,
#view_mail_dialog .jquery-dialog-buttons {
    position: absolute !important;
}

.mail-list {
    min-height: 100px;
    max-height: 235px;
    width: 100%;
    overflow-y: auto;
}
.mail-list ul {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}
.mail-list ul li {
    margin: 0px;
    border-bottom: 1px solid #E5E5E5;
    text-align: left;
    cursor: pointer;
    display: block;
}

.mail-list .mail-detail-header table,
.mail-list .mail-detail table {
    margin: 0px;
}
.mail-list td {
    padding: 0px;
}


.mail-list .mail-detail-header,
.mail-list .mail-detail-header td {
    background-color: #C0C0C0;
    text-align: left;
}
.mail-list .mail-detail-header,
.mail-list .mail-detail {
    padding: 2px 10px;
}
.mail-list .mail-detail,
.mail-list .mail-detail td {
    background-color: #F5F5F5;
    text-align: left;
}
.mail-list .mail-detail:hover,
.mail-list .mail-detail:hover td {
    background-color: #F9F9F9;
}
.mail-list .mail-detail.selected,
.mail-list .mail-detail.selected td {
    background-color: #CCFFCC;
}


.mail-list td.mail-from,
.mail-list td.mail-to {
    width: 150px !important;
    overflow: hidden !important;
    word-break: break-all !important;
    word-wrap: break-word !important;
}
.mail-list td.mail-from a,
.mail-list td.mail-to a {
    text-decoration: none;
}

.mail-list td.mail-subject {
    width: auto !important;
    padding-left: 15px !important;
}
.mail-list td.mail-date {
    font-size: 10px !important;
    width: 100px !important;
}
.mail-list td.mail-folder {
    font-size: 10px !important;
    width: 150px !important;
    padding-left: 15px !important;
}
.mail-list .mail-detail-header tr td {
    height: 16px !important;
    font-size: 12px !important;
    vertical-align: middle;
}

/* mail address elements styles */
.mail-addr-wrap {
    display: inline-block;
    font-size: 13px;
    padding: 2px 3px;
    vertical-align: top;
}
.mail-addr {
    background-color: #F5F5F5;
    border: 1px solid #D9D9D9;
    border-radius: 3px 3px 3px 3px;
    cursor: default;
    display: block;
    height: 20px;
    white-space: nowrap;
}
.mail-addr:hover {
    border-color: #4D90FE;
}
.mail-addr.error {
    border-color: #CC0000;
    background-color: #FFEEEE;
}

.mail-addr-content {
    color: #222222;
    direction: ltr;
    display: inline-block;
    margin: 2px 5px;
    max-height: 17px;
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 16px;
}
.mail-addr-delete {
    background: url(../../images/contactarea_sprite_2.gif) no-repeat scroll -4px 0 transparent;
    cursor: pointer;
    display: inline-block;
    height: 20px;
    opacity: 0.6;
    vertical-align: top;
    width: 14px;
}
.mail-addr-delete:hover {
    opacity: 1;
}
.mail-addr-err {
    display: none;
}

.mail-addr-hint-wrap {
    background: #fff;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
    color: #8E8E8E;
    font-size: 12px;
    position: absolute;
    transition: opacity 0.13s linear 0s;
    z-index: 1000;
    height: auto;
    width: auto;
    top: 0px;
    left: 0px;
    padding: 10px;
}
.mail-addr-hint {
    min-width: 276px;
}
.mail-addr-hint > div {
    color: #333333;
    font-size: 13px;
    word-wrap: break-word;
    height: 22px;
    display: block;
}
.mail-addr-hint .mail-addr-hint-name b,
.mail-addr-hint .mail-addr-hint-email b,
.mail-addr-hint .mail-addr-hint-company b {
    width: 60px;
    display: inline-block;
    text-align: right;
    padding-right: 10px;
}
.mail-addr-hint > div > span {
    padding-left: 1px;
}
.mail-addr-hint > div > input[type=text] {
    margin: 0px;
    padding: 0px;
    width: 200px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
    font-family: arial, tahoma;
    font-size: 13px;
}
.mail-addr-hint > div > input[type=button] {
    color: #333;
    font-family: arial, tahoma;
    font-size: 13px;
    width: auto;
    padding: 0px 10px;
}
.mail-addr-hint-buttons {
    margin: 10px 0px 5px 0px;
    text-align: right;
}
.mail-addr-hint .mail-addr-hint-err {
    display: none;
    color: red;
    border: 1px solid red;
    background: #FFEEEE;
    margin: 2px 0px;
    padding: 2px 5px;
    height: auto;
}
.mail-addr-hint-close {
    background: url(../../images/contactarea_sprite_2.gif) no-repeat scroll -4px 0 transparent;
    cursor: pointer;
    display: inline-block;
    height: 20px;
    opacity: 0.6;
    vertical-align: top;
    width: 14px;
    position: absolute;
    top: 0px;
    right: 3px;
}
.mail-addr-hint-close:hover {
    opacity: 1;
}

.mail-addr-hint .mail-addr-hint-type {
    display: none;
}

.mail-addr-hint-email {
    width: max-content;
}

#search_input2_wrapper .select2-results__option div,
#search_input3_wrapper .select2-results__option div {
    margin: 0px;
    border: none;
    border-radius: 0px;
    padding: 2px 1px;
    height: 16px;
    white-space: nowrap;
    overflow: hidden;
}

#search_input2_wrapper div.internal,
#search_input3_wrapper div.internal {
    background-color: #FFFFFF;
}
#search_input2_wrapper div.agent,
#search_input3_wrapper div.agent {
    background-color: #f9cc77;/* orange */
}
#search_input2_wrapper div.owner,
#search_input3_wrapper div.owner {
    background-color: #9fd84d;/* light green */
}
#search_input2_wrapper div.client,
#search_input3_wrapper div.client {
    background-color: #c7e4ed;/* light blue */
}
#search_input2_wrapper div.context_agent,
#search_input3_wrapper div.context_agent {
    background-color: #f9cc77;
}
#search_input2_wrapper div.primary_agent_booking_mail,
#search_input3_wrapper div.primary_agent_booking_mail {
    background-color: #FCE9CE;
}

#search_input2_wrapper div.concierge_supplier,
#search_input3_wrapper div.concierge_supplier {
    background-color: #fadfdb;
}

#MailTemplate_to_email_list {
    background-color: #eee;
}

#row_cc_to_email #search_result_data2 {
    width: 520px !important;
}

/* mail template / attachments list */
#row_att_list_wrapper {
}
.att-list {
    margin: 0px !important;
    padding: 0px !important;
    width:100% !important;
}
.att-list td {
    padding: 0px;
}
.att-info {
    height: 16px;
    width: auto;
    display: inline-block;
}
.att-info.generated {
}
.att-info.uploaded {
}
.att-info > * {
    margin: 0px;
    padding: 0px;
    vertical-align: middle;
    font-size: 11px;
    line-height: 11px;
}

#FindMail_mail_detail_selected_header {
    font-family: verdana !important;
    font-size: 11px !important;
}
.selected-reply-to .mail-list {
    height: auto;
    max-height: 30px;
    min-height: 15px;
    margin-right: 5px;
}
#FindMail_mail_detail_selected_header .mail-detail {
    cursor: default !important;
    border: 1px solid #E5E5E5 !important;
}
#FindMail_mail_detail_selected_header a {
    text-decoration: none;
    color: black;
}
#FindMail_mail_detail_selected_header a:hover {
    text-decoration: underline;
    color: black;
}




.progress-screen {
    display: none;
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    background-color: rgba(100, 100, 100, 0.05);
    z-index: 1000;
    text-align: center;
    margin: 0px;
    padding: 0px;
}
.progress-screen .loading {
    background: rgba(145, 208, 1, 0.5) url(../../images/loading.gif) no-repeat 12px center;
    min-height: 20px;
    font-size: 14px;
    font-weight: bold;
    border: 1px solid black;
    padding: 10px 10px 10px 36px;
    display: inline-block;
    margin-top: 250px;
}



/* AJAX FILE UPLOAD */
.ajax-file-upload-wrapper {
    display: none;

    position: fixed;
    top: 250px;
    left: 50%;

    z-index: 1000;
    background: #fff;
    padding: 10px;

    width: 420px;
    border: 1px solid #888;
    -moz-box-shadow: 0 0 10px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.5);
    box-shadow: 0 0 10px rgba(0,0,0,0.5);
}
.ajax-file-upload-loading {
    clear: both;
    background: url('../../images/loading.gif') no-repeat;
    width: 126px;
    height: 22px;
    float: right;
    display: none;
}
.ajax-file-upload-overlay {
    display: none;
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 4;
    background: #000;
    opacity: 0.5;
}
.ajax-file-upload-status {
    display: none;
}
.ajax-file-upload-wrapper div {
    margin: 0px;
    padding: 3px;
    clear: both;
}
.ajax-file-upload-wrapper label {
    width: 100px;
    display: inline-block;
}
.ajax-file-upload-wrapper input {
    width: 300px;
}
.ajax-file-upload-wrapper .buttons {
    clear: both;
    text-align: right;
}
.ajax-file-upload-wrapper .buttons input {
    float: none;
    width: 100px;
}


/* HTML COLORS LIST SELECTOR */
.html-colors-list {
    background: #ffffff;
    border: 1px solid black;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);

    margin: 0px;
    padding: 0px;
    list-style-type: none;
    width: 170px;
    height: 300px;
    overflow-y: scroll;

    display: none;
    position: absolute;
    top: 0px;
    left: 0px;
}

.html-colors-list li {
    border-bottom: 1px solid #888;
    margin: 0px;
    padding: 0px;
    font-size: 11px;
}
.html-colors-list li:hover {
    background: #EEEEEE;
}

.html-colors-list li span {
    border: 1px solid gray;
    display: inline-block;
    height: 10px;
    width: 20px;
    margin: 2px 5px;
    vertical-align: bottom;
}


/* MAIL TIMELINE PAGE */
.content-tt1 {
    display: none;
}
#tooltip {
    background: #fff;
    border: 1px solid black;
    padding: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    text-align: center;
    position: fixed;
    z-index: 1020;
    display: none;
}

/* PROGRESS UI */
.progress-button {
    background: url(../../images/loading2_off.png) no-repeat;
    height: 20px;
    width: 20px;
    position: absolute;
    top: 17px;
    left: 0px;
    z-index: 100;
    cursor: pointer;
}
.progress-button.active {
    background: url(../../images/loading2.gif) no-repeat;
}
.progress-dialog {
    display: none;
    position: absolute;
    top: 40px;
    left: 0px;
    z-index: 1001;
    background: #fff;
    border: 1px solid black;
    padding: 5px;
    max-height: 300px;
    width: 500px;
    overflow: hidden;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}
.progress-status {
    height: 12px;
    padding: 4px 3px;
    color: green;
    font-size: 12px;
    font-weight: bold;
    line-height: 12px;
    position: relative;
}
.progress-dialog-close {
    position: absolute;
    top: 0px;
    right: 0px;
    vertical-align: middle;
}
.progress-dialog-close img {
    vertical-align: middle;
    margin-right: 3px;
}

.progress-list {
    max-height: 280px;
    width: 500px;
    overflow-y:auto;
}
.progress-list > div {
    border-bottom: 1px solid #5fbe58;
    padding: 3px;
    position: relative;
    margin-bottom: 5px;
}
.progress-list .state {
    font-size: 12px;
    margin-right: 15px;
    margin-bottom: 5px;
}
.progress-list .step {
    font-size: 12px;
}
.progress-list .step .step-progress {
}
.progress-list .step .step-time {
}

.progress-list .errors {
    border: 1px solid red;
    background: #ffe5e5;
    color: red;
    font-size: 11px;
    padding: 3px;
}
.progress-list .errors ul {
    margin: 0px;
    padding-left: 15px;
}
.progress-list .remove {
    position: absolute;
    right: 5px;
    top: 5px;
}
.progress-list .remove a {
    display: block;
    height: 10px;
    width: 10px;
    background: url(../../images/delete_cross.png) no-repeat;
}


/* GALLERY IMAGE UPLOAD */
#image_upload_dialog {
    padding: 5px;
    overflow: hidden;
}

#image_upload_dialog input,
#image_upload_dialog select {
    margin: 0px 10px 0px 0px;
    font-size: 12px;
    font-family: Arial;
}

#image_upload_dialog div {
    font-size: 12px;
    font-family: Arial;
    color: #555555;
}

#image_upload_dialog > form > div {
    margin: 3px 0px;
    min-height: 21px;
}

#image_upload_file_fields_wrapper * {
    vertical-align: middle;
}

#image_upload_file_fields_wrapper input {
    margin: 0px 10px;
}

#image_upload_dialog label {
    padding-right: 10px;
    display: inline-block;
}

#image_upload_dialog span {
    display: inline-block;
    margin-right: 10px;
}

#image_upload_dialog h3 {
    font-weight: bold;
    margin: 0px;
    color: #555555;
}

#image_upload_dialog .notice, 
#image_upload_dialog .errorSummary {
    min-height: 0px;
    display: none;
    padding: 3px;
}

#image_upload_dialog .notice a, 
#image_upload_dialog .errorSummary a {
    position: absolute;
    top: 12px;
    right: 12px;
    background: url(../../images/delete_cross.png) no-repeat left 50%;
    padding-left: 15px;
    line-height: 12px;
    text-decoration: none;
}

#image_upload_dialog .notice a:hover, 
#image_upload_dialog .errorSummary a:hover {
    text-decoration: underline;
}

#image_upload_dialog .errorSummary {
    color: #555555;
    font-size: 12px;
    background: #FFEEEE;
    border: 2px solid #CC0000;
    padding: 7px;
}

#image_upload_dialog .errorSummary ul {
    color: #555555;
    margin: 0px;
}
#image_upload_dialog .notice {
    color: #555555;
    font-size: 12px;
    margin: 0px;
    background: #CCFFCC;
    border: 2px solid #779977;
    padding: 7px;
}

#image_upload_dialog .image-upload-autocomplete-item {
    font-size: 12px;
    font-family: arial;
    margin: 0px;
    padding: 0px;
    border-radius: 0px;
    border-width: 0px;
}

.image-upload-dialog-wrapper .ui-dialog-buttonpane {
    margin: 0px !important;
    padding: 0px !important;
    text-align: center;
    border-width: 1px 1px 0px 1px !important;
    position: absolute;
    bottom: 0px;
    right: 5px;
    background: #FAFAFA;

    -moz-box-shadow: 0 0 10px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.5);
    box-shadow: 0 0 10px rgba(0,0,0,0.5);
}

.image-upload-dialog-wrapper .ui-dialog-buttonpane button {
    font-size: 12px;
    margin: 10px 15px !important;
    padding: 0px !important;
    display: block;
    width: 70px;
}

#image_upload_description_create_row {
    background: none repeat scroll 0 0 #FFFFFF;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
    color: #8E8E8E;
    font-size: 12px;
    height: auto;
    padding: 10px;
    position: absolute;
    top: 100px;
    left: 50px;
    transition: opacity 0.13s linear 0s;
    width: 700px;
    z-index: 10001;
}

#image_upload_description_create_row .buttons {
    margin: 10px 0 5px;
    text-align: right;
}

#image_upload_description_create_row label {
    width: 55px;
    margin: 5px 0px;
}

span#image_upload_file_wrapper, input#image_upload_start_button {
    margin: 0px;
}

#image_upload_preview_wrapper {
    width: 440px;
    float: left;
    clear: none;
}

#image_upload_map_url_wrapper {
    width: 230px;
    float: right;
    clear: none;
}

#ImageUpload_file, #ImageUpload_file_upload_url {
    width: 410px;
}

#gallery_images_wrapper > div {
    border: 1px solid #aaa;
    background: #F5F5F5;
    width: 160px;
    height: 210px;
    float: left;
    margin: 5px;
    padding: 5px;
    overflow: hidden;
}
#gallery_images_wrapper > div .image-wrapper {
    border: 1px solid #888;
    padding: 3px;
    text-align: center;
    height: 130px;
    position: relative;
}

#gallery_images_wrapper > div .image-wrapper .image-actions {
    position: absolute;
    bottom: 0px;
    right: 0px;
    border: 1px solid #888;
    border-width: 1px 0px 0px 1px;
    background: #dddddd;
    padding: 3px 4px 1px 4px;
    height: 20px;
}

#gallery_images_wrapper > div .image-wrapper .image-actions > * {
    vertical-align: middle;
}

#gallery_images_wrapper > div .image-published-label {
    color: red;
    font-size: 11px;
    font-weight: normal;
    display: inline;
}

#gallery_images_wrapper > div .image-published-label.is-published {
    color: green;
}

#gallery_images_wrapper > div .image-published-input {
    font-size: 11px;
    font-weight: normal;
    display: inline;
    margin: 0px;
    width: auto;
}

/* VILLA FORM */
#villa-form legend {
    font-size: 14px;
}

#villa-form fieldset {
    margin-bottom: 15px;
}

.fs-legend-toggle {
    font-size: 14px;
    font-weight: bold;
    color: #888;
    text-decoration: none;
    border-bottom: 1px dashed #888;
    display: inline-block;
}

.fs-legend-toggle:hover {
    border-bottom: 1px solid #888;
}

.fs-legend-toggle.active {
    color: #000;
    border-bottom: 1px dashed #000;
}

.fs-legend-toggle.active:hover {
    border-bottom: 1px solid #000;
}

.fs-legend-toggle-list {
    margin: 0px 0px 15px 0px;
    clear: both;
}

.fs-legend-toggle-list .fs-legend-toggle {
    float: left;
    margin-right: 15px;
}

#fs_villa_statuses_legend1 {
    margin-bottom: 15px;
}

#fs_villa_services_legend1 {
    margin-bottom: 15px;
}

#villa-form .editor > label, 
#villa-form .editor .desc-translate-link {
    font-size: 12px;
    display: inline-block;
    margin: 0px 10px 5px 0px;
}
#villa-form .editor .desc-translate-link label {
    font-size: 12px;
    margin: 0px;
    padding: 0px;
}

.desc-size-toggle {
    color: #888;
    font-weight: bold;
    border-bottom: 1px dashed #888;
    text-decoration: none;
}

.desc-size-toggle:hover {
    color: #000;
    border-bottom: 1px solid #000;
    text-decoration: none;
}

#villa_desc_edit_dialog {
    display: none;
    margin: 0px !important;
    padding: 0px !important;
}

#villa_desc_edit_dialog > div {
    clear: both;
    padding: 10px;
}

#villa_desc_edit_dialog > div > div {
    float: left;
}

#villa_desc_edit_dialog label {
    font-size: 12px;
    float: left;
    width: 120px;
    margin: 0px;
    padding: 0px;
}

#villa_contract_edit_dialog {
    margin: 0px;
    padding: 10px;
}

#villa_contract_edit_dialog label {
    font-size: 12px;
    width: auto;
    margin: 0px;
    padding: 0px;
}

#villa_contract_edit_dialog select,
#villa_contract_edit_dialog select * {
    font-size: 13px;
    font-family: courier;
}

.villa-contract-edit-dialog .ui-dialog-buttonpane {
    padding: 8px 5px 5px 5px !important;
    margin: 0px !important;
}

.villa-contract-edit-dialog .ui-dialog-buttonpane button {
    margin: 0px 7px !important;
    padding: 0px !important;
    width: 70px;
}

.villa-contract-edit-dialog .ui-dialog-buttonpane button span {
    font-size: 14px;
    line-height: 14px;
    padding: 6px 10px !important;
}

#villa-form .row.contract {
    display:inline-block;
    width: 230px;
    margin-right: 10px;
    overflow: hidden;
}

#villa-form .row.contract * {
    vertical-align: middle;
}

#villa-form .row.contract label {
    display: inline-block;
    width: auto;
}

#villa-form .row.contract div {
    margin-top: 5px;
    font-size: 11px;
}
#villa-form .row.contract a.contract-file-url {
    text-overflow: ellipsis;
    font-size: 11px;
}

#villa-form .row.contract a.contract-file-url-empty {
    text-decoration: none;
    color: #888;
    cursor: default;
}

#villa-form .row.contract a.contract-file-url,
#villa-form .row.contract span.contract-file-size,
#villa-form .row.contract span.contract-file-time {
    display: block;
}

#villa-form .row.contract span.contract-file-size,
#villa-form .row.contract span.contract-file-time {
    font-size: 10px;
}


#villa-form .row.contract .contract-view,
#villa-form .row.contract .contract-edit,
#villa-form .row.contract .contract-regenerate {
    width: 16px;
    height: 16px;
    display: inline-block;
    margin-left: 10px;
}

#villa-form .row.contract .contract-view {
    background: url(../../images/file_view_16.png) no-repeat left center;
}

#villa-form .row.contract .contract-view.empty {
    background: url(../../images/file_view_red_16.png) no-repeat left center;
}

#villa-form .row.contract .contract-edit {
    background: url(../../images/file_edit_16.png) no-repeat left center;
}

#villa-form .row.contract .contract-regenerate {
    background: url(../../images/file_regenerate_16.png) no-repeat left center;
}

#villa-form .row.contract .size {
    margin-left: 10px;
}

.villa-file-view {
}

.villa-file-upload {
    background: url(../../images/file_upload_16.png) no-repeat left center;
    padding-left: 21px;
    margin-left: 10px;
    vertical-align: top;
}

#villa_file_upload_dialog {
    font-size: 12px;
    margin: 0px;
    padding: 10px;
}

#villa_file_upload_dialog .qq-upload-list {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 100;
}

#villa_icon_upload_file, #villa_floorplan_upload_file, #villa_file_upload_dialog .qq-uploader {
    display: inline-block;
    width: auto;
    height: auto;
    vertical-align: middle;
}

#villa_icon_upload_file .qq-upload-button,
#villa_floorplan_upload_file .qq-upload-button,
#qq_file_upload_url {
    background: #fff;
    height: auto;
    width: auto;
    font-size: 12px;
    line-height: 12px;
    margin: 0px;
    padding: 0px;
    display: inline-block;
}

#villa_file_upload_dialog .qq-upload-button input {
    width: auto !important;
    height: auto !important;
    font-size: 11px !important;
    font-family: arial !important;
    font-weight: normal !important;
    position: relative !important;
    color: #000 !important;
    opacity: 1 !important;
    left: 0px;
    margin: 0px !important;
}

#qq_file_upload_url {
    border: 1px solid #black;
    color: #000;
    height: 19px;
    line-height: 17px;
    text-align: left;
}

#villa_file_upload_dialog #save_cropped_image_wrapper {
    color: #888;
    border-bottom: 1px dashed #888;
    text-decoration: none;
}
#villa_file_upload_dialog #save_cropped_image_wrapper:hover {
    color: #000;
    border-bottom: 1px solid #000;
}

#villa_file_upload_dialog > div > * {
    vertical-align: bottom;
}

#villa_file_upload_dialog .line1-wrapper * {
    vertical-align: middle;
}

#villa_file_upload_dialog .line1-wrapper span,
#villa_file_upload_dialog .line1-wrapper input {
    margin: 0px 10px;
}

#villa_icon_image_wrapper > * {
    vertical-align: top;
}

#new_icon_preview {
    margin-top: 10px;
}

#villa_contract_edit_translate_link {
    color: #888;
    border-bottom: 1px dashed #888;
    text-decoration: none;
    font-size: 12px;
}

#villa_contract_edit_translate_link:hover {
    color: #000;
    border-bottom: 1px solid #000;
}


#fs_hl .row {
    width: auto;
    display: block;
    float: none;
}
#fs_hl .row label {
    display: inline-block;
    width: 70px;
    vertical-align: middle;
}

#fs_hl .row input {
    width: 600px;
    margin: 2px 0px;
    vertical-align: middle;
}

#fs_hl .hl-add {
    background: url(../../images/hl_add_16.png) no-repeat left center;
    display: inline-block;
    height: 16px;
    width: auto;
    padding-left: 21px;
}

#fs_hl .hl-delete {
    background: url(../../images/hl_delete_16.png) no-repeat left center;
    display: inline-block;
    height: 16px;
    width: 16px;
    margin-left: 10px;
    vertical-align: middle;
}

#villa-form .hl-autocomplete-item {
    font-size: 12px;
    font-family: arial;
    margin: 0px;
    padding: 0px;
    border-radius: 0px;
    border-width: 0px;
}

#villa_hl_edit_dialog {
    font-size: 12px;
}

#villa_hl_edit_dialog label {
    width: 60px;
    padding-right: 10px;
    display: inline-block;
}

#villa_hl_edit_dialog input {
    margin: 3px 0px;
    width: 600px;
}

#villa_hl_edit_dialog input#villa_hl_translate_button {
    width: auto;
    margin-left: 10px;
}

div.form fieldset .row.price-fees {
    display: inline-block;
    float: none;
    width: auto;
}

div.form fieldset .row.price-fees label {
    display: inline-block;
    float: none;
    margin: 0px;
    vertical-align: middle;
}

div.form fieldset .row.price-fees input {
    margin: 0px 10px 0px 0px;
    vertical-align: middle;
}

#fs_prices1 div.row, #fs_prices2 div.row {
    text-align: center;
}

#fs_prices1 div.row div, #fs_prices2 div.row div,
#fs_prices1 div.row label, #fs_prices2 div.row label {
    height: 26px;
    overflow: hidden;
    vertical-align: middle;
    line-height: 26px;
}

#fs_prices1 div.row input, #fs_prices2 div.row input {
    margin: 3px 0px;
}

#fs_prices1 .price-duplicate1 {
    background: url(../../images/price_duplicate_down.png) no-repeat left center;
    display: block;
    width: 32px;
    height: 32px;
    margin: 21px 0px 0px 20px; 
}

#fs_prices2 .price-duplicate2 {
    background: url(../../images/price_duplicate_up.png) no-repeat left center;
    display: block;
    width: 32px;
    height: 32px;
    margin: 21px 0px 0px 20px;
}

div.form fieldset .row .price-10 {
    background: #b5ffa7;
}
div.form fieldset .row .price-11 {
    background: #acf29d;
}
div.form fieldset .row .price-12 {
    background: #a3e595;
}
div.form fieldset .row .price-13 {
    background: #9ad98d;
}
div.form fieldset .row .price-14 {
    background: #91cc85;
}
div.form fieldset .row .price-20 {
    background: #fff9b2;
}
div.form fieldset .row .price-21 {
    background: #f2ecaa;
}
div.form fieldset .row .price-22 {
    background: #e5e0a1;
}
div.form fieldset .row .price-23 {
    background: #d9d398;
}
div.form fieldset .row .price-24 {
    background: #ccc78f;
}

/** LOCATION PAGE **/
.location-file-upload {
    background: url(../../images/file_upload_16.png) no-repeat left center;
    padding-left: 21px;
    margin-left: 10px;
    vertical-align: top;
}

#image_file_upload_dialog {
    font-size: 12px;
    margin: 0px;
    padding: 10px;
}

#image_file_upload_dialog .qq-upload-list {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 100;
}

#location_image_upload_file,
#image_file_upload_dialog .qq-uploader {
    display: inline-block;
    width: auto;
    height: auto;
    vertical-align: middle;
}

#location_image_upload_file .qq-upload-button {
    background: #fff;
    height: auto;
    width: auto;
    font-size: 12px;
    line-height: 12px;
    margin: 0px;
    padding: 0px;
    display: inline-block;
}

#image_file_upload_dialog .qq-upload-button input {
    width: auto !important;
    height: auto !important;
    font-size: 11px !important;
    font-family: arial !important;
    font-weight: normal !important;
    position: relative !important;
    color: #000 !important;
    opacity: 1 !important;
    left: 0px;
    margin: 0px !important;
}

#image_file_upload_dialog #save_cropped_image_wrapper {
    color: #888;
    border-bottom: 1px dashed #888;
    text-decoration: none;
}
#image_file_upload_dialog #save_cropped_image_wrapper:hover {
    color: #000;
    border-bottom: 1px solid #000;
}

#image_file_upload_dialog > div > * {
    vertical-align: bottom;
}

#image_file_upload_dialog .line1-wrapper * {
    vertical-align: middle;
}

#image_file_upload_dialog .line1-wrapper span,
#image_file_upload_dialog .line1-wrapper input {
    margin: 0px 10px;
}

#location_image_icon_wrapper > * {
    vertical-align: top;
}


/** REVIEWS FORM PAGE **/
#Review_rating1, #Review_rating2, #Review_rating3 {
    float: left;
    vertical-align: middle;
    margin: 0px;
    width: 100px !important;
}

#Review_rating1_text, #Review_rating2_text, #Review_rating3_text {
    width: 25px;
    padding: 2px;
    display: inline-block;
    margin-left: 5px;
    border: 1px solid #888;
    font-weight: bold;
    vertical-align: middle;
}


/** MULTI-ACTION FORM ON VILLA ADMIN PAGE **/
#multi_action_form {
    display: inline-block;
    vertical-align: top;
    margin-left: 10px;
}

#multi_action_form fieldset {
    margin: 10px 0px 0px 0px;
    padding: 5px;
    width: 500px;
    display: inline;
}

#multi_action_form select {
    margin: 0px;
}

#multi_action_progress_bar {
    border: 1px solid #888;
    width: 200px;
    height: 18px;
    display: inline-block;
    vertical-align: middle;
    display: none;
}

#multi_action_progress_text {
}

.multi-action-cb-id {
    margin-top: 8px;
}

.multi-action-cb-id-label {
    width: 30px;
    height: 30px;
    display: inline-block;
}

#multi_action_log {
    max-height: 100px;
    overflow-y: scroll;
    display: none;
}

.multi-action-log-success {
    margin: 5px 0px;
    color: #005000;
    padding: 3px;
    border: 1px dashed #005000;
}

.multi-action-log-error {
    margin: 5px 0px;
    color: #c00000;
    padding: 3px;
    border: 1px dashed #c00000;
}

.multi-action-log-time {
    font-size: 11px;
    font-family: verdana;
    padding-right: 10px;
}

.multi-action-status-mark-text {
    display: none;
}

#multi_action_error_details_dialog {
    width: 600px;
}


#extra_filters_form {
    display: inline-block;
    vertical-align: top;
}

#extra_filters_form fieldset {
    margin: 10px 0px 0px 0px;
    padding: 5px;
    width: 550px;
    display: inline;
}

#extra_filters_form select {
    margin: 0px;
}

/** MAINTENANCE PAGES (MailTimeline, Timeline) **/
.maintenance-table-list {
    margin: 10px 0px;
}

.maintenance-table-list > div {
    width: 160px;
    border: 1px solid #888;
    margin: 3px;
    padding: 5px;
    display: inline-block;
    vertical-align: top;
}

.maintenance-table-list > div .rows-number {
    display: inline-block;
    width: 60px;
    text-align: right;
}


/** TIMELINE /view page **/
.timeline-view-body-content-scroll {
    max-width: 900px;
    max-height: 300px;
    overflow-y: scroll;
    white-space: normal;
}


/** LEAD /FORM PAGE **/
.lead-form-loading {
    background: none;
}
.lead-form-loading-box {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    display: none;
    background: rgba(255,255,255,.5);
    z-index: 1000;
}
.lead-form-loading-box .loading-text {
    border: 3px double orange;
    width: 300px;
    padding: 20px 20px 20px 30px;
    margin: 100px auto;

    text-align: center;
    font-size: 16px;
    font-weight: bold;
    color: black;
    background: rgba(255,255,255,.5) url(../../images/loading.gif) 10px 50% no-repeat;
}

div.has-error-our-fee {
    color: red;
}

div.has-error-our-fee label,
div.has-error-our-fee input,
div.has-error-our-fee span {
    color: red;
}

div.has-error-our-fee input {
    border-color: red;
    box-shadow: 0px 0px 2px rgba(255, 0, 0, 0.5);
}

span#agent_default_fee_formatted {
    font-size: 11px;
    vertical-align: top;
    font-weight: normal;
}


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

#currency_fields_wrapper {
    border: 2px solid white;
}

#currency_fields_wrapper.special-notice1 {
    border: 1px dashed red;
    background-color: #F4DCDC;
}

#currency_fields_special_notice1 {
    display: none;
    font-size: 14px;
    font-weight: bold;
    color: red;
}

#lead_num_bedroom_special_notice1 {
    display: none;
    font-size: 12px;
    font-weight: normal;
    color: red;
    position: absolute;
    top: 0px;
    left: 80px;
    width: 400px;
}

#open_select_fx_rate_dialog_link {
    background: url(../../images/fx_rate_icon_25.png) no-repeat;
    display: inline-block;
    width: 25px;
    height: 25px;
    position: relative;
    top: 14px;
    left: 0px;
    text-decoration: none;
}

#open_select_fx_rate_dialog_link:hover {
    box-shadow: 2px 2px 0px gray;
    opacity: 0.9;
}

.dialog-window2 {
}

.dialog-window2 .ui-dialog-buttonpane {
    margin: 0px !important;
    padding: 0px 10px !important;
}

.dialog-window2 .ui-dialog-buttonpane button {
    font-size: 12px;
    line-height: 12px;
}

.dialog-div2 {
    margin: 0px !important;
    padding: 0px !important;
}

.dialog-div2 * {
    font-size: 12px;
    font-family: verdana, tahoma;
    line-height: 14px;
}

.dialog-div2 .dialog-loading-box {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    display: none;
    background: rgba(255,255,255,.5);
    z-index: 1000;
}

.dialog-div2 .dialog-loading-box .dialog-loading-text {
    border: 3px double orange;
    box-sizing: border-box;
    width: 100%;
    padding: 20px 20px 20px 30px;
    margin: 70px auto;

    text-align: center;
    font-size: 16px;
    font-weight: bold;
    color: black;
    background: rgba(255,255,255,.5) url(../../images/loading.gif) 10px 50% no-repeat;
}

.dialog-div2 .dialog-content {
    padding: 10px;
}

.dialog-div2 .dialog-content table,
.dialog-div2 .dialog-content input {
    margin: 0px;
}

.dialog-div2 .dialog-content .rate-detail1 {
    border-bottom: 1px solid #000;
    line-height: 16px;
}

.dialog-div2 .dialog-content .rate-warning {
    border: 1px solid red;
    padding: 5px;
    margin-top: 10px;
}

.dialog-div2 .dialog-content .rate-warning * {
    line-height: 16px;
}


.dialog-div2 .dialog-content .rates1 {
    border: 1px solid #000;
    border-collapse: collapse;
    margin-bottom: 5px;
}

.dialog-div2 .dialog-content .rates1 .r1 {
    border: 1px solid #000;
}

.dialog-div2 .dialog-content .rates1 .r1 td {
    background-color: #000;
    color: #FFF;
    font-weight: bold;
}

.dialog-div2 .dialog-content .rates1 .r2 {
    cursor: pointer;
    border: 1px solid #000;
    background-color: #FFF;
    color: #444;
}

.dialog-div2 .dialog-content .rates1 .r2:hover {
    background-color: #B7D6E7;
}

.dialog-div2 .dialog-content .rates1 .r2-last td {
    color: #000;
    font-weight: bold;
}



.form-notes {
    margin: 20px 0px;
    padding: 10px;
    border: 2px solid red;
    background: #ffffff;
    font-size: 12px;
    color: red;
}

.form-loading {
    background: none;
}
.form-loading-box {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    display: none;
    background: rgba(255,255,255,.5);
    z-index: 1000;
}
.form-loading-box .loading-text {
    border: 3px double orange;
    width: 300px;
    padding: 20px 20px 20px 30px;
    margin: 100px auto;

    text-align: center;
    font-size: 16px;
    font-weight: bold;
    color: black;
    background: rgba(255,255,255,.5) url(../../images/loading.gif) 10px 50% no-repeat;
}


/** TIMELINE PAGE **/
#timeline-grid .filters input,
#timeline-grid .filters select {
    margin: 6px 0px;
}

#timeline-grid .filters input,
#timeline-grid .filters select,
#timeline-grid .filters select option {
    font-family: arial;
    font-size: 13px;
    color: #000;
}
/** TIMELINE PAGE [end] **/






/**
 * CSS styles for CLinkPager.
 *
 * @author Qiang Xue <qiang.xue@gmail.com>
 * @link http://www.yiiframework.com/
 * @copyright Copyright &copy; 2008-2010 Yii Software LLC
 * @license http://www.yiiframework.com/license/
 * @version $Id: pager.css 1678 2010-01-07 21:02:00Z qiang.xue $
 * @since 1.0
 */
/* copy-paste from /framework/yii/framework/web/widgets/pagers/pager.css */
ul.yiiPager
{
    font-size:11px;
    border:0;
    margin:0;
    padding:0;
    line-height:100%;
    display:inline;
}

ul.yiiPager li
{
    display:inline;
}

ul.yiiPager a:link,
ul.yiiPager a:visited
{
    border:solid 1px #9aafe5;
    font-weight:bold;
    color:#0e509e;
    padding:1px 6px;
    text-decoration:none;
}

ul.yiiPager .page a
{
    font-weight:normal;
}

ul.yiiPager a:hover
{
    border:solid 1px #0e509e;
}

ul.yiiPager .selected a
{
    background:#2e6ab1;
    color:#FFFFFF;
    font-weight:bold;
}

ul.yiiPager .hidden a
{
    border:solid 1px #DEDEDE;
    color:#888888;
}

/**
 * Hide first and last buttons by default.
 */
ul.yiiPager .first,
ul.yiiPager .last
{
    display:none;
}
/* copy-paste [end] */


/* PAYLINK ADMIN PAGE */
.container-paylink-admin {
    width: 1800px;
}

.container-paylink-admin .span-24 {
    width: 100%;
}

#pay-link-grid .items td {
    font-size: 11px;
    line-height: 1em;
    text-align: left;
    padding: 2px;
}

#pay-link-grid .items td.date1 {
    text-align: center;
}

#pay-link-grid .items td.actions1 {
    text-align: center;
}

#pay-link-grid .items td.actions1 a {
    margin: 0px 2px;
}


/* PAYLINK ADMIN PAGE [end] */