a:active { color: blue; text-decoration: none; font: 8pt verdana,arial,helvetica,sans-serif }
a:link { color: blue; text-decoration: none; font: 8pt verdana,arial,helvetica,sans-serif }
a:visited { color: blue; text-decoration: none; font: 8pt verdana,arial,helvetica,sans-serif }
a.button:active { color: #000000; text-decoration: none; font: 6pt verdana,arial,helvetica,sans-serif; font-weight: bold }
a.button:link { color: #000000; text-decoration: none; font: 6pt verdana,arial,helvetica,sans-serif; font-weight: bold }
a.button:visited { color: #000000; text-decoration: none; font: 6pt verdana,arial,helvetica,sans-serif; font-weight: bold }
a.small:active { color: blue; text-decoration: none; font: 7pt verdana,arial,helvetica,sans-serif }
a.small:link { color: blue; text-decoration: none; font: 7pt verdana,arial,helvetica,sans-serif }
a.small:visited { color: blue; text-decoration: none; font: 7pt verdana,arial,helvetica,sans-serif }
a.tab:active { color: #000000; text-decoration: none; font: 8pt verdana,arial,helvetica,sans-serif; font-weight: bold }
a.tab:link { color: #000000; text-decoration: none; font: 8pt verdana,arial,helvetica,sans-serif; font-weight: bold }
a.tab:visited { color: #000000; text-decoration: none; font: 8pt verdana,arial,helvetica,sans-serif; font-weight: bold }
a.tab:hover { color: #890101; text-decoration: none; font: 8pt verdana,arial,helvetica,sans-serif; font-weight: bold }
a.active-tab:active { color: #000000; text-decoration: none; font: 10pt verdana,arial,helvetica,sans-serif; font-weight: bold }
a.active-tab:link { color: #000000; text-decoration: none; font: 10pt verdana,arial,helvetica,sans-serif; font-weight: bold }
a.active-tab:visited { color: #000000; text-decoration: none; font: 10pt verdana,arial,helvetica,sans-serif; font-weight: bold }
a.active-tab:hover { color: #890101; text-decoration: none; font: 10pt verdana,arial,helvetica,sans-serif; font-weight: bold }
a.tag:active { color: #000000; text-decoration: none; font: 8pt verdana,arial,helvetica,sans-serif }
a.tag:link { color: #000000; text-decoration: none; font: 8pt verdana,arial,helvetica,sans-serif }
a.tag:visited { color: #000000; text-decoration: none; font: 8pt verdana,arial,helvetica,sans-serif }
a.tag:hover { color: #890101; text-decoration: none; font: 8pt verdana,arial,helvetica,sans-serif }
a.white:active { color: #fff; text-decoration: none; font: 8pt verdana,arial,helvetica,sans-serif; font-weight: bold }
a.white:link { color: #fff; text-decoration: none; font: 8pt verdana,arial,helvetica,sans-serif; font-weight: bold }
a.white:visited { color: #fff; text-decoration: none; font: 8pt verdana,arial,helvetica,sans-serif; font-weight: bold }
a.add { display: block; width: 34px; height: 13px; background: url(images/buttons/add.png) 0 0 no-repeat; text-decoration: none; }
a:hover.add { background-position: -34px 0; }
a.cancel { display: block; width: 51px; height: 13px; background: url(images/buttons/cancel.png) 0 0 no-repeat; text-decoration: none; }
a:hover.cancel{ background-position: -51px 0; }
a.create { display: block; width: 103px; height: 13px; background: url(images/buttons/create_playlist.png) 0 0 no-repeat; text-decoration: none; }
a:hover.create{ background-position: -103px 0; }
a.close { display: block; width: 44px; height: 13px; background: url(images/buttons/close.png) 0 0 no-repeat; text-decoration: none; }
a:hover.close{ background-position: -44px 0; }
a.delete { display: block; width: 50px; height: 13px; background: url(images/buttons/delete.png) 0 0 no-repeat; text-decoration: none; }
a:hover.delete{ background-position: -50px 0; }
a.edit { display: block; width: 37px; height: 13px; background: url(images/buttons/edit.png) 0 0 no-repeat; text-decoration: none }
a:hover.edit{ background-position: -37px 0 }
a.ok { display: block; width: 27px; height: 13px; background: url(images/buttons/ok.png) 0 0 no-repeat; text-decoration: none; }
a:hover.ok{ background-position: -27px 0; }
a.preview { display: block; width: 60px; height: 13px; background: url(images/buttons/preview.png) 0 0 no-repeat; text-decoration: none }
a:hover.preview { background-position: -60px 0; cursor: pointer }
a.publish { display: block; width: 110px; height: 13px; background: url(images/buttons/publish_playlist.png) 0 0 no-repeat; text-decoration: none; }
a:hover.publish { background-position: -110px 0; }
a.upload { display: block; width: 54px; height: 13px; background: url(images/buttons/upload.png) 0 0 no-repeat; text-decoration: none; }
a:hover.upload { background-position: -54px 0; }
a.view { display: block; width: 40px; height: 13px; background: url(images/buttons/view.png) 0 0 no-repeat; text-decoration: none; }
a:hover.view { background-position: -40px 0; }
a.addToPlaylist { display: block; width: 103px; height: 13px; background: url(images/buttons/add_to_playlist.png) 0 0 no-repeat; text-decoration: none; }
a:hover.addToPlaylist { background-position: -103px 0; }
a.deletePlaylist { display: block; width: 102px; height: 13px; background: url(images/buttons/delete_playlist.png) 0 0 no-repeat; text-decoration: none; }
a:hover.deletePlaylist { background-position: -102px 0; }
a.deleteItem { display: block; width: 78px; height: 13px; background: url(images/buttons/delete_item.png) 0 0 no-repeat; text-decoration: none; }
a:hover.deleteItem { background-position: -78px 0; }
a.editItem { display: block; width: 65px; height: 13px; background: url(images/buttons/edit_item.png) 0 0 no-repeat; text-decoration: none; }
a:hover.editItem { background-position: -65px 0; }
a.editPlaylist { display: block; width: 89px; height: 13px; background: url(images/buttons/edit_playlist.png) 0 0 no-repeat; text-decoration: none; }
a:hover.editPlaylist { background-position: -89px 0; }
a.manageItem { display: block; width: 84px; height: 13px; background: url(images/buttons/manage_item.png) 0 0 no-repeat; text-decoration: none; }
a:hover.manageItem { background-position: -84px 0; }
a.managePlaylist { display: block; width: 108px; height: 13px; background: url(images/buttons/manage_playlist.png) 0 0 no-repeat; text-decoration: none; }
a:hover.managePlaylist { background-position: -108px 0; }
a.previewItem { display: block; width: 88px; height: 13px; background: url(images/buttons/preview_item.png) 0 0 no-repeat; text-decoration: none; }
a:hover.previewItem { background-position: -88px 0; }
a.previewPlaylist { display: block; width: 112px; height: 13px; background: url(images/buttons/preview_playlist.png) 0 0 no-repeat; text-decoration: none; }
a:hover.previewPlaylist { background-position: -112px 0; }
a.ref { display: block; width: 31px; height: 13px; background: url(images/buttons/ref.png) 0 0 no-repeat; text-decoration: none; }
a:hover.ref { background-position: -31px 0; }
a.add-output-file { display: block; width: 85px; height: 13px; background: url(images/buttons/add_outputs.png) 0 0 no-repeat; text-decoration: none; }
a:hover.add-output-file { background-position: -85px 0; }
a.reset { display: block; width: 44px; height: 13px; background: url(images/buttons/reset.png) 0 0 no-repeat; text-decoration: none; }
a:hover.reset { background-position: -44px 0; }
a.search { display: block; width: 52px; height: 13px; background: url(images/buttons/search.png) 0 0 no-repeat; text-decoration: none; }
a:hover.search { background-position: -52px 0; }
a.help { display: block; width: 38px; height: 13px; background: url(images/buttons/help.png) 0 0 no-repeat; text-decoration: none; }
a:hover.help { background-position: -38px 0; }
a.uri { display: block; width: 31px; height: 13px; background: url(images/buttons/uri.png) 0 0 no-repeat; text-decoration: none; }
a:uri.help { background-position: -31px 0; }
a.copy-to-clipboard { display: block; width: 119px; height: 13px; background: url(images/buttons/copy_to_clipboard.png) 0 0 no-repeat; text-decoration: none; }
a:hover.copy-to-clipboard { background-position: -119px 0; }
a.highlight-uri { display: block; width: 93px; height: 13px; background: url(images/buttons/highlight.png) 0 0 no-repeat; text-decoration: none; }
a:hover.highlight-uri { background-position: -93px 0; }
body { margin: 0px; padding: 0px; padding-left: 45px }

.align-right { text-align: right }
.black-fade { background-image: url('images/header-fade.png') }
.content-fade { background-image: url('images/content-fade.png'); background-repeat: repeat-x }
.blueBG { background-color: #283857; }
.bodyTextHeaderBold { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #283857; }
.bodyTextHeader { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #283857; }
.border { border: 1px solid #bfd0da }
.border-dotted { border: 1px dotted #bfd0da }
.border_black { border: 1px solid #000000 }
.border-bottom { border-bottom: 1px solid #bfd0da }
.border-left { border-left: 1px solid #bfd0da }
.border-right { border-right: 1px solid #bfd0da }
.border-top { border-top: 1px solid #bfd0da }
.border-bottom-dotted { border-bottom: 1px solid #bfd0da }
.hidden { display: none; margin: 0px }
.calendar { background-color: #ffffff  }
.center { text-align: center }
.center table { margin-left: auto; margin-right: auto; text-align: left }
.content-cell-bottom { border-bottom: 1px solid #000000 }
.content-cell-left { border-left: 1px solid #000000 }
.content-cell-right { border-right: 1px solid #000000 }
.cursor-default { cursor: default }
.cursorFix { position: fixed }
.cursor-move { cursor: move }
.cursor-pointer { cursor: pointer }
.flash { position: relative; z-index: 1 }
.float-right { float: right }
.gray-fade { background-image: url('images/gray-fade.png') }
.hide { display: none }
.inline { display: inline }
.li-no-dot { list-style: none }
.MaskedEditFocus { background-color: #ffffff; color: #000000 }
.MaskedEditError { background-color: #ffcccc }
.modalBackground { background-color: #000000; filter:alpha(opacity=70); opacity:0.7 }
.overlay { margin-left: auto; margin-right: auto; width: 380px; height: 31px; color: red; position: relative; z-index: 2; top: 35px; left: 36px; }
.paddingLeft5 { padding-left: 5px  }
.paddingLeft10 { padding-left: 10px }
.pageHeaderBold { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #283857; }
.playlist { font-style: italic }
.reverse-fade { background-image: url('images/reverse-fade.png'); background-repeat: repeat-x }
.smaller-text { color: #000000; font: 7pt verdana,arial,helvetica,sans-serif }
.smaller-gray-text { color: #bfd0da; font: 7pt verdana,arial,helvetica,sans-serif }
.small-gray-fade { background-image: url('images/small-gray-fade.png') }
.small-red-text { color: red; font: 8pt verdana,arial,helvetica,sans-serif }
.small-text { color: #000000; font: 8pt verdana,arial,helvetica,sans-serif }
.small-white-bold-text { color: #ffffff; font: 8pt verdana,arial,helvetica,sans-serif; font-weight: bold }
.small-white-text { color: #ffffff; font: 8pt verdana,arial,helvetica,sans-serif }
.smaller-white-text { color: #ffffff; font: 7pt verdana,arial,helvetica,sans-serif }
.small-gray-text { color: #bfd0da; font: 8pt verdana,arial,helvetica,sans-serif }
.small-red-text { color: red; font: 8pt verdana,arial,helvetica,sans-serif }
.small-bold-text { color: #000000; font: 8pt verdana,arial,helvetica,sans-serif; font-weight: bold }
.smaller-bold-text { color: #000000; font: 7pt verdana,arial,helvetica,sans-serif; font-weight: bold }
.small-italic-text { color: #000000; font: 7pt verdana,arial,helvetica,sans-serif; font-style: italic }
.tab-off { width: 100px; height: 22px; text-align: center }
.tab-off-top { border-top: 1px solid #bfd0da }
.tab-off-right { border-right: 1px solid #bfd0da }
.tab-off-left { border-left: 1px solid #bfd0da }
.tab-off-bottom { border-bottom: 1px solid #000000 }
.tab-on { background-color: #ffffff; width: 100px; height: 22px; text-align: center }
.tab-on-top { border-top: 1px solid #000000 }
.tab-on-right { border-right: 1px solid #000000 }
.tab-on-left { border-left: 1px solid #000000 }
.tab-on-bottom { border-bottom: 1px solid #ffffff }
.testing { position: relative; top: -2px; left: 356px }
.text-box { width: 155px; }
.textarea-box { width: 155px; height: 55px }
.z10 { z-index: 100000 }

#annotate_nav 
{   
    height:250px;
    width:180px;
    float:right;
    margin-top:10px;   
    margin-bottom:5px;
    margin-right:5px;
    margin-left:-20px;   
    text-align: left;
    background-color: #ffffff;
    border: 1px solid #EFEFE0;
    padding: 4px;
    overflow:auto;

}

.horizontalScroll 
{
    width:100%;
    overflow:hidden;
}

#annotate_flash {
    padding: 10px;
    float:left;
    position:relative;
}


.items {
    z-index: 100;
        }
.droparea {
    float:right;
    background-color: #EFEFE0;
    border: 1px solid #EFEFE0;
    width: 250px;
    min-height: 200px;
        }
.sourcearea 
{
    /*dkjf */
}

#gettingStarted { padding-top: 5px }
.welcome {
    width: 500px;
    background: #fff;
    background-image: url('../images/gray-fade.png');
    background-repeat: repeat-x;
    padding: 6px;
}


/* drop shadow */
#shadow-container { position: relative; left: 3px; top: 3px; margin-right: 3px; margin-bottom: 3px; width: 615px; }
#shadow-container .shadow2, #shadow-container .shadow3, #shadow-container .container { position: relative; left: -1px; top: -1px; }
#shadow-container .shadow1 { background: #F1F0F1; }
#shadow-container .shadow2 { background: #DBDADB; }
#shadow-container .shadow3 { background: #B8B6B8; }
#shadow-container .container { background: #ffffff; padding: 0px; }