/*
	Filename         :	user-accoount.css
						Specific styles for account management and downloads tabbed pages
*/

#manageAccTop {
	background: url(../images/bg_ws_useracc.jpg) no-repeat left center;
	height: 72px;
	width: 524px;
	margin: 0px;
	padding: 0px;
	position: relative;
	text-decoration: none;
}
#manageAccTop h2 {
	color: #fff;
	font-size: 1.2em;
	margin: 0px 0px 0px 15px;
	padding: 10px 0px 0px;
}
#manageAccTop .tabButton {
	border-style: none;
	position: absolute;
	bottom: 0px;
	left: 15px;
	width: auto;
}
#manageAccTop .tabButton input {
	font-weight: bold;
	font-size: 0.6em;
	min-width: 1%; /* this fixes the problem of text on button/tab aligning to the left in Firefox */
	margin: 0px;
	padding: 2px 0px 0px 10px;
	text-align: left;
}
#manageAccTop .tabButton input:hover {
	cursor: pointer;
	text-decoration: underline;
	color: #004f9a;
}
#manageAccTop .tabButton .tabButtonOffDetails {
	background: url(../images/bg_tabbtn_details.gif) repeat left top;
	height: 25px;
	width: 98px;
	border-style: none;
	color: #004e9a;
	cursor: pointer;
}
#manageAccTop .tabButton .tabButtonOnDetails {
	background: url(../images/bg_tabbtn_details_on.gif) repeat left top;
	height: 25px;
	width: 98px;
	border-style: none;
	color: #004e9a;
	cursor: default;
}
#manageAccTop .tabButton .tabButtonOffAbout {
	background: url(../images/bg_tabbtn_about.gif) repeat left top;
	height: 25px;
	width: 123px;
	border-style: none;
	color: #004e9a;
}
#manageAccTop .tabButton .tabButtonOnAbout {
	background: url(../images/bg_tabbtn_about_on.gif) repeat left top;
	height: 25px;
	width: 123px;
	border-style: none;
	color: #004e9a;
}
#manageAccTop .tabButton .tabButtonOffPref {
	background: url(../images/bg_tabbtn_pref.gif) repeat left top;
	height: 25px;
	width: 129px;
	border-style: none;
	color: #004e9a;
}
#manageAccTop .tabButton .tabButtonOnPref {
	background: url(../images/bg_tabbtn_pref_on.gif) repeat left top;
	height: 25px;
	width: 129px;
	border-style: none;
	color: #004e9a;
}
#manageAccTop .tabButton .tabButtonOffDwnlds {
	background: url(../images/bg_tabbtn_dwnlds.gif) repeat left top;
	height: 25px;
	width: 93px;
	border-style: none;
	color: #004e9a;
}
#manageAccTop .tabButton .tabButtonOnDwnlds {
	background: url(../images/bg_tabbtn_dwnlds_on.gif) repeat left top;
	height: 25px;
	width: 93px;
	border-style: none;
	color: #004e9a;
}
#manageAcc h4
{
	margin-left: 15px;
	margin-bottom: 10px;
	padding-bottom: 7px;
	border-bottom: 1px solid #bcd5e1;
	margin-right: 20px;
	font-size: 1em;
	font-weight: normal;
}
#manageAcc {
	width: 522px;
	margin: 0px;
	padding: 7px 0px 5px;
	border-right: 1px solid #004e9a;
	border-left: 1px solid #004e9a;
}
#manageAcc a.word {
	display: inline;
	background: url(../images/icon_word.gif) no-repeat 15px 50%;
	padding-left: 40px;
	font-size: 0.8em;
	font-weight: bold;
	color: #004e9a;
	cursor: pointer;
}
#manageAcc a.pdf {
	display: inline;
	background: url(../images/icon_pdf.gif) no-repeat 15px 50%;
	padding-left: 40px;
	font-size: 0.8em;
	font-weight: bold;
	color: #004e9a;
	cursor: pointer;
}
#manageAcc a.zip {
	display: inline;
	background: url(../images/icon_zip.gif) no-repeat 15px 50%;
	padding-left: 40px;
	font-size: 0.8em;
	font-weight: bold;
	color: #004e9a;
	cursor: pointer;
}
#manageAcc a.jpeg {
	display: inline;
	background: url(../images/icon_jpeg.gif) no-repeat 15px 50%;
	padding-left: 40px;
	font-size: 0.8em;
	font-weight: bold;
	color: #004e9a;
	cursor: pointer;
}
#manageAcc a.excel {
	display: inline;
	background: url(../images/icon_excel.gif) no-repeat 15px 50%;
	padding-left: 40px;
	font-size: 0.8em;
	font-weight: bold;
	color: #004e9a;
	cursor: pointer;
}
#manageAcc a.mp3 {
	display: inline;
	background: url(../images/icon_mp3.gif) no-repeat 15px 50%;
	padding-left: 40px;
	font-size: 0.8em;
	font-weight: bold;
	color: #004e9a;
	cursor: pointer;
}
#manageAcc a.ppt {
	display: inline;
	background: url(../images/icon_ppt.gif) no-repeat 15px 50%;
	padding-left: 40px;
	font-size: 0.8em;
	font-weight: bold;
	color: #004e9a;
	cursor: pointer;
}
#manageAcc p {
	margin: 0px 0px 10px 15px;
	padding: 0px;
}
#manageAcc p.iconIndent {
	margin-left: 40px;
	margin-bottom: 10px;
}
#manageAcc span.iconType {
	font-size: 0.7em;
	color: #231f20;
}
#manageAcc .contactus {
	padding: 0 15px;
	width: 484px;
}
#manageAcc .contactus legend span {
	width: 484px;
}
#manageAcc .contactus input.go { 
	margin: 3px 23px 0px 0px; 
} 
#manageAccBtm {
	height: 12px;
	background: url(../images/bg_ws_useracc_btm.gif) no-repeat center bottom;
	width: 524px;
	margin: 0px 0px 20px;
	padding: 0px;
	line-height: 0px;
	font-size: 1px;
}
#manageAcc .contactus label.news, #content .contactus .cbContainer label {
	width: 280px;
}

/* downloads (added by KS 14 Aug 08) */

#manageAccTop ul.audienceTabs
{
	border-style: none;
	position: absolute;
	bottom: 0px;
	width: auto;
	margin-bottom: 0;
}
#manageAccTop ul.audienceTabs li
{
	float: left;
	list-style-type: none;
	padding-bottom: 0;
	text-align: center;
	margin-left: 5px;
}
#manageAccTop ul.audienceTabs li a
{
	color: #fff;
	font-weight: bold;
	display: block;
	height: 20px;
	padding-top: 5px;
}
#manageAccTop ul.audienceTabs li.nursery a
{
	background-image: url(../images/bg_tab_nursery.gif);
	width: 72px;
}
#manageAccTop ul.audienceTabs li.primary a
{
	background-image: url(../images/bg_tab_primary.gif);
	width: 72px;
}
#manageAccTop ul.audienceTabs li.secondary a
{
	background-image: url(../images/bg_tab_secondary.gif);
	width: 90px;
}
#manageAccTop ul.audienceTabs li.organisations a
{
	background-image: url(../images/bg_tab_organisations.gif);
	width: 101px;
}
#manageAccTop ul.audienceTabs li.nursery a:hover { background-image: url(../images/bg_tab_nursery_hover.gif); }
#manageAccTop ul.audienceTabs li.primary a:hover { background-image: url(../images/bg_tab_primary_hover.gif); }
#manageAccTop ul.audienceTabs li.secondary a:hover { background-image: url(../images/bg_tab_secondary_hover.gif); }
#manageAccTop ul.audienceTabs li.organisations a:hover { background-image: url(../images/bg_tab_organisations_hover.gif); }

#manageAccTop ul.audienceTabs li.nursery a.on
{
	background-image: url(../images/bg_tab_nursery_on.gif);
	color: #14a204;
}
#manageAccTop ul.audienceTabs li.primary a.on
{
	background-image: url(../images/bg_tab_primary_on.gif);
	color: #e32cbc;
}
#manageAccTop ul.audienceTabs li.secondary a.on
{
	background-image: url(../images/bg_tab_secondary_on.gif);
	color: #ff3404;
}
#manageAccTop ul.audienceTabs li.organisations a.on
{
	background-image: url(../images/bg_tab_organisations_on.gif);
	color: #8040ea;
}

#manageAcc .pictureright { margin-right: 20px!important; }

#manageAcc object {	margin-left:107px; }

/* forward email Gift Aid */

a.fwdEmail
{
	background-image: url(../images/btnGiftAidFwdEmail.gif);
	width: 233px;
	height: 40px;
	display: block;
	float: right;
	margin-right: 20px;
}

a.fwdEmail:hover { background-position: bottom; }

a.fwdEmail span
{
	position: absolute;
	left: -1000px;
}

/* prefs */

.prefsForm .contactus p {
	font-size: 0.75em!important;
	width: auto!important;
	padding-left: 5px!important;
}

.prefsForm .contactus input
{
	width: auto!important;
	clear: both;
	margin-right: 0.5em!important;
	margin-left: 0.5em!important;
}

.prefsForm .contactus label
{
	width: 440px!important;
	text-align: left!important;
	font-size: 0.7em!important;
	margin-bottom: 0.4em!important;
	font-weight: normal!important;
	color: #000!important;
}

.prefsForm .contactus label.selected
{
	font-weight: bold!important;
	color: #004e9a!important;
}

select.unsubscribeReasons { width: 380px!important; }

/* .prefsForm .contactus input.contact
{
	width: 32px!important;
	height: 32px!important;
} */