@charset "utf-8";
/* CSS Document */

html	{height: 100%;}

a	{
	text-decoration:none;
	color: #31a4fc;
	font-weight:bold;
}
a:hover	{
	color: #01709f;
	text-decoration: underline;
}
a:active { outline: none; }
a:focus  { outline: none; }
*:focus  { outline: none; }
img { border:0; }

select, input, textarea {
	font-size:.95em;
}
.netscape-clear {
	clear:both;
}
div.spacer-clear {
	clear:both;
	height:0px;
	overflow:hidden;
	line-height:0;
}

	
/* From theme folder */

/* ---------- Styles common to multiple screens ---------- */

html {
	height: 100%;
	}
body {
	height: 100%;
	margin: 0;
	padding:0;
	font-size: 76%;
	font-family: Tahoma, Geneva, Verdana, Arial, Helvetica, sans-serif;
	background:#f8931d url(/img/body-bg.jpg) repeat-x;
	}
	
	#nonFooter { padding:0 10px; }
	
div#header-wrap {
	height: 6em;
	}
div#header {
	position:absolute;
	top:25px;
	right:10px;
	text-align:right;
	color: #ffdaae;
	font-family:Tahoma, Geneva, Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	text-decoration:none;
	padding-left:250px;
	}
div#header a {
	margin: 0 1em 0 1em;
	color: #ffdaae;
	text-decoration:none;
	}
div#header a.current {
	font-weight:bold;
	}
	
div#searchAreaContainer { width:100%; padding-bottom:60px; }
	
.tagline 
{
	text-align:center;
	margin-bottom:15px;
	}
#nonFooter {
	position: relative;
	min-height: 100%;
	}
* html #nonFooter {
	height: 100%;
	}
#spacer-above-footer {
	clear:both;
	height: 5px;
	}
div#footer {
	position: relative;
	margin-top: -50px;
	width:100%;
	height: 40px;
	padding-top:10px;
	background-image: url(/img/footer-bg.jpg);
	background-repeat: repeat-x;
	text-align:center;
	overflow:hidden;
}
div#footer * { margin:0 15px; padding:0; }

div#footer a {
	margin: 0 1em 0 1em;
	color: #5e5e5e;
	text-decoration:none;
	font-weight: normal;
	}
div#footer a.current {
	font-weight: bold;
	}
div#footer-links {
	font: .9em Tahoma, Geneva, Verdana, Arial, Helvetica, sans-serif;
	margin: 2px 0 5px 0;
}
div.footerblurb { font-size:9px; line-height:13px; color: #5e5e5e; }
div#spacer-above-footer-links {
	height: 1.3em;
}

div#logo {
	PADDING: 1em 1em 2em 0.2em; 
}
div#logo span.logo_roamfree
{
	FONT-WEIGHT: bold; 
	FONT-SIZE: 25pt; 
	LINE-HEIGHT: 30px; 
	FONT-FAMILY: Arial, Helvetica, sans-serif; 
	LETTER-SPACING: -1px
}
div#logo span.logo_gas
{
	FONT-WEIGHT: bold; 
	line-height:14px; 
	COLOR: white; 
	FONT-FAMILY: Arial, Helvetica, sans-serif
}

#paddedArea { padding:10px; }
  
  
/*  Search area tabs stuff */  
  
	#tabsContainer { height:auto; font-family:Tahoma, Arial, Helvetica, sans-serif; padding-left:10px; overflow:visible; }
		#tabsContainer .tabs { float:left; height:24px; font-weight:bold; margin-right:2px; overflow:visible; white-space:nowrap; }
		
		#tabsContainer .tabText { float:left; white-space:nowrap; height:24px; }
		#tabsContainer .tabLeftArt , #tabsContainer .tabRightArt  { width:7px; height:24px; float:left; }
			
			#tabsContainer .foreground { position:relative; top:1px; z-index:100; }
			#tabsContainer .foreground .tabLeftArt  { background:url(/img/tabs/foreground-lhs.gif) no-repeat left top; }
			#tabsContainer .foreground .tabText     { background: url(/img/tabs/foreground-centre-tile.gif) repeat-x left top; }
				#tabsContainer .foreground .tabText a { color:#333; text-decoration:none; display:block; padding:4px 25px 0 30px; font-size: 1.1em; text-transform:capitalize;
														background:url(/img/tabs/foreground-arrow.gif) no-repeat 5px 9px; }
					#tabsContainer .foreground .tabText a:hover {  }			
			#tabsContainer .foreground .tabRightArt { background:url(/img/tabs/foreground-rhs.gif) no-repeat left top; }
		
			#tabsContainer .background .tabLeftArt  { background:url(/img/tabs/background-lhs.gif) no-repeat left top; }
			#tabsContainer .background .tabText     { background: url(/img/tabs/background-centre-tile.gif) repeat-x left top; }
				#tabsContainer .background .tabText a { color:#FFF; text-decoration:none; display:block; padding:7px 15px 0 20px; font-size: 0.9em;
														background:url(/img/tabs/background-arrow.gif) no-repeat 5px 10px; }
					#tabsContainer .background .tabText a:hover { background:url(/img/tabs/background-arrow-hov.gif) no-repeat 5px 10px; }									
			#tabsContainer .background .tabRightArt { background:url(/img/tabs/background-rhs.gif) no-repeat left top; }

		#tabsContainer .propertyName { width:23em; overflow:hidden; }		
		#tabsContainer .hidden { display:none; }


/*  Page layout stuff */

	/* Top rounded corners bit */
	#srContTop { height:7px; width:100%; font-size: 1px; line-height:1px; overflow:hidden; clear:both; }
		#srContTop .lhCorner    { width:7px; float:left; background:url(/img/layout-top-left-corner.gif) no-repeat left top; height: 7px; position:relative; top:-7px;  }
		#srContTop .centreTile  { background: #FFF url(/img/layout-top-centre-tile.gif) repeat-x left top; margin:0 7px; height: 7px; }
		#srContTop .rhCorner    { float:right; width: 7px; height: 7px; background:url(/img/layout-top-right-corner.gif) no-repeat right top; position:relative; top:-7px; }
	
	/* Body Area layout bit */
	
	#bodyArea { background: #FFFFFF url(/img/body-area-bg.jpg) repeat-x left top; border-left:1px solid #999; border-right:1px solid #999; padding:0 10px 1px 10px; }
	
	/* Bottom rounded corners bit */
	#srContBot { height:7px; width:100%; font-size: 1px; line-height:1px; overflow:hidden; margin:0 auto; padding:0;  }
		#srContBot .lhCorner    { width:7px; float:left; background:url(/img/layout-bot-left-corner.gif) no-repeat left top; height: 7px; position:relative; top:-7px;  }
		#srContBot .centreTile  { background: #FFF url(/img/layout-bot-centre-tile.gif) repeat-x left top; margin:0 0 0 7px; height: 7px; border-right:1px solid #999; }
		/*	#srContBot .rhCorner    { float:right; width: 7px; height: 7px; background:url(/img/layout-bot-right-corner.gif) no-repeat right top; position:relative; top:-7px; } */
		#srContBot .rhCorner { display:none; }
	
	/* Powered by GAS */
	
	#poweredByGas { text-align:right; position:relative; top:-1px; z-index:100; margin:0 auto; padding:0 1px;}
	/* Hack for IE6 rendering bad - it reads above, but not this one, can't read child selectors! */
		div > #poweredByGas { padding:0; }


	
/* ------------------------------------------------------------ */
/* ---------------- Site  Map Bits ---------------------------- */
/* ------------------------------------------------------------ */
		
#siteMapContainer { font-size:11px; }
	#siteMapContainer .siteMapCol { width: 48%; margin-left:0.5%; margin-right:0.5%; float:left; margin-top:5px; margin-bottom: 7px; position:relative; overflow:hidden; }
	#siteMapContainer .siteMapCol * { margin:0; padding:0; list-style:none; }
	#siteMapContainer h2 { font-size: 18px; }
	#siteMapContainer h3 { font-size: 14px; }
	#siteMapContainer .siteMapCol h2, #siteMapContainer .siteMapCol h3 { padding:1em 0 0.5em 0; }
	#siteMapContainer a { color: #666; font-weight:normal; }
		#siteMapContainer a:hover { color:#238CC5; }
	#siteMapContainer .siteMapCol ul li a { padding-left:16px; background:url(../../_images/site-map-arrow.gif) no-repeat left 2px;  }
		#siteMapContainer .siteMapCol ul li a:hover { background:url(../../_images/site-map-arrow-HOV.gif) no-repeat left 2px; }	
		
/* -------------------------------------*/
/* -- > Various attention overlays < -- */
/* -------------------------------------*/

#overlayBackground { background: #000; position:absolute; z-index:950; width:100%; height:100%; opacity: .6; filter: alpha(opacity=60); cursor:pointer; }
	.over-back-hidden { display:none; }

#attentionOverlay { position:absolute; z-index: 999; font-size:11px; overflow:hidden; left:50%; top:44%; overflow: hidden; }
	.over-hidden  { display:none;  }
	.over-show    { display:block; }
	.over-x-small { width: 220px; height:150px; margin:-50px 0 0 -100px;  }
	.over-small   { width: 340px; height:210px; margin:-90px 0 0 -170px;  }
	.over-medium  { width: 460px; height:270px; margin:-120px 0 0 -230px; }
	.over-large   { width: 560px; height:370px; margin:-160px 0 0 -290px; }
	.over-x-large { width: 660px; height:450px; margin:-210px 0 0 -320px; }
	
		.over-x-small .innerContainer { height: 63px; }
		.over-small .innerContainer   { height:123px; }
		.over-medium .innerContainer  { height:183px; }
		.over-large .innerContainer   { height:283px; }
		.over-x-large .innerContainer { height:343px; }
	
	.overlayTabsCont {  }
		.overlayTabsCont .tabs { position:absolute; top:1px; height:24px; }
			.overlayTabsCont .tabs .tabText       { background: url(/img/tabs/foreground-centre-tile.gif) repeat-x left top; height:24px; margin:0 5px; clear:both; overflow:hidden; }
				.overlayTabsCont .tabs .tabText a { color: #000; display:block; padding:5px 1em; font-size:13px; float:left; font-weight:bold; text-decoration:none;}
			.overlayTabsCont .tabs .tabLeftArt    { background:url(/img/tabs/overlay-tab-lhs.gif) no-repeat left top;float:left; height:24px; width:6px; position:relative; top:-24px; }
			.overlayTabsCont .tabs .tabRightArt   { background:url(/img/tabs/overlay-tab-rhs.gif) no-repeat left top;float:right; height:24px;width:6px; position:relative; top:-24px; }
	
	#overLayTabTitleCloser { clear:right; float:right; position:relative; top:1px; left:10px; cursor:pointer; }
			
	#attentionOverlay .outerContainer  { clear:both; margin-top:23px; border:2px solid #999; padding:3px;background: #FFFFFF url(/img/body-area-bg.jpg) repeat-x left top; }
	#attentionOverlay .innerContainer  { padding:5px 20px 10px 20px; text-align:left; overflow:auto;   }
	#attentionOverlay .outerContainer  .closeButton { padding:5px 0 0 20px; }
	
/* ----------------- */
/*  LEAVE THESE LAST */
/* ----------------- */

#aspnetForm { height:100%; min-height:100%; margin:0; padding:0; }
#nonFooter{ margin: 0 auto; min-height: 100%; }
* html #nonFooter { height: 100%; }

/* The CSS that's required to position the footer */
html{ height: 100%; }
body { margin:0; padding:0; height: 100%; }
#bodyContainer { height:100%; position: relative; }
* html #bodyContainer { height: 100%; }