.whereitstarted-form-box .floatboxinner {
display: block;
}

.dyrtft-form-title {
margin: 0.6rem 0 1.2rem 0;  
}

#dyrtft-form-fields {
margin: 1rem 0.5rem;
}

#dyrtft-form .field-block, #dyrtft-form-buttons {
margin-bottom: 1rem;     
}

#dyrtft-form-buttons {
margin-top: -0.8rem;
}

@media screen and (max-width: 600px) {
.whereitstarted-form-box {
margin-left: -0.7rem;
margin-right: -0.5rem;
}

#dyrtft-form-buttons {
margin-top: 0;
}
}

#dyrtft-form input[type="text"] {
padding: 0.4rem;
}

#dyrtft-form input[type="submit"], input::file-selector-button {
font-size: 18px;
padding: 6px 12px;
border-radius: 5px;
}

body.intro #dyrtft-form input[type="submit"], body.intro input::file-selector-button {
border-color: #9e759e;
color: #380038;
}

#dyrtft-form input[type="submit"]:hover, #dyrtft-form input[type="submit"]:active, input::file-selector-button:hover, input::file-selector-button:active {
opacity: 0.9;
}

#dyrtft-form input[type="file"] {
font-size: 18px;
padding: 0.5rem;
}

#dyrtft-form .name-field-block input {
width: 100%;
max-width: 20rem;
display: block;
box-sizing: border-box;
}

#dyrtft-form label, #dyrtft-form .label {
font-size: 11pt;
font-weight: normal;
padding: 0 0 0.1rem 0;
margin: 0;
}

#dyrtft-form-fields #dyrtftMessageBox {
padding-bottom: 1rem;
}

#dyrtft-form-fields #dyrtftMessageBox p {
margin-left: 0;
}

#dyrtft-form-fields .field-block #dyrtftMessageBox {
padding-bottom: 0;
}

#dyrtft-form .message-field-block textarea {
display: block;
width: 100%;
min-height: 15rem;
font-family: arial, helvetica, sans-serif;
font-size: 18px;
padding: 0.4rem;
box-sizing: border-box;
resize: vertical;
}

#dyrtft-form .photo-field-block label {
display: block; 
}

#dyrtft-form .photo-field-block input, #remove-photo.show-link {
display: inline-block;
}

#user-photo-preview img {
display: block;
max-width: 200px;
max-height: 200px;
}

#dyrtft-form .captcha-field-block input {
width: 3rem;
}

#dyrtft-form .captcha-field-block label {
font-size: 16px;
margin-left: 0.5rem;
}

#dyrtft-form .explanation {
font-size: 10pt;
}

#dyrtft-form-buttons {
text-align: right;
}

#dyrtft-form-buttons #addb {
margin-left: 0.5rem;
}

#dyrtft-form .editref {
text-align: right;
background-color: transparent;
float: right;
}

#dyrtft-form .editref h3 {
font-size: 11pt;
font-weight: normal;
display: inline-block;
margin-bottom: 0;
}

#dyrtft-form .editref .markup-quick-ref {
text-align: left;
max-width: 38rem;
float: right;
border: 1px solid #a51e67bb;
}

body.dc #dyrtft-form .editref .markup-quick-ref {
border-color: #b2abff; 
margin-top: 0.3rem;   
}

body.intro #dyrtft-form .editref .markup-quick-ref {
border-color: #9e009e; 
margin-top: 0.3rem;   
}


.photo-field-block {
padding-top: 0.5rem;
}

.dyrtftitem.vspace {
margin-top: 0 !important;
}

.dyrtftitem {
border-bottom: 2px dotted #a51e67bb;
padding: 0.4em 0 1.4em 0.2em !important;
}

.dyrtftcontribslist .pager-top {
border-bottom: 2px dotted #a51e67bb; 
padding-bottom: 0.5rem;
}

body.dc .dyrtftitem, body.dc .dyrtftcontribslist .pager-top {
border-color: #b2abff;
}

body.intro .dyrtftitem, body.intro .dyrtftcontribslist .pager-top {
border-color: #9e009e; 
}

.contribtext {
margin-left: 0.4em;   
}

.dyrtftitem .sectionhead, .dyrtftitem .genhead {
border: 0 !important;
font-size: 1.1em;
margin: 0.6em 0 1.1em -0.3em !important;
}

.pager {
font-size: 12pt;
text-align: right;
}

.pager a, .pager .current-page {
border: 2px solid;
border-radius: 0.4rem;
padding: 0.2rem 0.4rem;
vertical-align: middle;
display: inline-block;
margin: 0 0.1rem;
background: none !important;
}

.pager a:hover {
border: 2px solid !important;
padding: 0.2rem 0.4rem !important;
background: none !important;
}

.pager .pager-arrow a {
font-weight: bold;
font-size: 16pt;
}

body.dc .pager .current-page, body.intro .pager .current-page {
opacity: 0.7;
}

body.dc .pager a, body.intro .pager a {
text-decoration: none;
}

body.intro .pager a, body.intro .pager .current-page {
border-color:#9e009e !important;
border-radius: 3px;
border-width: 1px;
}

body.intro .pager a:hover {
border-width: 1px !important;   
}

.hide {
display: none;
}

.show {
display: block;
}

.focuserror {
outline: 2px solid red;
}

#dyrtftMessageBox {
font-weight: bold; 
text-decoration: underline;
text-decoration-color: red;
}

.message-field-block #dyrtftMessageBox {
float: left;
margin-bottom: 1rem;
}

.contribphoto img {
max-height: 300px;
max-width: 300px;
}

#dyrtft-preview .dyrtftitem {
border-bottom: 0;
}

#dyrtft-form :target {
background-color: transparent;
}

.preview-head {
border-bottom: 1px solid #a51e67;
padding: 0 0 2px 4px;
margin-top: -1rem
}

body.dc .preview-head {
border: 2px dotted #b2abff; 
border-width: 0 0 2px 0;
}

body.intro .preview-head {
border: 2px dotted #9e009e; 
border-width: 0 0 2px 0;
}

#preview-contrib {
margin: 0 0.4rem;
}

.dyrtftcontribslist .contribphoto {
margin-top: -0.5rem;
}

@media screen and (max-width: 450px) {
.contribphoto {
float: none;
}

.contribphoto .floatboxinner {
text-align: right;
}

.contribphoto .floatboxinner img {
max-width: 100%;
max-height: none;
}
}