/*----- Source: modules/activity/css/module.css --------------------*/

#create-comment-popup-frame
{
    width: 1000px;
    height: 550px;
    margin-left: -500px;
    margin-top: -275px;
}

.activity-table
{
    margin-top: 20px;
    margin-bottom: 20px;
}

.activity-left
{
    border: 2px solid #5b3030 !important;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
    background : #4b2020 !important;

    margin-top: 10px;
    margin-bottom: 10px;

    padding: 10px;
}

.activity-right
{
    border: 2px solid #5b3030 !important;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    background : #4b2020 !important;

    margin-top: 10px;
    margin-bottom: 10px;

    padding: 10px;
}

.comment-left
{
    border: 2px solid #9F7070 !important;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
    background : #7F5050 !important;

    margin: 0px;
    margin-top: 10px;
    margin-bottom: 10px;

    padding: 10px;
}

.comment-right
{
    border: 2px solid #7F5050 !important;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    background : #5F3030 !important;

    margin: 0px;
    margin-top: 10px;
    margin-bottom: 10px;

    padding: 10px;
}

.activity-pinned-left
{
    border: 3px solid #DFAF70 !important;
    background : #BF7F50 !important;
    box-shadow: inset 0px 0px 3px #DFAF70;
}

.activity-pinned-right
{
    border: 3px solid #DFAF70 !important;

    box-shadow: inset 0px 0px 3px #DFAF70;
}

.button-comment
{
    background-color: #406b40 !important;
    border: 2px solid #508b50 !important;
    color: #F0FFF0 !important;
}

.activity-title
{
    display: block;
    font-size: 18pt;
    padding-bottom: 4px;
    margin-bottom: 8px;
    border-bottom: 2px dotted #7b5050;
}

.activity-title a
{
    color: #FFF;
    text-decoration: underline;
    font-style: italic;
}

.activity-date
{
    font-style: italic;
    opacity: 0.75;
    font-size: 10pt;
}

.activity-details
{
    margin-left: 30px;
}

.activity-toolbar
{
    border-top: 2px dotted #7b5050;
    padding-top: 8px;
    margin-top: 8px;
}

/*---- Comment Styles ------------------------------------------------------------------*/

#comment-input-body
{
    box-sizing:border-box;
    width: 100%;
}


/*----- Source: modules/blog/css/module.css ------------------------*/

/*---- Edit Page Input Element Styles --------------------------------------------------*/

.page-edit-input-header
{
    font-weight: bold;
    margin-top: 20px !important;
}

#page-input-title
{
    box-sizing:border-box;
    width: 100%;
    font-size: 20pt;
    margin: 0px;
}

#page-input-brief
{
    box-sizing:border-box;
    width: 100%;
}

#page-input-body
{
    box-sizing:border-box;
    width: 100%;
}

/*----- Source: modules/core/css/buttons.css -----------------------*/

.button
{
    display: inline-block;
    text-decoration: none;

    text-align: center;
    color: #FFE0E0;
    cursor: pointer;
    opacity: 0.7;
    background: #6b4040;
    margin: 4px;
    white-space: nowrap;

    border: 2px solid #8b5050;
    border-radius: 6px;
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);
    padding: 8px;
    padding-top: 3px;
    padding-bottom: 3px;
    font-size: 13pt;

}

.button img
{
    vertical-align: -10%;

}

.button:hover
{
    opacity: 1;
}

.button:visited
{
    color: #FFE0E0;
    opacity: 0.7;
    cursor: default;
}

.button-selected
{
    border: 2px solid #7b4040;
    box-shadow: 0px 0px 10px #9b6060;
    background: #9b6060;

    opacity: 1;
    padding: 12px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.button-selected:hover
{
    cursor: default;
}

.button-icon
{
    opacity: 1;
    vertical-align: -10%;
    padding-right: 4px;
}

.button-set-left
{
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    margin-right: -3px;
}

.button-set-center
{
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    margin-left: -3px;
    margin-right: -3px;
}

.button-set-right
{
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    margin-left: -3px;
}

.button-save
{
    border: 2px solid #508b50;
    color: #E0FFE0;
    cursor: pointer;
    opacity: 0.7;
    background: #406b40;
}

.button-preview
{
    border: 2px solid #508b8b;
    color: #E0FFFF;
    cursor: pointer;
    opacity: 0.7;
    background: #406b6b;
}

.button-edit
{
    border: 2px solid #508b8b;
    color: #E0FFFF;
    cursor: pointer;
    opacity: 0.7;
    background: #406b6b;
}

.button-edit-selected
{
    border: 2px solid #508b8b;
    box-shadow: 0px 0px 10px #60AbAb;
    background: #60AbAb;

    opacity: 1;
    padding: 12px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.button-moderate
{
    border: 2px solid #Db9b50;
    color: #FFF0E0;
    cursor: pointer;
    opacity: 0.7;
    background: #ab6b30;
}

.button-delete
{
    border: 2px solid #Db4040;
    color: #FFC0C0;
    background: #Ab2020;
}

.button-menu-divider
{
    display: inline-block;
    border-right: 2px solid #5b3030;
    height: 40px;
    margin-left: 4px;
    margin-right: 4px;
    vertical-align: -65%;
}

.button-dropdown-list
{
    width: 160px;
	font-family: 'trebuchet ms',arial,helvetica,sans-serif;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
}

/* Drop-down List Button */

.button-dropdown-list-arrow
{
  border: solid #FFE0E0;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 3px;
  transform: rotate(45deg)  translate(0px,-5px);
  -webkit-transform: rotate(45deg) translate(0px,-5px);
}

/* Dropdown button on hover & focus */
.dropdown-list-button:hover, .dropdown-list-button:focus
{

}

/* The container <div> - needed to position the dropdown content */
.dropdown-list-base
{
  position: relative;
  display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-list-content
{
    display: none;
    position: absolute;
    min-width: 100px;
    z-index: 1;
    text-align: left;
    transform: translate(0px, 5px);
    -webkit-transform: translate(0px,5px);

    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);
    border-radius: 6px;
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
    width: 148px;
    left: 4px;
    top: 33px;
    text-align: left;
    border: 2px solid #8b5050;
    color: #FFE0E0;
    background: #6b4040;
    padding: 4px;
    font-size: 13pt;
}

/* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
.dropdown-list-show
{
    display:block;
}

.dropdown-list-item
{
    display: block;
    cursor: pointer;
}

.dropdown-list-item:hover
{
    background-color: #8b6060;
    color: #FFFFFF;
}

.dropdown-list-moderator-item
{
    color: #FF9000;
}

.dropdown-list-item-icon
{
    opacity: 1;
    vertical-align: -10%;
    padding-right: 4px;
}

/*----- Source: modules/core/css/core.css --------------------------*/

body
{
    font-family: 'trebuchet ms',arial,helvetica,sans-serif;
    color: #F4F0F4;
    background: #140402;
    margin: 0px;
    padding: 0px;
    position: relative;

    font-size: 10pt;
    line-height: 16pt;
    font-weight: 100;

}

hr
{
    height: 2px;
    border-width: 0px;
	background-color: #4b2020;
}

.form-line
{
    margin-top: 20px;
    margin-bottom: 20px;
    width: 50%
}

h1, h2, h3, h4, h5, h6
{
    margin: 0px;
    margin-top: 50px;
    margin-bottom: 10px;
    padding: 5px;
    padding-top: 10px;
    padding-bottom: 10px;
    background-image: linear-gradient(to right, #4b2020, #3b1010, #3b1010);
}

h1
{
    margin-top: 20px;
    margin-bottom: 20px;
    background-image: none;

    font-size: 20pt;

}

h2
{
    font-size: 26pt;
    color: #E0E0A0;
}

.h2-color
{
    color: #E0E0A0;
}

.h2-color
{
    color: #E0E0A0 !important;
}

h3
{
    font-size: 22pt;
    color: #70D0D0;
}

.h3-color
{
    color: #70D0D0 !important;
}

h4
{
    font-size: 18pt;
    color: #70D070;
    padding-top: 8px;
    padding-bottom: 8px;
    margin-top: 30px;
}

.h4-color
{
    color: #70D070 !important;
}

h5
{
    font-size: 14pt;
    color: #D080D0;
    padding-top: 6px;
    padding-bottom: 6px;
    margin-top: 20px;
}

.h5-color
{
    color: #D080D0 !important;
}

.no-upper-margin
{
    margin-top: 0px;
}

.basic-header
{
    background: none;
    margin: 0px;
    padding: 0px;
    margin-top: 10px;
    margin-bottom: 20px;
}

p
{
    margin: 0px;
    margin-bottom: 20px;
    margin-left: 20px;
}

b
{
    font-weight: 900;
}

input, textarea, select
{
	border: 2px solid #1b0404;
    background: #2b0909;
    color: #E0D0D0;
    padding: 4px;
    margin: 4px;
    font-weight: bold;
    font-size: 12pt;
}

input[type=button], input[type=submit], input[type=reset]
{
    padding-right: 20px;
    padding-left: 20px;
}

a.anchor
{
    display: block;
    position: relative;
    top: -100px;
    visibility: hidden;
}

a:link
{
    color: #F0E0F0;
}

a:visited
{
    color: #E0A0F4;
}

a:hover
{
    color: #FFFFFF;
}

table
{
    margin: 0px;
    width: 100%;
}

header
{
    margin: 0px;
}

.clear
{
    clear: both;
}


progress
{
    border-radius: 4px;
    border: 2px solid #5b3030;
    background: #4b2020;
}

progress::-webkit-progress-bar
{

}

progress::-webkit-progress-value
{
    background: #80C080;
}

progress::-moz-progress-bar
{
    background: #80C080;
}

.min-width
{
    min-width: 1200px;
}

/*----- Source: modules/core/css/footer.css ------------------------*/

footer
{
    margin: 0px;
    padding: 12px;
}

.footer
{
    box-shadow: 0px -10px 15px rgba(0,0,0,1);
    background: #200909;
    border-top: 2px solid #301212;
    border-bottom: 2px solid #301212;    
    width: 100%;
    position: fixed;
    top: 100%;
    left: 0px;
    z-index: 30;
    margin-top: -76px;
}

.footer-spacer
{
    height: 80px;
}

.footer-link
{
    margin: 0px;
    display: block;
    font-weight: bold;
    font-size: 12pt;
    cursor: pointer;
    opacity: 0.75;
    display: block;
    color: #AD7070;
}

.footer-link:hover
{
    color: #AD7070;
    opacity: 1.0;
}

.footer-link:visited
{
    color: #AD7070;
}

.footer-icon-link
{
    opacity: 0.5;
    margin: 4px;
}

.footer-icon-link:hover
{
    opacity: 0.6;
}

#copyright
{
    text-align: center;
    font-size: 10pt;
    font-style: italic;
    color: rgba(255,200,200,0.25);
    margin: 40px;
}
/*----- Source: modules/core/css/header.css ------------------------*/
.header
{
    width: 100%;
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 30;
}

.header-spacer
{
    height: 110px;
}

#decorative-header
{
    width: 100%;
}

#upper-header-table
{
    background: #306060;
    border-bottom: 2px solid #40A0A0;

    padding:0px;
    padding-left: 10px;

    background-image: url('https://antilia-game.com/modules/core/images/background-teal.jpg');
    background-attachment: fixed;
    width: 100%;
    height: 50px;

    box-shadow: 0px 10px 15px rgba(0,0,0,1);

    box-sizing: border-box;
}

#lower-header-table-container
{
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 40px;
}

#lower-header-table
{
    background: #004000;
    background-image: url('https://antilia-game.com/modules/core/images/background-green.jpg');
    background-attachment: fixed;

    border-right: 2px solid #307030;
    border-bottom: 2px solid #307030;
    border-left: 2px solid #307030;

    padding:0px;
    width: 100%;
    box-sizing: border-box;

    box-shadow: 0px 10px 15px rgba(0,0,0,1);

    height: 33px;

}

#header-logo
{
    background-color: #FFFFF0;
    background-image: url('https://antilia-game.com/modules/core/images/AntiliaBookTempLogo.png');

    border-radius: 6px;
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
    border: 2px solid #FFF;

    width: 422px;
    height: 100px;
    margin-left:-211px;   /* negative half of width above */
    margin-top: 0px;   /* negative half of height above */
    position: absolute;
    left: 50%;
    top: 0%;
    z-index: 20;
    box-shadow: 0px 0px 20px rgba(255,255,128,0.9);

}

#header-upper-left-cell
{

}

#header-upper-right-cell
{
    text-align: right;

 }

#header-lower-left-cell
{

}

#header-lower-left-cell-alt
{

}

#header-lower-right-cell
{
    text-align: right;
}

#header-profile-button
{

}

#header-groups-button
{

}

#header-friends-button
{

}

.header1-menu
{
    display: inline-block;

    color: #FFF;
    cursor: pointer;
    opacity: 0.85;

    margin-right: 8px;
    margin-left: 8px;

    padding-left: 14px;
    padding-right: 14px;
    padding-top: 16px;
    padding-bottom: 16px;

    text-shadow: 5px 5px 4px RGBA(0,0,0,0.3);
    text-decoration: none;

    font-weight: bold;
    font-size: 12pt;

}

.header1-menu:visited
{
    color: #FFF;
}

.header1-menu:hover
{
    opacity: 1.0;
    background: rgba(255,255,255,0.1);
    border-left: 2px solid rgba(255,255,255,0.05);
    border-right: 2px solid rgba(255,255,255,0.05);
    padding-left: 12px;
    padding-right: 12px;
}

.header1-menu-selected
{
    opacity: 1;
    color: #FFF;
    background: rgba(128,255,255,0.3);
    box-shadow: 0px 0px 10px rgba(128, 255, 255, 0.5);
    cursor: default;
}

.header1-menu-selected:hover
{
    color: #FFF;
    background: rgba(128,255,255,0.3);
    box-shadow: 0px 0px 10px rgba(128, 255, 255, 0.5);
}

.header1s-menu
{
    display: inline-block;

    font-weight: bold;
    color: #FFF;
    cursor: pointer;
    opacity: 0.85;

    margin: 0px;
    margin-right: 8px;
    margin-left: 8px;

    padding-left: 14px;
    padding-right: 14px;
    padding-top: 4px;
    padding-bottom: 4px;

    text-shadow: 5px 5px 4px RGBA(0,0,0,0.3);

    font-size: 12pt;

}

.header1s-menu:hover
{
    opacity: 1.0;
    background: rgba(255,255,255,0.1);
    border-left: 2px solid rgba(255,255,255,0.05);
    border-right: 2px solid rgba(255,255,255,0.05);
    padding-left: 12px;
    padding-right: 12px;
}

.header2-menu
{
    display: inline-block;

    margin: 0px;
    margin-right: 4px;
    margin-left: 4px;

    font-weight: bold;
    text-decoration: none;

    background: rgba(255,255,255,0.05);
    color: #FFF;
    opacity: 0.9;
    cursor: pointer;

    border-left: 2px solid rgba(255,255,255,0.1);
    border-right: 2px solid rgba(255,255,255,0.1);

    padding-left: 12px;
    padding-right: 12px;
    padding-top: 2px;
    padding-bottom: 4px;

    font-size: 11pt;

}

.header2-menu:visited
{
    color: #FFF;
}

.header2-menu:hover
{
    opacity: 1.0;
    background: rgba(255,255,255,0.1);
}

.header2-menu-selected
{
    opacity: 1;
    color: #FFF;
    background: rgba(128,255,128,0.3);
    box-shadow: 0px 0px 10px rgba(128, 255, 128, 0.5);
    cursor: default;
}

.header2-menu-selected:hover
{
    color: #FFF;
    background: rgba(128,255,128,0.3);
    box-shadow: 0px 0px 10px rgba(128, 255, 128, 0.5);
}

#header-user-avatar-container
{
    display: inline-block;

    width: 40px;
    height: 40px;

    border: 1px solid #FFF;

    margin: 4px;
    margin-right: 0px;
    margin-left: 26px;

    vertical-align: -90%;
}

/*----- Source: modules/core/css/index.css -------------------------*/
/*---- Splash Images -------------------------------------------------------------------*/

#splash-image-background
{
    width: 100%;
    height: 1080px;
    border: 2px dashed #808080;
}

#splash-image
{
    width: 1000px;
    height: 1080px;
    border: 2px dashed #A0A0A0;
    margin-left: auto;
    margin-right: auto;
}

.image
{
    border: 2px solid #5b3030;
    background : #1b0808;
    border-radius: 4px;
    margin: 4px;
    padding: 2px;
}

/*---- Overhead Menu -------------------------------------------------------------------*/

#overhead-menu
{
    width: 1000px;
    height: 50px;
    border: 2px dashed #A0A0A0;
}

#antilia-logo
{
    width: 300px;
    border: 2px dashed #FF0000;
    text-align: center;
    padding-top: 30px;
    padding-bottom: 30px;
    margin-left: auto;
    margin-right: auto;
}

#download-button
{
    width: 300px;
    border: 2px dashed #00FF00;
    text-align: center;
    margin-top: 600px;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-left: auto;
    margin-right: auto;
}

#under-construction-banner
{
    width: 800px;
    background: #202020;
    border: 2px dashed #FFFF00;
    margin-top: 100px;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
}

#under-construction-image
{
    width: 64px;
    height: 64px;
    border: 2px dashed #A0A000;
    float: left;
    margin-left: 10px;
}

.homepage-section
{
    margin: 10px;
    margin-left: 20px;
    margin-right: 20px;
    background: #3b1010;
    border: 2px solid #4b2020;
    padding: 12px;
}

#primary-content
{
    margin: 15px;
    margin-left: 20px;
    margin-right: 20px;
    background-color: #3b1010;
    color: #E0D0D0;
    border: 2px solid #4b2020;
    padding: 12px;
    min-height: 600px;
}

.markup-image
{
    background: #4b2020;
    border: 2px solid #2b0808;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

/*---- Link Styles ---------------------------------------------------------------------*/

.missing-page-link
{
    color: #E66 !important;
}

.missing-page-link:hover
{
    color: #FAA !important;
}

.missing-page-link:visited
{
    color: #E66 !important;
}

.external-link
{
    color: #EA6 !important;
}

.external-link:hover
{
    color: #FDA !important;
}

.external-link:visited
{
    color: #EA6 !important;
}

.form-invalid-input
{
    border: 2px solid #D00;
}

.form-error-message
{
    font-weight: bold;
    font-style: italic;
    color: #D00;
}

/*---- Basic Table List ----------------------------------------------------------------*/

.table-basic-list
{
    width: 100%;
    margin-top: 40px;
}

.table-basic-list td
{
    border-bottom: 2px solid #4b2020;

    margin: 0px;
    padding: 4px;
}

.table-cell-highlight
{
    background: #3b1010;
}

.table-top-header
{
    background: #4b2020;

    border-bottom: 2px solid #5b3030;
    font-weight: bold;
}

.table-left-header
{
    background: #4b2020;

    border-right: 2px solid #5b3030;
    font-weight: bold;
}

/*---- Page List Styles ----------------------------------------------------------------*/

.page-list
{
    text-align: center;
    width: 100%;
}

.page-list-container
{
    box-sizing:border-box;

    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 100px;
    padding-right: 100px;
    padding-top: 10px;

    border-top: 2px solid #8b5050;
    display: inline-block;
}

.page-list-current-page
{
    border-radius: 4px;
    padding: 4px;
    padding-right: 8px;
    padding-left: 8px;

    background: #5b3030;
    opacity: 0.5;
    color: #E0C0C0;
}

.page-list-other-page
{
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);
    border: 2px solid #8b5050;
    background: #6b4040;
    color: #FFE0E0;
    cursor: pointer;
    opacity: 0.7;

    border-radius: 4px;
    padding: 2px;
    padding-right: 6px;
    padding-left: 6px;
}

.page-list-other-page:hover
{
    opacity: 1;
}

/*---- Content Preview Styles ----------------------------------------------------------*/

.preview-outer-container
{
    margin: 20px;
    padding: 3px;
    border-radius: 8px;
    background: #306060;
}

.preview-inner-container
{
    background: #3b1010;
    padding: 20px;
    border-radius: 8px;
}

.preview-label
{
    color: #FFF;
    text-align: center;
    font-weight: bold;
    font-size: 18pt;
    opacity: 0.8;
    margin: 4px;
}

/*---- Text Styles ---------------------------------------------------------------------*/

.hint
{
    font-style: italic;
    opacity: 0.5;
}

/*---- Indicator Styles -----------------------------------------------------------------*/

.indicator-yes
{
    display: inline-block;
    background: #0A0;
    border: 2px solid #0C0;
    padding: 2px;
    border-radius: 6px;
    color: #CFC;
    min-width: 60px;
    text-align: center;
    height: 24px;
}

.indicator-no
{
    display: inline-block;
    background: #A00;
    border: 2px solid #C00;
    padding: 2px;
    border-radius: 6px;
    color: #FCC;
    min-width: 60px;
    text-align: center;
    height: 24px;
}

/*---- Common Layouts ------------------------------------------------------------------*/

/* Layout A is two columns, with the left column reserved for a naviation menu. */

#layout-a-table
{

}

#layout-a-left-column
{
    border-right: 2px solid #5b3030;
    width: 250px;
    padding: 8px;
}

#layout-a-right-column
{
    padding: 8px;
    height: 600px;
}

#layout-a-left-column-spacer
{
    width: 300px;
}


/*----- Source: modules/core/css/markup.css ------------------------*/
.markup-panel-margins
{
    margin: 20px;
    padding-left: 60px;
    display: block;
    overflow: hidden;
}

 .markup-tip-outer
{
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);
    box-sizing: border-box;
    border-radius: 8px;
    border: 2px dashed: #0F0;
    background: #508050;
    padding: 0px;
}

 .markup-tip-label
{
    padding: 4px;
    padding-top: 10px;
    padding-bottom: 10px;
    opacity: 0.85;
    font-weight: bold;
    white-space: nowrap;
    text-align: center;
    width: 80px;
    min-width: 80px;
}

 .markup-tip-inner
{
    border-radius: 8px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    background: #306030;

    margin: 2px;
    padding: 10px;
}

 .markup-todo-outer
{
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);
    box-sizing: border-box;
    border-radius: 8px;
    background: #FEC;
    color: #642;
    padding: 0px;
}

 .markup-todo-label
{
    padding: 4px;
    padding-top: 10px;
    padding-bottom: 10px;
    color: #642;
    opacity: 0.85;
    font-weight: bold;
    white-space: nowrap;
    text-align: center;
    width: 80px;
    min-width: 80px;
}

 .markup-todo-inner
{
    border-radius: 8px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    background: #E0D0A0;
    color: #642;
    margin: 2px;
    padding: 10px;
}

 .markup-info-outer
{
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);
    box-sizing: border-box;
    border-radius: 8px;
    border: 2px dashed: #0F0;
    background: #609090;
    padding: 0px;
}

 .markup-info-label
{
    padding: 4px;
    padding-top: 10px;
    padding-bottom: 10px;
    opacity: 0.85;
    font-weight: bold;
    white-space: nowrap;
    text-align: center;
    width: 80px;
    min-width: 80px;
}

 .markup-info-inner
{
    border-radius: 8px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    background: #407070;
    margin: 2px;
    padding: 10px;
}

 .markup-warning-outer
{
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);
    box-sizing: border-box;
    border-radius: 8px;
    border: 2px dashed: #0F0;
    background: #800000;
    padding: 0px;
}

 .markup-warning-label
{
    padding: 4px;
    padding-top: 10px;
    padding-bottom: 10px;
    color: #FFF;
    opacity: 0.85;
    font-weight: bold;
    white-space: nowrap;
    text-align: center;
    width: 80px;
    min-width: 80px;
}

 .markup-warning-inner
{
    border-radius: 8px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    background: #A03030;
    color: #FDD;
    margin: 2px;
    padding: 10px;
}

 .markup-magic-outer
{
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);
    box-sizing: border-box;
    border-radius: 8px;
    border: 2px dashed: #0F0;
    background: #A040D0;
    padding: 0px;
}

 .markup-magic-label
{
    padding: 4px;
    padding-top: 10px;
    padding-bottom: 10px;
    color: #FFF;
    opacity: 0.85;
    font-weight: bold;
    white-space: nowrap;
    text-align: center;
    width: 80px;
    min-width: 80px;
}

 .markup-magic-inner
{
    border-radius: 8px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    background: #500080;
    color: #FDD;
    margin: 2px;
    padding: 10px;
}

 .markup-note-outer
{
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);
    box-sizing: border-box;
    border-radius: 8px;
    border: 2px dashed: #0F0;
    background: #FFF;
    padding: 0px;
}

 .markup-note-label
{
    padding: 4px;
    padding-top: 10px;
    padding-bottom: 10px;
    color: #000;
    opacity: 0.85;
    font-weight: bold;
    white-space: nowrap;
    text-align: center;
    width: 80px;
    min-width: 80px;
}

 .markup-note-inner
{
    border-radius: 8px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    background: #E0E0E0;
    color: #444;
    margin: 2px;
    padding: 10px;
}

 .markup-panel
{
    border: 2px solid #FFF;
    border-radius: 8px;
    background: #E0E0E0;
    color: #444;
    padding: 4px;
    margin: 10px;
    margin-left: 60px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.markup-notice-outer
{
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 1);
    border: 4px dashed #000;
    border-radius: 12px;
    background: #E0C060;
    padding: 4px;
    margin: 10px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.markup-notice-inner
{
/*    border: 4px dashed #E0C060; */
    border-radius: 8px;
    background: #210;
    padding: 12px;
    color: #FFD080;
    font-weight: bold;
    text-align: center;
}


.markup-warning
{
    border: 2px solid #C05050;
    border-radius: 8px;
    background: #A03030;
    padding: 4px;
    color: #FFD0D0;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 20px;
    margin-bottom: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.markup-quote-author
{
    margin-left: 20px;
    margin-bottom: 4px;
}

.markup-quote
{
    margin: 20px;
    padding: 8px;
    margin-left: 40px;
    border-left: 4px solid #6b4040;
    background: #4b2020;
    display: block;
    overflow: hidden;
}

.markup-quote-with-author
{
    margin-top: 0px;
}

.markup-code
{
    margin: 20px;
    margin-left: 40px;
    background: #202020;
    border-left: 4px solid #555;
    color: #FFD0A0;
    page-break-inside: avoid;
    font-family: monospace;
    font-size: 15px;
    font-weight: bold;
    line-height: 1.4;
    max-width: 100%;
    padding: 8px;
    display: block;
    word-wrap: break-word;
    white-space: pre;
    overflow: auto;
}

.markup-inline-code
{
    background: #202020;
    color: #FFD0A0;
    font-family: monospace;
    font-size: 15px;
    font-weight: bold;
    padding: 2px;
    padding-right: 8px;
    padding-left: 8px;
    line-height: 180%;
    border-radius: 2px;
    display: inline-block;
}

.markup-sidebar
{
    float: right;
    width: 400px;
    padding: 8px;
    margin-left: 40px;
    border: 1px solid #6b4040;
    border-left: 4px solid #6b4040;
    background: #4b2020;
    clear: both;
    margin-left: 20px;
    margin-top: 4px;
    margin-bottom: 4px;
}

.markup-clear
{
    clear: both;
}

.markup-table-container
{
    display: block;
    overflow: hidden;
}

.markup-table
{
    border: 2px solid #6b4040;
    margin-top: 20px;
    margin-bottom: 20px;
    width: 90%;
}

.markup-table-cell
{
    border: 1px solid #6b4040;
}

.markup-cell-header
{
    background: #4b2020;
}

.markup-header
{
    margin-bottom: 15px;
    margin-top: 30px;
}

.markup-out-of-character
{
    border-radius: 8px;
    padding: 2px;
    color: #FF60FF;
    background: #200020;
    font-style: italic;
    margin: 2px;
    display: inline;
    padding-left: 12px;
    padding-right: 12px;
    opacity: 0.8;
    line-height: 180%;
}

.markup-spoiler-outer
{
    border-radius: 8px;
    padding: 2px;
    color: #888;
    background: #222;
    border: 2px dashed #000;
    margin: 2px;
    padding-left: 12px;
    padding-right: 12px;
    line-height: 180%;
}

.markup-spoiler-inner
{
    opacity: 0;
    cursor: pointer;
}

.markup-bullet-list
{
    border-radius: 12px;
    background: #4b2020;
    margin: 20px;
    margin-left: 50px;
    padding: 8px;
    padding-left: 50px;
}

.markup-bullet-list-item
{
    margin-top: 8px;
    margin-bottom: 8px;
}

.markup-numbered-list
{
    border-radius: 12px;
    background: #4b2020;
    margin: 20px;
    margin-left: 50px;
    padding: 8px;
    padding-left: 50px;
}

.markup-numbered-list-item
{
    margin-top: 8px;
    margin-bottom: 8px;
}

.internal-link
{
    display: inline-block;
}

.link-icon
{
    border: 1px solid #5b3030;
    border-radius: 2px;
    vertical-align: -25%;
}

.markup-sidebar-header
{
    text-align: center;
    margin: 0px;
    margin-bottom: 4px;
    background: #6b4040;
    color: #F4F0F4;
}

.markup-sidebar-horizontal-line
{
    background: #6b4040;
}

/*----- Source: modules/core/css/mini-user-panel.css ---------------*/

.mini-user-panel
{
    display: inline-block;
    white-space: nowrap;

    border: 2px solid #2b0808;
    border-radius: 6px;
    box-shadow: 3px 3px 3px rgba(0,0,0,0.5);

    background: #FFC040;
    background-image: url('https://antilia-game.com/modules/core/images/userpanel.png');

    margin: 4px;
    margin-left: 12px;
    padding: 2px;
    text-decoration: none;

    font-size: 12pt;
    color: #00A0FF;

    cursor: pointer;
    width: 160px;
}

.mini-user-panel:hover
{
    border: 2px solid #FFF;
}

.mini-user-panel:hover img
{
    border: 2px solid #FFF;
}

.mini-user-panel-image
{
    position: absolute;
    left: -18px;
    top: -10px;
    width: 36x;
    height: 36px;
    padding: 2px;
    border: 2px solid #000;
    background: #5b3030;
    border-radius: 4px;
    z-index: 1;
}

.mini-user-panel-name
{
    white-space: nowrap;
    background: rgba(255,255,255,0.5);
    text-shadow: 0 0 2px rgb(255,255,255,0.8);
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    overflow: hidden;
    line-height: 16px;
    font-weight: bold;
    padding-top: 4px;
    padding-left: 30px;
    height: 20px;
    text-shadow: -1px 1px 2px rgba(255,255,255,0.5),
				  1px 1px 2px rgba(255,255,255,0.5),
				  1px -1px 0 rgba(255,255,255,0.5),
				  -1px -1px 0 rgba(255,255,255,0.5);
}
/*----- Source: modules/core/css/panels.css ------------------------*/
.panel-light
{
    border: 2px solid #5b3030;
    border-radius: 6px;
    background : #4b2020;

    margin: 0px;
    margin-top: 10px;
    margin-bottom: 10px;

    padding: 10px;
}

.panel-light-interactive
{
    display: block;
    border: 2px solid #5b3030;
    border-radius: 6px;
    background : #4b2020;

    margin: 0px;
    margin-top: 10px;
    margin-bottom: 10px;

    padding: 10px;
    cursor: pointer;
    text-decoration: none;
    color: #FFF;
}

.panel-light-interactive:hover
{
    border: 2px solid #7b5050;
    background: #6b4040;
}

.panel-light-interactive:visited
{
    color: #FFF;
}

.panel-dark
{
    border: 2px solid #1b0808;
    border-radius: 6px;
    background : #2b1010;

    margin-top: 10px;

    margin: 10px;
    padding: 10px;
}

.panel-dark p
{
    margin: 0px;
}

.panel-red
{
    border: 2px solid #C05050;
    border-radius: 8px;
    background: #A03030;
    padding: 4px;
    color: #FFE0E0;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 20px;
    margin-bottom: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    clear: both;
}

.panel-green
{
    border: 2px solid #50B050;
    border-radius: 8px;
    background: #308030;
    padding: 4px;
    color: #E0FFE0;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 20px;
    margin-bottom: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    clear: both;
}

.panel-blue
{
    border: 2px solid #50A0A0;
    border-radius: 8px;
    background: #307070;
    padding: 4px;
    color: #E0FFFF;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 20px;
    margin-bottom: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    clear: both;
}
/*----- Source: modules/core/css/popups.css ------------------------*/
.popup-overlay-black
{
    z-index: 100;
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;

    background: #000;
    opacity: 0.75;

    display: none;
}

.popup-container
{
    z-index: 110;
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;

    display: none;
}

.popup
{
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 120;

    background: #3b1010;
    color: #E0D0D0;
    border: 2px solid #4b2020;
    padding: 8px;
    padding-top: 20px;

    box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.95);
}

.popup-important-note
{
    color: #FFAA40;
    font-style: italic;
}

.popup-moderator-action
{
    float: right;
    margin-top: 10px;
    color: #FFAA40;
    font-style: italic;
}

.popup-table-top-header
{
    border-bottom: 2px solid #5b3030;
    font-weight: bold;
}

.popup-table-left-header
{
    border-right: 2px solid #5b3030;
    font-weight: bold;
}

.popup h1
{
    margin-top: 0px;
}


/*---- Image Upload Form ---------------------------------------------------------------*/

#drop-area
{
    box-shadow: inset 5px 5px 10px rgba(0,0,0,0.5);

    border: 4px dashed #5b3030;
    border-radius: 20px;
    background: #4b2020;

    box-sizing: border-box;

    width: 100%;

    padding: 30px;
}

#drop-area p
{
  font-style: italic;
}

#drop-area.highlight
{
  border-color: #604080;
  background: #402060;
}

p
{
  margin-top: 0;
}

.my-form
{
  margin-bottom: 10px;
}

#gallery-container
{
    border: 2px solid #5b3030;
    border-radius: 6px;

    background : #4b2020;

    margin-top: 10px;

    height: 120px;
    max-height: 120px;

    margin: 10px;
    padding: 10px;
}

#fileElem
{
  display: none;
}

#progress-bar
{
    width: 80%;
}

.gallery
{
    border: 2px solid #1b0808;
    border-radius: 6px;
    background : #2b1010;

    margin-top: 10px;

    margin: 10px;
    padding: 10px;

}

#gallery
{
    overflow-y: hidden;
    overflow-x: scroll;
    height: 120px;
    max-height: 120px;
    white-space: nowrap;
}

.gallery-image
{
    border: 2px solid #5b3030;
    background : #1b0808;
    border-radius: 4px;
    margin: 4px;
    padding: 2px;
    cursor: pointer;
}

.gallery-image-80
{
    width: 80px; 
}

.gallery-image-selected
{
    border: 2px solid #FFF;
}

#upload-image-popup-frame
{
    width: 1200px;
    height: 775px;
    margin-left: -600px;
    margin-top: -387px;
}

/*----- Source: modules/core/css/side-menu.css ---------------------*/

.menu-header
{
    text-align: center;
    margin-bottom: 10px;
    border-bottom: 2px solid #6b4040;
}

.menu-container
{
    font-size: 11pt;
    font-weight: bold;
    width: 300px;
}

.menu-entry
{
    display: block;
    background: #4b2020;
    padding: 2px;
    margin-bottom: 4px;
    cursor: pointer;
    text-decoration: none;
    color: #FFF;
}

.menu-entry:visited
{
    color: #FFF;
}

.menu-entry-selected
{
    background: #6b4040;
    color: #FFE0E0;
    padding: 2px;
    margin-bottom: 4px;
}

.menu-entry a
{
    text-decoration: none;
}

.menu-entry:hover
{
    background: #7b5050;
    color: #FFF
}

.menu-entry-link
{
    display: block;
    color: #FFF
    width: 100%;
    line-height: 25px;
    overflow: hidden;
    height: 25px;
}

.menu-entry-link:visited
{
    color: #FFF
}

.menu-entry-link:hover
{
    color: #FFF
}

.menu-entry-selected a
{
    color: #FFFFFF;
}

.menu-entry-spacer
{
    display: inline-block;
}

.menu-icon-expand
{
    border-radius: 4px;
    display: inline-block;
    border: 2px solid #C0A0A0;
    color: #C0A0A0;
    width: 16px;
    height: 16px;
    padding: 0px;
    margin: 2px;
    margin-right: 4px;
    text-align: center;
    font-size: 16pt;
    cursor: pointer;
    line-height: 10pt;

    vertical-align: -20%;
}

.menu-icon-contract
{
    border-radius: 4px;
    display: inline-block;
    border: 2px solid #C0A0A0;
    color: #C0A0A0;
    width: 16px;
    height: 16px;
    padding: 0px;
    margin: 2px;
    margin-right: 4px;
    text-align: center;
    line-height: 10pt;
    font-size: 16pt;
    cursor: pointer;

    vertical-align: -20%;
}

.menu-icon
{
    border-radius: 4px;
    background: #542b2b;
    display: inline-block;
    width: 20px;
    height: 20px;
    padding: 2px;
    margin: 0px;
    margin-left: 0px;
    margin-right: 4px;
    vertical-align: -33%;
    text-align: center;
    font-size: 20pt;
}

.menu-icon-blank
{
    display: inline-block;

    border-radius: 4px;
    background: #5b3030;
    width: 20px;
    height: 20px;
    padding: 2px;
    margin: 0px;
    margin-right: 4px;
    vertical-align: -40%;
    text-align: center;
    font-size: 20pt;
}

.menu-table-left-column
{
    width: 300px;
}

.layout-table-index-column
{
    border-right: 2px solid #5b3030;
    width: 250px;
    padding: 8px;
}

.layout-table-content-column
{
    padding: 8px;
    height: 600px;
}
/*----- Source: modules/core/css/slideshow.css ---------------------*/

/*----- Source: modules/core/css/user-panel.css --------------------*/

.user-panel-contaner
{
    width: 250px;
    height: 90px;
    margin: 4px;
    position: relative;
    z-index: 0;
}

.user-panel
{
    border: 2px solid #2b0808;
    border-radius: 6px;
    box-shadow: 5px 5px 5px rgba(0,0,0,0.5);

    background: #FFC040;
    background-image: url('https://antilia-game.com/modules/core/images/userpanel.png');

    padding: 2px;
    width: 190px;
    position: absolute;
    margin: 6px;
    left: 42px;
    text-decoration: none;
    display: inline-block;

    color: #00A0FF;
    cursor: pointer;
    z-index: 2;
}

.user-panel:hover
{
    border: 2px solid #FFF;
}

.user-panel:hover img
{
    border: 2px solid #FFF;
}

.user-panel-image
{
    position: absolute;
    left: -45px;
    top: -10px;
    width: 80px;
    height: 80px;
    padding: 2px;
    border: 2px solid #000;
    background: #5b3030;
    border-radius: 4px;
    z-index: 4;
}

.user-panel-name
{
    margin-top: 2px;
    text-shadow: 0 0 2px rgb(255,255,255,0.8);
    background: rgba(255,255,255,0.5);
    border-top-right-radius: 4px;
    overflow: hidden;
    padding-left: 50px;
    font-size: 12pt;
    font-weight: bold;
    text-shadow: -1px 1px 2px rgba(255,255,255,1),
				  1px 1px 2px rgba(255,255,255,1),
				  1px -1px 0 rgba(255,255,255,1),
				  -1px -1px 0 rgba(255,255,255,1);
}

.user-panel-name a
{
    text-shadow: none;
}

.user-panel-rank
{
    margin-top: 2px;
    text-shadow: 0 0 2px rgb(255,255,255,0.8);
    border-top-right-radius: 4px;
    overflow: hidden;
    padding-left: 50px;
    font-size: 9pt;
    text-shadow: -2px 2px 2px rgba(255,255,255,1),
				  2px 2px 2px rgba(255,255,255,1),
				  2px -2px 2px rgba(255,255,255,1),
				  -2px -2px 2px rgba(255,255,255,1);
}

.user-panel-badges
{
    z-index: 0;
    background: rgba(0,0,0,0.5);
    position: absolute;
    top: 51px;
    left: 90px;
    width: 130px;
    height: 18px;
    border: 2px solid #000;
    padding-top: 8px;
    padding-left: 8px;
    padding-bottom: 2px;
    border-radius: 0px 0px 8px 0px;
    box-shadow: 5px 5px 5px rgba(0,0,0,0.25);
}

.user-panel-badge
{
    border: 0px;
    margin-right: 3px;
}


/*----- Source: modules/custom-pages/css/module.css ----------------*/

/*---- Edit Page Input Element Styles --------------------------------------------------*/

.page-edit-input-header
{
    font-weight: bold;
    margin-top: 20px !important;
}

#page-input-title
{
    box-sizing:border-box;
    width: 100%;
    font-size: 20pt;
    margin: 0px;
}

#page-input-brief
{
    box-sizing:border-box;
    width: 100%;
}

#page-input-body
{
    box-sizing:border-box;
    width: 100%;
}

/*----- Source: modules/slideshow/css/slideshow.css ----------------*/

.jssorb21
{
    position: absolute;
    bottom: 26px;
    left: 6px;
}

.jssorb21 div, .jssorb21 div:hover, .jssorb21 .av
{
    position: absolute;
    /* size of bullet elment */
    width: 16px;
    height: 16px;
    filter: alpha(opacity=70);
    opacity: .7;
    overflow: hidden;
    cursor: pointer;
    border: #fff 1px solid;
}
.jssorb21 div { background-color: #d3d3d3; }
.jssorb21 div:hover, .jssorb09 .av:hover { background-color: gray; }
.jssorb21 .av { background-color: #000; }
.jssorb21 .dn, .jssorb09 .dn:hover { background-color: #a9a9a9; }

.jssora21l, .jssora21r
{
    display: block;
    position: absolute;
    /* size of arrow element */
    width: 55px;
    height: 55px;
    cursor: pointer;
    background: url(images/a14.png) center center no-repeat;
    overflow: hidden;
}
.jssora21l { background-position: -3px -33px; top: 123px; left: 8px; }
.jssora21r { background-position: -63px -33px; top: 123px; right: 8px; }
.jssora21l:hover { background-position: -123px -33px; }
.jssora21r:hover { background-position: -183px -33px; }
.jssora21l.jssora21ldn { background-position: -243px -33px; }
.jssora21r.jssora21rdn { background-position: -303px -33px; }

/*----- Source: modules/tracker/css/module.css ---------------------*/

/*---- Create Tast Page ----------------------------------------------------------------*/

#tasks-input-title
{
    box-sizing:border-box;
    width: 100%;
    font-size: 20pt;
    margin: 0px;
}

#tasks-input-description
{
    box-sizing:border-box;
    width: 100%;
}

#tasks-header-title
{
    margin-top: 20px;
    margin-bottom: 5px;
}

#tasks-header-description
{
    margin-top: 20px;
    margin-bottom: 5px;
}

#tasks-menu-report-bug-button
{
    border: 2px solid #Db4040;
    color: #FFC0C0;
    background: #Ab2020;
}

/*---- Add/Edit Project Page -----------------------------------------------------------*/

#project-header-name
{
    margin-top: 20px;
    margin-bottom: 5px;
}

#project-input-name
{
    box-sizing:border-box;
    width: 100%;
    font-size: 20pt;
    margin: 0px;
}

#project-header-description
{
    margin-top: 20px;
    margin-bottom: 5px;
}

#project-input-description
{
    box-sizing:border-box;
    width: 100%;
}

/*---- Add/Edit Project Version Page ---------------------------------------------------*/

#project-header-version
{
    margin-top: 20px;
    margin-bottom: 5px;
}

#project-input-version
{
    box-sizing:border-box;
    width: 100%;
    font-size: 20pt;
    margin: 0px;
}

#project-header-target-date
{
    margin-top: 20px;
    margin-bottom: 5px;
}

#project-input-target-date
{
    box-sizing:border-box;
    font-size: 20pt;
    margin: 0px;
}

#project-input-status
{
    box-sizing:border-box;
    font-size: 20pt;
    margin: 0px;
}

/*---- Projects Page -------------------------------------------------------------------*/

#project-description
{
    box-sizing:border-box;
    border-radius: 6px;
    background: #4b2020;
    opacity: 0.75;
    display: block;
    width: 100%;
    margin-top: 15px;
    margin-bottom: 25px;
    border: 2px dotted #5b3030;
    padding: 10px;
}

/*---- Project Version Status Flags ----------------------------------------------------*/

.version-status-new-flag
{
    display: inline-block;
    border-radius: 6px;

    padding: 4px;
    padding-left: 10px;
    padding-right: 10px;

    background: #B000F0;
    color: #FBF0FF;

    width: 120px;
    text-align: center;
}

.version-status-pending-flag
{
    display: inline-block;
    border-radius: 6px;

    padding: 4px;
    padding-left: 10px;
    padding-right: 10px;

    background: #D0D0D0;
    color: #707070;

    width: 120px;
    text-align: center;
}

.version-status-planning-flag
{
    display: inline-block;
    border-radius: 6px;

    padding: 2px;
    padding-left: 10px;
    padding-right: 10px;

    border: 2px dashed #D0D0FF;
    background: #4040A0;
    color: #D0D0FF;

    width: 116px;
    text-align: center;
}

.version-status-development-flag
{
    display: inline-block;
    border-radius: 6px;
    border: 2px dashed #00C000;

    padding: 4px;
    padding-left: 10px;
    padding-right: 10px;

    background: #003000;
    color: #00C000;

    width: 120px;
    text-align: center;
}

.version-status-paused-flag
{
    display: inline-block;
    border-radius: 6px;

    padding: 4px;
    padding-left: 10px;
    padding-right: 10px;

    background: #D0D0D0;
    color: #707070;

    width: 120px;
    text-align: center;
}

.version-status-testing-flag
{
    display: inline-block;
    border-radius: 6px;
    border: 2px dashed #FFC000;

    padding: 4px;
    padding-left: 10px;
    padding-right: 10px;

    background: #202020;
    color: #FFC000;

    width: 116px;
    text-align: center;
}

.version-status-complete-flag
{
    display: inline-block;
    border-radius: 6px;

    padding: 4px;
    padding-left: 10px;
    padding-right: 10px;

    background: #40A040;
    color: #D0FFD0;

    width: 120px;
    text-align: center;
}

.version-status-released-flag
{
    display: inline-block;
    border-radius: 6px;

    padding: 4px;
    padding-left: 10px;
    padding-right: 10px;

    background: #40A040;
    color: #D0FFD0;

    width: 120px;
    text-align: center;
}


.version-status-canceled-flag
{
    display: inline-block;
    border-radius: 6px;

    padding: 4px;
    padding-left: 10px;
    padding-right: 10px;

    background: #A00000;
    color: #FFD0D0;

    width: 120px;
    text-align: center;
}

.version-status-superseded-flag
{
    display: inline-block;
    border-radius: 6px;

    padding: 4px;
    padding-left: 10px;
    padding-right: 10px;

    background: #4b2020;
    color: #8b6060;

    width: 120px;
    text-align: center;
}

.error-flag
{
    display: inline-block;
    border-radius: 6px;

    padding: 4px;
    padding-left: 10px;
    padding-right: 10px;

    background: #D00000;
    color: #FFD0D0;
}

.task-priority-extra-credit-flag
{
    display: inline-block;
    border-radius: 6px;

    padding: 4px;
    padding-left: 10px;
    padding-right: 10px;

    background: #00A062;
    color: #E0FFFF;

    width: 16px;
    text-align: center;
}

.task-priority-low-flag
{
    display: inline-block;
    border-radius: 6px;

    padding: 4px;
    padding-left: 10px;
    padding-right: 10px;

    background: #0072D0;
    color: #E0FFFF;

    width: 16px;
    text-align: center;
}

.task-priority-average-flag
{
    display: inline-block;
    border-radius: 6px;

    padding: 4px;
    padding-left: 10px;
    padding-right: 10px;

    background: #A04080;
    color: #E0FFFF;

    width: 16px;
    text-align: center;
}

.task-priority-high-flag
{
    display: inline-block;
    border-radius: 6px;

    padding: 4px;
    padding-left: 10px;
    padding-right: 10px;

    background: #D07200;
    color: #FFFFE0;

    width: 16px;
    text-align: center;
}

.task-priority-critical-flag
{
    display: inline-block;
    border-radius: 6px;

    padding: 4px;
    padding-left: 10px;
    padding-right: 10px;

    background: #D00000;
    color: #FFF0F0;

    width: 16px;
    text-align: center;
}

.task-priority-blocking-flag
{
    display: inline-block;
    border-radius: 6px;

    padding: 4px;
    padding-left: 10px;
    padding-right: 10px;

    background: #D00000;
    color: #FFF0F0;

    width: 16px;
    text-align: center;
}

/*---- Test Phase Indicators -----------------------------------------------------------*/

.test-phase-square
{
    border-radius: 6px;
    border: 2px solid rgba(0,0,0,0.75);
    background: rgba(0,0,0,0.5);
    display: inline-block;
    width: 20px;
    height: 20px;
    vertical-align: -25%;
}

.interactive
{
    cursor: pointer;
    box-shadow: 5px 5px 5px rgba(0,0,0,0.25);
}

.test-phase-text
{
    display: inline-block;
    white-space: nowrap;
    font-weight: bold;
}

.test-phase-large
{
    width: 30px;
    height: 30px;
    font-size: 20pt;
}

.test-phase-text-1
{
    color: #C00000;
}

.test-phase-text-2
{
    color: #C06000;
}

.test-phase-text-3
{
    color: #C09000;
}

.test-phase-text-4
{
    color: #90C000;
}

.test-phase-text-5
{
    color: #40C040;
}

.test-phase-1
{
    background: rgba(255,0,0,0.25);
    border: 2px solid rgba(255,0,0,0.5);
}

.test-phase-2
{
    background: rgba(255,128,0,0.25);
    border: 2px solid rgba(255,128,0,0.5);
}

.test-phase-3
{
    background: rgba(255,128,0,0.25);
    border: 2px solid rgba(255,230,0,0.5);
}

.test-phase-4
{
    background: rgba(210,255,0,0.25);
    border: 2px solid rgba(210,255,0,0.5);
}

.test-phase-5
{
    background: rgba(80,255,0,0.25);
    border: 2px solid rgba(80,255,0,0.5);
}

/*---- Task Type Indicators ------------------------------------------------------------*/

.indicator
{
    display: inline-block;
    white-space: nowrap;

    border-radius: 6px;

    padding: 4px;
    padding-left: 10px;
    padding-right: 10px;

    text-align: center;

    background: #4b2020;
    border: 2px solid #5b3030;
}

.indicator img
{
    margin-right: 8px;
    vertical-align: -5%;
}

.task-type-new-feature
{

}

.task-type-improvement
{

}

.task-type-refactor
{

}

.task-type-bug
{

}

.task-type-documentation
{

}

.task-type-content
{

}

.task-type-testing
{

}

.task-type-manage
{

}

/*---- Task View Page ------------------------------------------------------------------*/

.description
{
    box-sizing:border-box;
    border-radius: 6px;
    background: #4b2020;
    opacity: 0.75;
    display: block;
    width: 100%;
    margin-top: 15px;
    margin-bottom: 25px;
    border: 2px dotted #5b3030;
    padding: 10px;
}

#tasks-page-header
{
    margin-top: 8px;
    padding-top: 8px;
}

.task-property-label
{
    font-size: 16pt;
    color: #80C080;
    font-style: italic;
}

.task-change-container
{
    box-sizing:border-box;
    border-radius: 6px;
    background: #4b2020;
    display: block;
    width: 100%;
    margin-top: 15px;
    margin-bottom: 25px;
    border: 2px dotted #5b3030;
    padding: 10px;
}

.task-change-reason
{
    margin-top: 10px;
    border-top: 2px dotted #5b3030;
    padding: 4px;
}

/*---- Popups --------------------------------------------------------------------------*/

#change-type-popup-frame
{
    width: 800px;
    height: 445px;
    margin-left: -400px;
    margin-top: -210px;
}

#change-status-popup-frame
{
    width: 800px;
    height: 445px;
    margin-left: -400px;
    margin-top: -210px;
}

#change-priority-popup-frame
{
    width: 800px;
    height: 445px;
    margin-left: -400px;
    margin-top: -210px;
}

#assign-to-user-popup-frame
{
    width: 800px;
    height: 445px;
    margin-left: -400px;
    margin-top: -210px;
}

/*---- Activity Styles -----------------------------------------------------------------*/
.task-reason-container
{
    margin-top: 6px;
    margin-bottom: 6px;
    padding: 4px;
    padding-bottom: 6px;
    border: 2px solid #7F5050 !important;
    border-radius: 6px;
    background : #5F3030 !important;
}

.task-reason-header
{
    font-weight: bold;
}

.task-reason
{
    font-style: italic;
    padding-left: 10px;
}

/*----- Source: modules/user/css/module.css ------------------------*/

/*---- Edit Profile Page ---------------------------------------------------------------*/

#profile-header-avatar
{
    margin-top: 40px;
    margin-bottom: 5px;
}

#profile-header-infopanel
{
    margin-top: 50px;
    margin-bottom: 5px;
}

#profile-header-about
{
    margin-top: 50px;
    margin-bottom: 5px;
}

#profile-input-about
{
    box-sizing:border-box;
    width: 100%;
}

.palette
{
    border: 2px solid #1b0808;
    border-radius: 6px;
    background : #2b1010;

    margin-top: 10px;

    margin: 10px;
    padding: 10px;

}

.palette-swatch
{
    display: inline-block;
    width: 32px;
    height: 32px;
    border: 2px solid #5b3030;
    border-radius: 4px;
    margin: 4px;
    padding: 2px;
    cursor: pointer;
}

.palette-swatch-selected
{
    border: 2px solid #FFF;
}

.panel-image-selected
{
    border: 2px solid #1b0808;
    border-radius: 6px;
    background : #2b1010;
    padding: 4px;
}

/*----- Source: modules/wiki/css/module.css ------------------------*/
/*---- Overall Page Table --------------------------------------------------------------*/

#wiki-view-table
{

}

#wiki-view-table-left-column
{
    border-right: 2px solid #5b3030;
    width: 250px;
    padding: 8px;
}

#wiki-view-table-right-column
{
    padding: 8px;
    height: 600px;
}

#wiki-view-table-spacer
{
    width: 300px;
}

/*---- View Wiki Page Element Styles ---------------------------------------------------*/

#wiki-page-id-link
{
    float: right;
    color: #8b6060;
    text-align: right;
}

.wiki-page-approved
{
    color: #80FF80;
    font-weight: bold;
}

.wiki-page-not-approved
{
    color: #FF4040;
    font-weight: bold;
}

/*---- Edit Wiki Page Input Element Styles ---------------------------------------------*/

.wiki-edit-title
{
    font-weight: bold;
    margin-top: 8px;
}

#wiki-input-page-title
{
    box-sizing:border-box;
    width: 100%;
    font-size: 20pt;
    margin: 0px;
}

#wiki-input-page-brief
{
    box-sizing:border-box;
    width: 100%;
}

#wiki-input-page-body
{
    box-sizing:border-box;
    width: 100%;
}

#wiki-input-page-name
{
    box-sizing:border-box;
    width: 90%;
}

#wiki-input-parent-page-id
{
    box-sizing:border-box;
    width: 90%;
}

#wiki-edit-toolbar
{
    margin-bottom: 10px;
}

/*---- Version Comparison --------------------------------------------------------------*/

.wiki-line
{
    font-family: monospace;
    font-size: 10pt;
    background: #222;
    margin: 0px;
    padding:1px;
    padding-left: 4px;
    padding-right: 4px;    
}

.wiki-line-added
{
    background: #232;
    color: #CFC;
}

.wiki-line-removed
{
    background: #322;
    color: #F88;
}

/*---- Popups --------------------------------------------------------------------------*/

#approve-page-popup-frame
{
    width: 800px;
    height: 360px;
    margin-left: -400px;
    margin-top: -180px;
}

#move-page-popup-frame
{
    width: 800px;
    height: 520px;
    margin-left: -400px;
    margin-top: -260px;
}

.popup-table-highlight-cell
{
    background: #4b2020;
    border-bottom: 1px solid #3b1010;
    border-top: 1px solid #3b1010;
}

#find-page-link-popup-frame
{
    width: 800px;
    height: 360px;
    margin-left: -400px;
    margin-top: -180px;
}

#find-image-link-popup-frame
{
    width: 800px;
    height: 360px;
    margin-left: -400px;
    margin-top: -180px;
}