/* Almo styles */

/* layout
-----------------------------------------*/

body{
background: #fff url(uploads/12/almo_body_bg.gif) top center repeat-x;
font-size: small;
font-family: Geneva, Arial, sans-serif;
color: #580F67;
}

a{
color: #580F67;
}

.template{
width: 780px;
border: 1px solid #666 /*#580F67*/;
background: #fff;
margin: 10px auto;
padding: 4px;
display: block;
font-size: 90%;
}

.controlbar {
	font-size: 90%;
	padding: 4px;
}

.header{
background: #fff url(uploads/12/almo_header_bg.gif) top right no-repeat;
height: 172px;
width:100%;
}

html*.header{
height: 174px;
}

.nav{
background: #580F67;
position: relative;
float:left;
width:100%;
}

.cpadmin .nav{
background: none;
}

.search{
position: absolute;
right:0;
top:0;
width: 200px;
}

.cpadmin .search{
position: relative;
}

.menu{
float: left;
width: 200px;
}

.clear{
clear: both;
height: 0;
}

.right{
float: right;
margin-left: 6px;
}

.left{
float: left;
}

.strong{
font-weight: bold;
}

#content{

}

.sidebar{
width: 200px;
}

.footer{
clear: both;
}


/* common
-----------------------------------------*/

*{
padding: 0;
margin: 0;
}

#content ul, .content ul{
line-height: 150%;
}

.text-only, .skiptag{
display: none;
}

.clear{
clear: both;
}

.alert{
color: red;
}

img a{
border: 0;
}

a{
text-decoration: none;
}

a:hover, .content p.text a{
text-decoration: underline;
}

h1, h2, h3, h4{
color: #580F67;
background: none!important;
}

h1{
font-size: 150%;
}

h2{
font-size: 140%;
}

h3{
font-size: 130%;
}

h4{
font-size: 120%;
}

h5{
font-size: 110%;
}

.heading {
	/* clear: both; */
}

hr.fauxclear {
	color: #fff;
	border: 1px solid #fff;
	background: #fff;
	clear: both;
}

/* header
------------------------------------------*/

.header h1 a{
height: 100px;
width: 220px;
display: block;
background: transparent url(uploads/12/almo_cnh_logo.gif) no-repeat;
padding-bottom: 15px;
}

.pagetitlenav{
float: left;
width: 580px;
}

.pagetitlenav .breadcrumbs{
padding: 10px;
background: #580F67 url(uploads/12/almo_breadcrumb_bg.gif) top left no-repeat;
color: #fff;
}

.pagetitlenav .breadcrumbs .item{
padding: 0 2px;
}

.pagetitlenav .breadcrumbs a{
color: #fff;
padding: 0 2px;
}

.pagetitlenav .heading{
padding: 10px;
}

/* nav
------------------------------------------*/

.pagetitlenav h1.heading{
background: url(uploads/12/almo_h1_topright.gif) top right no-repeat;
}

.navsummary li, .navsummary span.item{
 float:left;
    margin:0;
    padding:0;
}
.navsummary ul {
    margin:0;
    padding:0;
    list-style-type: none;
    }
    
.navsummary .current a{
color: #fff;
background: #580F67;
width: 100px;
}

.navsummary a, .navsummary span.item a{
color: #FF8BD3;
display:block;
padding: 11px 20px;
background: #580F67 url(uploads/12/almo_breadcrumb_shim.gif) top right no-repeat;
}

a#cplink1_2204599{
display: none;
}

.search .field,.search .submitfield,.search .searchbutton{
float: left;
}

.search .submitfield{
position: absolute;
right: 0;
top: 0;
}

.search .submitfield .searchbutton{
background: transparent url(uploads/12/almo_search_go.gif) top right no-repeat;
width:38px;
color: #fff;
border:medium none;
padding-top: 6px;
cursor: pointer;
}

.search form {
text-align: right;
}

.search input.searchkeyword{
border: 1px solid #C1468F;
color: #580F67;
width: 150px;
padding: 2px;
position: absolute;
top: 7px;
right: 45px;
}

form.almosearch{
display: none;
}

.searchresults ul.pagination li {
 float: left;
 list-style: none;
 padding-right: 1em;
}

.searchresults .result, .byline{
	clear: both;
}

.searchresults .result{
	padding: 1.5em .5em 0 .5em;
}

.searchresults .result a{
	text-decoration: underline;
}

/* menu
--------------------------------------------*/

.mainmenu a{
padding: 0 20px;
}

.mainmenu ul{
list-style-type: none;
background: transparent url(uploads/12/almo_mainmenu_ul_bg.gif) top left repeat-y;
margin-top: -14px;

}

.mainmenu li{
padding-top: 14px;
background: transparent url(uploads/12/almo_mainmenu_li_bg.gif) top left no-repeat;
}

.mainmenu a#cplink2_2204599{
background: #fff url(uploads/12/almo_mainmenu_applyforhousing_bg.gif) 0 -1px no-repeat;
color: #B92981;
padding-bottom: 0px;
padding-top: 17px;
}

.mainmenu li a{
color: #fff;
padding-top: 10px;
padding-bottom: 5px;
display: block;
}

.mainmenu li li{
background: none;
padding-top: 0;
}

.mainmenu li li a{
color: #B92981;
padding-top: 7px;
padding-bottom: 0px;
}

.mainmenu ul li ul{
background: #fff url(uploads/12/almo_mainmenu_lili_bg.gif) top left no-repeat;
color: #B92981;
margin-top:0;
padding-top: 0;
}

.mainmenu ul li ul li ul{
background: transparent url(uploads/12/almo_mainmenu_lilili.gif) bottom center no-repeat;
margin:0 4px 0px 4px;
padding-bottom: 12px;

}

.mainmenu ul li ul li a.highlight{
background: transparent url(uploads/12/almo_mainmenu_lilili.gif) top center no-repeat;
margin-top: 6px;
padding-top: 8px;
font-weight: bold;
border-bottom: 1px solid #B92981;
margin-left: 4px;
margin-right: 4px;
padding-left: 16px;
padding-bottom: 6px;
}

.mainmenu ul.submenu2 li a.highlight{
margin: 0;
background: none;
font-style: italic;
font-weight: normal;
border-bottom: 0px solid #B92981;
padding-bottom: 0;
}

.menu ul li ul li ul li a{
padding-top: 10px;
padding-left: 16px;
}


.menu ul ul ul ul, .menu ul ul ul ul ul, .menu ul ul ul ul ul ul{
display: none;
}

.mainmenu ul ul{
list-style-type: none;
background: transparent url(uploads/12/almo_mainmenu_lilu_bg.gif) bottom left no-repeat;
margin-top:0;
padding-top: 0;
}

.mainmenu_bot{
height: 14px;
background: transparent url(uploads/12/almo_mainmenu_botdiv.gif) bottom left no-repeat;
}

/* content
-----------------------------------------------*/

#content, .content{
width: 580px;
float: left;
}

#content p, .content p{
padding: 6px;
line-height: 150%;
letter-spacing: 0.05em;
text-align: left;
}

.content blockquote p {
padding: 0;
line-height:normal;
letter-spacing: normal;
}

#content h1, .content h1, #content h2, .content h2, #content h3, .content h3{
padding: 6px;
}

.content h1{
font-size: 120%;
}

.content ul{
margin: 1em 2em;
}

.content ul a{
font-weight: bold;
}

p.message{
padding: 8px;
}

.content form.search {
display: none;
}


/* hompage inc topnav
-----------------------------------------------*/

h1.homepage {
font-size: 150%;
}

.page2173718 .pagetitlenav h1 /*fixes homepage not having a pagetitle*/{
height: 0;
margin: 0;
padding: 0;
width: 0;
display:none;
}

* html .page2173718 .pagetitlenav h1 /*fixes homepage not having a pagetitle*/{
height: 0;
margin-top: -21px;
padding: 0;
width: 0;
}

ul.topnav{
list-style-type: none;
color: #fff;
display: block;
margin: 0;
}

.topnav li a{
color: #fff;
display: block;
/*font-size: 150%;*/
width: 101px;
height: 40px;
padding: 48px 22px;
background: transparent url(uploads/12/almo_topnav_li_bot.gif) bottom no-repeat!important;
line-height: 100%;
/* font-size: 70%; */
}

.topnav li .homeli3 a{
height: 60px;
padding: 38px 22px;
}

ul.topnav li{
display: block;
float: left;
text-align: center;
}

ul.li1 li{
background: #580F67 url(uploads/12/almo_topnav_li1_bg.gif) no-repeat;
}
ul.li2 li{
background: #580F67 url(uploads/12/almo_topnav_li2_bg.gif) no-repeat;
}
ul.li3 li{
background: #580F67 url(uploads/12/almo_topnav_li3_bg.gif) no-repeat;
}
ul.li4 li{
background: #580F67 url(uploads/12/almo_topnav_li4_bg.gif) no-repeat;
}

.homeli1, .homeli2, .homeli3, .homeli4{
color: #fff;
display: block;
font-size: 150%;
width: 145px;
height: 136px;
/*padding: 48px 22px;*/
/*background: transparent url(uploads/12/almo_topnav_li_bot.gif) bottom no-repeat;*/
line-height: 100%;
}

.homeli1 a, .homeli2 a, .homeli3 a, .homeli4 a{
padding:0;
width: 100%;
height: 100%;
}

.homeli1{
background: #580F67 url(uploads/12/almo_topnav_li1_bg.gif) no-repeat;
}
.homeli2{
background: #580F67 url(uploads/12/almo_topnav_li2_bg.gif) no-repeat;
}
.homeli3{
background: #580F67 url(uploads/12/almo_topnav_li3_bg.gif) no-repeat;
}
.homeli4{
background: #580F67 url(uploads/12/almo_topnav_li4_bg.gif) no-repeat;
}

/* sidebar
------------------------------------------------*/

.sidebar{
color: #580F67;
}

.sidebar h2{
background: transparent url(uploads/12/almo_sidebar_h2_top.gif) top no-repeat!important;
padding: 8px 20px;
margin: 0;
color: #fff;
font-size: 120%;
font-weight: normal;
height: 15px;
}

.sidebar input.postcode {
border:1px solid #C1468F;
color:#580F67;
float:left;
margin-top:10px;
padding: 4px 2px 5px 2px;
width:146px;}

.sidebar .mycharnwood_go{
background: transparent url(uploads/12/almo_mycharnwood_button.gif) bottom right no-repeat;
width: 47px;
height: 42px;
color: #fff;
border: none;
cursor: pointer;
margin:0;
float: right;
padding-left: 12px;
text-align: left;
}

.sidebar .mycharnwood, .sidebar .languages{
/*display: block;*/
clear: both;
}

.languages{
background: transparent url(uploads/12/almo_sidebar_bot.gif) bottom left no-repeat;
list-style-type: none;
}

.languages ul{
background: transparent url(uploads/12/almo_languages_main.gif) top left no-repeat;
list-style-type: none;
height: 92px;
width: 180px;
padding-top: 18px;
padding-left: 18px;
margin: 0;
}

.languages li{
float: left;
}

.languages li a{
width: 85px;
height: 23px;
display: block;
}

.sidebar .address,
.sidebar-outer {
background: transparent url(uploads/12/almo_sidebar_top.gif) top left no-repeat;
}
.sidebar blockquote,
.sidebar-inner {
padding: 18px;
background: transparent url(uploads/12/almo_sidebar_bot.gif) bottom left no-repeat;
}

.sidebar-inner a img {
padding: 0;
border: 0;
}

.sidebar p.texttop{
background: transparent url(uploads/12/almo_sidebar_top_p.gif) top no-repeat;
margin: 0;
padding: 10px 20px;
color: #580F67;
}

/*.mycharnwood{
background: transparent url(uploads/12/almo_mycharnwood_bg.gif) right bottom no-repeat;
}*/

/* footer
---------------------------------------*/

.footer{
color: #580F67;
font-style: italic;
background: transparent url(uploads/12/almo_footer.gif) top left no-repeat;
padding-top: 14px;
}

.footer ul{
display: inline;
}

.footer li{
float: left;
}

.footer img a{
border: none;
}

.footer p.text{
padding: 6px;
}

p.footnotes{
text-align: center;
font-style: normal;
clear: both;
width: 774px;
padding: 3px;
background: #580F67 url(uploads/12/almo_footnote.gif) top left no-repeat;
color: #fff;
padding-top: 20px;
}

.footnotes a{
color: #fff;
text-decoration: underline;
}

.partner ul{
list-style-type: none;
}

.partner ul li{
list-style-type: none;
float: left;
}

.partner ul li a img {
border: none;
padding: 0;
}

.partner_cbc li a{
display: block;
background: transparent url(uploads/12/almo_partner_cbc.gif) top no-repeat;
width: 150px;
height: 76px;
}

.partner_fhm li a{
display: block;
background: transparent url(uploads/12/almo_sponsor_fhm.gif) top no-repeat;
width: 138px;
height: 95px;
}

.partner_echelon li a{
display: block;
background: transparent url(uploads/12/almo_sponsor_echelon.gif) top no-repeat;
width: 91px;
height: 95px;
}

.partner_phjones li a{
display: block;
background: transparent url(uploads/12/almo_sponsor_phjones.gif) top no-repeat;
width: 257px;
height: 95px;
}


/* about us pages
----------------------------------------*/

.peoplesprofiles p.description, .photo p.description{
font-size: 80%;
padding: 1px;
text-align: center;
}

.element img{
padding: 10px 10px 0px 10px;
}

.peoplesprofiles h1{
clear: both;
}

/* editor mode
----------------------------------------*/

.editor .buttons a{
padding: 0;
margin: 0;
}

/* services pages
----------------------------------------*/

table.delivery caption{
display: none;
}

/*
charnwood awards forms
----------------------------------------*/

.labels {
	color: #580F67;
}

/*
feeds (news)
----------------------------------------
*/

div.feed .date, div.news .title {
	padding: 6px;
}

div.feed .title, div.feed .attachment {
	font-size: 160%;
	padding-left: 4px;
}

div.feed .picture img {
	float: right;
	padding-left: 6px;
	padding-bottom: 6px;
}

div.feed .item {
	border-bottom: 1px solid #FFE6FD;
}

div.messageboard .description {

	background: #FFE6FD;
}

div.messageboard .title {
	padding: 6px 6px 20px 6px;
background: #fff url(uploads/16/says.png) 20px bottom no-repeat;
}

div.messageboard .creatorname {
	padding: 8px 8px 8px 24px;
	background: #fff url(uploads/16/author.png) top left no-repeat;
}

div.messageboard .grouptitle {
	color: #F7B0D8;
	text-align: right;
}

div.messageboard .label{
	display:none;
}

form.editform {
	line-height: 4;
}

/*
	Calender
*/

.calendar {       
	color: #000;
	background-color: #fff;
	margin: 0px;
	padding: 0px 0 24px 0px;
}

.calendar span.longdayname {
	display: none;
	visibility: hidden;
}

.calendar .todaysdate {
	color: #ffffff;
	font-size: 80%;
	font-weight: bold;
	background-color: #fff;
	padding: 2px;
}

.calendarheader {
	width: 100%;
	background-color: #fff;
}

.calendarheader td.previousmonth {
    color: #ffffff;
	vertical-align: middle;
	width: 2em;
}

.calendarheader td.nextmonth {
    color: #ffffff;
	vertical-align: middle;
	width: 2em;
}

.calendarheader td.currentmonth {
	vertical-align: middle;
	text-align: center;
}

.calendarheader form {
	color: #ffffff;
	margin: 0px;
	padding: 0px;
}

.calendarmonth {
	width: 100%;
	padding: 0px;
	margin: 0px;
}

.calendarmonth th {
	width: 14.286%;
	padding: 2px;
}

.calendarmonth td {
	color: #000000;
	background-color: #ffffff;
	border: 1px solid #e9e9e9;
	vertical-align: top;
	width: 14.286%;
	height: 2em;
}

.calendarmonth td.events {
	background-color: #fff;
}

.calendarmonth td.events a:hover {
	text-decoration: underline;
}

.calendarmonth td.today {
	background-color: #cccccc;
}

.calendarmonth td ul {
	font-size: 100%;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

.calendarmonth td ul {
	font-size: 100%;
	padding-bottom: 4px;
}

.calendar form, .calendar option{
padding-right: 3px;
}

td.monthday{
padding-left: 3px;
}

td.previousmonth a img, td.nextmonth a img{
border: 1px solid #fff;
}

.questionnaire form div.question {
border-bottom:solid 1px #FCE0F1;
}

.questionnaire form div.label {
float:left;
clear:both;
width:30%;
}

.questionnaire form div.options {
float:left;
width:60%;
padding:6px;
}

.questionnaire form div.options .option.text label{
margin-bottom:0.5em;
}

.questionnaire form div.label div.information {
font-size:smaller;
padding:6px;
}

.questionnaire h3 {
border-top:solid 1px #B92981;
}

.questionnaire .question.ethnicity table {
border-top:none;
border-left:none;
border-right:none;
border-top:solid 1px #FCE0F1;
border-bottom:solid 1px #FCE0F1;
border-collapse:collapse;
margin-bottom:1em;
}

.questionnaire .question.ethnicity tr {
text-align:center;
}

.questionnaire .question.ethnicity tr.major th {
font-weight:bold;
height:3em;
}

.questionnaire .question.ethnicity tr.minor th {
font-weight:normal;
height:3em;
}

.questionnaire .question.ethnicity th, .questionnaire .question.ethnicity td {
border-left:solid 1px #FCE0F1;
border-right:solid 1px #FCE0F1;
}

.questionnaire p.progress {
border:solid 1px #580F67;
background-color:#FCE0F1;
padding:0;
position: relative;
margin-bottom: 2em;
}

.questionnaire p.progress span.bar {
display:block;
background-color:#580F67;
color:#FFFFFF;
padding:2px;
}

.questionnaire p.progress span.text {
white-space:nowrap;
padding:2px;
position:absolute;
margin-top: 2em;
color: #580F67;
}

.q-start a img {
border:none;
}

.questionnaire div.error {
color:#FF0000;
padding:6px;
}

.questionnaire div.question.required p.title {
font-weight:bold;
background-color:#FCE0F1;
}

.translation img {
padding:6px 0;
}

p.translation {
color:#000000;
}