/*****************************************************
 * 
 * What:			Styles for modal windows	
 * Where:			All over the website
 * Last changed: 	KA 27 August 2008
 *  
 *****************************************************/

/*****************************************************
GLOBAL MODAL CSS
*****************************************************/
.mdlTarget{
	color: #333333;
	overflow: auto;
	height: 272px;
}
.mdlControls{
	padding: 5px;
	overflow: hidden;
	background: url(/ml/images/shade-s.gif) repeat-x #f5f5f5;
}
.mdlControls H1.e_title{
	float: left;
	margin-bottom: 0px
}

.mdlControls .jqmClose{
	float: right;
}

.mdlHtml{
	/* the amount of margin-left should be the half of the box width, border-width and padding combined  */
    margin-left: -255px;
	width: 510px;
	height: 350px;
	background-color: white;
	border: 8px solid #f5f5f5
}

.mdlHtml .mdlTarget{
	height: 273px;
	padding: 20px;
}

.mdlHtmlContent{
	display: none;
}


/*****************************************************
DEDICATED MODAL CSS
*****************************************************/
.mdlAjaxTBYB{
	/* the amount of margin-left should be the half of the box width, border-width and padding combined  */
    margin-left: -255px;
	width: 510px;
	max-height: 350px;
	background-color: white;
	border: 8px solid #f5f5f5
}

.mdlAjaxTBYB .mdlDesc{
	background: #f5f5f5;
	padding: 5px;
	padding: 10px 5px;	
}
.mdlAjaxTBYB .mdlDesc P{
	margin: 0;
}
.mdlAjaxTBYB .mdlLoading{
	padding: 5px;
}
.mdlAjaxTBYB .mdlLoading SPAN{
	width: 29px;
	height: 5px;
	display: inline-block;
	background: url(/common/images/gray_busy.gif) no-repeat;
}

.mdlAjaxTBYB .mdlTarget UL.e_tbybDocuments{
	
}

.mdlAjaxTBYB .mdlTarget UL.e_tbybDocuments LI{
	border-bottom: 1px solid #f5f5f5;
	font-size: 1em;
}

.mdlAjaxTBYB .mdlTarget UL.e_tbybDocuments A{
	display: block;
	padding: 10px 15px;
	background: #ebebeb;
}

.mdlAjaxTBYB .mdlTarget UL.e_tbybDocuments A:hover{
	text-decoration: none;
	background-color: white;
}

#mdlDocumentExport{
	
}
#mdlDocumentExport .e_buttons{ overflow: hidden; }
#mdlDocumentExport .e_buttons A{ border: 1px solid green; padding: 20px; margin: 10px; float: left; }
#mdlDocumentExport .e_buttons A.e_pdf{}
#mdlDocumentExport .e_buttons A.e_rtf{}

/* Hide export description by default */
#mdlDocumentExport .e_buttons p.e_exportDesc { display:none; }

#mdlEditCustomerDetails{}
#mdlEditCustomerDetails div.inputs{ margin-bottom: 12px }
#mdlEditCustomerDetails label{ display: block; padding-bottom: 5px; width: 320px; overflow: hidden; }
#mdlEditCustomerDetails label span.e_label{ float: left }
#mdlEditCustomerDetails label input.e_value{ float: right }

/*****************************************************
AJAX CPAGE modal window
*****************************************************/
.mdlAjaxCPage{
	/* the amount of margin-left should be the half of the box width, border-width and padding combined  */
    margin-left: -255px;
	width: 510px;
	max-height: 350px;
	background-color: white;
	border: 8px solid #f5f5f5
}
.mdlAjaxCPage .mdlLoading{
	padding: 5px;
}
.mdlAjaxCPage .mdlLoading SPAN{
	width: 29px;
	height: 5px;
	display: inline-block;
	background: url(/common/images/gray_busy.gif) no-repeat;
}
.mdlAjaxCPage .mdlTarget{
	padding: 10px;
	height: 292px;
}

.mdlXL{}


/*****************************************************
PROMPT modal window
*****************************************************/
#mdlPrompt{
	margin-left: -170px;
	width: 300px;
	padding: 20px;
	max-height: 150px;
	background: url(/ml/images/shade-xl.gif) repeat-x #f5f5f5;
	border: 8px solid white;
	margin-bottom: 72px;
}

#mdlPrompt .e_message{ margin-bottom: 20px; }
#mdlPrompt .e_message H3.e_title{ font-weight: bold }
#mdlPrompt .e_message .e_tip{font-size: 10px;}

#mdlPrompt .e_input{ margin-bottom: 10px; }
#mdlPrompt .e_input INPUT{ width: 100%; padding: 3px; }

#mdlPrompt .e_buttons{ overflow: hidden; }
#mdlPrompt .e_buttons INPUT{ padding: 3px; }
#mdlPrompt .e_buttons .e_ok{ float: left;}
#mdlPrompt .e_buttons .e_cancel{ float: left;}


/*****************************************************
CONFIRM modal window
*****************************************************/
#mdlConfirm{
	margin-left: -170px;
	width: 300px;
	padding: 20px;
	max-height: 150px;
	background: url(/ml/images/shade-xl.gif) repeat-x #f5f5f5;
	border: 8px solid white;
	margin-bottom: 72px;
}

#mdlConfirm .e_message{ margin-bottom: 20px; }
#mdlConfirm .e_message H3.e_title{ font-weight: bold }
#mdlConfirm .e_message .e_tip{font-size: 10px;}

#mdlConfirm .e_buttons{ overflow: hidden; position: absolute; bottom: 0px; left: 0px; padding: 20px; }
#mdlConfirm .e_buttons INPUT{ padding: 3px; }
#mdlConfirm .e_buttons .e_ok{ float: left;}
#mdlConfirm .e_buttons .e_cancel{ float: left;}




/*****************************************************
MY DOCUMENTS - LAWYER REVIEW modal window
*****************************************************/
#frm_LawyerReview, #frm_CallCentreReview, #frm_ApproveCallCentreDocument, {
	
}
#frm_LawyerReview .e_lawyerMessage, #frm_CallCentreReview .e_lawyerMessage, #frm_ApproveCallCentreDocument .e_lawyerMessage{ width: 100%; height: 100px; display:block; }
#frm_LawyerReview .e_btnSend, #frm_CallCentreReview .e_btnSend, #frm_ApproveCallCentreDocument .e_btnSend {}
/* Modal window stuff */

#frm_LawyerReview, #frm_CallCentreReview, #frm_ApproveCallCentreDocument{}
#frm_LawyerReview .e_p1, #frm_CallCentreReview .e_p1, #frm_ApproveCallCentreDocument .e_p1{margin-bottom: 2em}
#frm_LawyerReview .e_p1 .documentName,
#frm_LawyerReview .e_p1 .documentPartnerName,
#frm_CallCentreReview .e_p1 .documentName,
#frm_CallCentreReview .e_p1 .documentPartnerName,
#frm_ApproveCallCentreDocument .e_p1 .documentName{font-size: 1.1em; font-style: italic; font-weight: bold;}