#user-menu { list-style-type: none; margin: 22px 0 18px 0; padding: 0; text-align: justify; }
#user-menu::after { content: " "; display: inline-block; width: 100px; height: 1px;}
#user-menu li { border: 1px solid #dedede; display: inline-block; text-align: left; width: 138px; height: 138px; color: #808080; }
#user-menu li a { display: block; text-align: center; padding-top: 105px; color: #e4001e; font-size: 15px; position: relative; height: 33px; }
#user-menu li a::before { content: " "; position: absolute; width: 66px; height: 66px; background: transparent url(/helion/images/helion.svg) no-repeat; top: 25px; left: 50%; margin-left: -33px; }
#user-menu li.disable a { background-color: #ebebeb; color: #808080; }
#user-menu li.item1 a::before { background-position: 0 -434px; }
#user-menu li.item2 a::before { background-position: -80px -434px; }
#user-menu li.item3 a::before { background-position: -160px -434px; width: 65px; left: 50%; margin-left: -34px; }
#user-menu li.item4 a::before { background-position: -240px -434px; }
#user-menu li.item5 a::before { background-position: -316px -434px; }
#user-menu li.item6 a::before { background-position: -387px -434px; }
#user-menu li.item1.disable a::before { background-position: 0 -364px; }
#user-menu li.item2.disable a::before { background-position: -80px -364px; }
#user-menu li.item3.disable a::before { background-position: -160px -364px; }
#user-menu li.item4.disable a::before { background-position: -240px -364px; }
#user-menu li.item5.disable a::before { background-position: -316px -364px; }
#user-menu li.item6.disable a::before { background-position: -387px -364px; }

.main-promotions { float: right; width: 275px; }
.main-promotions h2 { font-size: 24px; font-weight: normal; font-family: canaro, sans-serif; padding-bottom: 12px; }
.main-promotions ul { list-style-type: none; margin: 0; padding: 0; font-size: 15px; line-height: 24px; }
.main-promotions ul li a { padding-left: 13px; display: block; position: relative; }
.main-promotions ul li a::before { content: " "; position: absolute; left: 0; top: 11px; background: #e4001e; border-radius: 3px 3px; width: 3px; height: 3px; }
.main-promotions:hover a { color: #e4001e; }
.main-promotions a:focus { text-decoration: none; color: #b40018; }

.sub-cols { overflow: hidden; padding-bottom: 30px; }
.sub-cols .subcol-left { float: left; width: 620px; }
.sub-cols .subcol-right { float: right; width: 260px;  padding-top: 10px; padding-right: 20px; }
.sub-cols .subcol-left .text p { margin: 24px 0; }
.fb-link { padding-top: 20px; line-height: 24px; font-size: 15px; color: #404040; text-align: center;}
.fb-link .fb-button { position: relative; display: block; margin-bottom: 10px; line-height: 36px; background-color: #3b5998; color: white; text-align: left; font-family: canaro, sans-serif;  font-weight: 100; font-size: 18px; padding-left: 50px; }
.fb-link .fb-button::before { content: " "; position: absolute; left: 20px; top: 3px; background: transparent url(/helion/images/helion.svg) no-repeat -290px -280px; width: 12px; height: 27px; }
.fb-link .fb-button:hover { text-decoration: none; }

.add-opinion h2 { font-family: canaro, sans-serif; font-weight: normal; font-size: 18px; color: black; font-size: 24px; margin-bottom: 15px; border-bottom-width: 0; }
.add-opinion fieldset { border-left: 4px solid #efefef; padding-top: 25px; }
.add-opinion .select-line { margin-bottom: 24px; overflow: hidden; }
.add-opinion .select-line label { float: left; width: 170px; font-weight: bold; font-size: 15px; line-height: 36px; text-align: right; margin-right: 20px; }
.add-opinion .select-line .select { width: 380px; display: inline-block; padding-right: 0; }
.add-opinion .select-line .select-label { border: 1px solid #dedede; display: block; line-height: 34px; padding-left: 10px; }
.add-opinion .select-line .select-label::after { right: 10px; }
.add-opinion .select-line .select select { height: 36px; width: 100%; }

.add-opinion .vote-line { margin-bottom: 24px; overflow: hidden; }
.add-opinion .vote-line .label { float: left; width: 170px; font-weight: bold; font-size: 15px; line-height: 36px; text-align: right; margin-right: 20px; }
.add-opinion .vote-line label { cursor: pointer; border-radius: 100px; border: 1px solid white; display: inline-block; position: relative; width: 34px; height: 34px; line-height: 34px; text-align: center; color: white; font-size: 24px; font-family: canaro, sans-serif; font-weight: 100; }
.add-opinion .vote-line label:hover { opacity: 0.9; }
.add-opinion .vote-line label input { position: absolute; left: -10000px; }

.add-opinion .vote-line label.vote1 { background-color: #d1d1d1; color: #ffffff; border-color: #d1d1d1; box-shadow: inset 0 0 0 1px #d1d1d1;}
.add-opinion .vote-line label.vote2 { background-color: #808080; border-color: #808080; color:#ffffff;}
.add-opinion .vote-line label.vote3 { background-color: #e47382; border-color: #e47382; color:#ffffff; }
.add-opinion .vote-line label.vote4 { background-color: #e4001e; border-color: #e4001e; color:#ffffff; }
.add-opinion .vote-line label.vote5 { background-color: #b40018; border-color: #b40018; color:#ffffff; }
.add-opinion .vote-line label.vote6 { background-color: #800011; border-color: #800011; color:#ffffff; }
.add-opinion .vote-line label.active { background-color: #ffffff; color: #e4001e; border: 2px solid #e4001e; }
.add-opinion .vote-line label:hover{ background-color: #ffffff; color: #808080; border-color: #808080; }

.add-opinion .comment-line { margin-bottom: 24px; overflow: hidden; }
.add-opinion .comment-line label { float: left; width: 170px; font-weight: bold; font-size: 15px; line-height: 36px; text-align: right; margin-right: 20px; }
.add-opinion .comment-line label em { display: block; font-weight: normal; font-style: normal; margin-top: -10px; }
.add-opinion .comment-line textarea { font-style: italic; line-height: 24px; border: 1px solid #dedede; height: 220px; width: 338px; padding: 15px 20px; color: #808080; }
.add-opinion .note { padding-left: 190px; font-size: 15px; padding-bottom: 10px; }

.add-opinion .input-line { margin-bottom: 12px; overflow: hidden; }
.add-opinion .input-line label { float: left; width: 170px; font-weight: bold; font-size: 15px; line-height: 36px; text-align: right; margin-right: 20px; }
.add-opinion .input-line .note { display: block; font-size: 12px; color: #808080; font-style: normal; padding-top: 3px; }
.add-opinion .input-line input { width: 360px; }
.add-opinion .checkbox-line { margin-left: 190px; }
.add-opinion .checkbox-line label { font-size: 12px; width: 350px; line-height: 18px; }
.add-opinion .button { text-align: left; padding-left: 190px; }

.my-list { border-left: 4px solid #efefef; margin: 12px 0 25px 0; position: relative; }
.my-list h1 { background-color: #efefef; font-size: 24px; font-weight: normal; font-family: canaro, sans-serif; }
.my-list h1 a { display: block; line-height: 30px; padding: 15px 36px; }
.my-list h1 a em { font-size: 15px; color: #404040; font-family: arial, sans-serif; font-style: normal; }
.my-list h1 a::after { content: " "; display: inline-block; width: 14px; height: 7px; background: transparent url(/helion/images/helion.png) no-repeat -338px -50px; opacity: 0.5; margin-left: 7px; transform: rotate(-90deg) ; -webkit-transform: rotate(-90deg) ; -moz-transform: rotate(-90deg) ; -o-transform: rotate(-90deg) ; -ms-transform: rotate(-90deg) ; }

.my-list .remove-table { position: absolute; right: 37px; line-height: 30px; top: 16px; }
.my-list .remove-table a { color: #989898;  }

#content .my-list form { padding-left: 30px; padding-top: 10px; display: none; }
#content .my-list.active form { display: block; }
#content .my-list.active h1 a::after { transform: rotate(0deg) ; -webkit-transform: rotate(0deg) ; -moz-transform: rotate(0deg) ; -o-transform: rotate(0deg) ; -ms-transform: rotate(0deg) ; }
#content .my-list.active h1 a:hover { text-decoration: none; }
#content .my-list.active h1 a:hover span { text-decoration: underline; }

.add-list { border: 1px solid #dedede; padding: 20px 40px; margin: 14px 0 30px 0; position: relative; }
.add-list a { font-size: 15px; display: block; }
.add-list a::before { position: absolute; content:"+"; left: 25px; top: 20px; }