/* form styles for form in main body of page */

.isgInputSelect {
    background: url("../images/bgFormInputSelect.gif") no-repeat scroll left top transparent;
    float: left;
    height: 24px;
	width: 370px;
    position: relative;
	border: 0px solid red;
	vertical-align:middle;
}

.isgSelecfFormHideButton {
	width: 350px;
	overflow: hidden;
}


.isgInputSelect option, .isgInputEventSelect option, .isgInputEventDaySelect option, .isgInputEventMonthSelect option, .isgInputEventYearSelect option, .isgRegionSelect option {
	background-color: white;
	padding: 4px;
}

.isgInputText {
	background: url("../images/bgFormInputText.gif") no-repeat scroll left top transparent;
    float: left;
    height: 24px;
	width: 350px;
    position: relative;
	border: 0px solid red;
	vertical-align:middle;
	padding-left: 6px;
}



.isgTextArea {
    background: url("../images/bgFormInputTextarea.gif") no-repeat scroll left top transparent;
    float: left;
    height: 120px;
	width: 648px;
    position: relative;
	border: 0px solid red;
	vertical-align:middle;
	padding: 6px;
}

/* form styles for meganav event form */

.isgMeganavEventInputText {
	background: url("../images/bgEventFormInputText.gif") no-repeat scroll left top transparent;
    float: left;
    height: 24px;
	width: 255px;
    position: relative;
	border: 0px solid red;
	vertical-align:middle;
	padding-left: 6px;
}

.isgInputEventSelect {
    background: url("../images/bgEventFormSelectWide.gif") no-repeat scroll left top transparent;
    float: left;
    height: 24px;
	width: 275px;
    position: relative;
	border: 0px solid red;
	vertical-align:middle;
}

.isgSelecfFormEventHideButton {
	width: 255px;
	overflow: hidden;
}

.isgInputEventDaySelect {
    background: url("../images/bgEventFormSelectDay.gif") no-repeat scroll left top transparent;
    float: left;
    height: 24px;
	width: 69px;
    position: relative;
	border: 0px solid red;
	vertical-align:middle;
}

.isgSelecfFormEventDayHideButton {
	width: 49px;
	overflow: hidden;
}

.isgInputEventMonthSelect {
    background: url("../images/bgEventFormSelectMonth.gif") no-repeat scroll left top transparent;
    float: left;
    height: 24px;
	width: 129px;
    position: relative;
	border: 0px solid red;
	vertical-align:middle;
}

.isgSelecfFormEventMonthHideButton {
	width: 109px;
	overflow: hidden;
}

.isgInputEventYearSelect {
    background: url("../images/bgEventFormSelectYear.gif") no-repeat scroll left top transparent;
    float: left;
    height: 24px;
	width: 109px;
    position: relative;
	border: 0px solid red;
	vertical-align:middle;
}

.isgSelecfFormEventYearHideButton {
	width: 89px;
	overflow: hidden;
}

/* button styles for legacy forms */

.nextformbutton {
	background-image: url(../images/formbuttons/nextformbutton.gif );
	background-repeat: no-repeat;
	text-align: center;
	width: 86px;
	height:26px;
	font-size:12px;
	font-family: Arial;
	font-style:normal;
	padding-bottom: 4px;
	color: #FFFFFF;
	border: 0;
	padding-bottom: 2px;
}



.nextformbuttonmedium {
	background-image: url(../images/formbuttons/nextformbutton-med.gif );
	background-repeat: no-repeat;
	text-align: center;
	width: 130px;
	height:26px;
	font-size:12px;
	font-family: Arial;
	font-style:normal;
	padding-bottom:4px;
	color: #FFFFFF;
	border: 0;
}

.nextformbuttonlarge {
	background-image: url(../images/formbuttons/nextformbutton-large.gif );
	background-repeat: no-repeat;
	text-align: center;
	width: 170px;
	height:26px;
	font-size:12px;
	font-family: Arial;
	font-style:normal;
	padding-bottom:4px;
	color: #FFFFFF;
	border: 0;
}

.nextformbuttonextralarge {
	background-image: url(../images/formbuttons/nextformbutton-xlarge.gif );
	background-repeat: no-repeat;
	text-align: center;
	width: 250px;
	height:26px;
	font-size:12px;
	font-family: Arial;
	font-style:normal;
	padding-bottom: 4px;
	color: #FFFFFF;
	border: 0;
}

.nextformbuttonsmall, .previousformbuttonsmall {
	background-image: url(../images/formbuttons/nextformbutton-small.gif );
	text-align: center;
	width: 46px;
	height:26px;
	font-size:12px;
	font-family: Arial;
	font-style:normal;
	color: #FFFFFF;
	border: 0;
}

.previousformbuttonextralarge {
	background-image: url(../images/formbuttons/previousformbutton-xlarge.gif );
	text-align: center;
	width: 250px;
	height:26px;
	font-size:12px;
	font-family: Arial;
	font-style:normal;
	padding-bottom: 4px;
	color: #FFFFFF;
	border: 0;
}




.previousformbutton {
	background-image: url(../images/formbuttons/previousformbutton.gif );
	text-align: center;
	width: 86px;
	height:26px;
	font-size:12px;
	font-family: Arial;
	font-style:normal;
	padding-bottom: 4px;
	color: #FFFFFF;
	border: 0;
}

.previousformbuttonmedium {
	background-image: url(../images/formbuttons/previousformbutton-med.gif );
	text-align: center;
	width: 130px;
	height:26px;
	font-size:12px;
	font-family: Arial;
	font-style:normal;
	padding-bottom: 4px;
	color: #FFFFFF;
	border: 0;
}

.previousformbuttonlarge {
	background-image: url(../images/formbuttons/previousformbutton-large.gif );
	text-align: center;
	width: 170px;
	height:26px;
	font-size:12px;
	font-family: Arial;
	font-style:normal;
	padding-bottom: 4px;
	color: #FFFFFF;
	border: 0;
}

/* green buttons */

.greenformbuttonextralarge {
	background-image: url(../images/formbuttons/greenformbutton-xlarge.gif );
	text-align: center;
	width: 250px;
	height:26px;
	font-size:12px;
	font-family: Arial;
	font-style:normal;
	color: #000;
	border: 0;
}




.greenformbutton {
	background-image: url(../images/formbuttons/greenformbutton.gif );
	text-align: center;
	width: 86px;
	height:26px;
	font-size:12px;
	font-family: Arial;
	font-style:normal;
	color: #000;
	border: 0;
}

.greenformbuttonmedium {
	background-image: url(../images/formbuttons/greenformbutton-med.gif );
	text-align: center;
	width: 130px;
	height:26px;
	font-size:12px;
	font-family: Arial;
	font-style:normal;
	color: #000;
	border: 0;
}

.greenformbuttonlarge {
	background-image: url(../images/formbuttons/greenformbutton-large.gif );
	text-align: center;
	width: 170px;
	height:26px;
	font-size:12px;
	font-family: Arial;
	font-style:normal;
	color: #000;
	border: 0;
}

.greenformbuttonsmall {
	background-image: url(../images/formbuttons/greenformbutton-small.gif );
	text-align: center;
	width: 46px;
	height:26px;
	font-size:12px;
	font-family: Arial;
	font-style:normal;
	color: #000000;
	border: 0;
}

/* added 21-09-2011 for button style links */

a.nextformbutton, a.nextformbuttonmedium, a.nextformbuttonlarge, a.nextformbuttonextralarge, a.greenformbutton, .col3 a.nextformbutton, .col3 a.greenformbutton{
	display: block !important;
	float: left;
	padding-top: 5px !important;
	height: 19px !important;
	margin-left: 5px !important;
	font-size:12px !important;
	font-style:normal !important;
	color: #FFFFFF !important;
	font-weight: normal !important;
	padding-bottom: 2px !important;
}

.form_textfields , .form_listmenu {
    margin-bottom: 5px;
    margin-top: 5px;
}

.form_textfields , .form_listmenu, #iet\.sex input, #iet\.name select {
    margin-bottom: 5px;
    margin-top: 5px;
}
.form_textfields {
    padding-left: 3px;
}


.isgInputTextSearch {
    background: url("../images/bgFormInputTextSearch.gif") no-repeat scroll left top transparent;
    border: 0 solid red;
    float: left;
    height: 22px;
    padding-left: 6px;
	padding-right:2px;
    position: relative;
    vertical-align: middle;
	color:#BAB9B9;
    width: 140px;
}

/* start of legacy myiet styles required for renewals */
.mainIETForm {
margin-top:1em;
margin-bottom:1em;
}
 div.myietFormHeaderRow {
	overflow:auto;
}

 div.myietFormHeader {
	padding:0px 0px 0px 4px;
	margin-left:0;
	margin-right:0;
	font-weight:bold;
	vertical-align:text-bottom;
}

 .alignLeft {
float:left;
}

 .alignRight {
	float:right;
}

 div.cellTiny {
	width:5%;
}

 div.cellNarrow {
	width:10%;
}

 div.cellThin {
	width:15%;
}

div.cellSmallest {
	width:20%;}

div.cellSmaller {
	width:25%;

}



div.cellSmall {
	width:33%;
}

div.cellMediumSmall {
	width:40%;
}


div.cellMedium {
	width:50%;
}

div.cellMediumBigger {
	width:60%;
}

div.cellMediumLarge {
	width:63%;
}

div.cellLarge {
	width:66%;
}

div.cellLarger {
	width:75%;

}

div.cellLargest {
	width:80%;

}

 div.cellVeryLarge {
	width:85%;
}

 div.cellEnormous {
	width:90%;
}

 div.cellMax {
	width:100%;
}

 div.myietFormRow {
/*	border:1px solid green;*/
	overflow:auto;
	padding-top:0.5em;
	padding-bottom:0.5em;

}

 div.myietFormLabel {
/*	border:1px solid blue;*/
	padding:0px 0px 0px 4px;
	margin-left:0;
	margin-right:0;
	font-weight:bold;

}

 div.myietFormValue {
/*	border:1px solid blue; */
	padding:0px 0px 0px 4px;
	margin-left:0;
	margin-right:0;
}

 div.myietFormAction {
/*	border:1px solid blue;*/
	padding:0px 0px 0px 4px;
	margin-left:0;
	margin-right:1em;
}

 .blackBottom {
	border-bottom:1px solid black;
}

 .blackTop {
	border-top:1px solid black;
	padding-top: 2px;
}

 .greyBottom {
	padding-bottom:1em;
	border-bottom:1px solid grey;
}

#greentick img {
float:left;
}

.textRight {
text-align:right;
}

.textLeft {
text-align:left;
}

 .backgroundBlue {
	background-color: #e0eaee;
}

 .backgroundWhite {
	background-color:white;
}

.blockContainer {
}


.hidden {
display:none;
}

.show {
display:inline;
}

/* fixing the recatpcha - important - it has been messed up by the default styles */
 #recaptcha_area span,  #recaptcha_area a { padding: 0px 0px 0px 0px !important; float: none; font-weight: normal; font-size: inherit;}

/* region selector */
.isgRegionSelectorFormHideButton {
	width: 179px;
	overflow: hidden;
}

.isgRegionSelect {
    background: url("../images/white_box_down_arrow.gif") no-repeat scroll left top transparent;
    float: left;
    height: 26px;
	width: 195px;
    position: relative;
	border: 0px solid red;
	vertical-align:middle;
	padding-top: 5px;
}

/* remove the border around fieldsets */
.ranged {border: 0px solid white;}

#copy table, #copy table td {
    border-style: none none solid;
    border-width: 0 0 1px;
    text-align: left;
    vertical-align: top;
	border-bottom-color: #C7C7C7;
}

/* CITP grey button styles */

.greyformbutton {
	background-image: url(../images/formbuttons/greyformbutton.gif );
	background-repeat: no-repeat;
	text-align: center;
	width: 86px;
	height:26px;
	font-size:12px;
	font-family: Arial;
	font-style:normal;
	padding-bottom: 4px;
	color: #FFFFFF;
	border: 0;
	padding-bottom: 2px;
}



.greyformbuttonmedium {
	background-image: url(../images/formbuttons/greyformbutton-med.gif );
	text-align: center;
	width: 130px;
	height:26px;
	font-size:12px;
	font-family: Arial;
	font-style:normal;
	padding-bottom:4px;
	color: #FFFFFF;
	border: 0;
}

.greyformbuttonextralarge {
	background-image: url(../images/formbuttons/greyformbutton-xlarge.gif );
	text-align: center;
	width: 250px;
	height:26px;
	font-size:12px;
	font-family: Arial;
	font-style:normal;
	padding-bottom:4px;
	color: #000000;
	border: 0;
}
/* CITP remove borders from login box */

#citpButtonRightLoginBox .G_320_bx , 
#citpButtonRightLoginBox .G_320_bx_tp, 
#citpButtonRightLoginBox .G_320_bx_ct, 
#citpButtonRightLoginBox .G_320_bx_bt, 
#citpButtonRightLoginBox .G_320_bx_tp_C,
#citpButtonRightLoginBox .G_320_bx_bt_C,
#citpButtonRightLoginBox .G_320_bx_ct_in{
	width: auto !Important;
	/*float: left;*/
}

#citpButtonRightLoginBox .G_320_bx {
	float: none !important;
}

#citpButtonRightLoginBox .G_320_bx_tp_C {
	background: none !important;
}

#citpButtonRightLoginBox .G_320_bx_ct {
	border-left: 0px solid red !important;
	border-right: 0px solid red !important;
}

#citpButtonRightLoginBox .G_940_bx_tp_L , #citpButtonRightLoginBox .G_940_bx_tp_R, #citpButtonRightLoginBox .G_940_bx_bt_L , #citpButtonRightLoginBox .G_940_bx_bt_R{
	visibility: hidden !important;
}

#citpButtonRightLoginBox .fright {
	margin-right: 20px;
}

/* library form updates */

.formTabRow {
	display:block;
	padding:10px;
	border-bottom:3px solid #fff;
	background:#eee;
}

.formTabRow input:not([type="radio"]) {
	font-size:1.2em;
	padding:4px;
	border-radius:2px;
	border:2px solid #ccc;
	width:90%;
}

.formTabRow input[type="radio"]  {
	font-size:1.2em;
	margin:2px 0 0 0;
	width:auto;
	display:block;
	float:right;
}

.formTabRow select {
	font-size:1.2em;
	padding:4px;
	border-radius:2px;
	border:2px solid #ccc;	
}

.formTabRow textarea {
	font-size:1.2em;
	padding:4px;
	border-radius:2px;
	border:2px solid #ccc;	
	min-width:300px;
	max-width:360px;	
}

.formTabCellL, .formTabCellR {
	display:table-cell;
	vertical-align: middle;
}

.alignTop
{
    vertical-align: top;
    padding:5px 0 0 0;
}

.formTabCellL {
	width:150px; 
}

.formTabCellR {
	width:400px;
}

.formBorderPad {
	border-bottom:1px solid #c6d6d7; 
	padding: 0 0 5px 0;
	margin-bottom:10px;
}	

.formIntroPad {
	border:1px solid #ccc; 
	text-align:left; 
	padding:20px 10px 10px 10px; 
	margin-bottom:20px;
	background:#eee;
}

.formChoiceHeading {
	padding:10px; 
	margin:10px 0 0 0;
	background:#ccffcc;
	font-weight:bold;
	
}							

/* library form updates */

/* ############ NEW FORM CSS ##################*/


#person_details_right{
	width:220px;float:right;
	background-color:#D2D2D2;
	padding:10px;
/*	display: none;*/
}

#person_details_right input{
	height:20px;
	width:210px;
}

#person_details_right div{
	padding:5px;
}
#adress_input{
	height:20px;
	width:220px;
}

#person_details_left{
	width:400px;
	float:left;
	padding:10px;
}

#person_details_left .label{
	float:left;  	
	width: 30%; 
	height:20px; 
	margin-left: 5px; 
	text-align: left; 
	padding-top:5px
}

#person_details_left input{
	height:20px;
	width:250px;
}

#person_details_left .user_input{
	float:right;    
	width:65%; 
	height:20px; 
	margin-left: 5px; 
	text-align: left;   
	height:25px;
}

#person_details_left .address_row{
	padding: 5px 0 5px 0;
}

#person_details_left .details_row{
	padding: 5px 0 5px 0;
}

.enquiry_details{
	height:240px;
	width:690px;
}

.end_section{
	margin-top: 15px;
}

#reduced_fee{
	text-align:left; 
	float:left; 
	margin-left:10%;
	display: none;
}
#enquiry_details{
	display: none;
}
.show_info{
	display: block;
}
.hide_info{
	display: none;
}
a.deco-none{
	text-decoration-line:none;
	float: right;
	margin-top: 15px;
	border: 1px solid #D2D2D2;
	background-color: #F2F2F2;
	padding: 5px;
	font-size: 14px;
	color: black;
}
.read-only{
	background-color: #F7F8E0;
}

.user-msg p{
	font-size: 14px;
}