/* Formular */ input[type="text"] { border: 1px solid #7f9db9; padding: 2px; } .content-block input { width: 225px; overflow: visible; } .content-block select { border: 1px solid #7f9db9; width: 231px; padding: 2px; overflow: visible; } .content-block textarea { border: 1px solid #7f9db9; width: 229px; height: 100px; overflow: auto; } .content-block .large-textarea textarea { width: 458px; } .content-block input.readonly { background: #D4D0C8 !important; color:Black !important; } .content-block input.postnummer { width: 33px; } .content-block input.city { width: 182px; } .content-block .checkbox input { width: auto; margin-right: 5px; border: none; } /* XForms adjustments */ .content-block #innerXFormPanel table tr td { border: solid 0px; } .content-block #innerXFormPanel textarea, .content-block #innerXFormPanel select, .content-block #innerXFormPanel input { display: block; } /* TODO: Do not do this for input type checkbox and radio btn */ .content-block #innerXFormPanel input.checkbox { display: inline; width: auto; margin-right: 5px; border: none; } .content-block p { margin-bottom: 5px; } .content-block dl { margin: 0; } .content-block dl dd { margin: 2px 0 10px; min-height: 20px; clear: both; } .content-block dl dd.info-text { text-align: right; color: #666; font-size: 11px; margin: 0; } .content-block dl dt { margin: 0; clear: both; } .content-block .required-star { color: red; font-weight: bold; } /* Form tables */ .table-form { border: none !important; width: auto !important; } .table-form td { border: none !important; padding: 8px 0 !important; } .table-form td label { display: block; } .table-form td select.year { width: 150px; margin-right: 10px; } .table-form td select.month { width: 150px; margin-right: 10px; } .table-form td input.cvc { width: 30px; margin-right: 10px; } /* Error styles */ .content-block input.error { border: 1px solid #D61A19 !important; color: #000; } .content-block label.error { margin-left: 10px; color: #D61A19; line-height: 22px; } .content-block div.error { color: #D61A19; line-height: 22px; } .content-block .checkbox input.error { border: none; } .content-block .checkbox label.error { margin: 0 5px 0 0; } input.disabled, input[disabled=disabled] { background: #D4D0C8 !important; color: #dedede !important; } /* Focus to inputfield */ .content-block input[type=text]:focus, .content-block textarea:focus, .content-block select:focus, .content-block .focusField { border: solid 1px #30ce00 !important; color: #000 !important; } /* Buttons */ #content .button-container { margin: 10px 0; clear: both; overflow: hidden; } #content .input { display: block; float: right; height: 26px; margin-left: 5px; padding-right: 26px; /*margin: 10px 0 0 0;*/ font-weight: bold; font-size: 13px; line-height: 26px; color: #fff; text-decoration: none!important; background: url(../img/bg/button-stan.png) 100% 100% no-repeat; border: none; cursor: pointer; } #content .input a, #content .input a:hover { color: #fff; text-decoration: none!important; } #content .input span { float: right; } #content .btn { display: block; float: right; width: auto; height: 26px; padding: 0 5px 0 10px; /*margin-right: 25px;*/ background: url(../img/bg/button-stan.png) 0 0 no-repeat; color: #fff; border: none; cursor: pointer; font-weight: bold; } #content .input .btn { float: none; margin-bottom: 0; } #content button.input { width: auto; overflow: visible; padding-top: 0; padding-bottom: 0; } #content .image-btn { border: none; float: right; width: auto; height: auto; padding: 0; cursor: pointer; } #content .input-back { display: block; float: left!important; padding-right: 0; } #content .input-back .btn { display: block; float: left; margin-right: 2px; } #content .content-block dd.submit { height: 26px; } #content .content-block dd.submit span.input { margin: 0; } /* Spinner for file upload */ #spinner-overlay { display: none; position: fixed; top: 40%; left: 50%; margin-left: -30px; } /* safeware login TEMP fix */ #content .button-container div span { display: block; float: right; height: 26px; margin-left: 5px; padding-right: 26px; /*margin: 10px 0 0 0;*/ font-weight: bold; font-size: 13px; line-height: 26px; color: #fff; text-decoration: none!important; background: url(../img/bg/button-stan.png) 100% -26px no-repeat; border: none; cursor: pointer; } #content .button-container div span input { float: none; width: auto; height: 26px; padding: 0 5px 0 10px; /*margin-right: 25px;*/ background: url(../img/bg/button-stan.png) 0 0 no-repeat; color: #fff; border: none; cursor: pointer; font-weight: bold; } /* Color theme */ #medlemmer #content .input { background: url(../img/bg/button-medl.png) 100% 100% no-repeat; } #virksomheder #content .input { background: url(../img/bg/button-virk.png) 100% 100% no-repeat; } #organisationer #content .input { background: url(../img/bg/button-orga.png) 100% 100% no-repeat; } #medlemmer #content .btn { background: url(../img/bg/button-medl.png) 0 0 no-repeat; color: #fff; text-decoration: none; } #virksomheder #content .btn { background: url(../img/bg/button-virk.png) 0 0 no-repeat; color: #fff; text-decoration: none; } #organisationer #content .btn { background: url(../img/bg/button-orga.png) 0 0 no-repeat; color: #fff; text-decoration: none; } /* Step guide */ #content .step-guide { position: relative; height: 14px; } #content .step-guide ul { margin: 0; padding: 0; display: inline; position: absolute; top: 3px; right: 0; } #content .step-guide ul li { margin: 0; padding: 0 0 0 5px; float: left; list-style: none; background: none; } #content .step-guide ul li span { display: block; float: left; height: 19px; padding-top: 2px; width: 21px; overflow: hidden; text-align: center; color: #000; background: transparent url(../img/icon/step-guide-stan.png) 0 100% no-repeat; } #content .step-guide ul li.selected span { background-position: 0 50%; color: #fff; } #content .step-guide ul li.prev span { background-position: 0 0%; } #medlemmer #content .step-guide ul li span { background-image: url(../img/icon/step-guide-medl.png); } #medlemmer #content .step-guide ul li.prev span{ color: #D61A19; } #virksomheder #content .step-guide ul li span { background-image: url(../img/icon/step-guide-virk.png); } #virksomheder #content .step-guide ul li.prev span{ color: #0F233D; } #organisationer #content .step-guide ul li span { background-image: url(../img/icon/step-guide-orga.png); } #organisationer #content .step-guide ul li.prev span{ color: #526E86; } #ompensiondanmark #content .step-guide ul li span { background-image: url(../img/icon/step-guide-opdk.png); } #ompensiondanmark #content .step-guide ul li.prev span{ color: #5E87A3; } /* Special date/time picking inputs */ dl .date-wrapper dd { position: relative; height: 20px; margin-bottom: 4px; } .date-wrapper dd label { } .date-wrapper input { position: absolute; left: 42px; width: 80px; } .date-wrapper select { position: absolute; left: 42px; width: 86px; padding: 1px; } .date-wrapper label.error { position: absolute; left: 128px;} .date-picker-wrapper img.ui-datepicker-trigger { position: absolute; top: 0; left: 130px; } .date-picker-wrapper label.error { left: 152px; } /* Health agreement wizard */ #AgreementPanel dl dd { vertical-align: top; } #AgreementPanel dl dd.checkbox, #ConfirmPanel dl dd.checkbox { position: relative; } #AgreementPanel dl dd.checkbox label.error { position: absolute; top: 0; right: 0; padding: 0; line-height: normal; } #ConfirmPanel dl dd.checkbox label.error { position: absolute; left: 0; top: 16px; } /* Firefox 2-3 has rendering issues with