/* This stylesheet is for generic classes and elements that are used site-wide (e.g. header navigation, modules, buttons). Page-specific or module-specific styles and overrides should be handled in a separate stylesheet. */ /* Default Behavior for html elements in our pages */ h1 { color:#E80607; font-family:arial,'Arial Black'; font-size:26px; font-weight:bold; margin-top:0px; padding:0px; } img { border:0px; } a { text-decoration:none; color:#7a90bf; } a:hover { text-decoration:underline; } input[type="text"], input[type="password"], select, textarea { border:1px solid #bec5d4; color: #000; font-size:12px; } input[type="radio"], input[type="checkbox"] { border:none; } form, dl, dt, dd { margin:0pt; padding:0pt; } body { margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:11px; } td { vertical-align:top; } /* End Default Behavior for html elements in our pages */ /* start generic classes (font color, spacing, etc) */ /* start font styles */ .bold {font-weight:bold;} .normal {font-weight:normal} .underline {text-decoration:underline;} .nounderline, a.nounderline:hover { text-decoration:none; } /* end font styles */ /* start font size */ .fs8 {font-size:8px;} .fs9 {font-size:9px;} .fs10 {font-size:10px;} .fs11 {font-size:11px;} .fs12 {font-size:12px;} .fs13 {font-size:13px;} .fs14 {font-size:14px;} .fs15 {font-size:15px;} .fs16 {font-size:16px;} .fs17 {font-size:17px;} .fs18 {font-size:18px;} .fs19 {font-size:19px;} .fs20 {font-size:20px;} .fs22 {font-size:22px;} .fs24 {font-size:24px;} /* end font size */ /* start font color */ .cOrange, a.cOrange {color:#ff7200;} .cOrangeXTR1, a.cOrangeXTR1 {color:#ffc99d;} .cYellow, a.cYellow {color:#FAE794;} .cYellow2, a.cYellow2 {color:#faf0c7;} .cRed, a.cRed {color:#A10000;} .cGreen, a.cGreen {color:#47902A;} .cBlack, a.cBlack {color:#000000;} .cWhite, a.cWhite {color:#FFFFFF;} .cGrey1, a.cGrey1 {color:#f5f5f5;} .cGrey2, a.cGrey2 {color:#dee1e7;} .cGrey3, a.cGrey3 {color:#bec5d4;} .cGrey4, a.cGrey4 {color:#8a95ac;} .cGrey5, a.cGrey5 {color:#485265;} .cBlue1, a.cBlue1 {color:#aabcd4;} .cBlue2, a.cBlue2 {color:#7a90bf;} .cBlue3, a.cBlue3 {color:#4e679a;} .cBlue4, a.cBlue4 {color:#2a457a;} .cBlue5, a.cBlue5 {color:#182b50;} .cBlueXTR1, a.cBlueXTR1 {color:#90a4c8;} .cBlueXTR2, a.cBlueXTR2 {color:#576fa1;} .cBlueXTR3, a.cBlueXTR3 {color:#3c568a;} .cBlueXTR4, a.cBlueXTR4 {color:#c9dafd;} /* end font color */ /* start borders */ .borderNone, .noBorder {border:none;} .borderWhite {border:1px solid #FFFFFF;} .borderBWhite {border-bottom:1px solid #FFFFFF;} .borderTWhite {border-top:1px solid #FFFFFF;} .borderGrey1 {border:1px solid #f5f5f5;} .borderBGrey1 {border-bottom:1px solid #f5f5f5;} .borderTGrey1 {border-top:1px solid #f5f5f5;} .borderGrey2 {border:1px solid #dee1e7;} .borderBGrey2 {border-bottom:1px solid #dee1e7;} .borderTGrey2 {border-top:1px solid #dee1e7;} .borderGrey3 {border:1px solid #bec5d4;} .borderBGrey3 {border-bottom:1px solid #bec5d4;} .borderTGrey3 {border-top:1px solid #bec5d4;} .borderGrey4 {border:1px solid #8a95ac;} .borderBGrey4 {border-bottom:1px solid #8a95ac;} .borderTGrey4 {border-top:1px solid #8a95ac;} .borderGrey5 {border:1px solid #485265;} .borderBGrey5 {border-bottom:1px solid #485265;} .borderTGrey5 {border-top:1px solid #485265;} .borderBlue1 {border:1px solid #aabcd4;} .borderBBlue1 {border-bottom:1px solid #aabcd4;} .borderTBlue1 {border-top:1px solid #aabcd4;} .borderBlue2 {border:1px solid #7a90bf;} .borderBBlue2 {border-bottom:1px solid #7a90bf;} .borderTBlue2 {border-top:1px solid #7a90bf;} .borderBlue3 {border:1px solid #4e679a;} .borderBBlue3 {border-bottom:1px solid #4e679a;} .borderTBlue3 {border-top:1px solid #4e679a;} .borderBlue4 {border:1px solid #2a457a;} .borderBBlue4 {border-bottom:1px solid #2a457a;} .borderTBlue4 {border-top:1px solid #2a457a;} .borderBlue5 {border:1px solid #182b50;} .borderBBlue5 {border-bottom:1px solid #182b50;} .borderTBlue5 {border-top:1px solid #182b50;} /* end borders */ /* start solid backgrounds */ .bgNone {background:none;} .bgWhite {background-color:#FFFFFF;} .bgGrey1 {background-color:#f5f5f5;} .bgGrey2 {background-color:#dee1e7;} .bgGrey3 {background-color:#bec5d4;} .bgGrey4 {background-color:#8a95ac;} .bgGrey5 {background-color:#485265;} .bgBlue1 {background-color:#aabcd4;} .bgBlue2 {background-color:#7a90bf;} .bgBlue3 {background-color:#4e679a;} .bgBlue4 {background-color:#2a457a;} .bgBlue5 {background-color:#182b50;} .bgBlueXTR1 {background-color:#90a4c8;} .bgBlueXTR2 {background-color:#576fa1;} .bgBlueXTR3 {background-color:#3c568a;} .bgBlueXTR4 {background-color:#c9dafd;} .bgOrange {background-color:#ff7200;} .bgOrangeXTR1 {background-color:#ffc99d;} .bgYellow {background-color:#FAE794;} .bgYellow2 {background-color:#faf0c7;} .bgRed {background-color:#A10000;} .bgGreen {background-color:#47902A;} .bgBlack {background-color:#000000;} /* end solid backgrounds */ /* start padding */ .padT1 {padding-top:1px;} .padT2 {padding-top:2px;} .padT3 {padding-top:3px;} .padT4 {padding-top:4px;} .padT5 {padding-top:5px;} .padT10 {padding-top:10px;} .padT15 {padding-top:15px;} .padT20 {padding-top:20px;} .padB1 {padding-bottom:1px;} .padB2 {padding-bottom:2px;} .padB3 {padding-bottom:3px;} .padB4 {padding-bottom:4px;} .padB5 {padding-bottom:5px;} .padB10 {padding-bottom:10px;} .padB15 {padding-bottom:15px;} .padB16 {padding-bottom:16px;} .padB20 {padding-bottom:20px;} .padL1 {padding-left:1px;} .padL2 {padding-left:2px;} .padL3 {padding-left:3px;} .padL4 {padding-left:4px;} .padL5 {padding-left:5px;} .padL6 {padding-left:6px;} .padL7 {padding-left:7px;} .padL8 {padding-left:8px;} .padL9 {padding-left:9px;} .padL10 {padding-left:10px;} .padL15 {padding-left:15px;} .padL20 {padding-left:20px;} .padR1 {padding-right:1px;} .padR2 {padding-right:2px;} .padR3 {padding-right:3px;} .padR4 {padding-right:4px;} .padR5 {padding-right:5px;} .padR10 {padding-right:10px;} .padR15 {padding-right:15px;} .padA0 {padding:0px;} .padA1 {padding:1px;} .padA2 {padding:2px;} .padA3 {padding:3px;} .padA4 {padding:4px;} .padA5 {padding:5px;} .padA10 {padding:10px;} .padA15 {padding:15px;} .padA20 {padding:20px;} /* end padding */ /* start margin */ .mrgT1 {margin-top:1px;} .mrgT2 {margin-top:2px;} .mrgT3 {margin-top:3px;} .mrgT4 {margin-top:4px;} .mrgT5 {margin-top:5px;} .mrgT6 {margin-top:6px;} .mrgT7 {margin-top:7px;} .mrgT8 {margin-top:8px;} .mrgT9 {margin-top:9px;} .mrgT10 {margin-top:10px;} .mrgT15 {margin-top:15px;} .mrgT20 {margin-top:20px;} .mrgB1 {margin-bottom:1px;} .mrgB2 {margin-bottom:2px;} .mrgB3 {margin-bottom:3px;} .mrgB4 {margin-bottom:4px;} .mrgB5 {margin-bottom:5px;} .mrgB10 {margin-bottom:10px;} .mrgB15 {margin-bottom:15px;} .mrgB20 {margin-bottom:20px;} .mrgL1 {margin-left:1px;} .mrgL2 {margin-left:2px;} .mrgL3 {margin-left:3px;} .mrgL4 {margin-left:4px;} .mrgL5 {margin-left:5px;} .mrgL10 {margin-left:10px;} .mrgL15 {margin-left:15px;} .mrgL20 {margin-left:20px;} .mrgR1 {margin-right:1px;} .mrgR2 {margin-right:2px;} .mrgR3 {margin-right:3px;} .mrgR4 {margin-right:4px;} .mrgR5 {margin-right:5px;} .mrgR10 {margin-right:10px;} .mrgR15 {margin-right:15px;} .mrgR20 {margin-right:20px;} .mrgA0 {margin:0px;} .mrgA1 {margin:1px;} .mrgA2 {margin:2px;} .mrgA3 {margin:3px;} .mrgA4 {margin:4px;} .mrgA5 {margin:5px;} .mrgA10 {margin:10px;} .mrgA15 {margin:15px;} .mrgA20 {margin:20px;} /* end margin */ /* start letter spacing */ .ls01 { letter-spacing: 0.1em; } .ls025 { letter-spacing: 0.25em; } /* end letter spacing */ /* start positioning */ .taCenter {text-align:center} .mozCenter {text-align:-moz-center;} .taLeft {text-align:left} .taRight {text-align:right} .vAlignTop {vertical-align:top;} .vAlignBottom {vertical-align:bottom;} .posrel {position:relative} .posabs {position:absolute;} .inline {display:inline} .posLowerRight { position: absolute; bottom: 0; right: 0; text-align:right; z-index:1; } .block {display:block} .none, .hidden {display:none} .fltLeft {float:left;} .fltRight {float:right;} .fltNone {float:none;} .clear, .spacer {clear:both; font-size:0; margin:0px; padding:0px;} /*.clearfix {clear:both;}*/ .no-space {margin: 0px;padding: 0px;} /* stupid fix for IE float disappearing text bug */ * html .fltFixIE6 {height:0.01%;} .mrgAuto {margin:auto;} .widthPct25 {width:25%;} .widthPct33 {width:33%;} .widthPct50 {width:50%;} .widthPct100 {width:100%;} /* end positioning */ /* start cursors */ .crsPoint {cursor:pointer;} /* end cursors */ /* start images */ img.pngFix { behavior: url(/css/iepngfix.htc) } /* end images */ /* end generic classes */ /* start buttons */ /* start blank buttons on white */ /* start blank buttons orange on white */ /* button orange on white, 18H x 34W */ .btnOrangeOnWhite18x34, .btnOrangeOnWhite18x34_over { border:none; cursor:pointer; color:white; font-size:9px; font-weight:bold; height:18px; padding:3px 0px 0px 0px; text-align:center; width:34px; } input.btnOrangeOnWhite18x34, input.btnOrangeOnWhite18x34_over { font-weight:normal; padding:0; } .btnOrangeOnWhite18x34 { background:url(http://cdn.faniq.com/img/buttons_onwhite_sprite.png) -3px -2px no-repeat; } .btnOrangeOnWhite18x34_over { background:url(http://cdn.faniq.com/img/buttons_onwhite_sprite.png) -3px -36px no-repeat; } /* button orange on white, 18H x 54W */ .btnOrangeOnWhite18x54, .btnOrangeOnWhite18x54_over { border:none; cursor:pointer; color:white; font-size:9px; font-weight:bold; height:18px; padding:3px 0px 0px 0px; text-align:center; width:54px; } input.btnOrangeOnWhite18x54, input.btnOrangeOnWhite18x54_over { font-weight:normal; padding:0; } .btnOrangeOnWhite18x54 { background:url(http://cdn.faniq.com/img/buttons_onwhite_sprite.png) -53px -2px no-repeat; } .btnOrangeOnWhite18x54_over { background:url(http://cdn.faniq.com/img/buttons_onwhite_sprite.png) -53px -36px no-repeat; } /* button orange on white, 18H x 74W */ .btnOrangeOnWhite18x74, .btnOrangeOnWhite18x74_over { border:none; cursor:pointer; color:white; font-size:9px; font-weight:bold; height:18px; padding:3px 0px 0px 0px; text-align:center; width:74px; } input.btnOrangeOnWhite18x74, input.btnOrangeOnWhite18x74_over { font-weight:normal; padding:0; } .btnOrangeOnWhite18x74 { background:url(http://cdn.faniq.com/img/buttons_onwhite_sprite.png) -123px -2px no-repeat; } .btnOrangeOnWhite18x74_over { background:url(http://cdn.faniq.com/img/buttons_onwhite_sprite.png) -123px -36px no-repeat; } /* button orange on white, 18H x 114W */ .btnOrangeOnWhite18x114, .btnOrangeOnWhite18x114_over { border:none; cursor:pointer; color:white; font-size:9px; font-weight:bold; height:18px; padding:3px 0px 0px 0px; text-align:center; width:114px; } input.btnOrangeOnWhite18x114, input.btnOrangeOnWhite18x114_over { font-weight:normal; padding:0; } .btnOrangeOnWhite18x114 { background:url(http://cdn.faniq.com/img/buttons_onwhite_sprite.png) -213px -2px no-repeat; } .btnOrangeOnWhite18x114_over { background:url(http://cdn.faniq.com/img/buttons_onwhite_sprite.png) -213px -36px no-repeat; } /* button orange on white, 22H x 40W */ .btnOrangeOnWhite22x40, .btnOrangeOnWhite22x40_over { border:none; cursor:pointer; color:white; font-size:11px; font-weight:bold; height:22px; padding:4px 0px 0px 0px; text-align:center; width:40px; } input.btnOrangeOnWhite22x40, input.btnOrangeOnWhite22x40_over { padding:0; } .btnOrangeOnWhite22x40 { background:url(http://cdn.faniq.com/img/buttons_onwhite_sprite.png) -3px -70px no-repeat; } .btnOrangeOnWhite22x40_over { background:url(http://cdn.faniq.com/img/buttons_onwhite_sprite.png) -3px -108px no-repeat; } /* button orange on white, 22H x 60W */ .btnOrangeOnWhite22x60, .btnOrangeOnWhite22x60_over { border:none; cursor:pointer; color:white; font-size:11px; font-weight:bold; height:22px; padding:4px 0px 0px 0px; text-align:center; width:60px; } input.btnOrangeOnWhite22x60, input.btnOrangeOnWhite22x60_over { padding:0; } .btnOrangeOnWhite22x60 { background:url(http://cdn.faniq.com/img/buttons_onwhite_sprite.png) -59px -70px no-repeat; } .btnOrangeOnWhite22x60_over { background:url(http://cdn.faniq.com/img/buttons_onwhite_sprite.png) -59px -108px no-repeat; } /* button orange on white, 22H x 90W */ .btnOrangeOnWhite22x90, .btnOrangeOnWhite22x90_over { border:none; cursor:pointer; color:white; font-size:11px; font-weight:bold; height:22px; padding:4px 0px 0px 0px; text-align:center; width:90px; } input.btnOrangeOnWhite22x90, input.btnOrangeOnWhite22x90_over { padding:0; } .btnOrangeOnWhite22x90 { background:url(http://cdn.faniq.com/img/buttons_onwhite_sprite.png) -135px -70px no-repeat; } .btnOrangeOnWhite22x90_over { background:url(http://cdn.faniq.com/img/buttons_onwhite_sprite.png) -135px -108px no-repeat; } /* button orange on white, 22H x 140W */ .btnOrangeOnWhite22x140, .btnOrangeOnWhite22x140_over { border:none; cursor:pointer; color:white; font-size:11px; font-weight:bold; height:22px; padding:4px 0px 0px 0px; text-align:center; width:140px; } input.btnOrangeOnWhite22x140, input.btnOrangeOnWhite22x140_over { padding:0; } .btnOrangeOnWhite22x140 { background:url(http://cdn.faniq.com/img/buttons_onwhite_sprite.png) -241px -70px no-repeat; } .btnOrangeOnWhite22x140_over { background:url(http://cdn.faniq.com/img/buttons_onwhite_sprite.png) -241px -108px no-repeat; } /* button orange on white, 24H x 42W */ .btnOrangeOnWhite24x42, .btnOrangeOnWhite24x42_over { border:none; cursor:pointer; color:white; font-size:12px; font-weight:bold; height:24px; padding:4px 0px 0px 0px; text-align:center; width:42px; } input.btnOrangeOnWhite24x42, input.btnOrangeOnWhite24x42_over { padding:0; } .btnOrangeOnWhite24x42 { background:url(http://cdn.faniq.com/img/buttons_onwhite_sprite.png) -3px -146px no-repeat; } .btnOrangeOnWhite24x42_over { background:url(http://cdn.faniq.com/img/buttons_onwhite_sprite.png) -3px -186px no-repeat; } /* button orange on white, 24H x 66W */ .btnOrangeOnWhite24x66, .btnOrangeOnWhite24x66_over { border:none; cursor:pointer; color:white; font-size:12px; font-weight:bold; height:24px; padding:4px 0px 0px 0px; text-align:center; width:66px; } input.btnOrangeOnWhite24x66, input.btnOrangeOnWhite24x66_over { padding:0; } .btnOrangeOnWhite24x66 { background:url(http://cdn.faniq.com/img/buttons_onwhite_sprite.png) -61px -146px no-repeat; } .btnOrangeOnWhite24x66_over { background:url(http://cdn.faniq.com/img/buttons_onwhite_sprite.png) -61px -186px no-repeat; } /* button orange on white, 24H x 96W */ .btnOrangeOnWhite24x96, .btnOrangeOnWhite24x96_over { border:none; cursor:pointer; color:white; font-size:12px; font-weight:bold; height:24px; padding:4px 0px 0px 0px; text-align:center; width:96px; } input.btnOrangeOnWhite24x96, input.btnOrangeOnWhite24x96_over { padding:0; } .btnOrangeOnWhite24x96 { background:url(http://cdn.faniq.com/img/buttons_onwhite_sprite.png) -142px -146px no-repeat; } .btnOrangeOnWhite24x96_over { background:url(http://cdn.faniq.com/img/buttons_onwhite_sprite.png) -142px -186px no-repeat; } /* button orange on white, 24H x 146W */ .btnOrangeOnWhite24x146, .btnOrangeOnWhite24x146_over { border:none; cursor:pointer; color:white; font-size:12px; font-weight:bold; height:24px; padding:4px 0px 0px 0px; text-align:center; width:146px; } input.btnOrangeOnWhite24x146, input.btnOrangeOnWhite24x146_over { padding:0; } .btnOrangeOnWhite24x146 { background:url(http://cdn.faniq.com/img/buttons_onwhite_sprite.png) -253px -146px no-repeat; } .btnOrangeOnWhite24x146_over { background:url(http://cdn.faniq.com/img/buttons_onwhite_sprite.png) -253px -186px no-repeat; } /* end blank buttons orange on white */ /* start blank buttons silver on white */ /* button silver on white, 18H x 34W */ .btnSilverOnWhite18x34, .btnSilverOnWhite18x34_over { border:none; cursor:pointer; color:#ff7908; font-size:9px; font-weight:bold; height:18px; padding:3px 0px 0px 0px; text-align:center; width:34px; } input.btnSilverOnWhite18x34, input.btnSilverOnWhite18x34_over { font-weight:normal; padding:0; } .btnSilverOnWhite18x34 { background:url(http://cdn.faniq.com/img/buttons_onwhite_sprite.png) -3px -402px no-repeat; } .btnSilverOnWhite18x34_over { background:url(http://cdn.faniq.com/img/buttons_onwhite_sprite.png) -3px -436px no-repeat; color:white; } /* button silver on white, 18H x 54W */ .btnSilverOnWhite18x54, .btnSilverOnWhite18x54_over { border:none; cursor:pointer; color:#ff7908; font-size:9px; font-weight:bold; height:18px; padding:3px 0px 0px 0px; text-align:center; width:54px; } input.btnSilverOnWhite18x54, input.btnSilverOnWhite18x54_over { font-weight:normal; padding:0; } .btnSilverOnWhite18x54 { background:url(http://cdn.faniq.com/img/buttons_onwhite_sprite.png) -53px -402px no-repeat; } .btnSilverOnWhite18x54_over { background:url(http://cdn.faniq.com/img/buttons_onwhite_sprite.png) -53px -436px no-repeat; color:white; } /* button silver on white, 18H x 74W */ .btnSilverOnWhite18x74, .btnSilverOnWhite18x74_over { border:none; cursor:pointer; color:#ff7908; font-size:9px; font-weight:bold; height:18px; padding:3px 0px 0px 0px; text-align:center; width:74px; } input.btnSilverOnWhite18x74, input.btnSilverOnWhite18x74_over { font-weight:normal; padding:0; } .btnSilverOnWhite18x74 { background:url(http://cdn.faniq.com/img/buttons_onwhite_sprite.png) -123px -402px no-repeat; } .btnSilverOnWhite18x74_over { background:url(http://cdn.faniq.com/img/buttons_onwhite_sprite.png) -123px -436px no-repeat; color:white; } /* button silver on white, 18H x 114W */ .btnSilverOnWhite18x114, .btnSilverOnWhite18x114_over { border:none; cursor:pointer; color:#ff7908; font-size:9px; font-weight:bold; height:18px; padding:3px 0px 0px 0px; text-align:center; width:114px; } input.btnSilverOnWhite18x114, input.btnSilverOnWhite18x114_over { font-weight:normal; padding:0; } .btnSilverOnWhite18x114 { background:url(http://cdn.faniq.com/img/buttons_onwhite_sprite.png) -213px -402px no-repeat; } .btnSilverOnWhite18x114_over { background:url(http://cdn.faniq.com/img/buttons_onwhite_sprite.png) -213px -436px no-repeat; color:white; } /* button silver on white, 22H x 40W */ .btnSilverOnWhite22x40, .btnSilverOnWhite22x40_over { border:none; cursor:pointer; color:#ff7908; font-size:11px; font-weight:bold; height:22px; padding:4px 0px 0px 0px; text-align:center; width:40px; } input.btnSilverOnWhite22x40, input.btnSilverOnWhite22x40_over { padding:0; } .btnSilverOnWhite22x40 { background:url(http://cdn.faniq.com/img/buttons_onwhite_sprite.png) -3px -470px no-repeat; } .btnSilverOnWhite22x40_over { background:url(http://cdn.faniq.com/img/buttons_onwhite_sprite.png) -3px -508px no-repeat; color:white; } /* button silver on white, 22H x 60W */ .btnSilverOnWhite22x60, .btnSilverOnWhite22x60_over { border:none; cursor:pointer; color:#ff7908; font-size:11px; font-weight:bold; height:22px; padding:4px 0px 0px 0px; text-align:center; width:60px; } input.btnSilverOnWhite22x60, input.btnSilverOnWhite22x60_over { padding:0; } .btnSilverOnWhite22x60 { background:url(http://cdn.faniq.com/img/buttons_onwhite_sprite.png) -59px -470px no-repeat; } .btnSilverOnWhite22x60_over { background:url(http://cdn.faniq.com/img/buttons_onwhite_sprite.png) -59px -508px no-repeat; color:white; } /* button silver on white, 22H x 90W */ .btnSilverOnWhite22x90, .btnSilverOnWhite22x90_over { border:none; cursor:pointer; color:#ff7908; font-size:11px; font-weight:bold; height:22px; padding:4px 0px 0px 0px; text-align:center; width:90px; } input.btnSilverOnWhite22x90, input.btnSilverOnWhite22x90_over { padding:0; } .btnSilverOnWhite22x90 { background:url(http://cdn.faniq.com/img/buttons_onwhite_sprite.png) -135px -470px no-repeat; } .btnSilverOnWhite22x90_over { background:url(http://cdn.faniq.com/img/buttons_onwhite_sprite.png) -135px -508px no-repeat; color:white; } /* button silver on white, 22H x 140W */ .btnSilverOnWhite22x140, .btnSilverOnWhite22x140_over { border:none; cursor:pointer; color:#ff7908; font-size:11px; font-weight:bold; height:22px; padding:4px 0px 0px 0px; text-align:center; width:140px; } input.btnSilverOnWhite22x140, input.btnSilverOnWhite22x140_over { padding:0; } .btnSilverOnWhite22x140 { background:url(http://cdn.faniq.com/img/buttons_onwhite_sprite.png) -241px -470px no-repeat; } .btnSilverOnWhite22x140_over { background:url(http://cdn.faniq.com/img/buttons_onwhite_sprite.png) -241px -508px no-repeat; color:white; } /* button silver on white, 24H x 42W */ .btnSilverOnWhite24x42, .btnSilverOnWhite24x42_over { border:none; cursor:pointer; color:#ff7908; font-size:12px; font-weight:bold; height:24px; padding:4px 0px 0px 0px; text-align:center; width:42px; } input.btnSilverOnWhite24x42, input.btnSilverOnWhite24x42_over { padding:0; } .btnSilverOnWhite24x42 { background:url(http://cdn.faniq.com/img/buttons_onwhite_sprite.png) -3px -546px no-repeat; } .btnSilverOnWhite24x42_over { background:url(http://cdn.faniq.com/img/buttons_onwhite_sprite.png) -3px -586px no-repeat; color:white; } /* button silver on white, 24H x 66W */ .btnSilverOnWhite24x66, .btnSilverOnWhite24x66_over { border:none; cursor:pointer; color:#ff7908; font-size:12px; font-weight:bold; height:24px; padding:4px 0px 0px 0px; text-align:center; width:66px; } input.btnSilverOnWhite24x66, input.btnSilverOnWhite24x66_over { padding:0; } .btnSilverOnWhite24x66 { background:url(http://cdn.faniq.com/img/buttons_onwhite_sprite.png) -61px -546px no-repeat; } .btnSilverOnWhite24x66_over { background:url(http://cdn.faniq.com/img/buttons_onwhite_sprite.png) -61px -586px no-repeat; color:white; } /* button silver on white, 24H x 96W */ .btnSilverOnWhite24x96, .btnSilverOnWhite24x96_over { border:none; cursor:pointer; color:#ff7908; font-size:12px; font-weight:bold; height:24px; padding:4px 0px 0px 0px; text-align:center; width:96px; } input.btnSilverOnWhite24x96, input.btnSilverOnWhite24x96_over { padding:0; } .btnSilverOnWhite24x96 { background:url(http://cdn.faniq.com/img/buttons_onwhite_sprite.png) -142px -546px no-repeat; } .btnSilverOnWhite24x96_over { background:url(http://cdn.faniq.com/img/buttons_onwhite_sprite.png) -142px -586px no-repeat; color:white; } /* button silver on white, 24H x 146W */ .btnSilverOnWhite24x146, .btnSilverOnWhite24x146_over { border:none; cursor:pointer; color:#ff7908; font-size:12px; font-weight:bold; height:24px; padding:4px 0px 0px 0px; text-align:center; width:146px; } input.btnSilverOnWhite24x146, input.btnSilverOnWhite24x146_over { padding:0; } .btnSilverOnWhite24x146 { background:url(http://cdn.faniq.com/img/buttons_onwhite_sprite.png) -253px -546px no-repeat; } .btnSilverOnWhite24x146_over { background:url(http://cdn.faniq.com/img/buttons_onwhite_sprite.png) -253px -586px no-repeat; color:white; } /* end blank buttons silver on white */ /* start blank buttons blue on white */ /* button blue on white, 18H x 34W */ .btnBlueOnWhite18x34, .btnBlueOnWhite18x34_over { border:none; cursor:pointer; color:white; font-size:9px; font-weight:bold; height:18px; padding:3px 0px 0px 0px; text-align:center; width:34px; } input.btnBlueOnWhite18x34, input.btnBlueOnWhite18x34_over { font-weight:normal; padding:0; } .btnBlueOnWhite18x34 { background:url(http://cdn.faniq.com/img/buttons_onwhite_sprite.png) -3px -802px no-repeat; } .btnBlueOnWhite18x34_over { background:url(http://cdn.faniq.com/img/buttons_onwhite_sprite.png) -3px -836px no-repeat; } /* button blue on white, 18H x 54W */ .btnBlueOnWhite18x54, .btnBlueOnWhite18x54_over { border:none; cursor:pointer; color:white; font-size:9px; font-weight:bold; height:18px; padding:3px 0px 0px 0px; text-align:center; width:54px; } input.btnBlueOnWhite18x54, input.btnBlueOnWhite18x54_over { font-weight:normal; padding:0; } .btnBlueOnWhite18x54 { background:url(http://cdn.faniq.com/img/buttons_onwhite_sprite.png) -53px -802px no-repeat; } .btnBlueOnWhite18x54_over { background:url(http://cdn.faniq.com/img/buttons_onwhite_sprite.png) -53px -836px no-repeat; } /* button blue on white, 18H x 74W */ .btnBlueOnWhite18x74, .btnBlueOnWhite18x74_over { border:none; cursor:pointer; color:white; font-size:9px; font-weight:bold; height:18px; padding:3px 0px 0px 0px; text-align:center; width:74px; } input.btnBlueOnWhite18x74, input.btnBlueOnWhite18x74_over { font-weight:normal; padding:0; } .btnBlueOnWhite18x74 { background:url(http://cdn.faniq.com/img/buttons_onwhite_sprite.png) -123px -802px no-repeat; } .btnBlueOnWhite18x74_over { background:url(http://cdn.faniq.com/img/buttons_onwhite_sprite.png) -123px -836px no-repeat; } /* button blue on white, 18H x 114W */ .btnBlueOnWhite18x114, .btnBlueOnWhite18x114_over { border:none; cursor:pointer; color:white; font-size:9px; font-weight:bold; height:18px; padding:3px 0px 0px 0px; text-align:center; width:114px; } input.btnBlueOnWhite18x114, input.btnBlueOnWhite18x114_over { font-weight:normal; padding:0; } .btnBlueOnWhite18x114 { background:url(http://cdn.faniq.com/img/buttons_onwhite_sprite.png) -213px -802px no-repeat; } .btnBlueOnWhite18x114_over { background:url(http://cdn.faniq.com/img/buttons_onwhite_sprite.png) -213px -836px no-repeat; } /* button blue on white, 22H x 40W */ .btnBlueOnWhite22x40, .btnBlueOnWhite22x40_over { border:none; cursor:pointer; color:white; font-size:11px; font-weight:bold; height:22px; padding:4px 0px 0px 0px; text-align:center; width:40px; } input.btnBlueOnWhite22x40, input.btnBlueOnWhite22x40_over { padding:0; } .btnBlueOnWhite22x40 { background:url(http://cdn.faniq.com/img/buttons_onwhite_sprite.png) -3px -870px no-repeat; } .btnBlueOnWhite22x40_over { background:url(http://cdn.faniq.com/img/buttons_onwhite_sprite.png) -3px -908px no-repeat; } /* button blue on white, 22H x 60W */ .btnBlueOnWhite22x60, .btnBlueOnWhite22x60_over { border:none; cursor:pointer; color:white; font-size:11px; font-weight:bold; height:22px; padding:4px 0px 0px 0px; text-align:center; width:60px; } input.btnBlueOnWhite22x60, input.btnBlueOnWhite22x60_over { padding:0; } .btnBlueOnWhite22x60 { background:url(http://cdn.faniq.com/img/buttons_onwhite_sprite.png) -59px -870px no-repeat; } .btnBlueOnWhite22x60_over { background:url(http://cdn.faniq.com/img/buttons_onwhite_sprite.png) -59px -908px no-repeat; } /* button blue on white, 22H x 90W */ .btnBlueOnWhite22x90, .btnBlueOnWhite22x90_over { border:none; cursor:pointer; color:white; font-size:11px; font-weight:bold; height:22px; padding:4px 0px 0px 0px; text-align:center; width:90px; } input.btnBlueOnWhite22x90, input.btnBlueOnWhite22x90_over { padding:0; } .btnBlueOnWhite22x90 { background:url(http://cdn.faniq.com/img/buttons_onwhite_sprite.png) -135px -870px no-repeat; } .btnBlueOnWhite22x90_over { background:url(http://cdn.faniq.com/img/buttons_onwhite_sprite.png) -135px -908px no-repeat; } /* button blue on white, 22H x 140W */ .btnBlueOnWhite22x140, .btnBlueOnWhite22x140_over { border:none; cursor:pointer; color:white; font-size:11px; font-weight:bold; height:22px; padding:4px 0px 0px 0px; text-align:center; width:140px; } input.btnBlueOnWhite22x140, input.btnBlueOnWhite22x140_over { padding:0; } .btnBlueOnWhite22x140 { background:url(http://cdn.faniq.com/img/buttons_onwhite_sprite.png) -241px -870px no-repeat; } .btnBlueOnWhite22x140_over { background:url(http://cdn.faniq.com/img/buttons_onwhite_sprite.png) -241px -908px no-repeat; } /* button blue on white, 24H x 42W */ .btnBlueOnWhite24x42, .btnBlueOnWhite24x42_over { border:none; cursor:pointer; color:white; font-size:12px; font-weight:bold; height:24px; padding:4px 0px 0px 0px; text-align:center; width:42px; } input.btnBlueOnWhite24x42, input.btnBlueOnWhite24x42_over { padding:0; } .btnBlueOnWhite24x42 { background:url(http://cdn.faniq.com/img/buttons_onwhite_sprite.png) -3px -946px no-repeat; } .btnBlueOnWhite24x42_over { background:url(http://cdn.faniq.com/img/buttons_onwhite_sprite.png) -3px -986px no-repeat; } /* button blue on white, 24H x 66W */ .btnBlueOnWhite24x66, .btnBlueOnWhite24x66_over { border:none; cursor:pointer; color:white; font-size:12px; font-weight:bold; height:24px; padding:4px 0px 0px 0px; text-align:center; width:66px; } input.btnBlueOnWhite24x66, input.btnBlueOnWhite24x66_over { padding:0; } .btnBlueOnWhite24x66 { background:url(http://cdn.faniq.com/img/buttons_onwhite_sprite.png) -61px -946px no-repeat; } .btnBlueOnWhite24x66_over { background:url(http://cdn.faniq.com/img/buttons_onwhite_sprite.png) -61px -986px no-repeat; } /* button blue on white, 24H x 96W */ .btnBlueOnWhite24x96, .btnBlueOnWhite24x96_over { border:none; cursor:pointer; color:white; font-size:12px; font-weight:bold; height:24px; padding:4px 0px 0px 0px; text-align:center; width:96px; } input.btnBlueOnWhite24x96, input.btnBlueOnWhite24x96_over { padding:0; } .btnBlueOnWhite24x96 { background:url(http://cdn.faniq.com/img/buttons_onwhite_sprite.png) -142px -946px no-repeat; } .btnBlueOnWhite24x96_over { background:url(http://cdn.faniq.com/img/buttons_onwhite_sprite.png) -142px -986px no-repeat; } /* button blue on white, 24H x 146W */ .btnBlueOnWhite24x146, .btnBlueOnWhite24x146_over { border:none; cursor:pointer; color:white; font-size:12px; font-weight:bold; height:24px; padding:4px 0px 0px 0px; text-align:center; width:146px; } input.btnBlueOnWhite24x146, input.btnBlueOnWhite24x146_over { padding:0; } .btnBlueOnWhite24x146 { background:url(http://cdn.faniq.com/img/buttons_onwhite_sprite.png) -253px -946px no-repeat; } .btnBlueOnWhite24x146_over { background:url(http://cdn.faniq.com/img/buttons_onwhite_sprite.png) -253px -986px no-repeat; } /* end blank buttons blue on white */ /* end blank buttons on white */ /* start labeled buttons on white */ /* button blue on white - more */ .btnBlueOnWhiteMore, .btnBlueOnWhiteMore_over { cursor:pointer; font-size:0.5em; height:8px; width:40px; } .btnBlueOnWhiteMore { background:url(http://cdn.faniq.com/img/buttons_onwhite_sprite.png) -9px -1200px no-repeat; } .btnBlueOnWhiteMore_over { background:url(http://cdn.faniq.com/img/buttons_onwhite_sprite.png) -9px -1209px no-repeat; } /* button blue on white - edit */ .btnBlueOnWhiteEdit, .btnBlueOnWhiteEdit_over { cursor:pointer; font-size:0.5em; height:8px; width:40px; } .btnBlueOnWhiteEdit { background:url(http://cdn.faniq.com/img/buttons_onwhite_sprite.png) -9px -1218px no-repeat; } .btnBlueOnWhiteEdit_over { background:url(http://cdn.faniq.com/img/buttons_onwhite_sprite.png) -9px -1227px no-repeat; } /* button blue on white - see all */ .btnBlueOnWhiteSeeAll, .btnBlueOnWhiteSeeAll_over { cursor:pointer; font-size:0.5em; height:8px; width:50px; } .btnBlueOnWhiteSeeAll { background:url(http://cdn.faniq.com/img/buttons_onwhite_sprite.png) -9px -1236px no-repeat; } .btnBlueOnWhiteSeeAll_over { background:url(http://cdn.faniq.com/img/buttons_onwhite_sprite.png) -9px -1245px no-repeat; } /* button white on white - more */ .btnWhiteOnWhiteMore, .btnWhiteOnWhiteMore_over { cursor:pointer; font-size:0.5em; height:8px; width:40px; } .btnWhiteOnWhiteMore { background:url(http://cdn.faniq.com/img/buttons_onwhite_sprite.png) -199px -1200px no-repeat; } .btnWhiteOnWhiteMore_over { background:url(http://cdn.faniq.com/img/buttons_onwhite_sprite.png) -199px -1209px no-repeat; } /* button white on white - edit */ .btnWhiteOnWhiteEdit, .btnWhiteOnWhiteEdit_over { cursor:pointer; font-size:0.5em; height:8px; width:40px; } .btnWhiteOnWhiteEdit { background:url(http://cdn.faniq.com/img/buttons_onwhite_sprite.png) -199px -1218px no-repeat; } .btnWhiteOnWhiteEdit_over { background:url(http://cdn.faniq.com/img/buttons_onwhite_sprite.png) -199px -1227px no-repeat; } /* button white on white - see all */ .btnWhiteOnWhiteSeeAll, .btnWhiteOnWhiteSeeAll_over { cursor:pointer; font-size:0.5em; height:8px; width:50px; } .btnWhiteOnWhiteSeeAll { background:url(http://cdn.faniq.com/img/buttons_onwhite_sprite.png) -199px -1236px no-repeat; } .btnWhiteOnWhiteSeeAll_over { background:url(http://cdn.faniq.com/img/buttons_onwhite_sprite.png) -199px -1245px no-repeat; } /* buttons high five, heckle, update, and take it on white */ .btnHighFiveOnWhite, .btnHighFiveOnWhite_over, .btnHighFiveOnWhite_inactive, .btnHeckleOnWhite, .btnHeckleOnWhite_over, .btnHeckleOnWhite_inactive, .btnUpdateOnWhite, .btnUpdateOnWhite_over, .btnUpdateOnWhite_inactive, .btnApplyOnWhite, .btnApplyOnWhite_over, .btnReplyOnWhite, .btnReplyOnWhite_over, .btnTakeItOnWhite, .btnTakeItOnWhite_over, .btnTakeItOnWhite_inactive { cursor:pointer; font-size:0.5em; height:16px; width:57px; } .btnHighFiveOnWhite { background:url(http://cdn.faniq.com/img/custom_buttons_16px_sprite.png) 0px 0px no-repeat; } .btnHighFiveOnWhite_over { background:url(http://cdn.faniq.com/img/custom_buttons_16px_sprite.png) -60px 0px no-repeat; } .btnHighFiveOnWhite_inactive { background:url(http://cdn.faniq.com/img/custom_buttons_16px_sprite.png) -120px 0px no-repeat; } .btnHeckleOnWhite { background:url(http://cdn.faniq.com/img/custom_buttons_16px_sprite.png) 0px -20px no-repeat; } .btnHeckleOnWhite_over { background:url(http://cdn.faniq.com/img/custom_buttons_16px_sprite.png) -60px -20px no-repeat; } .btnHeckleOnWhite_inactive { background:url(http://cdn.faniq.com/img/custom_buttons_16px_sprite.png) -120px -20px no-repeat; } .btnUpdateOnWhite { background:url(http://cdn.faniq.com/img/custom_buttons_16px_sprite.png) 0px -40px no-repeat; } .btnUpdateOnWhite_over { background:url(http://cdn.faniq.com/img/custom_buttons_16px_sprite.png) -60px -40px no-repeat; } .btnUpdateOnWhite_inactive { background:url(http://cdn.faniq.com/img/custom_buttons_16px_sprite.png) -120px -40px no-repeat; } .btnApplyOnWhite { background:url(http://cdn.faniq.com/img/custom_buttons_16px_sprite.png) 0px -60px no-repeat; } .btnApplyOnWhite_over { background:url(http://cdn.faniq.com/img/custom_buttons_16px_sprite.png) -60px -60px no-repeat; } .btnReplyOnWhite { background:url(http://cdn.faniq.com/img/custom_buttons_16px_sprite.png) 0px -80px no-repeat; } .btnReplyOnWhite_over { background:url(http://cdn.faniq.com/img/custom_buttons_16px_sprite.png) -60px -80px no-repeat; } .btnTakeItOnWhite { background:url(http://cdn.faniq.com/img/custom_buttons_16px_sprite.png) 0px -180px no-repeat; } .btnTakeItOnWhite_over { background:url(http://cdn.faniq.com/img/custom_buttons_16px_sprite.png) -60px -180px no-repeat; } .btnTakeItOnWhite_inactive { background:url(http://cdn.faniq.com/img/custom_buttons_16px_sprite.png) -120px -180px no-repeat; } /* buttons follow, remove and expand on white */ .btnFollowOnWhite, .btnFollowOnWhite_over, .btnFollowingOnWhite, .btnFollowingOnWhite_over, .btnRemoveOnWhite, .btnRemoveOnWhite_over, .btnExpandOnWhite, .btnExpandOnWhite_over { cursor:pointer; font-size:0.5em; height:16px; width:66px; } .btnFollowOnWhite { background:url(http://cdn.faniq.com/img/custom_buttons_16px_sprite.png) -360px 0px no-repeat; } .btnFollowOnWhite_over { background:url(http://cdn.faniq.com/img/custom_buttons_16px_sprite.png) -427px 0px no-repeat; } .btnFollowingOnWhite { background:url(http://cdn.faniq.com/img/custom_buttons_16px_sprite.png) -491px 0px no-repeat; } .btnFollowingOnWhite_over { background:url(http://cdn.faniq.com/img/custom_buttons_16px_sprite.png) -491px 0px no-repeat; } .btnRemoveOnWhite { background:url(http://cdn.faniq.com/img/custom_buttons_16px_sprite.png) -360px -20px no-repeat; } .btnRemoveOnWhite_over { background:url(http://cdn.faniq.com/img/custom_buttons_16px_sprite.png) -427px -20px no-repeat; } .btnExpandOnWhite { background:url(http://cdn.faniq.com/img/custom_buttons_16px_sprite.png) -360px -40px no-repeat; } .btnExpandOnWhite_over { background:url(http://cdn.faniq.com/img/custom_buttons_16px_sprite.png) -427px -40px no-repeat; } /* buttons follow all, remove all on white */ .btnFollowAllOnWhite, .btnFollowAllOnWhite_over, .btnFollowAllGreyOnWhite, .btnFollowAllGreyOnWhite_over, .btnRemoveAllOnWhite, .btnRemoveAllOnWhite_over { cursor:pointer; font-size:0.5em; height:16px; width:85px; } .btnFollowAllOnWhite { background:url(http://cdn.faniq.com/img/custom_buttons_16px_sprite.png) -561px 0px no-repeat; } .btnFollowAllOnWhite_over { background:url(http://cdn.faniq.com/img/custom_buttons_16px_sprite.png) -649px 0px no-repeat; } .btnFollowAllGreyOnWhite { background:url(http://cdn.faniq.com/img/custom_buttons_16px_sprite.png) -561px -20px no-repeat; } .btnFollowAllGreyOnWhite_over { background:url(http://cdn.faniq.com/img/custom_buttons_16px_sprite.png) -649px -20px no-repeat; } .btnRemoveAllOnWhite { background:url(http://cdn.faniq.com/img/custom_buttons_16px_sprite.png) -561px -40px no-repeat; } .btnRemoveAllOnWhite_over { background:url(http://cdn.faniq.com/img/custom_buttons_16px_sprite.png) -649px -40px no-repeat; } /* buttons stop following on white */ .btnStopFollowingOnWhite, .btnStopFollowingOnWhite_over { cursor:pointer; font-size:0.5em; height:16px; width:108px; } .btnStopFollowingOnWhite { background:url(http://cdn.faniq.com/img/custom_buttons_16px_sprite.png) -737px -20px no-repeat; } .btnStopFollowingOnWhite_over { background:url(http://cdn.faniq.com/img/custom_buttons_16px_sprite.png) -848px -20px no-repeat; } /* button add (22px) on white */ .btnAddOnWhite22, .btnAddOnWhite22_over, .btnAddOnWhite22_inactive { cursor:pointer; font-size:0.5em; height:26px; width:64px; } .btnAddOnWhite22 { background:url(http://cdn.faniq.com/img/custom_buttons_22px_sprite.png) 0px 0px no-repeat; } .btnAddOnWhite22_over { background:url(http://cdn.faniq.com/img/custom_buttons_22px_sprite.png) -80px 0px no-repeat; } .btnAddOnWhite22_inactive { background:url(http://cdn.faniq.com/img/custom_buttons_22px_sprite.png) -160px 0px no-repeat; } /* buttons share and add (28px) on white */ .btnShareOnWhite, .btnShareOnWhite_over, .btnShareOnWhite_inactive, .btnAddOnWhite, .btnAddOnWhite_over, .btnAddOnWhite_inactive { cursor:pointer; font-size:0.5em; height:32px; width:84px; } .btnShareOnWhite { background:url(http://cdn.faniq.com/img/custom_buttons_28px_sprite_v2.png) 0px 0px no-repeat; } .btnShareOnWhite_over { background:url(http://cdn.faniq.com/img/custom_buttons_28px_sprite_v2.png) -100px 0px no-repeat; } .btnShareOnWhite_inactive { background:url(http://cdn.faniq.com/img/custom_buttons_28px_sprite_v2.png) -200px 0px no-repeat; } .btnAddOnWhite { background:url(http://cdn.faniq.com/img/custom_buttons_28px_sprite_v2.png) 0px -40px no-repeat; } .btnAddOnWhite_over { background:url(http://cdn.faniq.com/img/custom_buttons_28px_sprite_v2.png) -100px -40px no-repeat; } .btnAddOnWhite_inactive { background:url(http://cdn.faniq.com/img/custom_buttons_28px_sprite_v2.png) -200px -40px no-repeat; } /* button get more on white */ .btnGetMoreOnWhite, .btnGetMoreOnWhite_over { cursor:pointer; font-size:0.5em; height:32px; width:114px; } .btnGetMoreOnWhite { background:url(http://cdn.faniq.com/img/custom_buttons_28px_sprite_v2.png) -300px 0px no-repeat; } .btnGetMoreOnWhite_over { background:url(http://cdn.faniq.com/img/custom_buttons_28px_sprite_v2.png) -430px 0px no-repeat; } /* buttons finish quiz, take quiz on white */ .btnFinishQuizOnWhite, .btnFinishQuizOnWhite_over, .btnTakeQuizOnWhite, .btnTakeQuizOnWhite_over, .btnStartQuizOnWhite, .btnStartQuizOnWhite_over { cursor:pointer; font-size:0.5em; height:32px; width:164px; } .btnFinishQuizOnWhite { background:url(http://cdn.faniq.com/img/custom_buttons_28px_sprite_v2.png) -700px 0px no-repeat; } .btnFinishQuizOnWhite_over { background:url(http://cdn.faniq.com/img/custom_buttons_28px_sprite_v2.png) -890px 0px no-repeat; } .btnTakeQuizOnWhite { background:url(http://cdn.faniq.com/img/custom_buttons_28px_sprite_v2.png) -700px -40px no-repeat; } .btnTakeQuizOnWhite_over { background:url(http://cdn.faniq.com/img/custom_buttons_28px_sprite_v2.png) -890px -40px no-repeat; } .btnStartQuizOnWhite { background:url(http://cdn.faniq.com/img/custom_buttons_28px_sprite_v2.png) -700px -80px no-repeat; } .btnStartQuizOnWhite_over { background:url(http://cdn.faniq.com/img/custom_buttons_28px_sprite_v2.png) -890px -80px no-repeat; } /* buttons done, follow (36px) on white */ .btnDoneOnWhite36, .btnDoneOnWhite36_over, .btnDoneOnWhite36_inactive, .btnFollowOnWhite36, .btnFollowOnWhite36_over, .btnFollowOnWhite36_inactive { cursor:pointer; font-size:0.5em; height:40px; width:104px; } .btnDoneOnWhite36 { background:url(http://cdn.faniq.com/img/custom_buttons_36px_sprite.png) 0px 0px no-repeat; } .btnDoneOnWhite36_over { background:url(http://cdn.faniq.com/img/custom_buttons_36px_sprite.png) -121px 0px no-repeat; } .btnDoneOnWhite36_inactive { background:url(http://cdn.faniq.com/img/custom_buttons_36px_sprite.png) -242px 0px no-repeat; } .btnFollowOnWhite36 { background:url(http://cdn.faniq.com/img/custom_buttons_36px_sprite.png) 0px -50px no-repeat; } .btnFollowOnWhite36_over { background:url(http://cdn.faniq.com/img/custom_buttons_36px_sprite.png) -121px -50px no-repeat; } .btnFollowOnWhite36_inactive { background:url(http://cdn.faniq.com/img/custom_buttons_36px_sprite.png) -242px -50px no-repeat; } .btnPlayGameOnWhite36, .btnPlayGameOnWhite36_over { cursor:pointer; font-size:0.5em; height:40px; width:164px; } .btnPlayGameOnWhite36 { background:url(http://cdn.faniq.com/img/custom_buttons_36px_sprite.png) -370px 0px no-repeat; } .btnPlayGameOnWhite36_over { background:url(http://cdn.faniq.com/img/custom_buttons_36px_sprite.png) -370px -50px no-repeat; } /* end labeled buttons on white */ /* start blank buttons on blue */ /* start blank buttons orange on blue */ /* button orange on blue,18H x 34W */ .btnOrangeOnBlue18x34, .btnOrangeOnBlue18x34_over { border:none; cursor:pointer; color:white; font-size:9px; font-weight:bold; height:18px; padding:3px 0px 0px 0px; text-align:center; width:34px; } input.btnOrangeOnBlue18x34, input.btnOrangeOnBlue18x34_over { font-weight:normal; padding:0; } .btnOrangeOnBlue18x34 { background:url(http://cdn.faniq.com/img/buttons_onblue_sprite.png) -3px -2px no-repeat; } .btnOrangeOnBlue18x34_over { background:url(http://cdn.faniq.com/img/buttons_onblue_sprite.png) -3px -36px no-repeat; } /* button orange on blue,18H x 54W */ .btnOrangeOnBlue18x54, .btnOrangeOnBlue18x54_over { border:none; cursor:pointer; color:white; font-size:9px; font-weight:bold; height:18px; padding:3px 0px 0px 0px; text-align:center; width:54px; } input.btnOrangeOnBlue18x54, input.btnOrangeOnBlue18x54_over { font-weight:normal; padding:0; } .btnOrangeOnBlue18x54 { background:url(http://cdn.faniq.com/img/buttons_onblue_sprite.png) -53px -2px no-repeat; } .btnOrangeOnBlue18x54_over { background:url(http://cdn.faniq.com/img/buttons_onblue_sprite.png) -53px -36px no-repeat; } /* button orange on blue,18H x 74W */ .btnOrangeOnBlue18x74, .btnOrangeOnBlue18x74_over { border:none; cursor:pointer; color:white; font-size:9px; font-weight:bold; height:18px; padding:3px 0px 0px 0px; text-align:center; width:74px; } input.btnOrangeOnBlue18x74, input.btnOrangeOnBlue18x74_over { font-weight:normal; padding:0; } .btnOrangeOnBlue18x74 { background:url(http://cdn.faniq.com/img/buttons_onblue_sprite.png) -123px -2px no-repeat; } .btnOrangeOnBlue18x74_over { background:url(http://cdn.faniq.com/img/buttons_onblue_sprite.png) -123px -36px no-repeat; } /* button orange on blue,18H x 114W */ .btnOrangeOnBlue18x114, .btnOrangeOnBlue18x114_over { border:none; cursor:pointer; color:white; font-size:9px; font-weight:bold; height:18px; padding:3px 0px 0px 0px; text-align:center; width:114px; } input.btnOrangeOnBlue18x114, input.btnOrangeOnBlue18x114_over { font-weight:normal; padding:0; } .btnOrangeOnBlue18x114 { background:url(http://cdn.faniq.com/img/buttons_onblue_sprite.png) -213px -2px no-repeat; } .btnOrangeOnBlue18x114_over { background:url(http://cdn.faniq.com/img/buttons_onblue_sprite.png) -213px -36px no-repeat; } /* button orange on blue,22H x 40W */ .btnOrangeOnBlue22x40, .btnOrangeOnBlue22x40_over { border:none; cursor:pointer; color:white; font-size:11px; font-weight:bold; height:22px; padding:4px 0px 0px 0px; text-align:center; width:40px; } input.btnOrangeOnBlue22x40, input.btnOrangeOnBlue22x40_over { padding:0; } .btnOrangeOnBlue22x40 { background:url(http://cdn.faniq.com/img/buttons_onblue_sprite.png) -3px -70px no-repeat; } .btnOrangeOnBlue22x40_over { background:url(http://cdn.faniq.com/img/buttons_onblue_sprite.png) -3px -108px no-repeat; } /* button orange on blue,22H x 60W */ .btnOrangeOnBlue22x60, .btnOrangeOnBlue22x60_over { border:none; cursor:pointer; color:white; font-size:11px; font-weight:bold; height:22px; padding:4px 0px 0px 0px; text-align:center; width:60px; } input.btnOrangeOnBlue22x60, input.btnOrangeOnBlue22x60_over { padding:0; } .btnOrangeOnBlue22x60 { background:url(http://cdn.faniq.com/img/buttons_onblue_sprite.png) -59px -70px no-repeat; } .btnOrangeOnBlue22x60_over { background:url(http://cdn.faniq.com/img/buttons_onblue_sprite.png) -59px -108px no-repeat; } /* button orange on blue,22H x 90W */ .btnOrangeOnBlue22x90, .btnOrangeOnBlue22x90_over { border:none; cursor:pointer; color:white; font-size:11px; font-weight:bold; height:22px; padding:4px 0px 0px 0px; text-align:center; width:90px; } input.btnOrangeOnBlue22x90, input.btnOrangeOnBlue22x90_over { padding:0; } .btnOrangeOnBlue22x90 { background:url(http://cdn.faniq.com/img/buttons_onblue_sprite.png) -135px -70px no-repeat; } .btnOrangeOnBlue22x90_over { background:url(http://cdn.faniq.com/img/buttons_onblue_sprite.png) -135px -108px no-repeat; } /* button orange on blue,22H x 140W */ .btnOrangeOnBlue22x140, .btnOrangeOnBlue22x140_over { border:none; cursor:pointer; color:white; font-size:11px; font-weight:bold; height:22px; padding:4px 0px 0px 0px; text-align:center; width:140px; } input.btnOrangeOnBlue22x140, input.btnOrangeOnBlue22x140_over { padding:0; } .btnOrangeOnBlue22x140 { background:url(http://cdn.faniq.com/img/buttons_onblue_sprite.png) -241px -70px no-repeat; } .btnOrangeOnBlue22x140_over { background:url(http://cdn.faniq.com/img/buttons_onblue_sprite.png) -241px -108px no-repeat; } /* button orange on blue,24H x 42W */ .btnOrangeOnBlue24x42, .btnOrangeOnBlue24x42_over { border:none; cursor:pointer; color:white; font-size:12px; font-weight:bold; height:24px; padding:4px 0px 0px 0px; text-align:center; width:42px; } input.btnOrangeOnBlue24x42, input.btnOrangeOnBlue24x42_over { padding:0; } .btnOrangeOnBlue24x42 { background:url(http://cdn.faniq.com/img/buttons_onblue_sprite.png) -3px -146px no-repeat; } .btnOrangeOnBlue24x42_over { background:url(http://cdn.faniq.com/img/buttons_onblue_sprite.png) -3px -186px no-repeat; } /* button orange on blue,24H x 66W */ .btnOrangeOnBlue24x66, .btnOrangeOnBlue24x66_over { border:none; cursor:pointer; color:white; font-size:12px; font-weight:bold; height:24px; padding:4px 0px 0px 0px; text-align:center; width:66px; } input.btnOrangeOnBlue24x66, input.btnOrangeOnBlue24x66_over { padding:0; } .btnOrangeOnBlue24x66 { background:url(http://cdn.faniq.com/img/buttons_onblue_sprite.png) -61px -146px no-repeat; } .btnOrangeOnBlue24x66_over { background:url(http://cdn.faniq.com/img/buttons_onblue_sprite.png) -61px -186px no-repeat; } /* button orange on blue,24H x 96W */ .btnOrangeOnBlue24x96, .btnOrangeOnBlue24x96_over { border:none; cursor:pointer; color:white; font-size:12px; font-weight:bold; height:24px; padding:4px 0px 0px 0px; text-align:center; width:96px; } input.btnOrangeOnBlue24x96, input.btnOrangeOnBlue24x96_over { padding:0; } .btnOrangeOnBlue24x96 { background:url(http://cdn.faniq.com/img/buttons_onblue_sprite.png) -142px -146px no-repeat; } .btnOrangeOnBlue24x96_over { background:url(http://cdn.faniq.com/img/buttons_onblue_sprite.png) -142px -186px no-repeat; } /* button orange on blue,24H x 146W */ .btnOrangeOnBlue24x146, .btnOrangeOnBlue24x146_over { border:none; cursor:pointer; color:white; font-size:12px; font-weight:bold; height:24px; padding:4px 0px 0px 0px; text-align:center; width:146px; } input.btnOrangeOnBlue24x146, input.btnOrangeOnBlue24x146_over { padding:0; } .btnOrangeOnBlue24x146 { background:url(http://cdn.faniq.com/img/buttons_onblue_sprite.png) -253px -146px no-repeat; } .btnOrangeOnBlue24x146_over { background:url(http://cdn.faniq.com/img/buttons_onblue_sprite.png) -253px -186px no-repeat; } /* end blank buttons orange on blue */ /* start blank buttons silver on blue */ /* button silver on blue,18H x 34W */ .btnSilverOnBlue18x34, .btnSilverOnBlue18x34_over { border:none; cursor:pointer; color:#ff7908; font-size:9px; font-weight:bold; height:18px; padding:3px 0px 0px 0px; text-align:center; width:34px; } input.btnSilverOnBlue18x34, input.btnSilverOnBlue18x34_over { font-weight:normal; padding:0; } .btnSilverOnBlue18x34 { background:url(http://cdn.faniq.com/img/buttons_onblue_sprite.png) -3px -402px no-repeat; } .btnSilverOnBlue18x34_over { background:url(http://cdn.faniq.com/img/buttons_onblue_sprite.png) -3px -436px no-repeat; color:white; } /* button silver on blue,18H x 54W */ .btnSilverOnBlue18x54, .btnSilverOnBlue18x54_over { border:none; cursor:pointer; color:#ff7908; font-size:9px; font-weight:bold; height:18px; padding:3px 0px 0px 0px; text-align:center; width:54px; } input.btnSilverOnBlue18x54, input.btnSilverOnBlue18x54_over { font-weight:normal; padding:0; } .btnSilverOnBlue18x54 { background:url(http://cdn.faniq.com/img/buttons_onblue_sprite.png) -53px -402px no-repeat; } .btnSilverOnBlue18x54_over { background:url(http://cdn.faniq.com/img/buttons_onblue_sprite.png) -53px -436px no-repeat; color:white; } /* button silver on blue,18H x 74W */ .btnSilverOnBlue18x74, .btnSilverOnBlue18x74_over { border:none; cursor:pointer; color:#ff7908; font-size:9px; font-weight:bold; height:18px; padding:3px 0px 0px 0px; text-align:center; width:74px; } input.btnSilverOnBlue18x74, input.btnSilverOnBlue18x74_over { font-weight:normal; padding:0; } .btnSilverOnBlue18x74 { background:url(http://cdn.faniq.com/img/buttons_onblue_sprite.png) -123px -402px no-repeat; } .btnSilverOnBlue18x74_over { background:url(http://cdn.faniq.com/img/buttons_onblue_sprite.png) -123px -436px no-repeat; color:white; } /* button silver on blue,18H x 114W */ .btnSilverOnBlue18x114, .btnSilverOnBlue18x114_over { border:none; cursor:pointer; color:#ff7908; font-size:9px; font-weight:bold; height:18px; padding:3px 0px 0px 0px; text-align:center; width:114px; } input.btnSilverOnBlue18x114, input.btnSilverOnBlue18x114_over { font-weight:normal; padding:0; } .btnSilverOnBlue18x114 { background:url(http://cdn.faniq.com/img/buttons_onblue_sprite.png) -213px -402px no-repeat; } .btnSilverOnBlue18x114_over { background:url(http://cdn.faniq.com/img/buttons_onblue_sprite.png) -213px -436px no-repeat; color:white; } /* button silver on blue,22H x 40W */ .btnSilverOnBlue22x40, .btnSilverOnBlue22x40_over { border:none; cursor:pointer; color:#ff7908; font-size:11px; font-weight:bold; height:22px; padding:4px 0px 0px 0px; text-align:center; width:40px; } input.btnSilverOnBlue22x40, input.btnSilverOnBlue22x40_over { padding:0; } .btnSilverOnBlue22x40 { background:url(http://cdn.faniq.com/img/buttons_onblue_sprite.png) -3px -470px no-repeat; } .btnSilverOnBlue22x40_over { background:url(http://cdn.faniq.com/img/buttons_onblue_sprite.png) -3px -508px no-repeat; color:white; } /* button silver on blue,22H x 60W */ .btnSilverOnBlue22x60, .btnSilverOnBlue22x60_over { border:none; cursor:pointer; color:#ff7908; font-size:11px; font-weight:bold; height:22px; padding:4px 0px 0px 0px; text-align:center; width:60px; } input.btnSilverOnBlue22x60, input.btnSilverOnBlue22x60_over { padding:0; } .btnSilverOnBlue22x60 { background:url(http://cdn.faniq.com/img/buttons_onblue_sprite.png) -59px -470px no-repeat; } .btnSilverOnBlue22x60_over { background:url(http://cdn.faniq.com/img/buttons_onblue_sprite.png) -59px -508px no-repeat; color:white; } /* button silver on blue,22H x 90W */ .btnSilverOnBlue22x90, .btnSilverOnBlue22x90_over { border:none; cursor:pointer; color:#ff7908; font-size:11px; font-weight:bold; height:22px; padding:4px 0px 0px 0px; text-align:center; width:90px; } input.btnSilverOnBlue22x90, input.btnSilverOnBlue22x90_over { padding:0; } .btnSilverOnBlue22x90 { background:url(http://cdn.faniq.com/img/buttons_onblue_sprite.png) -135px -470px no-repeat; } .btnSilverOnBlue22x90_over { background:url(http://cdn.faniq.com/img/buttons_onblue_sprite.png) -135px -508px no-repeat; color:white; } /* button silver on blue,22H x 140W */ .btnSilverOnBlue22x140, .btnSilverOnBlue22x140_over { border:none; cursor:pointer; color:#ff7908; font-size:11px; font-weight:bold; height:22px; padding:4px 0px 0px 0px; text-align:center; width:140px; } input.btnSilverOnBlue22x140, input.btnSilverOnBlue22x140_over { padding:0; } .btnSilverOnBlue22x140 { background:url(http://cdn.faniq.com/img/buttons_onblue_sprite.png) -241px -470px no-repeat; } .btnSilverOnBlue22x140_over { background:url(http://cdn.faniq.com/img/buttons_onblue_sprite.png) -241px -508px no-repeat; color:white; } /* button silver on blue,24H x 42W */ .btnSilverOnBlue24x42, .btnSilverOnBlue24x42_over { border:none; cursor:pointer; color:#ff7908; font-size:12px; font-weight:bold; height:24px; padding:4px 0px 0px 0px; text-align:center; width:42px; } input.btnSilverOnBlue24x42, input.btnSilverOnBlue24x42_over { padding:0; } .btnSilverOnBlue24x42 { background:url(http://cdn.faniq.com/img/buttons_onblue_sprite.png) -3px -546px no-repeat; } .btnSilverOnBlue24x42_over { background:url(http://cdn.faniq.com/img/buttons_onblue_sprite.png) -3px -586px no-repeat; color:white; } /* button silver on blue,24H x 66W */ .btnSilverOnBlue24x66, .btnSilverOnBlue24x66_over { border:none; cursor:pointer; color:#ff7908; font-size:12px; font-weight:bold; height:24px; padding:4px 0px 0px 0px; text-align:center; width:66px; } input.btnSilverOnBlue24x66, input.btnSilverOnBlue24x66_over { padding:0; } .btnSilverOnBlue24x66 { background:url(http://cdn.faniq.com/img/buttons_onblue_sprite.png) -61px -546px no-repeat; } .btnSilverOnBlue24x66_over { background:url(http://cdn.faniq.com/img/buttons_onblue_sprite.png) -61px -586px no-repeat; color:white; } /* button silver on blue,24H x 96W */ .btnSilverOnBlue24x96, .btnSilverOnBlue24x96_over { border:none; cursor:pointer; color:#ff7908; font-size:12px; font-weight:bold; height:24px; padding:4px 0px 0px 0px; text-align:center; width:96px; } input.btnSilverOnBlue24x96, input.btnSilverOnBlue24x96_over { padding:0; } .btnSilverOnBlue24x96 { background:url(http://cdn.faniq.com/img/buttons_onblue_sprite.png) -142px -546px no-repeat; } .btnSilverOnBlue24x96_over { background:url(http://cdn.faniq.com/img/buttons_onblue_sprite.png) -142px -586px no-repeat; color:white; } /* button silver on blue,24H x 146W */ .btnSilverOnBlue24x146, .btnSilverOnBlue24x146_over { border:none; cursor:pointer; color:#ff7908; font-size:12px; font-weight:bold; height:24px; padding:4px 0px 0px 0px; text-align:center; width:146px; } input.btnSilverOnBlue24x146, input.btnSilverOnBlue24x146_over { padding:0; } .btnSilverOnBlue24x146 { background:url(http://cdn.faniq.com/img/buttons_onblue_sprite.png) -253px -546px no-repeat; } .btnSilverOnBlue24x146_over { background:url(http://cdn.faniq.com/img/buttons_onblue_sprite.png) -253px -586px no-repeat; color:white; } /* end blank buttons silver on blue */ /* start blank buttons blue on blue */ /* button blue on blue,18H x 34W */ .btnBlueOnBlue18x34, .btnBlueOnBlue18x34_over { border:none; cursor:pointer; color:white; font-size:9px; font-weight:bold; height:18px; padding:3px 0px 0px 0px; text-align:center; width:34px; } input.btnBlueOnBlue18x34, input.btnBlueOnBlue18x34_over { font-weight:normal; padding:0; } .btnBlueOnBlue18x34 { background:url(http://cdn.faniq.com/img/buttons_onblue_sprite.png) -3px -802px no-repeat; } .btnBlueOnBlue18x34_over { background:url(http://cdn.faniq.com/img/buttons_onblue_sprite.png) -3px -836px no-repeat; } /* button blue on blue,18H x 54W */ .btnBlueOnBlue18x54, .btnBlueOnBlue18x54_over { border:none; cursor:pointer; color:white; font-size:9px; font-weight:bold; height:18px; padding:3px 0px 0px 0px; text-align:center; width:54px; } input.btnBlueOnBlue18x54, input.btnBlueOnBlue18x54_over { font-weight:normal; padding:0; } .btnBlueOnBlue18x54 { background:url(http://cdn.faniq.com/img/buttons_onblue_sprite.png) -53px -802px no-repeat; } .btnBlueOnBlue18x54_over { background:url(http://cdn.faniq.com/img/buttons_onblue_sprite.png) -53px -836px no-repeat; } /* button blue on blue,18H x 74W */ .btnBlueOnBlue18x74, .btnBlueOnBlue18x74_over { border:none; cursor:pointer; color:white; font-size:9px; font-weight:bold; height:18px; padding:3px 0px 0px 0px; text-align:center; width:74px; } input.btnBlueOnBlue18x74, input.btnBlueOnBlue18x74_over { font-weight:normal; padding:0; } .btnBlueOnBlue18x74 { background:url(http://cdn.faniq.com/img/buttons_onblue_sprite.png) -123px -802px no-repeat; } .btnBlueOnBlue18x74_over { background:url(http://cdn.faniq.com/img/buttons_onblue_sprite.png) -123px -836px no-repeat; } /* button blue on blue,18H x 114W */ .btnBlueOnBlue18x114, .btnBlueOnBlue18x114_over { border:none; cursor:pointer; color:white; font-size:9px; font-weight:bold; height:18px; padding:3px 0px 0px 0px; text-align:center; width:114px; } input.btnBlueOnBlue18x114, input.btnBlueOnBlue18x114_over { font-weight:normal; padding:0; } .btnBlueOnBlue18x114 { background:url(http://cdn.faniq.com/img/buttons_onblue_sprite.png) -213px -802px no-repeat; } .btnBlueOnBlue18x114_over { background:url(http://cdn.faniq.com/img/buttons_onblue_sprite.png) -213px -836px no-repeat; } /* button blue on blue,22H x 40W */ .btnBlueOnBlue22x40, .btnBlueOnBlue22x40_over { border:none; cursor:pointer; color:white; font-size:11px; font-weight:bold; height:22px; padding:4px 0px 0px 0px; text-align:center; width:40px; } input.btnBlueOnBlue22x40, input.btnBlueOnBlue22x40_over { padding:0; } .btnBlueOnBlue22x40 { background:url(http://cdn.faniq.com/img/buttons_onblue_sprite.png) -3px -870px no-repeat; } .btnBlueOnBlue22x40_over { background:url(http://cdn.faniq.com/img/buttons_onblue_sprite.png) -3px -908px no-repeat; } /* button blue on blue,22H x 60W */ .btnBlueOnBlue22x60, .btnBlueOnBlue22x60_over { border:none; cursor:pointer; color:white; font-size:11px; font-weight:bold; height:22px; padding:4px 0px 0px 0px; text-align:center; width:60px; } input.btnBlueOnBlue22x60, input.btnBlueOnBlue22x60_over { padding:0; } .btnBlueOnBlue22x60 { background:url(http://cdn.faniq.com/img/buttons_onblue_sprite.png) -59px -870px no-repeat; } .btnBlueOnBlue22x60_over { background:url(http://cdn.faniq.com/img/buttons_onblue_sprite.png) -59px -908px no-repeat; } /* button blue on blue,22H x 90W */ .btnBlueOnBlue22x90, .btnBlueOnBlue22x90_over { border:none; cursor:pointer; color:white; font-size:11px; font-weight:bold; height:22px; padding:4px 0px 0px 0px; text-align:center; width:90px; } input.btnBlueOnBlue22x90, input.btnBlueOnBlue22x90_over { padding:0; } .btnBlueOnBlue22x90 { background:url(http://cdn.faniq.com/img/buttons_onblue_sprite.png) -135px -870px no-repeat; } .btnBlueOnBlue22x90_over { background:url(http://cdn.faniq.com/img/buttons_onblue_sprite.png) -135px -908px no-repeat; } /* button blue on blue,22H x 140W */ .btnBlueOnBlue22x140, .btnBlueOnBlue22x140_over { border:none; cursor:pointer; color:white; font-size:11px; font-weight:bold; height:22px; padding:4px 0px 0px 0px; text-align:center; width:140px; } input.btnBlueOnBlue22x140, input.btnBlueOnBlue22x140_over { padding:0; } .btnBlueOnBlue22x140 { background:url(http://cdn.faniq.com/img/buttons_onblue_sprite.png) -241px -870px no-repeat; } .btnBlueOnBlue22x140_over { background:url(http://cdn.faniq.com/img/buttons_onblue_sprite.png) -241px -908px no-repeat; } /* button blue on blue,24H x 42W */ .btnBlueOnBlue24x42, .btnBlueOnBlue24x42_over { border:none; cursor:pointer; color:white; font-size:12px; font-weight:bold; height:24px; padding:4px 0px 0px 0px; text-align:center; width:42px; } input.btnBlueOnBlue24x42, input.btnBlueOnBlue24x42_over { padding:0; } .btnBlueOnBlue24x42 { background:url(http://cdn.faniq.com/img/buttons_onblue_sprite.png) -3px -946px no-repeat; } .btnBlueOnBlue24x42_over { background:url(http://cdn.faniq.com/img/buttons_onblue_sprite.png) -3px -986px no-repeat; } /* button blue on blue,24H x 66W */ .btnBlueOnBlue24x66, .btnBlueOnBlue24x66_over { border:none; cursor:pointer; color:white; font-size:12px; font-weight:bold; height:24px; padding:4px 0px 0px 0px; text-align:center; width:66px; } input.btnBlueOnBlue24x66, input.btnBlueOnBlue24x66_over { padding:0; } .btnBlueOnBlue24x66 { background:url(http://cdn.faniq.com/img/buttons_onblue_sprite.png) -61px -946px no-repeat; } .btnBlueOnBlue24x66_over { background:url(http://cdn.faniq.com/img/buttons_onblue_sprite.png) -61px -986px no-repeat; } /* button blue on blue,24H x 96W */ .btnBlueOnBlue24x96, .btnBlueOnBlue24x96_over { border:none; cursor:pointer; color:white; font-size:12px; font-weight:bold; height:24px; padding:4px 0px 0px 0px; text-align:center; width:96px; } input.btnBlueOnBlue24x96, input.btnBlueOnBlue24x96_over { padding:0; } .btnBlueOnBlue24x96 { background:url(http://cdn.faniq.com/img/buttons_onblue_sprite.png) -142px -946px no-repeat; } .btnBlueOnBlue24x96_over { background:url(http://cdn.faniq.com/img/buttons_onblue_sprite.png) -142px -986px no-repeat; } /* button blue on blue,24H x 146W */ .btnBlueOnBlue24x146, .btnBlueOnBlue24x146_over { border:none; cursor:pointer; color:white; font-size:12px; font-weight:bold; height:24px; padding:4px 0px 0px 0px; text-align:center; width:146px; } input.btnBlueOnBlue24x146, input.btnBlueOnBlue24x146_over { padding:0; } .btnBlueOnBlue24x146 { background:url(http://cdn.faniq.com/img/buttons_onblue_sprite.png) -253px -946px no-repeat; } .btnBlueOnBlue24x146_over { background:url(http://cdn.faniq.com/img/buttons_onblue_sprite.png) -253px -986px no-repeat; } /* end blank buttons blue on blue */ /* end blank buttons on blue */ /* start labeled buttons on blue */ /* blue on blue - more */ .btnBlueOnBlueMore, .btnBlueOnBlueMore_over { cursor:pointer; font-size:0.5em; height:8px; width:40px; } .btnBlueOnBlueMore { background:url(http://cdn.faniq.com/img/buttons_onblue_sprite.png) -9px -1200px no-repeat; } .btnBlueOnBlueMore_over { background:url(http://cdn.faniq.com/img/buttons_onblue_sprite.png) -9px -1209px no-repeat; } /* button blue on blue - edit */ .btnBlueOnBlueEdit, .btnBlueOnBlueEdit_over { cursor:pointer; font-size:0.5em; height:8px; width:40px; } .btnBlueOnBlueEdit { background:url(http://cdn.faniq.com/img/buttons_onblue_sprite.png) -9px -1218px no-repeat; } .btnBlueOnBlueEdit_over { background:url(http://cdn.faniq.com/img/buttons_onblue_sprite.png) -9px -1227px no-repeat; } /* button blue on blue - see all */ .btnBlueOnBlueSeeAll, .btnBlueOnBlueSeeAll_over { cursor:pointer; font-size:0.5em; height:8px; width:50px; } .btnBlueOnBlueSeeAll { background:url(http://cdn.faniq.com/img/buttons_onblue_sprite.png) -9px -1236px no-repeat; } .btnBlueOnBlueSeeAll_over { background:url(http://cdn.faniq.com/img/buttons_onblue_sprite.png) -9px -1245px no-repeat; } /* button white on blue - more */ .btnWhiteOnBlueMore, .btnWhiteOnBlueMore_over { cursor:pointer; font-size:0.5em; height:8px; width:40px; } .btnWhiteOnBlueMore { background:url(http://cdn.faniq.com/img/buttons_onblue_sprite.png) -199px -1200px no-repeat; } .btnWhiteOnBlueMore_over { background:url(http://cdn.faniq.com/img/buttons_onblue_sprite.png) -199px -1209px no-repeat; } /* button white on blue - edit */ .btnWhiteOnBlueEdit, .btnWhiteOnBlueEdit_over { cursor:pointer; font-size:0.5em; height:8px; width:40px; } .btnWhiteOnBlueEdit { background:url(http://cdn.faniq.com/img/buttons_onblue_sprite.png) -199px -1218px no-repeat; } .btnWhiteOnBlueEdit_over { background:url(http://cdn.faniq.com/img/buttons_onblue_sprite.png) -199px -1227px no-repeat; } /* button white on blue - see all */ .btnWhiteOnBlueSeeAll, .btnWhiteOnBlueSeeAll_over { cursor:pointer; font-size:0.5em; height:8px; width:50px; } .btnWhiteOnBlueSeeAll { background:url(http://cdn.faniq.com/img/buttons_onblue_sprite.png) -199px -1236px no-repeat; } .btnWhiteOnBlueSeeAll_over { background:url(http://cdn.faniq.com/img/buttons_onblue_sprite.png) -199px -1245px no-repeat; } /* button white on blue - full profile */ .btnWhiteOnBlueFullProfile, .btnWhiteOnBlueFullProfile_over { cursor:pointer; font-size:0.5em; height:9px; width:74px; } .btnWhiteOnBlueFullProfile { background:url(http://cdn.faniq.com/img/links_sprite.png) -100px -69px no-repeat; } .btnWhiteOnBlueFullProfile_over { background:url(http://cdn.faniq.com/img/links_sprite.png) -100px -79px no-repeat; } /* button high five on blue */ .btnHighFiveOnBlue, .btnHighFiveOnBlue_over, .btnHighFiveOnBlue_inactive { cursor:pointer; font-size:0.5em; height:16px; width:57px; } .btnHighFiveOnBlue { background:url(http://cdn.faniq.com/img/custom_buttons_16px_sprite.png) -180px 0px no-repeat; } .btnHighFiveOnBlue_over { background:url(http://cdn.faniq.com/img/custom_buttons_16px_sprite.png) -240px 0px no-repeat; } .btnHighFiveOnBlue_inactive { background:url(http://cdn.faniq.com/img/custom_buttons_16px_sprite.png) -300px 0px no-repeat; } /* button heckle on blue */ .btnHeckleOnBlue, .btnHeckleOnBlue_over, .btnHeckleOnBlue_inactive { cursor:pointer; font-size:0.5em; height:16px; width:57px; } .btnHeckleOnBlue { background:url(http://cdn.faniq.com/img/custom_buttons_16px_sprite.png) -180px -20px no-repeat; } .btnHeckleOnBlue_over { background:url(http://cdn.faniq.com/img/custom_buttons_16px_sprite.png) -240px -20px no-repeat; } .btnHeckleOnBlue_inactive { background:url(http://cdn.faniq.com/img/custom_buttons_16px_sprite.png) -300px -20px no-repeat; } /* button update on blue */ .btnUpdateOnBlue, .btnUpdateOnBlue_over, .btnUpdateOnBlue_inactive { cursor:pointer; font-size:0.5em; height:16px; width:57px; } .btnUpdateOnBlue { background:url(http://cdn.faniq.com/img/custom_buttons_16px_sprite.png) -180px -40px no-repeat; } .btnUpdateOnBlue_over { background:url(http://cdn.faniq.com/img/custom_buttons_16px_sprite.png) -240px -40px no-repeat; } .btnUpdateOnBlue_inactive { background:url(http://cdn.faniq.com/img/custom_buttons_16px_sprite.png) -300px -40px no-repeat; } /* button answer on blue */ .btnAnswerOnBlue, .btnAnswerOnBlue_over { cursor:pointer; font-size:0.5em; height:16px; width:57px; } .btnAnswerOnBlue { background:url(http://cdn.faniq.com/img/custom_buttons_16px_sprite.png) -180px -160px no-repeat; } .btnAnswerOnBlue_over { background:url(http://cdn.faniq.com/img/custom_buttons_16px_sprite.png) -240px -160px no-repeat; } /* button take it on blue */ .btnTakeItOnBlue, .btnTakeItOnBlue_over { cursor:pointer; font-size:0.5em; height:16px; width:57px; } .btnTakeItOnBlue { background:url(http://cdn.faniq.com/img/custom_buttons_16px_sprite.png) -180px -180px no-repeat; } .btnTakeItOnBlue_over { background:url(http://cdn.faniq.com/img/custom_buttons_16px_sprite.png) -240px -180px no-repeat; } /* button add on blue */ .btnAddOnBlue { background:url(http://cdn.faniq.com/img/custom_buttons_16px_sprite.png) -180px -60px no-repeat; cursor:pointer; font-size:0.5em; height:16px; width:37px; } /* end labeled buttons on blue */ /* end buttons */ /* start page layout */ /* start content wrappers and columns */ .fanIQHtml { background:transparent url(http://cdn.faniq.com/img/bg_default_slice.png) repeat-x top; background-color:#7A90BF; } #fanIQContainer { width:998px; cursor:auto; height:inherit; text-align:left; } #contentWrapper { width:982px; background:white; } #contentContainer { width:982px; } #content { width:962px; background:white; margin:none; padding:6px 10px 10px 10px; min-height:400px; } #content:after { clear: both; content: ' '; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0; } .columnLayout_100, .columnLayout_50_50, .columnLayout_67_33 { margin:none; min-height:800px; padding:0px; width:982px; } .columnLayout_50_50 .column1, .columnLayout_50_50 .leftColumn { width:476px; float:left; } .columnLayout_50_50 .column2, .columnLayout_50_50 .rightColumn { width:476px; float:right; } .columnLayout_67_33 .column1, .columnLayout_67_33 .leftColumn { float:left; margin:6px 0 6px 6px; width:640px; } .columnLayout_67_33 .leftColumn .subColumnLeft { float:left; width:314px; } .columnLayout_67_33 .leftColumn .subColumnRight { float:right; width:314px; } .columnLayout_67_33 .column2, .columnLayout_67_33 .rightColumn { float:right; margin:6px 6px 6px 0; width:314px; } /* end content wrappers and columns */ /* start modules */ /* start basic module definitions */ .moduleDescr { font-size:10px; font-weight:bold; padding:5px 0 0 10px; } .moduleSectionHeader { font-size:18px; font-weight:bold; height:35px; padding:13px 0px 0px 15px; } .moduleHeader { font-size:14px; font-weight:bold; height:14px; padding:8px 10px; } .moduleBody ul { list-style:square; } /* end basic module definitions */ /* start primary content modules and overrides */ .modulePrimary { border:solid 1px #ffffff; margin-bottom:10px; } .modulePrimary .moduleSectionHeader { background:url(http://cdn.faniq.com/img/faniq_header_gradients_sprite.png) 0px 0px repeat-x; border-bottom:solid 1px #bec5d4; color:#000; } .modulePrimary .moduleSectionHeader .moduleDescr { color:#8a95ac; padding-top:10px; } .modulePrimary .moduleHeader { background:url(http://cdn.faniq.com/img/faniq_header_gradients_sprite.png) 0px -120px repeat-x; border-bottom:solid 1px #bec5d4; color:#000000; } .modulePrimary .moduleHeader .moduleDescr { color:#8a95ac; } .modulePrimary .moduleSubHeader { background:#f5f5f5; border-top:1px solid #fff; border-bottom:1px solid #dee1e7; margin-bottom:20px; padding:5px; } .modulePrimary .moduleSubHeader .subHeaderContent { color:#485265; font-size:11px; font-weight:bold; left:0px; padding:0 5px; top:0px; z-index:2; } .modulePrimary .moduleSubHeader .moduleDescr { color:#bec5d4; } .modulePrimary .moduleBody { background:white url(http://cdn.faniq.com/img/module_bottom_grd_grey.png) bottom repeat-x; color:#8a95ac; min-height:100px; padding:10px; } .modulePrimary .moduleBody .text2 { color:#000000; } .modulePrimary .moduleBody .alert { color:#A10000; } .modulePrimary .moduleBodyTopGradient { background:#fff url(http://cdn.faniq.com/img/faniq_header_gradients_sprite.png) 0px -200px repeat-x; border-top:1px solid #dee1e7; padding:10px; } .modulePrimary .moduleRow, .modulePrimary .moduleRow_over { clear:both; min-height:64px; margin:0 2px; width:630px; } .modulePrimary .moduleRow { background:url(http://cdn.faniq.com/img/standard_item_section_sprite.png) 0px 0px no-repeat; } .modulePrimary .moduleRow_over { background:url(http://cdn.faniq.com/img/standard_item_section_sprite.png) 0px -240px no-repeat; } .modulePrimary .moduleRowBottom, .modulePrimary .moduleRowBottom_over { height:5px; margin:0 2px 3px 2px; width:630px; } .modulePrimary .moduleRowBottom { background:url(http://cdn.faniq.com/img/standard_item_section_sprite.png) 0px -215px no-repeat; } .modulePrimary .moduleRowBottom_over { background:url(http://cdn.faniq.com/img/standard_item_section_sprite.png) 0px -455px no-repeat; } /* end primary content modules and overrides */ /* start secondary content modules and overrides */ .moduleSecondary { border:solid 1px #90a4c8; margin-bottom:10px; } .moduleSecondary .moduleSectionHeader { background:url(http://cdn.faniq.com/img/faniq_header_gradients_sprite.png) 0px -60px repeat-x; border-bottom:solid 1px #90a4c8; color:#ffffff; } .moduleSecondary .moduleSectionHeader .moduleDescr { color:#aabcd4; padding-top:10px; } .moduleSecondary .moduleHeader { background:url(http://cdn.faniq.com/img/faniq_header_gradients_sprite.png) 0px -150px repeat-x; border-bottom:solid 1px #90a4c8; color:#ffffff; } .moduleSecondary .moduleHeader .moduleDescr { color:#aabcd4; } .moduleSecondary .moduleSubHeader { background-color:#2a457a; } .moduleSecondary .moduleSubHeader .subHeaderContent { background-color:#324c81; border-top:1px solid #2a457a; border-bottom:1px solid #2a457a; color:#ffffff; height:14px; font-size:11px; font-weight:bold; margin:1px 0; padding:5px 10px; } .moduleSecondary .moduleSubHeader .moduleDescr { color:#aabcd4; font-size:10px; font-weight:bold; } .moduleSecondary .moduleBody { background:#4e679a url(http://cdn.faniq.com/img/module_bottom_grd_blue.png) bottom repeat-x; color:#aabcd4; min-height:100px; padding:10px; } .moduleSecondary .moduleBody .text2 { color:#bec5d4; } .moduleSecondary .moduleBody .alert { color:#fae794; } .moduleSecondary .moduleBody a { color:#ffffff; } .moduleSecondary .moduleBody input[type="text"], .moduleSecondary .moduleBody select, .moduleSecondary .moduleBody textarea { background-color:#182b50; border:1px solid #2a457a; color: #ffffff; } .moduleSecondary .moduleColumnHeader { background-color:#3D578B; border-bottom:1px solid #657caa; border-top:1px solid #657caa; color:#aabcd4; font-size:8px; font-weight:bold; height:12px; padding:4px 10px; } .moduleSecondary .moduleRowContainer { background-color:#4E679A; padding:5px 0; } .moduleSecondary .moduleRow, .moduleSecondary .moduleRow_over { clear:both; height:58px; margin:0 3px; width:306px; } .moduleSecondary .moduleRow { background:url(http://cdn.faniq.com/img/standard_item_section_sprite.png) 0px -500px no-repeat; } .moduleSecondary .moduleRow_over { background:url(http://cdn.faniq.com/img/standard_item_section_sprite.png) -320px -500px no-repeat; } .moduleSecondary .moduleRowBottom, .moduleSecondary .moduleRowBottom_over { height:5px; margin:0 3px 3px 3px; width:306px; } .moduleSecondary .moduleRowBottom { background:url(http://cdn.faniq.com/img/standard_item_section_sprite.png) 0px -555px no-repeat; } .moduleSecondary .moduleRowBottom_over { background:url(http://cdn.faniq.com/img/standard_item_section_sprite.png) -320px -555px no-repeat; } .moduleSecondary .separator1 { border-bottom:1px solid #6880b0; border-top:1px solid #465f93; margin:10px 0; } /* end secondary content modules and overrides */ /* start alert module */ .moduleAlert { background:#faf0c7 url(http://cdn.faniq.com/img/module_alert_yellow_grd_slice.png) bottom left repeat-x; border:1px solid #d8b20b; } .moduleAlert .moduleBody { background:transparent none; border:1px solid #fff; color:#000; padding:10px; } /* end alert module */ /* start announcement module */ .moduleAnnouncement { background:url(http://cdn.faniq.com/img/module_announcement_bg.png) top left no-repeat; color:black; font-size:14px; height:35px; margin-bottom:10px; padding:70px 16px 16px 16px; width:282px; } .moduleAnnouncement a { color:black; } /* end announcement module */ /* end modules */ /* end page layout */ /* start miscellaneous classes */ /* start page navigation */ .pageNav { color:#fff; float:right; font-size:12px; font-weight:bold; margin-right:20px; padding-top:5px; } .pageNav a { color:#fff; padding:0 5px; } .pageNav .current_page { color:#000; padding:0 5px; } .pageNavBottom { color:#000; float:right; font-size:12px; font-weight:bold; margin-right:20px; padding:10px 0; } .pageNavBottom .pageNavPageLinks { padding-top:10px; } .pageNavBottom .pageNavPage, .pageNavBottom .pageNavPageLinks a { background-color:#fff; border:1px solid #bec5d4; color:#8a95ac; height:15px; margin:5px; min-width:15px; padding:4px 8px; text-align:center; } .pageNavBottom .current_page { background-color:#7a90bf; color:#fff; height:15px; margin:5px; min-width:15px; padding:5px 10px; text-align:center; } .pageNavBottom .pageNavOtherPage { margin-top:10px; } /* end page navigation */ /* start photo containers */ .photoContainer24 { height:24px; overflow:hidden; width:24px; } .photoContainer36 { height:36px; overflow:hidden; width:36px; } .photoContainer48 { height:48px; overflow:hidden; padding:2px; width:48px; } .photoContainer80 { height:80px; overflow:hidden; padding:2px; width:80px; } .photoContainer120 { height:120px; overflow:hidden; padding:2px; width:120px; } .modulePrimary .photoContainer24, .modulePrimary .photoContainer36 { border:1px solid #bec5d4; } .modulePrimary .photoContainer48, .modulePrimary .photoContainer80 { border:1px solid #dee1e7; } .modulePrimary .photoStyle2 .photoContainer24, .modulePrimary .photoStyle2 .photoContainer36 { border-color:#000000; } .modulePrimary .photoStyle2 .photoContainer48, .modulePrimary .photoStyle2 .photoContainer80 { background-color:#dee1e7; border-color:#bec5d4; } .moduleSecondary .photoContainer24, .moduleSecondary .photoContainer36, .moduleSecondary .photoContainer48, .moduleSecondary .photoContainer80 { border:1px solid #7a90bf; } .moduleSecondary .photoStyle2 .photoContainer24, .moduleSecondary .photoStyle2 .photoContainer36 { border-color:#182850; } .moduleSecondary .photoStyle2 .photoContainer48, .moduleSecondary .photoStyle2 .photoContainer80 { background-color:#2a457a; } /* end photo containers */ /* start form inputs */ input.formFieldSmall, select.formFieldSmall { font-size:10px; } input.formFieldSmall { height:14px; padding:1px 5px; } select.formFieldSmall { height:18px; padding:0px 0px 0px 3px; } input.formFieldMedium, select.formFieldMedium { font-size:11px; } input.formFieldMedium { height:14px; padding:3px 5px; } select.formFieldMedium { height:20px; padding:2px 0px 2px 3px; } input.formFieldLarge, select.formFieldLarge { font-size:14px; } input.formFieldLarge { height:16px; padding:3px 5px; } select.formFieldLarge { height:22px; } /* start positioning for stylized file input form field - see http://www.quirksmode.org/dom/inputfile.html */ div.fileInputs { position:relative; } div.fileInputVisible { left:0px; position:absolute; top:0px; z-index:1; } input.fileInputHidden { cursor:pointer; filter:alpha(opacity:0); -moz-opacity:0; opacity:0; position:relative; text-align:right; z-index:2; } /* end positioning for stylized file input form field */ /* end form inputs */ /* start icons */ div.iconCircleGreenCheck, div.iconCircleGreenPlus, div.iconCircleGreyPlus, div.iconCircleGreenArrow, div.iconCircleGreyArrow, div.iconCircleBlueInfo, div.iconCircleGreyInfo, div.iconCircleBlueHelp, div.iconCircleGreyHelp, div.iconCircleRedMinus, div.iconCircleRedAlert, div.iconTriangleRedAlert, div.iconCircleRedX, div.iconCircleTranX, div.iconThumbBlue, div.iconThumbOrange, div.iconThumbGrey, div.iconThumbWhite, div.iconThumb_over, div.iconThumb_active, div.iconThumb_inactive, div.iconMailBlue, div.iconMailOrange, div.iconMailGrey, div.iconMailSilver, div.iconMailOpen, div.iconCommentBlue, div.iconCommentOrange, div.iconCommentGrey, div.iconCommentSilver, div.iconCommentTop, div.iconStar, div.iconPencil, div.iconPin, div.iconRSS, div.iconTrophy { float:left; font-size:0.5em; height:16px; width:16px; } div.iconCircleOrangeHelp, div.iconCircleGreyCheck, div.iconCircleOrangeCheck, div.iconCircleGreyNull, div.iconCircleDummy, div.iconSocialFanIQ, div.iconSocialFacebook, div.iconSocialTwitter, div.iconSocialDigg, div.iconSocialMySpace { height:16px; width:16px; font-size:0.5em; } div.iconCircleGreenCheck { background:url(http://cdn.faniq.com/img/faniq_icon_sprite_16x16.png) 0px 0px no-repeat; } div.iconCircleGreyCheck { background:url(http://cdn.faniq.com/img/faniq_icon_sprite_16x16.png) -16px 0px no-repeat; } div.iconCircleOrangeCheck { background:url(http://cdn.faniq.com/img/faniq_icon_sprite_16x16.png) -32px 0px no-repeat; } div.iconCircleGreyNull { background:url(http://cdn.faniq.com/img/faniq_icon_sprite_16x16.png) -16px -64px no-repeat; } div.iconCircleGreenPlus { background:url(http://cdn.faniq.com/img/faniq_icon_sprite_16x16.png) 0px -16px no-repeat; } div.iconCircleGreyPlus { background:url(http://cdn.faniq.com/img/faniq_icon_sprite_16x16.png) -16px -16px no-repeat; } div.iconCircleGreenArrow { background:url(http://cdn.faniq.com/img/faniq_icon_sprite_16x16.png) 0px -32px no-repeat; } div.iconCircleGreyArrow { background:url(http://cdn.faniq.com/img/faniq_icon_sprite_16x16.png) -16px -32px no-repeat; } div.iconCircleBlueInfo { background:url(http://cdn.faniq.com/img/faniq_icon_sprite_16x16.png) 0px -80px no-repeat; } div.iconCircleGreyInfo { background:url(http://cdn.faniq.com/img/faniq_icon_sprite_16x16.png) -16px -80px no-repeat; } div.iconCircleBlueHelp { background:url(http://cdn.faniq.com/img/faniq_icon_sprite_16x16.png) 0px -96px no-repeat; } div.iconCircleGreyHelp { background:url(http://cdn.faniq.com/img/faniq_icon_sprite_16x16.png) -16px -96px no-repeat; } div.iconCircleOrangeHelp { background:url(http://cdn.faniq.com/img/faniq_icon_sprite_16x16.png) -32px -96px no-repeat; } div.iconCircleRedMinus { background:url(http://cdn.faniq.com/img/faniq_icon_sprite_16x16.png) 0px -144px no-repeat; } div.iconCircleRedAlert { background:url(http://cdn.faniq.com/img/faniq_icon_sprite_16x16.png) 0px -160px no-repeat; } div.iconTriangleRedAlert { background:url(http://cdn.faniq.com/img/faniq_icon_sprite_16x16.png) -16px -160px no-repeat; } div.iconCircleRedX { background:url(http://cdn.faniq.com/img/faniq_icon_sprite_16x16.png) 0px -176px no-repeat; } div.iconCircleTranX { background:url(http://cdn.faniq.com/img/faniq_icon_sprite_16x16.png) 0px -192px no-repeat; } div.iconThumbBlue { background:url(http://cdn.faniq.com/img/faniq_icon_sprite_16x16.png) 0px -224px no-repeat; } div.iconThumbOrange, div.iconThumb_over { background:url(http://cdn.faniq.com/img/faniq_icon_sprite_16x16.png) -16px -224px no-repeat; } div.iconThumbGrey, div.iconThumb_active { background:url(http://cdn.faniq.com/img/faniq_icon_sprite_16x16.png) 0px -240px no-repeat; } div.iconThumbWhite, div.iconThumb_inactive { background:url(http://cdn.faniq.com/img/faniq_icon_sprite_16x16.png) -16px -240px no-repeat; } div.iconMailBlue { background:url(http://cdn.faniq.com/img/faniq_icon_sprite_16x16.png) 0px -288px no-repeat; } div.iconMailOrange { background:url(http://cdn.faniq.com/img/faniq_icon_sprite_16x16.png) -16px -288px no-repeat; } div.iconMailGrey { background:url(http://cdn.faniq.com/img/faniq_icon_sprite_16x16.png) 0px -304px no-repeat; } div.iconMailSilver { background:url(http://cdn.faniq.com/img/faniq_icon_sprite_16x16.png) -16px -304px no-repeat; } div.iconMailOpen { background:url(http://cdn.faniq.com/img/faniq_icon_sprite_16x16.png) 0px -320px no-repeat; } div.iconCommentBlue { background:url(http://cdn.faniq.com/img/faniq_icon_sprite_16x16.png) 0px -368px no-repeat; } div.iconCommentOrange { background:url(http://cdn.faniq.com/img/faniq_icon_sprite_16x16.png) -16px -368px no-repeat; } div.iconCommentGrey { background:url(http://cdn.faniq.com/img/faniq_icon_sprite_16x16.png) 0px -384px no-repeat; } div.iconCommentSilver { background:url(http://cdn.faniq.com/img/faniq_icon_sprite_16x16.png) -16px -384px no-repeat; } div.iconCommentTop { background:url(http://cdn.faniq.com/img/faniq_icon_sprite_16x16.png) 0px -400px no-repeat; } div.iconStar { background:url(http://cdn.faniq.com/img/faniq_icon_sprite_16x16.png) 0px -448px no-repeat; } div.iconPencil { background:url(http://cdn.faniq.com/img/faniq_icon_sprite_16x16.png) -16px -448px no-repeat; } div.iconPin { background:url(http://cdn.faniq.com/img/faniq_icon_sprite_16x16.png) 0px -464px no-repeat; } div.iconRSS { background:url(http://cdn.faniq.com/img/faniq_icon_sprite_16x16.png) 0px -496px no-repeat; } div.iconTrophy { background:url(http://cdn.faniq.com/img/faniq_icon_sprite_16x16.png) -32px -496px no-repeat; } div.iconSocialFanIQ { background:url(http://cdn.faniq.com/img/iconset_social_16px.png) 0px 0px no-repeat; } div.iconSocialFacebook { background:url(http://cdn.faniq.com/img/iconset_social_16px.png) 0px -20px no-repeat; } div.iconSocialTwitter { background:url(http://cdn.faniq.com/img/iconset_social_16px.png) 0px -40px no-repeat; } div.iconSocialDigg { background:url(http://cdn.faniq.com/img/iconset_social_16px.png) 0px -60px no-repeat; } div.iconSocialMySpace { background:url(http://cdn.faniq.com/img/iconset_social_16px.png) 0px -80px no-repeat; } div.iconReactNow, div.iconReactNow_over { cursor:pointer; height:36px; width:83px; } div.iconReactNow { background:transparent url(http://cdn.faniq.com/img/bubble_react_now.png) no-repeat scroll 0%; } div.iconReactNow_over { background:transparent url(http://cdn.faniq.com/img/bubble_react_now_over.png) no-repeat scroll 0%; } div.iconCircleNumber1, div.iconCircleNumber1_over, div.iconCircleNumber1_inactive, div.iconCircleNumber2, div.iconCircleNumber2_over, div.iconCircleNumber2_inactive, div.iconCircleNumber3, div.iconCircleNumber3_over, div.iconCircleNumber3_inactive, div.iconCircleNumber4, div.iconCircleNumber4_over, div.iconCircleNumber4_inactive, div.iconCircleNumber5, div.iconCircleNumber5_over, div.iconCircleNumber5_inactive { cursor:pointer; font-size:0.5em; height:80px; width:80px; } div.iconCircleNumber1 { background:url(http://cdn.faniq.com/img/select_five_sprite.png) 0px 0px no-repeat; } div.iconCircleNumber1_inactive { background:url(http://cdn.faniq.com/img/select_five_sprite.png) 0px -100px no-repeat; } div.iconCircleNumber1_over { background:url(http://cdn.faniq.com/img/select_five_sprite.png) 0px -200px no-repeat; } div.iconCircleNumber2 { background:url(http://cdn.faniq.com/img/select_five_sprite.png) -100px 0px no-repeat; } div.iconCircleNumber2_inactive { background:url(http://cdn.faniq.com/img/select_five_sprite.png) -100px -100px no-repeat; } div.iconCircleNumber2_over { background:url(http://cdn.faniq.com/img/select_five_sprite.png) -100px -200px no-repeat; } div.iconCircleNumber3 { background:url(http://cdn.faniq.com/img/select_five_sprite.png) -200px 0px no-repeat; } div.iconCircleNumber3_inactive { background:url(http://cdn.faniq.com/img/select_five_sprite.png) -200px -100px no-repeat; } div.iconCircleNumber3_over { background:url(http://cdn.faniq.com/img/select_five_sprite.png) -200px -200px no-repeat; } div.iconCircleNumber4 { background:url(http://cdn.faniq.com/img/select_five_sprite.png) -300px 0px no-repeat; } div.iconCircleNumber4_inactive { background:url(http://cdn.faniq.com/img/select_five_sprite.png) -300px -100px no-repeat; } div.iconCircleNumber4_over { background:url(http://cdn.faniq.com/img/select_five_sprite.png) -300px -200px no-repeat; } div.iconCircleNumber5 { background:url(http://cdn.faniq.com/img/select_five_sprite.png) -400px 0px no-repeat; } div.iconCircleNumber5_inactive { background:url(http://cdn.faniq.com/img/select_five_sprite.png) -400px -100px no-repeat; } div.iconCircleNumber5_over { background:url(http://cdn.faniq.com/img/select_five_sprite.png) -400px -200px no-repeat; } /* content icons */ div.iconFanArticle, div.iconFanArticle_over, div.iconGamePage, div.iconGamePage_over, div.iconHotlink, div.iconHotlink_over, div.iconPoll, div.iconPoll_over, div.iconFanTopic, div.iconFanTopic_over, div.iconVideo, div.iconVideo_over, div.iconPhoto, div.iconPhoto_over, div.iconQuiz, div.iconQuiz_over, div.iconTriviaQuestion, div.iconTriviaQuestion_over, div.iconComment, div.iconComment_over { height:24px; width:24px; } div.iconFanArticle { background:url(http://cdn.faniq.com/img/iconset_topics_24px.png) 0px 0px no-repeat; } div.iconGamePage { background:url(http://cdn.faniq.com/img/iconset_topics_24px.png) 0px -24px no-repeat; } div.iconHotlink { background:url(http://cdn.faniq.com/img/iconset_topics_24px.png) 0px -48px no-repeat; } div.iconPoll { background:url(http://cdn.faniq.com/img/iconset_topics_24px.png) 0px -72px no-repeat; } div.iconFanTopic { background:url(http://cdn.faniq.com/img/iconset_topics_24px.png) 0px -96px no-repeat; } div.iconVideo { background:url(http://cdn.faniq.com/img/iconset_topics_24px.png) 0px -120px no-repeat; } div.iconPhoto { background:url(http://cdn.faniq.com/img/iconset_topics_24px.png) 0px -144px no-repeat; } div.iconQuiz, div.iconTriviaQuestion { background:url(http://cdn.faniq.com/img/iconset_topics_24px.png) 0px -168px no-repeat; } div.iconComment { background:url(http://cdn.faniq.com/img/iconset_topics_24px.png) 0px -192px no-repeat; } div.iconFanArticle_over { background:url(http://cdn.faniq.com/img/iconset_topics_24px.png) -24px 0px no-repeat; } div.iconGamePage_over { background:url(http://cdn.faniq.com/img/iconset_topics_24px.png) -24px -24px no-repeat; } div.iconHotlink_over { background:url(http://cdn.faniq.com/img/iconset_topics_24px.png) -24px -48px no-repeat; } div.iconPoll_over { background:url(http://cdn.faniq.com/img/iconset_topics_24px.png) -24px -72px no-repeat; } div.iconFanTopic_over { background:url(http://cdn.faniq.com/img/iconset_topics_24px.png) -24px -96px no-repeat; } div.iconVideo_over { background:url(http://cdn.faniq.com/img/iconset_topics_24px.png) -24px -120px no-repeat; } div.iconPhoto_over { background:url(http://cdn.faniq.com/img/iconset_topics_24px.png) -24px -144px no-repeat; } div.iconQuiz_over, div.iconTriviaQuestion_over { background:url(http://cdn.faniq.com/img/iconset_topics_24px.png) -24px -168px no-repeat; } div.iconComment_over { background:url(http://cdn.faniq.com/img/iconset_topics_24px.png) -24px -192px no-repeat; } /* end content icons */ /* end icons */ /* start arrows and links */ div.arrowLeftOrangeOnWhite, div.arrowRightOrangeOnWhite, div.arrowDownOrangeOnWhite, div.arrowUpOrangeOnWhite, div.arrowLeftGreyOnWhite, div.arrowRightGreyOnWhite, div.arrowDownGreyOnWhite, div.arrowUpGreyOnWhite, div.arrowLeftWhiteOnWhite, div.arrowRightWhiteOnWhite, div.arrowDownWhiteOnWhite, div.arrowUpWhiteOnWhite, div.arrowLeftOrangeOnBlue, div.arrowRightOrangeOnBlue, div.arrowDownOrangeOnBlue, div.arrowUpOrangeOnBlue, div.arrowLeftGreyOnBlue, div.arrowRightGreyOnBlue, div.arrowDownGreyOnBlue, div.arrowUpGreyOnBlue, div.arrowLeftWhiteOnBlue, div.arrowRightWhiteOnBlue, div.arrowDownWhiteOnBlue, div.arrowUpWhiteOnBlue { float:left; font-size:0.5em; height:8px; width:6px; } span.arrowLeftOrangeOnWhite, span.arrowRightOrangeOnWhite, span.arrowDownOrangeOnWhite, span.arrowUpOrangeOnWhite, span.arrowLeftGreyOnWhite, span.arrowRightGreyOnWhite, span.arrowDownGreyOnWhite, span.arrowUpGreyOnWhite, span.arrowLeftWhiteOnWhite, span.arrowRightWhiteOnWhite, span.arrowDownWhiteOnWhite, span.arrowUpWhiteOnWhite, span.arrowLeftOrangeOnBlue, span.arrowRightOrangeOnBlue, span.arrowDownOrangeOnBlue, span.arrowUpOrangeOnBlue, span.arrowLeftGreyOnBlue, span.arrowRightGreyOnBlue, span.arrowDownGreyOnBlue, span.arrowUpGreyOnBlue, span.arrowLeftWhiteOnBlue, span.arrowRightWhiteOnBlue, span.arrowDownWhiteOnBlue, span.arrowUpWhiteOnBlue { font-size:0.5em; height:8px; padding-right:6px; width:6px; } .arrowRightOrangeOnWhite { background:transparent url(http://cdn.faniq.com/img/links_sprite.png) 0px 0px no-repeat; } .arrowLeftOrangeOnWhite { background:transparent url(http://cdn.faniq.com/img/links_sprite.png) -10px 0px no-repeat; } .arrowDownOrangeOnWhite { background:transparent url(http://cdn.faniq.com/img/links_sprite.png) -20px 0px no-repeat; } .arrowUpOrangeOnWhite { background:transparent url(http://cdn.faniq.com/img/links_sprite.png) -30px 0px no-repeat; } .arrowRightGreyOnWhite { background:transparent url(http://cdn.faniq.com/img/links_sprite.png) -40px 0px no-repeat; } .arrowLeftGreyOnWhite { background:transparent url(http://cdn.faniq.com/img/links_sprite.png) -50px 0px no-repeat; } .arrowDownGreyOnWhite { background:transparent url(http://cdn.faniq.com/img/links_sprite.png) -60px 0px no-repeat; } .arrowUpGreyOnWhite { background:transparent url(http://cdn.faniq.com/img/links_sprite.png) -70px 0px no-repeat; } .arrowRightWhiteOnWhite { background:transparent url(http://cdn.faniq.com/img/links_sprite.png) -40px -9px no-repeat; } .arrowLeftWhiteOnWhite { background:transparent url(http://cdn.faniq.com/img/links_sprite.png) -50px -9px no-repeat; } .arrowDownWhiteOnWhite { background:transparent url(http://cdn.faniq.com/img/links_sprite.png) -60px -9px no-repeat; } .arrowUpWhiteOnWhite { background:transparent url(http://cdn.faniq.com/img/links_sprite.png) -70px -9px no-repeat; } .arrowRightOrangeOnBlue { background:transparent url(http://cdn.faniq.com/img/links_sprite.png) -100px 0px no-repeat; } .arrowLeftOrangeOnBlue { background:transparent url(http://cdn.faniq.com/img/links_sprite.png) -110px 0px no-repeat; } .arrowDownOrangeOnBlue { background:transparent url(http://cdn.faniq.com/img/links_sprite.png) -120px 0px no-repeat; } .arrowUpOrangeOnBlue { background:transparent url(http://cdn.faniq.com/img/links_sprite.png) -130px 0px no-repeat; } .arrowRightGreyOnBlue { background:transparent url(http://cdn.faniq.com/img/links_sprite.png) -140px 0px no-repeat; } .arrowLeftGreyOnBlue { background:transparent url(http://cdn.faniq.com/img/links_sprite.png) -150px 0px no-repeat; } .arrowDownGreyOnBlue { background:transparent url(http://cdn.faniq.com/img/links_sprite.png) -160px 0px no-repeat; } .arrowUpGreyOnBlue { background:transparent url(http://cdn.faniq.com/img/links_sprite.png) -170px 0px no-repeat; } .arrowRightWhiteOnBlue { background:transparent url(http://cdn.faniq.com/img/links_sprite.png) -140px -9px no-repeat; } .arrowLeftWhiteOnBlue { background:transparent url(http://cdn.faniq.com/img/links_sprite.png) -150px -9px no-repeat; } .arrowDownWhiteOnBlue { background:transparent url(http://cdn.faniq.com/img/links_sprite.png) -160px -9px no-repeat; } .arrowUpWhiteOnBlue { background:transparent url(http://cdn.faniq.com/img/links_sprite.png) -170px -9px no-repeat; } div.linkFullProfileOnWhite, div.linkFullProfileOnWhite_over, div.linkFullProfileOnBlue, div.linkFullProfileOnBlue_over { cursor:pointer; float:left; font-size:0.5em; height:9px; width:75px; } div.linkFullProfileOnWhite { background:transparent url(http://cdn.faniq.com/img/links_sprite.png) 0px -69px no-repeat; } div.linkFullProfileOnWhite_over { background:transparent url(http://cdn.faniq.com/img/links_sprite.png) 0px -79px no-repeat; } div.linkFullProfileOnBlue { background:transparent url(http://cdn.faniq.com/img/links_sprite.png) -100px -69px no-repeat; } div.linkFullProfileOnBlue_over { background:transparent url(http://cdn.faniq.com/img/links_sprite.png) -100px -79px no-repeat; } div.linkEditOnWhite, div.linkEditOnWhite_over { cursor:pointer; font-size:0.5em; height:9px; width:36px; } div.linkEditOnWhite { background:transparent url(http://cdn.faniq.com/img/links_sprite.png) 0px -30px no-repeat; } div.linkEditOnWhite_over { background:transparent url(http://cdn.faniq.com/img/links_sprite.png) 0px -40px no-repeat; } /* respect buttons */ div.btnRespect_active, div.btnRespect_over, div.btnRespect_inactive { cursor:pointer; font-size:0.5em; height:28px; width:87px; } div.btnRespectLarge_active, div.btnRespectLarge_over, div.btnRespectLarge_inactive { cursor:pointer; font-size:0.5em; height:48px; width:60px; } div.btnRespect_active { background:transparent url(http://cdn.faniq.com/img/btn_respect_sprite.png) 0px 0px no-repeat; } div.btnRespect_over { background:transparent url(http://cdn.faniq.com/img/btn_respect_sprite.png) -100px 0px no-repeat; } div.btnRespect_inactive { background:transparent url(http://cdn.faniq.com/img/btn_respect_sprite.png) -200px 0px no-repeat; } div.btnRespectLarge_active { background:transparent url(http://cdn.faniq.com/img/btn_respect_sprite.png) 0px -50px no-repeat; } div.btnRespectLarge_over { background:transparent url(http://cdn.faniq.com/img/btn_respect_sprite.png) -100px -50px no-repeat; } div.btnRespectLarge_inactive { background:transparent url(http://cdn.faniq.com/img/btn_respect_sprite.png) -200px -50px no-repeat; } /* end arrows and links */ /* end miscellaneous classes */ /* start page header */ /* start Top Navigation */ /*** moved to navigation.css ***/ /* end Top Navigation */ /* start topMenu Third Level Navigation (tabs) */ /* resets for new navigation */ #nav, #nav .dropdown { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; list-style: none; } .topMenuThirdMenu { width:982px; background-color:#DEE1E7; color:#18457b; font-size:16px; font-family:arial; font-weight:bold; text-align:left; } .topMenuThirdMenu .navSecondTitle { float:left; position:relative; top:5px; } .topMenuTabMenu { font-size:11px; font-weight:normal; margin-left:50px; margin-top:7px; float:left; } .topMenuTabMenu a:hover { background:white; color:#ff7908; position:relative; top:1px; } .topMenuTabMenu a:hover { text-decoration:none; } .topMenuTab { border:solid 1px #b5bede; color:white; background-color:#29457b; width:104px; height:18px; text-align:center; float:left; cursor:pointer; } .topMenuTab div{padding-top:2px;} .topMenuTabSelected { border:solid 1px white; background-color:white; color:black; width:104px; height:18px; text-align:center; float:left; cursor:pointer; } .topMenuTabSelected div{padding-top:2px;} .menuSecondLevelTab { float:left; height:18px; position:relative; top:1px; color:#ff7908; background:white; padding-right:14px; padding-left:14px; cursor:pointer; } .menuThirdLevelTab, .menuThirdLevelTabSelected, .menuThirdLevelTabAlert { float:left; font-size:11px; height:17px; margin-right:5px; text-align:center; } .menuThirdLevelTab { background:url(http://cdn.faniq.com/img/pagenav_tab_slice.png) repeat-x; border-left:solid 1px #2a457a; border-right:solid 1px #2a457a; border-top:solid 1px #2a457a; } .menuThirdLevelTab a { color: #fff; } .menuThirdLevelTab a:hover { background: none; } .menuThirdLevelTabSelected { color:#ff7908; background:url(http://cdn.faniq.com/img/pagenav_tab_clicked_slice.png) repeat-x; border-left:solid 1px #bec5d4; border-right:solid 1px #bec5d4; border-top:solid 1px #bec5d4; top:1px; } .menuThirdLevelTabAlert { color:#000; cursor:pointer; background:url(http://cdn.faniq.com/img/claim_screenname_tab_yellow_slice.png) repeat-x top left transparent; border:solid 1px #d8b20b; padding:0 5px; position:relative; top:1px; } .menuThirdLevelTabAlert a:hover { background-color:transparent; color:#ff7908; text-decoration:underline; top:0px; } /* end topMenu Third Level navigation (tabs) */ /* end page header */ /* start page footer */ .fanIQFooter { padding: 5px 0px 5px 0px; margin:none; } .fanIQFooter div a { color:#428ac6; text-decoration:none; } .fanIQFooter div { display:inline; font-size:11px; border-right:solid 1px #ced7de; padding:2px 10px 2px 10px; } .fanIQFooter a:hover { background:none; color:#FF7908; } /*** fanIQFooterFloating moved to navigation.css ***/ /* end page footer */ /* start popups */ .popUpTypeI { background:transparent url(http://cdn.faniq.com/img/faniq_header_gradients_sprite.png) repeat-x scroll 0 -260px; height: 36px; margin-bottom: 5px; } .popUpTypeIII { margin-left: auto; margin-right: auto; position: absolute; left: 150px; top: 50px; width: 400px; overflow: hidden; } .popUpContainer { /*background: #8a95ac;*/ background-color: #7b869b; text-align: center; } .popUpTypeIIIContainer { border: 1px solid #576fa1; padding: 16px; margin-left: 5px; margin-right: 5px; background-color: #FFF; } .popUpTypeIIContainer { border: 1px solid #576fa1; margin-left: 5px; margin-right: 5px; background-color: #FFF; } .messageContainer { text-align: center; margin-top: 10px; padding-top: 5px; background-color: #d6f4ca; margin-right: 10px; margin-left: 10px; } .popUpTypeIMessage { color: #FFF; float: left; font-size: 11px; font-weight: bold; padding-top: 10px; padding-left: 10px; } .popUpTypeIIMessage { float: left; margin-top: 20px; font-size: 14px; color: black; } .validationError { background-color: #faf0c7; border: 1px solid #fae794; padding: 10px; margin: 10px; } .errorMessage { float: left; padding-left: 10px; padding-top: 1px; font-weight: bold; } .iconCircleGreenCheck24 { background:transparent url(http://cdn.faniq.com/img/iconset_actions_sprite_24px.png) no-repeat scroll 0 0px; height: 24px; width: 24px; } .iconCircleRedX24 { background:transparent url(http://cdn.faniq.com/img/iconset_actions_sprite_24px.png) no-repeat scroll 0 -36px; height: 24px; width: 24px; } .iconTriangleExcl24 { background:transparent url(http://cdn.faniq.com/img/iconset_actions_sprite_24px.png) no-repeat scroll 0 -72px; height: 24px; width: 24px; } .iconCircleBlueI24 { background:transparent url(http://cdn.faniq.com/img/iconset_actions_sprite_24px.png) no-repeat scroll 0 -108px; height: 24px; width: 24px; } .bgSliceGreen { background:transparent url(http://cdn.faniq.com/img/pop-up_standards_bg_sprite.png) repeat-x scroll 0 0px; height: 60px; } .bgSliceYellow { background:transparent url(http://cdn.faniq.com/img/pop-up_standards_bg_sprite.png) repeat-x scroll 0 -100px; height: 60px; } .bgSliceRed { background:transparent url(http://cdn.faniq.com/img/pop-up_standards_bg_sprite.png) repeat-x scroll 0 -200px; height: 60px; } .bgSliceBlue { background:transparent url(http://cdn.faniq.com/img/pop-up_standards_bg_sprite.png) repeat-x scroll 0 -300px; height: 60px; } .popUpTypeIIMessage { float: left; margin-top: 20px; font-size: 14px; color: black; } .errorField {background-color: #faf0c7;} /** start: wide popup **/ .popUpContainer2-50 { border: 1px solid #576fa1; margin-left: 5px; margin-right: 5px; background: #FFF; height: 50px; } .popupContainerMain-wide { position: fixed; left: 50%; top: 30%; width: 640px; height: 50px; margin-left: -320px; /* half of width */ margin-top: -25px; /* half of height */ background-color: white; z-index: 10000; } /** end: wide popup**/ /** start: rect popup **/ .popUpContainer2-200 { border: 1px solid #576fa1; margin-left: 5px; margin-right: 5px; background: #FFF; height: 180px; } .popupContainerMain-rectangular { position: fixed; left: 50%; top: 40%; width: 400px; height: 180px; margin-left: -200px; /* half of width */ margin-top: -90px; /* half of height */ z-index: 10000; } /** end: rect popup**/ /* ROUND CORNERS */ .roundBorders{display:block} .roundBorders *{ display:block; height:1px; overflow:hidden; font-size:.01em; background:#8a95ac} .roundBorders1{ margin-left:3px; margin-right:3px; padding-left:1px; padding-right:1px; border-left:1px solid #ccd1db; border-right:1px solid #ccd1db; background:#a7afc0} .roundBorders2{ margin-left:1px; margin-right:1px; padding-right:1px; padding-left:1px; border-left:1px solid #f3f4f6; border-right:1px solid #f3f4f6; background:#a0a9bb} .roundBorders3{ margin-left:1px; margin-right:1px; border-left:1px solid #a0a9bb; border-right:1px solid #a0a9bb;} .roundBorders4{ border-left:1px solid #ccd1db; border-right:1px solid #ccd1db} .roundBorders5{ border-left:1px solid #a7afc0; border-right:1px solid #a7afc0} .roundBordersfg{ background:#8a95ac} /* end popups */ /** for the top menu items in the navigation **/ a.topMenu {line-height: 18px} li.topMenu {height: 18px} .popupMiddleTransparent { background:transparent url(http://cdn.faniq.com/img/popup_middle.png?rev=1) repeat-y left; padding:0px 10px; } /** only IE can recognize this, FF will use the css above **/ * .popupMiddleTransparent { width:240px; padding:0px 10px; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://cdn.faniq.com/img/popup_middle.png?rev=1', enabled=true, sizingMethod='scale'); }