﻿
/* Standard Tags */

body, .userBody
{
	background: #fff;
	font-family: verdana;
	font-size: 12px;
	vertical-align: top;
	height: 100%;
	padding:0 0 0 0;
	margin:0 0 0 0;
	color:#666666;
	text-align:left;
}

h1, .userH1
{
	position: relative;
	text-align: left;
	font-size: 160%;
	color: Black;
	margin-bottom: 0.4em;
	margin-right: 0em;
}

h2, .userH2
{
	color: Black;
	font-size: 130%;
	margin-bottom: 0.8em;
	color:#666666;
}

h3, .userH3
{
	color: Black;
	font-size: 110%;
	color:#666666;
	margin:2px 0px 2px 0px;
	padding:0
}

textarea, .RichTextBox
{
	font-family: verdana;
	font-size: 1em;
	margin: 0em 0em 0em 0em;
	padding: 0em 0em 0em 0em;
}

/* get rid of the horrible boxes around image links */
a img, a:hover img, a:active img, a:visited img, a:link img
{
	border:none;
}

/* general page formating */
.Page
{
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

#pageContainer
{
	width: 100%;
	text-align: center;
	font-family: verdana;
}

#pageContent
{
	float: left;
	margin-top: 2em;
	margin-left: 2em;
	clear: none;
}

#pageContent p
{
	padding-bottom: 0.16em;
	margin-top: 0em;
	margin-bottom: 0.4em;
}

#pageContentHolder
{
	width:55%;
	border:solid 1px black;
}

#pageContentRight
{
	width:45%;
	border:solid 1px black;
}

.pageText
{
	float: left;
	clear: none;
	width: 41.5em;
	padding-right: 2em;
}

.LeftPane, .LeftPaneEdit
{
	position:absolute;
	top:12.5em;
	height:20em;
}

.MiddlePane, .MiddlePaneEdit
{
	position:relative;	
	float:left;
	min-width: 440px;
	width:50%;
	display:block;
	height:100%;
	font-size:96%;
	margin-top:2em;
}


.MiddlePane ul, .MiddlePaneEdit ul
{
	color:#3399cc;
}


.RightPane, .RightPaneEdit
{
	position:relative;	
	float:right;
	min-width:360px;
	width:45%;
	display:block;
	margin-top:2em;
}

 .RightPaneEdit
 {
	left:-60px;
 }

.RightPaneEdit
{
	padding: 0 0 0 2em;
}

.RightPaneEdit .LinkContainer
{
	overflow:hidden;
	padding:0em;
}

.LinkContainer
{
	max-width:300px;
}

.PaneImage, .PaneImageCaption, .PaneFrame, .PaneFrameCaption
{
	display:block;
	clear:both;
}

.PaneFrame
{
	width:100%;
	height:100%;
	min-height:400px;
	border:none;
	margin-left:10px;
}

.PaneImageCaption
{
	text-decoration:none;
	font-size:95%;
	color:#666666;
}

.LinkContainer a
{
	float:left;
	padding-right:5em;
}


.LinkContainerEdit
{
	position:relative;
	width:100%;
}

.imageLink, .imageLink:hover, .imageLink:active, .imageLink:visited, .imageLink:link
{
	text-decoration: none;
	border: none;
	margin-bottom: 0.25em;
}

.inputForm
{
	width: 35em;
	margin-left: 12.45em;
	height: 100%;
}

.ErrorMessage
{
	padding-bottom: 0.25em;
	color:Red;
}

#Footer
{
	position:relative;
	width:100%;
	min-width:1000px;
	display:block;
	clear:both;
}

#Footer img
{
	width:95%;
	padding-left:17px;
}

#FooterAddress
{
	float:left;
	width:20em;
	color: #515352;
	font-size:90%;
	padding-left:17px;
}

#FooterAddress h1
{
	font-size:100%;
	color:#0099cc;
}

#FooterAddress .Telecoms
{
	display:block;
}

#FooterAddress .TelecomsCaption
{
	color:#0099cc;
	font-weight:bold;
}
	

#FooterToolbar
{
	float:right;
	text-align: left;
	color: #515352;
	font-size: 90%;
	padding-right:2em;
}

#FooterToolbar a:active, #FooterToolbar a:visited, #FooterToolbar a:link
{
	text-decoration: none;
	border: none;
	margin-bottom: 0.25em;
	color: Black;
}

#FooterToolbar a:hover
{
	text-decoration: underline;
	border: none;
	margin-bottom: 0.25em;
	color: Black;
}

/* Masthead & menu */

.pageHeader
{
	padding: 0 0  2em 0;
	height: 120px;
	display:block;
	z-index:-1;
}


.pageHeader a, .pageHeader a:hover, .pageHeader a:active, .pageHeader a:visited, .pageHeader a:link
{
	text-decoration: none;
	border: none;
}


#leftPane
{
	position:relative;
	width: 230px;
	float:left;
	height: 100%!important; /* IE6 Hack */
	height:400px;
	padding-left:15px;
	min-height: 400px;
	overflow:visible;
}

#LogoContainer
{
	position:relative;
	width: 100%;
	min-width: 1024px;
	background-image: url(../Images/headerbackground.jpg);
	height: 124px;
	background-color: White;
	background-repeat: repeat-x;
}

.LogoLeft, .LogoLeft:hover, .LogoLeft:active, .LogoLeft:visited, .LogoLeft:link
{
	border: none;
	padding: 0em 0em 0em 0em;
	left: 0em;
	float: left;
}

.LogoRight
{
	padding: 11px 144px 0em 0em;
	float: right;
}

#TimeBar
{
	color: #adadad;
	font-weight: bold;
	font-size: 90%;
	margin-left:17px;
}

.BreadCrumbTrailContainer
{
	float:left;
	padding: 0;
	margin: 0;
	font-size:85%
}

.BreadCrumbTrailContainer ul
{
	padding-left: 0.5em;
	padding-top:0.25em;
	margin: 0;
	list-style: none;
}

.BreadCrumbTrailContainer ul li
{
	display:inline;
}

.SideMenuContainer
{
	margin-top:2em;
}

.SideMenuContainer ul
{
	color:#999999;
	list-style-type:square;
	font-weight:bold;
}

.SideMenuContainer ul li
{
	margin-bottom:0.25em;
}

.SideMenuContainer ul a
{
	color:#999999;
	font-weight:normal;
	text-decoration:none;
}

.SelectedSideMenuItem
{
	color:#0099cc;
}

.BreadCrumbTrailContainer ul, .BreadCrumbTrailContainer ul a
{
	color:#3399cc;
}

.BreadcrumbItem
{
	text-decoration: underline;
}

.LoginContainer
{
}

.DisplayLogin
{
	display:block;
	width:11em;
	text-align:left;
	color:#336600;
	background-image: url(../Images/login.gif);
	background-repeat:no-repeat;
	text-decoration:none;
}

.LoginBox
{
	display:none;
	position:relative;
	color: #336600;
	font-weight: bold;
	width: 90%;
	text-align: right;
	border:dotted 1px #336600;
	padding:5px 7px 0px 5px;
	margin:0;
	background-color:White;
	z-index:1000;
}

.LoginBox span, .LoginBox label
{
	width: 100%;
	text-align: left;
	display: block;
}

.LoginBox a, .LoginBox a:hover, .LoginBox a:active, .LoginBox a:visited, .LoginBox a:link
{
	text-decoration: underline;
	color: #336600;
	display: block;
	margin-bottom: 0.4em;
}

.LoginBox a:hover
{
	text-decoration: underline;
}


.LoginBox input
{
	border: solid 1px #336600;
	display: block;
	width: 100%;
	margin-top: 0.4em;
	margin-bottom: 0.4em;
	padding:0;
}

#LoginButtonContainer input
{
	width:auto;
	display:inline;
}

#LoginButtonContainer
{
	float:right;
	margin:0;
	padding:0;
}

#LoggedIn
{
	color: black;
	font-weight: bold;
	width: 100%;
	text-align: left;
}

#LoggedIn a, #LoggedIn a:hover, #LoggedIn a:active, #LoggedIn a:visited, #LoggedIn a:link, .LoginBox a:hover
{
	color: black;
	text-decoration: underline;
}

/*
#menu
{
	position:relative;
	color: black;
	font-size: 0.8em;
	font-weight: bold;
	font-size:103%;
	float:right;
	z-index:1;
	background-image: url(../Images/MenuBackground.png);
	width:52.5em;
	height:3.4em;
	background-repeat:no-repeat;
}

#menu ul li a, #menu ul li a:visited
{
	display: block;
	text-decoration: none;
	width: 130px;
	height: 20px;
	padding-left:0.5em;
	text-align: left;
	color: black;
	line-height: 1.67em;
	overflow: hidden;
}

#menu ul
{
	padding: 0;
	margin: 0;
	list-style: none;
}

#menu ul li
{
	float: left;
	position: relative;
	background:none;
	font-size:90%;

}

#menu ul li ul
{
	display: none;
	width:130px;
	margin-left:auto;
	margin-right:auto;
}

#menu ul li:hover ul
{
	display: block;
	position: absolute;
	top: 1.75em;
	left: 0;
	width: 130px;
	background: #efefee;
	filter: alpha (opacity=90);
	opacity: 0.90;
}

#menu ul li:hover ul li a:hover
{
	background: #6fc;
	color: black;
	opacity: 1;
	filter: alpha (opacity=100);
	width:130px;
	margin-left:auto;
	margin-right:auto;
}
*/

#menu
{
	position:relative;
	color: black;
	font-size: 0.8em;
	font-weight: bold;
	font-size:103%;
	float:right;
	z-index:1;
	background-image: url(../Images/MenuBackground.png);
	width:52.5em;
	height:3.4em;
	background-repeat:no-repeat;
}

#menu ul li a, #menu ul li a:visited
{
	display: block;
	text-decoration: none;
	width: 130px;
	height: 20px;
	padding-left:0.5em;
	text-align: left;
	color: black;
	line-height: 1.67em;
	overflow: hidden;
}

#menu ul
{
	padding: 0;
	margin: 0;
	list-style: none;
}

#menu ul li
{
	float: left;
	position: relative;
	background:none;
	font-size:90%;

}

#menu ul li ul
{
	display: none;
	width:130px;
	margin-left:auto;
	margin-right:auto;
}

#menu ul li:hover ul
{
	display: block;
	position: absolute;
	top: 1.75em;
	left: 0;
	width: 130px;
	background: #efefee;
	filter: alpha (opacity=90);
	opacity: 0.90;
}

#menu ul li:hover ul li a:hover
{
	background: #6fc;
	color: black;
	opacity: 1;
	filter: alpha (opacity=100);
	width:130px;
	margin-left:auto;
	margin-right:auto;
}



#menuHeaderAboutUs a, #menuHeaderAboutUs a:visited
{
	color: #3399cc!important;
	background:url(../Images/AboutMenuImage.gif) no-repeat right;
}

#subMenuAboutWCBN a, #subMenuAboutWCBN a:visited
{
	background:none;
}

#subMenuAboutWCBN a:hover
{
	color: #efefee!important;
	background: #3399cc!important;
}

#menuHeaderMembership a, #menuHeaderMembership a:visited
{
	color: #339403!important;
	background:url(../Images/MembershipMenuImage.gif) no-repeat right;
}

#subMenuMembership a, #subMenuMembership a:visited
{
	background:none;
}

#subMenuMembership a:hover
{
	color: #efefee!important;
	background: #339403!important;
}

#menuHeaderBusinessTools a, #menuHeaderBusinessTools a:visited
{
	color: #023364!important;
	background:url(../Images/BusinessToolsMenuImage.gif) no-repeat right;
}

#subMenuBusinessTools a, #subMenuBusinessTools a:visited
{
	background:none;
}

#subMenuBusinessTools a:hover
{
	color: #efefee!important;
	background: #023364!important;
}

#menuHeaderAdminTools a, #menuHeaderAdminTools a:visited
{
	color: #023364!important;
	background:url(../Images/AdminToolsMenuImage.gif) no-repeat right;
}

#subMenuAdminTools a, #subMenuAdminTools a:visited
{
	background:none;
}

#subMenuAdminTools a:hover
{
	color: #efefee!important;
	background: #023364!important;
}

#lbSaveError
{
	color: Red;
}


#searchControls
{
	position: relative;
	float: right;
	left: 0em;
	height: 3em;
	z-index: 1;
	display: none;
}

#searchControls img
{
	margin-top: 0.6em;
	cursor: hand;
	cursor: pointer;
}

.searchBox
{
	position: relative;
	font-size: 75%;
	top: -0.16em;
}

.menuStart, .menuEnd
{
	color: white;
	visibility: hidden;
}

.menuEditButtonPanel
{
	float: right;
	text-align: right;
	height: 1.6em;
	margin-bottom: 1.25em;
	margin-right: 2em;
	font-weight:normal;
}

.menuEditButtonPanel a
{
	margin-right:15px;
	color:Black;
	text-decoration:underline;
}

/* My Basket */

.ShoppingBasket
{
	border-collapse: collapse;
	clear: both;
	margin-top: 1.25em;
	margin-bottom: 0em;
}


.ShoppingBasket th
{
	border-bottom: solid 0.08em silver;
}


.ShoppingBasket td
{
	border-bottom: dotted 0.16em silver;
}

.BasketItem
{
	width: 16em;
}


.BasketAmount
{
	text-align: right;
	width: 8em;
}

.BasketRemove
{
	text-align: center;
}

.BasketQuantity
{
	text-align: center;
	width: 4em;
}

#BasketButtonPanel
{
	float: right;
	width: 100%;
	text-align: right;
	margin-bottom: 0.8em;
	margin-top: 0.4em;
}
#btnReturn
{
	float: left;
	margin-right: 35em;
}

/* My Details Page */

#cboCountry
{
	width: 18em;
}

#MemberDetailsTabBar
{
	margin-bottom:1.5em;
}

#MemberDetailsTabBar ul
{
	list-style:none;
	padding:0;
	margin:0;
	overflow:visible;
	height:20px;
	border-bottom:solid 3px #339403;
}

#MemberDetailsTabBar ul li
{
	margin:0;
	padding:0;
	display:inline;
}

#MemberDetailsTabBar ul li a
{
	text-decoration:none;
	display:inline-block;
	width:150px;
	padding-top:1px;
	padding-left:3px;
	padding-right:3px;
	padding-bottom:1px;
	margin:0;
	color:#339403;
	background-color:white;
	border-top:solid 1px #339403;
	border-left:solid 1px #339403;
	border-right:solid 1px #339403;
	height:15px;
}

#MemberDetailsTabBar ul li a:hover, #MemberDetailsTabBar ul li a.selected
{
	color:white;
	background-color:#339403;
	border:solid 1px #339403;
	padding-bottom:2px;
}

.MemberDetailsCaption
{
	display:block;
	width:25%;
	min-width:100px;
	vertical-align:top;
	margin-top:3px;
	padding-top:5px;
	float:left;
}

.MemberDetailsImage
{
	display:block;
	clear:right;
}

.MemberDetailsTextBox
{
	display:block;
	width:72%;
	float:left;
	margin-top:3px;
}

.DateControl
{
	display:block;
	float:left;
	width:72%;
}

.ButtonPanel
{
	margin-top: 1.25em;
	margin-bottom: 0.8em;
	text-align: right;
	width: 100%;
}

#MemberDetailsContainer
{
	display:block;
	height:400px;
	overflow:hidden;
}

.MemberDetailsPane
{
	display:block;
	height:399px;
}

#MembersSpotlight .mceEditor
{
	width:100%;
	height:300px;
	overflow:scroll;
}

/* Confirm Order Page */

#OrderAddresses
{
	width: 58em;
	height: 12.5em;
	margin-left: auto;
	margin-right: auto;
}

#OrderHomeAddress
{
	width: 27em;
	float: left;
	margin-left: 2em;
	margin-right: 1.25em;
}

#OrderHolidayAddress
{
	float: right;
	width: 27em;
}

#ConfirmOrderList
{
	margin-top: 1.25em;
}

.ConfirmLabel
{
	width: 12.5em;
	text-align: left;
	float: left;
}

.ConfirmBox
{
	width: 16em;
}

.ShoppingConfirmOrderList
{
	border-collapse: collapse;
	clear: both;
	margin-top: 2em;
	margin-bottom: 1.25em;
	border-top: solid 0.08em silver;
	margin-left: auto;
	margin-right: auto;
}


.ShoppingConfirmOrderList th
{
	border-bottom: solid 0.08em silver;
	padding-left: 0.4em;
	padding-right: 0.4em;
}


.ShoppingConfirmOrderList td
{
	border-bottom: dotted 0.16em silver;
	padding-left: 0.4em;
	padding-right: 0.4em;
}

#ConfirmOrderListButtons
{
	width: 100%;
	border: 0em;
	padding: 0em;
	text-align: right;
}

/* Edit Link List */

.LinkContainerEdit
{
	width: 100%;
	margin-top: 2em;
}

.EditLinks
{
	left: 0em;
	clear: both;
	margin-top: 1.25em;
	text-align: center;
	margin-left:0;
}

.EditLinks td
{
	padding-top: 0.8em;
	vertical-align: top;
	border-bottom: dotted 0.16em silver;
}

.ItemsGridHeader
{
	font-weight: bold;
	text-align: left;
}

.ListImageHeader
{
	padding-left: 1.5em;
	width: 6.6em;
}

.ListImageItem
{
	padding-top: 0em;
	width: 6.6em;
	vertical-align: top;
	text-align: center;
}

.ListDDLItem
{
	width: 10em;
	text-align: left;
	vertical-align: top;
}

.ListDDLItem span
{
	display:block;
	height:1em;
	white-space:nowrap;
	overflow:hidden;
	width:100%;
}

.ListTextItem
{
	vertical-align: top;
	width: 12.5em;
	text-align: left;
}

.ListLongTextItem
{
	vertical-align: top;
	width: 16em;
	text-align: left;
}

.ListLongTextItem textarea
{
	font-family: verdana;
	width: 16em;
	height: 7.5em;
	text-align: left;
}

.ListCcyItem
{
	width: 4em;
	text-align: left;
}

.ListCcyItem input
{
	width: 4em;
	text-align: left;
}

.ListURLTextBox
{
	position:relative;
	left:0;
	top:0;
	float:left;
	z-index:0;
	vertical-align: top;
	width: 12.5em;
	text-align: left;
}

.ListURLFileUpload
{
	position:relative;
	left:0;
	top:-20px;
	float:left;
	z-index:-10;
	vertical-align: top;
	text-align: left;
}

.ListEditTextItem, .ListEditDDLItem
{
	vertical-align: top;
	width: 5em;
	text-align: left;	
	overflow:hidden;
}

.ListEditItem
{
	padding: 0em 0em 0em 0em;
	width: 3.7em;
	text-align: right;
	vertical-align: top;
}

.ListEditItemImage, .ListEditItemImage:hover, .ListEditItemImage:active, .ListEditItemImage:visited, .ListEditItemImage:link
{
	vertical-align: middle;
	border: none;
	padding: 0em 0em 0em 0em;
}

.ListRemoveItem
{
	padding: 0em 0em 0em 0em;
	width: 1.6em;
	vertical-align: top;
	text-align: right;
}

.ListButtonItem
{
	width: 6em;
}

.ListRemoveItemImage, .ListRemoveItemImage:hover, .ListRemoveItemImage:active, .ListRemoveItemImage:visited, .ListRemoveItemImage:link
{
	border: none;
	padding: 0em 0em 0em 0em;
	vertical-align: top;
}

.AddButtonPanel
{
	width: 100%;
	padding-right: 1.25em;
	text-align: right;
}

#FilterSelection
{
	text-align: right;
	margin-bottom: 0.8em;
	width: 100%;
}
#divValidationError
{
	color: Red;
	margin-left: 3.7em;
}
#divValidationError ul
{
	margin-top: 0em;
	margin-bottom: 0em;
}

#divChangeImage
{
	width: 25em;
	position: absolute;
	padding: 0em 0em 0em 0em;
	border: #49b5d9 0.08em solid;
	overflow: hidden;
	text-align: center;
	z-index: 99;
	visibility: hidden;
	width: 0em;
	height: 0em;
	top: 12.5em;
	left: 21em;
	background: white;
}

.popupImageUpload
{
	z-index:1000000000;
	display:none;
	position: absolute;
	padding: 0.5em 0.5em 0.5em 0.5em;
	overflow: hidden;
	text-align: center;
	background: white;
	width:30em;
	height:14em;
}

.popupShadow
{
	background-color: Gray;
	filter: alpha (opacity=25);
	opacity: 0.25;
	top: 5%;
	left: 2%;
	position: absolute;
	z-index: 0;
	width:100%;
	height:100%;
}
.popupContent
{
	border: #49b5d9 0.08em solid;
	position:absolute;
	text-align:left;
	width:98.5%;
	height:97%;
	margin:0;
	padding:0.5em 0 0 0;
	background-color:White;
	z-index:1;
	top:0;
	left:0;
}
.popupContent p
{
	position:relative;
	padding: 0;
	margin:2%;
	text-align: left;
	width:98%;
}

.popupText
{
	margin-right:2%;
	width:60%;
}

.popupFB
{
	margin-right:2%;
	margin-left:2%;
	width:95%;
	display:block;
}
.popupLabel
{
	width:31%;
	margin-left:2%;
	overflow:hidden;
	display:inline-block;
}
.popupButtonPanel
{
	float: right;
	margin-right:2%;
	padding:0;
}


/* LoginBox Page */
#LoginError
{
	color: Red;
}

/* Control Panel */

#ControlPanelButtons
{
	margin-left: 4em;
}


/* Request Password */

#lbEmailError
{
	color: Red;
}

/* Thank You Page */
#ThankYouText
{
	width: 33em;
	margin-left: 16em;
}

/* Search Page */

#SearchCriteria
{
	margin-left: 5em;
	margin-bottom: 2em;
	margin-top: 2.5em;
}

#txtSearch
{
	width: 25em;
	margin: 0em 0em 0em 0em;
	padding: 0em 0em 0em 0em;
	height: 1.5em;
}

#btnSearch
{
	margin: 0em 0em 0em 0em;
	padding: 0em 0em 0em 0em;
	height: 1.8em;
}

.SearchHireItem
{
	float: left;
	width: 50em;
	height: 10em;
	border-bottom: dotted 0.16em silver;
	text-align: left;
	margin-left: 5em;
}

#lbNoResults
{
	display: block;
	margin-top: 1.25em;
	font-style: italic;
}


/* Pop-up Calendar */

#popupCalendar
{
	display: none;
	position: absolute;
	z-index: 1000;
	background-color: White;
	border: solid 0.08em #49b5d9;
	padding: 0em 0em 0em 0em;
	overflow: visible;
	height: 16em;
	width: 19em;
	text-align: center;
}
.popupCalendar
{
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: solid 0.08em silver;
	width: 100%;
}
.popupCalendarTitle
{
	background-color: #00aeef;
	border: none;
	font-weight: bold;
}
.popupCalendarOtherMonth
{
	visibility: hidden;
}
.popupCalendarCancel
{
	vertical-align: middle;
}
.popupCalendarSelectedDay
{
	background-color: #00aeef;
}

/* Order Details */
#OrderDetailsAddresses
{
	height: 18.6em;
}

#OrderDetailsCustomer
{
	width: 100%;
	margin-left: 2em;
	margin-right: 1.25em;
	margin-bottom: 1.25em;
}

/* Business Directory Page */

.businessToolsH1
{
	background-image:url(../Images/BusinessToolsHeading.png);
	background-repeat:no-repeat;
	display:block;
	max-width:870px;
	width:100%;
	height:44px;
	color:White;
	padding-top:8px;
	padding-left:10px;
	font-weight:normal;
}

#pageBusinessDirectory
{
	position:relative;
	width: 100%;
}

.Business
{
	width: 100%;
	display: block;
}

.Business
{
	padding: 0 0 10px 0;
	margin: 1em 0px 0px 0px;
	border-bottom: dotted 1px gray;
	max-width:880px;
}

.BusinessHeader
{
	margin-bottom: 0px;
}

.BusinessHeader h2
{
	margin: 0px;
	padding: 0px;
	color:#3399cc;
}

.BusinessLogo
{
	display: block;
	float:left;
	clear:right;
}

.BusinessDetails
{
	display:block;
	float:left;
	width:350px;
	margin-right:15px;
}

.BusinessAddress
{
	display:none;
}

.BusinessAddress span, .BusinessTelecomDetails span
{
	display: block;
}

.BusinessTelecoms a
{
	color:#666666;
	text-decoration:none;
}

.BusinessTelecoms span
{
	color:#3399cc;
	display:inline-block;
	width:1.75em;
}

.BusinessDescription
{
	position:relative;
	width:100%;
	max-width:400px;
	margin-bottom:5px;
}

.BusinessFooter
{
	clear: both;
}

.LinkContainer
{
	width:300px;
	background-color:#cee2e7;
	margin-left:2em;
	margin-right:2em;
	padding:1.5em;
	font-size:90%;
	min-height:25em;
}

.LinkContainer h3
{
	color:#3399cc;
	margin-bottom:2em;
}

.LinkItem
{
	display:block;
	width:300px;
	clear:both;
	margin-bottom:1em;
	padding-bottom:1em;
	border-bottom:dotted 1px white;
	min-height:2.5em;
}

.LinkItemAnchor
{
	max-width:175px;
	color:#666666;
	text-decoration:none;
}

.LinkItemTypeImage
{
	position:absolute;
	left:250px;
}

.SearchLine
{
	clear:both;
}

.SearchCaption
{
	width:100px;
	float:left;
}

.SearchText
{
	width:250px;
	float:left;
}

.SearchText input, .SearchTest select
{
	width:100%;
}

.SearchButton
{
	width:35px;
}

/* Information Library Page (inc. Edit) */

.pageInformationLibrary h2
{
	font-size:105%;
}

.InformationLibraryList
{
	margin-top:10px;
}

.LibraryItem, .LibraryItemEdit
{
	position:relative;
	max-width:500px;
	width:100%;
	margin-top:0px;
	margin-bottom:5px;
	border-bottom:dotted 1px gray;
}

.LibraryItemEdit
{
	height:200px;
}

.LibraryAbstract
{
	display:block;
	font-style:italic;
	max-width:400px;
}

.LibraryItemButtonPanel, .DocumentLinkPanel
{
	width:100%;
	text-align:right;
}

.LibraryItemButtonPanel
{
	margin-top:5px;
}

.LibraryNameEdit
{
	display:block;
	width:100%;
}

.LibraryNameEdit label, .LibraryCategoryEdit label, .LibraryAbstractEdit label, .DocumentTypeEdit label, .DocumentURLEdit label
{
	display:inline-block;
	width:120px;
	vertical-align:top;
}

.LibraryNameEdit input, .LibraryCategoryEdit select, .LibraryAbstractEdit textarea, .DocumentTypeEdit select, .DocumentURLEdit input, DocumentUploadEdit
{
	display:inline-block;
	width:265px;
	padding:0;
	margin-bottom:3px;
}
	
 .LibraryAbstractEdit textarea
 {
	height:50px;
 }

.DocumentUploadEdit input
{
	display:inline-block;
	width:100%;
	padding:0;
	margin-bottom:3px;
}



/* Member benefits Page */

#pageMemberBenefits
{
	width:100%;
}

#pageMemberBenefits h2
{
	display:block;
	width:100%;
	border-top:dotted 1px silver;
	padding-top:5px;
}

.MemberBenefit, .MemberBenefitEdit
{
	position:relative;
	margin-top:15px;
	margin-bottom:5px;
	padding-top:5px;
	width:100%;
	max-width:500px;
	overflow:hidden;
}

.MemberBenefit
{
}

.MemberBenefitEdit
{
}

.MemberBenefitButtonPanel, .MoreDetailsPanel
{
	width:100%;
	text-align:right;
}

.MemberBenefitButtonPanel
{
	margin-top:5px;
}

.MemberBenefitCaption
{
	display:inline-block;
	width:30%;
	min-width:100px;
	vertical-align:top;
	margin-top:3px;
	padding-top:4px;
}

.MemberBenefitTextBox
{
	display:inline-block;
	width:67%;
	clear:right;
	margin-top:3px;
}

#pageMemberBenefits textarea
{
	display:block;
	height:175px;
	width:100%;
	margin-bottom:13px;
	margin-top:2px;
	margin-left:5px;
	padding:0;
}

/* Traffic & Travel Page */
#RoadInformation
{
	width:45%;
	float:left;
	margin-right:1%;
}

.RSSMapLink
{
	width:100%;
	text-align:right;
	display:block;
}

.RSSMapLink a
{
	color:#023364;
	text-decoration:none;
}

.RSSItem
{
	padding-bottom:5px;
	border-bottom:dotted 1px #cee2e7;
	margin-bottom:5px;
}

#TrafficContactInformation
{
	width:40%;
	float:left;
	max-width:255px;
	background-color:#cee2e7;
	margin-left:2em;
	margin-right:2em;
	padding:1.5em;
	font-size:90%;
	min-height:25em;
	overflow:hidden;
}

#TrafficContactInformation a
{
	display:block;
	color:#666666;
	text-decoration:none;
}

#TrafficContactInformation p a
{
	display:inline;
}

#TrafficContactInformation table tr td
{
	padding-right:5px;
}

#TrafficContactInformation .EditLinksTitle, #TrafficContactInformation .EditLinksTitleEdit, #TrafficContactInformation .EditLinksURL, #TrafficContactInformation .EditLinksURLEdit, #TrafficContactInformation .EditLinksLinkType, #TrafficContactInformation .EditLinksLinkTypeEdit
{
	overflow:hidden;
	white-space:nowrap;
	display:block;
	margin:0;
}

#TrafficContactInformation .EditLinksTitle, #TrafficContactInformation .EditLinksURL, #TrafficContactInformation .EditLinksLinkType 
{
		border:solid 1px white;
}

#TrafficContactInformation .EditLinksTitleEdit, #TrafficContactInformation .EditLinksURLEdit, #TrafficContactInformation .EditLinksLinkTypeEdit

{
	border:solid 1px #0099cc;
}

#TrafficContactInformation .EditLinksTitle, #TrafficContactInformation .EditLinksTitleEdit
{
	width:150px;
	padding:2px 2px 2px 2px;
	height:18px;
}

#TrafficContactInformation .EditLinksURL, #TrafficContactInformation .EditLinksURLEdit
{
	width:200px;
	padding:2px 2px 2px 2px;
	height:18px;
}

#TrafficContactInformation .EditLinksLinkType, #TrafficContactInformation .EditLinksLinkTypeEdit
{
	width:100px;
	padding:0;
	height:24px;
}

#TrafficContactInformation .EditLinksEditButtons
{
	width:50px;
}

#TrafficContactInformation .EditLinksEditImage
{
	margin:0;
	padding:0;
	display:inline;
}

#TrafficContactInformation .EditLinksSaveImage
{
	margin:0;
	padding:0;
	display:inline;
}

#TrafficContactInformation .EditLinksCancelImage
{
	margin:0;
	padding:0;
	display:inline;
}

#TrafficContactInformation .EditLinksEditButtons a
{
	display:inline;
	width:15px;
}

/* Default (Front) Page */
.IntroText
{
	margin-top:20px;
}

.FPEditTextBlock input, .FPEditTextBlock textarea, .FPEditTextBlock select
{
	width:100%;
	display:block;
	margin-left:auto;
	margin-right:auto;
	padding:0;
}

.FPTextBlockBody
{
	height:50px;
}

.FPEditTextBlockButton
{
	float:right;
	width:50%;
	display:block;
	margin-left:auto;
	margin-right:auto;
}

.FPNewsEvents
{
	min-width:150px;
	width:25%;
	float:left;
}

.FPNewsPanel, .FPEventsPanel
{
	margin-bottom:5px;
	font-size:90%;
}

.FPNewsPanel h1, .FPEventsPanel h1
{
	background-color:#f67794;
	width:100%;
	display:block;
	padding:3px 10px 3px 10px;
	margin:0;
	color:White;
}

.FPNewsItem, .FPEventsItem
{
	background-color:#efefee;
	width:100%;
}

/*
.FPNewsItem
{
	padding:0px 10px 0px 10px;
	border-bottom:dotted 1px gray;
}
*/

.FPNewsItem, .FPEventsItem
{
	padding:5px 10px 5px 10px;
	border-bottom:dotted 1px gray;
}


.FPNewsItem h2
{
	font-size:105%;
	margin:0;
	padding:0;
}

.FPNewsDate, .FPEventDate
{
	color:#990000;
	font-weight:bold;
	margin-bottom:5px;
	margin-top:5px;
}

.FPNewsItem span, .FPEventsItem span
{
	display:block;
}

.FPNewsItem a, .FPEventsItem a
{
	display:block;
	width:100%;
	text-align:right;
	color:#990000;
	text-decoration:none;
	margin-top:5px;
	margin-bottom:5px;
}
/*
.FPEventDate
{
	width:65px;
	color:#990000;
	float:left;
	font-weight:bold;
	margin-right:5px;
}

.FPEventsItem a
{
	width:100%;
	text-align:right;
	color:#990000;
	text-decoration:none;
	margin-top:5px;
	margin-bottom:5px;
	font-weight:bold;
}

.FPEventDescription
{
	width:200px;
	float:left;
}

*/
.FPTextBlocks
{
	margin-left:25px;
	width:100%;
	height:125px;
	overflow:visible;
	font-size:90%;
}

.FPTextBlock, .FPEditTextBlock

{
	float:left;
	width:27%;
	height:100%;
	margin-right:3%;
	max-width:250px;
}

.FPTextBlockContent
{
	border-bottom:dotted 1px gray;	
	border-top:dotted 1px gray;	
	height:60%;
}

.FPTextBlockContent a
{
	text-decoration:none;
	font-weight:bold;
}

.FPTextBlockHeading, .FPTextBlockHeading a
{
	height:35%;
	overflow:hidden;
	margin:0;
	text-decoration:none;
}

.FPTextBlockImage
{
	float:right;
	height:75%;
}

.DefaultRightPanel
{
	float:left;
	padding-left:25px;
	width:60%;
	min-width:150px;
	padding-right:5px;
	overflow:hidden;
}


.FPBanner
{
	width:87%;
	height:295px;
	font-size:90%;
	overflow:hidden;
	margin-left:25px;
	margin-bottom:5px;
}

.FPBanner div, .FPBanner textarea, .FPBanner .mceEditor
{
	width:100%;
	height:100%;
}

.FPBanner .mceEditor
{
	overflow:scroll;
}

/* Image Selector */

.popupImagesContainer
{
	height:260px;
	overflow:scroll;
	width:350px;
	padding-left:10px;
	border:solid 1px gray;
	margin-left:auto;
	margin-right:auto;
	margin-top:15px;
}

.popupImageContainer
{
	float:left;
	margin-right:5px;
	margin-bottom:2px;
	margin-top:3px;
	height:75px;
	width:75px;
	text-align:center;
}

.popupFB
{
	width:255px;
	display:inline;
}

.popupImage
{
	cursor:pointer;
}

/* Tiny MCE Editor */
/* User Styles */
.ColouredText
{
	color:Blue;
}


/* Membership Benefits Page */

.membershipH1
{
	background-image:url(../Images/MemberHeading.png);
	background-repeat:no-repeat;
	display:block;
	max-width:870px;
	width:100%;
	height:44px;
	color:White;
	padding-top:8px;
	padding-left:10px;
	font-weight:normal;
}

.pageBenefits .MoreDetailsPanel a
{
	color:#666666;
	text-decoration:none;
}

.pageBenefits .MemberBenefitCompany
{
	margin-bottom:5px;
}

.pageBenefits .MemberBenefitCompany a
{
	display:inline-block;
	margin-right:25px;
	color:#666666;
}

.MemberBenefitFullDetails, .MemberBenefitFullDetails p
{
	margin:0;
	padding:0;
}

/* News & Events Pages */
.pageEvents H1, .pageNews H1
{
	background-image:url(../Images/NewsEventsHeading.png);
	background-repeat:no-repeat;
	display:block;
	width:100%;
	height:30px;
	color:White;
	padding-top:8px;
	padding-left:10px;
	font-weight:normal;
}

.DiaryEventsPastCheckbox
{
	display:none;
}

#NewsPanel, #DiaryPanel
{
	position:relative;
	float:left;
	width:80%;
	max-width:1000px;
	margin-right:2%;
	min-width:17em;
	overflow:hidden;
}

.DiaryEvent, .NewsStory, .DiaryEventFirst, .NewsStoryFirst
{
	padding-bottom:15px;
	padding-top:5px;
	display:block;
}

.DiaryEvent, .NewsStory
{
	border-top:dotted 2px #990000;
}

.NewsEventsCaption
{
	display:inline-block;
	width:25%;
	min-width:100px;
	vertical-align:top;
	margin-top:3px;
}

.NewsStoryText
{
	padding-bottom:15px;
}

.NewsEventsTextBox
{
	display:inline-block;
	width:72%;
	clear:right;
	margin-top:3px;
}

#DiaryPanel textarea
{
	display:block;
	height:175px;
	margin-bottom:13px;
	padding:0;
}

.NewsEventsButtonPanel
{
	text-align:right;
	margin-top:3px;
}

.NewsDate, .DiaryDate
{
	font-size:90%;
}

#NewsPanel h2, #DiaryPanel h2
{
	color:Black;
	padding:0;
	margin:2px 0 2px 0;
}

/* Edit Events Page */
.EditDiaryEvent, .EditNewsStory
{
	width:500px;
	height:300px;
	padding-top:5px;
}

#EditEventTitle, #EditNewsStoryTitle
{
	width:100%;
	font-size:large;
	font-weight:bold;
	text-align:center;
	margin: 0 0 5px 5px;
	border-bottom:solid 1px gray;
	padding-bottom:2px;
}


.EditEventLine, .EditEventButtonPanel, .EditNewsStoryLine, .EditNewsStoryButtonPanel
{
	width:100%;
	padding-top: 2px;
	padding-left:5px;
	margin-bottom:2px;
	clear:both;
}

.EditEventButtonPanel input, .EditNewsStoryButtonPanel input

{
	float:right;
	margin-left:5px;
}

.EditEventUpload, .EditNewsStoryUpload
{
	width:100%;
}

.EditEventDropDown, .EditNewsStoryDropDown

{
	width:200px;
	float:right;
	margin-right:205px;
	padding:0;
	margin-left:0;
}
	
.EditEventLine .EditEventCaption, .EditNewsStoryLine .EditNewsStoryCaption
{
	float:left;
	padding-top:3px;
}

.EditEventLine .EditEventTextBox, .EditNewsStoryLine .EditNewsStoryTextBox
{
	float:right;
	width:400px;
}

.EditEventLine .mceEditor, .EditNewsStoryLine .mceEditor
{
	display:block;
	height:150px;
	margin-bottom:13px;
	padding:0;
	clear:both;
}


/* Members Forum Page */

.pageMembersForum a
{
	color:#339403;
	text-decoration:none;
	float:right;
	margin-right:50px;
}

.pageMembersForum ul
{
	max-width:500px;
	width:90%;
}

/* Useful Links Page */

.LinkPageContainerEdit .EditLinks
{
	width:650px;
}

.LinkPageContainer 
{
	margin:0;
	padding:0;
}

.UsefulLinkItem
{
	display:block;
	width:300px;
	clear:both;
	margin-bottom:1em;
	padding-bottom:1em;
	border-bottom:dotted 1px white;
	min-height:2.5em;
	margin:0;
	padding:0;
}

.UsefulLinkItemAnchor
{
	max-width:175px;
	color:#666666;
	text-decoration:underline;
}

.UsefulLinkItemTypeImage
{
	position:absolute;
	left:250px;
}


/* Members Spotlight Page  */
.SpotlightPanel
{
	max-width:800px;
	min-width:200px;
}

/* Edit Links Control */

.EditLinks
{
	width:450px;
	text-align:left;
}

.EditLinksHeader{font-weight:bold;}
.EditLinksTitle{width:125px;}
.EditLinksURL{width:125px;}
.EditLinksLinkType{width:125px;}
.EditLinksEditButtons{width:15px;}

/* Email Members Page */

.EmailSubjectLine, .EmailBodyLine, .EmailButtonsLine
{
	width:100%;
	clear:both;
}

.EmailSubjectCaption
{
	float:left;
	width:75px;
}

.EmailSubjectText
{
	float:left;
	width:75px;
}

.EmailSubjectText input
{
	height:100%;
	width:400px;
}

.EmailBodyCaption
{
	margin-top:10px;
	width:100%;
}

.EmailBodyText
{
	width:100%;
}

.EmailBodyText textarea
{
	height:200px;
	width:100%;
	display:block;
	max-width:600px;
}

.EmailButtonsLine
{
	width:100%;
	text-align:right;
	margin-top:10px;
	max-width:600px;
}

.MembersListTable
{
	width:2000px;
	overflow:visible;
}