/*
YUI 3.17.2 (build 9c3c78e)
Copyright 2014 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
http://yuilibrary.com/license/
*/

.yui3-resize,.yui3-resize-wrapper {
	z-index: 0;
	zoom: 1;
}

.yui3-resize-handle {
	position: absolute;
	display: block;
	z-index: 100;
	zoom: 1;
}

.yui3-resize-proxy {
	position: absolute;
	border: 1px dashed #000;
	position: absolute;
	z-index: 10000;
}

.yui3-resize-hidden-handles .yui3-resize-handle {
	opacity: 0;
	filter: alpha(opacity=0);
}

.yui3-resize-handle-t,
.yui3-resize-handle-b {
	width: 100%;
	left: 0;
	height: 6px;
}

.yui3-resize-handle-l,
.yui3-resize-handle-r {
	height: 100%;
	top: 0;
	width: 6px;
}

.yui3-resize-handle-t {
	cursor: n-resize;
	top: 0;
}

.yui3-resize-handle-b {
	cursor: s-resize;
	bottom: 0;
}

.yui3-resize-handle-l {
	cursor: w-resize;
	left: 0;
}

.yui3-resize-handle-r {
	cursor: e-resize;
	right: 0;
}

.yui3-resize-handle-inner {
	position: absolute;
	zoom: 1;
}

/* Smartphones (portrait and landscape) -----------
Adding larger hit-area ':after' objects to handles
*/
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {
/* Styles */
    .yui3-resize-handle-inner:after {
    	content: "";
        width: 40px;
        height: 40px;
        position: absolute;
    }

    .yui3-resize-handle-inner-r,
    .yui3-resize-handle-inner-l,
    .yui3-resize-handle-inner-t,
    .yui3-resize-handle-inner-b,
    .yui3-resize-handle-inner-tr,
    .yui3-resize-handle-inner-br,
    .yui3-resize-handle-inner-tl,
    .yui3-resize-handle-inner-bl {
    	overflow: visible !important;
    }

    .yui3-resize-handle-inner-r:after {
        top: -12px;
        right: 0;
    }
    .yui3-resize-handle-inner-l:after {
        top: -12px;
        left: 0;
    }
    .yui3-resize-handle-inner-t:after {
        top: 0;
        left: -12px;
    }
    .yui3-resize-handle-inner-b:after {
        bottom: 0;
        left: -12px;
    }
    .yui3-resize-handle-inner-tr:after {
        top: 0;
        right: 0;
    }
    .yui3-resize-handle-inner-br:after {
        bottom: 0;
        right: 0;
    }
    .yui3-resize-handle-inner-tl:after {
        top: 0;
        left: 0;
    }
    .yui3-resize-handle-inner-bl:after {
        bottom: 0;
        left: 0;
    }
}

/* iPads (portrait and landscape) -----------
Adding larger hit-area ':after' objects to handles
*/
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px) {
/* Styles */
    .yui3-resize-handle-inner:after {
    	content: "";
        width: 30px;
        height: 30px;
        position: absolute;
    }

    .yui3-resize-handle-inner-r,
    .yui3-resize-handle-inner-l,
    .yui3-resize-handle-inner-t,
    .yui3-resize-handle-inner-b,
    .yui3-resize-handle-inner-tr,
    .yui3-resize-handle-inner-br,
    .yui3-resize-handle-inner-tl,
    .yui3-resize-handle-inner-bl {
    	overflow: visible !important;
    }

    .yui3-resize-handle-inner-r:after {
        top: -6px;
        right: 0;
    }
    .yui3-resize-handle-inner-l:after {
        top: -6px;
        left: 0;
    }
    .yui3-resize-handle-inner-t:after {
        top: 0;
        left: -6px;
    }
    .yui3-resize-handle-inner-b:after {
        bottom: 0;
        left: -6px;
    }
    .yui3-resize-handle-inner-tr:after {
        top: 0;
        right: 0;
    }
    .yui3-resize-handle-inner-br:after {
        bottom: 0;
        right: 0;
    }
    .yui3-resize-handle-inner-tl:after {
        top: 0;
        left: 0;
    }
    .yui3-resize-handle-inner-bl:after {
        bottom: 0;
        left: 0;
    }
}

.yui3-resize-handle-inner-t,
.yui3-resize-handle-inner-b {
	margin-left: -8px;
	left: 50%;
}

.yui3-resize-handle-inner-l,
.yui3-resize-handle-inner-r {
	margin-top: -8px;
	top: 50%;
}

.yui3-resize-handle-inner-t {
	top: -4px;
}

.yui3-resize-handle-inner-b {
	bottom: -4px;
}

.yui3-resize-handle-inner-l {
	left: -4px;
}

.yui3-resize-handle-inner-r {
	right: -4px;
}

.yui3-resize-handle-tr,
.yui3-resize-handle-br,
.yui3-resize-handle-tl,
.yui3-resize-handle-bl {
	height: 15px;
	width: 15px;
	z-index: 200;
}

.yui3-resize-handle-tr {
	cursor: ne-resize;
	top: 0;
	right: 0;
}

.yui3-resize-handle-tl {
	cursor: nw-resize;
	top: 0;
	left: 0;
}

.yui3-resize-handle-br {
	cursor: se-resize;
	bottom: 0;
	right: 0;
}

.yui3-resize-handle-bl {
	cursor: sw-resize;
	bottom: 0;
	left: 0;
}