html {
    width: 100%;
    height: 100%;
    margin: 0px;
}

body {
    background: #f5f5f5;
    font-family: arial;
    font-size: 12px;
    color: #000000;
    width: 100%;
    height: 100%;
    margin: 0px;
    cursor: default;
}

table {
    font-family: arial;
    font-size: 12px;
    color: #000000;
}

a:link {
    color: #2884c6;
    text-decoration: none;
}

a:visited {
    color: #2884c6;
}

a:active {
    color: #6699ff;
}

a:hover {
    color: #6699ff;
    text-decoration: underline;
}


.menuTitle {
    font-family: arial;
    font-size: 12px;
    font-weight: bold;
    color: #555;
    background: url('../images/menuTitle.png') repeat-x left top;
    height: 26px;
    line-height: 26px;
    vertical-align: middle;
    padding-left: 10px;
    margin: 5px;
    cursor: pointer;
    border: 1px solid #ccc;
}

.menuTitle:hover {
    border: 1px solid #888;
    #background: url('../images/menuTitleActive.png') repeat-x left top;
}

.menuTitleActive {
    font-family: arial;
    font-size: 12px;
    font-weight: bold;
    color: #000;
    background: url('../images/menuTitleActive.png') repeat-x left top;
    height: 26px;
    line-height: 26px;
    vertical-align: middle;
    padding-left: 10px;
    margin: 5px;
    cursor: pointer;
    border: 1px solid #ccc;
}

.menuTitleActive:hover {
    border: 1px solid #888;
}

.menuTitleLink {
    display: block;
    margin-left: -10px;
    padding-left: 10px;
}

.menuTitleLink:link {
    color: #555;
    text-decoration: none;
}

.menuTitleLink:hover {
    color: #555;
    text-decoration: none;
}

.menuTitleLink:active {
    color: #555;
    text-decoration: none;
}

.menuTitleLink:visited {
    color: #555;
    text-decoration: none;
}

.menuList {
    font-family: arial;
    font-size: 12px;
    font-weight: normal;
    color: #555;
    padding: 0px;
}

.menuItem {
    font-family: arial;
    font-size: 12px;
    font-weight: normal;
    color: #555;
    background: url('../images/menuTitle.png') repeat-x left top;
    height: 20px;
    line-height: 20px;
    vertical-align: middle;
    padding-left: 10px;
    margin: 0px 5px 5px 15px;
    cursor: pointer;
    border: 1px solid #ccc;
    white-space: nowrap;
}

.menuItem:hover {
    border: 1px solid #888;
}

.menuItemLink:link {
    text-decoration: none;
}

.menuItemActive {
    font-family: arial;
    font-size: 12px;
    font-weight: normal;
    color: #000;
    background: url('../images/menuItemActive.png') repeat-x left top;
    height: 20px;
    line-height: 20px;
    vertical-align: middle;
    padding-left: 10px;
    margin: 0px 5px 5px 15px;
    cursor: pointer;
    white-space: nowrap;
    border: 1px solid #ccc;
}

.menuItemActive:hover {
    border: 1px solid #888;
}

.headerText {
    color: #f5f5f5;
}

.headerLink:link {
    color: #f5f5f5;
    text-decoration: none;
}

.headerLink:visited {
    color: #f5f5f5;
    text-decoration: none;
}

.headerLink:active {
    color: #ccc;
    text-decoration: none;
}

.headerLink:hover {
    color: #ccc;
    text-decoration: none;
}


.sortableDiv {
    font-family: arial;
    font-size: 12px;
    font-weight: normal;
    color: #555;
    background: url('../images/menuTitle.png') repeat-x left top;
    height: 20px;
    line-height: 20px;
    vertical-align: middle;
    padding: 0px 10px 0px 10px;
    margin: 0px 0px 5px 0px;
    border: 1px solid #999;
    white-space: nowrap;
    min-width: 500px;
}

.sortableDiv:hover {
    border: 1px solid #6699ff;
}

.sotableDivLink:link {
    text-decoration: none;
}

.sortableDivText {
    position: relative;
    width: 100%;
}

.sortableDivButtons {
    position: relative;
    left: 100%;
    top: -21px;
    width: 250px;
    margin-left: 15px;
}

.curPosSpan {
    background-color: #ddd;
    padding: 6px;
    border: 1px solid #aaa;
}

.contentOverlay {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: #000;
    z-index: 100;
    display: none;
}

.contentContainer {
    position: fixed;
    left: 50%;
    margin-left: -400px;
    top: 50%;
    margin-top: -275px;
    width: 800px;
    height: 550px;
    z-index: 110;
    background-color: #f5f5f5;
    display: none;
    overflow: show;
}

.contentPage {
    width: 758px;
    height: 508px;
    margin: 10px;
    padding: 10px;
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    overflow: auto;
}

.closeLabel {
    position: absolute;
    top: 0px;
    right: 0px;
    margin: -20px -20px 0px 0px;
    width: 28px;
    height: 28px;
    cursor: pointer;
    background: url(../images/labelCloseBlack.png) no-repeat -5px -3px;
}

.closeLabel:hover {
    background: url(../images/labelCloseRed.png) no-repeat -5px -3px;
}

.fileBrowserOverlay {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: #000;
    z-index: 100;
    display: none;
}

.fileBrowserContainer {
    position: fixed;
    left: 50%;
    margin-left: -450px;
    top: 50%;
    margin-top: -300px;
    width: 920px;
    height: 600px;
    z-index: 110;
    background-color: #f5f5f5;
    display: none;
    overflow: show;
}

.fileBrowserPage {
    width: 100%;
    height: 100%;
    background-color: #f5f5f5;
    border: 0px solid #ccc;
    overflow: show;
}