/* ----------------------------------------------------------------- */
/* PTSelectMenu classes have been moved to jscontrols2.template file */
/* ----------------------------------------------------------------- */


/* menu body */

.PTPMMenuBody
{
	background-color:	white;
	border:				2px solid #DDD;
	color:				black;
	cursor:				default;
	left:				0;
	margin:				0;
	overflow-x:			visible;
	overflow-y:			auto;
	padding:			0;
	position:			absolute;
	top:				0;
	z-index:			2500;
}

.PTPMMenuBody .outer-border
{
	border:				0px;
}

.PTPMMenuBody .inner-border
{
	border:				0px;
	padding:			1px;
	width:				100%;
	height:				100%;
}


/* menu items */

.PTPMMenuBody td
{
	font:				menu;
}

.PTPMMenuBody .hover
{
	background-color:	highlight;
	cursor:				hand;
}

.PTPMMenuBody .hover td
{
	color:				highlighttext;
}

.PTPMMenuBody td.empty-icon-cell
{
	background-color:	#F1F1F1;
	border:				0px none;
	padding:			0px 2px;
	text-align:			right;
}

.PTPMMenuBody .hover td.empty-icon-cell
{
	background-color:	highlight;
	border:				0px none;
	padding:			0px 2px;
	text-align:			right;
}

.PTPMMenuBody td.empty-icon-cell span
{
	width:				16px;
}

.PTPMMenuBody td.icon-cell
{
	background-color:	#F1F1F1;
	border:				0px none;
	padding-left:		0px 2px;
	text-align:			right;
}

.PTPMMenuBody .hover td.icon-cell
{
	background-color:	highlight;
	border:				0px none;
	padding-left:		0px 2px;
	text-align:			right;
}


.PTPMMenuBody td.icon-cell img
{
	margin:				0px;
}

.PTPMMenuBody td.label-cell-popup
{
	width:				100%;  
	padding:			0px 5px;
}

.PTPMMenuBody td.label-cell-div
{
	padding:			0px 5px;
}

.PTPMMenuBody td.shortcut-cell
{
	padding:			0px 5px;
}

.PTPMMenuBody td.arrow-cell
{
	width:				20px;
	padding:			0px 2px 0px 0px;
	font-family:		webdings;
	font-size:			80%;
}


/* disabled items */

.PTPMMenuBody .disabled .disabled-container
{
	color: 				graytext;
	
}

.PTPMMenuBody .disabled .icon-cell .disabled-container
{
	background-color:	#F1F1F1;
	width:				100%;
	height:				100%;
}

.PTPMMenuBody .disabled-hover .icon-cell .disabled-container
{
	background-color:	highlight;
	width:				100%;
	height:				100%;
}

.PTPMMenuBody .disabled .icon-cell .disabled-container .disabled-container,
.PTPMMenuBody .disabled-hover .icon-cell .disabled-container .disabled-container
{
	margin: 			0px 0px 1px 0px;
}

.PTPMMenuBody .disabled-hover td
{
	background-color:	highlight;
	color:				graytext;
}


/* separator */

.PTPMMenuBody td.separator
{
	font-size:			0.001mm;
	padding:			4px 10px;
}

.PTPMMenuBody td .separator-line
{
	overflow:			hidden;
	border-top:			1px solid #B1B1B1;
	height:				1px;
	margin:				0 3px;
}


/* Scroll buttons */

.PTPMMenuBody #scroll-up-item td,
.PTPMMenuBody #scroll-down-item td
{
	font-family:		webdings !important;
	text-align:			center;
	padding:			10px;
}

.PTPMMenuBody #scroll-up-item,
.PTPMMenuBody #scroll-down-item
{
	width:				100%;
}

.PTPMMenuBody #scroll-up-item td,
.PTPMMenuBody #scroll-down-item td
{
	font-family:		webdings;
	text-align:			center;
	padding:			0px 5px;
	font-size:			10px;
}


/* radio and check box items */

.PTPMMenuBody .check-box
{
	font-family:		marlett;
	font-size:			130%;
	width:				16px;
	text-align:			center;
	vertical-align:		middle;
}

.PTPMMenuBody .radio-button
{
	font-family:		marlett;
	font-size:			66%;
	width:				16px;
	text-align:			center;
	vertical-align:		middle;
}

.PTPMMenuBody .checked .check-box
{
	font-family:		marlett;
	font-size:			130%;
}

.PTPMMenuBody .checked .radio-button
{
	font-family:		marlett;
	font-size:			66%;
}


/* Menu Bar */

.PTPMMenuBarMenu
{
	background:			#888;
	cursor:				default;
	padding:			0px;
}

.PTPMMenuBarMenu .menu-button
{
	background:			menu;
	color:				buttontext;
	font:				menu;
	border:				1px solid menu;
	margin:				0px;
	display:			inline-block;
	white-space:		nowrap;
	cursor:				default;
	padding:			0px 6px;
}

.PTPMMenuBarMenu .menu-button.active
{
	padding:			0px 6px;
	border:				1px solid inset;
}

.PTPMMenuBarMenu .menu-button.hover
{
	padding:			0px 6px;
	border:				1px solid outset;
}