/*-----------------------------------------------------------------------------
Title: core.css file for Meningitis Research Foundation website

LastChangedDate: 13/05/2009
LastChangedBy: AnnaG
-----------------------------------------------------------------------------*/

/* Importing generic styles */
@import url(/assets/css/generic/helper.css);

/* Importing styles for differnt colors */
@import url(/assets/css/modules/color-schemes/red.css);
@import url(/assets/css/modules/color-schemes/green.css);
@import url(/assets/css/modules/color-schemes/blue.css);

/* Importing navigation styles */
@import url(/assets/css/navigation/top.css);
@import url(/assets/css/navigation/primary.css);
@import url(/assets/css/navigation/secondary.css);
@import url(/assets/css/navigation/footer.css);

/* Importing Modules styles */
@import url(/assets/css/modules/forms.css);
@import url(/assets/css/modules/snippets.css);
@import url(/assets/css/modules/blog.css);
@import url(/assets/css/modules/research.css);
@import url(/assets/css/modules/book-of-experience.css);
@import url(/assets/css/modules/donate.css);


/* =Typography
-----------------------------------------------------------------------------*/
html, body{
	height: 100%;
}

body.wide #aspnetForm,
body.wide #flash
{
	height:100%;
}


body.wide #flash-inner{
	height:100%;
	width:100%;
}

body {
	color: #373737;
	background: #fff;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 62.5%;
	line-height: 18px;
	text-align:center;
}
p {
	margin: 0;
	padding: 1px 0 18px;
}

a			{color: #72329f; text-decoration: underline; outline: none; }
a:hover		{text-decoration: none; }

.purple-clr    {color: #72329f;}
.red-clr       {color: #c5565c;}
.green-clr     {color: #7fa639;}
.blue-clr      {color: #4395c7;}

/* =Headings
-----------------------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
	line-height: normal;
	padding:  1px 0 5px;
}
h1{
	color: #7b40a7;
	font-size: 2.1em;
	font-weight: normal;
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif;
    text-transform: uppercase;
}
h1 a:link, h1 a:visited,
h1 a:hover, h1 a:active	{color: #7b40a7; text-decoration: none;}

h2{
	color: #7b40a7;
	font-size: 1.5em;
	font-weight: normal;
}
h2 a:link, h2 a:visited,
h2 a:hover, h2 a:active	{color: #7b40a7; text-decoration: none;}

h3,
strong.title{
	color: #7b40a7;
	font-size: 1.3em;
}
h3{
	border-bottom: 1px solid #dadada;
	margin-bottom: 5px;
}
h3.no-line {border-bottom: none;}
h3 a:link, h3 a:visited,
h3 a:hover, h3 a:active	,
strong.title a:link, strong.title a:visited,
strong.title a:hover, strong.title a:active	{color: #7b40a7; text-decoration: none;}

h4{
	color: #7b40a7;
	font-size: 1em;
}
h4 a:link, h4 a:visited,
h4 a:hover, h4 a:active	{color: #7b40a7; text-decoration: none;}

h5{
	color: #7b40a7;
	font-size: 1em;
}
h5 a:link, h3 a:visited,
h5 a:hover, h5 a:active	{color: #7b40a7;}

h6{
	color: #7b40a7;
	font-size: 1em;
}
h6 a:link, h6 a:visited,
h6 a:hover, h6 a:active	{color: #7b40a7; text-decoration: none;}



/* =Main container boxes
-----------------------------------------------------------------------------*/
.container{
	background: #fff;
	position: relative;
	text-align: left;
}
.container.gray{
	background: #f4f4f4 url(/images/branding/general/content-grey-bg.gif) no-repeat bottom;
	padding: 17px 0;
}
.header{
	width: 955px;
	margin: 0 auto;
	font-size: 1.2em;
	position: relative;
	text-align: left;
}
.content{
	background: url(/images/branding/general/content-bg.gif) repeat-y right;
	width: 955px;
	margin: 0 auto;
	padding: 0;
	position: relative;
	text-align: left;
}
.secondary-content{
	font-size: 1.2em;
	width: 232px;
	position: relative;
    float: left;
	text-align: left;
}
.primary-content{
	background: #fff;
	font-size: 1.2em;
	width: 723px;
	position: relative;
    float: left;
	text-align: left;
}
.primary-content-left{
	width: 464px;
	padding: 5px 15px 15px 20px;
	position: relative;
    float: left;
	text-align: left;
}
.primary-content-right{
	width: 205px;
	padding: 15px 18px 15px 0;
	position: relative;
    float: left;
	text-align: left;
}
.primary-content-bottom{
	padding: 0 18px 15px 20px;
	position: relative;
	text-align: left;
}
.footer{
	width: 955px;
	margin: 10px auto;
	text-align: left;
	line-height: 1.5em;
	color: #7B7B7B;
}

/* =Header 
-----------------------------------------------------------------------------*/
strong.logo {
	background: url(/images/branding/general/logo.gif) no-repeat top;
	display: block;
	width: 163px;
	padding: 0;
    position: absolute;
    top: 44px;
    right: 10px;
	}	
.logo a {
	display: block;
	width: 163px;
	height: 93px;
	text-indent: -9999px;
	text-decoration: none;
	overflow: hidden;
	}	
.above-primary-nav{
	width: 955px;
	height: 150px;
	padding: 15px 0 0 0;
	position: relative;
}

/* =Freefone block */			
.freefone {
    padding: 17px 0 23px 0;
	display: block;
	}	
.freefone p{
    color: #979797;
    font-size: 1em;
    text-transform: uppercase;
    width: 260px;
    padding: 5px 0 18px 10px;
    margin: 0;
    float: left;
	}	
.freefone p.text{
	background: url(/images/branding/general/phone-bg.gif) no-repeat right top;
    width: 160px;
    padding: 5px 40px 18px 0;
	}	
.freefone p strong{
    color: #6b289c;
    font-weight: bold;
    font-size: 1.3em;
	}	

/* =Footer
-----------------------------------------------------------------------------*/
.footer {
	padding: 15px 0 0 0;	
}
.footer-logos {
	padding: 2px 0 5px 0;
}
.footer-logos img {
	float: left;
	margin: 0 25px 0 0;
}
.footer-logos img.hon {
	margin: 0 7px 0 0;
}
.footer-logos p {		
	display: block;
	float: left;
	width: 100px;
	margin: 0 20px 0 0;
}
.footer-logos p a {color: #7B7B7B;}
	
.footer-slogan {
	display: block;
	height: 28px;
	background: url(../../images/branding/footer-slogan.gif) no-repeat 0 50%; 
	text-indent: -999em;
}
.copyright {
	width: 525px;
	float: right;
	text-align: right;
}		
.footer-add {
	text-align: center;
	margin: 10px 0 0 0;
}
.fuse8-link {
	text-align: center;
}
.fuse8-link a {
	margin: 0 auto;
	display: block;
	width: 88px;
	height: 16px;
	background: url(../../images/branding/fuse8-link.gif) no-repeat; 
	text-align: left;
	text-indent: -999em;
}
	

	
/* =Content 
-----------------------------------------------------------------------------*/

/* =Breadcrumbs ------------------------------------*/
.breadcrumbs {
	padding: 7px;
	width: 709px;
}
.breadcrumbs .breadcrumbs-inner {
	background: #F6F6F6 url(/images/branding/navigation/breadcrumbs-bg-top.gif) no-repeat top;
}
.breadcrumbs .breadcrumbs-inner p{
	background: url(/images/branding/navigation/breadcrumbs-bg-bottom.gif) no-repeat bottom;
	padding: 8px 12px;
	color: #7A7A7A;		
}
.breadcrumbs .breadcrumbs-inner span {
	padding: 0 6px;		
	background: url(/images/branding/arrows/arrow-simple-gray.gif) no-repeat 50% 60%;
}
	

/* =Lists ------------------------------------*/
.content ul {
	overflow: hidden;
	margin: 0 0 18px 18px;
	list-style-type: none;
}
.content ul li {
	background: url(/images/branding/arrows/arrow-simple-gray.gif) no-repeat 0 7px;
	padding: 0 0 7px 10px;
}
.content ul ul{
	margin: 0 0 0 3px;
	padding: 10px 0 0;
}
.content ul ul li {
	padding: 0 0 7px 10px;
}

.content ol{	
	margin: 0 0 18px 36px;
}
.content ol li{
	padding: 0 0 7px 0;
}
.content ol ol{
	margin: 0 0 0 18px;
	padding: 10px 0 0 0;
}
.content ol ol li {
	padding: 0 0 7px 0;
}

/* Donwload Lists -----------------------------------------*/
	
.content ul.download li {
	background: url(/images/branding/icon/icon_txt.gif) no-repeat 0 0;
	padding: 0 0 10px 20px;	
}
.content ul.download li.doc {
	background: url(/images/branding/icon/icon_doc.gif) no-repeat 0 0;	
}
.content ul.download li.pdf {
	background: url(/images/branding/icon/icon_pdf.gif) no-repeat 0 0;	
}
.content ul.download li.xls {
	background: url(/images/branding/icon/icon_xls.gif) no-repeat 0 0;	
}
.content ul.download li.flash {
	background: url(/images/branding/icon/icon_flash.gif) no-repeat 0 0;	
}
.content ul.download li.pps {
	background: url(/images/branding/icon/icon_pps.gif) no-repeat 0 0;	
}
.content ul.download li.pic {
	background: url(/images/branding/icon/icon_pic.gif) no-repeat 0 0;	
}
.content ul.download li.film {
	background: url(/images/branding/icon/icon_film.gif) no-repeat 0 0;	
}
.content ul.download li.mailto {
	background: url(/images/branding/icon/icon_mailto.gif) no-repeat 0 0;	
}
.content ul.download li.music {
	background: url(/images/branding/icon/icon_music.gif) no-repeat 0 0;	
}


/* =Highlighted block ------------------------------------*/
.highlighted{
	background: #f9f3fc url(/images/branding/highlighted/highlighted-bg-top.gif) no-repeat top;
    width: 464px;
    padding: 0;
    margin: 0 0 18px 0;
}
.highlighted .inner{
	background: url(/images/branding/highlighted/highlighted-bg-bottom.gif) no-repeat bottom;
    padding: 10px 15px;
}

/* =Pager ------------------------------------*/
.pager{
    padding: 1px 17px 18px;
    text-align: right;
}
.pager .prev, .pager .next, 
.pager .page-number, .pager .page-current,
.pager .switch5
{
    padding: 0 4px 0 6px;
    border-left: solid 1px #eee;
}
.pager .page-current {
    font-weight: bold;
}
.pager .prev {
    border-left: none;
}
.pager .prev img{
	background: url(/images/branding/arrows/arrow-full-back.gif) no-repeat;
    width: 4px;
    height: 7px;
}
.pager .prev[disabled="disabled"] img{
	background: url(/images/branding/arrows/arrow-full-gray-back.gif) no-repeat !important;
}
.pager .next img {
	background: url(/images/branding/arrows/arrow-full.gif) no-repeat;
    width: 4px;
    height: 7px;
}
.pager .next[disabled="disabled"] img{
	background: url(/images/branding/arrows/arrow-full-gray.gif) no-repeat !important;
}

/* =Marked links------------------------------------*/
a.marked, a:visited.marked, a:hover.marked {
	background: url(/images/branding/arrows/arrow-double.gif) no-repeat left 6px;
    padding: 0 0 0 15px;
    display: block;
}

/* =Button links------------------------------------*/
a.button, a:visited.button {
	background-image: url(/images/branding/buttons/btn-for-links-h21.gif);
	background-position: right -21px;
    background-repeat: no-repeat;
    display: block;
    padding: 0 5px 0 0;
    height: 21px;
    text-decoration: none;
    cursor: pointer;
}
a.button span, a:visited.button span {
    color: #fff;
	background-image: url(/images/branding/buttons/btn-for-links-h21.gif);
	background-position: left top;
    background-repeat: no-repeat;
    font-weight: bold;
    font-size: 11px;
	letter-spacing:1px;			
    text-transform: uppercase;
    text-align: center;
    display: block;
    padding: 0 0 0 5px;
    height: 21px;
    line-height: 21px;
    cursor: pointer;
}
a:hover.button {
	background-position: right -42px;
}
a:hover.button span {
    color: #6b289c;
	background-position: left bottom;
}

/* = Page last updated info -----------------------------------*/
p.page-updated {
	clear: both;
	margin: 10px 0;
	color:#7E7E7E;
	font-size: 0.9em;
}

/* =Blank template
------------------------------------------------ */
.blank .content {
	width: auto;
	text-align: left;
	margin: 15px;
	padding: 15px;
	font-size: 1.2em;
}

/* =Accordion
------------------------------------------------ */
.accordion, .accordion-selected {
	padding: 5px 0 18px;
}
.accordion h3, .accordion-selected h3 {
	background-color: #F6F6F6;
	background-image: url(/images/branding/general/accordion-bg-top.gif);
	background-repeat: no-repeat;
	background-position: left top; 
	border-top: 2px solid #fff;
	border-bottom: 3px solid #fff;
    font-size: 1.1em;
    font-weight: normal;
    width: 464px;
	padding: 0;
	margin: 0;
	cursor: pointer;
}
.accordion h3 span, .accordion-selected h3 span {
	background-color: transparent;
	background-image: url(/images/branding/general/accordion-bg-bottom.gif);
	background-repeat: no-repeat;
	background-position: left bottom; 
	padding: 10px 15px;
	cursor: pointer;
    display: block;
}
.accordion h3.selected span, .accordion-selected h3.selected span {
    color: #373737;
}
.accordion div, .accordion-selected div {
	padding: 12px 15px 0;
}
 
body.wide .accordion h3, body.wide .accordion-selected h3 {	
	background-image: url(/images/branding/general/accordion-bg-top-w.gif);
	width: 688px;
}
body.wide .accordion h3 span, body.wide .accordion-selected h3 span {
	background-image: url(/images/branding/general/accordion-bg-bottom-w.gif);	
}

body.wide .accordion div, body.wide .accordion-selected div {
	padding: 12px 0 0;
}
body.wide .accordion h3 span.grey {
	color: #7b7b7b;
	display: inline;
	padding: 0px;
	background: transparent;
	}

#no-flash{display: none;}
#js-switch-off #no-flash{display: block;}
	
.accordion .accordion-item .timeline-image {
	float: right;
	margin: 0 3px 23px 30px;
	padding: 0px;
	width: 150px;
	background: url(/images/branding/general/image-top.gif) no-repeat 0 0;
	}
	.accordion .accordion-item .timeline-image-inner {
		width: 136px;
		padding: 7px;
		background: url(/images/branding/general/image-bottom.gif) no-repeat 1px bottom;
		}
		.accordion .accordion-item .timeline-image-inner img {
			width: 136px;
			}
.accordion .accordion-item .timeline-details {
	overflow: hidden;
	padding: 0 0 0 9px;
	}
/* =Table
---------------------------------------- */
table {
	border-collapse: collapse;
	border: 0;
	margin: 5px 0;
	width: 100%;	
}
table td {
	background: #ffffff url(/images/branding/general/table-td.gif) repeat-x 0 0;
	padding: 7px 5px;
	vertical-align: top;
	text-align: left;
}

table tr.thead td,
table th {
	background: #F2F2F2 url(/images/branding/general/table-thead.gif) repeat-x 0 0;
	padding: 7px 5px;
	vertical-align: top;
	text-align: left;
	color: #6B289C;
}

table tr:first-child td,
table tr:first-child th {
	border-bottom: 1px solid #ffffff;	
}
table tr:last-child td,
table tr:last-child th {
	border-bottom: 1px solid #F2F2F2;	
}	

table td.td-col1 {
	width: 40%;
}

table td.td-col2 {
	width: 20%;
}

table td.input {
	width: 40%;
	text-align:right;	
}




.table-not-default td {
	background-color: transparent;
	background-image: none;	
}

.table-not-default tr.thead td,
.table-not-default th {
	background-color: transparent;
	background-image: none;	
	color: #6B289C;
}

.table-not-default tr:first-child td,
.table-not-default tr:first-child th {
	border-bottom: none;	
}
.table-not-default tr:last-child td,
.table-not-default tr:last-child th {
	border-bottom: none;	
}	



/* =Prev Next links block 
---------------------------------------- */
.prev-next {
    background: #f0f0f0 url(/images/branding/blog/blog-search-bg-top.gif) no-repeat top;
    width: 463px;
    margin: 10px 0;
}
.prev-next .prev-next-inner{
    background: url(/images/branding/blog/blog-search-bg-bottom.gif) no-repeat bottom;
    padding: 10px 10px 10px 10px;
    overflow: hidden;
    text-align: center;
}
.prev-next a {
	text-decoration:none;	
}
.prev-next .cut {
	text-align: center;	
}
.prev-next .prev {
	display: block;
	float: left;
}
.prev-next .prev a {
	padding: 0 0 0 10px;	
	background: url(/images/branding/arrows/arrow-full-back.gif) no-repeat scroll 0 4px;	
}

.prev-next .next {
	display: block;
	float: right;
}
.prev-next .next a {
	padding: 0 10px 0 0;
	background: url(/images/branding/arrows/arrow-full.gif) no-repeat scroll 100% 4px;	
}