﻿/** tab theme **/

.ajax__tab_msngallery-theme .ajax__tab_header 
{
    background:url(../Graphics/sitewide/tab-line.png) repeat-x bottom;
    font-size:12px;
    display:block;
}
.ajax__tab_msngallery-theme .ajax__tab_header .ajax__tab_outer 
{
    border:solid 1px #D7DCE1;
    padding:1px 1px 0px 1px;
    border-bottom:solid 2px #A8D4D9;
    background-color:#edf2fb;
}
.ajax__tab_msngallery-theme .ajax__tab_header .ajax__tab_tab 
{
    padding:6px 10px 6px 10px;
    color:#444444;
    width:117px;
    display:block;
    text-align:center;    
}
.ajax__tab_msngallery-theme .ajax__tab_header .ajax__tab_tab img
{
    height:24px;
    width:24px;
}
.ajax__tab_msngallery-theme .ajax__tab_header .ajax__tab_tab div
{
    font-family:Verdana, Arial, Sans-Serif;
    font-weight:bold;
    white-space:nowrap;
    line-height:145%;
    font-size:92%;
}
.ajax__tab_msngallery-theme .ajax__tab_active .ajax__tab_outer 
{
    padding:0px 0px 0px 0px;
    border:solid 2px #A8D4D9;
    border-bottom-color:#ffffff;
    background-color:#ffffff;
}
.ajax__tab_msngallery-theme .ajax__tab_body 
{
    font-family:verdana,tahoma,helvetica;
    font-size:10pt;
    padding:8px;
    background-color:#ffffff;
    border:solid 2px #A8D4D9;
    border-top-width:0;
}

/** friendship tree **/

.tag
{
    background: url(../Graphics/sitewide/tag.png) no-repeat;
    width:250px;
    height:131px;
}
.tagopp
{
    background: url(../Graphics/sitewide/tagopp.png) no-repeat;
    width:250px;
    height:131px;
    text-align:right;
    margin-left:20px;
}
.tagbody
{
    padding-left:8px;
    padding-top:10px;
    color:White;
}
.tagbodyopp
{
    padding:10px 8px 0px 80px;
    color:White;
}
.tagAuthor
{
    padding-left:8px;
}
.tagAuthoropp
{
    padding-right:8px;
    padding-left:80px;
}

/** right column buttons **/

#joinbutton {margin:0px;padding:0px;}
#joinbutton a { display: block; background: url(../Graphics/sitewide/Join_off.png) no-repeat; width: 150px; height: 0px !important; height /**/:65px; padding: 65px 0 0 0; overflow: hidden; }
#joinbutton a:hover { background: url(../Graphics/sitewide/Join_on.png) no-repeat; width: 150px; height: 0px !important; height /**/:65px; padding: 65px 0 0 0; overflow: hidden; }
#shopbutton {margin:0px;padding:0px;}
#shopbutton a { display: block; background: url(../Graphics/sitewide/oddshop_off.png) no-repeat; width: 150px; height: 0px !important; height /**/:65px; padding: 65px 0 0 0; overflow: hidden; }
#friendbutton {margin:0px;padding:0px;}
#friendbutton a { display: block; background: url(../Graphics/sitewide/friend.png) no-repeat; width: 150px; height: 0px !important; height /**/:65px; padding: 65px 0 0 0; overflow: hidden; }

/* ====== */

img.nomargin
{
    margin:0px;
    padding:0px;
}

/* === CTF === */


table.CTF
{
    border-collapse:collapse;
    border: solid 1px black;
}

table.CTF th
{
    border: solid 1px black;
    border-collapse:collapse;
    background-color:Navy;
    color:White;
    font-family:Verdana,tahoma,arial, helvetica;
    font-size:8pt;
}

table.CTF td
{
    border: solid 1px black;
    border-collapse:collapse;
    background-color:#99CCFF;
    color:Black;
    font-family:Verdana,tahoma,arial, helvetica;
    font-size:8pt;
    text-align:center;
}



.viewbutton
{
    margin-top:-4px;
    }

.membamount
{
    padding-bottom:10px;
    padding-top:10px;
    border-top:solid 1px black;
    border-bottom:solid 1px black;
    line-height:150%;
    font-family:Arial,Tahoma,sans-serif;
    font-size:12pt;    
}

/* ==================== ODDFELLOWS SEEKING ACCOMMODATION ========== */

.OSASubHeading
{
    color:#999999;
    font-size:2.5em;
    letter-spacing:-2px;
    padding-bottom:15px;
    font-family:Arial,Tahoma,sans-serif;  
}


/* ====================     BREADCRUMB LINKS ====================   */


a.breadcrumblink, a.breadcrumblink:link, a.breadcrumblink:visited
{
    color:Blue;
    text-decoration:underline;
}

.breadcrumbnonlink
{  
    text-decoration:none;
}

div.breadcrumb
{
    background-color:#D9D9D9;
    width:100%;
    height:20px;
    margin-top:2px;
    font-family:Verdana, Tahoma,arial, helvetica;
    font-size:8pt;
    font-variant:small-caps;
}

div.callBackWrapper 
{
	font-size: 8pt;
}
/*==============================================================================*/

body 
{
	background-image: url(../Graphics/Layout/bg.png);
	background-color: #ffffff;
	background-repeat: repeat-x;
	font-family: Verdana, Tahoma, Arial, Helvetica, Sans-Serif;
	font-size: 9pt;
	line-height: 12pt;
}
h2, h3, h4, h5, h6 
{
    font-family: Verdana,Georgia,'Times New Roman',times,Serif;
}
h1 
{
	color: #004b8d;
	border-bottom:1px solid #D9D9D9;
    font-size:2.7em;
    font-weight:normal;
    line-height:1.2em;
    margin: 0px 0px 0px 0px;
    padding-top: 0px;
    font-family:verdana,Tahoma;
    letter-spacing:-3px;
}
h2
{
	line-height:1.2em;
	text-decoration:none;
	color:Black;
	font-variant:small-caps;
}
h2.SubHeading
{
    color:#999999;
    font-size:2.5em;
    letter-spacing:-2px;
    font-family:Arial,Tahoma,sans-serif;
    font-weight:normal;  
}

h3
{
	color: #004b8d;
	font-size: 1.3em;
}
h4{}
h5{}
h6{}
p, ul, ol, address, blockquote 
{
	font-family: Verdana, Tahoma, Arial, Helvetica, Sans-Serif;
	font-size: 8pt;
}
ul ul 
{
	font-size: 1em;
}
p
{
	padding: 0;
	text-align: left;
}
p.subheading 
{
	font-size: 10pt;
	font-weight: bold;
}
p.disclaimer 
{
	font-style: italic;
	font-weight: bold;
}
p.definitionTerm 
{
	color: #004b8d;
	font-size: 10pt;
}
a, a:link, a:visited
{
	padding: 2px;
	color: #336699;
	text-decoration: none;
}
a:hover 
{
	background-color: #336699;
	color: #ffffff;
	text-decoration: underline;
}
a.nohighlight, a.nohighlight:hover, a.nohighlight:active
{
    background-color:Transparent;
    text-decoration:none;
    color: #336699;
}
.ddlStyle
{
    border:solid 1px #336699;
    font-family:Verdana,Tahoma,Arial,Helvetica,Sans-Serif;
    font-size:9pt;
    height:23px;
}
.txtboxStyle
{
    border:solid 1px #336699;
    font-family:Verdana,Tahoma,Arial,Helvetica,Sans-Serif;
    font-size:9pt;
    height:20px;
}

a:active 
{
	color: Red;
	background-color: #000000;
}
a.downloadLink 
{
	background-color: Orange;
	color: #000000;
	padding: 5px;
	font-size: 1.1em;
	display: block;
	text-align: center;
	width: 90%;
	margin: 5px auto 5px auto;
}
a.cmdBtn, a.cmdBtn:link, a.cmdBtn:visited 
{
	padding: 5px 8px 5px 8px;
	display: inline-block;
	font-weight: bold;
	font-size: 12px;
	font-family: Arial, Helvetica, Sans-Serif;
	border: solid 1px #d3d3d3;
}
a.cmdBtn:hover 
{
	text-decoration: none;
	background-color: #eeeeee !important;
	color: #000000;
}
a.cmdBtn:active 
{
	color: Red;
	text-decoration: underline;
}
a.imgLink:hover 
{
	background-color: Transparent;
}
ul
{
	list-style-type: square;
}
ol 
{
}
address 
{
	font-style: normal;
	padding: 0px 1em 0px 1em;
}
hr 
{
	width: 90%;
	text-align: center;
	color: Silver;
}
.white 
{
	color: #ffffff;
}
img 
{
	padding: 5px;
	border: none;
}
.centretext, img.centretext
{
	display: block;
	margin: auto !important;
	text-align: center;
}
.textwrapleft 
{
	float: left;
}
.textwrapright 
{
	float: right;
}
.valMsg 
{
	display: block;
	color: Red;
	font-size: 10pt;
	background-color: #fcd942;
	font-weight: bold;
}
img.icon 
{
	padding: 2px;
}
table 
{
	font-family: Verdana, Tahoma, Arial, Helvetica, Sans-Serif;
	font-size: 1em;
}
table td 
{
	vertical-align: top;
}
.modalPnl 
{
	background-color: #eeeeee;
	border: solid 2px #d3d3d3;
	padding: 10px;
	max-width: 90%;
}
table.gridDefaultStyle 
{
	border: solid 1px #d3d3d3;
	font-size: 8pt;
	text-align: left;
	margin: auto;
}
table.gridDefaultStyle .gridAlternatingStyle 
{
	background-color: #eeeeff;
}
table.gridDefaultStyle .gridSelectedStyle 
{
	font-weight: bold;
}
table.gridDefaultStyle .gridHeaderStyle 
{
	background-color: #336699;
	color: #eeeeee;
	font-size: 9pt;
}
/*======================================================================
	CONTROL STYLES
======================================================================*/

div.calCon td 
{
	padding: 0px !important;
	font-size: smaller;
}
/*
	EVENT SEARCH
	========================
*/
div.refinePnl 
{
	width: 575px;
	margin: auto;
}
div.refinePnl h3 
{
	margin: 0px 5px 5px 5px;
	text-align: left;
	border-bottom: dashed 1px #d3d3d3;
	color: #336699;
}
div.refinePnl table.refineResults 
{
	margin: 0px auto 0px auto;
	border-collapse: collapse;
	width: 550px;
}
div.refinePnl table.refineResults tr.header td 
{
	font-weight: bold;
	font-size: 10pt !important;
}
div.refinePnl table.refineResults td 
{
	padding: 5px;
}
div.refinePnl table.refineResults td.byDate 
{
	border-right: dashed 1px #d3d3d3;
	padding-right: 10px;
	width: 200px;
}
div.refinePnl table.refineResults td.byType 
{
	border-left: dashed 1px #d3d3d3;
	padding-left: 10px;
	width: 350px;
}
div.refinePnl table.refineResults td.byType table /* CHECKBOX LIST LAYOUT */
{
	text-align: left;
	padding: 1px;
	width: 340px;
	font-size: 8pt !important;
}
div.refinePnl table.refineResults td.cmdBtns 
{
	text-align: center;
	border-top: dashed 1px #d3d3d3;
	padding-bottom: 0px;
}
div.eventMonth 
{
	border: solid 1px #d3d3d3;
	padding: 0px 0px 10px 0px;
	margin: 10px;
}
div.eventMonth div.eventList 
{
	padding: 5px 10px 0px 10px;
}
div.eventMonth div.eventList span.eventLink 
{
	display: inline-block;
	border: dashed 1px #d3d3d3;
	margin: 5px 5px 5px 5px;
	color: #000000;
	font-size: 10pt !important;
	background-color: #eeeeee;
}
div.eventMonth div.eventList span.eventLink a 
{
	padding: 2px;
	color: #000000;
}
div.eventMonth div.eventList span.eventLink a:hover 
{
	background-color: #fcd942;
	text-decoration: none;
}
div.eventMonth div.eventList span.eventLink a:active 
{
	color: #336699;
}
div.eventMonth div.eventList span.canxLbl 
{
	font-size: 8pt;
}
div.eventMonth div.eventList span.sepLbl 
{
	font-size: 2pt !important;
}
.changeMonth a
{
	display: inline-block;
	padding: 5px;
	margin: auto 10px auto 10px;
	font-size: 9pt !important;
	font-weight: bold;
	font-family: Arial, helvetica, Sans-Serif;
}
table.calendarFvw 
{
	font-size: 8pt !important;
}
table.calendarFvw h2,
div.eventMonth h2 
{
	padding: 5px;
	font-size: 16pt !important;
	font-weight: bold;
	background-color: #336699;
	color: #ffffff;
    font-family: Georgia,'Times New Roman',times,Serif;
    margin-top: 0px;
    margin-bottom: 0px;
}
table.calendarFvw table.eventsDays 
{
	border-collapse: collapse;
}
table.calendarFvw table.eventsDays h3, table.calendarFvw table.eventsDays h3 span
{
	margin: 5px;
	font-size: 12pt !important;
	font-weight: normal;
}
table.calendarFvw table.eventsDays td 
{
	padding: 5px 5px 0px 5px;
	border-bottom: solid 2px #d3d3d3;
	border-top: solid 2px #d3d3d3;
	background-color: #eeeeee;
	color: #000000 !important;
}
table.calendarFvw table.eventsDays td td
{
	background-color: Transparent;
}
table.calendarFvw table.eventsDays td.eventDayAlt 
{
	color: #2f4f4f;
	background-color: #ffffff;
}
table.calendarFvw table.eventsDays div.eventDay {}
table.calendarFvw table.eventsDays div.eventDay div.dayHead {}
table.calendarFvw table.eventsDays div.eventDay table.eventsList 
{
	width: 95%;
	margin: 10px auto 5px auto;
}
table.calendarFvw table.eventsDays div.eventDay table.eventsList td 
{
	padding: 0px 5px 10px 5px;
	border-bottom: none !important;
	border-top: none !important;
}
table.calendarFvw table.eventsDays div.eventDay table.eventsList div.eventName 
{
	line-height: 16pt !important;
}
table.calendarFvw table.eventsDays div.eventDay table.eventsList div.eventName span.infoDes 
{
	font-weight: bold;
	color: #000000;
}
table.calendarFvw table.eventsDays div.eventDay table.eventsList div.eventName span.eventName 
{
	font-family: Georgia, 'Times New Roman', Times, Serif;
	font-size: 11pt !important;
}
table.calendarFvw table.eventsDays div.eventDay table.eventsList span.infoDes 
{
	display: inline-block;
	width: 80px;
}
table.calendarFvw table.eventsDays div.eventDay table.eventsList a.lnkBtn 
{
	display: inline-block;
	padding: 5px;
}
table.calendarFvw table.eventsDays div.eventDay table.eventsList a.lnkBtn:hover 
{
	background-color: #fcd942;
	color: #000000;
}
div.eventDetails {}
div.eventDetails div.googlemapPnl 
{
	width: 350px;
	height: 350px;
	float: right;
	border-bottom: solid 2px #d3d3d3;
	border-left: solid 2px #d3d3d3;
	border-right: solid 2px #d3d3d3;
}
div.eventDetails div.detailPnl 
{
}
div.eventDetails div.detailPnl span.canxMsg 
{
	font-weight: bold;
}
div.eventDetails div.detailPnl span.canxMsg,
div.eventDetails div.detailPnl span.memMsg 
{
	display: block;
	font-weight: bold;
	padding: 5px;
	text-align: center;
}
div.eventDetails div.detailPnl table.detailsLayout 
{
	width: 100%;
	font-size: 8pt;
}
div.eventDetails div.detailPnl table.detailsLayout td 
{
	padding: 5px;
}



/*
	BRANCHFINDER
	========================
*/
table.layoutTbl 
{
	border-collapse: collapse;
}
table.layoutTbl a.mapLink:hover 
{
	background-color: Transparent;
}
table.layoutTbl td.mapCell 
{
	width: 70%;
	vertical-align: middle;
	text-align: center;
	border-right: solid 1px #d3d3d3;
	padding-right: 10px;
}
table.layoutTbl td.channelIsles 
{
	width: 30%;
	padding-left: 10px;
	vertical-align: middle;
}
table.layoutTbl td.jerseyCell 
{
	width: 25%;
	vertical-align: bottom;
	text-align: center;
	padding-bottom: 20px;
	border-bottom: solid 1px #d3d3d3;
}
table.layoutTbl td.guernseyCell 
{
	width: 25%;
	vertical-align: top;
	text-align: center;
	border-top: solid 1px #d3d3d3;
	padding-top: 20px;
}
table.layoutTbl td.jerseyCell span, table.layoutTbl td.guernseyCell span, table.layoutTbl td.channelIsles span 
{
    font-family: Georgia,'Times New Roman',times,Serif;
    font-weight: bold;
    font-size: 9pt;
    line-height: 14pt;
}
div.finderWrapper
{
}
div.finderWrapper table 
{
	font-size: 8pt;
}
div.finderWrapper h2, div.finderWrapper h3 
{
	margin: 5px 0px 2px 0px;
}
div.finderWrapper h2 
{
	border-bottom: solid 1px #d3d3d3;
	padding: 2px;
}
div.finderWrapper div.infoWrapper 
{
	border: none !important;
}
div.finderWrapper div.leftWrapper
{
	width: 165px;
	float: left;
	clear: left;
}
div.finderWrapper div.leftWrapper img 
{
	padding: 0;
	max-width: 160px;
}
img.ukMap 
{
	border: none !important;
	padding: none !important;
}
div.finderWrapper div.leftWrapper a.cmdBtn 
{
	margin-top: -1px;
	margin-right: -1px;
	display: block;
	text-align: center;
	border-right: none !important;
}
div.finderWrapper div.leftWrapper div.addressPnl 
{
	border-bottom: solid 2px #d3d3d3;
}
div.finderWrapper div.leftWrapper div
{
	padding: 20px 2px 10px 2px;
}
div.finderWrapper div.centreWrapper 
{
	margin-left: 166px;
	border-left: solid 2px #d3d3d3;
}
div.finderWrapper div.contactPnl 
{
	border-bottom: solid 2px #d3d3d3;
}
div.finderWrapper div.eventsPnl,
div.finderWrapper div.contactPnl
{
	padding: 5px;
}
div.gmapPnl 
{
	border-bottom: solid 2px #d3d3d3;
}
.branchMapFrame 
{
	width: 100%;
	height: 385px;
	padding: 0px;
}
div.finderWrapper table.contactInfoLayout 
{
	margin: 0px;
	padding: 0px;
	width: 100%;
	border-collapse: collapse;
}
div.finderWrapper table.contactInfoLayout td.left
{
	width: 50%;
	border-right: solid 1px #d3d3d3;
	padding-right: 5px;
}
div.finderWrapper table.contactInfoLayout td.right 
{
	border-left: solid 1px #d3d3d3;
	padding-left: 5px;
	width: 50%;
}
div.finderWrapper table.branchList 
{
}
div.finderWrapper table.branchList 
{
	color: #336699;
	font-weight: bold;
	font-size: 10pt;
	line-height: 14pt;
	display: block;
}
.branchname
{
    color: #336699;
	font-weight: bold;
	font-size: 10pt;
	line-height: 14pt;
	display: block;
}
.branchaddress
{
    font-size:8pt;
    color:Gray;
    text-decoration:none;
    font-weight:normal;
}
.underline_grey
{
    border-bottom: 1px solid #D9D9D9;
}

div.finderWrapper table.branchList td.branchDetails 
{
	padding: 5px;
}
table.branchEvents {}
table.branchEvents td
{
    width: 50%;
	padding: 3px 5px 3px 5px;
}
table.meetingPlacesLayout 
{
	width: 100%;
}
table.meetingPlacesLayout td 
{
	border-bottom: solid 1px #d3d3d3;
}
table.meetingPlacesLayout td a.lnkBtn 
{
	display: block;
	text-align: right;
}
table.meetingPlacesLayout td a.lnkBtn:hover 
{
	color: #000000;
	background-color: Transparent;
}

/*
	EVENT INFO
	========================
*/
div.cancelled Wrapper {}
div.eventInfoWrapper 
{
	font-size: 8pt;
}
div.eventInfoWrapper div.sideWrapper 
{
	width: 180px;
	float: right;
	border-left: dashed 1px #d3d3d3;
	padding: 5px;
}
div.eventInfoWrapper div.sideWrapper span.memOnly
{
	font-weight: bold;
	text-align: center;
	display: block;
}
div.eventInfoWrapper div.sideWrapper span.fieldName 
{
	font-weight: bold;
}
div.eventInfoWrapper div.sideWrapper div.typeWrapper 
{
	border-top: dashed 1px #d3d3d3;
	padding-top: 5px;
	padding-bottom: 5px;
}
div.eventInfoWrapper div.sideWrapper div.venueWrapper 
{
	border-top: dashed 1px #d3d3d3;
	border-bottom: dashed 1px #d3d3d3;
	padding-top: 5px;
}
div.eventInfoWrapper div.eventInfo 
{
	margin-right: 190px;
	border-right: dashed 1px #d3d3d3;
}
div.eventInfoWrapper div.eventInfo span.eventDate 
{
	display: block;
	text-align: center;
	padding: 5px;
	font-size: 11pt;
}
div.eventInfoWrapper div.eventInfo div.registerInterest 
{
	border-top: dashed 1px #d3d3d3;
}

div.eventInfoWrapper div.eventInfo div.registerInterest table.simpleForm 
{
	width: 380px;
}
div.eventInfoWrapper div.eventInfo div.registerInterest table.simpleForm td.fieldName 
{
	width: 120px;
}
div.eventInfoWrapper div.eventInfo div.registerInterest table.simpleForm td.fieldInput 
{
	width: 260px;
}
table.simpleForm td.fieldName 
{
	font-weight: bold;
}
table.simpleForm td.fieldInput input[type=text], table.simpleForm td textarea 
{
	width: 95%;
}
table.simpleForm td.cmdBtns 
{
	text-align: center;
}

/*
	SHOP
	========================
*/
table.itemList2Col
{
	width: 100%;
	margin: auto;
}
table.itemList2Col td 
{
	vertical-align: top;
}
/* Both Columns */
/* Full Item */
table.itemList2Col td 
{
	border-bottom: solid 1px #d3d3d3;
}
table.itemList2Col td select 
{
	vertical-align: top;
}
table.itemList2Col div.itemCon,
table.itemList2Col div.itemConAlt 
{
	padding: 5px;
}
/* Field Specific */
table.itemList2Col div.itemInfo .itemName 
{
	font-family: Georgia,'Times New Roman',times,Serif;
	font-size: 11pt;
	line-height: 12pt;
	font-weight: bold;
	color: #336699;
	display: block;
}
table.itemList2Col div.itemInfo .itemPrice 
{
	font-size: 10pt;
	font-weight: bold;
	display: block;
}
table.itemList2Col div.itemInfo .itemImg 
{
	padding: 0;
	margin: 0;
}
table.itemList2Col div.itemImage 
{
	width: 155px;
	height: 100%;
	text-align: center;
	padding-top: 5px;
}
/* Column 1 - Image on left, info on right */
table.itemList2Col div.itemCon div.itemInfo 
{
	clear: right;
}
table.itemList2Col div.itemCon div.itemImage 
{
	float: left;
}
/* Column 2 - image on right, info on left */
table.itemList2Col div.itemConAlt div.itemInfo 
{
	clear: left;
}
table.itemList2Col div.itemConAlt div.itemImage 
{
	float: right;
}
/* Basket */
div.shopBasket 
{
	width: 300px;
}
/*
	FAQS
	========================
*/
div.faqContainer {}
div.faqContainer td 
{
}
a.qBtn, a.qBtn:link, a.qBtn:visited 
{
	color: #000000;
	display: block;
}
a.qBtn:hover 
{
	text-decoration: none;
	background-color: #eeeeee;
}
a.qBtn:active 
{
	color: Red;
}
.faqQuestion 
{
	font-family: Georgia,'Times New Roman',times,Serif;
	font-size: 11pt;
	font-weight: bold;
	color: #336699;
	vertical-align: middle;
}
.faqAnswer 
{
}
div.faqContainer table.qList 
{
	font-family: Verdana, Tahoma, Arial, Helvetica, Sans-Serif;
	border-collapse: separate;
	font-size: 8pt;
}
div.faqContainer table.qList td 
{
	vertical-align: top;
}
/*
	LOGIN
	========================
*/
div.loginWrapper 
{
	font-size: 11px;
	margin: 10px 0px 10px 0px;
	line-height: 12pt;
}
div.loginWrapper span.loginFieldName 
{
}
div.loginWrapper input.loginTextBox {}
div.loginWrapper a.cmdBtn 
{
	float: right;
	margin-top: 5px;
}
div.loginWrapper span.loginLinks a 
{
	font-size: 8pt;
}

/*
	ODD LINKS
	=======================
*/
div.oddLinksWrapper 
{
	padding: 0;
	margin: 0;
}
table.olnkBtnLayout 
{
	width: 100%;
	margin: 0;
	padding: 0;
}
table.olnkBtnLayout td 
{
	width: 50%;
	text-align: center;
	border: solid 1px #fcd942;
}
table.olnkBtnLayout td a, table.olnkBtnLayout td a:link, table.olnkBtnLayout td a:visited 
{
	color: #000000;
}
table.olnkBtnLayout td a:hover 
{
	background-color: Transparent;
	text-decoration: none;
}
table.olnkBtnLayout td a:active 
{
	color: Red;
	text-decoration: underline;
}
table.olnkBtnLayout tr.lnkImage td 
{
}
table.olnkBtnLayout tr.lnkImage td img 
{
	padding: 0;
	margin: 0;
	border: none;
}
table.olnkBtnLayout tr.linkText td
{
	font-size: 10pt;
	line-height: 12pt;
	font-weight: bold;
	color: #000000;
}
table.olnkBtnLayout tr.linkText td:hover 
{
	background-color: #336699;
	color: #ffffff;
	border: solid 1px #eeeeee;
}
table.olnkBtnLayout tr.linkText td:hover a 
{
	color: #ffffff;
}
div.oddLinksWrapper ul.oddLinksList 
{
	list-style-type: none;
	padding: 0;
	margin: 10px 0px 10px 0px;
	font-size: 8pt;
	line-height: 10pt;
}
div.oddLinksWrapper ul.oddLinksList a 
{
	display: block;
}
div.sponsorLinksWrapper a:hover 
{
	background-color: Transparent;
}

/*
	JEWELS
	=======================
*/
table.jewelList 
{
	width: 100%;
}
table.jewelList td 
{
	width: 25%;
	text-align: center;
	vertical-align: top;
	padding: 15px 0px 15px 0px;
}
/* THUMBNAIL WRAPPER SET TO FIXED HEIGHT - NOT ALL IMAGES ARE SAME DIMENSIONS THOUGH */
table.jewelList div.thumbWrapper 
{
	width: 95px;
	height: 200px;
	margin: auto auto 10px auto;
	background-color: #ffffff;
}
table.jewelList img.jewelThumb 
{
	padding: 0px;
	margin: 0px;
	vertical-align: bottom;
}
table.jewelList a.jewelName, table.jewelList a.jewelName:link, table.jewelList a.jewelName:visited, table.jewelList a.jewelName:hover, table.jewelList a.jewelName:active
{
	font-size: 14px;
    font-family:Georgia,Times New Roman,times,Serif;
    text-decoration: none;
    color: Black;
}

table.jewelInfo 
{
	width: 95%;
}
table.jewelInfo td 
{
	vertical-align: top;
}
table.jewelInfo td img 
{
	padding: 0px;
	margin: 0px;
}
table.jewelInfo .jewelName 
{
	font-size: 14px;
	font-weight: bold;
    font-family: Georgia,Times New Roman,times,Serif;
    color: #004785;
    display: block;
}
table.jewelInfo .jewelDes 
{
	display: block;
	padding: 20px 5px 10px 5px;
	font-size: 8pt;
}
div.honoursBlock 
{
	font-size: 8pt;
}
table.honsLayout 
{
	width: 95%;
	margin: auto;
}
table.honsLayout td 
{
	vertical-align: middle;
}
table.honsLayout td.honYear 
{
	width: 40px;
	font-weight: bold;
}
table.honsLayout td.honName 
{
	font-size: 14px;
}
table.honsLayout td.honDist
{
	text-align: right;
}
table.honorsList 
{
	font-size: 8pt;
}
/*----*/
span.honName 
{
    font-family: Georgia,Times New Roman,times,Serif;
    font-size: 14px;
    font-weight: bold;
    color: #004785;
}

/*===============
	HOME PAGE
================*/
/*	Table	*/
table.homeLayout 
{
	background-color: #ffffff;
	font-family: Verdana, Tahoma, Arial, Helvetica, Sans-Serif;
	margin: 0px auto 0px auto;
}
td.welcomeMessage
{
    color:#ffffff;
    background-color:#336699;
    padding: 0px 5px 15px 5px; 
}
td.homeBox
{
    padding:0px;
    font-size: 8pt;
	line-height: 11pt;
	border-bottom: solid 10px #336699;
}
.homeBoxsub
{
    margin-left:5px;
}
table.homeLayout td table td 
{
    padding: 0px;
    margin: 0px;
}
table.homeLayout td.leftLinks
{
	background-color: #336699;
	width: 135px;
	padding: 0px 10px 0px 0px !important;
}
table.homeLayout tr.LatestNews td
{
	padding: 0px !important;
}
table.homeLayout tr.otherNews td
{
	border-bottom: solid 10px #336699;
}
table.homeLayout tr.otherNews table 
{
	margin: 0;
	padding: 0;
}
table.homeLayout tr.otherNews td td 
{
	border: none;
}
table.homeLayout tr.otherNews td.leftCol
{
	border-right: solid 2px #d3d3d3 !important;
}
table.homeLayout tr.otherNews td.rightCol
{
	border-left: solid 2px #d3d3d3 !important;
}
table.homeLayout tr.latestLinks td.forumThreads 
{
      border-bottom: solid 10px #336699;
}
table.homeLayout tr.latestLinks td.upcomingEvents 
{
}
table.homeLayout h2 
{
	margin: 0px 0px 5px 0px;
	text-align: center;
}

h3.events
{
    padding-top:10px;
}

/*	News */
table.newsLayout 
{
	width: 100%;
	font-size: 8pt;
}
table.newsLayout td 
{
	padding: 15px 5px 5px 5px;
}
table.newsLayout td.leftCol 
{
	border-right: solid 2px #d3d3d3;
}
table.newsLayout td.rightCol 
{
	border-left: solid 2px #d3d3d3;
}

.nwsHeadline 
{
	font-family: Arial;
	font-size: 9pt;
	line-height: 12pt;
	font-weight: bolder;
	color: #336699;
	display: block;
	border-bottom: solid 1px #d3d3d3;
}
table.homeLayout tr.latestNews img.nwsBanner 
{
	display: block;
	margin: 5px 0px 5px 0px;
	padding: 0px;
	text-align: center;
	border-bottom: solid 2px #d3d3d3 !important;
}
div.othNewsCon 
{
	clear: left;
}
div.othNewsCon div.othNewsImage 
{
	width: 100px;
	clear: none;
	float: right;
}
div.othNewsConAlt div.othNewsImage
{
	width: 100px;
	clear: none;
	float: left;
}
div.othNewsCon div.othNewsImage img,
div.othNewsConAlt div.othNewsImage img 
{
	margin: 0;
	padding: 0;
}
div.othNewsCon a.cmdBtn,
div.othNewsConAlt a.cmdBtn 
{
	margin: 10px auto auto auto;
	text-align: center;
	display: block;
	width: 60px;
}
div.othNewsCon span, table.homeLayout tr.otherNews div.othNewsConAlt span 
{
	display: inline;
}
div.othNewsCon span.nwsHeadline,
div.othNewsConAlt span.nwsHeadline
{
	border-bottom: none;
	font-size: 9pt;
	line-height: 11pt;
}
/*	Events	*/
table.upcEventsDays 
{
}
table.upcEventsDays td.leftCol 
{
	border-right: solid 2px #d3d3d3;
}
table.upcEventsDays td.rightCol 
{
	border-left: solid 2px #d3d3d3;
}
table.upcEventsDays h3 
{
	margin-top: 0px;
}
table.upcEventsDays table.eventsList hr
{
	width: 80%;
	color: #eeeeee;
	background-color: #eeeeee;
}
table.upcEventsDays table.eventsList div.eventName, table.branchEvents div.eventName
{
	font-size: 9pt;
	line-height: 14pt;
}
table.upcEventsDays table.eventsList td 
{
	padding: 3px 5px 3px 5px;
}

/*	Odd Links	*/
table.homeLayout a, table.homeLayout a:link, table.homeLayout a:visited
{
    padding:0px;
    margin:0px;
}
table.homeLayout td.leftLinks img.oddLink,
table.homeLayout td.leftLinks img
{
	display: block;
	height: 74px;
	width: 130px;
	padding: 0px;
	margin:0px 0px 10px 0px;
}

/*
	News Page
	-------------------------------------------
*/
.articlebox
{
   padding: 6px 20px 6px 6px;
   width:95%;
   font-family:Verdana,Arial;
   font-size:8pt;
}
.articletitle
{
   font-size: 12px;
   font-weight: bold;
   color: Black;
   text-decoration:underline;
}
.articleabstract
{
   padding-top:4px;
}
.NewsRowStyle
{
	border-bottom: solid 1px Black;
}
.NewsHeader
{
    line-height:1.2em;
    font-family:Georgia, Times New Roman, times, Serif;
    font-size:2em;
    font-weight:normal;
    margin: 0 0 0 0;
    color:Black;
    width:100%;
    border-bottom:1px solid #D9D9D9;  
}
.NewsDate
{
    color:#666666;
    font-size:1em;
    line-height:1.2em;
    margin:0;
    padding:0;
    font-family:Arial,helvetica,sans-serif;
}
.NewsBody
{
    font-family:Arial,helvetica,sans-serif;
    font-size:1em;
    line-height:1.3em;
}
.NewsBody img 
{
    margin: 10px 5px;
    max-width:100%;
}

/*======================================================================
	LAYOUT STYLES
======================================================================*/
div.wrapper 
{
	padding: 0px;
	margin: 0px;
	z-index: 0;
}
div#siteWrapper 
{
	width: 800px;
	margin: auto;
}
div#siteWrapper div#linksWrapper 
{
	text-align: right;
	color: #ffffff;
	margin-bottom: 10px;
	font-size: 8pt;
}
div#siteWrapper div#linksWrapper a, div#siteWrapper div#linksWrapper a:link, div#siteWrapper div#linksWrapper a:visited,
div#siteWrapper div#footerWrapper a, div#siteWrapper div#footerWrapper a:link, div#siteWrapper div#footerWrapper a:visited 
{
	color: #ffffff;
	padding: 2px;
}
div#siteWrapper div#linksWrapper a:hover,
div#siteWrapper div#footerWrapper a:hover 
{
	background-color: #fcd942;
	color: #000000;
	text-decoration: none;
}
div#siteWrapper div#linksWrapper a:active,
div#siteWrapper div#footerWrapper a:active 
{
	color: Red;
	text-decoration: underline;
}
div#siteWrapper div#linksWrapper div#searchWrapper 
{
	margin-top: 5px;
}
div#siteWrapper div#headerWrapper 
{
	background-image: url(../Graphics/Layout/header.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 190px;
}
div#rightPicWrapper 
{
	position: relative;
	top: 0px;
	float: right;
	z-index: 20;
	width: 136px;
	height: 189px;
	background-color: Transparent;
	border-bottom: solid 1px #336699;
	background-repeat: no-repeat;
	background-position: right top;
	background-image: url(../Graphics/Layout/rightUmbrella.png);
}
div#rightPicWrapper.picSunflower 
{
	background-image: url(../Graphics/Layout/rightSunflower.png);
}
div#rightPicWrapper.picBowling 
{
	background-image: url(../Graphics/Layout/rightBowling.png);
}
div#rightPicWrapper.picPics 
{
	background-image: url(../Graphics/Layout/rightPics.png);
}
div#rightPicWrapper.picUmbrella
{
	background-image: url(../Graphics/Layout/rightUmbrella.png);
}
div#rightPicWrapper.picWomen 
{
	background-image: url(../Graphics/Layout/rightWomen.png);
}
div#siteWrapper div#headerWrapper div#logoWrapper 
{
	margin: 0px 0px 0px 0px;
	height: 130px;
	text-align: right;
	padding-top: 20px;
	clear: left;
}
div#siteWrapper div#headerWrapper div#logoWrapper a:hover 
{
	background-color: Transparent;
}
div#siteWrapper div#headerWrapper div#logoWrapper img 
{
	padding-right: 30px;
}
div#siteWrapper div#headerWrapper div#menuWrapper 
{
	clear: left;
	border-top: solid 1px #fcd942;
	border-bottom: solid 1px #fcd942;
	background-color: #336699;
	height: 40px;
}
div#siteWrapper div#midWrapper 
{
	border-top: solid 1px #fcd942;
}
div#siteWrapper div#midWrapper div#rightWrapper 
{
	float: right;
	width: 160px;
	border-top: solid 1px #fcd942;
	padding: 1px 10px 1px 10px;
	background-color: #fcd942;
	min-height: 550px;
	background-image: url(../Graphics/Layout/rightColcorner.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	color: #336699;
}
div#siteWrapper div#midWrapper div#pageWrapper 
{
	background-color: #336699;
	margin-right: 180px;
	border-top: solid 1px #fcd942 !important;
	background-image: url(../Graphics/Layout/Corner50px.png);
	background-repeat: no-repeat;
	background-position: right top;
	padding-top: 2px;
	
}
div#siteWrapper div#midWrapper div#pageWrapper div#contentWrapper 
{
	min-height: 530px;
	background-image: url(../Graphics/Layout/pageTop.png);
	background-repeat: no-repeat;
	background-position: center top;
	height:100%;
	padding-top: 25px;
}
body.home div#siteWrapper div#midWrapper div#pageWrapper div#contentWrapper 
{
	background-image: none;
	padding: 0px;
	height:100%;
}
body.home div#siteWrapper div#midWrapper div#pageWrapper div#contentWrapper div.contentWrapper 
{
	background-image: none;
	background-color: Transparent;
	width: 602px;
	padding: 0px 5px 5px 0px;
	height:100%;
}
div#siteWrapper div#midWrapper div#pageWrapper div#contentWrapper div.contentWrapper 
{     
      background-color: #ffffff;
      padding: 0px 10px 90px 10px;
      width: 582px;
      margin: auto auto 20px auto;
      background-image: url(../Graphics/Layout/Strapline.jpg);
      background-repeat: no-repeat;
      background-position: right bottom;
      min-height: 500px;
      height:100%;
}
div#footerWrapper
{
    min-height: 45px;
	background-image: url(../Graphics/Layout/footer.png);
	background-repeat: no-repeat;
	background-position: bottom center;
	text-align: center;
	color: #ffffff;
	font-size: 8pt;
    clear:both;
    padding-top:5px;
}

div#siteWrapper div#midWrapper div#pageWrapper div#footerWrapper span.copyRight 
{
	font-size: 7pt;
	font-weight: 500;
}

.logoloc
{
    position:relative;
    left:30px;
    top:-15px;
}

/* =================================== holiday homes=================================== */

td.fieldname
{
    font-size:8pt;
    font-weight:bold;
    width:250px;
}

td.photofieldname
{
    font-size:8pt;
    font-weight:bold;
    width:100px;  
}


.fieldvalue
{
    font-size:8pt;
    width:320px;
    font-family:Arial;
    border:solid 1px #336699;
    font-family:Verdana,Tahoma,Arial,Helvetica,Sans-Serif;
    height:20px;
}

.fieldvaluesignup
{
    font-size:10pt;
    width:220px;
    font-family:Arial;
    border:solid 1px #336699;
    font-family:Verdana,Tahoma,Arial,Helvetica,Sans-Serif;
    height:18px;
}

.gridheaders
{
    font-family:Verdana, Arial, Tahoma;
    font-size:11px;
    font-weight:bold;
    border-bottom:solid 1px #004B8D;
    border-top:solid 1px #004B8D;
    line-height:25px;
    color:#004B8D;
    
}

.HHImage
{
    border:solid 1px #FCD942;
    margin:0px;
    padding:0px;
}

.editproptitle
{
    color:#004B8D;
    font-weight:bold;
    font-size:11px;
    font-family:Verdana, Arial, Tahoma;
}

.archivesubheading
{
    font-family:Arial, helvetica;
    font-size:small;
    font-weight:bold;
    color:White;
    background-color:#466BA2;
    line-height:180%;
    padding-left:20px;
    margin-bottom:2px;
    margin-top:15px;
    background-image:url(../Graphics/Sitewide/headercurve.gif);
    background-repeat:no-repeat;
}

.archivesubbox
{
    background-color:White;
    border:solid 1px #024179;
    padding:5px;
}

.HHInfo
{
    padding-top:10px;
}

.HHViewProperty
{
    font-family:Verdana,Arial;
    font-size:8pt;
    line-height:150%;
}

/* ============  house swaps ============================== */

.propholder
{
    background-image:url(../Graphics/Sitewide/propback.png);
    background-repeat:no-repeat;
    height:190px;
    width:100%;
    margin-left:10px;
}

.proptitle
{
    padding-left:20px;
    font-family:Verdana,Arial,helvetica;
    font-weight:bold;
    padding-top:30px;
}

.houseswapheader
{
    font-size:1.5em;
    font-weight:400;
}

.houseswapinfo
{
    font-size:1em;
    font-weight:200;
    padding-top:10px;
    color:#474747;
}

.valtext
{
    color:Red;
    font-family:Verdana,Arial,helvetica;
    font-size: 8pt;
}

/* ===================== oddwebforum ======================== */

.sectiontitle
{
   color:White; 
   padding:  6px 6px 6px 15px;
   margin-bottom:2px;
   background-color: #336699;
   font-size: 24px/20px;
   font-family:"Arial Narrow",Arial, Helvetica, Sans-Serif;
   text-transform:uppercase;
}
.sectiontitle a
{
    color:White;
}
.sectiontitletext
{
    padding-left:20px;
}
.sectiontitle a:hover
{
    background-color:Transparent;
}
.sectionsubtitle
{
   font-weight: bold;
   padding-bottom: 4px;
}
.ForumDescription
{
    font-size:9pt;
}
.ForumHeader
{
    color:Black;
    font-size:12pt;
}
a.CreateNewLink
{
    background-color:Transparent;
    margin:0px;
    padding-left:5px;
}
img.CreateNewLink
{
    padding:0px;
}
.CreateNewLink
{
    text-align:center;
    margin-left:auto;
    margin-right:auto;
    background-color:Transparent;
    
}
.CreateNewLink a
{
    font-size:11pt;
    color:black;
}

.CreateNewLink a:hover
{
    background-color:Transparent;
}


/* Forum Grid Styling */

.GridForum
{
    margin-left:auto;
    margin-right:auto;
}

.GridForumHeader
{
    text-align:center;
    background-color:#336699;
    font-weight:bolder;
    Color:White;
}

.GridForumHeader a
{
    text-decoration:none;
    color:White;
}

.GridForumRows 
{
    background-color:White;
    color:#336699;  
}

.GridCommentRows 
{
   background:#FAFAFA none repeat scroll 0 0;
    border-bottom:1px solid #D5D5D5;
    border-top:1px solid #D5D5D5;
    clear:both;
    margin-top:10px;
    overflow:hidden;
    padding:0 10px;  
}

.GridForumRows a
{
    font-size:9pt;
    font-weight:bold;
}

/* Forum Topics */



.ForumTopics
{
    margin-left:auto;
    margin-right:auto;
}

.posttitle
{
   padding: 3px;
   margin-bottom: 10px;
   background-color: #336699;
   color: white;
   font-weight: bold;
   font-size:10pt;
   min-height:25px;
   max-width:450px;
}

.postinfo
{
   background-color:white;
   font-weight: bold;
   text-align: center;
   font-size:10pt;
   vertical-align:top;
   
}

.postbody
{
   padding: 3px;
   font-size:10pt;
   max-width:440px;
   min-width:440px;
   min-height:150px;
   width:440px;
   overflow:auto;
}

.othNewsInfo
{
    padding: 5px;
}

/* terms and conditions */

div.tnctext p
{
    font-size:x-small;
}

div.tnctext h1
{
    font-size:medium;
}

div.tnctext h2
{
    font-size:smaller;
    border-bottom: solid 1px grey;
}

.legend table
{
    font-size:x-small;
    margin-left:auto;
    margin-right:auto;
}

/* ONLINE ARCHIVES */

.underline_red
{
    border-bottom: 1px dotted #FF5353;
}

a.archives
{
    color:#4C4C4C;
    font-family:georgia;
    font-size:15px;
    text-decoration:none;
    background-color:Transparent; 
}

a.archives:hover
{
    text-decoration:underline;
    background:none;  
}

.archiveleft
{
    font-weight:bold;
    font-size:10px;
    font-family:verdana;
    color:Black;
}

.archiveright
{
    font-size:10px;
    font-family:verdana;
    color:Black;   
}
.archivesubheading
{
    font-family:Arial, helvetica;
    font-size:small;
    font-weight:bold;
    color:White;
    background-color:#024179;
    line-height:180%;
    padding-left:10px;
    margin-bottom:2px;
    margin-top:15px;
}
.archivesubbox
{
    background-color:White;
    
    border:solid 1px #024179;
    padding:5px;
}
.archiveleftcol
{
    float:left;
    width:49%;
}
.archiverightcol
{
    float:right;
    width:49%;
}
.doccount
{
    background-color:Black;
    color:White;
    font-size:large;
    font-weight:bold;
    padding-left:5px;
    padding-right:5px;
    font-family:Courier New;
}

/* END OF ARCHIVES CSS */

table.gridDefaultStyle 
{
      border: solid 1px #d3d3d3;
      font-size: 8pt;
      text-align: left;
      margin: auto;
}
table.gridDefaultStyle .gridAlternatingStyle 
{
      background-color: #eeeeff;
}
table.gridDefaultStyle .gridSelectedStyle 
{
      font-weight: bold;
}
table.gridDefaultStyle .gridHeaderStyle 
{
      background-color: #336699;
      color: #eeeeee;
      font-size: 9pt;
}


/* Member Area */

a.membarea, h2.membarea
{
	text-decoration:none;
	color:Black;
	font-size:20px;
	font-weight:bolder;
	margin:0;
	padding:0;
	font-variant:small-caps;
	font-family:Georgia;
	line-height:1.2em;
}

a.membarea:hover
{
	text-decoration:underline;
	background-color:Transparent;
}

a.membarea:active
{
    background-color:Transparent;
}

p.benefitbody
{
	font-size:0.9em;
	border-bottom:solid 1px black;
	padding-bottom:10px;
	margin-bottom:0;
}
p.small
{
	font-size:11px;
}
span.plussign
{
	font-weight:800;
	font-size:25px;
	font-family:Arial Black;
}

/* ====================        MEMBER PROFILES       ================ */
div.profileInfoWrapper 
{
	font-size: 9pt;
}
div.profileInfoWrapper div.infoSideBar 
{
	width: 195px;
	clear: right;
	float: right;
	border-left: dashed 1px #d3d3d3;
	text-align: center;
	padding-left: 5px;
}
div.profileInfoWrapper div.infoSideBar img 
{
	display: block;
	padding: 0px;
	margin: 2px auto 2px auto;
}
div.profileInfoWrapper div.infoSideBar span.dateStamp 
{
	font-size: 7pt;
	display: block;
	text-align: right;
}
div.profileInfoWrapper div.mainColumn 
{
	margin-right: 200px;
	clear: left;
	border-right: dashed 1px #d3d3d3;
}
div.profileInfoWrapper div.mainColumn div.infoWrapper 
{
	padding-left: 5px;
	padding-top: 10px;
	font-size:8pt;
}
div.profileInfoWrapper div.mainColumn div.infoWrapper h2 
{
	margin-top: 0px;
}
div.profileInfoWrapper div.mainColumn div.basicsWrapper 
{
	width: 100px;
	float: left;
	clear: left;
	text-align: center;
	border-right: dashed 1px #d3d3d3;
	padding-top: 15px;
}
div.profileInfoWrapper div.mainColumn div.basicsWrapper span.lblOnline 
{
	display: block;
}
div.profileInfoWrapper div.mainColumn div.basicsWrapper span.lblOffline 
{
	display: block;
}
div.profileInfoWrapper div.mainColumn div.basicsWrapper span.basicsLbl 
{
	font-size: 8pt;
	line-height: 10pt;
}
div.profileInfoWrapper div.mainColumn div.basicsWrapper span.basicsLbl b,
div.profileInfoWrapper div.mainColumn div.basicsWrapper span.basicsNameLbl
{
	font-size: 7pt;
	font-weight: bold;
}
div.profileInfoWrapper div.profileButtons 
{
	clear: both;
	border-top: dashed 1px #d3d3d3;
	border-bottom: solid 1px #d3d3d3;
	padding: 5px 5px 5px 5px !important;
	text-align: center;
}
div.profileInfoWrapper div.profileExtrasWrapper 
{
}
div.profileInfoWrapper div.profileExtrasWrapper h2 
{
	margin-top: 0px;
}
div.profileInfoWrapper div.profileExtrasWrapper div.extrasMenu 
{
	width: 100px;
	float: left;
	clear: left;
	text-align: center;
	padding-top: 15px;
	border-right: dashed 1px #d3d3d3 !important;
}
div.profileInfoWrapper div.profileExtrasWrapper div.extrasWrapper 
{
	margin-left: 100px;
	border-left: dashed 1px #d3d3d3 !important;
	padding-left: 5px;
	padding-top: 10px;
}

/* FORM STYLES */
div.profileInfoWrapper div.mainColumn div.basicsWrapper input[type=text],
div.profileInfoWrapper div.mainColumn div.basicsWrapper select
{
	width: 85px;
	font-size: 9pt;
}
div.profileInfoWrapper div.mainColumn div.infoWrapper span.fieldName 
{
	font-weight: bold;
	font-size: 8pt;
}
div.profileInfoWrapper div.mainColumn div.infoWrapper textarea 
{
	width: 95%;
}
div.profileInfoWrapper div.profileMembershipWrapper {}
div.profileInfoWrapper div.profileMembershipWrapper div.friendsList 
{
	margin-right: 50%;
	border-right: dashed 1px #d3d3d3;
}
div.profileInfoWrapper div.profileMembershipWrapper div.groupsList 
{
	width: 50%;
	float: right;
	border-left: dashed 1px #d3d3d3;
}

/* Friends */
div.friendsList {}
table.friendsList 
{
	width: 100%;
	border-collapse: collapse;
	border: none;
}
table.friendsList td 
{
	padding: 5px;
	vertical-align: top;
}
table.friendsList td.imageCell 
{
	width: 48px;
}
table.friendsList td.infoCell 
{
}
table.friendsList td.infoCell a.friendName
{
	display: block;
	font-size: 10pt;
	font-weight: bold;
	color: #336699;
}
table.friendsList td.infoCell a.friendName:hover 
{
	text-decoration: underline;
	background-color: Transparent;
}
table.friendsList td.infoCell span.activityStatusLbl 
{
}

/* Friend Requests */
div.profileBlock 
{
	border: solid 1px #d3d3d3;
	padding: 5px;
	background-color: #ffffff;
	font-size: 8pt;
}
div.profileBlock img.profileIcon 
{
	float: right;
}
div.profileBlock div.profileInfo 
{
	margin-right: 58px;
	border-right: dashed 1px #d3d3d3;
}
div.profileBlock div.profileInfo a.nameLnk 
{
	font-size: 10pt;
	font-weight: bold;
	display: block;
	color: #336699;
	border-bottom: dashed 1px #d3d3d3;
}
div.profileBlock div.profileInfo a.nameLnk:hover 
{
	background-color: #d3d3d3;
	color: #000000;
}

div.requestBlock 
{
	width: 400px;
	margin: auto;
}
div.requestBlock div.profileBlock 
{
	margin-right: 155px;
}
div.requestBlock div.requestCmds 
{
	float: right;
	width: 150px;
}


/* Profile Search */
table.profileSearchResults 
{
	border: none;
	border-collapse: collapse;
	margin: auto;
}
table.profileSearchResults h2 
{
	margin-bottom: 0px;
	margin-top: 0px;
	border-bottom: solid 1px #d3d3d3;
}
table.profileSearchResults td 
{
	width: 250px;
	vertical-align: top;
	font-size: 8pt;
	text-align: center;
}
table.profileSearchResults td div.resultBlock 
{
	margin: 10px;
	border: solid 1px #d3d3d3;
	padding: 5px;
	background-color: #ffffff;
}
table.profileSearchResults td div.profileImage 
{
	float: left;
	border-right: dashed 1px #d3d3d3 !important;
	border-left: none !important;
	width: 58px;
}
table.profileSearchResults td.resItemAlt div.profileImage
{
	float: right;
	border-right: none !important;
	border-left: dashed 1px #d3d3d3 !important;
	width: 58px;
}
table.profileSearchResults td div.profileInfo 
{
	margin-left: 58px;
	margin-right: 0px;
	border-left: dashed 1px #d3d3d3 !important;
	border-right: none !important;
}
table.profileSearchResults td.resItemAlt div.profileInfo 
{
	margin-right: 58px;
	margin-left: 0px;
	border-left: none !important;
	border-right: dashed 1px #d3d3d3 !important;
}
table.profileSearchResults td div.profileInfo a.nameLnk 
{
	font-size: 10pt;
	font-weight: bold;
	display: block;
	color: #336699;
	border-bottom: dashed 1px #d3d3d3;
}
table.profileSearchResults td div.profileInfo a.nameLnk:hover 
{
	background-color: #d3d3d3;
	color: #000000;
}
table.profileSearchResults td div.profileInfo span {}
div.spacer 
{
	clear: both;
	padding: 0;
	margin: 0;
	height: 1px;
}

span.rightAligned 
{
	display: inline-block;
	text-align: right;
}
/* Messages */
div.myMessages {}
div.myMessages div.msgMenu 
{
	text-align: left;
	font-size: 8pt;
}
div.myMessages div.msgMenu h2 
{
	display: inline-block;
	text-align: left;
	margin-bottom: 0px;
}
div.myMessages div.msgMenu span.rightAligned 
{
	padding-left: 150px;
}
div.myMessages div.msgMenu a 
{
	font-size: 8pt;
}
div.myMessages div.msgMenu a:hover 
{
}
div.myMessages div.msgMain 
{
}
div.myMessages div.msgMain table.msgList {}
div.myMessages div.msgMain table.msgList td 
{
	padding: 10px 5px 10px 5px;
	font-size: 8pt;
}
div.myMessages div.msgMain table.msgList div.messageBlock 
{
	border: solid 1px #d3d3d3;
	background-color: #ffffff;
	padding: 5px;
}
div.myMessages div.msgMain table.msgList div.messageBlock div.profileInfo 
{
	width: 175px;
	float: right;
	border: solid 1px #d3d3d3;
}
div.myMessages div.msgMain table.msgList div.messageBlock div.profileInfo div.profileIcon 
{
	float: right;
	width: 58px;
	text-align: right;
	border-left: solid 1px #d3d3d3;
}
div.myMessages div.msgMain table.msgList div.messageBlock div.profileInfo div.profilePerson 
{
	margin-right: 58px;
	border-right: solid 1px #d3d3d3;
	text-align: center;
}
div.myMessages div.msgMain table.msgList div.messageBlock div.profileInfo div.profilePerson a.friendName 
{
	display: block;
	font-size: 10pt;
	line-height: 14pt;
	padding: 2px;
	font-weight: bold;
	color: #336699;
}
div.myMessages div.msgMain table.msgList div.messageBlock div.profileInfo div.profilePerson a.friendName:hover 
{
	background-color: #d3d3d3;
	color: #000000;
}
div.myMessages div.msgMain table.msgList div.messageBlock div.messageInfo 
{
	margin-right: 50px;
	padding-right: 10px;
}
span.dateStamp 
{
	font-size: 7pt;
	font-weight: bold;
	text-align: right;
	display: block;
}
div.myMessages div.msgMain table.msgList div.messageBlock div.messageInfo span.subjLbl 
{
	display: block;
	font-weight: bold;
}
div.myMessages div.msgMain table.msgList div.messageBlock div.messagesCmds 
{
	clear: both;
	text-align: center;
	padding-top: 5px;
	margin-top: 5px;
	border-top: dashed 1px #d3d3d3;
}
table.messageLayout td.fieldInput div.dropDown 
{
	border: solid 1px #000000;
	background-color: #d3d3d3;
	width: 250px;
	padding: 0px;
	text-align: right;
	margin-top: 10px;
}
table.messageLayout td.fieldInput div.dropDown table 
{
	width: 99%;
	border: none;
	border-collapse: collapse;
}
table.messageLayout td.fieldInput div.dropDown a.selectLink 
{
	display: block;
	color: #000000;
	font-size: 9pt;
}
table.messageLayout td.fieldInput div.dropDown a.selectLink:hover 
{
	background-color: #000000;
	color: #ffffff;
}
table.messageLayout 
{
	width: 100%;
	border-collapse: collapse;
	font-size: 8pt;
}
table.messageLayout td 
{
	vertical-align: middle;
}
table.messageLayout td.fieldName 
{
	width: 80px;
	font-weight: bold;
}
table.messageLayout td.fieldInput 
{
	width: 250px;
}
table.messageLayout td.fieldInput textarea,
table.messageLayout td.fieldInput input[type=text]
{
	width: 98%;
}
table.messageLayout td.fieldTip {}
table.messageLayout td.cmdBtns 
{
	text-align: center;
}


table.msgInbox 
{
	border-collapse: collapse;
	font-size: 8pt;
}
table.msgInbox td 
{
	border-bottom: dashed 1px #d3d3d3;
	padding: 2px;
}
table.msgInbox td.subjLine 
{
	font-size: 9pt;
}
table.msgInbox td.fromName 
{
	width: 120px;
}
table.msgInbox td.timeSent 
{
	width: 130px;
}

/** Archives **/

a.archivelink, a:link.archivelink, a:visited.archivelink
{
    text-decoration:underline;
    font-size:11pt;
    padding-top:5px;
}

#ddlArchive
{
    width:125px;display:inline;vertical-align:middle;height:40px;
}

a.hyper, a:link.hyper, a:visited.hyper
{
    font-size:x-small;
    text-decoration:underline;
}

ul.getting-started
{
    background:#f5822b;
}
ul.understand-archives
{
    background-color:#3ab5e8;
}
ul.feedback
{
    background:#c6d92d;
}
a.archivebuttonlink, a.archivebuttonlink:link, a.archivebuttonlink:visited
{
    color:Black;
    font-family:Arial, Verdana, Tahoma;
    padding:0px;
}
h2.archive
{
    margin:0px;
    padding:0px;
    font-family:Arial;
    font-size:12pt;
    font-weight:bold;
    font-variant:normal;
}
.banner
{
    min-height:185px;
}
.banner ul li ul
{
    margin:-100px 0px 10px 10px;
    height:80px;
    opacity:0.8;
    filter:alpha(opacity=80); /* for IE */
    padding: 7px 5px;
    width:150px;
    position:relative;
    z-index:1;  
}
.banner ul li ul a
{
    font-weight:bold;
}
.banner ul
{
    margin:0px;
    padding:0px;
}
.banner li
{
    width:180px;
    float:left;
    list-style: none outside none;
    padding-left:11px;
}

/* table level rules */
.arcgrid
{
	font-family: Verdana,Tahoma,Arial,Helvetica,Sans-Serif;
	font-size: 11px;
	border: solid 1px #7f7f7f;
	border-bottom-width:1px;
    border-collapse:collapse;
    color: #333333;
    width:100%
}


/* header column rules */
.arcgrid th 
{
    background: #336699;
    border-color: #989898 #cbcbcb #989898 #989898;
    border-style: solid solid solid none;
    border-width: 1px 1px 1px medium;
    color: #FFFFFF;
    padding: 4px 5px 4px 10px;
    vertical-align: bottom;
    text-align:left;
    font-weight:bold;
}  

.arcgrid th a
{
	color:#FFFFFF;
    font-weight: bold;
	text-decoration: none;
	display: block;
    padding-right: 10px;
}

/* data cell and data row rules */
.arcgrid td 
{
	color:#333333;
    padding: 4px 10px 4px 10px;
    border-bottom: solid 1px #BBD9EE;
}

.arcgrid .altrow
{
    background-color: #EBF4FA;
} 

.arcgrid .row
{
    background-color: #fff;
}  

.arcgrid .rownum
{
	width:15px;
    text-align:center;
    padding-left:0px;
    font-weight:bold;
    color:#333333;
}

/* group header */
.arcgrid .group span
{
	padding:10px 0px 2px 0px;
	color:#666666;
	text-align:left;
	font-size:13px;
	font-weight:bold;
	cursor:pointer;
} 
.arcgrid .group img
{
	cursor:pointer;
}
.arcgridpaging
{
    font-weight:bold;
}
.arcgridpaging span
{
    color:Red;
}
.arcgridpaging td
{
    color:#333333;
    padding: 4px 10px 4px 10px;
    border-bottom: solid 1px #BBD9EE;
}

/*------------- Added 05 May 2010, RosieW: Branch Pages / Events --------------------------*/
/* BRANCH PAGES */
div.branchSidePanel 
{
	width: 150px;
	padding: 5px 5px 0px 5px;
	float: left;
	clear: left;
	border-right: dashed 1px #cccccc;
}
div.branchSidePanel div.branchMenu 
{
}
div.branchSidePanel div.branchMenu a,
div.branchSidePanel div.branchMenu a:link,
div.branchSidePanel div.branchMenu a:visited
{
	padding: 5px 8px 5px 8px;
	display: block;
	font-weight: bold;
	font-size: 12px;
	font-family: Arial, Helvetica, Sans-Serif;
	border: solid 1px #d3d3d3;
	text-align: center;
}
div.branchSidePanel div.branchMenu a:hover 
{
	text-decoration: none;
	background-color: #eeeeee !important;
	color: #000000;
}
div.branchSidePanel div.branchMenu a:active 
{
	color: Red;
	text-decoration: underline;
}
div.branchSidePanel div.branchGreetings {}
div.branchSidePanel div.branchGreetings div.greetingBlock {}
div.branchContentPanel 
{
	margin-left: 160px;
	clear: none;
	border-left: dashed 1px #cccccc;
}
div.branchContentPanel div.branchInfo 
{
	text-align: center;
	padding: 5px 5px 0px 5px;
	border-bottom: dashed 1px #cccccc;
}
div.branchContentPanel div.branchInfo span.mapAddressLbl 
{
	font-size: 8pt;
	display: block;
	text-align: center;
	padding: 0px 10px 10px 10px;
	font-weight: bold;
}
div.branchContentPanel div.branchContent 
{
	padding: 5px 5px 0px 5px;
}

/* BRANCH EVENTS */
table.bpGrid 
{
	width: 95%;
	margin-left: auto;
	margin-right: auto;
	border-collapse: collapse;
	border: solid 1px #cccccc;
}
table.bpGrid td 
{
	text-align: left;
	padding: 2px 5px 2px 5px;
	vertical-align: middle;
}
table.bpGrid .bpGridRow td 
{
	background-color: #ffffff;
	color: #2f4f4f !important;
}
table.bpGrid .bpGridRowAlt td 
{
	background-color: #eeeeee;
	color: #000000;
}
table.bpGrid td.dateColumn 
{
	vertical-align: top;
	font-size: 8pt !important;
}
table.bpGrid td.cmdCell 
{
	padding: 0px !important;
}

table.bpGrid span.evName 
{
	font-size: 10pt !important;
}
table.bpGrid span.evHost 
{
	font-size: 7pt !important;
	font-weight: bold;
}
table.bpGrid div.cancelledEvent 
{
	background-color: #ffcc66;
	background-image: url(../graphics/buttons/cancelledLabel.png);
	background-position: right center;
	background-repeat: no-repeat;
	padding: 0px 5px 0px 5px;
}
table.bpGrid div.normalEvent {}
table.bpGrid div.cancelledEvent span.evName, table.bpGrid div.cancelledEvent span.evHost
{
	color: #CC3300;
}
table.bpGrid td a.noEffect,
table.bpGrid td a.noEffect:link,
table.bpGrid td a.noEffect:visited,
table.bpGrid td a.noEffect:hover,
table.bpGrid td a.noEffect:active 
{
	color: #000000;
	background-color: Transparent;
	text-decoration: none;
}

/* EVENT DISPLAY */
table.contactsTable 
{
	border-collapse: collapse;
	border: none;
	padding: 0;
	width: 400px;
	font-size: 8pt;
}
table.contactsTable td 
{
	padding: 5px 3px 5px 3px;
	width: 200px;
}
table.contactsTable td.fieldName 
{
	text-align: left;
	font-weight: normal;
}
table.contactsTable td.contactCell 
{
	border-right: solid 1px #fafad2;
}
table.contactsTable td.contactCellAlt 
{
	border-left: solid 1px #fafad2;
}
table.contactsTable td span.contactName
{
	font-weight: bold;
}

div.eventPanel 
{
	font-size: 8pt;
}
div.eventPanel span.hostName
{
	font-size: 14pt !important;
	line-height: 20pt;
	color: #336699;
    font-family: Georgia,'Times New Roman',times,Serif;
    font-weight: bold;
}
div.eventPanel h1 
{
	margin-top: 5px;
	margin-bottom: 5px;
	color: #336699;
}
div.eventPanel div.mainCol 
{
	margin-right: 170px;
	border-right: dashed 1px #cccccc;
	padding-right: 5px;
}
div.eventPanel div.mainCol span.dateLabel 
{
	display: block;
	text-align: center;
	font-size: 10pt !important;
}
div.eventPanel div.rightCol 
{
	clear: none;
	width: 160px;
	padding: 0px 5px 0px 5px;
	float: right;
	border-left: dashed 1px #cccccc;
	text-align: center;
}
div.eventPanel div.rightCol div 
{
	text-align: left;
}
div.eventPanel div.rightCol span.sepItem 
{
	font-size: 6pt !important;
	vertical-align: top;
}
div.eventPanel b.heading 
{
	font-size: 10pt !important;
}
div.eventPanel div.mainCol div.contactsContainer 
{
	margin-top: 10px;
	border-top: dashed 1px #cccccc;
}
div.eventPanel div.rightCol div.returnLinks a,
div.eventPanel div.rightCol div.returnLinks a:link,
div.eventPanel div.rightCol div.returnLinks a:visited 
{
	padding: 5px 8px 5px 8px;
	display: block;
	font-weight: bold;
	font-size: 12px;
	font-family: Arial, Helvetica, Sans-Serif;
	border: solid 1px #d3d3d3;
	text-align: center;
}
div.eventPanel div.rightCol div.returnLinks a:hover 
{
	text-decoration: none;
	background-color: #eeeeee !important;
	color: #000000;
}
div.eventPanel div.rightCol div.returnLinks a:active 
{
	color: Red;
	text-decoration: underline;
}

table.specEvents 
{
	width: 410px;
	border-collapse: collapse;
}
table.specEvents td 
{
	width: 205px;
	vertical-align: top;
	padding-bottom: 10px;
}
table.specEvents td.left 
{
	padding-right: 10px;
}
table.specEvents td.right 
{
	padding-left: 10px;
}
div.featuredEventsPnl div.specEventBlock 
{
	width: 185px;
	border: solid 1px #cccccc;
	font-size: 8pt;
	text-align: left;
	padding: 5px;
	min-height: 120px;
	text-align: center;
	background-color: #eeeeff;
}
div.featuredEventsPnl div.specEventBlock h3 
{
	margin: 0px 0px 5px 0px;
}
div.featuredEventsPnl div.specEventBlock a,
div.featuredEventsPnl div.specEventBlock a:link,
div.featuredEventsPnl div.specEventBlock a:visited 
{
	display: inline-block;
	padding: 5px;
	border: solid 1px #ffffff;
	font-family: Arial;
	font-weight: bold;
	margin: 5px;
}
div.featuredEventsPnl div.specEventBlock a:hover {}
div.featuredEventsPnl div.specEventBlock a:active {}
div.featuredEventsPnl div.specEventBlock div.spec2010 
{
	background-image: url(../graphics/events/icon_2010.png);
	background-position: center top;
	background-repeat: no-repeat;
	padding-top: 90px;
}
div.featuredEventsPnl div.specEventBlock div.specFeatured 
{
	background-image: url(../graphics/events/icon_Featured.png);
	background-position: center top;
	background-repeat: no-repeat;
	padding-top: 90px;
}
div.featuredEventsPnl div.specEventBlock div.specWalk 
{
	background-image: url(../graphics/events/icon_Walk.png);
	background-position: center top;
	background-repeat: no-repeat;
	padding-top: 90px;
}
div.featuredEventsPnl div.specEventBlock div.specOther {}

td.upcomingEvents table.bpGrid td 
{
	padding-top: 5px;
	padding-bottom: 5px;
}

/* BRANCH CONTACTS */
table.contactsLayout 
{
	width: 420px;
	border-collapse: collapse;
	font-size: 8pt;
}
table.contactsLayout td 
{
	width: 50%;
	padding-top: 5px;
	padding-bottom: 10px;
}
table.contactsLayout td.right 
{
	padding-left: 5px;
}
table.contactsLayout td.left 
{
	padding-right: 5px;
}
table.contactsLayout span.contactName 
{
	display: block;
	font-size: 9pt;
	font-weight: bold;
	text-align: center;
	border-bottom: dashed 1px #cccccc;
	margin: 0px 0px 5px 0px;
}
table.contactsLayout h3 
{
	text-align: center;
	border-bottom: dashed 1px #cccccc;
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 3px 0px;
}
table.contactsLayout div.conEvent, 
table.contactsLayout div.conSecretary, 
table.contactsLayout div.conProvCS 
{
	border: solid 1px #cccccc;
	padding: 5px;
}
table.contactsLayout div.conEvent {}
table.contactsLayout div.conSecretary {}
table.contactsLayout div.conProvCS {}


/* SHOP SIZES */
table.sizingGuide 
{
	width: 500px;
	padding: 0px;
	font-size: 8pt;
	border: none;
	border-collapse: collapse;
	margin-left: auto;
	margin-right: auto;
}
table.sizingGuide th 
{
	text-align: left;
}
table.sizingGuide td.size 
{
	width: 100px;
	font-weight: bold;
}
table.sizingGuide td.info 
{
	width: 200px;
}

/* SHOP */
table.shopGrid 
{
	display: block;
	margin-left: auto;
	margin-right: auto;
	border-collapse: collapse;
	font-size: 8pt;
	border: none;
}
table.shopGrid span 
{
	font-size: 8pt;
}
table.shopGrid td 
{
	border-bottom: dashed 1px #cccccc;
	padding: 5px 0px 5px 0px;
	vertical-align: middle;
}
table.shopGrid td.paddedCell 
{
	padding: 5px;
}
table.shopGrid span.shopTitle 
{
    font-family: Georgia,'Times New Roman',times,Serif;
    font-size: 11pt !important;
    color: #336699;
    display: block;
    font-weight: bold;
    text-align: center;
}
table.shopGrid span.priceLabel 
{
    font-size: 10pt !important;
    display: block;
    font-weight: bold;
    text-align: center;
    margin-bottom: 5px;
}
div.basketContainer 
{
	border: solid 1px #cccccc;
	padding: 5px;
}
div.basketContainer div.basketHead 
{
	cursor: pointer;
	vertical-align: middle;
    color: #999999;
}
div.basketContainer div.basketHead span.titleLabel 
{
    letter-spacing:-1px;
    font-family:Arial,Tahoma,sans-serif;  
    font-size: 14pt;  
}
div.basketContainer div.basketHead span.countLabel 
{
	margin-left: 10px;
	font-size: 8pt;
	font-weight: bold;
}
div.basketContainer div.basketHead table td.close span 
{
	font-size: 8pt;
}
div.basketContainer div.basketItems 
{
	border-top: dashed 1px #cccccc;
	padding-top: 5px;
}
div.basketContainer div.basketItems table.shopBasket 
{
	font-size: 8pt;
	border-collapse: collapse;
	border: none;
	width: 550px;
	display: block;
	margin: 0px auto 0px auto;
}
div.basketContainer div.basketItems table.shopBasket td 
{
	padding: 2px 5px 3px 5px;
	vertical-align: middle;
}
div.basketContainer div.basketItems table.shopBasket td.total 
{
	text-align: right;
	padding-right: 45px;
	font-weight: bold;
	font-size: 10pt;
}
div.basketContainer div.basketItems table.shopBasket td.totalDesc 
{
	font-weight: bold;
	text-align: right;
	width: 440px;
	font-size: 10pt;
}

/*-------------------- GROUPS -----------------------------*/
table.groupForm 
{
	width: 570px;
	border: none;
	border-collapse: collapse;
	font-size: 8pt;
}
table.groupForm td.imageCell 
{
	width: 195px;
	border-right: dashed 1px #d3d3d3;
	text-align: center;
}
table.groupForm td.cmdBtns 
{
	text-align: center;
	border-top: dashed 1px #d3d3d3;
	padding-top: 5px;
	padding-bottom: 5px;
}
table.groupForm td.fieldName 
{
	width: 375px;
	border-left: dashed 1px #d3d3d3;
	padding-left: 5px;
}
table.groupForm td span.fieldName 
{
	width: 120px;
	display: inline-block;
	vertical-align: middle;
	font-weight:bold;
	font-size: smaller;
}
table.groupForm td input[type=text].txtboxStyle 
{
	width: 220px;
	vertical-align: middle;
}
table.groupForm td textarea.txtboxStyle 
{
	width: 220px;
	height: 200px;
	vertical-align: text-top;
}

/* Discussion */
table.discussionGrid 
{
	font-size: 8pt;
}
div.discussionPost 
{
	padding: 10px 5px 5px 5px;
}
div.discussionPost div.postInfo 
{
	text-align: right;
	padding: 5px 5px 15px 5px;
	border-top: dashed 1px #d3d3d3;
	border-bottom: solid 1px #d3d3d3;
	font-size: smaller;
}

div.collapsePnl 
{
	text-align: center;
}
div.collapsePnl div.pnlHead 
{
	text-align: center;
	background-color: #336699;
	color: #ffffff;
	padding: 5px;
	font-weight: bold;
	cursor: pointer;
}
div.collapsePnl div.pnlContent 
{
	padding: 10px;
	border-bottom: solid 1px #d3d3d3;
	border-left: solid 1px #d3d3d3;
	border-right: solid 1px #d3d3d3;
}

div.groupDetails 
{
	border-top: solid 1px #d3d3d3;
}
div.groupDetails div.detailsLeftCol 
{
	float: left;
	width: 165px;
	border-right: dashed 1px #d3d3d3;
	padding-top: 10px;
}
div.groupDetails div.detailsMainCol 
{
	clear: none;
	margin-left: 165px;
	border-left: dashed 1px #d3d3d3;
	padding: 10px 5px 5px 5px;
}

/* Events */
table.eventsGrid 
{
	width: 560px;
	font-size: 8pt;
}
table.eventsGrid td 
{
	
	width: 190px;
}

div.eventListItem span.lblName 
{
	display: block;
	font-size: larger;
	font-family: Georgia, 'Times New Roman', Serif;
	color: #336699;
	font-weight: bold;
	padding: 2px;
}


.eventheader
{
    background-color:#F0F0F0;
    font-weight:bolder;
    font-size:normal;
    width:100%;
    text-align:left;
    border:solid 1px black;
    
}
.eventbody
{
    border:solid 1px #DCDCDC;
    width:100%;
    text-align:left;
}
div.groupEvent 
{
	font-size: 8pt;
}
div.groupEvent div.eventDetails 
{
	min-height: 200px;
}
.dateLbl
{
    text-align: center;
	font-size: 8pt;
	color: #336699;
	font-family: verdana, Tahoma, Arial;
	font-weight: bold;
	border-bottom: dashed 1px #cccccc;
}
div.groupEvent div.eventDetails div.eventSummary 
{
	width: 200px;
	padding: 10px;
	float: right;
	border-left: dashed 1px #cccccc;
}
div.groupEvent div.eventDetails div.eventSummary div.pnl {}
div.groupEvent div.eventDetails div.fullInfo 
{
	margin-right: 220px;
	clear: none;
	border-right: dashed 1px #cccccc;
	min-height: 190px;
	padding-right: 10px;
}
div.groupEvent div.eventFooter 
{
	border-top: dashed 1px #cccccc;
	text-align: right;
	font-size: smaller;
}
div.groupEvent div.eventDiscussion {}

table.eventForm 
{
	width: 580px;
	font-size: 8pt;
}
table.eventForm td.fieldName 
{
	font-weight: bold;
	width: 130px;
}
table.eventForm td.fieldInput 
{
	width: 400px;
}
table.eventForm td.fieldVal 
{
	width: 50px;
	font-size:smaller;
	color:Red;
}
table.eventForm td.cmdBtns 
{
	text-align: right;
}

/* Member Admin */
table.memberAdmin 
{
	width: 580px;
	font-size: 8pt;
	border-collapse: collapse;
	border-left: dashed 1px black;
	border-right: dashed 1px black;
}
table.memberAdmin tr 
{
}
table.memberAdmin td 
{
	padding: 5px;
	vertical-align: top;
	border-bottom: dashed 1px #cccccc;
	border-top: dashed 1px #cccccc;
	text-align: center;
}
table.memberAdmin td.joined 
{
	width: 80px;
	vertical-align: middle;
}
table.memberAdmin td.who 
{
	width: 100px;
	text-align: left;
	vertical-align: middle;
}
table.memberAdmin td.role 
{
	width: 210px;
}
table.memberAdmin td.role select 
{
	margin-top: 3px;
	vertical-align: top;
}
table.memberAdmin td.blocked 
{
	width: 150px;
}

table.eventsList 
{
	width: 160px;
	border: none;
	font-size: 8pt;
}
table.eventsList td 
{
	padding-top: 10px;
	padding-bottom: 5px;
	border-bottom: dashed 1px #cccccc;
}


/*------------------------------------------------------------------------------------*/
/*  mouse mates */

.mousemates 
{
	background-image: url(../graphics/sitewide/mouse.jpg);
	background-position: left bottom;
	background-repeat: no-repeat;
	width:562px;
	Height:325px;
	padding-top:10px;
}
.mousematesinner
{
    background-color:#F5822B;
    width:70%;
    opacity:0.7;
    filter:alpha(opacity=70); /* for IE */
    padding:15px;
    float:right;
}
.black-box
{
    float:left;
    margin-left:20px;
    margin-right:20px;
    width:127px;
}
.black-box h2
{
    font-family:Verdana,Tahoma;
    font-size:18px;
    font-variant:normal;
}
.black-box p
{
    color:White;
    margin-top:2px;
    margin-bottom:2px;
}
.black-box a, .black-box a:link, .black-box a:visited, .black-box a:hover
{
	text-decoration: none;
	background-color:Transparent;
	padding:0px;
	color:White;
}
/*-------------------------------------------------------------------------------------- */


