/** Buttons **/


.btn_nationalsurvey_en {
display: block;
height: 42px;
width: 192px;
background-image: url(/images/buttons/btn_nationalsurvey.jpg);
background-position: 0px 0px;
}

.btn_nationalsurvey_en:hover {
background-position: 0px -42px;
}


.btn_arthritisathome_en {
display: block;
height: 42px;
width: 192px;
background-image: url(/images/buttons/btn_arthritisathome.jpg);
background-position: 0px 0px;
}

.btn_arthritisathome_en:hover {
background-position: 0px -42px;
}


.btn_caredfor-side {
display: block;
height: 50px;
width: 192px;
background-image: url(/images/buttons/btn_caredfor-sidebar-en.gif);
background-position: 0px 0px;
}

.btn_caredfor-side:hover {
background-position: 0px -50px;
}


.btn_shareables {
display: block;
height: 42px;
width: 192px;
background-image: url(/images/buttons/btn_Shareables.gif);
background-position: 0px 0px;
}

.btn_shareables:hover {
background-position: 0px -42px;
}

.btn_jhworkplace {
display: block;
height: 35px;
width: 192px;
background-image: url(/images/buttons/btn_jhworkplace.png);
background-position: 0px 0px;
}

.btn_jhworkplace:hover {
background-position: 0px -35px;
}

.btn_jhmonthly {
display: block;
height: 42px;
width: 192px;
background-image: url(/images/buttons/btn_jhmonthly.gif);
background-position: 0px 0px;
}

.btn_jhmonthly:hover {
background-position: 0px -42px;
}

.btn_jhexpress {
display: block;
height: 42px;
width: 192px;
background-image: url(/images/buttons/btn_jhexpress.gif);
background-position: 0px 0px;
}

.btn_jhexpress:hover {
background-position: 0px -42px;
}

.btn_jhpodcasts {
display: block;
height: 42px;
width: 192px;
background-image: url(/images/buttons/btn_jhpodcasts.gif);
background-position: 0px 0px;
}

.btn_jhpodcasts:hover {
background-position: 0px -42px;
}

.btn_jhworkshops {
display: block;
height: 42px;
width: 192px;
background-image: url(/images/buttons/btn_jhworkshops.gif);
background-position: 0px 0px;
}

.btn_jhworkshops:hover {
background-position: 0px -42px;
}

.btn_jhsurveys {
display: block;
height: 42px;
width: 192px;
background-image: url(/images/buttons/btn_jhsurveys.gif);
background-position: 0px 0px;
}

.btn_jhsurveys:hover {
background-position: 0px -42px;
}

.btn_jhreportcard {
display: block;
height: 42px;
width: 192px;
background-image: url(/images/buttons/btn_jhreportcard.png);
background-position: 0px 0px;
}

.btn_jhreportcard:hover {
background-position: 0px -42px;
}

.btn_wia-threepix {
display: block;
height: 304px;
width: 360px;
background-image: url(/images/buttons/wia_threepix.jpg);
background-position: 0px 0px;
}

.btn_wia-threepix:hover {
background-position: 0px -304px;
}

.btn_caredfor {
display: block;
height: 304px;
width: 360px;
background-image: url(/images/buttons/caredfor-banner-en.jpg);
background-position: 0px 0px;
}

.btn_caredfor:hover {
background-position: 0px -304px;
}

.btn_thecure {
display: block;
height: 304px;
width: 360px;
background-image: url(/images/buttons/thecurebanner.jpg);
background-position: 0px 0px;
}

.btn_thecure:hover {
background-position: 0px -304px;
}

.btn_aicp2 {
display: block;
height: 229px;
width: 360px;
background-image: url(/images/buttons/button_aicp2_en_short.gif);
background-position: 0px 0px;
}

.btn_aicp2:hover {
background-position: 0px -229px;
}

.btn_aicp3 {
display: block;
height: 136px;
width: 192px;
background-image: url(/images/buttons/AIC_3_192-136.gif);
background-position: 0px 0px;
margin: 5px 0;
}

.btn_aicp3:hover {
background-position: 0px -136px;
}

/** Action Centre **/
#actioncentre {
	height: 72px;
}

#actitle {
	width: 192px;
	height: 16px;
	position: relative;
	background: url(/images/buttons/btn_actioncentre_title.gif);
	margin: 0;
	padding: 0;
	list-style: none;
}

#actitle ul {
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
}

#actitle li {
	float: left;
}

#ac1 {
	width: 192px;
	height: 24px;
	position: relative;
	background: url(/images/buttons/actioncentre-en.gif);
	margin: 0;
	padding: 0;
	list-style: none;
}

#ac1 ul {
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
}

#ac1 li {
	float: left;
}

#ac1 li a {
	position: absolute;
	top: 0;
	margin: 0;
	padding: 0;
	display: block;
	height: 24px;
	background: url(/images/buttons/actioncentre-en.gif) no-repeat;
	text-indent: -9999px;
	overflow: hidden;
	font-size: 1%;
}

#ac2 {
	width: 192px;
	height: 24px;
	position: relative;
	background: url(/images/buttons/actioncentre-en.gif);
	margin: 0;
	padding: 0;
	list-style: none;
}

#ac2 ul {
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
}

#ac2 li {
	float: left;
}

#ac2 li a {
	position: absolute;
	top: 0;
	margin: 0;
	padding: 0;
	display: block;
	height: 24px;
	background: url(/images/buttons/actioncentre-en.gif) no-repeat;
	text-indent: -9999px;
	overflow: hidden;
	font-size: 1%;
}

li#ac1_joinus a					{left: 0px; width: 95px; background-position: 0px 0;}
li#ac1_speakout a				{left: 95px; width: 97px; background-position: -95px 0;}
li#ac2_tellafriend a			{left: 0px; width: 95px; background-position: -192px 0;}
li#ac2_tellapolitician a		{left: 95px; width: 97px; background-position: -287px 0;}

li#ac1_joinus a:hover			{background-position: 0px -24px;}
li#ac1_speakout a:hover			{background-position: -95px -24px;}
li#ac2_tellafriend a:hover		{background-position: -192px -24px;}
li#ac2_tellapolitician a:hover	{background-position: -287px -24px;}
