
/* =====================================================================	
	landing.css
========================================================================
   	Author: James Dacosta
   	Date:	22/10/08
------------------------------------------------------------------------
	Comments
------------------------------------------------------------------------
   	
   	Styles for landing pages
    	
   	
========================================================================*/


	/* 
		Changes the content of the right col div so  
		it only shows the printer friendly link
	*/ 

	#rightCol, #rightCol .container-right {
		padding:0;
		margin:0;
 	}
 	
 	#rightCol {
 		margin-top:-36px;
		width:auto;
		z-index:20;
 		position:relative;
 	}
 	
 	h1{
 		position:relative;
 		z-index:10;
 	}
	
	#rightCol * {
		display: none;
	}
	
	#rightCol .container-right, #rightCol .printerFriendly, #rightCol .printerFriendly * {
		display: block;
	}
	
	 #rightCol .printerFriendly a {
	 	width:130px;
	 	
	 }
	
	#rightCol, #rightCol .container-right {
		background: none;
	}
	
	#rightCol .printerFriendly {
		padding: 0;
		margin: 0;
		border: none;
		padding-bottom: 15px;
 	}
	
	
	/* 
		removes the 200px padding on the inner div
		so it becomes a full width column
	*/ 
	#mainCol {
	}
	
	#mainCol .inner {
		padding:15px 0px 20px 200px;
 	}
	
	#mainCol .innerpf{
		padding:15px 0px 20px 0px;
 	}
	#blockCont {
		padding-right:15px;
		}

	div.blockCol {
		float:left ;
		width:49%;
		padding:1px;
	}
	
	div.bColr {
		float:right;
				
		
	}

	/*changed the font-size to 120% to match that in DefaultSplashPP. CRQ700000229363*/ 
	div.introduction {
		font-size: 120%;
		margin-right: 10px;
		padding: 10px;
	}
		
	.block {
		width:100%;
		float:left;
		margin-bottom:20px;
		padding-bottom:20px;
		position:relative;
		
	}
	
	.block .cut {
		background: url(../img/misc/green_cutoff.png) top right no-repeat;
		width:22px;
		height:22px;
		display:block;
		position:absolute;
		top:-2px;
		right:-2px;
	}
	
	.block .actionLink span {
		padding:10px;
		padding-right:40px;
		display:block;
		background-color:#B0E95E;
		background-image: url(../img/misc/green_circle_arrow.png);
		background-repeat:no-repeat;
		background-position:98% 50%;
		margin:2px;
  		
	}
	
	.block .actionLink {
   		display:block;
   		width:65%;
 		margin:10px 0 0 0;
 		font-size:105%;
 		color:#3A3D41;
 		font-weight:bold;
 		zoom:1; /* for ie */
 		float:right;
	
	}
	
	.moreLink span{
		padding:10px;
		padding-right:40px;
		
		display:block;
		background-color:#B0E95E;
		background-image: url(../img/misc/green_circle_arrow.png);
		background-repeat:no-repeat;
		background-position:98% 50%;
		margin:2px;
		
	}

	.moreLink a {	
		display:block;
   		width:65%;
 		margin:20px 0 0 0;
 		font-size:105%;
 		color:#3A3D41;
 		font-weight:bold;
 		zoom:1; /* for ie */
 		float:right;
		border:1px solid #B0E95E;


	}

	.moreLinkPrinter {	
		display:block;
   		width:65%;
 		margin:25px 0px 0px 0px;
 		font-size:105%;
 		color:#3A3D41;
 		font-weight:bold;
 		zoom:1; /* for ie */
 		float:right;
		border:1px solid #B0E95E;

	}

	.moreLinkPrinter span{
		padding:10px;
		padding-right:40px;
		
		display:block;
		background-color:#B0E95E;
		background-image: url(../img/misc/green_circle_arrow.png);
		background-repeat:no-repeat;
		background-position:98% 50%;
		margin:2px;
		
	}
	
	.block, .block .actionLink, .blockImg {
		border:1px solid #B0E95E;
	}
	
	.block h2 {
		font-size:150%;
		margin-bottom:10px;
	}

	.block h3 {
		font-size:120%;
		color:#555;
	}



	.blockr {
 		float:right;
	}

	.block .blockInner {
		padding:15px 15px 0px 15px;
	} 
	
/* changed by IDC */
	.blockItem {
		/* margin-bottom:15px; */	
		
		}

	.blockImg {
		padding:1px;
		float:left;
		margin:5px 10px 5px 0;		
	}
	
/* added by IDC - start */

	.blockListImg {
		padding:1px;
		float:left;
		margin:0px 15px 5px 0;
		
		
	}

	.block h3.list {
		font-size:110%;
		color:#555;
		margin-bottom: 4px; 		
	}

	.listContent{	
		background-image: url(../img/subsection/learning/dots.gif);
		background-position:50% 50%;
		background-repeat:repeat-x;
		_display:inline-block;
		#display:inline-block;		
	}

	.landingList { min-height:65px;}

	*html .landingList {height:65px;}

/* added by IDC - start */
		
	
	/* some blocks need white links */
 	.about .block .actionLink ,
 	.news .block .actionLink ,
 	.views .block .actionLink ,
 	.publications .block .actionLink ,
 	.online .block .actionLink {
 		color:#fff;
	}


/* committees styles */

	.committees .block, .committees .block .actionLink, .committees .blockImg {
		border:1px solid #FEB740;
	}

	.committees .block .actionLink span {
 		background-color: #FEB740;
 		background-image: url(../img/misc/orange_circle_arrow.png);
	}

	.committees .block .cut {
		background: url(../img/misc/orange_cutoff.png) top right no-repeat;
	}



/* safety styles */

	.safety .block, .safety .block .actionLink, .safety .blockImg {
		border:1px solid #FEEA0E;
	}

	.safety .block .actionLink span {
 		background-color: #FEEA0E;
 		background-image: url(../img/misc/yellow_circle_arrow.png);
	}

	.safety .block .cut {
		background: url(../img/misc/yellow_cutoff.png) top right no-repeat;
	}



/* regulation styles */

	.regulation .block, .regulation .block .actionLink, .regulation .blockImg {
		border:1px solid #AAD0EE;
	}

	.regulation .block .actionLink span {
 		background-color: #AAD0EE;
 		background-image: url(../img/misc/blue_circle_arrow.png);
	}

	.regulation .block .cut {
		background: url(../img/misc/blue_cutoff.png) top right no-repeat;
	}


/* about styles */

	.about .block, .about .block .actionLink, .about .blockImg {
		border:1px solid #250480;
	}

	.about .block .actionLink span {
 		background-color: #250480;
 		background-image: url(../img/misc/purple_circle_arrow.png);
	}

	.about .block .cut {
		background: url(../img/misc/purple_cutoff.png) top right no-repeat;
	}


/* online styles */

	.online .block, .online .block .actionLink, .online .blockImg {
		border:1px solid #651D85;
	}

	.online .block .actionLink span {
 		background-color: #651D85;
 		background-image: url(../img/misc/darkpurple_circle_arrow.png);
	}

	.online .block .cut {
		background: url(../img/misc/darkpurple_cutoff.png) top right no-repeat;
	}



/* publications styles */

	.publications .block, .publications .block .actionLink, .publications .blockImg {
		border:1px solid #226178;
	}

	.publications .block .actionLink span {
 		background-color: #226178;
 		background-image: url(../img/misc/darkgreen_circle_arrow.png);
	}

	.publications .block .cut {
		background: url(../img/misc/darkgreen_cutoff.png) top right no-repeat;
	}




/* news styles */

	.news .block, .news .block .actionLink, .news .blockImg {
		border:1px solid #AC0057;
	}

	.news .block .actionLink span {
 		background-color: #AC0057;
 		background-image: url(../img/misc/red_circle_arrow.png);
	}

	.news .block .cut {
		background: url(../img/misc/red_cutoff.png) top right no-repeat;
	}




/* views styles */

	.views .block, .views .block .actionLink, .views .blockImg {
		border:1px solid #519621;
	}

	.views .block .actionLink span {
 		background-color: #519621;
 		background-image: url(../img/misc/midgreen_circle_arrow.png);
	}

	.views .block .cut {
		background: url(../img/misc/midgreen_cutoff.png) top right no-repeat;
	}
/* audiencegroups styles */

	.audiencegroups .block, .audiencegroups .block .actionLink, .audiencegroups .blockImg {
		border:1px solid #474747;
	}

	.audiencegroups .block .actionLink span {
 		background-color: #474747;
 		background-image: url(../img/misc/dkgray_circle_arrow.png);
	}

	.audiencegroups .block .cut {
		background: url(../img/misc/474747-diag-line.png) top right no-repeat;
	}

/* patient area styles */

	.patientarea .block, .patientarea .block .actionLink, .patientarea .blockImg {
		border:1px solid #E5C2F2;
	}

	.patientarea .block .actionLink span {
 		background-color: #E5C2F2;
 		background-image: url(../img/misc/dkpurple_circle_arrow.gif);
	}

	.patientarea .block .cut {
		background: url(../img/misc/ltpurple_cutoff.png) top right no-repeat;
	}





