#fixed-container {
    position: fixed;
    right: 5px;
    bottom: 0;
    z-index: 500;
}

#fixed-container a {
    text-decoration: underline;
    color: black;
}
#fixed-container a:hover {
    text-decoration: none;
}

.notice-sh {
    position:relative;
    width:250px;
    margin: 0;
    padding: 15px;
    color: black;
}
.notice-sh div.close {
    background: url(/static/chat/group/i/close.png);
    position: absolute;
    cursor: pointer;
    width: 13px;
    height: 13px;
    right: 10px;
    top: 10px;
    overflow: hidden;
}

.notice-sh-wrap {
    position:relative;
    width:100%;
    padding:16px 17px 4px;
    margin:-16px -17px 0;
    overflow:hidden;
}

.notice-sh-cn {
    position:absolute;
    background:url(/static/notifications/i/shadow.png) no-repeat;
    left:-13px;
    z-index:-1;
}

.notice-sh-tl,
.notice-sh-tr {
    height:500px;
    top:-14px;
}

.notice-sh-tl,
.notice-sh-bl {
    width:100%;
}

.notice-sh-tr,
.notice-sh-br {
    width:14px;
    margin-left:100%;
}

.notice-sh-bl,
.notice-sh-br {
    height:14px;
    overflow: hidden;
}

.notice-sh-bl {
    left:-15px;
    padding-right:4px;
    clip:rect(auto auto auto 14px);
}

.notice-sh-br {
    left:-11px;
}

.notice-count {
    position: absolute;
    top: 10px;
    left: 16px;
    font: bold 11px Arial;
    display: none;
}
.notice-container {
    font: 11px Arial;
    text-align: left;
    overflow: hidden;
    margin-bottom: 5px;
    position: relative;
}
.notice-container.scrollable {
    overflow-y: scroll;
    margin: 8px -9px 5px 0;
    border-top: solid 1px #EEEDE5;
    height: 220px;
}
.notice-container h2 {
    font: 11px Arial;
    padding: 0 10px 0 0;
}
.notice-container h2 a {
    font: 11px Arial;
    font-weight: bold;
    color: black;
}

.notice-container h2, .notice-container h3 {
    margin: 0;
    font-weight: bold;
    background: none;
    border: 0;
    color: black;
}
.notice-photo img {
    display: block;
    float: left;
    margin-right: 10px;
}
.notice-text {
    margin-top: 4px;
}
.notice-buttons {
    position: absolute;
    right: 0;
    width: 160px;
    top: 82px;
}
.scrollable .notice-buttons {
    width: 153px;
}
.notice-buttons .button-accept, .notice-buttons .button-decline {
    width: 75px;
    height: 22px;
    font: 11px/20px Tahoma;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    color: white;
    cursor: pointer;
}
.notice-buttons .button-accept {
    background: #009C0C url(../i/green-button-w.png);
    float: left;
}
.notice-buttons .button-decline {
    background: #CB2A27 url(../i/red-button-w.png);
    float: right;
}

#fixed-container .notice-sh .button-disable {
    color: #AAA;
    font: 11px Arial;
    position: absolute;
    right: 10px;
    bottom: 10px;
    z-index: 1;
}


.event-notice {
    border-bottom: solid 1px #CCC;
    margin-bottom: -1px;
    padding: 5px 0;
    position: relative;
    overflow: hidden;
    display: none;
}
.event-notice.minimized {
    height: 12px;
}
.event-notice h2 a {
    white-space: nowrap;
}
.event-notice.minimized h2 {
    white-space: nowrap;
}
.event-notice.minimized h2 br {
    display: none;
}
#fixed-container br {
    clear: none;
}
.event-notice.minimized .notice-photo img {
    height:12px;
    width:10px;
    margin-right:5px;
}


#fixed-container, .notice-container, .event-notice {
    zoom:1;
}
* html #fixed-container .scrollable {
    top: 8px;
    margin-bottom: 13px;
}

* html {
    background: fixed url('about:blank') !important;
}
* html #fixed-container {
    position: absolute;
    top: expression(eval(document.documentElement.clientHeight+document.documentElement.scrollTop-this.clientHeight));
}

* html .notice-sh-tl, * html .notice-sh-tr, * html .notice-sh-bl {
    padding-right:34px;
}
* html .notice-sh-cn {
    background:none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/static/notifications/i/shadow.png', sizingMethod = 'crop' );
}

/* IE6 fix: cache background images */
* html { filter: expression(runtimeStyle.filter = '',document.execCommand('BackgroundImageCache', false, true));}


/* notification settings page */

#notification_settings .col_names {
    height: 30px;
    overflow: hidden;
}
#notification_settings .col_names .name,
#notification_settings .col_names .yes,
#notification_settings .col_names .no {
    height: 23px;
    background: #F7F0F0;
    float: left;
    padding: 7px 0 0 10px;
    font-weight: bold;
    color: #000;
}

#notification_settings .col_names .name {
    color: #8c0909;
    font-size: 14px;
    margin-right: 2px;
}
#notification_settings .col_names .name span {
    color: #000;
    font-size: 12px;
}
#notification_settings .col_names .yes {
    padding-left: 0;
    width: 40px;
    margin-right: 2px;
    text-align: center;
}
#notification_settings .col_names .no {
    width: 150px;
    text-align: left;
}
#notification_settings .line {
    height: 27px;
    overflow: hidden;
}
#notification_settings .line input {
    display: block;
    margin: 3px 0 0 5px;
    padding: 0;
    width: 13px;
    height: 13px;
    overflow: hidden;
}
#notification_settings .line .name {
    font-weight: normal;
    background: none;
    border-bottom: 1px solid #EEEEEE;
    height: 21px;
    font-size: 13px;
    margin-right: 2px;
    float: left;
    padding-left: 10px;
    padding-top: 5px;
}
#notification_settings .col_names .name,
#notification_settings .line .name {
    width: 400px;
}
#notification_settings .line .yes,
#notification_settings .line .no {
    float: left;
    background: url(../i/radio-button-bg.png) no-repeat scroll 11px 0;
    border-bottom: 1px solid #EEEEEE;
    text-align: left;
    overflow: hidden;
    padding-left: 9px;
    margin-top: 4px;
    height: 22px;
}
#notification_settings .line .yes {
    width: 31px;
    margin-right: 2px;
}
#notification_settings .line .no {
    width: 151px;
}
#notification_settings {
    zoom: 1;
}
#notification_settings .outside_submit .button-like{margin: 23px 0pt 0pt 394px; width: 120px;}