/* 
    Document   : card-editor
    Created on : 2012-07-06, 14:14:24
    Author     : artur
    Description:
        Style wizualnego edytora wizytówek
*/


div#dynamic_card_prev div#preview,  div#static_card_prev div#preview {
    float: right;
    -moz-box-shadow: -1px 1px 22px  #CCC;
    -webkit-box-shadow: -1px 1px 22px  #CCC;
    box-shadow: -1px 1px 22px  #CCC;
}

div#dynamic_card_prev div#preview .safe_area, div#static_card_prev div#preview .safe_area{
    width: 800px;
    height: 400px;
    margin:25px 0px 0px 25px;
    background-repeat:no-repeat;
    background-position:center;
    word-break: break-word;
    overflow:hidden;
    white-space: pre-wrap; /* css-3 */    
    white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
    white-space: -pre-wrap; /* Opera 4-6 */    
    white-space: -o-pre-wrap; /* Opera 7 */    
    word-wrap: break-word; /* Internet Explorer 5.5+ */
}

div#dynamic_card_prev div#editor {
    min-height: 400px;
    width: 432px;
}

div#dynamic_card_prev div#editor input{
    width: 410px;
}

div#dynamic_card_prev div#preview .card_shape{
    width: 850px;
    height: 430px;
}


#bonds_warning{
    display:none;
    border: 1px solid;
    color: red;
    display: none;
    font-size: 20px;
    padding: 5px;
}

div#static_card_prev {
    margin-right: 100px;
}

div.card-metric{
    font-size: 15px;
    line-height: 24px;
    text-align: left;
    width: 360px;
}