/*******************************************************************************
 * Common Elements
 */

body {
	color:       #333; 
	font-family: 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif;
	font-size:   62.5%;
	line-height: 1.5;
}

h1,
th,
a.important,
legend {
	color: #E3171A;
}



h1 {
	color: #E3171A;
	font-size: 1.7em;
	font-weight: normal;
	margin-bottom: 0.5em;
}

p,
td,
legend,
input,
textarea,
select,
label {
	font-size: 1.2em;
}

label {
	font-weight: bold;
}

a {
	color: #ea4346;
	text-decoration: underline;
}

a:active {
	color: #000;
	}
	
a:visited {
	color: #900;
	}

a:hover {
	color: #900;
	text-decoration: none; 
	}

/*******************************************************************************
 * Vacancy List/Details Table
 */
 
table#vacancies,
table#details {
	width:           100%;
	margin:          0;
	padding:         0;
  border:          #CCCCCC 1px solid;
  border-collapse: collapse;
  margin-bottom: 1em;
}

table#vacancies th,
table#details th {
	background-color: #e0e0e0;
	color:            #000;
	font-size: 1.2em;
  text-align:       left;
  padding:          4px;
  margin:           0;
  border:           #CCCCCC 1px solid;
  border-collapse:  collapse;
}

table#vacancies th a,
table#details th a {
}

table#vacancies tr td,
table#details tr td {
  background-color: #f4f4f4;
  font-size: 1.2em;
  padding:          4px;
  margin:           0;
  border:           #CCCCCC 1px solid;
  border-collapse:  collapse;
}

table#vacancies tr.odd td,
table#details tr.odd td {
  background-color: #FFFFFF;
}

table#vacancies tr td a,
table#details tr td a {
  font-weight: bold;
}

/*******************************************************************************
 * Vacancy Details Table
 */

table#details tr td.quarter {
  width:      25%;
  text-align: center;
}

table#details tr td.half {
  width:      50%;
  text-align: center;
}

/*******************************************************************************
 * Form Styles
 */

table.hrdmain {
	width:            100%;
	margin:           0px;
	border-collapse:  collapse;
	background-color: white;
}

table.hrdmain td.title {
	background-color: #003366;
	font-style:       normal;
	font-weight:      bold;
	color:            #FFFFFF;
	padding:          2px;
}

table.hrdmain td.odd {
	background:  #DBEBF3;
	font-style:  normal;
	font-weight: normal;
	padding:     2px;
	border:      solid 1px White;
}

table.hrdmain td.even {
	background:  #C5DCE8;
	font-style:  normal;
	font-weight: normal;
	padding:     2px;
	border:      solid 1px White;
}

table.hrdmain .fieldtext {
	color: #006699;
}

td.hrd {
	font-style:     normal;
	font-weight:    normal;
	padding-bottom: 1px;
}

table.hrdequal td.title {
	background-color: #003366;
	font-style:       normal;
	font-weight:      bold;
	color:            #FFFFFF;
	padding:          2px;
}

table.hrdequal td.odd {
	background:  #DBEBF3;
	font-style:  normal;
	font-weight: normal;
	padding:     2px;
	border:      solid 1px White;
}

table.hrdequal td.even {
	background:  #C5DCE8;
	font-style:  normal;
	font-weight: normal;
	padding:     2px;
	border:      solid 1px White;
}

table.hrdequal .fieldtext {
	color: #006699;
}

table.hrdsave {
	width:   100%;
	height:  30px;
	padding: 0px;
}

table.hrdnone td.title {
	font-weight: bold;
	border:      0px;
	background:  transparent;
	padding:     0px;
}

input.hrd {
		font-style: normal;
		font-weight: normal;
		color: #000000;
        TEXT-DECORATION: none;
		background-color: #FFFFFF;
		border: 1px solid #003366;
}

input.hrdfull {
		font-style: normal;
		font-weight: normal;
		color: #000000;
        TEXT-DECORATION: none;
		background-color: #FFFFFF;
		border: 1px solid #003366;
	width: 100%;
}

textarea.hrd {
		font-style: normal;
		font-weight: normal;
		color: #000000;
        TEXT-DECORATION: none;
		background-color: #FFFFFF;
		border: 1px solid #003366;
}

textarea.hrdfull {
		font-style: normal;
		font-weight: normal;
		color: #000000;
        TEXT-DECORATION: none;
		width: 100%;
		background-color: #FFFFFF;
		border: 1px solid #003366;
}

.welcomebody {
		font-style: normal;
		font-weight: normal;
		color: #000000;
		border: 1px solid #D5E3F0;
		margin: 2px;
		padding : 5px;
		background-color: #EFF4F9;
		}

div.notice {
	float:right;
	width: 200px;
	margin: 3px;
	padding: 3px;
	border: 1px solid #003366;
	background-color : #DBEBF3;
	color: black;
}

fieldset {
        border: 1px solid #cccccc;
        padding: 5px;
        margin-bottom: 2em;
}

fieldset fieldset{
        margin-bottom: 2px;
}

fieldset label {
        width: 25%;
        display: -moz-inline-box; /* Firefox 1 and 2 fix */
        display: inline-block;
}

fieldset label.medium{
        width: 35%;
}

fieldset label.half{
        width: 54%;
}

fieldset label.long{
        width: 75%;
}

fieldset.yesno label{
        width: 25%;
}

fieldset.yesno input{
}

fieldset.yesno p{
        font-size: xx-small;
        font-weight: bold;
        display: block;
        margin: 0;
        margin-left: 7px;
}

fieldset input.hrd {
	width: 50%;
	border: 1px solid #990000;
	margin-top: 1px;
}

fieldset input.hrd:focus {
	width: 50%;
	border: 1px solid #eb1407;
	background-color: #F5F5F5;
	margin-top: 1px;
}

fieldset input.hrdfull {
        width: 74%;
        border: 1px solid #999999;
        margin-top: 1px;
}

fieldset input.hrdfull:focus {
        width: 74%;
        border: 1px solid #eb1407;
		  background-color: #F5F5F5;
        margin-top: 1px;
}

fieldset input.hrdshort {
        width: 24%;
        border: 1px solid #999999;
        margin-top: 1px;
}

fieldset input.hrdshort:active {
        width: 24%;
        border: 1px solid #eb1407;
		  background-color: #F5F5F5;
        margin-top: 1px;
		  }

fieldset label.select {
        width: 25%;
}

fieldset select {
        width: 20%;
        border: 1px solid #999999;
}

.right {
  text-align: right;
 }
 
div#prs_ukEligibility_notes {
  border: 1px solid #cccccc;
  padding: 5px;
  margin-top: 1em;
}

div#prs_ukEligibility_notes h2 {
  font-size: 12px;
  margin: 2px;
}

div#prs_ukEligibility_notes h3 {
  font-size: 10px;
  margin: 2px;
}

div#prs_ukEligibility_notes p {
	margin-top: 0;
	margin-left: 3px;
}
 
