#feedback, #overlay, #feedBox {position:fixed}


/*
 *  FEEDBACK BUTTON
 */

#feedback {top:25%; right:-5px; width:48px; height:113px; border-right:none; background:transparent url('../../../images/common/feedback/button_feedback.png') no-repeat top left; cursor:pointer; z-index:1000}
#feedback.hover {background-position:-81px 0px;}


/*
 *  FEEDBACK OVERLAY
 */

#overlay {top:0; width:100%; background:#000; z-index:1001;left:0;}


/*
 *  FEEDBACK WINDOW
 */

#feedBox {top:-332px; width:650px; height:332px; background:#eee; z-index:10000; left:30%; right:30%; -moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px; -moz-box-shadow: 0 0 12px #999; -webkit-box-shadow: 0 0 12px #999}
#feedBox h1 {color:#ff6600; font:bold 18px tahoma, arial, sans-serif; text-align:left; margin:15px 25px 10px 25px}
#feedBox img {position:absolute; right:-10px; top:-10px; cursor:pointer}

#feedBox form fieldset {width:94%; padding:10px 25px; float:left;}
#feedBox form fieldset .text {width:98%; border:none; background:#fff; font:11px tahoma, arial, sans-serif; color:#999; margin:2px;}
#feedBox form fieldset .error {background:#E7A5A5}
#feedBox form fieldset textarea {height:100px; line-height:18px}

#feedBox form fieldset div {position:relative; width:100%; color:#666; margin-bottom:10px; -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; background-color:#fff; border-color:#777 #ccc #ccc #777; border-style:solid; border-width:1px; clear:both}
#feedBox form fieldset div.button, #feedBox form fieldset div.button div {width:auto; border:none; border-style:none; border-width:0; background:transparent}

#feedBox form fieldset div.halfDiv {width:70%; float:left; clear:none}
#feedBox form fieldset div.halfDiv input.text {width:96%}
#feedBox form fieldset div.halfDiv.fhvid {width:154px; margin:0 25px 0 0}
#feedBox form fieldset div.halfDiv.fhvid input {text-align:center}

#feedBox .preloader {position:absolute; left:49%; top:49%; right:49%; bottom:49%}

#feedBox ul {list-style:none; margin:0 20px; white-space:nowrap}
#feedBox ul li {position:relative; float:left; list-style-image:none; list-style-position:outside; list-style-type:none; margin:0 1px 0 0; padding:0}
#feedBox ul li.idea a {background-image:url('../../../images/common/feedback/tab_idea.png')}
#feedBox ul li.praise a {background-image:url('../../../images/common/feedback/tab_praise.png')}
#feedBox ul li.problem a {background-image:url('../../../images/common/feedback/tab_problem.png')}
#feedBox ul li.question a {background-image:url('../../../images/common/feedback/tab_question.png')}


#feedBox ul li a {background-position:8px 50%; background-repeat:no-repeat; border:1px solid transparent; display:block; float:left; padding:5px 10px 5px 30px; text-decoration:none; color:#005BBB; outline-color:-moz-use-text-color; outline-style:none; outline-width:medium}
#feedBox ul li.active a {-moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; background-color:#FFFFFF; border-color:#D8D8D8 #B2B2B2 #B2B2B2 #D8D8D8; border-style:solid; border-width:1px; color:#333333; cursor:default}

#feedBox .button {margin:10px 10px 10px 25px}
#feedBox fieldset .button {margin:10px auto}

#feedBox .greenBtn .btn-font-b .left, .greenBtn .btn-font-b .right, .greenBtn .btn-font-b .middle {width:auto; background:url('../../../images/common/feedback/btn-main-all.gif') no-repeat scroll 0 0px; -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding}
#feedBox .greenBtn .btn-font-b {text-transform:uppercase; text-shadow:1px 1px 0 #157200; vertical-align:middle; font-weight:bold}
#feedBox .greenBtn .btn-font-b a {color:#fff; text-decoration:none}
#feedBox .greenBtn .btn-font-b .left, .greenBtn .btn-font-b .middle, .greenBtn .btn-font-b .right {float:left; height:24px; display:block}
#feedBox .greenBtn .btn-font-b .left, .greenBtn .btn-font-b .right {width:10px; height:36px; display:block; background-position:0 -1312px}
#feedBox .greenBtn .btn-font-b .right {background-position:0 -1396px}
#feedBox .greenBtn .btn-font-b .middle {height:25px; background-position:0 -1354px; background-repeat:repeat-x; padding:9px 0 0 0}

#feedBox .closeBtn {background:url('../../../images/common/feedback/closeBtn2.png') 0 0 no-repeat; width:32px; height:32px; top:-14px; right:-14px; position:absolute; cursor:pointer;}
#feedBox .closeBtn:hover {background:url('../../../images/common/feedback/closeBtn2.png') 0 -40px no-repeat;}

/*
 *	MESSAGES
 */

#feedBox .message {width:85%; margin:20px auto; background:#E5FFC7; border:1px #CCE5AF solid; text-align:center; padding:20px; font-weight:bold}