﻿body {
    background-color:#f1f1f1;
    font: 12px/16px Arial;
    font-family: Verdana, Tahoma, Arial, "Helvetica Neue" , Helvetica, Sans-Serif;
    margin: 0;
    padding: 0;
    color: #666666;
}


#wrapper {
    width: 1155px;
    margin: 0 auto;
    padding: 0 30px 0 20px;
}

#regoForm {
    background:url(../Content/images/RegistrationHeader1.png) no-repeat;
    position: absolute;
    /*top: 30%;
    left: 35%;
    margin-top: -50px;
    margin-left: -50px;
    width: 600px;
    height: 500px;
    padding-top :60px;
    padding-left:220px;*/

    width: 500px;
    position: absolute;
    top: 30%;
    left: 50%;    
    margin-left: -250px;
    padding-top :60px;
    padding-left:220px;
}

.newRegoForm {       
    width: 300px;
    position: relative;   
    margin: 6% auto;
    padding: 180px 20px 5px 20px;        
    background-color: rgba(255, 255, 255, 0.7);
    background-image: url(../Content/images/Logo-TAFEQLD.png);    
    background-repeat: no-repeat;
    background-position: center 20px;
    background-size: 149px;
}

.k-login-primary {
    color: #fff !important;
    background-color: #0275d8 !important;
    border-color: #0275d8 !important;
}

.form-group {
    width:85%;
}

.alert {
    display:block;
}

span.alert {
    width:86%;    
}

.message {
    margin-top:2.5em;
}

.center {
   /* position: absolute;
    top: 10%;
    left: 35%;
    margin-top: -50px;
    margin-left: -50px;
    width: 600px;
    height: 500px;*/

    width: 550px;
    position: absolute;
    top: 3%;
    left: 50%;    
    margin-left: -250px;
}

#regoForm div {
    margin:8px 0;
}


.error {
    color:red;
}


.field-validation-error
{
    color: #ff0000;
    display: inline-block;
    background: transparent url(../Content/images/Icon-Mandatory.png) center left no-repeat;
    padding-left: 20px;
}

.field-validation-valid
{
    display: none;
}

.input-validation-error
{
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors
{
    font-weight: bold;
    color: #ff0000;
}

h2 {
    margin: 0 0 5px 0;
    font: bold 16px/20px Arial;
    color: #336699;
}

.rego_label {
    margin: 0 0 5px 0;
    font: bold 16px/20px Arial;
    color: #336699;
}

.class_rego_detail {
    font: bold 16px/20px Arial;
    color:#555555;
}

.k-textbox {
    width: 97% !important;
    background-color: #FFFFFF;
    color: #747C83;
    height: 2.12em;
    line-height: 1.6em;
    padding: 2px 0.3em;
    border-radius: 4px 4px 4px 4px;
    background-image: url("textures/highlight.png");
    border-color: #C5C5C5;
    -moz-box-sizing: border-box;
    outline: 0 none;
    display: inline-block;
    vertical-align: middle;
    border-style: solid;
    border-width: 1px;
    overflow: visible;
    position: relative;
    white-space: nowrap;
    font-family: inherit;
    font-size: 100%;
    background-position: 0 center;
    background-repeat:no-repeat;
}

label {
    font-weight: bold;
}

td {
    font: 12px/16px Arial;
    color: #666666;
}

textarea {
        /*-webkit-border-radius: 4px;
        border-radius: 4px;
        border-color: #c5c5c5;
        font-family: arial;
        color: #666666;*/
        background-color: #FFFFFF;
        border-radius: 4px 4px 4px 4px;
        background-image: url("textures/highlight.png");
        border-color: #C5C5C5;
        -moz-box-sizing: border-box;
        background-position: 0 center;
        background-repeat: repeat-x;
        border-style: solid;
        border-width: 1px;
        outline: 0 none;
        padding: 2px 0.3em;
    }

.class-outro {
    font: 12px/16px Arial;
    color: #666666;
    /*font-weight: bold;*/
    line-height:1.5em;
}

.complete-note {
    font: 14px/16px Arial;color: #666666;line-height:1.5em;
}

.linked {
    color: #73ac32;
    text-decoration: none;
    cursor:pointer;
}

.logo {
    margin: 0 auto;
    display:block;
}

.k-radio-label {
    /*display:inline-block !important;*/
    /*vertical-align:top !important;*/
}