/* -----------------------------------------------------------------------
Begin Markdown Modal Styles
----------------------------------------------------------------------- */

/* fix background scrolling bug when modal is open */
.modal-open body {
    overflow: hidden;
}
.modal-open .mdd_editor {
    overflow: hidden;
}

.mdd_modal {
    background: rgba(0,0,0,0.6);
    display:none;
    font-size: 14px;
    margin:0;
    padding:0;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:1000;
}
.mdd_modal_frame {
    background-color:#fff;
	color:#4a4a4a;
	height:80%; /*originally: 400*/
    margin:10% auto;
    position:relative;
	width:680px;
	z-index:2000;
}

.mdd_modal_button {
    background: url("/images/tlnMasters/icon-close@2x.png") no-repeat;
    background-size: 100%;
	position: absolute;
	top: 1em;
	right: 2em;
	z-index:1999;
}
#mdd_close_help {
    display: block;
    height: 33px;
    width: 32px;
}
.mdd_modal_button span {
    position: absolute;
    left: -999em;
}

.mdd_modal_button a {
	color: #fff;
	text-decoration:none;
}

.mdd_modal_content {
	overflow:scroll;
	overflow-x:hidden;
	position:relative;
	width:100%;
	height:100%;
}

.mdd_ajax_loader {
	background-position: center center;
	background-image: url(../scripts/mdd_ajax_loader.gif);
	background-repeat: no-repeat;
	width:100%;
	height:200px;
}

.mdd_syntax {
	padding:2em 3em 1em;
    text-align: left;
}




/* Modal Section: Markdown Deep Guide (mddg) */
.markdowndeep-guide {
    overflow: hidden;
}

/* markdown guide columns */
.markdowndeep-guide > div {
    float: left;
    width: 47.5%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.markdowndeep-guide > div + div {
    margin-left: 5%;
}

/* Guide Headers */
.mdd_modal_frame h2 {
    color: #4a4a4a;
    font-size: 1.57em;
    font-weight: normal;
    margin: 0 0 .5em;
    text-align: center;
}

.markdowndeep-guide section + section {
    margin-top: 3em;
}

/*
    Markdown Deep Supported Formatting
*/
.mddg__format {
    font-size: .93em;
}
.markdowndeep-guide pre { /* how to format code is wrapped in <pre><code></pre></code> */
    margin-bottom: 0;
}

.markdowndeep-guide pre,
.markdowndeep-guide code,
.markdowndeep-guide button {
    line-height: 1.375em;
}

.markdowndeep-guide code {
    font-family: 'Noto Sans', Arial, Helvetica, sans-serif;
}

.mddg__help {
    color: #7E7D7A;
    font-size: .857em;
    margin: 0;
}

/* Guide Icons */
.markdowndeep-guide pre::before {
    background: url("../scripts/sprite-mdd-htf-icons@2x.png") no-repeat;
    background-size: auto 16px;
    content: '';
    display: block;
    float: left;
    height: 16px;
    margin-right: .5em;
}

.mddg__h1 pre::before           { background-position: 0 1px;          width: 17px; }
.mddg__h2 pre::before           { background-position: -19px 1px;      width: 19px; }
.mddg__h3 pre::before           { background-position: -39px 1px;      width: 19px; }
.mddg__italic pre::before       { background-position: -116px 1px;     width: 8px; }
.mddg__bold pre::before         { background-position: -87px 1px;      width: 10px; }
.mddg__quote pre::before        { background-position: -99px 2px;      width: 15px; }
.mddg__hr pre::before           { background-position: -126px 7px;     width: 15px; }

.mddg__links pre::before {
    background-position: -74px 1px;
    height: 14px;
    width: 11px;
}
.mddg__ulist pre::before {
    background-position: -142px 1px;
    margin-top: 3px;
    vertical-align: top;
    width: 14px;
}
.mddg__olist pre::before {
    background-position: -158px 1px;
    margin-top: 3px;
    vertical-align: top;
    width: 14px;
}



/*
    Markdown Deep Supported Examples
*/
.mddg__example {
    clear: both;
    margin: 0;
}

.mddg__hr .mddg__example {
    background: #D8D8D8;
    border: none;
    display: block;
    height: 2px;
    margin: 1.45em 0;
}

.mddg__h1 .mddg__example,
.mddg__h2 .mddg__example,
.mddg__h3 .mddg__example {
    font-size: 1.285em;
    line-height: 1.375em;
    margin-bottom: 0;
}
.mddg__h1 .mddg__example {
    color: #4A4A4a;
    font-weight: bold;
}
.mddg__h2 .mddg__example {
    color: #4A4A4a;
    font-weight: normal;
}
.mddg__h3 .mddg__example {
    color: #00B265;
    font-weight: normal;
    text-transform: uppercase;
}
.mddg__linebreak .mddg__format {
    margin: 0 0 .5em;
}

.mddg__bold .mddg__example,
.mddg__italic .mddg__example {
    display: block;
}

.mddg__linebreak span {
    color: #00B265;
}
.mddg__linebreak .mddg__example {
    margin-bottom: .5em;
}

.mddg__ulist code,
.mddg__olist code {
    display: inline-block;
    margin-bottom: .5em;
}

.mddg__quote .mddg__example {
    background: 0;
    color: #00B265;
    font-style: normal;
    font-weight: bold;
    margin: 0;
    padding: 0;
    text-align: left;
}
.mddg__quote .mddg__example p {
    margin: 0;
}
.mddg__quote .mddg__example p::before {
    content: '\201C';
}
.mddg__quote .mddg__example p::after {
    content: '\201D';
}

.mddg__ulist .mddg__example {
    margin-left: 17px;
}
.mddg__olist .mddg__example {
    margin-left: 15px;
}
.mddg__ulist li ul  {
    list-style-type: none;
    margin-left: 0;
    margin-bottom: 0;
    padding-left: 0;
}

.mddg__ulist li ul li::before {
    background-color: #E0B70A;
    border-radius: 50%;
    content: "";
    display: inline-block;
    height: 5px;
    margin-right: .75em;
    margin-top: -1px;
    width: 5px;
    vertical-align: middle;
}





/* Modal Section: Smiley Guide */
.smiley-guide {
    border-top: 2px solid #4a4a4a;
    margin-top: 2em;
    padding-top: 2em;
}
.smiley-guide table {
    width: 100%;
}
.smiley-guide table,
.smiley-guide th,
.smiley-guide td {
    vertical-align: top;
}
.smiley-guide p {
    margin-bottom: 1.5em;
}
.smiley-guide img {
    padding: 0;
    vertical-align: middle;
}
.smiley-guide .td__column {
    padding: 0;
    width: 32%;
}
.smiley-guide .td__column + .td__column {
    padding-left: 2%;
}
.smiley-guide .td__column td:first-child {
    width: 15px;
}



/* -----------------------------------------------------------------------
End Markdown Modal Styles

Begin Markdown WYSIWYG Styles
----------------------------------------------------------------------- */

.mdd_toolbar_wrap {
    width:100%;
}
.AdminUserLogPanel .mdd_toolbar_wrap {
    width: 99.55%;
}

.mdd_toolbar ul {
	margin:0;
	padding:0;
}

.mdd_toolbar li {
	float:left;
	margin:0;
	padding:0;
	list-style:none;
}

span.mdd_sep {
	width:10px;
	height:20px;
	display:block;
	border-left:solid 1px #808080;
	margin-left:10px;
}

.mdd_links {
	float:right;
}

.mdd_links a {
	color:#404040;
}

.mdd_editor_wrap {
    padding-right: 8px;
}
textarea.mdd_editor {
	width:100%;
	resize:none;
	margin:0;padding: 3px;
}

.mdd_resizer_wrap {
	width:100%;
}
.mdd_resizer {
	background:#f8f8f8;
	background-image:url("../scripts/mdd_gripper.png"); /* TODO: move image */
	background-position:center center;
	background-repeat:no-repeat;
	padding-left:2px;
	padding-right:2px;
	height:9px;
	border:solid 1px #d0d0d0;
	margin-top:-1px;
	cursor:n-resize;
}

.mdd_toolbar_wrap + .mdd_editor_wrap {
    padding-right: 1px;
}

.mdd_toolbar_wrap .mdd_toolbar {
    background-color: #00B265;
    height: 26px; /* markdown is setting height to 20px */
    padding: .385em;
}

.mdd_links {
    float: right;
}

.mdd_toolbar .mdd_links a {
    color: #fff;
    line-height: 26px;
}
.mdd_toolbar .mdd_links a:hover,
.mdd_toolbar .mdd_links a:focus,
.mdd_toolbar .mdd_links a:active {
    color: #fff;
}
/* link color override for admin pages */
#bd .mdd_toolbar .mdd_links a {
    color: #fff !important;
    text-decoration: none;
}
#bd .mdd_toolbar .mdd_links a:hover,
#bd .mdd_toolbar .mdd_links a:focus,
#bd .mdd_toolbar .mdd_links a:active {
    text-decoration: underline;
}

.mdd_toolbar li {
    float: left;
    margin: 0;
    padding: 0;
    list-style: none;
}

.mdd_toolbar .mdd_sep {
    width: 5px;
    height: 24px;
    display: block;
    border-left: solid 1px #02874D;
    margin-left: 5px;
}

.mdd_toolbar a.mdd_button {
    background: url(../scripts/sprite-mdd-toolbar-icons@2x.png) no-repeat;
    background-size: auto 15px;
    border-radius: 50%; /* circle */
    display: block;
    height: 26px;
    margin: 0 1px;
    width: 26px;
}
.mdd_toolbar .mdd_button:hover,
.mdd_toolbar .mdd_button:focus {
    background-color: #02874D;
}

.mdd_toolbar #mdd_bold      { background-position: -49px 5px; }
.mdd_toolbar #mdd_italic    { background-position: -22px 5px; }
.mdd_toolbar #mdd_quote     { background-position: 5px 6px; }
.mdd_toolbar #mdd_link      { background-position: -238px 5px; }
.mdd_toolbar #mdd_hr        { background-position: -75px 6px; }
.mdd_toolbar #mdd_h1        { background-position: -157px 5px; }
.mdd_toolbar #mdd_h2        { background-position: -183px 5px; }
.mdd_toolbar #mdd_h3        { background-position: -210px 5px; }
.mdd_toolbar #mdd_ullist    { background-position: -104px 6px; }
.mdd_toolbar #mdd_ollist    { background-position: -130px 6px; }

.mdd_toolbar .mdd_help {
    margin-right: .6em;
}

.AdminUserLogPanel .PostLogList dd {
    margin-left: 10em;
}

/* -----------------------------------------------------------------------
End Markdown WYSIWYG Styles

Begin Markdown Output Styles
----------------------------------------------------------------------- */
/*
    Associated Pages:
    - Log Cache
    - Log Trackable
    - Log Benchmark

    - Preview Cache Log
    - Preview Trackable Log
    - Preview Benchmark Log

    - Cache Details
    - Trackable Details
    - Benchmark Details

    - admin/review
    - admin/userlog.aspx
    - admin/userloglist.aspx
    - my/geocaches.aspx
    - my/travelbugs.aspx
    - my/benchmarks.aspx
    - mark/details.aspx

*/

.markdown-output  {
    font-size: 0.875rem; /* 14px */
    line-height: 1.3;
    margin: 1.5em auto;
    overflow: hidden;
    word-wrap: break-word;
}

.markdown-output h1 {
    color: #4A4A4a;
    font-size: 1.285em;
    font-weight: bold;
    line-height: 1.375em;
    margin: 0;
}

.markdown-output h2 {
    color: #4A4A4a;
    font-size: 1.285em;
    font-weight: normal;
    line-height: 1.375em;
    margin: 0;
}

.markdown-output h3 {
    color: #00B265;
    font-size: 1.285em;
    font-weight: normal;
    line-height: 1.375em;
    margin: 0;
    text-transform: uppercase;
}

.markdown-output hr {
    background: #D8D8D8;
    height: 2px;
    margin: 1.45em 0;
}

.markdown-output p {
    color: #4A4A4a;
    margin: 0 0 1.5em;
}

.markdown-output li {
    list-style: inherit;
}

.markdown-output ul {
    list-style-type: disc;
}

.markdown-output ol {
    list-style-type: decimal;
}

.markdown-output ul,
.markdown-output ol {
    color: #4A4A4a;
    margin: 0 1.5em 1.5em .75em;
    padding-left: 1.5em;
}

.markdown-output li ul  {
    list-style-type: none;
    margin-left: 0;
    margin-bottom: 0;
    padding-left: 0;
}

.markdown-output li ul li::before {
    background-color: #E0B70A;
    border-radius: 50%;
    content: "";
    display: inline-block;
    height: 5px;
    margin-right: .75em;
    margin-top: -1px;
    width: 5px;
    vertical-align: middle;
}

.markdown-output li ol  {
    margin-left: 0;
    margin-bottom: 0;
}

.markdown-output blockquote {
    background: none; /* overwrite styles in geocachingAdminScreen.css */
    font-style: normal;
    margin: 1.5em .75em;
    padding: 0; /* overwrite styles in geocachingAdminScreen.css */
}
.markdown-output blockquote p {
    color: #00B265;
    font-weight: bold;
}
.markdown-output blockquote p::before {
    content: '\201C';
}
.markdown-output blockquote p::after {
    content: '\201D';
}






/* it was easier to redeclare these styles than to try and create rules around each page that wouldn't affect view/edit log links on cache & trackable details */
.markdown-output ~ .AlternatingRow,
table .markdown-output ~ tr.AlternatingRow td {
    background: #fff;
}

.markdown-output.BorderBottom td {
    border-bottom-color: #9b9b9b;
}
.markdown-output.BorderBottom:last-child td {
    border-bottom: none;
}

.markdown-output > td:last-child {
    padding-bottom: 2.5em;
}

.Table .log__metadata td {
    padding-top: 1.54em;
    vertical-align: top;
}
.Table .log__metadata img {
    vertical-align: top;
}




/* -----------------------------------------------------------------------
End Markdown Output Styles

Begin Markdown Convert Log Styles
----------------------------------------------------------------------- */

#md-alert__convert-to,
#md-alert__undo-convert,
#md-alert__unsupported {
    display: none;
}


.md-alert {
    padding: 1em;
    margin-bottom: 1em;
}

.md-alert-warning {
    color: #fff;
    background-color: #e0b70a;
}

.md-alert p {
    margin-bottom: .5em;
}

.md-alert .btn {
    background: transparent;
    border: 2px solid transparent;
    padding: .5em 1em;
}

.md-alert-warning .btn {
    border-color: #fff;
    color: #fff;
}
.md-alert-warning .btn:hover,
.md-alert-warning .btn:focus {
    background: #fff;
    border-color: #fff;
    color: #e0b70a;
    cursor: pointer;
}


.md-alert-warning a {
    color: #fff;
}