html, body {
background: #fff url(/wedding/img/topfon.jpg) repeat-x;
padding: 0px;
margin: 0px;
width:100%;height:100%;
}
#top {
    height: 254px;
    background: url(/wedding/img/rose.jpg) no-repeat right top;
    /*z-index:2;*/
}
#logo {
    height: 136px;
    background: url(/wedding/img/logo.jpg) no-repeat;
    margin-left: 50px;   
}
#content {
    position:relative; min-height:100%;height:auto !important;height:100%;
}
#content .empty {height:50px; }

.hr {clear: both;}
.hr div {
    margin-left: 40px; height: 7px; background:  url(/wedding/img/hline.jpg) repeat-x bottom left;
}
.hr div div {   height: 7px;
    background: url(/wedding/img/rc.jpg) no-repeat 0px 0px;  
    margin-left: 0px;
}

#left {
    width: 400px;
    float: left;
    background: #fff;
    font-style: Courier New;
    font-size: 14px;
    color: #bb1c18;
}
table.tabcl {
    font-style: Courier New;
    font-size: 14px;
    width: 98%;
    color: #bb1c18;
    border-collapse: collapse;
    margin-left: 10px;
}
table.tabcl tr td a {
    font-size: 14px; 
            color: #bb1c18;
            text-decoration: none;
}
table.tabcl tr.notconf td a {
            color: #aB7C78;
    }
table.tabcl tr td a:hover {
    text-decoration:underline;
}
table.tabcl tr td.date
{
    width: 110px;
}
#center {
    width: 5px;
    height: 100%;

    float: right;
    background: #fff url(/wedding/img/cc.jpg) repeat-y;   
}
#ct {
    height: 100%;
    min-height: 250px; 
    background: url(/wedding/img/ct.jpg) no-repeat 0px 0px;   
}
#cb {
    height: 100%;
    min-height: 250px; 
    background: url(/wedding/img/cb.jpg) no-repeat bottom left;   
}

#right {
        margin-left: 400px;
        background: #fff url(/wedding/img/cc.jpg) repeat-y;
        min-height: 250px;    
}
.header {
    font-weight: 900;
    font-style: Courier New;
    font-size: 16px;
    color: #bb1c18;
    padding-left: 5px;
}
td.header {
    text-align: right;
    padding-right: 5px;
}
input.inp,#date {
    width: 217px;
    height: 22px;
    background: url(/wedding/img/form.jpg) no-repeat bottom left;
    border-width: 0px;
    padding: 0px 5px;
    font-weight: 900;
}
#date {
       width: 92px;
       text-align: center;
    background: url(/wedding/img/formd.jpg) no-repeat bottom left;
}
#footer {
    background: url(/wedding/img/bottomfon.jpg) repeat-x bottom left;
    position:relative; margin-top:-50px; height:50px; width:100%;
    font-size: 12px;     
}
#main{
    padding: 0px 0px;
}
#ask, #ring, #cirk, #sp {
    background-repeat: no-repeat;
    height: 120px;
    width: 170px;
    float: left;
    position: relative;
    top: -30px;
    background-position: center center;
    cursor: pointer;
}
#ask {
    background-image : url(/wedding/img/ask.png);
    background-position: center right;    
}
#ring {
    background-image : url(/wedding/img/ring.png);
    background-position: top right; 
}
#cirk {
    background-image : url(/wedding/img/cirk.png);
    background-position: top right;  
}
#sp {
    background-image : url(/wedding/img/sp.png);
    background-position: center right; 
}
table.form tr td {
    height:35px;
}
#zay {
    cursor: pointer;
    height: 34px;
    background: url(/wedding/img/zay.jpg) no-repeat 300px 0px;   
}
#send {
    cursor: pointer;
    height: 34px;
    width: 119px;
    background: url(/wedding/img/send.jpg) no-repeat 0px 0px;
    float: left;
    margin-left: 200px;
    position: relative;
    top: 30px;   
}
#redact {
    cursor: pointer;
    height: 40px;
    width: 238px;
    background: url(/wedding/img/redact.jpg) no-repeat 0px 0px;
    float: left;
    margin-left: 78px;
    position: relative;
    top: 24px;   
}
#zay2 {
    height: 34px;
    width: 148px;
    margin-left: 392px;
    background: url(/wedding/img/zay.jpg) no-repeat 0px -2px;
    position: relative;
    top: 30px;      
}
#shamp {
    height: 80px;
    width: 71px;
    margin-left: 0px;
    background: url(/wedding/img/shamp.jpg) no-repeat 0px 10px;
    float: left;
    padding: 20px 0px;   
}
.error { color: red; font-size: 12px;}
#svid {
    width: 641px;
    height: 600px;
    position: relative;
    background: url(/wedding/img/svid.jpg) no-repeat;
    
}
.svid {
    font-family: Arial;
    font-style: italic;
    color: #665500;
    font-size: 16pt;
    position: absolute;
}
#husbend {
    top:211px;
    left: 180px;
}
#wife {
    top:261px;
    left: 180px;
}
#svid1 {
    top:361px;
    left: 250px;
}
#svid2 {
    top:398px;
    left: 250px;
}
#priest {
    top:480px;
    left: 250px;
}
.svidcheck,.svidcheck_none {
    width: 49px;
    height: 47px;
    position: absolute;
    background-repeat: no-repeat;
    left: 500px;
}
.svidcheck {
    background-image: url(/wedding/img/check.png);
    }
.svidcheck_none {
    background-image: url(/wedding/img/delete.png);
    }

#ch1 {
    top:200px;
}
#ch2 {
    top:250px;
}
#ch3 {
    top:348px;
}
#ch4 {
    top:383px;
}
#pechat {
    width: 158px;
    height: 156px;
    position: absolute;
    background-repeat: no-repeat;
    background-image: url(/wedding/img/pechat.png);
    left: 450px;
    top:410px;
}