/*Consolidated CSS files 12/08/15 includes listed below
Master.css
Dusk.css
Custom.css
Appcss.css
Jquery-UI-1.8.7.css
Scrolling.css
Colorbox.css
StudyNotebook.css
TOCstyles.css
*/


/*****************************************************************/


/*==MASTER.CSS===================================================*/


/*****************************************************************/


/* Copyright 2002-2010 MarkLogic Corporation.  All Rights Reserved. */


/*

Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at

     http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.

*/


/* GLOBAL */

body,
h4,
h5 {
    color: rgb(50, 50, 50);
    font-weight: normal;
    font-size: 0.8em;
    line-height: 1.4em;
}

body {
    /*margin: 0 10px 60px;*/
}

h4,
h5 {
    font-size: 1em;
}

h6 {
    margin: 10px 0 0;
    font-size: 1em;
}

h1 {
    font-size: 1.8em;
    line-height: 1.25;
}

.highlight {
    background-color: #FFFFCC;
}


/* MASTER LAYOUT */

#canvas {
    position: relative;
    width: 940px;
    /*margin:-8px auto 30px;*/
    z-index: 0;
}

.canvas-break {
    clear: both;
    overflow: hidden;
    height: 0;
}

.user {
    width: 900px;
    height: 30px;
    margin: 0 auto;
    padding: 0 20px 22px;
    text-align: right;
}

.content-background {
    position: absolute;
    left: 220px;
    width: 719px;
    height: 100%;
    border-right: 1px solid inherit;
    z-index: -1;
}

.header {
    position: absolute;
    /*top: -44px;*/
    left: 220px;
    width: 680px;
    height: 30px;
    /* padding: 14px 20px 0; */
}

.header {
    z-index: 1;
}

.footer {
    top: auto;
    bottom: -40px;
    height: 28px;
    padding-top: 12px;
    font-size: 0.8em;
}

.footer .copyright {
    float: right;
}

.pipe {
    overflow: hidden;
    width: 1px;
    height: 10px;
    margin-left: 5px;
    padding: 0 5px 0 0;
}

.header input#q {
    height: 20px;
    left: 85px;
    padding: 1px;
    padding-top: 4px;
    padding-right: 30px;
    position: absolute;
    top: 10px;
    width: 580px;
    font-size: 110%;
}

.header label {
    /*font-size: 1em;
  letter-spacing: 1px;*/
}


/* LEFT SIDEBAR */

.sidebar {
    float: left;
    width: 220px;
    padding-bottom: 15px;
    cursor: default;
    -moz-user-select: none;
    -webkit-user-select: none;
}

.sidebar-header,
.sidebar-sub-header {
    position: relative;
    top: 0;
    left: 0;
    width: 180px;
    height: 22px;
    padding: 10px 20px 0;
    font-size: 1em;
}

.sidebar-header {
    position: absolute;
    font-size: 1em;
    z-index: 1;
}

.sidebar .facet {
    position: relative;
    top: 0;
    left: 0;
    width: 213px;
    height: 32px;
    margin: 3px;
    z-index: 2;
}

.sidebar .facet .label {
    position: absolute;
    display: block;
    top: 0px;
    left: 15px;
    width: 170px;
    height: 32px;
    line-height: 32px;
    overflow: hidden;
}

.sidebar .facet .close {
    position: absolute;
    top: 9px;
    right: 9px;
    width: 15px;
    height: 20px;
    overflow: hidden;
}

.sidebar .facet .close span {
    position: absolute;
    top: 0;
    left: 0;
    width: 15px;
    height: 40px;
}

.sidebar .facet a:hover.close span {
    top: -25px;
}

.sidebar .category {
    margin-bottom: -1px;
}

.sidebar .category h4,
.sidebar .category h5,
.sidebar .category ul,
.sidebar .category li {
    cursor: pointer;
}

.sidebar .category h4,
.sidebar .category h5 {
    height: 22px;
    margin: 0;
    padding: 8px 20px 0;
}

.sidebar .category h4 {
    cursor: pointer;
    font-size: 1em;
}

.sidebar .category h4:hover {
    background-position: left -42px;
}

.sidebar .category ul {
    overflow: hidden;
    margin: 0;
    padding: 0;
    line-height: 1.2em;
}

.sidebar .category li {
    margin: 8px 0 8px 20px;
    cursor: pointer;
    list-style-type: none;
}

.sidebar .category ul ul {
    overflow: hidden;
    height: 0;
    margin: 0;
    padding: 0;
}

.sidebar .category .list-toggle {
    margin-top: 0;
}

.sidebar .selected-category {
    display: none;
}

.sidebar .closed-category {
    height: 30px;
}

.sidebar .closed-category ul {
    position: relative;
    overflow: hidden;
    height: 0;
}

.sidebar-background {
    position: absolute;
    width: 218px;
    height: 100%;
    z-index: -1;
}


/* FRONT PAGE CONTENT*/

.front-page-content .category .list-toggle {
    visibility: hidden;
}

.front-page-content {
    width: 720px;
    border-collapse: collapse;
}

.front-page-content ul {
    overflow: hidden;
    margin: 0;
    padding: 0;
    line-height: 1.2em;
}

.front-page-content a.link {
    margin-top: 8px;
}

.front-page-content hr {
    position: relative;
    overflow: hidden;
    top: -20px;
    height: 0;
    margin: 0;
    border: none;
}

.front-page-content h4 {
    margin: 0 0 8px;
}

.front-page-content .category {
    padding: 20px;
    float: left;
}

.front-page-content .category li {
    margin-top: 8px;
    margin-left: 0;
    padding-left: 0;
    cursor: pointer;
    list-style-type: none;
}

.feature-image {
    margin: 4px 0 10px;
}

.trivia-image {
    float: left;
    margin-right: 10px;
}


/* RESULT PAGE CONTENT */

.result {
    margin-top: -1px;
    padding: 10px 20px;
}

.result .title {
    font-size: 110%;
}

.result .snippet {
    margin: 0.5em 0 0;
}

.result .metadata ul {
    margin: 0;
    padding: 0;
}

.result .metadata ul li {
    margin: 0;
    padding: 0;
    display: inline;
    list-style: none;
}

.result-navigation {
    padding: 12px 20px 10px;
    cursor: default;
    text-align: right;
}

.result-navigation .page {
    float: left;
}

.result-navigation .step,
.result-navigation .pagination * {
    margin: 0 -3px 0 -4px;
    padding: 5px 0px;
}

.result-navigation .step {
    display: inline-block;
    padding: 0 5px;
}

.result-navigation .next-step {
    padding-left: 0;
    background-position: right 4px;
}


/* DETAIL PAGE CONTENT */

.detail .box {
    float: right;
    margin: 0 0 10px 10px;
    padding: 10px;
    width: 260px;
}

.detail .box h6 {
    margin: 2px 0 3px;
}


/* TOOLBAR */

.toolbar {
    height: 32px;
    z-index: 0;
}

.toolbar * {
    z-index: 1;
}

.toolbar .set {
    display: block;
    float: left;
    height: 32px;
    margin: 0 5px 0 20px;
}

.toolbar .set .icon {
    display: block;
    float: left;
}

.toolbar .menu {
    display: block;
    float: right;
    width: auto;
    height: 24px;
    margin: 0 10px;
    padding: 8px 10px 0;
    cursor: default;
}

.toolbar .menu:hover,
.toolbar .menu-selected {
    margin: 0 9px;
}

.toolbar .menu .arrow {
    padding: 2px 5px;
}


/* SEARCH */

.searchbutton {
    position: absolute;
    top: 15px;
    right: 18px;
    width: 40px;
    height: 20px;
    cursor: pointer;
    z-index: 30;
}

.searchbutton button {
    /*background: none; 
  border: none;*/
    cursor: pointer;
}

.search-hit {
    margin: 0 -2px;
    padding: 0 2px;
}

#suggestions {
    width: 400px;
    padding-bottom: 2px;
    position: absolute;
    top: 35px;
    left: 85px;
}


/*****************************************************************/


/*==DUSK.CSS=====================================================*/


/*****************************************************************/


/* Copyright 2002-2010 Mark Logic Corporation.  All Rights Reserved. */


/*

Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at

	 http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.


*/


body,
h4,
h5 {
    color: rgb(50, 50, 50);
    font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
}

h6 {
    color: rgb(75, 75, 75);
    font-weight: normal;
}

a {
    color: rgb(0, 140, 255);
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

a.external-link {
    color: rgb(0, 100, 160);
}

.home .text {
    font-weight: bold;
    color: gray;
    font-size: x-large;
}

.user {
    color: rgb(130, 130, 130);
}

.plugin-user {
    color: rgb(130, 130, 130);
}

.content-background {
    border-right-color: rgb(222, 222, 222);
    background: white;
}

.header,
.footer {
    color: rgb(75, 75, 75);
    background: rgb(210, 210, 210);
}

.header {
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
}

.footer {
    color: rgb(150, 150, 150);
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
}


/*.footer a {
  color: rgb(100,100,100);
}

.footer a:hover {
  color: rgb(50,50,50);
}
*/

.plugin-header,
.plugin-footer {
    color: rgb(75, 75, 75);
    background: rgb(210, 210, 210);
}

.plugin-header {
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
}

.plugin-footer {
    color: rgb(150, 150, 150);
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
}

.plugin-footer a {
    color: rgb(100, 100, 100);
}

.plugin-footer a:hover {
    color: rgb(50, 50, 50);
}

.pipe {
    border-left: 1px solid rgb(175, 175, 175);
}

.header label {
    text-transform: uppercase;
}

.header input#q {
    border: 1px solid rgb(150, 150, 150);
}

.plugin-header label {
    text-transform: uppercase;
}

.plugin-header input#q {
    border: 1px solid rgb(150, 150, 150);
}

.sidebar {
    -moz-border-radius-bottomleft: 5px;
    -webkit-border-bottom-left-radius: 5px;
}

.sidebar-header,
.sidebar-sub-header {
    color: rgb(75, 75, 75);
    letter-spacing: 1px;
    background: rgb(210, 210, 210);
}

.sidebar-header {
    letter-spacing: 1px;
    -moz-border-radius-topleft: 5px;
    -webkit-border-top-left-radius: 5px;
    text-transform: uppercase;
}

.sidebar-shadow {
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 7px;
    width: 3px;
    height: 100%;
    background: url('../images/3px_drop_shadow_right.png') repeat-y;
    opacity: .7;
    z-index: 2;
}

.sidebar .facet {
    color: white;
    background: url('../images/facet_green.png') right top no-repeat;
}

.sidebar .facet .close span {
    background: url('../images/facet_close.png') no-repeat;
}

.sidebar .facet a:hover.close {
    text-decoration: none;
}

.sidebar .facet a {
    outline: none!important;
}

.sidebar .category {
    border-top: 1px solid rgb(220, 220, 220);
    border-bottom: 1px solid rgb(220, 220, 220);
}

.sidebar .category a {
    color: rgb(75, 75, 75);
}

.sidebar .category h4 {
    font-size: .9em;
    color: rgb(75, 75, 75);
    letter-spacing: 1px;
    background: rgb(210, 210, 210);
}

.sidebar .category i {
    color: rgb(150, 150, 150);
    font-style: normal;
}

.sidebar #view_toggle_years,
.sidebar #view_toggle_awards {
    color: rgb(200, 200, 200);
}

.sidebar-background {
    border-bottom: 1px solid rgb(222, 222, 222);
    border-left: 1px solid rgb(222, 222, 222);
    background: white;
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-topleft: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-top-left-radius: 5px;
}

.front-page-content a {
    color: rgb(75, 75, 75);
}

.front-page-content a:hover {
    color: rgb(0, 140, 255);
}

.front-page-content a.link {
    color: rgb(0, 140, 255);
}

.front-page-content i {
    color: rgb(150, 150, 150);
    font-style: normal;
}

.front-page-content hr {
    border-top: 1px solid rgb(220, 220, 220);
}

.front-page-content h4 {
    color: rgb(235, 75, 0);
    text-transform: uppercase;
}

.front-page-content .category.li:hover,
.sidebar .category li:hover {
    color: rgb(150, 150, 150);
}

.front-page-content .category li a:hover,
.sidebar .category li a:hover {
    color: rgb(0, 140, 255);
}

.front-page-content .bootstrap {
    clear: both;
    padding: 10px;
    margin-bottom: 10px;
    margin-right: 10px;
    margin-left: 10px;
    border: 1px solid rgb(220, 220, 220);
}

.front-page-content .bootstrap a {
    text-decoration: underline;
}

.feature-image {
    border: 3px solid rgb(50, 50, 50);
}

.error {
    color: maroon;
    padding: 20px;
}

.error-detail {
    color: #999999;
    padding: 5px;
}


/* RESULT PAGE CONTENT */

.result {
    border-bottom: 1px solid rgb(225, 225, 225);
}

.result .title a {
    color: rgb(0, 140, 255);
}

.result .title a:hover *,
.result .title a:hover {
    color: rgb(0, 140, 255);
}

.result .metadata {
    margin: 4px 0 0 1;
    color: #5F810B;
    font-size: 90%;
}

.result .metadata ul li:after {
    content: ", ";
}

.result .metadata ul li:last-child:after {
    content: "";
}

.result-navigation {
    color: rgb(150, 150, 150);
}

.result-navigation b {
    color: rgb(235, 75, 0);
}

.result-navigation a {
    color: rgb(150, 150, 150);
}

.result-navigation a:hover {
    color: rgb(50, 50, 50);
    text-decoration: none;
}

.result-navigation a:hover.step {
    background-position: left -22px;
}

.result-navigation a:hover.next-step {
    background-position: right -22px;
}

.result-navigation .pagination {
    font-weight: bold;
}

.result-navigation .step {
    background-image: url('../images/pager_arrows.png');
    background-position: left 4px;
    background-repeat: no-repeat;
}

.result-navigation .step.next-step {
    background-position: right 4px;
}

.result-navigation .pagination span {
    color: rgb(240, 50, 0);
}


/* DETAIL PAGE CONTENT */

.detail .box {
    font-size: .9em;
    background: rgb(229, 243, 255);
}

.detail .box h6 {
    text-transform: uppercase;
}


/* TOOLBAR */

.toolbar {
    color: rgb(75, 75, 75);
    font-size: 0.8em;
    background: rgb(220, 220, 220);
}

.toolbar .set {
    border-right: 1px solid rgb(100, 100, 100);
}

.toolbar .set .icon {
    width: 32px;
    height: 32px;
    background: left top no-repeat;
    text-indent: -100em;
}

.toolbar .set .compact {
    background-image: url('../images/toolbar_list_compact.png');
}

.toolbar .set .detailed {
    background-image: url('../images/toolbar_list_detailed.png');
}

.toolbar .set a.icon:hover {
    text-decoration: none;
    background-position: left -80px;
}

.toolbar .set a.icon-selected {
    cursor: default;
    background-position: left -40px!important;
}

.toolbar .menu {
    color: white;
    font-size: 1.2em;
    opacity: .7;
    background: url('../images/toolbar_background_dark_gradient.png') left top repeat-x;
}

.toolbar .menu:hover {
    background-position: left -83px;
    border-left: 1px solid rgb(100, 100, 100);
    border-right: 1px solid rgb(36, 36, 36);
}

.toolbar .menu-selected {
    background-position: left -42px!important;
    margin: 0 9px;
    border-left: 1px solid rgb(36, 36, 36)!important;
    border-right: 1px solid rgb(100, 100, 100)!important;
}

.toolbar .menu .title {
    color: white;
    font-size: 0, 8em;
    opacity: 1;
}

.toolbar .menu .arrow {
    background: url('../images/toolbar_menu_arrow.gif') 2px 8px no-repeat;
}

.yui-skin-sam .yuimenu .bd {
    border-color: rgb(150, 150, 150);
}


/* MENUS */

.yui-skin-sam .yuimenu .yuimenuitemlabel {
    padding: 5px 20px;
    color: rgb(75, 75, 75);
}

.yui-skin-sam .yuimenu .yuimenuitemlabel:focus,
.yui-skin-sam .yuimenu .yuimenuitemlabel:hover {
    outline: none;
    background-color: rgb(235, 235, 235);
}

.search-hit {
    background: rgb(255, 204, 240);
}


/*****************************************************************/


/*==CUSTOM.CSS===================================================*/


/*****************************************************************/

h1 {
    font-size: 138.5%;
}

h2 {
    font-size: 123.1%;
}

h3 {
    font-size: 108%;
}

h1,
h2,
h3 {
    margin: 1em 0;
}

h1,
h2,
h3,
h4,
h5,
h6,
strong {
    font-weight: bold;
}

abbr,
acronym {
    border-bottom: 1px dotted #000;
    cursor: help;
}

em {
    font-style: italic;
}


/*
  ul,ol,dl{margin:1em;}
  ol,ul,dl{margin-left:2em;}
  ol li{list-style:decimal outside;}
  ul li{list-style:disc outside;}
  dl dd{margin-left:1em;}
*/

th,
td {
    border: 1px solid #000;
    padding: .5em;
}

th {
    font-weight: bold;
    text-align: center;
}

caption {
    margin-bottom: .5em;
    text-align: center;
}

p,
fieldset,
table,
pre {
    margin-bottom: 1em;
}

input[type=text],
input[type=password],
textarea {
    width: 12.25em;
    *width: 11.9em;
}

div.sampleclass {
    background-color: red;
}


/* @group Article */

#primary {
    clear: both;
    word-wrap: break-word;
}

#primary img {
    max-width: 606px;
}

#primary .section.first {
    float: none;
    /* YUI grids floats .yui-g div.first generically so we kill this */
}

#primary .yui-gc div.yui-u.first,
#primary .yui-g div.yui-u.first {
    float: left;
    /* fix this for IE6  which has problems with compound classes */
}

h1.page-title {
    clear: both;
    border-bottom: 1px solid #9E0B00;
    font-size: 1.6em;
    font-weight: bold;
    margin: 8px 0 5px;
    padding-bottom: 3px;
}

h2.section-title {
    border-bottom: 1px solid #9E0B00;
    clear: both;
    color: #031D4E;
    font-size: 1.2em;
    margin: 20px 0 7px;
    padding-bottom: 3px;
}

#primary .section-image {
    float: left;
    margin: 0 1em 1em 0;
}

#primary dl {
    margin-left: 0;
}

#primary dt {
    font-weight: bold;
    padding: 0;
}

#primary ul {
    line-height: 1.3em;
    list-style-type: none;
    margin: 0 0 7px 0;
    padding-left: 3px;
}

#primary ul li {
    list-style: none;
    /*background: url("../images/bulletBlack.gif") no-repeat scroll 2px 3px;*/
    margin-bottom: 5px;
    padding-left: 17px;
}

#primary ul li ul {
    margin-top: 5px;
}

#primary table {
    border: 0;
    width: 100%;
}

#primary table tr td {}

#primary table tr th {
    background: #EFEFEF;
}

#primary blockquote {
    margin-left: 2em;
}

#primary li.nobull {
    background: none no-repeat scroll 0 0 transparent;
}

h2.section2 {
    margin: 1em 0;
    font-size: 100%;
}

div.formPara {
    background-color: #D5DEE3;
    border-bottom: 4px double #D3D3D3;
    border-top: 4px double #D3D3D3;
    margin: 0;
    padding: 4px;
}

p.excludedText {
    text-align: center;
}

p.indentLevel1 {
    margin-left: 5em;
}

p.examinerNoteListLevel1 {
    margin-left: 5em;
}

p.examinerNoteListLevel2 {
    margin-left: 10em;
}

div.IndexLevel2 {
    margin-left: 5em;
}

div.IndexLevel3 {
    margin-left: 10em;
}

div.IndexLevel4 {
    margin-left: 15em;
}

div.IndexLevel5 {
    margin-left: 20em;
}

div.USC {
    font-family: Verdana;
    background: #D8D8D8;
    -moz-box-shadow: 1px 1px 0 orange, 2px 2px 0 gray, 3px 3px 0 #D8D8D8;
    -webkit-box-shadow: 1px 1px 0 gray, 2px 2px 0 orange, 3px 3px 0 #D8D8D8;
    box-shadow: 1px 1px 0 orange, 2px 2px 0 gray, 3px 3px 0 #D8D8D8;
}

div.CFR {
    font-family: Verdana;
    background: #D8D8D8;
    -moz-box-shadow: 1px 1px 0 orange, 2px 2px 0 gray, 3px 3px 0 #D8D8D8;
    -webkit-box-shadow: 1px 1px 0 gray, 2px 2px 0 orange, 3px 3px 0 #D8D8D8;
    box-shadow: 1px 1px 0 orange, 2px 2px 0 gray, 3px 3px 0 #D8D8D8
}

div.PCT {
    font-family: Verdana;
    background: #D8D8D8;
    -moz-box-shadow: 1px 1px 0 orange, 2px 2px 0 gray, 3px 3px 0 #D8D8D8;
    -webkit-box-shadow: 1px 1px 0 gray, 2px 2px 0 orange, 3px 3px 0 #D8D8D8;
    box-shadow: 1px 1px 0 orange, 2px 2px 0 gray, 3px 3px 0 #D8D8D8
}

h4.USC {
    font-family: Verdana;
}

h4.CFR {
    font-family: Verdana;
}

h4.PCT {
    font-family: Verdana;
}

h3.indentLevel1 {
    margin-left: 4em;
}

span.Strike {
    text-decoration: line-through;
}

span.Underline {
    text-decoration: underline;
}

span.OverBar {
    text-decoration: overline;
}

div.Example {
    margin-left: 5em;
    margin-right: 5em;
}


/* @end */


/*****************************************************************/


/*==APPCSS.CSS===================================================*/


/*****************************************************************/


/* Add any styles here to override the CSS in your built app.
 * This file will survive redeployment
 */


/* GLOBAL 

body,
h4,
h5 {
  color: rgb(50,50,50);
  font-weight: normal;
  font-size: 0.8em;
  line-height: 1.4em;
}*/


/*
 * NEW GLOBAL STYLES
 **********************************************************************************/

body {
    font: 16px Arial, Helvetica, sans-serif;
    margin: 0;
    padding: 0;
    text-align: left;
    color: #333;
}

h1 {
    font-size: 20px;
    margin: 0;
    padding: 0;
    color: #00396D;
    font-size: 1em;
}

h2 {
    font-size: 15px;
    color: #00396D;
    margin: 0;
    padding: 0;
}

h3 {
    font-size: 15px;
    margin: 0;
}

h4,
h5 {
    font-size: 1em;
}

h6 {
    margin: 10px 0 0;
    font-size: 1em;
}

a {
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

img {
    border: none;
}

img a {
    border: none;
}

.body-with-sidebar {
    min-width: 90.5em;
}

.body-no-sidebar {
    min-width: 75em;
}

.highlight-hit {
    font-weight: bold;
    background-color: #FFFFCC;
}

.highlight-focused {
    font-weight: bold;
    background-color: #FF69B4;
}

.annotation {
    background-color: #CCFFCC;
}


/* MASTER LAYOUT */

.home {
    width: 600px;
    height: 72px;
    /* margin: 10px auto auto 10px; */
    /* background-color: #ffffff */
    ;
}

#home-logo {
    cursor: default;
}

.home-text {
    font-size: 1.25em;
    font-weight: bold;
    line-height: 1em;
}

#manual li.tocverspan {
    background-color: #EEEEEE;
    padding: 4px;
}


/* Header Settings Menu */

#rdms-header-dropdowns {
    position: absolute;
    right: 1em;
    top: 0;
}

.settings_home_menu_class {
    border: 0px solid #1c1c1c;
    position: relative;
    z-index: 2;
    top: -10px;
    left: 12px;
    width: 100px;
}

.the_settings_menu {
    display: none;
    width: 100px;
    border: 0px solid #1c1c1c;
    position: relative;
    left: 17px;
    top: -60px;
    z-index: 2;
}

.the_settings_menu li {
    background-color: #302f2f;
    list-style: none;
}

.the_settings_menu li a {
    color: #FFFFFF;
    text-decoration: none;
    padding: 10px;
    display: block;
}

.the_settings_menu li a:hover {
    padding: 10px;
    font-weight: bold;
    color: #F00880;
}


/* Header Help Menu */

.help_home_menu_class {
    border: 0px solid #1c1c1c;
    position: relative;
    z-index: 2;
    top: -10px;
    left: 25px;
    width: 100px;
}

.the_help_menu {
    display: none;
    width: 100px;
    border: 0px solid #1c1c1c;
    position: relative;
    left: 71px;
    top: -60px;
    z-index: 2;
}

.the_help_menu li {
    background-color: #302f2f;
    list-style: none;
}

.the_help_menu li a {
    color: #FFFFFF;
    text-decoration: none;
    padding: 10px;
    display: block;
}

.the_help_menu li a:hover {
    padding: 10px;
    font-weight: bold;
    color: #F00880;
}


/* Header table */

.logo-table {
    margin-bottom: 0;
}

.logo-table td {
    border: 0;
}

#canvas {
    z-index: 0;
    width: auto;
    padding-left: 1em;
    padding-right: 1em;
}

#canvas-loading {
    background-color: #FFFFFF;
    bottom: 0;
    left: 0;
    opacity: 0.9;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 75;
}

#canvas-loading div {
    /**	width: 125px;
	margin: auto;
	position: relative;
  top: 16px;
**/
    width: 150px;
    height: 200px;
    position: fixed;
    top: 50%;
    left: 65%;
    margin-left: -100px;
    margin-top: -100px;
}

.plugin {
    position: relative;
    width: 960px;
    height: 593px;
    margin: 20px auto 30px;
    z-index: 0;
}

.plugin-break {
    clear: both;
    overflow: hidden;
    height: 0;
}

.top-nav-bar {
    margin-top: 0px;
    margin-bottom: auto;
    margin-right: 0px;
    margin-left: auto;
}

.top-help-widget-outer {
    margin-top: 0px;
    margin-bottom: auto;
    margin-right: 0px;
    margin-left: auto;
}

.top-settings-widget-outer {
    margin-top: 0px;
    margin-bottom: auto;
    margin-right: 0px;
    margin-left: auto;
}

.top-help-widget {
    position: relative;
    z-index: 0;
    background-color: #FFFFCC;
    width: 150px;
    text-align: center;
    visibility: hidden;
}

.top-settings-widget {
    position: relative;
    z-index: 0;
    background-color: #FFFFCC;
    width: 150px;
    text-align: center;
    visibility: hidden;
}

.user {
    width: auto;
    height: 3em;
    margin: 0 auto;
    padding-right: 3.8em;
    text-align: right;
}

.plugin-user {
    width: 920px;
    height: 30px;
    margin: 0 auto;
    padding: 0 30px 32px;
    text-align: right;
}

.plugin-iframe {
    height: 100%;
    width: 100%;
    margin-left: 0px;
}

.message-div {
    height: 100%;
    width: 100%;
    margin-left: 0px;
    text-align: center;
    aligh: center;
}

.plugin-iframe .static {
    padding: 0px;
    border: 0;
}

.message-div .static {
    padding: 0px;
    border: 0;
}

.plugin-iframe-background {
    position: absolute;
    left: 330px;
    width: 719px;
    height: 100%;
    border-right: 1px solid inherit;
    z-index: -1;
}

.message-div-background {
    position: absolute;
    top: 100px;
    left: 200px;
    width: 719px;
    height: 100%;
    border-right: 1px solid inherit;
    z-index: -1;
}

.content {
    width: auto;
}

.content .static {
    padding: 20px;
}

.content-wide {
    margin-left: 20px;
    padding-top: 9em;
    background-color: #FFFFFF;
}

.content-background {
    position: absolute;
    left: 24.8em;
    right: 0;
    /*3.8em;*/
    bottom: 0;
    width: auto;
    height: 100%;
    border-right: 1px solid inherit;
    z-index: -1;
    top: 9em;
}

.content-background-wide {
    left: 1.6em;
}

.header {
    position: absolute;
    /*top: -44px;*/
    right: 0;
    /* 3.8em; */
    left: 24.7em;
    width: auto;
    height: 5.1em;
    /* padding: 14px 20px 0; */
}

.non-scrollables {
    left: 24.8em;
    position: absolute;
    right: 0;
    z-index: 1;
}

.non-scrollables-fixed {
    left: 25.4em;
    position: fixed;
    right: 0.6em;
    top: 0em;
}

.non-scrollables-wide {
    left: 1.5em;
}

.non-scrollables-wide-fixed {
    left: 2.2em;
}

.header {
    left: 0;
    position: relative;
    z-index: 4;
}

.header-navigation-item {
    padding: 0 2px;
    font-size: 12px;
    color: #008CFF
}

.footer {
    top: auto;
    bottom: -4em;
    height: 3em;
    padding: 0 0 1em 0;
    font-size: 0.8em;
    position: relative;
}

.footer-wide {
    top: auto;
    bottom: -4em;
    height: 3em;
    padding: 0 0 1em 0;
    font-size: 0.8em;
    left: 31em;
    right: 0;
    /*4.7em; */
}

.footer-wide {
    left: 0em !important;
}

.footer .copyright {
    float: right;
}

.version {
    bottom: -2em;
    float: right;
    position: absolute;
    right: 1em;
    text-align: center;
}

.plugin-header,
.plugin-footer {
    position: absolute;
    top: -44px;
    left: 0px;
    width: 920px;
    height: 50px;
    padding: 14px 20px 0;
}

.plugin-header {
    z-index: 1;
}

.plugin-footer {
    top: auto;
    bottom: -40px;
    height: 28px;
    padding-top: 12px;
    font-size: 0.8em;
}

.plugin-footer .copyright {
    float: right;
}

.pipe {
    overflow: hidden;
    width: 1px;
    height: 10px;
    margin-left: 5px;
    padding: 0 5px 0 0;
}

.header input#q {
    display: block;
    font-size: 110%;
    height: 20px;
    position: inherit;
    width: 100%;
    left: 0em;
}

.header label {
    /*font-size: 1em;
  letter-spacing: 1px;*/
    text-transform: none;
}

#header-functions {
    position: absolute;
    top: 0;
    right: 2em;
    display: none;
}

.header-function-icon {
    width: 1.5em;
    height: 1.5em;
}

.plugin-header input#q {
    height: 20px;
    left: 85px;
    padding: 1px;
    padding-top: 4px;
    padding-right: 30px;
    position: absolute;
    top: 10px;
    width: 820px;
    font-size: 110%;
}

.plugin-search {
    height: 30px;
}

.plugin-title {
    height: 25px;
    width: 100%;
    font-style: italic;
    text-align: center;
}

.section-navigation-style {
    background: none repeat scroll 0 0 #D2D2D2;
    color: #4B4B4B;
    width: 40px;
    padding: 14px 0px 19px 0px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.section-navigation-arrows {
    color: #326277;
    font-weight: bold;
}


/* LEFT SIDEBAR Tabs */

.sidebar-tabs {
    left: 20px;
    position: absolute;
    top: -22px;
    width: 310px;
}

.sidebar-tab {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    background: none repeat scroll 0 0 #D2D2D2;
    padding: 5px;
}

.sidebar-tab-hidden {
    display: none;
}

.sidebar-toggle-on-side-absolute {
    left: -0.25em;
    padding: 0.45em 0.5em;
    position: absolute;
    top: 5em;
    z-index: 35;
}

.sidebar-toggle-on-side-fixed {
    padding: 0.47em 0.53em;
    position: fixed;
    top: 5.1em;
    z-index: 35;
    left: 0.3em;
}


/* LEFT SIDEBAR */

.sidebar-tab-toggle {
    left: 24em;
    position: absolute;
}

.sidebar-hidden {
    background-image: url("../images/application-sidebar-expand.png") !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}

.sidebar-shown {
    background-image: url("../images/application-sidebar-collapse.png") !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}

.sidebar {
    -moz-user-select: none;
    cursor: default;
    float: left;
    width: 20.8em;
}

.sidebar-tall {
    top: -2.7em;
    bottom: -1em;
}

.sidebar-header,
.sidebar-sub-header {
    border-top-left-radius: 0;
    position: relative;
    top: 0;
    left: 0;
    width: auto;
    height: 22px;
    padding: 10px 20px 0;
    font-size: 1em;
}

.sidebar-header {
    position: relative;
    font-size: 1em;
    z-index: 1;
}

.sidebar .facet {
    position: relative;
    top: 0;
    left: 15px;
    width: 213px;
    height: 40px;
    margin: 3px;
    z-index: 2;
}

.sidebar .facet .label {
    position: absolute;
    display: block;
    top: 0px;
    left: 15px;
    width: 180px;
    height: 40px;
    line-height: 40px;
    overflow: hidden;
}

.sidebar .facet .close {
    position: absolute;
    top: 9px;
    right: 9px;
    width: 15px;
    height: 20px;
    overflow: hidden;
}

.sidebar .facet .close span {
    position: absolute;
    top: 0;
    left: 0;
    width: 15px;
    height: 40px;
}

.sidebar .facet a:hover.close span {
    top: -25px;
}

.sidebar .category {
    margin-bottom: -1px;
}

.sidebar .category h4,
.sidebar .category h5,
.sidebar .category ul,
.sidebar .category li {
    cursor: pointer;
}

.sidebar .category h4,
.sidebar .category h5 {
    height: 40px;
    margin: 0;
    padding: 8px 20px 0;
}

.sidebar .category h4,
.sidebar .category a {
    cursor: pointer;
    font-size: 0.8em;
}

.sidebar .category h4:hover {
    background-position: left -42px;
}

.sidebar .category ul {
    overflow: hidden;
    margin: 0;
    padding: 0;
    line-height: 1em;
}

.sidebar .category li {
    margin: 8px 0 8px 0px;
    cursor: pointer;
    list-style-type: none;
}

.sidebar .category ul ul {
    overflow: hidden;
    height: 0;
    margin: 0;
    padding: 0;
}

.sidebar .category .list-toggle {
    margin-top: 0;
}

.sidebar .selected-category {
    display: none;
}

.sidebar .closed-category {
    height: 30px;
}

.sidebar .closed-category ul {
    position: relative;
    overflow: hidden;
    height: 0;
}

.sidebar-background {
    position: absolute;
    width: 328px;
    height: 100%;
    z-index: -1;
}

.sidebar-shadow {
    top: 2.6em;
}

.sidebar-panel {
    position: relative;
    bottom: 1em;
    top: 0;
    width: auto;
}


/* Manual tab */

#toc-mouseover {
    background-color: #FFDF60;
    border-color: #000000;
    border-style: solid;
    border-width: 0.05em;
    height: 1em;
    padding-bottom: 0.25em;
    position: absolute;
    z-index: 50;
    display: none;
}

#toc-mouseover a {
    text-decoration: none;
}

#toc-mouseover a:hover {
    text-decoration: none;
}

.toc-highlight {
    /*background-color: lightgray !important;*/
}


/* NOTES TAB
 ********************************************************/

.comment-bullet {
    position: absolute;
    top: 0.6em;
    left: 0.6em;
    width: 0.4em;
}

a.note-link {
    color: #EB581E;
    font-weight: bold;
}

.note-author {
    color: gray;
    margin-bottom: 0.2em;
}

span.note-del {
    color: #33a7ff;
    text-decoration: none;
    font-weight: normal;
    cursor: pointer;
}

span.note-del:hover {
    color: #33a7ff;
    text-decoration: underline;
}

.note-text {
    font-weight: bold;
    color: black;
}

.note-header {
    margin: 1em 0 0 0;
    padding-bottom: 0.3em;
    width: 100%;
}

.note-item {
    position: relative;
    margin: 0.2em 0 0 0;
    padding-top: 1em;
    width: 100%;
    border-top: 1px solid #EDEDED;
    font-size: 0.8em;
    /* assumes defauly em of 12px*/
}

.note-item div {
    margin-left: 1.2em;
    width: 90%;
}


/* Search Result tab */

.highlight-search-result {
    background-color: #CBEEA9; //#ccfefe;
}


/* FRONT PAGE CONTENT*/

.front-page-content .category .list-toggle {
    visibility: hidden;
}

.front-page-content {
    width: 720px;
    border-collapse: collapse;
}

.front-page-content ul {
    overflow: hidden;
    margin: 0;
    padding: 0;
    line-height: 1.2em;
}

.front-page-content a.link {
    margin-top: 8px;
}

.front-page-content hr {
    position: relative;
    overflow: hidden;
    top: -20px;
    height: 0;
    margin: 0;
    border: none;
}

.front-page-content h4 {
    margin: 0 0 8px;
}

.front-page-content .category {
    padding: 20px;
    float: left;
}

.front-page-content .category li {
    margin-top: 8px;
    margin-left: 0;
    padding-left: 0;
    cursor: pointer;
    list-style-type: none;
}

.feature-image {
    margin: 4px 0 10px;
}

.trivia-image {
    float: left;
    margin-right: 10px;
}


/* RESULT PAGE CONTENT */

.result {
    margin-top: -1px;
    padding: 0.5em 0.5em 0.5em 0;
}

.result .title {
    font-size: 110%;
}

.result .snippet {
    margin: 0.5em 0 0;
}

.result .metadata ul {
    margin: 0;
    padding: 0;
}

.result .metadata ul li {
    margin: 0;
    padding: 0;
    display: inline;
    list-style: none;
}

.result-navigation {
    cursor: default;
    padding: 0.1em 0 0;
    text-align: right;
}

.result-navigation .page {
    float: left;
}

.result-navigation .step,
.result-navigation .pagination * {
    margin: 0 -3px 0 -4px;
    padding: 5px 0px;
}

.result-navigation .step {
    display: inline-block;
    padding: 0 5px;
}

.result-navigation .next-step {
    padding-left: 0;
    background-position: right 4px;
}

.result-page {
    color: #969696 !important;
    text-decoration: none;
    cursor: pointer;
}

.result-page:hover {
    color: #000000 !important;
}


/* DETAIL PAGE CONTENT */

.detail {
    border-top: 1px solid #EFEFEF;
    border-bottom: 1px solid #EFEFEF;
    padding: 8px;
}

.detail .box {
    float: right;
    margin: 0 0 10px 10px;
    padding: 10px;
    width: 260px;
}

.detail .box h6 {
    margin: 2px 0 3px;
}

.note-toggle {
    display: none;
    height: 1em;
    padding-left: .4em;
    width: 1em;
}

a.note-toggle > img {
    height: 13px;
    width: 13px;
}

.note-delete {
    color: #008CFF;
    cursor: pointer;
}

.note-delete:hover {
    text-decoration: underline;
}

.editable {
    height: 60px;
    width: 500px;
}

.editable-buttons {
    position: relative;
    width: 500px;
    padding-top: 0.5em;
    color: #008CFF;
}

.editable-cancel-button {
    cursor: pointer;
}

.editable-cancel-button:hover {
    text-decoration: underline;
}

.editable-left {
    position: absolute;
    left: 0;
}

.editable-right {
    position: absolute;
    right: 0;
}


/* TOOLBAR */

.toolbar-icon {
    position: relative;
    bottom: -5px;
    border-style: none;
    padding-left: 0.25em;
    padding-right: 0.25em;
    cursor: pointer;
}

#toolbar-detail-top {
    height: 32px;
    float: center;
}

#toolbar-detail-bot {
    height: 25px;
}

#toolbar {
    width: auto;
    z-index: 0;
    background-image: url("../images/nav_bg.png");
    background-repeat: repeat-x;
    height: 35px;
    padding: 8px 0 0 0;
    margin: 0px 0 0 0;
}

#toolbar > span {
    position: absolute;
    right: 1.1em;
    height: 100%;
    border-right: 1px solid #CCCCCC;
}

.toolbar-item {
    border-left: 1px solid #CCCCCC;
    border-style: none none none solid;
    color: #989898;
    float: left;
    font-size: 0.9em;
    height: 26px;
    padding-left: 0.5em;
    padding-right: 0.5em;
}

.toolbar-item-label {
    cursor: pointer;
    float: right;
    padding-left: 16px;
    padding-right: 8px;
}

.toolbar-item-label:hover {
    text-decoration: underline;
}

.toolbar-item-label-left {
    cursor: default;
    float: left;
    padding-left: 8px;
    padding-top: 5px;
}

.toolbar-item-label-left:hover {
    text-decoration: underline;
}

.toolbar-item-label-center {
    cursor: default;
    float: right;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 6px;
}

.toolbar-item-label-center:hover {
    text-decoration: underline;
}

.view-search {
    display: none;
}

.view-search-result {
    display: none;
}

.breadcrumbs {
    font-size: 1.5em;
    left: 50em;
    padding: 0 5px;
    position: absolute;
    text-align: center;
    top: 0.5em;
}

.breadcrumb {
    color: #008CFF;
    cursor: default;
}

.toolbar .set {
    display: block;
    float: left;
    height: 32px;
    margin: 0 5px 0 20px;
}

.toolbar .set .icon {
    display: block;
    float: left;
}

.toolbar .menu {
    display: block;
    float: right;
    width: auto;
    height: 24px;
    margin: 0 10px;
    padding: 8px 10px 0;
    cursor: default;
}

.toolbar .menu:hover,
.toolbar .menu-selected {
    margin: 0 9px;
}

.toolbar .menu .arrow {
    padding: 2px 5px;
}

#toolbar-search-controls select {
    margin-left: 0.25em;
    margin-right: 1em;
}

#save-search-toggle strong {
    cursor: pointer !important;
    color: #33A8FF;
}

#save-search-toggle strong:hover {
    color: #EB4B00;
    text-decoration: underline;
}

.toolbar-icon {
    background-repeat: no-repeat;
    float: left;
    height: 16px;
    margin-left: 4px;
    min-width: 16px;
}

#print-button-icon {
    background-image: url("../images/icon_print.png");
}

#print-button-icon:hover {
    background-image: url("../images/icon_print_on.png");
}

#decrease-font-size {
    background-image: url("../images/icon_decreasefont.png");
}

#decrease-font-size:hover {
    background-image: url("../images/icon_decreasefont_on.png");
}

#increase-font-size {
    background-image: url("../images/icon_increasefont.png");
}

#increase-font-size:hover {
    background-image: url("../images/icon_increasefont_on.png");
}

#back-to-search-results {
    width: 128px;
}


/* IE Hack */

#back-to-search-results-icon {
    background-image: url("../images/icon_back.png");
}

#back-to-search-results-icon:hover {
    background-image: url("../images/icon_back_on.png");
}

.highlights-enabled {
    background-image: url("../images/icon_highlights_on.png");
}

.highlights-disabled {
    background-image: url("../images/icon_highlights_off.png");
}

.notes-enabled {
    background-image: url("../images/icon_highlights_on.png");
    background-repeat: no-repeat;
    background-position: left;
}

.notes-disabled {
    background-image: url("../images/icon_highlights_off.png");
    background-repeat: no-repeat;
    background-position: left;
}

#notes-toggle-icon {
    padding-left: 20px;
    margin-left: 8px;
}

#notes-toggle {
    color: #666666;
    text-decoration: none;
}

#notes-toggle:hover {
    color: #EB581E;
    text-decoration: none;
}

#highlight-widget-up-icon {
    background-image: url("../images/icon_up_off.png");
}

#highlight-widget-up-icon:hover {
    background-image: url("../images/icon_up_on.png");
}

#highlight-widget-down-icon {
    background-image: url("../images/icon_down_off.png");
}

#highlight-widget-down-icon:hover {
    background-image: url("../images/icon_down_on.png");
}


/* NEW HEADER STYLES
 **********************************************************************************/

#rdms-header {
    width: 100%;
    min-width: 860px;
    height: 121px;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background: url(../images/banner_bg.png) top left no-repeat #93B5BE;
    position: fixed;
    top: 0;
}

div.rdms-header-title-separator {
    height: 35px;
    width: 24px;
    padding: 0;
    margin: 0;
    border: none;
    background: url("../images/banner_pipes.png") center center no-repeat;
}

#rdms-header .title {
    left: 100px;
    position: absolute;
    width: 500px;
    top: 15px;
    height: 60px;
}

span.title-delimiter {
    font-size: 29px;
    line-height: normal;
    font-weight: bold;
    margin: 0px 4px 0px 4px;
}

#rdms-header h2 {
    float: left;
    height: 60px;
    vertical-align: middle;
    margin-left: 10px;
}


/*
 * SETTINGS MENU
 ****************************************************************************************/

#rdms-header ul.topNav {
    margin: -20px 28px 0 0;
    padding: 0 0 0 0;
    float: right;
    color: #00396D;
    list-style-type: none;
}

#rdms-header ul.topNav > li {
    margin: 0 6px 0 0;
    float: right;
    color: #00396D;
    list-style-type: none;
    padding-right: 1em;
    background: url(../images/arrow_blue_down.png) right -3px no-repeat;
    font-size: 12px;
}

#rdms-header ul.topNav a {
    color: #00396D;
    text-decoration: none;
}

#rdms-header ul.topNav a:hover {
    color: #00396D;
    font-weight: normal;
    text-decoration: underline;
}

ul.rdms-topnav-menu {
    display: none;
}

ul#rdms-settings-menu-area {
    display: none;
    width: 140px;
    border: 1px solid gray;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    left: 0;
    background-color: white;
    color: #00396D;
    float: none;
    z-index: 100;
    font-size: 12px;
}

ul#rdms-settings-menu-area > li {
    border-bottom: 1px dashed gray;
    line-height: 16px;
    margin: 0;
    padding: 5px;
    display: block;
    float: none;
}

ul#rdms-settings-menu-area > li > a {
    color: gray;
    text-decoration: none;
}

ul#rdms-settings-menu-area > li > a:hover {
    color: gray;
    text-decoration: underline;
}

select.edition-select {
    border: 1px inset gray;
    color: #008CFF;
}

#rdms-logo-block {
    display: table;
    height: 86px;
    width: 40%px;
    padding: 0;
    margin: 0;
}

.logo-row {
    display: table-row;
    height: 100%;
    margin: 0;
    padding: 0;
    cursor: default;
}

.logo-cell {
    display: table-cell;
    vertical-align: middle;
    padding: 0;
    margin: 0;
}

.logo-cell a {
    color: #00396E;
}

#logo-block img {
    margin: 2px 15px 0 15px;
}

.text-blue {
    color: #00396e;
}

.acronym {
    font-weight: bold;
    font-size: 1.4em;
}

.long-title {
    font-weight: bold;
    font-size: 1.05em;
}


/* NEW SEARCH FORM STYLES
 ************************************************************************************/

#rdms-search-form-area {
    float: right;
    height: 100%;
    width: 560px;
    padding: 0;
    margin: 32px 8px 0 0;
    font-size: 0.8em;
    line-height: 0.8em;
}

#searchform {
    display: block;
    margin: 0;
    padding: 0;
    width: 100%;
}

input.searchbox {
    width: 520px;
    float: left;
    border: 1px solid gray;
    font-size: 1.25em;
    line-height: 1.6em;
    height: 1.6em;
    padding-left: 4px;
}

#search-constraints {
    float: left;
    width: 550px;
    margin: 0;
    padding: 0;
    font-size: 1em;
}

#search-over {
    float: left;
}

#search-version {
    float: left;
    padding-left: 1em;
    margin-top: 1px;
}

.search-constraint {
    float: right;
    padding-left: 1em;
    margin-top: 1px;
}

.search-constraint #syntax {
    font-size: 0.8em;
    height: 2em;
    width: 70px;
}


/* Need to keep size of font in autosuggest about same size as font in input box*/

.yui-ac-bd li {
    font-size: 1em;
}

.searchbutton {
    float: left;
    height: 20px;
    width: 20px;
    position: relative;
    top: 0;
    right: 0;
    cursor: pointer;
    z-index: 0;
}

.searchbutton button {
    cursor: pointer;
    border: none;
    background: url('../images/icon_search.png') no-repeat top left;
    width: 19px;
    height: 18px;
    margin: 2px 0 0 0.2em;
    padding: 0;
    float: left;
}

.search-hit {
    margin: 0 -2px;
    padding: 0 2px;
}

#suggestions {
    width: 400px;
    padding-bottom: 2px;
    position: absolute;
    top: 35px;
    left: 85px;
}


/* SIDEBAR PANE
 ***************************************************************************/

div.rdms-buttonbar {
    margin: 0;
    padding: 0;
    width: 100%;
}


/* SIDEBAR BUTTON BAR STYLES
 **************************************************************************/


/* Settings for "north" region of sidebar (holds the button bar) */

#rdms-sidebar-buttonbar {
    overflow: hidden;
    border: none;
    padding: 0;
    margin: 0;
}


/* Holds the "center" region of the sidebar layout*/

#sidebar {
    border: none;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
}

li.ui-state-disabled {
    opacity: 0.2;
}

div.rdms-buttonbar > ul.rdms-buttonbar-nav {
    margin: 2px 0 0 0;
    padding: 0px;
    padding-top: 0px;
    color: #fff;
    border-left: 1px solid #ccc;
    float: left;
    width: 100%;
    height: auto;
}

div.rdms-buttonbar > ul.rdms-buttonbar-nav > li {
    margin: 0 0 0 0;
    float: left;
    list-style-type: none;
    border-right: 1px solid #ccc;
    padding: 0;
    height: 26px;
}

div.rdms-buttonbar > ul.rdms-buttonbar-nav li > a {
    color: #0C354B;
    text-decoration: none;
}

div.rdms-buttonbar > ul.rdms-buttonbar-nav li > ul a:hover {
    color: #0C354B;
    text-decoration: underline;
}

div.rdms-buttonbar > ul.rdms-buttonbar-nav li > a > img {
    border: 0;
}


/* SIDE BAR SEARCH RESULTS LIST
 **************************************************************************/


/* Need to specify for each li because custom.css appears to define the style as "disc" for all lis */

#search-results-list {
    font-size: 0.8em;
    /* Control relative sizing of all text in this area. Assumes default is ~12px */
    width: 100%;
}

#search-results-list ul {
    padding: 0;
    /*margin: 0 0 0 0.2em; */
    margin: 0 0 0 0;
    width: 100%;
}

#search-results-list li {
    list-style-type: none;
    margin: 0 0 0 0;
    /*padding: 3px 0 3px 11px; */
}

#search-results-list ul li li {
    background: url("../images/bullet_grey1.png") top left no-repeat;
    margin: 0 0 0 2px;
    padding: 3px 0 3px 9px;
    white-space: nowrap;
}

#search-results-list ul li li:hover,
#search-results-list li li.selected-category {
    background: url("../images/bullet_red.png") top left no-repeat;
    white-space: nowrap;
}

.search-results-version {
    background-color: #EEE;
    padding: 4px 4px 4px 4px;
    margin: 4px 0 4px 0;
}


/* First level rules */

#search-results-list > ul > li > ul > li {
    margin-top: 0.3em;
    padding-bottom: 4px;
    border-bottom: 1px solid #EDEDED;
    color: #00396e;
    font-weight: bold;
}

#search-results-list > ul > li > ul {
    margin-bottom: 0.3em;
}

#search-results-list > ul > li > ul > li > a {
    color: #00396e;
}


/* Second */

#search-results-list > ul > li li {
    padding: 2px 1 2px 0;
    border-top: none;
    color: #666;
    font-weight: normal;
}


/* Second level text should be smaller*/

#search-results-list > ul > li li {
    margin: 0 0 0 4px;
    padding: 2px 0 0px 9px;
    font-size: 0.95em;
}


/* But all deeper should stay the same as level 2 */

#search-results-list > ul > li li li {
    font-size: 1em;
}

#search-results-list a {
    text-decoration: none;
    color: #666;
}

#search-results-list a:hover,
#search-results-list li.selected-category > a {
    color: #EB581E;
}


/* SEARCH HISTORY AND SAVED SEARCH LISTS
 **************************************************************************/

#rdms-saved-searches {
    display: none;
}

#rdms-search-history {
    display: none;
}

#searches {
    font-size: 0.8em;
    /* Control relative sizing of all text in this area. Assumes default is ~12px */
    width: 100%;
}

#searches > div > ul > li > a {
    background: url("../images/arrow_blue3_right.png") top left no-repeat;
    margin: 0 0 0 2px;
    padding: 3px 0 3px 9px;
}

#searches > div > ul > li> a:hover {
    background: url("../images/arrow_red_right.png") top left no-repeat;
}

#searches > div > ul > li > a.open,
#searches > div > ul > li > a.open:hover {
    background: url("../images/arrow_red_down.png") top left no-repeat;
    color: #EB581E;
}

#searches ul {
    padding: 0;
    margin: 0 0 0 0.2em;
    width: 100%;
}

#searches li {
    list-style-type: none;
    margin: 0 0 0 0;
    padding: 3px 0 3px 11px;
}

#searches ul li li {
    background: url("../images/bullet_grey1.png") top left no-repeat;
    margin: 0 0 0 2px;
    padding: 3px 0 3px 9px;
    white-space: nowrap;
}

#searches ul li li:hover {
    background: url("../images/bullet_red.png") top left no-repeat;
    white-space: nowrap;
}


/* First level rules */

#searches > div > ul > li {
    margin-top: 0.3em;
    border-bottom: 1px solid #EDEDED;
    color: #00396e;
    font-weight: bold;
}

#searches > div > ul > li > ul {
    margin-bottom: 0.3em;
}

#searches > div > ul > li > a {
    color: #00396e;
}


/* Second */

#searches > div > ul > li li {
    padding: 2px 1 2px 0;
    border-top: none;
    color: #666;
    font-weight: normal;
}


/* Second level text should be smaller*/

#searches > div > ul > li li {
    margin: 0 0 0 4px;
    padding: 2px 0 0px 9px;
    font-size: 0.95em;
}

#searches a {
    text-decoration: none;
    color: #666;
}

#searches a:hover {
    color: #EB581E;
}


/* CONTENT AREA STYLES (layout)
 **************************************************************************/

#rdms-content {
    position: absolute;
    top: 121px;
    bottom: 0px;
    width: 100%;
    margin: 0;
    padding: 0;
    border-bottom: 6px solid rgb(0, 57, 110);
    background-color: white;
    overflow: hidden;
}

#rdms-content-canvas {
    font-size: 0.8em;
    margin: 0;
    padding: 0;
    width: auto;
    overflow: auto;
    height: 100%;
}

#rdms-splitter-bounds {
    position: absolute;
    top: 121px;
    left: 230px;
    bottom: 100px;
    right: 20px;
    margin: 0;
    padding: 0
}

#rdms-sidebar {
    margin: 0;
    padding: 0;
    float: left;
    width: 230px;
    height: 100%;
    float: left;
    overflow: auto;
    white-space: no-wrap;
}

#rdms-splitter {
    width: 6px;
    float: left;
    height: 100%;
    background-color: #DDD;
    cursor: w-resize;
}

#canvas {
    width: 95%;
    overflow: visible;
    margin-right: 2em;
}


/* Save Search Dialog
**************************************************************************/

#save-search-dialog {
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    padding: 1em;
    position: absolute;
    right: 0.9em;
    top: 7.5em;
    width: 250px;
    z-index: 20;
    display: none;
}

#save-search-dialog>strong {
    color: #33A8FF;
    font-size: 0.9em;
}

#save-cancel-controls {
    float: right;
    font-size: 0.9em;
}

#save-cancel-controls button {
    font-size: 1.1em;
}

#save-cancel-controls span {
    cursor: pointer;
}


/* FACYBOX styles: controls lightbox used in the settings screens
 ****************************************************************************/

#facybox .nw,
.n,
.ne,
.w,
.e,
.sw,
.se {
    border: none;
}

#facybox .s {
    border-left: none;
    border-right: none;
}

#facybox .content {
    max-width: 1000px;
}

#facybox .body {
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: black;
}


/* General settings screen styles
  **************************************************************************************/

.table-div {
    display: table;
    width: 100%;
}

.row-div {
    display: table-row;
}

.cell-div {
    display: table-cell;
}

.prefs-bottom-border {
    border-bottom: 1px solid #EDEDED;
}

p.pref-text {
    font-size: 0.8em;
    font-style: italic;
    color: #adadad;
}

em.pref-text {
    font-weight: bold;
    color: #adadad;
}

.subheading {
    color: #34628d;
    font-weight: bold;
    font-size: 0.95em;
}

.colheading {
    color: black;
    font-weight: bold;
    font-size: .9em;
}

.orange {
    color: #EB581E;
    font-weight: bold;
}

.scrollable-area a {
    color: #34628d;
    font-size: 0.8em;
}

#facybox .content a {
    color: #34628d;
    font-size: 1em;
}

a.toggle {
    margin: 0 0 0 2px;
    padding: 3px 0 3px 9px;
    text-decoration: none;
    color: #34628;
    font-weight: bold;
    font-size: 1em;
}

a.toggle:hover {
    text-decoration: underline;
}

a.right {
    background: url("../images/arrow_blue_right.png") top left no-repeat;
    background-position: -4px 4px;
}

a.down {
    background: url("../images/arrow_blue_down.png") top left no-repeat;
    background-position: -4px 4px;
}

a.add-new {
    text-decoration: none;
    color: #34628;
    font-weight: bold;
    font-size: 0.8em !important;
}

a.add-new:hover {
    text-decoration: underline;
    ;
}


/* Manage Preferences styles
  **************************************************************************************/

.manpref-firstcol {
    width: 25%;
    padding: 0 0 0 0;
}

.manpref-secondcol {
    width: 75%;
    padding: 1em;
}

.manpref-secondcol select {
    width: 200px;
}


/* Manage Releases styles
  **************************************************************************************/

.manrel-firstcol {
    width: 100px;
    padding: 1em 1em 1em 0;
}

.manrel-secondcol {
    width: 230px;
    /*padding: 1em 0 1em 0;*/
}

.manrel-thirdcol {
    width: 230px;
    /*padding: 1em 0 1em 0;	*/
}

.manrel-fourthcol {
    width: 225px;
    /*padding: 1em 0 1em 0;	*/
}

.manrel-fifthcol {
    width: 120px;
    /* padding: 1em 1em 1em 0;	*/
}

.manrel-fourthcol select {
    width: 150px;
}

.manrel-spannedcol {
    width: 72%;
    padding: 0em 1em 1em 0;
}

.manrel-width {
    min-width: 1000px;
}

.manrel-release-date-time {
    float: left;
    padding: 0 6px 0 9px;
}

.manrel-current {
    color: #565656;
    font-weight: bold;
}

.manrel-subtable-rowheight {
    line-height: 2em;
}

.manrel-subtable-firstcol {
    width: 25%;
}

.manrel-subtable-secondcol {
    width: 75%;
}

.manrel-subtable-secondcol select {
    width: 50px;
    margin: 2px 2px 2px 2px;
}

#manrel-sortable {
    list-style: none;
    padding: 0;
    margin: 0;
}

#manrel-sortable li {
    border-style: none;
}

.manrel-move-up {
    float: left;
}

.manrel-move-down {
    float: left;
}

.manrel-version-text {
    float: left;
    padding-left: 6px;
}


/* Message appears to left of save cancel buttons */

.manrel-error {
    margin-left: 0.5em;
    color: red;
}


/* Message appears to left of save cancel buttons on the Schedule Release Dialog*/

.schedule-release-error {
    margin-left: 0.5em;
    color: red;
}


/* Date Picker Styles in the Schedule Release dialog
  **************************************************************************************/

.ui-icon {
    background-image: url("../images/ui-icons_2e83ff_256x240.png") !important;
}

.ui-datepicker {
    background-color: #eeeeee;
}


/* Manage Help Page styles
  **************************************************************************************/

.manhelp-col {
    width: 30%;
    max-width: 220px;
    padding: .5em 1em .5em 0;
    vertical-align: bottom;
    overflow: hidden;
}

.manhelp-limitwidth {
    width: 240px;
    /*overflow: hidden;	*/
}

.manhelp-lastcol {
    width: 25%;
    text-align: right;
    padding: .5em 1em .5em 0;
}

.manhelp-popupcol {
    width: 15%;
    text-align: center;
    padding: .5em 1em .5em 0;
}

.manhelp-col input {
    width: 100%;
    font-size: 1em;
}

.manhelp-messages {
    float: right;
    color: red;
    font-weight: bold;
    display: none
}

.manhelp-deleted {
    text-decoration: line-through;
}

.manhelp-template {
    display: none;
}

.manhelp-subheading {
    font-weight: bold;
    font-size: 1em;
}

div.manhelp-add-new {
    margin-top: 0.4em;
    margin-bottom: 0.4em;
}


/* Manage Users and Roles Page styles
  **************************************************************************************/

.manroles-firstcol {
    width: 35%;
    padding: 0.5em 0 0.5em 0;
}

.manroles-secondcol {
    width: 65%;
    padding: 0.5em 0 0.5em 0;
}

.manroles-secondcol select {
    width: 350px;
    margin-right: 1em;
}

.manroles-secondcol input.auto-users[type='text'],
#manrolessuggestions {
    width: 350px;
    margin-right: 1em;
}

.manroles-secondcol .group {
    margin-bottom: 1em;
}

.manroles-secondcol .label {
    width: 150px;
}

.manroles-secondcol input[type=text] {
    width: 200px;
}


/* Spacing in subtable */

.manroles-secondcol .cell-div {
    padding: 0.5em 0 0.5em 0;
}


/* Message appears to right of view options lins*/

.manroles-error,
.manroles-update-error,
.manroles-add-error,
.manroles-createrole-errors,
.manroles-removerole-errors,
.manroles-unassign-error,
.manroles-assign-error {
    margin-left: 0.5em;
    color: red;
}


/* Message appears at bottom of options area in second column */

.manroles-messages {
    margin-top: 1em;
    color: red;
}


/* Error page body style
  **************************************************************************************/

.rdms-bordered-area {
    min-height: 100%;
    padding: 2em 2em 2em 2em;
}


/* MLR 2-12-2014 Added this class to prevent the body of the user management page form 
    overlapping with the page header.
	
	User management page body style
  **************************************************************************************/

.user-management-body {
    width: 100%;
    position: absolute;
    top: 121px;
    bottom: 0;
    padding: 0;
    margin: 0;
}

.old-version-background {
    background-attachment: fixed !important;
    background-image: url("../images/archive-background.png") !important;
    background-repeat: repeat !important;
}


/* DMZ Login page body style
 **************************************************************************************/

.login-template {
    display: none;
}

.login-limitwidth {
    width: 240px;
    /*overflow: hidden;	*/
}

.login-col {
    width: 30%;
    max-width: 220px;
    padding: .5em 1em .5em 0;
    vertical-align: bottom;
    overflow: hidden;
}

.login-lastcol {
    width: 25%;
    text-align: right;
    padding: .5em 1em .5em 0;
}

#login-form li {
    list-style: none;
    clear: left;
}

#login-form li label {
    width: 100px;
    display: block;
    float: left;
    margin-right: 4px;
    font-weight: bold;
}

#login-form li input {
    float: left;
    width: 200px;
    margin-left: 4px;
}

#login-error {
    margin-left: 150px;
    color: red;
}

#login-btn {
    clear: both;
    margin-left: 150px;
}

.um-change-password-form {
    width: 40%;
}

.um-change-password-form label {
    display: block;
    font-weight: bold;
}

.um-change-password-form li {
    list-style: none;
    padding: 4px 0 0 0;
    margin: 0;
}

#submit-change-password {
    margin-left: 40px;
}

.um-change-password-form input[type=text],
.um-change-password-form input[type=password] {
    width: 80%;
}

#login-change-password-error {
    margin-left: 40px;
    color: red;
}

#login-user-mgmt-error {
    margin-left: 40px;
    color: red;
}

#login-table {
    width: 40%;
}

.login-lastcol {
    vertical-align: bottom;
}


/*****************************************************************/


/*==JQUERY-UI-1.8.7.CUSTOM.CSS===================================*/


/*****************************************************************/


/*
 * jQuery UI CSS Framework 1.8.7
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 */


/* Layout helpers
----------------------------------*/

.ui-helper-hidden {
    display: none;
}

.ui-helper-hidden-accessible {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
}

.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none;
}

.ui-helper-clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.ui-helper-clearfix {
    display: inline-block;
}


/* required comment for clearfix to work in Opera \*/

* html .ui-helper-clearfix {
    height: 1%;
}

.ui-helper-clearfix {
    display: block;
}


/* end clearfix */

.ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    filter: Alpha(Opacity=0);
}


/* Interaction Cues
----------------------------------*/

.ui-state-disabled {
    cursor: default !important;
}


/* Icons
----------------------------------*/


/* states and images */

.ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
}


/* Misc visuals
----------------------------------*/


/* Overlays */

.ui-widget-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/*
 * jQuery UI CSS Framework 1.8.7
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 *
 * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Trebuchet%20MS,%20Tahoma,%20Verdana,%20Arial,%20sans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=f6a828&bgTextureHeader=12_gloss_wave.png&bgImgOpacityHeader=35&borderColorHeader=e78f08&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=eeeeee&bgTextureContent=03_highlight_soft.png&bgImgOpacityContent=100&borderColorContent=dddddd&fcContent=333333&iconColorContent=222222&bgColorDefault=f6f6f6&bgTextureDefault=02_glass.png&bgImgOpacityDefault=100&borderColorDefault=cccccc&fcDefault=1c94c4&iconColorDefault=ef8c08&bgColorHover=fdf5ce&bgTextureHover=02_glass.png&bgImgOpacityHover=100&borderColorHover=fbcb09&fcHover=c77405&iconColorHover=ef8c08&bgColorActive=ffffff&bgTextureActive=02_glass.png&bgImgOpacityActive=65&borderColorActive=fbd850&fcActive=eb8f00&iconColorActive=ef8c08&bgColorHighlight=ffe45c&bgTextureHighlight=03_highlight_soft.png&bgImgOpacityHighlight=75&borderColorHighlight=fed22f&fcHighlight=363636&iconColorHighlight=228ef1&bgColorError=b81900&bgTextureError=08_diagonals_thick.png&bgImgOpacityError=18&borderColorError=cd0a0a&fcError=ffffff&iconColorError=ffd27a&bgColorOverlay=666666&bgTextureOverlay=08_diagonals_thick.png&bgImgOpacityOverlay=20&opacityOverlay=50&bgColorShadow=000000&bgTextureShadow=01_flat.png&bgImgOpacityShadow=10&opacityShadow=20&thicknessShadow=5px&offsetTopShadow=-5px&offsetLeftShadow=-5px&cornerRadiusShadow=5px
 */


/* Component containers
----------------------------------*/

.ui-widget {
    font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;
    font-size: 1.1em;
}

.ui-widget .ui-widget {
    font-size: 1em;
}

.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
    font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;
    font-size: 1em;
}

.ui-widget-content {
    /*border: 1px solid #dddddd;  background: #eeeeee url(../images/ui-bg_highlight-soft_100_eeeeee_1x100.png) 50% top repeat-x; color: #333333; */
}

.ui-widget-content a {
    color: #333333;
}

.ui-widget-header {
    /*border: 1px solid #e78f08; background: #f6a828 url(../images/ui-bg_gloss-wave_35_f6a828_500x100.png) 50% 50% repeat-x; color: #ffffff;*/
    font-weight: bold;
}

.ui-widget-header a {
    color: #ffffff;
}


/* Interaction states
----------------------------------*/

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    /*border: 1px solid #cccccc;*/
    border-width: 1px;
    border-style: solid;
    border-color: #cccccc;
    /*background: #f6f6f6 url(../images/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x;*/
    font-weight: bold;
    color: #1c94c4;
    cursor: pointer;
}

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
    color: #1c94c4;
    text-decoration: none;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
    /*border: 1px solid #fbcb09;*/
    background: #fdf5ce url(../images/ui-bg_glass_100_fdf5ce_1x400.png) 50% 50% repeat-x;
    font-weight: bold;
    color: #c77405;
}

.ui-state-hover a,
.ui-state-hover a:hover {
    color: #c77405;
    text-decoration: none;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
    border: 1px solid #fbd850;
    /*background: #ffffff url(../images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;*/
    background-color: #FFDF00;
    font-weight: bold;
    color: #eb8f00;
}

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
    color: #008CFF;
    text-decoration: none;
}

.ui-widget:active {
    outline: none;
}


/* Interaction Cues
----------------------------------*/

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
    border: 1px solid #fed22f;
    background: #ffe45c url(../images/ui-bg_highlight-soft_75_ffe45c_1x100.png) 50% top repeat-x;
    color: #363636;
}

.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
    color: #363636;
}

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
    border: 1px solid #cd0a0a;
    background: #b81900 url(../images/ui-bg_diagonals-thick_18_b81900_40x40.png) 50% 50% repeat;
    color: #ffffff;
}

.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
    color: #ffffff;
}

.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
    color: #ffffff;
}

.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
    font-weight: bold;
}

.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
    opacity: .7;
    filter: Alpha(Opacity=70);
    font-weight: normal;
}

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
    opacity: .35;
    filter: Alpha(Opacity=35);
    background-image: none;
}


/* Icons
----------------------------------*/


/* states and images */

.ui-icon {
    width: 16px;
    height: 16px;
    background-image: url(../images/ui-icons_222222_256x240.png);
}

.ui-widget-content .ui-icon {
    background-image: url(../images/ui-icons_222222_256x240.png);
}

.ui-widget-header .ui-icon {
    background-image: url(../images/ui-icons_ffffff_256x240.png);
}

.ui-state-default .ui-icon {
    background-image: url(../images/ui-icons_ef8c08_256x240.png);
}

.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
    background-image: url(../images/ui-icons_ef8c08_256x240.png);
}

.ui-state-active .ui-icon {
    background-image: url(../images/ui-icons_ef8c08_256x240.png);
}

.ui-state-highlight .ui-icon {
    background-image: url(../images/ui-icons_228ef1_256x240.png);
}

.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
    background-image: url(../images/ui-icons_ffd27a_256x240.png);
}


/* positioning */

.ui-icon-carat-1-n {
    background-position: 0 0;
}

.ui-icon-carat-1-ne {
    background-position: -16px 0;
}

.ui-icon-carat-1-e {
    background-position: -32px 0;
}

.ui-icon-carat-1-se {
    background-position: -48px 0;
}

.ui-icon-carat-1-s {
    background-position: -64px 0;
}

.ui-icon-carat-1-sw {
    background-position: -80px 0;
}

.ui-icon-carat-1-w {
    background-position: -96px 0;
}

.ui-icon-carat-1-nw {
    background-position: -112px 0;
}

.ui-icon-carat-2-n-s {
    background-position: -128px 0;
}

.ui-icon-carat-2-e-w {
    background-position: -144px 0;
}

.ui-icon-triangle-1-n {
    background-position: 0 -16px;
}

.ui-icon-triangle-1-ne {
    background-position: -16px -16px;
}

.ui-icon-triangle-1-e {
    background-position: -32px -16px;
}

.ui-icon-triangle-1-se {
    background-position: -48px -16px;
}

.ui-icon-triangle-1-s {
    background-position: -64px -16px;
}

.ui-icon-triangle-1-sw {
    background-position: -80px -16px;
}

.ui-icon-triangle-1-w {
    background-position: -96px -16px;
}

.ui-icon-triangle-1-nw {
    background-position: -112px -16px;
}

.ui-icon-triangle-2-n-s {
    background-position: -128px -16px;
}

.ui-icon-triangle-2-e-w {
    background-position: -144px -16px;
}

.ui-icon-arrow-1-n {
    background-position: 0 -32px;
}

.ui-icon-arrow-1-ne {
    background-position: -16px -32px;
}

.ui-icon-arrow-1-e {
    background-position: -32px -32px;
}

.ui-icon-arrow-1-se {
    background-position: -48px -32px;
}

.ui-icon-arrow-1-s {
    background-position: -64px -32px;
}

.ui-icon-arrow-1-sw {
    background-position: -80px -32px;
}

.ui-icon-arrow-1-w {
    background-position: -96px -32px;
}

.ui-icon-arrow-1-nw {
    background-position: -112px -32px;
}

.ui-icon-arrow-2-n-s {
    background-position: -128px -32px;
}

.ui-icon-arrow-2-ne-sw {
    background-position: -144px -32px;
}

.ui-icon-arrow-2-e-w {
    background-position: -160px -32px;
}

.ui-icon-arrow-2-se-nw {
    background-position: -176px -32px;
}

.ui-icon-arrowstop-1-n {
    background-position: -192px -32px;
}

.ui-icon-arrowstop-1-e {
    background-position: -208px -32px;
}

.ui-icon-arrowstop-1-s {
    background-position: -224px -32px;
}

.ui-icon-arrowstop-1-w {
    background-position: -240px -32px;
}

.ui-icon-arrowthick-1-n {
    background-position: 0 -48px;
}

.ui-icon-arrowthick-1-ne {
    background-position: -16px -48px;
}

.ui-icon-arrowthick-1-e {
    background-position: -32px -48px;
}

.ui-icon-arrowthick-1-se {
    background-position: -48px -48px;
}

.ui-icon-arrowthick-1-s {
    background-position: -64px -48px;
}

.ui-icon-arrowthick-1-sw {
    background-position: -80px -48px;
}

.ui-icon-arrowthick-1-w {
    background-position: -96px -48px;
}

.ui-icon-arrowthick-1-nw {
    background-position: -112px -48px;
}

.ui-icon-arrowthick-2-n-s {
    background-position: -128px -48px;
}

.ui-icon-arrowthick-2-ne-sw {
    background-position: -144px -48px;
}

.ui-icon-arrowthick-2-e-w {
    background-position: -160px -48px;
}

.ui-icon-arrowthick-2-se-nw {
    background-position: -176px -48px;
}

.ui-icon-arrowthickstop-1-n {
    background-position: -192px -48px;
}

.ui-icon-arrowthickstop-1-e {
    background-position: -208px -48px;
}

.ui-icon-arrowthickstop-1-s {
    background-position: -224px -48px;
}

.ui-icon-arrowthickstop-1-w {
    background-position: -240px -48px;
}

.ui-icon-arrowreturnthick-1-w {
    background-position: 0 -64px;
}

.ui-icon-arrowreturnthick-1-n {
    background-position: -16px -64px;
}

.ui-icon-arrowreturnthick-1-e {
    background-position: -32px -64px;
}

.ui-icon-arrowreturnthick-1-s {
    background-position: -48px -64px;
}

.ui-icon-arrowreturn-1-w {
    background-position: -64px -64px;
}

.ui-icon-arrowreturn-1-n {
    background-position: -80px -64px;
}

.ui-icon-arrowreturn-1-e {
    background-position: -96px -64px;
}

.ui-icon-arrowreturn-1-s {
    background-position: -112px -64px;
}

.ui-icon-arrowrefresh-1-w {
    background-position: -128px -64px;
}

.ui-icon-arrowrefresh-1-n {
    background-position: -144px -64px;
}

.ui-icon-arrowrefresh-1-e {
    background-position: -160px -64px;
}

.ui-icon-arrowrefresh-1-s {
    background-position: -176px -64px;
}

.ui-icon-arrow-4 {
    background-position: 0 -80px;
}

.ui-icon-arrow-4-diag {
    background-position: -16px -80px;
}

.ui-icon-extlink {
    background-position: -32px -80px;
}

.ui-icon-newwin {
    background-position: -48px -80px;
}

.ui-icon-refresh {
    background-position: -64px -80px;
}

.ui-icon-shuffle {
    background-position: -80px -80px;
}

.ui-icon-transfer-e-w {
    background-position: -96px -80px;
}

.ui-icon-transferthick-e-w {
    background-position: -112px -80px;
}

.ui-icon-folder-collapsed {
    background-position: 0 -96px;
}

.ui-icon-folder-open {
    background-position: -16px -96px;
}

.ui-icon-document {
    background-position: -32px -96px;
}

.ui-icon-document-b {
    background-position: -48px -96px;
}

.ui-icon-note {
    background-position: -64px -96px;
}

.ui-icon-mail-closed {
    background-position: -80px -96px;
}

.ui-icon-mail-open {
    background-position: -96px -96px;
}

.ui-icon-suitcase {
    background-position: -112px -96px;
}

.ui-icon-comment {
    background-position: -128px -96px;
}

.ui-icon-person {
    background-position: -144px -96px;
}

.ui-icon-print {
    background-position: -160px -96px;
}

.ui-icon-trash {
    background-position: -176px -96px;
}

.ui-icon-locked {
    background-position: -192px -96px;
}

.ui-icon-unlocked {
    background-position: -208px -96px;
}

.ui-icon-bookmark {
    background-position: -224px -96px;
}

.ui-icon-tag {
    background-position: -240px -96px;
}

.ui-icon-home {
    background-position: 0 -112px;
}

.ui-icon-flag {
    background-position: -16px -112px;
}

.ui-icon-calendar {
    background-position: -32px -112px;
}

.ui-icon-cart {
    background-position: -48px -112px;
}

.ui-icon-pencil {
    background-position: -64px -112px;
}

.ui-icon-clock {
    background-position: -80px -112px;
}

.ui-icon-disk {
    background-position: -96px -112px;
}

.ui-icon-calculator {
    background-position: -112px -112px;
}

.ui-icon-zoomin {
    background-position: -128px -112px;
}

.ui-icon-zoomout {
    background-position: -144px -112px;
}

.ui-icon-search {
    background-position: -160px -112px;
}

.ui-icon-wrench {
    background-position: -176px -112px;
}

.ui-icon-gear {
    background-position: -192px -112px;
}

.ui-icon-heart {
    background-position: -208px -112px;
}

.ui-icon-star {
    background-position: -224px -112px;
}

.ui-icon-link {
    background-position: -240px -112px;
}

.ui-icon-cancel {
    background-position: 0 -128px;
}

.ui-icon-plus {
    background-position: -16px -128px;
}

.ui-icon-plusthick {
    background-position: -32px -128px;
}

.ui-icon-minus {
    background-position: -48px -128px;
}

.ui-icon-minusthick {
    background-position: -64px -128px;
}

.ui-icon-close {
    background-position: -80px -128px;
}

.ui-icon-closethick {
    background-position: -96px -128px;
}

.ui-icon-key {
    background-position: -112px -128px;
}

.ui-icon-lightbulb {
    background-position: -128px -128px;
}

.ui-icon-scissors {
    background-position: -144px -128px;
}

.ui-icon-clipboard {
    background-position: -160px -128px;
}

.ui-icon-copy {
    background-position: -176px -128px;
}

.ui-icon-contact {
    background-position: -192px -128px;
}

.ui-icon-image {
    background-position: -208px -128px;
}

.ui-icon-video {
    background-position: -224px -128px;
}

.ui-icon-script {
    background-position: -240px -128px;
}

.ui-icon-alert {
    background-position: 0 -144px;
}

.ui-icon-info {
    background-position: -16px -144px;
}

.ui-icon-notice {
    background-position: -32px -144px;
}

.ui-icon-help {
    background-position: -48px -144px;
}

.ui-icon-check {
    background-position: -64px -144px;
}

.ui-icon-bullet {
    background-position: -80px -144px;
}

.ui-icon-radio-off {
    background-position: -96px -144px;
}

.ui-icon-radio-on {
    background-position: -112px -144px;
}

.ui-icon-pin-w {
    background-position: -128px -144px;
}

.ui-icon-pin-s {
    background-position: -144px -144px;
}

.ui-icon-play {
    background-position: 0 -160px;
}

.ui-icon-pause {
    background-position: -16px -160px;
}

.ui-icon-seek-next {
    background-position: -32px -160px;
}

.ui-icon-seek-prev {
    background-position: -48px -160px;
}

.ui-icon-seek-end {
    background-position: -64px -160px;
}

.ui-icon-seek-start {
    background-position: -80px -160px;
}


/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */

.ui-icon-seek-first {
    background-position: -80px -160px;
}

.ui-icon-stop {
    background-position: -96px -160px;
}

.ui-icon-eject {
    background-position: -112px -160px;
}

.ui-icon-volume-off {
    background-position: -128px -160px;
}

.ui-icon-volume-on {
    background-position: -144px -160px;
}

.ui-icon-power {
    background-position: 0 -176px;
}

.ui-icon-signal-diag {
    background-position: -16px -176px;
}

.ui-icon-signal {
    background-position: -32px -176px;
}

.ui-icon-battery-0 {
    background-position: -48px -176px;
}

.ui-icon-battery-1 {
    background-position: -64px -176px;
}

.ui-icon-battery-2 {
    background-position: -80px -176px;
}

.ui-icon-battery-3 {
    background-position: -96px -176px;
}

.ui-icon-circle-plus {
    background-position: 0 -192px;
}

.ui-icon-circle-minus {
    background-position: -16px -192px;
}

.ui-icon-circle-close {
    background-position: -32px -192px;
}

.ui-icon-circle-triangle-e {
    background-position: -48px -192px;
}

.ui-icon-circle-triangle-s {
    background-position: -64px -192px;
}

.ui-icon-circle-triangle-w {
    background-position: -80px -192px;
}

.ui-icon-circle-triangle-n {
    background-position: -96px -192px;
}

.ui-icon-circle-arrow-e {
    background-position: -112px -192px;
}

.ui-icon-circle-arrow-s {
    background-position: -128px -192px;
}

.ui-icon-circle-arrow-w {
    background-position: -144px -192px;
}

.ui-icon-circle-arrow-n {
    background-position: -160px -192px;
}

.ui-icon-circle-zoomin {
    background-position: -176px -192px;
}

.ui-icon-circle-zoomout {
    background-position: -192px -192px;
}

.ui-icon-circle-check {
    background-position: -208px -192px;
}

.ui-icon-circlesmall-plus {
    background-position: 0 -208px;
}

.ui-icon-circlesmall-minus {
    background-position: -16px -208px;
}

.ui-icon-circlesmall-close {
    background-position: -32px -208px;
}

.ui-icon-squaresmall-plus {
    background-position: -48px -208px;
}

.ui-icon-squaresmall-minus {
    background-position: -64px -208px;
}

.ui-icon-squaresmall-close {
    background-position: -80px -208px;
}

.ui-icon-grip-dotted-vertical {
    background-position: 0 -224px;
}

.ui-icon-grip-dotted-horizontal {
    background-position: -16px -224px;
}

.ui-icon-grip-solid-vertical {
    background-position: -32px -224px;
}

.ui-icon-grip-solid-horizontal {
    background-position: -48px -224px;
}

.ui-icon-gripsmall-diagonal-se {
    background-position: -64px -224px;
}

.ui-icon-grip-diagonal-se {
    background-position: -80px -224px;
}


/* Misc visuals
----------------------------------*/


/* Corner radius */

.ui-corner-tl {
    -moz-border-radius-topleft: 4px;
    -webkit-border-top-left-radius: 4px;
    border-top-left-radius: 4px;
}

.ui-corner-tr {
    -moz-border-radius-topright: 4px;
    -webkit-border-top-right-radius: 4px;
    border-top-right-radius: 4px;
}

.ui-corner-bl {
    -moz-border-radius-bottomleft: 4px;
    -webkit-border-bottom-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.ui-corner-br {
    -moz-border-radius-bottomright: 4px;
    -webkit-border-bottom-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.ui-corner-top {
    -moz-border-radius-topleft: 4px;
    -webkit-border-top-left-radius: 4px;
    border-top-left-radius: 4px;
    -moz-border-radius-topright: 4px;
    -webkit-border-top-right-radius: 4px;
    border-top-right-radius: 4px;
}

.ui-corner-bottom {
    -moz-border-radius-bottomleft: 4px;
    -webkit-border-bottom-left-radius: 4px;
    border-bottom-left-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    -webkit-border-bottom-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.ui-corner-right {
    -moz-border-radius-topright: 4px;
    -webkit-border-top-right-radius: 4px;
    border-top-right-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    -webkit-border-bottom-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.ui-corner-left {
    -moz-border-radius-topleft: 4px;
    -webkit-border-top-left-radius: 4px;
    border-top-left-radius: 4px;
    -moz-border-radius-bottomleft: 4px;
    -webkit-border-bottom-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.ui-corner-all {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}


/* Overlays */

.ui-widget-overlay {
    background: #666666 url(../images/ui-bg_diagonals-thick_20_666666_40x40.png) 50% 50% repeat;
    opacity: .50;
    filter: Alpha(Opacity=50);
}

.ui-widget-shadow {
    margin: -5px 0 0 -5px;
    padding: 5px;
    background: #000000 url(../images/ui-bg_flat_10_000000_40x100.png) 50% 50% repeat-x;
    opacity: .20;
    filter: Alpha(Opacity=20);
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}


/*
 * jQuery UI Resizable 1.8.7
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Resizable#theming
 */

.ui-resizable {
    position: relative;
}

.ui-resizable-handle {
    position: absolute;
    font-size: 0.1px;
    z-index: 99999;
    display: block;
}

.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
    display: none;
}

.ui-resizable-n {
    cursor: n-resize;
    height: 7px;
    width: 100%;
    top: -5px;
    left: 0;
}

.ui-resizable-s {
    cursor: s-resize;
    height: 7px;
    width: 100%;
    bottom: -5px;
    left: 0;
}

.ui-resizable-e {
    cursor: e-resize;
    width: 7px;
    right: -5px;
    top: 0;
    height: 100%;
}

.ui-resizable-w {
    cursor: w-resize;
    width: 7px;
    left: -5px;
    top: 0;
    height: 100%;
}

.ui-resizable-se {
    cursor: se-resize;
    width: 12px;
    height: 12px;
    right: 1px;
    bottom: 1px;
}

.ui-resizable-sw {
    cursor: sw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    bottom: -5px;
}

.ui-resizable-nw {
    cursor: nw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    top: -5px;
}

.ui-resizable-ne {
    cursor: ne-resize;
    width: 9px;
    height: 9px;
    right: -5px;
    top: -5px;
}


/*
 * jQuery UI Selectable 1.8.7
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Selectable#theming
 */

.ui-selectable-helper {
    position: absolute;
    z-index: 100;
    border: 1px dotted black;
}


/*
 * jQuery UI Accordion 1.8.7
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Accordion#theming
 */


/* IE/Win - Fix animation bug - #4615 */

.ui-accordion {
    width: 100%;
}

.ui-accordion .ui-accordion-header {
    cursor: pointer;
    position: relative;
    margin-top: 1px;
    zoom: 1;
}

.ui-accordion .ui-accordion-li-fix {
    display: inline;
}

.ui-accordion .ui-accordion-header-active {
    border-bottom: 0 !important;
}

.ui-accordion .ui-accordion-header a {
    display: block;
    font-size: 1em;
    padding: .5em .5em .5em .7em;
}

.ui-accordion-icons .ui-accordion-header a {
    padding-left: 2.2em;
}

.ui-accordion .ui-accordion-header .ui-icon {
    position: absolute;
    left: .5em;
    top: 50%;
    margin-top: -8px;
}

.ui-accordion .ui-accordion-content {
    padding: 1em 2.2em;
    border-top: 0;
    margin-top: -2px;
    position: relative;
    top: 1px;
    margin-bottom: 2px;
    overflow: auto;
    display: none;
    zoom: 1;
}

.ui-accordion .ui-accordion-content-active {
    display: block;
}


/*
 * jQuery UI Autocomplete 1.8.7
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Autocomplete#theming
 */

.ui-autocomplete {
    position: absolute;
    cursor: default;
}


/* workarounds */

* html .ui-autocomplete {
    width: 1px;
}


/* without this, the menu expands to 100% in IE6 */


/*
 * jQuery UI Menu 1.8.7
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Menu#theming
 */

.ui-menu {
    list-style: none;
    padding: 2px;
    margin: 0;
    display: block;
    float: left;
}

.ui-menu .ui-menu {
    margin-top: -3px;
}

.ui-menu .ui-menu-item {
    margin: 0;
    padding: 0;
    zoom: 1;
    float: left;
    clear: left;
    width: 100%;
}

.ui-menu .ui-menu-item a {
    text-decoration: none;
    display: block;
    padding: .2em .4em;
    line-height: 1.5;
    zoom: 1;
}

.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-active {
    font-weight: normal;
    margin: -1px;
}


/*
 * jQuery UI Button 1.8.7
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Button#theming
 */

.ui-button {
    display: inline-block;
    position: relative;
    padding: 0;
    margin-right: .1em;
    text-decoration: none !important;
    cursor: pointer;
    text-align: center;
    zoom: 1;
    overflow: visible;
}


/* the overflow property removes extra width in IE */

.ui-button-icon-only {
    width: 2.2em;
}


/* to make room for the icon, a width needs to be set here */

button.ui-button-icon-only {
    width: 2.4em;
}


/* button elements seem to need a little more width */

.ui-button-icons-only {
    width: 3.4em;
}

button.ui-button-icons-only {
    width: 3.7em;
}


/*button text element */

.ui-button .ui-button-text {
    display: block;
    line-height: 1.4;
}

.ui-button-text-only .ui-button-text {
    padding: .4em 1em;
}

.ui-button-icon-only .ui-button-text,
.ui-button-icons-only .ui-button-text {
    padding: .4em;
    text-indent: -9999999px;
}

.ui-button-text-icon-primary .ui-button-text,
.ui-button-text-icons .ui-button-text {
    padding: .4em 1em .4em 2.1em;
}

.ui-button-text-icon-secondary .ui-button-text,
.ui-button-text-icons .ui-button-text {
    padding: .4em 2.1em .4em 1em;
}

.ui-button-text-icons .ui-button-text {
    padding-left: 2.1em;
    padding-right: 2.1em;
}


/* no icon support for input elements, provide padding by default */

input.ui-button {
    padding: .4em 1em;
}


/*button icon element(s) */

.ui-button-icon-only .ui-icon,
.ui-button-text-icon-primary .ui-icon,
.ui-button-text-icon-secondary .ui-icon,
.ui-button-text-icons .ui-icon,
.ui-button-icons-only .ui-icon {
    position: absolute;
    top: 50%;
    margin-top: -8px;
}

.ui-button-icon-only .ui-icon {
    left: 50%;
    margin-left: -8px;
}

.ui-button-text-icon-primary .ui-button-icon-primary,
.ui-button-text-icons .ui-button-icon-primary,
.ui-button-icons-only .ui-button-icon-primary {
    left: .5em;
}

.ui-button-text-icon-secondary .ui-button-icon-secondary,
.ui-button-text-icons .ui-button-icon-secondary,
.ui-button-icons-only .ui-button-icon-secondary {
    right: .5em;
}

.ui-button-text-icons .ui-button-icon-secondary,
.ui-button-icons-only .ui-button-icon-secondary {
    right: .5em;
}


/*button sets*/

.ui-buttonset {
    margin-right: 7px;
}

.ui-buttonset .ui-button {
    margin-left: 0;
    margin-right: -.3em;
}


/* workarounds */

button.ui-button::-moz-focus-inner {
    border: 0;
    padding: 0;
}


/* reset extra padding in Firefox */


/*
 * jQuery UI Dialog 1.8.7
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Dialog#theming
 */

.ui-dialog {
    position: absolute;
    padding: .2em;
    width: 300px;
    overflow: hidden;
}

.ui-dialog .ui-dialog-titlebar {
    padding: .5em 1em .3em;
    position: relative;
}

.ui-dialog .ui-dialog-title {
    float: left;
    margin: .1em 16px .2em 0;
}

.ui-dialog .ui-dialog-titlebar-close {
    position: absolute;
    right: .3em;
    top: 50%;
    width: 19px;
    margin: -10px 0 0 0;
    padding: 1px;
    height: 18px;
}

.ui-dialog .ui-dialog-titlebar-close span {
    display: block;
    margin: 1px;
}

.ui-dialog .ui-dialog-titlebar-close:hover,
.ui-dialog .ui-dialog-titlebar-close:focus {
    padding: 0;
}

.ui-dialog .ui-dialog-content {
    position: relative;
    border: 0;
    padding: .5em 1em;
    background: none;
    overflow: auto;
    zoom: 1;
}

.ui-dialog .ui-dialog-buttonpane {
    text-align: left;
    border-width: 1px 0 0 0;
    background-image: none;
    margin: .5em 0 0 0;
    padding: .3em 1em .5em .4em;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    float: right;
}

.ui-dialog .ui-dialog-buttonpane button {
    margin: .5em .4em .5em 0;
    cursor: pointer;
}

.ui-dialog .ui-resizable-se {
    width: 14px;
    height: 14px;
    right: 3px;
    bottom: 3px;
}

.ui-draggable .ui-dialog-titlebar {
    cursor: move;
}


/*
 * jQuery UI Slider 1.8.7
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Slider#theming
 */

.ui-slider {
    position: relative;
    text-align: left;
}

.ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 1.2em;
    height: 1.2em;
    cursor: default;
}

.ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    font-size: .7em;
    display: block;
    border: 0;
    background-position: 0 0;
}

.ui-slider-horizontal {
    height: .8em;
}

.ui-slider-horizontal .ui-slider-handle {
    top: -.3em;
    margin-left: -.6em;
}

.ui-slider-horizontal .ui-slider-range {
    top: 0;
    height: 100%;
}

.ui-slider-horizontal .ui-slider-range-min {
    left: 0;
}

.ui-slider-horizontal .ui-slider-range-max {
    right: 0;
}

.ui-slider-vertical {
    width: .8em;
    height: 100px;
}

.ui-slider-vertical .ui-slider-handle {
    left: -.3em;
    margin-left: 0;
    margin-bottom: -.6em;
}

.ui-slider-vertical .ui-slider-range {
    left: 0;
    width: 100%;
}

.ui-slider-vertical .ui-slider-range-min {
    bottom: 0;
}

.ui-slider-vertical .ui-slider-range-max {
    top: 0;
}


/*
 * jQuery UI Tabs 1.8.7
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Tabs#theming
 */

.ui-tabs {
    /* breaking IE; PXMA position: relative;*/
    padding: 0 0.2em;
    zoom: 1;
}


/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */

.ui-tabs .ui-tabs-nav {
    margin: 0;
    padding: 0 0.2em 0.2em 0;
}

.ui-tabs .ui-tabs-nav li {
    list-style: none;
    float: left;
    height: 3.5em;
    max-width: 5em;
    position: relative;
    top: 1px;
    margin: 0 .2em 1px 0;
    border-bottom: 0 !important;
    padding: 0;
    white-space: normal;
    /*nowrap;*/
}

.ui-tabs .ui-tabs-nav li a {
    float: left;
    padding: .5em .5em;
    text-decoration: none;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
    margin-bottom: 0;
    padding-bottom: 1px;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected a,
.ui-tabs .ui-tabs-nav li.ui-state-disabled a,
.ui-tabs .ui-tabs-nav li.ui-state-processing a {
    cursor: pointer;
}

.ui-tabs .ui-tabs-nav li a,
.ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {
    cursor: pointer;
}


/* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */

.ui-tabs .ui-tabs-panel {
    display: block;
    border: 1px solid #DDDDDD;
    /*padding: 1em 1.4em;*/
    background: #eeeeee url(../images/ui-bg_highlight-soft_100_eeeeee_1x100.png) 50% top repeat-x;
    color: #333333;
    overflow-y: auto;
    overflow-x: hidden;
    /* height: 27em; overflow: auto; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;*/
}

.ui-tabs .ui-tabs-hide {
    display: none !important;
}


/*
 * jQuery UI Datepicker 1.8.7
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Datepicker#theming
 */

.ui-datepicker {
    width: 17em;
    padding: .2em .2em 0;
    display: none;
}

.ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: .2em 0;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
    position: absolute;
    top: 2px;
    width: 1.8em;
    height: 1.8em;
}

.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
    top: 1px;
}

.ui-datepicker .ui-datepicker-prev {
    left: 2px;
}

.ui-datepicker .ui-datepicker-next {
    right: 2px;
}

.ui-datepicker .ui-datepicker-prev-hover {
    left: 1px;
}

.ui-datepicker .ui-datepicker-next-hover {
    right: 1px;
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -8px;
    top: 50%;
    margin-top: -8px;
}

.ui-datepicker .ui-datepicker-title {
    margin: 0 2.3em;
    line-height: 1.8em;
    text-align: center;
}

.ui-datepicker .ui-datepicker-title select {
    font-size: 1em;
    margin: 1px 0;
}

.ui-datepicker select.ui-datepicker-month-year {
    width: 100%;
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
    width: 49%;
}

.ui-datepicker table {
    width: 100%;
    font-size: .9em;
    border-collapse: collapse;
    margin: 0 0 .4em;
}

.ui-datepicker th {
    padding: .7em .3em;
    text-align: center;
    font-weight: bold;
    border: 0;
}

.ui-datepicker td {
    border: 0;
    padding: 1px;
}

.ui-datepicker td span,
.ui-datepicker td a {
    display: block;
    padding: .2em;
    text-align: right;
    text-decoration: none;
}

.ui-datepicker .ui-datepicker-buttonpane {
    background-image: none;
    margin: .7em 0 0 0;
    padding: 0 .2em;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
}

.ui-datepicker .ui-datepicker-buttonpane button {
    float: right;
    margin: .5em .2em .4em;
    cursor: pointer;
    padding: .2em .6em .3em .6em;
    width: auto;
    overflow: visible;
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
    float: left;
}


/* with multiple calendars */

.ui-datepicker.ui-datepicker-multi {
    width: auto;
}

.ui-datepicker-multi .ui-datepicker-group {
    float: left;
}

.ui-datepicker-multi .ui-datepicker-group table {
    width: 95%;
    margin: 0 auto .4em;
}

.ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%;
}

.ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%;
}

.ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%;
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header {
    border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left;
}

.ui-datepicker-row-break {
    clear: both;
    width: 100%;
}


/* RTL support */

.ui-datepicker-rtl {
    direction: rtl;
}

.ui-datepicker-rtl .ui-datepicker-prev {
    right: 2px;
    left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next {
    left: 2px;
    right: auto;
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
    right: 1px;
    left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
    left: 1px;
    right: auto;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
    clear: right;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
    float: left;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current {
    float: right;
}

.ui-datepicker-rtl .ui-datepicker-group {
    float: right;
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header {
    border-right-width: 0;
    border-left-width: 1px;
}

.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
    border-right-width: 0;
    border-left-width: 1px;
}


/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */

.ui-datepicker-cover {
    display: none;
    /*sorry for IE5*/
    display/**/
    : block;
    /*sorry for IE5*/
    position: absolute;
    /*must have*/
    z-index: -1;
    /*must have*/
    filter: mask();
    /*must have*/
    top: -4px;
    /*must have*/
    left: -4px;
    /*must have*/
    width: 200px;
    /*must have*/
    height: 200px;
    /*must have*/
}


/*
 * jQuery UI Progressbar 1.8.7
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Progressbar#theming
 */

.ui-progressbar {
    height: 2em;
    text-align: left;
}

.ui-progressbar .ui-progressbar-value {
    margin: -1px;
    height: 100%;
}


/*****************************************************************/


/*==SCROLLING.CSS================================================*/


/*****************************************************************/

#contentScroller {
    height: 100%;
    overflow-y: visible;
    overflow-x: visible;
    position: relative;
}

#tocScroller {
    height: 40em;
    overflow-y: auto;
    overflow-x: hidden;
}

#section-navigation-scoller {
    overflow: hidden;
    height: 14.0625
}


/*****************************************************************/


/*==COLORBOX.CSS===================================================*/


/*****************************************************************/


/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/

#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;
    overflow: hidden;
}

#cboxLoadedContent {
    overflow: auto;
}

#cboxLoadedContent iframe {
    display: block;
    width: 100%;
    height: 100%;
    border: 0;
}

#cboxTitle {
    margin: 0;
}

#cboxLoadingOverlay,
#cboxLoadingGraphic {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

#cboxPrevious,
#cboxNext,
#cboxClose,
#cboxSlideshow {
    cursor: pointer;
}


/* 
    ColorBox example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/

#cboxOverlay {
    background: none;
}

#colorBox {
    /*box-shadow: 10px 10px 5px #888;
	-moz-box-shadow: 5px 5px 20px #000;
	-webkit-box-shadow: 5px 5px 20px #000;*/
}

#cboxTopLeft {
    width: 25px;
    height: 25px;
    background: url(../images/border1.png) 0 0 no-repeat;
}

#cboxTopCenter {
    height: 25px;
    background: url(../images/border1.png) 0 -50px repeat-x;
}

#cboxTopRight {
    width: 25px;
    height: 25px;
    background: url(../images/border1.png) -25px 0 no-repeat;
}

#cboxBottomLeft {
    width: 25px;
    height: 25px;
    background: url(../images/border1.png) 0 -25px no-repeat;
}

#cboxBottomCenter {
    height: 25px;
    background: url(../images/border1.png) 0 -75px repeat-x;
}

#cboxBottomRight {
    width: 25px;
    height: 25px;
    background: url(../images/border1.png) -25px -25px no-repeat;
}

#cboxMiddleLeft {
    width: 25px;
    background: url(../images/border2.png) 0 0 repeat-y;
}

#cboxMiddleRight {
    width: 25px;
    background: url(../images/border2.png) -25px 0 repeat-y;
}

#cboxContent {
    background: #fff;
}


/*#cboxLoadedContent{margin-bottom:20px;}
        #cboxTitle{position:absolute; bottom:0px; left:0; text-align:center; width:100%; color:#999;}
        #cboxCurrent{position:absolute; bottom:0px; left:100px; color:#999;}
        #cboxSlideshow{position:absolute; bottom:0px; right:42px; color:#444;}
        #cboxPrevious{position:absolute; bottom:0px; left:0; color:#444;}
        #cboxNext{position:absolute; bottom:0px; left:63px; color:#444;}
        #cboxLoadingOverlay{background:url(images/loading.gif) 5px 5px no-repeat #fff;}*/

#cboxClose {
    position: absolute;
    top: 10px;
    right: 15px;
    display: block;
    background: url(../images/btn-close.png) no-repeat left center;
    padding: 2px 0 2px 25px;
    color: #4c5157;
    font-size: 12px;
}


/*****************************************************************/


/*==STUDY-NOTEBOOK.CSS===========================================*/


/*****************************************************************/

#primary p {
    position: relative;
    display: block;
}


/* @group highlights */

.hl-color-1 {
    position: relative;
    background-color: #fff8aa;
}

.hl-color-2 {
    position: relative;
    background-color: #aaf6ff;
}

.hl-color-3 {
    position: relative;
    background-color: #d6ffaa;
}

.hl-color-4 {
    position: relative;
    background-color: #ffc2e9;
}

.hl-color-u {
    position: relative;
    border-bottom: 1px solid #f00;
}

.start-drag {
    background: url(/resource/images/highlighter-drag.png) no-repeat 0 0;
    width: 15px;
    height: 26px;
    position: absolute;
    cursor: w-resize;
    cursor: -moz-grab;
    z-index: 30;
}

.end-drag {
    background: url(/resource/images/highlighter-drag.png) no-repeat 0 -44px;
    width: 15px;
    height: 26px;
    position: absolute;
    cursor: w-resize;
    cursor: -moz-grab;
    z-index: 30;
}

.start-drag:active,
.end-drag:active {
    cursor: -moz-grabbing;
}


/* @end highlights */


/* @group inline note */

.user-note {
    position: relative;
}

img.note,
img.highlight {
    vertical-align: text-bottom;
    background: none;
}

blockquote.note {
    border-left: 5px solid #aeaca5 !important;
    font: italic bold 13px/20px "Lucida Sans", "Lucida Sans Unicode", Arial, Helvetica, sans-serif !important;
    color: #838280 !important;
    margin: 0 19px 50px !important;
    padding: 0 0 20px 24px !important;
    background: none !important;
}

blockquote.note p {
    margin-bottom: 10px;
    !important
}

.saved {
    color: #a7a7a7 !important;
    font: normal 10px/16px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Arial, Helvetica, sans-serif !important;
    display: block !important;
    margin-top: 10px !important;
}

.saved a {
    color: #a7a7a7 !important;
    text-decoration: underline !important;
}

.saved em {
    text-transform: uppercase !important;
}


/* @end inline note */


/* @group icons */

.edit {
    background: url(/resource/images/icon-edit.png) no-repeat 0 0;
}

.move {
    background: url(/resource/images/icon-move.png) no-repeat 0 0;
}

.delete {
    background: url(/resource/images/icon-delete.png) no-repeat 0 0;
}

.highlighter {
    background: url(/resource/images/tool-icons.png) no-repeat -9px -240px;
}

.tag {
    background: url(/resource/images/tool-icons.png) no-repeat -7px -295px;
}

.folder {
    background: url(/resource/images/tool-icons.png) no-repeat -8px -329px;
}

.note {
    background: url(/resource/images/tool-icons.png) no-repeat -9px -269px;
}

.close {
    background: url(/resource/images/btn-close.png) no-repeat left center;
    color: #4C5157;
    display: block;
    font-size: 12px;
    width: 25px;
    height: 25px;
    position: absolute;
    right: 5px;
    top: 5px;
    z-index: 3;
    text-indent: -999em;
}


/* @end icons */


/* @group left tools  */

.tools-left-container {
    position: relative;
    /* left: -195px; */
    left: -175px;
    top: -19px;
    width: 195px;
    display: none;
    z-index: 10;
}

.tools-left {
    background-color: #fdfbf8;
    border: 1px solid #908972;
    width: 170px;
    list-style: none !important;
    margin: 0 !important;
    -moz-box-shadow: 2px 3px 6px rgba(0, 0, 0, .4);
    -webkit-box-shadow: 2px 3px 6px rgba(0, 0, 0, .4);
    box-shadow: 2px 3px 6px rgba(0, 0, 0, .4);
    position: relative;
    display: block;
    line-height: 18px;
}

.tools-left > span {
    padding: 8px 12px;
    display: block;
    background: none;
}

.tools-left > span + span {
    border-top: 1px dashed #cbcac8;
}

.tools-left .triangle {
    background: url(/resource/images/hover-arrow-right.png) no-repeat 0 0;
    width: 16px;
    height: 22px;
    position: absolute;
    right: -16px;
    #top: 30px;
    top: 13px;
    padding: 0;
    margin: 0;
    border: none;
}

.tools-left .highlighter > span {
    background: url(/resource/images/tool-icons.png) no-repeat -8px -240px;
    width: 18px;
    height: 18px;
    display: inline-block;
}

.tools-left .highlighter a {
    width: 15px;
    height: 15px;
    display: inline-block;
    border: 1px solid #2b2b2b;
    text-decoration: none;
    margin-left: 4px;
}

.tools-left .highlighter .hl-color-u {
    background-color: none;
    border: none;
    text-decoration: underline;
    color: #f00;
    font: 19px/19px Georgia, "Times New Roman", Times, serif;
}

.tools-left .note {
    background: url(/resource/images/tool-icons.png) no-repeat -7px -269px;
    padding-left: 26px;
    display: inline-block;
    height: 18px;
    color: #3d3a31 !important;
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Arial, Helvetica, sans-serif !important;
    font-size: 13px !important;
}


/* @end  left tools */


/* @group top tools  */

.tools-top-container {
    position: absolute;
    right: -77px;
    bottom: 26px;
    display: none;
    z-index: 10;
}

.tools-top {
    background-color: #fefcfa;
    border: 1px solid #908972;
    width: 170px;
    list-style: none !important;
    margin: 0 !important;
    -moz-box-shadow: 2px 3px 6px rgba(0, 0, 0, .4);
    -webkit-box-shadow: 2px 3px 6px rgba(0, 0, 0, .4);
    box-shadow: 2px 3px 6px rgba(0, 0, 0, .4);
    position: relative;
    display: block;
}

.tools-top > span {
    padding: 8px 12px;
    display: block;
}

.tools-top > span + span {
    border-top: 1px dashed #cbcac8;
}

.tools-top .triangle {
    background: url(/resource/images/tools-arrow-bottom.png) no-repeat center 0;
    width: 100%;
    height: 16px;
    position: absolute;
    left: 0;
    bottom: -16px;
    padding: 0;
    margin: 0;
    border: none;
}

.tools-top a {
    padding-left: 24px;
    height: 20px;
    display: block;
    color: #3d3a31 !important;
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Arial, Helvetica, sans-serif !important;
    font-size: 13px !important;
}


/* @end top tools */


/* @group my folders page */

.folders-table {
    width: 100%;
    margin: 0;
}

.folders-table td {
    border-top: 1px solid #d5d2ca;
    border-bottom: 1px solid #d5d2ca;
    padding: 16px 0 20px;
}

.folders-table td.folder {
    background: url(/resource/images/icon-folder.png) no-repeat 16px 16px;
    padding-left: 55px;
    width: 250px;
}

.folders-table td.folder h2 {
    font: 16px/16px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Arial, Helvetica, sans-serif;
    margin-bottom: 2px;
}

.folders-table td.folder p {
    color: #393939;
    font: italic 12px/16px Georgia, "Times New Roman", Times, serif;
}

.folders-table td.amount {
    font-size: 14px;
    line-height: 16px;
    color: #535353;
    padding-left: 55px;
}

.folders-table td.modified {
    font-size: 12px;
    line-height: 14px;
    color: #535353;
    padding-left: 30px;
}

.folders-table td.actions {
    padding-left: 15px;
    padding-right: 15px;
}

.folders-table tr.alt-row td {
    background-color: #ece9e1;
}

.folders-table tr.uncat {
    background: url(/resource/images/diagonal-lines.png);
}

.folders-table tr.uncat td {
    border-top: 3px solid #b8b6b0;
}

.folders-table tr.uncat h2 {
    font-style: italic;
}

.folders-table tr:hover td {
    background-color: #f9f4e1;
}

.folders-table tr:hover td.folder {
    background-image: url(/resource/images/icon-folder-open.png);
}

.folders-table tr:hover .edit,
.folders-table tr:hover .delete {
    visibility: visible;
}

.folders-table .value {
    color: #000;
}

.folders-table .edit {
    float: left;
    visibility: hidden;
    margin-right: 5px;
    text-indent: -999em;
    display: block;
    width: 16px;
    height: 16px;
}

.folders-table .delete {
    float: left;
    visibility: hidden;
    text-indent: -999em;
    display: block;
    width: 13px;
    height: 16px;
}

.add {
    background: url(/resource/images/icon-add.png) no-repeat 0 0;
    padding-left: 25px;
    color: #14366c;
    margin-left: 16px;
    line-height: 16px;
}

#primary .add.button {
    background: #6c7a2f url(/resource/images/button-bg-green.png) repeat-x 0 top !important;
    border: 1px solid #819044;
    border-top: 1px solid #a6b761;
    border-bottom: 1px solid #586524;
    color: #fff;
    text-shadow: none;
    filter: none;
}


/* @end my folders page */


/* @group add folder page */

.form fieldset {
    background-color: #e7e5dc;
    padding: 30px;
}

.form .form-row {
    color: #000;
    font-size: 14px;
    margin-bottom: 0;
}

.form .form-row + .form-row {
    border-top: 1px dashed #b9b7b0;
    padding-top: 20px;
    margin-top: 20px;
}

.form .form-row label {
    margin-bottom: 10px;
}

.form .form-row input[type=text],
.form .form-row textarea {
    width: 380px;
    padding: 9px 14px;
    line-height: 20px;
    background: #fff url(/resource/images/notebook-field-bg.jpg) no-repeat 0 0;
    border: 1px solid #b2b0a9;
    font-size: 13px;
    vertical-align: middle;
    color: #000;
}

.form .form-row textarea {
    height: 100px;
}


/* @end add folder page */


/* @group folder items page */

h1.folder {
    background: url(/resource/images/icon-folder-open.png) no-repeat 0 16px;
    padding-left: 28px;
}

.folder-desc {
    font-style: italic;
    font-size: 18px;
    line-height: 20px;
    color: #6d6d6d;
    margin-bottom: 5px;
}

.folder-meta {
    font: 11px/13px Georgia, "Times New Roman", Times, serif;
    color: #828282;
    margin-bottom: 10px;
}

.folder-meta li {
    display: inline;
    margin-right: 10px;
}

.showing-items {
    font-size: 14px;
    margin-bottom: 30px;
    font-weight: bold;
}

#primary .folder-items,
#primary .folder-item-meta {
    list-style: none;
    margin: 0;
}

#primary .folder-items > li {
    margin-bottom: 30px;
    position: relative;
}

#primary .folder-item-type {
    background-color: #e5e3da;
    padding: 8px 100px 8px 10px;
    margin: 0 0 20px;
    position: relative;
    font-size: 12px;
}

#primary .folder-item-type .highlight {
    background: url(/resource/images/tool-icons.png) no-repeat -9px -240px;
    padding-left: 30px;
}

#primary .folder-item-type .note {
    background: url(/resource/images/icon-paper.png) no-repeat 0 0;
    padding-left: 30px;
}

#primary .folder-item-type .saved {
    display: inline !important;
    margin-top: 0 !important;
    margin-left: 10px;
}

#primary .folder-item-actions {
    list-style: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    position: absolute;
    top: 8px;
    right: 15px;
}

#primary .folder-item-actions li {
    float: left;
}

#primary .folder-item-actions li + li {
    margin-left: 10px;
}


/*#primary .folder-item-actions {
	width: 15px;
	zoom: 1;
	position: absolute;
	top: 0;
	left: -70px;
	display: none;
	z-index: 0;
	list-style: none;
	margin: 0;
	padding: 12px 44px 12px 12px;
	background: #f9f6ed;
	-moz-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
	border-top-left-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	border-bottom-left-radius: 5px;
}
#primary .folder-item-actions li + li {margin-top: 12px;}*/

.folder-item-actions .edit,
.folder-item-actions .move,
.folder-item-actions .delete {
    text-indent: -999em;
    display: block;
    width: 14px;
    height: 14px;
}

.folder-item-quote {
    font: bold 12px/20px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Arial, Helvetica, sans-serif;
    border-left: 5px solid #aeaca5;
    margin: 24px 0 24px 24px;
    padding: 5px 0 5px 20px;
    font-style: italic;
}

.folder-items .video-player {
    background-color: transparent;
    display: block;
    width: auto;
    height: auto;
    margin-bottom: 30px;
}

.folder-item-meta li {
    font-size: 12px;
    font-weight: bold;
    line-height: 14px;
    margin-bottom: 10px;
}

.folder-item-meta .saved {
    font-weight: normal;
    font-style: italic;
    font-size: 10px;
    line-height: 10px;
    color: #a7a7a7;
}

.folder-item-meta .saved em {
    text-transform: uppercase;
}

.folder-item-meta a {
    font-weight: normal;
    text-decoration: underline;
}

.folder-items .citation {
    color: #848484;
    font-style: italic;
    font-size: 12px;
    margin-bottom: 10px;
}

.notebook-edit.form {
    position: relative;
}

.notebook-edit.form fieldset {
    border: 1px solid #bbb8b2;
    -moz-box-shadow: 3px 6px 10px rgba(0, 0, 0, .2);
    -webkit-box-shadow: 3px 6px 10px rgba(0, 0, 0, .2);
    box-shadow: 3px 6px 10px rgba(0, 0, 0, .2);
}

.notebook-edit.form .triangle {
    background: url(/resource/images/edit-form-arrow.png) no-repeat 0 0;
    width: 21px;
    height: 11px;
    display: block;
    position: absolute;
    left: 24px;
    top: 0;
}

.notebook-edit.form .form-row input[type=text],
.notebook-edit.form .form-row textarea {
    width: 378px;
}

#primary .notebook-edit.form .select-menu {
    position: relative !important;
    right: 0 !important;
    top: 0 !important;
    width: auto !important;
    margin: 0 !important;
    float: none !important;
    text-align: left !important;
}

#primary .notebook-edit.form .select-menu .select-menu-button,
#primary .notebook-edit.form .select-menu .select-menu-button span {
    display: block;
    text-transform: none !important;
}

#primary .folders-list {
    list-style: none;
    margin: 0 15px;
    padding: 0;
}

.folders-list li {
    background: url(/resource/images/icon-folder.png) no-repeat 0 0;
    padding: 0 30px 0 26px;
    line-height: 16px;
    position: relative;
}

.folders-list li + li {
    margin-top: 15px;
}

.folders-list .delete {
    position: absolute;
    right: 0;
    top: 0;
    text-indent: -999em;
    display: block;
    width: 13px;
    height: 16px;
}

.folders-list .save {
    position: absolute;
    right: 0;
    top: 0;
    display: block;
}

.folders-list input {
    width: 160px !important;
    margin-top: -4px !important;
    padding: 4px 5px !important;
}

.form .note {
    background: url(/resource/images/tool-icons.png) no-repeat -8px -269px;
    padding-left: 24px;
    line-height: 20px;
}

.form .tag {
    background: url(/resource/images/tool-icons.png) no-repeat -6px -299px;
    padding-left: 24px;
    line-height: 20px;
}

.form .tag span,
.form .note span {
    font-size: 11px;
    color: #878684;
    float: right;
}

.form .folder {
    background: url(/resource/images/tool-icons.png) no-repeat -7px -330px;
    padding-left: 24px;
    line-height: 20px;
}


/* @end folder items page */


/* @group article page */

.notebook-add.form {
    position: absolute;
    z-index: 20;
    width: 342px;
}

span .notebook-add.form {
    right: -298px;
    top: 25px;
}


/* start save button for highlight */

span .notebook-add.form.stop-menu {
    right: -61px;
    top: 37px;
    width: auto;
}

span .notebook-add.form.stop-menu fieldset {
    padding: 15px;
}

span .notebook-add.form.stop-menu input {
    margin: 0 !important;
}


/* end save button for highlight */

.notebook-add.form {
    /* border: 1px solid #908972; */
    border none;
    -moz-box-shadow: 3px 6px 10px rgba(0, 0, 0, .2);
    -webkit-box-shadow: 3px 6px 10px rgba(0, 0, 0, .2);
    box-shadow: 3px 6px 10px rgba(0, 0, 0, .2);
}

.notebook-add.form .triangle {
    background: url(/resource/images/add-form-arrow.png) no-repeat 0 0;
    width: 26px;
    height: 12px;
    display: block;
    position: absolute;
    left: 24px;
    top: -12px;
}

.notebook-add.form .form-row input[type=text],
.notebook-add.form .form-row textarea {
    width: 250px;
}

#primary .notebook-add.form .select-menu {
    position: relative !important;
    right: 0 !important;
    top: 0 !important;
    width: auto !important;
    margin: 0 !important;
    float: none !important;
    text-align: left !important;
}

#primary .notebook-add.form .select-menu .select-menu-button,
#primary .notebook-add.form .select-menu .select-menu-button span {
    display: block;
    text-transform: none !important;
}

#primary .notebook-add.form .select-menu-list {
    position: absolute;
    top: 20px;
    left: 0;
    z-index: 1;
    background-color: #f3f0e7;
    border: 4px solid #fff;
    -moz-box-shadow: 0px 1px 4px #777;
    -webkit-box-shadow: 0px 1px 4px #777;
    box-shadow: 0px 1px 4px #777;
    font-size: 12px;
    line-height: 14px;
    display: block;
    margin: 0 8px !important;
    list-style: none !important;
    text-align: left !important;
}

#primary .notebook-add.form .select-menu-list li {
    float: none !important;
    width: auto !important;
}


/* @end article page */


/* @group notebook folder page */

.note_add {
    text-align: right;
    margin-bottom: 20px;
}

#edit_highlight_new {
    text-align: left;
    position: relative;
    z-index: 1;
}

#edit_highlight_new .form {
    right: 0;
    top: 15px;
    z-index: 2;
}

#edit_highlight_new form .triangle {
    left: 275px;
}


/* @end notebook folder page */


/* @group tag autocomplete */

.tag-results {
    padding: 0px;
    border: 1px solid #b4b2ab;
    background-color: #F3F0E7;
    overflow: hidden;
    z-index: 99999;
    color: #5C5C5C;
    -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}

.tag-results ul {
    width: 100%;
    list-style-position: outside;
    list-style: none;
    padding: 0;
    margin: 0;
}

.tag-results li {
    margin: 0px;
    padding: 9px 14px;
    cursor: default;
    display: block;
    font-size: 12px;
    line-height: 16px;
    overflow: hidden;
}

.tag-results .ac_loading {
    background: url('indicator.gif') right center no-repeat;
}

.tag-results .ac_odd {
    background-color: #e8e5da;
}

.tag-results .ac_over {
    background-color: #474747;
    color: #fff;
}

.tag-results .note-count {
    color: #aaa;
}


/* @end tag autocomplete */


/* @group tags */

#primary .tags {
    width: 50%;
    list-style: none;
    margin: 0;
    padding: 0;
    float: left;
    color: #8D999E;
    font-size: 16px;
}

#primary .tags li {
    margin-bottom: 20px;
}


/* @end tags */


/*****************************************************************/


/*==TOCSTYLES.CSS================================================*/


/*****************************************************************/


/* Default rules for all levels */

#manual {
    font-size: .8em;
}

#manual li {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#manual ul {
    padding: 0 0 0 0em;
}

#manual > ul {
    margin: 0;
    padding: 0;
}

li.rdms-closed > ul {
    display: none;
}


/* Font appearance
 ******************************************************/

.rdms-expander {
    margin-right: 5px;
    text-decoration: none;
    padding: 0 4px 0 6px;
}

#manual a {
    text-decoration: none;
    color: #666;
}

#manual a:hover {
    color: #EB581E;
}


/* First level */

#manual > ul > li > .rdms-toc-links > a {
    color: #00396e;
    font-weight: bold;
}

#manual > ul > li > .rdms-toc-links > a:hover {
    color: #EB581E;
    font-weight: bold;
}


/* Expander appearance 
 *****************************************************/


/* Default */

li > .rdms-toc-links > .rdms-expander {
    background-image: url("../images/toc_bullet_grey1.png");
    background-repeat: no-repeat;
    background-color: transparent;
    background-position: 6px -0.2em
}

.rdms-open > .rdms-toc-links > .rdms-expander {
    background-image: url("../images/toc_arrow_grey1_down.png");
    background-repeat: no-repeat;
    background-color: transparent;
    cursor: pointer;
    background-position: 6px -0.2em
}

.rdms-closed > .rdms-toc-links > .rdms-expander {
    background-image: url("../images/toc_arrow_grey1_right.png");
    background-repeat: no-repeat;
    background-color: transparent;
    cursor: pointer;
    background-position: 6px -0.2em
}


/* First level */

#manual > ul > li > .rdms-toc-links > .rdms-expander {
    background-image: url("../images/toc_bullet_blue.png");
    background-repeat: no-repeat;
    background-color: transparent;
    background-position: 6px -0.2em
}

#manual > ul > li.rdms-closed > .rdms-toc-links > .rdms-expander {
    background-image: url("../images/toc_arrow_blue_right.png");
    background-repeat: no-repeat;
    background-color: transparent;
    cursor: pointer;
    background-position: 6px -0.2em
}

#manual > ul > li.rdms-open > .rdms-toc-links > .rdms-expander {
    background-image: url("../images/toc_arrow_blue_down.png");
    background-repeat: no-repeat;
    background-color: transparent;
    cursor: pointer;
    background-position: 6px -0.2em
}


/* Hover states and selected states */

li.rdms-closed > .rdms-toc-links:hover > .rdms-expander,
li.rdms-closed.toc-highlight > .rdms-toc-links > .rdms-expander {
    background-image: url("../images/toc_arrow_red_right.png") !important;
    background-repeat: no-repeat;
    background-color: transparent;
    cursor: pointer;
    background-position: 6px -0.2em
}

li.rdms-open> .rdms-toc-links:hover > .rdms-expander,
li.rdms-open.toc-highlight > .rdms-toc-links > .rdms-expander {
    background-image: url("../images/toc_arrow_red_down.png") !important;
    background-repeat: no-repeat;
    background-color: transparent;
    cursor: pointer;
    background-position: 6px -0.2em
}

li.rdms-leaf > .rdms-toc-links:hover > .rdms-expander,
li.rdms-leaf.toc-highlight > .rdms-toc-links > .rdms-expander {
    background-image: url("../images/toc_bullet_red.png") !important;
    background-repeat: no-repeat;
    background-color: transparent;
    background-position: 6px -0.2em
}

.toc-highlight > .rdms-toc-links > a {
    color: #EB581E !important
}

;

/* Rules on spacing
 *****************************************************************************************************/

#manual ul ul {
    font-size: 0.8em;
    /* Control relative sizing of all text in this area. Assumes ~12px for default em size. */
    margin: 0;
    padding: 0 0 0 1em;
}


/* First level rules */

#manual > ul > li {
    list-style-type: none;
    margin: 0.3em 0 0 0;
    padding: 0 0 0.3em 0.5em;
    border-bottom: 1px solid #EDEDED;
    white-space: nowrap;
}


/* Second */

#manual > ul > li li {
    margin: 0;
    padding: 0 0 0 1.2em;
    border-top: none;
    font-size: 0.9em;
    font-weight: normal;
    white-space: nowrap;
}

#manual > ul > li li li {
    font-size: 1em;
    white-space: nowrap;
}

.endnote {padding-top:40px;}