@charset "utf-8";
/* Develop notes 
13.09.09 - Initial CSS Setup RN/Vu:
24.09.09 - Changes to Paragraph style for main body RN/Vu: [1]
25.09.09 - Change Search input box and button positions: DEP
01.10.09 - Added style to override List Header style sf_listTitle : DEP
05.10.09 - Added styles for Resizer buttons: DEP
06.10.09 - Added Members sytles: DEP
08.10.09 - Added new p and h4 for Column3InternalMembers : RN
26.10.09 - Revised LH Graphics and sizes [2]
13.11.09 - Added display: none to .sf_controlListItems ; BM
13.11.09 - Added margin-top: 10px; to ul.sf_expandableList : BM
19.04.10 - Added Red Error TExt for Online forms : RN */

/* Main Tags */
img {
border: 0;
}

body {
background: #003672 url(../images/rob-background.jpg) center 235px no-repeat;
margin-bottom: 0;
}

textarea 
{
	font-family: Arial, Helvetica, Sans-Serif;
}

/* Top Navigation Style */

#TopNavHolder {
width: 900px;
margin: 0 auto;
background: #FFFFFF url(../images/top-nav-background.jpg) no-repeat 0 0;
height: 65px;
}

UL.nav {
width: 900px;
padding: 0;
padding-top: 3px;
margin: 0 auto;
list-style-type: none;
height: 50px;
line-height: 50px;
}

UL.nav li {
margin: 0;
padding: 0;
float: left;
}

UL.nav LI A {
DISPLAY: block;
float: left;
width: 150px;
color: #666666;
text-decoration: none;
text-align: center;
background: url(../images/nav-background.gif) no-repeat 1px 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 0.8em;
font-weight: bold;
}

UL.nav LI.first A {
DISPLAY: block;
float: left;
width: 150px;
color: #666666;
text-decoration: none;
text-align: center;
background: url(../images/nav-background-first.gif) no-repeat 1px 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 0.8em;
font-weight: bold;
}

UL.nav LI.last A {
DISPLAY: block;
float: left;
width: 150px;
color: #666666;
text-decoration: none;
text-align: center;
background: url(../images/nav-background-last.gif) no-repeat 1px 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 0.8em;
font-weight: bold;
}

UL.nav LI A:hover {
color: #666666;
text-decoration: underline;
}

.ClearNav {
width: 900px;
height: 5px;
margin: 0 auto;
background: url(../images/white-square.gif) repeat;
}

/* Mid Search & Logo Bar */
#MidHolder {
width: 900px;
margin: 0 auto;
background:  url(../images/vt-big-logo.jpg) #ffffff no-repeat 0 0;
height: 150px;
text-align: right;
}

#MidHolder fieldset {
margin: 0px;
padding-right:10px;
width:300px;

}

#MidHolder p {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000033;
margin: 0;
margin-right: 20px;
}


#MidHolder input {
margin: 0;
width: 215px;
padding: 8px 0;
background: #FFFFFF;
color: #333333;
font-weight: bold;
border: 1px solid  #CCCCCC;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
float:right;
cursor: pointer;


}

#MidHolder input.button {
margin: 0;
margin-right: 10px;
padding: 0;
border: none;
width: 66px;
height: 34px;
background: #FFFFFF;
color: #333333;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
vertical-align: bottom;
float:right;

}
.queryTextstyle
{
    margin-top:8px !important;
}

.sf_searchBox
{
    width:300px;
    height:32px;
    padding-bottom:12px !important;
   
}
/* Watermark */
#Watermark {
z-index: 10;
position: absolute;
top: 162px;
left: 900px;
margin-left: -50px;
min-width: 400px;
width: 400px;
}

/* Split 2 Column Layout */

#ColumnHolder {
width: 900px;
margin: 0 auto;
min-height: 500px;
background: #FFFFFF url(../images/rob-background-internal.jpg) no-repeat top center;
}

.Column1Grey {
float: left;
width: 150px;
height: 485px;
background: url(../images/NEWleft-hand-grey.jpg) bottom left no-repeat;
}

.Column1Green {
float: left;
width: 150px;
height: 485px;
background: url(../images/NEWleft-hand-green.jpg) bottom left no-repeat;
}

.Column1Blue {
float: left;
width: 150px;
height: 485px;
background: url(../images/NEWleft-hand-blue.jpg) bottom left no-repeat;
}

.Column1Red {
float: left;
width: 150px;
height: 485px;
background: url(../images/NEWleft-hand-red.jpg) bottom left no-repeat;
}

.Column1Yellow {
float: left;
width: 150px;
height: 485px;
background: url(../images/NEWleft-hand-yellow.jpg) bottom left no-repeat;
}


.Column1MembersBlue {
float: left;
width: 150px;
height: 485px;
background: url(../images/NEWleft-hand-membersblue.jpg) bottom left no-repeat;
}

.Column1Grey ul,
.Column1Green ul,
.Column1Red ul,
.Column1Blue ul,
.Column1Yellow ul,
.Column1MembersBlue ul   {
float: left;
width: 140px;
list-style-type: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
margin: 0;
margin-left: 10px;
padding: 0;
}

.Column1Grey li,
.Column1Green li,
.Column1Red li,
.Column1Blue li,
.Column1Yellow li,
.Column1MembersBlue li {
font-size: 11px;
line-height: 23px;
color: #666666;
border-bottom: 1px solid #ffffff;
text-indent: 12px;
}

.Column1Grey li a,
.Column1Green li a,
.Column1Red li a,
.Column1Blue li a,
.Column1Yellow li a,
.Column1MembersBlue li a {
display: block;
color: #666666;
text-decoration: none;
}

.Column1Grey li a:hover,
.Column1Green li a:hover,
.Column1Red li a:hover,
.Column1Blue li a:hover,
.Column1Yellow li:hover,
.Column1MembersBlue li:hover  {
background: #e5e5e5;
color: #666666;
text-decoration: none;
}

.Column1Grey li.top,
.Column1Green li.top,
.Column1Red li.top,
.Column1Blue li.top,
.Column1Yellow li.top,
.Column1MembersBlue li.top   {
font-size: 11px;
line-height: 23px;
background: url(../images/arrow-black.gif) no-repeat 2px 9px;
color: #666666;
}

.Column1Grey li.top a:hover,
.Column1Green li.top a:hover,
.Column1Red li.top a:hover,
.Column1Blue li.top a:hover,
.Column1Yellow li.top a:hover,
.Column1MembersBlue a:hover {
font-size: 11px;
line-height: 23px;
background: url(../images/arrow-black.gif) no-repeat 2px 9px #e5e5e5;
color: #666666;
}

.Column2 {
float: left;
width: 750px;
min-height: 400px;
}

.Column2Internal {
float: left;
width: 520px;
min-height: 400px;
}

.Column3Internal {
float: left;
width: 190px;
min-height: 400px;
margin-left: 30px;
}

.Column3InternalMembers h5,
.Column3Internal h5 {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000066;
text-align: center;
margin: 0;
}

.Column3InternalMembers p,
.Column3Internal p {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color: #000066;
text-align: center;
margin: 0;
margin-bottom: 13px;
}

.Column3InternalMembers {
float: left;
width: 190px;
min-height: 400px;
margin-left: 30px;
text-align: center;
}

/* Green */
.Col3Promo1TopGreen {
background: url(../images/RHS-green-top.jpg) no-repeat 0 0;
height: 46px;
}
.Col3Promo1MiddleGreen {
background: url(../images/RHS-green-middle.jpg) repeat-y 0 0;
}
.Col3PromoBottomGreen {
background: url(../images/RHS-green-bottom.jpg) no-repeat 0 0;
height: 20px;
margin-bottom: 15px;
}


/* Blue */
.Col3Promo1TopBlue {
background: url(../images/RHS-blue-top.jpg) no-repeat 0 0;
height: 46px;
}
.Col3Promo1MiddleBlue {
background: url(../images/RHS-blue-middle.jpg) repeat-y 0 0;
}
.Col3PromoBottomBlue {
background: url(../images/RHS-blue-bottom.jpg) no-repeat 0 0;
height: 20px;
margin-bottom: 15px;
}

/* Red */
.Col3Promo1TopRed {
background: url(../images/RHS-red-top.jpg) no-repeat 0 0;
height: 46px;
}
.Col3Promo1MiddleRed {
background: url(../images/RHS-red-middle.jpg) repeat-y 0 0;
}
.Col3PromoBottomRed {
background: url(../images/RHS-red-bottom.jpg) no-repeat 0 0;
height: 20px;
margin-bottom: 15px;
}

/* Yellow */
.Col3Promo1TopYellow {
background: url(../images/RHS-yellow-top.jpg) no-repeat 0 0;
height: 46px;
}
.Col3Promo1MiddleYellow {
background: url(../images/RHS-yellow-middle.jpg) repeat-y 0 0;
}
.Col3PromoBottomYellow {
background: url(../images/RHS-yellow-bottom.jpg) no-repeat 0 0;
height: 20px;
margin-bottom: 15px;
}



.Col3Promo1TopGreen p,
.Col3Promo1TopBlue p,
.Col3Promo1TopRed p,
.Col3Promo1TopYellow p {
color: #FFFFFF;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
text-align: center;
margin-bottom: 0;
margin-left: 15px;
margin-right: 25px;
margin-top: 4px;
}

.Col3Promo1MiddleGreen p,
.Col3Promo1MiddleRed p,
.Col3Promo1MiddleBlue p,
.Col3Promo1MiddleYellow p {
color: #FFFFFF;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 14px;
font-weight: 100;
text-align: justify;
margin: 0;
margin-left: 15px;
margin-right: 25px;
}

.ClearCols {
clear:both;
margin: 0 auto;
width: 900px;
height: 0px;
/*height: 10px;*/
/*background-color: #FFFFFF;*/
}

.ClearFooter {
clear:both;
margin: 0 auto;
width: 900px;
height: 10px;
background-color: #003672;
}

/* Column 2 Styles */
.Column2 h1 {
font-family: "Times New Roman", Times, serif, Arial, Helvetica, sans-serif;
font-size: 1.2em;
font-weight: 100;
color: #0066CC;
line-height: 28px;
padding: 0;
margin: 0;
margin-left: 20px;
margin-right: 40px;
}

.Column2Internal h1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 1.2em;
font-weight: bold;
color: #0066CC;
line-height: 28px;
padding: 0;
margin: 0;
margin-left: 20px;
}

.Column2 h2,
.Column2Internal h2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 1.0em;
font-weight: bold;
color: #0066CC;
line-height: 18px;
padding: 0;
margin: 0;
margin-left: 20px;
}

.Column2 h3,
.Column2Internal h3 {
font-family: Arial, Helvetica, sans-serif;
font-size: 1.0em;
font-weight: 100;
color: #0066CC;
line-height: 18px;
padding: 0;
margin: 0;
list-style: none;
}

.Column2 p,
.Column2Internal p {
font-family: Arial, Helvetica, sans-serif;
font-size: 0.9em;
font-weight: 100;
color: #0066CC;
line-height: 16px;
padding: 0;
margin: 0;
margin-bottom: 16px; /*[1]*/
margin-left: 20px;
text-alaign: justify;
}

.Column2 table,
.Column2Internal table {
font-family: Arial, Helvetica, sans-serif;
font-size: 0.85em;
font-weight: 100;
color: #0066CC;
padding: 0;
margin: 0;
margin-left: 20px;
}

.Column2 a,
.Column2Internal a {
color: #0066CC;
text-decoration: underline;
}

.Column2 ul,
.Column2Internal ul {
font-family: Arial, Helvetica, sans-serif;
font-size: 0.9em;
font-weight: 100;
color: #0066CC;
line-height: 16px;
}

.Column2 li,
.Column2Internal li {
margin-left: 20px;
}



/* Home Content Boxes */
.Box1 {
float: left;
width: 170px;
margin-left: 11px;
background: url(../images/home-box-background.jpg) left bottom;
height: 210px;
}

.Box {
float: left;
width: 170px;
margin-left: 8px;
background: url(../images/home-box-background.jpg) left bottom;
height: 210px;
}

.Box1 p,
.Box p {
font-family: Arial, Helvetica, sans-serif;
font-size: 0.7em;
font-weight: 100;
color: #ffffff;
margin: 0;
padding-left: 8px;
padding-right: 8px;
}

.Box1 b,
.Box b {
font-family: Arial, Helvetica, sans-serif;
font-size: 1.2em;
font-weight: bold;
color: #ffffff;
line-height: 22px;
padding: 0;
background-color:inherit;
}

.Box1 b a,
.Box b a {
color: #ffffff;
text-decoration: none;
}

.Box1 b a:hover,
.Box b a:hover {
color: #ffffff;
text-decoration: underline;
}

.BoxClear {
clear:both;
width: 100%;
height: 25px;
}

/* Bottom Container */
#FooterContainer {
width: 900px;
margin: 0 auto;
background: #FFFFFF url(../images/bottom-nav-background.jpg) no-repeat left bottom;
height: 100px;
}

.FooterColumnsFirst {
float: left;
width: 180px;
text-align: left;
margin-top: 28px;
}

.FooterColumns {
float: left;
width: 180px;
height: 100px;
text-align: center;
}

.FooterColumnsFirst p {
margin: 0;
margin-left: 10px;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: 100;
color: #999999;
line-height: 13px;
}

.FooterColumnsFirst p a {
color: #999999;
text-decoration: underline;
}

.sf_controlListItems
{
display: none;
}

/* This is the list container */
ul.sf_expandableList
{
margin-top: 10px;
}

/* This is a list item */
ul.sf_expandableList li
{

	list-style-type: none;
}

/* This is the h3 */
ul.sf_expandableList li h3
{

}

/* This is the text you see under an expanded list item */
ul.sf_expandableList .sf_listItemBody
{

	margin-top: 10px;
}

dl.searchResults {
font-family: Arial, Helvetica, sans-serif;
font-size: 0.9em;
font-weight: 100;
color: #0066CC;
line-height: 16px;
}

dl.searchResults dt {
margin-top: 20px;
margin-left: 20px;
}

.label {
display: block;  /* block float the labels to left column, set a width */
float: left; 
width: 250px; 
padding: 0; 
margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */
text-align: left;
}

.LeftHandPromoHeader {
width: 120px;
height: 27px;
background: url(/images/lh-news-header.gif) no-repeat top left;
margin: 0 auto;
}

.LeftHandVacHeader {
width: 120px;
height: 27px;
background: url(/images/lh-vacancy-header.gif) no-repeat top left;
margin: 0 auto;
}

.LeftHandPromo {
width: 118px;
border-left: 1px solid #333333;
border-right: 1px solid #333333;
border-bottom: 1px solid #333333;
margin: 0 auto;
background: #efefef;
}

.LeftHandPromo p {
font-family: Arial, Helvetica, sans-serif;
color: #333333;
padding: 5px;
font-size: 11px;
line-height: 14px;
text-align: justify;
margin: 0;
margin-bottom: 14px;
}

.sf_listTitle {
	display:none !important;
	}
	
	
.handleText p
{
    font-size:0.9em;
}

.fontsize
{
    padding:0px !important;
}
#bottonsizes
{

    height:40px;
    width:293px;
    padding-right:18px;
    
}

/* Red Error Text for Online Forms */
#ctl00_ContentPlaceHolder3_ctl00_ValidationSummaryStep1 ul,
#ctl00_ContentPlaceHolder3_ctl00_ValidationSummary1 ul,
#ctl00_ContentPlaceHolder3_ctl00_ValidationSummary2 ul,
#ctl00_ContentPlaceHolder3_ctl00_ValidationSummaryStep2 ul,
#ctl00_ContentPlaceHolder3_ctl00_ValidationSummaryStep3 ul,
#ctl00_ContentPlaceHolder3_ctl00_ValidationSummary3 ul,
#ctl00_ContentPlaceHolder3_ctl00_ValidationSummary5 ul {
color: Red;
font-size: 14px;
font-weight: bold;
}