/* ------------------------------------------------------------------------------------- !! SHARED styles document for HBA/Mutual Community online enrolment process !! ------------------------------------------------------------------------------------- Created on: 28th May 2008 Created by: eServices Intercative for BUPA Australia/HBA/Mutual Community ------------------------------------------------------------------------------------- */ /* Amendments to existing styles */ /*#content h1 { height:24px; line-height:24px; padding:23px 0 39px 0; margin:0; }*/ /* Modification made by Ian & Dale to Andrew's original */ #content div.enrol_v1 input.textbox{ font:12px Tahoma, "Myriad Pro", Myriad, Verdana, "Sans Serif"; color:#666; border:1px solid #a5acb2; padding-top:2px; padding-right:2px; padding-bottom:1px; padding-left:2px; background:#fff; width:176px; } #content div.enrol_v1 input.textboxNoSize{ font:12px Tahoma, "Myriad Pro", Myriad, Verdana, "Sans Serif"; color:#666; border:1px solid #a5acb2; padding-top:2px; padding-right:2px; padding-bottom:1px; padding-left:2px; background:#fff; width:176px; } /* Modification made by Ali to Andrew's original */ #content div.enrol_v1 input.textboxDate{ font:12px Tahoma, "Myriad Pro", Myriad, Verdana, "Sans Serif"; color:#666; border:1px solid #a5acb2; padding-top:2px; padding-right:2px; padding-bottom:1px; padding-left:2px; background:#fff; width:70px; } #content div.enrol_v1 input.textboxAge{ font:12px Tahoma, "Myriad Pro", Myriad, Verdana, "Sans Serif"; color:#666; border:1px solid #a5acb2; padding-top:2px; padding-right:2px; padding-bottom:1px; padding-left:2px; background:#fff; width:30px; } /* ///////////////////////////////////////////////////////////////////////////////// */ /* Health cover selector specific as of 28 05 2008 */ #content div.enrol_v1 { border-collapse:collapse; margin-bottom:30px; line-height:18px; } /*NB!!!!!!: ALL styles below need to be used when hiding sections as otherwise there may be display issues */ .collapse { width:0; height:0; overflow:hidden; padding:0; margin:0; position:absolute; border:none; background:none; visibility:hidden; } .hide, .hide table, .hide td, .hide table.qTable tr td, .hide div { border:none; background:none; visibility:hidden; } /* AJAX loading layer styles */ #content div.enrol_v1 .column_l .loadinglayer{ /*margin:0 0 35px 0;*/ background:#f7f7f7; border:1px solid #dedede; } #content div.enrol_v1 .column_l .loadinglayer .loadingBG { height:200px; background-position:center 40%; } #content div.enrol_v1 .column_l .loadinglayer .enrol_title { border:none; } /* ERROR Style */ #content div.enrol_v1 .enrol_error, #content div.enrol_v1 .column_l div.enrol_panel .enrol_error, #content div.enrol_v1 .column_l .enrol_error .mandatory { color:#f00; } /* ERROR Style */ #content div.enrol_v1 label.enrol_error, #content div.enrol_v1 .column_l div.enrol_panel label.enrol_error { color:#f00; } #content div.enrol_v1 .column_l div.enrol_pageError { width:635px; margin:0 0 42px 1px; } /* GENERAL and customised html tags - h2, h3, h4, h5, h6 */ #content div.enrol_v1 h2 {} #content div.enrol_v1 h3 {} #content div.enrol_v1 h4 { font:bold 12px Tahoma, "Myriad Pro", Myriad, Verdana, "Sans Serif"; line-height:1em; margin-bottom:2px; margin-top:-20px; } #content div.enrol_v1 h5 { font:normal 12px Tahoma, "Myriad Pro", Myriad, Verdana, "Sans Serif"; line-height:1em; margin-bottom:16px; } #content div.enrol_v1 h6 { font:bold 12px Tahoma, "Myriad Pro", Myriad, Verdana, "Sans Serif"; line-height:1em; margin-bottom:16px; } #content div.enrol_v1 form{ margin:0; padding:0; } #content div.enrol_v1 a { text-decoration:underline; } #content div.enrol_v1 a:hover {} #content div.enrol_v1 p {} #content div.enrol_v1 ul { margin:0 0 0 0px; padding:12px 0 24px 20px; line-height:20px; text-indent:0;} #content div.enrol_v1 li { margin:0; padding:0; } #content div.enrol_v1 label { font:12px Tahoma, "Myriad Pro", Myriad, Verdana, "Sans Serif"; color:#666; } #content div.enrol_v1 select, #content div.enrol_v1 select.auto, #content div.enrol_v1 input.auto { width:auto; font-size:12px; color:#666666;} #content div.enrol_v1 textarea { font:12px Tahoma, "Myriad Pro", Myriad, Verdana, "Sans Serif"; color:#666; border:1px solid #a5acb2; background:#fff; width:400px; } #content div.enrol_v1 td, #content div.enrol_v1 table, #content div.enrol_v1 div { margin:0; padding:0; } #content div.enrol_v1 img, #content div.enrol_v1 a img { border:none; } #content div.enrol_v1 option { padding:2px 2px 1px;} #content div.enrol_v1 select.selectcompress {width:195px;} #content div.enrol_v1 select.selectExtracompress {width:180px;} /* Left hand column */ #content div.enrol_v1 .column_l { width:695px; margin:0 18px 0 0; float:left; } #content div.enrol_v1 .column_l div.enrol_topCopy { width:635px; margin:0 0 42px 1px; } #content div.enrol_v1 .column_l div.enrol_title { font-weight:bold; line-height:1em; background:#eeeeed; padding:10px 19px 12px 19px; border:1px solid #dedede; border-bottom:none; } #content div.enrol_v1 .column_l div.enrol_panel { padding:0 21px 10px 21px; background:#f7f7f7; border:1px solid #dedede; border-top:none; } #content div.enrol_v1 .column_l div.enrol_panel div.enrol_title { border:none; border-top:1px solid #dedede; margin:0 -21px 20px -21px; } #content div.enrol_v1 .column_l div.enrol_panel div.noborder { border:none; } #content div.enrol_v1 .column_l div.mandatoryCont { float:right; margin:-78px -2px 0 0; line-height:1em; position:relative; z-index:1; } #content div.enrol_v1 .column_l div.mandatory_Cont { float:right; margin:-30px -2px 0 0; line-height:1em; position:relative; z-index:1; } /* Button styles */ #content div.enrol_v1 .column_l .enrol_btns { margin:20px 0 0 0; } #content div.enrol_v1 .column_l .enrol_btns li { list-style:none; list-style-image:none; display:inline; } #content div.enrol_v1 .column_l .enrol_btns li a { display:block; float:left; background:url(../images/en_btn_bg.gif) top repeat-x; text-decoration:none; } #content div.enrol_v1 .column_l .enrol_btns li a span { padding:0 14px; position:relative; top:-7px; } #content div.enrol_v1 .column_l .enrol_btns li a.inactive { color:#999; cursor:default; filter:alpha(opacity=75); opacity:0.75; -moz-opacity:0.75; } #content div.enrol_v1 .column_l .enrol_right{ float:right; display:block; } #content div.enrol_v1 .column_l .enrol_left { float:left; display:block; } #content div.enrol_v1 .column_l .enrol_right li a { margin-left:10px; } #content div.enrol_v1 .column_l .enrol_left li a { margin-right:10px; } #content div.enrol_v1 .column_l .qBtnLarge { display:block; padding:0; margin:-15px 0 25px 200px; } #content div.enrol_v1 .column_l .qBtnLarge a { float:left; } /* Question containers and styles */ #content div.enrol_v1 .column_l div.qSubCont{ margin:0 0 25px -10px; padding:20px 0px 5px 10px; } /*added by Ali*/ #content div.enrol_v1 .column_l div.qMainCont{ margin:0 0 0px -10px; padding:20px 10px 0px 10px; } #content div.enrol_v1 .enrol_notes {font-size:80%;} /* end */ #content div.enrol_v1 .column_l div.qCont { margin:0 0 23px 0; vertical-align:top; line-height:1.5em; } #content div.enrol_v1 .column_l div.qSCont { margin:0 0 23px 0; vertical-align:top; line-height:1.5em; } #content div.enrol_v1 .column_l div.compress{ margin-bottom:5px; } #content div.enrol_v1 .column_l div.extraMargin { margin-top:9px; } #content div.enrol_v1 .column_l div.reduceGap { margin:-30px 0; } #content div.enrol_v1 .column_l div.qCont td { vertical-align:top; } /* Question title */ #content div.enrol_v1 .column_l div.qCont .qText{ width:180px; margin:0 20px 0 0; float:left; font-weight:normal;display:block; vertical-align:top;color:#003366; } /* Added by Ali */ #content div.enrol_v1 .column_l div.qCont .qTextInLine{margin:0 20px 0 0; float:left; font-weight:normal;display:block; vertical-align:top; color:#003366;} #content div.qSingleQuote ul {margin-left:-6px;} /* Question element */ #content div.enrol_v1 .column_l div.qCont div.qElements { margin-bottom:10px; display:block; } #content div.enrol_v1 .column_l div.compress div.qElements{ margin-bottom:5px; } #content div.enrol_v1 .column_l div.qCont div.qElement { margin-bottom:10px; display:block; } #content div.enrol_v1 .column_l div.qCont div.qElements div.qSingle { width:68%; } /* Added by Adam for quote page */ #content div.enrol_v1 .column_l div.qCont div.qElements div.qSingleQuote td{ border-bottom: 1px solid #DEDEDE; padding:2px 4px; } #content div.enrol_v1 .column_l div.qCont div.qElements div.qSingleQuote td.resultsTitle { width:250px; background-color:#EEEEED; border-bottom: 1px solid #FFF; padding:2px 4px; } #content div.enrol_v1 .column_l div.qCont div.qElements div.qSingleQuotee { width:100%; } /* Personal Details */ #content div.enrol_v1 .column_l .qText { color: #003366; } #content div.enrol_v1 .column_l div.enrol_panel #postalAddress div.qSubCont {margin-bottom: -10px; margin-top: -20px;} #content div.enrol_v1 .column_l div.qCont div.qElements div.lineup { width:auto; } #content div.enrol_v1 .column_l div.qCont div.qElements div.fullwidth { width:100%; } #content div.enrol_v1 .column_l div.qCont div.qElements div.thirds { width:auto; } #content div.enrol_v1 .column_l div.qCont div.qElements div.thirds table { width:auto; } #content div.enrol_v1 .column_l div.qCont div.qElements div.thirds td { width:180px; padding-right:40px; } #content div.enrol_v1 .column_l div.qCont div.qElements div.qThirdCol table { width:180px; float:right; position:relative; left:-38px; } #content div.enrol_v1 .column_l div.qCont div.qElements div.qSecondCol table { width:400px; float:right; position:relative; left:-50px; } #content div.enrol_v1 .column_l div.qCont div.qElements table { width:100%; } #content div.enrol_v1 .column_l div.qCont #quote table { width:auto; } #content div.enrol_v1 .column_l div.qCont div.qElements table.qAdjustTableSize { width:650px; } #content div.enrol_v1 .column_l div.qCont div.qElements div.lineup table { width:auto; } #content div.enrol_v1 .column_l div.qCont div.qElements td { padding-bottom:4px; } #content div.enrol_v1 .column_l div.qCont div.qElements .qRadio { width:15px; padding-top:0px; } #content div.enrol_v1 .column_l div.qCont div.qElements .qCheck { width:15px; padding-top:3px; } #content div.enrol_v1 .column_l div.qCont div.qElements .qCopy { padding-left:10px; vertical-align:top;} #content div.enrol_v1 .column_l div.qCont div.qElements .qCopy2 { padding-bottom:10px; } #content div.enrol_v1 .column_l div.qCont div.qElements div.lineup .qCopy { padding-right:40px; } #content div.enrol_v1 .column_l div.qCont div.qElements div.leftlabel .qCopy { padding-right:8px; padding-left:0; } #content div.enrol_v1 .column_l div.qCont div.qElements div.qThirdCol .qCopy, #content div.enrol_v1 .column_l div.qCont div.qElements div.qSecondCol .qCopy { padding-right:25px; padding-left:8px; } #content div.enrol_v1 .column_l div.qCont div.qElements .qCopy label { line-height:1.5em; } #content div.enrol_v1 .column_l div.qCont div.qElements .qSelect { padding:0; } #content div.enrol_v1 .column_l div.compress div.qElements .qSelect { padding-bottom:5px; } #content div.enrol_v1 .column_l div.qCont div.qElements div.lineup .qSelect { padding-right:17px; } #content div.enrol_v1 .column_l div.qCont div.qElements div.leftlabel .qSelect { padding-right:17px; } #content div.enrol_v1 .column_l div.qCont div.qElements .qInputbox { padding:0; } #content div.enrol_v1 .column_l div.compress div.qElements .qInputbox { padding-bottom:5px; } #content div.enrol_v1 .column_l div.qCont div.qElements div.lineup .qInputbox { padding-right:17px; } #content div.enrol_v1 .column_l div.qCont div.qElements div.leftlabel .qInputbox{ padding-right:17px; } #content div.enrol_v1 .column_l div.qCont div.qElements .qTextBlock { padding:0; } #content div.enrol_v1 .column_l div.qCont div.qElements div.qScrollCopy { width:430px; height:155px; overflow-y:scroll; background:#fff; border:1px solid #a8acaf; padding:5px 7px; } #content div.enrol_v1 .column_l div.qCont div.qElements .resultsTitle { width:180px; padding:0 20px 0 0;font-weight:normal;color:#003366;} #content div.enrol_v1 .column_l div.qCont div.qElements .qRowSpace td { padding:5px 0; } /* Who to cover icons */ #content div.enrol_v1 .column_l div.qCont div.qElements table.iconCont { width:auto; } #content div.enrol_v1 .column_l div.qCont div.qElements table.iconCont td { text-align:left; padding:0 20px 0 0; } #content div.enrol_v1 .column_l div.qCont div.qElements table.iconCont td div.icon { width:45px; height:42px; background-position:left top; margin-bottom:14px; } #content div.enrol_v1 .column_l div.qCont div.qElements table.iconCont input { padding:0; margin:0; line-height:1em; } #content div.enrol_v1 .column_l div.qCont div.qElements table.iconCont label { padding-left:15px; text-transform:capitalize; } /* Inline buttons */ #content div.enrol_v1 .column_l div.qCont div.qBtn { margin:0 -20px 0 0; float:right; position:relative; z-index:2; padding-left:15px; } #content div.enrol_v1 .column_l div.qCont .btnAdjustforCover div.qBtn { margin:0 -10px 0 0; float:right; position:relative; z-index:2; padding-left:15px; } #content div.enrol_v1 .column_l div.qCont .btnAdjustforDependent div.qBtn { margin:0 -8px 0 0; float:right; position:relative; z-index:2; padding-left:15px; } #content div.enrol_v1 .column_l div.qCont div.qBtnAdjust { margin:0 0px 0 0; float:right; position:relative; z-index:2; padding-left:15px; } #content div.enrol_v1 .column_l div.qCont div.lessMargin { margin-right:-11px; } #content div.enrol_v1 .column_l div.qSubCont div.qCont div.qBtn { margin:0 -10px 0 0; } #content div.enrol_v1 .column_l div.qSubCont div.qCont div.lineup div.qBtn { margin-right:-5px; } /* Added by Ali */ #content div.enrol_v1 .column_l div.qMainCont div.qCont div.qBtn { margin:0 -10px 0 0; } #content div.enrol_v1 .column_l div.qMainCont div.qCont div.lineup div.qBtn { margin-right:-5px; } /* end */ #content div.enrol_v1 .column_l div.qCont div.lineup div.qBtn { margin-right:-7px; } #content div.enrol_v1 .column_l div.qCont div.qBtnIcons { margin:55px -12px 0 0; } #content div.enrol_v1 .column_l div.qCont div.qBtn li { width:22px; height:20px; margin:0; padding:0; list-style:none; background:url(../images/en_btn_inline.gif) no-repeat; } #content div.enrol_v1 .column_l div.qCont div.qBtn li a { display:block; text-decoration:none; text-align:center; font-weight:bold; padding:0 7px; float:left; } /* Right hand column */ #content div.enrol_v1 .column_r { width:225px; float:right; } #content div.enrol_v1 .column_r div.promopanel { padding:18px 19px 19px 19px; background:#d0d1d1 url(../images/en_bg_promopanel.gif) no-repeat; } #content div.enrol_v1 .column_r div.steplinks { background:#f7f7f7; border:1px solid #dedede; padding:0 15px; } #content div.enrol_v1 .column_r div.steplinks ul { list-style:none; list-style-image:none; margin:1.3em 0 1.8em 0; padding:0 0 0 30px; line-height:1em; } #content div.enrol_v1 .column_r div.steplinks ul.current { font-weight:bold; } #content div.enrol_v1 .column_r div.steplinks ul.notick { font-weight:bold; } fieldset { display: block; margin-left: 2px; margin-right: 2px; padding: 0.35em 0.625em 0.75em; border: none; } /*Style specific to Enrolment - personal details page */ #content div.enrol_v1 .column_l div.qCont div.qElements div.qName table, #content div.enrol_v1 .column_l div.qCont div.qElements div.qAddress table { width:650px; } #content div.enrol_v1 .column_l div.qCont div.qElements div.qName table td, #content div.enrol_v1 .column_l div.qCont div.qElements div.qAddress table td { padding:0; } #content div.enrol_v1 .column_l div.qCont div.qElements div.qName .qText, #content div.enrol_v1 .column_l div.qCont div.qElements div.qAddress .qText { width:100%; margin:0; padding:0; } #content div.enrol_v1 .column_l div.qCont div.qElements div.qName .textbox, #content div.enrol_v1 .column_l div.qCont div.qElements div.qAddress .textbox { width:auto; margin:0; } #content div.enrol_v1 .column_l div.qCont div.qElements div.qName select, #content div.enrol_v1 .column_l div.qCont div.qElements div.qAddress select { margin:0; font:11px Tahoma, "Myriad Pro", Myriad, Verdana, "Sans Serif"; border:1px solid #a5acb2; background:#fff; } #content div.enrol_v1 .column_l div.qCont div.qElements div.qName table td.qTitle { width:80px; padding-right:10px; } #content div.enrol_v1 .column_l div.qCont div.qElements div.qName table td.qFirstname { width:auto; padding-right:10px; } #content div.enrol_v1 .column_l div.qCont div.qElements div.qName table td.qLastname { width:auto; padding-right:10px; } #content div.enrol_v1 .column_l div.qCont div.qElements div.qName table td.qDob { width:80px; padding-right:10px; } #content div.enrol_v1 div.qCont div.qElements div.qName table td.qGender { width:80px; } #content div.enrol_v1 .column_l div.qCont div.qElements div.qName table td.qFirstname .textbox, #content div.enrol_v1 .column_l div.qCont div.qElements div.qName table td.qLastname .textbox { width:175px; } #content div.enrol_v1 .column_l div.qCont div.qElements div.qAddress table td.address { width:39%;padding-right:10px; } #content div.enrol_v1 .column_l div.qCont div.qElements div.qAddress table td.suburb { width:25%; padding-right:10px; } #content div.enrol_v1 .column_l div.qCont div.qElements div.qAddress table td.state { width:27%; padding-right:10px; } #content div.enrol_v1 .column_l div.qCont div.qElements div.qAddress table td.postcode { width:80px; padding-right:10px; } #content div.enrol_v1 div.qContact table { width:auto; table-layout: fixed} #content div.enrol_v1 div.qContact input { width:auto; } #content div.enrol_v1 div.qContact td.home { width:20%; padding-right:10px; } #content div.enrol_v1 div.qContact td.work { width:20%; padding-right:10px; } #content div.enrol_v1 div.qContact td.mobile { width:15%; padding-right:10px; } #content div.enrol_v1 div.qContact td.email { width:40%; padding-right:10px; } #content div.enrol_v1 div.qIdentification table { width:fixed; table-layout: fixed} #content div.enrol_v1 div.qIdentification input { width:auto; } #content div.enrol_v1 div.qIdentification select { font:11px Tahoma, "Myriad Pro", Myriad, Verdana, "Sans Serif"; border:1px solid #a5acb2; background:#fff; width:auto; } #content div.enrol_v1 div.qIdentification td.type { width:50%; padding-right:10px; } #content div.enrol_v1 div.qIdentification td.number { width:50%; padding-right:10px; } #content div.enrol_v1 div.qVisa table { width:auto; table-layout: fixed} #content div.enrol_v1 div.qVisa input { width:auto; } #content div.enrol_v1 div.qVisa td.passportNumber { width:25%; padding-right:10px; } #content div.enrol_v1 div.qVisa td.visaNumber { width:25%; padding-right:10px; } #content div.enrol_v1 div.qVisa td.visaClass { width:25%; padding-right:10px; } #content div.enrol_v1 div.qVisa td.visaExpiry { width:25%; padding-right:10px; } #content div.enrol_v1 div.qVisa td.sponsor { width:25%; padding-right:10px; } #content div.enrol_v1 div.qVisa td.arrivalDate { width:25%; padding-right:10px; } #content div.enrol_v1 div.qStudent table { width:fixed; table-layout: fixed} #content div.enrol_v1 div.qStudent input { width:auto; } #content div.enrol_v1 div.qStudent td.placeOfStudy{ width:50%; padding-right:10px; } #content div.enrol_v1 div.qStudent td.studyCompletionYear{ width:50%; padding-right:10px; } /* end of file */