/* Resets */
html { height: 100%;position: relative;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset, img { border: 0; }
address, caption, cite, code, dfn, em, th, var { font-style: normal; font-weight: normal; }
li { list-style: none; list-style-position: outside; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
q:before, q:after { content: ''; }
abbr, acronym { border: 0; font-variant: normal; }
strong {font-weight:600;}
/*to preserve line-height and selector appearance */
sup { vertical-align: text-top; }
sub { vertical-align: text-bottom; }
input, textarea, select { font-family: inherit; font-size: inherit; font-weight: inherit; }
/*to enable resizing for IE*/
input, textarea, select { font-size: 100%; }
/*because legend doesn't inherit in IE*/
legend { color: #000; }
del, ins { text-decoration: none; }
select { margin: 0px; padding: 0px; }
a:focus { outline: none; }
img { -ms-interpolation-mode: bicubic;font-size: 7px; }
/*IE image scaling fix*/
/* Base/Utility */
body { font: 13px 'Open Sans',tahoma,verdana,arial,sans-serif; color: #333;}
p { margin: 10px 0 20px; line-height: 1.2em; }
a { color: #0075a3; text-decoration: none; }
a:hover { color: #333; }
hr { margin: 10px 1%; border: 0; border-top: 1px dotted #666; height: 0px; }
hr.sec { margin: 10px 0; border-top: 1px solid #ccc; }
.mg-t0 { margin-top: 0px; }
.m-tb { margin-top: 8px; margin-bottom: 8px; }
.d-blk { display: block; }
img.mat-1 { padding: 5px; border: 1px solid #ccc; }
.cf:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; overflow: hidden; }
.cf { display: block; zoom: 1; _height: 1%; }
.clr { clear: both; }
.fl-l { float: left; }
.fl-r { float: right; }
.btd-gr { border-top: 1px dotted #ccc; }
.rel { position: relative; }
.abs { position: absolute; }
/* Typography */
h1 { font-size: 21px; font-weight: bold; margin: 10px 1% 7px; }
h2 { font-size: 16px; font-weight: bold; margin: 7px 1%; }
h3 { font-size: 13px; font-weight: bold; margin: 7px 0 0; }
h4, .h4 { display: block; font-size: 12px; font-weight: bold; margin: 7px 1% 0; }
h5, .h5 { display: block; font-weight: bold; }
.huge-words { font-size: 32px; font-weight: 300; }
.fs-xlg { font-size: 20px; }
.fs-lg { font-size: 17px; }
.fs-md { font-size: 13px; }
.fs-sm { font-size: 10px; }
.qt { color: #666; }
.ld { color: #126AD8; }
.mute { color: #999; }
.ta-c { text-align: center; margin: 0px; }
.ta-c-top { margin-bottom: 15px; }
.ta-l { text-align: left; }
.ta-r { text-align: right; }
.strike { text-decoration: line-through; }
.hdr p { margin: -8px 0 0 8px; font-style: italic; }
.bolder { font-weight: 600; }
.orange { color: #dd6101; }
.green { color: #75a113; }
.purple { color: #640e7c; }
.blue { color: #196098; }
.red { color: #a54523;}
.lt-blue { color: #00bcff; }
.cyan { color: #006666; }
.charcoal { color: #333333; }
/* Page Layouts */
body { text-align: center;background: #fafafa;/*background: url(images/bg-tile.png) repeat;*/ *margin-top: 72px; }
body .block { float:left; width:792px; margin-left: 15px; }
#pg { width: 1050px; margin: 72px auto 0; text-align: left; padding: 0px 0 20px;*margin-top: 0; }
#shadow { margin-left: -1px;border-left: 1px solid #cccccc;margin-bottom: 5px; float: left;padding-bottom: 40px;position: relative;}
#sct-hdr { color: #fff; font-size: 28px; left: 40px; letter-spacing: -0.02em; position: absolute; top: 161px; }
.inner { width: 1050px; margin: 0 auto; position: relative; }
.sp-head { background: url(images/sp-head-new.png) no-repeat; display: inline-block; }
.orange-slice { background: url(images/orange-slice.png) bottom repeat-x #dd6101; }
.bottom-border { border-bottom: 1px solid #dd6101; }
.sprite-new { background: url(images/sprite_new.png) no-repeat; }
.sp-acct-menu { background: url(images/acctMenu_sprite.png) no-repeat; }
ul.ui-menu { z-index: 12!important; }
.button { display: block; text-align: center; padding: 7px 0 8px; line-height: 30px; margin: 10px 0; color: #eeeeee; font-weight: 600; font-size: 18px; font-size: 16px\9; box-shadow: 1px 1px 2px rgba(0,0,0,.7); text-shadow: -1px -1px #555; border-radius: 3px; }
.button:hover { color: #ffffff; }
.blue-button { background: url(images/btn-slice-blue.png) #10485c; }
.orange-button { background: url(images/btn-slice-orange.png) #dd6101; }
.lt-blue-button { background: url(images/btn-slice-lt-blue.png) #00bcff; }
.lt-lt-blue-button { background: url(images/btn-slice-lt-lt-blue.png) #1f88ab; }
.green-button { background: url(images/btn-slice-green.png) #75a113; }
.purple-button { background: url(images/btn-slice-purple.png) #640e7c; }
.cyan-button { background: url(images/btn-slice-cyan.png) #006666; }
.small-button { font-size: 14px;font-size: 14px\9;line-height: 25px; }
.trending-button {margin: 10px 0 5px 0; display: inline-block; font-size: 13px;width: 187px; line-height: 18px; background: url(images/btn-slice-green.png) #679204; }
#pg-hdr { position: fixed; left: 0; top: 0; background: url(images/head_new_bg.jpg); width: 100%;min-width: 1050px; height: 72px; z-index: 999999; }
#pg-hdr.persist-off { position: absolute;}
#pg-hdr-wrap { position: relative; height: 100%; }
#pg-hdr-foot { position: absolute; bottom: 0; height: 6px; background-color: #dd6101; width: 100%; }
#pg-hdr .hdr-btn {width: 78px; height: 46px; padding: 10px 0; position: absolute; right: 5px; border-left: 1px solid #555555; border-right: 1px solid #555555; cursor: pointer;z-index: 999;font-size: 12px;font-size: 11px\9;font-weight: 600; text-align: center; }
#pg-hdr .hdr-btn a {display: block;color: #999999; }
#pg-hdr .hdr-btn hr { margin: 5px;*margin: 0 5px; }
#pg-hdr .hdr-btn.logged-in:hover, #pg-hdr .hdr-btn.on {color: #ffffff;background-color: #dd6101; }
#pg-hdr .hdr-btn a:hover, #pg-hdr .hdr-btn a.on { color: #ffffff;background-color: transparent;text-shadow: 0 0 10px #fff;}
#pg-hdr .hdr-btn img { width: 41px; height: 41px; border: 1px solid #555555;margin-top: 2px; }
#pg-hdr .search { right: 85px; position: absolute; border-left: 1px solid #555555; padding: 16px 20px;*padding: 14px 20px; }
#pg-hdr .search input[type=text] { padding: 8px 36px 8px 8px; width: 200px; border-radius: 12px; border: none; }
#pg-hdr .search input[type=submit] { border: none; position: absolute; right: 28px; top: 23px; background-position: 0 -101px; height: 24px; width: 24px; text-indent: -9999px; text-transform: capitalize; cursor: pointer; }
#acctMenu { position: absolute; top: 66px; right: 1px; border: 1px solid #dd6101; width: 350px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.70); -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.70); -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.70); }
#acctMenu .acct-box { padding: 15px; border-bottom: 1px solid #dddddd;background: #fcfcfc;position: relative;}
#acctMenu .acct-box h3 { font-size: 18px; font-weight: 300;}
#acctMenu .acct-box ul { padding: 5px;font-size: 13px;}
#acctMenu .sign-out { position: absolute;top: 15px;right: 15px;padding: 5px 10px;border: 1px solid #cccccc;border-radius: 3px;background-color: #ffffff; }
#acctMenu .sign-out:hover { box-shadow: 0 0 3px #333;}
#acctMenu #note-box { border-top: 1px solid #808080;background: #f8f8f8; }
#acctMenu #note-box h3 { padding: 5px 15px; font-size: 13px; font-weight: 400; border-bottom: 1px solid #cccccc; background: #efefef;*/}
#acctMenu #note-section { position: relative; }
#acctMenu #note-section li {display: block; position: relative; font-size: 12px;padding: 10px 40px 10px 15px; border-bottom: 1px solid #e3e3e3; }
#acctMenu #note-section li strong { font-weight: 600; }
#acctMenu #note-section li .dismiss { display: block;position:absolute;right: 15px;top:15px;padding: 2px 4px 3px;font-size: 8px;border: 1px solid #cccccc;border-radius: 3px; }
#acctMenu #note-section li .dismiss:hover { border-color:#bbbbbb;box-shadow: 0 0 3px #808080;}
#acctMenu #note-section li:hover { background-color: #efefef;}
#acctMenu #note-section li.nohover:hover { background-color:transparent; }
#acctMenu #note-section .loading-hz {padding: 20px 0 0;position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: rgba(255,255,255,.3);text-align: center;display: block;}
#acctMenu #note-section .note-actions {padding: 10px 15px;font-size:12px;font-weight:400; display: block;border-top: 1px solid #cccccc;}
#acctMenu #note-section .note-actions a {display: block;padding: 2px 8px;border: 1px solid #f8f8f8;border-radius: 3px; }
#acctMenu #note-section .note-actions a:hover {border-color:#bbbbbb;box-shadow: 0 0 3px #808080; }
.social { position: absolute; right: -110px; }
.social a { width: 32px; height: 32px; margin: 17px 0; }
.social a.fb { background-position: 0 -145px; }
.social a.tw { background-position: 0 -193px; }
.social a.gp { background-position: 0 -245px; }
.social a.fb:hover { background-position: 0 -295px; }
.social a.tw:hover { background-position: 0 -343px; }
.social a.gp:hover { background-position: 0 -394px; }
.logo { background: url(images/logo_new.png) 0 12px no-repeat; width: 135px; height: 67px; position: absolute; top: 0;left: 5px; }
.logo a { display: block; width: 100%; height: 100%; }
/* Footer */
#pg-ftr { background: url(images/head_new_bg.jpg);width: 100%;color: #aaaaaa;text-align: left;font-size: 12px;bottom: 0;position: relative;min-width: 1050px; clear:both;}
#pg-ftr .logo { top: 17px;}
#pg-ftr .social { top: 60px; right:0; }
#pg-ftr .inner { padding: 25px 0;position: relative; }
#pg-ftr #ftr-links { padding-left: 200px;color: #eeeeee;font-size: 15px; }
#pg-ftr #ftr-links ul { width: 145px;}
#pg-ftr a { color: #eeeeee;font-size: 16px; }
#pg-ftr a.sm { font-size: 12px;}
#pg-ftr a:hover { color: #ffffff; text-shadow: 0 0 10px #fff;}
#pg-ftr div.stripe { background-color: #dd6101;height: 6px;}
#pg-ftr #valediction { margin: 0;text-align: right; margin-right: 5px;}
#pg-ftr .g-attribution { padding: 20px 0; font-size: 10px; }
#pg-ftr .g-attribution a { font-size: 10px; text-shadow: none; }
#home-ask-hdr { width: 994px; margin: -3px auto 0; box-shadow: 0 0 5px #000000; box-shadow: 0 0 5px rgba(0, 0, 0, 0.70); -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.70); -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.70); padding: 5px 15px; color: #fff;position: relative; }
#home-ask-hdr #ask-text-block { float: left; }
#home-ask-hdr #ask-text-block h3 { font-size: 18px; font-weight: 500; }
#home-ask-hdr #ask-text-block p { font-size: 14px; font-weight: 100; margin: 8px 0; font-size: 13px\9; }
#home-ask-hdr #ask-form { float: right; width: 330px; padding: 15px 0 0 20px; *width: 345px; }
#home-ask-hdr #ask-form input[type=text] { width: 250px;height: 20px\9;padding: 3px; *padding: 4px; }
#home-ask-hdr #ask-form input[type=button] {cursor: pointer; padding: 5px 9px; background: url(images/btn-slice-blue.png) #10485c; border: 1px solid #ccc; font-size: 11px; color: #fff; }
#home-ask-hdr #ask-form label { position: absolute; color: #bbbbbb; top: 25px; right: 238px; cursor: text; *top: 27px;*right: 253px; }
.home-layout .member-block {padding-top: 10px; font-size: 15px; }
.home-layout .member-block-left { width: 343px; }
.home-layout .member-block-right { width: 157px; }
.home-layout .member-block #quote-contain { width: 805px;float: left;border-right: 1px solid #CCC;}
.home-layout .member-block #quote-contain-nb { width: 1014px;float: left;}
.home-layout .member-block blockquote { padding: 5px 0;font-size: 14px;}
.home-layout .member-block .top-member-btn { width: 193px;min-height: 68px;box-sizing: border-box;-webkit-box-sizing: border-box;margin: -5px 0 0 15px; }
.home-layout .member-block .top-member-btn img {vertical-align: middle; padding: 0 10px 3px 0;}
.home-layout .member-actions,
.home-layout #member-signup { margin: 0 20px 0 5px; padding: 10px 0 0 0; width: 323px; }
.home-layout #member-signup h2 { margin: 0; text-align:center; font-size: 24px; font-weight: 200; color: #dd6101; font-size: 22px\9; }
.home-layout #member-signup .old-signup { text-align: center; }
.home-layout #member-signup .sub-hdr { text-align: center; }
.home-layout #member-signup .img-links {width: 310px; margin: 10px 10px 5px 10px; }
.home-layout #member-signup .sgn-img {width: 80px;height: 75px; display: inline-block;margin: 0px 5px 0px 12px; }
.home-layout #member-signup .sgn-fb { background: url(images/facebook-signup_sm.png) no-repeat;}
.home-layout #member-signup .sgn-tw { background: url(images/twitter-signup_sm.png) no-repeat;}
.home-layout #member-signup .sgn-em { background: url(images/email-signup_sm.png) no-repeat;}
.home-layout .member-actions { padding-bottom: 5px; }
.home-layout .member-actions td { padding-bottom: 10px; }
.home-layout .member-actions .member-action { padding-left: 35px; margin-right: 13px; height: 24px; display: block; color: #10485c; font-weight: 600; font-size: 13px\9; }
.home-layout .member-actions .member-action:hover { text-shadow: 0 0 15px rgba(128,128,64,.5); }
.home-layout .view-dashboard span, #pg .home-layout .view-profile span { padding-left: 36px; }
.home-layout .view-dashboard span { background-position: 0 -236px; }
.home-layout .view-profile span { background-position: 0 -416px; }
.home-layout .member-actions .post-opinion { background-position: 0 -120px; }
.home-layout .member-actions .start-debate { background-position: 0 -33px; }
.home-layout .member-actions .invite-friends { background-position: 0 -93px; }
.home-layout .member-actions .make-friends { background-position: 0 -64px; }
.home-layout .member-actions .edit-profile { background-position: 0 -212px; }
.home-layout .member-actions .big-issues { background-position: 0 -479px; }
.home-layout .member-actions .add-photos { background-position: 0 -153px; }
.home-layout #member-share { padding: 5px 10px; }
.home-layout #member-share ul { padding: 0; }
.home-layout #member-share li { float: left; margin-right: 16px; }
.home-layout #member-share .share { width: 45px; height: 45px; display: block; }
.home-layout #member-share .fb-share { background-position: 0 -178px; }
.home-layout #member-share .tw-share { background-position: 0 -244px; }
.home-layout #member-share .gp-share { background-position: 0 -307px; }
.home-layout #member-share .in-share { background-position: 0 -368px; }
.home-layout #member-share .rs-share { background-position: 0 -428px; }
.home-layout .member-stats { width: 137px; padding: 20px 0 20px 20px; }
.home-layout .member-stats .stat-block { margin-bottom: 20px; }
.home-layout .member-stats .stat-img { height: 40px; }
.home-layout .member-stats .stat-img-green { background-position: 0 0; }
.home-layout .member-stats .stat-img-orange { background-position: 0 -116px; }
.home-layout .member-stats .stat-img-blue { background-position: 0 -57px; }
.home-layout .member-stats .bold-orange { font-size: 30px; font-weight: 700; line-height: 28px; color: #a54523; }
.home-layout .member-stats .bold-blue { font-size: 30px; font-weight: 700; line-height: 28px; color: #196098; }
.home-layout .member-stats .bold-green { font-size: 30px; font-weight: 700; line-height: 28px; color: #75a113; }
/*Trending Opinions Styles*/
.home-layout #trending-block { width: 438px; height: 400px; margin: 15px; padding: 12px;padding-right: 0; position: relative; }
.home-layout #trending-block .banner { z-index:11; position: absolute; width: 329px; height: 98px; bottom: 342px; right: 220px; background: url(images/trending-topics.png) no-repeat; }
.home-layout #trending-block #trending-opinion {position: relative; background: #ffffff; height: 360px; }
.home-layout #trending-block #trending-opinion .overlap {bottom: 0px; position: relative; color: #fff; text-align: center; position: absolute;left: 0px; z-index: 11;width: 438px; }
.home-layout #trending-block #trending-opinion .overlap .main {font-size: 14px; padding: 5px 128px 4px 5px; float: left;width: 305px;min-height: 85px; background-color: #333333;background: rgba(0, 0, 0, 0.7); }
.home-layout #trending-block #trending-opinion .overlap .main.debate { padding-right: 0;width: 433px;}
.home-layout #trending-block #trending-opinion .overlap .right {position: absolute;left: 320px;bottom: 0px; font-size: 16px; }
.home-layout #trending-block #trending-opinion .overlap .right .top {height: 47px; width: 118px;background-color: #c23307;background-color: rgba(194, 51, 7, 1); }
.home-layout #trending-block #trending-opinion .overlap .right .bottom {height: 47px; width: 118px;background-color: #6a8f1b;background: rgba(106, 143, 27, 1); }
.home-layout #trending-block #trending-opinion .overlap .right span { display: inline-block;padding-top: 10px; }
.home-layout #trending-block #trending-opinion .trending-debate-photo { width: 58px;height: 58px;border: 1px solid #ccc;position: absolute;top: 152px; z-index: 11;display: none;}
.home-layout #trending-block #trending-opinion #instigator-photo { left: 93px;}
.home-layout #trending-block #trending-opinion #contender-photo { right: 93px;}
.home-layout #trending-block #trending-opinion #slides { display: none; }
.home-layout #trending-block #personalize-gear { background: url(../static/images/gear.png) no-repeat;width: 20px;height: 20px;float: right;margin-top: 7px;}
/* Sliderjs Styles*/
a.slidesjs-next, a.slidesjs-previous, a.slidesjs-play, a.slidesjs-stop { background-image: url(../static/images/slidejs.png); background-repeat: no-repeat; display:block; width:12px; height:18px; overflow: hidden; text-indent: -9999px; float: left; margin-right:5px; margin-top: 10px; }
a.slidesjs-next { margin-right:10px; background-position: -12px 0; }
a:hover.slidesjs-next { background-position: -12px -18px; }
a.slidesjs-previous { background-position: 0 0; }
a:hover.slidesjs-previous { background-position: 0 -18px; }
a.slidesjs-play { width:15px; background-position: -25px 0; }
a:hover.slidesjs-play { background-position: -25px -18px; }
a.slidesjs-stop { width:18px; background-position: -41px 0; }
a:hover.slidesjs-stop { background-position: -41px -18px; }
.slidesjs-pagination { margin: 7px 0 0; float: right; list-style: none; padding: 7px 135px 0 0;}
.slidesjs-pagination li { float: left; margin: 0 1px; }
.slidesjs-pagination li a { display: block; width: 13px; height: 0; padding-top: 13px; background-image: url(../static/images/slidejs.png); background-position: -63px 120px; float: left; overflow: hidden; }
.slidesjs-pagination li a.active, .slidesjs-pagination li a:hover.active { background-position: -63px 107px }
.slidesjs-pagination li a:hover { background-position: -63px -26px }
#slides a:link, #slides a:visited { color: #333 }
#slides a:hover, #slides a:active { color: #80AF07 }
/* End Sliderjs Styles*/
/*User Featured Content Styles*/
.uf-wrap {box-shadow: 1px 1px 5px #ccc;}
#uf-tabs-wrap { background: #ededed;height: 50px; border: 1px solid #c1c1c1;border-bottom: none; }
#uf-tabs-wrap .uf-tab { width: 144px;float: left;height: 50px;text-align: center;font-weight: 600;cursor: pointer;}
#uf-tabs-wrap .uf-tab:not(:first-child) { border-left: 1px solid #c1c1c1;width: 145px;}
#uf-tabs-wrap .uf-tab.selected { background: #dd6101;color: #fff;}
#uf-tabs-wrap .uf-tab-inner { margin: 5px 22px;}
#uf-content-wrap { border: 1px solid #c1c1c1;height: 310px;overflow: auto;}
#uf-content-wrap .row { background: url('../static/images/orange-bullet.png') no-repeat 5px 10px;padding: 5px 10px 5px 20px; }
#uf-content-wrap .row span { color: #808080;font-size: 12px;margin-left: 5px;white-space: nowrap;}
#uf-content-wrap .break { border-bottom: 1px solid #c7c7c7;}
#uf-content-wrap .uf-content { display: none;}
#uf-content-wrap .uf-content.selected { display: block;}
/*Custom Scrollbar*/
#uf-content-wrap .mCSB_draggerRail{ display: none;}
#uf-content-wrap .mCSB_dragger { padding-left: 5px;}
#uf-content-wrap .mCSB_dragger_bar {background: rgba(0, 0, 0, .2);width: 7px; filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#bebebe', endColorstr='#bebebe'); /* IE8 */}
#uf-content-wrap .mCSB_container { margin-right: 10px;}
/*End User Featured Content Styles*/
/* End Trending Opinions Styles */
.home-layout .hp-section { padding-top: 15px; margin-top: 10px; border-top: 1px solid #dddddd;}
.home-layout .hp-section.dof > div { width: 314px;padding: 0 15px 20px; margin-right: 18px;border-right: 1px solid #cccccc; border-left: 1px solid #cccccc;margin-left: -19px;}
.home-layout .hp-section.dof > div:first-child { border-left: none; margin-left: 0; padding-left: 0;}
.home-layout .hp-section.dof > div.l { border: none;margin-right: 0;padding-right: 0; }
.home-layout .hp-section .hp-debates {padding-left: 60px; background-position: 0 -497px; }
.home-layout .hp-section .hp-opinions {padding-left: 50px; background-position: 0 -736px; }
.home-layout .hp-section .hp-forums { padding-left: 30px;background-position: 0 -562px; }
.home-layout .hp-section .hp-big-issues { padding-left: 52px;background-position: 0 -799px; }
.home-layout .hp-section .hp-polls {background-position: 0 -1262px;padding-left: 43px;}
.home-layout .hp-section.obnm .ob { position: relative; }
.home-layout .hp-section.obnm .ob .title { font-size: 13px;font-weight: 600;margin-bottom: 10px;}
.home-layout .hp-section.obnm .ob .description{ font-size: 12px;color: #333;}
.home-layout .hp-section.obnm .ob .ctn-reading {float: right;margin-right: 140px;text-decoration: underline;font-size: 12px;color: #0075A3;}
.home-layout .hp-section.obnm .ob .author {margin-top: 10px;font-size: 11px;color: #999;}
.home-layout .hp-section.obnm .ob .categories {font-size: 11px;color: #333;}
.home-layout .hp-section .hp-blog { padding-left: 47px;padding-bottom: 12px; background-position: 0 -623px; }
.home-layout .hp-section.obnm .nm { width: 340px; }
.home-layout .hp-section .hp-new-members { padding-left: 47px;background-position: 0 -678px; }
.home-layout #main-debate-item { margin: 10px 0; text-align:center; }
.home-layout #main-debate-item .vs { line-height: 130px; font-size: 22px; font-weight: 600; color: #333333; }
.home-layout #main-debate-item #mdi-i { margin: 0 auto; width: 287px;height: 177px;background: url(images/debate-hp-image.jpg) no-repeat;position: relative; display: block; }
.home-layout #main-debate-item #mdi-i:hover { text-decoration:underline;}
.home-layout #main-item-action { width: 200px;margin: 0 auto;}
.home-layout #main-debate-item #mdi-i .i { position: absolute;padding: 7px 12px; min-height: 36px; width: 263px; bottom: 0;left: 0; background: #333333;background: rgba(0, 0, 0, .7);color: #ffffff;text-align:center;}
.home-layout #main-debate-item #mdi-i .frame { position: absolute; width: 50px;height: 50px; padding: 3px; background: #eeeeee; border: 1px solid #cccccc;}
.home-layout #main-debate-item #mdi-i #mdi-instigator.frame { top: 45px; left: 65px; }
.home-layout #main-debate-item #mdi-i #mdi-contender.frame { top: 45px; right: 65px; }
.home-layout #main-debate-item #mdi-i .frame img { width: 50px;height: 50px; vertical-align: middle; }
.home-layout #main-forum-item .main-forum-title { font-size: 16px;margin-top: 11px;display: block;}
.home-layout #main-forum-item #main-forum-inner { max-height: 187px; overflow: hidden; }
.home-layout #home-debate-module #secondary-items,
.home-layout #home-forum-module #secondary-items { margin: 30px 0 20px; }
.home-layout #home-opinion-module #secondary-items { margin: -15px 0 20px; }
.home-layout #home-poll-module #secondary-items { margin: 0 0 20px; }
.home-layout #home-blog-module #secondary-items { margin: 0;}
.home-layout #secondary-items li { margin-top: 10px; padding-top: 10px;border-top: 1px solid;}
.home-layout #home-debate-module #secondary-items li { border-color: #dd6101;}
.home-layout #home-opinion-module #secondary-items li { border-color: #75a113;}
.home-layout #home-forum-module #secondary-items li { border-color: #196098;}
.home-layout #home-poll-module #secondary-items li { border-color: #006666; }
.home-layout #home-blog-module #secondary-items li {border-color: #dd6101;}
.home-layout #secondary-items li > a > div:hover { background: #eeeeee;}
.home-layout #secondary-items .frame { padding: 4px; background: #ffffff;width: 50px; height: 50px; margin:4px; border:1px solid #ccc;}
.home-layout #secondary-items .frame img { width: 50px; height: 50px; vertical-align: middle; }
.home-layout #secondary-items .topic { width: 245px; }
.home-layout #home-opinion-module #secondary-items .topic { width: 100%; min-height: 68px;}
.home-layout #home-poll-module #secondary-items .topic { width: 100%; min-height: 68px;}
.home-layout #home-forum-module #secondary-items .topic { width: 100%; min-height: 68px;}
.home-layout #home-forum-module .ctn-reading {text-decoration:underline; float:right; margin-right:140px;color: #0075A3;}
.home-layout #secondary-items .topic-link {font-size: 13px;font-weight: 600;}
.home-layout #secondary-items .topic-post { font-size: 12px;color: #333333;}
.home-layout #secondary-items .topic-status {font-size: 10px; line-height: 18px;color: #999999;}
.home-layout #secondary-items .topic-comments {font-size: 11px; line-height: 18px;}
.home-layout #home-forum-module #secondary-items .topic-comments { margin-right: 20px; }
.home-layout #home-forum-module #secondary-items .topic-post { margin-bottom: 5px;}
.home-layout #home-forum-module #secondary-items .topic-author { margin-left: 20px; }
.home-layout #home-forum-module #secondary-itemsr { margin: 30px 0 20px; float:right; width:45%; }
.home-layout #home-forum-module #secondary-itemsr li { border-color: #196098;}
.home-layout #home-forum-module #secondary-itemsr .topic { width: 100%; min-height: 68px;}
.home-layout #home-forum-module #secondary-itemsr .topic-comments { margin-right: 20px; }
.home-layout #home-forum-module #secondary-itemsr .topic-post { margin-bottom: 5px;}
.home-layout #home-forum-module #secondary-itemsr .topic-author { margin-left: 20px; }
.home-layout #secondary-itemsr li { margin-top: 10px; padding-top: 10px;border-top: 1px solid;}
.home-layout #secondary-itemsr .topic-link {font-size: 13px;font-weight: 600;}
.home-layout #secondary-itemsr .topic-post { font-size: 12px;color: #333333;}
.home-layout #secondary-itemsr .topic-status {font-size: 10px; line-height: 18px;color: #999999;}
.home-layout #secondary-itemsr .topic-comments {font-size: 11px; line-height: 18px;}
.home-layout .text-link { color: #0075A3;float: right;text-decoration: underline;font-size: 16px;font-weight: 500;}
.home-layout #main-opinion-item {margin: 10px 0 36px;}
.home-layout #main-opinion-item #opinions-list { margin-top: 0;}
.home-layout #main-opinion-item #opinions-list li {border:none;padding:0;float:none;background: #FAFAFA;}
.home-layout #main-poll-item .l-name a { color: #ffffff; }
.home-layout #main-poll-item .l-name a:hover { text-decoration:underline;}
.home-layout #main-poll-item {margin: 10px 0 33px;}
.home-layout #home-new-member-module li { width: 165px; padding: 10px 0; font-size: 11px;overflow: hidden;}
.home-layout #home-new-member-module li a { font-size: 12px; }
.home-layout #home-new-member-module .frame { width: 50px;height: 50px;border: 1px solid #cccccc;margin-right: 5px;background: #ffffff;padding: 3px;}
.home-layout #home-new-member-module img { width: 50px;height: 50px;}
.home-layout #home-big-issues-head {font-size: 12px;margin: 3px 25px 0 20px;}
.home-layout #home-big-issues-module li { width: 294px; height: 164px; border: 1px solid; position: relative;margin: 20px; }
.home-layout #home-big-issues-module li .info {position: absolute;bottom: 0;left:0;height: 40px;background: #333333;background: rgba(0,0,0,.7);width: 100%;color: #ffffff;font-size: 16px;}
.home-layout #home-big-issues-module li .info .fl-l { width: 170px; font-size: 16px; padding: 10px;}
.home-layout #home-big-issues-module li .info .pro,
.home-layout #home-big-issues-module li .info .con { width: 100px;height: 20px; font-size: 16px; padding: 10px 0;text-transform: uppercase;text-align: center;}
.home-layout #home-big-issues-module li .info .pro { background: #75a113; }
.home-layout #home-big-issues-module li .info .con { background: #dd6101; }
.home-layout #home-big-issues-module #bi-view-all { width: 300px;margin: 0 auto;}
.member-block-title { font-size: 28px; }
.member-block-title #memberName { font-weight: 600; }
#pg .settings-menu, #subnav .nav-icon, .leader-icon { background: url(images/sprite.png) no-repeat; }
#pg .nav { position: absolute; right: 5px; color: #fff; font-size: 12px; height: 27px; z-index: 2; margin: 4px 70px 0 0; font-family: tahoma,verdana,arial,sans-serif; }
#pg .not { margin: 7px 25px 0 0; }
.nav .lt-blue { margin-right: 10px; display: inline-block; color: #6476A6; font-weight: bold; height: 25px; vertical-align: middle; }
#pg .nav .link { color: #FFFFFF; display: inline-block; height: 25px; vertical-align: middle; }
#pg .nav .link a { color: #ffffff; text-decoration: none; }
#pg .nav .link a:hover { color: #ffffff; text-decoration: none; }
#pg .nav .link .bracket { color: #ffffff; margin-left: 3px; }
#pg .nav .link .bracket #homeCount { color: #ffd700; font-weight: bold; margin: 0 1px 0 1px; }
#pg .nav .msga { color: #fff; }
#pg .nav .noCount:hover { background: url("images/sprite.png") no-repeat scroll 0 -59px transparent; }
#pg .nav .noAlert:hover { background: url("images/sprite.png") no-repeat scroll -49px -59px transparent; }
#pg .nav .noCount { width: 25px; margin-right: 10px; background: url(images/sprite.png) no-repeat scroll -25px -59px transparent; }
#pg .nav .hasCount { width: 30px; margin-right: 15px; background: url(images/sprite.png) no-repeat scroll 0 -59px transparent; }
#pg .nav .noAlert { width: 25px; margin-right: 10px; background: url(images/sprite.png) no-repeat scroll -74px -59px transparent; }
#pg .nav .hasAlert { width: 30px; margin-right: 15px; background: url(images/sprite.png) no-repeat scroll -49px -59px transparent; }
#pg .nav #msgCount { display: inline-block; height: 20px; position: relative; }
#pg .nav #alertCount { display: inline-block; height: 20px; position: relative; margin-right: 35px; }
#pg #note-count { display: block; height: 20px; position: absolute;top: 0;right: 7px; }
#pg #note-count span { background: url(images/sprite_new.png) no-repeat scroll -1px -868px transparent; color: #fff;display: block;width: 22px;height: 24px; text-align: center; font-size: 11px; line-height: 11px; padding-top: 2px; }
#pg .nav .msga #msgCount span { background: url(images/sprite.png) no-repeat scroll -99px -59px transparent; height: 24px; color: #fff; left: 18px; position: absolute; width: 22px; top: -4px; text-align: center; font-size: 11px; padding-top: 2px; }
#pg .nav .msga #alertCount span { background: url(images/sprite.png) no-repeat scroll -124px -59px transparent; height: 24px; color: #fff; left: 18px; position: absolute; width: 22px; top: -4px; text-align: center; font-size: 11px; padding-top: 2px; }
#pg .nav .settings-menu { cursor: pointer; width: 31px; height: 13px; background-position: 0px -20px; position: absolute; top: 4px; right: -38px; }
#pg .header-social { padding-top: 10px; float: right; height: 40px; display: inline-block; width: 60px; }
#pg .header-social a { width: 22px; height: 18px; display: block; }
#pg .header-social .fb-link { margin-left: 10px; float: left; background: url(images/sprite.png) repeat scroll -22px 0px transparent; }
#pg .header-social .twitter-link { float: left; background: url(images/sprite.png) repeat scroll 0 0 transparent; }
#cnt-hd, #cnt-ft { position: relative; left: 220px; width: 724px; }
/* TODO: https */
#cnt-hd .l, #cnt-ft .l, #cnt-hd .r, #cnt-ft .r { background: url(http://esi.juggle-images.com/skin/page/sp-col.png) -470px 0 no-repeat; _background-image: url(http://esi.juggle-images.com/skin/page/sp-col-8.png); /* IE6 sprite */ }
#cnt-hd .l, #cnt-ft .l { float: left; height: 14px; width: 25px; font-size: 0; }
#cnt-hd .r, #cnt-ft .r { float: left; height: 14px; width: 699px; font-size: 0; background-position: -711px 0; }
#cnt-ft .l { background-position: -470px bottom; }
#cnt-ft .r { background-position: -711px bottom; }
#col-pri { float: right; position: relative; z-index: 1; width: 656px; padding: 25px 32px 5px 0; }
/* TODO: https */
#cnt-acc { position: absolute; height: 136px; width: 719px; left: 224px; top: -10px; z-index: 0; background: url(http://esi.juggle-images.com/skin/page/bg-colpri.png) left top no-repeat; }
#col-sec { float: left; width: 209px; position: relative; top: -10px; z-index: 1; }
/* alternate page layout*/
/* TODO: https */
#pg-alt #col-w { background: url(http://esi.juggle-images.com/images/home/hm-col.png) 19px 0 repeat-y; }
#pg-alt .col-wi { padding: 0 45px; }
#pg-alt #cnt-ft { left: 18px; width: 939px; }
#pg-alt #cnt-ft .r { background-position: -494px bottom; width: 914px; }
/* Grid 12 & 16 */
.g12-1, .related, .g12-2, .g12-3, .g12-4, .g12-5, .g12-6, .g12-7, .g12-8, .g12-9, .g12-10, .g12-11, .g12-12, .g16-1, .g16-2, .g16-3, .g16-4, .g16-5, .g16-6, .g16-7, .g16-8, .g16-9, .g16-10, .g16-11, .g16-12, .g16-13, .g16-14, .g16-15, .g16-16 { display: inline; float: left; margin-left: 0.99%; margin-right: 0.99%; }
.g-fll { margin-left:0; margin-right:0; }
.g-ind { margin-left: 0.99%; margin-right: 0.99%; }
.g-clr { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }
.g-f { margin-left: 0; }
.g-l { margin-right: 0; }
.g12-1 { width:6.333%; }
.g12-2 { width:14.667%; }
.g12-3 { width:23.0%; }
.g12-4 { width:31.333%; }
.g12-5 { width:39.667%; }
.g12-6 { width:48.0%; }
.g12-7 { width:56.333%; }
.g12-8 { width:64.667%; }
.g12-9 { width:73.0%; }
.g12-10 { width:81.333%; }
.g12-11 { width:89.667%; }
.g12-12 { width:98.0%; }
.pre12-1 { padding-left:8.333%; }
.pre12-2 { padding-left:16.667%; }
.pre12-3 { padding-left:25.0%; }
.pre12-4 { padding-left:33.333%; }
.pre12-5 { padding-left:41.667%; }
.pre12-6 { padding-left:50.0%; }
.pre12-7 { padding-left:58.333%; }
.pre12-8 { padding-left:66.667%; }
.pre12-9 { padding-left:75.0%; }
.pre12-10 { padding-left:83.333%; }
.pre12-11 { padding-left:91.667%; }
.suf12-1 { padding-right:8.333%; }
.suf12-2 { padding-right:16.667%; }
.suf12-3 { padding-right:25.0%; }
.suf12-4 { padding-right:33.333%; }
.suf12-5 { padding-right:41.667%; }
.suf12-6 { padding-right:50.0%; }
.suf12-7 { padding-right:58.333%; }
.suf12-8 { padding-right:66.667%; }
.suf12-9 { padding-right:75.0%; }
.suf12-10 { padding-right:83.333%; }
.suf12-11 { padding-right:91.667%; }
.sprite-new, .biHd, .rdHd, .rbiHd, #big-issues h1 { background: url(/images/sprite_new.png) no-repeat; }
.biHd {color: #640e7c;font-size: 20px;font-weight: 500;padding-bottom: 10px; padding-left: 30px; background-position: 0px -915px;border-bottom: 1px solid #CBCBCB;}
.biHdPrev {color: #640e7c;font-size: 20px;font-weight: 500;padding-bottom: 10px; border-bottom: 1px solid #CBCBCB;}
.rdHd {color: #dd6101;font-size: 16px;font-weight: 500;padding-bottom: 5px;padding-top: 3px; padding-left: 33px; background-position: 0px -1013px;border-bottom: 1px solid #CBCBCB;}
.rbiHd {color: #640e7c;font-size: 16px;font-weight: 500;padding-bottom: 5px; padding-top: 3px;padding-left: 30px; background-position: 0px -915px;border-bottom: 1px solid #CBCBCB;}
.side {list-style-type: none; cursor: default; float: left; position: relative; width:175px; z-index: 1;border-right: 1px solid #cccccc;margin-bottom: 40px;}
.side ul { list-style-type: none; padding-top: 10px; }
.side li { color: #989898; padding: 7px 0 7px 7px; font-size:12px; }
.side li a { color: #0075a3; text-decoration: none; padding: 0px 0px 0px 0;font-size:12px; }
.side li a:hover { color: #0075a3; text-decoration: underline; }
.side #rail-debate-module { margin-top: 50px;width: 170px;}
.side #rail-debate-module ol,
.side #rail-debate-module li { padding: 5px 0;margin: 0;list-style-type: none; }
.side #rail-debate-module a { display: block;}
.side #rail-big-issues-module { margin-top: 50px;width: 170px;}
.side #rail-big-issues-module ol { padding: 0;margin: 0;list-style-type: none;}
.side #rail-big-issues-module ol li { padding: 5px 0;list-style-type: none;}
.side #rail-big-issues-module .v { margin-right: 10px; float: right; text-decoration: underline; }
.intro { font-style: italic; font-family: Georgia; font-size: 12px; color: #666; margin-top: 10px; letter-spacing: 0.1em; }
.suggest-module { font-family: Georgia; color: #712E06; font-size: 16px; border-top: 1px dotted #B7B7B7; margin-left: 5px; margin-top: 10px; padding-top: 20px; padding-bottom: 12px; width: 130px; }
.suggest-module a { display: block; padding-top: 10px; font-family: Tahoma, Verdana; font-size: 12px; }
.social-like-module { border-top: 1px dotted #B7B7B7; margin-left: 5px; margin-top: 10px; width: 130px; padding-top: 12px; }
.social-like-module img { float: left; }
.social-like-module #fb-img { *float:left; display: inline-block; background: url(/images/sprite.png) repeat scroll -31px -26px transparent; height: 27px; margin-top: 7px; width: 33px; }
.social-like-module #twtr-img { *float:left; display: inline-block; background: url(/images/sprite.png) repeat scroll -61px -26px transparent; height: 27px; margin-top: 7px; width: 33px; }
.social-like-module .fb-like { display:block; display: inline-block; padding-left: 3px; padding-top: 12px; }
.social-like-module .twtr-section { display: inline-block; clear: both; padding-top: 10px; width: 200px; }
.social-like-module .twtr-section .twtr-follow { display: inline-block; padding-left: 3px; padding-top: 12px; }
/* Facebook */
.fbbtn { display: inline; }
.side .fb-side { margin: 10px 1px 0 0; }
.g16-1 { width: 4.25%; }
.g16-2 { width: 10.5%; }
.g16-3 { width: 16.75%; }
.g16-4 { width: 23%; }
.g16-5 { width: 29.25%; }
.g16-7 { width: 41.75%; }
.g16-8 { width: 48%; }
.g16-9 { width: 54.25%; }
.g16-10 { width: 750px; }
.related { width:525px; }
.related-opinion-page { width:450px; float:left; }
.g16-11 { width: 66.75%; }
.g16-12 { width: 674px; }
.g16-13 { width: 79.25%; }
.g16-14 { width: 85.5%; }
.g16-15 { width: 91.75%; }
.g16-16 { width: 98%; }
.pre16-1 { padding-left: 6.25%; }
.pre16-2 { padding-left: 12.5%; }
.pre16-3 { padding-left: 18.75%; }
.pre16-4 { padding-left: 25%; }
.pre16-5 { padding-left: 31.25%; }
.pre16-6 { padding-left: 37.5%; }
.pre16-7 { padding-left: 43.75%; }
.pre16-8 { padding-left: 50%; }
.pre16-9 { padding-left: 56.25%; }
.pre16-10 { padding-left: 62.5%; }
.pre16-11 { padding-left: 68.75%; }
.pre16-12 { padding-left: 75%; }
.pre16-13 { padding-left: 81.25%; }
.pre16-14 { padding-left: 87.5%; }
.pre16-15 { padding-left: 93.75%; }
/* Primary Navigation */
#nav-pri { background: url("images/menu_bg_OffState.jpg") repeat-x scroll 0 0 transparent; margin-top: 97px; position: relative; font-size: 13px; clear: both; height: 40px; overflow: hidden; width: 899px; }
#nav-pri li { float: left; line-height: 30px; }
#nav-pri li a { float: left; cursor: pointer; color: #fff; padding-left: 9px; position: relative; }
#nav-pri li a span { padding: 3px 8px 0 0px; float: left; position: relative; z-index: 2; }
#nav-pri li a:hover { color: #fff; background-position: -1333px 9px; }
#nav-pri li a:hover span { background-position: right 9px; }
#nav-pri li.sel a, #nav-pri li.sel a:hover { background-position: -1405px -26px; }
#nav-pri li.sel a span, #nav-pri li.sel a:hover span { color: #fff; background-position: right -29px; }
/* first link */
#nav-pri li a.f { padding-left: 10px; }
#nav-pri li a.f:hover { margin-left: 4px; padding-left: 6px; }
#nav-pri li.sel a.f, #nav-pri li.sel a.f:hover { padding-left: 10px; margin-left: 0; background-position: -1410px -26px; }
#nav-pri li.sel a.f span { padding-right: 12px; }
/* product link */
#nav-pri li.prd { float: right; }
#nav-pri li a.prd { float: left; width: 65px; padding: 2px 7px 1px 34px; background-position: -1342px -100px; }
#nav-pri li a.prd span, #nav-pri li a:hover.prd span { background-position: 100px 100px; padding: 0; }
#nav-pri li a.prd:hover { background-position: -114px -42px; color: #333; }
#nav-pri li a.prd span, #nav-pri li a.prd:hover span { background-position: 100px 100px; }
#nav-pri li.sel a.prd, #nav-pri li.sel a.prd:hover { background-position: -232px -41px; }
/* no second nav */
.menu-level2-no-items #pg-hdr { height: 123px; }
.menu-level2-no-items ul#nav-pri { border-bottom: 5px solid #A423C0; height: 33px; }
.menu-level2-no-items #pg { padding: 123px 0 20px; }
/* second level */
#nav-pri li.sel ul { position: absolute; left: 0; top: 33px; width: 960px; padding: 0 10px 0 9px; z-index: 2; }
#nav-pri li.sel li { padding: 0 0 0 6px; margin: 0 5px; }
#nav-pri li.sel li a { padding-left: 7px; }
#nav-pri li.sel li a span { padding-right: 7px; }
#nav-pri li.sel li a, #nav-pri li.sel li a span { color: #fff; background-position: 100px 100px; font-size: 12px; }
#nav-pri li.sel li a:hover, #nav-pri li.sel li.sel a { background-position: -1333px -63px; }
#nav-pri li.sel li a:hover span, #nav-pri li.sel li.sel a span { background-position: right -63px; }
#nav-pri li.prd ul li { margin: 0px; }
#nav-pri li.sel li.sel a span.acc { display: block; position: absolute; height: 9px; width: 11px; z-index: 3; font-size: 0; margin-left: -6px; padding: 0; background-position: -338px -46px; left: 50%; bottom: -4px; _bottom: -5px; /* IE6 Fix */ }
/* Content Type Navigation */
#hd-ct-nav { position: absolute; top: 10px; right: 5px; }
.ct-nav li { float: left; margin-top: 2px; margin-right: 10px; }
.ct-nav li a, .ct-nav li a:hover { color: #de6dff; }
.ct-nav .x { background-position: -107px -126px; text-indent: -9999px; height: 24px; width: 62px; margin-top: 0; }
.ct-nav .sel { background-position: -1582px -100px; padding-left: 10px; }
.ct-nav .sel span { background-position: right -117px; color: #fff; padding: 0 10px 1px 0; display: block; }
/* Tertiary Nav -*/
#nav-ter { position: absolute; font-size: 11px; letter-spacing: .04em; top: 7px; right: 10px; }
#nav-ter li { display: inline; }
#nav-ter li.f { border-right: 1px solid #666; }
#nav-ter li a { color: #fff; margin: 0 5px; line-height: 12px; }
#nav-ter li a:hover { text-decoration: underline; color: #fff; }
/* Search - Header & Footer -*/
#hdr-srch { position: absolute; right: 12px; top: 45px; }
#ftr-srch { position: absolute; right: 45px; bottom: 20px; }
#hdr-srch label, #ftr-srch label { display: none; }
#hdr-srch fieldset, #ftr-srch fieldset { display: inline; }
#hdr-q, #ftr-q { background-position: 0 -75px; float: left; margin-top: 1px; }
#hdr-q input, #ftr-q input { width: 344px; height: 14px; border: none; padding: 5px; font-weight: bold; color: #333; background: none; float: left; }
input.ss { width: 82px; height: 25px; display: inline; margin-left: 8px; border: 0; cursor: pointer; vertical-align: bottom; float: left; background-position: -159px 0; text-indent: -9999em; line-height: 999px; overflow: hidden; /*Hide text in all browsers */ }
/*#i-ftr { width: 929px; padding: 0 25px; height: 96px; position: relative; z-index: 20; }
#i-ftr .srch { position: absolute; left: 25px; width: 447px; top: 53px; }
#i-ftr .srch label { display: none; }
.arr { text-align: right; color: #b180bc; font-size: 10px; position: absolute; right: 25px; bottom: 17px; }
#i-ftr h5 { border-bottom: 1px dotted #AF75C0; color: #fff; font-size: 13px; font-weight: bold; padding: 8px 120px 8px 2px; }
#i-ftr .link-to-top { background-position: -174px -127px; height: 21px; position: absolute; right: 37px; text-indent: -9999px; top: 6px; width: 53px; }
#pg-ftr { height: 47px; background-position: -354px -71px; position: relative; font-size: 10px; color: #e4b8fa; text-shadow: 1px 1px #333; }
#pg-ftr ul { position: absolute; top: 9px; right: 10px; }
#pg-ftr li { float: left; padding-right: 8px; }
#pg-ftr li.frt a { list-style-type: none; }
#pg-ftr li a { display: list-item; list-style-position: inside; list-style-type: disc; }
#pg-ftr a { color: #e4b8fa; }
#hm-lnk { position: absolute; bottom: -40px; right: 18px; z-index: 10; color: #e4b8fa; font-size: 10px; top: 25px; }
#attr { line-height: 16px; position: absolute; top: 8px; left: 23px; }
#attr a { margin: 0 7px 0 7px; }*/
/* Breadcrumb */
.bc ul { display: block; margin: 0 1%; }
.bc li { display: inline; padding: 0 3px 2px 0; font-size: 10px; color: #666; }
.bc li.sel { color: #333; font-weight: bold; }
.bc li a { color: #666; padding-right: 3px; }
.bc li a:hover { text-decoration: underline; }
.bc-1 { clear: both; }
.bc-1 ul { padding-left: 3px; }
.bc-1 li { float: left; }
.bc-1 li a, .bc-1 li span { float: left; padding: 6px 0 7px 19px; background-position: 0 -29px; color: #666; }
.bc-1 li.sel { background-position: right 0; padding-right: 20px; }
.bc-1 li.sel span { color: #666666; }
.bc-1 li.rt a { background-position: -15px -29px; }
.bc-1 li.rt a { padding-left: 10px; }
.bc-1 li a:hover { color: #000; }
.bc-1 li .acc { display: none; }
/* Left Nav */
.nav-sec, .nav-sec li { _display: inline-block; }
/* IE6 hasLayout fix */
.nav-sec { font-size: 12px; }
.nav-sec li { margin: 0 3px; padding: 4px 0 8px; border-top: 1px dotted #666; }
.nav-sec li.f, .nav-sec li:first-child { border-top: none; }
/* TODO: https */
.nav-sec li a { display: block; padding: 4px 12px 2px 24px; background: url(http://esi.juggle-images.com/skin/module/nav-sec-sel.jpg) 0 -87px no-repeat; display: block; }
/* TODO: https */
.nav-sec li.sel, .nav-sec li.sel a { background: url(http://esi.juggle-images.com/skin/module/nav-sec-sel.jpg) 0 bottom no-repeat; }
.nav-sec li.sel a { background-position: 0 0; color: #fff; }
.nav-sec ul { padding-bottom: 4px; }
.nav-sec li li, .nav-sec li.sel li { background: none; border: none; margin: 0; }
.nav-sec li.sel li a { background: none; padding: 4px 12px 5px 28px; font-size: 11px; }
/* Modules */
.mod-b01 { margin: 15px 0; border-top: 1px dotted #ccc; }
.mod-r01 { padding-bottom: 11px; margin-bottom: 15px; _display: inline-block; /* IE6 hasLayout fix */ }
/* TODO: https */
.mod-r01, .mod-r01 h2, .mod-r01 .mod-body, .mod-r01 .mod-acc { background: url(http://esi.juggle-images.com/skin/module/mod-r01.png) -425px bottom no-repeat; _background-image: url(http://esi.juggle-images.com/skin/module/mod-r01-8.png); /* IE6 sprite */ }
.mod-r01 h2 { font-size: 12px; font-weight: bold; color: #fff; background-position: -217px 0; padding: 10px 15px; margin: 0 2px; }
.mod-r01 .mod-body { background-position: 0 0; background-repeat: repeat-y; padding: 0 2px; }
.mod-r01 .mod-pad { padding: 5px 12px; }
.mod-r01 .mod-acc { height: 7px; font-size: 0; margin: 0 2px; background-position: -217px -101px; }
/* TODO: https */
.mod-c01 { padding-bottom: 26px; margin-bottom: 10px; background: url(http://esi.juggle-images.com/skin/module/mod-c01.jpg) center bottom no-repeat; }
.mod-c01 .hdr { padding: 7px 15px 20px 0; }
.mod-c01 .hdr h2 { font-weight: bold; margin-top: 4px; margin-bottom: 0; }
.mod-c01 .hdr p { margin-top: 0; margin-bottom: 0; }
.mod-c01 a.more-r { float: right; margin-top: 5px; padding: 3px 15px 0 0; }
.mod-c01 a.more-l { float: left; margin-top: 5px; padding: 3px 0 0 15px; }
.mod-intro p, .mod-outro p, .mod-topiclist .intro p, .mod-topiclist .outro p { margin: 13px 1% 3px; }
.mod-intro .mod-body, .mod-outro .mod-body { border-bottom: 0 none !important; }
.mod-topiclist .intro { border-bottom: 1px dotted #CCCCCC; padding-bottom: 15px; }
.mod-topiclist .outro { border-top: 1px dotted #CCCCCC; margin-top: 7px; }
.mod-intro, .mod-topiclist .intro { color: #333333; }
.mod-outro, .mod-topiclist .outro { color: #666666; }
/* External Link */
a.external { background-position:right -135px; padding-right:20px; }
/* Icons 01 */
.icn01-ml { margin-left:48px; }
.icn01-mr { margin-right:48px; }
.icn01-01, .icn01-02, .icn01-03, .icn01-04, .icn01-05, .icn01-06, .icn01-07, .icn01-08, .icn01-09, .icn01-10, .icn01-11, .icn01-12, .icn01-13, .icn01-14, .icn01-15, .icn01-16, .icn01-17, .icn01-18, .icn01-19, .icn01-20, .icn01-21 {
float: left;
width: 38px;
height: 38px;
margin: 2px 5px 0;
/* TODO: https */
background: url(http://esi.juggle-images.com/skin/icons/icons-01.png) 0 0 no-repeat;
/* TODO: https */
_background-image: url(http://esi.juggle-images.com/skin/icons/icons-01-8.png); /* IE6 Sprite */
}
.icn01-02 { background-position:-38px 0; }
.icn01-03 { background-position:-76px 0; }
.icn01-04 { background-position:-114px 0; }
.icn01-05 { background-position:-152px 0; }
.icn01-06 { background-position:-190px 0; }
.icn01-07 { background-position:-228px 0; }
.icn01-08 { background-position:-266px 0; }
.icn01-09 { background-position:-304px 0; }
.icn01-10 { background-position:-342px 0; }
.icn01-11 { background-position:0 -38px; }
.icn01-12 { background-position:-38px -38px; }
.icn01-13 { background-position:-76px -38px; }
.icn01-14 { background-position:-114px -38px; }
.icn01-15 { background-position:-152px -38px; }
.icn01-16 { background-position:-190px -38px; }
.icn01-17 { background-position:-228px -38px; }
.icn01-18 { background-position:-266px -38px; }
.icn01-19 { background-position:-304px -38px; }
.icn01-20 { background-position:-342px -38px; }
.icn01-21 { background-position:0 -76px; }
/* Icons 02 */
.icn02-ml { margin-left:67px; }
.icn02-mr { margin-right:67px; }
.icn02-01, .icn02-02, .icn02-03, .icn02-04 {
float:left; width:57px; height:57px; margin:2px 5px 0;
/* TODO: https */
background:url(http://esi.juggle-images.com/skin/icons/icons-02.png) 0 0 no-repeat;
/* TODO: https */
_background-image:url(http://esi.juggle-images.com/skin/icons/icons-02-8.png); /* IE6 Sprite */
}
.icn02-02 { background-position:-57px 0; }
.icn02-03 { background-position:-114px 0; }
.icn02-04 { background-position:-171px 0; }
/* Icons 03 */
.icn-03, .icn-03 { height:16px; width:16px; }
.icn-03-ml { margin-left:10px; }
.icn-03-mr { margin-right:10px; }
/* paging */
.adv-pager { margin: 10px 0 15px; font-size: 13px; }
.adv-pager a, .adv-pager span { display: inline-block; line-height: 20px; }
.adv-pager a { margin: 0 1px; padding: 0 3px; }
.adv-pager .current { color: #666; font-weight: bold; }
.adv-pager span { color: #666; margin: 0; padding: 0; }
.adv-pager a.nxt, .adv-pager a.prev { text-indent: -9000em; width: 51px; height: 22px; padding: 0; }
.adv-pager a.nxt { background-position: -53px -126px; margin-left: 6px; }
.adv-pager a.prev { background-position: 0 -126px; margin-left: 0; margin-right: 6px; }
/* Sub Navigation */
#subnav { position: absolute; top: 97px; width: 899px; height: 40px; background: url(images/menu_bg_OffState.jpg) 0 0 repeat-x; }
#subnav .nav-button { margin: 0px; padding: 0px; display: inline-block; float: left; height: 40px; }
#subnav .on, #subnav a.nav-button:hover { background: url(images/menu_bg_OnState.jpg) 0 0 repeat-x; }
#subnav a { color: white; text-decoration: none; font-size: 14px; line-height: 39px; }
#subnav a .inner { display: inline; }
#subnav .nav-icon { margin-left: 11px; margin-bottom: -4px; display: inline-block; }
#subnav .inner { margin-left: 18px; }
#subnav .debates, #subnav .opinions, #subnav .forums, #subnav .people { width: 140px; }
#subnav .blog { float: right; width: 115px; }
#subnav .debates .nav-icon { background: url("images/sprite.png") repeat scroll -44px -1px transparent; width: 31px; height: 20px; }
#subnav .opinions .nav-icon { background: url("images/sprite.png") repeat scroll -83px -1px transparent; width: 25px; height: 20px; }
#subnav .forums .nav-icon { background: url("images/sprite.png") repeat scroll -114px -1px transparent; width: 31px; height: 20px; }
#subnav .people .nav-icon { background: url("images/sprite.png") repeat scroll -220px -1px transparent; width: 25px; height: 20px; }
#subnav .blog .nav-icon { background: url("images/sprite.png") repeat scroll -134px -1px transparent; margin-right: 5px; background-position: -149px -1px; width: 20px; height: 20px; }
#subnav .sep { background: url(images/menu_divider.jpg) no-repeat 0 0; width: 2px; height: 40px; float: left; }
#subnav .leader-icon { width: 20px; height: 20px; background-position: -170px 0px; display: inline-block; margin: 0 0 -3px 2px; }
#breadcrumb { font-size: 12px; width: 1043px; padding: 10px 0px 1px 0px; }
#breadcrumb a { padding: 0 5px; }
#breadcrumb .b-b { margin: 10px 0 0; border-bottom: 1px solid #B7B7B7; }
#breadcrumb .bc-c { color: #dd6101; padding: 0 5px; }
#pg #search { position: absolute; left: 562px; top: 44px; z-index: 1001; }
#pg .context { position: relative; padding-right: 20px; width: 115px; }
#pg #search #searchForm { margin-top: 7px; background: #fff; height: 27px; position: relative; background: url(images/search_bg.png); }
#pg #search #searchForm input#search-btn { background: transparent; border: none; position: absolute; top: 0px; right: 0px; height: 27px; width: 77px; cursor: pointer; }
#pg #search #searchForm input#searchField { background: transparent; border: none; line-height: 19px; height: 24px; font-size: 11px; padding: 0 5px 0; display: inline; width: 200px; margin: 2px 77px 0 30px; }
#pg #search #SearchText, #pg #search #SearchImage { color: #999; font-size: 13px; float: left; }
#pg #search #SearchText { color: #fff; display: block; padding-left: 10px; width: 100px; white-space: nowrap; }
#pg #search #SearchImage { cursor: pointer; display: block; height: 15px; width: 15px; position: absolute; top: -20px; left: 10px; }
#pg #search .bubble { background-color: #fff; display: none; font-size: 11px; left: 14px; padding: 5px 0; position: absolute; top: 33px; width: 135px; z-index: 100; box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2); -moz-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2); }
#pg #search .bubble div { padding: 7px 10px; }
#pg #search .textOut { cursor: auto; }
.pg-body .pg-content { border-left: 1px dotted #B7B7B7; padding-left: 25px; }
.dropdown { z-index: 1002; position: absolute; color: #555; margin: 0px -22px 0 0; width: 143px; height: 17px; text-align: right; top: 28px; left: 753px; }
.setmenu { background: #fff; position: absolute; top: 0px; left: -20px; z-index: 100; width: 135px; display: none; margin-left: 10px; padding: 0px 0 5px; border-radius: 0px 0 6px 6px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.45); }
.dropdown li a { color: #555555; display: block; font-family: arial; font-weight: bold; padding: 6px 15px; cursor: pointer; text-decoration: none; }
.dropdown li a:hover { background: #eeeeee; text-decoration: none; }
.root { list-style: none; margin: 0px; padding: 0px; font-size: 11px; padding: 11px 0 0 0px; }
#pg #Menu1Bubble { display: none; left: 140px;}
:root #pg #Menu1Bubble { display: none;left: 139px\0/IE9;}/*IE9+ fix*/
#pg #Menu2Bubble { display: none;left: 260px; }
:root #pg #Menu2Bubble { display: none;left: 257px\0/IE9;}
#pg #Menu3Bubble { display: none;left: 370px;}
:root #pg #Menu3Bubble { display: none;left: 367px\0/IE9;}
#pg #Menu4Bubble { display: none;left: 463px;}
:root #pg #Menu4Bubble {display: none;left: 460px\0/IE9;}
#pg .bubble { width: 150px; z-index: 2; background-color: #ffffff; border: 1px solid #dd6206; font-size: 11px; padding: 5px 0; position: absolute; top: 46px; box-shadow: 1px 8px 5px 2px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 1px 8px 5px 2px rgba(0, 0, 0, 0.3); -moz-box-shadow: 1px 8px 5px 2px rgba(0, 0, 0, 0.3); }
#pg .bubble a { text-decoration: none; }
#pg .bubble a:hover div { background-color: #dcdcdc; color: #333333; }
#pg .bubble div { padding: 7px 14px; }
#pg .bubble div.hr { background-color: #e1e1e1; height: 1px; margin: 5px 8px 5px 8px; padding: 0; }
#pg .bubble span { color: #4c4c4c; font-size: 11px; font-family: verdana; }
#pg .menu { float: left; font-size: 14px; margin-right: 20px; }
#pg .menu a { color: #ddd; text-decoration: none; padding: 5px; display: block; }
#pg .menu a:hover { color: #fff; text-shadow: 0 0 10px #fff; }
#pg .menu .imageOut, #pg .menu .imageOver { cursor: pointer; display: block; float: left; height: 22px; width: 22px; margin-top: 4px; }
#pg .menu .imageOut { background: url(images/arrow-orange.png) 5px 7px no-repeat; }
#pg .menu .imageOver { background: url(images/arrow-white.png) 5px 7px no-repeat #dd6206; }
#pg .menu .textOut { cursor: pointer; float: left; }
#pg .menu .textOver { cursor: pointer; float: left; }
#pg #menu-container { position: absolute; top: 20px; left: 200px; z-index: 1; }
#pg .new-img{ background: url(images/new-ribbon.png) no-repeat;width: 26px;height: 24px;margin-left: 547px;float: left; color: #fff;padding: 5px 0 0 3px;font-size: 9px; }
:root #pg .new-img{ margin-left: 544px\0/IE9;}
#headAd { text-align: center; width: 1050px; padding-top: 5px; }
#leftRailAd { text-align: center; padding-top: 25px; position: absolute; left: 1px; width: 165px; }
#aboveFooterAd { text-align: center; margin: 20px auto; width: 1050px; }
#midPageAd { text-align: center; padding-top: 20px; }
#adcontainer1 { padding-bottom: 15px; }
#adcontainer1 a { text-decoration: none;}
.left-out-of-page-ad {position: fixed; width: 160px; height: 600px; left: 49%; top: 120px; margin-left: -690px; }
.right-out-of-page-ad {position: fixed; width: 160px; height: 600px; left: 50%; top: 120px; margin-left: 470px; }
/*Member Opinion Search*/
/*#memberDebates {border-left: 1px solid #B7B7B7; border-right:1px solid #B7B7B7;}*/
#memberDebates .sectionholder { width: 750px; margin-left: 15px; }
#memberDebates .resultsusername { color: #126AD8; font-size: 17px; font-weight: bold; padding: 10px 10px 0 0; }
#memberDebates .topBorder { border-top: 1px dotted #666; margin-top: 10px; padding-bottom: 10px; }
#memberDebates li { padding: 10px 0 25px 0; }
#memberDebates h3 { font-size: 14px; font-weight: normal; }
#memberDebates .debatetitle { font-weight: bold; font-size: 12px; }
#memberDebates .bottompager { padding: 5px 0 5px 0; border-top: 1px solid #E8CBB9; }
#memberDebates .bottompager a { display: inline-block; margin-right: 10px; background: url(images/Bluebutton-bg.jpg) repeat-x scroll 0 0 transparent; width: 52px; height: 19px; margin-top: 2px; color: #fff; line-height: 1.8em; font-size: 16px; border: 1px solid rgba(0, 0, 0, 0.3); border-radius: 0.3em 0.3em 0.3em 0.3em; box-shadow: 0 0 0.05em rgba(0, 0, 0, 0.4); color: #FFFFFF; display: inline-block; font-family: tahoma; font-size: 13px; padding: 5px; text-align: center; text-decoration: none; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4); }
#memberDebates .bottompagerback { margin-right: 10px; }
#memberDebates .bottompager .pager-float-r { float: right; font-size: 15px; color: #666; line-height: 2.1em; margin: 0 24px 0 5px; }
#memberDebates .bottompager .pager-float-l { float: left; }
#memberDebates .bottompager .currnum { color: #713008; font-weight: bold; }
#content #logout { padding: 30px 0;}
#content #logout h1 {font-size: 48px;margin: 0;color: #dd6101;font-weight: 300;}
#content #logout p {font-size:24px;font-weight:300;}
#content #logout p span {font-size:14px;font-weight:300;padding:0 30px;}
#content #logout .button { display:inline-block;*display:inline;*zoom:1;width:300px;}
#adBlock { font-family: Open Sans;}
.mCustomScrollBox { background-color: #fbf9f9; }
.row { background-color: #ffffff; }
.action-bar {background: url(/opinions/static/images/sp-action-bar.png) no-repeat;height: 42px;width: 200px;}
.action-bar li {width: 50px;float: left;height: 42px;}
.action-bar li a { display: block; width: 100%; height: 100%; text-indent:-9999px;}
.action-bar li.new-poll:hover { background: url(/opinions/static/images/sp-action-bar.png) no-repeat 0px -41px; }
.action-bar li.favorite-poll:hover { background: url(/opinions/static/images/sp-action-bar.png) no-repeat -50px -41px; }
.action-bar li.debate-poll:hover { background: url(/opinions/static/images/sp-action-bar.png) no-repeat -100px -41px; }
.action-bar li.report-poll:hover { background: url(/opinions/static/images/sp-action-bar.png) no-repeat -150px -41px; }
.next-topic-link { position: fixed; top: 45%; right: 50%; margin-right: -500px; height: 100px; color: #ffffff; background: #cccccc; z-index: 1; opacity:0.75%; }
.next-topic-link.prev-topic { right: auto; left: 50%; margin-right: 0; margin-left: -545px; }
body.debate .next-topic-link.prev-topic { margin-left: -556px; }
.next-topic-link:hover { box-shadow: 1px 1px 3px #000; opacity:1; }
.next-topic-link a { color: #ffffff; }
.next-topic-link a:hover { color: #ffffff; }
.next-topic-link .next-topic-arrow { font-size: 60px; line-height: 90px; width: 30px; text-align: center; }
.next-topic-link .next-topic-details { padding: 15px; color:#0075a3; }
.next-topic-link .next-topic-details img { height: 64px; border: 3px solid #333; }
.next-topic-link .next-topic-title { margin-left: 15px; font-size: 16px; line-height: 20px; max-width:500px; }
.next-topic-link .next-topic-title .small { font-size: 13px; font-weight:400;line-height: 13px; margin-bottom: 5px; color: #000000; }
#waitOverlay #overlayClose { cursor: pointer;position: absolute;bottom: 20px;right: 20px;border: 1px solid #cccccc; background: #ffffff;padding: 5px 20px;border-radius: 5px;}
#waitOverlay #overlayClose:hover { border-color:#bbbbbb;box-shadow: 0 0 3px #808080; }
@media only screen and (max-width: 1200px) { #pg-hdr .social, .left-out-of-page-ad, .right-out-of-page-ad { display:none;}}
@media only screen and (max-width: 1024px) { #pg-hdr { position: absolute; } #pg.pg-home { margin-top: 0;} #home-ask-hdr { position: relative;} .debate-header-wrap { margin-top:0;} }
@media only screen and (max-width: 1020px) { .next-topic-link { display: none; } }
@media only screen and (max-width: 1430px) { .left-out-of-page-ad, .right-out-of-page-ad { display:none; } }
#waitOverlay {position:absolute;top:0;left:0; z-index:999999999;width:100%;}
#waitOverlay #overlayInner {position:relative;background:#eee;height:270px;width:300px;}
#waitOverlay #overlayInner .header-wrap { height: 40px;border-bottom: 1px solid #BBB;}
#waitOverlay #overlayInner .header{ font-size: 16px;float: left;padding: 10px 0 0 15px;}
#waitOverlay #overlayInner .body-wrap{ font-size: 12px;background: #FBFBFB;height: 190px; text-align: left;}
#waitOverlay #overlayInner .body{ padding: 10px 0 0 15px; }
#waitOverlay #overlayInner .close-overlay { background: #FBFBFB;text-align: right;height: 40px;}
#waitOverlay #overlayInner .close-overlay input { padding: 4px 14px;font-size: 14px;font-weight: 700; box-shadow: none;cursor: pointer;line-height: 20px;color: #FFF;margin-right: 20px;text-shadow: -1px -1px #555; }
.lt-lt-red-button { background: #dd4b39; border-radius:5px;white-space:nowrap; }
#customBtn {
display: inline-block;
background: #dd4b39;
color: white;
width: 297px;
height: 45px;
border-radius: 5px;
white-space: nowrap;
}
#customBtn:hover {
background: #e74b37;
cursor: hand;
}
span.label {
font-weight: bold;
}
span.icon {
background: url('/+/images/branding/btn_red_32.png') transparent 5px 50% no-repeat;
display: inline-block;
vertical-align: middle;
width: 35px;
height: 35px;
border-right: #bb3f30 1px solid;
}
span.buttonText {
display: block;
vertical-align: middle;
text-align:center;
line-height:30px;
font-size: 18px;
font-weight: 600;
/* Use the Roboto font that is loaded in the
font-family: 'Roboto',arial,sans-serif;*/
}
/***********************************************************************overwrites for desktop view & mobilegeddon updated(this was to avoid as many changes to the existing css as possible)*/
#below-head .side,
.view-poll .pg-body .side { float: left; } /*sidebar*/
#below-head #shadow-poll { float: right; border: 0; margin-right: 65px; } /*right column*/
#below-head #shadow { float: right; border: 0; margin-right: 65px; }
.view-poll .pg-body #shadow { float: right; border: 0; margin-right: 45px; }
#header-mobile { display: none; }
.pick-one.mobile { display: none; } /*pick on link for the polls landing page*/