/*

Cascading style sheet for the North East London Ramblers

*/

body
{
	font-family:  sans-serif;
	font-size: 9pt;
	text-align: left;
	background-color: #FFFFFF;
	height: 100%;
	padding: 5px;
	margin: 0px;
	border-top: 5px;
}

p
{
	margin-top: 0%;
	margin-left: 1%;
	margin-right: 1%;
}
p.stitle
{
	margin-top: 0%;
	margin-left: 1%;
	margin-right: 1%;
	font: 10pt sans-serif;
	text-decoration:underline;
	font-weight: bold;
}
img
{
	border-color: #fff;
	border: none;

}
h2
{
	margin-top: 0%;
	color: #114411;
	text-align: center;
	font: 11pt sans-serif;
	font-weight: bold;
}
h3
{
	border-top:10px;
	color: #445566;
	font: 11pt sans-serif;
	font-weight: bold;
}
h3.left
{
	text-align: left;
}
h3.centre
{
	text-align: center;
}
select
{
	font-family:  sans-serif;
	font-size: 9pt;
	padding: 0px;
}
a:link, a:visited
{
/*	color: #0055ff; */
	color: #005577;
	text-decoration:none;
}
a:hover 
{
	text-decoration:underline;
}

table
{
	font-family:  sans-serif;
	font-size: 9pt;
	width: 100%;
	border-color: #fff;
	border: 10px;
	border-bottom-color: #0000FF;
}
tr
{
	border: none;
}
td
{
	text-align: left; 
	font: 9pt sans-serif;
	font-weight: normal;
}
th.left
{
	text-align: left; 
}
td.ldate
{
	width:20%;
	color:#00b;
	font-weight: bold;
}
td.levent
{
	width:20%;
	color:#00b;
	font-weight: bold;
	text-decoration:underline;
}
td.lorganiser
{
	width:20%;
	color:#00b;
	font-weight: normal;
}
td.lbdesc
{
	width:20%;
	color:#060;
	font-weight: normal;
}
td.lroute
{
	width:20%;
	color:#000;
	font-weight: normal;
}
td.lmpoint
{
	width:20%;
	color:#000;
	font-weight: normal;
}
td.ltickets
{
	width:20%;
	color:#000;
	font-weight: normal;
}
td.lcosts
{
	width:20%;
	color:#000;
	font-weight: normal;
}
td.lfdesc
{
	width:20%;
	color:#000;
	font-weight: normal;
}
td.lgrade
{
	width:20%;
	color:#000;
	font-weight: normal;
}
td.llength
{
	width:20%;
	color:#500;
	font-weight: normal;
}
td.ltype
{
	width:20%;
	color:#050;
	font-weight: normal;
}
td.lphone
{
	width:20%;
	color:#005;
	font-weight: normal;
}
td.date
{
	width:80%;
	color:#00b;
	font-weight: bold;
}
td.organiser
{
	width:80%;
	color:#00b;
	font-weight: normal;
}
td.bdesc
{
	width:80%;
	color:#060;
	font-weight: normal;
}
td.route
{
	width:80%;
	color:#000;
	font-weight: normal;
}
td.mpoint
{
	width:80%;
	color:#000;
	font-weight: normal;
}
td.tickets
{
	width:80%;
	color:#000;
	font-weight: normal;
}
td.costs
{
	width:80%;
	color:#000;
	font-weight: normal;
}
td.fdesc
{
	width:80%;
	color:#000;
	font-weight: normal;
}
td.grade
{
	width:80%;
	color:#000;
	font-weight: normal;
}
td.length
{
	width:80%;
	color:#500;
	font-weight: normal;
}
td.type
{
	width:80%;
	color:#050;
	font-weight: normal;
}
td.phone
{
	width:80%;
	color:#005;
	font-weight: normal;
}
td.month
{
	width:20%;
	color:#005;
	font-weight: normal;
}
p.menu
{
	margin: 1px;
	line-height:100%;
	text-align:center;
	color: #000000;
	font:9pt sans-serif;
}
p.just
{
	line-height:110%;
	text-align:justify;
	color: #000000;
	font:9pt sans-serif;
}
img.scale
{
	height:89%;
	width:100%; 
		
}
h2.lside
{
	line-height:110%;
	text-align:left;
	margin:10px;

}
select
{
	font: 9pt sans-serif;
}
input
{
	font: 9pt sans-serif;
}
.fred
{
	font: 9pt sans-serif;
}
/*
     _______

     CLASSES
     ________
*/

.Login
{
	color: #006b84;
	font: 0pt sans-serif; font-style: italic;
}
.Dialogue
{
	color: #004400;
	font: 9pt sans-serif;
}

.Instruction
{
	color: #000077;
	font: 9pt sans-serif; font-style: italic;
} 

.FormLabel
{
/*	color: #555500; */
	color: #006B84;
	text-align:center;
	font: 9pt sans-serif;
}
 
.FormData
{
	color: #444444;
	font: 9pt sans-serif;
 } 
.Success
{
	color: #005500;
	font: 9pt sans-serif;
} 
.Error
{
	color: #DD0000;
	font: 9pt sans-serif;
} 
.Standard
{
	color: #000000;
	font: 9pt sans-serif;
} 
.Highlight
{
	color: #006666;
	font: 9pt sans-serif; font-weight: bold;
} 
.Theader
{
	background-color: #FFFFFF;
	text-align: center;
	font: 9pt sans-serif;
	font-weight: bold;
}
.Status
{
	text-align: center;
	font: 9pt sans-serif;
}
.Left
{
	text-align: left;
	font: 9pt sans-serif;
}
.Buttons
{
	border: solid 2px white;
	width: 400px; height: 300px;
}
.tholder
{
	margin-top: 0%;
	margin-left: 1%;
	margin-right: 1%;
}
.mPanel
{
	text-align:center;
}
/* _____________________________________ */

#wholePage
{
	left:0px;
	top:0px;
	bottom:0px;
	right:0px;
	border:0px;
}

#title
{
	position:absolute;
	left:0px;
	top:0px;
	padding:0px;
	width:100%;
	height:89px; 
	background:#fff;
	border:0px;
}

#mainArea
{
	position:absolute;
	left:0px;
	top:129px;
	bottom:0px;
	right:0px;
	background:#fff;
	border:0px;
}

#mainmenu
{
	position:absolute;
	left:0px;
	top:0px;
	bottom:0px;
	width:15%;
	background:#fff;
	border:0px;
}

#menu1
{
	position:absolute;
	left:0px;
	top:0px;
	padding:0px;
	width:100%;
	height:60%; 
	background:#fff;
}

#menu2
{
	position:absolute;
	left:0px;
	padding:0px;
	width:100%;
	height:40%; 
	bottom:0px;
	background:#fff;
	border:0px;
}

#workingArea
{
	position:absolute;
	right:0px;
	top:0px;
	bottom:0px;
	padding:0px;
	width:85%;
	background:#eee;
	border:0px;
}

#iwork
{
	position:absolute;
	left:0px;
	right:0px;
	top:0px;
	bottom:0px;
	padding:0px;
	width:100%;
	height:100%;
	border:0px;
}


/* _________________________ */

#menu
{
	position:absolute;
	left:0px;
	top:0px;
	padding:0px;
	width:15%;
	bottom:0px;
	color:#333;
	background:#ffffff;
	border:0px;
}


#rhead
{
	position:absolute;
	left:0px;
	right:0px;
	top:0px;
	bottom:0px;
	padding:0px;
	width:100%;
	height:88px;
	border:0px;
}

#imenu
{
	position:absolute;
	left:0px;
	right:0px;
	top:0px;
	bottom:0px;
	padding:0px;
	width:100%;
	height:100%;
	border:0px;
}


#imenu2
{
	position:absolute;
	left:0px;
	right:0px;
	top:0px;
	bottom:0px;
	padding:0px;
	width:100%;
	height:100%;
	border:0px;
}
#imenu1
{
	position:absolute;
	left:0px;
	right:0px;
	top:0px;
	bottom:0px;
	padding:0px;
	width:100%;
	height:100%;
	border:1px ;
}

#header
{
	position:absolute;
	left:0px;
	top:89px;
	padding:0px;
	width:100%;
	height:40px; 
	background:#fff;
	border:0px;
}

#statusLine
{
	position:absolute;
	top:89px;
	left:0px;
	height:20px; 
	text-align:left;
	width:100%;
	border:0px;
	background:#fff;
}

#errorLine
{
	position:absolute;
	top:109px;
	left:0px;
	text-align:left;
	height:20px; 
	padding:0px;
	width:100%;
/*	background:#eee; */
	background:#eee;
	border:0px;
}


#myEmailAddress
{
	width:80%;
}

#myPassword
{
	width:80%;
}