﻿/* ------------------------------------------- */
/* Standard Settings */
.mainBody
{
	margin: 0px;
	padding: 0px 0px 0px 0px;
	text-align: center;
	background: #c1c1c1 url(background.gif) top center repeat-x;
}

.frame
{
	width: 920px;
	height: 100%;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;
	border: none 0px;
	text-align: left;
	background-color: #c1c1c1;
}

.updateProgressBar
{
	padding: 10px;
	font: bold 11px Verdana;
	text-align:center;
}

.standardButton
{
	height: 20px;
	color: #4B4A4B;
	font: bold 10px verdana;
	background-color: #C1C1C1;
	border: none;
	cursor: pointer;
	padding: 0px;
	margin: 0px;
}


.map
{
	border: none;
}

/* ------------------------------------------- */
/* Text Styles */
p
{
	font: normal 10px verdana;
	color: #404040;
	line-height:15px;
}


.subTitle
{
	font: bold 10px verdana;
	color: #404040;
	line-height:15px;
}

.mainText
{
	font: normal 10px verdana;
	color: #404040;
	line-height: 15px;
}

input
{
	font: normal 11px verdana;
	color: #404040;
}

textarea
{
	font: normal 11px verdana;
	color: #404040;
}

select
{
	font: normal 11px verdana;
	color: #404040;
}

.title
{
	font: bold 15px verdana;
	color: #00648c;
}

.mapTitle 
{ 
	color: #2a5364;
	font: bold 14px/19px Verdana;
}

.copyHome
{
	color: #3d3d3d;
	font: 10px/15px Verdana;
}

.copy 
{
	padding: 0px 10px 10px 0px;
	color: #3d3d3d;
	font: 10px/15px Verdana;
}

.copy2 
{
	padding: 5px 5px 5px 5px;
	color: #3d3d3d;
	font: 10px/15px Verdana;
}

h1 
{ 
	color: #2a5364;
	font: bold 14px/19px Verdana;
}

a 
{
	font: normal 10px verdana;
	color: #2a7c9d;
	text-decoration: underline;
}

a:hover 
{
	color: #428c2a;
}

.panel {

      background-color: #dadce0;
      padding: 8px 5px 0px 5px;
      margin: 0px;
      color: #3d3d3d;
      font: 10px/16px Verdana;

}


/* Bottom nav 
.bottomlinks {
	padding-left: 88px;
	color: #3d3d3d;
	font: 9px/16px Verdana;
}

a.bottomlink {
	color: #3d3d3d;
	text-decoration: underline;
}

a.bottomlink:hover {
	color: #428c2a;
}
*/

/* ------------------------------------------- */
/* Banner */
.bannerContent
{
	float: left;
	height: 145px;
	margin: 0px auto;
	border: none 0px;
}

.bannerLogo
{
	cursor: pointer;
	width: 920px;
	height: 145px;
	border: none;
}

/* --------------------------------------------------- */
/* Menu Header */
.menuHeaderContent
{
	width: 800px;
	clear: both;
	width: 100%;
	height: 30px;
	padding: 0px;
	margin: 0px;
	background: transparent url(nav_background.gif) top center no-repeat;
}

.menuHeaderContainer
{
	width: 800px;
	height: 30px;
	margin: 0px auto;
	padding: 0px;
	font: bold 10px Verdana;
	border-top: solid 1px #C1C1C1;
	text-align: left;
}

/* Highlight Selected Menu Item */
/* Home */
#index				#topMenu-index				a,

/* About Us */
#aboutUs			#topMenu-aboutUs			#topMenu-aboutUs-root,
#aboutUs			#botMenu-aboutUs			#botMenu-aboutUs-root,
#aboutUs			#topMenu-aboutUs-top a,
#aboutUsMembers		#topMenu-aboutUs-root,
#aboutUsMembers		#topMenu-aboutUsMembers		a,
#aboutUsCommittee	#topMenu-aboutUs-root,
#aboutUsCommittee	#topMenu-aboutUsCommittee	a,
#aboutUsPractice	#topMenu-aboutUs-root,
#aboutUsPractice	#topMenu-aboutUsPractice	a,
#aboutUsTraining	#topMenu-aboutUs-root,
#aboutUsTraining	#topMenu-aboutUsTraining	a,
#membersFind		#topMenu-aboutUsSupplier	a,

/* About LPG */
#info				#topMenu-info				#topMenu-info-root,
#info				#botMenu-info				#botMenu-info-root,
#info				#topMenu-info-top a,
#infoWhat			#topMenu-info-root,
#infoWhat			#topMenu-infoWhat			a,
#infoHome			#topMenu-info-root,
#infoHome			#topMenu-infoHome			a,

#infoVehicle		#topMenu-info-root,
#infoVehicle		#topMenu-infoVehicle		a,
#infoCommercial		#topMenu-info-root,
#infoCommercial		#topMenu-infoCommercial		a,
#infoTech			#topMenu-info-root,
#infoTech			#topMenu-infoTech			a,

/* Safety */
#infoSafety			#topMenu-safety-root,
#infoSafety			#topMenu-safetySafety		a,
#infoStorage		#topMenu-safety-root,
#infoStorage		#topMenu-safetyStorage		a,
#infoAgents			#topMenu-safety-root,
#infoAgents			#topMenu-safetyAgents		a,
#infoAgents			#topMenu-safety-root,
#infoUnflued		#topMenu-safetyUnflued		a,
#infoEmergency		#topMenu-safety-root,
#infoEmergency		#topMenu-safetyEmergency	a,

/* News & Events */
#newsReleases		#topMenu-news				#topMenu-news-root,
#newsReleases		#botMenu-news				#botMenu-news-root,
#newsGasline		#topMenu-news-root a,
#newsGasline		#topMenu-newsGasline		a,
#newsReleases		#topMenu-news-root,
#newsReleases		#topMenu-newsReleases		a,
#newsSubmissions	#topMenu-news-root,
#newsSubmissions	#topMenu-newsSubmissions	a,
#newsConf			#topMenu-news-root,
#newsConf			#topMenu-newsConf			a,

/* Members */
#membersFind		#topMenu-members			#topMenu-members-root,
#membersFind		#topMenu-members-top a,
#membersLogin		#topMenu-members-root,
#membersLogin		#topMenu-membersLogin		a,

#membersHSNO			#topMenu-members-root,
#membersHSNO			#topMenu-membersHSNO		a,
#membersFillers			#topMenu-members-root,
#membersFillers			#topMenu-membersFillers		a,
#membersStationary		#topMenu-members-root,
#membersStationary		#topMenu-membersStationary	a,
#membersManagement		#topMenu-members-root,
#membersManagement		#topMenu-membersManagement	a,
#membersRegs			#topMenu-members-root,
#membersRegs			#topMenu-membersRegs		a,
#membersSales			#topMenu-members-root,
#membersSales			#topMenu-membersSales		a,

/* Contact Us */
#cylinderFilling			#topMenu-cylinderFilling			#topMenu-cylinderFilling-root,
{
	color: #40819C;
}

/* ------------------------------------------- */

/* Contact Us */
#contactUs			#topMenu-contactUs			#topMenu-contactUs-root,
#contactUs			#botMenu-contactUs			#botMenu-contactUs-root
{
	color: #40819C;
}

/* ------------------------------------------- */
/* Main Content */
.mainContent
{
	clear: both;
	width: 770px;
	height: 100%;
	margin: 0px auto;
	padding: 0px 0px 0px 0px;
	border: none 0px;
	background-color: #FFFFFF;
}

.mainWrapper
{
	margin: 0px;
	padding: 1px 10px 10px 10px;
}

/* --------------------------------------------------- */
/* Footer Content */
.footerContent
{
	clear: both;
	width: 920px;
	height: 25px;
	margin: 0px Auto;
	padding: 0px 0px 0px 0px;
	border: none 0px;
	background-color: transparent;
	font: normal 10px arial;
	line-height: 20px;
}

.footerContainer
{
	float: left;
	height: 22px;

	margin: 0px auto;
	padding: 5px;
	border: none 0px;
	color: #ffffff;
	background: transparent;
}

/* --------------------------------------------------- */
/* Menu Footer */
.menuFooterContent
{
	width: 760px;
	margin: 0px Auto;
	padding: 0px 0px 0px 0px;
	border: none 0px;
	font: normal 10px arial;
}

.menuFooterContainer
{
	margin: 0px auto;
	padding: 0px;
	border: none 0px;
	color: #ffffff;
	background: transparent;
}

/* --------------------------------------------------- */
/* Forms */
fieldset 
{
	margin: 0px;
	padding: 0px;
	width: 280px;
	height: 100%;
	font: normal 10px verdana;
	color: #404040;
	border-radius: 16px;
}

legend 
{
	font: bold 11px verdana;
	color: #00648c;
	padding-bottom: 0px;
}

fieldset ol 
{
	padding: 0px 0px 0px 10px;
	list-style: none;
	border-radius: 16px;
}

fieldset li 
{
	font: normal 10px verdana;
	padding: 0px 0px 5px 0px;
}

.requiredFields
{
	color: #00648c;
	padding: 0px;
	margin: 0px;
}

.requiredFieldsLabel
{
	display: block;
	padding: 5px 0px 0px 12px;
	margin: 0px;
	font: normal 10px verdana;
}

.multiLineTextBox
{
	width: 190px;
	height: 50px;
	text-align: left;
	padding: 0px; 
	margin: 0px;
}

.emailSentLabel
{
	display: block;
	height: 21px;
	width: 290px;
	padding: 8px 0px 0px 0px;
	margin: 10px 0px 0px 10px;
	color: #FFFFFF;
	font: bold 11px verdana;
	text-align: center;
	vertical-align: middle;
	background-color: #2D5263;
	border: none;
	cursor: pointer;
}

.emailSentErrorLabel
{
	padding-left: 12px;
	padding-top: 3px;
	color: #FF0000;
	font: bold 11px Arial;
	clear: left;
	float: left;
}

/* ----------------------------------------------- */
/* AIP Settings */
.AIPControl
{
	padding: 5px 0px 0px 0px;
}

.AIPHelp
{
	float: right;
	padding-right: 120px;
	cursor: pointer;
	vertical-align: bottom;
}

.AIPErrorLabel
{
	padding:3px 0px 0px 0px;
	color: Red;
	font: bold 11px Arial;
	clear: left;
	float: left;
}

/* ----------------------------------------------------- */
/* Bullets */
.bulletlist
{
	padding: 0px 0px 0px 20px;
	margin: 0px;
	font: normal 10px verdana;
	color: #3d3d3d;
	line-height: 15px;
}

.bulletlist li
{
	font: normal 10px verdana;
	color: #3d3d3d;
	line-height: 15px;
	list-style: disc;
}

.memberTitle
{
	width: 350px;
	font: bold 14px verdana;
	line-height: 30px;
	text-align: center;
	background-color: #302F2F;
	color: #94CBD4;
}

.member li
{
	font: normal 10px verdana;
	color: #3d3d3d;
	line-height: 15px;
	list-style: none;
	list-style-position:outside;
	padding-bottom: 10px;
	border-bottom: 1px solid #C1C1C1;
}

.member li span
{
	font: bold 12px verdana;
}

/* ------------------------------------------------------*/
/* Validators */
.validator
{
	color: red;
	display: none;
}

/* ------------------------------------------------------*/
/* Modal Dialog */
.modalDialog
{
	padding: 0px 10px 10px 10px;
	margin: 0px;
	font: normal 10px verdana;
	color: #000000;
	line-height: 15px;
	list-style: none;
}

.modalDialog li
{
	padding-bottom: 5px;
	font: normal 10px verdana;
	color: #000000;
	line-height: 15px;
	list-style: none;
}

.modalDialog li label 
{
	float: left;
	width: 175px;
	margin-right: 5px;
	padding-top: 2px;
	text-align: right;

}

.modalDialogVal
{
	display: block;
	padding: 0px 0px 0px 180px;
}

.modalDialogTitle
{
	padding: 10px 0px 0px 10px;
	color: #00648c;
	font: bold 17px/18px Verdana;
}

.modalDialogTitleEditor
{
	color: #00648c;
	font: bold 12px verdana;
}

/* ------------------------------------------------------*/
/* Copyright */
.copyright 
{
	height: 25px;
	padding: 0px 25px 0px 25px;
	color: #ffffff;
	font: 9px Verdana;
	background-color: #4b4a4b;
	line-height: 25px;
}

a.copyrightlink 
{
	color: #fff;
	text-decoration: none;
}

a.copyrightlink:hover 
{
	color: #428c2a;
}


/* ----------------------------------------------------*/
/* GridView */
.gridView
{
	background-color: #FFFFFF;
	border: solid 1px #E7F5DD;
	font: normal 11px Verdana;
	width: 348px;
	height: 100%;
}

.gridViewColumn
{
	text-align: center;
}

.gridView a
{
	color: #00648c;
}

.gridView a:visited
{
	text-decoration:none;
}	

.gridViewHilightRow
{
	color: #FFFFFF;
	cursor: pointer;
	background-color: #284E5F;
}

.gridViewHighLightRowNoClick
{
	background-color: #284E5F;
    color: #FFFFFF;
	cursor: default;
	font-weight: normal;
}

.gridViewHighLightRowNoClick a
{
	color: #FFFFFF;
}

.gridViewAltRow
{
	background-color: #FFFFFF;
    color: #3B4762;
	cursor: default;
}

.gridViewRow
{
	background-color: #7FD0E1;
    color: #3B4762;
	cursor: default;

}

.gridViewHeading
{
	margin: 0px;
	padding: 0px;
	border: none 0px;
	background-color: #284E5F;
	height: 15px;
	color: #FFFFFF;
	font: bold 10px Verdana;
}

.gridViewHeading a
{
	color: #FFFFFF;
}

#errorExplanation {
  width: 400px;
  padding: 7px;
  padding-bottom: 2px;
  margin-bottom: 0px;
  background-color: #f0f0f0;
  margin-top: 20px;
}

#errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: -7px;
  background-color: #f8dcdc;
  color: #333;
  font-family: Verdana, Helvetica, sans-serif; 
}

#errorExplanation p {
  margin-bottom: 0;
  padding: 0px;
}

#errorExplanation ul li {
  margin-bottom: 0;
  padding: 0px;
  font-size: 10px;
  list-style: square;
  line-height: 15px;
  font-family:verdana;
}

#ErrorExplanation {
  margin-top: 20px;
  width: 260px;
  padding: 7px;
  padding-bottom: 2px;
  margin-bottom: 0px;
  background-color: #f0f0f0;
}

#ErrorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: -7px;
  background-color: #f8dcdc;
  color: #333;
  font-family: Verdana, Helvetica, sans-serif; 
}

#ErrorExplanation p {
  margin-bottom: 0;
  padding: 0px;
}

