/*
**
**	  Swans (North East) CSS File
**  - There's far too many classes copied and renamed when they should all be of a consistant name
**
*/

/*
**
**  General
**
*/

html,
body
{
	margin:0;
	padding:0;
	height:100%;
	background: #ffffff;
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 8pt;
	color: #4d4d4d;
}

div#container
{
	position:relative;
	width:100%;
	height:auto !important;
	height:100%;
	min-height:100%;
	margin:0 auto;
}

/*
**
**  Global Styles
**
*/

a
{
	text-decoration: none;
	color: #3867aa;
}

a:hover
{
	text-decoration: none;
	color: #ff0000;
}

img
{
	border: none;
}

form
{
	margin: 0px;
}

p,
ul
{
	margin-top: 10px;
	margin-bottom: 10px;
	line-height: 16px;
}

ul.sub
{
	margin-top: 0px;
	margin-bottom: 6px;
}

div.title
{
	font-size: 12pt;
	width: inherit;
	color: #3867aa;
}

div.subtitle
{
	font-size: 11pt;
	width: inherit;
	color: #3867aa;
}

div.msg-ok
{
	width: 80%;
	min-height: 28px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 8px;
	margin-bottom: 8px;
	background-image: url('../images/logo_success.png');
	background-position: left center;
	background-repeat: no-repeat;
	background-color: #9ef7bc;
	border: solid 1px #499061;
	padding: 8px 4px 8px 4px;
	text-align: center;
}

div.msg-error
{
	width: 80%;
	min-height: 28px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 8px;
	margin-bottom: 8px;
	background-image: url('../images/logo_error.png');
	background-position: left center;	
	background-repeat: no-repeat;
	background-color: #f79e9e;
	border: solid 1px #904949;
	padding: 8px 4px 8px 4px;
	text-align: center;
}

span.blue { color: #3867aa; }
span.red { color: #ff0000; }
span.small { font-size: 7pt; }

/*
**
**  Buttons
**
*/

div.button
{
	width: 72px;
	height: 20px;
	background-image: url('../images/back_buttontext.png');
	line-height: 20px;
	text-align: center;
	font-size: 7pt;
}

/*
**
**  Global Elements
**
*/

div.quote
{
	width: inherit;
	height: 150px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.quote div.quoteimage
{
	width: 150px;
	height: 150px;
	float: left;
	border: solid 1px #3867aa;	
}

.quote div.quotetext
{
	width: 290px;
	height: 150px;
	float: left;
	margin-left: 20px;
	background-image: url('../images/back_quote.png');
	background-repeat: no-repeat;
}

.quotetext table.quote
{
	width: 270px;
	height: 150px;
	margin-left: 10px;
	margin-right: 10px;
	text-align: center;
	font-size: 8pt;
	font-style: italic;
	border-collapse: collapse;
}

/*
**
**  Elements
**
*/

div#header
{
	width: 100%;
	height: 145px;
	padding-top: 0px;
	background-image: url('../images/back_header.png');
	background-position: top;
	background-repeat: repeat-x;
}

div#header-content
{
	width: 100%;
	height: 145px;
	margin-left: auto;
	margin-right: auto;
}

#header-content div#swanslogo
{
	width: 108px;
	height: 30px;
	padding-top: 43px;
	margin-left: auto;
	margin-right: auto;
	background-image: url('../images/logo_swans.png');
	background-position: bottom;
	background-repeat: no-repeat;
}

#header-content div#swanstitle
{
	width: 156px;
	height: 60px;
	padding-top: 10px;
	margin-left: auto;
	margin-right: auto;
	background-image: url('../images/logo_swanstitle.png');
	background-position: bottom;
	background-repeat: no-repeat;
}

/*
**
**  Animation
**
*/

div#date
{
	width: 900px;
	height: 20px;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	text-align: right;
	color: #3867aa;
	font-size: 8pt;
}

div#animation
{
	width: 900px;
	height: 250px;
	margin-left: auto;
	margin-right: auto;	
	border: solid 0px #3867aa;
}

/*
**
**  Main Content
**
*/

div#content 
{
	width: 900px;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
}

/*
**
**  Body
**
*/

#content div#leftcolumn,
#content div#rightcolumn
{
	width: 194px;
	height: auto;
	float: left;
}

#content div#body
{
	width: 482px;
	height: auto;
	min-height: 100px;
	float: left;
	margin-left: 15px;
	margin-right: 15px;
	text-align: justify;
}

/*
**
**  Menus
**
*/

div.menubox
{
	width: 194px;
	margin-bottom: 10px;
	background-color: #d9e4eb;
}

.menubox div.menutitle
{
	width: inherit;
	height: 28px;
	font-size: 10pt;
	color: #ffffff;
	line-height: 28px;
	text-align: center;
	background-image: url('../images/back_menutitle.png');
	background-repeat: repeat-x;
}

.menubox div.container
{
	width: 174px;
	padding: 10px;
	color: #3867aa;
}

.menubox div.menuitem
{
	width: 180px;
	height: 16px;
	font-size: 8pt;
	color: #3867aa;
	line-height: 16px;
}

.submenu div.subitem
{
	width: 170px;
	height: 13px;
	margin-left: 10px;
	font-size: 8pt;
}

div.subsubmenu
{
	margin-top: 4px;
}

.subsubmenu div.subsubitem
{
	width: 165px;
	margin-left: 15px;
	font-size: 7pt;
	line-height: normal;
}

.menubox div.menufooter
{
	width: inherit;
	height: 5px;
	background-image: url('../images/back_menufooter.png');
	background-repeat: repeat-x;
}

/*
**
**  Member Login
**
*/

div#loginform
{
	width: 174px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
}

input.memberlogin
{
	width: 168px;
	padding: 2px;
	font-size: 8pt;
	color: #9c9e9f;
	margin-bottom: 4px;
	border: solid 1px #3867aa;
}

div.smalltext
{
	font-size: 7pt;
	color: #4d4d4d;
}

input.checkbox
{
	width: 16px;
}

/*
**
**  News Menu
**
*/

div.newssummary
{
	width: inherit;
	height: 32px;
	color: #4d4d4d;
	margin-bottom: 8px;
	overflow: hidden;
}

div#subscribe
{
	width: inherit;
	height: 16px;
}

#subscribe div#rsslogo
{
	width: 16px;
	height: inherit;
	float: left;
}

#subscribe div#rsstext
{
	width: 150px;
	height: inherit;
	float: right;
	font-size: 7pt;
	line-height: 16px;
}

/*
**
**  Events
**
*/

div.eventlist
{
	width: inherit;
	height: 48px;
	margin-bottom: 8px;
}

.eventlist div.eventheader
{
	width: 50px;
	height: 16px;
	float: left;
	color: #4d4d4d;
}

.eventlist div.eventinfo
{
	width: 120px;
	height: 16px;
	float: right;
	overflow: hidden;
}

div.event
{
	width: 482px;
	height: auto;
	margin-bottom: 20px;
	clear: both;
}

.event div.event-titles 
{
	width: inherit;
	height: 28px;
	font-size: 8pt;
	margin-bottom: 10px;
	color: #ffffff;
	background-image: url('../images/back_menutitle.png');
	background-repeat: repeat-x;	
}

.event-titles div.event-name { width: 230px; height: inherit; margin-left: 5px; text-align: left; float : left; line-height: 28px; }
.event-titles div.event-date { width: 230px; height: inherit; margin-right: 5px;  text-align: right; float: right; line-height: 28px; }

.event div.event-details {width: inherit; min-height: 150px; }
.event-details div.event-text {width: 344px;  float: left; text-align: left; }
.event-details div.event-image { width: 128px; height: 128px; float: right; }

.event div.event-footer {clear: both; width: inherit; height: 16px; padding-top: 10px; }

/*
**
**  Logos
**
*/

div#passionate
{
	width: 300px;
	height: 55px;
	margin-top: 25px;
	margin-left: auto;
}

/*
**
**  Adverts
**
*/

div.advert
{
	width: 194px;
	height: 194px;
	margin-bottom: 10px;
}

/*
**
**  About The Network
**
*/

div.aboutnetwork
{
	background-color: #ffffff;	
}

.aboutnetwork div.next
{
	width: inherit;
	height: auto;
	text-align: right;
	color: #3867aa;
}

/*
**
**  Meet The Team
**
*/

div.teammember
{
	width: inherit;
	height: auto;
	padding-bottom: 10px;
}

.teammember div.membername
{
	font-size: 11pt;
	color: #3867aa;
}

.teammember div.memberbio
{
	clear: both;
	width: inherit;
	height: auto;
	padding-top: 10px;
}

.memberbio div.moreinfo
{
	width: inherit;
	height: 16px;
	line-height: 16px;
	text-align: right;
	font-size: 7pt;
	color: #3867aa;
}

/*
**
**  Frequently Asked Questions
**
*/

div#faqquestions
{
	width: inherit;
	height: 192px;
	margin-top: 10px;
	background-color: #ffffff;
}

#faqquestions div.question
{
	width: inherit;
	height: 16px;
}

#faqquestions div.number
{
	width: 25px;
	height: inherit;
	float: left;
	color: #3867aa;
}

#faqquestions div.text
{
	width: 450px;
	height: inherit;
	float: right;
	overflow: hidden;
}

div.text a:hover
{
	color: #3867aa;
}

div#faqnavigation
{
	width: inherit;
	height: 16px;
	margin-top: 10px;
}

#faqnavigation div#navleft
{
	width: 100px;
	height: inherit;
	float: left;
	color: #3867aa;
	text-align: left;
}

#faqnavigation div#navright
{
	width: 100px;
	height: inherit;
	float: right;
	color: #3867aa;
	text-align: right;	
}

div#faqanswers
{
	width: 480px;
	height: auto;
	margin-top: 10px;
	padding-top: 10px;
	border-top: solid 1px #3867aa;
	text-align: left;
	background-color: #ffffff;
}

/*
**
**  News
**
*/

div.newsitem
{
	width: inherit;
	height: auto;
	margin-top: 10px;
}

.newsitem div.newsinfo
{
	width: inherit;
	height: 18px;
}

.newsinfo div.newstitle
{
	width: 300px;
	height: inherit;
	float: left;
	font-size: 9pt;
	color: #3867aa;
}

.newsinfo div.newsdate
{
	width: 150px;
	height: inherit;
	float: right;
	font-size: 9pt;
	color: #3867aa;
	text-align: right;
}

.newsitem div.newssummary
{
	clear: both;
	width: inherit;
	height: 60px;
	margin-top: 2px;
	margin-bottom: 2px;
	overflow: hidden;
}

.newsitem div.newsmore
{
	width: inherit;
	font-family: Arial, Sans-Serif;
	text-align: right;
	color: #3867aa;
	font-size: 7pt;
}

div#articleheader
{
	width: inherit;
	height: 18px;
	margin-top: 10px;
}

#articleheader div#articletitle
{
	width: 350px;
	height: inherit;
	color: #3867aa;
	font-size: 9pt;
	line-height: 18px;
	overflow: hidden;
	float: left;
}

#articleheader div#articledate
{
	width: auto;
	height: inherit;
	line-height: 18px;
	font-size: 9pt;
	color: #3867aa;
	float: right;
	text-align: right;
}

div#article
{
	width: inherit;
	height: auto;
	margin-top: 10px;
}

#article div#articleimage
{
	float: right;
	width: 220px;
	height: 320px;
	margin-left: 10px;
	border: solid 1px #3867aa;
}

div#articlelink
{
	clear: both;
	width: inherit;
	height: 16px;
	padding-top: 10px;
}

/*
**
**  Members Area
**
*/

div#tab-container
{
	width: 100%;
	height: 53px;
	
	background-position: bottom;
	background-repeat: repeat-x;
	background-image: url('../images/back_menubar.png');
}

#tab-container div.tab
{
	width: 100px;
	height: 26px;
	
	float: left;
	margin-left: 4px;
	padding-top: 1px;
	
	font-size: 8pt;
	line-height: 26px;
	text-align: center;
	color: #ffffff;
	
	background-position: bottom;
	background-repeat: no-repeat;	
}

table.memberdetails
{
	width: 480px;
	margin-top: 10px;
}

.memberdetails td.title
{
	width: 180px;
	color: #3867aa;
}

.memberdetails td.info
{
	width: 300px;
	text-align: left;
}

.memberdetails td.info input,
.memberdetails td.info textarea
{
	font-family: Arial, Helvetica, Sans-Serif;
	width: 290px;
	border: solid 1px #3867aa;
	background-color: #ffffff;
	padding: 2px;
	font-size: 7pt;
}

/*
**
**  Archive Months
**
*/

div#newsarchive
{
	width: inherit;
	height: auto;
	margin-top: 10px;
}

#newsarchive a
{
	color: #4d4d4d;
}

#newsarchive a:hover
{
	color: #ff0000;
}

#newsarchive div#livearchivemonths
{
	width: 320px;
	height: auto;
	float: left;
}

#livearchivemonths div.monthtitle,
#oldarchivemonths div.prevtitle
{
	width: inherit;
	height: 18px;
	margin-top: 10px;
	font-size: 9pt;
	color: #3867aa;
	line-height: 18px;
}

#livearchivemonths div.archivetitle,
#oldarchivemonths div.preventries
{
	width: inherit;
	height: 16px;
	font-size: 8pt;
	margin-bottom: 2px;
	line-height: 16px;
}

#newsarchive div#oldarchivemonths
{
	width: 150px;
	height: auto;
	float: right;
	text-align: right;
}

/*
**
**  Contact Us
**
*/

div#contactform
{
	width: inherit;
	height: auto;
	margin-top: 10px;
}

#contactform div#formtitle
{
	width: inherit;
	height: 28px;
	font-size: 10pt;
	color: #ffffff;
	line-height: 28px;
	text-align: center;
	background-image: url('../images/back_menutitle.png');
	background-repeat: repeat-x;	
}

#contactform div#formcontent
{
	width: auto;
	height: auto;
	padding: 10px;
	background-color: #d9e4eb;
}

#formcontent table#contactdetails
{
	width: 400px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	border-collapse: collapse;
}

#contactdetails tr
{
	height: 25px;
}

#contactdetails td.title
{
	width: 120px;
	vertical-align: middle;
}

#contactdetails td.info
{
	width: 280px;
	height: inherit;
	color: #3867aa
}

#contactdetails input,
#contactdetails textarea
{
	font-family: Arial, Helvetica, Sans-Serif;
	width: 260px;
	border: solid 1px #3867aa;
	background-color: #ffffff;
	padding: 2px;
	font-size: 7pt;
}

/*
**
**  Partners
**
*/

div.partner
{
	width: inherit;
	height: 40px;
	background-color: transparent;
}

.partner div.logo
{
}

.partner dic.title
{
}

/*
**
**  Sign Up
**
*/

div.signupform
{
	width: inherit;
	height: auto;
	margin-top: 10px;
}

.signupform div.formtitle
{
	width: inherit;
	height: 28px;
	font-size: 10pt;
	color: #ffffff;
	line-height: 28px;
	text-align: center;
	background-image: url('../images/back_menutitle.png');
	background-repeat: repeat-x;	
}

.signupform div.formcontent
{
	width: auto;
	height: auto;
	padding: 10px;
	background-color: #d9e4eb;
}

.signupform div.buttons
{
	width: auto;
	height: 20px;
	margin-top: 10px;
}

.formcontent table.signupdetail
{
	width: 400px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	border-collapse: collapse;
}

.signupdetail tr
{
	height: 25px;
}

.signupdetail td.title
{
	width: 120px;
	vertical-align: middle;
	text-align: left;
}

.signupdetail td.info
{
	width: 280px;
	height: inherit;
	color: #3867aa
}

.signupdetail input,
.signupdetail textarea
{
	width: 260px;
	font-family: Arial, Sans-Serif;
	border: solid 1px #3867aa;
	background-color: #ffffff;
	padding: 2px;
	font-size: 8pt;
}

textarea.benefits
{
	width: 456px;
	font-family: Arial, Sans-Serif;
	border: solid 1px #3867aa;
	background-color: #ffffff;
	padding: 2px;
	font-size: 8pt;
}

.signupdetail select
{
	width: 100px;
	font-family: Arial, Sans-Serif;
	border: solid 1px #3867aa;
	background-color: #ffffff;
	padding: 1px;
	font-size: 8pt;
}

.signupdetail td.check
{
	width: 30px;
	vertical-align: middle;
}

td.check input.checkbox
{
	width: 10px;
}

.signupdetail td.checktext
{
	text-align: left;
	font-size: 7pt;
}

/*
**
**  Book Event
**
*/

div.bookform
{
	width: inherit;
	height: auto;
	margin-top: 10px;
}

.bookform div.formtitle
{
	width: inherit;
	height: 28px;
	font-size: 10pt;
	color: #ffffff;
	line-height: 28px;
	text-align: center;
	background-image: url('../images/back_menutitle.png');
	background-repeat: repeat-x;	
}

.bookform div.formcontent
{
	width: auto;
	height: auto;
	padding: 10px;
	background-color: #d9e4eb;
}

.bookform div.buttons
{
	width: auto;
	height: 20px;
	margin-top: 10px;
}

.formcontent table.eventdetail
{
	width: 400px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	border-collapse: collapse;
}

.eventdetail tr
{
	height: 25px;
}

.eventdetail td.title
{
	width: 120px;
	vertical-align: middle;
}

.eventdetail td.info
{
	width: 280px;
	height: inherit;
	color: #3867aa
}

.eventdetail td.no { width: 20px; }
.eventdetail td.name { width: 165px; }
.eventdetail td.email { width: 165px; }
.eventdetail td.non-member { width: 90px; text-align: center; }

td.non-name
	{
		width: 165px;
		font-size: 7pt;
		text-align: right;
	}

.eventdetail input.text
{
	width: 260px;
	font-family: Arial, Sans-Serif;
	border: solid 1px #3867aa;
	background-color: #ffffff;
	padding: 2px;
	font-size: 8pt;
}

.eventdetail textarea
{
	width: 400px;
	font-family: Arial, Sans-Serif;
	border: solid 1px #3867aa;
	background-color: #ffffff;
	padding: 2px;
	font-size: 8pt;
}

.eventdetail input.attendee
{
	width: 155px;
	font-family: Arial, Sans-Serif;
	border: solid 1px #3867aa;
	background-color: #ffffff;
	padding: 2px;
	font-size: 8pt;
}

/*
**
**  Members Directory
**
*/

div#directory-search
{
	width: inherit;
	height: auto;
	padding-bottom: 10px;
	background-color: #d9e4eb;
}

#directory-search div#search-title
{
	width: inherit;
	height: 28px;
	font-size: 10pt;
	color: #ffffff;
	line-height: 28px;
	text-align: center;
	background-image: url('../images/back_menutitle.png');
	background-repeat: repeat-x;		
}

#directory-search table#search-detail
{
	width: 400px;
	height: auto;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	border-collapse: collapse;
}

#search-detail tr
{
	height: 25px;
}

#search-detail td.title
{
	width: 120px;
	vertical-align: middle;
}

#search-detail td.info
{
	width: 280px;
	height: inherit;
	color: #3867aa
}

#search-detail input
{
	width: 260px;
	font-family: Arial, Sans-Serif;
	border: solid 1px #3867aa;
	background-color: #ffffff;
	padding: 2px;
	font-size: 8pt;
}

div#directory-list
{
	width: inherit;
	height: auto;
	padding-top: 10px;
}

#directory-list div#alpha
{
	width: inherit;
	height: 20px;
	font-size: 7pt;
	text-align: center;
	border-bottom: solid 1px #3867aa;
}

#directory-list div.directory-navigation
{
	font-size: 7pt;
	margin-top: 5px;
	text-align: right;	
}

div.subdirectory
{
	width: 300px;
	height: auto;
	padding-left: 10px;
}

/*
**
** Member Benefits
**
*/

table.member-benefits
{
	width: 100%;
	border-collapse: collapse;
}

.member-benefits tr.title
{
	font-size: 9pt;
	color: #ffffff;
	height: 28px;
	background-image: url('../images/back_menutitle.png');
	background-repeat: repeat-x;
}

.member-benefits tr.offer
{
	vertical-align: top;
	border-bottom: dotted 1px #3867aa;
}

.member-benefits td.contact { padding-left: 6px; width: 50%; }
.member-benefits td.offer { padding-left: 6px; width: 50%; }

table.benefits-navigation
{
	width: 100%;
	margin-top: 4px;
	border-collapse: collapse;
}

.benefits-navigation td.prev { width: 33%; text-align: left; }
.benefits-navigation td.next { width: 33%; text-align: right; }
.benefits-navigation td.page { width: 34%; text-align: center; }

/*
**
** Business Detail
**
*/

img#businessinfo
{
	margin-top: 10px;
	margin-bottom: 10px;
}

table.businessdetails
{
	width: 480px;
	margin-top: 10px;
}

.businessdetails td.title
{
	width: 180px;
	color: #3867aa;
}

.businessdetails td.info
{
	width: 300px;
	text-align: left;
}

/*
**
** Forgotten Password
**
*/

#forgotten input
{
	width: 260px;
	font-family: Arial, Sans-Serif;
	border: solid 1px #3867aa;
	background-color: #ffffff;
	padding: 2px;
	font-size: 8pt;
}


/*
**
** Page Footer
**
*/

div#pre-footer
{
	clear: both;
	height: 14px;
	padding-bottom: 87px;
}

div#footer
{
	position:absolute;
	width:100%;
	height:52px;
	bottom: 0;
	background-image: url('../images/back_footer.png');
	background-position: top center;
	background-repeat: repeat-x;
}

#footer div#footer-content
{
	width: auto;
	height: auto;
	color: #ffffff;
	font-family: Arial, Sans-Serif;
	font-size: 7pt;
	text-align: center;
	margin-top: 20px;
}

#footer-content a
{
	color: #ffffff;
	text-decoration: none;
}

#footer-content a:hover
{
	color: #ffffff;
	text-decoration: underline;
}

#footer-content a.welbeck:hover { text-decoration: underline; color: #eb008b; }