﻿#messaging-header-section
{
    width:100%;
    height:30px;
    display:block; 
    background-color:#2D2D2D;
    line-height:normal;
    font-weight:normal;
    letter-spacing:normal;
    word-wrap:normal;
    word-spacing: 0px;
    writing-mode: lr-tb;
    white-space:normal;
    vertical-align:baseline;
    text-overflow:clip;
    text-shadow:none;
    text-transform:none;
    padding:0;
    margin:0;
    font-style:normal;
    text-align:left;
    position:static;
}
#vertical-ticker
{
	height:30px;
	overflow:hidden;
	margin:0; 
	padding:0;
	list-style:none;
}

#vertical-ticker li
{
	padding:0px 0px 0px 0px;
	vertical-align:middle;
	display:block;
	color:#fdfdfd;
	text-align:left;
	font-size:10px;
}
.oc-messaging-left-title
{
    float:left;
    width:100%;
    padding-top:8px;
    padding-bottom:6px;
    padding-left:3px;
    white-space:nowrap;
    cursor: pointer;
    overflow:hidden;
    text-overflow: ellipsis;
    vertical-align:middle;
    line-height:normal;
}
.oc-messaging-left-title-text
{
     height:20px;
     vertical-align:middle;
     float:left;
     margin-top:2px;
     text-overflow: ellipsis;
      overflow:hidden;
      width:95%;
     cursor:pointer;
}
.oc-messaging-left-title a
{
    color:#EDEDED;
    text-decoration:none;
}
.oc-messaging-left-title a:link
{
    color:#EDEDED;
    text-decoration:none;
}
.oc-messaging-left-title a:visited
{
    color:#EDEDED;
    text-decoration:none;
}
.oc-messaging-left-title a:hover
{
     color:#ABABAB;
     text-decoration:underline;
}
.oc-message-modal-link
{
    font-weight:bold;
    text-align:center;
}
.oc-messaging-left-icon
{
    float:left;
    padding-right: 3px;
    vertical-align:bottom;
    position:static;
    cursor:pointer;
}
.oc-messaging-left-icon .ui-icon
{
    vertical-align:bottom;
}
.oc-messaging-outer-div
{
    overflow:hidden;
    height:30px;
    display:block;
}
.oc-msg-detail
{
    padding: .2em; width: 600px; 
}
.oc-msg-detail .ui-dialog-titlebar { padding: .4em 1em; position: relative; }
.oc-msg-detail .ui-dialog-title { float: left; margin: .1em 16px .1em 0; } 
.oc-msg-detail .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; }
.oc-msg-detail .ui-dialog-titlebar-close span { display: block; margin: 1px; }
.oc-msg-detail .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }
.oc-msg-detail .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; }
.oc-msg-detail-header H1
{
     margin:0;
    -webkit-margin-before:0;
    -webkit-margin-after:0;
    -webkit-margin-start:0;
    -webkit-margin-end:0;
}


/*
    Colorbox Core Styles
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}

/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:url(images/overlay.png) repeat 0 0;}
#colorbox{}
/*
    #cboxTopLeft{width:21px; height:21px; background:url(images/controls.png) no-repeat -101px 0;}
    #cboxTopRight{width:21px; height:21px; background:url(images/controls.png) no-repeat -130px 0;}
    #cboxBottomLeft{width:21px; height:21px; background:url(images/controls.png) no-repeat -101px -29px;}
    #cboxBottomRight{width:21px; height:21px; background:url(images/controls.png) no-repeat -130px -29px;}
    #cboxMiddleLeft{width:21px; background:url(images/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(images/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(images/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(images/border.png) 0 -29px repeat-x;}
*/
        #cboxTopLeft{width:1px; height:1px; }
        #cboxTopRight{width:1px; height:1px;}
        #cboxBottomLeft{width:1px; height:1px;}
        #cboxBottomRight{width:1px; height:1px; }
        #cboxMiddleLeft{width:1px;}
        #cboxMiddleRight{width:1px;}
        #cboxTopCenter{height:1px; }
        #cboxBottomCenter{height:1px;}
        #cboxContent{background:#fff; overflow:hidden;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{margin-bottom:0px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0; background:url(images/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious:hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(images/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext:hover{background-position:-50px -25px;}
        #cboxLoadingOverlay{background:url(images/loading_background.png) no-repeat center center;}
        #cboxLoadingGraphic{background:url(images/loading.gif) no-repeat center center;}
        #cboxClose{text-indent:-9999px;}
        #cboxClose:hover{opacity:0.5;}

/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}

/*
  The following provides PNG transparency support for IE6
  Feel free to remove this and the /ie6/ directory if you have dropped IE6 support.
*/
.cboxIE6 #cboxTopLeft{background:url(images/ie6/borderTopLeft.png);}
.cboxIE6 #cboxTopCenter{background:url(images/ie6/borderTopCenter.png);}
.cboxIE6 #cboxTopRight{background:url(images/ie6/borderTopRight.png);}
.cboxIE6 #cboxBottomLeft{background:url(images/ie6/borderBottomLeft.png);}
.cboxIE6 #cboxBottomCenter{background:url(images/ie6/borderBottomCenter.png);}
.cboxIE6 #cboxBottomRight{background:url(images/ie6/borderBottomRight.png);}
.cboxIE6 #cboxMiddleLeft{background:url(images/ie6/borderMiddleLeft.png);}
.cboxIE6 #cboxMiddleRight{background:url(images/ie6/borderMiddleRight.png);}

.cboxIE6 #cboxTopLeft,
.cboxIE6 #cboxTopCenter,
.cboxIE6 #cboxTopRight,
.cboxIE6 #cboxBottomLeft,
.cboxIE6 #cboxBottomCenter,
.cboxIE6 #cboxBottomRight,
.cboxIE6 #cboxMiddleLeft,
.cboxIE6 #cboxMiddleRight {
    _behavior: expression(this.src = this.src ? this.src : this.currentStyle.backgroundImage.split('"')[1], this.style.background = "none", this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" + this.src + ", sizingMethod='scale')");
}
