/* #type2 form styles */
/*
p,
ul,
ol {
	background: transparent;
	font-size: 90%;
	text-align: left;
	line-height: 1.3em;
}


p {
	margin: 1em 1.5em;
}

ul,
ol {
	margin: 1em 3em;
	padding: 0;
}

ul ul,
ul ol,
ol ol,
ol ul {
	font-size: 100%;
	margin-top: 0;
	margin-bottom: 0;
}

ul li,
ol li,
ul ul li:first-child,
ol ol li:first-child,
ul ol li:first-child,
ol ul li:first-child {
	padding-top: 0.2em;
}

ul li:first-child,
ol li:first-child {
	padding-top: 0;
}*/

/**/

input[type="text"],
input[type="password"],
input[type="submit"],
input[type="reset"],
select,
textarea,
span.input {

	line-height: 1.2em;
	padding: 0.3em;
	color: #000000;
	background: #FAFAFA;
	border: 1px solid #000000;

	margin: 0;
}

input[type="text"],
input[type="password"],
span.input {
	cursor: text;
	width: 90%;
	max-width: 90%;
}

select {
	width: 90%;
}

.group select {
	width: auto;
}

span.input {
	cursor: default;
}

select {
	max-width: 90%;
	min-width: 4em;
}

textarea {
	cursor: text;
	height: 7em;
	width: 90%;
	max-width: 90%;
	font-family: inherit;
	font-size: 1em;
}

input[type="radio"] {
	border: none !important;
}

input[maxlength="4"] {
	width: 4em !important;
}

input[maxlength="2"] {
	width: 2em !important;
}

input[maxlength="10"] {
	width: 10em !important;
}

input[maxlength="20"] {
	width: 20em !important;
}

input[maxlength="8"] {
	width: 8em !important;
}

/**/


fieldset {
	margin: 0;
	padding: 0;
	border: none;

}
#type2 {
	font-family: sans-serif;
	background: #fff;
	font-size: 100%;
	border:/* 2px solid #000000*/none;
	width: /*85%*/490px;
	text-align: left;
	display: block !important;
	margin: 1em auto 1em auto;
	padding: 1% 0 0 0;
}

#type2 > fieldset {
	background: #fff;
	margin-top: 3px;
	border: 2px solid #000000;
	overflow: hidden;
}
#type2 > fieldset > legend {
	margin:0.5em;
	font-weight:bold;
}

/*#type2 > fieldset > legend {*/
	/*padding: 2% 2% 0 2%;*/
	/*margin: 0 0 -2em /*2%*//*0;*/
	/*background: transparent;
	width: 92%;
	display: block !important;*/
/*	float: left !important;
}*/

#type2 > fieldset p,
#type2 > fieldset h3,
#type2 > fieldset p + ul {
	padding: 1.5em 1.5em 0 1.5em;
	margin: 0;
}

#type2 > fieldset p + ul {
	padding-left: 4em;
}

#type2.signup fieldset legend + div {
	height: 25em;
	/*padding-top:0;*/
	margin-bottom: 1em;
	overflow: auto;
}

#type2 > fieldset > div {
	padding-top: 0em;
	color: #000;
	clear: left;
	/*border: 2px solid #FAFAFA;*/
	background: #fff;
	width: 96%;
	margin: 0 auto;
	padding-bottom: 1.5em;
}
/*
#type2 .group > div {
	padding: inherit;
	color: inherit;
	clear: inherit;
	outline: inherit;
	background: inherit;
	width: inherit;
	margin: inherit;
}*/
/*
#type2 fieldset fieldset legend {
	margin: 0 !important;
	padding: 2% !important;
	border: none;
	float: left;
	color: #000;
	font-size: 90%;
}*/

#type2 fieldset.fields,
#type2 fieldset.actions,
#type2 fieldset.group,
#type2 fieldset.dataset {
	clear: left; /*mod start*/
	float: left;
	width: 92%; /*mod end april 20 2005 due to right placement when above element !== this class */
	padding: 2%;
	margin: 2%;
	color: #000;
}

#type2 fieldset.fields + *,
#type2 fieldset.group + *,
#type2 label + *,
#type2 .invalid-details + * { /*added 2nd and 4th selector 05-may-30 to resolve issues with margin when item was a) had invalid-notice, b)followed by similar item, c) was last item in fieldset [as dem on signup, enq, and dd:list*/
	margin-top: 0 !important;
}

#type2 fieldset.actions {
	text-align: center;
	font-size: 80%;
}

#type2 fieldset.actions legend {
	display: none;
}

#type2 fieldset.fields label {
	display: block;
	padding: 0;
	margin: 0;
	padding-left: 5%;
	margin-top: 0.5em !important;
	float: none;
	color: inherit;
}

#type2 fieldset.fields label input {
	position: static;
	display: inline;
	margin: 0;
}

#type2 fieldset.fields legend/*,
#type2 fieldset.group legend */{
	padding: 0 0 1em 0 !important;
	font-size: 80%;
	font-weight: inherit;
	color: inherit;
	display: block;
	background: inherit;
}

#type2 fieldset.group {
	font-size: 80%;
}

#type2 label {
	clear: left;
	margin: 0.5em 2% 0.5em 2%;
	padding: 0.5em 2% 0.5em 2%;
	font-size: 80%;
	color: #000;
	display: block;
	float: left;
	width: 92%;
}

#type2 label textarea {
	display: block;
	margin: 1em auto 0 auto;
}

#type2 label select,
#type2 label input,
#type2 label span.input {
	clear: left;
	position: relative;
	display: block;
	max-width: 58%;
	margin: -1.5em 0 0 11em;
}

#type2 label input[type="checkbox"] {
	/*margin: 0;*/
}

#type2 fieldset.fields.cols legend/*,
#type2 fieldset.group legend*/ {
	float: left;
	padding : 2% 0 !important;
}

#type2 fieldset.fields.cols legend + label,
#type2 fieldset.fields.cols legend + * + label {
	padding: 2% 0 !important;
}

#type2 fieldset.fields.cols label {
	padding: 0 0 2% 0 !important;
}

#type2 fieldset.fields.cols input,
#type2 fieldset.group input {
	clear: none;
}

#type2 fieldset.fields.cols label {
	clear: none;
	display: block;
	margin-left: 11em;
	max-width: 58%;
}

/*#type2 fieldset.group legend {
	font-size: inherit;
	float: left;
	width: 11em;
}*/


#type2 fieldset.group label {
	display: none;
}

#type2.extended-groups fieldset.group label {
	display: block;
	float: left;
	width: 25%;
	position: static !important;
	clear: left;
}

#type2.extended-groups fieldset.group legend + label{
margin-top: 3em !important;
}
#type2.extended-groups fieldset.group legend + label + select{
margin-top: -2.5em !important;
margin-left:11.5em;
}
#type2.extended-groups fieldset.group select {
	display: block;
	float:left;
	width: 50%;
}

#type2 .invalid,
#type2 .alert {
	color: #f00 !important;
	background: #ffc0c0 !important;
}

#type2 > div.invalid,
#type2 > div.alert {
	border-left: 2px solid #ffc0c0;
	border-right: 2px solid #ffc0c0;
	margin: 2%;
	padding: 2%;
	font-size: 80%;
}


#type2 hr {
	color: #ffce9c;
	background: #ffce9c;
	border: 1px solid #ffce9c;
}

/* end */


#type2 span.input {
	min-height: 1.2em;
}

#type2 input,
#type2 select,
#type2 textarea,
#type2 span.input {
	line-height: 1.2em;
	padding: 0.3em;
	color: #000000;
	background: #FAFAFA;
	border: 1px solid #000000;
}

#type2 .invalid input,
#type2 .invalid select,
#type2 .invalid textarea {
	color: #ff0000;
	background: #fff;
	border: 2px solid #ff0000;
}

/*#type2 fieldset.fields input {*/		/* 16 Apr 2005 - changed due to fact radio and checkboxes not within fieldset.fields, such as the one on the members page, had outline. */
#type2 input[type="radio"],
#type2 input[type="checkbox"]  {
	border: none;
	outline: none;
	padding: 0;
}

#type2 fieldset.fields:last-child/*,
#type2 label:last-child */{
	/*margin-bottom: 10em; have nfi wtf this was for except to be odd - 20 Apr  2005 */
}
/*
#type2 fieldset.fields + * {
}*/

#type2 .invalid-details {
	background: #ffc0c0 url('/media/images/global/form-alert.png') no-repeat 0.8em 0.8em !important;
	margin: -2% 2% 2% 2% !important;
	padding: 2% 2% 2% 7% !important;
	font-size: 80%;
	min-height: 23px;
	width: 87%;
	color: #f00;
	outline: none;
	font-weight: bold;
	float: left;
	border: none;
}

#type2 .invalid-details * {
	font-size: 100%;
}

#type2 .invalid-details label {
	display: inline;
	float: none;
	clear: none;
	position: static;
	padding: 0;
	margin: 0;
	font: inherit;
	color: inherit;
	font-style: italic;
}

#type2 .invalid-details,
#type2 .invalid-details > li { /*19-jul-05 added */
	list-style: none;
}

#type2 .invalid-details ul {
	margin-left: 1.5em;
	padding-left: 0;
	padding-top: 1em;
}

#type2 .invalid-details p {
	padding-top:0;
	padding-left:0;
}

#type2 .group .invalid-details {
	background-position: 0.8em 0 !important;
	font-size: inherit;
	margin: 2% 0 0 -2% !important;
	padding: 0 0 0 7% !important;
	width: 93%;
}

#type2 label > div * {
	font-size: inherit;
}

#type2 .actions input + input,
#type2 .group label + * + label + * {
	margin-left: 0.5em;
}

#type2 fieldset,
#type2 div {
/*	clear: both;*/
clear: left;
}

#type2 fieldset > span {
	display: block;
	color: #000;
	font-size: 80%;
	text-align: center;
}
 /* apr 23 2005 make all inputs have interactivity via colour change*/
select:focus,
input:focus,
textarea:focus,
.actions input:hover,
input[type="submit"]:hover {
	background-color: #E5E5E5 !important;
}

#type2 label a,
#type2 label a:link,
#type2 label a:visited,
#type2 .fields a,
#type2 .fields a:link,
#type2 .fields a:visited {
	border-bottom: 1px dotted #000000;
}

#type2 label a:hover,
#type2 label a:active,
#type2 .fields a:hover,
#type2 .fields a:active {
	border-bottom: 1px solid #000000;
}

#type2 .invalid a,
#type2 .invalid a:link,
#type2 .invalid a:visited,
#type2 .alert a,
#type2 .alert a:link,
#type2 .alert a:visited {
	border-bottom: 1px dotted #ff0000;
}

#type2 .invalid a:hover,
#type2 .invalid a:active,
#type2 .alert a:hover,
#type2 .alert a:active {
	border-bottom: 1px solid #ff0000;
}

#type2 .assist {
	float: right;
	clear: none;
	padding-top: 2%;
	font-size: 80%;
}

#type2 label .assist {
	font-size: 100%;
	padding: 0;
	margin-top: -1.2em;
}
/*
#type2 > fieldset > legend > span {
	display: block;
	float: left;
	width: 92%;
	padding: 0.8em 0.8em 0 0.8em;
	margin: 0 0 0 0.8em;
}*/

#type2 > fieldset > .sub > legend {
	/*padding: 0.8em;
	margin: 0.8em;*/
	/*margin: 0;
	padding: 0 !important;*/
	/*margin-bottom: 0.5em !important;*/
}

#type2 > fieldset > .sub > legend > span {
	display: block;
	/*float: none;*/
	/*width: 92%;*/
	/*display: inline;*/
	/*float: left;*/
	padding: 0.8em;
	margin: 0;
	color: #000;
	font-size: 90%;
}

#type2 > fieldset > .sub > legend + * {
	clear: left;
}

#type2 .group > legend {
	font-size: inherit;
	font-weight: inherit;
	color: inherit;
}

#type2 .group > legend > span {
	float: left;
	display: block;
	width: 10em;
	margin-top: 1em;
	/*padding: 2em !important;*/
}

#type2 .group > legend + label + * {
	clear: left;
	margin-left: 11em;
}

#type2 .fields.rows {
	padding-right: 0;
}

#type2 .fields.rows > legend {
	background: transparent;
	margin: 0 !important;
	padding: 0 !important;

}

#type2 .fields.rows > legend > span  {
	margin-left: -0.8em;
	/*padding-left: 0.5em;*/
	padding: 0.8em 0.8em 0.8em 0.5em;
	display: block;
/*	background: transparent;*/
	/*width: 35em;*/	width: 33.25em;/*2005-10-14 too wide*/
}

#type2 .fields.rows.invalid > legend > span  {
	background-color: #ffc0c0;
	border: 2px solid #ffc0c0;
	/*-moz-outline: 2px solid #ffc0c0;*/
}

#type2 .fields.rows > label {
	/*clear: both;*/
}

#type2 .ydt {/* mod 12 may 2005 - purchase confirm w/ order summary had button appearing too far left , actually due to table exceeding width by 2em due to margins, and width being 100% already - overflowed in opera
	margin-left: 1em;
	margin-right: 1em;*/
width: 90%;
margin:0 5%;
}

#type2 .ydt caption {
	margin: 0.5em;
}

input[value="< Previous"] {
	float: left;
}

input[value="Next >"] {
	float: right;
}

input[value="Place Order >"] {
	float: right;
}

input[disabled] {
	cursor: default;
}

.group > :first-child +  label + select + label + select + label + select + label  {
	display: block !important;
	margin: 0 !important;
	margin-top: 0.5em !important;
	height:0 !important;
	overflow:hidden !important;
	padding:0 !important;
	position:static !important;
	float: left !important;
	clear:none !important;
}
.group >  label + select + label + select + label+ select + label + select {
	float: left !important;
}
.group > :first-child +  label + select + label + select + label+ select + label + select  {
	margin-left: 11em !important;
}


form.file {
width: 90% !important;

}

form.file textarea {
height:25em !important;
}
#type2 label img {
margin: 1em auto;
display: block;
max-width:300px;
max-height:300px;
overflow:scroll;
	border: 1px gray dotted;
}

#type2 label img:hover {
max-width:none;
max-height:none;
}




.group input {
	max-width: 8em;
}

#type2 .invalid_access,
#type2 abbr.invalid_access {
	display: none;
	/*visibility: hidden;*/
}





#type2 .rci object {
	display: block !important;
	margin: 1em;
	float: right;
}

#type2 .rci input {
	font-size: 80%;
	float: left;
	width: 4em !important;
	clear: left !important;
	margin: 1em !important;
	margin-top:2em !important;
	position: static !important;
}
/*
#type2 .rci .assist:after {
	content: attr(title);
}

#type2 .rci .assist {
	float: none;
	display: block;
	border: none;
}*/

#type2 .rci p {
	font-size: 80%;
	padding-top: 0;
	font-style: italic;
	font-weight: normal;
}

#type2 .rci label {
	font-size: 100%;
	margin: 0 !important;
	padding: 0 !important;
}

textarea {
	font-size: inherit;
}

#type2 .clearer {
	clear:left;
}

#type2 hr {
	display: none;
}
/*
#type2 .dataset {
	float: left;
	clear: both;
	width: 92%;
}*/

#type2 .dataset {
	margin-bottom:0 !important;
	padding-bottom:0 !important;
	font-size: 0.8em;
}

#type2 .dataset .actions {
	margin: 0;
	padding-top: 0.5em;
	text-align: right;
}

#type2 .dataset caption {
	display: none;
}

#rpp,
#rpp_0 {
	min-width: 3em !important;
}