.postcard_list {
    width: 680px;

}

.postcard_list .item {
    float:left;
    padding-bottom:13px;
}
.postcard_list .postcard_list_item_margin {
    margin-right:17px;
}

.postcard_list .item IMG,
.postcard_list .item .mask {
    width: 191px;
    height:122px;
    overflow: hidden;
}
.postcard_list .item .mask {
    background: transparent url('http://static3.datasrv19.karacsony.hu/postcard_mask.png') top left no-repeat;
    position: absolute;
    z-index: 5;
}
.postcard_list .item IMG {
    margin-bottom:3px;
}
.postcard_list .item .title {
    color:#000;
    font-weight: bold;
    font-size: 13px;
    padding-left:3px;
}
.postcard_list .item .link {
    padding-left:3px;
}
.postcard_list .item .link A {

    color:#7BA500;
    font-size: 12px;
}

.postcard_null {
    width:390px;
    margin:0 auto;
}
.postcard_null {
    color:#FDFEFF;
}
.postcard_null A {
    color:#7BA500;
    text-decoration: underline;
}

.postcard_new {
    width:390px;
    margin: 0 auto;
}

.postcard_new {
    color:#565656;
}
.postcard_new A {
    color:#7BA500;
    text-decoration: underline;
}


.postcard_new .title_bg .inner {
    color:#7BA500;
    font-size: 12px;
    font-weight: bold;
    margin-top:20px;
}
.postcard_new INPUT, TEXTAREA, SELECT {
    background-color: #fff;

}
.postcard_new TABLE TD.property {
    text-align: right;
    font-size: 11px;
    width:60px;
}
.postcard_new .input {
    background: transparent url('http://static3.datasrv19.karacsony.hu/postcard_input_bg.png') top left no-repeat;
    width: 241px;
    height: 24px;
}
.postcard_new .input INPUT {
    background: transparent;

    width:224px;
    height:16px;
    overflow: hidden;
    position: relative;
    top:3px;
    left:8px;
    border:none;
    color: #000;
}
.postcard_new .textarea {
    background: transparent url('http://static3.datasrv19.karacsony.hu/postcard_textarea_bg.png') top left no-repeat;
    width: 390px;
    height: 180px;
}

.postcard_new .textarea TEXTAREA {

    position: relative;
    top:3px;
    left:8px;
    width:372px;
    border:none;
    height: 170px;
}
.postcard_new A.send {
    color: #C0012B;
    font-weight: bold;
    font-size: 16px;
}



.postcard_rightside_box {

}
.postcard_rightside_box IMG,
.postcard_rightside_box .mask {
    width: 191px;
    height: 122px;
    overflow: hidden;
}
.postcard_rightside_box .mask {
    background: url('http://static3.datasrv19.karacsony.hu/postcard_mask.png') top left no-repeat;
}
.postcard_rightside_box .postcard_rs_inner {
    width:191px;
    margin:0 auto;
    height:130px;
}


.article_redbox{
    width: 330px;
    float:left;
    margin-right: 20px;
    position: relative;
}

.article_redbox_margin{
    margin-right: 0;
}

.postcard-hover{
    position: absolute;
    top:0;
    left:0;
    display: none;
}

.article_redbox .title{
    display: block;
    font-family: 'roboto-medium';
}

.article_redbox .link a{
    display: block;
    font-family: 'roboto-medium';
    font-size: 12px;
    color: #01B169 !important;
}

.separator{
    width: 680px;
    height: 5px;
    background: #D0DDCC;
    margin-bottom: 20px;
    float:left;
    margin-top: -4px;
}

.separator-red{
    background: #E03731;
}

.postcard{
    width: 720px;
    height: 404px;
    padding: 0px;
    position: relative;
    background: #fff;
    margin-bottom: 10px;
}

.postcard img{
    width: 720px;
}

.message{
    position: relative;
    width: 680px;
    padding: 20px;
    background: #fff;
}

.sender{
    font-family: 'roboto-bold';
    font-size: 30px;
    margin-bottom: 25px;
}

.sender_name{
    color: #e03731;
}

.message_txt{
    color: #3a3a3a;
}

.message_content{
    font-family: 'Georgia';
    font-size: 16px;
    color: #3a3a3a;
    margin-bottom: 55px;
    line-height: 22px;
    overflow: hidden;
}

.button2{
    width: 190px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-family: 'arial';
    font-size: 14px;
    color: #fff;
    background: #e03731;
}

.desc{
    font-family: 'Georgia';
    color:#393939;
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 10px;
}

.funny-postcard-btn{
    width: 330px;
    height: 220px;
    background-color: #ccc;
    position: relative;
    float:left;
    z-index: 1000;
    font-family: 'roboto-medium';
    text-transform: uppercase;
    color: #fff;
    text-align: center;
}

.tovabb_text{
    margin-top: 90px;
    display: block;
    font-size: 24px;
}

.funny_text{
    display: block;
    font-size: 16px;
}

.funny_arrow{
    position: absolute;
    bottom: 20px;
    right: 20px;
}

.kepeslapok_box.vicces{
    display:block;
}

.kepeslapok_box.hagyomanyos{
    display:none;
}

.form-label{
    font-family: 'roboto-bold';
    font-size: 30px;
    margin-bottom: 20px;
    color: #3a3a3a;
}

.step{
    color: #e03731;
}

.form_input{
    width: 218px;
    height: 38px;
    border: 1px solid #ccc;
    padding-left: 10px;
    position: relative;
    float: left;
    margin-right: 20px;
    font-family: 'Georgia';
    font-style: italic;
    font-size: 16px;
    color: #aaa;
}

.input-boxes{
    position: relative;
    width: 620px;
    margin-left: 60px;

}

.form-box{
    position: relative;
    float: left;
    width: 680px;
    margin-bottom: 20px;
}

.radio-btn-box{
    float: left;
    height: 40px;
    line-height: 40px;
    position: relative;
}

#message_area{
    border: 1px solid #ccc;
    resize: none;
    width: 540px;
    height: 140px;
    padding: 10px;
    font-family: 'Georgia';
    font-style: italic;
    font-size: 16px;
    color: #aaa;
}

.send-btn{
    width: 190px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-family: 'arial';
    font-size: 14px;
    color: #fff;
    background: #e03731;
    margin: 20px auto;
    cursor: pointer;
}

.pc-text{
    font-family: 'Georgia';
    font-style: italic;
    font-size: 16px;
    color: #3a3a3a;
}

.pc-text label{
    display: block;
    margin-bottom: 10px;
}

#sendhide{
    width: 680px;
    float: left;
    position:relative;
}

#imgcontainer{
    margin-bottom: 370px;
    position: relative;
    width: 680px;
    float:left;
}

#imgcontainer img{
    width: 680px;
    height: 380px;
}

#succmsg{
    font-family: 'roboto-bold';
    font-size: 28px;
    margin-bottom: 20px;
    position: relative;
    color: #3A3A3A;
}

.input-boxes label{
    font-family: 'Georgia';
    font-size: 16px;
    color: #3a3a3a;
    font-style: italic;
}

.input-boxes label:before {  
    
}  

.select_input{
    font-family: 'Georgia';
    font-size: 16px;
    color: #3a3a3a;
    font-style: italic;
    line-height: 38px;
    padding: 5px;
    height: 38px;
    border: 1px solid #ccc;
    position: relative;
}

input[type=radio] {
    opacity: 0;
    z-index: 9999;
}
/* default radio button style: unchecked */
.overlay {
    display: inline-block;
    position: relative;
    left: -1em; /* or whatever length you need here */
    height: 12px;
    width: 12px;
    border-radius: 12px;
    background-color: #fff;
    border: 1px solid #CCCCCC;
    margin-right: -10px;
}
/* changed style when checked */
input[type=radio]:checked + .overlay {
    background: url('/images/design_2013/point.png') no-repeat 2px 2px;
    z-index: 100;
}

.day{
    width: 138px;
}

.minute, .hour{
    width: 68px;
}

.date{
    color: #3A3A3A;
    float: left;
    font-family: 'Georgia';
    font-size: 16px;
    font-style: italic;
    height: 42px;
    line-height: 42px;
    margin-right: 20px;
    position: relative;
}

.date_input{
    display: none;
}

#textbox{
    position: relative;
    width: 680px;
    float:left;
}

#sendcard{
    position: relative;
    float: left;
    width: 680px;
}

.taglistek{
    display: none;
}