/* CSS Document */
body{padding:0px; margin:0px; color:#3F567F; font:13px/19px Arial, Helvetica, sans-serif; background-color:#CCCCCC;}
img{padding:0px; margin:0px;}
h5{padding:0px; margin:0px;}
h4{padding:0px; margin:0px;}
h3{padding:0px; margin:0px;}
h2{padding:0px; margin:0px;}
ul{margin:0px;}
p{padding:0px; margin:0px;}
div{padding:0px; margin:0px;}


/*----MAIN PANEL----*/
#leftborder{position: relative; margin: 0 auto; width: 10px; float: left; border: 1px solid red;}

html>body #mainPan {left: -2px;}
#mainPan{width:778px; position:relative; margin:0 auto; background:url('images/back.gif'); 
}

/*----TOP PANEL----*/
#topPan{width:778px; height:35px; color:#828282; position:relative; margin:0 auto;}
#topnavigation {float:right; width:500px; font-size:8pt; padding:10px 0 0 0; margin: 0 20px 0 0; text-align: right;}
#topnavigation a{color:#999999; text-decoration:underline; margin-left: 5px;}
#topnavigation a:visited{color:#999999; text-decoration:underline; margin-left: 5px;}
/*----/TOP PANEL----*/

/*----HEADER PANEL----*/
#headerPan{width:673px; height:126px; background:url('images/header.jpg') no-repeat 0 0; 
position:relative; margin:0 auto; padding:11px 0 0 80px;}

#headerPan ul.leftmenu{width:100px; list-style-type:none; padding:0px;}
#headerPan ul.leftmenu li{width:100px; height:22px; border-bottom:1px dashed #AECCCA;}
#headerPan ul.leftmenu li a.link{width:100px; height:22px; display:block; background:#fff url('images/bullet-normal.gif') no-repeat 0 7px; 
color: #3F567F; line-height:22px; text-decoration:none; padding:0 0 0 15px;
}
#vacanciesLink{padding: 0; text-decoration: none; color: #3F567F;}
#headerPan ul.leftmenu li a:active{color: #3F567F;}
#headerPan ul.leftmenu li a:visited{color: #3F567F;}
#headerPan ul.leftmenu li a.link:hover{background:#fff url('images/bullet-hover.gif') no-repeat 0 7px; 
color:#3F567F; line-height:22px; text-decoration:none; padding:0 0 0 15px;
}

#headerPan ul.leftmenu li.active{width:85px; height:22px; display:block; background:#fff url('images/bullet-hover.gif') no-repeat 0 7px; 
color:#3F567F; line-height:22px; text-decoration:none; padding:0 0 0 15px;
}
#headerPan ul.leftmenu li.join{width:87px; height:22px; border-bottom:none;}
#headerPan ul.leftmenu li.joinactive{width:87px; height:22px; border-bottom:none; padding:0 0 0 15px; background:#fff url('images/bullet-hover.gif') no-repeat 0 7px;}
#logo{position:absolute; top:12px; left:205px; margin: -12px 0 0 0;}

#scrolling{float:right; width: 170px; margin-top: 2px; margin-right: 13px; height: 112px; font-size: 12pt; font-weight: bold; font-style: italic; text-align: center;}

/*----/HEADER PANEL----*/

/*----BODY PANEL----*/
#bodyPan{width:766px; background:url('images/NRBack.jpg') no-repeat 7px bottom; 
position:relative; margin:0 auto; padding:18px 0 0 2px;
}

/*----FORM ELEMENTS----*/
form div
{
	margin: 0 0 10px 0;
}
form div label
{
	float:left;
	width: 160px;
}
form div textarea
{
	width: 500px;
	height: 150px;
	font-family: Arial;
}

form div input[type="text"]
{
	width: 300px;
}

.smallField {width: 80px;}

#controls
{
	margin: 20px 0 10px 0;
}



/*----Body Left Panel----*/
#leftPan{width:165px; float: left; display: inline; margin: 0 0 0 30px; background-color: white; padding:0 0px 0 0;}
#leftPan img{padding-bottom: 10px;}
#images {width:140px; float: right; display: inline; height: 140px; border: 1px solid #6B8DCE; background: #fff; color: #3F567F; padding:0; margin: 10px 0 0 0;}

/*----/Body Left Panel----*/

/*----Body Right Panel----*/
#rightPan h1{font-size: 18px; margin-top: 0px; margin-bottom: 7px;}
#rightPan h2{font-size: 15px; margin-top: 0px; margin-bottom: 5px;}
#rightPan h3{font-size: 13px; margin-top: 0px; margin-bottom: 5px;}
#rightPan{width:515px; float:left; display: inline; border-left:1px solid #C8E8E2; margin:0; padding:0 0px 0 24px; }
#rightPan p{padding:0 0 8px 0;}
#breadcrumb {font-size: 10px; color:#666666; margin: 0; padding: 0;}
#breadcrumb a {font-size: 10px; color: #666666; text-decoration: underline; font-weight: bold;}

#mainText {float: left; display: inline; width: 350px; padding: 0 8px 0 0; min-height: 400px;}
#main {float: left; display: inline; width: 538px; padding: 0 0px 0 0; margin-bottom: 0px; min-height: 400px;}
#main p {padding-right: 15px;}
.link a{color: #3F567F;}
#main a{color: #3F567F;}

#categoryChoice {float: right; width: 200px; padding-right: 10px;}
#categoryChoice select {float: right;}

#opening{margin-bottom: 5px;}

#mdQuote{margin-bottom: 0; font-style: italic; font-weight: bold; padding-bottom: 0;}
.name {text-decoration: underline; font-style: normal; text-align: right; font-size: 11px; padding-top: -10px; }

.quotes1 {width: 505px; margin-top: 10px; margin-bottom: 5px; background: url('images/NLBackOddrow.jpg') repeat; padding: 5px 0px 5px 15px;}
.quotes2 {width: 505px; margin-top: 10px; margin-bottom: 5px; background: url('images/NLBackEvenrow.jpg') repeat; padding: 5px 0px 5px 15px;}

.category2, .category4 {width: 165px; height: 115px; float: left; margin: 0; padding:0; }
.category1, .category3 {width: 165px; height: 115px; float: left; margin: 0; padding:0;}
.category1, .category2, .category3, .category4 {list-style-type:none;}
.category1, .category2, .category3, .category4 li {color: #3F567F; text-align: center; }
.category1 a, .category2 a, .category3 a, .category4 a {display: block; padding:35px 0 0 0; font-size: 12pt; text-transform: uppercase; color: #3F567F; text-decoration: none; font-weight: bold; width: 165px; height: 80px; }

.category1 a {background:url('images/NLBackCategory1.gif') no-repeat;}
.category1 a:hover {background:url('images/NLBackCategory1hover.gif') no-repeat;}
.category2 a {background:url('images/NLBackCategory2.gif') no-repeat;}
.category2 a:hover {background:url('images/NLBackCategory2hover.gif') no-repeat;}
.category3 a {background:url('images/NLBackCategory3.gif') no-repeat;}
.category3 a:hover {background:url('images/NLBackCategory3hover.gif') no-repeat;}
.category4 a {background:url('images/NLBackCategory4.gif') no-repeat;}
.category4 a:hover {background:url('images/NLBackCategory4hover.gif') no-repeat;}

.oddRow {height: 30px; width: 505px; margin-bottom: 10px; background: url('images/NLBackOddrow.jpg') repeat; padding: 5px 5px;}
.evenRow {height: 30px; width: 505px; margin-bottom: 10px; background: url('images/NLBackEvenrow.jpg') repeat; padding: 5px 5px;}
.oddRow img, .evenRow img {float: right; margin: 0px;}
.oddRow p, .evenRow p {float: left; font-weight: bold;}
.oddRow p a, .evenRow p a {color: #3F567F;}

.oddRow ul, .evenRow ul {float: right; width: 105px; list-style-type:none; padding:0px;}
.oddRow ul li, .evenRow ul li {text-decoration: none; }
.oddRow ul li a, .evenRow ul li a {display: block; background: url('images/NRApplyNowOff.gif') no-repeat; height: 25px; text-decoration: none;}
.oddRow ul li a:hover, .evenRow ul li a:hover {background: url('images/NRApplyNowOn.gif') no-repeat;}

.applyNow ul {width: 105px; margin-top: 15px; list-style-type:none; padding:0px;}
.applyNow ul li {text-decoration: none;}
.applyNow ul li a {display: block; background: url('images/NRApplyNowOff.gif') no-repeat; height: 25px; text-decoration: none;}
.applyNow ul li a:hover {background: url('images/NRApplyNowOn.gif') no-repeat;}

.titles {margin: 0; padding: 0; list-style-type: none;}
.titles li {text-align: center; float: left; width: 262px; height: 41px; margin-right: 4px;}
.titles a {padding-top: 7px; text-transform: uppercase; font-size: 9pt; color: #3F567F; text-decoration: none; font-weight: bold; width: 262px; height: 34px;}
.titles a {background: url('images/NRButInternal.gif') no-repeat; display: block;}
.titles a:hover{background: url('images/NRButInternalhover.gif') no-repeat;}

p.title {width: 385px; line-height: 1.2em;}

#farRight {float:right; width: 168px; height: 400px; padding-right: 30px; background: url('images/NLBackSidebar.jpg') repeat;}

#hotjobs {float: right; display: inline; width:136px; border: 1px solid #93BBF4; background: #fff; color: #3F567F; padding:0px 0 0 8px; margin: 0;}
#hotjobs h2 {font-size: 16px; position: relative; top: -12px; background: white; width: 90px; text-transform: uppercase; text-align: center; margin-left: 18px;}
#hotjobs ul {font-size: 10pt; color:#3F567F; padding:0 5px 0px 0px; list-style-type:none; padding:0px;}
#hotjobs ul li{padding-bottom: 10px;}
#hotjobs ul li a{border-top: 1px dashed #AECCCA; display:block; background:#fff url('images/bullet2-normal.gif') no-repeat 0 15px; 
color:#3F567F; text-decoration:none; line-height:20px; padding:7px 0 0 10px; margin: 0 3px 0 0; font-weight: bold;
}
#hotjobs ul li a:hover{background:#fff url('images/bullet2-hover.gif') no-repeat 0 15px; 
color:#3F567F; text-decoration:underline;
}

.bullet {list-style-type:square; padding: 5px 0 15px 25px;}

#advertise {float: right; display: inline; width:136px; height: 52px; background:url('images/NRButAdvertiseVacancy_r2_c1.gif') no-repeat; 
color: #FFF; text-align: center; text-transform:uppercase; padding:5px 0 0 0px; margin: 15px 0 0 0; font-weight: bold;
}
#advertise p{line-height: 105%; padding-right: 5px;}
#advertise a{text-decoration: none; color: #FFF;}
#advertise a:hover{text-decoration: none; color: #DBE8FB;}

#openingHours {float: right; width: 200px; margin-right: 20px; text-align:center; border: 1px dashed #93BAF3; padding: 5px;}
#openingHours ul li {list-style-type: none;}

div.vacancyNavigation { margin: 20px 0 10px 0; }
div.vacancyNavigation span.count { padding: 0 6px 0 6px; }

div.message { color: black; margin: 5px; }
div.error { color: red; margin: 5px; }
input.disabled { background-color: #eeeeee; }

.clear{clear: both;}
#space {height: 50px;}
/*----/Body Right Panel----*/
/*----/BODY PANEL----*/
/*----/MAIN PANEL----*/

/*----FOOTER PANEL----*/
#footer{width: 754px; position: relative; left: 12px; font-size : 10px; text-align: center; color: #666666; border-top: 1px solid #CCCCFF;}
#footer a{color: #666666; padding: 0 10px; text-decoration: none;}
#footer a:hover{text-decoration:underline;}
/*----/FOOTER PANEL----*/

/*----LEGAL----*/
#legal {width:778px; position:relative; margin:0 auto;}
#legal p {font-size: 7pt; text-align: center; color: #999999;}