/* ------------------------------------------------------------------
Gordon Yates
author: Vikki Neal
email: vneal@one2create.co.uk
use of conditional comments have been used throughout site, therefore several styles have been filtered into appropriate IE6/IE7 CSS documents - notes have been made next to relevant css rules
/* ------------------------------------------------------------------
Sets default margin and padding
-------------------------------------------------------------------*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {
	margin: 0;
	padding: 0;
	}
/* ------------------------------------------------------------------
 Sets default font-size for headers 
 -------------------------------------------------------------------*/
h1, h2, h3, h4, h5 {
	font-size: 100%;
	}
/* ------------------------------------------------------------------
Sets font-style and font-weight to normal
-------------------------------------------------------------------*/
address, caption, cite, code, dfn, em, th, var {
	font-style: normal;
	font-weight: normal;
	}
/* ------------------------------------------------------------------
Removes border from fieldset and image
-------------------------------------------------------------------*/
fieldset, img {
	border: 0;
	}
/* ------------------------------------------------------------------
Link styles
-------------------------------------------------------------------*/
a, a:hover {
	text-decoration: none;
	outline: none;
	}
a:hover {
	color: #000 !important;
	}
/* ------------------------------------------------------------------
Form elements
-------------------------------------------------------------------*/
input, select, textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}
/* ------------------------------------------------------------------
=Generic classes/styles
-------------------------------------------------------------------*/
.floatLeft {
	float: left;
	}
.floatRight {
	float: right !important;
	}
.clearBoth {
	clear: both;
	}
/*.midGrey {
	background-color: #d4d4d4;
	padding-left: 10px;
	}
.darkGrey {
	background-color: #bababa;
	}
*/
.hiddenStyle {
	text-indent: -10000em;
	visibility: hidden;
	}
.dividingLine {
	background: url(../Images/shared/mainDividingLine.gif) top left no-repeat;
	height: 1px;
	margin: 10px 0;
	display: block;
	}
.greenHighlights {
	color: #6fac2f;
	}
.visibilityHidden {
	display: none;
	}
.noBackground {
	background: none !important;
	}
hr {
	height: 0;
	border: none;
	border-top: 1px solid #666;
	}
.noBottomMargin {
	margin-bottom: -10px !important;
	}
.halfColumn {
	width: 230px;
	float: left;
	margin: 0 10px 20px 20px;
	}
p.jobAlert {
	background-color: #6fac2f;
	margin: 10px 0;
	text-align: center;
	}
p.jobAlert a {
	color: #fff !important;
	padding: 5px;
	display: block;
	border: 1px solid #666;
	background: #6fac2f url(../Images/forms/buttonBackground.gif) top left repeat-x;
	}
ul.bulletList {
list-style-position:inside;
padding-left:25px;
}
ul.bulletList li {
list-style:disc;
}
/* ------------------------------------------------------------------
=Body, wrapper, container
-------------------------------------------------------------------*/
body {
	font-size: 62.5%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background: url(../Images/shared/pageBackground.jpg) top left repeat-x;
	}
#wrapper {
	margin: 10px auto 0 auto;
	width: 979px;
	}
/* ------------------------------------------------------------------
=Header
-------------------------------------------------------------------*/
#header {
	width: 959px;
	padding: 10px 10px 0 10px;
	height: 82px;
	background: url(../Images/shared/headerBackground.jpg) top left no-repeat;
	position: relative;
	}
#header a#logoLink {
	display: block;
	position: absolute;
	left: 10px;
	width: 220px;
	height: 82px;
	}	
#loginPanelContainer {
	width: 210px;
	position: absolute;
	right: 10px;
	top: 15px;
	}
#loginPanel label {
	text-indent: -100000px;
	display: none;
	}
#loginPanel	.textField {
	border: 1px solid #676767;
	padding: 2px;
	margin: 0 0 5px 0;
	width: 196px;
	font-size: 1em;
	}
#loginPanel	p a {
	float: left;
	color: #666;
	text-decoration: underline;
	}
#loginPanel	.submitButton {
	float: right;
	font-weight: bold;
	color: #fff;
	margin-right: 9px;
	background: #6fac2f url(../Images/forms/buttonBackground.gif) top left repeat-x;
	border: none;
	width: 60px;
	padding: 2px 0;
	font-size: 1.1em;
	cursor: pointer;
	}
#loginPanel p.accountButton a {
	float: left;
	font-weight: bold;
	color: #fff;
	background: #6fac2f url(../Images/forms/buttonBackground.gif) top left repeat-x;
	border: none;
	width: 145px;
	padding: 2px 5px;
	margin-top: 10px;
	font-size: 1em;
	cursor: pointer;
	display: block;
	text-decoration: none !important;
	text-align: center;
	}
#loginPanel p.logoutButton a {
	float: left;
	font-weight: bold;
	color: #fff;
	background: #6fac2f url(../Images/forms/buttonBackground.gif) top left repeat-x;
	border: none;
	width: 75px;
	padding: 2px 5px;
	margin-top: 10px;
	font-size: 1em;
	cursor: pointer;
	display: block;
	text-decoration: none !important;
	text-align: center;
	}
/* ------------------------------------------------------------------
=Navigation
-------------------------------------------------------------------*/	
#navigation {
	width: 959px;
	padding: 0 10px;
	height: 81px;
	position: relative;
	z-index: 100;
	margin: 0;
	background: url(../Images/nav/navBackground.jpg) top left no-repeat;
	}
#gyQuotes blockquote {
	font-size: 1.3em;
	float: right;
	margin-right: 10px;
	height: 41px;
	line-height: 41px;
	color: #fff;
	font-weight: bold;
	display: block;
	}
#navigation ul {
	padding: 0;
	margin: 17px 0 0 10px;
	list-style: none;
	}
#navigation ul li {
	float: left;
	position: relative;
	text-transform: lowercase;
	font-size: 1.1em;
	width: auto;
	margin-right: 25px;
	}
#navigation ul li a, #navigation ul li a:visited {
	display: block;
	text-decoration: none;
	color: #fff;
	overflow: hidden;
	padding: 0 8px;
	}
#navigation ul li a {
	height: 23px;
	color: #fff;
	font-weight: bold;
	}
#navigation ul li ul {
	display: none;
	}
/* specific to non IE browsers */
#navigation ul li:hover a {
	color:#000;
	background: #97d654;
	}
#navigation ul li:hover ul {
	display:block;
	position:absolute;
	top:23px;
	left:0;
	margin: 0;
	width: 172px;
	background: url(../Images/nav/subNavBackground.jpg) top no-repeat;
	}
#navigation ul li:hover ul li a.hide {
	color: #fff;
	height: 20px !important;
	line-height: 20px !important;
	}
#navigation ul li:hover ul li:hover a.hide {
	color:#fff;
	}
#navigation ul li:hover ul li ul {
	display: none;
	}
#navigation ul li ul li {
	font-size: 1em;
	color: #666;
	}
#navigation ul li:hover ul li a {
	display: block;
	color: #fff !important;
	height: 20px !important;
	line-height: 20px !important;
	background-image: none !important;
	text-indent: 0 !important;
	width: 162px;
	font-weight: normal;
	cursor: pointer !important;
	}
#navigation ul li:hover ul li a:hover {
	background: #dff3cb;
	color: #666 !important;
	}
/* ------------------------------------------------------------------
=Main Content Area
-------------------------------------------------------------------*/
#mainContent {
	width: 959px;
	padding: 0 10px;
	background: url(../Images/shared/contentBackground.gif) top repeat-y;
	position: relative;
	}
#contentGradient {
	background: url(../Images/shared/contentGradientSmall.jpg) top right no-repeat;
	width: 401px;
	height: 200px;
	z-index: 1;
	right: 11px;
	top: 1px;
	position: absolute;
	}
body#cmsPages #contentGradient {
	display: none;
	}
/* ------------------------------------------------------------------
=Left Column
-------------------------------------------------------------------*/
#leftColumn {
	width: 221px;
	margin: 10px 0 0 1px;
	float: left;
	}
/* Latest Vacancies */
#jobPanelContainer {
	width: 201px;
	padding: 10px;
	margin: 0 0 10px 0;
	}
#jobPanel .vacancyHeadline {
	display: block;
	padding: 4px 0;
	background: url(../Images/latestJobs/dividingLine.gif) bottom left no-repeat;
 	}
#jobPanelContainer h2 {
	display: block;
	font-size: 1.1em;
	color: #000;
	padding-bottom: 7px;
	background: url(../Images/latestJobs/dividingLine.gif) bottom left no-repeat;
	}
#jobPanel h3 {
	color: #333;
	font-size: 1em;
	}
#jobPanel h3 a {
	color: #666;
	}
#jobPanel h3 a:hover {
	color: #6eaa2f;
	}
#jobPanel h3 a span {
	color: #3c423f;
	font-weight: normal;
	}
#jobPanel h3 a:hover span {
	color: #000;
	}
/* Job Search */
#jobSearchContainer h2 {
	display: block;
	font-size: 1.1em;
	color: #000;
	padding-bottom: 7px;
	margin: 10px 10px 0 10px;
	}	
#jobSearchPanel form {
	width: 201px;
	padding: 10px;
	background-color: #ddf2c7;
	margin-left: 1px;
	}	
#jobSearchPanel h3 {
	font-size: 1.1em;
	color: #6d6f73;
	margin-bottom: 10px;
	}
#jobSearchPanel label {
	font-size: 1em;
	color: #666;
	margin: 0 0 5px 0;
	font-weight: bold;
	display: block;
	}
#jobSearchPanel .selectElement {
	font-size: 1em;
	border: 1px solid #666;
	width: 204px;
	margin-bottom: 5px;
	padding: 2px;
	color: #666;
	background-color: #fff;
	}
#jobSearchPanel .textField {
	font-size: 1em;
	border: 1px solid #6c6767;
	width: 197px;
	padding: 2px;
	color: #666;
	margin-bottom: 5px;
	}
#jobSearchPanel p {
	font-size: 1em;
	color: #666;
	margin: 5px 0 0 10px;
	font-weight: normal;
	line-height: 1.5em;
	}
#jobSearchPanel	.submitButton {
	float: left;
	font-weight: bold;
	color: #fff;
	background: #6fac2f url(../Images/forms/buttonBackground.gif) top left repeat-x;
	border: none;
	width: 60px;
	padding: 2px 0;
	font-size: 1.1em;
	cursor: pointer;
	margin: 0;
	}
/* ------------------------------------------------------------------
=Center Column
-------------------------------------------------------------------*/
#centerColumn {
	width: 507px;
	margin: 10px 10px 0 10px;
	position: relative;
	z-index: 2;
	float: left;
	}
body#sendFriendPopup #centerColumn {
	background: url(../Images/popups/GY_logo.gif) top center no-repeat;
	padding-top: 50px;
	}	
#centerColumn iframe {
	border: 1px solid #6c6767;
	margin-bottom: 10px;
	}
/* Cam Vista */
#camVista{
	margin-bottom: 10px;
	text-align: center;
	}
/* Weather Feed */
#weatherFeed {
	display: block;
	width: 487px;
	padding: 0 10px;
	background: url(../Images/weatherFeed/background.gif) top left repeat-x;
	height: 24px;
	font-size: 1em;
	}
#weatherFeed p {
	color: #fff !important;
	font-size: 1em;
	line-height: 24px !important;
	}
#weatherFeed p a {
	color: #fff !important;
	}
#centerColumn h1, #centerColumn h2 {
	display: block;
	font-size: 1.1em;
	color: #000;
	padding-bottom: 7px;
	margin: 10px 0;
	background: url(../Images/shared/mainDividingLine.gif) bottom left no-repeat;
	}
#centerColumn h3 {
	color: #666;
	font-size: 1.1em;
	margin-bottom: 15px;
	}
#centerColumn h3 a {
	color: #6d6f73;
	}
#centerColumn h3 a:hover, #centerColumn p a:hover {
	color: #666;
	}
#centerColumn h3 a span {
	color: #666;
	font-size: 0.918em;
	line-height: 1.5em;
	font-weight: normal;
	}
#centerColumn h3 a:hover span {
	color: #000;
	}
#centerColumn em {
	font-style: italic;
	}
#centerColumn p {
	color: #666;
	font-size: 1em;
	margin-bottom: 15px;
	line-height: 1.5em;
	}
#centerColumn p a, #centerColumn pre a {
	text-decoration: underline;
	color: #000;
	}
#centerColumn pre {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	text-align:left;
	white-space: pre-wrap;
	width: 507px;
	color: #666;
	white-space: pre-wrap;       /* css-3 */
	white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
 	white-space: -pre-wrap;      /* Opera 4-6 */
 	white-space: -o-pre-wrap;    /* Opera 7 */
 	word-wrap: break-word;       /* Internet Explorer 5.5+ */
	margin: 0;
	}
#centerColumn ul li code {
	font-size: 11px;	
	color: #000;
	}
#centerColumn ol {
	list-style-position: inside;
	margin: 10px;
	}
#centerColumn ul {
	list-style-position: outside;
	margin: 10px 10px 10px 20px;
	}
#centerColumn ol li, #centerColumn ul li {
	color: #666;
	margin: 0 0 5px 0;
	}
#centerColumn ol li a, #centerColumn ul li a {
	color: #639929;
	}
#centerColumn .halfColumn {
	width: 200px;
	float: left;
	margin: 0 10px 20px 20px;
	}
#centerColumn .halfColumn ul {
	margin: 0 10px;
	}
#centerColumn .halfColumn ul li {
	font-size: 1.1em;
	}
.featurePanel, .quotesPanel, .overseasPanel {
	display: block;
	padding-bottom: 10px;
	margin: 0;
	clear: both;
	}
.quotesPanel {
	background: url(../Images/shared/mainDividingLine.gif) bottom left no-repeat;
	}
.featurePanel h2, .overseasPanel h2 {
	display: block;
	font-size: 1.1em;
	color: #000;
	padding: 7px 0;
	margin: 0 0 10px 0 !important;
	background: url(../Images/shared/mainDividingLine.gif) bottom left no-repeat;
	}
.featurePanel img  {
	float: left;
	border: 1px solid #6c6767;
	margin: 0 10px 0 0;
	width: 125px;
	}
img.floatRight {
	border: 1px solid #6c6767;
	margin: 0 0 0 20px;
	width: 125px;
	}
.featurePanel ol {
	margin: 0 0 10px 10px !important;
	}
.featurePanel ul {
	float: left;
	width: 360px;
	margin: 0 0 10px 10px !important;
	list-style-type: none;
	}
.quotesPanel blockquote ul {
	margin: 0 !important;
	list-style-type: none;
	}
.quotesPanel cite {
	margin: 0;
	color: #666;
	}
.paging {
	display: block;
	}
.paging ol {
	float: right;
	clear: both;
	margin: 0;
	list-style-type: none;
	}
.paging ol li {
	float: left;
	margin: 0 0 0 5px !important;
	}
.aboutUsPageOne ol li.linkOne a {
	color: #000 !important;
	cursor: default;
	}
.aboutUsPageTwo ol li.linkTwo a {
	color: #000 !important;
	cursor: default;
	}
.aboutUsPageThree ol li.linkThree a {
	color: #000 !important;
	cursor: default;
	}
.aboutUsPageFour ol li.linkFour a {
	color: #000 !important;
	cursor: default;
	}
.backChatPageOne ol li.linkOne a {
	color: #000 !important;
	cursor: default;
	}
.backChatPageTwo ol li.linkTwo a {
	color: #000 !important;
	cursor: default;
	}
.backChatPageThree ol li.linkThree a {
	color: #000 !important;
	cursor: default;
	}
.backChatPageFour ol li.linkFour a {
	color: #000 !important;
	cursor: default;
	}
/* progress bar */
#progressBar {
	display: block;
	text-align: center;
	background: url(../Images/forms/buttonBackground.gif) bottom repeat-x;
	border: 1px solid #6c6767;
	width: 255px;
	margin: auto;
	height: 18px;
	}
#progressBar span {
	background-color: #fff;
	font-size: 1.4em;
	margin-bottom: 0 !important;
	width: 15px;
	}
/* candidate table */
.candidateTable {
	width: 460px;
	margin: 0 10px;
	padding: 0;
	}
.candidateTable td {
	font-size: 10px;
	padding: 5px 0;
	color: #666;
	}
/* downloads lists */
#centerColumn ul.downloadsList li  {
	margin-bottom: 10px;
	}
#centerColumn ul.downloadsList li a span {
	color: #666;
	font-weight: bold;
	}
#centerColumn ul.downloadsList li a {
	color: #666;
	font-weight: normal;
	display: block;
	}
#centerColumn ul.downloadsList li a:hover, #centerColumn ul.downloadsList li a:hover span {
	color: #000;
	}
/* ------------------------------------------------------------------
=Generic Form
-------------------------------------------------------------------*/
.genericForm {
	display: block;
	width: 507px;
	}
.genericForm h3 {
	display: block;
	padding-bottom: 5px;
	border-bottom: 1px solid #666;
	}
.genericForm fieldset {
	display: block;
	width: 507px;
	margin-bottom: 10px;
	}
.genericForm legend {
	font-size: 1.1em;
	font-weight: bold;
	color: #666;
	margin: 0 0 10px -4px;
	padding-bottom: 7px;
	}
.genericForm label {
	float: left;
	width: 270px;
	font-size: 1em;
	color: #6d6f73;
	margin-bottom: 10px;
	}
#currentVacanciesForm label {
	width: 507px;
	}
.genericForm label a {
	color: #000;
	text-decoration: underline;
	}
span.availabilityStatus {
	font-size: 1em;
	color: #6d6f73;
	margin-bottom: 10px;
	}
.genericForm#timesheetIntro label {
	width: 300px;
	}	
.widthAuto {
	width: auto !important;
	}
.genericForm#registerForm .widthAuto {
	margin-right: 20px;
	}	
.genericForm .textArea {
	width: 480px;
	font-size: 1em;
	border: 1px solid #6c6767;
	height: 50px;
	color: #6c6767;
	padding: 2px;
	margin-bottom: 10px;
	float: left;
	}
.genericForm#registerForm .textArea {
	height: 100px;
	}
.largeTextArea {
	width: 507px !important;
	height: 200px;
	font-size: 1em;
	}
.friendTextArea {
	width: 507px !important;
	height: 200px;
	font-size: 1em;
	}
.tabletextArea {
	width: 230px !important;
	height: 100px !important;
	}
#cmsNewsCopy {
	height: 200px !important;
	}
.genericForm .textField {
	font-size: 1em;
	border: 1px solid #6c6767;
	float: left;
	width: 210px;
	color: #6c6767;
	padding: 2px;
	margin-bottom: 10px;
	}
.genericForm .textField.floatRight {
	margin-right: 20px !important;
	}
.genericForm .selectElement {
	border: 1px solid #6c6767;
	width: 215px;
	padding: 2px;
	color: #6c6767;
	font-size: 1em;
	margin-bottom: 10px;
	float: left;
	}
.genericForm .selectElement.floatRight {
	margin-right: 20px !important;
	}
.genericForm#salaryForm .selectElement {
	width: auto !important;	
	}
.validate {
	color: #6fac2f;
	float: right;
	font-size: 1.1em;
	}
.checkBox {
	float: left;
	margin-left: 20px;
	}
.genericForm#registerForm .checkBox {
	margin: 10px 20px 10px 0;
	}	
#formButtons {
	margin: 10px 0 10px 0;
	}
#registerForm #formButtons, #editSearchForm #formButtons, #jobSearchForm #formButtons, #currentVacanciesForm #formButtons, #postVacancyForm #formButtons, #editMailingStatusForm #formButtons, #forgotPasswordForm #formButtons, body#cmsPages #formButtons {
	margin: 10px 20px 10px 0;
	}
.submitButton{
	float: right;
	font-weight: bold;
	color: #fff;
	background: #6fac2f url(../Images/forms/buttonBackground.gif) top left repeat-x;
	border: none;
	width: 100px;
	padding: 2px 5px;
	margin: 0 0 0 5px;
	font-size: 1.1em;
	cursor: pointer;
	}
.dobBoxes {
	width: 40px;
	float: left;
	border: 1px solid #6c6767;
	text-align: center;
	font-size: 1em;
	color: #6c6767;
	}
.divider {
	float: left;
	width: 10px;
	padding: 0 10px 0 10px;
	font-size: 1em;
	line-height: 13px;
	}
body#cmsPages .fileBrowser {
	margin: 0 0 10px 0;
	float: left;
	width: 100px;
	}
/* ------------------------------------------------------------------
=Right Column
-------------------------------------------------------------------*/
#rightColumn {
	width: 201px;
	float: left;
	margin: 52px 0 0 0;
	position: relative;
	z-index: 2;
	}
#rightColumn ul#featurePanels {
	list-style-type: none;
	margin: 0 0 15px 0;
	padding: 0;
	}
#rightColumn ul#featurePanels li {
	text-indent: -10000em;
	margin-bottom: 7px;
	padding: 0;
	}
#rightColumn ul#featurePanels li#registerLink a {
	display: block;
	width: 200px;
	background: url(../Images/featurePanels/registerButton2.gif) top left no-repeat;
	height: 30px;
	}
#rightColumn ul#featurePanels li#kidsLink a {
	display: block;
	width: 200px;
	background: url(../Images/featurePanels/quotesKids.gif) top left no-repeat;
	height: 52px;
	}
#rightColumn ul#featurePanels li#secsLink a {
	display: block;
	width: 200px;
	background: url(../Images/featurePanels/secsLife.gif) top left no-repeat;
	height: 52px;
	}
#rightColumn ul#featurePanels li#timesheetLink a {
	display: block;
	width: 200px;
	background: url(../Images/featurePanels/timesheetButton2.gif) top left no-repeat;
	height: 30px;
	}
#rightColumn ul {
	float: none;
	list-style-type: none;
	margin-right: 10px;
	width: 200px;
	}
#rightColumn ul#logos li {
	text-indent: -100000em;
	}
#rightColumn ul#logos li#recLink {
	margin-bottom: 20px;
	}
#rightColumn ul#logos li#recLink a {
	display: block;
	background: url(../Images/footer/recLogo.gif) top center no-repeat;
	width: 201px;
	height: 52px;
	}
#rightColumn ul#logos li#investorsLink a {
	display: block;
	background: url(../Images/footer/investorsLogo.gif) top center no-repeat;
	width: 201px;
	height: 52px;
	}
#tflFeeds {
	width: 195px;
	display: block;
	height: 275px;
	margin-bottom: 20px;
	}
#latestNewsFeeds {
	width: 200px;
	margin: 0 0 10px 0;
	}
#latestNewsFeeds h2 {
	display: block;
	font-size: 1.1em;
	color: #000;
	padding-bottom: 7px;
	background: url(../Images/latestJobs/dividingLine.gif) bottom left no-repeat;
	margin-bottom: 7px;
	}
#latestNewsFeeds p {
	font-size: 1em;
	color: #666;
	padding-bottom: 7px;
	margin-bottom: 7px;
	background: url(../Images/latestJobs/dividingLine.gif) bottom left no-repeat;
	}
#latestNewsFeeds p a {
	color: #666;
	text-decoration: underline;
	}
#latestNewsFeeds p a:hover {
	color: #6eaa2f;
	}
#gyNewsContainer {
	width: 201px;
	padding: 10px;
	margin: 0 0 10px 0;
	}
#gyNewsContainer h2 {
	display: block;
	font-size: 1.1em;
	color: #000;
	padding-bottom: 7px;
	background: url(../Images/latestJobs/dividingLine.gif) bottom left no-repeat;
	margin: 15px 0 0 0;
	}
#gyNews p {
	font-size: 1em;
	color: #666;
	padding-bottom: 7px;
	margin-bottom: 7px;
	background: url(../Images/latestJobs/dividingLine.gif) bottom left no-repeat;
	}
#gyNews p a {
	color: #666;
	text-decoration: underline;
	}
#gyNews p a:hover {
	color: #6eaa2f;
	}
/* ------------------------------------------------------------------
=CMS Pages
-------------------------------------------------------------------*/
body#cmsPages #centerColumn h3 {
	background: url(../Images/CMS/edit.gif) right top no-repeat;
	display: block !important;
	padding-right: 40px;
	}
/* ------------------------------------------------------------------
=Timesheet Form
-------------------------------------------------------------------*/
body#timesheetPage, body#timesheetPageThanks {
	background: none;
	}
body#timesheetPage, body#timesheetPageThanks {
	width: 600px;
	margin: auto;
	}
body#timesheetPage table {
	margin: 5px 0 0 0;
	border: 1px solid #6c6767;
	background-color: #ececec;
	}
body#timesheetPage table td {
	padding: 4px;
	color: #000;
	font-size: 1em;
	}
body#timesheetPage table#detailsTable td input {
	width: 200px;
	border: 1px solid #000;
	padding: 2px;
	font-size: 1em;
	}
body#timesheetPage table#hoursTable td input {
	width: 20px;
	border: 1px solid #000;
	padding: 2px;
	text-align: center;
	font-size: 1em;
	}
body#timesheetPage table#hoursTable th {
	text-align: left;
	font-size: 1em;
	color: #000;
	padding: 2px;
	}
.daySelectElement {
	width: 40px;
	border: 1px solid #000;
	margin-right: 5px;
	font-size: 1em;
	}
.monthSelectElement {
	width: 90px;
	border: 1px solid #000;
	margin-right: 5px;
	font-size: 1em;
	}
.yearSelectElement {
	width: 60px;
	border: 1px solid #000;
	font-size: 1em;
	}
body#timesheetPage .submitButton {
	font-weight: bold;
	color: #fff;
	background: #6fac2f url(../Images/forms/buttonBackground.gif) top left repeat-x;
	border: none;
	width: 150px !important;
	padding: 2px 0;
	margin: 0 0 0 5px;
	font-size: 1em;
	cursor: pointer;
	}
body#timesheetPageThanks #gyLogo, body#timesheetPageThanks .copy {
	width: 600px;
	margin: 10px auto 0 auto;
	text-align: center;
	}
body#timesheetPage #gyLogo {
	width: 600px;
	margin: 0 auto -5px 0;
	text-align: center;
	}
body#timesheetPage .copy {
	width: 600px;
	margin: 5px auto 0 auto;
	text-align: center;
	}
body#timesheetPage #reminderText {
	text-align: left !important;
	color: #000;
	width: 580px;
	padding: 0 10px;
	margin: 0;
	}
body#timesheetPage #reminderText p {
	margin: 5px 0 0 0;
	font-size: 1em;
	}
body#timesheetPage #reminderText ul {
	margin: 5px 20px;
	list-style-type: square;
	}
body#timesheetPage table ol {
	margin: 0 20px;
	list-style-type: square;
	}
body#timesheetPage #gyLogo img, body#timesheetPageThanks #gyLogo img {
	margin: 0 0 10px 0;
	}
body#timesheetPage #gyLogo p {
	font-size: 1.1em;
	color: #000;
	}
body#timesheetPage .copy p, body#timesheetPage .copy label {
	font-size: 1em;
	color: #000;
	text-align: center;
	}
body#timesheetPageThanks .copy p {
	font-size: 1em;
	color: #000;
	text-align: center;
	margin: 5px 0;
	}
body#timesheetPageThanks .copy p a {
	color: #0a8333;
	font-weight: bold;
	}
.cellBorder {
	border-bottom: 1px solid #000;
	}
body#timesheetPage td.footNote {
	padding: 10px 4px;
	}
body#timesheetPage #addressFooter, body#timesheetPageThanks #addressFooter {
	font-size: 1em;
	text-align: center;
	margin: 5px auto 0 auto;
	}
/* ------------------------------------------------------------------
=Vacancies related tables
-------------------------------------------------------------------*/
/* vacancy results table */
.vacResultsType {
	width: 100%;
	background: #6fac2f url(../Images/forms/buttonBackground.gif) top left repeat-x;
	color: #fff;
	font-size: 10px;
	height: 20px;
	}
.vacResultsType td, .vacResultsType td a {
	color: #fff !important;
	padding: 5px;
	}
.vacResultsTable {
	width: 100%;
	margin: 0;
	}
.vacResultsTable td {
	font-size: 10px;
	padding: 5px;
	color: #666;
	border-bottom: 1px solid #6c6767;
	line-height: 12px;
	}
.vacResultsTable td p {
	margin-bottom: 10px;
	}
.vacResultsTable td p a {
	color: #666;
	}
.vacResultsTable td p a:hover {
	color: #000;
	text-decoration: underline;
	}
.jobTitle {
	font-size: 11px;
	}
.vacResultsTable td strong {
	font-size: 12px;
	padding: 2px;
	text-align: left;
	color: #000;
	}
.vacResultsTable td a {
	font-weight: bold;
	color: #3c423f;
	}
.vacResultsTable td a:hover {
	color: #0a8333;
	}
.rowMidgrey {
	background-color: #fff;
	}
.rowDarkGrey { 
	background-color: #f2f2f2;	
	}
.buttonStyle {
	background: url(../Images/Shared/rightLinks/linkBackground.gif) top center no-repeat;
	background-color: #d9d9d9;
	color: #0a8333;
	font-size: 1.2em;
	margin-top: 10px;
	border: 1px solid #6c6767;
	padding: 2px 10px;
	font-weight: bold;
	}
.candidateTable td .buttonStyle {
	font-size: 1.18em;
	margin-left: 0;
	}
.tabletextArea {
	width: 100%;
	font-size: 1.1em;
	border: 1px solid #6c6767;
	height: 50px;
	color: #6c6767;
	padding: 2px;
	}
.tableTextField {
	border: 1px solid #6c6767;
	width: 100%;
	padding: 2px;
	color: #6c6767;
	}
.tableselectElement {
	border: 1px solid #6c6767;
	width: auto;
	padding: 2px;
	color: #6c6767;
	}
.vacDetailsTable {
	width: 480px;
	margin: 0;
	font-size: 10px;
	color: #666;
	}
.vacDetailsTable td {
	padding: 5px;
	}
td p a {
	color: #000;
	text-decoration: underline;
	}
p.loginAlert {
	font-weight: bold;
	color: #000;
	}
/* ------------------------------------------------------------------
=Footer Area
-------------------------------------------------------------------*/
#footer {
	width: 959px;
	padding: 0 10px 10px 10px;
	background: url(../Images/footer/footerBackground.gif) top left no-repeat;
	height: 81px;
	}
#footer p {
	float: left;
	margin: 45px 0 0 10px;
	font-size: 1em;
	color: #666;
	}
#footer p a {
	color: #666;
	text-decoration: underline;
	}
#footer p a:hover {
	color: #6eaa2f;
	}
#footer ul {
	float: right;
	list-style-type: none;
	margin-right: 10px;
	width: 200px;
	text-align: center;
	}
#footer ul li {
	text-indent: -100000em;
	width: 161px;
	margin: auto;
	}
#footer ul li#dwpLink a {
	display: block;
	background: url(../Images/footer/dwpLogo.gif) top left no-repeat;
	width: 161px;
	height: 61px;
	}
#staticAdvert {
	width:100px;
	height:228px;
	margin:-20px 0 20px 50px;
	}