/* Feedback System - Copyright 2015 Letterbox Delivery Ltd */

/* Common Styles */
body{font-family:'open_sansregular', sans-serif !important;font-size:14px;margin:0px;background-color:#fefefe;background:linear-gradient(top, #d0f0fd, #fefefe 324px) repeat-x;background:-moz-linear-gradient(top, #d0f0fd, #fefefe 324px) repeat-x;background:-webkit-linear-gradient(top, #d0f0fd, #fefefe 324px) repeat-x;background:-o-linear-gradient(top, #d0f0fd, #fefefe 324px) repeat-x;background:-ms-linear-gradient(top, #d0f0fd, #fefefe 324px) repeat-x;min-height:350px;}
a{border-bottom:1px dotted;text-decoration:none;color:#314e8c;}
a:hover{color:#8d4867;border-bottom-style:solid;}
br.clearboth{clear:both;}
p.maintext{color:#314e8c;font-size:1.2em;font-family:'open_sanssemibold', sans-serif !important;}
p.errortext{color:crimson;font-size:1.2em;font-family:'open_sanssemibold', sans-serif !important;}
strong{font-family:'open_sanssemibold', sans-serif !important;}
.red{color:#ff0000;font-size:1.1em;margin:0;}
hr{border:0;height:0;border-top:1px solid rgba(0,0,0,0.1);border-bottom:1px solid rgba(255,255,255,0.3);}

/* Core Element Holders */
header{display:block;max-width:960px;margin:auto;text-align:center;}
section{display:block;max-width:960px;margin:auto;}
footer{display:block;max-width:960px;margin:auto;padding-top:35px;}

/* loading overlay */
div#loading-mask{position:absolute;z-index:1;top:0;left:0;width:100%;height:100%;background-color:#fefefe;text-align:center;}
div#loading-mask p.loading-spinner{position:absolute;top:50%;bottom:0;left:0;right:0;margin:auto;text-align:center;}
div#loading-mask p.loading-message{position:absolute;top:60%;bottom:0;left:0;right:0;margin:auto;text-align:center;}
p.loading-spinner span#loading-icon{display:block;vertical-align:middle;}

/* Header */
span#logo img{height:auto;width:150px;}

/* Progress Tracker */
div.progress{margin:auto;text-align:center;border:none;padding-bottom:5px;}
div.progress ol li{background:none;margin-bottom:0px;padding:0px;}
div.progress ol{margin:0;padding:0;list-style-type:none;}
div.progress ol li{display:inline-block;text-align:center;line-height:3em;font-size:0.8em;width:25%;}
div.progress ol li.progtrckr-done{color:black;border-bottom:4px solid yellowgreen;}
div.progress ol li.progtrckr-todo{color:silver;border-bottom:4px solid silver;}
div.progress ol li:before{position:relative;bottom:-2.5em;float:left;left:50%;line-height:1em;}

/* Body */
div.questioncontain{width:100%;margin:0 auto;text-align:center;padding:20px 0;}
div.holder,div.button{width:100%;margin:0 auto;text-align:center;font-size:1em;padding:20px 0;max-width:600px;}
div.button{margin-top:20px;}

div.holder textarea{width:90%;}
div.button input[type='submit']{display:inline-block;width:100%;max-width:290px;border:1px solid #e6e6e6;border-radius:3px;background:#314e8c;font-family:'open_sansregular', sans-serif !important;font-size:1em;text-align:center;margin:0.5em;color:#ffffff;cursor:pointer;padding:8px;-webkit-appearance:none;}
div.button input[type='submit']:hover{background:#5850C2;}
div.marketing{width:100%;margin:0 auto;text-align:center;font-size:0.8em;}

/* Arrows */
div.arrows{width:100%;max-width:500px;margin:15px auto;}
div.arrowleft{position:relative;float:left;max-width:50%;vertical-align:middle;}
div.arrowright{position:relative;float:right;max-width:50%;vertical-align:middle;}
span.rowleft:before{font-family:'fontawesome';content:'\f088';margin:0 10px;font-size:1.2em;}
span.rowright:after{font-family:'fontawesome';content:'\f087';margin:0 10px;font-size:1.2em;}

#leftcolour{color:#ff7e00;font-family:'open_sanssemibold', sans-serif !important;}
#rightcolour{color:#008000;font-family:'open_sanssemibold', sans-serif !important;}

/* New selection rating */
div#newratings{width:100%;max-width:500px;margin:0 auto;padding:0;}
div#newratings div.ratingbutton{display:inline-block;width:8%;margin:0;text-align:center;}
div#newratings div.ratingbutton input{display:none;}
div#newratings div.ratingbutton label{display:inline-block;width:100%;height:100%;height:35px;max-width:35px;line-height:35px;background-color:#e3e3e3;text-decoration:none;color:#b6b6b6;cursor:pointer;border-radius:2px;}
div#newratings div.ratingbutton label#active{background-color:#314e8c;color:white;} /* #59a6d6 */

/* Share Section */
div.share{margin:auto;width:100%;text-align:center;margin-top:30px;}
div.share img.shareexp{border-radius:5px;width:100px;height:auto;}
div.share div.sharebutton{width:100px;height:auto;display:inline-block;vertical-align:middle;background-color:rgba(0,0,0,0.1);border-radius:5px;margin:0px 10px;}
div.shareimg{width:100%;height:100px;margin:0;padding:0;}
div.sharetext{width:100%;padding-top:5px;padding-bottom:5px;color:#314e8c;}
div.sharebutton a{text-decoration:none;border-bottom:none;}
div.sharebutton a:hover{color:#314e8c;border-bottom-style:none;}
div.share div.sharebutton:hover{background-color:rgba(0,0,0,0.2);}

/* Close Window */
div#closewindow{max-width:960px;margin:auto;text-align:center;margin-top:50px;}
div#closewindow img{margin-right:5px;}
div#closewindow a{border-bottom:none;}

/* Footer */
footer p{font-size:12px;text-align:center;}

@media screen and (max-width:550px){
	body{-webkit-text-size-adjust:none;}
	footer{margin-top:10px;}
	div.holder table#rating{width:100%;border-collapse:collapse;}
	div.holder{width:100%;}
	div.questioncontain{width:98%;}
}