﻿html {height: 100%; margin-bottom: 1px; overflow-y: scroll;}

p, table.contacts td, #online_applicant_result td{ line-height: 1.5em; margin-bottom: 1em; font-size:12px; }
ul.tick, ul.todoitems, td.spancol ul { font-size: 12px; margin: 0 0 0.25em 1em; list-style: disc inside; }
ol.tick, ol.todoitems, td.spancol ol { font-size: 12px; margin: 0 0 0.25em 1em; list-style: decimal inside; }
ul.tick li, ul.todoitems li { margin: 0;  }
.left_info_box p, .left_info_box span { line-height:1em; margin-bottom:0;}

ul.checklistitem { list-style-position: outside; margin-left: 1.5em; margin-bottom: 1.5em;  }
ul.checklistitem li{ list-style-type:circle; }

.reminders ul.reminder { font-size: 12px; margin: 0.5em 0 0 0em; }
.reminders ul.reminder li { margin-top: 0.5em; }
.reminders ul.reminder li a { color:#DC3492; font-weight: bold; }

.middle_container ul.reminder li.reminder { font-size: 12px; margin: 1em 0 0 1.5em; }
.middle_container ul.reminder li.reminder blockquote { margin-left: 1em;color: #333; }

div.notificationmessage { font-weight: bold;padding:5px;margin-bottom:10px;font-size:12px;  }
div.validationerror { color: #DC3492; }
div.validationfailure, div.error { color: white; background-color: #DC3492; }
div.info { background-color:#DC3492;color:#ffffff;}

.message_table { clear: both; }
.message_table th a {color:#ffffff;}
.message_table td a {color:#666666;}
p.msgshowtable { padding-left: 1em;}

.message_table td.name { width: 200px; overflow: hidden; }
.message_table tr td.name { padding-left: 17px; background-image: url(../img/mailopen.gif); background-position: center left; background-repeat: no-repeat; }
.message_table tr.unread td.name { background-image:url(../img/mail.gif); }
.message_table a { text-decoration: none; }
.message_table td a:hover { text-decoration: underline; }
.message_table tr.unread { font-weight: bold; }
.message_table tr.even td { background-color: #ddd; }

p.msgfrom { color: Black !important; }
p.msgsubject { font-weight: bold; color: #8066ae; }
div.msgbody { font-size: 12px; margin: 0 0 1.5em; padding: 0.5em; line-height: 1.25em; background-color: #e2e2e2; color: #333; }

div.message_buttons { float: right; }
textarea.replyto { width: 100%; height: 200px; font-size: 10pt; }
input.msgbtn { background-color: #D8A9C3; font-size: 8pt; border: 0px; color: #000; cursor:pointer;cursor:hand; font-size: 8pt; margin-right: 1em;}
input.msgbtn:hover { background-color: #FCF3F8; color: #FF99CC; }

/* METAFORM */


.mf_questionhelp { float:left; padding: 4px 2px 0px 8px; width: 152px; margin-left: -1px; color: #63114F; font-size: 8pt; background: url(../img/rarrow.gif) -1px 6px no-repeat; border-left: 1px solid #D037AA; }
.mf_questionhelp p {margin:0 !important;line-height: 1.2em !important; }

table.dcelist  { line-height: 1.5em; margin:0 0 1em 0; padding: 0; font-size: 11px; }
table.dcelist th { border-bottom: 1px solid; text-align: left; }
table.dcelist td { font-size: 10px; color: black; padding: 0 5px 5px 0; }
table.dcelist td.numeric { text-align: right; }

label.mf_caption { padding: 0 0 0 11px; margin-top: 0.5em; }
.mf_elementswoh {margin: 0.1em 0 0.5em 0em;padding-left: 20px; }
.mf_elementswh {margin: 0.1em 0 0.5em 0em;padding-left:0}
span.noh {}
table.metaform td, table.shortform td { margin-bottom: 1.5em; vertical-align:top;}
table.metaform, table.shortform { padding:0; margin:0 0 0.25em 0; line-height:1.25em; font-size:12px; width:100%; }
table.shortform td.labelcol {width:80px; color: #666666;}
table.metaform td.labelcol {width:180px;}
table.shortform td label, table.metaform td label, table.metaform td.labelcol, table.metaform td.spancol {color:#444; line-height: 1.5em; }
table.shortform td.help, table.metaform td.help { width: 20px; max-width:20px;}
table.metaform td.spancol {padding:0; margin:0; }
table.metaform td.ans, table.shortform td.ans {color:#3B6690; padding:0; margin:0; width: 475px; }
td.ans input.textinput, td.ans select, td.ans textarea.mf_inputbox,.mf_inputbox, .mf_dateinput_dd, .mf_dateinput_mm, .mf_dateinput_yy {margin:0 0.5em 0.5em 0; border:1px solid #1F3E7F; color: #333;font-family: "Lucida Sans", Verdana, Arial, Helvetica, sans-serif; font-size: 1em; padding: 2px;}
td.ans a:link { color: #DC3492; font-weight: bold;}
.heading {font-size:11pt; letter-spacing:1px; padding-bottom:1.5em;}
.regheading {font-size:11pt; padding-bottom:0em; margin:0.5em 0 0;}
input.mf_inputbox, textarea, select, label {margin-right: 0.5em;}
input.mf_inputPhoneNo {	width: 80px; }
 textarea.mf_inputbox {width:90%; }
 table.metaform p { padding-left: 11px; margin-top: 1em; }
 table.metaform ul { list-style-position: outside; margin: 1em 0 0.5em 1.5em; padding-left:11px; }
.mf_textlimiter {display:block; position:relative; top:0; left:0em; width:100%; height:1em; color:#333; margin-bottom:4px;}
.mf_textlimiter span {font-size:7pt;}
.mf_checkbox{margin:2px 2px 0 0;}
.mf_checkboxlabel {padding:0; display:-moz-inline-box; display:inline-block; width:170px; font-size: 0.9em; }
.mf_radiobuttoninput {padding: 0 0 0.5em 2px; display:-moz-inline-box; display:inline-block; width:170px; }
.mf_checkboxinput {margin:-2px 0.25em 2px 0; padding: 4px 0;}
.mf_radiobuttoninput input {margin:-2px 0.25em 2px 0; padding: 4px 0;}
.mf_tablecell{margin:0; padding:0 0 0.5em 0;}
span.tooltip {display:none; color:#ccc;}
.mftbl_failureReason, .mf_failureReason {color:#DC3492 !important; clear:left;  }
p.mf_failureReason { padding-left: 0 !important; margin-top: 0 !important;}
input.child_attach_input {background:url('../img/pinkstar.png') 0 -1px no-repeat; padding-left:11px; margin-left: 0px; }
.mand {background:url('../img/pinkstar.png') 0 -1px no-repeat; padding-left:11px; margin-left: 0px;  }
label.nonmand {padding-left:0px; margin-left: 0px;  }
.reviewbutton, .pushbutton, .mf_button {border:1px solid #D8A9C3; letter-spacing:1px; background-color:#DC3492; color:white; padding:2px 14px; margin:0.5em 0em 1em; cursor:pointer;cursor:hand; font-size: 8pt;}
.reviewbutton:hover, .pushbutton:hover, .mf_button:hover { background-color: #FCF3F8; color: #FF99CC; }
.reviewbutton { float:right; margin: 1.5em 0 0em;}
td.ans input.radioinput {padding-top:2px;}
div.subsectionheading {clear:left; background:#fff; font-size:12pt; margin:1em 0 0; padding:0; height:30px; border: 1px solid #1F3E7F; }
img.dropdown {float:right; display:block; margin:0; padding:0; cursor:pointer; cursor:hand; }
div.subsectionheading a { text-decoration:none; margin:0; padding:0;}
div.subsectionheading span.sshname { float:left; margin:5px 0 0 4px; color:#1F3E7F;}
div.subsectionheading img.sshnote { float:right; border:0; margin:0; padding:0;}
div.mf_navigation_buttons { float:right; margin:0 1em 1em 0; padding-right:0;}
div.mf_navigation_buttons input {margin:0 0 0 1em;}
label.mf_displaylabel, .mftbl_displaylabel { margin: 0 0.5em 0 0; color: #1F3E7F; font-size: 12px; }
label.tiny {font-size:7pt; }
.mf_readonlyvalue {line-height: 1.5em;  }
.mf_readonlyvalue br {margin-bottom: 0.75em}
.mf_tablehead { font-weight: normal; font-size: 12px; color: #DC3492; text-align: center;}
.mftbl_textlimiter { font-size: 9px; }
.childcarecol1 { width: 250px; }
.hfCol1 { width: 150px; }
.hfCol2 { width: 150px; }
.hfCol3 {  }
.mftbl_inputbox { width: 95%; margin: 0 4px 0 0; }

table.childcare { font-size: 8pt; text-align: left; padding: 0; margin: 0; }
table.childcare th { border-bottom: 1px solid; padding-bottom: 2px; }
table.childcare tr { line-height: 2em;  }
table.childcare tr.alt { }
table.childcare .c1 { width: 250px; }
table.childcare .c1 img { margin:0 0.5em 0 0;  }
table.childcare .c2 { width: 300px; text-align: center; }
table.childcare .c3 { width: 200px; padding-left: 1em; }
table.childcare .c4 { width: 50px; }
table.childcare .c5 { width: 110px; text-align:center; padding-right: 0.5em; }
.ie6 table.childcare .c5 { width: 120px; }
table.childcare input.pushbutton { margin: 0.5em 0 0.5em 0; padding: 2px 1px; }
table.childcare .c1r { text-align: right; font-weight: bold; padding: 0.75em 1em 0.75em 0; }

table.references { font-size: 8pt; text-align: left; padding: 0; margin: 0 0 2em; }
table.references th { border-bottom: 1px solid; padding-bottom: 2px; }
table.references tr { line-height: 2em;  }
table.references tr.alt { }
table.references .c1 { width: 180px; }
table.references .c1 img { margin:0 0.5em 0 0;  }
table.references .c2 { width: 140px; text-align: center; }
table.references .c3 { width: 150px; padding-left: 1em; }
table.references .c4 {  }
table.references .c5 { text-align:center; padding-left: 0.5em; width: 150px; text-align: left; }
table.references input.pushbutton { margin: 0.25em 0.25em 0.25em 0; font-size: 0.8em; padding: 2px 1px; }
table.references .c1r { text-align: right; font-weight: bold; padding: 0.75em 1em 0.75em 0; }

table.references .off, table.childcare .off { background-color: #fff; }
table.references .on, table.childcare .on { background-color: #FCF3F8; }
table.references .hover, table.childcare .hover { background-color: #FF99CC; cursor:pointer;cursor:hand; }

textarea.mediumTextArea { height: 10em;  }
textarea.HostFamilyLetter { height: 30em; width: 52em; font-family: "Lucida Sans", Verdana, Arial, Helvetica, sans-serif; float: left; font-size: 10pt; }
div.mf_textlimiter { float: left; height: 1em; }

.exp { width: 175px; text-align: center; padding-right: 10px;  }
.exp .mftbl_radiobuttoninput, .wil label.mftbl_radiobuttoninput { padding: 0 0.5em; }
.exp input, .wil input { margin-right: 0.25em; }
.wil { width: 175px; text-align: center; }

label.termsandconditionscheck { float:left; width: 100% !important; }

select.contacttargetlist { width: 91%; }
input.subjectline { width: 580px; }
textarea.body { width: 580px; }

div.PortraitPhoto img { margin: 0px 85px; }
div.ActivityPhoto, div.PortraitPhoto, div.Document, div.DocumentSelected { float:left; margin: 0.5em 2.5em 0.5em 0; padding:0; width: 256px; }
div.UpTemplate { float:left; margin: 0.5em 0.5em 0.5em 0; padding:0 0 2em; width: 145px; }
div.ActivityPhoto { }
div.Video { float:left; margin: 0.5em 2.5em 1.5em 0; width: 326px; }
div.UpTemplate img, div.PortraitPhoto img, div.ActivityPhoto img, div.Video img { border: 1px solid #FDC94D; padding: 2px; }
div.ActivityPhoto img { height: 150px; overflow: hidden; }
div.Document div.Referee, div.DocumentSelected div.Referee { color: navy; margin-bottom: 0.5em; height: 1.5em; }
div.Document span.DocPage, div.DocumentSelected span.DocPage { float: left; background: transparent url(../img/form2.gif) no-repeat 0 0px; width: 50px; height: 50px; }
div.Document span.DocPage a, div.DocumentSelected span.DocPage a {text-decoration: none; color: #000; padding: 0 12px 4px; font-size: 36pt; }
div.Document span.DocPage a:hover, div.DocumentSelected span.DocPage a:hover {text-decoration: none; color: #DC3591; }
div.Caption, div.CaptionSmall {clear: left;margin: 0.25em 0.25em 0.25em;color:#DC3492;font-size: 0.9em;padding-bottom: 5px;border-bottom: 1px solid #DC3492;}
div.CaptionSmall { font-size: 0.8em; }
span.Status {display: block;float: left;text-decoration: none;color: #666;padding: 2px 4px; font-size: 10px;}
span.Actions {float:right;margin-bottom: 0.5em;}
div.PortraitPhoto span.command a, div.ActivityPhoto span.command a, div.Document span.command a, div.DocumentSelected span.command a, div.Video span.command a {display: block;float: left;text-decoration: none;padding: 2px 4px;color: #fdc94d; font-size: 12px;}
div.PortraitPhoto span.command a:hover, div.ActivityPhoto span.command a:hover, div.Document span.command a:hover, div.DocumentSelected span.command a:hover, div.Video span.command a:hover {background-color: #fdc94d;color: #fff;font-size: 12px;}
span.pagedetails {float: left;}
div.imgrow { float:left; border-bottom: 1px solid #ddd; margin-bottom: 0.5em;}
.middle_container p.act a, .aal_child a { color:#DC3492;}

#mediaitem td.ans #more { cursor:pointer;cursor:hand; }

#WordCountStatus { margin: 0.25em 0;}
#WordCountStatus .WCInError { background-color: #FFCCCC; padding: 0.5em; }
#WordCountStatus .WCComplete { background-color: #0EB20E; padding: 0.5em; color: White; }

span.item { float:left; }
span.ico {float:right; margin:0; }

div.comment {font-size: 12px; display: block; margin: 0 0 1.5em 0;}
div.comment span {font-size: 0.8em;color: #777;}
div.comment span.by {margin-left: 2em;font-weight: bold;}

div.commentlisthidden { height: 8em; padding: 4px 2px; overflow: auto; border: 1px solid #8066AE; font-size: 12px; margin: 0 0 0.5em; }

span.showex { display: block; margin: 0 0 0.5em 0.5em; font-size: 12px;}
span.showex a { text-decoration: none; color: #DC3492;}
span.showex a:hover { color: White; background-color: #8066AE; }

#formList { border-top: 1px solid; clear: right; }
div.mfitem { width: 95%; line-height: 2em; clear:both;}
div.mfitem span.mfdescription a { display:block; text-decoration: none; }
div.mfitem span.mfdescription a:hover { text-decoration:underline; }
div.mfitem span.mfdescription { float: left; width: 50%; margin: 0 0 0 0.5em; }
div.mfitem span.mfversion { float:right; margin-right: 1em; }

div.section span.title a { text-decoration: none; line-height: 1.5em; }
div.section span.title a:hover { text-decoration: underline; }

div.Question { line-height: 1.5em; margin-left: 4px; color: #777; }

img.HMah { margin-left: 20px; }
span.Function a:hover { color: #8066AE; opacity: 0.5; }
.ie span.Function a:hover { color: #8066AE; filter: alpha(opacity = 50); zoom: 1; }

/* It's horrible, it's non-standard, it won't validate, it's IE (big hand there) */
.ie #modalBackground, .ie #modalIframe { position: absolute; left: expression(ignoreMe = document.documentElement.scrollLeft + "px"); top: expression(ignoreMe = document.documentElement.scrollTop + "px"); width: 100%; height: expression(document.documentElement.clientHeight + "px"); }
.ie #modalIframe { filter: alpha(opacity=0); z-index: 8; }
.ie #modalWindow { position: absolute; left: expression(ignoreMe = document.documentElement.scrollLeft + "px"); top: expression(ignoreMe = document.documentElement.scrollTop + "px"); }

.ie div.older { filter: alpha(opacity = 75); zoom: 1; }

.ie6 #content-wide { width: 650px; }

.ie6 #modalBackground, .ie6 #modalIframe { 	position: absolute;left: expression(ignoreMe = document.documentElement.scrollLeft + "px");top: expression(ignoreMe = document.documentElement.scrollTop + "px");width: expression(document.documentElement.clientWidth + "px");height: expression(document.documentElement.clientHeight + "px");}
.ie6 #modalIframe {	filter: alpha(opacity=0);	z-index: 8; }
.ie6 #modalWindow {	position: absolute;left: expression(ignoreMe = document.documentElement.scrollLeft + "px");top: expression(ignoreMe = document.documentElement.scrollTop + "px");}

.ie6 table.messagelist { width: 95%; }

div.reviewcontrol { margin:0 0 0 12px; float:left; }
div.bbar { float: left; width: 26px; }
div.reviewedNote { margin: 6px 0 0.5em 0; padding: 6px; background-color:#FEF89E; color: #333; font-size: 12px; display:block;}
div.reviewedNote span.small { font-size: 7pt; color: #666; }
div.reviewbox { float:right; color: #333; margin: 0 45px 0.5em 0px; padding: 6px 0 2px 1em; width: 610px; }
.coment_box textarea {font-size: 9pt;}

div.reviewbox span { font-size: 8pt; float:left;}
img.makenote { padding-top: 4px; }

div.mfnote { background-color: #F1F2AC; color: #333; padding: 6px; display:block;}
div.mfnotepropic { float: left; }
div.mfnotepropic img { border: 4px solid #FDC94D; padding:2 px; margin: 4px 1em 4px 4px; width: 40px; height: 50px; }
p.reviewnote { line-height: 1em; font-size: 8pt; color: #333; }
p.reviewnotedate{ line-height: 1em; font-size: 7pt; color: #666; }
div.reviewbox textarea { border: 1px solid #333; color: #333 !important; font-size: 9pt; width: 100%; margin:0;}
div.reviewbox input.reviewbutton { background-color: #1F3E7F; color: white; font-size: 8pt; border: 1px solid white; margin: 10px 0 2px 510px; padding: 4px 8px; letter-spacing:1px; }
div.reviewbox span { font-size: 8pt; float:left;}

ul.rt { list-style: disc inside; margin: 0 0 1.5em 1em !important; padding: 0; font-size:12px;}
ul.rt li { margin:0.5em 0; padding: 0; }
ul.rt li a { text-decoration: none; margin: 0.5em 0; color:#DC3492;}
ul.rt li a:hover { text-decoration: underline; }

li.reminder a:link { color:#DC3492;}

#breadcrumb { color: #333; }
#breadcrumb a { color: #DC3492; text-decoration:none; }
#breadcrumb a:hover { color: #DC3492; text-decoration:underline; }

li.checklistitem b { color:#53B4A1;}

div.ChooseAgent { margin: 0.5em 0; padding: 0.5em 0; }

img.loginwaiter { margin: 2px 0 3px; }

span.nwdate { float:right; margin-right: 3.5em; position: relative; top: -1.5em; }
div.nwbody { margin: 0.5em 1em 0.5em 0.5em; line-height: 1.5em; }
div.nwaction { float:right; margin-bottom: 1em; }

div.feeditem { margin-left: 1em; font-size: 12px; line-height: 1.25em;  }
div.feeditem div.name { float:left;  }
div.feeditem div.select { float:right; width: 155px; text-align:right; margin-right: 1em; }
div.feeditem span.selAct {display:block; color: #8066AD; height: 18px;}

div.dgn { color: #8066AD; font-size: 14px; margin: 1em 0 0.5em; font-weight:bold; }

div.NewsArticle div.newshead {font-size: 100%; font-weight: bold;  margin: 0 0 1em 0;}
div.body { font-size: 12px; line-height: 1.75em; margin: 0 0 1.5em; }
.date { font-size: 10px; color: #ccc; margin: 1em 0; }

div.NewsArticleCond { background:transparent url(../ctw/images/isis/container_bg_large.png) repeat-x scroll center top; padding: 0.5em 2px; margin: 0 0 4px; }
div.NewsArticleCond div.newshead { font-size: 14px; font-weight: bold; color: #666; margin: 0; }
div.NewsArticleCond div.newshead a { text-decoration: none; color: #666; padding-right: 0.5em; }
div.NewsArticleCond div.newshead a:hover { text-decoration: underline; }
