fieldset#ctl00_PageContent_searchcontrols fieldset {
	margin: 0 0 0 -15px; padding: 0;
}

table#ctl00_PageContent_DetailsView1 {
	background-color: #fff;
}

/*.jobsearch .jobdescription{
}*/

/* image replacement 
--------------------*/
.replace span{
	background: transparent no-repeat; display:block; height:100%; left:0pt; position:absolute; top:0pt; width:100%; z-index:1; 
}

.replace{
	overflow: hidden;	position: relative;
}

h1.logo, a.logo{
	width: 136px; height: 68px;
}

a.logo{
	display: block;
}

.logo span{
	background-image: url(i/logo.jpg);
}

a#donate{
	margin: 25px 0 25px 6px;
}

a.donate{
	width: 114px; height: 38px; display: block;
}

a.donate span{
	background-image: url(i/donate.gif);
}

/* :note: image replacement ends */

#userinfo{
	height: 6.5em; width: 780px; background: #7B8489 url(i/play-your-part.gif) no-repeat right 4px; color: white;
}

#userinfo a#pyp-link{
	display:block; float:right; height:77px; width:100px;
}
 
#userinfo div{
	padding-left: 50px; 
}

#userinfo div.welcomemsg{
	/*clear: left;*/ padding-top: 22px;
}

#applicant-info p{
	margin: 0;
}

/* Navigation 
-------------*/
#nav a.selected{
	color: #666;
}

ul#CMSMenu1{
	padding: 0 0 0 10px; margin: 6px 0 0 0;
}

ul#CMSMenu1 li {
    margin: 1.5em 0 0 0; padding: 0; line-height: 1em; color: #999; list-style-image: none; list-style-type: none;
}

ul#CMSMenu1 li.subnav, ul#CMSMenu1 ul.subnav li{
    margin-left: 0;
}

ul#CMSMenu1 li.selected a{
    color: #666;
}

ul#CMSMenu1 .subnav{
    border-top: dotted 1px #ddd; border-bottom: dotted 1px #ddd; padding: .5em 0; margin: .5em 0;
}

ul#CMSMenu1 .subnav li.selected{
    background-image: none; font-weight: bold;
}

ul.subnav{
	margin: 0; padding: 0;
}

ul.subnav li{
		 margin-top: 0.8em !important;
}

.subnav li{
    list-style-image: none;
}

#nav-top, #nav-top a{
    font-weight:bold; color: #fff;
}

#nav-top{
    padding-top: 0; padding-bottom: 0;
}

ul#nav-top{
	margin: 0;	padding: 0;
}
    

#nav-top li{
   list-style-image: none; list-style-type: none;
}

#nav{
    width: 125px; float: left; background-color: #fff; font-weight: bold;
}

#search { 
    position: absolute; top: 10px; right: 10px; padding-left: 1em;
}

#search #ctl00_master_SearchButton{
	display: inline;
}

#wrapper{
   width: 780px; margin: 0 auto; border-width: 0 10px 26px 10px; border-color: #DAD8DB; border-style: solid; position: relative;
}

#header{
	height: 79px; background: #755C84 url(i/header-bg-img.jpg) repeat-x top left;
}

#header h1{
	margin: 0; padding: 0;
}

#main-content img{
    display: block; float: left; margin-right: 10px;
}

div.img-layout p, div.img-layout h3,div.img-layout div{
    margin-left: 15em;
}

div.img-layout2 p, div.img-layout2 h3,div.img-layout2 div{
    margin-left: 29em;
}

#main-content img.imgclear{
    float: none; border: none; display: inline; clear: none; margin: 0;
}

.quicklinks{
    padding: .5em 0 0 1em; width: 316px;
}

.welcomemsg{
	background:none; padding-bottom: 0;
}

.errormsg{
    color: Red;
}

.clear{
    clear: both;
}

/* main content 
---------------*/
#main{
	width: 760px; margin: 0; background-color: #fff; border-width: 10px 10px 36px; border-color: #846994; border-style: solid;
}

#main-content{
   margin-left: 135px; background-color: #fff;
}

#content{
    margin: 0 .5em 0 0;
}

#content .job-result dt{ /* :note: override form.css clear: both; */ 
	clear:none; 
}

/* job search */
#content .job-result h2 a, #content .cibbutton a{
	color: #628277;
}

#content .job-result h2 a:focus, #content .job-result h2 a:hover, #content .cibbutton a:active{
	text-decoration: underline !important;
}

.cibbutton .jobdetails{
	margin-right: 1em;
}

.job-result{
	border-top: 1px dotted #ccc; margin: 1em 0; padding-top: 1em; 
} 

input#ctl00_content_search, 
input#ctl00_content_ResetButton1, 
input#ctl00_content_submit, 
input#ctl00_content_submit, 
input#ctl00_content_login_button,
input#ctl00_content_reset{
	font-weight: bold; padding: .2em; border: 1px solid #846994; color: #000; background-color: #dad8db; cursor: pointer;
}

input#ctl00_content_search:hover, 
input#ctl00_content_ResetButton1:hover, 
input#ctl00_content_submit:hover, 
input#ctl00_content_submit:hover, 
input#ctl00_content_login_button:hover,
input#ctl00_content_reset:hover{
	background-color:#846994; color:#FFFFFF;
}

.login fieldset input.SingleLine{
	width: 55%; /* :note: gives cross browser conformity while avoiding conditional ie6.css */
}


/* :note: Stop 2 col layout breaking on home page */
body.home #content{
    margin: 0; 
}

body.home #content h2, body.home #content h3
body.home #content fieldset{
	margin: 0 .5em .5em 0;
}

#content .twocolumn{
    width: 299px; float: left; padding-right: 10px;
}

#content a{
    font-weight: normal; color: #3182de; text-decoration: underline;
}

#content strong{
    font-weight: bold; color: #666;
}

.fieldwitherrors{
    background-color: #feff99;
}

/* application form styling 
---------------------------*/
table.appform{
	width:100%;
}

table.appform th.edit{
	width:10%;
}

table.appform th.date{
	width:20%;
}

table.appform th{
	border-bottom: solid 1px #eee;
}

table.appform tr.AlternatingItem{
	background-color: #f4f4f4;
}

table.appform td.main{
	padding-right: 10%;
}

table.appform{
	border-collapse: collapse;
}

caption{
	display: none;
}

/* vacancylist 
--------------*/
#content table.pretty, #content table.pretty td{
    border: none; width: 98%; padding: 0; margin: 0; border-spacing: 0;
}

#content table.pretty td{
    border-bottom: solid 1px #eee; vertical-align: top;
}

#content table.hideaccess th, #content table.hideaccess caption{
    display: none;
}

th{
    text-align:left;
}

#latestvacancies a{
    color: #c0004c;
}

table.pretty#latestvacancies td{
    padding-bottom: .5em;
}

.nobullet{
    margin: 0; padding: 1em;
}

.nobullet li{
    list-style-image: none; list-style: none;    
}

ul.pager{
    margin: 0; padding: 0;
}

ul.pager li{
    list-style: none; display: inline;
}

.editlink{
    background-color: Yellow;
}

/* :note: flash msg change these styles to suit the design.*/
#userinfo div.flash{ 
	 background-color: #fff; width:60%; margin-left: 125px; float: left; padding-left: 21px;
	/*background-color: #fff; padding: .5em 1em; border: 1px solid #E23D3B; margin-bottom: 1em; */
}

#userinfo div.flash p{ 
	padding: 0; margin: 0; /* :note: reset <p> */
	color: #000;  font-size: 1em; /*font-weight: bold;*/
}


/* Register.aspx
--------------------------------*/
span.mandatory{ /* :temp note: Should apply to all forms */ 
	color: #900;
} 





/* admin menu 
-------------*/
#adminmenu{
   margin-left: 0; padding-left: 0; display: inline; border: solid 1px #3182de;
}

#adminmenu li{
   margin-left: 0; padding: 5px 5px; border-left: 1px solid #3182de; list-style: none; display: inline;
}

#adminmenu li.first{
	border-left: none;
}

#adminmenu li.last{
    padding-right:15px;
}

/* :note: custom list style  */
.alphalist{
    list-style-type: lower-alpha;
}

/* footer 
---------*/
#footer{
    background-color: #292829; background-position: top; background-repeat: no-repeat; margin-left: 0em; height: 47px; margin-top: 1em;
}

#footer ul{
    margin:0; padding: 0; text-align: right; font-size: .9em; padding: 16px 0 0 23px; 
}

#footer ul li{
    display: inline; margin-right: 10px;
}

#footer ul li img{
    float:left; display: inline; margin-right: 11px; 
}

/* admin skin classes*/
.dvFieldHeaderStyle,.dvFieldHeaderStyle td{
    background-color: #e5e5e5;
}

.gvAltRow,.gvAltRow td{
    background-color: #e5e5e5;
}

/* heading styles */
h3{
    background:url(i/dotted_line.gif) no-repeat bottom;
}

#var2{
    color: #c0004c; padding-top: 1em;
}
#var1{
    color: 	#9056ff; padding-top: 1em;
}

/* :note: default styles - for when sections don't have IR'ed headings */
body h2{
    color: #4a0f6f;
}

body li{
    list-style-image: url(i/Home/star.gif);
}

body #nav{
    background: #fff;    
}

/* :note: content area custom styles */
.bottomline{
    background:url(i/dotted_line.gif) no-repeat bottom;
}


/* :temp note: this should be in ie.css but it doesn't seem to have any effect in that file */
.section-jobsearch #content,
.jobdetails #content,
.apply_default #content,
.apply_appform #content{
	width: 612px !important; 
}

#content .cibbutton{
	/* :temp note: will need margin-bottom: Xem; for dividing border to clear buttons */
}

#content .cibbutton input{
	cursor: pointer;
}

/* Apply process, details and apply links */ 
#content .cibbutton .jobdetails, 
#content .cibbutton .jobapply{
	font-weight: bold; padding: .5em; border: 1px solid #846994; color: #000; background-color: #dad8db;
}

#content .cibbutton .jobdetails:hover, 
#content .cibbutton .jobapply:hover{
	background-color: #846994; color: #fff;
}

/* jobresult */
#jobsearch .jobdescription{
	clear:left; padding-top:0.1em; margin-bottom: 10px;
}