/* pages themselves */
#pages, #pages_postquote{ margin-left:152px; margin-right: 10px; }

.page{border:0 solid lightgrey;min-height:360px;display:none;background:#fff;padding:25px;margin:20px;height:auto;overflow:visible;}
.trigger_page{border:0 dashed lightgrey;background:#fafafa;}
.selected_page{z-index:1;display:block;border:1px solid lightgrey;margin:0 0 0 0;}
.page_title_input{font-size:13px;font-weight:bold;width:80%;position:absolute;top:12px;left:4px;}
.page_title_text{font-size:13px;font-weight:bold;width:80%;position:absolute;top:12px;left:4px;}

/* special types of pages */
#PolicyContentContainer #page_PageUnderwriting,
#PolicyContentContainer #page_PageCalculation{padding:0;}
#PolicyContentContainer #questions_page_PageUnderwriting fieldset{margin:2px 0 22px 0;}

/* the page stubs/titles on the left hand side */
#page_stubs, #page_stubs_postquote{float:left;margin-left:0;padding-top:20px;position:relative;clear:left;}

.stub{position:relative;z-index:1;border:1px solid lightgrey;background:#fff;border-right:1px solid #fff;padding:0;margin:0;margin-top:-1px;height:40px;width:150px;overflow:hidden;cursor:pointer;}
.trigger_stub{border:1px dashed lightgrey;background:#fafafa;border-right:1px solid #fafafa;}
.stub .inner{padding:8px;font-weight:normal;font-size:13px;border-collapse:separate;}
.selected_stub{z-index:2;border:1px solid #lightgrey;border-right:1px solid #ffffff;width:151px;}
.selected_stub .inner{font-weight:bold;}
.stub_title_input{font-size:13px;font-weight:bold;width:90%;position:absolute;top:8px;left:2px;}

/* optional buttons for controlling form */
.page .questions .next,
.page .questions .cancel,
.page .questions .back{padding:3px 8px;cursor:pointer;}

/* question headings */
.page h1,.page h2{color:#000;margin:0;margin-left:10px;padding:8px 0 4px 0;font-weight:bold;font-size:18px;}
.page h3{color:#333;margin:0;margin-left:10px;padding:8px 0 4px 0;font-weight:bold;font-size:17px;}
.page h4,.page h5,.page h6{color:#333;font-weight:normal;font-size:13px;}

/* this is the character before the field,if any,e.g. £ */
.char,
.char_label{font-size:14px;color:#333;font-weight:bold;margin:2px 4px 0 4px;display:inline-block;vertical-align:top;}

/* questions */
.page .questions{padding:0;height:auto;}
.page .questions .new_RiskGroup{text-align:right;padding-bottom:8px;padding-top:12px;}
.page .questions .new_question{text-align:right;padding-bottom:8px;padding-top:12px;}

/* normal question */
.question{margin:0;padding:6px 10px;position:relative;}

/* questions highlighted during editing */
.question_highlight{border:1px dotted #39bf4f;margin:0;padding:17px 15px;cursor:move;background-color:#deffe3;}
.question_highlight div{font-weight:normal;color:#224d29;}
.question_highlight input{color:#f1fcff;background-color:#f2fff4;cursor:move;}
.question_highlight textarea{background-color:#f2fff4;cursor:move;}
.question_highlight select{background-color:#f2fff4;cursor:move;}
.question_highlight span.relative { position: relative; }

/* questions that contain triggers */
#ctl00_MainContent_divEditQuestions .trigger_question{margin:3px;border:1px dotted #ee0000;}

/* the text for all question names */
#pages .text{color:#333;font-weight:bold;margin:5px 0;}

/* when there is an optional description for a question, this is it */
.info_text{font-weight:normal;margin:5px 0;color:#666;}

.snippet{padding-bottom:0;}
.edit_question{border:2px solid #d5d5d5;background:#e5e5e5;padding-top:22px;height:auto;margin:8px 0;}
.edit_question select,
.edit_question input,
.edit_question textarea{margin:2px 0;}
.edit_question input.underwriting{margin-left:22px;width:600px;}
.edit_question textarea.underwriting{margin-left:22px;width:600px;height:200px;}
.loading_question{height:38px;background:#fff url(../medialib/images/interface/icons/standard/loading.gif) no-repeat scroll left center;}
.loading_question *{display:none;}
.question h3{margin:8px 0 0 0;}
.question .radio{vertical-align:middle; margin-right:0;}
.question label{padding-left:4px; padding-right:8px;}

.question .text_input{width:400px;}
.question .number_input{width:150px;}

.question .TableQuestion thead { background-color:Transparent;}
.question .TableQuestion .text_input{width:96%;}
.question .TableQuestion .number_input{width:96%;}

.distance_label{font-weight:bold;margin:2px 4px 0 4px;position:relative;top:-4px;}
.right{text-align:right;}
.id_label{position:absolute;top:1px;right:1px;padding:2px;cursor:pointer;}
.edit_label{margin-left:6px;}
.edit_field_label{margin-right:6px;padding-top:4px;display:block;float:left;text-align:right;width:80px;}
.edit_field_input{width:70%;}
table.edit input.edit_column,
table.edit input.edit_option{margin-right:4px;width:118px;}
table.edit input.edit_option_large{margin-right:4px;width:200px;}
.edit_snippet{width:466px;height:200px;position:absolute;margin-top:18px;left:32px;}
.questions .rate_modifier option{margin:0 6px 0 0;padding:0;}

/* calculation specific questions */
#page_PageCalculation{}
.questions tr.Deleted {color: #aaaaaa;}

.questions tr.calculation td{border-top:1px solid #dfdfdf;margin:0;padding:2px 0 2px 0;}
.questions .calculation .text{width:100%;padding:2px 0 2px 0;}
.questions .calculation .cover_style,
.questions .calculation .cover{width:60px;text-align:right;padding:0 0 0 0;margin:0;}
.questions .calculation .rate{width:60px;text-align:right;padding:0 0 0 0;margin:0;}
.questions .calculation span.result{font-size:12px;margin:2px 0 0 0;text-align:right;}
.questions .calculation td.result{text-align:right;padding-left:6px;padding-top:3px;}
.questions .calculation td.ratelock {padding-left: 6px;padding-top: 6px;}
.questions .calculation td.result span{white-space: nowrap;}
.questions .calculation .prorata{margin:2px 0 0 8px;text-align:right;color:#aaaaaa;}
.questions .calculation td.result,
.questions .calculation td.total,
.questions tr.RiskGroupTotals td,
.questions tr.RiskGroupTotals td span,
.questions tr.RiskGroupRates td,
.questions tr.RiskGroupRates td span{font-size:13px;}
.questions tr.totals td,
.questions tr.totals td span{font-size:15px;}
.questions tr.RiskGroupTotals td{font-weight:bold;margin:2px 0 0 0;text-align:right;border-top:1px solid #bbbbbb;padding-bottom:2px;}
.questions tr.RiskGroupRates td{margin:2px 0 0 0;text-align:right;border-top:0 solid #dddddd;padding-bottom:2px;}
.questions .calculation span.total_rate{margin:0 0 4px 0;text-align:right;}
.questions .calculation span.total{margin:0 0 2px 0;text-align:right;font-weight:bold;}
.questions .calculation .char_label{margin:0 3px 0 2px;color:#aaaaaa;}
.questions .calculation td.char_label{margin:0;padding:0 3px 0 2px;color:#aaaaaa;display:table-cell;}
.questions .calculation td.total .char_label{}
.questions .calculation td.total{text-align:right;white-space:nowrap;}
.questions .calculation tr.bottom_border td{border-bottom:1px solid #bbbbbb;padding:6px 0 4px 0;}
.questions tr td{padding-top:2px;padding-bottom:2px;padding-right:2px;}
.questions tr.totals{border-top:none;}
.questions tr.totals td{text-align:right;border-top:none;}
.questions .calculation .invisible{color:#fff;}
.dynamic_fields{position:absolute;z-index:2000;margin:3px;padding:12px;width:93%;height:200px;overflow:auto;}
.hide_dynamic_fields{display:block;}
a.templateToken:link,
a.templateToken:visited,
a.templateToken:active{font-weight:bold;text-decoration:none;display:block;padding:2px 4px;}
a.templateToken:hover{font-weight:bold;text-decoration:none;display:block;padding:2px 4px;}
#calculation_totals{margin:12px 76px 0 auto;text-align:left;}
.warning select,
.warning option,
.warning label,
.warning .radio,
.warning .text_input,
.warning .text_input_small,
.warning .number_input,
.warning .postcode_input,
.warning .text_input,
.warning .text_input_small,
.warning .number_input,
.warning .validate_number{color:#f00;}

/* Reset warning style on tables and addresses as this changes all children, not just the invalid field */
.warning td select,
.warning td option,
.warning td label,
.warning td .radio,
.warning td .text_input,
.warning td .text_input_small,
.warning td .number_input,
.warning td .postcode_input,
.warning td .text_input,
.warning td .text_input_small,
.warning td .number_input,
.warning td .validate_number,
.warning .client-address * {color:#000;}

/* Add the warning to the specific field for tables and addresses */
.TableControl table td select.warning,
.TableControl table td option.warning,
.TableControl table td label.warning,
.TableControl table td .radio.warning,
.TableControl table td .text_input.warning,
.TableControl table td .text_input_small.warning,
.TableControl table td .number_input.warning,
.TableControl table td .postcode_input.warning,
.TableControl table td .text_input.warning,
.TableControl table td .text_input_small.warning,
.TableControl table td .number_input.warning,
.TableControl table td .validate_number.warning,
.client-address input.warning {color:#f00;}

.TableControl table td input[type="text"].warning.blank,
input[type="text"].warning.blank { border:1px solid #f33; padding:3px; }
textarea.warning.blank { border:1px solid #f33; padding:3px; }

.drag_over{}
a.view_memo_link{margin:0;padding:0;position:absolute;right:60px;margin-top:3px;text-decoration:none;color:#000000;z-index:1;}
a.view_memo_link img{margin:0;padding:0;display:block;z-index:1;}
.view_memo_text{display:none;}
.move_page{position:absolute;top:4px;right:44px;cursor:move;}
.edit_page{position:absolute;top:4px;right:24px;cursor:pointer;}
.delete_page{position:absolute;top:4px;right:4px;cursor:pointer;}
.OverlayEdit .tabs{list-style:none;margin:0;padding:0;border-bottom:1px solid #aaaaaa;overflow:visible;}
.OverlayEdit .tabs li{display:inline;margin:0;margin-right:3px;}
.OverlayEdit .tabs li a{border:1px solid #aaaaaa;padding:3px 6px;cursor:pointer;margin:0;display:inline-block;color:#000000;position:relative;top:1px;}
.OverlayEdit .tabs li.selected{}
.OverlayEdit .tabs li.selected a{border-bottom:1px solid transparent;background:#fdfdfd;top:2px;padding-top:4px;}

.OverlayEdit div.content{overflow-x:auto; border:1px solid #aaaaaa;border-top:none;background:#fdfdfd;padding:12px;padding-top:20px;min-height:300px;margin-top:0; max-height:600px ; overflow-y:scroll }
.OverlayEdit div.column_box,
.OverlayEdit div.option_box{margin:2px 0;}
.trigger_box{border-bottom:1px solid #aaaaaa;padding-bottom:12px;}
.rules{margin-top:12px;}
.rules td{padding:2px 2px;}
.rules td.text{padding-top:5px;}
.rules .if_and{font-weight:bold;}
.rules .TestQuestion{font-weight:normal;width:190px;}
.rules .TestType{font-weight:normal;}
.rules .TestValue{font-weight:normal;width:100px;}
.rules img.delete{}
.rule{margin:0;padding:6px;}
.rule legend{}
.action .TriggerAction{font-weight:normal;vertical-align:middle;}
.RiskGroup{position:relative;border-left:5px solid;margin-bottom:3px;}
.RiskGroup .name{position:relative;padding:1px 0 1px 0;margin:0;width:100%;}
.RiskGroup td.name{padding:2px 0 1px 0;}
.RiskGroup td.insurer{padding:3px 3px 0 0;text-align:right;}
.RiskGroup .name .delete{margin:2px 6px 0 0;float:right;cursor:pointer;}
.RiskGroup .name span{margin:0 8px;font-size:14px;line-height:20px;font-weight:bold;}
.RiskGroup .editor{position:absolute;top:22px;background:#ffffff;width:100%;border-color:inherit;}
.RiskGroup .editor .content{padding:12px;border:1px solid;border-color:inherit;border-bottom:none;border-top:none;}
.RiskGroup .editor .buttons{padding:12px;text-align:right;border:1px solid;border-color:inherit;border-top:none;}
#EditRiskGroup .buttons{padding:12px;text-align:right;}
.RiskGroup .click_edit{position:absolute;top:0;left:-15px;cursor:pointer;}
tr.RiskGroup .click_edit{position:absolute;top:-2px;left:-18px;cursor:pointer;}
tr.RiskGroup .click_edit{display:none;}

div.QuestionsContainer div.Condition { border:1px solid #aaaaaa; margin:12px 0; padding: 0 8px; }
div.AddMedicationLink {display:inline-block; cursor:pointer; margin:2px 0 0 0; vertical-align:middle; text-align:center; color:#333333; border:1px solid #aaaaaa; padding:4px; background:#efefef;}

.addMultiplePage { margin:12px; }
.addMultiplePage .remove { float:right; }

/* not used yet */
table.TableControl { table-layout:fixed; width:auto; }

.client-address .line { margin:4px 0;}
.client-address .text_input { width:200px;}

.client-address .AddressLink {text-decoration:none; display:inline-block; margin-top:6px}
.client-address .ManualAddressLink {text-decoration:none; display:inline-block; margin-left:68px}
.client-address label {display:inline-block; width:78px; font-weight:bold; padding-left: 0px; text-align:right;}
.client-address .PostCodeLookupLink { text-decoration:none; display:inline-block; margin-top:7px;}
.client-address .lookupLink {text-align:right;}

.postcode_input.Postcode {margin-left:-3px;}

.SearchButtonContainer {text-align:right;}

.ern .text_input_small { width:50px;}
.ern .text_input { width:200px;}
.ern .delimiter { color: Gray; }

/* style of page when printed */
@media print
{
	#page_stubs{display:none;}
	#pages{vertical-align:top;}
	.page{display:block;vertical-align:top;}
	.page .questions{vertical-align:top;overflow:visible;}
	#pages .page .question{border:none;border-bottom:1px solid #dddddd;background:#ffffff;}
	.trigger_question{border:none;border-bottom:1px solid #dddddd;background:#ffffff;}
	.trigger_page{background:#ffffff;}
	.selected_page{border:none;}
	#PolicyContentContainer,#pages fieldset,#pages textarea,#pages input{border:1px solid #ffffff;}
	#pages textarea{}
	#pages legend{padding:0 2px;border-bottom:1px solid #000000;}
	
	.help_link{display:none;}
	.submit_buttons{display:none;}
	.new_question{display:none;}
}

.LookupInputValidation {overflow: hidden;}
.LookupInputValidation input, .LookupInputValidation img {float: left;}

.LookupInputValidation img, .LookupInputValidation span { padding: 5px 5px;}