#sort_container {
    position: relative;
    height: 460px;
    overflow: hidden;
    padding: 30px 0 50px 0;
}

#sort_arena {
    height: 460px;
    padding: 10px 0;
    width: 940px;
    overflow: auto;
}

.moveupIcon,
.movedownIcon {
	width: 17px;
	height: 17px;
	background: url() center center no-repeat transparent;
	padding: 0 20px;
}

.moveupIcon {
	background-image: url(images/up.png);
}

.movedownIcon {
	background-image: url(images/down.png);
}

#sort_scrollup,
#sort_scrolldown {
    left:0px;
    width:100%;
    padding: 5px 0;
    background: #F4F4F4;
    color: #CDCDCD;
    position:absolute;
    text-align: center;
    cursor: pointer;
}

#sort_scrollup {
	top:0px;
}

#sort_scrolldown {
    bottom:0px;
}

#sort_scrollup:hover .moveupIcon {
	background-image: url(images/up-hover.png);
}

#sort_scrolldown:hover .movedownIcon {
	background-image: url(images/down-hover.png);
}

.sort_image {
    display: inline-block;
    width: 105px;
	height: 193px;
    overflow: hidden;
    margin: 0 10px 10px 0;
    background: url(images/border.gif) 0 188px no-repeat #F4F4F4;
    cursor: move;
}

.sort_image p {
	margin: 1px 0 0 0;
	word-break: break-all;
}

.dndImgContainer {
	height: 105px;
	width: 105px;
	display: table;
}

.dndImgRow {
	display: table-row;
}

.dndImgCell {
	display: table-cell;
	text-align: center;
	vertical-align: bottom;
}

.dndImgCell img {
	max-width: 105px;
	max-height: 105px;
}

.sort_title {
	position: relative;
	top: -87px;
	color: #2C2D31;
	font-size: 14px;
	padding: 0 3px;
}

.sort_description {
	position: relative;
	top: -87px;
	color: #CB1B27;
	font-size: 14px;
	padding: 0 3px;
}

.sort_delete {
	width: 32px;
	height: 32px;
	background: url(images/iconMiddle_cancel.png) top left no-repeat;
	margin: 56px 0 0 73px;
	cursor: pointer;
	position: relative;
	z-index: 6000;
}


.sort_placeholder {
	display: inline-block;
	background-color: #F4F4F4;
	width: 105px;
	height: 193px;
	margin: 0 10px 10px 0;
}

.sort_image img {
	
}

.ui-sortable-helper {
	z-index: 6005 !important;
}





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

.dragndropDialogModalCloser {
	margin-left: 890px;
}

.dragndropBottomShadow {
	border-bottom: 5px solid #E6E6E6;
	margin: 10px 0;
}

.sendSorting {
	border: none;
	width: 104px;
	height: 42px;
	background: url(images/apply.png) 0 0 no-repeat transparent;
	padding: 0;
	margin: 0;
	cursor: pointer;
	text-indent: -11000000px;
}
.sortCancel {
	color: #B2B2B2;
	background: url(images/modalCloser.png) 0px 1px no-repeat transparent;
	padding: 0 0 0 25px;
	margin: 2px 10px 0 0;
	cursor: pointer;
}