/* GENERAL STYLES */
/* GENERAL STYLES */
/*
	Title:		MPP CSS
	Author:		Chris Houston
	Website:	http://www.mpplocums.co.uk
	Version:	0.3
	Last Updated:	23/06/09
*/

/*
================================================
	Yahoo GUI Reset CSS
	http://developer.yahoo.com/yui/reset/
================================================
*/


body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3 {
	font-size:100%;
	font-weight:bold;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}

/*
================================================
	Nursing Personnel CSS Starts here
================================================
*/

body
{
	background-color:#fff;
	font-family:'Trebuchet MS','Tahoma','Arial',sans-serif;
}

.FormElement
{
margin-top:0px;
margin-bottom:0px;
width:492px;
float:left;
}
.FormElement DIV
{
margin-left:10px;
height:30px;
float:left;
width:220px;
}
.FormElement INPUT
{
position:relative;
left:0px;
width:240px;
float:left;
}

.Error
{
	border-top:2px solid #FFD324;
	border-bottom:2px solid #FFD324;
	background-color:#FFF6BF;
	color:#000000;
	font-weight:bold;
	margin:18px 25px 31px 0;
	padding:9px 0 10px 50px;
	background-image:url(../Data/Assets/np/Misc/error_icon.gif);
	background-repeat:no-repeat;
	/*background-position:15px 50%;*/
	background-position:15px 12px;
}

.Error li
{
	font-weight:normal;
}

.FormColumn
{
width:492px;
float:left;
}
#Breadcrumb {list-style:none;padding:8px 8px 15px 10px;margin: 0;color: #666;font-size: smaller;}
#Breadcrumb li {float:left;margin: 0 3px 3px 0;padding: 0;}

#Container
{
	margin:0 auto 0 auto;
	width:968px;
	margin-top:3px;
}

#Header
{
height:83px;
}

h1#Logo
{
	background-image:url(../Data/Assets/NP/Misc/MPP_Logo.gif);
	background-repeat:no-repeat;	
	text-indent:-10000px;
	height:83px;
	width:243px;
	margin-top:0px;
	margin-left:0px;
	float:left;
}

h1#Logo a
{
	display:block;
	height:100%;
}

#Banner
{
	display:block;
float:right;
position:relative;
width:400px;
text-align:right;
padding-top:30px;
height:17px;
font-size:8pt;
color:#666;
padding-right:15px;
}

#Banner span
{
color:#000;
font-weight:bold;
}

#Banner a,#Banner a:visited

{
text-decoration:none;
color:#666;
}

#Content
{
background-color:#FFFFFF;
padding: 0 0 0 0;
clear:both;
position:absolute;
left:auto;
}

#ContentContainer
{
overflow:hidden;
}

#LeftMenu
{
float:left;
width:240px;
overflow:hidden;
}
#SearchMenu {
display:inline;
height:92px;
width:502px;
}
#SearchTitle {
background-color:#3dd71c;
background-repeat:no-repeat;
display:block;
float:left;
height:28px;
position:relative;
width:482px;
padding-right:20px;
}
#SearchTitle div
{
float:right;
width:100px;
background-color:#eee;
text-align:center;
height:22px;
margin-top:2px;
padding-top:4px;
color:#000;
margin-right:2px;
}
#SearchTitle div.SearchTab:hover
{
cursor:pointer;
}
#SearchTitle div.SelectedSearchTab:hover
{
cursor:default;
}
#SearchTitle div.SearchTab
{
background-color:#c4f3ba;
}
#SearchFormDiv {
background-color:#eee;
display:block;
float:left;
height:80px;
width:502px;
overflow:hidden;
}
#SearchFormDiv div.srchBoxes {
float:left;
width:195px;
}
#SearchFormDiv div.srchButton {
float:left;
width:90px;
}
#SearchFormDiv div#srchLocations {
float:left;
font-weight:bold;
height:24px;
padding-left:10px;
padding-top:6px;
width:492px;
}

#SearchFormDiv div#srchLocations div
{
display:inline;
}
#SearchFormDiv div#srchLocations div.clickable:hover
{
cursor:pointer;
text-decoration:underline;
}
#SearchFormDiv h2 {
font-size:0.9em;
margin-left:10px;
margin-top:5px;
position:relative;
}
#SearchFormDiv form select {
cursor:pointer;
font-size:0.9em;
margin-left:10px;
position:relative;
width:181px;
}
form input.submit {
background-color:#762CA8;
border:1px solid #767676;
color:#FFFFFF;
cursor:pointer;
font-size:0.9em;
font-weight:bold;
margin:21px 0 0 10px;
position:relative;
text-transform:uppercase;
width:90px;
}
#SeekingWork,#INeedStaff
{
position:relative;
display:block;
float:left;
margin-top:2px;
height:30px;
width:229px;
border:1px solid #eee;
margin-left:3px;
padding-left:3px;
}

#SeekingWork a,#INeedStaff a
{
font-size:11pt;
line-height:30px;
text-decoration:none;
cursor:pointer;
color:#fff;
}
#SeekingWork a span,#INeedStaff a span
{
font-size:8pt;
}

#SeekingWork
{background-color:#c00000;}
#INeedStaff
{background-color:#0060b6;}

#QuickLinks
{
position:relative;
display:block;
float:left;
margin-top:3px;
width:232px;
border:1px solid #d0d0d0;
margin-left:3px;
}

#QuickLinkTitle
{
background-color:#8c8c8c;
height:26px;
line-height:26px;
color:#fff;
background-image:url(../Data/Assets/NP/Misc/links.gif);
background-repeat:no-repeat;
background-position:3px;
padding-left:29px;
}
#QuickLinks ul
{
margin-left:5px;
margin-top:5px;
}
#QuickLinks ul li a
{
text-decoration:none;
cursor:pointer;
color:#333;
font-size:10pt;
}

#GreyLinks
{
position:relative;
margin-top:3px;
display:block;
float:left;
}

#GreyLinks ul
{
list-style-type: none;
margin-left:4px;
}

#GreyLinks ul li,#GreyLinks ul li a
{
display: inline;
float: left;
font-size:7pt;
color:#8c8c8c;
padding: 0 3px 0 0;
text-decoration:none;

}
#GreyLinks ul li a
{
cursor:pointer;
}

#Main
{
width:727px;
background-color:#fff;
float:left;
overflow:hidden;
}

#Title
{
background-image:url(../Data/Assets/NP/Misc/for_a_better_way_to_work.jpg);
background-repeat:no-repeat;
width:728px;
height:122px;
}

#BreadCrumb
{
background-image:url(../Data/Assets/NP/Misc/breadcrumb.gif);
background-repeat:no-repeat;
height:22px;
width:728px;
}

#BreadCrumbList {
    position:relative;
    list-style:none;
    margin: 0;
    padding:2px 8px 10px 34px;
    font-size: smaller;
    color: #666;
}

#BreadCrumbList li {
    float:left;
    margin: 0 3px 3px 0;  
    padding: 0;
}

#BreadCrumbList a, #BreadCrumbList a:active
{
text-decoration:none;
cursor:pointer;
color: #666;
}
#BreadCrumbList a:hover,#QuickLinks ul li a:hover,#GreyLinks ul li a:hover,#BlogLinks ul li a:hover,#HotJobs ul li a:hover,#HotJobsMore a:hover,#Banner a:hover
{
text-decoration:underline;
}

#BreadCrumbList li h2 {
font-weight:normal;
}

#MainArea
{
width:728px;
overflow:hidden;
float:left;
}

#MainContent
{
width:504px;
position:relative;
display:block;
float:left;
overflow:hidden;
font-size:12px;
color:#706E7F;
}

.IndentPara
{
margin-top:5px;
margin-left:10px;
margin-right:10px;
}

#MainContent h3
{
	font-size: 20px;
	color:#609;
}

#MainContent p
{
	margin:10px 0 10px 0;
}

#MainContent a
{
	color:#0061b0;
	text-decoration:none;
}

#MainContent a:hover
{
	color:#ef7b20;
	text-decoration:underline;
	cursor:pointer;
}

#AnotherContainer
{
position:relative;
overflow:hidden;
float:left;
display:block;
}

#RightMenu
{
position:absolute;
left:744px;
width:224px;
}

#HotJobs
{
position:relative;
display:block;
float:left;
margin-top:0px;
width:216px;
border:1px solid #6fcfa1;
margin-left:1px;
background-color:#8edab3;
}

#HotJobsTitle
{
background-image:url(../Data/Assets/NP/Misc/hot_jobs.gif);
background-repeat:no-repeat;
height:39px;
width:224px;
text-indent:-10000px;
}

#HotJobs ul
{
margin:3px 3px 5px 5px;
font-size:8pt;
}

#HotJobs ul li,#BlogLinks ul li
{
height:20px;
line-height:20px;
}

#HotJobs ul li a,#BlogLinks ul li a
{
text-decoration:none;
cursor:pointer;
color:#333;
}

#HotJobsMore
{
background-color:#31bb6d;
text-align:right;
font-size:8pt;
color:#fff;
line-height:20px;
height:20px;
}

#HotJobsMore a,#HotJobsMore a:active
{
color:#fff;
text-decoration:none;
margin-right:5px;
}

#BlogLinks
{
position:relative;
display:block;
float:left;
margin-top:2px;
width:216px;
border:1px solid #cae8f0;
margin-left:1px;
background-color:#abd3db;
}

#BlogLinksTitle
{
background-color:#66aacd;
height:26px;
line-height:26px;
color:#fff;
padding-left:3px;
}

#BlogLinks ul
{
margin:3px 3px 3px 5px;
font-size:8pt;
}

#BlogLinks ul li span.date,#HotJobs ul li span.date
{
color:#999;
font-weight:bold;
}

#Register,#DerbyshireMenu
{
margin-left:4px;
position:relative;
display:block;
float:left;
width:232px;
background-repeat:no-repeat;
text-indent:-10000px;
}

#Register
{
background-image:url(/media/78176/mpp_banner_bottom.gif);
height:109px;
}

#DerbyshireMenu
{
background-image:url(/media/78181/mpp_banner_-232x154_top.gif);
height:154px;
margin-top:22px;
}
#Register a
{
height:109px;
}
#DerbyshireMenu a
{
height:154px;
}
#Register a,#DerbyshireMenu a
{
width:232px;
cursor: pointer;
display: block;
}

#Footer
{
position:relative;
float:left;
left:auto;
clear:both;
margin:0px;
border:0px;
}

#Footer table
{
width:968px;
margin:0px;
border:0px;
}

#footleft
{
height:25px;
width:9px;
background-image:url(../Data/Assets/NP/Misc/foot_left.gif);
background-repeat:no-repeat;
}
#footmiddle
{
height:25px;
width:950px;
background-image:url(../Data/Assets/NP/Misc/foot_middle.gif);
background-repeat:repeat;
padding-top:4px;
}

#footmiddle a,#footmiddle a:hover,#footmiddle a:visited
{
font-size:10pt;color:#999;margin-right:10px;
text-decoration:none;
}
#footright
{
height:25px;
width:9px;
background-image:url(../Data/Assets/NP/Misc/foot_right.gif);
background-repeat:no-repeat;
}
#seoText1,#seoText2,#seoText3,#seoText4,#seoText5,#seoText6
{
font-size:10pt;width:942px;background:#eee;border:solid 1px #ccc;float:left;margin:0px 7px;padding:5px;margin-bottom:5px;
}
.info {
background-color:#FAFAFA;
border-bottom:1px solid #EAEAEA;
border-top:1px solid #EAEAEA;
font-size:1.2em;
margin-top:-3px;
padding:3px;
color:#000;
margin-bottom:5px;
}
.question,.answer,.faqlist
{
margin: 10px 10px 10px 10px;
}
/*
==========================================
Contact Form
==========================================
*/
#MainContent .ContactForm .Error
{
	border-top:2px solid #F99;
	border-bottom:2px solid #F99;
	background-color:#fcc;
	color:#000000;
	font-weight:bold;
	margin:18px 25px 31px 0;
	padding:9px 0 10px 50px;
	background-image:url(../Data/Assets/NP/Misc/error_icon.gif);
	background-repeat:no-repeat;
	/*background-position:15px 50%;*/
	background-position:15px 12px;
}

#MainContent .ContactForm .Error li
{
	font-weight:normal;
}

#MainContent .ContactForm fieldset
{
	border:0px solid #000000;
	display:block;
	margin:15px 0 15px 0;
	width:90%;
}

#MainContent .ContactForm legend
{
	display:none;
}

#MainContent .ContactForm label
{
	color:#000000;
	font-weight:bold;
}

#MainContent .ContactForm .TextBox
{
	border:1px solid #CACACA;
	display:block;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	font-weight:normal;
	padding:3px 4px 2px 3px;
	width:100%;
}

#MainContent .ContactForm .TextArea
{
	border:1px solid #CACACA;
	display:block;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	font-weight:normal;
	padding:3px 4px 2px 3px;
	height:90px;
	width:100%;
}
#Map
{
background-color:#BFE7F1;
float:left;
height:548px;
left:-10px;
margin-top:3px;
position:relative;
width:502px;
}
#InstructionTitle
{
background:#9377C5 none repeat scroll 0 0;
border-bottom:3px solid white;
border-right:3px solid white;
color:#FFFFFF;
float:left;
font-size:1.6em;
height:33px;
left:0;
line-height:33px;
position:absolute;
text-align:center;
top:0;
width:149px;
}

#MapInstructions
{
    position:absolute;
    top:40px;
    }
ul#mapInst li {
background-image:url(/Data/Assets/NP/Misc/purplebullet.gif);
background-position:3px 50%;
background-repeat:no-repeat;
color:black;
margin-bottom:15px;
margin-left:10px;
padding:0 0 0 20px;
} 

div#JobList H3
{
background-color:#8b5c29;
color:#fff;
padding-left:10px;
margin:0px;
width:492px;
float:left;
}
div#JobList H4
{
background-color:#b99d7f;
color:#fff;
padding-left:10px;
margin:0px;
width:492px;
float:left;
}

div#JobList div.jobListHotJob,div#JobList div.jobListNormalJob
{
float:left;
width:482px;
padding: 8px 10px;
}
div#JobList div.jobListHotJob
{
float:left;
border-bottom:red solid 1px;
background:#eee;
}
div#JobList div.jobListNormalJob
{
float:left;
border-bottom:#ccc solid 1px;
}
div#JobList div.jobListHotJob h5,div#JobList div.jobListNormalJob h5
{
float:left;
color:#000;
font-size:1.1em;
margin-bottom:4px;
margin-top:0px;
}
div#JobList div.jobListHotJob div.jobbullets,div#JobList div.jobListNormalJob div.jobbullets,div#JobList div div.jobdesc
{
float:left;
width:482px;
}
div#JobList div.jobListHotJob div.jobbullets div,div#JobList div.jobListNormalJob div.jobbullets div,div#JobPageHeaderBlock div.jobbullets div
{
float:left;
width:241px;
font-size:0.9em;
margin-top:4px;
}
div#JobList div div div b,div#JobList div div.jobdesc b
{
color:#333;
}
div#JobList div div.jobdesc
{
margin-top:4px;
font-size:0.9em;
}

div#JobList div.hotTitle
{
float:left;
	background-image:url(../Data/Assets/np/Misc/redhot.gif);
	background-repeat:no-repeat;
	background-color:red;
height:29px;
width:502px;
}
div#JobList div.jobbuttons
{
margin-top:4px;
float:left;
width:482px;
}
div#JobList div.jobbuttons div a,div#JobApply div.jobbuttons div a
{
width:90px;
display:block;
height:16px;
    }
div#JobList div.jobbuttons div,div#JobApply div.jobbuttons div
{
margin-left:10px;
float:right;
color:#000;
cursor:pointer;
font-size:0.9em;
font-weight:bold;
position:relative;
text-transform:uppercase;
width:90px;
text-align:center;
}
div#JobApply div.jobbuttons div
{
    float:left;
    }
div#JobList div.jobbuttons div.details
{
background-color:#c6c6c6;
border:1px solid #666;
}
div#JobList div.jobbuttons div.apply,div#JobApply div.jobbuttons div.apply
{
background-color:#3dd71c;
border:1px solid #767676;
}
div#JobList div.jobbuttons div a,div#JobList div.jobbuttons div a:hover,div#JobList div.jobbuttons div a:visited,div#JobList div.jobbuttons div a:hover,div#JobApply div.jobbuttons div a:hover,div#JobList div.jobbuttons div a,div#JobApply div.jobbuttons div a
{
color:#000;
text-decoration:none;
}

div#JobPageHeaderBlock
{
    float:left;
    background:#e4d5ee;
    width:482px;    
    left:-10px;
    position:relative;
    padding:6px 10px;
    border-top:solid 1px #ac8787;
    border-bottom:solid 1px #cebfd8;
}
div#JobApply div#JobCall
{
    margin-left:75px;
    width:212px;
    float:left;
    }
div#JobApply 
{   
    float:left;
    width:482px;    
    left:-10px;
    position:relative;
    padding:6px 10px;
    background:#e4e4e4;
    height:20px;
    }
    div#MainJobDescription
    {
        width:482px;
        float:left;
        margin-bottom:6px;
        }
        
div.Warning
{
    width:492px;
    height:40px;
    line-height:40px;
    font-size:1.4em;
    background-color:Red;
    color:White;
    float:left;
    display:block;
    padding-left:10px;
    }
/* EDITOR PROPERTIES */

#littletest
{
  float:left;
}

/* EDITOR PROPERTIES */