﻿/* DST: textbox styles */

.dst-box        { background: url('png/dstyle/bluebox/bg.png'); }
.dst-box div.t1 { background: url('png/dstyle/bluebox/left.png')         repeat-y;            }
.dst-box div.t2 { background: url('png/dstyle/bluebox/right.png')        repeat-y  100% 0;    }
.dst-box div.t3 { background: url('png/dstyle/bluebox/top.png')          repeat-x;            }
.dst-box div.t4 { background: url('png/dstyle/bluebox/bottom.png')       repeat-x  0 100%;    }
.dst-box div.t5 { background: url('png/dstyle/bluebox/top-left.png')     no-repeat;           }
.dst-box div.t6 { background: url('png/dstyle/bluebox/top-right.png')    no-repeat 100% 0;    }
.dst-box div.t7 { background: url('png/dstyle/bluebox/bottom-left.png')  no-repeat 0 100%;    }
.dst-box div.t8 { background: url('png/dstyle/bluebox/bottom-right.png') no-repeat 100% 100%; }
.dst-box div.t8 { padding: 10px 14px 14px 10px; }

.dst-mybox        { background: url('png/dstyle/mybox/bg.png'); }
.dst-mybox div.t1 { background: url('png/dstyle/mybox/l.png')  repeat-y;            }
.dst-mybox div.t2 { background: url('png/dstyle/mybox/r.png')  repeat-y  100% 0;    }
.dst-mybox div.t3 { background: url('png/dstyle/mybox/t.png')  repeat-x;            }
.dst-mybox div.t4 { background: url('png/dstyle/mybox/b.png')  repeat-x  0 100%;    }
.dst-mybox div.t5 { background: url('png/dstyle/mybox/tl.png') no-repeat;           }
.dst-mybox div.t6 { background: url('png/dstyle/mybox/tr.png') no-repeat 100% 0;    }
.dst-mybox div.t7 { background: url('png/dstyle/mybox/bl.png') no-repeat 0 100%;    }
.dst-mybox div.t8 { background: url('png/dstyle/mybox/br.png') no-repeat 100% 100%; }
.dst-mybox div.t8 { padding: 15px; padding-top: 45px; }
.dst-mybox h2     { text-align: center; }




/* DSP: paragraph styles */

.dsp-box         { display: block; background: url('png/dstyle/bluebox/bg.png'); }
.dsp-box span.p1 { display: block; background: url('png/dstyle/bluebox/left.png')         repeat-y;            }
.dsp-box span.p2 { display: block; background: url('png/dstyle/bluebox/right.png')        repeat-y  100% 0;    }
.dsp-box span.p3 { display: block; background: url('png/dstyle/bluebox/top.png')          repeat-x;            }
.dsp-box span.p4 { display: block; background: url('png/dstyle/bluebox/bottom.png')       repeat-x  0 100%;    }
.dsp-box span.p5 { display: block; background: url('png/dstyle/bluebox/top-left.png')     no-repeat;           }
.dsp-box span.p6 { display: block; background: url('png/dstyle/bluebox/top-right.png')    no-repeat 100% 0;    }
.dsp-box span.p7 { display: block; background: url('png/dstyle/bluebox/bottom-left.png')  no-repeat 0 100%;    }
.dsp-box span.p8 { display: block; background: url('png/dstyle/bluebox/bottom-right.png') no-repeat 100% 100%; }
.dsp-box span.p8 { display: block; padding: 10px 14px 14px 10px; }
