/* form elements
********************************************************************/

#maincol form {
	display: inline;
}
#maincol fieldset {
	border: none;
	padding: 15px;
	margin-top: 12px;
}
.account #maincol fieldset {
	margin-top: 0;
}
/* sub fieldset (if form fields go across more than one line) */
#maincol  fieldset fieldset {
	padding: 0;
	margin: 0;
}
#maincol legend {
	display: none;
	/* hiding a legend in an accessible way doesn't work in some browsers,
	 * but hiding it altogether should be fine in this case */
}

/*____________ form fields ____________*/

#maincol form .formRow {
	margin-bottom: 15px;
	clear: both;
	overflow: hidden;
	position: relative;
}
#maincol form label,
#maincol form .label {
	padding-right: 17px;
	float: left;
	line-height: 1.5;
	text-align: right;
	width: 183px;
}
#maincol form label.radioCheck {
	float: none;
	width: auto;
}
#maincol form input.text,
#maincol form textarea {
	width: 200px;
}
#maincol form input {
}
#maincol form input.button {
	cursor: pointer;
}
.account #maincol form#frmMyDetails input.button,
.account #maincol form fieldset.dqstable input.submit,
.account #maincol form#frmPasswordChange input.button,
.account #maincol form#frmUpdateEmail input.button {
	margin-left: 200px;
}

.subscription div.formButton,
#frmBulletin div.formButton  {
	margin-bottom: 10px;
}

/* legend on top right of forms */
fieldset div.legend {
	color: #e3323a;
	float: right;
	padding-left: 5px;
}

/* optional hint below an input */
#maincol fieldset .hint {
	color: #999;
	font-size: .9em;
	margin-top: 2px;
	display: block;
	margin-left: 200px;
}

#maincol fieldset h2,
#maincol div#subscriptions h2{
	margin-left: 200px;
	border-bottom: 1px solid;
	margin-bottom: 1.0em;
	padding-right: 70px;
}
#maincol fieldset p.explain {
	margin-left: 200px;
	font-size: .9em;
}

/* styling for tooltip section of form */
#maincol fieldset #emailTip {
	margin-left: 200px;
}

#maincol fieldset a#emailToolTip {
	display:none;
}

#cluetip-outer {
  position: relative;
  margin: 0;
  background-color: #ffffff;
  border:1px solid #e1e0ea;
  padding: 10px;
}

body #cluetip-inner {
	font-size: 75%;
	text-align: left;
}
/* special case for password strength indicator working together with error messages */
#maincol form .psi input.text {
	float: left;
}
#maincol form .formRow span.passStrength {
	float: left;
}
#maincol form .psi em.error {
	float: left;
}
#maincol fieldset .hint {
	clear: both;
}

/*____________ misc ____________*/

/* required asterisk &  required asterisk DQS*/
#maincol form .formRow .req, 
#maincol form acronym.dqs_required {
	color: #e3323a;
	border:none;
}

/* inline error message */
#maincol form .formRow em.error,
#maincol form table.dqstable em.error,
#maincol form#frmBasic div#captchaRow em.error,
#maincol form span.flderror { /* - DQS inline error */
	margin-left: 10px;
	color: #dc2321;
	font-style: normal;
	font-size: .9em;
}
/* different style for login form (in errorLabelContainer) */
#maincol form.login div.error em.error,
#maincol form#frmBasic div#captchaRow em.error {
	display: block;
	font-style: normal;
	margin-bottom: 1em;
}

/* password strength indicator */
#maincol form .formRow span.passStrength span {
	margin-left: 10px;
	padding-left: 102px;
	background: transparent url(/_images/bkg/bkgPasswordStrength.gif) no-repeat 0 -1px;
	max-height: 17px;
	font-size: .9em;
}
#maincol form .formRow span.passStrength span.shortPass {
	background-position: 0 -18px;
}
#maincol form .formRow span.passStrength span.badPass {
	background-position: 0 -35px;
}
#maincol form .formRow span.passStrength span.goodPass {
	background-position: 0 -52px;
}
#maincol form .formRow span.passStrength span.strongPass {
	background-position: 0 -69px;
}

/* captcha/recaptcha */

#captchaRow{
	margin-left:198px;
}

#captchaRow #captcha iframe, 
#captchaRow #captcha #recaptcha_widget_div {
	width:465px;
	overflow:hidden;
}

#maincol form#frmBasic div#captchaRow em.error{
	margin:0 0 5px 5px;
}


/* Overide styles from captcha that affect us */
#captcha .recaptchatable #recaptcha_response_field{
	position:relative!important;
	bottom:0!important;
}


/* small print */
div.smallPrint {
	font-size: 90%;
}
#maincol form div.smallPrint label,
#maincol form div.smallPrint .label {
	font-size: 1em;
}


/*____________ folding sections ____________*/
/* used together with fold.js */

.fold h2.opened,
.fold h2.closed {
	cursor: pointer;
	position: relative;
}
.fold h2 em {
	background: transparent url(/_images/bkg/bkgSectionFold.gif) scroll no-repeat right 0;
	color: #333;
	font-size: 70%;
	font-style: normal;
	padding-right: 16px;
	position: absolute;
	top: 0;
	right: 0;
}
.fold h2.opened em {
	background-position: right -26px;
}
/* my bulletins
********************************************************************/

.subscribedBulletins {
	width: 183px;
	float: left;
}
.interestedBulletins {
	float: right;
	width: 462px;
}
#maincol fieldset .subscribedBulletins h2,
#maincol fieldset .subscribedBulletins h3 {
	margin: 10px 10px 1em;
	border-bottom: none;
	font-size: 1em;
	padding-right: 0;
}

#maincol fieldset .subscribedBulletins h2{
	margin-top:15px;
}

#maincol fieldset .interestedBulletins h2,
#maincol div#subscriptions h2 {
	margin-left: 0;
}

#maincol fieldset .subscribedBulletins p{
	margin:5px 10px;
}
.subscribedBulletins div.bulletin {
	padding: 0 10px;
	margin-bottom: 1em;
}
.subscribedBulletins div.bulletin p {
	margin-bottom: 0;
}
#maincol .subscribedBulletins label.radioCheck,
#maincol .interestedBulletins label.radioCheck {
	padding-right: 0;
}
#maincol .subscribedBulletins input.radioCheck,
#maincol .interestedBulletins input.radioCheck {
	margin-left: 0;
}
.subscribedBulletins input.button {
	margin: 0 10px 10px;
}
#maincol .subscribedBulletins p.hint {
	margin: 0 10px 1em;
	color: #666;
}

/* disabled bulletins */
div.disabled {
	color: #666;
	padding: 5px 5px 0;
	border: 5px solid;/*color is defined in instance-specific styles*/
}
div.magsub {
	color: #000;
	background-color: inherit;
	margin-top: 10px;
}
div.magsub p.locked {
	background: url(/_images/bkg/bkgLocked.gif) scroll no-repeat left top;
	padding-left: 17px;
	line-height: 16px;
}
div.magsub p.locked a {
	font-weight: normal;
	color: #900;
}


/* login form
********************************************************************/

#maincol .loginArea {
}
#maincol form.login {
	width: 475px;
	float: left;
	margin: 0 0 1em 0;
}
#maincol form.login fieldset {
	margin: 0 0 1em 0;
}
#maincol form.login label,
#maincol form.login .label {
	width: 93px;
	padding-right: 7px;
}
#maincol form.login input.button,
#maincol form.login input.radioCheck {
	margin-left: 100px;
}

#maincol form.login .loginHelp {
	clear: both;
	padding-top: 5px;
}

/* info box to the right of the login form */
.loginInfo {
	width: 175px;
	float: right;
	padding: 12px;
}


/* Clippings
********************************************************************/
#maincol form#frmMyClippings h2 {
	margin-left:0;
}

table#clippings th.headline{
	width:200px;
}
table#clippings th.date{
	width:120px;
}
p.empty {
	padding:20px 0;
}

/* Pagination
********************************************************************/
.pagination {
	margin:20px 0 10px 0;
	float:right;
}
.paginationNext,
.paginationPrev {
	display:inline;
}
.paginationPrev {
	padding-right:10px;
}
.paginationNext {
	padding-left:10px;
}
.paginationPageNo {
	display:inline;
}

/* DQS form (table version)
********************************************************************/

table.dqstable {
	border-width: 0;
	margin-bottom: 0;
}
table.dqstable th,
table.dqstable td {
	border-width: 0;
	background-color: transparent;
	color: #000;
	font-weight: normal;
	padding: 0 17px 15px 0;
}
table.dqstable thead {
	display: none;
}
table.dqstable tfoot th {
	padding: 2em 0 0;
}

/* DQS HTML releases
* ********************************************************************/

/* #dqs_error is only dispayed when there is no JS - otherwise the errors are inline only */

div#dqs_error {
	background:#AF3636 url("/_images/bkg/bkgErrorMsg.png") 15px 5px no-repeat;
	border-bottom:5px solid #FFFFFF;
	color:#FFFFFF;
	font-weight:bold;
	margin:0 -12px 12px;
	padding:10px 10px 10px 55px;
}

	div#dqs_error li{
		list-style:none;
	}
	
	.account div#dqs_error {
		margin:0;
	}

/* Radio questions */

#maincol form div.dqsq_radio fieldset{
	margin-left:199px;
}

	#maincol form div.dqsq_radio fieldset label{
		width:auto;
		float:none;
		padding-right:0;
		vertical-align:middle;
	}
	
	#maincol form div.dqsq_radio fieldset input{
		margin-right:12px;
	}
	

#maincol form fieldset.dqstable legend{
	display:none;
}

#maincol form fieldset.dqstable .dqsItem {
	clear:both;
}

/* DQS Checkboxes in one formrow - GP Only fix */
	
#maincol form fieldset.dqstable div.dqsq_areas_of_interest_practicestaff input,
#maincol form fieldset.dqstable div.dqsq_areas_of_interest_standard input{
	float:right; /*DQS's fields come after the label */
	margin-bottom:11px;
	margin-right:5px;
}

#maincol form fieldset.dqstable div.dqsq_areas_of_interest_practicestaff label,
#maincol form fieldset.dqstable div.dqsq_areas_of_interest_standard label{
	float:right;
	clear:both;
	line-height: 1.3;
	padding-top:2px;
	margin-bottom:5px;
	text-align:left;
	margin-right:435px;
}

#maincol form fieldset.dqstable div.dqsq_areas_of_interest_practicestaff .formButton input,
#maincol form fieldset.dqstable div.dqsq_areas_of_interest_standard .formButton input{
	float:none;
}