.quiz .caption-wrapper:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; }
.quiz .caption-wrapper { width: 100%; height: 100%; }
.quiz .image-wrapper span.caption { display: inline-block; height: auto; }
.quiz .question-image-wrapper span.caption { display: inline-block; height: auto; }
#Result .result-item { display: none; }

.quiz .image-wrapper { position: relative; }
.quiz .image-wrapper .caption-wrapper { z-index: 1; top: 0px; left: 1px; max-width: 628px; position: absolute; color: #FFFFFF; text-align: center; padding: 0px 0px; background: rgba(0, 0, 0, 0.4); }
.quiz .image-wrapper span.caption { padding: 0px 10px; font-family: 'Glegoo', serif; font-size: 50px; line-height: 54px; /*display:table-cell;*/ vertical-align: middle; /* width:560px; height:400px;*/ }

.quiz .answers .row { margin-bottom: 10px; }
.quiz .answers .row.last { margin-bottom: 0px; }
.quiz .answers .answer { position: relative; cursor: pointer; padding: 10px; float: left; margin-right: 10px; text-align: center; background: #F2F2F2; border: 1px solid #CCCCCC; }
.quiz .answers .answer-image-wrapper { width: 181px; height: 181px; display: block; }
.quiz .news-list-item.internal-quote .answers .answer { float: none; margin-bottom: 10px; margin-right: 0px; }
.quiz .news-list-item.internal-quote .answers .answer .answer-image-wrapper { width: 100%; height: 166px; }

.quiz .question-image-wrapper { width: 630px; height: 300px; margin-bottom: 20px; display: block; position: relative; }
.quiz .answers .answer-image, .quiz .question-image { display: block; width: 100%; height: 100%; background-repeat: no-repeat; background-position: 50%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
.quiz .answers .answer-text { display: table-cell; vertical-align: middle; text-align: center; background: #FFF; font-size: 14px; line-height: 20px; padding: 0px 4px; color: #666; font-weight: normal; width: 171px; height: 171px; }
.quiz .answers .answer-text br { line-height: 20px!important; }
.quiz .answers .answer-text cite { display: block; font-size: 12px; font-style: normal; margin-top: 4px; }
.quiz .question-image-wrapper span.caption-wrapper { position: absolute; color: #FFFFFF; text-align: center; padding: 0px 0px; background: rgba(0, 0, 0, 0.4); }
.quiz .question-image-wrapper span.caption { padding: 0px 10px; font-family: 'Glegoo', serif; font-size: 50px; line-height: 54px; /*display:table-cell;*/ vertical-align: middle; /*width:560px; height:300px;*/ }
.quiz .answers .answer.last { margin: 0px; }
input[type="radio"] { width: 20px; height: 20px; margin-top: 10px; }

.quiz-checkbox #newsitem a.btn, .quiz-checkbox .newsitem a.btn { margin-bottom: 20px; font-size: 20px; line-height: 22px; padding: 20px 10px; }

.quiz-checkbox #newsitem h2, .quiz-checkbox #newsitem .news-detail h2 p, .quiz-checkbox .newsitem h2, .quiz-checkbox .newsitem .news-detail h2 p { margin-left: 30px; }
.quiz-checkbox #newsitem #Result h2, .quiz-checkbox #newsitem .news-detail #Result h2 p, .quiz-checkbox .newsitem #Result h2, .quiz-checkbox .newsitem .news-detail #Result h2 p { margin-left: 0px; }
.quiz input[type="checkbox"] { float: left; margin-left: 0px; margin-right: 10px; /*-webkit-appearance: none;*/ -moz-appearance: none; /*outline: 2px solid #AAA;
	outline-offset: -2px;*/ height: 20px; width: 20px; }
.answer.title input[type="radio"] { /*float:left;*/ }
.quiz .answers .answer-label { word-wrap: break-word; color: #888; font-weight: bold; font-size: 12px; line-height: 14px; display: block; margin-top: 10px; width: 171px; text-align: left; }
.no-touch .quiz .answers .answer:hover .answer-label, .quiz .answers .answer.selected .answer-label { color: #FFF; }
.no-touch .quiz .answers .answer:hover, .quiz .answers .answer.selected { background: #00abec; }
.not { display: none; }
#Result { display: none; margin: 10px 0px; padding: 10px; background: #F2F2F2; border: #CCCCCC; }
#Result img { float: right; width: 298px; border: 1px solid #CCCCCC; }
#Result h3 { margin: 0px; color: #333; margin-bottom: 10px; }
#Result h3.result-title { margin-bottom: 0px; }
#Result h2 { color: #333; }
#Result .result-desc { margin: 10px 0px; }
#Result .result-desc p { float: left; margin-right: 10px; width: 270px; }
.results .answer .overlay { display: block; position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; background: rgba(255, 255, 255, 0.4); }
.results .answer.selected .overlay { display: none; }
#NewsDetailWrapper .author,.newsdetailwrapper .author { border-bottom: 0px; }

.bracket .news-related { border-bottom: 1px solid #CCC; }
#newsitem.bracket .news-list-item { float: left; margin-right: 0px; width: 290px; margin-top: 0px; }
#newsitem.bracket .news-list-item:first-child { margin-right: 20px; }
#newsitem.bracket .news-list-item.notitle { width:100%; float:none; clear:both; }
#newsitem.bracket .news-list-item.notitle .image-wrapper { width:100%; height:auto; }
#newsitem.bracket .news-list-item.notitle .image-wrapper .image { width:100%; height:auto; max-height:none; max-width:none; border:0px; }
#newsitem.bracket .newslistitems-title { margin-top: 20px; }
#newsitem.bracket .newslistitems-title h2 { float: left; margin-right: 0px; width: 290px; }
#newsitem.bracket .newslistitems-title h2:first-child { margin-right: 20px; }

#newsitem.bracket .news-list-item .image-wrapper { width: 290px; height: 290px; margin-bottom: 10px; display: block; position: relative; }
#newsitem.bracket .news-list-item .image-wrapper .image { max-width: 288px; max-height: 288px; border: 1px solid #CCCCCC; display: block; width: 100%; height: 100%; background-repeat: no-repeat; background-position: 50%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
#newsitem.bracket .news-list-item .fbbuttons { margin: 10px; text-align: center; /*padding:10px; position:absolute; left:0px; bottom:0px; background: rgb(255, 255, 255); background: rgba(255, 255, 255, 0.70);*/ }
#newsitem.bracket .news-list-item .fb-icon { margin-right: 10px; /* margin-top: 4px; */ display: inline-block; background: url('/images/icon-facebook-twitter-white.png'); height: 32px; width: 20px; background-size: 60px; }
#newsitem.bracket .fb-share-button .label { font-family: Verdana; vertical-align: top; display: inline-block; margin-top: 6px; /* width:72px; */ font-size: 19px; /* line-height: 24px; */ font-style: italic; color: #FFFFFF; }
#newsitem.bracket .fb-share-button { border: 2px solid #FFF; box-shadow: 2px 2px 2px #000000; opacity: .7; filter: alpha(opacity=70); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; display: inline-block!important; width: 171px; height: 34px; padding: 10px 10px 10px 10px; background: #3b5998; /* position: absolute; */ /* top: 50%; */ /* margin-left: -98px; */ /* left: 50%; */ /* margin-top: 5px; */ }
.no-touch #newsitem.bracket .news-list-item .news-list-item-image:hover .fb-share-button { opacity: 1.0; filter: alpha(opacity=100); }
.no-touch #newsitem.bracket .news-list-item .news-list-item-image:hover .image-wrapper .image { border: 1px solid #3b5998; }
#newsitem.bracket .newslistitems { position: relative; }
#newsitem.bracket .challenge-connector { position: absolute; left: 50%; top: 120px; margin-left: -30px; z-index: 999; }

.newsitem.bracket .news-list-item { float: left; margin-right: 0px; width: 290px; margin-top: 0px; }
.newsitem.bracket .news-list-item:first-child { margin-right: 20px; }
.newsitem.bracket .news-list-item.notitle { width:100%; float:none; clear:both; }
.newsitem.bracket .news-list-item.notitle .image-wrapper { width:100%; height:auto; }
.newsitem.bracket .news-list-item.notitle .image-wrapper .image { width:100%; height:auto; max-height:none; max-width:none; border:0px; }
.newsitem.bracket .newslistitems-title { margin-top: 20px; }
.newsitem.bracket .newslistitems-title h2 { float: left; margin-right: 0px; width: 290px; }
.newsitem.bracket .newslistitems-title h2:first-child { margin-right: 20px; }

.newsitem.bracket .news-list-item .image-wrapper { width: 290px; height: 290px; margin-bottom: 10px; display: block; position: relative; }
.newsitem.bracket .news-list-item .image-wrapper .image { max-width: 288px; max-height: 288px; border: 1px solid #CCCCCC; display: block; width: 100%; height: 100%; background-repeat: no-repeat; background-position: 50%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
.newsitem.bracket .news-list-item .fbbuttons { margin: 10px; text-align: center; /*padding:10px; position:absolute; left:0px; bottom:0px; background: rgb(255, 255, 255); background: rgba(255, 255, 255, 0.70);*/ }
.newsitem.bracket .news-list-item .fb-icon { margin-right: 10px; /* margin-top: 4px; */ display: inline-block; background: url('/images/icon-facebook-twitter-white.png'); height: 32px; width: 20px; background-size: 60px; }
.newsitem.bracket .fb-share-button .label { font-family: Verdana; vertical-align: top; display: inline-block; margin-top: 6px; /* width:72px; */ font-size: 19px; /* line-height: 24px; */ font-style: italic; color: #FFFFFF; }
.newsitem.bracket .fb-share-button { border: 2px solid #FFF; box-shadow: 2px 2px 2px #000000; opacity: .7; filter: alpha(opacity=70); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; display: inline-block!important; width: 171px; height: 34px; padding: 10px 10px 10px 10px; background: #3b5998; /* position: absolute; */ /* top: 50%; */ /* margin-left: -98px; */ /* left: 50%; */ /* margin-top: 5px; */ }
.no-touch .newsitem.bracket .news-list-item .news-list-item-image:hover .fb-share-button { opacity: 1.0; filter: alpha(opacity=100); }
.no-touch .newsitem.bracket .news-list-item .news-list-item-image:hover .image-wrapper .image { border: 1px solid #3b5998; }
.newsitem.bracket .newslistitems { position: relative; }
.newsitem.bracket .challenge-connector { position: absolute; left: 50%; top: 120px; margin-left: -30px; z-index: 999; }


.quiz .two-in-one-row.answers .answer { margin-bottom: 10px; margin-left: 6px; margin-right: 6px; }
.quiz .two-in-one-row.answers .answer-image-wrapper { width: 280px; height: 280px; }
.quiz .two-in-one-row.answers .answer.quote .answer-text { width: 280px; height: 280px; }

.image-wrapper { width: 100%; }

.image-wrapper .overlay { position: absolute; top: 50%; left: 50%; margin-left: -96px; margin-top: -61px; }
.image-wrapper .share-box:after { top: 16px; left: 50%; content: " "; height: 0px; width: 0px; border: solid 0px transparent; position: relative; pointer-events: none; border-top-color: #FFFFFF; border-width: 10px; margin-left: -10px; }
.image-wrapper .share-box { /* position: absolute; */ /* top: 50%; */ /* margin-left: -42px; */ /* left: 50%; */ /* margin-top: -63px; */ height: 50px; padding: 4px; width: 80px; background-color: #FFF; border-radius: 4px; opacity: 0.8; margin: 0 auto; margin-bottom: 10px; }
.image-wrapper .share-box #SocialShareCount { font-size: 21px; display: block; width: 100%; margin-right: 0px; }
.image-wrapper .share-box #SocialShareCount span { color: #666; font-size: 17px; }

@media all and (max-width: 654px) {
	.quiz .two-in-one-row.answers .answer-image-wrapper { width: 122px; height: 122px; }
	.quiz .two-in-one-row.answers .answer-label { width: 122px; }
	.quiz .two-in-one-row.answers .answer.quote { margin-left: 0px; margin-right: 0px; }
	.quiz .two-in-one-row.answers .answer.quote .answer-text { height: 122px; }
	.quiz .two-in-one-row.answers .answer.quote .answer-image-wrapper { height: 130px; }
	.two-in-one-row .answer { height: 170px; }

	.quiz .image-wrapper .caption-wrapper { max-width: 298px; }
	.quiz .newscastic .image-wrapper span.caption, .quiz .sponsored .image-wrapper span.caption { margin-top: -4px; }
	.quiz .image-wrapper span.caption { font-size: 30px; line-height: 34px; /*width:260px; height:200px;*/ }
	#NewsDetailWrapper h1, .newsdetailwrapper h1 { margin-bottom: 10px; }
	#newsitem h1, .newsitem h1 { font-size: 30px; line-height: 33px; }
	.quiz .answers .answer { padding: 8px; margin-right: 8px; }
	.quiz .news-list-item.internal-quote .answers .answer .answer-image-wrapper { height: 81px; }
	.quiz .answers .answer.quote { float: none; margin-bottom: 10px; margin-right: 0px; }
	.quiz .answers .answer.quote .answer-image-wrapper { width: 100%; height: 100px; }
	.quiz .answers .answer.quote .answer-text { width: 284px; height: 90px; }
	.quiz .answers .answer-label { font-size: 10px; line-height: 12px; margin-left: 0px; margin-top: 2px; width: 76px; }
	.quiz .answers .answer-image-wrapper { width: 76px; height: 76px; }
	.quiz .question-image-wrapper { width: 300px; height: 150px; }
	.quiz .question-image-wrapper span.caption-wrapper { padding: 0px 0px; }
	.quiz .question-image-wrapper span.caption { font-size: 25px; line-height: 28px; /*width:280px; height:150px;*/ }
	.quiz .answers .answer.last { margin: 0px; }
	input[type="radio"] { width: 16px; height: 16px; margin-top: 10px; }
	#Result h3 { font-size: 24px; line-height: 26px; }
	#Result img { float: none; width: 278px; border: 1px solid #CCCCCC; margin-bottom: 10px; }
	#Result .result-desc p { float: none; margin-right: 0px; width: 280px; }
	#NewsDetailWrapper .social-wrapper, .newsdetailwrapper .social-wrapper { border: 0px; border-bottom: 1px solid #CCC; }
	#NewsDetailWrapper .author, .newsdetailwrapper .author { border-top: 0px; border-left: 0px; }

	#newsitem.bracket .news-list-item { margin-right: 0px; width: 145px; }
    #newsitem.bracket .news-list-item:first-child { margin-right:10px; }
	#newsitem.bracket .newslistitems-title h2 { float: left; margin-right: 0px; width: 145px; }
	#newsitem.bracket .newslistitems-title h2:first-child { margin-right: 10px; }
	#newsitem.bracket .news-list-item .image-wrapper { width: 145px; height: 145px; }
	#newsitem.bracket .news-list-item .image-wrapper .image { max-width: 143px; max-height: 143px; }
	#newsitem.bracket .fb-share-button .label { font-size: 12px; line-height: 12px; width: 53px; margin-top: 7px; }
	#newsitem.bracket .fb-share-button { width: 92px; height: 28px; padding: 4px 10px 10px 7px; margin-top: -27px; margin-left: -56px; }
	#newsitem.bracket .challenge-connector { top: 57px; width: 30px; height: 30px; margin-left: -15px; }

    .newsitem.bracket .news-list-item { margin-right: 0px; width: 145px; }
    .newsitem.bracket .news-list-item:first-child { margin-right:10px; }
	.newsitem.bracket .newslistitems-title h2 { float: left; margin-right: 0px; width: 145px; }
	.newsitem.bracket .newslistitems-title h2:first-child { margin-right: 10px; }
	.newsitem.bracket .news-list-item .image-wrapper { width: 145px; height: 145px; }
	.newsitem.bracket .news-list-item .image-wrapper .image { max-width: 143px; max-height: 143px; }
	.newsitem.bracket .fb-share-button .label { font-size: 12px; line-height: 12px; width: 53px; margin-top: 7px; }
	.newsitem.bracket .fb-share-button { width: 92px; height: 28px; padding: 4px 10px 10px 7px; margin-top: -27px; margin-left: -56px; }
	.newsitem.bracket .challenge-connector { top: 57px; width: 30px; height: 30px; margin-left: -15px; }

	#NewsDetailWrapper.bracket .news-related, .newsdetailwrapper.bracket .news-related { border: 0px; }

	.quiz-checkbox #newsitem a.btn, .quiz-checkbox .newsitem a.btn { font-size: 14px; line-height: 16px; }

	.image-wrapper .overlay { margin-left: 0px; margin-top: -54px; }
	.image-wrapper .share-box { height: 43px; width: 63px; margin-bottom: 35px; margin-left: -35px; }
	.image-wrapper .share-box #SocialShareCount { font-size: 16px; margin-top: 5px; }
	.image-wrapper .share-box #SocialShareCount span { font-size: 14px; }
}

#tabs ul { list-style: none; padding: 0; margin: 0; }

#tabs li { float: left; border: 1px solid #bbb; border-bottom-width: 0; margin: 0; }
#saverankbuttons { margin: 0 auto; text-align: center; }
#tabs a { text-decoration: none; display: block!important; background: #f0f0f0; padding: 10px 20px; color: #000000; text-align: center; }

#tabs a:hover { background: #ffffff; }

#tabs .selected { border-top-color: #000000; border-right-color: #000000; border-left-color: #000000; border-bottom-color: #000000; }

#tabs .selected a { position: relative; top: 1px; background: #ffffff; color: #000000; font-weight: bold; }

div #tabs { border-bottom: 1px solid #cccccc; margin-bottom: 10px; margin-top: 20px; }

div .linesep { border-bottom: 1px solid #cccccc; height: 1px; margin-top: -9px; margin-bottom: 30px; }

#votablediv { border-top: 1px solid #ccc; padding-top: 15px; }
#content { clear: both; padding: 0 1em; }

.list-button { color: #7f6000; font-size: 18px; font-family: 'Glegoo', serif; background-color: #FFD966; border: 1px solid #7f6000; margin: 4px; display: inline-block; vertical-align: middle; width: 400px; box-shadow: 1px 1px 2px rgba(34,25,25,0.2); border-radius: 4px; }
num { color: #ffffff; background-color: #D89F39; border-width: 1px; border-color: #7F6000; margin: 4px 4px 4px 0px; display: inline-block; font-family: 'Glegoo', serif; padding-left: 13px; padding-right: 13px; padding-top: 6px; padding-bottom: 6px; font-weight: bold; }
button:hover { color: #000000; }

.small { font-size: 11px; margin: 6px; }

#div-embed { display: inline-block; width: 200px; border-width: 1px; border: solid; border-color: #ededed; padding: 4px; line-height: 14px; font-size: 12px; }
.line { border-top: solid; border-color: #ededed; width: 190px; height: 1px; margin-top: 4px; margin-bottom: 4px; }

.embed-input { width: 30px; }

input.radio { width: 14px; vertical-align: bottom; }

input.iframe { width: 190px; border-width: 1px; border: solid; border-color: #ededed; }

#newsitemtitle { display: inline; }
.embed-copy { width: 40px; height: 20px; font-size: 12px; text-align: center; }
#page-wrap { width: 100%; margin: 0 auto; }
#listitemswrapper { width: 100%; }
ul.slides { position: relative; margin: 0 auto; z-index: 0; min-height: 200px; }

li.slide { position: absolute; min-width: 250px; display: none; clear: both; }

.toptenimage { width: 100%; background-repeat: no-repeat; background-position: 50%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; height: 400px; display: block; height: 500px; display: block; }

.no-touch #newsitem.bracket .news-list-item .news-list-item-image:hover .share-box, .no-touch .newsitem.bracket .news-list-item .news-list-item-image:hover .share-box { opacity: 1.0; filter: alpha(opacity=100); }


#image-wrapper .img { align-content: center; min-width: 250px; width: 100%; }

#TopTenListContainter { position: relative; }
#TopTenListContainter a.prevSlide { position: absolute; top: 50%; left: 10px; margin-top: -13px; min-width: 30px; min-height: 30px; }
#TopTenListContainter a.nextSlide { position: absolute; top: 50%; right: 10px; margin-top: -13px; min-width: 30px; min-height: 30px; }
#honorablementiondiv { width: 100%; }
#honorablementiontitle { font-family: 'Glegoo', serif; font-size: 18px; text-align: left; }
#addcopy { font-family: 'Glegoo', serif; font-size: 14px; text-align: left; }

#saverankbuttons .qq-upload-button { width: 100%; color: #000; text-align: center; background-color: #EEE; border: 1px solid #CCC; }

#saverankbuttons .qq-upload-button div { height: 150px; vertical-align: middle; padding-top: 50px; }

li.honorable-mention .news-list-item .image-wrapper { display: none; }

.honorable-mention div.news-list-item { text-align: left; }

.honorable-mention div.news-list-item itemd { display: none; }

.honorable-mention a#moveUp { display: none; }

.honorable-mention a#movedown { display: none; }

.toptenli a#honorablementionbutton { display: none; }
.honorable-mention h2 { position: relative; }

.noslide { width: auto !important; left: 0px !important; height: auto !important; z-index: 0 !important; }

.popupbox2 { display: none; float: left; position: fixed; top: 50%; left: 50%; z-index: 99999; padding: 20px 20px 0px 20px; background-color: #FFF; border: 1px solid #CCC; min-width: 250px; }

#fade { display: none; /* Hidden as default */ background: rgb(180, 180, 180); position: fixed; left: 0; top: 0; width: 100%; height: 100%; opacity: .80; z-index: 9999; }

#shadowexit { border: none; position: absolute; top: 0%; left: 94%; }

#addtoptenitem { background-color: #f0f0f0; color: #000000; padding: 10px; }

.list-item-form { padding-left: 5px; padding-right: 7px; border-bottom: 1px solid #cccccc; padding-bottom: 10px; margin-bottom: 25px; }

.toptenli h2 { position: relative; z-index: 2; }

#movedown { position: absolute; left: -19px; top: 20px; }

#moveUp { position: absolute; left: -20px; top: -2px; }
#honorablementionbutton { position: absolute; left: -20px; top: 10px; }

#collapsebutton { padding-left: 20px; padding-right: 20px; padding-top: 2px; padding-bottom: 2px; background-color: #f0f0f0; color: #000000; }

#expandbutton { padding-left: 20px; padding-right: 20px; padding-top: 2px; padding-bottom: 2px; background-color: #f0f0f0; color: #000000; }

#ViewButtons .selected { background-color: #ffffff; border: 1px solid black; }

a#fileup { }

.list-item-headline { color: #444444; font-weight: bold; font-size: 32px; line-height: 40px; margin: 0px 0px 4px 0px; font-family: 'Glegoo', serif!important; text-align: left; }

#AddItemCopy { color: #444444; font-weight: bold; font-family: 'Glegoo', serif!important; text-align: left; margin-bottom: 15px; }

#saverankbuttons #MainStoryImage { padding-bottom: 20px; }

#NewsDetailWrapper.internal-list h1, .newsdetailwrapper.internal-list h1 { margin-top:10px; }

#listitems .instagramWrapper {
    padding-top: 0px !important;
}

#inViewport {
    padding-bottom: 100px;
}