body
{	width: 100%;
	background-color: #dfd;
	margin: 0;
	padding: 0;
}


/** Page Structure Styles:	**/
/** Page Structure Content: page **/
#page
{	position:relative;
	width: 1178px;
	height: auto;
	background-color: #fff;
	padding: 1px;
	font-size: 12pt;
	font-family: Arial;
	min-height: 400px;
}


/** Page_Structure Top: BRdCHeader **/
#BRdCHeader
{	width:1180px;
	font-family:Arial,Helvetica,Geneva,Swiss,SunSans-Regular;
	background-color:#ccc;
}
#BRdCHeader .topline,
#BRdCHeader .topline a,
#BRdCHeader .topline a:link,
#BRdCHeader .topline a:visited
{	background-color: #444;
	color: #FFF;
	font-size: 9pt;
	height: 12pt;
	text-align: center;
	padding: 1px;
}
#BRdCHeader .topline span
{	width: 100px;
}
.leftFloat,
leftFloatBold
{	text-align:left;
	Float: left;
}
.rightFloat,
.rightFloatBold
{	text-align:right;
	Float: right;
}
.leftFloatBold,
.rightFloatBold
{	font-weight: bolder;
}

#BRdCHeader .bannerArea
{	height: 96px;
	padding: 2px auto;
	position: relative;
}
#BRdCHeader .bannerArea .BRdCBlurb
{	text-align: center;
	background-color: #060;
	color: #fff;
	padding: 4px;
	font-size: 9pt;
}
.BRdCBlurb a,
.BRdCBlurb a:link,
.BRdCBlurb a:visited
{	color: #fff;
	text-decoration: underline;
}
.BRdCBlurb h2
{	font-size: 16pt;
	font-family: Times, serif;
	font-weight: bolder;
	margin: 0;
}
.BRdC_AdBanner
{	margin: 0 auto;
	width: 730px;
}
.BRdC_AdBanner img,
.BRdC_AdBanner a img
{	margin:0;
	vertical-align:middle;
	border: 1px solid #060;
}
#BRdCHeader .bannerArea .BRdCBlurb
{	position: absolute;
	left: 24px;
	top: 14px;
	width: 240px;
	height: 64px;
}
#BRdCHeader .bannerArea .BRdC_AdBanner
{	position: absolute;
	top: 2px;
	right: 106px;
}
.BRdC_Status
{	width: 104px;
	height: 90px;
}
#BRdCHeader .BRdC_Status
{	position: absolute;
	top: 2px;
	right: 0px;
}
#BRdCHeader .BRdC_Status img,
#BRdCHeader .BRdC_Status a img
{	margin:0;
	vertical-align: middle;
	border: none;
}


.BRdCLinkBar
{	background-color: #444;
	color: #fff;
	font-size: 18px;
	width: 100%;
	height:32px;
	padding-top: 1px;
	margin: 0;
}
.BRdCLinkBar ul
{	margin: 0;
	vertical-align: middle;
	height: 30px;
	line-height: 22px;
	list-style: none outside none;
	marker-offset: 0;
	border-collapse: separate;
	border-spacing: 4px 1px;
	text-indent: 0;
	padding: 0;
}
.BRdCLinkBar ul li
{	border: 1pt solid #fff;
	display: inline-block;
	padding: 2px 4px;
	height: 20px;
	margin: 2px 4px 0 4px;
}
.BRdCLinkBar a,
.BRdCLinkBar a:link,
.BRdCLinkBar a:visited
{	color: #fff;
	text-decoration:none;
}
.BRdCLinkBar ul li:hover
{	cursor: pointer;
	color: #000;
	background-color: #ccc;
}
.BRdCLinkBar ul>li:hover>a,
.BRdCLinkBar ul>li:hover>a:link,
.BRdCLinkBar ul>li:hover>a:visited
{	color: #000;
}
.BRdCLinkBar ul.route
{	float: left;
}
.BRdCLinkBar ul.site
{	float: right;
}
.BRdCLinkBar ul.site li
{	background-color: #060;
}
.BRdCLinkBar ul.site li:hover
{	background-color: #9f9;
}
.BRdCLinkBar ul.gsearch
{	float: right;
}
.BRdCLinkBar ul.gsearch li
{	background-color: #600;
}
.BRdCLinkBar ul.gsearch li:hover
{	background-color: #f99;
}
.BRdCLinkBar ul.admin
{	width: 100%;
	background-color: #888;
	margin: 0;
	border: 1px solid #000;
	border-left: 0;
	border-right: 0;
}
.BRdCLinkBar ul.admin li
{	background-color: #cc0;
}
.BRdCLinkBar ul.admin li:hover
{	background-color: #ff9;
}

.BRdCLinkBar ul.user
{	float: left;
}
ul.user li,
ul.userdrop li
{	background-color: #006;
	font-variant: small-caps;
}
ul.user li:hover,
ul.userdrop li:hover
{	background-color: #99f;
}
ul.user li>div,
ul.userdrop li>div,
ul.gsearch li>div
{	position: relative;
}
ul.user li>div>*,
ul.userdrop li>div>*,
ul.gsearch li>div>*
{	display: none;
	visibility: hidden;
}
ul.user li:hover>div>*,
ul.userdrop li:hover>div>*,
ul.gsearch li:hover>div>*
{	display: block;
	visibility: visible;
	position: absolute;
	z-index: 32767;
}
ul.user li:hover>div>*
{	left: -5px;
	top: 2px;
}
ul.gsearch li:hover>div>*
{	right: -5px;
	top: 2px;
}
.BRdCLinkBar ul.userdrop
{	height: auto;
	background-color: #444;
	border: 1px solid #fff;
	padding: 1px 1px 3px 1px;
}
ul.userdrop li
{	display: block;
	color: #fff;
	white-space: nowrap;
}
.loginbox
{	font-size: 9pt;
	font-family: Monaco, Courier, fixed;
	background-color: #444;
	border: 1px solid #fff;
	color: #fff;
	width: 140px;
}
.loginbox fieldset
{	background-color: #006;
}
.loginbox label
{	text-align: right;
	font-variant: small-caps;
}
.loginbox a,
.loginbox a:link,
.loginbox a:visited
{	padding: 2px;
	margin-left: 6px;
	color: #fff;
}
.searchbox
{	font-size: 9pt;
	font-family: Monaco, Courier, fixed;
	background-color: #444;
	border: 1px solid #fff;
	color: #fff;
}
.searchbox fieldset
{	margin: 2px;
	padding: 0;
	background-color: #600;
	white-space: nowrap;
}

/**Page Structure Bottom: BRdCFooter **/
#BRdCFooter
{	width: 100%;
	height:110px;
}
#BRdCFooter p
{	font-size: 9pt;
	font-family: fixed;
	text-align: right;
	color: #555;
}
#BRdCFooter .adspace
{	height: 90px;
	padding: 0;
	width:  728px;
	margin: 0 auto 0 auto;
}

/**Page Structure Debug Panel: debug_panel **/
#BRdCDebug
{	width: 1178px;
	border: 1px solid #900;
	background-color: #000;
	color: #090;
}
#BRdCDebug h4
{	width: 1160px;
	border: 2px solid #C00;
	margin: 7px 7px;
	color: #600;
	font-size: 14pt;
	text-align: center;
}

table.debug
{	border: 2px solid #900;
	margin-left: 4px;
	margin-right: 4px;
}
table.debug caption
{	background-color: #A00;
	color: #000;
	font-size: 14pt;
	margin-top: 8pt;
}
table.debug thead th
{	text-align: left;
	font-variant: small-caps;
	font-weight: bold;
}
table.debug tbody tr
{	vertical-align: top;
}
table.debug tbody th
{	text-align: right;
	font-weight: normal;
}
table.debug tbody td
{	text-align: left;
	white-space: pre;
}
table.debug tbody td.type 
{	font-style: italic;
}
	


#topbar
{	width: inherit;
	height: 24px;
	line-height: 24px;
	background-color: #0a0;
	margin: 0;
	vertical-align: middle;
}
#topbar img
{	margin: 2px 4px 0 4px;
}

#leftbar img
{	margin: 2px 4px 2px 4px;
}


/** Map elements : routeEditor (routeViewer?) **/

#map
{	width: 1176px;
	height: 512px;
	background-color: #ccc;
	border: 1px solid #0a0;
}
#controls
{	width: 282px;
	height: 512px;
	position: absolute;
	top: 24px;
	left: 740px;
}
#mapclick
{	width: 281px;
	height: 112px;
	line-height: 16px;
	font-size: 12pt;
	font-family: Times;
}

#pageblock
{	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #33A;
	opacity: .75;
	z-index: 32767;
	visibility: visible;
}
#pageblock div
{	margin: auto;
	margin-top: 300px;
	width: 600px;
	height: auto;
	opacity: 1.0;
	background-color: #AA3;
}


div.routebox
{	width: 192px;
	height: auto;
	font-size: 8pt;
	font-family: Courier, Fixed;
	border: 1px solid #3a3;
}
div.routebox div
{	width: inherit;
}
div.routebox div.borderbox
{	height: 14px;
	width: inherit;
	background-color:#9d9;
	text-align: center;
	font-weight: bold;
	font-size: 10pt;
	vertical-align: middle;
}
div.routebox div.open
{	height: 260px;
	visibility: visible;
	background-color:#cfc;
	opacity: .75;
	overflow: auto;
	overflow-y: scroll;
	overflow-x: hidden;
}
div.routebox div.close
{	height: 0;
	visibility: hidden;
}
div.routebox table
{	font-family: Courier, Fixed;
	font-size: 8pt;
	line-height:13px;
	background-color:#cfc;
	width: 177px;
	table-layout: fixed;
}
div.routebox table tr.hi
{	background-color: #ff0;
	margin: 0;
}
div.routebox table td.hd
{	font-family: Courier, Fixed;
	font-weight: bold;
	text-align: right;
	color: #00a;
	margin: 0;
}
div.routebox table tr, .routebox table tr td
{	margin: 0;
	overflow:hidden;
	white-space: nowrap;
}
div.routebox table img, .routebox table a
{	margin: 0;
	padding: 0;
	vertical-align: bottom;
}
div.routebox table td.mark
{	width: 13px;
	vertical-align: top;
}
div.routebox table td.step, div.routebox td.stepline
{	width: 46px;
	vertical-align:bottom;
	font-size: 7pt;
}
div.routebox table td.stepline
{	background-Image:url(img/line13back.png);
	background-Repeat:repeat-y;
	background-Position:1px 0;
}
div.routebox table tr td.space
{	width: 100px;
	vertical-align: middle;
}
div.routebox img:hover
{	cursor: pointer;
}
div.routebox table td.textbubble, .routebox table td.flags
{	font-size: 7pt;
	width: 20px;
}

div.gRouteEditCntl
{	width: 192px;
	height: auto;
	font-size: 8pt;
	font-family: Courier, Fixed;
	border: 1px solid #3a3;
	background-color: transparent;
}
div.gRouteEditCntl div
{	height: auto;
	width: inherit;	
	margin: 0;
	opacity: .75;
}
div.gRouteEditCntl div.pane_close
{	visibility: hidden;
	height: 0;
}
.gRouteEditCntl div.map_click, .gRouteEditCntl div.lat_lng, .gRouteEditCntl div.geocode
{	height: 12px;
	width: 64px;
	text-align: center;
	vertical-align: top;
	font-size: 10pt;
	opacity: 1.0;
}
div.gRouteEditCntl div.map_click
{	background-color:#9f9;
}
div.gRouteEditCntl div.pane_0
{	background-color:#9f9;
}

div.gRouteEditCntl div.lat_lng
{	position: absolute;
	top: 0;
	left: 64px;
	background-color:#ff6;
	opacity: 1.0;
}
div.gRouteEditCntl div.pane_1
{	background-color: #ff6;
}

div.gRouteEditCntl div.geocode
{	position: absolute;
	top: 0;
	left: 128px;
	background-color:#99f;
	opacity: 1.0;
}
div.gRouteEditCntl div.pane_2
{	background-color: #99f;
}

div.gRouteEditCntl span
{	display: block;
	margin-left:2px;
	background-color:inherit;
}
div.gRouteEditCntl input
{	width: 182px;
	margin: 2pt 2pt;
}

div.gRouteEditCntl div.map_click:hover
{	cursor: pointer;
}
div.gRouteEditCntl div.lat_lng:hover
{	cursor: pointer;
}
div.gRouteEditCntl div.geocode:hover
{	cursor: pointer;
}


/** routeList.php **/

table.routelist_big
{	background-color: #eee;
	border: 1px solid #3a3;
	vertical-align: top;
	font-size: 10pt;
	font-family: times, arial;
	width: 100%;
	min-height: 400px;
}
table.routelist_big thead,
table.routelist_big tfoot
{	background-color: #fff;
	font-weight: bold;
	text-align: left;
	border: 1px solid #eee;
	text-decoration: none;
}
table.routelist_big thead th,
table.routelist_big tfoot th
{	background-color: #ccc;
	text-align: left;
	text-decoration: none;
}
table.routelist_big a,
table.routelist_big a:visited
{	text-decoration: none;
	color: #00f;
}
table.routelist_big a img,
table.routelist_big a:visited img
{	border: 0;
}
table.routelist_big tr
{	vertical-align: top;
}
table.routelist_big tbody tr.even
{	background-color: #eef;
}
table.routelist_big tbody td
{	border: 1px solid #fff;
	border-top: 0;
	border-left: 0;
}
table.routelist_big tbody td.cnt
{	font-size: 8pt;
	width: 4ex;
	background-color: #fff;
	text-align: right;
	padding-top: 2pt;
}
table.routelist_big tbody td.rauth
{	width: 128px;
	text-align: center;
}
table.routelist_big tbody td.rname
{	width: 320px;
}
table.routelist_big tbody td.rname span
{	margin-left: 4px;
	font-size: 7pt;
}
table.routelist_big tbody td.rdesc
{	font-style: italic;
}
table.routelist_big tbody td.rdist
{	width: 10ex;
	text-align:right;
}
table.routelist_big tbody td.rpriv,
table.routelist_big tbody td.rlock
{	width: 18px;
	border-right: 0;
}
table.routelist_big tbody td.rtime,
table.routelist_big tbody td.rctime
{	font-size: 8pt;
	width: 86px;
}
table.routelist_big caption
{	width: 100%;
	caption-side: bottom;
}
table.routelist_big caption .first,
table.routelist_big caption .prev
{	float: left;
	margin-right: 4ex;
}
table.routelist_big caption .last,
table.routelist_big caption .next
{	float: right;
	margin-left: 4ex;
}
table.routelist_big caption .list
{	width: auto;
	text-align: center;
}


table.routelist
{	background-color: #eee;
	border: 1px solid #3a3;
	vertical-align: top;
	font-size: 10pt;
	font-family: times, arial;
	width: 100%;
	min-height: 400px;
}
table.routelist th
{	background-color: #fff;
	font-weight: bold;
	text-align: left;
	border: 1px solid #eee;
	text-decoration: none;
}
table.routelist tr.even
{	background-color: #dfd;
}
table.routelist td
{	vertical-align: top;
}
table.routelist .routename
{	width: 320px;
}
table.routelist .routename span
{	margin-left: 4px;
	font-size: 7pt;
}
table.routelist .description
{	width: 598px;
	font-style: italic;
}
table.routelist .time
{	font-size: 8pt;
	width: 80px;
}

input.inbubbletext
{	font-family: monaco, fixed;
	font-size: 9pt;
	white-space: pre-wrap;
}


/** routeViewer.php **/
.route-text
{	position: relative;
}
table.viewRoute
{	width: 800px;
	background-color:inherit;
}
table.viewRoute th
{	font-family: Arial;
	font-size: 10pt;
	font-weight: bold;
	background-color: #aaa;
	color: #000;
	line-height: 12pt;
	text-align: left;
}
table.viewRoute tr
{	vertical-align: top;
}
table.viewRoute td
{	font-size:12pt;
	font-family: Times;
	text-align: right;
}
table.viewRoute td.info
{	text-align: left;
}

.righted
{	text-align: right;
}
.graygreenback
{	background-color: #5A5;
}


/** admin control over the user Settings **/
fieldset.adminUserSetting
{	font-size: 12pt;
	font-family: Monaco, fixed;
	color: #000;
	vertical-align: top;
	background-color: #eee;
}
fieldset.adminUserSetting legend span
{	color: #600;
}
fieldset.adminUserSetting fieldset
{	background-color: #ccc;
	float:left;
	margin: 0 10px;
}
fieldset.adminUserSetting>br
{	clear: both;
}
table.adminUserSettingTable
{	background-color:#eee;
	font-family: Times, serif;
	font-size: 10pt;
}
table.adminUserSettingTable thead,
table.adminUserSettingTable tfoot
{	font-size: 12pt;
	background-color:#ccc;
}
table.adminUserSettingTable tr
{	vertical-align: top;
}
table.adminUserSettingTable tbody tr th
{	background-color:#ccc;
	text-align:right;
	font-weight: normal;
}
table.adminUserSettingTable td.name
{	text-align: center;
	font-weight: bolder;
}
table.adminUserSettingTable .admin
{	background-color:#fbb;
}
table.adminUserSettingTable .once
{	background-color:#ff9;
}
table.adminUserSettingTable .script
{	background-color:#bfb;
}
table.adminUserSettingTable .user
{	background-color:#bbf;
}
table.adminUserSettingTable .info
{
}
table.adminUserSettingTable td.admin,
table.adminUserSettingTable td.once,
table.adminUserSettingTable td.script,
table.adminUserSettingTable td.user,
table.adminUserSettingTable td.info,
table.adminUserSettingTable td.type
{	text-align: center;
	padding: 0 4px;
}



/** login message type **/
p.login
{	font-size: 18pt;
	color: #00C;
	background-color: #ccc;
	border: 2px solid #00C;
	width: 1174px;
	line-height: 20pt;
	margin: 0;
}
p.login span
{	margin: 1pt;
	font-size: 14pt;
	font-weight: normal;
	font-style: italic;
	float: right;
	line-height: 20pt;
}

p.userSettingTitle
{	margin-bottom: 0;
	font-size: 12pt;
	font-weight: bolder;
}
p.userSettingChoices label
{	white-space: nowrap;
	padding: 0 2em;
	font-size: 11pt;
}
p.userSettingDesc
{	margin-top: 0;
	margin-bottom: 0;
	font-style: italic;
	font-size: 9pt;
	font-weight: normal;
}

.NewAccount p.userSettingTitle
{	float: left;
	margin-top: 0;
	margin-bottom: 0;
	width: 200px;
	text-align: right;
}
.NewAccount p.userSettingDesc
{	float: right;
	margin-top: 0;
	margin-bottom: 0;
	text-align: left;
	margin-right:200px;
	width: 400px;
}
.NewAccount p.userSettingChoices
{	margin-top: 0;
	margin-bottom: 0;
}


.restricted
{	font-size: 24pt;
	font-weight: bold;
	border: 2pt solid #a00;
	background-color: #ee3;
	color: #a00;
	margin: 2pt 2pt;
	text-align: center;
}

/** Martin's preferred checkbox appearance -- 
	Safari doesn't seem to style this at all
	FireFox apparently doesn't implement appearance, requires !important flags
*/
input[type="checkbox"]
{	appearance:checkbox;
}
p.userSettingChoices input[type="checkbox"]
{ 	appearance:normal important;
	border: 0 important;		
	margin: 0;
	padding: 0;
	outline: 0;
	width: 32px;
	height: 13px; 
	background-repeat: no-repeat;
	background-image: url(img/checkblank.png);
	background-repeat: no-repeat;
	background-position: 2px 0px;
}
p.userSettingChoices input[type="checkbox"]:checked
{	appearance: normal !important;
	background-image: url(img/checkcheck.png);
}