* {
	margin: 0;
	padding: 0;
}

.clearboth {
	clear: both;	
}

ul {
	list-style-type: none;
}

div#content ul{
  list-style-type: disc;
  margin: 23px;
}


a {
	text-decoration: none;
	color: #9b2035;
}

a:hover {
	text-decoration: underline;
}

h1, h2, h3 {
	font-family: Helvetica, "Trebuchet MS";
}

h1, h2 {
	color: #696969;
}

h1 {
 font-size: 2em;
}

h2 {
 font-size: 1.2em;
}

ol {
margin: 23px;
}

div#header h1{
	font-family: Helvetica, "Trebuchet MS";	
}

.normalWeight {
	font-weight: normal;
}

.floatRight {float: right;}

.titlebar {
	color: #800000;
	font-weight: normal;
}

h1.titlebar {
	margin: 0;
	padding: 0;
}

td.jobtitlebar, h2.titlebar {
	padding-top: 1.5em;
	font-size: 0.9em;
	color: #800000;
	font-family: Helvetica, "Trebuchet MS";
}

h2.titlebar {
	font-size: 1.4em;
}

img#bannerAd2 {
	margin-top: 0;	
}

body {
	font-family: Helvetica, "Trebuchet MS", Verdana, Arial, sans-serif;
	font-size: 0.8em;
	text-align: center;
}

#container {
	margin: 0 auto;
	text-align: left;
	background-color: #fff;	
}

#header {
	height: 150px;
	font-family: Helvetica, "Trebuchet MS", Verdana, Arial, sans-serif;
	
	background-image: url("images/paywebsitetop.jpg");
	background-repeat: no-repeat;
}

a img {
	border:	0;
}

img#payMagLogo {
	padding: 10px;
	float: left;
}

#leftColumnTop{
	clear: left;
	width: 180px;
	float: left;
}

#bannerTop{
text-align: center;
margin-left:190px;
margin-right: 190px;
padding-top: 35px;

/* max-width: 60em; */
}

/* top nav */
#topNav {
	clear: both;	
}

#topNav ul {
	margin-top: 0;
	padding-top: 0;
	margin-bottom: 0;
	padding-bottom: 0;
}

#topNav ul
{
	padding-left: 0;
	margin-left: 0;
	background: #176eaa url("images/topNavBg.jpg") repeat-x top;
	color: #fff;
	text-align: right;
	width: 100%;
	font-family: Helvetica, "Trebuchet MS", arial, helvetica, sans-serif;
	font-size: 0.95em;
	padding: 0.2em 0;
}

#topNav ul li
{
	display: inline;
}

#topNav ul li a
{
	padding: 0.2em 1em;
	background: #176eaa url("images/topNavBg.jpg") repeat-x top;
	color: #fff;
	text-decoration: none;
	border-left: 1px solid #fff;
}

#topNav ul li a:hover
{
	color: #fff;
	text-decoration: underline;
}

#topNav ul li#active a
{
	color: #fff;
	font-weight: bold;
}

/* end top nav */

#leftColumn {
	clear: both;
	width: 180px;
	float: left;
}

/* left nav */
#leftColumn ul
{
	margin-left: 0;
	list-style: none;
}

#leftColumn ul#mainNav
{
	border-top: 1px solid #a9a9a9;	
}

#leftNav a
{
	padding-left: 1.5em;
	color: #696969;
	display: block;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	border-bottom: 1px solid #a9a9a9;			
}

#leftNav a:hover, #leftNav a.active
{
	color: #9b2035;
	text-decoration: none;
	background-color: #dedede;
}

#leftNav a.active {
	background-image: url(images/redArrow.gif);
	background-repeat: no-repeat;
	background-position: 0.5em;	
}

#leftNav ul.secondaryNav
{
	background-color: #F6F6F6;
}

#leftNav ul.secondaryNav a
{
	padding-left: 2.5em;	
}

#leftNav ul.secondaryNav a:hover, #leftNav ul.secondaryNav a.active
{
	background-color: #e6e6e6;
	color: #000;	
}

#leftNav ul.secondaryNav a.active
{
	background-image: url(images/greyArrow.gif);
	background-repeat: no-repeat;
	background-position: 1.5em;
}

#leftNav {
	margin: 0 10px;
}

/* end left nav */

*html #content {
	margin-left: 190px;
	margin-right: 190px;
	text-align: left;
	height: 300px; 
	/* max-width: 60em; */
}

div#content {
	margin-left: 190px;
	margin-right: 190px;
	text-align: left;
	height: 1000px; 
	/* max-width: 60em; */
}

#content p {
	margin: 0.5em 0 1em 0;	
}

/*#content h1 {
	color: #696969;
	font-size: 2em;
	font-family: Helvetica, "Trebuchet MS", Georgia;
}*/

#content h1 {
	border-top: 1px dotted #a9a9a9;
	padding-top: 0.5em;
	padding-bottom: 0.5em; 
	color: #9b2035;
	font-size: 1.5em;
	background: #fff url("images/gradientF1F1F1.jpg") repeat-x top;
}

#content h1.mainHeading {
	border-top: 1px dotted #a9a9a9;
	padding-top: 0.5em;
	padding-bottom: 0.5em; 
	color: #9b2035;
	font-size: 1.5em;
	background: #fff url("images/gradientF1F1F1.jpg") repeat-x top;
}

#content h1.mainHeadingTop {
	border-top: 1px dotted #a9a9a9;
	padding-bottom: 0.2em;
	color: #9b2035;
	font-size: 1.5em;
	background: #fff url("images/gradientF1F1F1.jpg") repeat-x top;
	height: 10px;
}

#content h1.mainHeadingSecond {
	color: #9b2035;
	font-size: 1.5em;
	border-style: none;
	padding: 0;
	background-image:none;

}

 div#payPollHeading img#sponsorInPayPoll {
 position: relative;
 left: 60px;
 }
 
 

div#individualJobHeader{
	background: #c0c0c0; 
	color: #000000;
	font-size: 1.0em;
	font-weight: bold;
	
}

div#individualJobHeader p {
text-align: left;
}

#content span.mainHeadingGrey {
	color: #696969;
}

#content span.mainHeadingRed {
	color: #9b2035;
}



#rightColumn {
	clear: right;
	width: 180px /* 9.5em */;
	float: right;
	background-color: #fff;
}

#rightColumnAd {text-align: center;}

#loginForm {
	border-top: 1px solid #fff;
	background-color: #B0C4DE;	
	padding: 0.5em;
}

#loginForm h2 {
	font-size: 1.3em;
	font-weight: normal;
}

/* right nav */
#rightNav {
	background-color: #fff;
	padding: 0 0.5em;
	font-size: 0.7em;
	text-align: right;
	text-align: center;	
	margin-right: 10px;
}

#rightNav a {
	display: block;
	color: #9b2035;
	padding: 5px 20px 5px 20px;
	border: 1px solid #a9a9a9;
	background-color: #f1f1f1;
}

#rightNav a:hover {
	background-color: #f9f9f9;
	text-decoration: none;	
}



#rightNav li {margin-bottom: 2px;}

#rightNav a.newBrowser {
	background-image: url(images/newBrowser.png);
	background-repeat: no-repeat;
	background-position: 97% 50%;		
}

#footer {
	clear: both;
	background-color: #fff;
	border-top: 1px dotted #a9a9a9;
	padding-bottom: 1em;
}

#footer p {
	float: right;
	margin-right: 0.5em;
}

#footer ul li {
	display: inline;
	margin-left: 0.5em;
}

img#coverImage {
	float: right;
	padding: 0.3em 0 0 1em;
}

p#firstPara {min-height: 250px;}

#footer {
	margin-top: 2em;
}

/* survey page */
a.surveyImg {
	border: 0.2em solid #dcdcdc;
	float: right;
	margin-left: 1em;
	padding: 0.5em;
}

.errorText {
	color: #ff0000;	
}

label {font-weight: bold; float: left; width: 12em;}

#supplierLogo {float: right;}

/* adImages */
img#skyScraperWide, img#skyScraperNarrow {margin: 10px}

#coverStoryIntro {
	padding-bottom: 1em;	
	border-bottom: 1px dotted #6d6d6d;
}

#latestNewsHeader, #latestJobsHeader {
	background-color: #dcdcdc;
	width: 100%;
	margin-right: 1em; 
}

.sponsorImage {text-align: center; padding-bottom: 1em;}

/* styling for supplier page */
ul#supplierCategoryPageLinks li a{
	display: inline;
	font-weight: bold;
	font-size: 1.3em;
	color: #8b8386;
}

#supplierCategory h2 a {
	color:#8B8386;
	font-weight: bold;
	font-size: 1.2em;
	border-top: 1px dotted #a9a9a9;
	padding-top: 0.5em;
	padding-bottom: 0.5em; 
	background: #fff url("images/gradientF1F1F1.jpg") repeat-x top;
}

#supplierDetailsPage img {
	float: right;
}

/*styling for home page */


div.bottomContent{
/*width: 600px;*/
}
	
.bottomContent h2 {
font-weight: bold;
font-size: 1.3em;
}

.coverStory {
	height: 300px;
	width: auto;
	float: left;
	
}

.coverStory h2 a{
font-weight: bold;
font-size: 1.2em;
color:#9b2035;
}

div#payawardImage{
	float: left;
}


div#payaward07{
	float: left;
	width: 150px;
	margin-right: 10px;
}

div#filmStrip{
	float: right;
	width: auto;
}

div#awardText{
	clear:both;
}

div#payAwardText {
	float: left;
}
	
/* styling for magazine articles*/

p.magazineArticles {
font-family: Helvetica, "Trebuchet MS";
}

/*Styling for Magazine Articles*/

p.title {
font-weight: bold;
font-size: 1.3em;
}

p.date{
font-size: 1.2em;
}

p.byline{
font-size: 1.1em;
}

/* styling for Subscribe to Pay Magazine*/

.subscribe h2{
font-weight: bold;
font-size: 1.3em;
color: #000000;
}

/*job navigation bar*/

div#jobsNavigationBar	 span	{margin-right: 10px;}


/* form styling*/

fieldset 								{margin: 1em 0;
												padding: 1em;
												border: 1px solid #ccc;
												background: #f8f8f8;}
												
fieldset.homepage 			{margin: 1em 0;
												padding: 1em;
												border: 3px solid #ccc;
												background: #ffffff;
												width:210px}
												
legend									{font-weight: bold;}

label										{float: left;
                         width: 20em;}

input  									{width: 200px;
												 background: #fff;}
												 
input#fileInput					{width: 200px;
												 background: #fff;}
												
select								  {background-color: #fff;}

input#emailAddress      {background-color: #fff;}

input#firstName, input#lastName, input#address1, input#address2, input#city, input#county,
input#postcode, input#telephone {background-color: #ffffff;}

/*original IE buttons*/
/*input#logIn, input#submit, input#searchJobs, input#clearField, input#cancel, input#submitSearch,
input#save,	input#changePassword,	input#addJobAlert,	input#applyForJob,	input#saveAlert,	input#clearFields, 						
												{width: auto;
												cursor:pointer;
												padding: 1px 2px;
												border: 0.8px solid #006;
    										background: #AB6F04;
    										color:#ffffff;
    										background-image:url(images/formbg.gif) repeat-x left top;}*/

/*fix work for both IE and firefox*/
input#logIn							{width: auto;
												cursor:pointer;
												padding: 1px 2px;
												border: 0.8px solid #006;
    										background: #9b2035;
    										color:#ffffff;}
    										
input#submit						{width: auto;
												cursor:pointer;
												padding: 1px 2px;
												border: 0.8px solid #006;
    										background: #9b2035;
    										color:#ffffff;}

input#searchJobs				{width: auto;
												cursor:pointer;
												padding: 1px 2px;
												border: 0.8px solid #006;
    										background: #9b2035;
    										color:#ffffff;}	

input#clearField				{width: auto;
												cursor:pointer;
												padding: 1px 2px;
												border: 0.8px solid #006;
    										background: #9b2035;
    										color:#ffffff;}


input#cancel  					{width: auto;
												cursor:pointer;
												padding: 1px 2px;
												border: 0.8px solid #006;
    										background: #9b2035;
    										color:#ffffff;}

input#submitSearch 			{width: auto;
												cursor:pointer;
												padding: 1px 2px;
												border: 0.8px solid #006;
    										background: #9b2035;
    										color:#ffffff;}
    										 										
input#save							{width: auto;
												cursor:pointer;
												padding: 1px 2px;
												border: 0.8px solid #006;
    										background: #9b2035;
    										color:#ffffff;}

input#changePassword    {width: auto;
												cursor:pointer;
												padding: 1px 2px;
												border: 0.8px solid #006;
    										background: #9b2035;
    										color:#ffffff;}

input#addJobAlert				{width: auto;
												cursor:pointer;
												padding: 1px 2px;
												border: 0.8px solid #006;
    										background: #9b2035;
    										color:#ffffff;}
    										
    										
input#applyForJob    		{width: auto;
												cursor:pointer;
												padding: 1px 2px;
												border: 0.8px solid #006;
    										background: #9b2035;
    										color:#ffffff;}
    																	
    										
input#saveAlert					{width: auto;
												cursor:pointer;
												padding: 1px 2px;
												border: 0.8px solid #006;
    										background: #9b2035;
    										color:#ffffff;}    																			
    										
input#clearFields    		{width: auto;
												cursor:pointer;
												padding: 1px 2px;
												border: 0.8px solid #006;
    										background: #9b2035;
    										color:#ffffff;}								

    										
input#vote				   		{width: auto;
												cursor:pointer;
												padding: 1px 2px;
												border: 0.8px solid #006;
    										background: #9b2035;
    										color:#ffffff;}			
    										    										
input#rememberLogin, input#receiveInfo 
												{width: 20px;
												background: #ffffff;}
												
input.radio            {float: left;
                        margin-right: 0.5em;
                        width: 20px;}

label									 {float: left;
                        width: 2em;}
                        
.generalForm label { width: 10em;  }
												 

textarea								{width: 400px;
 												height: 100px;
 												background: #ffffff;}
 												
dd										  {padding-bottom: 10px;}

input.submit 						{width: auto;
												cursor:pointer;
												padding: 1px 2px;
												border: 1px solid #006;
    										background: #AB6F04;
    										color:#FFE9C1;
    										background:url(images/formbg.gif) repeat-x left top;}
    										

/* Job alert table Styling */

table {
  border-collapse: collapse;
  width: 99%;
  border: 1px solid #cccccc;
}


thead {
  background: #dedede;
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
}

th {
  font-weight: normal;
  text-align: left;
}


th, td {
  padding: 0.1em 1em;
}

/*Styling for Agency page*/

div#agencyDescription {
   margin-top: 20px;
   margin-bottom: 20px;
}

/*styling for error message*/

p.errormessage {
font-weight: bold;
}

/*Styling for job table */

table.jobtable {
border: none;
}
									
table.individualJobHeader thead{
background: #c0c0c0;
}

th.jobTitle {
width: 150px;
font-weight: bold;
}

th.city {
width: 150px;
font-weight: bold;
}

th.salary {
width: 150px;
font-weight: bold;
}


th.jobRef {
width: 150px;
font-weight: bold;
}

/* Styling for home page second section*/

div#secondSection {
width: auto; 
height: 700px;
float: left;
}

/*Hiding from firefox*/
*html div#secondSection {
width: auto; 
height: 250px;
}

div#newsArticles {
float:left;
width: 280px;
height: 260px;
}

*html div#newsArticles {
float:left;
width: 280px;
margin-right: 0;
margin-bottom: 0;
height: 210px;
}

/*Hiding from firefox*/
*html div#newsArticles {
float:left;
width: 280px;
}


div#payPoll {
float: right;
width: 300px;
margin-left: 10px;
}

.clear {
  clear:left;
  width: 100%;
 }
 
 div#payPollResults {
 width: 250px;
 margin: 10px;
 }
 
 .payPollHeading {
  font-size: 0.6em;
 }
 
 *html div.jobSection{
 }
 
 div.jobSection {
 width: auto;
}