/*
 * SimpleModal OSX Style Modal Dialog
 * http://www.ericmmartin.com/projects/simplemodal/
 * http://code.google.com/p/simplemodal/
 *
 * Copyright (c) 2010 Eric Martin - http://ericmmartin.com
 *
 * Licensed under the MIT license:
 *   http://www.opensource.org/licenses/mit-license.php
 *
 * Revision: $Id: osx.css 254 2010-07-23 05:14:44Z emartin24 $
 */

#loginModal, #loginModalData {
    display: none;
}

#registerModal, #registerModalData {
    display: none;
}

#subscribeModal, #subscribeModalData {
    display: none
}

/* Overlay */
#osx-overlay {
    background-color: #000;
}

/* Container */
#osx-container {
    background-color: #eee;
    color: #000;
    font: 16px/24px "Lucida Grande", Arial, sans-serif;
    padding-bottom: 4px;
    width: 750px;
    -moz-border-radius-bottomleft: 6px;
    -webkit-border-bottom-left-radius: 6px;
    -moz-border-radius-bottomright: 6px;
    -webkit-border-bottom-right-radius: 6px;
    border-radius: 0 0 6px 6px;
    -moz-box-shadow: 0 0 64px #000;
    -webkit-box-shadow: 0 0 64px #000;
    box-shadow: 0 0 64px #000;
    position:absolute !important;
}

#osx-container a {
    color: #ddd;
    text-decoration: none;
}

#osx-container #loginModalTitle {
    color: #000;
    background-color: #ddd;
    border-bottom: 1px solid #ccc;
    font-weight: bold;
    padding: 6px 8px;
    text-shadow: 0 1px 0 #f4f4f4;
}

#osx-container #registerModalTitle {
    color: #000;
    background-color: #ddd;
    border-bottom: 1px solid #ccc;
    font-weight: bold;
    padding: 6px 8px;
    text-shadow: 0 1px 0 #f4f4f4;
}

#osx-container #registerModalData ul {

    margin-left: 20px;
}

#osx-container #registerModalData ul li {
    list-style: none;
}

#osx-container #registerModalData em {
    color: red;
}

#osx-container #registerModalData label {
    font-family: Arial;
    font-size: 12px;
}

#osx-container #registerModalData a {
    color: #000;
}

#osx-container #registerModalData input {
    height: 22px;
    line-height: 22px;
    width: 200px;
}

#osx-container #registerModalData .check-box {

    height: 0px;

    line-height: 22px;
    margin: 16px 0 0 1px;
    width: 0px;
    min-width: 20px;
    display: inline-block;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    #osx-container #registerModalData .check-box {
        height: 12px;
    }
}

#osx-container #registerModalData .login-link a {
    color: #5a811b;
    font-size: 12px;
}

#osx-container .register-right,#osx-container .register-left {
    height: 222px;
    margin-top: 0;
    padding: 0 32px;
    position: relative;
    width: 310px;
    border-bottom: 1px solid #CFCFCF;
}

#osx-container .register-right {
    background-color: #E7E7E7;
    float: right;
}

#osx-container .register-left {
    background-color: #E7E7E7;
    border-right: 1px solid #CFCFCF;
    float: left;
}

#osx-container .register-bottom {
    padding: 0 30px;
}

#osx-container .register-bottom .regBtn {
    float: right;

}

#osx-container .close {
    display: none;
    position: absolute;
    right: 0;
    top: 0;
}

#osx-container .close a {
    display: block;
    color: #777;
    font-weight: bold;
    padding: 6px 12px 0;
    text-decoration: none;
    text-shadow: 0 1px 0 #f4f4f4;
}

#osx-container .close a:hover {
    color: #000;
}

#osx-container #loginModalData {
    font-size: 12px;
    padding: 6px 12px;
}

#osx-container h2 {
    margin: 10px 0 6px;
}

#osx-container p {
    margin-bottom: 10px;
}

#osx-container span {
    color: #777;
}

#osx-container #loginModalError {
    color: red;
    padding: 10px 10px 10px;
    font-weight: bold;
}

#osx-container #registerModalError {
    color: #FF0000;
    font-size: 12px;
    float: right;
    margin-top: 36px;
}
#osx-container #optiuniComandaModalTitle {
    background-color: #DDDDDD;
    border-bottom: 1px solid #CCCCCC;
    color: #000000;
    font-weight: bold;
    padding: 6px 8px;
    text-shadow: 0 1px 0 #F4F4F4;
}

    }

div.close {
    padding-left: 10px;
}

a.simplemodal-close {
    background: url(../../images/common/popupClose.png) no-repeat left top;
    width: 20px;
    height: 45px;
    display: inline-block;
    color: #ffffff ! Important;
    position: absolute;
    font-size: 27px;
    left: -20px;
    padding-left: 19px ! Important;
    padding-top: 11px ! Important;
}
