body.-scrolled-past-header #stickybar-container { right:5px; }

.-display-form #stickybar-container
{
    /*display: none;*/
}

#stickybar-container
{
    float: right;
    font-size: 0.9em;
    z-index: 50;
}

#stickybar-container,
#stickybar-container .stickybar-menu,
#stickybar-container .stickybar-menu > li
{
    height: 40px;
}

/* ================================================================ 
    This copyright notice must be untouched at all times.
    
    The original version of this stylesheet and the associated (x)html
    is available at http://www.cssplay.co.uk/menus/drop_lists.html
    Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
    This stylesheet and the associated (x)html may be modified in any 
    way to fit your requirements.
=================================================================== */

.stickybar-menu
{
    list-style:none;
    padding-left: 100px;
    position:relative;
    height: 100%;
    float:right;
    margin:0;
}

@media (min-width: 1000px)
{
    #stickybar-container,
    .stickybar-menu:not(.stuck),
    .stickybar-menu:not(.stuck) > li:nth-last-child(2),
    .stickybar-menu:not(.stuck) > li:nth-last-child(2) a
    {
        border-top-right-radius: 13px;
    }
}

.stickybar-menu.stuck > li:first-child,
.stickybar-menu.stuck > li:first-child a
{
    border-bottom-left-radius: 10px;
}

.stickybar-menu
{
    z-index: 50;
}

.stickybar-menu > li
{
    display: inline; 
    float: left;
    position: relative;
    
    /** horizontal gradient: transparent -> dark */
    background: -moz-linear-gradient(left,  rgba(153,153,153,0.4) 0%, rgba(30,30,30,0.8) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(153,153,153,0)), color-stop(100%,rgba(30,30,30,0.8))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left,  rgba(153,153,153,0.4) 0%,rgba(30,30,30,0.8) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left,  rgba(153,153,153,0.4) 0%,rgba(30,30,30,0.8) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left,  rgba(153,153,153,0.4) 0%,rgba(30,30,30,0.8) 100%); /* IE10+ */
    background: linear-gradient(to right,  rgba(153,153,153, 0.4) 0%,rgba(30,30,30,0.8) 80%); /* W3C */
}

.stickybar-menu > li > a
{
    height: 33px;
}

/* default tab look */
.stickybar-menu > li a.tl 
{
    display:block; 
    position:relative;
    width:140px;
    padding-top: 7px;
    text-decoration:none; 
    line-height: 25px; 
    font-size: 0.95em; 
    font-weight:bold; 
    text-indent:10px;

    text-align:center;
    color: #B7D7FF;
    
    background: -moz-linear-gradient(top,  rgba(37, 163, 231,0.8) 0%, rgba(1,20,90,0.8) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(37, 163, 231,0.8)), color-stop(100%,rgba(1,20,90,0.8))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(37, 163, 231,0.8) 0%,rgba(1,20,90,0.8) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(37, 163, 231,0.8) 0%,rgba(1,20,90,0.8) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(37, 163, 231,0.8) 0%,rgba(1,20,90,0.8) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(37, 163, 231,0.8) 0%,rgba(1,20,90,0.8) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc1688c6', endColorstr='#cc053164',GradientType=0 ); /* IE6-9 */

    z-index:100;
}

.stickybar-menu > li:last-child a.tl
{
    margin-right:0;
}

.stickybar-menu > li a.-hide-this
{
    padding-top: 11px;
    position:absolute;
    display:none;
}

.stickybar-menu > li:target a.-hide-this
{
    display:block;
    z-index:150;
    width:150px;
    background-color:rgba(0, 0, 0, 0); /* fix for IE9 - dunno about other IEs, clicks/hovers/etc go straight through this element to the original tab */
}

/* hides the div without actually destroying it in the dom (NOT display:none) */
/* http://snook.ca/archives/html_and_css/css-display-resets-scroll */
.stickybar-menu > li > div 
{
    /*background: rgba(110, 110, 110, 1); /* Old browsers */
    /*background: -moz-linear-gradient(rgba(110, 110, 110, 1) 5%, rgba(10, 10, 10, 0.7) 70%); /* FF3.6+ */
    /*background: -webkit-gradient(linear, bottom, top, color-stop(5%, rgba(110, 110, 110, 1)), color-stop(70%, rgba(10, 10, 10, 0.7))); /* Chrome,Safari4+ */
    /*background: -webkit-linear-gradient(rgba(110, 110, 110, 1) 5%, rgba(10, 10, 10, 0.7) 70%); /* Chrome10+,Safari5.1+ */
    /*background: -o-linear-gradient(rgba(110, 110, 110, 1) 5%, rgba(10, 10, 10, 0.7) 70%); /* Opera 11.10+ */
    /*background: -ms-linear-gradient(rgba(110, 110, 110, 1) 5%, rgba(10, 10, 10, 0.7) 70%); /* IE10+ */
    /*background: linear-gradient(rgba(110, 110, 110, 1) 5%, rgba(10, 10, 10, 0.7) 70%); /* W3C */
    background: -moz-linear-gradient(top,  rgba(22,136,198,1) 0%, rgba(1,20,90,0.7) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(22,136,198,1)), color-stop(100%,rgba(1,20,90,0.7))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(22,136,198,1) 0%,rgba(1,20,90,0.7) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(22,136,198,1) 0%,rgba(1,20,90,0.7) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(22,136,198,1) 0%,rgba(1,20,90,0.7) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(22,136,198,1) 0%,rgba(1,20,90,0.9) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1688c6', endColorstr='#b3053164',GradientType=0 ); /* IE6-9 */

    color: white; 
    max-height: 0px;
    margin: 0px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    width: auto;
}

/* IE9 fix: apparently margin-left above does not prevent the div in IE9 from taking up space, so we need to override its width to 0 */
.stickybar-menu > li:not(:hover):not(:target):not(.selected):not(.-dummy-class-1):not(.-dummy-class-2) > div
{
    /*width:0;*/
}

.stickybar-menu > li:not(.disabled):not(.-is-busy):target > a.tl, 
.stickybar-menu > li:not(.disabled):not(.-is-busy).selected > a.tl, 
.stickybar-menu > li:not(.disabled):not(.-is-busy) > a.tl:hover, 
.stickybar-menu > li:not(.disabled):not(.-is-busy):hover > a.tl 
{
    text-decoration: none; 
    white-space: normal;
    /*border: 1px solid rgba(50, 50, 50, 0.9);*/
    border-bottom: none;
    border-radius: none;
    box-shadow: 2px 2px 4px #333333;
    
    background: -moz-linear-gradient(top,  rgba(1,20,90,1) 0%, rgba(22,135,197,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(1,20,90,1)), color-stop(100%,rgba(22,135,197,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(1,20,90,1) 0%,rgba(22,135,197,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(1,20,90,1) 0%,rgba(22,135,197,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(1,20,90,1) 0%,rgba(22,135,197,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(1,20,90,1) 0%,rgba(22,135,197,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#03275f', endColorstr='#b31687c5',GradientType=0 ); /* IE6-9 */

    /*z-index:300;*/
}

.stickybar-menu > li:target > a.tl,
.stickybar-menu > li.selected > a.tl
{
    /**
     * make it lower than the other :hover divs, to allow user to still hover 
     * on other items without getting blocked by the selected tab
     */
    /*z-index:115;*/
}

/* open tab body */
/* .stickybar-menu > li:nth-child(2) > div, /* debug */
.stickybar-menu > li:target > div,
.stickybar-menu > li.selected > div,
.stickybar-menu > li:hover > div
{
    box-shadow: -2px 4px 4px #053164;
    height: auto;
    max-height: 1000px;
    opacity: 1;
    overflow: visible;
    top: 40px;
    z-index: 120;
    
    -webkit-transition: max-height 1s ease-out, opacity 0.3s ease-out;
	-moz-transition: max-height 1s ease-out, opacity 0.3s ease-out;
    -ms-transition: max-height 1s ease-out, opacity 0.3s ease-out;
    -o-transition: max-height 1s ease-out, opacity 0.3s ease-out;
	transition: max-height 1s ease-out, opacity 0.3s ease-out;
}

.stickybar-menu > li:target > div,
.stickybar-menu > li.selected > div
{
    z-index:110;
}

/* disabled + busy tab */

.stickybar-menu > li.disabled a.tl, 
.stickybar-menu > li.-is-busy a.tl
{
    opacity:0.5;
    //border:1px solid #dcdcdc;

    background:#89B9DC;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#89B9DC'); /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#89B9DC)); /* for webkit browsers */
    background: -moz-linear-gradient(top,  #ffffff,  #89B9DC); /* for firefox 3.6+ */     
    
    color: #333;
    font-weight:normal;
} 
.stickybar-menu > li.disabled > a.tl:hover,
.stickybar-menu > li.-is-busy > a.tl:hover
{
    font-weight: normal;
}

.stickybar-menu div.frame
{
    position: relative;
    padding: 10px;
    border-radius: 0px 0px 5px 5px;
    -moz-border-radius: 0px 0px 5px 5px;
    -webkit-border-radius: 0px 0px 5px 5px;
    z-index: 1; /* set to 1 to make way for logout button shadow */
}

.stickybar-menu div.frame a
{
    color: #B7D7FF;
}

.stickybar-menu > li.disabled a.tl
{
    /* disabled */
    cursor:default;
}

.stickybar-menu > li.-is-busy a.tl
{
    /* busy */
    cursor:wait;

    opacity:1.0;
    border:1px solid #ff0000;
    background:#CCA7A0;
}

/* #stickybar-container .stickybar-menu > li:nth-child(2) > a.tl,  /* debug */
#stickybar-container .stickybar-menu > li:target > a.tl, 
#stickybar-container .stickybar-menu > li.selected > a.tl, 
#stickybar-container .stickybar-menu > li > a.tl:hover, 
#stickybar-container .stickybar-menu > li:hover > a.tl  /* very high specificity */
{
    border-bottom-right-radius:0;
    border-bottom-left-radius:0;
}
 
#stickybar-container .stickybar-menu > li.disabled > div,
#stickybar-container .stickybar-menu > li.disabled:hover > div,
#stickybar-container .stickybar-menu > li.-is-busy > div,
#stickybar-container .stickybar-menu > li.-is-busy:hover > div
{
    display:none;
}
#stickybar-container .stickybar-menu > li.disabled:hover > a.tl  
#stickybar-container .stickybar-menu > li.-is-busy:hover > a.tl  
{
    border-bottom-left-radius:5px;
    border-bottom-right-radius:5px;        
}

/** use some nifty css targeting by changing changing the GLOBAL-CLASS keyword **/
 
.stickybar-menu li.-stickytab-messages 
{
    display:none;
}

body.-has-messages .stickybar-menu li.-stickytab-messages
{
    display:block;
}

.stickybar-menu div.body-normal,
.stickybar-menu div.body-wide
{
    right: 0;
}

.stickybar-menu div.body-normal
{
    min-width: 100px;
}

.stickybar-menu div.body-wide
{
    min-width: 400px;
}

.stickybar-menu .clear
{
    clear:both;
}

#list-document-action
{
    padding:0;
    margin:0;
}
#list-document-action li
{
    list-style-image: none;
    list-style-type: none;
    margin-bottom:3px;
}

#list-document-action li a div.css-button
{
    display: block;
    width: 150px;
}

#list-document-action li a div.document-action-tooltip div.arrow
{
    width:0; 
	height:0; 
	border-top: 0;
	border-bottom: 20px dotted transparent; 
	border-left: 25px solid #F8D214;
	border-right: 0;
	position: absolute;
	right: -25px;
	top: -1px;   
	z-index: 10;
}

#list-document-action li a div.document-action-tooltip div.arrow_inner
{   
    width:0; 
	height:0; 
	border-top: 0;
	border-bottom: 18px dotted transparent; 
	border-left: 22px solid #FFF0A5;    
	border-right: auto;
	position: absolute;
	right: 3px;
	top: 1px;   
	z-index: 100;
}

#list-document-action li a div.document-action-tooltip
{
    display:none;
    position:absolute;
    border:1px solid #F8D214;
    width:100%;
    left:-100%;
    background: #FFF0A5;
    padding:15px;
    margin-top: 10px;
    margin-left:-45px;
    text-align:left;
    color: #675603;
    border-radius: 5px 0 5px 5px;
    -moz-border-radius: 5px 0 5px 5px;
    -webkit-border-radius: 5px 0 5px 5px;
}

/* #list-document-action li:nth-child(1) a div.document-action-tooltip, /* debug */
/* #list-document-action li.selected  a div.document-action-tooltip, */
#list-document-action li a:hover div.document-action-tooltip
{
    display:block;
}

/**
 user menu
**/
.section-menu h3
{
    color: #0B5FC1;
    font-size:15px;
    margin-bottom:15px;
    text-shadow: -2px 0px 4px white, 0px 2px 4px white, 2px 0px 4px white, 0px -2px 4px white;
    /*color: #C44441;*/
}

.section-menu h3 span.ui-icon
{
    margin-right: 5px;
}

.section-menu .row
{
    display:block;
    margin-bottom:10px;
}

.section-menu .row label
{
    vertical-align:middle;
    display:inline-block;
    width:100px;

    text-align:right;
    padding-right:5px;
}

.section-menu .row > div
{
    vertical-align:middle;
    display:inline-block;  
}

.section-menu .row > div select
{
    min-width:300px;
}

#stickybar-button-logout {
    /**background: -moz-linear-gradient(center bottom , #C44441 7%, #EFCDCD 77%) no-repeat scroll 0 0 #FFFFFF;*/
    /*background: rgb(196,68,65); /* Old browsers */
    /*background: -moz-linear-gradient(top,  rgba(196,68,65,1) 7%, rgba(239,205,205,1) 77%); /* FF3.6+ */
    /*background: -webkit-gradient(linear, left top, left bottom, color-stop(7%,rgba(196,68,65,1)), color-stop(77%,rgba(239,205,205,1))); /* Chrome,Safari4+ */
    /*background: -webkit-linear-gradient(top,  rgba(196,68,65,1) 7%,rgba(239,205,205,1) 77%); /* Chrome10+,Safari5.1+ */
    /*background: -o-linear-gradient(top,  rgba(196,68,65,1) 7%,rgba(239,205,205,1) 77%); /* Opera 11.10+ */
    /*background: -ms-linear-gradient(top,  rgba(196,68,65,1) 7%,rgba(239,205,205,1) 77%); /* IE10+ */
    /*background: linear-gradient(to bottom,  rgba(196,68,65,1) 7%,rgba(239,205,205,1) 77%); /* W3C */
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c44441', endColorstr='#efcdcd',GradientType=0 ); /* IE6-9 */
    /*
    border: 1px solid #AB3735;
    border-radius: 5px 5px 5px 5px;
    color: #722524;
    display: inline-block;
    font-style: normal;
    line-height: 16px;
    position: relative;
    text-decoration: none;
    text-shadow: 1px 1px 1px #EFCDCD;
    box-shadow: 0 0 4px #FFFFFF inset;
    */
}

#stickybar-button-logout:after{
    -moz-transform: skew(20deg) rotate(6deg);
    background: none repeat scroll 0 0 transparent;
    bottom: 9px;
    box-shadow: 0 10px 8px rgba(0, 0, 0, 0.6);
    content: "";
    height: 55%;
    position: absolute;
    right: 10px;
    width: 70%;
    z-index: -1;
}

/* notifications */

div#-list-notification-inner-container
{
    position:relative;
}

div#-list-notification-inner-container .-list-counter
{
    position: absolute;
    right:50px;    
    background-color:black;
    color:white;
    text-align:center;
    width:50px;
    padding:3px;
}    

div#-list-notifications-above
{
    top:0px;
    margin-top:-0.5em;
}

div#-list-notifications-below
{
    bottom:0px;
    margin-bottom:-0.5em;
}

ul#-list-notifications
{
    padding:0;
    margin:0;
    
    overflow:auto;
    min-height:100px;
    max-height:350px;    
}

ul#-list-notifications > li
{
    list-style-image: none;
    list-style-type: none;
    
    background-color: rgba(10, 10, 10, 0.8);
    
    margin: 10px 5px 10px 5px;
    padding: 5px;
    text-indent: 0;
    
    -webkit-border-radius: 4px;
    border-radius: 4px;
    
    -webkit-box-shadow:  0px 0px 4px 1px rgba(30, 159, 230, 1);
    box-shadow:  0px 0px 4px 1px rgba(30, 159, 230, 1);
}
ul#-list-notifications > li h3
{
    margin-bottom:5px;
}

ul#-list-notifications > li:nth-child(2n + 1)
{
    /*background-color:#eaeaea;*/
}

ul#-list-notifications > li
{
    display:none;
}

ul#-list-notifications > li .-datetime
{
    float:right;
}

/* filter rules */

div#-list-notification-container.-filter-show-debug > div > ul > li
{
    display:none;
}

label[for="-checkbox-filter-messages-debug"],
div#-list-notification-container.-filter-show-debug > div > ul > li.-group-debug
{
    display: none; /** hidden to normal users */
}

div#-list-notification-container.-filter-show-form  > div > ul > li.-group-form
{
    display:block;
}

div#-list-notification-container.-filter-show-system  > div > ul > li.-group-system
{
    display:block;
}

/* these rule should be a negation of all the filter rules above (i.e. empty filters) */

div#-list-notification-inner-no-filters
{
    display:none;
    
    color:black;
    margin:10px;
    text-align:center;    
}

div#-list-notification-container:not(.-filter-show-form):not(.-filter-show-debug):not(.-filter-show-system) > div#-list-notification-inner-no-filters
{
    display:block;
}
div#-list-notification-container:not(.-filter-show-form):not(.-filter-show-debug):not(.-filter-show-system) > div#-list-notification-inner-container
{
    display:none;
}


/***
 http://webdesignerwall.com/tutorials/css3-gradient-buttons
***/

.css-button {
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 14px/100% Arial, Helvetica, sans-serif;
	padding: .5em 2em .55em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.css-button:hover {
	text-decoration: none;
}
.css-button:active {
	position: relative;
	top: 1px;
}

#stickybar-button-logout, .orange
{
    color: #333333;
    border: 1px solid rgba(255,255,255,0.6);
    background: #85D1F5 url(../images/icons/button-bg.png) repeat-x;
}

#stickybar-button-logout
{
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow:  1px 2px 2px 1px rgba(0, 0, 0, 0.4);
    box-shadow:  1px 2px 2px 1px rgba(0, 0, 0, 0.6);
    text-shadow: 1px 1px 0px #b7d6f7;
    filter: dropshadow(color=#b7d6f7, offx=1, offy=1);
}

.orange
{
    text-shadow: 1px 1px 0px #b7d6f7;
    filter: dropshadow(color=#b7d6f7, offx=1, offy=1);
    margin-bottom: 10px;
}

#stickybar-button-logout:hover, .orange:hover
{
    background: #B4EDFC url(../images/icons/button-hover-bg.png) repeat-x;
    -webkit-box-shadow:  0px 0px 5px rgba(200, 200, 200, 0.8);
    box-shadow:  0px 0px 5px rgba(200, 200, 200, 0.8);
}

#stickybar-button-logout:active, .orange:active
{
    background: #85D1F5 url(../images/icons/button-active-bg.png) repeat-x;
    color: rgba(48, 48, 48, 1);
    font-weight: bold;
}

.-list-notifications-icon,
#-stickytab-account
{
    display: none;
}

.-clock,
.-idle-message-short {
    font-family:courier new, courier, monospace;
    font-size:smaller;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1; 
}

.-clock {
    display: none;
}

.-idle-message-short {
    width: 250px; 
}