@page{size:auto;margin:5mm 5mm 5mm 25mm;}
html{height:100%;-webkit-text-size-adjust:100%;}
body{margin:0px;height:100%;font:18px 'Open Sans', Arial;background-color:#fff;-webkit-text-size-adjust:100%;background-image: url(images/grey_bg.jpg);background-position: bottom right;background-repeat: no-repeat;background-size: cover;background-attachment: fixed;}

form{margin:0px;}
img{border:0px;}
a img{text-decoration:none;border:0 none;}
a:hover{opacity:0.7}

p{margin:0px 0px 20px 0px;padding:0px;-webkit-text-size-adjust:100%;font-size:inherit;}
p.flush{margin:0px 0px 5px 0px;}

ul, ol{padding:0px 0px 20px 25px;margin:0px;}
	ol ol{padding-bottom: 0px;}
li {padding-bottom:5px;}
ol.roman {counter-reset: roman;}
ol.alpha {counter-reset: alpha;}
ol.alpha > li, ol.roman > li {list-style: none;position: relative;}
ol.roman > li:before {counter-increment: roman;content:"" counter(roman, lower-roman)". ";position:absolute;left:-1.3em;}
ol.alpha > li:before {counter-increment: alpha;content:"" counter(alpha, lower-alpha)". ";position:absolute;left:-1.4em;}
input[type="submit"]{outline-width: 0;}


div#mainContainer{position:relative;display:table;width:100%;height:100%;text-align:left;z-index:1;max-width: 1200px;}
	body#s0 div#mainContainer{max-width: none;}

div#left{display: table-cell;    vertical-align: top;    position: relative;    width: 565px;    background-color: #8eb4e3;    font-size: 0;}
	div#left.thin{width: 218px;}
	div#left.thin div.content{width: 0}
	div#left div#trim{display: inline-block;    vertical-align: top; height: 100%;    z-index: 1;    border-left: 10px solid #e46c0a;    width: 198px;    background-color: #616161;    overflow: hidden;}
		body#s0 div#left div#trim{float:none;background-color: #17375e;display: block;position: absolute;top: 0;right: 0;height: 100vh;}
		body#s0 div#left div.content{width:100%}
	div#left div.content{position: relative;    display: inline-block;    vertical-align: top;    z-index: 5;    padding: 0px;    width: 357px;    font: 18px 'Open Sans', Arial;    color: #fff;}
		div#left div.content a{ text-decoration: none; color: #17375e;}
	form#login{margin-left: 25px;}
	div#left h1{font: 18px/20px 'Open Sans',arial,sans-serif;    font-weight: 600;    color: #fff;    margin: 55px 0 10px 21px;}
	body#s0 div#left input[type="text"], body#s0 div#left input[type="password"]{width: 262px;display: block;border:0px;height:51px;font: 22px/51px 'Open Sans',arial,sans-serif;font-weight: 300;margin: 0px 0px 15px 0;}
	body#s0 div#left input[type="submit"]{position: absolute;top: 399px;right: -50px;background-image: url(images/begin-triangle.png);background-repeat: no-repeat;width: 210px;height:69px;font-size: 0;background-color: transparent;border:0;padding:0px;}
		body#s0 div#left input#loginBtn{top: 334px;}

div#left div#namePlate{background-image: url(images/grey_shadow.png);background-position: bottom center;background-size: 100% auto;    background-repeat: no-repeat;    padding: 10px 0 53px 0;height: 70px;font: 14px/16px 'Open Sans',arial,sans-serif;    font-weight: 400;    color: #fff;}
	div#namePlate div.profilePic{background-image: url(images/abc_bg_home.jpg);background-position: top center;background-repeat: no-repeat;background-size: cover;width: 70px;height:70px;margin: 0 10px 0px 20px; float:left;}

div#lbLinks{position: fixed;bottom: 0;left: 0;}
	div#lbLinks a{display: inline-block;padding:0 0 10px 20px;text-decoration: none;font: 11px/16px 'Open Sans',arial,sans-serif;color:#fff;}

div#right{display: table-cell;vertical-align: top;position: relative;background-color: #fff;background-repeat: no-repeat;background-size: cover;}
	body#s0 div#right{background-image: url(images/abc_bg_home.jpg);background-position: top center;}
	div#right div.contentCon a{color: #17375e;}

div#trim a{display: block;    background-repeat: no-repeat;    background-size: 45px 45px;    background-position: 18px 10px;    margin: 10px 0 10px 0;    padding: 0px 0 0px 69px;    font: 18px/65px 'Open Sans',arial,sans-serif;    font-weight: 200;    color: #aaa;    text-decoration: none;}
	div#trim a#mm1{background-image:url(images/icon_01_home_dark.svg);}
		div#trim a#mm1.HL{background-image:url(images/icon_01_home_light.svg), url(images/triangle_blue.svg);background-position: 18px 10px, center right;    background-size: 45px 45px, 12px 24px;}
	div#trim a#mm2{background-image:url(images/icon_survey_dark.svg);background-position: 21px 10px;}
		div#trim a#mm2.HL{background-image:url(images/icon_survey_light.svg), url(images/triangle_blue.svg);background-position: 21px 10px, center right;    background-size: 45px 45px, 12px 24px;}
	div#trim a#mm3{background-image:url(images/icon_discussion_dark.svg);}
		div#trim a#mm3.HL{background-image:url(images/icon_discussion_light.svg), url(images/triangle_blue.svg);background-position: 18px 10px, center right;    background-size: 45px 45px, 12px 24px;}
	div#trim a#mm4{background-image:url(images/icon_04_forum_dark.svg);}
		div#trim a#mm4.HL{background-image:url(images/icon_04_forum_light.svg), url(images/triangle_blue.svg);background-position: 18px 10px, center right;    background-size: 45px 45px, 12px 24px;}
	div#trim a#mm5{background-image:url(images/icon_05_news_dark.svg);}
		div#trim a#mm5.HL{background-image:url(images/icon_05_news_light.svg), url(images/triangle_blue.svg);background-position: 18px 10px, center right;    background-size: 45px 45px, 12px 24px;}
	div#trim a#mm6{background-image:url(images/icon_06_settings_dark.svg);}
		div#trim a#mm6.HL{background-image:url(images/icon_06_settings_light.svg), url(images/triangle_blue.svg);background-position: 18px 10px, center right;    background-size: 45px 45px, 12px 24px;}
	div#trim a#mm7{background-image:url(images/icon_07_support_dark.svg);}
		div#trim a#mm7.HL{background-image:url(images/icon_07_support_light.svg), url(images/triangle_blue.svg);background-position: 18px 10px, center right;    background-size: 45px 45px, 12px 24px;}
	div#trim a#mm8{background-image:url(images/icon_08_logout_dark.svg);}
		div#trim a#mm8.HL{background-image:url(images/icon_08_logout_light.svg), url(images/triangle_blue.svg);background-position: 18px 10px, center right;    background-size: 45px 45px, 12px 24px;}
	div#trim hr{border: 0;    height: 2px;    background-image: url(images/menu_line.svg);    background-size: 90% 2px;    background-position: center;    background-repeat: no-repeat;    margin: 0;}


h3.surveyCat{font: 18px/20px 'Open Sans',arial,sans-serif;    font-weight: 800;        margin: 0;    padding: 10px 40px 5px 20px;text-transform: uppercase;min-height: 40px;    display: table; width: 297px;}
	h3.surveyCat.HL{background-image: url(images/triangle_white_medium.svg);    background-repeat: no-repeat;    background-position: center right;    background-size: 25px 50px;}
h3.surveyCat div.catNum{display: table-cell; vertical-align: top;    width: 32px;    min-height: 30px;    padding: 12px 0 0 0;    margin: -4px 10px 0 0;    text-align: center;    background-image: url(images/icon_survey_blue.svg);    background-repeat: no-repeat;    background-size: 28px 39px;    background-position: 2px 0px;}
h3.surveyCat div.title{display: table-cell; vertical-align: middle; padding: 0 0 0 5px;}

div#left div.content hr{border: 0;    height: 2px;    background-image: url(images/blue_line.svg);    background-size: 90% 2px;    background-position: center;    background-repeat: no-repeat;    margin: 10px 0 10px 0;}

div#right h2#surveyCatTitle{font: 18px/46px 'Open Sans',arial,sans-serif;    font-weight: 800;    color: #333;    padding: 20px 0 20px 20px;    margin: 0;    box-shadow: 0px 0px 16px #999;}
form#surveyForm{margin: 0 20px;}

div.standAloneTitle{margin: 40px 0 0 -22px;}

div.questionTable{white-space: nowrap;}
div.questionRow{display:inline-block;vertical-align: top;margin: 0 0 15px 30px;position: relative;}
div.questionRow label{display:inline-block;vertical-align: top;cursor:pointer; padding: 5px 15px 2px 5px;border-radius: 10px;}
	div.questionRow label.HL{background-color: #7fa9da !important;}
div.questionLetter{display: inline-block;    vertical-align: top;    padding: 0;    font: 16px/18px 'Open Sans', Arial;    font-weight: 600;    color: #333333;   width: 30px;    text-align: center;}
div.questionText{display: inline-block;    vertical-align: top;    white-space: normal;    font: 16px/18px 'Open Sans', Arial;    font-weight: 400;    color: #333333;padding-right: 20px;}
	div.questionRow:hover label{background-color: #ccc;}
	div.questionRow:hover div.questionText, div.questionRow label.HL div.questionText{color: #fff;}
	div.questionRow:hover div.questionLetter, div.questionRow label.HL div.questionLetter{color: #fff;}

form#surveyForm div.question{font: 18px/22px 'Open Sans';    padding: 25px 0 20px 0;}
form#surveyForm select{width: 450px; margin: 0;}
form#surveyForm input[type="submit"]{width: 100%;}

.displayType1{font-size: 14px;}
form#surveyForm .displayType1 div.question{font: 14px/18px 'Open Sans';    padding: 15px 0 10px 0;}
form#surveyForm .displayType1 div.questionText{font: 14px/18px 'Open Sans';}

div.rangeSlide{width: 100%;}
input.slider {
  -webkit-appearance: none;  /* Override default CSS styles */
  appearance: none;
  width: 100%; /* Full-width */
  height: 25px; /* Specified height */
  background: #d3d3d3; /* Grey background */
  outline: none; /* Remove outline */
  opacity: 0.7; /* Set transparency (for mouse-over effects on hover) */
  -webkit-transition: .2s; /* 0.2 seconds transition on hover */
  transition: opacity .2s;
  margin: 5px 0;
}
input.slider:hover {
  opacity: 1; /* Fully shown on mouse-over */
}
input.slider::-webkit-slider-thumb{-webkit-appearance: none; /* Override default look */
  appearance: none;
  width: 35px; /* Set a specific slider handle width */
  height: 35px; /* Slider handle height */
  background: #8eb4e3;
  /* background: url('images/slider3.svg'); */
  cursor: pointer; /* Cursor on hover */
}
input.slider::-moz-range-thumb{width: 25px; /* Set a specific slider handle width */
  width: 35px;
  height: 35px; /* Slider handle height */
  background: #8eb4e3;
  /* background: url('images/slider3.svg'); */
  cursor: pointer; /* Cursor on hover */
}
input.slider:disabled{pointer-events: none;}

div.rangeLabels{display: table;    width: 100%;    text-align: center;color: #9a9a99;    font-size: 12px;}
	div.rangeLabels div{display: table-cell;    max-width: 80px;    white-space: normal;line-height: 12px;}
	div.rangeLabels.rangeCount2 div{width: 50%;}
	div.rangeLabels.rangeCount3 div{width: 33.3%;}
	div.rangeLabels.rangeCount4 div{width: 25%;}
	div.rangeLabels.rangeCount5 div{width: 20%;}
	div.rangeLabels.rangeCount6 div{width: 16.6%;}
		div.rangeSlide.range1 div.rangeLabels div.rangeLabel1{font-weight:bold;font-size: 11px; color: #000;}
		div.rangeSlide.range2 div.rangeLabels div.rangeLabel2{font-weight:bold;font-size: 11px; color: #000;}
		div.rangeSlide.range3 div.rangeLabels div.rangeLabel3{font-weight:bold;font-size: 11px; color: #000;}
		div.rangeSlide.range4 div.rangeLabels div.rangeLabel4{font-weight:bold;font-size: 11px; color: #000;}
		div.rangeSlide.range5 div.rangeLabels div.rangeLabel5{font-weight:bold;font-size: 11px; color: #000;}
		div.rangeSlide.range6 div.rangeLabels div.rangeLabel6{font-weight:bold;font-size: 11px; color: #000;}

div.rankNum{position: absolute; display: none;    top: -1px;    left: -18px;    font-size: 20px;    color: #7fa9da;    font-weight: bold;-webkit-animation-name: scrollIn1; -webkit-animation-timing-function: ease-out; -webkit-animation-duration: 100ms;
-moz-animation-name: scrollIn1; -moz-animation-timing-function: ease-out; -moz-animation-duration: 100ms;
-ms-animation-name: scrollIn1; -ms-animation-timing-function: ease-out; -ms-animation-duration: 100ms;
animation-name: scrollIn1; animation-timing-function: ease-out; animation-duration: 100ms;}

div.promptCon{display: block; -webkit-animation-name: FadeIn; -webkit-animation-timing-function: ease-in; -webkit-animation-duration: 300ms;
-moz-animation-name: FadeIn; -moz-animation-timing-function: ease-in; -moz-animation-duration: 300ms;
-ms-animation-name: FadeIn; -ms-animation-timing-function: ease-in; -ms-animation-duration: 300ms;
animation-name: FadeIn; animation-timing-function: ease-in; animation-duration: 300ms;}
	div.promptCon input{width: 418px;}
		div.questionRow div.promptCon input{width: 398px;    margin: 5px 0 0 36px;    font-size: 16px;    line-height: 32px;    height: 32px;}

div.toggledQuestion{padding: 0 0 20px 0; -webkit-animation-name: FadeIn; -webkit-animation-timing-function: ease-in; -webkit-animation-duration: 300ms;
-moz-animation-name: FadeIn; -moz-animation-timing-function: ease-in; -moz-animation-duration: 300ms;
-ms-animation-name: FadeIn; -ms-animation-timing-function: ease-in; -ms-animation-duration: 300ms;
animation-name: FadeIn; animation-timing-function: ease-in; animation-duration: 300ms;}
	div.toggledQuestion.hidden{display: none;}
	form#surveyForm div.toggledQuestion div.question{padding: 10px 0 10px 0;}

.toggled{display:inline-block;}
.toggled.disabled{opacity:0.4;pointer-events:none;}
.toggled.disabled.hidden{display:none;}

iframe.vidIframe{width: 409px;    height: 225px; border: 1px solid #ccc;}
div.vidThumbs{float:right;}
	div.vidThumbs a{display: block; width: 103px; border: 1px solid #ccc; margin: 0 0 5px 0; cursor: pointer; text-decoration: none;}
	div.vidThumbs a img{width: 100%; display: block;}

img.qPic{margin: 5px auto;    display: block;    max-width: 500px;}

div#botBar{margin-bottom: 20px;}

div.discussionQ{min-height: 110px;}
	div.discussionQ.HL{background-image: url(images/triangle_white_large.svg);    background-repeat: no-repeat;    background-position: center right;    background-size: 24px 110px;}

	div.discussionQ a.title{display: block;    background-image: url(images/icon_discussion_blue.svg);    background-repeat: no-repeat;    background-position: 18px 10px;    background-size: 45px 45px;    margin: 10px 0 10px 0;    padding: 0px 0 0px 69px;    font: 18px/65px 'Open Sans',arial,sans-serif;    font-weight: 800;    color: #fff;    text-decoration: none;}

	div#left div.content p{margin: 0 20px 20px 20px;    font: 14px/18px 'Open Sans',arial,sans-serif;    font-weight: 400;}

	div.discussionQ a.discussionPost{display: none; padding: 10px; background-color: #fff; border-radius: 20px; text-decoration: none; color: #8eb4e3; font: 16px/20px 'Open Sans',arial,sans-serif;    font-weight: 800;    text-align: center;    margin: 10px 20px 10px 20px;}
		div.discussionQ.HL a.discussionPost{display: block;}


div.contentCon{position:relative;padding:0px 20px 0px 20px;}

div#right h2{font: 39px/46px 'Open Sans',arial,sans-serif;font-weight: 400;margin:60px 0 20px 0;}
    div#right h3{margin: 0 0 20px 0;font-size: 24px;font-weight: 600;}

div.notice{color:#e77f2a;}
form#terms{text-align: center;}
form#terms label{display:inline-block;vertical-align: middle;cursor:pointer;background-image:url(images/check0.svg);background-repeat: no-repeat;background-size: 67px 60px;background-position:right 5px; padding: 4px 90px 0 0px;    margin-right: 90px;}
		form#terms label.HL{background-image:url(images/check1.svg);}
		form#terms div.agreeLine{display:inline-block; font:32px/60px 'Open Sans', Arial;    font-weight: 600;color:#525252;min-height: 45px;padding: 0px 0px 5px 0;text-align: left;white-space: normal;user-select: none;}
		form#terms input{vertical-align: middle;}

form#accountForm{text-align: center;font-size: 0;color:#7f7f7f;margin-bottom: 40px;}
	form#accountForm div{font:18px 'Open Sans', Arial;font-weight: 400;margin-bottom: 10px;}
    div#userPreview{text-align: left;}
	form#accountForm label[for="fileToUpload"]{font:18px 'Open Sans', Arial;font-weight: 400;margin-right: 10px;}
	input#fileToUpload{width:180px;margin-bottom:20px;}
	form#accountForm label[for="CASL"]{display:inline-block;vertical-align: top;cursor:pointer;background-image:url(images/check0.svg);background-repeat: no-repeat;background-size: 30px 30px;background-position:left 5px; padding: 4px 0px 0 35px;margin: 15px 0 10px 5px;}
		form#accountForm label.HL{background-image:url(images/check1.svg);}
		form#accountForm div.agreeLine{display:inline-block; font:18px/20px 'Open Sans', Arial;    font-weight: 400;padding: 6px 0px 5px 0;text-align: left;white-space: normal;}

form#adminUserForm{text-align: left;color:#7f7f7f;margin-bottom: 40px;}
	form#adminUserForm div{font:14px 'Open Sans', Arial;font-weight: 400;margin-bottom: 10px;}
	form#adminUserForm label[for="CASL"]{display:inline-block;vertical-align: top;cursor:pointer;background-image:url(images/check0.svg);background-repeat: no-repeat;background-size: 30px 30px;background-position:left 5px; padding: 4px 0px 0 35px;margin: 15px 0 10px 0;}
		form#adminUserForm label.HL{background-image:url(images/check1.svg);}
		form#adminUserForm div.agreeLine{display:inline-block; font:18px/20px 'Open Sans', Arial;    font-weight: 400;padding: 6px 0px 5px 0;text-align: left;white-space: normal;}

div.user{display:table-row;padding:3px 10px;}
	div.user.regged{background-color:#A4EA87;}
	div.user.nonregged{color:#ff6d6d;}
	div.user div{display:table-cell;padding:2px 10px 2px 0px;}
	div.user.offRow{background-color:#ccc;}

form#adminPostForm{text-align: left;color:#7f7f7f;margin-bottom: 40px;}
	form#adminPostForm div.listing{font-size: 0;}
	form#adminPostForm div.listing div{font:12px 'Open Sans', Arial;font-weight: 400;display: inline-block;vertical-align: top;padding: 0 10px 2px 10px;}
	form#adminPostForm div.listing div.pType{width:90px;}


div#forumIndex{font: 16px 'Open Sans', Arial;font-weight: 400;}
	div#forumIndex a{display: block;position: relative;padding:0px 0 5px 25px;text-decoration: none;color: #000;}
	div#forumIndex a span{display:block;position:absolute;top:1px;left:0px;background-image:url(images/orange_circle.svg);background-repeat: no-repeat;background-size: 23px 23px;text-align: center;font: 12px 'Open Sans', Arial;width: 23px;height: 20px;color: #fff;padding: 3px 0 0 0;}
	div#forumIndex div.left{display: inline-block;vertical-align: top;width: 45%;margin-right: 20px;}
	div#forumIndex div.right{display: inline-block;vertical-align: top;width: 45%;}

div#buttonSpace{height:54px;}
a.askBtn{display: inline-block;vertical-align: top;border:1px solid #9a9a99;border-radius: 15px;background-color:#fff;font:22px 'Open Sans', Arial;font-weight: 600;color:#525252;text-align:center;line-height:54px;    height: 54px;padding: 0 20px 0 20px;text-decoration: none;}
a.backBtn{display: inline-block;vertical-align: top;float:right;border:1px solid #9a9a99;border-radius: 15px;background-color:#fff;font:22px 'Open Sans', Arial;font-weight: 600;color:#525252;text-align:center;line-height:54px;    height: 54px;padding: 0 20px 0 20px;text-decoration: none;}

div.forumList{padding:0px 0px 0px 0px;}
	div.forumList div.listing{position: relative;    padding: 20px 0px 10px 0px;    margin: 0 20px 20px 20px;    min-height: 70px;    font-size: 0;    line-height: 0;    border-bottom: 2px solid #eee;}
		div.forumList div.listing:hover{}
	div.forumList div.listing div.floatLeft{margin: 0 10px 10px 0;}
	div.forumList div.avatar{display: inline-block; vertical-align: top; width: 40px;    height: 40px;    border-radius: 5px;    background-size: cover;    background-position: top center;}
	div.forumList div.faculty{display: inline-block; vertical-align: top; width: 33px;    height: 32px;    background-image:url(images/icon_faculty.svg);    background-size: cover;    background-position: top center; margin: 3px 0 0 6px;}
	div.forumList div.postInfo{display: inline-block;    vertical-align: top;}
	div.forumList div.when{display: inline-block;    vertical-align: top;    font: 14px 'Open Sans';    padding-bottom: 0px;}
	div.listing div.name{font: 14px 'Open Sans';}
	div.listing p{font: 14px/20px 'Open Sans',arial,sans-serif;    font-weight: 400;}
	div.forumList div.replyCount{display:inline-block;vertical-align:top;font:14px 'Open Sans';font-weight: 600; padding:0 0 8px 10px;color:#e46c0a;}
	div.forumList.reference div.listing{padding: 20px 20px 10px 20px;}
	div.labelSwitch{display: inline-block;    vertical-align: top;    width: 33px;    height: 32px;    background-image: url(images/off-label.svg);    background-size: cover;    background-position: top center;    margin: 3px 0 0 6px;    opacity: 0.2;    cursor: pointer;}
		div.labelSwitch.offLabel{opacity: 1;}
	div.approvalSwitch{display: inline-block;    vertical-align: middle;    font-size: 12px;    line-height: 12px;    font-weight: bold;    padding: 8px 0 0 5px;    white-space: normal;    width: 74px;    cursor: pointer;    color: #ff0000; text-transform: uppercase;}
		div.approvalSwitch.approved{color: #ccc;}
	div.forumList div.likeCount{position:absolute;top:10px;right:10px;display: block;    vertical-align: top; background-image:url(images/icon_heart_full.svg);  width: 30px;  height: 13px; background-size: cover; background-repeat: no-repeat; text-decoration: none; font-size: 12px;    font-weight: bold;    text-align: center;    padding: 13px 0 0 0px;}

div.question{font:16px/24px 'Open Sans';padding-top:25px;}
	div.question a.backBtn{float:right;text-decoration:none;color:#525252;}
	div.question div.replyCount{color:#525252; margin-bottom:20px;}
		div.question div.replyCount strong{font:18px 'Open Sans';}
		div.question div.replyCount span{font:11px 'Open Sans';}
			div.question div.replyCount span a{text-decoration:none;color:#e46c0a;}
	div.question div.status{}
		div.question div.status.s0 strong{color:#e51e25;}
		div.question div.status.s1 strong{display:inline-block;color:#e46c0a;padding-right:18px;background-image:url(images/resolved.svg);background-size:13px 13px;background-repeat:no-repeat;background-position: right 4px;}
		div.question div.status a.replyBtn{position:relative;bottom:5px;right:-5px;}

	div.question div.PAD{position:relative;background-color:#fff;padding:30px 90px 30px 20px;margin-bottom:20px;font:18px/24px 'Open Sans';min-height:70px;margin-top: 80px;}
		div.question div.PAD p{font:18px/24px 'Open Sans' !important;}
		div.question div.PAD b{font:18px/24px 'Open Sans' !important;font-weight: 600 !important;}
		div.question div.PAD span{font:18px/24px 'Open Sans' !important;}
	div.question div.avatar{position:absolute;top:-20px;right:-10px;width:94px;height:94px;border-radius:47px;border:2px solid #e46c0a;background-color:#fff;background-size: cover;
    background-position:top center;}
	div.question div.avatar div.name{position:absolute;top:-3px;right:94px;font:14px 'Open Sans';color:#525252;white-space:nowrap;}
		div.question div.avatar div.name strong{color:#e46c0a;font:14px 'Open Sans';}

a.replyBtn{position:absolute;bottom:10px;right:10px;display: inline-block;    vertical-align: top;    float: right;    border: 1px solid #9a9a99;    border-radius: 15px;    background-color: #fff;    font: 22px 'Open Sans', Arial;    font-weight: 600;    color: #525252;    text-align: center;    line-height: 54px;    height: 54px;    padding: 0 20px 0 20px;    text-decoration: none;}
	a.replyBtn:hover{background-color:#e46c0a;color:#fff;opacity:1;}
	a.replyBtn.HL{background-color:#e46c0a;color:#fff;opacity:1;}

div.reply{position: relative;background-color:#e5e5e5;font:16px/20px 'Open Sans';padding: 5px 20px 1px 1px;margin-bottom: 20px;}
	div.reply div.when{font:14px/18px 'Open Sans';margin-left:118px;}
		div.reply div.when strong{font:14px/18px 'Open Sans';color:#e46c0a;display: inline-block;padding: 0 0 2px 10px;}
	div.reply div.PAD{position:relative;background-color:#fff;padding:10px 20px 40px 20px;margin-bottom:20px;font:16px/20px 'Open Sans';min-height:125px;margin-left:99px;}
		div.reply div.PAD p{font:18px/24px 'Open Sans' !important;}
		div.reply div.PAD b{font:18px/24px 'Open Sans' !important;font-weight: 800  !important;}
		div.reply div.PAD span{font:18px/24px 'Open Sans' !important;}
	div.reply div.PAD div.replyTo{font:16px/20px 'Open Sans';margin-bottom:10px;}
		div.reply div.PAD div.replyTo strong{font:16px/20px 'Open Sans';color:#e46c0a;}
	div.reply div.avatar{position:absolute;top:20px;left:-17px;width:94px;height:94px;border-radius:47px;border:2px solid #e46c0a;background-color:#fff;background-size: cover;
    background-position:top center;}
	div.reply div.avatar::before{position:absolute;bottom:14px;right:-21px;background-image:url(images/spike.svg);background-size:17px 28px;background-repeat:no-repeat;background-position:top right;display:block;content:"";width:17px;height:28px;}

a.likeBtn{position:absolute;top:10px;right:10px;display: block;    vertical-align: top; background-image:url(images/icon_heart_open.svg);  width: 30px;  height: 26px; background-size: cover; background-repeat: no-repeat; text-decoration: none;}
	a.likeBtn.liked{background-image:url(images/icon_heart_full.svg);}
	a.likeBtn:hover{background-image:url(images/icon_heart_full.svg);opacity:1;}
			a.likeBtn.liked:hover{opacity:0.8;}
	a.likeBtn.HL{opacity:1;}


form#askForm{display:block;margin-top:15vh;margin-right:auto;margin-left:auto;width:800px;position:relative;border:1px solid #fff;color:#fff;background-color:#8eb4e3;padding:30px 15px;}
	form#askForm div.closeBtn{position:absolute;top:-6px;right:-4px;width:24px;height:24px;cursor:pointer;text-align:center;border:1px solid #fff;line-height:26px;color:#fff;font:17px 'Open Sans';}
	form#askForm h3{margin: 0 0 0 0;}
	form#askForm textarea{width: 778px;}
	form#askForm input[type="text"]{width: 768px;margin-top:10px;}
	form#askForm label[for="attachment"]{display: inline-block;margin: 10px;}
	form#askForm input[type="submit"]{float: right;}
	form#askForm input[type="submit"]:hover {opacity: 1;}

form#replyForm{display:block;margin-top:15vh;margin-right:auto;margin-left:auto;width:800px;position:relative;border:1px solid #fff;color:#fff;background-color:#8eb4e3;padding:30px 15px;}
	form#replyForm div.closeBtn{position:absolute;top:-6px;right:-4px;width:24px;height:24px;cursor:pointer;text-align:center;border:1px solid #fff;line-height:26px;color:#fff;font:17px 'Open Sans';}
	form#replyForm h3{margin: 0 0 0 0;}
	form#replyForm textarea{width: 778px;}
	form#replyForm input[type="text"]{width: 768px;margin-top:10px;}
	form#replyForm label[for="attachment"]{display: inline-block;margin: 10px;}
	form#replyForm input[type="submit"]{float: right;}
	form#replyForm input[type="submit"]:hover {opacity: 1;}

div.success{color:#e77f2a;padding: 20px 0 0 0;}

div#article{position: relative;margin-top: 50px;}
div.article div.avatar{position:absolute;top:-20px;right:-10px;width:94px;height:94px;border-radius:47px;border:2px solid #e46c0a;background-color:#fff;background-size: cover;
    background-position:top center;}
	div.article div.avatar div.name{position:absolute;top:-3px;right:94px;font:14px 'Open Sans';color:#525252;white-space:nowrap;}
		div.article div.avatar div.name strong{color:#e46c0a;font:14px 'Open Sans';}

a.edit{position: absolute;top: -10px;right: 10px;background-color: #fff;text-decoration: none;padding: 2px 10px;color: #333;border: 1px solid #333;border-radius: 8px;}

div#feedBack{float:left;width: 228px;margin-right: 20px;}
	div#feedBack img{max-width:228px;overflow: hidden;}

fieldset#adminPanel{font:20px 'Open Sans';margin-top: 30px;border-radius: 10px;}
	fieldset#adminPanel a{text-decoration: none;color: #e46c0a;margin-right: 10px;margin-left: 10px;}
	div#adminMenu a{margin-left:10px;margin-right: 10px;text-decoration: none;color: #e46c0a;}

input#mainSwitch{font:21px 'Open Sans';padding:20px 20px 20px 120px;background-image:url(images/killswitch1.png);background-repeat: no-repeat;background-position: 10px 15px;margin-bottom:20px;}
	input#mainSwitch.HL{background-image:url(images/killswitch0.png);}

input.toggleBtn{display:none;}

span.csvLink a{font-size:14px;color:#be1e2d;text-decoration:none;}
table.csvTable{font-size:14px;}
table.csvTable tr.offRow{background-color:#ccc;}
table.csvTable td{text-align:center;}

fieldset.blocked{display: inline-block;}

input[type="submit"]{cursor: pointer;    margin: 0px;    border: 1px solid #9a9a99;    border-radius: 0;    background-color: #9a9a99;    font: 18px 'Open Sans', Arial;    font-weight: 800;    color: #fff;    text-align: center;    line-height: 42px;    padding: 0 10px 0 10px;}
	input[type="submit"]:hover{opacity:0.8;}
input[type="submit"]#pSelectBtn{line-height:32px;margin-left:10px;}
	
input[type="text"], input[type="password"]{color:#7f7f7f;border:1px solid #808184;font:18px/44px 'Open Sans',arial,sans-serif;line-height:36px;border-radius:0px;margin:0px 0px 10px 0px;padding:0px 15px;height:44px;background-color:#ffffff;width:215px;}
	input[type="text"].half, input[type="password"].half{width:250px;}
	input[type="text"].left, input[type="password"].left{margin-right:20px;}
	input.full{width: 552px;}
select{border:1px solid #808184;border-radius:0px;color:#808184;height:46px;font:18px/44px 'Open Sans',sans-serif;padding:0px 5px;margin:0px 0px 20px 0px;width:282px;}
textarea{color:#808184;border:1px solid #808184;font:18px/20px 'Open Sans', Arial;padding:10px 10px;border-radius:0px;margin:0px 0px 0px 0px;width:532px;}


a.rightLink{text-decoration:none;float:right;margin-left:20px;color:#be1e2d;}
.floatLeft{float:left;margin-right:20px;margin-bottom:10px;}
.floatRight{float:right;margin-left:20px;margin-bottom:10px;}

div.warning, div#ADMINwarning{color:#ff0000;font-family:'Open Sans',sans-serif;padding:15px 0px 5px 0px;}
	form#login div.warning{display:inline-block;vertical-align:middle;font-size:19px;padding-top:12px;}
.warn, select.tournField.warn{color:#ff0000;}
input[type="text"].warn,select.warn,textarea.warn{color:#ff0000 !important;border:1px solid #ff0000 !important;}
.warn::-webkit-input-placeholder { /* WebKit */
    color:    red;
}
.warn::-moz-placeholder { /*Firefox */
   color:   red;
}
.warn:-ms-input-placeholder { /* IE */
   color:    red;
}

ol#qFeedback{}
	ol#qFeedback h2{font: 20px/24px 'Open Sans', Arial;font-weight: 600;margin: 0px 0px 10px 0px;}
	ol.alpha.answers{padding: 5px 0px 20px 60px;}
	img.feedGraph{display: block;margin: 0 auto 10px auto;}

	ol#qFeedback div.graphRight{float: right;margin-bottom: 20px;}
		ol#qFeedback div.graphRight h3{text-align: center;}
		ol#qFeedback div.feedGraph{width:480px;height:300px;}
	ol#qFeedback hr{height: 0;    border: 0;    border-bottom: 1px solid black;    margin: 30px 0 20px 0;}
	ul.txtAnswers{font-size: 14px;list-style-type: disc;}


div#footer{}
	div#footer a{color:#000;text-decoration:none;}
	div#footer a:hover{opacity:0.7;}
	body#s0 div#footer{background-color:#be1e2d;color:#fff;margin-top:40px;}
		body#s0 div#footer a{color:#fff;}

div.cover{position:fixed;top:0px;left:0px;z-index:5000;width:100%;height:100%;background-color:rgba(76,76,76,0.9);overflow:auto;-webkit-animation-name: FadeIn; -webkit-animation-timing-function: ease-in; -webkit-animation-duration: 300ms;
-moz-animation-name: FadeIn; -moz-animation-timing-function: ease-in; -moz-animation-duration: 300ms;
-ms-animation-name: FadeIn; -ms-animation-timing-function: ease-in; -ms-animation-duration: 300ms;
animation-name: FadeIn; animation-timing-function: ease-in; animation-duration: 300ms;}
	div.cover.hidden{display:none;}
	div.cover#askBox{z-index:8000;}
	div.cover#replyBox{z-index:8000;}
	div.cover#imgPop{z-index:8000;}
	div.cover#imgPop div#closeBtn{position: absolute;top: 2vh;    right: 2vw;    z-index: 450;    background-image: url(images/close_icon.svg);    background-repeat: no-repeat;    background-size: 4vw 5vh;    background-position: top right;    width: 4vw;    height: 5vh;cursor: pointer;}
	img#imgPopImg{display: block; margin: 20vh auto 0 auto;}
	div.closeBtn{font:20px 'Open Sans';color:#fff;background-color:#8eb4e3;}
div.clickSpace{position:absolute;z-index:5001;width:100%;height:100%;cursor:pointer;}

.blankImg{opacity:0;}
@keyframes FadeIn { 0% { opacity:0; } 100% { opacity:1; } }
@-webkit-keyframes FadeIn { 0% { opacity:0; } 100% { opacity:1; } }
@-moz-keyframes FadeIn { 0% { opacity:0; } 100% { opacity:1; } }
@-ms-keyframes FadeIn { 0% { opacity:0; } 100% { opacity:1; } }
.fadeItIn { -webkit-animation-name: FadeIn; -webkit-animation-timing-function: ease-in; -webkit-animation-duration: 600ms;
-moz-animation-name: FadeIn; -moz-animation-timing-function: ease-in; -moz-animation-duration: 600ms;
-ms-animation-name: FadeIn; -ms-animation-timing-function: ease-in; -ms-animation-duration: 600ms;
animation-name: FadeIn; animation-timing-function: ease-in; animation-duration: 600ms; }

@keyframes FadeOut { 0% { opacity:1; } 100% { opacity:0; } }
@-webkit-keyframes FadeOut { 0% { opacity:1; } 100% { opacity:0; } }
@-moz-keyframes FadeOut { 0% { opacity:1; } 100% { opacity:0; } }
@-ms-keyframes FadeOut { 0% { opacity:1; } 100% { opacity:0; } }
.fadeItOut { opacity:0; -webkit-animation-name: FadeOut; -webkit-animation-timing-function: ease-out; -webkit-animation-duration: 1s;
-moz-animation-name: FadeOut; -moz-animation-timing-function: ease-out; -moz-animation-duration: 1s;
-ms-animation-name: FadeOut; -ms-animation-timing-function: ease-out; -ms-animation-duration: 1s;
animation-name: FadeOut; animation-timing-function: ease-out; animation-duration: 1s; }

@keyframes scrollIn1 {
	0% { opacity:0;transform: translate(0px,30px) scale(.5,.5);}
	100% { opacity:1;transform: translate(0px,0px) scale(1,1);}
}
@-webkit-keyframes scrollIn1 {
	0% { opacity:0;-webkit-transform: translate(0px,30px) scale(.5,.5);}
	100% { opacity:1;-webkit-transform: translate(0px,0px) scale(1,1);}
}
@-moz-keyframes scrollIn1 {
	0% { opacity:0;-moz-transform: translate(0px,30px) scale(.5,.5); }
	100% { opacity:1;-moz-transform: translate(0px,0px) scale(1,1); }
}
@-ms-keyframes scrollIn1 {
	0% { opacity:0;-ms-transform: translate(0px,30px) scale(.5,.5); }
	100% { opacity:1;-ms-transform: translate(0px,0px) scale(1,1); }
}
.scrlIn1 { -webkit-animation-name: scrollIn1; -webkit-animation-timing-function: ease-out; -webkit-animation-duration: 400ms;
-moz-animation-name: scrollIn1; -moz-animation-timing-function: ease-out; -moz-animation-duration: 400ms;
-ms-animation-name: scrollIn1; -ms-animation-timing-function: ease-out; -ms-animation-duration: 400ms;
animation-name: scrollIn1; animation-timing-function: ease-out; animation-duration: 400ms; }
@media all {
	.onlyPrint{display:none;}
}
@media print {
	.pageBreak{display:block; page-break-before:always;}
	div#printBtn{display:none;}
	.dontPrint{display:none;}
	.onlyPrint{display:block;}
	ol#qFeedback li{page-break-inside: avoid;}
	ol#qFeedback div.graphRight{max-width: 480px;}
	div#left{display:none;}

}