@charset "utf-8";


html{ background-color:#fff; }
body{ font-family:Helvetica, Arial, sans-serif; font-weight: normal; }

.col_left { background:url(../images/bg_left_col.jpg) 0px 144px no-repeat; min-height:900px; }
	.col_left img { border-top:2px solid #fff; }
.col_main { padding-top:2px; padding-bottom:60px; }


#quick_nav { display:block; text-align:center; padding:21px 0;}
	a.quick_nav_new 		{ display:inline-block; width:71px; height:95px; margin:0 15px 0 0; background:url(../images/btn_new_u.gif) left top no-repeat;}
	a:hover.quick_nav_new 	{ background:url(../images/btn_new_d.gif) left top no-repeat ;}

	a.quick_nav_add 		{ display:inline-block; width:71px; height:95px; margin:0 15px 0 0; background:url(../images/btn_add_u.gif) left top no-repeat;}
	a:hover.quick_nav_add 	{ background:url(../images/btn_add_d.gif) left top no-repeat ;}

	a.quick_nav_amend 		{ display:inline-block; width:71px; height:95px; margin:0 15px 0 0; background:url(../images/btn_amend_u.gif) left top no-repeat;}
	a:hover.quick_nav_amend	{ background:url(../images/btn_amend_d.gif) left top no-repeat ;}
	
	a.quick_nav_purchase 		{ display:inline-block; width:71px; height:95px; margin:0 15px 0 0; background:url(../images/btn_purchase_u.gif) left top no-repeat;}
	a:hover.quick_nav_purchase 	{ background:url(../images/btn_purchase_d.gif) left top no-repeat ;}
	
	a.quick_nav_admin 		{ display:inline-block; width:72px; height:95px; margin:0 15px 0 0; background:url(../images/btn_admin_u.gif) left top no-repeat;}
	a:hover.quick_nav_admin { background:url(../images/btn_admin_d.gif) left top no-repeat ;}
	
	a.quick_nav_search 			{ display:inline-block; width:73px; height:95px; margin:0 15px 0 0; background:url(../images/btn_search_u.gif) left top no-repeat;}
	a:hover.quick_nav_search	{ background:url(../images/btn_search_d.gif) left top no-repeat ;}
	
	a.quick_nav_sales 		{ display:inline-block; width:72px; height:95px; margin:0 15px 0 0; background:url(../images/btn_sales_u.gif) left top no-repeat;}
	a:hover.quick_nav_sales { background:url(../images/btn_sales_d.gif) left top no-repeat ;}

	a.quick_nav_quote 			{ display:inline-block; width:72px; height:95px; margin:0 15px 0 0; background:url(../images/btn_quote_u.gif) left top no-repeat;}
	a:hover.quick_nav_quote 	{ background:url(../images/btn_quote_d.gif) left top no-repeat ;}


	a.quick_nav_logout 			{ display:inline-block; width:72px; height:95px; margin:0 15px 0 0; background:url(../images/btn_logout_u.gif) left top no-repeat;}
	a:hover.quick_nav_logout 	{ background:url(../images/btn_logout_d.gif) left top no-repeat ;}


.content { font-size:12px;}
	.content h1 { font-size:16px; padding:5px 0 5px 0; font-weight:bold; text-align:center; background-color:#5dacbc; margin:0 0 15px 0; color:#000;}
	.content h2 { font-size:16px; color:#000; font-weight:bold;  margin:30px 0 10px 0; padding:0; }
	.content h3 { font-size:14px; color:#0079c2;  margin:0 0 5px 0; padding:0;}
	.content h4 { font-size:14px; color:#000;  margin:5px 0 2px 0; padding:0; font-weight:bold;}
	.content h5 { font-size:12px; color:#000;  margin:5px 0 2px 0; padding:0; font-weight:bold;}
	.content h6 { font-size:16px; color:#fff; background-color:#333;   margin:5px 0 2px 0; padding:5px;; font-weight:bold;}
	.content p 	{ font-size:13px; color:#231f20; margin:10px 0 10px 0; text-align:justify; line-height:17px; }
	.content a 	{ color:#282828; text-decoration:none;}
	.content a:hover	{ color:#59aab9; text-decoration:none;}
	.content ul, .content ol { margin:15px 20px 15px 0px; float:left;}
	.content li { font-size:12px; color:#231f20; margin:0 0 5px 0px; padding:0 0 0 5px; text-align:left; list-style-type:none; list-style-position:outside;}

p.continue_to_next_step { text-align:right;}

table { padding:0; margin:15px 0; width:776px; border-left:1px solid #5dacbc; border-top:1px solid #5dacbc;}
	tr:hover { background-color:#d6e5e7;}
	th, td { padding:5px; text-align:left; border-right:1px solid #5dacbc; border-bottom:1px solid #5dacbc; }
	th{ background-color:#a1d5db; color:#000; text-align:center; font-weight:bold;}
	th.md_memberno { width:100px;}
	th.md_nameo {}
	th.md_address { width:200px; }
	th.md_phone {}
	th.md_email { width:150px;}
	th.md_edit {}
	td.td_price { text-align:right; padding-right:25px 10px 25px 25px ; min-width:70px;}

.clickable { cursor: pointer;  cursor: hand; text-align:center; color:#fff; background-color:#000;}

	
table.invisible_table	{ padding:0; margin:10px 20px 10px 0; width:323px; border:none; float:left; }
	table.invisible_table tr:hover 	{ background-color:#d6e5e7; border:none; }
	table.invisible_table th, table.invisible_table td { padding:3px 5px;; text-align:left; border:none; vertical-align:text-top; background:none; color:#000;  }
	th.table_name, td.table_name{ width:130px; font-weight:bold; }	
	th.table_data{ }	

table.direct_debit { border-top:1px solid #000; border-left:1px solid #000; margin-bottom:15px; width:280px;}
table.direct_debit td { border-bottom:1px solid #000; border-right:1px solid #000; padding:5px 2px; font-weight:bold; vertical-align:text-top; text-align:left;  }
table.data_center td { text-align:center; }

table.direct_debit td.direct_debit_address { height:110px}
tr.highlight_row1 { background-color:#fff; color:#000; }
tr.highlight_row2 { background-color:#fff; color:#aaa; }
tr.highlight_row2 td a { color:#aaa; }

tr.show_hide_table_row { padding-left:0px; padding-right:0px; }


.members_overview 	{ background-color:#000; padding:10px 10px; font-weight:bold; color:#fff; font-size:16px;}
	.member_name, .member_name a { display:inline-block; min-width:300px; color:#fff;  }
	.member_phone	 { display:inline-block; }
	.member_number	 { display:inline-block; float:right; }
	.member_practise { display:inline-block; float:right; margin-left:30px; }


.gold_text { color:#debe24;}
.bold_text { font-weight:bold;}
.grey_text { color:#999999;}

.hidden { display:none;}



.dd_header_notes { float:right; display:block; width:225px; padding:20px 0 0 0; line-height:18px; font-size:12px;}
.dd_header_notes_title { display:inline-block; width:90px; font-weight:bold;}
.dd_header_notes_tick { display:inline-block; width:10px; height:10px; border:1px solid #000;}
/*
NOTES
*/

.red_text { color:#f00;}


#staff_password_mcr {
	padding: 3px;
	margin: 3px 3px 3px 0px;
	border: 1px solid #ff0000;
	background-color: #ffd2d2;
	text-align: center;
	display: none;
}

#staff_membership_password{
	width:180px;
}



/*  TRAFFIC LIGTHS STLYING */

/*  RED  	3	#e3afa6	#bd2b14	*/
/*  AMBER  	2	#ebcca8	#db6d19		*/
/*  GREEN  	1	#a9ccad	#288032		*/


/*  SEARCH TABLE RESULTS */
tr.trafficligths_row_0 {	background-color:#cccccc;  }
tr.trafficligths_row_1 {	background-color:#88e078;  }
tr.trafficligths_row_2 {	background-color:#f8a70b;  }
tr.trafficligths_row_3 {	background-color:#fb5338;  }
tr.trafficligths_row_4 {	background-color:#000000;  }

tr.trafficligths_row_4,
tr.trafficligths_row_4 a {color:#ffffff; }


tr.trafficligths_row_2 td a:hover,
tr.trafficligths_row_3 td a:hover,
tr.trafficligths_row_4 td a:hover  {	color: #ffffff;  }

.trafficligths_title_0 {	background-color:#cccccc;  }
.trafficligths_title_1 {	background-color:#1dbd24;  }
.trafficligths_title_2 {	background-color:#f8a70b;  }
.trafficligths_title_3 {	background-color:#e62506;  }
.trafficligths_title_4 {	background-color:#000000;  }

.trafficligths_page_0 {		border: 2px solid #cccccc; display:block;  }
.trafficligths_page_1 {		border: 2px solid #1dbd24; display:block;  }
.trafficligths_page_2 {		border: 2px solid #f8a70b; display:block;  }
.trafficligths_page_3 {		border: 2px solid #e62506; display: block;  }
.trafficligths_page_4 {		border: 2px solid #000000; display: block; background-color:#dddddd; }

.trafficligths_tab_0 {	background-color:#cccccc;  }
.trafficligths_tab_1 {	background-color:#1dbd24;  }
.trafficligths_tab_2 {	background-color:#f8a70b;  }
.trafficligths_tab_3 {	background-color:#e62506;  }
.trafficligths_tab_4 {	background-color:#000000;  }

.trafficlights_page table{
    width: 100% !important;
}

.trafficlights_page{
    position: relative;
}

.trafficlights_tab {
	position: absolute;
	top: -38px;
	right: -2px;
	padding: 10px 20px;
	color:#fff;
	font-weight: bold;
	display: block;
	border-bottom: 1px solid #fff;
}


#membership_card_number_check {
  background-color: #a1d5db;
    border: 1px solid #000000;
    font-size: 12px;
    padding: 3px 0px;
    text-align: center;
	margin-top: 15px;
	width: 260px;
	cursor: pointer;
}

#membership_card_number_result {
	border: 1px solid #000000;
    padding: 3px 0px;
    text-align: center;
	margin-top: 15px;
	width: 260px;		
}

.continue_to_next_step {
	 display:none !important;
}


/*   DD Intergration IFrame   */

iframe.ddintergaration_iframe {
	width: 100%;
	border: none;
	min-height: 2400px; 
}