/* Common styles for login/register windows */
/* Keep rules weight because of mess in number and load order of CSSs that confuse IEs */
body div.login-window, body div.registration-window {
    background: #fff;
    font-family: Arial, Helvetica, sans-serif;
}

body div.login-window .ui-state-hover,
body div.registration-window .ui-state-hover {
    background: none;
    border: none;
}

    body div.login-window .ui-dialog-titlebar-close,
    body div.registration-window .ui-dialog-titlebar-close {
        background: url('ico-close.gif') no-repeat;
        height: 18px;
        width: 13px;
        padding: 0;
    }

        body div.login-window .ui-dialog-titlebar-close:hover,
        body div.registration-window .ui-dialog-titlebar-close:hover {
            background-position: 0px -20px;
        }


body .ui-widget-overlay {
    background: #000000;
}

body .login-window.ui-widget-content {
    border:none;
}

    body .login-window .ui-widget-header {
        border:none;
        background:none;
    }

    body div.login-window .ui-dialog-titlebar-close {
        margin: 4px 4px 0px 0px;
        float: right;
    }

body .login-window{
    right : 30px !important;
    top   : 95px !important;
    left  : auto !important;
    background: #fff;
}

    body .login-window.ui-corner-all  {
        -moz-border-radius:12px 12px 12px 12px;
        -webkit-border-radius:12px 12px 12px 12px;
        border-radius:12px 12px 12px 12px;
        overflow: hidden;
    }

body .login-window.ui-dialog .ui-icon-closethick{
    background:none;
}

    body .login-window.ui-dialog .ui-dialog-title{
        padding:0;
    }

    body .login-window .ui-dialog-titlebar {
        margin:0;
        padding:0;
        height:10px;
        line-height:1px;
        border:none !important;
    }
        * html body .login-window .ui-dialog-titlebar {
            overflow: visible;
        }

#login-form {
    width: auto;
}
    #login-form label, #login-form a, #login-form .header {
        font-family: Arial, sans-serif;
    }

    #login-form .errorblock {
        display: none;
    }

    #login-form td {
        padding: 0 0 1.2em;
    }

    #login-form th {
        padding: 0 0 0.3em 0;
    }

    #login-form a {
        color: #396EA9;
        text-decoration: underline;
    }

    #login-form a:hover {
        color: #F15A23;
    }

    #login-form input {
        width: 11em;
        font-size: .85em;
    }

    #login-form input[type="submit"] {
        font-size: .95em;
        width: auto;
        cursor: pointer;
    }

    #login-form .required-field {
        font-size: 90%;
        width: 6em;
        color: #656565;
        font-family: Arial,sans-serif;
    }
        #login-form .required-field .red {
            color: #F15A23;
        }

    #login-form .remember {
        color: #494949;
        padding: 0 0 1.6em;
    }
        #login-form .remember input {
            margin: 5px 3px 0 0;
            float: left;
            width: auto;
        }
        #login-form .remember label {
            float: left;
            font-size: .95em;
            cursor: pointer;
        }

     #login-form .notremeber {
        padding-left: 1em;
        font-size: .7em;
        line-height: 1.4em;
        vertical-align: top;
    }

    #login-form .header {
        text-align: left;
        font-size: 1.73em;
        padding-left: 10px;
    }
        #login-form .header span {
            margin-left: 2.8em;
            font-weight: normal;
            color: #494949;
        }

    #login-form #registration-url {
        border-bottom: 1px dotted #396EA9;
        font-size: 1.5em;
        text-decoration: none;
    }
        #login-form #registration-url:hover {
            border-bottom: 1px dotted #F15A23;
        }

/* added rule weight for IEs because of mess in order and amount of CSSs loaded */
body div.registration-window {
    border: 1px solid #FF6300;
    padding: 0;
    top: 20px !important; /* prevent dynamic positioning */
}

    body div.registration-window .ui-dialog-titlebar-close {
        margin: 0;
        top: 13px;
    }

    .registration-window .ui-dialog-content {
        padding: 0 1.15em;
    }

    .registration-window.ui-corner-all {
        -moz-border-radius:12px 12px 12px 12px;
        -webkit-border-radius:12px 12px 12px 12px;
        border-radius:12px 12px 12px 12px;
    }

        .registration-window .ui-dialog-titlebar.ui-corner-all{
            -moz-border-radius:9px 9px 0px 0px;
            -webkit-border-radius:9px 9px 0px 0px;
            border-radius:9px 9px 0px 0px;
            border:none;
        }

    .registration-window .ui-dialog-titlebar{
        padding:0;
    }

    .registration-window div.ui-widget-header {
        background: #F7741C;
        font-size: 1.09em;
        margin-bottom: 1.65em;
        padding: .9em 1.7em 0.65em;
        text-align: left;
        color: #FFF;
    }

        .registration-window .ui-widget-header .ui-icon{
            background:none;
        }

#reg_body {
    font-size:none;
    text-align:center;
    padding:0;
    margin:0 0 1.5em 0;
}
    body.layout-mini #reg_body {
        text-align: left;
        width: 844px;
    }
    div.ui-dialog #reg_body {
        text-align: center;
        width: 100%;
    }

.ui-dialog #reg_top {
	font-family:Arial,sans-serif;
	font-style:normal;
	padding:0;
}

#reg_buttons {
    margin: 0;
    padding: 20px 0;
}

    #reg_buttons li {
        display: inline;
        margin: 0 20px;
        padding: 0;
    }

    #reg_buttons a {
        float: none;
        display: inline-block;
        margin: 0;
    }

#reg_round {
    margin: 1.2em 0 0;
}

    #reg_round #reg_round_cont{
        position: relative;
        border: 1px solid #ACAEB1;
        border-radius: 12px;
        -moz-border-radius: 12px;
        -webkit-border-radius: 12px;
    }

        * html #reg_round_cont {
            zoom: 1;
        }

    #reg_round #orange_tit {
        width: 820px;
        padding: 10px;
        text-align: center;
        top: -1.5em;
        left: 0;
        background: none;
    }

        #reg_round #orange_tit span {
            padding: 0 10px;
            background: #fff;
        }

    #reg_round #reg_text {
        text-align: left;
        padding: 1.5em 0.7em 0 0.7em;
    }

        #reg_round #reg_text div {
            min-height: 60px;
            padding: 0 0 0 63px;
            font-size: 12px;
            color: #5A5A5A;
        }
        * html #reg_round #reg_text div {
            height: 60px;
        }
        #reg_round #reg_text a {
            font-size: 12px;
        }

        #reg_round #reg_text div#more {
            min-height: inherit;
            padding: 0 0 33px 10px;
            color: #000000;
            font-size: 14px;
        }

#reg_round_bottom {
    display: none;
}

#fizlico input, #urlico input {
    width: 11em;
    font-size: .9em;
}

/* to be moved in form.css when it will appear */
.ui-autocomplete {
    overflow-y: scroll;
    overflow-x: hidden;
    max-height: 200px;
    padding: 1px;
    font-size: 0.8em;
    text-align: left;
}