123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218 |
- /* Color easy change */
- body, .form, #links a, .form-info {
- color: #DF002A;
- }
- .form-submit, input, select {
- background-color: #DF002A;
- }
- .form-error {
- color: red;
- font-size: 9pt;
- }
- .form-submit {
- margin: 0;
- padding: 0;
- width: 310px;
- height: 27px;
- background-color: #DF002A;
- /*background-image: url(/custompages/images/login-form-submit-bg.jpg);*/
- color: white;
- cursor: pointer;
- cursor: hand;
- }
- /* end easy change */
- /* Registration form */
- #registration-form-box {
- width: 400px;
- margin-left: auto;
- margin-right: auto;
- margin-top: 50px;
- border: solid 1px #CCCCCC;
- text-align: left;
- background-color: white;
- }
- #registration-form-box .form-submit{
- width: 400px;
- }
- div.row {
- clear: both;
- padding-top: 5px;
- }
- div.row div.form_header {
- white-space: nowrap;
- padding: 2px;
- background-color: #f0f0f0;
- border: 1px solid #bbb;
- }
- div.row div.label {
- float: left;
- width: 53%;
- text-align: right;
- padding-right:1%
- }
- div.row div.formw {
- width: 46%;
- float:left;
- }
- [dir=ltr] div.row div.label, [dir=rtl] div.row div.formw {
- float: left;
- text-align: right;
- }
- [dir=rtl] div.row div.label, [dir=ltr] div.row div.formw {
- float: right;
- text-align: left;
- }
- span.form_required {
- color: #f00;
- }
- span.form_error {
- color: #f00;
- font-size: x-small;
- margin: 2px;
- }
- html, body {
- margin: 0;
- padding: 0;
- }
- body {
- font-family: "Arial Black",sans-serif;
- font-size: 10pt;
- width: 100%;
- text-align: center;
- color: #1F3660;
- /*background-image: url(images/page-background.png);
- background-repeat: no-repeat;
- background-size: 100%;
- */
- }
- #backgroundimage {
- background-attachment:fixed;
- width: 100%;
- height: 100%;
- position: absolute;
- left: 0;
- top: 30px;
- z-index:-1;
- }
- .backgroundimage {
- width: 100%;
- height: auto;
- }
- #wrapper {
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- z-index: 1;
- }
- #header {
- width: 520px;
- margin-left: auto;
- margin-right: auto;
- margin-top: 30px;
- }
- #footer {
- position: relative;
- /*margin-top: 50px;*/
- text-align: center;
- }
- .form-box {
- width: 310px;
- margin-left: auto;
- margin-right: auto;
- margin-top: 50px;
- border: solid 1px #CCCCCC;
- text-align: left;
- /*background-color: white;*/
- }
- .form {
- margin-left: 15px;
- margin-right: 15px;
- margin-top: 30px;
- /*color: #1F3660;*/
- /*position: relative;*/
- text-align: left;
- }
- label {
- width: 100px;
- float: left;
- margin-right: 1em;
- display: block;
- text-align: right;
- line-height: 2ex;
- }
- input {
- text-align: left;
- vertical-align: baseline;
- margin-bottom: 2em;
- width: 150px;
- color: white;
- /*background-color: #1F3660;*/
- border: none;
- }
- .radiobutton {
- width: 20px;
- background-color: white;
- margin: 0;
- }
- .radiogroup {
- margin-bottom: 2em;
- }
- select {
- width: 150px;
- color: white;
- /*background-color: #1F3660;*/
- border: none;
- margin-bottom: 2em;
- width: 150px;
- }
- label {
- clear: both;
- }
- input, select, .radiogroup {
- float: right;
- clear: both;
- }
- .radiogroup input, .radiogroup label {
- float: none;
- }
- #links {
- margin-left: 15px;
- margin-right: 15px;
- margin-top: 10px;
- margin-bottom: 50px;
- /*color: #1F3660;*/
- }
- #links a {
- text-decoration: none;
- }
- #links a:hover {
- text-decoration: underline;
- }
- span {
- margin-right: 30px;
- margin-top: 3px;
- float: right;
- }
- .form-info {
- /*color: #1F3660;*/
- font-size: 9pt;
- }
|