body 
{background-color: #ffffff;	text-align: center;	margin: 0;	padding: 0;	font-size: 0.7em; font-family: Verdana, Arial, Helvetica, sans-serif;}

/* Content wrappers */
#ContentWrapper		{position: relative; width:100%; background: #ffffff;}
#topMarginWrapper	{position: relative; width:99.9%; background: #ffffff; margin: 0px auto 0px auto; padding: 10px 0px 0px 0px; text-align: left;}

/* Column layouts */
#left30Wrapper		{float: left; width: 20%; background: #ffffff; padding: 0px 0px 0px 20px;}
#right70Wrapper		{float: right; width: 69%; background: #ffffff;}

.InputForm .FormLabel	{display:block; width:97% }
.InputForm .FormField	{width:97%;}.InputForm .FormInstruction	{display:none;}

/* Homepage specific */
#hmeWelcomeImg {float: left; width: 347px; padding:0px;	height:200px; color: #000000;}
#hmeWelcomeText {
	position:absolute;
	top:0px;
	left:0px;
	float: left;
	z-index:21;
	width: 320px;
	padding:0px;
	height:200px;
	color: #000000;
	background:transparent;		
}	
#hmeWelcomeText p {
	font-weight: normal;
	margin-left: 33px;
	margin-right: 90px;
	width: 190px;
	background: transparent;   
}
#hmeWelcomeText h2 {
	margin-top: 20px;
	margin-left: 33px;
	padding:0px;
	font-size: 1.4em;   
	background: transparent;	   
}


#hmeWelcomeText h3 {
	margin-top: 20px;
	margin-left: 33px;
	padding:0px;
	font-size: 1.2em;   
	font-weight: bold;
	background: transparent;	   
}
#hmeSearch 
{
	margin-left: 344px;
	background: url(/CommonResources/Images/box/tl_crn_grn_search.gif) no-repeat;
	padding-left: 45px;
	padding-right: 25px;
	padding-bottom: 18px;
	background-color : #5d245a;
}
/* ignored by ie; makes mozilla stretch the div containing floats */
#hmeSearch:after { 
	content: "."; display: block; line-height: 1px; font-size: 1px; clear: both;
}
#hmeSearch h3 {
	margin:0;
	padding:12px 0px 12px 0px;
	color: #000000;
	background-color : #5d245a;
	font-weight: bold;
}
.hmeForm	
{
	position:relative;
	left:0px;	
	top:0px;
	height: 60px;
	padding-top:2px;
	padding-bottom:2px;
	background: transparent;
	clear: right;
}
.hmeFormField	{
	float:left;
	background : transparent;
	width:150px;
	font-weight: bold;
	color:#000000;
}
.hmeFormMainInstruction	{float:left; background : transparent; display:inline; width:50%; text-align : left; padding-top: 15px; padding-left: 12px; color: #0e5cab;}

/* Browse */
#SubjectBrowseTitle {/*no need for any extra styling*/}
#LocationBrowseTitle .MainContentBoxTitleStart {background:#5d245a; color:#000000;}

.Browse3ColLghtgrnBrdoff{
	float: left;
	padding-left: 8px;
	padding-top: 10px;
	padding-bottom: 20px;
	width: 32%;
	background: #b664b1;
	/*Equal height columns hack below */
	padding-bottom: 32767px;
	margin-bottom: -32767px;
}
.Browse3ColLghtgrn{
	float: left;
	padding-left: 8px;
	padding-bottom: 20px;
	padding-top: 10px;
	width: 32%;
	background: #b664b1;
	border-left: 1px solid #5d245a;
	/*Equal height columns hack below */
	padding-bottom: 32767px;
	margin-bottom: -32767px;
}
.SubjectBrowseLinks {
	overflow: hidden;  /*Equal height columns hack - see: http://www.positioniseverything.net/articles/onetruelayout/equalheight */
	float: left;
	text-align : left;
	left:0px;
	top:0px;
	margin-top: 0px;
	width:100%;
	background: #b664b1;
}
.LocationBrowseLinks {
	float: left;
	text-align : left;
	left:0px;
	top:0px;
	margin-top: 0px;
	width:100%;
	background:#ffffff;
}
.Browse3ColBrdoff{
	float: left;
	width: 32%;
	padding-left: 8px;
	padding-top: 10px;
	padding-bottom: 20px;
	background: #ffffff;
}
.BrowseColLocOpt{
	float: left;
	width: 32%;
	padding-left: 8px;
	padding-top: 10px;
	padding-bottom: 20px;
	background: #ffffff;
}



/* Homepage browse */
.hmeBrowse {
	margin-right: auto;
	width:96%;
	margin-left: auto;
	text-align : left;
	left:0px;
	top:0px;
	padding: 0px;
	background: transparent;
}
.hmeBrowseTitle h2	{
	float:left;
	height:36px;
	vertical-align : top;
	padding-left:40px;
	padding-top:8px;
	margin: 0px;
	background: transparent url(/CommonResources/Images/icons/i_browse.gif) no-repeat;
}
.hmeBrowseLinks {
	text-align : left;
	left:0px;
	top:0px;
	padding: 0px;
	margin-top: 0px;
	width:100%;
	clear: both;
	background:transparent;
}
.hmeBrowseCol {
	left:4%;
	float:left;
	padding-left:8px;
	width:24%;
	background:#ffffff;
	border-left: 1px solid #5d245a;	
}
.hmeBrowseColBrdoff {
	left:4%;
	float:left;
	padding-left:8px;
	width:24%;
	background:#ffffff;
	
	/*Equal height columns hack below *
	/*This is commented out again as this hack was producing huge space at the bottom
	  in Firefox, Netscape, Opera and Safari browsers*/
	/*padding-bottom: 32767px;*/
	/*margin-bottom: -32767px;*/
}.NewsCol 
{left:4%; float:right; padding-left:0px; width:24%;	background:#ffffff;}

/*
**
** new header ccs
**
**/
#header {height:1%; border-bottom: #f7f7f7 0.1em solid;}
#header a, #header a:link, #header a:visited, #header a:active {text-decoration: none; color: #000000;}

#header .qlinks {background: url('/commonresources/banner/quickLinksLine.png' ) left top; height: 36px;}
#header .qlinksleft { background: url('/commonresources/banner/quickLinksLhs.png' ) no-repeat left top; position: absolute; width: 24px; height: 36px; z-index:100;}
#header .qlinksright {background: url('/commonresources/banner/quickLinksRhs.png' ) no-repeat right top; height: 36px;}
#header .qlinksright .c1 { position: absolute; width: auto; padding: 5px 0px 0px 24px;  background-color:#ffffff;}
#header .qlinksright .c2 { position: relative; width: auto; float: right; text-align: right; padding: 5px 0px 0px 0px; margin: 0px 24px 0px 0px;  background-color:#ffffff; }
#header .qlinksright .c2 img {vertical-align:top;  height:18px; width:18px;}
.clear {font-size: 1px; height: 1px;}

#header .qlinksright input 
{vertical-align:top; color:#000000;	border:1px solid #5d245a; font-weight:normal; margin: 0px 0px 0px 0px; padding:0px; width:125px; font-size:1em;}

#header .swish {background: url('/commonresources/banner/redLine.png' ) left top; height: 100px;}
#header .swishC1 {float: left; height: 100px; width: 339px;}
#header .swishC2 {background: url('/commonresources/banner/strapLineSwish.png' ) no-repeat right bottom; float: right; height: 100px;}
#header .swishC2 .helpline {/*float: right; */ margin-left: 12px; margin-right: 12px; margin-top: 5px; /*right: 12px; */ text-align: right; font-size: 1.4em; font-weight: bold; color: #e77398; clear: both; white-space: nowrap;}

#header .swishC4 {float: left; height: 100px; width: 364px;}
#header .prefs  {background-image: url(images/prefsSlice.jpg); margin-right: 11px; width: 408px;}
#header .prefsTop {background: url(images/prefsTop.jpg) no-repeat bottom center; height: 10px; margin-right: 11px; width: 408px;}
#header .prefsBottom {background: url(images/prefsBottom.jpg) no-repeat top center; height: 10px; margin-right: 11px; width: 408px;}
#header .prefs-inner {padding: 0px 0px 2px 9px; text-align: left;}

.Link
{color: #d30044;}

#breadcrumb 
{
	text-align:left; 
	font-size: 1em; 
	width: 100%; 
	padding: 5px 0px 5px 10px; 
	position:relative;
	border-bottom:solid 1px #F7F7F7;
}
#breadcrumb em {font-weight: bold; font-style:normal;}

/*
**
** Footer
**
*/

#footer {font-size: 0.9em;  text-align: center;  border-top: #f7f7f7 0.1em solid; background-color:#ffffff;}
#footer .quickLinks {padding-bottom: 1em; padding-top: 1em;}
#footer a, #footer a:link, #footer a:visited, #footer a:active {  
    text-decoration: none; color: #000000;}
#footer .helplineLink a, #footer .helplineLink a:link, #footer .helplineLink a:visited, #footer .helplineLink a:active  {text-decoration: none;  color: #5d245a;}

/*
**
** main page stuff
**
*/
.PageContents
{padding: 10px 0 0 3px;	text-align:left;}
.PageContents #WelcomeText
{padding-left:10px;	text-align:justify;}
.PageContents .UKMap
{float: left; text-align:left; padding-left:20px;width:300px;}

.Adverts
{padding: 10px 0px 0px 15px; float: right; width: 220px; text-align: left;}
.Adverts .Previous
{float:left; position:relative;}
.Adverts .Next
{float:right; position:relative; padding-right:5px;}

/*
**
** Inputs
**
*/
input 
{vertical-align:top; color:#000000;	border:1px solid #5d245a; font-weight:normal; margin: 0px 0px 0px 0px; padding:0px;}


/*
**
** Option Boxes
**
*/

.OptionsBoxTitleStart				{background:#ffffff;}
.OptionsBoxTitleZoomOutIcon,
.OptionsBoxTitleZoomOutIconRounded	{float:left;}
.OptionsBoxTitleZoomOutIcon 		{background:#ffffff;}
.OptionsBoxTitleZoomOutIconRounded 	{background:#ffffff;}
.OptionsBoxTitleZoomOutIcon h3,
.OptionsBoxTitleZoomOutIconRounded h3 {padding-left:10px; color:#ffffff;}
.OptionBoxInstr	{text-align: left; color: #0e5cab; font-weight: normal; width: 92%;}
.OptionsBoxContent 
{
    /*position:relative; */
    padding:  5px 0px 5px 8px;	
    border: none;
	voice-family: "\"}\"";      /* fix ie5win - options box title overflows into content border without this */
	voice-family: inherit;   
	padding-left:8px;
	/*width:100%;*/
	/*border-bottom:none;*/
}
.OptionsBoxContent 	h3 {padding-left: 0px;}
.OptionsBoxContent  hr {height:1px; border:0px; background-color:#000000;} /* firefox requires the 0px border and background colour*/

.Reports .OptionsBoxTitleStart		{background-color: #f5deb3; height: 28px;}
.Reports .OptionsBoxTitleZoomOutIconRounded {background-color: #f5deb3; background-image: url(/CommonResources/Images/icons/report_options.gif); background-repeat: no-repeat; height: 28px;}
.Reports .OptionsBoxTitleZoomOutIconRounded h3 {color: #8b4513; font-size: 1.3em; padding: 6px 0px 0px 44px;}
.Reports .OptionsBoxContent {background-color:#ffefd5; border: 1px solid #f5deb3; color: #8b4513; padding: 5px 0px 5px 8px;}
.Reports .OptionsBoxContent hr {color: #8b4513; height: 1px;}
.Reports .OptionsBoxContent a {color: #8b4513;}
.Reports .OptionsBoxContent .FormButton {background-color: #f5deb3; border: 0px!important;}

/*
.OptionsBoxContent a, .OptionsBoxContent a:link, .OptionsBoxContent a:visited, .OptionsBoxContent a:active
{color: #0046ad; font-weight:bold; text-decoration:none;}
.OptionsBoxContent a:hover 
{color: #ffffff; background-color: #5d245a;}
*/

/* news box */
.WhatsNewBox {padding: 0px 0px 5px 0px;}
.WhatsNewBox .OptionsBoxTitleStart{padding:0px; background-color:#ffffff; height:100%;}
.WhatsNewBox .OptionsBoxTitleZoomOutIcon{background-color:#ffffff; height:100%;}
.WhatsNewBox .OptionsBoxTitleZoomOutIconRounded {background-color:#ffffff; height:100%;}
.WhatsNewBox .OptionsBoxTitleZoomOutIcon h3,
.WhatsNewBox .OptionsBoxTitleZoomOutIconRounded h3{font-size:1.2em; color: #d30044; font-weight:bold;height:100%;}
.WhatsNewBox .OptionsBoxContent
{border: none;}

/*
.WhatsNewBox a, .WhatsNewBox a:link, .WhatsNewBox a:visited, .WhatsNewBox a:active
{color: #d30044; font-weight:normal; text-decoration:none;}
.WhatsNewBox a:hover 
{color: #ffffff; font-weight:normal; background-color: #d30044;}
*/

/*
**
** Options icons
**
*/
.SearchOptions              {border-right: #d4e5f3 1px solid; border-top: 0px; border-left: #d4e5f3 1px solid; border-bottom: #d4e5f3 1px solid; width: auto; }
.SearchOptions .optionIcons {background: transparent; text-align: left; float: left; padding: 4px 4px 0px 0px; margin: 0px 0px 10px 0px; width: auto;}
.optionIcons                {position: relative; background: transparent; text-align: left; float: left; padding: 0px 12px 0px 30px; margin: 0px 0px 10px 0px; clear: both; /*width: 100%;*/}
.SearchOptions              {padding: 2px 0 2px 10px; vertical-align: middle; width: 100%;}
.SearchOptions .optionIcons {clear: none;}
.optionImageLinkButton      {padding: 0px; padding-right: 10px; margin: 0px;}
.optionImageButton          {position: absolute; top: 0px; left: 0px; width: 30px; margin: 0px; padding: 0px;}
.optionImageButton img      {margin: 0px; padding: 0px; border: none;}
.optionIcons a, a:visited   {color:#0066CC;}

/*
**
**  Main Content Box
**
*/
.MainContentHeadingBox {padding: 0px; margin:0px; }
.MainContentHeadingBox h3 {padding:0px; margin:0px;}
.MainContentHeadingBox .c1 {width: 90%; float:left;}
.MainContentHeadingBox .c2 { width: 10%; float: right; }



#SubtitleBackground	{margin:0; background-color:#f7f7f7;}
#Subtitle {padding-left: 12px; padding-top: 4px;	padding-bottom: 4px; vertical-align: middle; text-align: left;}
#Subtitle h4 {color:#d30044;}
#Subtitle .optionIcons
{
	float:right;
	width:auto;
	margin:0 0 0 0;
}

/*
**
**  Sections
**
*/
#SectionInstructions {text-align: left;	
    margin-top: 0;	padding-left: 12px;	padding-right: 12px; padding-top: 5px;	padding-bottom: 5px;
	background: #ffffff; border: none;	color: #000000;	
	font-weight: normal; line-height:1.3em;}
	
.SectionContent {text-align: left; margin-top: 0px; padding: 5px 12px 5px 12px; margin-bottom: 7px; border-bottom: solid 1px rgb(145,155,156); color: #000000; font-weight: normal; line-height:1.3em;}
	
.SectionContentNme	{font-weight: normal; float:left;width:20%;
	padding-left: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: 5px;
	text-align:left; background: Transparent;}
	
.SectionContentDet	{font-weight: normal; width:77%;
	padding-left: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: 5px;
	text-align:left; float:left;
	background: Transparent;}
	
.SectionContent ul, li {font-weight: normal;}

.SectionTitleBackground {padding-left: 12px; margin:0;}

.SectionTitle {background: none Transparent scroll repeat 0% 0%; vertical-align: middle;
 padding-top: 0px; padding-bottom: 0px;}
     
.SectionTitle h5 {display:inline; float: left; 	margin-left: 0px; padding-top: 4px; color:#d30044; font-weight:bold; font-size: 1.2em;}
.SectionTitle h4 {display:inline; float: left; 	margin-left: 0px; color:#d30044; font-weight:bold;}

/*
**
** Misc
**
*/
.resStatus {font-weight: bold;}
.categoryHighlight {color: #000000;}


/*
**
** Tabs
**
*/
/* tabs */
#tab        {float: left; width: 100%;	line-height: normal; background-color: #ffffff;	padding-top:0.8em;}
#tab ul	    {margin:0; padding: 0px 10px 0px 0px;}
#tab li     {list-style:none; display:inline; float:left; margin: 0px 3px 0px 3px; padding: 0px 0px 0px 9px; background:url("/CommonResources/Images/box/left_tab.gif") no-repeat left top;}
#tab span   {float:left; display:block; background:#5d245a url("/CommonResources/Images/box/right_tab.gif") no-repeat right top; padding: 5px 10px 4px 0px;}
#tab span a {font-weight:bold; color:#ffffff; text-decoration:none;}
/* Commented Backslash Hack
hides rule from IE5-Mac \*/
#tab span {float:none;}
/* End IE5-Mac hack */
#tab span a:hover {color:#f4aa00;}

#tab #current 
{
    /*background:#e3c5e2 url("/CommonResources/Images/box/selected_left_tab.gif") no-repeat left top;*/
}
#tab #current span 
{
    background:#e3c5e2 url("/CommonResources/Images/box/selected_right_tab.gif") no-repeat right top;
    height: 15px;
}

#tabLineBg		{margin:0px; padding: 4px 0px 4px 0px; background: #e3c5e2; text-align: left;}

/* ignored by ie; makes mozilla stretch the div containing floats */
#tabLineBg:after {content: "."; display: block; line-height: 1px; font-size: 1px; clear: both;}

/*
**
** Forms
**
*/

.FormFieldHalf		{float: left; width: 48%;}
.FormFieldLeftHalf	{float: left; width: 48%; padding: 0px; margin: 0px;}
.FormFieldRightHalf	{float: right; width:48%; padding: 0px; margin: 0px;}
.FormInstruction	{
	background :#ffffff; 
	text-align : left;	
	width:30%;
	float:left;
	padding-left: 12px;
	color: #0e5cab;
	font-weight: normal;
	margin-top: 0;
}

.FormBackgroundBotLnk	{
	padding-top: 5px;
	padding-bottom: 10px;
	text-align : left;
	padding-left: 12px;
	padding-right: 12px;
	background: none Transparent scroll repeat 0% 0%;
}
.DefaultTextBox	{width:98%;	voice-family: "\"}\""; 	voice-family:inherit;}
html>body .DefaultTextBox {width:95%;}

.DefaultMultiLineTextBox	{width: 98%; height: 10em; border: #5d245a 1px solid; background:#ffffff; color:#000000;}
.AffiliateLinkHTMLTextBox	{width: 98%; height: 5em;  border: #5d245a 1px solid; background:#ffffff; color:#000000;}
.DistanceTextBox			{width: 40px;}
.PostcodeTextBox			{width: 90px;}
.GoToPageTextBox			{width: 30px;}
.DateTextBox				{width: 90px; display: inline;}
.AgeTextBox					{width: 24px;}

.FormField			{font-weight: normal; float: left; background: #ffffff; font-weight: normal; margin-top: 0; color: #000000;	padding-left: 2px; width: 40%;}
.FormField select	{width: 98%; border: solid 1px #5d245a;}

.FormContent {background-color :#ffffff;}
.FormContent hr {color: #007a73;}
.FormContent #dgResults {border: #5d245a 2px solid;	background-color: #ffffff;	margin:12px;}

.InputForm {border: #5d245a 1px solid;	background-color : #b664b1;	margin:6px;}

.InputForm legend		{background:#5d245a; padding: 3px 12px 3px 12px; color: #ffffff; width: 100%;}
.FormBackground			{background:#ffffff; padding: 0px; padding-bottom: 10px; color: #000000; width: 100%;}
.FormBackgroundBotBtn	{background:#ffffff;  padding: 0px 12px 10px 12px;}
#FormMainInstruction	{background:#ffffff;  color:#0e5cab; position:relative;}
#FormHelp img			{margin:2px; vertical-align: middle; background : #b664b1;}
.FormEditOptions		{float:left; width:23%; padding: 8px 5px 0px 0px;}
.FormEditBox			{float:left; width:74%; padding: 8px 5px 0px 0px;}
.FormEditBox .FormLabel			{width:20%;}
.FormEditBox .FormField			{width:57%;}
.FormEditBox .FormInstruction	{width:20%;}
.FormLabel	{background:#ffffff; float:left; width:23%; padding: 3px 5px 0px 0px; font-weight:bold; color:#000000;}

.DefaultDropDown {margin:0px;}

.FormBackground #FormMainInstruction {display:inline; float: left; 	margin-left: 0px; color:#d30044; font-weight:bold; background-color:#ffffff; font-size:1.2em;}

.FormBackground .FormLabel,.FormEditOptions {padding-left:12px;}

#topMarginWrapper .ZeroHeight
{
	background-color:#F7F7F7;
}
#topMarginWrapper .SearchCriteriaSummary
{
	background-color:#F7F7F7;
	vertical-align:middle;
}

#topMarginWrapper .HelpButton_LightBG 
{
	padding-top:0px;
}
	
.RadioButton input {
	margin-top: 0px;
	margin-bottom:0px; 
	padding:0; 
    border-width:0px;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	border-bottom-style: none;
}
.RadioButton label {
	margin-top: 0px;
	margin-bottom:0px; 
	padding:0; 
    border-width:0px;
	color:#000000; 
}
.CheckBox{display:inline ;
	margin-top: 0px;
	margin-left:0px; 
	margin-bottom:0px; 
	padding:0; 
    border-width:0px;
	height:1em;
	}
.CheckBox input{
	margin-top: 0px;
	margin-left:0px; 
	margin-bottom:0px; 
	padding:0; 
    border-width:0px;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	border-bottom-style: none;
	 height:1em; 
}
.CheckBox label{
	margin:0;
	padding:0; 
    border-width:0px;
	color:#000000; 
}
textarea {
	width: 100%; 
	height: 10em; 
	margin-top: 5px;
	padding-left: 5px;
	color:#000000;
	border:1px solid #5d245a;
	background-color: #ffffff;
	font-family: Arial, Verdana, Helvetica, sans-serif;
}
/*.radiobtn {
	padding-top: 0px;
	margin:0px;
	padding-left: 5px;
	padding-right:5px;
	color:#000000;
	border: none;
}*/
select {
	margin-top: 5px;
	color:#000000;
	border:1px solid #5d245a;
	background-color: #ffffff;
	font-weight:normal;
}
option {
	margin: 2px 0 2px 2px;
	padding: 0 0 2px 5px;
}
.HiddenField{display:none; width:0px; height:0px; line-height:1px}


.FormButton {background-color: #5d245a;	color: #ffffff;	border: 1px solid #999999;	padding-left:2px; padding-right:2px; 	margin:0px;}

.FormButtonRev {
background-color: #8198BD;
color: #ffffff;
border: 1px solid #ffffff;
padding:0px; margin:0px; 
}
.clearbutton {
margin-right:10px;
background-color: #cccccc;
color: #666666;
border: 1px solid #999999;
padding:0px; margin:0px; 
}
#FormBtn	{
	padding-top:4px;
	background: Transparent;
}
#error		{float:left;margin:0px;padding:0px;color: #ff0000;background: Transparent;font-weight: normal;}
#error ul	{margin:0px;background: Transparent;padding:5px;list-style: inside 

url("/CommonResources/Images/icons/i_error_small.gif");font-weight: normal;}
#error li	{margin:0;padding:2px;background: Transparent;font-weight: normal;color: #ff0000;}
.FormLabel #error {background: url("/CommonResources/Images/icons/i_error_small.gif") no-repeat;padding-left: 20px;}

.errorHide
{
    color: #ff0000;
}
.errorShow
{
    background: url(/CommonResources/Images/icons/i_error_small.gif) no-repeat;
    padding-left: 20px;
    display: block; 
    color: #ff0000;
}
.errorSummary
{
    background: url(/CommonResources/Images/icons/i_error_small.gif) no-repeat;
    color: #ff0000;
    display: block; 
    float: left;
    padding-bottom: 20px;
    padding-left: 20px;
}

.errorLabel
{
    color: #ff0000;
    display: block; 
    float: right;
    padding-left: 20px;
}

.errorFormMainInstructions{display:none}
.FormLabel .errorFormLabel {background: url("/CommonResources/Images/icons/i_error_small.gif") no-repeat; padding-left: 20px;}
.errorFormLabel {color: #ff0000; background: Transparent;}
.errorFormField {background: #ffe4e1;color: #ff0000;}

/*
**
** Help
**
**
*/

.HelpButton {padding:0 0 0 0; position: relative; float: right; vertical-align: middle;
	height:auto; text-align: right; background: none Transparent scroll repeat 0% 0%;}
	
.HelpButton img			{vertical-align: middle; margin-right: 4px;	text-decoration: none;}
.HelpButton a			{color:#0046ad; text-decoration:none;}
.HelpButton a:link		{color:#0046ad; text-decoration:none;}
.HelpButton a:visited	{color:#0046ad; text-decoration:none;}	
.HelpButton a:hover		{color:#0046ad; text-decoration:none;}

.HelpButton_LightBG {padding-right: 8px;	float: right; vertical-align: middle; padding-top: 6px;	height: 30px; text-align: right;}
.HelpButton_LightBG img			{margin-right:4px; vertical-align: middle; text-decoration: none;}
.HelpButton_LightBG a:link		{color: #008080; text-decoration:none;}
.HelpButton_LightBG a:visited	{color: #008080; text-decoration:none;}	
.HelpButton_LightBG a:hover		{color: #008080; text-decoration:none;}

.HelpButton_lghtgrnbg			{float: right; padding: 2px 8px 2px 0px; text-align: right;}
.HelpButton_lghtgrnbg img		{margin-right: 4px; vertical-align:middle; text-decoration: none}
.HelpButton_lghtgrnbg a:link	{color: #5d245a; text-decoration: none;}
.HelpButton_lghtgrnbg a:visited {color: #5d245a; text-decoration: none;}
.HelpButton_lghtgrnbg a:hover	{color: #5d245a; text-decoration: none;}

/*
**
** Search styles
**
*/
.SearchSummary	
{margin:0px; padding-left: 12px; padding-top: 4px; padding-bottom: 6px;	text-align: left;}

.SearchSort 
{padding-left: 12px; padding-bottom: 0px; text-align: left;	margin-bottom: 10px;}

.SearchSortTxt	
{padding-top: 3px; padding-bottom: 0px;	text-align: left; float:left;}

.SearchSortFrm	
{vertical-align:middle; text-align: left; float:right; padding-right:12px;}

.SearchSortFrmFld	{
	float:left;
	margin-right:0px;
	background: #e0acdd;
}
.SearchSortFrmBtn	{
	float:left;
	background: #e0acdd;	
	padding-left: 5px;
}
.SearchSerTit	{
	font-weight: normal;
	margin:0px;
	padding-top: 7px;
	padding-left: 12px;
	padding-bottom: 10px;
}
.SearchSerTitNme	{width:60%;	padding: 0px;text-align:left;float:left;}

/*
.SearchSerTitNme  a, .SearchSerTitNme  a:link, .SearchSerTitNme a:visited, .SearchSerTitNme  a:active, .SearchSerTitNme  a:hover
{color:#d30044; font-weight:bold; text-decoration:none;}
*/

/*.SearchSerTitTxt	{width:37%;	padding:0px; text-align:left; float:left; color:#d30044; font-weight:bold;}*/


.SearchSerTitDistanceNme	{
	width:50%;
	padding: 0px;
	text-align:left;
	float:left;
	background: #e0acdd;
}

.SearchSerTitDistanceNme A:link {font-weight: bold;}	
.SearchSerTitDistanceNme A:visited {font-weight: bold;}
.SearchSerTitDistanceNme A:hover {font-weight: bold;}

.SearchSerTitDistanceTxt {
	width:34%;
	padding:0px;
	text-align:left;
	color: #000000;
	float:left;
	background:Transparent;
}
.SearchSerTitDistanceDistance	{
	width:13%;
	padding:0px;
	text-align:left;
	color: #000000;
	float:left;
	background:Transparent;
}
#SearchTblhead	{
	text-align: left;
	padding-left: 12px;
	padding-top: 7px;
	padding-bottom: 7px;
	background: #ffffff;
	border: solid 1px #e0acdd;
	color: #666666;
}
#SearchTblheadTxtNme	{
	width:60%;
	padding:0px;
	text-align:left;
	float:left;
	background: #ffffff;
}
#SearchTblheadTxt	{
	width:37%;
	padding: 0px;
	text-align:left;
	float:left;
	background: #ffffff;
}
#SearchTblheadDistanceTxtNme	{
	width:50%;
	padding:0px;
	text-align:left;
	float:left;
	background: #ffffff;
}
#SearchTblheadDistanceTxt	{
	width:34%;
	padding: 0px;
	text-align:left;
	float:left;
	background: #ffffff;
}

/*
**
** Search results stuff
**
*/

.SearchSummary	
{
	margin:0px;
	padding-left: 12px;
	padding-top: 4px;
	padding-bottom: 6px;
	text-align: left;
	background:#F7F7F7;
}
.SearchSort {
	padding-left: 12px;
	padding-bottom: 0px;
	text-align: left;
	margin-bottom: 10px;
}
.SearchSortTxt	{
	padding-top: 3px;
    padding-bottom: 0px;
	text-align: left;
	float:left;
}
.SearchSortFrm	{
	vertical-align:middle;
	text-align: left;
	float:right;
	padding-right:12px;
}
.SearchSortFrmFld	{
	float:left;
	margin-right:0px;
	background: #e0acdd;
}
.SearchSortFrmBtn	{
	float:left;
	background: #e0acdd;	
	padding-left: 5px;
}
.SearchSerTit	{
	font-weight: normal;
	margin:0px;
	padding-top: 7px;
	padding-left: 12px;
	padding-bottom: 10px;
}
.SearchSerTitNme	{
	width:60%;
	padding: 0px;
	text-align:left;
	float:left;
}
.SearchSerTitNme A:link {
	font-weight: bold;
	color:#0E5CAB;
}	
.SearchSerTitNme A:visited {
	font-weight: bold;
}	
.SearchSerTitNme A:hover {
	font-weight: bold;
}	
.SearchSerTitTxt {width: 37%; padding: 0px; text-align: left; color: #000000; float: left; text-align: right; background: Transparent; font-weight: bold;}

.SearchSerTitDistanceNme	{
	width:50%;
	padding: 0px;
	text-align:left;
	float:left;
	background: #ffffff;
}
.SearchSerTitDistanceNme A:link {font-weight: bold;}	
.SearchSerTitDistanceNme A:visited {font-weight: bold;}
.SearchSerTitDistanceNme A:hover {font-weight: bold;}
.SearchSerTitDistanceTxt {
	width:34%;
	padding:0px;
	text-align:left;
	color: #000000;
	float:left;
	background:Transparent;
}
.SearchSerTitDistanceDistance	{
	width:13%;
	padding:0px;
	text-align:left;
	color: #000000;
	float:left;
	background:Transparent;
}
#SearchTblhead	{
	text-align: left;
	padding-left: 12px;
	padding-top: 7px;
	padding-bottom: 7px;
	background: #ffffff;
	border: solid 1px #e0acdd;
	color: #666666;
}
#SearchTblheadTxtNme	{
	width:60%;
	padding:0px;
	text-align:left;
	float:left;
	background: #ffffff;
}
#SearchTblheadTxt	{
	width:37%;
	padding: 0px;
	text-align:left;
	float:left;
	background: #ffffff;
}
#SearchTblheadDistanceTxtNme	{
	width:50%;
	padding:0px;
	text-align:left;
	float:left;
	background: #ffffff;
}
#SearchTblheadDistanceTxt	{
	width:34%;
	padding: 0px;
	text-align:left;
	float:left;
	background: #ffffff;
}
#SearchTblheadDistanceDistance	{
	width:13%;
	padding: 0px;
	text-align:left;
	float:left;
	background: #ffffff;
}

/*
**
** hyperlinks 
**
*/

a, a:link, a:visited, a:active, a:hover
{color: #0046ad;}

.greyNumber {color:#696969;	}

.linkImage				{background: url('/CommonResources/Images/arr/whiteright.png') no-repeat 0 0.45em;} 
.linkImageSelected		{background: url('/CommonResources/Images/arr/arr_blue_selected.gif') no-repeat; height:100%}
.linkImageTitle			{background: url('/CommonResources/Images/arr/arr_grey.gif') no-repeat 0 0.45em;}
.linkImageBanner		{background: url('/CommonResources/Images/arr/arr_lightgreen.gif') no-repeat 0 0.4em;}
.linkImageRefine		{background: url('/CommonResources/Images/arr/whiteright.png') no-repeat 0 0.45em;}
.linkImageWhite			{background: url('/CommonResources/Images/arr/arr_white.gif') no-repeat 0 0.45em;}
.linkImageWhiteReversed {background: url('/CommonResources/Images/arr/arr_white_reversed.gif') no-repeat 0 0.45em;}
.linkImage, .linkImageSelected, .linkImageTitle, .linkImageBanner, .linkImageRefine, .linkImageWhite, .linkImageWhiteReversed 

{width:7px;padding-left:8px; color: #ff0000;}

a.titleLink:link	{color: #ffffff;text-decoration: underline;font-weight:normal;background-color: Transparent;}
a.titleLink:visited {color: #ffffff;text-decoration: underline;font-weight:normal;background-color: Transparent;}
a.titleLink:hover	{color: #ffffff;text-decoration: underline;background-color: Transparent;}

.subTitBckLink				{float:right;padding-top:6px;padding-right:12px;background: none Transparent scroll 

repeat 0% 0%;}
.subTitBckLink A:link		{color:#ffffff;}	
.subTitBckLink A:visited	{color:#ffffff;}

.RHS
{
	position:relative; 
	float:right;
} 

/* hyperlink overrides */
.MainContentBoxTitleStart a, .MainContentBoxTitleStart a:link,.MainContentBoxTitleStart a:visited  {color: #ffffff;}

/* footer hyperlink overrides */
#TopOfFooter a ,
#TopOfFooter a:link,
#TopOfFooter a:visited,
#TopOfFooter a:active	{color: #ffffff; text-decoration: none;}
#TopOfFooter a:hover	{color: #ffffff; text-decoration: underline;}

/* hyperlink lists*/ 
.navlist {list-style: none; margin: 0; padding: 0;}
.navlist img {margin:2px; vertical-align: middle;}
.navlist li {padding: 0px 0px 0px 12px; margin: 5px 0px 4px 0px; background: url(/CommonResources/Images/arr/whiteright.png)	no-repeat; display: block; width: auto; height: auto;} 
.navlist .linkLookingButton {background-color: #FFFFFF; border: 0px; color: #0066cc; cursor: pointer; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; margin: 0px; padding: 0px; text-align: left; text-decoration: underline; width: auto;}

/* yes I know there is just so  much ccs -its for historic crazy reasons! */
.navlist .RefineSearch li		{
	/*width:100%;					/* fix ie5win - first item in navlists were blanked out */
	/*display:inline;				/* fix ie5win - first item in navlists were blanked out */
	padding: 0px 0px 0px 12px;
	margin: 5px 0px 5px 0px; 	
	background: url(/CommonResources/Images/arr/whiteright.png)	no-repeat;
    margin-bottom:4px;
	/*voice-family: "\"}\"";		/* fix Firefox - ie5win fix above screws up firefox, so use */
	/*voice-family: inherit;		/* 'box model hack' to reset to block display                */  
	display:block; 
	width:auto; 
	height:100%;
} 

.navlist .InfoCatList  {background: url(/CommonResources/Images/arr/whiteright.png) no-repeat; margin-bottom:0px; height:100%;}

.navlist .SearchLiTitle{background: url(/CommonResources/Images/arr/arr_grey.gif)	no-repeat  0 0.45em;}
.navlist #active	   {background: url(/CommonResources/Images/arr/arr_blue_selected.gif) no-repeat; height:100%} 
.navlist .NoLiArrow	   {background-image: none;} 
.navlist .MoreLink					{margin-top:1em;} 
.navlist .linkImage					{display :none ;} 
.navlist .linkImageSelected			{display :none ;} 
.navlist .linkImageTitle			{display :none ;} 
.navlist .linkImageBanner			{display :none ;} 
.navlist .linkImageRefine			{display :none ;} 
.navlist .linkImageWhite			{display :none ;} 
.navlist .linkImageWhiteReversed	{display :none ;} 

#LinkSelected,
.navlist #active a,
.navlist #active a:link,
.navlist #active a:visited	{color: #0046ad;display:inline;} 
.navlist #active a:hover	{color: #0e5cab;} 

.navlist .Contact {background-image: none;Padding: 0;} 
.navlist .Contact a,
.navlist .Contact a:link,
.navlist .Contact a:visited,
.navlist .Contact a:hover
{
	background: url(/CommonResources/Images/icons/i_feedbackButton.gif)	no-repeat 0px 0px;
	Padding: 2px 0px 6px 24px;
	height:24px; 
}
.mapLink img {
	margin-right: 4px;
	vertical-align: middle;
	text-decoration: none;
}
.iconLink img{
	margin-right: 4px;
	margin-bottom:8px;
	vertical-align: middle;
	text-decoration: none;
}

/* A-Z bars */
#AtoZbarWrapper {position:relative;/*float:left;*/ top:0px; left:0px; background: Transparent; width: 95%; padding: 0px; 

margin-right: 0px;}
#AtoZbarWrapper select {width:80%;}
.AtoZbar{
	padding-right: 4px;
	border-right: #5d245a 1px solid;
	border-top: #afeeee 1px solid;
	border-left: #afeeee 1px solid;
	border-bottom: #5d245a 1px solid;
	padding-left: 4px;
	float: left;
	padding-bottom: 2px;
	margin: 2px;
	color: #008080;
	padding-top: 2px;
	background-color: white;
	text-decoration: none;
}
.AtoZbar a, .AtoZbar a:link, .AtoZbar a:visited, .AtoZbar a:hover {color: #0046ad; text-decoration: none;}
.AtoZbar a.titleLink {color:Black; font-weight:bold;}
.AtoZbar a.titleLink:hover {color:#0046ad; font-weight:bold;}
.AtoZbar a.titleLink:visited {color:Black;font-weight:bold;}

#AtoZbarSelectedItem{
	border-right: #191970 1px solid;
	padding-right: 4px;
	border-top: #87cefa 1px solid;
	padding-left: 4px;
	float: left;
	padding-bottom: 2px;
	margin: 2px;
	border-left: #87cefa 1px solid;
	color: #0046ad;
	padding-top: 2px;
	border-bottom: #191970 1px solid;
	background-color: White;
	text-decoration: none;
}
#AtoZbarSelectedItem a			{color: #0046ad;font-weight:bold; text-decoration: none;}
#AtoZbarSelectedItem a:link		{color: #0046ad; text-decoration: none;}
#AtoZbarSelectedItem a:visited	{color: #0046ad; text-decoration: none;}
#AtoZbarSelectedItem a:hover	{color: #0e5cab; text-decoration: none;}

#lblViewResources .arrow {background: url('/CommonResources/Images/arr/whiteright2.png') no-repeat right;}

.survey {padding: 0px 10px 0px 10px;}

.survey h3 {font-size:1.5em; padding: 0px; color:#0046ad; font-weight:bold;}

#pgeNav	{
	padding-bottom: 0px;
	padding-left: 12px;
	padding-right: 12px;
	background:#8198BD;
	height:44px;
}
#pgeNavTxt	{
	color:White;
	padding-top: 6px;
	padding-bottom: 6px;
	float:left;
}
#pgeNavTxt A:link	{color:#ffffff;}	
#pgeNavTxt A:visited {color:#ffffff;}
#pgeNavTxt A:hover	{color:#ffffff;}
#pgeNavFrm			{float:right;}
#pgeNavFrm form		{background: Transparent;}
#pgeNavFrmFld		{float:left;margin-right:0px;color:#ffffff;}
#pgeNavFrmBtn		{float:right;}

.sitetitle
{
	/*font:normal normal bold 26pt Rabiohead,Comic Sans MS,French Script MT;
	color:#2C62B7;
	position:absolute;
	padding:0 0 0 0;
	margin:50px 0 0 10px;*/
	font-size: 12pt;
	padding: 17px 0px 0px 10px;
}

.login
{
	width:99%;
	text-align:right;
	padding:0 10px 5px 0;
}


#breadcrumb .sitemap
{
	text-align:left;
}

#breadcrumb .sitemap .node
{
	font-weight:normal;
}

#breadcrumb .sitemap .rootnode
{
	font-weight:normal;
}

#breadcrumb .sitemap .currentnode
{
	font-weight:bold;
}

/*
**
** editor
**
*/

.cmsSectionTitleBackground /* Grey Background */
{ border: 1px solid black; background: #f7f7f7; margin: 0px 10px; }

.cmsSectionTitleBackground-Submitted /* Yellow Background */
{ border: 1px solid black; background: #f9e802; margin: 0px 10px; }

.cmsSectionTitleBackground-InProgress  /* Red Background */
{ border: 1px solid black; background: #f90c04; margin: 0px 10px; }

.cmsSectionTitleBackground-Published  /* Green Background */
{ border: 1px solid black; background: #00d02d; margin: 0px 10px; }

.cmsSectionTitleBackground h5,
.cmsSectionTitleBackground-Submitted h5,
.cmsSectionTitleBackground-InProgress h5,
.cmsSectionTitleBackground-Published h5
{ padding-left: 6px; padding-top: 5px; float: left; }

.cmsSectionTitle {float: left; text-align: left; width: 33%; white-space: nowrap;}
.cmsSectionStatus {float: left; padding-top: 5px; text-align: center; width: 33%;}

.cmsDetSerDesc
{
    border: 1px solid black;
    border-top: none;
    margin: 0px 10px;
    padding: 5px 6px;
}

.cmsServDetInner
{
    background: url(images/dot.jpg) repeat-y center;
    clear: both;
    height: auto;
    width: 100%;
}

.cmsSerDescLeftCol
{
    float: left;
    width: 48%;
}

.cmsSerDescRightCol
{
    float: right;
    width: 48%;
}

.cmsSerTitCol
{
    color: Blue;
    font-weight: bold;
    padding: 0px 2px;
    padding-bottom: 5px;
}

.cmsTwoColContent
{
    /*padding: 0px 2px;*/
}

html
{
    /*height: 100%;*/
}
body
{
    width: 99%;
}
.SubtitleBackground	{margin:0; background-color:#f7f7f7;}
.Subtitle {padding-left: 12px; padding-top: 4px; padding-bottom: 4px; vertical-align: middle; text-align: left; float: left; }

.ChangeDetails {padding: 5px 12px 0px 0px; float: right; width: 45%; }

/* Link Buttons */

.linkLookingButton {background-color: #FFFFFF; border: 0px; color: #0066cc; cursor: pointer; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; margin: 0px; overflow: visible; padding: 0px; text-align: left; text-decoration: underline; width: 1;}
#tab .linkLookingButton {background-color: #e3c5e2; border: 0px; color: #000000; cursor: pointer; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: bold; height: auto; margin: 0px; padding: 0px 2px 0px 2px; text-align: center; text-decoration: none; width: 1; overflow: visible;}
#tab .linkLookingButton:hover       {color: #f4aa00;}
#tab .linkLookingButton-selected    {background-color: #e3c5e2; border: 0px none; color: #ffffff; cursor: pointer; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: bold; height: auto; margin: 0px; padding: 0px 2px 0px 2px; text-align: center; text-decoration: none; width: 1; overflow: visible;}
.linkLookingButton-dataGrid         {background-color: #8198BD; border: 0px none; color: #ffffff; cursor: pointer; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; margin: 0px; padding: 0px; text-align: left; text-decoration: underline; width: auto;}
.treeView                           {font-family:Arial;}
.gen_desc                           {font-family:Verdana; font-weight:bold;}
.rit_err_msg                        {float: right;}

.serviceTitleLink
{
	background-color: #FFFFFF; 
	border: 0px; 
	color: #0066cc; 
	cursor: pointer; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 8pt; 
	margin: 0px; 
	overflow: visible; 
	padding: 0px; 
	text-align: left; 
	text-decoration: underline; 
	width: 1;
}

/**********************/
/* Content Management */
/**********************/

/* Navigation Tree */
.navTree-node {white-space: normal;}
.navTree-node a {color: black; text-decoration: none;}

.navTree-node-hover {white-space: normal;}
.navTree-node-hover a {color: black; text-decoration: none;}
.navTree-node-hover a:hover {color: Black; text-decoration: underline;}

.navTree-node-selected {background-color: #316ac5; white-space: normal;}
.navTree-node-selected a {color: White!important; text-decoration: none;}
.navTree-view-selected {color: White!important; text-decoration: none;}

.navTree-edit {color: #316ac5!important; text-decoration: none;}
.navTree-edit:hover, .navTree-edit-selected:hover {text-decoration: underline;}
.navTree-edit-selected {color: White!important;text-decoration: none;}

.tree-container
{
    float: left;
}

.tree-container input
{
    border: 0px;
}

.changessummary
{
    height:31px;
    float: left;
}

.sortoptions
{
    margin:0 0 0 5px;
    float: left;
    padding:0 0 0 0;
}

#left90Wrapper {width: 90%;}
#content {width: 100%;}
#itNavMenu {padding: 5px;}
#hdrEdit {background: url(./images/edit.jpg) no-repeat; float: left; padding-left: 19px;}
#hdrStatus {float: left; padding: 2px 0px 0px 5px;}
#infoScope a {color: #0046ad !important; text-decoration: underline !important;}
#infoScope a:hover {text-decoration: none !important;}

.BackToTop {float: right; padding: 10px;}
.clearBoth {clear: both;}
.floatLeft {float: left;}
.floatRight {float: right; text-align:right;}
.trafficLights {height: 42px; padding: 2px 0px; width: 14px;}
.boxOut {background: url(images/boxOutSlice.jpg); width: 393px;}
.boxOutTop {background: url(images/boxOutTop.jpg) no-repeat bottom center; height: 8px; width: 393px;}
.boxOutBottom {background: url(images/boxOutBottom.jpg) no-repeat top center; height: 11px; width: 393px;}
.boxOut-inner {padding: 0px 0px 3px 10px;}
.TreeField input {border: 0px;}
.TreeNode-Basic {}

.FormEditOptions a		 {text-decoration: underline;}
.FormEditOptions a:hover {text-decoration: none;}

.searchFormLeft							{float: left; width: 49%;}
.searchFormLeft .FormField				{width: 73%;}
.searchFormRight						{float: right; width: 49%;}
.searchFormRight .FormField				{width: 73%;}
.formBackground_FullWidth .FormField	{width: 73%;}

/* Intranet Styles 
*/

.intranet a:link		{color: #660066;}
.intranet a:hover		{color: #660066; text-decoration: underline;}
.intranet a:visited		{color: #ff0066; text-decoration: none;}

.intranet p				{display: block; margin: 0px 0px 20px;}
.intranet p.indent		{margin: 0px 0px 20px 30px;}

.intranet h1			{font-weight: bold; font-size: 11pt; color: #660066;}
.intranet h2			{font-size: 11pt;}
.intranet h3			{font-weight: bold; font-size: 10pt;}
.intranet h4, 
.intranet h5, 
.intranet h6			{font-size: 9pt}
.intranet h5			{font-weight: bold; font-style: italic;}
.intranet h6			{font-style: italic;}

.intranet ol			{list-style-type: decimal; margin: 0px 0px 20px 30px;}

.intranet ul			{list-style-image: url(http://nasnet/_layouts/images/nas/bullet.gif); margin: 0px 0px 20px 30px;}
.intranet ul ul li		{list-style-image: url(http://nasnet/_layouts/images/nas/sub_bullet.gif);}
.intranet ul ul ul li	{list-style-image: url(http://nasnet/_layouts/images/nas/sub_sub_bullet.gif);}

.FilterDropDown		{font-size: 8pt;}

/* Commented out as `View as Map` option temporarily removed */
/*.SearchTabs	{border: rgb(145,155,156) 1px solid; border-bottom: none;}*/

.CheckBoxReport input {border: 0px; margin: 3px 3px 0px 0px;}

.HierList {list-style: none;}

.FormFieldCheckBox input
{ border: none; }