/* @group mootable */

.mootable_container{
	display: block;
	height: 100px;
	overflow: hidden;
	position: relative;
	border: 1px solid #E0E7E9;
        background-color: #E0E7E9;
	padding-bottom: 2px;
	width: 560px;
}
.mootable{
	display: block;
	position: absolute;
	width: 560px;
}
.mootable .thead{
	display: block;
	position: relative;
	height: 1.2em;
	z-index: 2;
	background: #C2CFD3;
	border-bottom: 2px solid #C2CFD3;
        color: #fff;
}
.mootable .thead .tr{
	display: block;
	position: relative;
	width: auto;
}
.mootable .thead .tr .th{
	display: block;
	float: left;
	font-weight: bold;
	position: relative;
	overflow: hidden;
	padding: 0px 2px;
	width: 100px;
	height: 1.2em;
	border-right: 1px solid #E0E7E9;
	border-bottom: 2px solid #C2CFD3;
}
.mootable .thead .tr .th .resize{
	position: absolute;
	right: 0px;
	top: 0px;
	z-index: 2;
	height: 1.2em;
	width: 4px;
	cursor: e-resize;
}
.mootable .thead .tr .sorted_asc{
	text-indent: 9px;
	background: url(img/arrow_down.gif) 2px 50% no-repeat;
}
.mootable .thead .tr .sorted_desc{
	text-indent: 9px;
	background: url(img/arrow_up.gif) 2px 50% no-repeat;
}
.mootable .thead.dragging .tr .th.sortable.mouseover{
	background-color: transparent;
	border-bottom: 2px solid #cccccc;
	cursor: pointer;
}
.mootable .thead .tr .th.sortable.mouseover,
.mootable .thead.dragging .tr .th.dragging{
	background-color: #E0E7E9;
	cursor: pointer;
	border-bottom: 2px solid E0E7E9;
        color: #C2CFD3;
}
.mootable .tbody{
	display: block;
	position: absolute;
	top: 1.2em;
	width: 560px;
	overflow: auto;
}
.mootable .tbody table{
	
	position: relative;
	visibility: visible;
	top: 0px;
	left: 0px;
	z-index: 3;
}
.mootable .tbody .loading{
	background: #777777 url(img/loading.gif) center center no-repeat;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	display: none;
	z-index: 4;

}
.mootable .tbody tr{
	visibility: visible;
	border-bottom: 1px solid #f3f3f3;
}
.mootable .tbody tr.odd:hover td,
.mootable .tbody tr.even:hover td{
	background: #FEFFBF;
}
.mootable .tbody tr:hover td div div.fade{
	background: url(img/fade_feffbf.png) top right repeat-y;
}
.mootable .tbody tr.odd td{
	background: #fafaf1;
}
.mootable .tbody tr.even td{
	background: #ffffff;
}
.mootable .tbody .tr .td{
	display: block;
	position: relative;
	float: left;
	padding: 2px 2px;
	width: 100px;
	border-right: 1px solid #f3f3f3;
}
.mootable .tbody table tr td{
	visibility: visible;
	border-right: 1px solid #E0E7E9;
	position: relative;
	overflow: hidden;
	padding: 2px;
	height: 1.2em;
}
.mootable .tbody table tr td div{
	position: relative;
	overflow: hidden;
	width: 100%;
	padding: 0px;

}
.mootable .tbody table tr td div span{
	position: absolute;
	white-space: nowrap;
	display: block;
	top: 0px;
	left: 0px;
	padding: 0px;
}
.mootable tbody tr td div.fade{
	position: absolute;
	right: 0px;
	top: 0px;
	z-index: 4;
	padding: 2px 0px;
	width: 9px;
	height: 1.2em;
}
tr.even td div.fade{
	background: url(img/fade_ffffff.png) top right repeat-y;
}
tr.odd td div.fade{
	background: url(img/fade_f6f6f6.png) top right repeat-y;
}
.mootable th, .mootable table tr td,
.mootable .th, .mootable td{
}
.mootable tfoot,
.mootable .tfoot{
	display: none;
}
.mootable .displayTrigger{
	width: 18px;
	height: 1.2em;
	position: absolute;
	right: 0px;
	top: 0px;
	z-index: 4;
	background: #C2CFD3 url(img/cols.gif) center center no-repeat;
}
.mootableDisplayOptions{
	position: absolute;
	top: 1px;
	right: 1px;
	z-index: 100;
	padding: 2px;
	border: 1px solid #fff;
	background: #C2CFD3;
	display: none;
}
.mootableDisplayOptions .checkbox{
	display: block;
	padding-left: 16px;
	background: transparent url(img/checked.gif) center left no-repeat;
	cursor: pointer;
}
.mootableDisplayOptions .unchecked{
	background: transparent url(img/unchecked.gif) center left no-repeat;
}
.mootable .displayOptions form{
	margin: 0px;
	padding: 0px;
}
.mootable_container .resizehandle{
	position: absolute;
	height: 1px;
	width: 100%;
	bottom: -1px;
	z-index: 2;
	cursor: n-resize;
	border-bottom: 1px solid #C2CFD3;
	border-top: 2px dotted #C2CFD3;
	background-color: #E0E7E9;
}
.mootable .thead .tr .th.hide,
.mootable .tbody tr td.hide{
	display: none;
}

/* @end */

/* @group mra top tool buttons */

.mra_buttons {
	background: #C2CFD3;
	padding: 8px 0 0 3px;
	margin: 0;
}
.mra_buttons a{
	padding: 0 1px;
	margin: 0;
}
.mra_buttons a img{
	padding: 0;
	margin: 0;
	}
.mra_buttons form {
	margin: 0;
	padding: 0;
}
.mra_buttons_form_holder{
	height: 30px;
	width: 130px;
		float: right;
	background: url(../images/mra_button_search.jpg) no-repeat 6px top;
	margin-right: 8px;
}
.mra_buttons_form_field {
	width: 67px;
	font-size: 8pt;
	border-top: 1px solid #6E8C95;
	border-left: 1px solid #6E8C95;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	background-color: #E0E7E9;
	float: right;
	margin: 1px 3px 0 0;
}
.mra_buttons_form_button {
	font-size: 7pt;
	float: right;
}
/* @end */
/* @group mratable */
.mratable_container {
	width: 754px;
	overflow: auto;
}
.mratable {
	width: 754px;
	border-top: 1px solid #E0E7E9;
	border-left: 1px solid #E0E7E9;
	margin: 0;
	padding: 0;
	text-align: left;
}
.mratable th{
	background: #A6B8BE url(../images/mra_table_col_header.jpg) repeat-x 0 bottom;
	color: #E0E7E9;
	font-size: 7pt;
	height: 20px;
	padding-left: 3px;
	border-right: 1px solid #E0E7E9;
	border-bottom: 1px solid #E0E7E9;
	text-align: left;
	font-weight: bold;
}
.mratable td{
	border-right: 1px solid #E0E7E9;
	border-bottom: 1px solid #E0E7E9;
	color: #000;
	font-size: 7pt;
	padding: 1px 1px 1px 3px;
	font-weight: bold;
	margin: 0;
}
.mratable_select{
	width: 35px;
	text-align: center;
	vertical-align: top;
	background-image: url(../images/mra_mark_background.gif);
}
.mratable_mark{
	width: 30px;
	text-align: center;
	vertical-align: top;
}
.mratable_mark input{
	7pt
}
.mratable_text{
	height: 20px;
	font-size: 7pt;
	width: 60%;
}
.mratable_view{
	width: 30px;
	text-align: right;
	height: 20px;
}
.mratable_view a{
	float: right;
	margin-right: 5px;
}

.urgent_alert {
	color: red;
	font-weight: bold;
}
.normal_alert {
	color: black;
	font-weight: bold;
}

/* @end */

/* @group mra expanded view buttons */

.mra_but_expanded  {
	float: right;
	padding: 0;
	margin: 5px 5px 0 0;
}
.mra_but_expanded  li {
	width: 100px;
	display: block;
	list-style-type: none;
	margin-bottom: 3px;
}
.mra_but_expanded li a{
	height: 13px;
	display: block;
	list-style-type: none;
	border: 1px solid #6E8C95;
	padding-left: 18px;
	line-height: 14px;
	text-decoration: none;
	color: #fff;
	text-align: center;
	font-weight: bold;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background-color: #6E8C95;
	text-shadow: rgba(0,0,0,0.5) 0 -1px 0px;
	overflow: hidden;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
}
.mra_expanded_but_close a, .mra_expanded_but_close a:link, .mra_expanded_but_close a:visited {
	background: url(../images/mra_expanded_buttons.jpg) 0 0;
}
.mra_expanded_but_close a:hover {
	background: url(../images/mra_expanded_buttons.jpg) -175px 0;
	color: #E0E7E9;
}
.mra_expanded_but_alert a, .mra_expanded_but_alert a:link, .mra_expanded_but_alert a:visited {
	background: url(../images/mra_expanded_buttons.jpg) 0 -26px;
}
.mra_expanded_but_alert a:hover {
	background: url(../images/mra_expanded_buttons.jpg) -175px -26px;
	color: #E0E7E9;
}
.mra_expanded_but_booking a, .mra_expanded_but_booking a:link, .mra_expanded_but_booking a:visited {
	background: url(../images/mra_expanded_buttons.jpg) 0 -52px;
}
.mra_expanded_but_booking a:hover {
	background: url(../images/mra_expanded_buttons.jpg) -175px -52px;
	color: #E0E7E9;
}
.mra_expanded_but_new a, .mra_expanded_but_new a:link, .mra_expanded_but_new a:visited{
	background: url(../images/mra_expanded_buttons.jpg) 0 -13px;
}
.mra_expanded_but_new a:hover{
	background: url(../images/mra_expanded_buttons.jpg) -175px -13px;
	color: #E0E7E9;
}
.mra_expanded_but_edit a, .mra_expanded_but_edit a:link, .mra_expanded_but_edit a:visited{
	background: url(../images/mra_expanded_buttons.jpg) 0 -39px;
}
.mra_expanded_but_edit a:hover{
	background: url(../images/mra_expanded_buttons.jpg) -175px -39px;
	color: #E0E7E9;
}
.mra_expanded_but_upload a, .mra_expanded_but_upload a:link, .mra_expanded_but_upload a:visited {
	background: url(../images/mra_expanded_buttons.jpg) 0 -78px;
}
.mra_expanded_but_upload a:hover {
	background: url(../images/mra_expanded_buttons.jpg) -175px -78px;
	color: #E0E7E9;
}
.mra_expanded_but_share a, .mra_expanded_but_share a:link, .mra_expanded_but_share a:visited {
	background: url(../images/mra_expanded_buttons.jpg) 0 -94px;
}
.mra_expanded_but_share a:hover {
	background: url(../images/mra_expanded_buttons.jpg) -175px -94px;
	color: #E0E7E9;
}
.mra_expanded_but_download a, .mra_expanded_but_download a:link, .mra_expanded_but_download a:visited {
	background: url(../images/mra_expanded_buttons.jpg) 0 -65px;
}
.mra_expanded_but_download a:hover {
	background: url(../images/mra_expanded_buttons.jpg) -175px -65px;
	color: #E0E7E9;
}

/* @end */

/* @group mra enquiries expanded view content */

.mra_enquiries_expanded h3 {
	font-size: 8pt;
	font-style: bold;
	margin: 10px 0 8px;
	padding: 0;
}
.mra_enquiries_expanded h4 {
	font-size: 8pt;
	font-style: bold;
	margin: 0 0 3px;
	padding: 0;
}
.mra_enquiries_expanded p {
	font-size: 8pt;
	padding: 0;
	margin: 10px 0 10px 120px;
	font-weight: lighter;
}
.mra_enquiries_label {
	width: 120px;
	text-align: right;
    color: #C2CFD3;
	display: inline-block;
}

/* @end */

/* @group contacts view */

.mra_contacts_expanded_inset_row {
	margin: 15px 10px 30px;
	background: url(../images/mra_contacts_viewback.jpg) repeat-x;
	border-top: 1px solid #E0E7E9;
}
.mra_contacts_expanded_inset_row h2 {
	margin: 0;
	padding: 5px 0 5px 5px;
	color: #C2CFD3;
	font-size: 17pt;
}
.mra_contacts_expanded_inset_row_h2_surname {
	color: #6E8C95;
}
.mra_contacts_expanded_inset_row h5 {
	margin: 0;
	padding: 5px 0 5px 5px;
	color: #C2CFD3;
	font-size: 8pt;
}
.rentalhistory_expanded {
	margin: 0;
	padding: 5px 0 5px 5px;
	color: #6E8C95;
	font-size: 8pt;
}
.rentalhistory_expanded a, .rentalhistory_expanded a:visited, .rentalhistory_expanded a:link {
	margin: 0;
	padding: 0 0 0 14px;
	color: #6E8C95;
	font-size: 8pt;
	background: url(../images/mra_arrow_down.jpg) no-repeat 0 0;
	text-decoration: none;
}
.rentalhistory_expanded a:hover{
	margin: 0;
	padding: 0 0 0 14px;
	color: #C2CFD3;
	font-size: 8pt;
	background: url(../images/mra_arrow_down.jpg) no-repeat 0 -15px;
	text-decoration: none;
}
.rentalhistory_minimized {
	margin: 0;
	padding: 5px 0 5px 5px;
	color: #6E8C95;
	font-size: 8pt;
}
.rentalhistory_minimized a, .rentalhistory_minimized a:link, .rentalhistory_minimized a:visited {
	margin: 0;
	padding: 0 0 0 14px;
	color: #6E8C95;
	font-size: 8pt;
	background: url(../images/mra_arrow_right.jpg) no-repeat 0 0;
	text-decoration: none;
}
.rentalhistory_minimized a:hover {
	margin: 0;
	padding: 0 0 0 14px;
	color: #C2CFD3;
	font-size: 8pt;
	background: url(../images/mra_arrow_right.jpg) no-repeat 0 -15px;
	text-decoration: none;
}
.mra_contacts_expanded_inset_row p {
	font-size: 8pt;
	padding: 0;
	margin: 3px 0 5px;
	font-weight: bold;
}
.mra_contacts_expanded_inset_row p a{
	color: green;
}

.contact_list_info_floater_holder {
	height: 130px;
}
.contact_list_info_floater_holder_hide {
	display: none;
}
.contact_list_info_floater_left {
	width: 269px;
	height: 110px;
	float: left;
}
.contact_list_info_floater_right {
	width: 269px;
	height: 110px;
	float: left;
}
.contact_rental_info_floater_holder {
	height: 140px;
}
.contact_rental_info_floater_holder_hide {
	display: none;
}
.contact_rental_info_floater_left {
	width: 269px;
	height: 140px;
	float: left;
}
.contact_rental_info_floater_right {
	width: 269px;
	height: 140px;
	float: left;
}
.mra_contact_info_label {
	width: 120px;
	text-align: right;
    color: #C2CFD3;
	display: inline-block;
	font-weight: lighter;
}
.rental_history_divider {
	height: 5px;
	border-top: 1px dotted #E0E7E9;
	margin-top: 5px;
}
.mra_contact_alert_label {
	display: inline-block;
	padding-left: 15px;
	margin-left: 5px;
	background: url(../images/mra_icon_triangle_yellow.gif) no-repeat;
	color: #6E8C95;
}
.mra_contact_edit_label {
	display: inline-block;
	background:  url(../images/mra_icon_edit.gif) no-repeat;
	width: 13px;
	height: 13px;
	overflow: hidden;
	text-decoration: none;
	text-indent: -9999px;
}
.mra_contact_delete_label {
	display: inline-block;
	background:  url(../images/mra_icon_delete.gif) no-repeat;
	width: 13px;
	height: 13px;
	overflow: hidden;
	text-decoration: none;
}
.mra_contact_edit_label_hide {
	visibility: hidden;
}
.mra_contacts_docs {
	margin: 0;
	padding: 0;
}
.mra_contacts_docs li{
	margin: 0 0 0 6px;
	padding: 4px 10px 4px 0;
	border-bottom: 1px dotted #E0E7E9;
	font-size: 7pt;
	list-style-type: none;
}
.mra_contacts_docs li a{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	color: green;
}
.mra_contacts_notes {
	font-weight: lighter;
	padding: 3px 10px 5px 5px;
	font-size: 7pt;
}
/* @end */
.mradiarynavholder {
	width: 147px;
	float: left;
}
.mradiarynavholder ul {
	width: 147px;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #6E8C95;
}
.mradiarynavholder ul li {
	width: 147px;
	margin: 0;
	padding: 0;
	display: block;
	font-weight: bold;
}
.mradiarynavholder ul li a{
	display: block;
	text-decoration: none;
}
.mradiarynav_year_header {
	margin: 0;
	padding: 0;
}
.mradiarynav_year_header h4 {
	margin: 0;
	padding: 0;
}
.mradiarynav_year_header ul {
	display: none;
}
.mradiarynav_year_header h4 a{
	text-align: left;
	padding-left: 15px;
	display: block;
	text-decoration: none;
	font-size: 16pt;
	color: #E0E7E9;
	background: #C2CFD3 url(../images/mra_diary_button_year.jpg) repeat-x;
	line-height: 26px;
	border-bottom: 1px solid #6E8C95;
	text-shadow: rgba(0,0,0,0.5) 0 -1px 0;
}
.mradiarynav_year_header h4 a:hover{
	text-align: left;
	padding-left: 15px;
	display: block;
	text-decoration: none;
	font-size: 16pt;
	color: #fff;
	background: #C2CFD3 url(../images/mra_diary_button_year.jpg) repeat-x 0 -26px;
	line-height: 26px;
	border-bottom: 1px solid #6E8C95;
	text-shadow: rgba(0,0,0,0.5) 0 -1px 0;
}
.mradiarynav_year_active_header {
	margin: 0;
	padding: 0;
}
.mradiarynav_year_active_header h4 {
	margin: 0;
	padding: 0;
}
.mradiarynav_year_active_header h4 a{
	background-color: #A6B8BE;
	text-align: left;
	padding-right: 15px;
	text-align: right;
	display: block;
	text-decoration: none;
	font-size: 16pt;
	color: #fff;
	line-height: 26px;
	text-shadow: rgba(0,0,0,0.5) 0 -1px 0;
}
.mradiarynav_month a{
	background-color: #A6B8BE;
	height: 14px;
	font-size: 8pt;
	line-height: 14px;
	color: #fff;
	padding-right: 15px;
	text-align: right;
	border-top:1px solid #8BA3AA ;
}
.mradiarynav_month a:hover{
	height: 14px;
	font-size: 8pt;
	line-height: 14px;
	padding-right: 15px;
	text-align: right;
	background: #D1DBDE url(../images/mra_diary_button_month.jpg) repeat-x 0 -5px;
	color: #6E8C95;
	text-shadow: rgba(255,255,255,0.5) 0 1px 0;
}
.mradiarynav_month_active a{
	height: 14px;
	color: #6E8C95;
	font-size: 8pt;
	line-height: 14px;
	padding-right: 15px;
	text-align: right;
	background: #E0E7E9 url(../images/mra_diary_button_month.jpg) repeat-x;
	text-shadow: rgba(255,255,255,0.5) 0 1px 0;
}
.mradiarytable_container {
	width: 754px;
	overflow: auto;
	background: #C2CFD3 url(../images/mra_diary_button_bottom.jpg) repeat-x 0 bottom;
	border-top: 1px solid #6E8C95;
}
.mra-diary-header h3{
	text-align: center;
	font-size: 28px;
	border-top: 1px solid #E0E7E9;
	margin-top: 3px;
	padding-top: 3px;
	margin: 0;
	padding: 0;
	color: #fff;
	text-shadow: rgba(0,0,0,0.5) 0 -1px 0;
}
.mra-diary-header h3 span{
	-moz-opacity:.50; 
	filter:alpha(opacity=50); 
	opacity:.50;
}
.mra-diary-header {
	margin: 3px 0 0 0;
	padding: 0;
	border-top: 1px solid #6E8C95;
}
.mradiarytable {
	width: 604px;
	border-top: 1px solid #fff;
	border-left: 1px solid #6E8C95;
	margin: 0;
	padding: 0;
	text-align: left;
}
.mradiarytable td{
	border-bottom: 1px solid #E0E7E9;
	border-right: 1px solid #E0E7E9;
	color: #000;
	font-size: 7pt;
	padding: 1px 1px 1px 3px;
	font-weight: bold;
	margin: 0;
}

.mratable_diary_date {
	width: 100px;
}
.mratable_diary_date_text b {
	font-size: 8pt;
	color: #6E8C95;
}
.mratable_diary_date_text {
	font-size: 8pt;
	color: #C2CFD3;
	font-weight: bold;
}
.mra_diary_expanded h3{
	font-size: 14pt;
	padding: 10px 0 10px 10px;
	color: #6E8C95;	
	font-weight: lighter;
	margin: 0;
}
.mra_diary_expanded h3 b{
	color: #C2CFD3;	
}
.mra_diary_expanded_h3_date{
	color: #6E8C95;	
}

.mra_diary_expanded p{
	font-size: 8pt;
	padding: 0 120px 15px 10px;
	margin: 0;	
}
.mra_diary_expanded h5{
	font-size: 7pt;
	margin: 5px 120px 5px 10px;
	padding: 5px 0 0 0;	
	color: #C2CFD3;
	border-top: 1px dotted #E0E7E9;
}

.mra_diary_booking_label {
	display: inline-block;
	padding-left: 15px;
	margin-left: 5px;
	background: url(../images/mra_icon_onhold.gif) no-repeat;
	color: #6E8C95;
}
/* @group mra table pagination */

.mra_pagination {
	background-color: #C2CFD3;
	font-size: 7pt;
	padding: 5px;
	text-align: right;
	color: #6E8C95;
	font-weight: bold;
}
.mra_pagination a, .mra_pagination a:link {
	color: #24515F;
}
.mra_pagination a:visited {
	color: #000;
}
.mra_pagination a:hover {
	color: #E0E7E9;
}

/* @end */