/* GENERAL FEEDBACK STYLING */
#feedback-container{

}
#feedback{
    background-color: #000000;
    width: 180px;
    height: 167px;
    padding: 0px;

    display: block;
    position: fixed;

    border-style: solid;
    border-width: 1px;

    background-image: url(feedback.png);
    background-repeat: no-repeat;
   
    font-family: Arial,Helvetica,sans-serif;
    font-size: 10px;
    color: #ffffff;

    /* CSS3 properties */
    -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.95);
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.95);
}

#feedbackside{
    background-color: #000000;
    width: 20px;
    height: 100px;
    padding: 0px;

    display: block;
	position: absolute;
    top: 500px;
    right: -1px;

    border-style: solid;
    border-width: 1px;
   
    font-family: Arial,Helvetica,sans-serif;
    font-size: 10px;
    color: #ffffff;

    /* CSS3 properties */
    -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.95);
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.95);
}

#feedbackside:hover{
    background-color: #333333;
    cursor:pointer;
    /* CSS3 properties */
    -moz-box-shadow:0 3px 8px rgba(0, 0, 0, 0.95);
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.95);
}

#feedback:hover{
    background-color: #333333;
    cursor:pointer;
    /* CSS3 properties */
    -moz-box-shadow:0 3px 8px rgba(0, 0, 0, 0.95);
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.95);
}

/* FEEDBACK BULLET LIST LINKS */
#feedback ul{
    list-style: none;
    margin: 0px;
    padding:3px;
}

#feedback a{
    color: #ffffff;
    text-decoration: none;
    font-weight: bolder;
}

#feedback a:hover{
    text-decoration: underline;
}

#feedback #bug{
    background-image: url(bug.png);
    background-repeat: no-repeat;
    padding-left:20px;
    padding-bottom: 5px;
}

#feedback #suggestion{
    background-image: url(suggestion.png);
    background-repeat: no-repeat;
    padding-left:20px;
    padding-bottom: 5px;
}

#feedback #comment{
    background-image: url(comment.png);
    background-repeat: no-repeat;
    padding-left:20px;
    padding-bottom: 5px;
}

/* FEEDBACK POSITIONAL FORMATTING CLASSES APPLIED VIA JS */
.feedback-left{
    top: 40%;
    left: -160px;
    background-position: right;
}

.feedback-right{
    top: 40%;
    right: -155px;
}

.feedback-body-left{
    padding-right:23px;
    padding-left:2px;
    text-align: right;
}

.feedback-body-right{
	padding-top: 35px;
    padding-left:27px;
    padding-right:2px;
}