div#shoutbox-container {
    width: 304px;
    height: 433px;
    position: fixed;
    left: -271px;
    top: 100px;
}
@media all and (min-width:1600px) {
    div#shoutbox-container {
        left: 0px;
    }
}
div#shoutbox {
    width: 270px;
    height: 430px;
    border: 1px solid #666666;
    border-left: 0px none;
    background: #FFF;
    background: #F2F2F2;
    float: left;
    text-align: left;
}
div#shoubox-handler {
    width: 33px;
    height: 430px;
    float: left;
}
div#shoubox-handler a {
    width: 33px;
    height: 160px;
    background: url("../images/_web/shoutbox_tab.png") no-repeat top center;
    display: block;
    overflow: hidden;
    text-indent: -1000px;
}

div#shoutbox ol.messages {
    background: #FFF;
    width: 240px;
    height: 313px;
    padding: 12px 15px;
    margin: 0px;
    list-style:  none;
    overflow-y:auto;
}
div#shoutbox ol.messages li {
    font-size: 12px;
    color: #666666;
    line-height: 135%;
    padding-bottom: 9px;
}
div#shoutbox ol.messages li i {
    font-style: normal;
    color: #999999;
}
div#shoutbox form {
    background: #F2F2F2;
    padding: 9px 7px;
}
div#shoutbox form p {
    padding-bottom: 7px;
    font-size: 11px;
}
div#shoutbox form p a {
    color: #006699;
}
div#shoutbox form p a:hover {
    color: #003853;
}
div#shoutbox form p input {
    width: 120px;
    height: 19px;
    border: 1px solid #CCCCCC;
    font-size: 11px;
    margin-right: 6px;
    padding: 0px 2px;
}
div#shoutbox form div.input-box {
    width: 251px;
    height: 45px;
    border: 1px solid #CCCCCC;
    background:#FFF;
}
div#shoutbox form div.input-box a {
    width: 30px;
    height: 43px;
    background: url("../images/_web/shoutbox_button.png") no-repeat center;
    display: block;
    overflow: hidden;
    text-indent: -1000px;
    margin: 1px 0px;
    float: left;
}
div#shoutbox form div.input-box textarea {
    width: 214px;
    height: 37px;
    margin: 1px 0px;
    border: 0px none;
    resize: none;
    float: left;
    font-size: 11px;
    padding: 3px;
}