﻿
td.label
{
    text-align: right;
    padding-right: 10px;
    width: 350px;  
}

td.input
{
    width: 350px;
}

#lblNoData
{
    color:Red;
    display:none;
}

#footer
{
    WIDTH: 800px;
    FONT-SIZE:0.1em;
    PADDING-LEFT: 20px;
    margin-left: 20px;
}


/* Sticky footer code */
* { 
    margin: 0; 
} 

html, body { 
    height: 100%; 
} 

.wrapper { 
    min-height: 100%; 
    height: auto !important; 
    height: 100%; 
    margin: 0 auto -4em; 
} 

.footer, .push { 
    height: 4em; 
    BORDER-RIGHT: #ff0000 0px solid;
    PADDING-RIGHT: 0px;
    BORDER-TOP: #ff0000 0px solid;
    PADDING-LEFT: 20px;
    FONT-SIZE: 0.8em;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    BORDER-LEFT: #ff0000 0px solid;
    WIDTH: 960px;
    PADDING-TOP: 15px;
    BORDER-BOTTOM: #ff0000 0px solid
} 


/* External Developer CSS - DO NOT ALTER */
/* Punter Southall CSS */

body,html,td  	{margin: 0; padding: 0; border: 0; font-family: Arial, Helvetica, sans-serif; color: #333333;}
body		{background-color: #b4d334; background-image: url(images/bgr_page.gif); background-repeat: repeat-y;}
a 		{text-decoration: none; color: #00a850;}
a:hover		{text-decoration: none; color: #000000;}
a.more 		{display: block; margin: 5px 0 0 0;}
acronym,abbr	{border: 0;}
sup, sub	{vertical-align: baseline;}
p		{padding: 0 0 0 0;}
td, th		{vertical-align: top;}
address 	{font-style: normal;}

.skip		{display: none;}
.clear 		{clear: both;}

img		{border: 0;}
ul 		{margin-left: 15px; padding: 0 0 0 0;}
ul li 		{padding: 0 0 8px 0;}

/* Container */
.container {margin: 0; padding: 15px 0 0 20px; width: 960px; border: 0px solid #FF0000; font-size: 0.8em;}

/* Customize backgrounds */
#homepage {}


/* Headings */
h1, h2, h3, h4, h5 	{color: #333333; font-family: Arial, Helvetica, sans-serif;}
h1			{font-size: 2.2em; font-weight: normal; padding: 0; margin: 0 0 24px 0; line-height: 1.0em;} 
h2			{font-size: 1.3em; font-weight: bold; padding: 0; margin: 0 0 8px 0; line-height: 1.0em;}
h3			{font-size: 1.2em; font-weight: bold; padding: 0; margin: 0 0 7px 0; line-height: 1.1em;}
h4			{font-size: 0.8em; font-weight: bold; padding: 0; margin: 0 0 7px 0; line-height: 1.0em;}


/* Header */
#header 		{margin: 0 0 4px 0; height: 100%; overflow: hidden;}
#header #logo 		{float: left; margin: 0 0 0 0;}
#header #topLinks 	{float: right;}

/* Top links */
#topLinks 				{}
#topLinks 	 	{margin: 0; padding: 0; list-style: none;}
#topLinks li 		{float: left;}
#topLinks a 		{color: #404040; font-weight: bold; padding: 0 10px 0 10px;}
#topLinks a:hover 	{color: #000000;}
#topLinks #btnSearch 	{font-size: 0.9em;}
#topLinks #quickSearch 	{padding: 0 0 0 10px; margin: 0; border: 0px solid #FF0000;}
#topLinks #links 	{padding: 5px 0 0 0;}
#topLinks .submitimage 	{border: 0; padding: 0; margin: 2px 0 0 0;}

/* Top navigation */
#topNav 			{clear: both; height: 30px; margin: 0 0 17px 0; background-image: url(images/bgr_topnav.gif); background-repeat: no-repeat; font-size: 1.1em; clear: both;}
#topNav ul 			{margin: 0px 0 0 17px; padding: 4px 0 0 0; list-style: none;}
#topNav li 			{float: left; margin-right: 35px;}
#topNav a 			{color: #FFFFFF; font-weight: bold; display: block; padding: 3px;}
#topNav a:hover 		{color: #b4d334;}
#topNav a.selected 		{background-color: #b4d334;}
#topNav a.selected:hover 	{color: #ffffff;}

/* Main Frames */
#hpContent 			{border-bottom: 0px solid #FFFFFF; height: 100%; overflow: hidden; clear: both; padding: 0 0 20px 0; border: 0px solid #FF0000;}
#hpContent #mainColumn 		{width: 750px;}
#hpContent #rightColumn 	{width: 210px;}

#pageContent 			{background-image: url(images/bgr_page_content.gif); background-repeat: repeat-y; height: 100%;}
#pageContent #mainColumn 	{width: 750px;}
#pageContent #rightColumn 	{width: 200px; margin-left: 10px;}

#mainColumn #leftNav 		{width: 190px; float: left; border: 0px solid #FF0000;}
#mainColumn #copy 		{width: 490px; padding: 0 20px 30px 0; float: right; border: 0px solid #FF0000;}

#rightColumn,
#mainColumn 			{float: left;}	

#leadingText 			{font-size: 1.95em; color: #404040; font-weight: bold; line-height:1em; padding: 5px 40px 25px 0px;}

/* Left navigation */
#leftNav ul 			{margin: 0; padding: 35px 0 0 0; list-style: none;}
#leftNav ul ul	 		{margin: 0; padding: 0 0 0 0; list-style: none; font-size: 0.9em;}
#leftNav ul ul ul 		{font-size: 1em;}
#leftNav ul ul ul a		{padding-left: 25px;}
#leftNav li 			{margin: 0; padding: 0; font-weight: bold; border-bottom: 1px solid #ffffff;}
#leftNav ul ul a 		{color: #95b800; background-color: #ecf4cc; font-weight: normal;}
#leftNav a 			{background-color: #ffffff; display: block; padding: 5px 5px 5px 10px;}
#leftNav a:hover 		{background-color: #ecf4cc; color: #00a850;}
#leftNav a.selected 		{background-color: #00a850; color: #FFFFFF;}
#leftNav a.selected:hover 	{background-color: #00a850; color: #FFFFFF;}
#leftNav a.selected2 		{font-weight: bold; background-color:#f5f9e5;}
#leftNav a.selected2:hover 	{}

/* Offices page */
.offices a		{background-color: #f5f9e5; display: block; padding: 5px 5px 5px 5px;}
.offices a:hover	{background-color: #ecf4cc; color: #00a850;}
.offices a.selected	{background-color: #00a850; color: #FFFFFF;}

/* Right column content */
.portlet .pBody 		{background-color: #ffffff; height: 100%; overflow: hidden; border: 0px solid #FF0000; line-height: 1.1em;}
.portlet ul			{margin: 0 15px 12px 0px; padding: 0; list-style: none;}
.portlet ul.latestfrom		{margin-left:15px;}
.portlet li			{padding: 0 0 5px 0; font-size: 0.85em;}
.portlet li img			{vertical-align: middle;}
.portlet h3			{color: #000000; margin: 0 0 4px 0; padding: 0px; font-size: 1.1em;}
.portlet h3.latestfrom		{margin-left:15px;}
.portlet a 			{font-weight: bold; font-size: 1.1em;}
.portlet a:hover 		{color: #000000;}

.portlet2 .pBody 		{background-color: #ffffff; height: 100%; overflow: hidden; border: 0px solid #FF0000; line-height: 1.1em;}
.portlet2 ul			{margin: 0 15px 0 0px; padding: 0; list-style: none; overflow: hidden; border: 0px solid #FF0000;}
.portlet2 ul.latestfrom		{margin-left: 15px;}
.portlet2 li			{padding: 0 0 10px 0; font-size: 0.85em;}
.portlet2 h3			{color: #000000; margin: 0 0 6px 0; padding: 0 0 0 0px; font-size: 1.1em;}
.portlet2 h3.latestfrom		{margin-left:15px;}
.portlet2 a 			{font-weight: bold; font-size: 1.1em;}
.portlet2 a:hover 		{color: #000000;}
.portlet2 a.more 		{font-size: 0.9em; margin: 2px 0 0 0;}
.portlet2 .date 		{font-size: 0.85em;}
.portlet2 .personalCard 	{clear: both; padding-bottom: 10px; height: 100%;}
.portlet2 .personalCard .photo 	{float: left; padding: 0 5px 0 0;}
.portlet2 .personalCard .data 	{float: left; width: 120px; line-height: 1.1em;}

div.rightnavadvert {font-size:0.85em; padding:0px 15px;}

/* Crumbtrail */
#crumbtrail 	{font-size: 0.85em; padding: 0 0 20px 0;}
#crumbtrail a 	{font-weight: bold;}

/* Main column content */
#newsPanel 		{margin: 0 0 0 0; line-height: 1.1em; height: 100%; overflow: hidden; border: 0px solid #FFCC00;}
#newsPanel .colOne 	{float: left; width: 330px; border: 0px solid #FF0000;}
#newsPanel .colTwo 	{float: left; width: 300px; margin: 0 0 0 20px; border: 0px solid #FF0000;}
#newsPanel h2 		{color: #404040; margin-bottom: 10px; font-size: 1.4em;}
#newsPanel h3 		{color: #00a852; margin-bottom: 5px}
#newsPanel a.more 	{font-size: 0.9em;}

.featuredNews 		{margin: 0; padding: 0; list-style: none;}
.featuredNews li 	{margin: 0; padding: 0;}

.greenBox 		{padding: 20px; background-color: #ecf4cc;}

#personalInfo 			{height: 100%;}
#personalInfo .photo 		{float: left; margin: 0 20px 0 0;}
#personalInfo .data 		{float: left; }
#personalInfo .data th 		{font-weight: normal; text-align: left; padding: 3px 15px 3px 0;}
#personalInfo .data td 		{font-weight: bold; padding: 3px 0 3px 0;}

.story 		{border-bottom: 1px solid #ecf4cc; padding: 0 0 15px 0; margin: 0 0 15px 0;}
.story .date 	{font-size: 0.85em;}

.resultBox {border-bottom: 1px solid #CCCCCC; padding: 0 0 10px 0; margin: 0 0 10px 0;}

#contactSearchResult 		{}
#contactSearchResult .photo 	{float: left; margin: 0 20px 0 0;}
#contactSearchResult .data 	{float: left; }
#contactSearchResult .data th 	{font-weight: normal; text-align: left; padding: 0px 15px 0px 0;}
#contactSearchResult .data td 	{font-weight: bold; padding: 0px 0 0px 0;}

/* Data control (pagination) panel */
.dataControls 			{margin: 5px 0 3px 0; height: 100%; font-size: 0.9em; color: #999999;}
.resultGroup 			{margin: 0; padding: 0; list-style: none; float: left;}
.resultGroup li 		{float: left; margin: 0 5px 0 0;}
.pagingGroup 			{margin: 0; padding: 0; list-style: none; float: right;}
.pagingGroup li 		{float: left; margin: 0 5px 0 0;}
.pagingGroup li input		{padding: 1px 3px;}
.pagingGroup li.text,
.resultGroup li.text 		{padding-top: 3px;}
.dataControls .btn 		{margin: 0 0 0 5px;}
.dataControls .submit 		{padding: 0; margin: 0; height: 20px; font-size: 0.95em;}

/* Tabular styles */
table.shadedTable 		{margin: 0 0 15px 0; border-top: 1px solid #b5d334; width: 100%;}
table.shadedTable th 		{padding: 3px 15px 3px 15px; text-align: left; background-color: #b5d334; color: #FFFFFF;}
table.shadedTable td 		{padding: 3px 15px 3px 15px;  border-bottom: 1px solid #b5d334;}
table.shadedTable td.shaded,
table.shadedTable th.shaded 	{background-color: #f3f3f3;}

.colTwo .newsBanner img 	{float: left; margin: 0 10px 0 0;}

/* Footer */
#footer				{padding: 12px 0 7px 0; border-top: 0px solid #ffffff; margin: 0; clear: both; font-size: 0.85em; line-height: 1.1em;}
#footer #footlinks 		{padding: 0 0 0 0;}
#footer #copyright 		{padding: 0 0 10px 0;}
#footer #footlinks a 		{padding: 0 10px 0 10px; color: #404040;}	
#footer #footlinks a.first 	{padding-left: 0;}		
#footer #selectionPanel 	{border-bottom: 1px solid #FFFFFF; text-align: right; padding: 0 0 10px 0; margin: 0 0 10px 0;}
#footer input.submit 		{font-size: 1.0em;}
#footer #selectionPanel form 	{float: right;}
#footer #selectionPanel .label 	{float: right; vertical-align: middle; padding-right:5px; padding-top:6px;}


style=""

/* Forms */
label 				{}
label.mandatory			{font-weight:bold;}
form 				{padding: 0; margin: 0;}
form input[type=checkbox]	{border-style: none;}
form input.submit 		{border: 1px solid #00a852; background-color: #00a852; color: #ffffff; font-size: 1.0em; font-weight: bold; margin: 0;}
form input.submitimage		{border-width:0px; margin-top:0px; padding: 2px 1px 1px 2px;}
form input, textarea 		{border: 1px solid #b5d334; padding: 1px; padding: 3px;}
table.form input.textbox, 
table.form textarea		{}
form .formControls 		{text-align: right; padding: 0 20px 0 0;}
form input.radio		{width: auto; border: 0;}
form input.checkbox		{width: auto; border: 0;}
form input.searchBox 		{padding: 3px 2px 3px 5px; margin: 0; color: #666666; font-size: 11px; width: 160px; vertical-align: top;}

form table.grid				{width: 100%; margin: 0;}
form table.grid	 th			{font-weight: normal; text-align: left; padding: 5px 15px 0 0; vertical-align: top; width: 30%; line-height: 1em; color: #666666;}
form table.grid	 td			{font-weight: normal; padding: 3px 20px 3px 0; font-size: 0.9em; vertical-align: top;}
form table.grid	 tr.first td		{padding-top: 20px;}
form table.grid	 tr.first th		{padding-top: 20px;}
form table.grid	 ul.error		{color: #ff0000;}
form table.grid	 ul.error li		{line-height: 1.5em;}
form table.grid	 ul.error label		{border-bottom: 1px solid #ff0000;}

#contactUs 			{background-color: #f8fde3; padding: 20px; }
#contactUs h2 			{color: #00a850; font-size: 1.1em; border-bottom: 0px solid #ffffff; padding-bottom: 5px;}
#contactUs input.textbox	{width:340px;}

/* Enabler Forms */

form table#tblEnablerForm				{width: 100%; margin: 0;}
form > table#tblEnablerForm > tbody > tr > td > label 	{display:block; font-weight: bold; text-align: left; padding: 3px 20px 3px 0; vertical-align: top; width: 100%;}
form table#tblEnablerForm td				{font-weight: normal; font-size: 0.9em; vertical-align: top; padding-top: 3px; padding-bottom:3px; padding-left:0px;}
form table#tblEnablerForm tr td input.btnSubmit	{border: 1px solid #b5d334; background-color: #b5d334; color: #ffffff; font-size: 1.0em; font-weight: bold; margin-top: 20px;}
form table#tblEnablerForm ul.error		{color: #ff0000;}
form table#tblEnablerForm ul.error li		{line-height: 1.5em;}
form table#tblEnablerForm ul.error label	{border-bottom: 1px solid #ff0000;}
form select 					{vertical-align: top;}

/* Sitemap */
.sitemap 			{border: 0px solid #FF0000; font-weight: bold; list-style: none;}
.sitemap li a 			{border-bottom: 1px solid #e0ecaa; display: block; padding: 0 0 3px 0; margin: 0 0 5px 0;}
.sitemap .sitemap 		{font-weight: normal;}
.sitemap .sitemap a		{border: 0; padding: 0; margin: 0;}
.sitemap .sitemap li 		{margin: 0; padding: 0 0 0.5em 0; border: none;}
.sitemap .sitemap .sitemap 	{font-weight: normal; font-size: 0.85em;}
.sitemap .sitemap .sitemap li 	{padding-top: 2px; margin-left: 10px;}

/* Site Search */
table#searchResults tbody tr td.title	 {padding: 5px 5px 5px 0px;}
table#searchResults tbody tr td.fileicon {width:20px;}
table#searchResults tbody tr td.filesize {width:65px;}
