﻿* { margin:0; padding:0; font-family:Verdana, Arial, Helvetica, sans-serif; }
body { background-color:#e4e4e4; font-size:14px; }
a { text-decoration:none; color:#666; }
a:hover { color:#000; }
.clear { font-size:0; height:0; clear:both; overflow:hidden; }
.red { color:red; }
.blue { color:blue; }
.green { color:green; }
.yellow { color:#fe9d01; }


.messagebox { width:700px; margin:100px auto; background:url(msgbox.png) -700px 0 repeat-y; position:relative; }
.innerbox { background:url(msgbox.png) 0 0 no-repeat; }
.innerbox .clear { background:url(msgbox.png) -1400px 0 no-repeat; height:50px; }

.icobox { position:absolute; width:100px; height:100px; top:50px; left:50px; font-size:0; text-indent:-9999px; z-index:9999; background:url(msgicon.png) no-repeat; }
.icobox.green { background-position:-2px -15px; }
.icobox.yellow { background-position:-5px -147px; }
.icobox.red { background-position:-290px -147px; }
.contentdsp { padding:50px 50px 0 200px; }

.caption { font-size:24px; font-weight:bold; margin-bottom:10px; color:#333333; }
.msglist { margin-bottom:10px; }
.msglist ol { margin:0; padding:0; }
.msglist ol li { border-bottom:1px dashed #e6e6e6; padding:5px 0; color:#888888; list-style:none; }
.opbox { padding-top:20px; }
.opbox a { display:inline-block; width:100px; height:39px; line-height:39px; overflow:hidden; text-align:center; background:url(msg_btn.png) no-repeat; }