﻿#feedback_button {
 display: block;
 position: fixed;
 z-index: 1000;
 top: 210px;
 left: -33px;
 height: 36px;
 width: 100px;
 line-height: 36px;
 text-align: center;
 font-size: 15px;
 font-weight: bold;
 color: #fff;
 background-color: #ffa500;
 border: 2px solid #fff;
 -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .4);
 -moz-box-shadow: 0 0 4px rgba(0, 0, 0, .4);
 box-shadow: 0 0 4px rgba(0, 0, 0, .4);
 /* 90 deg rotation */
 -webkit-transform: rotate(-90deg);
 -moz-transform: rotate(-90deg);
 -ms-transform: rotate(-90deg);
 -o-transform: rotate(-90deg);
 transform: rotate(-90deg);
 /* For IE7 & IE8 */
 left: -2px\9;
 top: 32px\9;
 /* For IE9+ adjustment of left & top position */
 -ms-transform: translate(-31px, 178px) rotate(-90deg)\9;
 transform: translate(-31px, 178px) rotate(-90deg)\9;
}
#feedback_button:hover, #feedback_button:focus, #feedback_button:active {
 outline: 0;
 background-color: #3897c7;
}
#feedback_bg {
 display: none;
 position: fixed;
 z-index: 1001;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 background-color: rgba(0, 0, 0, .6);
 /* For IEs */
 -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc000000, endColorstr=#cc000000)";
 *filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc000000, endColorstr=#cc000000);
}
#feedback {
 display: none;
 position: absolute;
 z-index: 1002;
 top: 100px;
 left: 200px;
 padding: 16px;
 width: 600px;
 background-color: #f2f2f2;
 -webkit-border-radius: 6px;
 -moz-border-radius: 6px;
 border-radius: 6px;
 -webkit-box-shadow: 1px 1px 18px rgba(0, 0, 0, .75);
 -moz-box-shadow: 1px 1px 18px rgba(0, 0, 0, .75);
 box-shadow: 1px 1px 18px rgba(0, 0, 0, .75);
 overflow: auto;
}
#feedback a {
 float: right;
 display: block;
 margin-top: -1px;
 width: 18px;
 height: 18px;
 font-size: 20px;
 line-height: 18px;
 text-align: center;
 color: #fff;
 background-color: #494949;
 -webkit-border-radius: 3px;
 -moz-border-radius: 3px;
 border-radius: 3px;
}
#feedback a:hover, #feedback a:focus, #feedback a:active {
 outline: 0;
 background-color: #7f7f7f;
}
#feedback h6 {
 margin-top: 7px;
 margin-bottom: 26px;
 font-family: 'Architects Daughter';
 font-size: 19px;
 font-weight: normal;
 color: #229cdc;
 text-shadow: 0 1px 0 #fff;
}
#feedback p {
 font-size: 14px;
 line-height: 19px;
 color: #494949;
 text-shadow: 0 1px 0 #fff;
}
#feedback form {
 margin-top: 40px;
}
#feedback label {
 display: block;
 margin: 18px 0 5px 0;
 font-size: 14px;
 font-weight: bold;
 color: #494949;
 text-shadow: 0 1px 0 #fff;
}
#feedback input, #feedback textarea {
 width: 573px;
}
#feedback textarea {
 height: 180px;
 resize: vertical;
}
#feedback button {
 float: right;
 margin-top: 10px;
}
#feedback span {
 display: block;
 margin-top: 15px;
 float: left;
 max-width: 430px;
 font-size: 14px;
 font-style: italic;
 line-height: 19px;
 color: #e7183f;
}