/* Yahoo Reset */ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,iframe { margin:0; padding:0; } table { border-collapse:collapse; border-spacing:0; } fieldset,img,iframe { border:0; } address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; } ol,ul { list-style:none; } caption,th { text-align:left; } h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; } q:before,q:after { content:''; } abbr,acronym { border:0; } article,aside,details,footer,header,hgroup,menu,nav,section { display:block; } body, html { background-color: #eee; height: 100%; font: normal 12px verdana,arial,'sans serif'; } body * { word-wrap: break-word; overflow-wrap: break-word; -ms-hyphens: auto; -moz-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; } #body { width: 1008px; margin: 0 auto; position: relative; background: #fff; -webkit-box-shadow: #666 0 0 18px; -moz-box-shadow: #666 0 0 18px; box-shadow: 0 0 24px 1px #666; behavior: url(/css/pie2/PIE.htc); } a:link { color: #34f; } a:visited { color: #34f; } a:hover { color: #78f; } /* headers h1, h2, and h4 are set to fixed-height, rounded corner colors default color = blue */ h1, h2, h4 { color: #fff; background-color: #1f58a9; width: auto; height: 20px; font: bold 13px verdana,arial,'sans serif'; padding: 3px 4px 0 8px; background-image: -moz-linear-gradient(bottom, #1f58a9 50%, #2c62ae 50%, #6b91c6 100%); background-image: -webkit-linear-gradient(bottom, #1f58a9 50%, #2c62ae 50%, #6b91c6 100%); background-image: linear-gradient(to top, #1f58a9 50%, #2c62ae 50%, #6b91c6 100%); -pie-background: linear-gradient(to top, #1f58a9 50%, #2c62ae 50%, #6b91c6 100%); -webkit-border-top-right-radius: 8px; -webkit-border-top-left-radius: 8px; border-radius: 8px 8px 0 0; border-bottom: 2px solid #c8c8c8; text-shadow: 1px 1px 1px rgba(11,11,11,.5); behavior: url(/css/pie2/PIE.htc); } h3 { font-size: 1.4em; margin: 0 0 10px 6px; } /* set other header color options, and default h1 to purple */ .hdrPur, h1 { background-color: #6f1fa8; text-shadow: 1px 1px 1px rgba(11,11,11,.6); background-image: -moz-linear-gradient(bottom, #6f1fa8 50%, #7629ac 50%, #975dc0 100%); background-image: -webkit-linear-gradient(bottom, #6f1fa8 50%, #7629ac 50%, #975dc0 100%); background-image: linear-gradient(to top, #6f1fa8 50%, #7629ac 50%, #975dc0 100%); -pie-background: linear-gradient(to top, #6f1fa8 50%, #7629ac 50%, #975dc0 100%); behavior: url(/css/pie2/PIE.htc); } .hdrPnk { background-color: #f52d90; text-shadow: 1px 1px 1px rgba(11,11,11,.4); background-image: -moz-linear-gradient(bottom, #f52d90 50%, #f63b97 50%, #f981bc 100%); background-image: -webkit-linear-gradient(bottom, #f52d90 50%, #f63b97 50%, #f981bc 100%); background-image: linear-gradient(to top, #f52d90 50%, #f63b97 50%, #f981bc 100%); -pie-background: linear-gradient(to top, #f52d90 50%, #f63b97 50%, #f981bc 100%); behavior: url(/css/pie2/PIE.htc); } .hdrGrn { background-color: #1fa86f; text-shadow: 1px 1px 1px rgba(11,11,11,.4); background-image: -moz-linear-gradient(bottom, #1fa86f 50%, #29ac76 50%, #5dc097 100%); background-image: -webkit-linear-gradient(bottom, #1fa86f 50%, #29ac76 50%, #5dc097 100%); background-image: linear-gradient(to top, #1fa86f 50%, #29ac76 50%, #5dc097 100%); -pie-background: linear-gradient(to top, #1fa86f 50%, #29ac76 50%, #5dc097 100%); behavior: url(/css/pie2/PIE.htc); } .hdrBrn { background-color: #d8902c; text-shadow: 1px 1px 1px rgba(11,11,11,.4); background-image: -moz-linear-gradient(bottom, #d8902c 50%, #da9536 50%, #e3af66 100%); background-image: -webkit-linear-gradient(bottom, #d8902c 50%, #da9536 50%, #e3af66 100%); background-image: linear-gradient(to top, #d8902c 50%, #da9536 50%, #e3af66 100%); -pie-background: linear-gradient(to top, #d8902c 50%, #da9536 50%, #e3af66 100%); behavior: url(/css/pie2/PIE.htc); } input[type="checkbox"] { vertical-align: middle; } #mainBody { width: 728px; float: right; margin: 60px 10px 0 0; } #navLeft { float: left; margin: 60px 0 0 10px; width: 250px; overflow: hidden; } #centerCol { position: relative; } #navTop { border: 1.5px solid #fdc477; position: absolute; top: 12px; left: 320px; width: 600px; height: 28px; padding: 0 4px; -webkit-border-radius: 14px; -moz-border-radius: 14px; border-radius: 14px; url(/css/pie2/PIE.htc); } #navTop li { border-left: 1.5px solid #fdc477; float: left; height: 20px; padding: 4px; font-weight: bold; text-align: center; } #navTop ul li:first-child { border: none; } .navSlot1 { width: 109px; } .navSlot2 { width: 109px; } .navSlot3 { width: 119px; } .navSlot4 { width: 103px; } .navSlot5 { width: 109px; float: none; } #navTop * { vertical-align: middle; } #logo { position: absolute; top: 10px; left: 10px; } footer { clear: both; padding: 20px 10px 10px 10px; color: #666; text-align: center; } p { margin: 4px 8px 16px 12px; line-height: 1.5em; } footer p { margin-bottom: 6px; } em, i, .i { font-style: italic; } strong, b, .b { font-style: bold; } .fadeBox, #centerCol { background-color: #fff; background-image: -moz-linear-gradient(top, #eee, #fff 142px); background-image: -webkit-linear-gradient(top, #eee, #fff 142px); background-image: linear-gradient(to bottom, #eee, #fff 142px); -pie-background: linear-gradient(to bottom, #fff, #fff 22px, #eee 22px, #fff 142px); background-position: 0 22px; behavior: url(/css/pie2/PIE.htc); } .clr { clear: both !important; } .ctr { text-align: center !important; } .spacerT { margin-top: 14px !important; } .spacerB { margin-bottom: 14px !important; } .caps { text-transform: uppercase; } .sm { font-size: 0.8em !important; } .lg { font-size: 1.2em !important; } .indent { margin-left: 12px; } .inlineImgL, .inlineImgR { float: left; margin: 4px 8px 8px 4px; font: normal 0.9em verdana,arial,'sans serif'; color: #555; } .inlineImgR { float: right; margin: 4px 4px 8px 8px; } .linkicon, .arrow, .smarrow, .fbicon, .lockicon { background: transparent url(http://cdn.gotoquiz.com/img/shareicons.gif) no-repeat 1px 0; padding-left: 18px; } .arrow { background-position:1px -128px; padding-left: 14px; } .smarrow { background-position: 1px -96px; padding-left: 10px; } .fbicon { background-position: 1px -32px; } .lockicon { background-position: 1px -64px; } .sideBox { background-color: #fff; background-image: -moz-linear-gradient(top, #fff, #fff 22px, #eee 22px); background-image: -webkit-linear-gradient(top, #fff, #fff 22px, #eee 22px); background-image: linear-gradient(to bottom, #fff, #fff 22px, #eee 22px); -pie-background: linear-gradient(to bottom, #fff, #fff 22px, #eee 22px); behavior: url(/css/pie2/PIE.htc); } /* Simple Modal CSS */ #simplemodal-container { background-color: #fff; border: 3px solid #69e; padding: 12px 18px; -webkit-border-radius: 10px; border-radius: 10px; background-image: -webkit-linear-gradient(top, #eee 2px, #fff 130px); background-image: linear-gradient(to bottom, #eee 2px, #fff 130px); } .simplemodal-overlay { background: transparent url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAYAAABytg0kAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAAXSURBVHjaYmBgYHgKxP8ZQQQQPwMIMAAceAPLKhtJcgAAAABJRU5ErkJggg==') repeat; } .alertBox, #modalAlert { border: 2px solid #b02; border-radius: 10px; color: #b02; font-size: 1.33em; text-align: center; text-shadow: 1px 1px 1px rgba(11,11,11,.2); margin: 4px 12px 16px 12px; background-color: #fdd; background-size: 20px 20px; background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .3) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .3) 50%, rgba(255, 255, 255, .3) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, .3) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .3) 50%, rgba(255, 255, 255, .3) 75%, transparent 75%, transparent); } .alertBox p:last-child { margin-bottom: 4px; } .alertIcon { background: url(/img/2.1/exclamation-red.png) no-repeat 0 1px; padding-left: 18px; } #modalAlert { padding: 10px 14px; min-width: 400px; box-shadow: 4px 4px 4px 1px rgba(0,0,0,.45); } .upic { border: 1px solid #111; -webkit-box-shadow: #888 1px 1px 4px; box-shadow: #888 1px 1px 4px; behavior: url(/css/pie2/PIE.htc); } .arrList, .qcats { margin: 12px 6px 12px 12px; } .arrList > li, .qcats > li { line-height: 133%; margin-bottom: 10px; padding-left: 9px; position: relative; background: transparent url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAKCAYAAACXDi8zAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAACDSURBVHjaYvj//z+D78T/UiAaGTP5TWKQYmBgeAqkHRiQABOM8fs3w35kSbjEnz8MDN+/IyQZQeaDjAIKgsHPr9+A5A9pFqgxUMF3DNefH3J8PTvgGRPMGCTBA3A70AVhgF9MN8wDSGsCsTwQi4D8wQgmGBllgAL/gPgrkP8RpBogwABsnlBGTI/oNAAAAABJRU5ErkJggg==') no-repeat 0 3px; } /* define new form-related styles here */ .formHdr { border-bottom: 2px solid #4F9AD9; width: 400px; padding-bottom: 2px; margin: 18px 0 12px 12px; clear: both; } .formHdr:first-child { margin-top: 0; } .gtqPoll{border:1px solid #222;padding:.8em;border-radius:6px;font-size:12px;background-color:#f2f2f2;max-width:400px;margin:14px auto;box-shadow:2px 2px 3px 0 rgba(11,11,11,0.3),0 0 2px 1px rgba(190,192,194,0.7) inset}#navLeft .gtqPoll{margin-right:3px}.gtqPoll p{margin:0}.gtqPoll .pollTitle{font:1.6em/133% Georgia,'Times New Roman',serif;text-shadow:1px 1px 1px rgba(11,11,11,0.1);border-bottom:1px solid rgba(200,200,200,.5);padding:2px 0 4px}.pollItems{margin:10px 0 2px}.pollItems>li{color:#000;margin-top:10px}.pollItems span{font-size:1.4em}.gtqPoll .pollTSm1{font-size:1.45em}.gtqPoll .pollTSm2{font-size:1.3em}.pollItemSm1 span{font-size:1.25em}.pollItemSm2 span{font-size:1.1em}.pollBarOuter{width:80%;height:1.25em;border:1px solid #000;background-color:#ddd;margin-top:3px;background-size:20px 20px;position:relative;box-shadow:1px 1px 2px 1px rgba(22,22,22,0.2);background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.3) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.3) 50%,rgba(255,255,255,.3) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.3) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.3) 50%,rgba(255,255,255,.3) 75%,transparent 75%,transparent)}.pollBarInner{width:50%;height:1.25em;background:#d02;border-right:1px solid #c01;border-radius:0 3px 3px 0;transition:width 2s ease;background-image:-webkit-linear-gradient(bottom,rgba(11,11,11,0.23) 0,rgba(255,255,255,0) 45%,rgba(255,255,255,0.6) 78%,rgba(255,255,255,.3) 100%);background-image:linear-gradient(to top,rgba(11,11,11,0.23) 0,rgba(255,255,255,0) 45%,rgba(255,255,255,0.6) 78%,rgba(255,255,255,.3) 100%);-pie-background:linear-gradient(to top,rgba(11,11,11,0.23) 0,rgba(255,255,255,0) 45%,rgba(255,255,255,0.6) 78%,rgba(255,255,255,.3) 100%);behavior:url(/css/pie2/PIE.htc)}.pollBarLabel{position:absolute;top:0;right:-38px;color:#777}.pct0{border:0;display:hidden}.pct100{border:0;border-radius:0}.pollSm{font-size:.87em}.pollAuth,.pollTaken{text-align:right;margin-top:8px;color:#444}.pollTaken{float:left}.gtqPoll input[type="radio"]{margin-right:6px}.gtqPoll input[type="button"]{display:block;margin:10px auto 0;width:50%;max-width:100px;min-width:50px;-webkit-box-shadow:inset 0 1px 2px 1px rgba(255,255,255,0.8),0 0 1px 1px rgba(22,24,26,.11);box-shadow:inset 0 1px 2px 1px rgba(255,255,255,0.8),0 0 1px 1px rgba(22,24,26,.11);background:-webkit-linear-gradient(top,#ededed 5%,#e2e2e2 100%);background:linear-gradient(to bottom,#ededed 5%,#e2e2e2 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed',endColorstr='#e2e2e2');background-color:#ededed;border-radius:6px;border:1px solid #999;line-height:100%;color:#333;font-weight:bold;font-size:1.1em;height:1.9em;padding:1px 4px;text-decoration:none;text-shadow:1px 1px 0 #fff}.gtqPoll input[type="button"]:hover{background:-webkit-linear-gradient(top,#e2e2e2 5%,#ededed 100%);background:linear-gradient(to bottom,#e2e2e2 5%,#ededed 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e2e2e2',endColorstr='#ededed');background-color:#ddd;-webkit-box-shadow:inset 0 0 2px 1px rgba(255,255,255,0.8),0 0 1px 1px rgba(22,24,26,.11);box-shadow:inset 0 0 2px 1px rgba(255,255,255,0.8),0 0 1px 1px rgba(22,24,26,.11)}.gtqPoll input[type="button"]:active{position:relative;top:1px}.pollSeeRes{display:block;margin:4px 0;outline:0;text-align:center}.pollLoading{padding-right:11px;background:transparent url(/img/dotwait.gif) no-repeat bottom right}.pollLoadErr{color:#f02}.gtqPoll:after{content:"";display:table;clear:both}.gtqPoll{zoom:1}.pollDark{border-color:#000;box-shadow:0 0 2px 1px rgba(245,248,255,0.66) inset,2px 2px 3px 0 rgba(11,11,11,.3);background-image:linear-gradient(to bottom,#111 50%,#121212 50%);background-size:20px 4px;background-color:#111}.pollDark *{color:#f6f8ff}.pollDark li span{color:#e6e8fa}.pollDark input[type="button"]{color:#000}.pollDark .pollAuth{color:#bbb}.pollDark .pollTitle{text-shadow:1px 2px 1px rgba(240,242,248,0.3);border-color:#222}.pollDark .pollBarOuter{background-color:#383838;border-color:#000;box-shadow:0 0 3px 0 rgba(212,218,234,0.6);background-image:-webkit-linear-gradient(45deg,rgba(188,188,188,.1) 25%,transparent 25%,transparent 50%,rgba(188,188,188,.1) 50%,rgba(188,188,188,.1) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(188,188,188,.1) 25%,transparent 25%,transparent 50%,rgba(188,188,188,.1) 50%,rgba(188,188,188,.1) 75%,transparent 75%,transparent)}.pollDark .pollBarLabel{color:#999}.pollDark .pollSeeRes{color:#68f}.pollDark input[type="button"]{-webkit-box-shadow:inset 0 1px 2px 1px rgba(255,255,255,0.8),0 0 4px 1px rgba(242,244,247,0.28);box-shadow:inset 0 1px 2px 1px rgba(255,255,255,0.8),0 0 4px 1px rgba(242,244,247,0.28);background:-webkit-linear-gradient(top,#b6b6b6 5%,#ccc 100%);background:linear-gradient(to bottom,#b6b6b6 5%,#ccc 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b6b6b6',endColorstr='#cccccc');background-color:#bbb;border:1px solid #000;color:#000;text-shadow:1px 1px 0 #fff}.pollDark input[type="button"]:hover{background:-webkit-linear-gradient(top,#ccc 5%,#b6b6b6 100%);background:linear-gradient(to bottom,#ccc 5%,#b6b6b6 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ccc',endColorstr='#aaa');background-color:#ccc;-webkit-box-shadow:inset 0 0 2px 1px rgba(255,255,255,0.8),0 0 4px 1px rgba(242,244,247,0.48);box-shadow:inset 0 0 2px 1px rgba(255,255,255,0.8),0 0 4px 1px rgba(242,244,247,0.48)}.pollDark input[type="button"]:active{position:relative;top:1px}.pollSmaller{font-size:10px;max-width:360px}