/* CSS Document */

html, body {
margin: 0px;
padding: 0px;
background-color:#b20175;
background-image:url(/cms_files/2/background.gif);
background-repeat:repeat-x;
}




#wrapper {
position: relative;
width: 840px;
margin: auto;
top: 0px;
height: auto;
}
#wrapper_layer0 {
position: relative;
width: 820px;
top: 2px;
height: 20px;
z-index: 10;
}
#wrapper_layer1 {
position: relative;
width: 840px;
top: 0px;
height: 300px;
background-color: white;
z-index: 10;
}
#wrapper_layer2 {
position: relative;
width: 840px;
top: 0px;
height: auto;
background-color: white;
z-index: 10;
}
#wrapper_layer3 {
position: relative;
width: 840px;
top: 0px;
height: 290px;
background-color: white;
z-index: 10;
}
#wrapper_layer4 {
position: relative;
width: 840px;
top: 0px;
height: 60px;
z-index: 10;
}


#layer1_curved_header {
position: absolute;
width: 840px;
height: 20px;
top: 0px;
left: 0px;
background-image: url(/cms_files/2/white_rounded_background-top.gif);
background-repeat:no-repeat;
z-index: 100;
}
#layer1_logo {
position: absolute;
width: 158px;
height: 123px;
top: 20px;
left: 20px;
z-index: 100;
}
#layer1_banner_advert {
position: absolute;
width: 468px;
height: 60px;
top: 20px;
left: 352px;
z-index: 100;
}
#layer1_main_image {
position: absolute;
width: 820px;
height: 280px;
top: 20px;
left: 20px;
/*This file seems to have been deleted. RJTH 15th April 2008*/
/*background-image: url(/cms_files/1/header_image_1.jpg);*/
background-repeat: no-repeat;
z-index: 20;
}
#layer1_category_navigation {
position: absolute;
width: 670px;
height: 120px;
top: 170px;
left: 25px;
z-index: 30;
}

#layer1_category_navigation_left {
float:left;
width: 135px;
height: 100px;
z-index: 30;

margin-left:10px;
}

#layer1_category_navigation_right {
float:left;
width: 476px;
height: 100px;
margin-left:25px;
z-index: 30;

}

#layer1_breadcrumb {
position: absolute;
width: 700px;
height: 15px;
top: 270px;
left: 40px;
z-index: 60;
}







#layer2_content_top {
position: relative;
width: 800px;
height: 20px;
left: 20px;
background-image: url(/cms_files/2/content_rounded_top.gif);
background-repeat:no-repeat;
z-index: 100;
}
#layer2_content {
position: relative;
width: 756px;
padding: 0px 20px 0px 20px;
left: 20px;
height: auto;
border-left: solid #99196c 2px;
border-right: solid #99196c 2px;
overflow: hidden;
z-index: 100;
}
#layer2_category_navigation {
position: relative;
width: 755px;
height: 95px;
top: 0px;
left: 0px;
padding-top: 5px;
background-image: url(/cms_files/2/category_navigation_background.gif);
background-repeat: no-repeat;
z-index: 110;
}
#layer2_content_bottom {
position: relative;
width: 800px;
height: 20px;
left: 20px;
background-image: url(/cms_files/2/content_rounded_bottom.gif);
background-repeat:no-repeat;
z-index: 100;
}







#layer3_bottom_left_image {
position: absolute;
width: 305px;
height: 205px;
top:20px;
left: 0px;
background-image: url(/cms_files/2/bottom_left_image.jpg);
background-repeat: no-repeat;
z-index: 101;
}
#layer3_quicklinks_members_suppliers {
position: absolute;
width: 520px;
height: 170px;
top: 20px;
left: 300px;
z-index: 102;
}
#layer3_footer_navigation_background {
position: absolute;
width: 800px;
height: 44px;
top: 225px;
left: 20px;
background-image: url(/cms_files/2/footer_navigation_background.gif);
background-repeat: no-repeat;
z-index: 102;
}
#layer3_footer_navigation {
position: absolute;
width: 780px;
height: 24px;
top: 7px;
left: 10px;
z-index: 110;
}
#layer3_curved_footer {
position: absolute;
width: 840px;
height: 20px;
top: 270px;
left: 0px;
background-image: url(/cms_files/2/white_rounded_background_bottom.gif);
background-repeat:no-repeat;
z-index: 100;
}





#layer4_strapline {
position: relative;
width: 280px;
height: 45px;
top: 20px;
margin: auto;
padding-bottom: 20px;
z-index: 110;
background-image: url(/cms_files/2/strapline.gif);
background-repeat: no-repeat;
}



img {
border: none;
}
















/*----------------------------
members area
-----------------------------*/


.member_area_table {
	table-layout:fixed;
	word-wrap:break-word;
	text-align:left;
	line-height:20px;
	width:100%;
	border-collapse:collapse;
}

/* Styles for the sortable column headings */
.member_area_table th.header {
	background: url(/cms_files/4/arrow_up_down.gif) no-repeat left;
	padding-left: 10px;
	cursor:pointer;
} 

.member_area_table th.headerSortUp {
	background: url(/cms_files/4/arrow_up.gif) no-repeat left;
	padding-left: 10px;
} 

.member_area_table th.headerSortDown {
	background: url(/cms_files/4/arrow_down.gif) no-repeat left;
	padding-left: 10px;
}

.member_area_table th {
	font-family: "trebuchet MS";
	font-size: 13px;
	color: #d01b69;
	font-weight: bold;
	padding:0 2px 2px 0;
	vertical-align:top;
	overflow:hidden;
	border-bottom:2px solid #ddd;
}

.member_area_table td{
	border-bottom: 1px solid #ddd;
	padding-bottom:2px;
	overflow:hidden;
	vertical-align:top;
}

.member_area_table th[scope=row]{
	border-bottom: 1px solid #ddd;
	padding: 0 0 2px 0;
}

.member_area_table .action {
	text-align:center;
	width:25px;
}

.member_area_table .action[colspan="2"] {
	width:50px;
}

.member_area_table .action[colspan="3"] {
	width:75px;
}

.member_area_table .action[colspan="4"] {
	width:100px;
}

.member_area_table  .tickbox{
	width:20px;
}

/********************************
 Unfortunately, each members' area table needs to have explicit column widths set, or else.
 They should all have appropriate classes applied to the td and th tags.
 *******************************/
.member_area_table .title {width:35px;}
.member_area_table .phone {width:100px;}
.member_area_table .child {width:40px; text-align:center;}
.member_area_table .rsvp {width:50px;}
.member_area_table .table_seats {width:50px; text-align:center;}
.member_area_table .table_seats_available {width:80px; text-align:center;}
.member_area_table .thankyou_letter {width:55px; text-align:center;}
.member_area_table .your_estimate,.member_area_table .actual_cost {width:110px; text-align:right;}
.member_area_table .your_estimate input,.member_area_table .actual_cost input{width:80px; text-align:right;}
.member_area_table .listing_type {width:65px; text-align:center;}
.member_area_table .listing_status {width:70px; text-align:center;}

#budget_tool_table th {
	padding-top:10px;
}

#budget_tool_table tr.sub_total td{
	border-top:1px solid #333333;
	font-weight:bold;
	font-size:110%;
}

#budget_tool_table tr.total td{
	border-top:1px solid #333333;
	border-bottom:3px double #333333;
	font-weight:bold;
	font-size:110%;
}

#sidebar {
width:240px;
float:right;
list-style-image:none;
list-style-type:none;
margin:0px;
}

#main_content {
	margin-right:250px;
/*	overflow:hidden; */
}

#sidebar ul, 
#suppliers_menu,
#add_to_shortlist_events_list, 
#event_menu ul
{
	margin:5px 0;
	padding:0;
}


#sidebar ul li, 
#suppliers_menu li, 
#add_to_shortlist_events_list li, 
#event_menu ul li{
	margin:0;
	padding:0;
	list-style:url(/cms_files/2/arrow.gif) inside;
}

ul.event_links {
	margin:5px 0 5px 20px !important;
}

#open_events_list>li.visible{
	list-style-image:url(/cms_files/4/arrow_down_large.gif);
}
p.action_buttons {
	text-align:right;
}

input[type=image] {
	margin-right:3px;
}

.form_field_prompt {
	display:block;
	font-size:90%;
}

ul.errors {
	margin:0;
	padding:0;
	font-weight:bold;
}

ul.errors li {
	list-style-type:none;
	margin:0;
	padding:0;
	color:#D01B69 !important;
}

/*----------------------------
general members area forms
-----------------------------*/
.required_indicator {
	color:#D01B69;
	font-weight:bold;
}
td {
	vertical-align:top;
}

.big_label {
width:95px;
float:left;
}

.form_table {
	width:100%;
}

.form_table td.label {
	width:160px;
}

.listing_price_table {
	border-collapse:collapse;
	width:100%;
	padding:0;
	margin:0;
}

.listing_price_table td{
	padding:0;
	margin:0;
}

.listing_price_table td.currency {
	width:100px;
	text-align:right;
	padding:2px 5px;
}

.listing_price_table tr.sub_total td.currency{
	border-top:1px solid #000000;
}

.listing_price_table tr.total td.currency{
	border-top:1px solid #000000;
	border-bottom:3px double #000000;
}

/*---------------------------------- 
contacts specific  
------------------------------*/

.address_book_button {
margin-right:4px;
}

/*---------------------------------- 
events specific
------------------------------*/

#member_action *{
vertical-align:top;
margin-left:8px;
}

#member_action label {
position:relative;
top:3px;
}

.event_list {
list-style-image:none;
list-style-type:none;
font-weight:bold; 
margin-left:0px;
padding-left:0px;
}



.event_item {
margin-bottom:27px;
}

.event_list ul {
font-weight:normal;
margin-left:21px;
padding-left:0px;
}


#budget_add_button{
margin-bottom:-12px;
}

.supplier_shortlist_action{
width:50px;
}

#tables_guests .subheader td{
	background:#FF6699;
	font-weight:bold;
	color:#000000;
	padding:2px 3px;
}

#tables_guests .subheader td a{
	color:#000000;
}


/*---------------------
Date Picker 
--------------------*/


table.jCalendar {
	border: 1px solid #000;
	background: #aaa;
    border-collapse: separate;
    border-spacing: 2px;
}
table.jCalendar th {
	background: #8D0064;
	color: #fff;
	font-weight: bold;
	padding: 3px 5px;
}
table.jCalendar td {
	background: #CB167F;
	color: #000;
	padding: 3px 5px;
	text-align: center;
}
table.jCalendar td.other-month {
	background-color:#FFB9DC;
	color: #aaa;
}
table.jCalendar td.today {
	background: #666;
	color: #fff;
}
table.jCalendar td.selected {
	background: #CECEC3;
	color: #fff;
}
table.jCalendar td.selected:hover {
	background: white;
	color: #fff;
}
table.jCalendar td:hover, table.jCalendar td.dp-hover {
	background: #fff;
	color: #000;
}
table.jCalendar td.disabled, table.jCalendar td.disabled:hover {
	background: #B90472;
	color: #888;
}

/* For the popup */

/* NOTE - you will probably want to style a.dp-choose-date - see how I did it in demo.css */

div.dp-popup {
	position: relative;
	background: #CB167F;
	font-size: 10px;
	font-family: arial, sans-serif;
	padding: 2px;
	width: 171px;
	line-height: 1.2em;
	width:184px;
	margin-top:16px;
}

.dp-choose-date {
margin-left:4px;
position:relative;
top:6px;
}

div.dp-popup h2{
color:#fff;
}

div#dp-popup {
	position: absolute;
	z-index: 199;
}
div.dp-popup h2 {
	font-size: 12px;
	text-align: center;
	margin: 2px 0;
	padding: 0;
}
a#dp-close {
	font-size: 11px;
	padding: 4px 0;
	text-align: center;
	display: block;
}
a#dp-close:hover {
	text-decoration: underline;
}
div.dp-popup a {
	color: #000;
	text-decoration: none;
	padding: 3px 2px 0;
}
div.dp-popup div.dp-nav-prev {
	position: absolute;
	top: 2px;
	left: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-prev a {
	float: left;
}
/* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */
div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a {
	cursor: pointer;
}
div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled {
	cursor: default;
}
div.dp-popup div.dp-nav-next {
	position: absolute;
	top: 2px;
	right: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-next a {
	float: right;
}
div.dp-popup a.disabled {
	cursor: default;
	color: #aaa;
}
div.dp-popup td {
	cursor: pointer;
}
div.dp-popup td.disabled {
	cursor: default;
}

/*The following is for supplier search results, added april 2008 rjth*/
div.premium_search_wrapper
{
	clear:both;
	height:20px;
	width:760px;
	/*border:1px solid #00ff00;*/
}

div.premium_search_results_image
{
	float:left;
	width:240px;

	/*border:1px solid #ff0000;*/
}

div.premium_search_results_text
{
	float:left;
	margin-left:20px;
	width:490px;
	/*border:1px solid #0000ff;*/
}

/*Search form. needed for IE alignment*/
#search
{
	margin:0px;
	padding:0px
}

/*Basic listing table for the results screen */

.basic_listing_results_cell
{
	width: 240px;
}


/**
 * Premium suppliers page
 */

 .premium_suppliers
 {
 	width:760px;
	margin-bottom:20px;
	clear:both;
 }
 
 .premium_left
 {
	clear:left;
	margin-right:10px
 }
 
 .premium_middle
 {
	margin:0 10px 0 10px;
 }
 
 .premium_right
 {
	margin-left:10px;
}

.premium_all
{
	float:left;
	width:238px;
	margin-bottom:10px;
}

/***********************************
 * FLOAT CLEARING				   *
 ***********************************/
/* float clearing for IE6 */
* html .clearfix{
  height: 1%;
  overflow: visible;
}

/* float clearing for IE7 */
*+html .clearfix{
  min-height: 1%;
}

/* float clearing for everyone else */
.clearfix:after{
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}