.ui-layout-north {
    overflow: visible !important;
    z-index: 100 !important;
}
/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
    margin:            0;
    padding:        0;
    list-style:        none;
}
.sf-menu {
    line-height:    1.0;
}
.sf-menu ul {
    position:        absolute;
    top:            -999em;
    width:            15em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
    width:            100%;
}
.sf-menu li:hover {
    visibility:        inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
    float:            left;
    position:        relative;
}
.sf-menu a {
    display:        block;
    position:        relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
    left:            0;
    top:            2.5em; /* match top ul list item height */
    z-index:        99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
    top:            -999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
    left:            15em; /* match ul width */
    top:            0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
    top:            -999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
    left:            15em; /* match ul width */
    top:            0;
}

/*** DEMO SKIN ***/
.sf-menu {
    float:            left;
    margin-bottom:    10px;
}
.sf-menu a {
    
    padding:         .75em 1em;
    text-decoration:none;
}

.sf-menu li ul a {
    border-left:    0px solid #fff;
    border-top:        0px solid #CFDEFF;
}

.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
    color:            #fff;
}
/*
.sf-menu li {
    background:        #222;
}
.sf-menu li li {
    background:        #333;
}
.sf-menu li li li {
    background:        #444;
}*/
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
    background: #004d7c; /* Old browsers */
    background: -moz-linear-gradient(top,  #004d7c 0%, #002f4f 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#004d7c), color-stop(100%,#002f4f)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #004d7c 0%,#002f4f 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #004d7c 0%,#002f4f 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #004d7c 0%,#002f4f 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #004d7c 0%,#002f4f 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004d7c', endColorstr='#002f4f',GradientType=0 ); /* IE6-8 */

    outline:        0;
}

/*** arrows **/
.sf-menu a.sf-with-ul {
    padding-right:     2.25em;
    min-width:        1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
    position:        absolute;
    display:        block;
    right:            .75em;
    top:            1.05em; /* IE6 only */
    width:            10px;
    height:            10px;
    text-indent:     -999em;
    overflow:        hidden;
    background:        url('./images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
    top:            .8em;
    background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
    background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
    background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
    /*background: #222   url('./images/shadow.png') no-repeat bottom right;*/
    background: #274e68 /*{a-bar-background-color}*/;
    background-image: -webkit-gradient(linear, left top, left bottom, from( #2f5f7e /*{a-bar-background-start}*/), to( #1e3c51 /*{a-bar-background-end}*/)); /* Saf4+, Chrome */
    background-image: -webkit-linear-gradient( #2f5f7e /*{a-bar-background-start}*/, #1e3c51 /*{a-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */
    background-image:    -moz-linear-gradient( #2f5f7e /*{a-bar-background-start}*/, #1e3c51 /*{a-bar-background-end}*/); /* FF3.6 */
    background-image:     -ms-linear-gradient( #2f5f7e /*{a-bar-background-start}*/, #1e3c51 /*{a-bar-background-end}*/); /* IE10 */
    background-image:      -o-linear-gradient( #2f5f7e /*{a-bar-background-start}*/, #1e3c51 /*{a-bar-background-end}*/); /* Opera 11.10+ */
    background-image:         linear-gradient( #2f5f7e /*{a-bar-background-start}*/, #1e3c51 /*{a-bar-background-end}*/);
    
    padding: 0;
    -moz-border-radius-bottomleft: 17px;
    -moz-border-radius-topright: 17px;
    -webkit-border-top-right-radius: 17px;
    -webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
    background: transparent;
}



/*** adding the class sf-navbar in addition to sf-menu creates an all-horizontal nav-bar menu ***/
.sf-navbar {
    background:        #BDD2FF;
    height:            2.5em;
    padding-bottom:    2.5em;
    position:        relative;
}
.sf-navbar li {
    background:        #AABDE6;
    position:        static;
}
.sf-navbar a {
    border-top:        none;
}
.sf-navbar li ul {
    width:            44em; /*IE6 soils itself without this*/
}
.sf-navbar li li {
    background:        #BDD2FF;
    position:        relative;
}
.sf-navbar li li ul {
    width:            13em;
}
.sf-navbar li li li {
    width:            100%;
}
.sf-navbar ul li {
    width:            auto;
    float:            left;
}
.sf-navbar a, .sf-navbar a:visited {
    border:            none;
}
.sf-navbar li.current {
    background:        #BDD2FF;
}
.sf-navbar li:hover,
.sf-navbar li.sfHover,
.sf-navbar li li.current,
.sf-navbar a:focus, .sf-navbar a:hover, .sf-navbar a:active {
    background:        #BDD2FF;
}
.sf-navbar ul li:hover,
.sf-navbar ul li.sfHover,
ul.sf-navbar ul li:hover li,
ul.sf-navbar ul li.sfHover li,
.sf-navbar ul a:focus, .sf-navbar ul a:hover, .sf-navbar ul a:active {
    background:        #D1DFFF;
}
ul.sf-navbar li li li:hover,
ul.sf-navbar li li li.sfHover,
.sf-navbar li li.current li.current,
.sf-navbar ul li li a:focus, .sf-navbar ul li li a:hover, .sf-navbar ul li li a:active {
    background:        #E6EEFF;
}
ul.sf-navbar .current ul,
ul.sf-navbar ul li:hover ul,
ul.sf-navbar ul li.sfHover ul {
    left:            0;
    top:            2.5em; /* match top ul list item height */
}
ul.sf-navbar .current ul ul {
    top:             -999em;
}

.sf-navbar li li.current > a {
    font-weight:    bold;
}

/*** point all arrows down ***/
/* point right for anchors in subs */
.sf-navbar ul .sf-sub-indicator { background-position: -10px -100px; }
.sf-navbar ul a > .sf-sub-indicator { background-position: 0 -100px; }
/* apply hovers to modern browsers */
.sf-navbar ul a:focus > .sf-sub-indicator,
.sf-navbar ul a:hover > .sf-sub-indicator,
.sf-navbar ul a:active > .sf-sub-indicator,
.sf-navbar ul li:hover > a > .sf-sub-indicator,
.sf-navbar ul li.sfHover > a > .sf-sub-indicator {
    background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/*** remove shadow on first submenu ***/
.sf-navbar > li > ul {
    background: transparent;
    padding: 0;
    -moz-border-radius-bottomleft: 0;
    -moz-border-radius-topright: 0;
    -webkit-border-top-right-radius: 0;
    -webkit-border-bottom-left-radius: 0;
}


/* 
   Plupload
------------------------------------------------------------------- */

.plupload_button {
    display: -moz-inline-box; /* FF < 3*/
    display: inline-block;
    font: normal 12px sans-serif;
    text-decoration: none;
    color: #42454a;
    border: 1px solid #bababa;
    padding: 2px 8px 3px 20px;
    margin-right: 4px;
    background: #f3f3f3 url('./images/plupload/buttons.png') no-repeat 0 center;
    outline: 0;

    /* Optional rounded corners for browsers that support it */
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.plupload_button:hover {
    color: #000;
    text-decoration: none;
}

.plupload_disabled, a.plupload_disabled:hover {
    color: #737373;
    border-color: #c5c5c5;
    background: #ededed url('./images/plupload/buttons-disabled.png') no-repeat 0 center;
    cursor: default;
}

.plupload_add {
    background-position: -181px center;
}

.plupload_wrapper {
    font: normal 11px Verdana,sans-serif;
    width: 100%;
}

.plupload_container {
    padding: 8px;
    background: url('./images/plupload/transp50.png');
    /*-moz-border-radius: 5px;*/
}

.plupload_container input {
    border: 1px solid #DDD;
    font: normal 11px Verdana,sans-serif;
    width: 98%;
}

.plupload_header {background: #2A2C2E url('./images/plupload/backgrounds.gif') repeat-x;}
.plupload_header_content {
    background: url('./images/plupload/backgrounds.gif') no-repeat 0 -317px;
    min-height: 56px;
    padding-left: 60px;
    color: #FFF;
}
.plupload_header_title {
    font: normal 18px sans-serif;
    padding: 6px 0 3px;
}
.plupload_header_text {
    font: normal 12px sans-serif;
}

.plupload_filelist {
    margin: 0;
    padding: 0;
    list-style: none;
}

.plupload_scroll .plupload_filelist {
    height: 185px;
    background: #F5F5F5;
    overflow-y: scroll;
}

.plupload_filelist li {
    padding: 10px 8px;
    background: #F5F5F5 url('./images/plupload/backgrounds.gif') repeat-x 0 -156px;
    border-bottom: 1px solid #DDD;
}

.plupload_filelist_header, .plupload_filelist_footer {
    background: #DFDFDF;
    padding: 8px 8px;
    color: #42454A;
}
.plupload_filelist_header {    
    border-top: 1px solid #EEE;
    border-bottom: 1px solid #CDCDCD;
}

.plupload_filelist_footer {border-top: 1px solid #FFF; height: 22px; line-height: 20px; vertical-align: middle;}
.plupload_file_name {float: left; overflow: hidden}
.plupload_file_status {color: #777;}
.plupload_file_status span {color: #42454A;}
.plupload_file_size, .plupload_file_status, .plupload_progress {
    float: right;
    width: 80px;
}
.plupload_file_size, .plupload_file_status, .plupload_file_action {text-align: right;}

.plupload_filelist .plupload_file_name {width: 205px}

.plupload_file_action {
    float: right;
    width: 16px;
    height: 16px;
    margin-left: 15px;
}

.plupload_file_action * {
    display: none;
    width: 16px;
    height: 16px;
}

li.plupload_uploading {background: #ECF3DC url('./images/plupload/backgrounds.gif') repeat-x 0 -238px;}
li.plupload_done {color:#AAA}

li.plupload_delete a {
    background: url('./images/plupload/delete.gif');
}

li.plupload_failed a {
    background: url('./images/plupload/error.gif');
    cursor: default;
}

li.plupload_done a {
    background: url('./images/plupload/done.gif');
    cursor: default;
}

.plupload_progress, .plupload_upload_status {
    display: none;
}

.plupload_progress_container {
    margin-top: 3px;
    border: 1px solid #CCC;
    background: #FFF;
    padding: 1px;
}
.plupload_progress_bar {
    width: 0px;
    height: 7px;
    background: #CDEB8B;
}

.plupload_scroll .plupload_filelist_header .plupload_file_action, .plupload_scroll .plupload_filelist_footer .plupload_file_action {
    margin-right: 17px;
}

/* Floats */

.plupload_clear,.plupload_clearer {clear: both;}
.plupload_clearer, .plupload_progress_bar {
    display: block;
    font-size: 0;
    line-height: 0;    
}

li.plupload_droptext {
    background: transparent;
    text-align: center;
    vertical-align: middle;
    border: 0;
    line-height: 165px;
}


/* SLIMBOX */

#lbOverlay {
    position: fixed;
    z-index: 9999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    cursor: pointer;
}

#lbCenter, #lbBottomContainer {
    position: absolute;
    z-index: 9999;
    overflow: hidden;
    background-color: #fff;
}

.lbLoading {
    background: #fff url(./images/slimbox/loading.gif) no-repeat center;
}

#lbImage {
    position: absolute;
    left: 0;
    top: 0;
    border: 10px solid #fff;
    background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
    display: block;
    position: absolute;
    top: 0;
    width: 50%;
    outline: none;
}

#lbPrevLink {
    left: 0;
}

#lbPrevLink:hover {
    background: transparent url(./images/slimbox/prevlabel.gif) no-repeat 0 15%;
}

#lbNextLink {
    right: 0;
}

#lbNextLink:hover {
    background: transparent url(./images/slimbox/nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
    font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
    font-size: 10px;
    color: #666;
    line-height: 1.4em;
    text-align: left;
    border: 10px solid #fff;
    border-top-style: none;
}

#lbCloseLink {
    display: block;
    float: right;
    width: 66px;
    height: 22px;
    background: transparent url(./images/slimbox/closelabel.gif) no-repeat center;
    margin: 5px 0;
    outline: none;
}

#lbCaption, #lbNumber {
    margin-right: 71px;
}

#lbCaption {
    font-weight: bold;
}