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

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

body.homepage h1.title{
    display: none;
}

body.homepage .content{
	padding: 18px 0;
    background: none;
}

body.homepage .primary-content{
	background: transparent;
	width: 634px;
	padding: 0 0 0 15px;
}

body.homepage .secondary-content{
	width: 306px;
}

/* Book of Experience 
---------------------------------------------------- */
.home-wide-book{
    font-size: 1.2em;
    width: 943px;
    height: 308px;
    padding: 7px 7px 0 0;
    margin: 0 auto;
    position: relative;
}
#js-switch-on .home-wide-book{
	display: none;
}
.home-wide-book .wide-book-content{
    background: #fff url(/images/branding/book/book-main-left-bg.gif) no-repeat right top;
    padding: 20px 29px 0;
    width: 243px;
    height: 288px;
    float: left;
	margin-left:20px;
	display:inline;
    z-index: 3;
}
.home-wide-book .wide-book-content h4{
    color: #9a9a9a;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: normal;
}
.home-wide-book .wide-book-content h3{
    text-transform: uppercase;
    padding: 1px 0;
    font-size: 20px;
    font-weight: normal;
}
.home-wide-book .wide-book-images{
    width: 616px;
    height: 308px;
    padding: 0;
    overflow: hidden;
    float: left;
    z-index: 2;
}
.home-wide-book .wide-book-images div.book-image,
.home-wide-book .wide-book-images div.book-image-donate {
    line-height: 18px;
    display: block;
    float: left;
    width: 70px;
    height: 70px;
    padding: 0 0 7px 7px;
    overflow: hidden;
}
.home-wide-book .wide-book-images div.book-image-donate {
    width: 147px;
}


/* Boxes 
---------------------------------------------------- */

/* Main boxes border --------------*/
.home-box {
	width: 306px;	
	float: left;	
	margin: 0 10px 33px 0;			
	background: #fff;				
	background:#FFF url(/images/branding/home/home-box-bg.gif) repeat-y 0 0;
}	
.home-box-inner {
 	background:url(/images/branding/home/home-box-bot.gif) no-repeat 0 100%;		
	padding: 0 0 7px 0;
}		
.home-box-second-inner {
 	background:url(/images/branding/home/home-box-bot.gif) no-repeat 100% 0;		
	padding: 7px 18px 0;
	}		
	.welcome-box .home-box-second-inner {
		height: 368px;
		line-height: 1.8em;
	}	
.home-box-top {	
 	background:url(/images/branding/home/home-box-top.gif) no-repeat 0 0;
	padding: 7px 7px 0 7px;						
}	

.secondary-content .home-box {margin-right: 0;}

.home-box .top {
	background:#692699 url(/images/branding/home/home-box-top-bg.gif) no-repeat 0 0 ;				
	overflow: hidden;	
}
.home-box .top .top-bot{
	background:url(/images/branding/home/home-box-top-bot.gif) no-repeat 0 100% ;
	padding: 9px 0 6px 0;				
	overflow: hidden;		
}
.home-box .box-border {
	height: 310px;	
	margin: 0px 1px 0px 8px;
	padding: 10px 0 10px 0;
	overflow: auto;
    position: relative;
}
#js-switch-on .home-box .box-border {
	overflow: hidden;
	height: 270px;	
}
.home-box .box-content {		
    width: 265px;
	line-height: 1.4em;
}	

/* Main boxes content */
	.home-box h3,
	.home-box h2 {
		color: #fff;		
		text-transform:uppercase;
		font-size: 1em;	
		padding: 0 12px 9px 15px;
		margin: 0;
		border: none;
		}
		.home-box h3 span,
		.home-box h2 span {
			font-size: 0.8em;
			font-weight: normal;
			padding: 0 0 0 10px;
		}
	.welcome-box h3 {
		color: #9a9a9a;		
		font-size: 1.6em;	
		padding: 0 0 20px;
		font-weight:normal;
	}
	.welcome-box h2 {
		color: #6b289c;		
		font-size: 2.3em;	
		padding: 20px 0 0;
		font-weight:normal;
	}

		
	.home-box .top ul {
		margin:0 3px 0 3px;
		padding:0;			
		}		
	.home-box .top ul li {
		float:left;
		background: url(/images/branding/home/home-box-li-bg.gif) no-repeat top left #914EB7;
		margin:0 0 0 4px;
		padding:0;				
		}
		.home-box .top ul li a {
			display:block;
			color: #fff;	
			background: url(/images/branding/home/home-box-li-a-bg.gif) no-repeat top right;
			padding: 7px 14px;
			text-decoration:none;
		}
		.home-box #tabs-what ul li a {
			padding: 7px;
		}
		.home-box .top ul li a:hover {text-decoration: underline;}
		.home-box .top ul li.ui-tabs-selected {			
			background: url(/images/branding/home/home-box-li-bg-cur.gif) no-repeat top left #fff;			
		}
			.home-box .top ul li.ui-tabs-selected a {
				color: #000;
				background: url(/images/branding/home/home-box-li-a-bg-cur.gif) no-repeat top right;	
			}
.home-box .box-content h4 {
	padding:0;
	margin: 0 0 5px 0;
}

.home-box .box-content .subtitle {
	display: block;
	padding: 7px 0 7px 0;
	margin: 0;
	color: #692699;
	clear: both;
	font-size: 1.1em;
	text-transform:capitalize;	
}
.home-box .box-content p {
	padding:0;
	margin: 5px 0;
}
.home-box .box-content p.date {
	color:#747374;
	text-transform:uppercase;
	font-size: .8em;
	line-height: 1em;
}

.home-box .box-content img {
	float: left;
	margin: 0 10px 0 0;
	border: 1px solid #EDF1F3;
}
.home-box .box-content img.right {
	float: right;
	margin: 0 0 0 10px;
}
.home-box .box-content .item-image {
	float: left;
	margin: 0 10px 10px 0;
	display: block;
	width: 72px;
	height: 75px;
	overflow: hidden;
	}
	.home-box .box-content .item-image img {
		margin: 0 !important;
	}

.home-box .box-content div.ul {
	overflow:hidden;	
	width: 153px;
	float: left;			
}
.home-box .box-content ul {
	margin:0 0 0 0;
	padding:0;
}
.home-box .box-content ul li {
	margin:0 0 7px 0;
	padding: 8px 10px 0 2px;	
	border-top: 1px solid #E7E7E7;
	background: none;
}
.home-box .box-content ul li:first-child  {
	border-top: none;
	padding-top:0;
}

.home-box .box-content ul li a:hover {color: #000;}

.home-box .text {		
	overflow:hidden;
	zoom:1;		
}

/* tabber styles + JS no JS adjustments */
.home-box .top ul {display: none;} /* hide if no JS */
.home-box .top ul.ui-tabs-nav {display:block;} /* show if JS is available */
.home-box .ui-tabs-panel .subtitle {display: none;}
.home-box .ui-tabs-hide {display: none;} /* hde blocks if JS ias available */
.home-box .ui-tabs {height: 63px;}


.home-box.latest .box-content ul li a.second-link {
	display: block;
	border-top: 1px solid #E7E7E7;
	padding: 9px 0 0 0;
	margin: 11px 0 0 0;
}



/* Main boxes color scheme*/	
	
/* blue scheme */

.home-box.blue .top {
	background: #4295C7 url(/images/branding/home/blue/home-box-top-bg.gif) no-repeat 0 0 ;	
	}	
.home-box.blue .top .top-bot{
		background:url(/images/branding/home/blue/home-box-top-bot.gif) no-repeat 0 100% ;
	}						
	.home-box.blue h4 {color: #4295C7;}	
	.home-box.blue a {color:#3E90C3;}	
	.home-box.blue .top ul li {
		background: url(/images/branding/home/blue/home-box-li-bg.gif) no-repeat top left #6FB3DA;
	}
		.home-box.blue .top ul li a {
			background: url(/images/branding/home/blue/home-box-li-a-bg.gif) no-repeat top right;
		}
		
		.home-box.blue .top ul li.ui-tabs-selected {			
			background: url(/images/branding/home/blue/home-box-li-bg-cur.gif) no-repeat top left #fff;			
		}
			.home-box.blue .top ul li.ui-tabs-selected a {
				background: url(/images/branding/home/blue/home-box-li-a-bg-cur.gif) no-repeat top right;	
			}
	
	
	.home-box.blue .box-content img {
		float: left;
		margin:0 10px 10px 0;		
	 }
		 
	.home-box.blue .box-content ul {
		overflow:hidden;
        padding:0; 
	}	 
	.home-box.blue .box-content ul li {
		margin:0;
		padding: 2px 0;
		border-top:none;
		background: none;
	}
	.home-box.blue .box-content ul li a {
		background: url(/images/branding/color-schemes/blue/arrows/arrow-double.gif) no-repeat 0 5px;
		padding: 0 0 0 15px;
		display: block;
	}
	.home-box.blue .box-content ul li a:hover {
		background: url(/images/branding/arrows/arrow-black-back.gif) no-repeat 0 5px;
		color: #000;
	}	
	.home-box.blue .box-content .subtitle {
		color: #4295C7;	
}

/* red scheme */
.home-box.red {
}

.home-box.red .home-box-inner { 	
	padding: 0 0 8px 0;
}	
	
.home-box.red .top {
	background: #C85559 url(/images/branding/home/red/home-box-top-bg.gif) no-repeat 0 0 ;	
}
	
.home-box.red .top .top-bot{
	background: url(/images/branding/home/red/home-box-top-bot.gif) no-repeat 0 100% ;
}
	
.home-box.red .box-content {
	min-height: 260px;		
	height: auto;
	overflow-y: visible;
	margin-bottom: 0;
	padding-bottom: 0px;
}

.home-box.red a {color:#C5494D;}		

.home-box.red h4 {color: #C85559;}		
.home-box.red h4 a:link, .home-box.red h4 a:visited {color: #C85559;}
.home-box.red h4 a:hover, .home-box.red h4 a:active	{color: #000;}

.home-box.red .top ul li {
	background: url(/images/branding/home/red/home-box-li-bg.gif) no-repeat top left #E07C7F;
}
.home-box.red .top ul li a {
	background: url(/images/branding/home/red/home-box-li-a-bg.gif) no-repeat top right;
	padding: 7px 50px;
}
	
.home-box.red .top ul li.ui-tabs-selected {			
	background: url(/images/branding/home/red/home-box-li-bg-cur.gif) no-repeat top left #fff;			
}
.home-box.red .top ul li.ui-tabs-selected a {
	background: url(/images/branding/home/red/home-box-li-a-bg-cur.gif) no-repeat top right;	
}
.home-box.red .box-content .subtitle {
	color: #C85559;	
}	
.home-box.red img {margin-bottom: 10px;}
			
/* green scheme - it's wider than others  */
.home-box.green {
	width: 622px;	
	background:#FFF url(/images/branding/home/green/home-box-bg.gif) repeat-y 0 0;
	}	
.home-box.green .home-box-inner {
	background:url(/images/branding/home/green/home-box-bot.gif) no-repeat 0 100%;		 	
	}		
.home-box.green .home-box-top {	
 	background:url(/images/branding/home/green/home-box-top.gif) no-repeat 0 0;	
		}
.home-box.green .top {
	background: #7FA639 url(/images/branding/home/green/home-box-top-bg.gif) no-repeat 0 0 ;	
	}	
.home-box.green .top .top-bot{
		background:url(/images/branding/home/green/home-box-top-bot.gif) no-repeat 0 100% ;
	}
.home-box.green .box-content {
	 width:570px;	 
	 padding: 0 0 10px 10px;
}
#js-switch-on .home-box.green .box-border {
	min-height: 286px;	
	height: auto;
	overflow: auto;
	overflow-x: none;		
}
#nojs .home-box.green .box-border {
	height: 286px;	
	overflow: auto;
	overflow-x: none;		
}

		
	.home-box.green h4 {color: #7FA639;}		
	.home-box.green a {color:#72982E;}	
	.home-box.green .top ul li {
		background: url(/images/branding/home/green/home-box-li-bg.gif) no-repeat top left #A4C072;
	}
		.home-box.green .top ul li a {
			background: url(/images/branding/home/green/home-box-li-a-bg.gif) no-repeat top right;
		}
		
		.home-box.green .top ul li.ui-tabs-selected {			
			background: url(/images/branding/home/green/home-box-li-bg-cur.gif) no-repeat top left #fff;			
		}
			.home-box.green .top ul li.ui-tabs-selected a {
				background: url(/images/branding/home/green/home-box-li-a-bg-cur.gif) no-repeat top right;	
			}

		
	.home-box.green .box-content .subtitle {
		color: #7FA639;	
	}	
	.home-box.green p {
		line-height: 1.5em;
	}
	
	.home-box.green img.float-right {
		float: right;
		margin: 3px 0 10px 18px;
	}
	
		/* specific style for Latest developments: Research 
				 scrolling for the list only
				 when JS is available
		*/	
	/* .home-box .tab-research.ui-tabs-panel div.ul {
		width: 159px !important;		
		height: 200px;
		overflow: auto;
		overflow-x: none;
	}
*/

/* Grey-bold-bordered box on grey */
.homepage .module2-tl,
.homepage .module2-tr,
.homepage .module2-bl,
.homepage .module2-br {
	background-image:url(/images/branding/home/module2-pack.gif);
}

/* White-bold-bordered box on grey */	
.homepage .module2.tools .module2-inner{border: 6px solid #fff;}
.homepage .module2.tools .module2-tl,
.homepage .module2.tools .module2-tr,
.homepage .module2.tools .module2-bl,
.homepage .module2.tools .module2-br {background-image:url(/images/branding/snippets/module2-wh-pack.gif);}	

.homepage .tools .tools-bg	{
	 background: url(/images/branding/snippets/tools-bg.gif) no-repeat 0 0; 
	 margin: 0 0 -11px 0;
}
.homepage .tools .tools-bg select {
 	width: 180px;
 	margin: 10px 0 10px 52px  ;	
 }	 
.homepage .tools div#profession-select {margin: 0 0 0 40px;}

.homepage .signup input.text {			
	width: 120px;
	margin: 0 0 7px 0;
}
.homepage .signup select {			
	width: 128px;
	margin: 0 0 7px 0;
}
.homepage .signup .btn.submit, .homepage .signup .btn.submit-hover  {
	margin: 0 0 6px 5px;	
}
.homepage .signup p.intro {display: block;}
.homepage .signup div.checkboxes { margin-top: 0;}
.homepage .signup div.checkboxes input {
	margin: 0 9px 0 3px;		
}

/* Grey arrow ---------------------*/

body#js-switch-on .no-arrow-content {
	height: 210px;	
}
.home-box p.view {
	margin: 0;
}	
.home-box p.view.gray {
	color: #72329F;
	background: url(/images/branding/home/home-box-arrow.gif) no-repeat;
	padding:17px 0 0 10px;
	height: 33px;
	clear: both;
}	
.home-box p.view.gray a:hover {
	color: #000;
}
.home-box.red p.view.gray {
	color: #C5494D;
}	
.home-box.red p.view.gray {
	color: #C5494D;
}	
.home-box.latest a.book-arrow-link, a.book-arrow-link:visited, a.book-arrow-link:hover {
    background: url(/images/branding/arrows/arrow-link-violet-264px.gif) no-repeat scroll left top;
    width: 251px;
}
/* Banners area 
------------------------------------------- */

.home-banners img.img-left {margin-right: 6px;}


.last-updated {
	padding: 10px 17px;
	color:#5c5d58;
	font-size: .9em;	
}

/* Blog box 
-------------------------------------------- */
.home-blog {
	margin:0 10px 10px 10px;		
}
.home-blog-top {	
	background: url(/images/branding/home/home-blog-top.gif) no-repeat top #652596;
	color: #fff;				
}
	.home-blog-bot {
		background: url(/images/branding/home/home-blog-bot.gif) no-repeat bottom;				
		overflow:hidden;				
	}
	
	.home-blog strong.title {
		width:117px;
		height: 33px;
		background: url(/images/branding/home/home-blog-titile.gif) no-repeat bottom;
		text-indent: -999em;
		overflow:hidden;
		margin: 0;
		padding: 0;
		display: block;
	}
	.home-blog p {
		margin:0;
		padding: 20px 15px 0 20px;		
	}
	.home-blog p a, .home-blog p a:visited {
    	color: #fff;				
        text-decoration: none;
	}
	.home-blog p a:hover {
    	color: #fff;				
        text-decoration: underline;
	}
	
	.home-blog .links {
		float: right;
		margin: 22px 0 0 0;
		padding:0;		
	}
	
	.home-blog .links a {
		background: url(/images/branding/arrows/arrow-simple-gray.gif) no-repeat 0 7px;
		padding: 0 10px 0 7px;	
		
	}

body#nojs ul#blogs li {display: none;}
body#nojs ul#blogs li.first {
	 width: 286px;
	padding:0;
	margin:0;
	display:inline;		
	}