html{
    height:100%;
}

body { 
    position:relative;
    height:100%;
    min-height:100%;
    padding:0px;
    margin:0px;
    text-align:center;

    background-color:#5f5f5f;
    background-image:url(https://www.mirandol.org/_inc/img/bg_stripe.png);
}

div#mainFrame {
    position:relative;
    margin:0px auto;
    width:930px;
    max-width:930px;
    height:100%;
    text-align:left;
}

/* Header                               */
/****************************************/

img#logo {
    float:left;
    margin-top:35px;
    width:119px;
    height:91px;
}

div#Header {
    position:relative;
    margin-left:145px;
    height:125px;
    border-bottom:1px solid transparent;
}
div#Header.TopBarLine {
    border-bottom:1px solid #ffffff;
}

div#PageIcon {
    float:right;
    width:160px;
    max-width:160px;
    height:125px;
    max-height:125px;
    text-align:right;
    vertical-align:bottom;
}

div#ConnexionBar {
    position:absolute;
    top:35px;
    left:0px;
    width:590px;
    vertical-align:top;
}

span.UserSelect, span.UserName {
    font:Bold 14px Arial;
    color:#cccccc;
}
span.UserSelect {
    white-space:nowrap;
    cursor:pointer;
}
a.UsrLogout, a.UsrLogout:hover  {
    font:14px Arial;
    color:#5f5f5f;
    text-decoration:none;
}
a.UsrLogout:hover {
    color:#f88800;
}

div#PathBar {
    position:absolute;
    left:0px;
    bottom:0px;
    margin-bottom:5px;
    vertical-align:bottom;
    width:590px;
}

.pathLnk, .pathLnk:hover {
    text-decoration:none;
    font:14px Arial;
}
.pathLnk {
    color:#68a93e;
}
.pathLnk:hover {
    color:#00ff00;
    cursor:pointer;
}
.pathChap {
    font:14px Arial;
    color:#68a93e;
}

/* Menu selection                       */
/****************************************/

div#MenuColumn {
    position:absolute;
    top:126px;
    bottom:5px;
    left:0px;
    width:110px;
    height:auto;
    padding-top:10px;
    text-align:right;
}

ul.mnu_item {
   list-style-type: none;
   list-style-image:none;
   margin:0px;
   padding:0px;
   font:Bold 15px Arial;
   color:#ffffff;
}
ul.mnu_item li {
   list-style-image:none;
   padding-top:20px;
}
ul.mnu_item li a {
    font:Bold 15px Arial;
    color:#ffffff;
    text-decoration:none;   
}
ul.mnu_item li.active a {
    cursor:pointer;
}
ul.mnu_item li.select a {
    color:#00ff00;
}
ul.mnu_item li a.over {
    color:#5fff5f;
}
ul.mnu_subitem {
   list-style-type: none;
   list-style-image:none;
   margin:0px;
   padding:0px;
}
ul.mnu_subitem li {
    display:block;
    list-style-image:none;
    padding-top:0px;
    height:15px;
    line-height: 15px ;
    font:12px Arial;
}
ul.mnu_subitem li a {
    font:12px Arial;
    color:#cccccc;
    text-decoration:none;   
}
ul.mnu_subitem li.active a {
    color:#cccccc;
}
ul.mnu_subitem li.select {
    background-color:#00ff00;
}
ul.mnu_subitem li.select a {
    color:#000000;
}
ul.mnu_subitem li.select a:hover {
    color:#5f5f5f;
}
ul.mnu_subitem li.active a:hover {
    color:#00ff00;
}

ul.mnu_item li.inactive, ul.mnu_subitem li.inactive {
   color:#5f5f5f;
}

/* Chapter                              */
/****************************************/

ul#chapter {
    display:block;
    background-image:url(https://www.mirandol.org/_inc/img/bg_chapter.png);
    width:570px;
    max-width:570px;
    margin:0px;
    padding:10px;
    list-style-type: none;
    list-style-image: none;
    font-size: 1px; letter-spacing: -1px;
}
ul#chapter li {
    display: inline;
    list-style-type: none;
    list-style-image: none;
}
ul#chapter li a, ul#chapter li a:hover {
    padding-left:10px;
    margin-right:10px;
    background-image:url(https://www.mirandol.org/_inc/img/bulletpoint_grey.png);
    background-repeat:no-repeat;
    background-position:left center;
    font:15px Arial;
    white-space:nowrap; 
    width:170px;
    max-width:170px;
    display: inline-block ;
    text-decoration: none ;
    overflow:hidden;
    text-overflow:ellipsis;
}
ul#chapter li a {
    color:#cccccc;
}
ul#chapter li a:hover {
    color:#00ff00;
}
ul#chapter li a.select {
    background-image:url(https://www.mirandol.org/_inc/img/bulletpoint_green.png);
    color:#00ff00;
}

/* Article                              */
/****************************************/

div#MainContent {
    position:absolute;
    top:126px;
    bottom:5px;
    left:145px;
    width:625px;
    height:auto;
    vertical-align:top;
    text-align:left;
}
div#ScrolledBox  {
    width:100%;
    height:100%;
    overflow:auto;
}
div#ScrolledText  {
    width:590px;
    color:#ffffff;
    font:12px Arial;
}


td {
    color:#ffffff;
    font:12px Arial;
    text-align:left;
}

a.link, a.link:hover {
    font:12px Arial;
    text-decoration:none;
}
a.link {
    color:#ffae00;
}
a.link:hover {
    color:#00ff00;
    cursor:pointer;
}

/* Page command / Right section         */
/****************************************/
ul#PageLinks {
    position:absolute;
    top:126px;
    bottom:5px;
    right:0px;
    width:140px;
    height:auto;
    padding:10px;
    margin:0px;
    
    background-image:url(https://www.mirandol.org/_inc/img/bg_grade.png);
    background-repeat:no-repeat;
    list-style-type: none;
    list-style-image: none;
    font-size: 1px;
    vertical-align:top;
}

ul#PageLinks li a.PageLink, ul#PageLinks li a.PageLink:hover {
    font:12px Arial;
    white-space:nowrap; 
    text-decoration:none;
    display:block;
}
ul#PageLinks li a.PageLink {
    color:#cccccc;
}
ul#PageLinks li a.PageLink:hover {
    color:#00ff00;
    cursor:pointer;
}

/* Separator line                       */
/****************************************/
div.SeparateLine {
    overflow: hidden;
    text-align: center;
    white-space:nowrap; 
    color:#434343;
    font:12px Arial;
}
div.SeparateLine:before,
div.SeparateLine:after {
    background-color: #434343;
    content: "";
    display: inline-block;
    height: 1px;
    position: relative;
    vertical-align: middle;
    width: 50%;
}
div.SeparateLine:before {
    right: 0.5em;
    margin-left: -50%;
}
div.SeparateLine:after {
    left: 0.5em;
    margin-right: -50%;
}

/* Article display/Editing              */
/****************************************/
div.docEmpty {
    margin-top: 30px;
    margin-bottom: 15px;
    color:#ffffff;
    font:12px Arial;
    font-weight:bold;
    text-align:center;
}
/*div.docImg {
    margin-bottom: 15px;
}*/

div.wysiwyg ul.toolbar li.colortext {
    background: url('https://www.mirandol.org/_inc/img/edit_highlight.png') no-repeat 0px 0px;
}

div#Article {
    color:#ffffff;
    font:12px Arial;
}
div#Article h1 {
    margin-top: 30px;
    margin-bottom: 15px;
    color:#ffffff;
    font:Bold 20px Arial;
}
div#Article div.docText {
    margin-bottom: 15px;
    color:#ffffff;
    font:12px Arial;
}
div#Article img, body.wysiwyg img {
    margin-top:15px;
    margin-bottom:15px;
    cursor:pointer;
}
div#Article img:hover, body.wysiwyg img:hover {
    margin-top:15px;
    margin-bottom:15px;
    box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.7); 
    cursor:pointer;
}
div#Article ul, body.wysiwyg ul {
    margin-top:10px;
    margin-bottom:0px;
    padding-left:15px;
}
div#Article ul li, body.wysiwyg ul li {
    display : list-item;
    list-style-image : url(https://www.mirandol.org/_inc/img/bulletpoint_green.png);
}
div#Article ul ul, body.wysiwyg ul ul {
    margin-top:10px;
    margin-bottom:0px;
    padding-left:40px;
}
div#Article ul ul li, body.wysiwyg ul ul li {
    display : list-item;
    list-style-image : url(https://www.mirandol.org/_inc/img/bulletpoint_grey.png);
}
div#Article hr, body.wysiwyg hr {
    display: block;
    clear: both;
    height: 0px;
    padding: 0px;
    line-height: 1px;
    border: 0px;
    border-top:1px solid #ffffff;
}
div#Article mark, body.wysiwyg mark {
    color:#00ff00;
    background-color:transparent;
}
body.wysiwyg br {
    display:block;
    color:#000000;
    font:12px Arial;
    content:"\00B6";
    letter-spacing: 1em;
}
div#Article a, div#Article a:hover, body.wysiwyg a, body.wysiwyg a:hover {
    font:12px Arial;
    text-decoration:none;
}
div#Article a, body.wysiwyg a {
    color:#ffae00;
}
div#Article a:hover, body.wysiwyg a:hover {
    color:#00ff00;
    cursor:pointer;
}

body.wysiwyg {
    color:#ffffff;
    font:12px Arial;
    background-color:transparent;
    background-image:none;
    margin:0px;
    overflow:auto;
    max-width:590px;
    width:590px;
    height:100%;
    text-align:left;
    word-wrap: break-word;
    overflow-x:hidden;
}


/* Image Browsing                       */
/****************************************/
div#image {
    position:relative;
    padding:0px;
    margin:0px;
    font-size: 1px; letter-spacing: -1px;
}
div#image img {
    display:block;
}
a.imageBtnPrev, a.imageBtnNext {
    position:absolute;
    display:block;
    vertical-align:middle;
    width:50%;
    height:100%;
    top:0px;
    padding:5px;
    background: transparent;
}
a.imageBtnPrev {
    left:0px;
}
a.imageBtnNext {
    right:0px;
}
a.imageBtnPrev:hover {
    background: transparent url('https://www.mirandol.org/_inc/img/img_previous.png') no-repeat left center;
}
a.imageBtnNext:hover {
    background: transparent url('https://www.mirandol.org/_inc/img/img_next.png') no-repeat right center;
}
div#imageThumb {
    padding-top:2px;
    height:33px;
    text-align:right;
    vertical-align:middle;
    overflow:auto;
}
h1#imageTitle {
    display:block;
    margin-top:0px;
    margin-bottom:15px;
    text-align:left;
    color:#ffffff;
    font:20px Arial;
}
div#imageDesc {
    text-align:left;
    color:#ffffff;
    font:12px Arial;
}
img.imgThumb, img.imgThumbSel {
    margin-left:5px;
    height: 20px;
    width:  20px;
    border:1px solid transparent;
    cursor:pointer;
}
img.imgThumbSel {
    border:1px solid #00ff00;
}

/*                       */
/****************************************/
#BubbleBox {
    position:absolute;
    display:none;
    padding:1px 3px 1px 3px;
    color:#ffffff;
    font:10px Arial;
    background-color:#1a1a1a;
    text-align:center;
    z-index:100;
    box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.7); 
}

#WarFog {
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    display:none;
    background-color:#1a1a1a;
    z-index:50;
}

#PopupWindow {
    position:absolute;
    padding:2px;
    font:13px Arial;
    color:#ffffff;
    background-color:#000000;
    display:none;
    z-index:60;
    box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.7); 
}
#PopupContent {
    position:relative;
    top:0px;
    left:0px;
    font:13px Arial;
    color:#ffffff;
    white-space:nowrap;
    margin:15px 15px 15px 15px;
    display:block;
    z-index:70;
}
.PopupText {
    font:13px Arial;
    color:#ffffff;
}
#CloseWinPopBtn {
    position:relative;
    float:right;
    padding:2px;
    height:13px;
    width:13px;
    background-color:#000000;
    background-image:url(https://www.mirandol.org/_inc/img/icn_close.png);
    background-repeat:no-repeat;
    background-position:center center; 
    cursor:pointer;
    z-index:80;
}

/* Graphic extension         */
/*****************************/
input.defaultText, input.defaultTextActive {
    background-color:#5f5f5f;
    padding:1px 5px 1px 5px;
    border:0px;
    height:20px;
    width:167px;
}
input.defaultText {
    font:11px Arial;
    color:#ffffff;
}
input.defaultTextActive {
    font:Italic 11px Arial;
    color:#1a1a1a;
}
input.memberText {
/*    width:150px;*/
}
textarea.defaultText, textarea.defaultTextActive {
    background-color:#5f5f5f;
    padding:1px 5px 1px 5px;
    border:0px;
}
textarea.defaultText {
    font:11px Arial;
    color:#ffffff;
}
textarea.defaultTextActive {
    font:Italic 11px Arial;
    color:#1a1a1a;
}

a.updatable, a.updatable {
    font:13px Arial;
    text-decoration:none;
}
a.updatable {
    color:#ffffff;
}
a.updatable:hover {
    color:#00ff00;
    cursor:pointer;
}
input.updatable {
    display:none;
}

a.cancelInput, a.cancelInput:hover {
    padding-left:5px;
    font:11px Arial;
    text-decoration:none;
}
a.cancelInput {
    color:#f88800;
    display:none;
}
a.cancelInput:hover {
    color:#ffae00;
    cursor:pointer;
}

input.inputButton, input.inputOkButton {
    font:Bold 13px Arial;
    color:#ffffff;
    margin:0px 1px 0px 1px;
    background-color:#5f5f5f;
    border:1px solid #5f5f5f;
    height:22px;
    padding:0px;
    cursor:pointer;
}
input.inputOkButton {
    width:29px;
}
input.inputButtonHover {
    border:1px solid #00ff00;
}
input.inputButtonClic {
    border:1px inset #00ff00;
}

a.cancelButton, a.cancelButton:hover {
    font:11px Arial;
    color:#5f5f5f;
}
a.cancelButton:hover {
    color:#ffae00;
    cursor:pointer;
}


span.BoxSelect {
    font:12px Arial;
    color:#ffffff;
    white-space:nowrap;
    cursor:pointer;
}
div.BoxSelect {
    position:absolute;
    background-color:#1a1a1a;
    text-align:center;
    padding:1px;
    z-index:90;
    box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.7); 
}
div.OptSelect, div.OptSelected {
    font:12px Arial;
    white-space:nowrap;
    z-index:95;
    cursor:pointer;
}
div.OptSelect {
    color:#cccccc;
}
div.OptSelected {
    color:#000000;
    background-color:#00ff00;
}
div.OptSelectOver {
    z-index:95;
    color:#00ff00;
}
img.imgPuce {
    padding-right:5px;
}
img.checkBox {
    cursor:pointer;
    padding:3px;
}

.dropZone {
    border:1px solid transparent;
}
.dropZone.draghover {
    border:1px dashed #00ff00;
}
.inputDropZone {
    display:none;
}

/* Graphic List         */
/*****************************/
div.listCard {
    position:relative;
    display:block;
    border-top:1px solid #cccccc;
    margin-top:15px;
    margin-bottom:10px;
    padding-top:10px;
    padding-bottom:10px;
    font-size: 1px; letter-spacing: -1px;
    vertical-align:top;
}
span.listPart {
    position:relative;
    display:inline-block;
    width:50%;
    height:70px;
    vertical-align:top;
    color:#ffffff;
}
span.listPart img {
    padding-right:10px;
    float:left;
}
span.listPart span.listCardLbl {
    font:Bold 14px Arial;
}
span.listPart span.listCardSbNfo {
    font:14px Arial;
}
span.listPart a, span.listPart a:hover {
    font:14px Arial;
    text-decoration:none;
}
span.listPart a {
    color:#cccccc;
}
span.listPart a:hover {
    color:#00ff00;
    cursor:pointer;
}

/*table.listCard {
    border-top:1px solid #cccccc;
    height:90px;
    margin-top:15px;
    margin-bottom:10px;
    padding-top:10px;
    padding-bottom:10px;
}*/

/*td.listCardImg {
    height:70px;
    padding-right:10px;
}*/
/*td.listCardLbl {
    font:Bold 14px Arial;
    color:#ffffff;
}*/
/*td.listCardSbNfo {
    font:14px Arial;
    color:#ffffff;
}*/
/*a.listCardImg:hover {
    cursor:pointer;
}*/

/*td.listCardChg {
    text-align:right;
    vertical-align:top;
}*/
div.listCardChg {
    position:absolute;
    top:10px;
    right:0px;
}
div.listCardChg a, div.listCardChg a:hover {
    display:block;
    white-space:nowrap;
    font:14px Arial;
    text-decoration:none;
}
div.listCardChg a {
    color:#cccccc;
}
div.listCardChg a:hover {
    color:#00ff00;
    cursor:pointer;
}

a.imgButton {
    display:block;
    margin:0px;
    padding:0px;
    border:1px solid transparent;
    text-decoration:none;
    cursor:pointer;
}
a.imgButton img {
    float:left;
}
a.imgButton span {
    display:block;
    margin-left:23px;
    padding-left:3px;
    padding-top:3px;
    padding-right:5px;
    height:19px;
    vertical-align:middle;
    text-align:left;
    text-decoration:none;
    background-color:#5f5f5f;
    font:Bold 13px Arial;
    color:#ffffff;
}
a.imgButton:hover {
    border:1px solid #00ff00;
}

/* Graphic Calendar          */
/*****************************/
table.BoxCalendar {
}
td.BoxCalChg1 {
    text-align:left;
    cursor:pointer;cursor:hand;
}
td.BoxCalChg2 {
    text-align:right;
    cursor:pointer;cursor:hand;
}
td.BoxCalMonth {
    font:12px Arial;
    color:#ffffff;
    text-align:center;
}
td.BoxCalDT {
    width:17px;
    height:17px;
    text-align:center;
    font:12px Arial;
    color:#ffffff;
}
td.BoxCalCllB {
}
td.BoxCalCllE {
}
td.BoxCalCll {
    font:12px Arial;
    color:#ffffff;
    background-color:none;
    text-align:center;
    border:1px solid transparent;
    width:17px;
    height:15px;
    cursor:pointer;cursor:hand;
}
td.BoxCalCll_we {
    background-color:#5f5f5f;
    color:#000000;
}
td.BoxCalCll_sel {
    background-color:#00ff00;
    color:#000000;
}
td.BoxCalCll_hover {
    color:#5fff5f;
}