/*
=====================================================
NorthWise Services website - 'Desktop' theme CSS file
version 4.5
=====================================================
-----------------------------------------------------
       (c) Robin North for pFusion:Design 2007
             www.pfusion-design.co.uk
              www.robinnorth.co.uk
------------------------------------------------------

You may use this file for learning purposes, but DO NOT 
copy the code in its entirity. The unique combination of 
images, colours, sizes, typography and positioning ('the 
design') is copyright. Copying, modifying or any other 
use of design related images is STRICTLY FORBIDDEN. 
*/

/*
NWS 'Desktop' Theme shared rules
=====================================================
*/

@import url("desktop.css");

/*
NWR 'Basic' Theme for pre-site environment
=====================================================
*/

@import url("basic_nwr.css");

/*
CMS specific rules
=====================================================
*/

@import url("../nwsadmin/css/nws_cms.css");

/* 
Viewport and background layout and appearance
=====================================================
*/
body, html {
	width:100%;
	height:100%;
	}

/*
Page layout and site interface
=====================================================
*/   
body {
	background:url(../images/desktop/backgrounds/dune_grass_2.jpg) fixed; /* Desktop 'wallpaper' */
	}

#header {
	background:url(../images/desktop/ie/header_nwr.gif) no-repeat bottom right; /* Single transparency GIFs fed to IE to make up interface due to lack of support for alpha transparency PNGs */
	}

/* Correct interface PNGs fed to other browsers (Mozilla et al) - IE doesn't understand CSS2 child selectors */
html>body #header {
	background:url(../images/desktop/header_nwr.png) no-repeat bottom right;
	}
		
#wrapper {
	margin-left:auto;
	margin-right:auto;
	text-align:justify;
	width:918px;
	height:auto;
	background:url(../images/desktop/ie/wrapper.gif) repeat-y;
	}

html>body #wrapper {
	background:url(../images/desktop/wrapper.png) repeat-y;
	}
		
#contentWrapper {
	float:none;
	clear:both;
	width:918px;
	height:auto;
	}
		
#menuWrapper {
	position:relative;
	top:27px;
	float:left;
	width:502px;
	height:72px;
	padding:0px;
	}
	
#searchWrapper {
	position:relative;
	top:27px;
	float:right;
	width:416px;
	height:72px;
	}
		
#locationBar {
	position:relative;
	top:-72px;
	width:893px;
	height:21px;
	background:url(../images/desktop/ie/locationBar_nwr.gif) no-repeat top left;
	}
		
html>body #locationBar {
	background:url(../images/desktop/locationBar_nwr.png) no-repeat top left;
	}

#contentArea {
	width:848px;
	background:url(../images/desktop/ie/contentArea_nwr.gif) repeat-y;
	}

html>body #contentArea {
	background:url(../images/desktop/contentArea_nwr.png) repeat-y;
	}

.contentIndent {
	height:auto;
	padding-left:50px;
	}

#contentFooter {
	width:918px;
	background:url(../images/desktop/ie/contentFooter_nwr.gif) no-repeat;
	}
		
html>body #contentFooter {
	background:url(../images/desktop/contentFooter_nwr.png) no-repeat;
	}
		
#menuBar {
	display:none;
	}

/*
Menu buttons and layout
=====================================================
*/

#menuItems {
	float:left;
	width:479px;
	height:72px;
	padding:0px 0px 0px 20px;
	background:url(../images/desktop/ie/menuItems_nwr.gif) no-repeat top left;
	}

html>body #menuItems {
	background:url(../images/desktop/menuItems_nwr.png) no-repeat top left;
	}

#menu {
	width:479px;
	height:72px;
	list-style:none;
	display:inline;
	}
	
#menu li {
	float:left;
	display:inline;
	}
		
#menu span {
	visibility:hidden;
	display:inline;
	}
	
#menu a {
	border:0;
	}

/* Home option */
#menuNWRHome a {
	display:block;
	width:70px;
	height:72px;
	background:url(../images/desktop/ie/menuNWRHome.gif) no-repeat right top;
	}

html>body #menuNWRHome a {
	background:url(../images/desktop/menuNWRHome.png) no-repeat right top;
	}
	
#menuNWRHome a:hover {
	background:url(../images/desktop/ie/menuNWRHome.gif) no-repeat 0 -72px;
	}
	
html>body #menuNWRHome a:hover {
	background:url(../images/desktop/menuNWRHome.png) no-repeat 0 -72px;
	}
	
/* Browse option */
#menuBrowse a {
	display:block;
	width:114px;
	height:72px;
	background:url(../images/desktop/ie/menuBrowse.gif) no-repeat right top;
	}

html>body #menuBrowse a {
	background:url(../images/desktop/menuBrowse.png) no-repeat right top;
	}
	
#menuBrowse a:hover {
	background:url(../images/desktop/ie/menuBrowse.gif) no-repeat 0 -72px;
	}
	
html>body #menuBrowse a:hover {
	background:url(../images/desktop/menuBrowse.png) no-repeat 0 -72px;
	}
	
/* Apply option */
#menuApply a {
	display:block;
	width:137px;
	height:72px;
	background:url(../images/desktop/ie/menuApply.gif) no-repeat right top;
	}

html>body #menuApply a {
	background:url(../images/desktop/menuApply.png) no-repeat right top;
	}
	
#menuApply a:hover {
	background:url(../images/desktop/ie/menuApply.gif) no-repeat 0 -72px;
	}
	
html>body #menuApply a:hover {
	background:url(../images/desktop/menuApply.png) no-repeat 0 -72px;
	}
	
/* Submit option */
#menuSubmit a {
	display:block;
	width:158px;
	height:72px;
	background:url(../images/desktop/ie/menuSubmit.gif) no-repeat right top;
	}

html>body #menuSubmit a {
	background:url(../images/desktop/menuSubmit.png) no-repeat right top;
	}
	
#menuSubmit a:hover {
	background:url(../images/desktop/ie/menuSubmit.gif) no-repeat 0 -72px;
	}
	
html>body #menuSubmit a:hover {
	background:url(../images/desktop/menuSubmit.png) no-repeat 0 -72px;
	}
	
#menuSpacer {
	float:right;
	width:3px;
	height:72px;
	background:url(../images/desktop/ie/menuSpacer_nwr.gif) no-repeat right top;
	}
	
html>body #menuSpacer {
	background:url(../images/desktop/menuSpacer_nwr.png) no-repeat right top;
	}

#searchBox {
	float:left;
	width:195px;
	height:60px;
	padding:12px 0px 0px 55px;
	background:url(../images/desktop/ie/searchPane_nwr.gif) no-repeat left top;
	}
	
html>body #searchBox {
	background:url(../images/desktop/searchPane_nwr.png) no-repeat left top;
	}
	
#sitePreferences h4 {
	visibility:hidden;
	display:none;
	}

#sitePreferences {
	float:right;
	width:154px;
	height:57px;
	padding:15px 0px 0px 12px;
	background:url(../images/desktop/ie/searchPane_nwr.gif) no-repeat right top;
	}
	
html>body #sitePreferences {
	background:url(../images/desktop/searchPane_nwr.png) no-repeat right top;
	}
	
/*
Navigation for sub-pages
=====================================================
*/

#subMenu {
	width:190px;
	height:100%;
	float:left;
	padding:0px 10px 0px 0px;
	}
	
#NWRContent {
	width:638px;
	height:100%;
	float:right;
	padding:0px 0px 0px 10px;
	}

#contentArea #nwsLinkButton {
	border:0;
	background-color:transparent;
	}
	
#nwsLinkButton span {
	visibility:hidden;
	}

#nwsLinkButton {
	display:block;
	width:185px;
	height:63px;
	background:url(../images/nwsLinkButton.gif) no-repeat top left;
	}

/*
Typography and content formatting
=====================================================
*/
		
#menuList {
	padding:0 !important;
	margin:0 !important;
	list-style-image:url(../images/view.png);
	list-style-position:inside;
	list-style-type:disc;
	}
	
#menuList li {
	padding-bottom:5px;
	}

.lastUpdated {
	font-size:.9em;
	color:#A2A0A0;
	}
	
table, td {
	border-width:0;
	}

.announceJobTitleLeft {
	width:240px;
	height:auto;
	padding:5px 5px 5px 5px;
	background:url(../images/desktop/announceBar.png) no-repeat top left;
	color:#FFFFFF;
	text-align:left;
	}
	
.announceJobTitleRight {
	width:240px;
	height:auto;
	padding:5px 5px 5px 5px;
	color:#FFFFFF;
	text-align:right !important;
	background:url(../images/desktop/announceBar.png) no-repeat top right;
	}

.announceJobLeft {
	width:240px;
	height:auto;
	padding:5px 5px 5px 5px;
	background:url(../images/desktop/announceJobLeft.png) no-repeat;
	}
	
.announceJobRight {
	width:240px;
	height:auto;
	padding:5px 5px 5px 5px;
	background:url(../images/desktop/announceJobRight.png) no-repeat;
	}

#contentArea .applyLink {
	border-right-width:0px;
	}
	
/*
Form items
=====================================================
*/
	
#searchBox #search {
	width:120px;
	padding:2px;
	color:#FFFFFF;
	font-weight:bold;
	font-size:1.1em;
	background:#8D248D url(../images/desktop/searchBox.gif) repeat-x top left;
	border:2px solid #A04EA0;
	}

#applyForm {
	width:600px;
	padding:0em 0em 0em 1.4em;
	}
	
#applyForm td {
	padding:2px;
	}

#applyForm hr {
	height:2px;
	display:block;
	visibility:visible;
	border:0;
	color:#E9E9E9;
	background-color:#E9E9E9;
	}

#applyForm .formButton {
	margin:0px 0px 10px 10px;
	width:5em;
	height:2em;
	}

#searchBox .formButton {
	margin:0px 0px 0px 10px;
	width:3em;
	height:2em;
	}

/*
Page titles
=====================================================
*/

#pageNotFound {
	background:url(../images/desktop/headers/pageNotFound.gif); 
	}

#gettingStarted {
	background:url(../images/desktop/headers/gettingStarted.gif); 
	}

#browseJobs {
	background:url(../images/desktop/headers/browseJobs.gif); 
	}

#apply {
	background:url(../images/desktop/headers/apply.gif); 
	}
	
#submitCV {
	background:url(../images/desktop/headers/submitCV.gif); 
	}
	
#submitVacancy {
	background:url(../images/desktop/headers/submitVacancy.gif); 
	}
	
#submitDescription {
	background:url(../images/desktop/headers/submitDescription.gif); 
	}