/* Version .067; Try to fix Amazon Silk */
/* Version .066; comment system border */
/* Version .065; gaps for tablets */
/* Version .0063; top buttons */
/* Version .0062; apply webkit prevention globally */
/* Version .0061; toolbar button spacing for horizontal mobiles */
/* Version .0060; toolbar button spacing for mobiles */
/* Version .0055; MSP_visitorDescriptor */
/* Version .0054; MSP_desc3_cell */
/* Version .0053; MSP_descriptor_1E */
/* Version .0052; MSP_multiDescriptor */
/* Version .0051; adjust MSP_descUserIconCell */
/* Version .0050; adjust MSP_MdLinesOverButton */
/* Version .0049; remove style tags from multi descriptors
/* Version .0046; make Macs look like Windows */
/* Version .0045; separate out user/test CSS */

html
	{
	-webkit-text-size-adjust:none;
	-moz-text-size-adjust: none;
	-ms-text-size-adjust: none;
	}

/* Make Macs look like Windows */
b {font-weight: 700;}

* 			{
			margin:			0px;
			padding:		0px
			}

/* Try to fix Amazon Silk */
*
			{
			scrollbar-width: auto;
			}


/* Prevent IE from enforcing its own standard */
img 			{
			border-width: 0;
			}

/* descriptor styling updates, 09-2018*/
.MSP_md_trigger		{
			position:		relative;
			padding:		4px 7px 0px 0px;
}

.MSP_indicator		{
			padding:		4px 7px 0px 0px;
}

.MSP_multiDescriptor	{
			position:		absolute;
			padding-top:		5px;
}

.MSP_descriptor_1E	{
			font-size:		14px;
}

.MSP_desc3_cell		{
			background-color:	transparent;
}

.MSP_visitorDescriptor	{
			vertical-align:		top;
}



.MSP_alert		{
	font-size: 14px;
	font-family: Verdana, Arial, sans-serif; 
	color: black;
}

/* NPC CSS */
.MSP_NPCicon		{
	text-align: center;
	width:	102px;
	height: 17px;
}

/* Toolbar CSS */
.MSP_toolbar_desc,
.MSP_toolbar_desc_NPC ,
.MSP_toolbar_desc_loggedInAs
{
	vertical-align: middle;
}

.MSP_toolbar_desc_loggedInAs {
	background-color:#58fa54;
}

.MSP_toolbar_desc_NPC	{
	background-color:yellow;
}

.MSP_toolbar_desc	{
	background-color:#74ADBA; // TSM: resolve
	background-color:#CBB641; // PnF: resolve
}

.MSP_toolbar_descName	{
	font-size: 10px;
	text-align: right;
}

.MSP_toolbar_descLogout {
	width: 	25px;
	height: 25px;
}


/* CSS for the drop down menu system: renaming would fork the source code. */
.dmx .section {
	position:		absolute;
	visibility:		hidden;
	background:		white;
	color:			black;
	font-size:		12px;
	z-index:		-1;
	padding:		5px;
}

@media screen and (max-device-width:1023px) {
	.dmx .section {
		font-size:	16px;
	}

	.MSP_top_menu {
		padding: 10px 0px 10px 0px;
	}

	.MSP_top_button
		{
		padding: 0px 10px 0px 0px;
	}

	.MSP_toolbar_center, #MSP_toolbar_line_2 {
		padding: 10px 0px 0px 0px;
	}
}

@media screen and (max-device-width:1023px) {
	.MSP_toolbar_button
		{
		padding: 0px 8px 0px 0px;
	}
}


.dmx .section a {
	color:			black;
	text-decoration:	none;
	white-space:		nowrap;
	clear:			both;
}

.dmx .section a:hover {
	background:		#BBBBBB;
}

.dmx td {
	 position:		relative;
}

.dmx .section {
    border: 1px solid #b8b4ae;
    position: absolute;
    visibility: hidden;
    z-index: -1;
}

/* service window reserved class */
.service_window {
			display:		none;
			font-size:		12px;
			position:		absolute;
			z-index:		21000;
			background:		white;
			border:			1px solid black;
}

/* vote classes; in theory app override reasonable */
.MSP_voteButton {
	font-size: 14px;
	font-family: Arial, sans-serif;
	margin: 5px 5px 5px 5px;
	color: white;
	background-color: #FF9900;
	border: 5px outset #FF9900;
	cursor: pointer;
}

.MSP_voteButtonFor {
	background-color: #4AA02C;
	border: 5px outset #4AA02C;
}

.MSP_voteSubmit {	/* align attributes with MSP_voteButton */
	font-size: 14px;
	font-family: Arial, sans-serif;
	color: white;
	cursor: pointer;
}

/* vote classes; in theory app override reasonable */
.MSP_voteButton1 {
	font-size: 12px;
	font-family: Arial, sans-serif;
	margin: 2px 2px 2px 2px;
	color: white;
	background-color: #FF9900;
	border: 2px outset #FF9900;
	cursor: pointer;
}

.MSP_voteButtonFor1 {
	background-color: #4AA02C;
	border: 2px outset #4AA02C;
}

.MSP_voteSubmit1 {	/* align attributes with MSP_voteButton */
	font-size: 12px;
	font-family: Arial, sans-serif;
	color: white;
	cursor: pointer;
}

.MSP_highlightedComment {
	border: 2px solid black;
}


/* Assumed dead on upgrade */
.dType0text,
.MSP_desc2, .MSP_desc3	{
			font-family:		Arial, sans-serif; 
			font-size:		8pt; 
			text-decoration: 	none;
			overflow:		hidden; 
			white-space:		nowrap;
			color:			#000000; 
			}

/* For the visitor list and caption descriptors */
.MSP_desc2_table,	.MSP_desc3_table,
.MSP_desc2_table_NPC,	.MSP_desc3_table_NPC,
.MSP_desc2_link,	.MSP_desc3_link, 
.MSP_desc2_link_NPC,	.MSP_desc3_link_NPC	
			{
			font-family:		Arial, sans-serif; 
			font-size:		8pt; 
			text-decoration: 	none;
			overflow:		hidden; 
			white-space:		nowrap;
			}

.MSP_desc2_table,	.MSP_desc3_table, 
.MSP_desc2_link,	.MSP_desc3_link  
			{
			background-color: 	white;
			color:			#000000; 
			}

.MSP_desc2_table_NPC,	.MSP_desc3_table_NPC,
.MSP_desc2_link_NPC,	.MSP_desc3_link_NPC
			{
			background-color: 	black;
			color:			white; 
			}

.MSP_desc2_cell	
			{
			width: 			60px;
			height: 		80px;
			text-align: 		center;
			}

.MSP_desc2_userIcon,
.MSP_desc3_userIcon
			{
			border: 		0px;
			background-color: 	white;
			text-align: 		center;
			}

/* Owner descriptor classes */
.MSP_descriptorTable	{ width: 		320px; }
.MSP_MDTable		{ width: 		250px; }

.MSP_descriptorTable,
.MSP_MDTable		{
			border: 		1px solid black;
			height: 		50px;
			background-color: 	white;
			}

.MSP_descTwinCell	{
			height: 		30px;
			width: 			200px;
			}

.MSP_descPlatformCell	{
			height: 		30px;
			}

.MSP_descPlatformIcon	{
			height: 		20px;
			width: 			20px;
			}

.MSP_descUserNameCell	{
			height: 		30px;
			}

.MSP_descUserName	{
			color: 			red;
			font-family:		Verdana, Arial, sans-serif; 
			font-size:		12pt;
			text-decoration: 	none;
			overflow:		hidden; 
			white-space:		nowrap;
			}

.MSP_descPageOwner	{
			color: 			green;
			font-family:		Verdana, Arial, sans-serif; 
			font-size:		10pt;
			text-decoration: 	none;
			overflow:		hidden; 
			white-space:		nowrap;
			}

.MSP_descUserIconCell	{
			position:		relative;
			height: 		50px;
			width: 			50px;
			text-align:		right;
			}

.MSP_descProfileImg	{
			z-index:	100;
			position: absolute;
			bottom: 0px;
			right: 0px;
			}

.MSP_descUserIcon	{
			border:			0px;
			text-align:		right;
			}

.MSP_descFriendsCell	{
			width: 			70px;
			height: 		50px;
			text-align: 		center;
			}

.MSP_descHomeIcon	{
			width: 			70px;
			height: 		50px;
			text-align: 		center;
			border: 		0;
			}

.MSP_descFriendIcon	{
			width: 			35px;
			height: 		50px;
			text-align: 		center;
			border: 		0;
			}

.MSP_tempCell		{
			border: 		0px;
			width: 			320px;
			height:			30px;
			text-align: 		right;
			}

.MSP_descSmallIcons	{
			height: 		20px;
			} 

.MSP_descMdLines	{
			font-family: 		Arial, sans-serif; 
			font-size: 		8pt; 
			text-decoration: 	none;
			text-align:	 	center;
			overflow: 		hidden; 
			white-space: 		nowrap;
			color: 			#FFFFFF;
			display: 		block;
			postition:		relative;
			}

.MSP_MdLinesOverButton	{
			z-index:		100;
			position:		absolute;    
			color:			black;
			font-size:		12px;
			font-weight: 		bold;
			text-decoration:	none;
			left:			10px;
			top:			10px;
			padding-top:		0px
			}

.MSP_descHover		{
			font-family:		arial; 
			font-size: 		10pt; 
			font-weight:		bold; 
			background-color:	#FFFFFF;
			}

.MSP_descActionButtons	{
			float:			left;
			font-family: 		Arial, sans-serif; 
			font-size: 		8pt; 
			text-decoration: 	none;
			text-align:	 	center;
			overflow: 		hidden; 
			white-space: 		nowrap;
			color: 			#000000;
			width: 			35px;
			height:			15px;
			display: 		block;
			background-image: url(/msp/images/action_button.png);
			}

a.MSP_toolbarLink	{
			font-family: Verdana, Arial, sans-serif;
			font-size: 9px;
			font-weight: bold;

			padding-top: 0px;
			margin: 0px;
			text-align: center;

			width: 60px;
			height: 25px;
			line-height: 25px;

			background-repeat: no-repeat;
			display: block;
			color: #000000;
			text-decoration: none;
			}


a.MSP_toolbarMenuLine2	{
			font-family: Verdana, Arial, sans-serif;
			font-size:10px;
			font-weight:bold;

			padding-top:0px;
			margin-right:5px;
			text-align: center;

			width:auto;
			height:21px;
			line-height:21px;
			display: block;
			color: #000000;
			padding: 0px 5px 0px 5px;
			text-decoration: none;
			}