/* Resets */ html, body { margin: 0; padding: 0; } h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,cite,code,del,dfn,em,img,q,s,samp,small,strike,strong,sub, sup,tt,var,dd,dl,dt,li,ol,ul,fieldset,form,label,legend,button,table,caption,tbody,tfoot,thead,tr,th,td { margin: 0; nowhitespace: afterproperty; padding: 0; border: 0; font-weight: normal; font-style: normal; font-size: 100%; /*line-height: 1;*/ /*font-family:inherit;*/ } table { border-collapse: collapse; border-spacing: 0; } ol, ul { list-style: none } q:before, q:after, blockquote:before, blockquote:after { content: "" } html { overflow-y: scroll; font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } a:focus { outline: thin dotted } article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block } audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } audio:not([controls]) { display: none } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em } sub { bottom: -0.25em } img { border: 0; -ms-interpolation-mode: bicubic; } input, button, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; } button, input { line-height: normal; *overflow: visible; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; } input[type="search"] { -webkit-appearance: textfield; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } input[type="search"]::-webkit-search-decoration { -webkit-appearance: none } textarea { overflow: auto; vertical-align: top; } html body, html td, html p, html tr, html input, html button, html select, html textarea { font-family: "open sans", arial, sans-serif, helvetica; font-size: 12px; } p { font-weight: normal; margin-bottom: 9px; } .muted { color: #999 } a { color: #36c; text-decoration: none; line-height: inherit; font-weight: inherit; } a:hover { text-decoration: underline; color: #01437f; } a.disabled { color: #999; cursor: default; } a.disabled:hover { text-decoration: none } /* Preboot.less */ .clearfix { zoom: 1 } .clearfix:before, .clearfix:after { display: table; content: ""; } .clearfix:after { clear: both } .center-block { display: block; margin: 0 auto; } .container { width: 960px; margin: 0 auto; zoom: 1; } .container:before, .container:after { display: table; content: ""; } .container:after { clear: both } /* Grid Scaffolding */ .grid_row { float: left; margin-bottom: 10px; } .grid_row .span1, .grid_row .span2, .grid_row .span3, .grid_row .span4, .grid_row .span5, .grid_row .span6, .grid_row .span7, .grid_row .span8, .grid_row .span9, .grid_row .span10, .grid_row .span11, .grid_row .span12 { _display: inline; float: left; margin: 0 10px; } .grid_row .span1 { width: 60px } .grid_row .span2 { width: 140px } .grid_row .span3 { width: 220px } .grid_row .span4 { width: 300px } .grid_row .span5 { width: 380px } .grid_row .span6 { width: 460px } .grid_row .span7 { width: 540px } .grid_row .span8 { width: 620px } .grid_row .span9 { width: 700px } .grid_row .span10 { width: 780px } .grid_row .span11 { width: 860px } .grid_row .span12 { width: 940px } /* Grid >> Nested/Child Rows */ .grid_row_child { float: left; margin: 0 -10px; } .grid_row .alpha { margin-left: 0 } .grid_row .omega { margin-right: 0 } /* Page headings */ h1, h2, h3, h4, h5, h6 { font-weight: bold } h1#page_title { margin: 0 10px; padding: 10px 0 20px; color: #000; font-size: 28px; line-height: 28px; } h2.page_section { margin: 0 10px; padding: 10px 0; color: #000; font-size: 22px; line-height: 22px; } h3.page_section { margin: 0 10px; padding: 5px 0; color: #000; font-size: 18px; line-height: 18px; } /* Alerts and Messages */ .close { float: right; color: #000; font-size: 22px; font-weight: bold; line-height: 14px; text-shadow: 0 1px 0 #fff; filter: alpha(opacity=40); -khtml-opacity: .4; -moz-opacity: .4; opacity: .4; } .close:hover { color: #000; text-decoration: none; filter: alpha(opacity=70); -khtml-opacity: .7; -moz-opacity: .7; opacity: .7; } .alert-notice { overflow: auto; padding: 7px 15px; margin-bottom: 18px; color: #404040; background-color: #f2e901; background-repeat: repeat-x; background-image: -khtml-gradient(linear,left top,left bottom,from(#fdfc88),to(#f2e901)); background-image: -moz-linear-gradient(top,#fdfc88,#f2e901); background-image: -ms-linear-gradient(top,#fdfc88,#f2e901); background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#fdfc88),color-stop(100%,#f2e901)); background-image: -webkit-linear-gradient(top,#fdfc88,#f2e901); background-image: -o-linear-gradient(top,#fdfc88,#f2e901); background-image: linear-gradient(top,#fdfc88,#f2e901); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffdfc88',endColorstr='#fff2e901',GradientType=0 ); text-shadow: 0 1px 0 rgba(255,255,255,0.5); border-color: #f2e901; border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25); text-shadow: 0 1px 0 rgba(255,255,255,0.5); border-width: 1px; border-style: solid; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.25); -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.25); box-shadow: inset 0 1px 0 rgba(255,255,255,0.25); } .alert-notice .close { *margin-top: 3px } .alert-notice h5 { line-height: 18px } .alert-notice p { margin-bottom: 0 } .alert-notice div { margin-top: 5px; margin-bottom: 2px; line-height: 28px; } .alert-notice .btn { -webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.25); -moz-box-shadow: 0 1px 0 rgba(255,255,255,0.25); box-shadow: 0 1px 0 rgba(255,255,255,0.25); } .alert { padding: 8px 35px 8px 14px; margin-bottom: 20px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); background-color: #fcf8e3; border: 1px solid #fbeed5; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .alert, .alert h4 { color: #c09853; } .alert h4, .alert p { margin: 0px; } .alert .close { position: relative; right: -21px; line-height: 20px; } .alert-success { color: #468847; background-color: #dff0d8; border-color: #d6e9c6; } .alert-success h4 { color: #468847; } .alert-danger, .alert-error { color: #b94a48; background-color: #f2dede; border-color: #eed3d7; } .alert-danger h4, .alert-error h4 { color: #b94a48; } .alert-info { color: #3a87ad; background-color: #d9edf7; border-color: #bce8f1; } .alert-info h4 { color: #3a87ad; } .alert-block > p, .alert-block > ul { margin-bottom: 0; } .alert-block p + p { margin-top: 5px; } .alert-message { color:#111; background-color: #f2e901; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, from(#fdfc88), to(#f2e901)); background-image: -moz-linear-gradient(top, #fdfc88, #f2e901); background-image: -ms-linear-gradient(top, #fdfc88, #f2e901); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fdfc88), color-stop(100%, #f2e901)); background-image: -webkit-linear-gradient(top, #fdfc88, #f2e901); background-image: -o-linear-gradient(top, #fdfc88, #f2e901); background-image: linear-gradient(top, #fdfc88, #f2e901); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdfc88', endColorstr='#f2e901', GradientType=0); text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); border-color: #f2e901; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); border-width: 1px; border-style: solid; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25); } .alert.alert-message h4, .alert.alert-message a { color:#111; } .alert-go { color: #000000; border-color: #68cf00; background-color: #95d358; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, from(#cbfe99), to(#95d358)); background-image: -moz-linear-gradient(top, #cbfe99, #95d358); background-image: -ms-linear-gradient(top, #cbfe99, #95d358); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #cbfe99), color-stop(100%, #95d358)); background-image: -webkit-linear-gradient(top, #cbfe99, #95d358); background-image: -o-linear-gradient(top, #cbfe99, #95d358); background-image: linear-gradient(top, #cbfe99, #95d358); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cbfe99', endColorstr='#95d358', GradientType=0); } .alert.alert-go h4, .alert-go a { color: #000000; } /*Buttons and Dropdowns*/ .dropdown { position: relative } .dropdown-toggle { *margin-bottom: -3px } .dropdown-toggle:active, .open .dropdown-toggle { outline: 0 } .caret { display: inline-block; width: 0; height: 0; vertical-align: top; border-top: 4px solid #000; border-right: 4px solid transparent; border-left: 4px solid transparent; content: ""; } .dropdown .caret { margin-top: 8px; margin-left: 2px; } .dropdown-menu, body .mc_dd > ._menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 160px; padding: 5px 0; margin: -1px 0 0; list-style: none; background-color: #fff; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.2); *border-right-width: 2px; *border-bottom-width: 2px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; } .dropdown-menu.pull-right { right: 0; left: auto; } .dropdown-menu .divider { *width: 100%; height: 1px; margin: 5px 1px; *margin: -5px 0 5px; overflow: hidden; background-color: #e5e5e5; border-bottom: 1px solid #fff; } .dropdown-menu > li > a { display: block; padding: 3px 10px; clear: both; font-weight: normal; line-height: 20px; white-space: nowrap; } .dropdown-menu.dropdown-menu-btn, body .mc_dd > ._menu{ top: 29px; border-width: 1px; -webkit-border-radius: 0 6px 6px 6px; -moz-border-radius: 0 6px 6px 6px; border-radius: 0 6px 6px 6px; border-color:#DDDDDD } .dropdown-menu.dropdown-menu-btn.pull-up { bottom: 100%; top: auto; box-shadow: 0 -5px 10px rgba(0, 0, 0, 0.2); border-radius: 6px 6px 6px 0px; } .dropdown-menu.dropdown-menu-btn > li > a { color:#333333 } .dropdown-menu.dropdown-menu-btn > li > a:hover, .dropdown-menu.dropdown-menu-btn > span > li > a:hover { background-color:#E9E9E9; text-decoration:none } .open { *z-index: 1000 } .open > .dropdown-menu { display: block } .btnfield { padding-left: 2px; padding-right: 2px; width: 125px; height: 23px; border-radius: 4px; -moz-border-radius:4px; border: 1px solid #EEE; vertical-align: middle; } .btn-action .btnfield { height:19px } .btn { display: inline-block; *display: inline; padding: 4px 12px; margin-bottom: 0; *margin-left: .3em; font-size: 14px; line-height: 20px; color: #333; text-align: center; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); vertical-align: middle; cursor: pointer; background-color: #f5f5f5; *background-color: #e6e6e6; background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6)); background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6); background-image: -o-linear-gradient(top, #ffffff, #e6e6e6); background-image: linear-gradient(to bottom, #ffffff, #e6e6e6); background-repeat: repeat-x; border: 1px solid #ccc; *border: 0; border-color: #e6e6e6 #e6e6e6 #bfbfbf; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); border-bottom-color: #b3b3b3; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0); *zoom: 1; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); } .btn:hover, .btn:focus, .btn:active, .btn.active, .btn.disabled, .btn[disabled] { color: #333; background-color: #e6e6e6; *background-color: #d9d9d9; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e6e6e6', endColorstr='#e6e6e6', GradientType=0); } .btn:active, .btn.active { background-color: #ccc } .btn:first-child { *margin-left: 0 } .btn:hover, .btn:focus { color: #333; text-decoration: none; background-position: 0 -15px; -webkit-transition: background-position 0.1s linear; -moz-transition: background-position 0.1s linear; -o-transition: background-position 0.1s linear; transition: background-position 0.1s linear; } .btn:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .btn.active, .btn:active { background-image: none; outline: 0; -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); } .btn.disabled, .btn[disabled] { cursor: default; background-image: none !important; opacity: 0.65; filter: alpha(opacity=65); -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .btn-super { border-radius: 20px; font-size: 48px; padding: 44px 19px; display:block; width:100% } .btn-super [class^='sprite-'], [class*=' sprite-'] { vertical-align:middle } .btn-large { padding: 11px 19px; font-size: 17.5px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .btn-large [class^="sprite-"], .btn-large [class*=" sprite-"] { margin-top: 4px } .btn-small { padding: 2px 10px; font-size: 11.9px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .btn-small [class^="sprite-"], .btn-small [class*=" sprite-"] { margin-top: 0 } .btn-tiny [class^="sprite-"], .btn-tiny [class*=" sprite-"] { margin-top: -1px } .btn-tiny { padding: 0 6px; font-size: 10.5px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .btn-block { display: block; width: 100%; padding-right: 0; padding-left: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .btn-block + .btn-block { margin-top: 5px } input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block { width: 100% } .btn.primary.active, .btn-blue.active, .btn.member.active, .btn-yellow.active, .btn.guest.active, .btn-red.active, .btn-green.active, .btn-inverse.active { color: rgba(255, 255, 255, 0.75); color:#eee; } .btn.primary, .btn-blue{ color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5); background-color: #006dcc; *background-color: #04c; background-image: -moz-linear-gradient(top, #0088cc, #0044cc); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc)); background-image: -webkit-linear-gradient(top, #0088cc, #0044cc); background-image: -o-linear-gradient(top, #0088cc, #0044cc); background-image: linear-gradient(to bottom, #0088cc, #0044cc); background-repeat: repeat-x; border-color: #0044cc #0044cc #002a80; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0); } .btn.primary:hover, .btn.primary:focus, .btn.primary.disabled, .btn.primary[disabled], .btn-blue:hover, .btn-blue:focus, .btn-blue:active, .btn-blue.active, .btn-blue.disabled, .btn-blue[disabled] { color: #fff; background-color: #04c; *background-color: #003bb3; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0044cc', endColorstr='#0044cc', GradientType=0); } .btn.primary:active, .btn.primary.active, .btn-blue:active, .btn-blue.active { background-color: #039 } .btn.guest, .btn-red { color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5); background-color: #b40701; background-image: -moz-linear-gradient(top, #e10202, #b40701); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e10202), to(#b40701)); background-image: -webkit-linear-gradient(top, #e10202, #b40701); background-image: -o-linear-gradient(top, #e10202, #b40701); background-image: linear-gradient(to bottom, #e10202, #b40701); background-repeat: repeat-x; border-color: #b40701 #b40701 #cc3630; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe10202', endColorstr='#ffb40701', GradientType=0); } .btn.guest:hover, .btn.guest:focus, .btn.guest.disabled, .btn.guest[disabled], .btn-red:hover, .btn-red:focus, .btn-red:active, .btn-red.active, .btn-red.disabled, .btn-red[disabled] { color: #fff; background-color: #b40701; *background-color: #b40701; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b40701', endColorstr='#b40701', GradientType=0); } .btn.guest:active, .btn.guest.active, .btn-red:active, .btn-red.active { background-color: #b40701} .btn.member,.btn-yellow { color: #000; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); background-color: #f9b601; background-image: -moz-linear-gradient(top, #ffef64, #f9b601); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffef64), to(#f9b601)); background-image: -webkit-linear-gradient(top, #ffef64, #f9b601); background-image: -o-linear-gradient(top, #ffef64, #f9b601); background-image: linear-gradient(to bottom, #ffef64, #f9b601); background-repeat: repeat-x; border-color: #f9b601 #f9b601 #e6b93e; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); } .btn.member:hover, .btn.member:focus, .btn.member:active, .btn.member.active, .btn.member.disabled, .btn.member[disabled], .btn-yellow:hover, .btn-yellow:focus, .btn-yellow:active, .btn-yellow.active, .btn-yellow.disabled, .btn-yellow[disabled] { color: #000; background-color: #f9b601; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9b601', endColorstr='#f9b601', GradientType=0); } .btn.member:active, .btn.member.active, .btn-yellow:active, .btn-yelow.active { background-color: #c67605 } .btn-inverse { color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5); background-color: #363636; *background-color: #222; background-image: -moz-linear-gradient(top, #444444, #222222); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#444444), to(#222222)); background-image: -webkit-linear-gradient(top, #444444, #222222); background-image: -o-linear-gradient(top, #444444, #222222); background-image: linear-gradient(to bottom, #444444, #222222); background-repeat: repeat-x; border-color: #222222 #222222 #000000; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff444444', endColorstr='#ff222222', GradientType=0); } .btn-inverse:hover, .btn-inverse:focus, .btn-inverse:active, .btn-inverse.active, .btn-inverse.disabled, .btn-inverse[disabled] { color: #fff; background-color: #222; *background-color: #151515; } .btn-inverse:active, .btn-inverse.active { background-color: #080808 } .btn-action.block-wide .btn { display: block; text-align: left; } .btn-action.block-wide a.btn:hover { text-decoration: none } .btn-action.block-wide .btn i { margin-right: 4px } .btn-toolbar .btn { padding: 2px 2px 1px 2px } .btn-action .btn, .btn-action-treatment .btn { padding: 2px 2px 1px 2px; margin: 0 4px; } .btn-action a, .btn-action-treatment a { font-weight: bold; color: #666; font-size: 12px; cursor: pointer; } .btn-action span { font-weight: bold; } .btn-action a.disabled, .btn-action a.disabled:hover, .btn-action-treatmen a.disabled, .btn-action-treatmen a.disabled:hover { color: #666; cursor: default; text-decoration: none; } button.btn, input[type="submit"].btn { *padding-top: 3px; *padding-bottom: 3px; } button.btn::-moz-focus-inner, input[type="submit"].btn::-moz-focus-inner { padding: 0; border: 0; } button.btn.btn-large, input[type="submit"].btn.btn-large { *padding-top: 7px; *padding-bottom: 7px; } button.btn.btn-small, input[type="submit"].btn.btn-small { *padding-top: 3px; *padding-bottom: 3px; } button.btn.btn-tiny, input[type="submit"].btn.btn-tiny { *padding-top: 1px; *padding-bottom: 1px; } .btn-link, .btn-link:active, .btn-link[disabled] { background-color: transparent; background-image: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .btn-link { color: #36c; cursor: pointer; border:1px transparent solid; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .btn-link:hover, .btn-link:focus { text-decoration: underline; background-color: transparent; } .btn-link[disabled]:hover, .btn-link[disabled]:focus { color: #333333; text-decoration: none; } .btn-group { position: relative; display: inline-block; *display: inline; *margin-left: .3em; font-size: 0; line-height: 0; white-space: nowrap; vertical-align: middle; *zoom: 1; } .btn-group:first-child { *margin-left: 0 } .btn-group + .btn-group { margin-left: 5px } .btn-toolbar { margin-top: 10px; margin-bottom: 10px; font-size: 0; } .btn-toolbar > .btn + .btn, .btn-toolbar > .btn-group + .btn, .btn-toolbar > .btn + .btn-group { margin-left: 5px } .btn-group > .btn { position: relative; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .btn-group > .btn + .btn { margin-left: -1px } .btn-group > .btn, .btn-group > .dropdown-menu, .btn-group > .popover { font-size: 12px } .btn-group > .btn-tiny { font-size: 10.5px } .btn-group > .btn-small { font-size: 11.9px } .btn-group > .btn-large { font-size: 17.5px } .btn-group > .btn:first-child { margin-left: 0; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -moz-border-radius-topleft: 4px; } .btn-group > .btn:last-child, .btn-group > .dropdown-toggle { -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; -moz-border-radius-topright: 4px; -moz-border-radius-bottomright: 4px; } .btn-group > .btn.large:first-child { margin-left: 0; -webkit-border-bottom-left-radius: 6px; border-bottom-left-radius: 6px; -webkit-border-top-left-radius: 6px; border-top-left-radius: 6px; -moz-border-radius-bottomleft: 6px; -moz-border-radius-topleft: 6px; } .btn-group > .btn.large:last-child, .btn-group > .large.dropdown-toggle { -webkit-border-top-right-radius: 6px; border-top-right-radius: 6px; -webkit-border-bottom-right-radius: 6px; border-bottom-right-radius: 6px; -moz-border-radius-topright: 6px; -moz-border-radius-bottomright: 6px; } .btn-group > .btn-link{ -webkit-border-top-right-radius: 0; border-top-right-radius: 0; -webkit-border-bottom-right-radius: 0; border-bottom-right-radius: 0; -moz-border-radius-topright: 0; -moz-border-radius-bottomright: 0; font-size:12px; font-weight: normal; line-height: 12px; padding:2px 10px; display:inline-block; } .btn-group > .btn:hover, .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active { z-index: 2 } .btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle { outline: 0 } .btn-group > .btn + .dropdown-toggle { *padding-top: 5px; padding-right: 8px; *padding-bottom: 5px; padding-left: 8px; -webkit-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); } .btn-group > .btn-tiny + .dropdown-toggle { *padding-top: 2px; padding-right: 5px; *padding-bottom: 2px; padding-left: 5px; } .btn-group > .btn-small + .dropdown-toggle { *padding-top: 5px; *padding-bottom: 4px; } .btn-group > .btn-large + .dropdown-toggle { *padding-top: 7px; padding-right: 12px; *padding-bottom: 7px; padding-left: 12px; } .btn-group.open .dropdown-toggle { background-image: none; -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); } .btn-group.open .btn-link{ background: #fff; position:relative; border:1px #ccc solid; border-bottom:none; z-index:1050; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow: none; } .btn-group .btn-link:hover{ text-decoration: none; border:1px #ccc solid; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2); box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2); } .btn-group.open .btn-link:hover{ border-bottom:none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .btn-group .btn-link:focus { text-decoration: none; outline:none; } .btn-group.open .btn.dropdown-toggle { background-color: #e6e6e6 } .btn-group.open .btn.primary.dropdown-toggle, .btn-group.open .btn-blue.dropdown-toggle { background-color: #0044cc } .btn-group.open .btn.member.dropdown-toggle, .btn-group.open .btn-yellow.dropdown-toggle { background-color: #f89406 } .btn-group.open .btn.guest.dropdown-toggle, .btn-group.open .btn-red.dropdown-toggle { background-color: #bd362f } .btn-group.open .btn-inverse.dropdown-toggle { background-color: #222 } .btn .caret { margin-top: 8px; margin-left: 4px; } .toggle-sprite-grid-row { width: 55px; height: 26px; } .toggle-sprite-grid-row label { width: 26px; height: 26px; display:block; float: left; cursor: pointer; } .toggle-sprite-grid-row input { visibility: hidden; height:100%; width: 100% } .toggle-sprite-grid-row span { display:none; } .toggle-arrow { position: relative; min-width: 20px; min-height: 20px; } .collapse .show-hide { display:none; } .toggle-sprite-arrow-up, .toggle-sprite-arrow-down, .toggle-arrow .top { width: 20px; height: 20px; position: absolute; right: 0; top: 0; } .toggle-arrow .top { width:100%; cursor: pointer; } .btn-large .caret { margin-top: 6px } .btn-large .caret { border-top-width: 5px; border-right-width: 5px; border-left-width: 5px; } .btn-tiny .caret, .btn-small .caret { margin-top: 8px } .dropup .btn-large .caret { border-bottom-width: 5px } .btn.primary .caret, .btn-blue .caret, .btn.guest .caret, .btn-red .caret, .btn.member .caret, .btn-yellow .caret, .btn-inverse .caret { border-top-color: #fff; border-bottom-color: #fff; } .btn-link .caret { margin-top:4px; margin-left:4px; border-top-color:#36c; } .site-nav li { list-style: none; font-weight: bold; } .site-nav a { font-weight: bold } .site-nav a i { margin-right: 5px } /*Badges and Sprite Icons*/ .stat-badge { display: inline-block; padding: 3px 6px; background-color: #bfbfbf; font-size: 13px; height:18px; line-height: 18px; *line-height: 19px; color: #FFF; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; margin-right: 0px; font-weight: bold; cursor: default; vertical-align: bottom; } .stat-badge.rank0, .status-badge.rank0 { background-color:#E9E9E9; color:#FBFBFB; } .mini-fan-badge.rank1, .stat-badge.rank1, .status-badge.rank1 { background: rgb(255,204,0); /* Old browsers */ background: -moz-linear-gradient(top, rgba(255,204,0,1) 0%, rgba(255,174,0,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,204,0,1)), color-stop(100%,rgba(255,174,0,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(255,204,0,1) 0%,rgba(255,174,0,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(255,204,0,1) 0%,rgba(255,174,0,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(255,204,0,1) 0%,rgba(255,174,0,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(255,204,0,1) 0%,rgba(255,174,0,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffcc00', endColorstr='#ffae00',GradientType=0 ); /* IE6-9 */; } .mini-fan-badge.rank2, .stat-badge.rank2, .status-badge.rank2 { background: rgb(196,216,235); /* Old browsers */ background: -moz-linear-gradient(top, rgba(196,216,235,1) 0%, rgba(121,153,182,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(196,216,235,1)), color-stop(100%,rgba(121,153,182,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(196,216,235,1) 0%,rgba(121,153,182,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(196,216,235,1) 0%,rgba(121,153,182,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(196,216,235,1) 0%,rgba(121,153,182,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(196,216,235,1) 0%,rgba(121,153,182,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c6daec', endColorstr='#7999B6',GradientType=0 ); /* IE6-9 */; } .mini-fan-badge.rank99, .stat-badge.rank99, .status-badge.rank99 { background: rgb(235,235,235); /* Old browsers */ background: -moz-linear-gradient(top, rgba(235,235,235,1) 0%, rgba(143,143,143,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(235,235,235,1)), color-stop(100%,rgba(143,143,143,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(235,235,235,1) 0%,rgba(143,143,143,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(235,235,235,1) 0%,rgba(143,143,143,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(235,235,235,1) 0%,rgba(143,143,143,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(235,235,235,1) 0%,rgba(143,143,143,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EBEBEB', endColorstr='#8F8F8F',GradientType=0 ); /* IE6-9 */; } .status-badge.rank99, .status-badge.rank1, .status-badge.rank2 { padding:0px 12px 0px 10px; } .mini-fan-badge { white-space:nowrap; display: inline-block; height: 12px; line-height: 13px; margin-top: 0px; color:#FFFFFF; text-shadow: 0px -1px 0px rgba(0,0,0,0.33); cursor: default; font-size: 10px; padding:0px 5px; vertical-align: text-top; } .status-badge { display: inline-block; padding: 0px 5px 0px 2px; background-color: #bfbfbf; font-size: 11px; height:18px; line-height: 18px; *line-height: 19px; color: #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; margin-right: 0px; font-weight: bold; text-shadow: 0px -1px 0px rgba(0,0,0,0.33); cursor: default; vertical-align: bottom; } .status-badge:hover { color: #fff; text-decoration: none; } .status-badge.noicon { min-width:44px; text-align:center; } a .status-badge {cursor: pointer;} :root .status-badge { line-height:19px \0/IE9; } /* IE9 + IE10pp4 */ .status-badge i { margin-right: 2px; line-height: 18px; height: 18px; width:18px; } .status-badge i.sprite-badge-online { width: 18px;} .status-badge.silver{ background: linear-gradient(to bottom, #E3E3E3 0%, #99999 100%) repeat scroll 0 0 transparent; background: rgb(227,227,227); /* Old browsers */ background: -moz-linear-gradient(top, rgba(227,227,227,1) 0%, rgba(153,153,153,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(227,227,227,1)), color-stop(100%,rgba(153,153,153,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(227,227,227,1) 0%,rgba(153,153,153,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(227,227,227,1) 0%,rgba(153,153,153,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(227,227,227,1) 0%,rgba(153,153,153,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(227,227,227,1) 0%,rgba(153,153,153,1) 100%); /* W3C */ } .status-badge.gold { background: rgb(247,214,82); /* Old browsers */ background: -moz-linear-gradient(top, rgba(247,214,82,1) 0%, rgba(222,165,31,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(247,214,82,1)), color-stop(100%,rgba(222,165,31,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(247,214,82,1) 0%,rgba(222,165,31,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(247,214,82,1) 0%,rgba(222,165,31,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(247,214,82,1) 0%,rgba(222,165,31,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(247,214,82,1) 0%,rgba(222,165,31,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7d652', endColorstr='#dea51f',GradientType=0 ); /* IE6-9 */ text-shadow: 0.1em 0.1em 0.4em #c8961f !important; } .status-badge.vip { background: rgb(69,72,77); /* Old browsers */ background: -moz-linear-gradient(top, rgba(69,72,77,1) 0%, rgba(0,0,0,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(69,72,77,1)), color-stop(100%,rgba(0,0,0,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 ); /* IE6-8 */; } .status-badge.verified { background: rgb(0,95,206); /* Old browsers */ background: -moz-linear-gradient(top, rgba(0,95,206,1) 0%, rgba(2,65,132,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,95,206,1)), color-stop(100%,rgba(2,65,132,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(0,95,206,1) 0%,rgba(2,65,132,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(0,95,206,1) 0%,rgba(2,65,132,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(0,95,206,1) 0%,rgba(2,65,132,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(0,95,206,1) 0%,rgba(2,65,132,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#005fce', endColorstr='#024184',GradientType=0 ); /* IE6-8 */; } .status-badge.online { background: rgb(153,204,0); /* Old browsers */ background: -moz-linear-gradient(top, rgba(153,204,0,1) 0%, rgba(102,153,0,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(153,204,0,1)), color-stop(100%,rgba(102,153,0,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(153,204,0,1) 0%,rgba(102,153,0,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(153,204,0,1) 0%,rgba(102,153,0,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(153,204,0,1) 0%,rgba(102,153,0,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(153,204,0,1) 0%,rgba(102,153,0,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99cc00', endColorstr='#669900',GradientType=0 ); /* IE6-9 */; } .status-badge.hotlist, .status-badge.hotlist.first_fan_upsell { background: rgb(255,197,153); /* Old browsers */ background: -moz-linear-gradient(top, rgba(255,197,153,1) 0%, rgba(255,124,51,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,197,153,1)), color-stop(100%,rgba(255,124,51,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(255,197,153,1) 0%,rgba(255,124,51,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(255,197,153,1) 0%,rgba(255,124,51,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(255,197,153,1) 0%,rgba(255,124,51,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(255,197,153,1) 0%,rgba(255,124,51,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffc592', endColorstr='#ff7c33',GradientType=0 ); /* IE6-9 */; } .status-badge.friends{ background: rgb(136,214,230); /* Old browsers */ background: -moz-linear-gradient(top, rgba(136,214,230,1) 0%, rgba(32,184,216,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(136,214,230,1)), color-stop(100%,rgba(32,184,216,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(136,214,230,1) 0%,rgba(32,184,216,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(136,214,230,1) 0%,rgba(32,184,216,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(136,214,230,1) 0%,rgba(32,184,216,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(136,214,230,1) 0%,rgba(32,184,216,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#88d6e6', endColorstr='#20b8d8',GradientType=0 ); /* IE6-9 */; } [class^="sprite-"], [class*=" sprite-"] { display: inline-block; width: 20px; height: 20px; margin-top: -2px; *margin-right: .3em; line-height: 20px; vertical-align: text-top; background-image: url("https://secureimage.securedataimages.com/images/common/others/fruit2-sprite-16.png"); background-position: 20px 20px; background-repeat: no-repeat; background-color: rgb(255,255,255,0.3); border-radius: 5px; } /*@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) { [class^="sprite-"], [class*=" sprite-"] { background-image: url("https://secureimage.securedataimages.com/images/common/others/fruit2-sprite-11@2x.png"); background-size: 64px 960px; } }*/ /*Menu and button action icons are #333*/ .sprite-upload { background-position: 0px 0px } .sprite-edit { background-position: 0px -32px } .sprite-envelope { background-position: 0px -64px } .sprite-envelope-alt { background-position: -82px -64px } .sprite-envelope-white { background-position: -233px -669px; } .sprite-eye { background-position: 0px -96px } .sprite-eye-white { background-position: -56px -350px; } .sprite-x-white {background-position: -140px -256px;} .sprite-back-arrow {background-position: 0 0; } .sprite-profile-views { background-position: 0px -128px } .sprite-fav-photos { background-position: 0px -160px } .sprite-fav-videos { background-position: 0px -192px } .sprite-photos { background-position: 0px -224px } .sprite-videos { background-position: 0px -256px } .sprite-flirt-face { background-position: 0px -288px } .sprite-testimonial { background-position: 0px -320px } .sprite-coins { background-position: 0px -352px } .sprite-coins-white { background-position: -57px -321px } .sprite-hotlist { background-position: 0px -384px } .sprite-globe { background-position: 0px -416px } .sprite-friends { background-position: 0px -448px } .sprite-refresh-alt { background-position: -82px -480px } .sprite-refresh { background-position: 0px -480px } .sprite-add-friend { background-position: 0px -512px } .sprite-groups { background-position: 0px -544px } .sprite-blogs { background-position: 0px -576px } .sprite-verified-photo { background-position: 0px -608px } .sprite-abuse { background-position: 0px -640px } .sprite-imc { background-position: 0px -672px } .sprite-compose { background-position: 0px -704px } .sprite-search { background-position: 0px -736px } .sprite-tag { background-position: 0px -768px } .sprite-config { background-position: 0px -800px } .sprite-config-alt { background-position: -140px -770px} .sprite-block { background-position: 0px -832px } .sprite-trash { background-position: 0px -864px } .sprite-apps { background-position: 0px -896px } .sprite-credits { background-position: 0px -928px } .sprite-smilies { background-position: -27px -480px } .sprite-smile { background-position: -27px -480px } .sprite-frown { background-position: -140px -480px } .sprite-flowers { background-position: -27px -512px } .sprite-bling { background-position: -27px -544px } .sprite-link { background-position: -27px -576px } .sprite-clock { background-position: -26px -640px } .sprite-clock-w { background-position: -26px -609px } .sprite-webcam { background-position: -28px -833px } .sprite-webcam-w { background-position: -28px -865px } .sprite-broadcast-audio { background-position: -28px -767px } .sprite-broadcast-audio-w { background-position: -28px -797px } .sprite-broadcast { background-position: -28px -894px } .sprite-broadcast-w { background-position: -28px -924px } .sprite-playcircle { background-position: -58px -157px; } .sprite-playcircle-w { background-position: -58px -190px } .sprite-speech { background-position: -111px -672px } .sprite-mute { background-position: -25px -705px } .sprite-mute-alt { background-position: -52px -705px } .sprite-mute2 { background-position: -139px -801px } .sprite-mute2-alt { background-position: -139px -833px } .sprite-volume { background-position: -25px -672px } .sprite-volume-alt { background-position: -52px -672px } .sprite-volume2 { background-position: -109px -801px } .sprite-volume2-alt { background-position: -109px -832px } .sprite-fullscreen { background-position: -24px -735px } .sprite-fullscreen-alt { background-position: -53px -735px } .sprite-pause { background-position: -107px -575px } .sprite-pause-alt { background-position: -107px -608px } .sprite-play { background-position: -139px -575px } .sprite-play-alt { background-position: -139px -608px } .sprite-gear { background-position: 0px -800px } .sprite-gear-alt { background-position: -83px -800px } .sprite-mobile { background-position: -110px -416px } .sprite-mobile-alt { background-position: -139px -352px } .sprite-reply { background-position: -170px -640px } .sprite-replied { background-position: -170px -608px } .sprite-flower-color { background-position: -200px -188px; } .sprite-topfan-star { background-position: -202px -800px; } .sprite-topfan-star-alt { background-position: -202px -832px; } .sprite-interact { background-position: -81px -895px; } .sprite-check { background-position: -141px -35px; } .sprite-cart { background-position: -234px -738px } .sprite-nospam { background-position: -203px -893px; } .sprite-virtual_gift { background-position: -232px -770px } .sprite-virtual_gift-alt { background-position: -232px -802px } .sprite-green-phone{background-position: -232px -864px;} .sprite-green-phone-alt{background-position: -232px -893px;} .sprite-secure { background-position: -266px -577px;} .sprite-secure-alt { background-position: -266px -542px;} .sprite-delivery-pending { background-position: -273px -641px;} .sprite-delivered { background-position: -273px -610px;} .sprite-download { background-position: -232px -928px } /*Badge symbols*/ .sprite-badge-crown { background-position: -32px 0px } .sprite-badge-verified { background-position: -32px -32px } .sprite-badge-online { background-position: -32px -64px } .sprite-badge-broadcasting { background-position: -32px -352px } .sprite-badge-imc { background-position: -32px -384px } .sprite-badge-hotlist { background-position: -204px -383px } .sprite-badge-friends { background-position: -202px -449px } .sprite-tiny-verified { background-position: -32px -96px } .sprite-tiny-gold { background-position: -32px -128px } .sprite-tiny-vip { background-position: -32px -160px } .sprite-tiny-online { background-position: -32px -192px } .sprite-tiny-broadcasting { background-position: -32px -416px } .sprite-tiny-imc { background-position: -32px -448px } .sprite-tiny-hotlist { background-position: -175px -190px } .sprite-tiny-friends { background-position: -175px -225px } .sprite-tiny-topfano { background-position: -208px -643px } .sprite-tiny-topfanb { background-position: -208px -673px } .sprite-tiny-topfans { background-position: -208px -707px } .sprite-tiny-confirmed { background: url('https://secureimage.securedataimages.com/images/common/svg/confirmed.svg') no-repeat 0 0; background-size: contain; } /*Social icons are #666 (the color of the beast)*/ .sprite-views { background-position: -32px -224px } .sprite-checkbox { background-position: -32px -258px } .sprite-like { background-position: -32px -289px } .sprite-comment { background-position: -32px -321px } .sprite-tolike { background-position: -109px -288px } .sprite-tolike:hover { background-position: -32px -290px } .sprite-albums { background-position: -229px -577px; width: 25px; height: 25px } .sprite-share-albums { background-position: -237px -543px; width: 30px; } .sprite-unlock { background-position: -233px -611px; height: 26px; } .sprite-ambassador { background-position: -267px -668px; } .sprite-tiny-verified, .sprite-tiny-gold, .sprite-tiny-vip, .sprite-tiny-online, .sprite-tiny-broadcasting, .sprite-tiny-imc, .sprite-tiny-hotlist, .sprite-tiny-friends, .sprite-tiny-topfano, .sprite-tiny-topfanb, .sprite-tiny-topfans, .sprite-tiny-buzzmode, .sprite-tiny-confirmed { height: 12px; width: 12px; line-height: 12px; margin-top: 2px; } .sprite-empty-circle{background-position: -139px -382px;} .sprite-half-circle{background-position: -139px -414px;} .sprite-green-smiley{background-position: -139px -448px;} /*Sex Academy icons */ .sprite-academy1 { background-position: -233px -94px; } .sprite-academy2 { background-position: -233px -384px; } .sprite-academy3 { background-position: -233px -188px; } .sprite-academy4 { background-position: -233px -126px; } .sprite-academy5 { background-position: -233px -512px; } .sprite-academy6 { background-position: -233px -65px; } .sprite-academy7 { background-position: -233px -223px; } .sprite-academy8 { background-position: -233px -415px; } .sprite-academy9 { background-position: -233px -257px; } .sprite-academy10 { background-position: -233px -479px; } .sprite-academy11 { background-position: -233px -155px; } .sprite-academy12 { background-position: -233px -352px; } .sprite-academy13 { background-position: -233px -449px; } .sprite-academy1-complete { background-position: -264px -94px; } .sprite-academy2-complete { background-position: -264px -384px; } .sprite-academy3-complete { background-position: -264px -188px; } .sprite-academy4-complete { background-position: -264px -126px; } .sprite-academy5-complete { background-position: -264px -512px; } .sprite-academy6-complete { background-position: -264px -65px; } .sprite-academy7-complete { background-position: -264px -223px; } .sprite-academy8-complete { background-position: -264px -415px; } .sprite-academy9-complete { background-position: -264px -257px; } .sprite-academy10-complete { background-position: -264px -479px; } .sprite-academy11-complete { background-position: -264px -155px; } .sprite-academy12-complete { background-position: -264px -352px; } .sprite-academy13-complete { background-position: -264px -449px; } /*Other sprite images*/ [class^="toggle-sprite-"], [class*=" toggle-sprite-"] { background:url("https://secureimage.securedataimages.com/images/common/others/fruit2_additional/toggle_btns.png") no-repeat } .toggle-sprite-grid-row { background-position: -22px -60px } .toggle-sprite-grid-row.grid { background-position: -22px -29px } .toggle-sprite-arrow-up { background-position: -29px -4px } .toggle-sprite-arrow-down { background-position: -51px -4px } /*Pagination*/ .pagination { text-align: right; margin-bottom: 10px; } /*.pagination a.btn { padding: 2px 4px; color: #3366cc; line-height: 12px; font-size: 11px; }*/ .pagination a.btn.btn-large { padding: 2px 5px; line-height: 16px; font-size: 14px; } .pagination li { list-style: none; display: inline; } .pagination li.active a, .pagination li a:hover { } .pagination li::before, /* it would only affect on pagination like this: