/**********************************/
/* ADDITIONAL STYLES FOR SNIPPETS */
/**********************************/

/*  background-color: #5F80BD; */

/* THE FOLLOWING ARE OBJECT BASED STYLES */
/* THEY APPLY TO ALL TAGS UNLESS CSS OVERRIDES BY ID/CLASS */

fieldset {
	border: 1px solid #5F80BD;
	background-color: transparent;
}

legend {
	color: black;
	font-weight: bold;
}

.snippet_cursor_pointer {
	cursor: pointer;
}


/*******************/
/*  SNIPPET ERROR  */
/*******************/

.snippet_error {
	background-color: #DCDCDC;
	border: 1px solid maroon;
	margin-top: 12px;
}

.snippet_error_header {
	background-color: maroon;
	border-top: 1px solid #DCDCDC;
	border-right: 1px solid #DCDCDC;
	border-bottom: 0;
	border-left: 1px solid #DCDCDC;
	color: white;
	font-weight: normal;
	font-size: 120%;
	padding: 6px;
}
.snippet_error_text {
	color: black;
	font-size: 90%;
	font-weight: normal;
	padding: 6px;
}

/**********************/
/*  GENERAL SNIPPETS  */
/**********************/

.snippet {
	margin-top: 12px;
	line-height: 1.4;
}
.snippet_clear {
	clear: both;
}

.customHead3 {
	margin-top: 12px;
	margin-bottom: 2px;
	font-size: 180%;
	font-weight: bold;
}


/***************************/
/*  CUSTOM INPUT SNIPPETS  */
/***************************/
.snippet_input_label {
	float: left;
	/* SET THIS TO TOTAL OF PADDING-TOP AND BORDER-TOP BELOW */
	padding-top: 5px;
	padding-right: 10px;
	text-align: right; 
	width: 220px;
	margin-top: 6px;
}
.snippet_input_type_info {
	float: left;
	/*border: 1px solid #5F80BD;*/
	padding-top: 5px;
	padding-left: 5px;
	width: 220px;
}
.snippet_input_text {
	float: left;
	/*background-color:#F99F55;*/
	background:#FFFFD9 none repeat scroll 0 0;
	border: 1px solid gray;
    border-top: 2px solid #999;
    border-right: 1px solid #5F80BD;
    border-bottom: 1px solid #5F80BD;
    border-left: 2px solid #999;
	padding: 4px;
	font-weight: bold;
	margin-top: 4px;
}

.snippet_input_required {
	/*border: 1px solid red;*/
    /*border-top: 2px solid red;*/
    /*border-left: 2px solid red;*/
	background:pink none repeat scroll 0 0;
	color: black;
}

.snippet_input_text:focus {
	background:yellow none repeat scroll 0 0;
	color: black;
}
.snippet_input_required:focus {
	background:red none repeat scroll 0 0;
	color:white;
}
.snippet_input_after {
	float: left;
	width: 350px;
	/*border: 1px solid #5F80BD;*/
	padding-top: 4px;
	padding-right: 4px;
	padding-bottom: 8px;
	padding-left: 4px;
	font-style: italic;
	font-size: 90%;
	/*background-color:#DCDCDC;*/
}
.snippet_input_readonly{
	color: #808080;
}

/******************************/
/*  NEW SNIPPET CUSTOM LINKS  */
/******************************/

.snippet_custom_link {
	background-color: #DCDCDC;
	padding-top: 6px;
	padding-right: 6px;
	padding-bottom: 6px;
	padding-left: 10px;
	line-height: 0.8;
}

.snippet_custom_link_before {
	padding-right: 6px;
}

.snippet_custom_link_after {
	padding-left: 6px;
}


/********************************************/
/*  TABLE SNIPPETS - GENERIC TABLE BUILDER  */
/********************************************/

/* GENERAL TABLE STYLE */
.snippet_table {
	width: 98%;
	border-collapse: collapse;
	margin-top: 12px;
	margin-bottom: 12px;
}

.snippet_table_rowA {
	background-color: transparent;
}
.snippet_table_rowB {
	background-color: #F99F55;
}

/* THE HEADER CELLS */
.snippet_table_header_left, .snippet_table_header_middle, .snippet_table_header_right {
	/*background-color: lightblue;*/
	background-color: #5F80BD;
	font-weight: bold;
	color:navy;
	font-size: 90%;
	border-top: 1px solid gray;
	border-left: 1px solid gray;
	border-bottom: 1px solid gray;
	padding-top: 2px;
	padding-bottom: 2px;
}
.snippet_table_header_left, .snippet_table_header_middle {
	border-right: 0;
}
.snippet_table_header_right {
	border-right: 1px solid gray;
}
.snippet_table_body_left, .snippet_table_body_middle, .snippet_table_body_right {
	font-weight: normal;
	color: black;
	font-size: 90%;
	border-top: 1px solid gray;
	border-left: 1px solid gray;
	border-bottom: 1px solid gray;
	padding-top: 2px;
	padding-bottom: 2px;
}
.snippet_table_body_left, .snippet_table_body_middle {
	border-right: 0;
}
.snippet_table_body_right {
	border-right: 1px solid gray;
}



/**********************/
/*  SUMMARY SNIPPETS  */
/**********************/

.snippet_SummarySurround {
        border-top: 1px solid #5F80BD;
        border-right: 1px solid #5F80BD;
        border-bottom: 1px solid #5F80BD;
        border-left: 1px solid #5F80BD;
        padding: 1px;
        margin: 12px 0 12px 0;
}

.snippet_SummaryHeader {
	background-color: #5F80BD;
	color: white;
	padding: 6px;
	margin: 0;
	font-family: Tahoma, Verdavan, Arial, sans-serif;
	font-size: 100%;
	font-weight: normal;
}

.snippet_SummaryContent {
	background-color: transparent;
	color: black;
	padding: 6px;
	margin: 0;
	font-family: Tahoma, Verdavan, Arial, sans-serif;
	font-size: 100%;
	font-weight: normal;
	line-height: 1.4;
}


.repair_helpline_image {
	width: 350px;
	height: 113px;
	/*background-color: transparent;*/
	background-image: url(rh_medium.gif); background-repeat: no-repeat;
	/*border-top: 17px solid #ffffff;*/
	margin-top: 6px;
	margin-left: 0px;
	margin-bottom: 12px;
	margin-right: 0px;
}

/******************************/
/*  REPAIRS HISTORY SNIPPETS  */
/******************************/

.snippet_repairs_history_container	{
	float: left;
	width: 680px;
	margin-top: 12px;
	padding: 0;
}
.snippet_repairs_history_active {
	border: 2px solid red;
}
.snippet_repairs_history_complete {
	border: 2px solid #5F80BD;
}
.snippet_repairs_history_heading_header_row {
	float: left;
	/*width: 545px;*/
	width: 100%;
	/*height: 58px;*/
	border-bottom: 2px solid #5F80BD;
}
.snippet_repairs_history_heading_data_row {
	background-color: #F99F55;
	float: left;
	/*width: 545px;*/
	width: 100%;
	/*height: 58px;*/
	border-bottom: 2px solid #5F80BD;
}

.snippet_repairs_history_heading_header_normal {
	float: left;
	/*height: 54px;*/
	width: 168px;
	border-right: 1px solid #5F80BD;
	/*background-image: url(images/rep_table_back.gif);*/
	/*background-repeat: repeat-x;*/
	/*background-color: lightblue;*/
	background-color: #5F80BD;
	font-size: 100%;
	text-align: center;
	/*line-height: 1.3;*/
	color: white;
	padding-top: 6px;
	padding-bottom: 6px;
}
.snippet_repairs_history_heading_header_right {
	float: left;
	/*height: 54px;*/
	width: 173px;
	/*background-image: url(images/rep_table_back.gif);*/
	/*background-repeat: repeat-x;*/
	/*background-color: lightblue;*/
	background-color: #5F80BD;
	font-size: 100%;
	text-align: center;
	/*line-height: 1.3;*/
	color: white;
	padding-top: 6px;
	padding-bottom: 6px;
}

.snippet_repairs_history_heading_data_row {
	float: left;
	/*width: 545px;*/
	width: 100%;
	/*height: 58px;*/
	border-bottom: 2px solid #5F80BD;
}

.snippet_repairs_history_heading_data_normal {
	font-weight: bold;		/*  Added by MT 17-SEP-2013 - Based on #9284  */
	color: black;		/*  Added by MT 17-SEP-2013 - Based on #9284  */
	float: left;
	/*height: 54px;*/
	width: 168px;
	border-right: 1px solid #5F80BD;
	/*background-image: url(images/rep_table_back.gif);*/
	/*background-repeat: repeat-x;*/
	/*background-color: #5F80BD;*/
	font-size: 100%;
	text-align: center;
	/*line-height: 1.3;*/
	/*color: white;*/
	padding-top: 6px;
	padding-bottom: 6px;
}
.snippet_repairs_history_heading_data_right {
	font-weight: bold;		/*  Added by MT 17-SEP-2013 - Based on #9284  */
	color: black;		/*  Added by MT 17-SEP-2013 - Based on #9284  */
	float: left;
	/*height: 54px;*/
	width: 168px;
	/*background-image: url(images/rep_table_back.gif);*/
	/*background-repeat: repeat-x;*/
	/*background-color: #5F80BD;*/
	font-size: 100%;
	text-align: center;
	/*line-height: 1.3;*/
	/*color: white;*/
	padding-top: 6px;
	padding-bottom: 6px;
}

.snippet_repairs_history_data_row_normal {
	float: left;
	/*width: 545px;*/
	width: 100%;
	border-bottom: 1px solid #5F80BD;
	padding-top: 2px;
	padding-bottom: 2px;
}
.snippet_repairs_history_data_row_bottom {
	float: left;
	/*width: 545px;*/
	width: 100%;
}
.snippet_repairs_history_data_left {
	float: left;
	/*width: 104px;*/
	width: 115px;
	/*margin-top: 4px;*/
	/*margin-right: 2px;*/
	font-weight: bold;
	font-size: 100%;
	padding-top: 4px;
	padding-right: 5px;
	padding-bottom: 4px;
}
.snippet_repairs_history_data_right {
	float: left;
	/*width: 424px;*/
	width: 555px;
	/*margin-top: 5px;*/
	/*margin-bottom: 5px;*/
	font-weight: normal;
	font-size: 100%;
	padding-top: 4px;
	padding-bottom: 5px;
	padding-left: 4px;
}

.snippet_repairs_history_comment {
	float: left;
	/*width: 424px;*/
	width: 440px;
	/*margin-top: 5px;*/
	/*margin-bottom: 5px;*/
	color: blue;
	font-weight: normal;
	font-size: 100%;
	padding-top: 4px;
	padding-bottom: 5px;
	padding-left: 4px;
	/*border: 1px solid #5F80BD;*/
}



/*********************************************/
/*  TABLE SNIPPETS - RENT STATEMENT DISPLAY  */
/*********************************************/

.snippet_rent_statement_table {
	width: 100%;
	border-collapse: collapse;
	margin-top: 12px;
	margin-bottom: 12px;
	border: 2px solid #5F80BD;
	cursor: pointer;
	font-family: tahoma, arial,helvetica,sans-serif;
}

.snippet_rent_statement_table_caption {
	text-align: left;
}
.snippet_rent_statement_table_rowA {
	background-color: transparent;
}
.snippet_rent_statement_table_rowB {
	background-color: transparent;
}

/* THE HEADER CELLS */
.snippet_rent_statement_header {
	/*background-color: lightblue;*/
	background-color: #5F80BD;
	font-weight: normal;
	color:white;
	font-size: 90%;
	border-top: 1px solid #5F80BD;
	border-right: 0;
	border-bottom: 1px solid #5F80BD;
	border-left: 1px solid #5F80BD;
	padding-top: 4px;
	padding-right: 2px;
	padding-bottom: 4px;
	padding-left: 2px;
}
.snippet_rent_statement_body {
	font-weight: normal;
	color: black;
	font-size: 90%;
	border-top: 1px solid #5F80BD;
	border-right: 0;
	border-bottom: 1px solid #5F80BD;
	border-left: 1px solid #5F80BD;
	padding-top: 4px;
	padding-right: 2px;
	padding-bottom: 4px;
	padding-left: 2px;
}
.snippet_rent_statement_start_period {
	/*following removed at request of Tansel @ kandc */
	/*border-top: 2px solid #5F80BD;*/
}

.snippet_rent_statement_arrears {
	color: red;
}

.snippet_rent_statement_credit {
	color: blue;
}

.snippet_rent_statement_nil {
	color: black;
}
/**********************************/
/*  RENT CHARGES SUMMARY DISPLAY  */
/**********************************/
.snippet_charge_summary_text {
	float: left;
	width: 250px;
	padding-top: 6px;
	margin: 0;
}
.snippet_charge_summary_pound {
	float: left;
	width: 20px;
	padding-top: 6px;
	margin: 0;
}
.snippet_charge_summary_value {
	float: left;
	width: 50px;
	padding-top: 6px;
	margin: 0;
	text-align: right;
}

/******************/
/*  USER UPDATES  */
/******************/

.feedback {
    background-color: lightyellow;
    border: 2px solid red;
    padding: 8px;
    float: bottom;
    margin-top: 6px;
    text-align: center;
	font-weight: bold;
	line-height: 1.4;
	font-size: 100%;
}

/*********************/
/*  STAFF WARNINGS   */
/*********************/

.staffText{
	font-family: Arial, Verdans, sans-serif;
	text-decoration: none;
	/*background-color: #000;*/
	/*color: yellow;*/
	line-height: 150%;
	font-size: 100%;
	padding: 4px;
}

.staffWarnHolder{
	/*border: 2px solid #000;*/
	padding: 1%;
	margin-top: 2%;
}
.staffWarnHdr{
	color: red;
	font-weight: bold;
	margin: 0;
}

.divStaffWarning{
	/*background-color: transparent;*/
	/*color: #000;*/
	font-weight: bold;
	background-color: #F99F55;
}

/*************************************/
/*  ASSET SELECTION PAGE  */ 
/************************************/
#table_asset_details{
	margin-top: 15px;
}
#table_asset_header_ref{
	padding-bottom: 6px;
	padding-right: 6px;
}
#table_asset_header_address{
	padding-bottom: 6px;
}
.table_asset_data_ref{
	padding-bottom: 6px;
	padding-right: 6px;
}
.table_asset_data_address{
	padding-bottom: 6px;
}

/********************/
/*  OTHER SNIPPETS  */ 
/********************/

.snippet_OutOfTarget {
	color: red;
}
.snippet_appointment_active{
	color: blue;
}
/****************************************************/
/*  LEAVE AS LAST SNIPPET SO OVER-RIDES ALL OTHERS  */
/****************************************************/

.snippet_update_allowed {
	border: 1px dashed red;
	cursor: pointer;
}