/* -- new form styles for CSUAppForm.css .... are below oct 2008 --*/ /* body { padding: 0; font-family: verdana,arial,helvetica,sans-serif; font-size: 0.7em; } h2, h3, h4 { margin: 0; padding: 8px 0px; } */ .validator { color: #d6013c !important; } .clearFormRow, .clearHalfRow { clear: left; line-height: 1px; font-size: 1px; } .clearFormRow { width: 0px; } .clearHalfRow { width: 0px; } .fieldTable { background-color: #f6f6f3; width: 733px; } td.courseFee { text-align: right; padding-right: 50px; width: 105px; } td.labelAlign1 { width: 160px; } td.labelAlign2 { width: 370px; } td.courseStyle { padding-left: 10px; width: 160px; } td.courseStyle1 { padding-top: 5px; padding-left: 10px; width: 160px; } td.courseStyle2 { padding-left: 10px; width: 160px; } td.courseStyle3 { padding-top: 5px; } td.courseStyle4 { padding-left: 10px; font-size:smaller; } td.courseStyle4 .bulletStyle { margin-bottom:0px; padding-top:7px; text-align:left; margin-left:0; padding-left:17px; } .floatLeft { float: left; } /* form: steps div */ div.steps { color: #d6013c; font-weight: bold; } div.steps span { margin-right: 10px; } div.steps div.stepStage { width: 13px; height: 15px; border: 1px solid #a2aab0; float: left; margin: -2px 0px 0px 5px; } div.steps div.selectStage { background: #d6013c; border: 1px solid #d6013c; } /* end form: steps div */ input.lMar, select.lMar, textarea.lMar { margin-left: 15px; } .borderHeight { background-color: #f6f6f3; width: 745px; height: 280px; border-width: 1px; } .borderHeight1 { background-color: #f6f6f3; width: 745px; height: 60px; border-width: 1px; } .borderHeight2 { background-color: #f6f6f3; width: 745px; height: 180px; border-width: 1px; } .borderHeight3 { background-color: #f6f6f3; width: 745px; height: 150px; border-width: 1px; } .paddingLeft { padding-left: 20px; } /* This table cell is generated by the Wizard control. We need it unpadded to get correct container width for our usercontrol elements. */ .csuAppFormContainer > table > tbody > tr > td { padding: 0; } /* course selection */ #feesform table { width: 745px; margin:0; } #feesform form select, #feesform form input { color: #000; } #feesform .fieldTitle1 { padding-left: 220px; vertical-align: top; } #feesform .fieldTitle2 { border-width: 0; width: 100px; vertical-align: top; } #feesform .lblCurrencyAlign { padding-right: 20px; text-align: right; } .fieldTitle3 { border-width: 0; padding-left: 15px; padding-right: 10px; text-align: right; width: 60px; } #feesform #feequestions { border: none; width: 745px; margin-left: 0; padding-left: 0; } #feesform #feequestions input { border: 0; } #feesform #feequestions .rblSht { width: 150px; } #feesform .rblMed { width: 300px; } #feesform #feequestions table { width: auto; border: 0; margin: 0; padding: 0; } #feesform #feequestions .lblMed { width: 290px; } #feesform .lblMed { width: 500px; } #feesform #feetitle #centretitle { width: 95px; border-bottom: none; border-right: none; background-color: #dedfd2; } #feesform #feetitle #centres { border-bottom: none; background-color: #f6f6f3; } #feesform #feetitle #centres select { width: 330px; } #feesform .feetitle { border: 1px solid #dfe1e3; padding-top: 4px; padding-bottom: 4px; } #feesform #feetitle h3 { font-weight: normal; padding-top: 2px; padding-bottom: 2px; } #feesform select, #feesform input { font-size: 1em; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; } #feesform table.articlelines { border-bottom: 0; margin-bottom: 0; padding-bottom: 0; } #feesform table.articlelines td { border-top: 0; border-left: 0; border-right: 0; margin-top: 5px; } #feesform .relatedlines { border-top: 0; border-bottom: 0; margin-top: 0; padding-top: 0; margin-bottom: 0; padding-bottom: 0; } #feesform .relatedlines td { border-left: 0; border-right: 0; } #feesform table.pricetotal { margin-top: 0; padding-top: 0; border: 0; background-color: #fff; font-weight: bold; } #feesform table.pricetotal td { border: 0; border-bottom: 1px solid #dfe1e3; padding-top: 5px; padding-bottom: 5px; } #feesform td.articletype { background-color: #dedfd2; width: 115px; padding-left: 8px; } #feesform .articleddl { background-color: #f6f6f3; padding-left: 8px; width: 331px; border-bottom: 1px solid #dfe1e3; padding-bottom: 4px; padding-top: 4px; padding-right: 0px; } #feesform .articleddlCentre { background-color: #f6f6f3; padding-left: 8px; width: 330px; border-right: 1px solid #dfe1e3; border-bottom: 1px solid #dfe1e3; padding-bottom: 4px; padding-top: 4px; } #feesform .articleddlCentre select { width: 330px; } #feesform .articleddlCentre input { width: 325px; border: 1px solid #a2aab0; } #feesform .articleddl select { width: 330px; } #feesform .articleddl input { width: 325px; border: 1px solid #a2aab0; } #feesform .articleunits { background-color: #f6f6f3; width: 90px; border-bottom: 1px solid #dfe1e3; padding-left: 2px; padding-right: 0px; padding-top: 4px; padding-bottom: 4px; } #feesform .articleunits select { width: 80px; border: 1px solid #dfe1e3; padding-bottom: 2px; padding-top: 2px; } #feesform .articleunits input { width: 80px; border: 1px solid #a2aab0; padding-bottom: 2px; padding-top: 2px; } #feesform .articleprice { background-color: #f6f6f3; width: 70px; border-bottom: 1px solid #dfe1e3; border-right: 1px solid #dfe1e3; text-align: right; padding-right: 18px; } #feesform .radioButtonList { background-color: #f6f6f3; width: 260px; padding-left: 4px; border-bottom: 1px solid #dfe1e3; border-right: 1px solid #dfe1e3; padding-bottom: 4px; padding-top: 4px; } #feesform table.pricetotal .totallabel { border-left: 1px solid #dfe1e3; height: 20px; padding-left: 8px; } #feesform table.pricetotal .totalprice { height: 20px; padding-right: 18px; text-align: right; border-right: 1px solid #dfe1e3; } #feesform .articlelines .articlebtn, #feesform .relatedlines .articlebtn { background-color: #f6f6f3; width: 20px; border-right: 1px solid #dfe1e3; } #feesform .pricetotal .articlebtn { width: 20px; border-right: 1px solid #dfe1e3; } #feesform #feesbtns { margin: 0; padding: 0; border: 0; } .button { background: url(http://development.taylorscollege.com/images/button_bg.png) repeat-x 50%; padding: 2px 7px; border: 0; color: #fff; } /* end course selection */ /* student details */ h4 { font-weight: bold; font-size: 1em; } /* form template */ div.formRow { width: 730px; padding: 10px; background: #f6f6f3; } div.formLeftSide { width: 330px; padding-right: 10px; border-right: 1px solid #a2aab0; float: left; } div.formRightSide { width: 330px; padding-left: 10px; border-left: 1px solid #fff; float: left; } div.sideNoBdr { border-left: 0px !important; border-right: 0px !important; } div.formRow span.highlight { float: none !important; display: inline !important; } div.formRow label, div.formRow span { display: block; float: left; } div.formRow label.lblSht, div.formRow span.lblSht { width: 125px; } div.formRow td.lblSht { width: 115px; } div.formRow label.lblMed, div.formRow span.lblMed { width: 236px; } div.formRow label.lblLng, div.formRow span.lblLng { width: 370px; } div.formRow span.lblSpn { width: 508px; } div.formRow span.lblBgSpn { width: 540px; } div.formRow span.lblBgSht { width: 137px; } div.formRow .lblBggrSht { width: 260px; } div.formRow .lblwidth { width: 100px; } div.formRow span.lblBgMed { width: 295px; } div.formRow .rblMed { width: 200px; } div.formRow span.lblBgst { width: 690px; padding-right: 2px; } div.formRow span.txtSht { padding-left: 4px; padding-right: 10px; width: 50px; } div.formRow span.txtSht input { width: 40px; } div.formRow .lblShttr { width: 80px; } div.formRow .lblSht { width: 130px; } .lblSht1 { width:120px; } div.formRow .inputSht { width: 20px; } div.formRow .inputBgSht { width: 40px; } div.formRow span.txtPaddingleft { padding-left: 130px; } .textBoxType { background-color: #dedfd2; width: 735px; padding: 6px; } input, select, textarea { border: 1px solid #a2aab0; font-size: 1em; font-family: verdana,arial,helvetica,sans-serif; } div.formRow input, div.formRow select, div.formRow textarea { float: left; } div.formRow .txtwidth input { width: 40px; padding-left: 3px; } input.inputMed { width: 190px; } select.selectSht { width: 98px; } select.selectMed { width: 193px; } .rdoBtn input { border: 0px !important; width: 20px; } input.rdoBtn, input.chkBox { margin: 0px 0px 0px 0px; padding: 0px; border: 0px !important; } * html input.rdoBtn, * html input.chkBox { margin-top: -3px; } input.lMar, select.lMar, textarea.lMar { margin-left: 15px; } textarea.taMed { width: 265px; height: 95px; } #formApply #appform_Radio input { margin: 0px 5px 0px 0px; padding: 0px; border: 0px !important; } .floatRight { text-align: right; float: right; } .lblStyle { width: 730px; padding: 10px; background: #f6f6f3; } /* end: form template */ div.formRow span.VisaSubclassWidth, span.VisaExpiryDateWidth { width:150px; }