@charset "utf-8";.hekle-quiz{margin:20px -10px 0 30px}
.hekle-quiz-secenekler{margin:20px -10px 0 0;float:left;z-index:40;margin-top:-27px;position:relative;width:100%}
.quiz-secenek-wrap{display:block;width:100%;color:#000;margin-left:0;padding-left:0;}
.quiz-secenek-wrap ul,
.quiz-secenek-wrap li{list-style-type:none;display:block;}
.quiz-secenek-resim{}
.quiz-secenek-tekli{}
.quiz-secenek-resim .quiz-secenek{max-width:177px;width:100%;background:#E1E1E1;float:left;margin:5px 7px 5px 0;padding:6px;border:1px solid #DDD;}
.quiz-secenek-resim .quiz-secenek:hover{background:#D52828;color:#FFF;}
.quiz-secenek-yazi .quiz-secenek{width:100%;background:#e7e0e0;margin:0 0 4px 0;padding:4px;-webkit-box-shadow:1px 1px 0 #bfbfbf;-moz-box-shadow:1px 1px 0 #bfbfbf;box-shadow:1px 1px 0 #bfbfbf;}
.quiz-secenek-yazi .quiz-secenek:hover,
.quiz-secenek.quiz-secenek-secili{background:#D52828;color:#FFF;}
.hekle-gos-madde{margin-bottom: 25px !important;}
.quiz-secenek{cursor:pointer;list-style-type:none}
.quiz-secenek-gorsel-wrap{max-width:100%;height:146px;margin:0 0 7px 0;text-align:center;background:#CCC;overflow:hidden}
.quiz-secenek-gorsel{width:100%;height:100%;}
.quiz-secenek-icerik{width:100%;}
.quiz-secenek-secim{background:#fff;width:25px;height:25px;float:left;margin:2px 5px 0 0;cursor:pointer;position:relative;box-shadow:1px 1px 0 #8f8f8f;-webkit-box-shadow:1px 1px 0 #8f8f8f;-moz-box-shadow:1px 1px 0 #8f8f8f;}
.quiz-secenek-secili .quiz-secenek-secim:after{top:-4px;left:1px;content:" ";width:24px;height:32px;position:absolute;background-image:url(http://haberself.com/res/img/tick2.png);background-position:center center}
.quiz-secenek-resim .quiz-secenek-metin{height:30px;overflow:hidden;font-size:12px;display:table-cell;vertical-align:middle;line-height:16px;width:156px;}
.quiz-secenek-yazi .quiz-secenek-metin{height:30px;overflow:hidden;font-size:13px;display:table-cell;vertical-align:middle;line-height:22px;}
.quiz-secenek-row-3{list-style-type:none;margin:0;padding:0}
div#quiz_sonuc{background:#fdfdfd;padding:15px 10px;width:98%;margin:10px 0;border:1px solid #ddd;float:left;}
#quiz_sonuc h6{color:#A5A5A5;font-weight:normal;font-size:12px;margin:0}
#quiz_sonuc h4{color:#000;font-size:18px;margin:16px 0 18px;}
#quiz_sonuc .quiz_sonuc_gorsel_wrap{float:right;text-align:center;width:280px}
#quiz_sonuc .quiz_sonuc_gorsel{max-width:100%;max-height:300px;margin-bottom:10px;}
#quiz_sonuc .quiz_sonuc_metin{margin:15px 0 20px 0;font-size:15px;color:#797979;font-weight:bold;}
#quiz_sonuc .quiz_sonuc_metin.quiz_sonuc_metin_yarim{margin:0 0 20px 0;float:left;width:250px}
.quiz_sonuc_paylas{}
.quiz_sonuc_paylas a{-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;font-size:15px;margin:0 3px 0 0;width:255px;float:left;height:44px;line-height:44px;text-align:center;padding:0;color:#fff;text-decoration:none;font-weight:bold;}
.quiz_sonuc_paylas_face{background-color:#3c5898;background-position:996px 4px;}
.quiz_sonuc_paylas_face .icon-facebook{font-size:29px;position:absolute;left:12px;top:4px;text-indent:0}
.quiz_sonuc_paylas_face:hover{background-color:#243d7f}
.quiz_sonuc_paylas_tweet{background-color:#6aadd1;background-position:9996px -36px;}
.quiz_sonuc_paylas_tweet .icon-twitter{left:8px;font-size:26px;top:6px;position:absolute;text-indent:0}
.quiz_sonuc_paylas_tweet:hover{background-color:#4e97c3}
.secenek-sec-list{margin:0 0 4px 0;height:30px;background:#f0f0f0}
.secenek-sec-list .span3{font-size:12px;margin:0;height:30px;line-height:30px;}
.secenek-sec-list input{width:26px;}
#quiz_sonuc_grafik{width:280px;float:left;color:#fff;padding:0;margin:-7px 0 0 0;}
#quiz_sonuc_grafik div{position:relative;margin:6px 0 0 0;background:#f1f1f1;height:30px;border-radius:5px;}
#quiz_sonuc_grafik span{position:absolute;left:0;bottom:0;height:11px;border-bottom-left-radius:5px;}
#quiz_sonuc_grafik strong{position:absolute;line-height:18px;height:18px;font-size:11px;margin:0;text-indent:4px;left:0;top:2px;width:86%;color:#242222;overflow:hidden;}
#quiz_sonuc_grafik em{position:absolute;margin:0;background:transparent;height:auto;right:8px;color:#AAA;font-weight:bold;line-height:30px;}
#quiz_sonuc_grafik em:after{content:"%";font-size:11px;margin:0 0 0 2px;font-weight:bold;}
.quiz_secenek_gorsel_wrap{margin-left:0;text-align:center;width:190px;float:left;}
.quiz_secenek_gorsel_wrap .thumbnail img{width:160px;height:125px;}
.selfim-side{width:306px;float:right;margin:5px 0 0 0;border-bottom:1px solid #E2DFDF;padding:0 0 8px 0;}
#selfim-desen-wrap{}
#selfim-desen-wrap p{font-size:12px;font-weight:bold;margin:0}
.selfim-side-ul{width:100%;float:right;list-style-type:none;margin:0;}
.selfim-side-ul li{width:41px;float:left;margin:4px 10px 2px 0;cursor:pointer;-moz-box-shadow:1px 1px 0 #632C2C;-webkit-box-shadow:1px 1px 0 #632C2C;box-shadow:1px 1px 0 #632C2C}
.selfim-side-ul li div{width:100%;height:40px;background-repeat:repeat;background-position:center center;}
.ui-mobile .quiz-secenek-yazi .quiz-secenek{width:94%;}
.ui-mobile div#quiz_sonuc{width:94%;}
.ui-mobile #quiz_sonuc h6{}
.ui-mobile #quiz_sonuc h4{}
.ui-mobile #quiz_sonuc .quiz_sonuc_gorsel_wrap{float:left;margin-right:15px}
.ui-mobile #quiz_sonuc .quiz_sonuc_gorsel{margin-bottom:10px}
.ui-mobile #quiz_sonuc .quiz_sonuc_metin{float:left;}
.ui-mobile #quiz_sonuc .quiz_sonuc_metin.quiz_sonuc_metin_yarim{}
.ui-mobile .quiz_sonuc_paylas{}
.ui-mobile .quiz_sonuc_paylas a{margin:0 0 10px 0;width:97%;}
.ui-mobile .quiz_sonuc_paylas_face{}
.ui-mobile .quiz_sonuc_paylas_face .icon-facebook{}
.ui-mobile .quiz_sonuc_paylas_face:hover{}
.ui-mobile .quiz_sonuc_paylas_tweet{}
.ui-mobile .quiz_sonuc_paylas_tweet .icon-twitter{}
.ui-mobile .quiz_sonuc_paylas_tweet:hover{}