* { margin: 0; padding: 0; }
HTML,BODY { overflow: hidden; height: 100%; font-size: 100%; font-family: Arial, Helvetica, sans-serif; background-color: #ffffff; color: #000000; }
BODY,FORM,TABLE,TH,TD,IMG,OL,UL,LI,DIV,SPAN,A,P { border-width: 0px; }
INPUT,TEXTAREA,BUTTON { font-family: Arial, Helvetica, sans-serif; }

OL { margin-left: 12px; list-style-type: none; display: none; }
BR { display: none; }

.header { padding-top: 3px; padding-bottom: 1px; font-size: .75em; background-color: #0000ff; border-bottom: 1px solid #000000; position: absolute; left: 0px; top: 0px; width: 100%; white-space: nowrap; overflow: hidden; }
.header A { color: #ffffff; margin: 0px 8px 0px 8px; padding: 0px 4px 0px 4px; }
.header IMG { vertical-align: top; }

A { color: #000000; text-decoration: none; margin-left: 6px; }
A:hover { text-decoration: underline; cursor: pointer; }
A.a { color: #0000ff; text-decoration: underline; }
A.c { color: #0000ff; text-decoration: underline; }
A.l { }
A.li { color: #c0c0c0; background-color: #f8f8f8; margin-right: 4px; font-size: .75em; padding-top: 3px; }
A.li:hover { color: #0000ff; background-color: #f8f8f8; margin-right: 4px; font-size: .75em; padding-top: 3px; }
A.lb { color: #c0c0c0; font-style: italic; }
A.m { }
A.mi { color: #c0c0c0; background-color: #f8f8f8; margin-right: 4px; font-size: .75em; padding-top: 3px; }
A.mi:hover { color: #0000ff; background-color: #f8f8f8; margin-right: 4px; font-size: .75em; padding-top: 3px; }
A.mb { color: #c0c0c0; font-style: italic; }
A.k { top: 2px; left: 18px; position: absolute; }
A.kb { top: 2px; left: 18px; position: absolute; color: #c0c0c0; font-style: italic; }
A.vl { color: #606060; }
A.vlb { color: #c0c0c0; font-style: italic; }
A.vm { margin-left: 10em; color: #606060; }
A.vmb { margin-left: 10em; color: #c0c0c0; font-style: italic; }
LI A { color: #000000; }
LI DIV { position: relative; padding: 2px 0px 1px 0px; width: 400px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; }
LI IMG { margin: 0px 2px 0px 0px; cursor: pointer; vertical-align: top; }

LI > DIV > IMG + IMG { cursor: url(/images/menucursor.cur), auto; }
LI.k > DIV > IMG { cursor: url(/images/menucursor.cur), auto; }
LI.v > DIV > IMG { cursor: url(/images/menucursor.cur), auto; }

LI LABEL { color: #0000a0; cursor: pointer; }
LI LABEL IMG { margin: 1px 8px 0px 8px; }
LI.o { margin-left: 0px; }
LI.v { margin-left: 18px; }
LI.vx { display: none; }
LI.e { margin-left: 18px; }
LI.e DIV { color: #c0c0c0; font-style: italic; }
LI.e IMG { margin-right: 8px; cursor: default; }
OL.ed { margin-left: 10px; display: block; padding-bottom: 50px; }
OL.ro { margin-left: 10px; display: block; padding-bottom: 50px; }
#copyDiv { z-index: 50; padding: 0; position: absolute; border: #000000 dotted 1px; background-color: #a0ffa0; -moz-opacity: .30; filter: alpha(opacity=30); opacity: .30; display: none; }
#cutDiv { z-index: 50; padding: 0; position: absolute; border: #000000 dotted 1px; background-color: #ffffa0; -moz-opacity: .40; filter: alpha(opacity=40); opacity: .40; display: none; }
#deleteDiv { z-index: 50; padding: 0; position: absolute; border: #000000 dotted 1px; background-color: #ff0000; -moz-opacity: .20; filter: alpha(opacity=20); opacity: .20; display: none; }
#focusDiv { z-index: 40; padding: 0; position: absolute; background-color: #000000; -moz-opacity: .25; filter: alpha(opacity=25); opacity: .25; display: none; }
#widthDiv { padding: 0; position: absolute; visibility: hidden; }

#menu { z-index: 60; font-size: .75em; display: none; position: absolute; padding: 20px; }
#menuItems { padding-top: 2px; padding-bottom: 4px; }
#menuInner { border: 2px outset #0000ff; background-color: #ffffff; }
#menuHead { border-bottom: 1px solid #000000; color: #000000; background-color: #f0f0f0; padding: 2px 5px 2px 5px; }
.miDivider { padding-top: 4px; margin-top: 4px; border-top: 1px solid #000000; }
.miNoDivider { margin: 2px 0px 2px 0px; }
.menuItem { color: #0000ff; margin: 0px 16px 0px 20px; }
.menuEmpty { color: #c0c0c0; font-style: italic; margin: 0px 16px 0px 20px; }
.viewMenu { position: absolute; }

.activeTab { position: relative; top: 1px; cursor: pointer; background-color: white; border: 1px #0000ff solid; border-bottom-color: #ffffff; border-left-width: 0px; font-weight: bold; width: 80px; max-width: 80px; padding-top: 1px; -moz-border-radius-topleft: 3px; -webkit-border-top-left-radius: 3px; -moz-border-radius-topright: 3px; -webkit-border-top-right-radius: 3px; }
.tab { position: relative; top: 1px; cursor: pointer; border: 1px #0000ff solid; border-left-width: 0px; width: 80px; max-width: 80px; -moz-border-radius-topleft: 3px; -webkit-border-top-left-radius: 3px; -moz-border-radius-topright: 3px; -webkit-border-top-right-radius: 3px; }

#textSize { padding-left: 2px; padding-right: 2px; background-color: #d0d0d0; font-size: .74em; height: 16px; display: none; position: absolute; z-index: 150; }
#input{ border: 1px solid #0000ff; font-size: .74em; }
#textarea { border: 1px solid #0000ff; font-size: .74em; }
#inputDiv{ overflow: visible; position: absolute; display: none; z-index: 200; }
#textareaDiv { overflow: visible; position: absolute; display: none; z-index: 200; }
#selectDiv { width:500px; border: 1px solid #0000ff; position: absolute; display: none; z-index: 200; background-color: #f0f0f0; } /*opacity: 0.8; filter: alpha(opacity=80); -moz-opacity: 0.8; }*/
#selectIcon { position: absolute; display: none; z-index: 200; padding: 2px; cursor: pointer; }
OL.dd { margin-left: 0px; display: block; padding-bottom: 5px; }
OL.dd A { color: #0000ff; font-size: .75em; }
OL.dd A.b { font-style: italic; }
OL LI { white-space: nowrap; }

#dpCtrl { padding: 2px; font-weight: bold; background-color: #e0e0e0; border: 1px solid #d0d0d0; }
#dpCtrl A { padding: 2px; margin: 0px; }
#dpCtrl SELECT { font-size: .74em; color: #404040; }
#dpItem { padding: 4px; }
.datePicker { border: 0px; font-size: .74em; }
.datePicker TR.dpExtra { visibility: hidden; }
.datePicker TH { text-align: center; width: 18px; font-weight: normal; padding-bottom: 3px; }
.datePicker TD { text-align: right; padding: 1px; width: 18px; border: 1px solid #d0d0d0; color: #404040; background-color: #e0e0e0; }
.datePicker TD.dpCur { background-color: #ffffff; }
.datePicker TD.dpSel { color: #ff0000; }
.datePicker TD A { margin: 0px; font-size: 1em; }
.timePicker { border: 0px; font-size: 0.74em; }
.timePicker TD { text-align: right; padding: 1px; width: 18px; }
.timePicker TD A { margin: 0px; font-size: 1em; }

#leftNav { font-size: .75em; position: absolute; width: 300px; top: 32px; left: 0px; margin: 0; overflow: auto; }
#resizeClone { position: absolute; width: 8px; top: 0px; left: 300px; margin-top: 20px; border-style: dotted; border-color: #000000; border-width: 0px 1px 0px 1px; background-color: #ffffff; width: 3px; cursor: e-resize; display: none; z-index: 200; }
#resizeHandle { position: absolute; width: 8px; top: 0px; left: 300px; margin-top: 20px; border-style: solid; border-color: #000000; border-width: 0px 1px 0px 1px; background-color: #0000ff; width: 3px; cursor: e-resize; }
#rightTabs { position: absolute; top: 0px; left: 300px; margin: 32px 0px 0px 20px; white-space: nowrap; border-bottom: 1px solid #0000ff; }
#rightTabs BUTTON { font-size: .8em; }
#rightWork { font-size: .75em; position: absolute; top: 0px; left: 300px; margin: 62px 0px 0px 20px; overflow: auto; }

#viewClip { padding-top: 10px; display: none; width: 95%; }
#viewDetails { padding-top: 10px; display: none; width: 95%; }
#viewDetails A.io IMG { opacity: .15; filter: alpha(opacity=15); -moz-opacity: .15; height: 13px; }
#viewDetails A.io:hover IMG { opacity: 1.0; filter: alpha(opacity=100); -moz-opacity: 1.0; }

#viewDetails A.io + IMG { cursor: url(/images/menucursor.cur), auto; }

/*.handle { padding-top: 1px; height: 13px; }*/
.vdHeader { clear: left; padding: 0px 0px 12px 0px; width: 50%; font-weight: bold; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis;  }
.vdHeader A { margin-left: 0px; }
.vdHeader A.menuItem { margin: 0px 0px 0px 20px; padding: 0; font-weight: normal; }
.vdHeader IMG { margin: 1px 8px 0px 0px; cursor: pointer; vertical-align: top; }
.vdHeader LABEL { color: #0000a0; cursor: pointer; }
.vdHeader LABEL IMG { margin: 1px 8px 0px 0px; }
#vdList { margin-left: 0px; padding-bottom: 150px; display: block; }
#vdList LI * { float: left; padding: 2px 0px 2px 0px; }
#vdList LI.v { margin-left: 0px; }
#vdList IMG { margin-right: 10px; vertical-align: top; }
#vdList LABEL { float: none; white-space: nowrap; display: block; }
#vdList LABEL IMG { margin: -1px 8px 0px 0px; }
#vdList LABEL SPAN { float: none; white-space: normal; }
#vdList A { margin-left: 0px; }
#vdList A IMG { margin-left: 0px; margin-right: 4px; }
#vdList A.img { float: none; clear: left; display: block; margin: 0px 0px 0px 24px; padding: 0px 0px 6px 0px; width: 1%; }
#vdList A.img IMG { float: none; border: 1px solid #000000; margin: 0px; padding: 0px; }
#vdList A.img IMG.contentImage200 { margin-top: 4px; }
#vdList A.c IMG { margin: -2px 10px 0px 17px; }
#vdList DIV { white-space: normal; overflow: hidden; }
#vdList DIV.vdNumber { margin-right: 8px; text-align: right; }

#vdList DIV.vdNumber + IMG { cursor: url(/images/menucursor.cur), auto; }

#vdList DIV.vdClear { padding: 0px; float: none; clear: left; width: 100%; height: 1px; background-color: #f0f0f0; overflow: hidden; }
#vdList BR { float: none; clear: left; display: block; margin: 0px; padding: 0px; }
DIV.lb { color: #c0c0c0; font-style: italic; }
DIV.mb { color: #c0c0c0; font-style: italic; }
DIV.k { margin-right: 25px; }
DIV.kb { margin-right: 25px; color: #c0c0c0; font-style: italic; }
DIV.vl { color: #606060; }
DIV.vlb { color: #c0c0c0; font-style: italic; }
DIV.vm { color: #606060; }
DIV.vmb { color: #c0c0c0; font-style: italic; }
SPAN.b { color: #c0c0c0; font-style: italic; }

#viewUpload { padding-top: 10px; display: none; }
#upload { height: 600px; width: 500px; }
#uploadMsg { display: block; }
#uploadMsg BR { display: block; }
#uploadMsg INPUT { font-size: .99em; }
#viewLog { padding-top: 10px; display: none; }
#viewLogText { width: 95%; font-size: .75em; }
#viewXML { padding-top: 10px; display: none; }
#viewXMLText { width: 95%; font-size: .75em; }
#viewShare { padding-top: 10px; display: none; }

#clipTable { margin-top: 10px; border: 1px solid #000000; }
#clipTable TR.even { background-color: #e0e0e0; }
#clipTable TH { color: #ffffff; background-color: #0000ff; text-align: left; padding: 2px 16px 2px 4px; border-bottom: 1px solid #000000; }
#clipTable TD { color: #000000; text-align: left; padding: 2px 16px 2px 4px; white-space: nowrap; }
#clipTable TD A.a { margin-left: 0px; }

DIV.share { padding: 8px; margin: 4px 20px 4px 0px; background-color: #ffff80; border: 1px solid #008000; }
LABEL.share { display: block; font-weight: bold; margin-bottom: 4px; }
INPUT.share { width: 50%; padding-right: 10px; color: #606060; }
#fileWarning { padding: 2px; margin-left: 10px; font-weight: bold; color: #ffff00; background-color: #000000; display: none; }
/*
body:after 
{
    content:
    url(/o.gif)
    url(/c.gif)
    url(/k.gif)
    url(/v.gif)
}
*/#testDiv { border-width: 0px; width: 100%; height: 100%; top: 0px; left: 0px; position: absolute; visibility: hidden; }
#clearModalDiv { background-color: #000000; border-width: 0px; width: 100%; height: 100%; top: 0px; left: 0px; position: absolute; display: none; z-index: 50; opacity: 0.0; filter: alpha(opacity=0); -moz-opacity: 0.0; }
#alertModalDiv { background-color: #000000; border-width: 0px; width: 100%; height: 100%; top: 0px; left: 0px; position: absolute; display: none; z-index: 350; opacity: 0.25; filter: alpha(opacity=25); -moz-opacity: 0.25; }
#popupModalDiv { background-color: #000000; border-width: 0px; width: 100%; height: 100%; top: 0px; left: 0px; position: absolute; display: none; z-index: 150; opacity: 0.25; filter: alpha(opacity=25); -moz-opacity: 0.25; }
#authModalDiv { background-color: #000000; border-width: 0px; width: 100%; height: 100%; top: 0px; left: 0px; position: absolute; display: none; z-index: 250; opacity: 0.25; filter: alpha(opacity=25); -moz-opacity: 0.25; }

#alertDiv { font-size: .75em; background-color: #ffffff; font-family: Arial, Helvetica, sans-serif; border-style: outset; border-width: 2px; border-color: #ff8000; position: absolute; display: none; z-index: 400; }
#alertHead { background-color: #ff8000; border-bottom: 1px solid #000000; color: #ffffff; padding: 3px; }
#alertBody { position: relative; overflow: auto; margin: 6px 20px 10px 10px; }
#alertMessage { margin: 10px 0px 20px 0px; }
#alertButton { margin-top: 10px; }

#popupDiv { font-size: .75em; background-color: #f0f0f0; font-family: Arial, Helvetica, sans-serif; border-style: outset; border-width: 2px; border-color: blue; position: absolute; display: none; z-index: 200; }
#popupHead { background-color: #0000ff; border-bottom: 1px solid #000000; color: #ffffff; padding: 3px; }
#popupHead A { color: #c0c0c0; text-decoration: none; margin: 0px; padding: 0px; margin-left: 20px; }
#popupHead A:hover { color: #ffffff; text-decoration: underline; }
#popupBody { overflow-x: hidden; overflow-y: scroll; position: relative; background-color: #ffffff; margin-bottom: 20px; }
#popupError { color: #ff0000; margin-left: 12px; visibility: hidden; }
#popupSave { margin: 8px; padding: 2px 20px 2px 20px; }
.popupNew { position: absolute; height: 19px; width: 170px; border-bottom: 1px #c0c0c0 solid; }
.popupNew IMG { vertical-align: top; }

.popupTable { margin: 0px; width: 100%; }
.popupMenu { background-color: #e0e0e0; }
.popupMenu TD { border-bottom: 1px solid #c0c0c0; padding: 3px 0px 3px 6px; }
.popupMenu A { color: #0000ff; cursor: pointer; margin: 0px; padding: 0px; margin-right: 12px; text-decoration: none; }
.popupMenu A:hover { text-decoration: underline; }
.popupGroup TD { border-bottom: 1px solid #000000; padding: 10px 0px 3px 6px; }
.popupForm TD { border-width: 0px; padding: 10px 0px 3px 12px; }
.popupForm BR { display: block; }
.popupLine TD { border-bottom: 1px solid #c0c0c0; padding: 3px 0px 3px 12px; }
.popupLine A { color: #0000ff; cursor: pointer; margin: 0px; padding: 0px; text-decoration: none; }
.popupLine A:hover { text-decoration: underline; }
.popupLine TD { border-bottom: 1px solid #c0c0c0; padding: 3px 12px 3px 12px; }
.popupLine TD { border-bottom: 1px solid #c0c0c0; padding: 3px 12px 3px 12px; }
.popupLine TD.popupActions { width: 1px; padding-right: 20px; }
.popupLine TD.popupActions A { border-width: 0px; margin: 0px; padding: 0px; margin-right: 12px; }

#authDiv { font-size: .75em; background-color: #ffffff; font-family: Arial, Helvetica, sans-serif; border-style: outset; border-width: 2px; border-color: #ffff00; position: absolute; display: none; z-index: 300; }
#authHead { background-color: #ffff00; border-bottom: 1px solid #000000; color: #000000; padding: 3px; }
#authHead A { color: #808080; text-decoration: none; margin: 0px; padding: 0px; margin-left: 20px; }
#authHead A:hover { color: #000000; text-decoration: underline; }
#authBody { position: relative; margin: 6px 20px 10px 10px; }
#authMessage { margin: 10px 0px 20px 0px; display: none; }
#authGroup { margin: 10px 0px 0px 10px; display: none; }
#authGroup SELECT { margin-right: 8px; min-width: 180px; }
#authGroupError { color: #ff0000; visibility: hidden; }
#authRole { margin: 10px 0px 20px 12px; display: none; }
#authRole LABEL { margin-right: 8px; }
#authRoleError { color: #ff0000; visibility: hidden; }
#authSignIn { margin-bottom: 20px; display: none; }
#authSignInMessage { margin-top: 10px; }
#authPassword { margin: 0px 6px 0px 6px; }
#authFailed { color: #ff0000; visibility: hidden; }
#authButton { margin-top: 10px; }