/*

Cascading style sheet for the North East London Ramblers

*/
/*
  html {
	height:100%; 
	max-height:100%;
	padding:0;
	margin:0;
	border:0;
	overflow:hidden;
}
*/

body { font-family: Tahoma, sans-serif; font-size:9pt; background:#8baea2; padding:0px; margin:0px; }
/*div.fullPage { position:absolute; background:#678aba; overflow:auto; padding:0px; margin:0px; width:100%; height:100%; border:0px solid; } */
div.fullPage { position:absolute; background:#8baea2; overflow:auto; padding:0px; margin:0px; width:auto; height:auto; border:0px solid; }
div.shadowHeader { background:#8baea2 url(shadow_header.png) no-repeat; height:25px; width:980px; margin:auto; position:relative; }
/*div.shadowSide   { background:#678aba url(shadow.png) repeat-y ; margin:auto; position:relative; width:980px; } */
div.shadowSide   { background:#8baea2 url(shadow.png) repeat-y ; margin:auto; position:relative; width:980px; } /* purple */
/* div.Internal { background:#1ff; margin:auto; width:920px;height:100%; }  */
div.Internal { background:#fff; margin:auto; width:940px;height:auto; } /* blue */ 
div.shadowFooter { background:#8baea2 url(shadow_footer.png) no-repeat; height:25px; width:980px; margin:auto; position:relative; }
div.Container { background:#fff; margin:auto; width:910px;height:auto;padding:5px;float:left; }
div.pContainer,div.hContainer { background:#fff; margin:5px; width:930px;height:auto;padding:0px;float:left; }
div.Container1 { float:left;background:#fff; margin:none; width:910px;height:16px;padding:2px;margin:2px }
div.Container2 { background:#fff; margin:none; width:910px;height:36px;padding:0px;border:1px;}
div.Container3 { background:#fff; margin:auto; width:900px;height:auto;padding:5px;float:left; }
div.Container4 { background:#fff; margin:none; width:911px;height:auto;padding:5px;margin:5px;overflow:auto;}
.senter { float:left;background:#fff;margin:5px; padding:5px;height:auto; width:910px; }
/*div.Header { position:relative; width:auto; height:80px;margin:none; } */
div.Header { position:relative; width:auto; height:auto;margin:none; }
img.rbanner { border:none;  margin-left:5px; padding:2px; border-color:#222;width:80px;height:74px;}
img.banner { border:none;  margin-left:5px; padding:2px; border-color:#222;width:820px;height:74px;}
div.Footer { background:#eee ; height:auto; width:910px; padding:2px;margin:auto; position:relative; text-align: center; overflow:auto;}
div.eRule { float:left;background:#fff ; height:4px; width:920px; padding:1px;margin:auto; position:relative; text-align: center;}
div.hoLogo { float:left;background:#fff;height:100px; padding:2px;width:120px; }
div.ourLogo { float:left;background:#fff;height:100px; padding:2px;width:780px; }
/*hr { height:1px;padding:0px;margin:0px;} */
/*hr { x;} */
div.Pictures { position:relative; margin:auto; width:auto; }
img#teaser1, #teaser2, #teaser3, #teaser4,#teaser5 { font-family: Tahoma,sans-Serif; color:#333; font-size:9pt; width:160px; height:110px; margin:5px; padding: 5px; border:1px solid; border-color:#888;display:none }
div.slideshow { width:210px;height:150px;border:1px solid;float:left;border-color:#ccc;margin:3px;margin-left:10px; }
div.slideshow img { padding:5px;margin:0px;width:200px;height:140px; }
div#menuA, #menu1, #menu2, #menu3, #menu4,#menu5,#menu6,#menu7,#menu8,#menu9,#menu10 
{ font-family: Tahoma,sans-Serif; color:#338; font-size:9pt; width:auto;
height:auto; margin:2px; padding: 5px; border:1px solid; border-color:#888;cursor:pointer;float:left;}
div.fName { padding-left:0px;width:140px;float:left;height:auto;}
div.eMail { width:330px;float:left;height:auto;}
div.Browser { width:140px;float:left;height:auto;}
div.Phone { width:105px;float:left;}
div.EventTime { width:150px;float:left;height:auto;}
div.EventNotes { width:480px;float:left;height:auto;}
div.boolean { width:65px;float:left;}
.bold { font-weight:bold; }
div#LoginFormWrapper, #LogoutFormWrapper, #PasswordFormWrapper
{
	width:930px;
	margin-left:5px;
	margin-top:1px;
	margin-bottom:1px;
	background:#ddd;
	height:auto;
	border:1px solid;
	border-color:#aaa;
	float:left;
}
div.Menu
{
	width:920px;
	margin:5px;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:10px;
	background:#fff;
	height:30px;
	border:0px solid;
	float:left;
}
div#LogoutFormWrapper, #PasswordFormWrapper { display:none; }
fieldset
{
	border:none;
}
/* __________________
 *
 * Login/Logout forms 
/* __________________
 *
 */
#lEmail { color:#175; float:left; font-size:9pt; height:18px; margin:auto; margin-right:10px; text-align:right; width:150px; }
#lpassword1,#lpassword2 { color:#175; float:left; font-size:9pt; height:18px; margin:auto; margin-right:10px; text-align:right; width:150px; }
#password1,#password2 { color:#715; float:left; font-size:9pt; height:18px; margin:auto; margin-right:10px; text-align:left; width:130px; }
#iEmail { color:#911; float:left; font-size:9pt; height:18px; margin:0px; width:250px; }
#iPassword { color:#911; float:left;  font-size:9pt; height:18px; margin:0px; width:150px; }
#lPassword{color:#175;float:left;font-size:9pt;height:18px;margin:auto;margin-right:10px;text-align:right;width:100px; }
#loginButton,#logoutButton,#pButton { color:#175;font-size:9pt;height:18px;cursor:pointer;margin-left :10px; }
#pLoggedIn { color:#175; font-size:9pt;float:left; height:18px; position:relative; text-align:left; width:680px; }
.rpw { color:#715; font-size:9pt;float:left; height:18px; margin:5px; text-align:left; width:130px; }
/*div {
font-size:9pt;
}
*/
div#rightsidebar {
float:right;
width:200px;
padding-right: 5px;
}

div#ads {
padding-right: 5px;
}




a { text-decoration: none; font-family: arial, verdana, sans-serif; font-size: 9pt; }
a:link {color:#000066;text-decoration:none;}
a:visited {color:#000066;text-decoration:none;}
a:hover {color:#000066;text-decoration:underline;}
a:active {color:#000066;text-decoration:none;}
h1 { 
font-family: Arial,Sans-Serif;
color: #003366;
font-size: 18px;
}
input#GettingThere, #BriefDescription, #MeetingPoint, #TicketDetails, #Cost, #EventDateTime, #EventNumber,#FullName,#EmailAddress,#HouseNumber,#Address,#PostCode,#HomePhone,#MobilePhone,#MailSubject
{
	width: 600px;
	height: 20px;
	border: 1px solid #444;
	padding: 1px;
	font-family: Tahoma, sans-serif;
	font-size:9pt;
}
#MailSubject { color:#175;font-size:9pt;height:20px;cursor:pointer;margin-left:10px; }
#EventDateTime
{
}
textarea#Notes
{
	width: 600px;
	height: 60px;
	border: 1px solid #444;
	padding: 5px;
	font-family: Tahoma, sans-serif;
	font-size:10pt;
/*    background-image: url(bg.gif); 
    background-position: bottom right;
    background-repeat: no-repeat;*/
}
textarea#FullDescription
{
	width: 600px;
	height: 80px;
	border: 1px solid #444;
	padding: 5px;
	font-family: Tahoma, sans-serif;
	font-size:10pt;
/*    background-image: url(bg.gif); 
    background-position: bottom right;
    background-repeat: no-repeat;*/
}
textarea#MailMessage
{
	width: 600px;
	height: 180px;
	border: 1px solid #444;
	padding: 5px;
	font-family: Tahoma, sans-serif;
	font-size:10pt;
	color:#531;
	margin:10px;
/*    background-image: url(bg.gif); 
    background-position: bottom right;
    background-repeat: no-repeat;*/
}
h2 {
color:#333333;
font-size:14px;
line-height:1em;
margin:0 0 0.1em;
padding-left:5px;
text-align:left;
}
h3
{
        border-top:10px;
        color: #456;
        font: 11pt sans-serif;
        font-weight: bold;
}

h3.centre
{
	text-align: center;
}
img
{
	border:none;
}
p
{
	margin:0px;
	font-size:9pt;
}
p.html {
font-size: 18px;
font-style:italic;
text-decoration:underline;
font-weight:bold;
color:#060;
}

p.exa {
font-size: 18px;
font-style:italic;
text-decoration:underline;
font-weight:bold;
color:#FF0000;
}
.hide
{
	display:none;
}
.Success
{
	color: #050;
	font: 10pt sans-serif;
	margin:15px;
} 
/*<div class="Container1">
<div class="fName">Member Name</div>
<div class="Browser">Client Browser</div>
<div class="EventTime">Change Time</div>
<div class="EventNotes">Details of Change</div>
</div> */
.Error
{
	color: #D00;
	font: 9pt sans-serif;
	margin:15px;
} 
td
{
        text-align: left;
        font: 9pt sans-serif;
        font-weight: normal;
}
div.colName
{
	width:150px;
        color:#064;
}
th.left
{
        text-align: left;
}
/*  Event Display Classes */
div.eContainer 
{
	top:0px;
/*	height:100%;  */
	margin:auto;
        height:auto;
/*	margin:1px; */
*	width:940px; */
	width:auto;
}
.eFormWrapper
{

	margin:1px solid;
	border-color:#f00;
}
#searchResults, #eFormResults, #uFormResults 
{
	background:#fff; 
	margin:5px;
	padding:5px;
	width:920px;
	height:auto;
	border:5px;
	float:left;
}
.eType { width:110px;float:left;padding:2px;left-margin:2px;right-margin:2px; }
.eDate { width:160px;float:left;margin:2px; }
.eLeader { width:150px;float:left;margin:2px; }
.eBrief { width:300px;float:left;margin:2px; }
.eActive { width:60px;float:left;margin:2px; }
.ieEvent { width:60px;float:left;margin:2px; }
.goRed { color:#900;}
.goGrey { color:#999;}
.xxx
{
	border:1px solid;
	border-color:#fff;
}
/* Print a Program */
div.pEventContainer{float:left;width:1000px;margin:2px;border:1px solid;padding:2px; }
div.pDate{float:left;width:156px;margin:2px;border:none;padding:2px;font-family:Tahoma, sans-serif;font-size:11pt;font-weight:bold;height:auto;text-align:left}
div.pTitle{float:left;width:650px;margin:2px;border:none;padding:2px;font-family:Tahoma, sans-serif;font-size:11pt;font-weight:bold;height:auto;text-align:center}
div.pEType{float:left;width:160px;margin:2px;border:none;padding:2px;font-family:Tahoma, sans-serif;font-size:11pt;font-weight:bold;height:auto;text-align:right}
div.pOrganiser{float:left;width:250px;margin:2px;border:none;padding:2px;font-family:Tahoma, sans-serif;font-size:11pt;font-weight:normal;height:auto;text-align:left}
div.pEmail{float:left;width:468px;margin:2px;border:none;padding:2px;font-family:Tahoma, sans-serif;font-size:11pt;font-weight:normal;height:auto;text-align:center}
div.pPhone{float:left;width:248px;margin:2px;border:none;padding:2px;font-family:Tahoma, sans-serif;font-size:11pt;font-weight:normal;height:auto;text-align:right}
div.pGettingThere{float:left;width:625px;margin:2px;border:none;padding:2px;font-family:Tahoma, sans-serif;font-size:11pt;font-weight:normal;height:auto;text-align:left}
div.pTickets{float:left;width:347px;margin:2px;border:none;padding:2px;font-family:Tahoma, sans-serif;font-size:11pt;font-weight:normal;height:auto;text-align:right}
div.pMeetingPoint{float:left;width:982px;margin:2px;border:none;padding:2px;font-family:Tahoma, sans-serif;font-size:11pt;font-weight:normal;height:auto;text-align:left}
div.pType{float:left;width:487px;margin:2px;border:none;padding:2px;font-family:Tahoma, sans-serif;font-size:11pt;font-weight:normal;height:auto;text-align:left}
div.pGrade{float:left;width:487px;margin:2px;border:none;padding:2px;font-family:Tahoma, sans-serif;font-size:11pt;font-weight:normal;height:auto;text-align:right}
div.pFullDescription,div.pCosts{float:left;width:982px;margin:2px;border:none;padding:2px;font-family:Tahoma, sans-serif;font-size:11pt;font-weight:normal;height:auto;text-align:left}


/* The Event Bar init */
div.eventPre {float:left;width:40px;border:none;margin:5px;height:30px;}
.eventNext {float:left;width:40px;border:none;margin:5px;height:30px;padding:0px; }
.eventView {float:left;width:100px;border:none;margin:0px;height:30px;padding:0px; }
.eventNew {float:left;width:120px;border:0px;margin:0px;height:30px;padding:0px; }
.eventOrganiser {float:left;width:280px;border:none ;margin:5px;height:21px;padding:2px; }
.eventSearch {float:left;width:220px;border:none ;margin:5px;height:21px;padding:2px; }
#eSearch {size:8;maxlength:8px;border:none;margin:none;height:auto;padding:0px; }
*.eKey
{
	width:180px;
	font-family: Tahoma, sans-serif;
	font-size:9pt;
	font-weight: bold;
	float:left; 
	height: auto;  
	border:none;
	border-color:#555;
	float:left;
	padding:1px;
	text-align:right;
	margin:1px;
}
*.sValue
{
	width:auto;
	font-family: Tahoma, sans-serif;
	font-size:9pt;
	font-weight: normal;
	float:left;
	height: auto;  
	border:none; 
	padding:1px;
	margin:1px;
	margin-left:6px;

}
*.eValue { width:560px; font-family: Tahoma, sans-serif; font-size:9pt; font-weight: normal; float:left; height: auto;  border:none; padding:1px; margin:1px; margin-left:6px; }
div.filler1
{
	margin-bottom:5px;
	width:680px;
	float:left;
	padding:2px;
	height: 22px;  
}
div.event
{
	width:140px;
	float:left;
	padding:2px;
	margin:2px;
	margin-top:10px;
	border:0px solid;
	border-color:#555;
	text-align:left;
	
}
div.Dispatch { float:left; width:800px; }
#MailTitle { color:#175;font-size:9pt;height:20px;width:600px;padding:1px;font-family: Tahoma, 
sans-serif;font-size:9pt;margin-left:10px; border: 1px solid #444;}
/*	width: 600px;
	height: 20px;
	border: 1px solid #444;
	padding: 1px;
	font-family: Tahoma, sans-serif;
	font-size:9pt; */
div#MailMessage { }
div#iEvent
{
	width:auto;
	float:left;
	padding:2px;
	margin:2px 2px 10px 10px;
	color:#175;cursor:pointer;text-decoration:underline;
}
#subEvent,#subDismiss,#subUser,#userDismiss,#emailAll,#emailLeader,#emailCommittee
{
width:auto;
float:left;
padding:5px;
margin:2px 2px 10px 10px;
border:2px solid;
border-color:#055;
cursor:pointer;
}
div.subClone
{
width:auto;
float:left;
padding:5px;
margin:2px 2px 10px 10px;
border:2px solid;
border-color:#055;
cursor:pointer;
}
div#nUser { width:910px; height:auto; float:left; padding:5px; margin:2px 2px 10px 10px; border:0px solid; border-color:#055; cursor:pointer; text-decoration:underline;font-weight:bold;}
div.eEvent
{
	width:auto;
	float:left;
	padding:5px;
	margin:5px 5px 5px 5px;
	border:1px solid;
	border-color:#055;
	cursor:pointer;
}
.eEventF
{
	float:left;
	width:auto;
	margin-left:5px;;
	height:auto;
	padding:0px;
	border:0px solid;
	border-color:#00f;
}
div.eEventC
{
/*	width:auto; */
	float:left; 
	width:900px;
	padding:0px;
	margin:0px;;
	margin-left:2px;
	border:none;
	border-color:#555;
}
div.wWrapper
{
	float:left;
	width:890px;
	overflow:auto; 
	height: auto;  
	margin:10px;
	border:1px solid;
	padding:5px;
	border-color:#291;
}
div.oWrapper
{
	float:left;
	width:910px;
	overflow:auto; 
	height: auto;  
	margin:10px;
	border:1px solid;
	border-color:#888;
}
div#eWrapper
{
	width:910px;
	border:1px solid;
	border-color:#555;
	margin:auto;
	height: auto;  
}
div.oKey
{
	width:210px;
	font-family: Tahoma, sans-serif;
	font-size:9pt;
	float:left;
	height: auto;  
	text-align:center;
	border:0px solid;
	border-color:#bbb;
	margin:5px;
	padding:5px;
	overflow:auto; 
}
div.oValue
{
	width:640px;
	font-family: Tahoma, sans-serif;
	font-size:9pt;
	font-weight: normal;
	float:left;
	height: auto;  
	border:2px solid;
	border-color:#bbb;
	margin:5px;
	padding:5px;
	overflow:auto; 

}
div.date
{
        color:#00b;
}
div.organiser
{
        color:#00b;
}
div.bdesc
{
        color:#060;
}
div.route
{
        color:#000;
}
div.mpoint
{
        color:#000;
}
div.tickets
{
        color:#000;
}
div.costs
{
        color:#000;
}
div.fdesc
{
        color:#000;
}

div.grade
{
        color:#000;
}
div.length
{
        color:#500;
}
div.type
{
        color:#050;
}
div.phonec
{
        color:#005; 
}
div.phone
{
        color:#050;
        color:#005; 
}
td.month
{
        color:#005;
}
h2.lside
{
	line-height:110%;
	text-align:left;
	margin:10px;

}
iframe#tflFrame
{
	width:202px;
	height:420px;
}
.Instruction
{
	color: #004;
	font: 9pt sans-serif; 
	margin:10px;
	float:left;
	width:938px;
} 
p.just
{
	margin:10px;
	font-size:9pt;
        text-align:left;
}