/*prevent scrollbar in IE10 from covering tool*/ html { -ms-overflow-style: scrollbar; } /*thumbs div*/ #thumbs_div { display: none; } .ratingtool_div { position:fixed; right:0.2%; bottom:0.5%; margin: 0; width:160px; height:55px; background-color: white; border-color: rgb(211,211,211); border: 1px solid grey; border-left: 0px; border-right: 0px; border-bottom: 0px; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; background-size:100%; cursor: default; z-index:100; border: 1px solid lightgrey; } .WasThisPageHelpful_div{ position:absolute; top:0; bottom:0.5%; left:0; right:-1; height:70%; width:90%; margin:auto; text-align:left; } .WasThisPageHelpfulText{ font-family: "Arial-BoldMT", "Arial Bold", "Arial"; font-weight: 700; font-size: 13px; color: #333333; font-style: normal; } .YesNoText{ font-family: "Arial-BoldMT", "Arial Bold", "Arial"; font-weight: 700; font-style: normal; font-size: 13px; color: #036391; cursor: pointer; } .thumbs-valign { vertical-align: middle; padding-left:1em; cursor: pointer; } /*****Popup******/ #popupRating { position:fixed; right:0.2%; bottom:0.5%; margin:0; width: 320px; height: 200px; font-family:'Raleway',sans-serif; box-sizing: border-box; border-width: 1px; border-style: solid; border-color: rgb(211,211,211); border-top-left-radius: 3px; border-top-right-radius: 3px; border-bottom-left-radius: 3px; border-bottom-left-radius: 3px; background-color:white; cursor: default; z-index:100; display: none; } #popupRatingHeadingContainer{ padding-left: 9px; padding-top: 10px; } #popupRatingHeading { font-family: "Arial-BoldMT", "Arial Bold", "Arial"; font-weight: 700; font-style: normal; font-size: 18px; text-decoration: none; color: #3d6eb1; margin-bottom: 10px; } #RatingTool_textarea { position: absolute; left: 0.5px; top: 0px; width:299px; height:98px; font-family: "ArialMT","Arial"; font-weight: 400; font-size: 16px; color: rbga(102, 102, 102, 1) ; text-align: left; resize:none; box-sizing: border-box; border:solid 1px #666666; outline: none; /*removes blue glow outline when in focus*/ } #RatingTool_textarea::-webkit-input-placeholder { color: rgba(204,204,204,1); } #RatingTool_textarea:-moz-placeholder { /* Firefox 18- */ color: rgba(204,204,204,1); } #RatingTool_textarea::-moz-placeholder { /* Firefox 19+ */ color: rgba(204,204,204,1); } #RatingTool_textarea:-ms-input-placeholder { color: rgba(204,204,204,1); } #popupRatingContainer{ background-color: rgba(225, 225, 225, 0); background-image: none; border-width: 0px; left: 9px; top: 43px; width: 300px; height:150px; overflow-x: hidden; text-align: center; position: absolute; overflow:hidden; } #RatingToolSubmit{ border-width: 0px; position: absolute; right: 0px; bottom: 0px; width: 100px; height: 30px; background: inherit; background-color: rgba(255, 255, 255, 1); box-sizing: border-box; border-width: 1px; border-style: solid; border-color: rgba(121, 121, 121, 1); border-radius: 5px; box-shadow: none; font-family: "ArialMT", "Arial"; font-weight: 400; font-style: normal; font-size: 13px; line-height:16px; color: rbga(102, 102, 102, 1) ; text-align: center; cursor: pointer; outline: none; /*removes blue glow around submit*/ } #RatingToolSubmit:active { } #RatingToolSubmit:hover { } .NoThanks { border-width: 0px; position: absolute; left: 15px; top: 120px; width: 64px; height: 36px; font-family: "ArialMT", "Arial"; font-weight: 400; font-style: normal; font-size: 13px; text-decoration: underline; color: #036391; cursor:pointer; } #CharCounter { color: rgba(153, 153, 153, 1); cursor: pointer; font-family: "ArialMT", "Arial"; font-size: 10px; font-weight: 400; height: 13px; left: 160px; position: absolute; text-align: left; visibility: visible; width: 119px; top: 80px } /*thank you div*/ .thankyou_div { position:fixed; right:0.2%; bottom:0.5%; margin:0; width:220px; height:55px; background-color: white; box-sizing: border-box; border-width: 0px; border-style: solid; border-color: rgba(3,99,145,1); border-left: 0px; border-right: 0px; border-bottom: 0px; border: 1px solid lightgrey; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; background-size:100%; cursor: default; display: none; z-index:100; } .thankyouforfeedback_div{ position:absolute; top:0; bottom:0; left:0; right:0; height:75%; width:87%; margin:auto; text-align:left; } .thankyouText{ font-family: "Arial-BoldMT", "Arial Bold", "Arial"; font-weight: 700; font-size: 13px; color: #333333; font-style: normal; display:inline-block; } /* x to close feedback form*/ #closeX{ float:right; margin-top: 4px; padding-right: 9.5px; color:#333333; text-align:center; font-size:11.5px; font-weight:700; font-family:'Arial Black', Arial, sans-serif; cursor:pointer; } #closeXX{ float:right; position: relative; right:-1; margin-top: 4px; float:right; align:top; padding-right: 7.5px; color:#333333; text-align:center; font-size:11.5px; font-weight:700; font-family:'Arial Black', Arial, sans-serif; cursor:pointer; } /* x to close thumbs*/ #CloseThumbs{ float:right; position: relative; margin-top: 4px; float:right; align:top; padding-right: 7.5px; color:#333333; text-align:center; font-size:11.5px; font-weight:700; font-family:'Arial Black', Arial, sans-serif; cursor:pointer; }