/* Contains mobile CSS for the Submission Grinder */
	body, .SiteWrapper, .MenuDiv, .SectionHeader .featured, .DefaultTopSection {
		width:94%;
		padding:3%;
	}
	
	.DefaultTopStatSection, .DefaultDonateSection {
		position:relative;
		float:left;
		left:1%;
		width:40%;
		padding:5%;
		margin-bottom:15px;
	}
	
	.CenteredSiteMessage {
		clear:both;
		position:relative;
		left:15%;
		width:72%;
		padding:3%;
		margin-bottom:5px;
	}
	
	.AreaDiv {
	    width: 98%%;
		padding:1%;		
		clear:both;
	}

#PrivateNote {
    background-color: #ccc
}
	
	.DefaultDonateSection {
		text-align:center;
	}
	
	hr {
	/* stop the "Latest from Diabolical Plots" message from breaking on smaller screens */
	margin-top:27px;
	}
	
	.SiteHeaderDivLeft img {
	/* shrink header image to match smaller screens */
	max-width:100%;
	}

	.DetailsButton {
	/* make the deatils button a little less huge */
	width:65px;
	}
	
	/* Stop the active/inactive tabs from breaking when there are three or more on display */
	.DefaultActivityActiveTab, .DefaultActivityInactiveTab {
		width:50%;
		margin-right:40%;
		margin-bottom:1%
		padding:1%;
		border:1px solid black;
	}

	.DefaultActivityActiveTab span {
		padding-bottom:2px;
		padding-top:2px;
	}
	
	.DefailtTabArea {
		margin-top:10px;
		clear:both;
	}
	
	/* handle "new markets" pseudo-table - hide the header divs, make the market rows 100% wide, and insert the title for each section before it with ::before - Add a margin below each row and padding on the specific sub-row elements to aid with readability */
	
	.MarketSearchListingNameHead, .MarketSearchListingGenreHead, .MarketSearchListingLengthHead, .MarketSearchListingPaymentHead {
		display:none;
	}	

	.MarketSearchListingLength::before, .MarketSearchListingLengthAlt::before {
		content:"Lengths:";
		font-weight:bold;
		text-decoration:underline;
	}

	.MarketSearchListingPayment::before, .MarketSearchListingPaymentAlt::before {
		content:"Payment:";
		font-weight:bold;
		text-decoration:underline;
	}

	.MarketSearchListingGenre::before, .MarketSearchListingGenreAlt::before {
		content:"Genres:";
		font-weight:bold;
		text-decoration:underline;
	}

	.MarketSearchListingRow {
		width:100%;
		clear:both;
		margin-bottom:2%;
	}
	
	.MarketSearchListingName, .MarketSearchListingNameAlt {
		padding-top:1%;
	}
	
	.MarketSearchListingPayment, .MarketSearchListingPaymentAlt {
		padding-bottom:1%;
	}
	
	.MarketSearchListingName, .MarketSearchListingNameAlt, .MarketSearchListingPayment, .MarketSearchListingPaymentAlt, .MarketSearchListingGenre, .MarketSearchListingGenreAlt, .MarketSearchListingLength, .MarketSearchListingLengthAlt {
		padding-left:2%;
		width:98%;
	}
	
	/* Also apply padding to the "Recent Activity" and "Recent Market Activity" tabs */
	.DefaultActivityStatusItem, .DefaultActivityStatusItemAlt {
		padding-left:2%;
		width:98%;
	}
	
	/* Make the search screen a little more uniform in look by centering the labels and input fields and putting each on its own line */	
	.MarketSearchGenre, .MarketSearchStoryStyle, .MarketSearchStorySubject, .MarketSearchStoryLength, .MarketSearchWordCount, .MarketSearchMinimumPayScale, .MarketSearchSubmissionType, .MarketSearchMaximumAvgResponseDays, .MarketSearchQualification  {
		width:100%;
		text-align:center;
		margin-bottom:10px;
		margin-top:10px;
	}
	
	.MarketSearchGenre select, .MarketSearchStoryStyle select, .MarketSearchStorySubject select, .MarketSearchStoryLength select, .MarketSearchWordCount input, .MarketSearchMinimumPayScale select, .MarketSearchSubmissionType select, .MarketSearchMaximumAvgResponseDays input, .MarketSearchQualification select, select#ExcludeWhereSubmittedPieceID {
		width:50%;
		margin-left:25%;
		margin-right:25%;
	}

	/* Make add-piece screen more uniform by centering the labels and input fields and putting each on its own line */
	.SubmissionFormItem {
		width:100%;
		text-align:center;
		margin-bottom:10px;
		margin-top:10px;
	}

	.SubmissionFormItem input, .SubmissionFormItem select {
		width:50%;
		margin-left:25%;
		margin-right:25%;
	}
	
	.SubmissionFormItem textarea {
		width:6em;
	}
	
	/* Changes to Market Page */
	
	.MarketDisplayNameDiv {
		text-align:center;
		width:100%;
	}
	
	/* Add emphasis to the labels and types in the market headers on mobile for ease of reading */
	.MarketDisplayTypeDIV, .MarketDisplayResponseLabelDiv, MarketDisplayResponseSubLabelDiv {
	font-weight:bold;
	text-decoration:underline;
	}
	
	/* Add spacing before the label IDs on market listings */
    .MarketDisplayResponseLabelDiv, MarketDisplayResponseSubLabelDiv {
        margin-top: 10px;
    }

	.MarketDisplayUserPrefsDiv a {
		margin-bottom:10px;
	}
	
	.MarketDisplayAttributeDiv {
		margin-top:10px;
		margin-bottom:10px;
	}
	
	.MarketDisplayAttributeDiv div {
		position:relative;
		float:left;
		padding:1%;
	}
	
	.MarketDisplayActions, .MarketDisplayLinks {
		margin-top:10px;
	}

	/* Manage Profile page*/
	.EditProfileForm {
		width:100%;
		padding-bottom:1%;
	}
	
	.EditProfileFavoriteIgnoredMarkets {
		width:100%;
		padding-bottom:1%;
	}
	
	.AlertMessage {
		padding: 6px 6px 6px 6px;
		width:100%;
	}

.CheckMessage {
    padding: 6px 6px 6px 6px;
    width: 100%;
}

    .DNQMessage {
        padding: 6px 6px 6px 6px;
        width: 100%;
    }