﻿body {
	margin:0px 0px 20px 0px; padding:0px;
	text-align:center;
	font-family:Verdana,Helvetica,sans-serif;
	font-size:9pt;
	line-height:1.4em;
	}

a {
	text-decoration: none;
	color:Black;
}

a:hover {
	text-decoration:underline;
}

h2
{
	font-family:Trebuchet MS,Times, Serif;
	font-size:24px;
	font-weight:600;
	line-height:2em;
	color:white;
	margin:0 0 0.2em 0;
}

h3
{
	margin-top: 0.8em;
	margin-bottom: 0.2em;
	font-size:11pt;
	clear:left;
}

li
{
	margin-bottom:0.5em;
}

ul li
{
	list-style-type:circle;
}

img {border:none;}

textarea 
{
	font-family:Verdana,Helvetica,sans-serif;
	font-size:9pt;
	background-color:white;
	border-width:0px;
	padding:2px;
	color:#003B72;
}

.btn, .btn90
{
	background-image:url('/images/btn.gif');
	border-width:1px;
	padding:4px;
	font-size:8pt;
	font-weight:bold;
}

.btn{	
	clear:both;
	display:block;
	margin-bottom:8px;
	margin-top:8px;
	margin: 0px auto;
}	

.rb a.btnrep 
{
	margin: 0px 8px 0px 8px;
	padding:8px;
	font-size:14pt;
	font-weight:bold;
	color:#A72F1F;
	border:solid 2px #E24332;
}

.rb a.btnrep:hover
{
	background-color:#F86D5A;
	color:#E24332;
	text-decoration:none;
}
	
.rb a.select 
{
	border:solid 2px white;
	color:white;
}

.btn90
{
	width:90px;
}

#gb /* global box - grey background */
{
	background-color:#E8E8E8;
	background-image:url('/images/gb_st.gif');
	background-position:bottom;
	background-repeat:repeat-x;
	width:100%;
	padding:0;
}

#gbt, #gbb{	background-repeat:repeat-x;
	height:5px;
	width:100%;
}	
	
#gbt /* gradient top of gb */
{
	background-image:url('/images/gb_tg.gif');
	background-position:bottom;
}
#gbb /* gradient bottom of gb */
{
	background-image:url('/images/gb_bg.gif');
}

h1#pt /*page title */
{
clear:both;
background: url('/images/sblogo.gif') no-repeat bottom;
display:block;
height:83px;
margin:0px;
padding:0px;
}

h1#pt span
{
position: absolute;
left:-2000px;
}

div#hp 
{width:390px;height:80px;position:relative;left:-180px;cursor:pointer;}

#ob /* outer box - red border*/
{
	width:750px;
	margin:0px auto;
	text-align:left;
	padding:7px;
	border:1px solid #9D1308;
	background-color:#ef4426;
	position:relative;
	}
	
.ib /* inner box - orange gradient */
{
	background-color:#F56135;
	border:1px solid #ef4426;
	padding:0px;
	width:100%;
	background-image:url('/images/ib_bg.gif');
	background-position:top;
	background-repeat:repeat-x;
	min-height:380px;
	height:auto;
}

.ib a
{
	color:White;
}

#cb /* content box */
{
	padding:8px 8px 8px 16px;
}

#scroller /* horiz scrolling */
{
	position:absolute;
	overflow:auto;
	width:750px;
	height:380px;
    scrollbar-face-color:#F9723F;
}

#ad /* google ad */
{	position:absolute;
	width:250px;
	top:-88px;
	left:8px;
	z-index:2;
}

#rightimgPlay /* bottom right corner image */
{	position:absolute;
	width:506px;
	height:204px;
	top:-221px;
	left:250px;
	z-index:1;
}

#rightimgDoor /* bottom right corner image */
{	position:absolute;
	width:278px;
	height:281px;
	top:-300px;
	left:472px;
	z-index:2;
}

#rightimgPhone /* bottom right corner image */
{	position:absolute;
	width:127px;
	height:246px;
	top:-280px;
	left:600px;
	z-index:2;
}

.b
{	font-weight:bold;
}

.head /*shared header*/
{
	height:35px;
	font-family:Trebuchet MS,Times, Serif;
	font-size:16px;
	font-weight :normal;
	line-height:2em;
	color:White;
	padding-left:12px;
}

.wb /* white box - for action */
{
	margin:8px;
	float:left;
	width:235px;
	min-height:576px; 
	height:auto;
}

.wb .head
{
	background-image:url('/images/bh.gif');
	background-position:left;
}

.wb .head .rh
{	
	background-image:url('/images/bhr.gif');
	background-position:right;
	height:35px;
	width:13px;
	float:right;
}

.wb .content
{
	border-left:1px solid #EF9977;
	border-right:1px solid #EF632C;
	border-bottom:1px solid #EF632C;
	background-color:#FEFFF3;
	color:#3F3F3D;
	padding-bottom:8px;
	min-height:500px;
}

.wb a, .alert a 
{
	color:#ef4526;
	font-weight:bold;
}

.name a 
{
	color:Black;
	font-weight:bold;
}

.rb /* red box - for navigation */
{
	margin:8px;
	float:right;
	width:213px;
}

.rb a, .rbs a
{
	color:White;
}

.rb .head
{
	background-image:url('/images/rh.gif');
	background-position:left bottom;
}

.rb .head .rh
{	
	background-image:url('/images/rhr.gif');
	background-position:right bottom;
	height:35px;
	width:6px;
	float:right;
}

.rb .content, .rb .progress
{
	border-left:1px solid #F76739;
	border-right:1px solid #F76739;
	background-color:#EC4325;
	background-position:top;
	background-repeat:repeat-x;
	color:White;
	padding:2px 8px 2px 8px;
}

.rb .content
{
	background-image:url('/images/r_bg.gif');
	min-height:146px;
}

.rb .progress
{
	background-image:url('/images/r_bg.gif');
	min-height:120px;
}

.rb .foot
{
	background-image:url('/images/rb.gif');
	background-position:left top;
	background-repeat:no-repeat;
	height:10px;
	margin:0px;
	padding:0px;
	
}

.rb .foot .rh
{	
	background-image:url('/images/rbr.gif');
	background-position:right top;
	background-repeat:no-repeat;
	height:10px;
	width:6px;
	float:right;
	margin:0px;
	padding:0px;
}

.gb 
{
	width:200px;
	margin:12px auto;
	background-color: #e8e8e8;
	clear:both;
}

.gb .c
{	padding:0px 8px 0px 8px;
}

.gb .c ul
{
	margin-top:6px;
	margin-bottom:0px;
}

.gb .head /* grey box with rounded corners */
{
	background-image:url('/images/gh.gif');
	background-position:left top;
	height:8px;
}

.gb .head .rh
{	
	background-image:url('/images/ghr.gif');
	background-position:right top;
	width:6px;
	float:right;
}

.gb .foot
{
	background-image:url('/images/gb.gif');
	background-position:left top;
	background-repeat:no-repeat;
	height:10px;
	margin:0px;
	padding:0px;
	
}

.gb .foot .rh
{	
	background-image:url('/images/gbr.gif');
	background-position:right top;
	background-repeat:no-repeat;
	height:10px;
	width:6px;
	float:right;
	margin:0px;
	padding:0px;
}

li.selected 
{

	border-bottom:solid 1px #FF7C4F;	
	border-top:solid 1px #FF7C4F;
	color:black;
	list-style-type:circle;
	padding: 2px;
}

li.selected a
{color:black;
}

.rbs /* small red box - for credits and other uses */
{
	margin:8px;
	float:right;
	width:213px;
	position:relative;
	z-index:5;
}

#divCredits
{
	float:none;
	margin: 8px 0 0 0;
}

.rbs .head
{
	background-image:url('/images/rh.gif');
	background-position:left bottom;
}

.rbs .head .rh
{	
	background-image:url('/images/rhr.gif');
	background-position:right bottom;
	height:35px;
	width:6px;
	float:right;
}

.rbs .content
{
	border-left:1px solid #F76739;
	border-right:1px solid #F76739;
	background-color:#EC4325;
	background-position:top;
	background-repeat:repeat-x;
	color:White;
	padding:2px 8px 2px 8px;
	background-image:url('/images/r_bgs.gif');
	height:auto;
	min-height:60px;
	text-align:center;
}

.rbs .content .details, .rb .content .details, .small
{
	font-size:9px;
	color:#3F3F3D;
}

.rbs .foot
{
	background-image:url('/images/rb.gif');
	background-position:left top;
	background-repeat:no-repeat;
	height:10px;
	margin:0px;
	padding:0px;
	
}

.rbs .foot .rh
{	
	background-image:url('/images/rbr.gif');
	background-position:right top;
	background-repeat:no-repeat;
	height:10px;
	width:6px;
	float:right;
	margin:0px;
	padding:0px;
}

#close
{
	float:right;margin-top:6px;width:19px;height:19px;
}

#replymsg 
{
	z-index:20;
	text-align:left;
}

div.sr  /* spacer - allows floating boxes */
{clear: both; visibility:hidden; }

#foot /* footer*/
{
	width:750px;
	margin:0px auto;
	font-size:8pt;
	text-align:left;
	position:relative;	
}
.left 
{
	float:left;
	text-align:left;
	width:49%;
}	
.right 
{
	float:right;
	text-align:right;
	width:49%;
}


.wb .credits /* right hand coin */
{
	background-image:url('/images/coin.gif');
	width:33px;
	height:35px;
	text-align:center;
	font-family:Trebuchet MS,Times, Serif;
	font-size:16px;
	font-weight:600;
	line-height:2em;
	color:#003B72;
	float:right;
}

.rbs .credits /* large coin */
{
	background-image:url('/images/coinbig.gif');
	width:62px;
	height:59px;
	text-align:center;
	font-family:Trebuchet MS,Times, Serif;
	font-size:24px;
	font-weight:600;
	line-height:54px;
	margin: 0 auto;
}
.rbs .credits a 
{
	display:block;
	width:100%;
	color:#003B72;
}

.help /* tooltips */
{
  cursor: help;
}

/* generic forms */
table.frm 
{
	border:none;
	color:#202020;
	border-collapse :collapse;
}

table.frm tr td
{
	padding:6px 2px 2px 2px;
	vertical-align:top;
}

td.tdh
{
	width:110px;
	font-weight:bold;
}

td.f input, td.f select, .tb
{
	background-color:white;
	border-width:0px;
	padding:2px;
	color:#003B72;
}

input.tb
{
	width:230px;
}

input.w125 {width:125px;}

td.validator
{
	width:100px;
	padding-left:4px;
}

.validator 
{
	color:#D60000;
	font-size:12px;
	font-weight:bold;
	font-family:verdana,Sans-Serif;
}

div.hint
{
	font-size:9px;
}

/* members home page */
div.event 
{
	padding: 4px 8px 4px 8px;
	clear:right;
}

div.replies
{
	margin-top:8px;
	margin-bottom:8px;
	color:#3F3F3D;
	font-weight:normal;
}
a:hover div.replies
{
	text-decoration:none;
}

div.replies div {cursor: help;}

div.replies div div
{
	clear:both;
	float:left;
	width:70px;
	text-align:right;
}

.bar 
{
	height:7px;
	vertical-align:top;
	margin:6px 4px 0px 4px;
	border:0px;
}

.hilite /* emphasise a section with blue */
{
	clear:both;	
	width:217px;
	background-color:#DBEEFC;
	filter:progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#FFEEF5FB,endColorStr=#FFD3EAFC);	

}

.newrequest
{
	width:201px;
	margin: 8px auto;
	background-color:#DBEEFC;
	filter:progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#FFEEF5FB,endColorStr=#FFD3EAFC);	
	border: inset 1px;
	padding: 8px 4px 8px 4px;
}

#screen /*dims content below popup*/
{
	position:absolute;
	width:100%;
	height:2000px;
	background-color:#eee;
	z-index:10;
	-moz-opacity:.50;opacity:.50;
	display:none;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);	

}

#replymsg /*popup*/
{
	position:absolute;
	width:400px;
	height:300px;
	display:block;
	z-index:20;
	display:none;
}

a.btnReply /* Yes, No, Maybe buttons */
{
	display:block;
	float:right;
	border:solid 1px white;
	padding:1px 4px 1px 4px;
	margin:0px 2px 4px 1px;
	font-size:8pt;
	font-weight:bold;
	color:black;
	cursor:pointer;
}

a.btnReply:hover
{
	background-color:#eeeeee;
	border:outset 1px gray;
	background-image:url('/images/btn.gif');
	text-decoration:none;	
}

a.btnReply:active, a.selected
{
	background-color:#eeeeee;
	border:inset 1px gray;
	background-image:url('/images/btn.gif');
	text-decoration:none;	
}

.btnReply img
{
	height:16px;
	vertical-align:middle;
	border:0px;
}


a.notselected 
{
	color:Gray;
}

/* friends list */
.fr td
{
	border-top: solid 1px #DF4E1B;
	border-collapse :collapse;
}

/* white datagrid */
.wr td, .awr td
{

	background-color:#F4AA87;
	color:#3F3F3D;
	padding:3px;
	font-size:8pt;
}

.awr td
{
	background-color:#FE9D6D;
}

/* progress box */

.progress div
{
	margin:2px;
	padding:3px;
	border-bottom:solid 1px #DF4E1B;
}

.progress div.current
{
	font-weight:bold;
}

.progress div.disabled
{
	color:#EF9677;
}

.progress .details
{
	font-size:9px;
	margin-left:14px;
	padding:0;
	border:none;
	color:#3F3F3D;
}

.alert
{
	border-top:1px solid #EF9977;
	border-left:1px solid #EF9977;
	border-right:1px solid #EF632C;
	border-bottom:1px solid #EF632C;
	background-color:#FEFFF3;
	color:#3F3F3D;
	padding:8px;
	width:450px;
	margin-left:15px;
}

img.reply
{
	background-color:White;
	border: solid 1px gray;
}

table.wizard td.leftcol 
{
	vertical-align:top;
}
/* sitting instructions */
.tbTitle, .tbInst
{	width:520px;
	margin: 5px;
	font-size:12px;
	float:left;
	font-family:verdana,Sans-Serif;
}
.tbTitle {font-weight:bold;}
.si 
{border:none;
 margin:4px;
}
.btnBox 
{
	width:20px;
	padding-top:4px;
	float:left;
}
	
#VEMap 
{
	position:relative;
	width:714px;
	height:244px;
	border:1px solid #9D1308;
	background-color:#ef4426;
	color:White;
	line-height: 10em;
	text-align:center;
}

span.loginFail 
{
	position:absolute;
	top:-26px;
	background-color:#EC4325;
	text-align:center;
	color:Yellow;
	font-weight:bold;
}

.emphasis
{	border:solid 1px #9D1308;
	padding:1px;
	background-color:#EF4426;
	color:White;
}	

div.quote
{
    border:3px solid #EF632C;
    background-color:#FEFFF3;
    color:#004C92;
    font-family:Georgia, Palatino, "Times New Roman", Serif;
    padding:8px;
    width:150px;
    height:294px;	
    filter:progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#FFFEFFFE,endColorStr=#FFEFE9E5);	

}

.country
{
    width:130px;
    background-color:#E8E8E8;
    float:right;
    text-align:right;
    padding:4px;
    background-image:url('/images/gb_lg.gif');
	background-position:left;
	background-repeat:repeat-y;
}

.country img
{
    height:11px;
    width:16px;
    margin-right:4px;
}

.country select
{
    font-size:0.75em;
    color:Navy;
}