.rotate {
    /* Safari, Chrome */
    -webkit-transform: rotate(90deg);
    /* Firefox */
    -moz-transform: rotate(90deg);
    /* IE */
    -ms-transform: rotate(90deg);
    /* Opera */
    -o-transform: rotate(90deg);
    /* Older versions of IE */
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    /* CSS3 standard as defined here: http://www.w3.org/TR/css3-transforms/ */
    transform: rotate(90deg);
}

.feedback {
    position	: fixed;
    font-weight	: bold;
    font-size	: 16px;
}

.feedback-form-wrapper {
    display		: block;
    z-index		: 9999; /* Make sure it floats a little higher than the feedback form div below */
    top			: 60px;
    right		: -300px; /* Bring the div in and hide the left (top) border */
    width		: 300px;
    background-color: #eee;
    color		: #333;
    border		: 1px solid #ddd;
	-moz-border-radius-topleft: 4px;
	border-top-left-radius: 4px;
	-moz-border-radius-bottomleft: 4px;
	border-bottom-left-radius: 4px;
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.2);
	box-shadow: 0 1px 1px rgba(0,0,0,.2);
	padding: 20px;
}

.feedback-toggle {
    right		: 0px; /* Bring the div in and hide the left (top) border */
    top			: 120px;
    cursor		: pointer;
	width		: 100px;
    height		: 100px; /* Since this is getting rotated height appears as width to the eye*/
	padding-top: 5px;
	width:	35px;
    background-color: #d9534f;
    text-align	: center;
    border-bottom	: 1px solid #ddd;
    border-left	: 1px solid #ddd;
    border-top: 1px solid #ddd;
	-moz-border-radius-topleft: 4px;
	border-top-left-radius: 4px;
	-moz-border-radius-bottomleft: 4px;
	border-bottom-left-radius: 4px;
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.2);
	box-shadow: 0 1px 1px rgba(0,0,0,.2);
    z-index		: 10000; /* Make sure it floats above the content */
}
.feedback-toggle div {
	padding: 5px;
	color: #fff;
}