/* -- Document viewer -- */

.docMain
{
}

.docRightPane
{
}

.docLeftPane 
{
}


.docThumb
{
}

.docThumbHover
{
}

.docThumbFocussed
{
}

.docPage
{
}

.docPageHover
{
}

.docPageFocussed
{
}

.docToolTip
{
}

.divAnn
{
    background-color: #dcdcdc;
    border: dashed 2px orange;
    margin: 20px;
    cursor: default;
    border-radius: 4px;
}

.btnAnnCancel
{
    border: solid 1px white;
    margin-right: 10px;
    margin-top: 10px;
    padding: 5px;
    background-color: #dcdcdc;
}

.btnAnnSave
{
    border: solid 1px #ccc;
    margin-right: 10px;
    margin-top: 10px;
    padding: 5px;
    background-color: #F5F6CE;
}

.selectedAnn
{
    background-image: url(../images/selected.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    border: solid 1px Yellow;
}

/* -- Annotation border -- */

#divAnn .ui-resizable-sw
{
    background-color: Orange;
}

#divAnn .ui-resizable-ne
{
    background-color: Orange;
}

#divAnn .ui-resizable-nw
{
    background-color: Orange;
}

#divAnn .ui-resizable-se
{
    bottom: -5px;
    height: 9px;
    right: -5px;
    width: 9px;
    background-color: Orange;
}

#divAnn .ui-icon
{
    background-image: none;
}

.ui-state-disabled
{
    opacity: 1;
    filter: alpha(opacity = 100);
}

/* -- Annotation Menu -- */

#nav, #nav ul
{
    margin: 0;
    padding: 0;
    list-style-type: none;
    list-style-position: outside;
    position: relative;
}

#AnnSelect
{
    display: block;
    padding: 0px 5px;
    border: 1px solid gray;
    color: #000;
    text-decoration: none;
    font-size: 12px;
    width: 145px;
}

#nav a
{
    display: block;
    padding: 0px 2px;
    color: #000;
    text-decoration: none;
    background-color: #F5F6CE;
    font-size: 12px;
    line-height: 30px;
}

#nav img
{
    float: left;
    margin-top: 3px;
    margin-right: 3px;
}

#nav a:hover
{
    text-decoration: underline;
}

#nav li
{
    float: left;
    position: relative;
}

#nav ul
{
    position: absolute;
    display: none;
    width: 12em;
    top: 2.5em;
}

#nav li ul a
{
    width: 12em;
    height: auto;
    float: left;
}

#nav ul ul
{
    top: auto;
}

#nav li ul ul
{
    left: 12em;
    margin: 10px 0 0 10px;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul
{
    display: none;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul
{
    display: block;
    z-index: 9999;
}

/* Annotation Properties Window */

#divProperties
{
    font-size: 11px;
    background-color: #F5F6CE;
}

#divProperties input[type=text]
{
    width: 50px;
    font-size: 10px;
    padding:3px;
    margin:2px;
    border: 1px solid #ccc;
}

#divProperties input[type=button]
{
    padding:3px;
    border: 1px solid #ccc;
}

/* Annotation Color picker */

div.color_picker
{
    height: 16px;
    width: 16px;
    padding: 0 !important;
    border: 1px solid #ccc;
    cursor: pointer;
    line-height: 16px;
    float: right;
}

div#color_selector
{
    width: 110px;
    position: absolute;
    border: 1px solid #598FEF;
    background-color: #EFEFEF;
    padding: 2px;
    z-index: 9999;
}

div#color_custom
{
    width: 100%;
    float: left;
}
div#color_custom label
{
    font-size: 95%;
    color: #2F2F2F;
    margin: 5px 2px;
    width: 25%;
}
div#color_custom input
{
    margin: 5px 2px;
    padding: 0;
    font-size: 95%;
    border: 1px solid #000;
    width: 65%;
}

div.color_swatch
{
    height: 12px;
    width: 12px;
    border: 1px solid #000;
    margin: 2px;
    float: left;
    cursor: pointer;
    line-height: 12px;
}