/* Wrapper around actual data, main dynamic region */
.pagelistContainer
{
	clear: both;
}

#dialogContainer .pagelistRegion
{
	/*height: 300px;*/
	overflow: hidden;
}

.pagelistContainer #PageListTable
{
	/*width: 100%;*/
	overflow-y: auto;
	overflow-x: hidden;
	position:relative;
}

.pagelistContainer .pagelistReady
{
	overflow: auto;
	overflow-x: hidden;
}

.pagelistContainer .pagelistRegion table
{
	border-collapse: collapse;
	/*table-layout: fixed;*/
	width: 100%;
}

.pagelistContainer .pagelistRegion table .tableRowHover
{
	background-color: #EFEFEF;
}

.pagelistContainer .pagelistRegion table td
{
	border-bottom: 1px solid #CCCCCC;
	padding: 8px 0px 3px 8px;
	/*height: 27px;*/
}

/* Top table, holds the sort buttons and fakes itself as a header of the table that holds actual data */
.pagelistContainer .pagelistHeader
{
	cursor: pointer;
	width: 100%;
}

/* The cursor for the State and Action column headers should be normal as they are not sortable */
.pagelistHeader .defaultActionColumn,
.pagelistHeader .defaultStateColumn
{
	cursor: default;
}

.pagelistHeader .defaultActionColumn
{
	/*width: 120px;*/
}
.pagelistHeader .defaultStateColumn
{
	width: 95px;
}
.pagelistHeader .defaultDateColumn
{
	width: 70px;
}
.pagelistHeader .defaultSubsiteColumn
{
	width: 200px;
}
.pagelistHeader .defaultTitleColumn
{
	width: 285px; /* Width decreased to accommodate wider Actions column. */
}
.pagelistHeader .defaultDocumentTypeColumn
{
	width: 15px;
}
.pagelistContainer .pagelistHeader th
{
	background-image: url(../images/controls/header_blue.gif);
	background-repeat: no-repeat;
	color: #FFFFFF;
	font-weight: bold;
	height: 20px;
	padding-left: 8px;
}

.pagelistRegion .pagelistHeader th img
{
	margin-left: 2px;
}


/*
 * Default PageList Column classes
 * 		Note these classes are applied to both the header columns and each row (A possible exception to this is perhaps
 * 		the Actions column a part of which is taken up by the scroll bar in the body table).
 */

.pagelistRegion .defaultActionColumn
{
	/*width: 105px;*/ /* Width increased to accomodate Metadata & Security menu icon. */

}
.pagelistRegion .defaultStateColumn
{
	width: 95px;
}

.pagelistRegion .defaultDateColumn
{
	width: 70px;
}

.pagelistRegion .defaultSubsiteColumn
{
	width: 200px;
}

.pagelistRegion .defaultTitleColumn
{
	width: 285px; /* Width decreased to accommodate wider Actions column. */
}

.pagelistRegion .defaultDocumentTypeColumn
{
	width: 15px;
}

/* very specific selectors, to override this: .pagelistContainer .pagelistRegion table td */
.pagelistContainer .pagelistHeader th.favoriteColumn,
.pagelistContainer .pagelistRegion table td.favoriteColumn
{
	padding: 0;
	text-align: center;
	width: 23px;
}
.pagelistContainer .pagelistHeader th.favoriteColumn
{
	cursor: default;
}
.pagelistContainer .pagelistRegion table td.favoriteColumn img
{
	cursor: pointer;
}

/*
 * State and Action column icons
 */
.pagelistContainer .stateIcon
{
	padding-right: 3px;
	cursor: default;
}
.pagelistContainer .stateMontageIcon
{
	cursor: default;
}
.pagelistContainer .stateMontagePointerIcon
{
	cursor: pointer;
}

.pagelistContainer .actionIcon
{
	padding-right: 3px;
	cursor: pointer;
}
.pagelistContainer .actionMontageIcon
{
	cursor: pointer;
}


/*
 * SPRY Loading and Error Message classes
 */
.pagelistRegion .loadingMessage,
.pagelistRegion .errorMessage
{
	/* height: 100%; */
	text-align: center;
	padding-top: 185px;
}

.pagelistRegion .loadingMessage
{
	background-image: url(../images/dialog/loading.gif);
	background-repeat: no-repeat;
	background-position: 50% 30%;
}

.pagelistRegion .errorMessage
{
	color: #FF0000;
}

/* Generic style class for the outer menu.
* 		Gets its size implicitly from inner menu (which is menu-specific & has size specified explicitly) and padding.
*/
.outerMenu
{
	position: absolute;
	z-index: 9999;
	background: transparent;
	vertical-align: middle;
	padding: 8px;

	display: none;
}
/*
 * Styles for the Select Date Option, Page Mode and Page Properties popupmenus
 */
.selectDateMenu
{
	opacity: 1;
	filter: Alpha(opacity=100);
	position: relative;
	z-index: 10000;
	background: #F0F0F0;
	border: 1px solid #aaa;
	padding-left: 0px;
	line-height: 20px;
	width: 220px;
	height: 100px;
	display: block;
}

.selectDateMenu img
{
	padding-right: 3px;
}

.editPageMenu
{
	width: 205px;

	/* Following to be factored out into common item */
	position: relative;
	z-index: 10000;
	background: #F0F0F0;

	border: 1px solid #aaa;
	padding-left: 0px;
	line-height: 20px;

	display: block;
}

.metadataAndSecurityMenu
{
	width: 220px;

	/* Following to be factored out into common item */
	position: relative;
	z-index: 10000;
	background: #F0F0F0;

	border: 1px solid #aaa;
	padding-left: 0px;
	line-height: 20px;

	display: block;
}

.moreActionsMenu
{
	width: 235px;

	/* Following to be factored out into common item */
	position: relative;
	z-index: 10000;
	background: #F0F0F0;

	border: 1px solid #aaa;
	padding-left: 0px;
	line-height: 20px;

	display: block;
}
.selectDateMenu a,
.editPageMenu a,
.metadataAndSecurityMenu a,
.moreActionsMenu a
{
	text-decoration: none;
}
.selectDateMenu a:link, .selectDateMenu a:active , .selectDateMenu a:visited,
.editPageMenu a:link, .editPageMenu a:active , .editPageMenu a:visited,
.metadataAndSecurityMenu a:link, .metadataAndSecurityMenu  a:active , .metadataAndSecurityMenu a:visited,
.moreActionsMenu a:link, .moreActionsMenu  a:active , .moreActionsMenu a:visited
{
	color: #000000;
}

.selectDateMenu   ul,
.editPageMenu   ul,
.metadataAndSecurityMenu   ul,
.moreActionsMenu ul,
.menuUL
{
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	border-color: #000000;
	border-top-style: none;
	margin: 0;
	padding: 0;
	cursor: default;
}

.selectDateMenu  li,
.editPageMenu  li,
.metadataAndSecurityMenu  li,
.moreActionsMenu li,
.menuLI
{
	background-image: none;
	margin: 0;
	padding-left: 5px;
	height: 20px;
}

.selectDateMenu  li:hover,
.editPageMenu  li:hover,
.metadataAndSecurityMenu  li:hover,
.moreActionsMenu li:hover
{
	background-color: #D9E3ED;
	font-weight: bold;
	margin-left: 0px;
	border: none;
}

/* Begin: Styles for security-disabled menu option. */
.editPageMenu .disabledMenuOption,
.metadataAndSecurityMenu .disabledMenuOption,
.moreActionsMenu .disabledMenuOption
{
}

.editPageMenu .disabledMenuOption:hover,
.metadataAndSecurityMenu .disabledMenuOption:hover,
.moreActionsMenu .disabledMenuOption:hover
{
	font-weight: normal;
	background: #F0F0F0 none repeat scroll 0% 0%;
}

.editPageMenu .disabledMenuOption a,
.metadataAndSecurityMenu .disabledMenuOption a,
.moreActionsMenu .disabledMenuOption a
{
	text-decoration: none;
	cursor: text;
}

.editPageMenu .disabledMenuOption a:link,
.editPageMenu .disabledMenuOption a:active,
.editPageMenu .disabledMenuOption a:visited,
.metadataAndSecurityMenu .disabledMenuOption a:link,
.metadataAndSecurityMenu .disabledMenuOption a:active,
.metadataAndSecurityMenu .disabledMenuOption a:visited,
.moreActionsMenu .disabledMenuOption a:link,
.moreActionsMenu .disabledMenuOption a:active,
.moreActionsMenu .disabledMenuOption a:visited
{
	color: #999999;
}

.selectDateMenu ul li img,
.editPageMenu ul li img,
.metadataAndSecurityMenu ul li img,
.moreActionsMenu ul li img
{
	float: left;
}

.selectDateMenu ul li a,
.editPageMenu ul li a,
.metadataAndSecurityMenu ul li a,
.moreActionsMenu ul li a
{
	display: block;
}
/* End: Styles for security-disabled menu option. */

.menuHorizontalSeparator
{
	border: 0px none;
	width: 180px;
	background-color: #CCCCCC;
	height: 1px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 3px;
	margin-bottom: 0px;
	padding: 0px;
	width:100%;
}

.filenameinList {
	display: block;
	font-size: 90%;
}
/*
 * Select Date Options link
 */
#selectDateLink
{
	background-image: url(../icons/arrow_turn_right.png);
	background-position: left center;
	background-repeat: no-repeat;
	font-weight: bold;
	padding-left: 20px;
	padding-right: 15px;
	/* float: left; */
}

#showFileNameCheckbox
{
	font-weight: bold;
	cursor: pointer;
	text-decoration: underline;
	color: #003366;
}

#selectDateLinkDiv
{
	line-height: 14px;
	margin-bottom: 3px;
}

/*
 * Image Preview popup styles.
 */
.imagePreviewDiv,
.videoPreviewDiv
{
	width: 420px; /* 390px; */
	height: 300px; /* 250px; */
	text-align: center; /* left; */
	position: absolute;
	background: transparent;
	z-index: 200000;
}

.imagePreviewDiv table,
.videoPreviewDiv table
{
	width: 390px;
	height: 250px;
	background-color: #FFFFFF;
}

.imagePreviewDiv table td,
.videoPreviewDiv table td
{
	padding-left: 10px;
	vertical-align: top;
}
.imagePreviewDiv .imagePreview,
.videoPreviewDiv .imagePreview
{
	margin-bottom: 5px;
}

.imagePreviewDiv .imagePreviewTitle,
.videoPreviewDiv .imagePreviewTitle
{
	font-size: 150%;
	color: #0055AA;
	font-weight: bold;
}

.imagePreviewDiv table td.titleCell,
.videoPreviewDiv table td.titleCell
{
	height: 70px;
	padding-top: 10px;
}

.imagePreviewDiv table td.imageCell,
.videoPreviewDiv table td.imageCell
{
	width: 170px;
	text-align: center;
	padding-left: 5px;
}

.imagePreviewDiv .strongText,
.videoPreviewDiv .strongText
{
	font-weight: bold;
	white-space: nowrap;
  	overflow: hidden;
  	text-overflow: ellipsis;
  	padding:0 12px 0px 12px;
}

/*
* Shadow popup styles:
*/
.shadowPopupDiv
{
	position: absolute;
	display: none;
}

.shadowPopupArrowDiv
{
	position: absolute;
	z-index: 1001;
}

#leftArrowDiv
{
	display: none;
}

#rightArrowDiv
{
	display: none;
}

.shadowPopupTopCapDiv
{
	height: 20px;
}

.shadowPopupInnerDiv
{
	position: relative;
	background-image: url(/commonspot/dashboard/images/popup_middle.png);
	background-repeat: repeat-y;
	height: 300px;
	z-index: 1000;
	padding: 0px 0px 5px 8px;
	margin: 0px;
	width: 442px;
}


/* New Image Preview Popup Styles */
.imagePreviewTitleDiv
{
	margin: 5px 0px 20px 0px;
}

.imagePreviewDescDiv
{
	margin: 5px 0px 5px 0px;
}

.titleimg
{
	float:left;
   padding-right:5px;
}

.pagelink
{
	display:none;
	vertical-align:middle;
}

.defaultTitleColumn:hover .pagelink {display: inline-block;}

.pagelistRegion .defaultDateColumn,
.pagelistRegion .defaultDocumentTypeColumn,
.pagelistRegion .defaultTitleColumn,
.pagelistRegion .defaultSubsiteColumn,
.pagelistRegion .defaultStateColumn,
.pagelistRegion .defaultActionColumn
{
	 vertical-align:top;
}

.reorder-arrow
{
	cursor: row-resize;
	display: inline-block;
	float: left;
	padding-left: 2px;
	padding-right: 8px;
	position: relative;
	top: -2px;
	transform: scale(1.5);
}
#notificationsandactivity .reorder-arrow
{
	position: absolute;
	right: -1px;
}
.reorder-arrow-after
{
	display: block;
	overflow: hidden;
	margin-bottom: 3px;
}
.reorder-arrow-after .reorder-arrow-after
{
	margin-bottom: 0;
}
.stay-right-of-float
{
	display: table-cell;
	position: relative;
	top: 1px;
	padding-bottom: 2px;
}

#pagelistTable td
{
	word-break: break-word;
	vertical-align: top;
}

#PageListTable td
{
	word-break: break-word;
	vertical-align: top;
}