/* 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 }
#ffadult .gst #dcb .content .grid_row.span7 { float: none; }
/* 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;
}
/*@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: */
.pagination li::after {
display: inline;
content: ' ';
}
/*Modal*/
.modal .close {
float: right;
font-size: 20px;
font-weight: bold;
line-height: 20px;
color: #000;
text-shadow: 0 1px 0 #fff;
opacity: 0.4;
filter: alpha(opacity=40);
position: relative;
z-index: 1;
}
.modal .close:hover,
.modal .close:focus {
color: #000;
text-decoration: none;
cursor: pointer;
opacity: 0.7;
filter: alpha(opacity=70);
}
.modal-backdrop {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1040;
background-color: #333;
}
.modal-backdrop.fade { opacity: 0 }
.modal-backdrop,
.modal-backdrop.fade.in {
opacity: 0.6;
filter: alpha(opacity=60);
}
.modal {
position: fixed;
top: 10%;
left: 50%;
z-index: 1050;
width: 560px;
margin-left: -280px;
background-color: #ffffff;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
outline: none;
-webkit-box-shadow: 0 0 50px rgba(0, 0, 0, 0.8);
-moz-box-shadow: 0 0 50px rgba(0, 0, 0, 0.8);
box-shadow: 0 0 50px rgba(0, 0, 0, 0.8);
-webkit-background-clip: padding-box;
-moz-background-clip: padding-box;
background-clip: padding-box;
white-space: normal;
}
.modal.fade {
top: -25%;
-webkit-transition: opacity 0.3s linear, top 0.3s ease-out;
-moz-transition: opacity 0.3s linear, top 0.3s ease-out;
-o-transition: opacity 0.3s linear, top 0.3s ease-out;
transition: opacity 0.3s linear, top 0.3s ease-out;
}
.modal.fade.in { top: 10% }
.modal-header { padding: 20px 20px 0 20px }
.modal-header .close {
margin-top: -16px;
margin-right: -8px;
}
.modal-header .title {
margin: 0;
line-height: 28px;
font-size: 16px;
font-weight: bold;
}
.modal-body {
position: relative;
max-height: 400px;
padding: 20px;
/*overflow-y: auto;*/
}
.modal-form { margin-bottom: 0 }
.modal-footer {
padding: 0px 20px 20px 20px;
margin-bottom: 0;
text-align: right;
-webkit-border-radius: 0 0 6px 6px;
-moz-border-radius: 0 0 6px 6px;
border-radius: 0 0 6px 6px;
*zoom: 1;
}
.modal-footer:before,
.modal-footer:after {
display: table;
line-height: 0;
content: "";
}
.modal-footer:after { clear: both }
.modal-footer .btn + .btn {
margin-bottom: 0;
margin-left: 5px;
}
.modal-footer .btn-group .btn + .btn { margin-left: -1px }
.modal-footer .btn-block + .btn-block { margin-left: 0 }
/*Tooltip*/
.tooltip {
display: block;
position: absolute;
visibility: visible;
padding: 5px;
font-size: 11px;
z-index: 1000;
width: auto;
}
.tooltip.fade.in { }
.tooltip.above .tooltip-arrow {
bottom: 0;
left: 50%;
margin-left: -5px;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 5px solid #282828;
}
.tooltip.left .tooltip-arrow {
top: 50%;
right: 0;
margin-top: -5px;
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
border-left: 5px solid #282828;
}
.tooltip.below .tooltip-arrow {
top: 0;
left: 50%;
margin-left: -5px;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-bottom: 5px solid #282828;
}
.tooltip.right .tooltip-arrow {
top: 50%;
left: 0;
margin-top: -5px;
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
border-right: 5px solid #282828;
}
.tooltip-inner {
padding: 3px 8px;
background-color: #282828;
color: #fff;
text-align: center;
max-width: 200px;
text-decoration: none;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
border: 1px #333 solid;
box-shadow: 1px 1px 3px #282828;
}
.tooltip-arrow {
position: absolute;
width: 0;
height: 0;
}
/*Popovers*/
.popover {
position: absolute;
top: 0;
left: 0;
z-index: 1010;
display: none;
max-width: 320px;
padding: 1px;
text-align: left;
white-space: normal;
background-color: #ffffff;
border: 1px solid #ccc;
border: 1px solid rgba(0, 0, 0, 0.2);
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
-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;
}
.popover.top {
margin-top: -10px;
}
.popover.right {
margin-left: 10px;
}
.popover.bottom {
margin-top: 10px;
}
.popover.left {
margin-left: -10px;
}
.popover-title {
padding: 8px 14px;
margin: 0;
font-size: 14px;
font-weight: normal;
line-height: 18px;
background-color: #f7f7f7;
border-bottom: 1px solid #ebebeb;
-webkit-border-radius: 5px 5px 0 0;
-moz-border-radius: 5px 5px 0 0;
border-radius: 5px 5px 0 0;
}
.popover-title:empty {
display: none;
}
.popover-content {
padding: 9px 14px;
}
.popover .arrow,
.popover .arrow:after {
position: absolute;
display: block;
width: 0;
height: 0;
border-color: transparent;
border-style: solid;
}
.popover .arrow {
border-width: 11px;
}
.popover .arrow:after {
border-width: 10px;
content: "";
}
.popover.above .arrow {
bottom: -11px;
left: 50%;
margin-left: -11px;
border-top-color: #999;
border-top-color: rgba(0, 0, 0, 0.25);
border-bottom-width: 0;
}
.popover.above .arrow:after {
bottom: 1px;
margin-left: -10px;
border-top-color: #ffffff;
border-bottom-width: 0;
}
.popover.right .arrow {
top: 50%;
left: -11px;
margin-top: -11px;
border-right-color: #999;
border-right-color: rgba(0, 0, 0, 0.25);
border-left-width: 0;
}
.popover.right .arrow:after {
bottom: -10px;
left: 1px;
border-right-color: #ffffff;
border-left-width: 0;
}
.popover.below .arrow {
top: -11px;
left: 50%;
margin-left: -11px;
border-bottom-color: #999;
border-bottom-color: rgba(0, 0, 0, 0.25);
border-top-width: 0;
}
.popover.below .arrow:after {
top: 1px;
margin-left: -10px;
border-bottom-color: #ffffff;
border-top-width: 0;
}
.popover.left .arrow {
top: 50%;
right: -11px;
margin-top: -11px;
border-left-color: #999;
border-left-color: rgba(0, 0, 0, 0.25);
border-right-width: 0;
}
.popover.left .arrow:after {
right: 1px;
bottom: -10px;
border-left-color: #ffffff;
border-right-width: 0;
}
/*Tabs and Pills*/
.tabs,
.pills {
margin: 0 0 20px;
padding: 0;
list-style: none;
zoom: 1;
}
.tabs:before,
.pills:before,
.tabs:after,
.pills:after {
display: table;
content: "";
zoom: 1;
*display: inline;
}
.tabs:after,
.pills:after { clear: both }
.tabs > li,
.pills > li { float: left }
.tabs > li > a,
.pills > li > a { display: block }
.tabs {
float: left;
width: 100%;
border-bottom: 2px solid #e9e9e9;
}
.tabs > li {
position: relative;
top: 2px;
}
.tabs > li > a {
background: #e9e9e9;
color: #666;
padding: 0 15px;
margin-right: 5px;
line-height: 36px;
border: 2px solid transparent;
-webkit-border-radius: 4px 4px 0 0;
-moz-border-radius: 4px 4px 0 0;
border-radius: 4px 4px 0 0;
}
.tabs > li > a:hover, .tabs > li.open > a {
color: #fff;
text-decoration: none;
background: #333;
}
.tabs > li.active > a {
color: #333;
background-color: #fff;
border: 2px solid #e9e9e9;
border-bottom-color: transparent;
font-weight: bold;
}
.tabs .menu-dropdown,
.tabs .dropdown-menu {
top: 35px;
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
}
.tabs .dropdown-toggle, .tabs .dropdown-toggle a { cursor:pointer }
.tabs .dropdown-menu > li > a { color:#333333 }
.tabs .dropdown-menu > li > a:hover { background-color:#E9E9E9; text-decoration:none }
.tabs a.menu:after,
.tabs .dropdown-toggle:after {
border-top-color: #999;
margin-top: 15px;
margin-left: 5px;
}
.tabs li.open.menu .menu,
.tabs .open.dropdown .dropdown-toggle { border-color: #999 }
.tabs li.open a.menu:after,
.tabs .dropdown.open .dropdown-toggle:after { border-top-color: #555 }
.tab-content { clear: both }
.pills a {
margin: 5px 3px 5px 0;
padding: 0 10px;
line-height: 24px;
font-weight: bold;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}
.tabs .caret { vertical-align:middle; margin-left:5px; border-top-color:#333333 }
.tabs li.active a:hover .caret, .tabs > li.active.open > a .caret { border-top-color:#333333 }
.tabs a:hover .caret, .tabs > li.open > a .caret { border-top-color:#FFFFFF }
.tabbable ul.tabs {
border-bottom: 2px solid #E4E4E4;
height: 24px;
}
.tabbable .tabs > li > a {
width: 99px;
margin-left: 2px;
margin-right: 0;
padding: 0 3px;
font-weight: normal;
color: #999999;
height:20px;
}
.tabbable .tabs li.active a {
font-weight: bold;
color: #000000;
cursor: default;
}
.tabbable .tabs li:first-child > a {
margin-left: 0px;
}
.tabbable .tab-content {
border: solid 2px #e9e9e9;
padding: 5px;
margin-top: 39px;
border-top: none;
position: relative;
z-index: 100;
background: white;
}
.tabbable .tab-pane {
display:none;
}
.tabbable .tab-pane.active {
display:block;
}
.pills .active a {
background: #bfbfbf;
color: #fff;
font-weight: bold;
}
.tab-content > *,
.pill-content > * { display: none }
.tab-content > .active,
.pill-content > .active { display: block }
/* Labels */
.label {
padding:1px 3px 2px;
background-color:#bfbfbf;
font-size:9.75px;
font-weight:bold;
color:#fff;
text-transform:uppercase;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px
}
.label.important {
background-color:#c43c35;
}
.label.warning {
background-color:#f89406;
}
.label.success {
background-color:#46a546;
}
#self_notification_container .notification_row.success {
background: #cde7d6;
}
#self_notification_container .notification_row.alert-error {
background: #fcc3c0;
}
#self_notification_container .notification_row.success .member_cell_info_container,
#self_notification_container .notification_row.alert-error .member_cell_info_container {
font-size: 19px
}
.label.notice {
background-color:#BFBFBF;
}
/*Endless elements links*/
.more-link {
padding: 5px;
border-top: 1px #ddd solid;
text-align: center;
background: #f8f8f8;
display: block;
font-size: 11px;
line-height: 18px;
height: 18px;
}
.more-link:hover { background: #eee }
.more-link .more-spinner, .std .more-spinner {
display: none;
width: 100%;
height: 18px;
line-height: 18px;
background: url('https://secureimage.securedataimages.com/images/common/loading_3d.gif') top center no-repeat;
}
.std {
width: 40px;
border-radius: 4px;
background: rgba(255,255,255,0.5);
position: relative;
z-index: 100
}
.more-page-link {
display: block;
width: 50%;
margin: 0 auto;
}
/* jQuery spinners */
.spinner-png {
height: 20px;
width: 72px;
overflow: hidden;
border-radius: 3px;
margin-left: -26px;
position: absolute;
left:50%;
top: 5px;
padding: 0 3px;
}
.spinner-png .bkg {
width: 500px;
height:100px;
position:absolute;
background: #666666;
opacity: 0.6;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
filter: alpha(opacity=60);
left: 0;
top: 0;
z-index: 1;
}
.spinner-png.sml {
height:10px;
width: 70px;
padding: 0px 3px;
}
.spinner-png img {
display: block;
float: left;
position: relative;
z-index: 2;
}
.spinner-png.lrg img {
width: 20px;
margin: 0 2px;
}
.spinner-png.sml img {
width: 10px;
}
/* end jQuery spinners */
/******************** spinnercle ************************
* This section of css rules are generated from LESS source
* Please check the LESS source file for modification
********************************************************/
@-moz-keyframes play {0%{left:0}100%{left:90px}}@-webkit-keyframes play {0%{left:0}100%{left:90px}}@-o-keyframes play {0%{left:0}100%{left:90px}}@-ms-keyframes play {0%{left:0}100%{left:90px}}@keyframes play {0%{left:0}100%{left:90px}}.spinner-dots .spinner-animate{-webkit-animation:play .5s steps(3) infinite;-moz-animation:play .5s steps(3) infinite;-ms-animation:play .5s steps(3) infinite;-o-animation:play .5s steps(3) infinite;animation:play .5s steps(3) infinite}.spinner-dots{display:block;position:relative;margin:auto;text-align:center;width:90px;height:30px;background-image:url('https://secureimage.securedataimages.com/images/common/others/fruit2_additional/loader_dots.png');background-position:0 0;background-repeat:repeat-x;background-size:30px 90px}.spinner-dots .spinner-animate{display:block;position:absolute;width:22.5px;height:22.5px;margin:3.75px;border-radius:50%;background-color:#80bfff}@-moz-keyframes play-slow {0%{left:0}100%{left:180px}}@-webkit-keyframes play-slow {0%{left:0}100%{left:180px}}@-o-keyframes play-slow {0%{left:0}100%{left:180px}}@-ms-keyframes play-slow {0%{left:0}100%{left:180px}}@keyframes play-slow {0%{left:0}100%{left:180px}}.spinner-dots.slow .spinner-animate{-webkit-animation:play-slow 2s steps(6) infinite;-moz-animation:play-slow 2s steps(6) infinite;-ms-animation:play-slow 2s steps(6) infinite;-o-animation:play-slow 2s steps(6) infinite;animation:play-slow 2s steps(6) infinite}.spinner-dots.slow{display:block;position:relative;margin:auto;text-align:center;width:180px;height:30px;background-image:url('https://secureimage.securedataimages.com/images/common/others/fruit2_additional/loader_dots.png');background-position:0 0;background-repeat:repeat-x;background-size:30px 90px}.spinner-dots.slow .spinner-animate{display:block;position:absolute;width:22.5px;height:22.5px;margin:3.75px;border-radius:50%;background-color:#80bfff}@-moz-keyframes play-small {0%{left:0}100%{left:45px}}@-webkit-keyframes play-small {0%{left:0}100%{left:45px}}@-o-keyframes play-small {0%{left:0}100%{left:45px}}@-ms-keyframes play-small {0%{left:0}100%{left:45px}}@keyframes play-small {0%{left:0}100%{left:45px}}.spinner-dots.small .spinner-animate{-webkit-animation:play-small .5s steps(3) infinite;-moz-animation:play-small .5s steps(3) infinite;-ms-animation:play-small .5s steps(3) infinite;-o-animation:play-small .5s steps(3) infinite;animation:play-small .5s steps(3) infinite}.spinner-dots.small{display:block;position:relative;margin:auto;text-align:center;width:45px;height:15px;background-image:url('https://secureimage.securedataimages.com/images/common/others/fruit2_additional/loader_dots.png');background-position:0 0;background-repeat:repeat-x;background-size:15px 45px}.spinner-dots.small .spinner-animate{display:block;position:absolute;width:11.25px;height:11.25px;margin:1.875px;border-radius:50%;background-color:#80bfff}@-moz-keyframes play-small-slow {0%{left:0}100%{left:90px}}@-webkit-keyframes play-small-slow {0%{left:0}100%{left:90px}}@-o-keyframes play-small-slow {0%{left:0}100%{left:90px}}@-ms-keyframes play-small-slow {0%{left:0}100%{left:90px}}@keyframes play-small-slow {0%{left:0}100%{left:90px}}.spinner-dots.small.slow .spinner-animate{-webkit-animation:play-small-slow 2s steps(6) infinite;-moz-animation:play-small-slow 2s steps(6) infinite;-ms-animation:play-small-slow 2s steps(6) infinite;-o-animation:play-small-slow 2s steps(6) infinite;animation:play-small-slow 2s steps(6) infinite}.spinner-dots.small.slow{display:block;position:relative;margin:auto;text-align:center;width:90px;height:15px;background-image:url('https://secureimage.securedataimages.com/images/common/others/fruit2_additional/loader_dots.png');background-position:0 0;background-repeat:repeat-x;background-size:15px 45px}.spinner-dots.small.slow .spinner-animate{display:block;position:absolute;width:11.25px;height:11.25px;margin:1.875px;border-radius:50%;background-color:#80bfff}.spinner-dots>img{min-height:100%;width:auto}
/******************* end spinnercle ************************/
/* Forms.less
* Base styles for various input types, form layouts, and states
* ------------------------------------------------------------- */
.form-default, .form-stacked, .form-inline {margin-bottom: 18px; }
.form-default fieldset, .form-stacked fieldset, .form-inline fieldset {margin-bottom: 18px; padding-top: 18px; }
.form-default fieldset legend, .form-stacked fieldset legend {display: block; margin-left: 150px; font-size: 20px; line-height: 1; *margin: 0 0 5px 145px; /* IE6-7 */ *line-height: 1.5; /* IE6-7 */ }
form .clearfix {margin:4px 0; padding:4px 0; zoom: 1; }
form .clearfix:before, form .clearfix:after {display: table; content: ""; zoom: 1; *display: inline; }
form .clearfix:after {clear: both; }
label, input, select, textarea {font-size: 13px; font-weight: normal; line-height: normal; }
.form-default label, .form-stacked label, .form-inline label {padding-top: 2px; font-size: 13px; line-height: 18px; float: left; color: #404040; }
.form-default .input, .form-stacked .input {margin:0 0 12px 150px; }
input[type=checkbox], input[type=radio] {cursor: pointer; }
.form-default input, .form-default textarea, .form-default select, .form-stacked input, .form-stacked textarea, .form-stacked select, .form-inline input, .form-inline textarea, .form-inline select, .uneditable-input {display: inline-block; width: 210px; height: 18px; padding: 2px; font-size: 13px; line-height: 18px; color: #333333; border: 1px solid #ccc; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.form-default select { width:auto; background-color: #FFF; white-space: pre; text-align: start; zoom: 1; }
/* mini reset for non-html5 file types */
.form-default input[type=checkbox], .form-default input[type=radio], .form-stacked input[type=checkbox], .form-stacked input[type=radio], .form-inline input[type=checkbox], .form-inline input[type=radio] {width: auto; height: auto; padding: 0; margin: 3px 0; *margin-top: 0; /* IE6-7 */ line-height: normal; border: none; }
input[type=file] {background-color: #ffffff; padding: initial; border: initial; line-height: initial; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
input[type=button], input[type=reset], input[type=submit] {width: auto; height: auto; }
.form-default select, .form-default input[type=file], .form-stacked select, .form-stacked input[type=file], .form-inline select, .form-inline input[type=file] {height: 24px; line-height: 24px; *margin-top: 4px; /* For IE7, add top margin to align select with labels */ }
select[multiple] {height: inherit; }
.form-default textarea, .form-stacked textarea {height: auto; }
.uneditable-input {background-color: #ffffff; display: block; border-color: #eee; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025); -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025); cursor: not-allowed; }
:-moz-placeholder {color: #bfbfbf; }
::-webkit-input-placeholder {color: #bfbfbf; }
.form-default input, .form-default textarea, .form-stacked input, .form-stacked textarea, .form-inline input {-webkit-transition: border linear 0.2s, box-shadow linear 0.2s; -moz-transition: border linear 0.2s, box-shadow linear 0.2s; -ms-transition: border linear 0.2s, box-shadow linear 0.2s; -o-transition: border linear 0.2s, box-shadow linear 0.2s; transition: border linear 0.2s, box-shadow linear 0.2s; -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1); }
.form-default input:focus, .form-default textarea:focus, .form-stacked input:focus, .form-stacked textarea:focus, .form-inline input:focus {outline: 0; border-color: rgba(82, 168, 236, 0.8); -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6); -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6); box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6); }
/* customization on left panel filter */
.form-default #interested_filter_distance_container { float: left; clear: both; width: 100%; line-height: 20px; }
.form-default #interested_filter_distance_container select { height: 24px; line-height: 24px; margin-top: 2px; margin-bottom: 5px; }
.form-default #interested_filter_distance_container select[name=state], .form-default #interested_filter_distance_container select[name=country] { width: 100%; }
.form-default #interested_filter_distance_container .tabbable .tab-content { margin-top: 0; min-height: 106px; /* make 2 tabs the same height */ }
@-moz-document url-prefix() {
.form-default #interested_filter_distance_container select.search_distance_select_list { width: 110px; }
.french .form-default #interested_filter_distance_container select.search_distance_select_list { width: 130px; }
.swedish .form-default #interested_filter_distance_container select.search_distance_select_list { width: 145px; }
}
/* end customization on left panel filter */
input[type=file]:focus, input[type=checkbox]:focus, select:focus {-webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; outline: 1px dotted #666; }
form div.clearfix.error {background: transparent; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
form div.clearfix.success {background: #66FF99; padding: 2px 0; margin: 2px 0; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
form div.clearfix.error > label, form div.clearfix.error span.help-inline, form div.clearfix.error span.help-block {color: #404040; }
form div.clearfix.error input, form div.clearfix.error textarea, form div.clearfix.error select {border-color: #c87872; -webkit-box-shadow: 0 0 3px rgba(171, 41, 32, 0.25); -moz-box-shadow: 0 0 3px rgba(171, 41, 32, 0.25); box-shadow: 0 0 3px rgba(171, 41, 32, 0.25); }
form div.clearfix.error input:focus, form div.clearfix.error textarea:focus {border-color: #b9554d; -webkit-box-shadow: 0 0 6px rgba(171, 41, 32, 0.5); -moz-box-shadow: 0 0 6px rgba(171, 41, 32, 0.5); box-shadow: 0 0 6px rgba(171, 41, 32, 0.5); }
.input-mini, input.mini, textarea.mini, select.mini {width: 60px; }
.input-small, input.small, textarea.small, select.small {width: 90px; }
.input-medium, input.medium, textarea.medium, select.medium {width: 150px; }
.input-large, input.large, textarea.large, select.large {width: 210px; }
.input-xlarge, input.xlarge, textarea.xlarge, select.xlarge {width: 270px; }
.input-xxlarge, input.xxlarge, textarea.xxlarge, select.xxlarge {width: 530px; }
textarea.xxlarge {overflow-y: auto; }
input.span1, textarea.span1, select.span1 {display: inline-block; float: none; width: 60px; margin-left: 0; }
input.span2, textarea.span2, select.span2 {display: inline-block; float: none; width: 140px; margin-left: 0; }
input.span3, textarea.span3, select.span3 {display: inline-block; float: none; width: 220px; margin-left: 0; }
input.span4, textarea.span4, select.span4 {display: inline-block; float: none; width: 300px; margin-left: 0; }
input.span5, textarea.span5, select.span5 {display: inline-block; float: none; width: 380px; margin-left: 0; }
input.span6, textarea.span6, select.span6 {display: inline-block; float: none; width: 460px; margin-left: 0; }
input.span7, textarea.span7, select.span7 {display: inline-block; float: none; width: 540px; margin-left: 0; }
input.span8, textarea.span8, select.span8 {display: inline-block; float: none; width: 620px; margin-left: 0; }
input.span9, textarea.span9, select.span9 {display: inline-block; float: none; width: 700px; margin-left: 0; }
input.span10, textarea.span10, select.span10 {display: inline-block; float: none; width: 780px; margin-left: 0; }
input.span11, textarea.span11, select.span11 {display: inline-block; float: none; width: 860px; margin-left: 0; }
input.span12, textarea.span12, select.span12 {display: inline-block; float: none; width: 940px; margin-left: 0; }
input[disabled], select[disabled], textarea[disabled], input[readonly], select[readonly], textarea[readonly] {background-color: #f5f5f5; border-color: #ddd; cursor: not-allowed; }
.actions {margin-top: 10px; margin-bottom: 10px; padding: 10px 20px 10px 150px; }
.actions .secondary-action {float: right; }
.actions .secondary-action a {line-height: 30px; }
.actions .secondary-action a:hover {text-decoration: underline; }
.help-inline, .help-block {font-size: 11px; line-height: 18px; color: #bfbfbf; }
.error .help-inline, .error .help-block { color: #CC0000; }
.help-inline {padding-left: 5px; *position: relative; /* IE6-7 */ *top: -5px; /* IE6-7 */ }
.help-block {display: block; max-width: 350px; clear: both; height:0 }
.help-block p { font-size:11px; padding:1px 0; }
.inline-inputs {color: #333333; }
.inline-inputs span, .inline-inputs input {display: inline-block; }
.inline-inputs input.mini {width: 60px; }
.inline-inputs input.small {width: 90px; }
.inline-inputs span {padding: 0 2px 0 1px; }
.inline-inputs-list, .inputs-list {margin: 0 0 5px; width: 100%; }
.inputs-list li {display: block; padding: 0; width: 100%; }
.inputs-list li.inline {width: auto; display: inline; float: left; margin-right: 20px; }
.inputs-list label {display: block; float: none; width: auto; padding: 0; line-height: 18px; text-align: left; white-space: normal; }
.inputs-list label strong {color: #333333; }
.inputs-list label small {font-size: 11px; font-weight: normal; }
.inputs-list .inputs-list {margin-left: 25px; margin-bottom: 10px; padding-top: 0; }
.inputs-list:first-child {padding-top: 6px; }
.inputs-list li + li {padding-top: 2px; }
.inputs-list input[type=radio], .inputs-list input[type=checkbox] {margin-bottom: 0; }
.inline-inputs-list label {float: left; }
.form-stacked {padding-left: 20px; }
.form-stacked fieldset {padding-top: 9px; }
.form-stacked fieldset legend {margin-left: 0; }
.form-stacked label {display: block; float: none; width: auto; font-weight: bold; text-align: left; line-height: 20px; padding-top: 0; }
.form-stacked .clearfix {margin-bottom: 9px; }
.form-stacked .clearfix div.input {margin-left: 0; }
.form-stacked .inputs-list {margin-bottom: 0; }
.form-stacked .inputs-list li {padding-top: 0; }
.form-stacked .inputs-list li label {font-weight: normal; padding-top: 0; }
.form-stacked div.clearfix.error {padding-top: 10px; padding-bottom: 10px; padding-left: 10px; margin-top: 0; margin-left: -10px; }
.form-stacked .actions {margin-left: -20px; padding-left: 20px; }
.form-inline .clearfix, .form-inline fieldset {clear: none; float: left; margin: 0; padding: 0; }
.form-inline fieldset {padding-top: 2px; }
.form-inline label {width: auto; margin-right: 5px; }
.form-inline .input {float: left; margin-right: 15px; }
.form-inline .actions {padding: 0; margin: 0; }
.form-inline button {}
/* Bootstrap Helpers */
.centered { text-align: center }
.pull-right { float: right }
.pull-left { float: left }
.hide { display: none }
.show { display: block }
.invisible { visibility: hidden }
/* FRUIT styles from Bootstrap v1.3.0
* Licensed under the Apache License v2.0
* http://www.apache.org/licenses/LICENSE-2.0
*/
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; }
/* Preboot.less
* Variables and mixins to pre-ignite any new web development project
* ------------------------------------------------------------------ */
.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; }
a {color: #3366cc; text-decoration: none; line-height: inherit; font-weight: inherit; }
a:hover { text-decoration: underline; }
.pull-right {float: right; }
.pull-left {float: left; }
.centered {text-align: center; }
.middle {vertical-align: middle; }
.hide {display: none; }
.show {display: block; }
.truncate {position: relative; white-space:nowrap; }
.clip-fade {background: url(https://secureimage.securedataimages.com/images/common/others/fruit_sprite05.png) no-repeat; background-position: -176px -512px; height:18px; width:22px; top:0; right:0; position: absolute; }
/*
* Grid Scaffolding
* Basic and global styles for generating a grid system, structural layout, and page templates
* ------------------------------------------------------------------------------------------- */
.grid_row {float: left; }
.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 .span12 {_display: inline; float: left; margin: 0 10px; position: relative; }
.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 - adjustment to margins
* Use the "grid_row_child" class for the child row OR alpha/omega for the first/last cells of the row
* Alpha ~ First, Omega ~ Last - removes left/right margins from first/last cell of nested row
* ------------------------------------------------------------------------------------------- */
.grid_row_child {float: left; margin: 0 -10px; }
.grid_row .alpha {margin-left: 0; margin-left: 0; }
.grid_row .omega {margin-right: 0; }
/* SECTIONS */ .section h2, .section .content {*zoom: 1; }
.section h2:before, .section .content:before, .section h2:after, .section .content:after {content: "."; display: block; height: 0; overflow: hidden; }
.section h2:after, .section .content:after {clear: both; }
.section {clear: both; margin-bottom: 15px; }
.section.two {padding: 10px; background: #EDEDED; }
.section.three {border: 1px solid #C6C6C6; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
.section h2 {margin-bottom: 3px; line-height: 18px; padding-bottom: 3px; font-size: 14px; border-bottom: 1px solid #C6C6C6; }
.section h2 a {font-weight: inherit; }
.section.two h2 {margin-bottom: 10px; padding: 0; border: none; }
.section.three h2 {margin: 0; padding: 5px 10px; background: #EDEDED; border-bottom: 1px solid #C6C6C6; -moz-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; }
.section.three .content {padding: 5px 10px; }
/* END SECTIONS */
/* Member Cells*/
.member_list {margin: 0 -8px; *zoom: 1; }
.member_list .cell {float: left; margin: 0 7px 10px 8px; width: 104px; }
.member_list .thumb {display: block; position: relative; width: 100px; height: 100px; border: 2px solid #E9E9E9; }
.member_list .thumb:hover {border: 2px solid #666666; }
.member_list .thumb_cover {position: absolute; top: 0; left: 0; width: 100px; height: 100px; }
.member_list .thumb_cover:hover span {text-decoration: underline; }
.member_list img {width: 100px; height: 100px; }
.member_list .censored, .member_list .click_to_view, .member_list .no_photo_text, .member_list .upload_your_photo, .member_list .photo_request_sent, .member_list .ask_for_photo {display: block; position: absolute; top: 40%; left: 0; padding: 0 3px; width: 94px; text-align: center; }
.member_list .album {position: absolute; top: 0; left: 0; width: 104px; height: 104px; background: url(https://secureimage.securedataimages.com/images/common/others/fruit_album.png) no-repeat; }
.member_list .play {position: absolute; bottom: 30px; left: 40px; width: 25px; height: 21px; background: url(https://secureimage.securedataimages.com/images/common/play_button.png) no-repeat; }
.member_list .hd_icon {display: block; position: absolute; bottom: 2px; left: 2px; width: 24px; height: 8px; background: url(https://secureimage.securedataimages.com/images/common/hd.png) no-repeat; }
.member_list .vote {padding-left: 3px; }
.member_list ul, .member_list li {margin: 0; list-style: none; text-align: center; overflow: hidden; }
.member_list .age, .member_list .gender {display: inline-block; }
.member_list .age:after {content: '/'; }
.member_list.videos .thumb {margin-bottom: 5px; }
.member_list.videos .thumb, .member_list.webcams .thumb, .member_list.models .thumb, .member_list.videos img, .member_list.webcams img, .member_list.models img {height: 76px; }
.member_list.albums .thumb {border: none; }
.member_list.models .icon {width: 12px; height: 12px; background: url(https://secureimage.securedataimages.com/images/cams/12x12cam.gif) no-repeat; float: none; margin: 0; }
/* float and margin are hacks to reset bad code used on the notification bar (template:hover_bar) */
.s00, .s05, .s10, .s15, .s20, .s25, .s30, .s35, .s40, .s45, .s50 {position: relative; margin: 0 auto; width: 100px; height: 18px; overflow: hidden; }
.vote_star[score="10"], .vote_star[score="10"], .voted_this_star[score="10"] {width: 100px; }
.vote_star[score="8"], .vote_star[score="8"], .voted_this_star[score="8"] {width: 80px; }
.vote_star[score="6"], .vote_star[score="6"], .voted_this_star[score="6"] {width: 60px; }
.vote_star[score="4"], .vote_star[score="4"], .voted_this_star[score="4"] {width: 40px; }
.vote_star[score="2"], .vote_star[score="2"], .voted_this_star[score="2"] {width: 20px; }
.s00, .s05, .s10, .s15, .s20, .s25, .s30, .s35, .s40, .s45, .s50, a.vote_star:hover, a.voted_this_star {background: url(https://secureimage.securedataimages.com/images/ffadult/vod/vod_pages/star_sprite.gif) no-repeat; }
.s00 {background-position: -100px 1px; }
.s05 {background-position: -80px -17px; }
.s10 {background-position: -80px 1px; }
.s15 {background-position: -60px -17px; }
.s20 {background-position: -60px 1px; }
.s25 {background-position: -40px -17px; }
.s30 {background-position: -40px 1px; }
.s35 {background-position: -20px -17px; }
.s40 {background-position: -20px 1px; }
.s45 {background-position: 0px -17px; }
.s50 {background-position: 0px 1px; }
a.vote_star {display: block; position: absolute; top: 0; left: 0; margin: 0; padding: 0; }
a.voted_star {display: block; position: absolute; top: 0; left: 0; margin: 0; padding: 0; }
a.voted_this_star {display: block; position: absolute; top: 0; left: 0; margin: 0; padding: 0; background-position: 0 -35px; }
a.vote_star img {width: 20px; height: 19px; border: 0; }
a.voted_star img {width: 20px; height: 19px; border: 0; }
a.voted_this_star img {width: 20px; height: 19px; border: 0; }
a.vote_star:hover {background-position: 0 -53px; }
.social_list .cell {float: left; margin-bottom: 10px; width: 50%; overflow: hidden; }
.social_list .thumb {display: block; float: left; margin-right: 10px; width: 48px; height: 48px; border: 2px solid #E9E9E9; }
.social_list .thumb:hover {border: 2px solid #666666; }
.social_list img {width: 48px; height: 48px; }
.social_list ul {margin: 0; list-style: none; }
.social_list.blogs ul, .social_list.groups ul {margin-left: 62px; }
.social_list .handle, .social_list .age, .social_list .gender {display: inline; }
.social_list .handle:after {content: ', '; }
.social_list .age:after {content: '/'; }
.social_list .age {margin-right: -2px; }
.social_list .name, .social_list .chatting, .social_list .join, .social_list .posts, .social_list .followers {font-weight: bold; }
/* Typography.less
* Headings, body text, lists, code, and more for a versatile and durable typography system
* ---------------------------------------------------------------------------------------- */
p {font-size: 13px; font-weight: normal; line-height: 18px; margin-bottom: 9px; }
p small {font-size: 11px; color: #bfbfbf; }
h1, h2, h3, h4, h5, h6 {font-weight: bold; color: #000000; }
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {color: #bfbfbf; }
h1 {margin-bottom: 18px; font-size: 30px; line-height: 36px; }
h1 small {font-size: 18px; }
h2 {font-size: 24px; line-height: 36px; }
h2 small {font-size: 14px; }
h3, h4, h5, h6 {line-height: 36px; }
h3 {font-size: 18px; }
h3 small {font-size: 14px; }
h4 {font-size: 16px; }
h4 small {font-size: 12px; }
h5 {font-size: 14px; }
h6 {font-size: 13px; color: #bfbfbf; text-transform: uppercase; }
/*
ul, ol {margin: 0 0 18px 25px; }
ul ul, ul ol, ol ol, ol ul {margin-bottom: 0; }
ul {list-style: disc; }
ol {list-style: decimal; }
*/
li {line-height: 18px; color: #333333; }
ul.unstyled {list-style: none; margin-left: 0; }
dl {margin-bottom: 18px; }
dl dt, dl dd {line-height: 18px; }
dl dt {font-weight: bold; }
dl dd {margin-left: 9px; }
hr {margin: 20px 0 19px; border: 0; border-bottom: 1px solid #eee; }
strong {font-style: inherit; font-weight: bold; }
em {font-style: italic; font-weight: inherit; line-height: inherit; }
.muted {color: #bfbfbf; }
blockquote {margin-bottom: 18px; border-left: 5px solid #eee; padding-left: 15px; }
blockquote p {font-size: 14px; font-weight: 300; line-height: 18px; margin-bottom: 0; }
blockquote small {display: block; font-size: 12px; font-weight: 300; line-height: 18px; color: #bfbfbf; }
blockquote small:before {content: '\2014 \00A0'; }
address {display: block; line-height: 18px; margin-bottom: 18px; }
code, pre {padding: 0 3px 2px; font-family: Monaco, Andale Mono, Courier New, monospace; font-size: 12px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
code {background-color: #fee9cc; color: rgba(0, 0, 0, 0.75); padding: 1px 3px; }
pre {background-color: #f5f5f5; display: block; padding: 17px; margin: 0 0 18px; line-height: 18px; font-size: 12px; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.15); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
span.small {font-size: 11px; }
/* Forms.less
* Base styles for various input types, form layouts, and states
* ------------------------------------------------------------- */
.form-default, .form-stacked, .form-inline {margin-bottom: 18px; }
.form-default fieldset, .form-stacked fieldset, .form-inline fieldset {margin-bottom: 18px; padding-top: 18px; }
.form-default fieldset legend, .form-stacked fieldset legend {display: block; margin-left: 150px; font-size: 20px; line-height: 1; *margin: 0 0 5px 145px; /* IE6-7 */ *line-height: 1.5; /* IE6-7 */ }
form .clearfix {margin:4px 0; padding:4px 0; zoom: 1; }
form .clearfix:before, form .clearfix:after {display: table; content: ""; zoom: 1; *display: inline; }
form .clearfix:after {clear: both; }
label, input, select, textarea { font-size: 13px; font-weight: normal; line-height: normal; }
.form-default label, .form-stacked label, .form-inline label {padding-top: 2px; font-size: 13px; line-height: 18px; float: left; width: 130px; text-align: right; color: #404040; }
.form-default .input, .form-stacked .input {margin:0 0 12px 150px; }
input[type=checkbox], input[type=radio] {cursor: pointer; }
.form-default input, .form-default textarea, .form-default select, .form-stacked input, .form-stacked textarea, .form-stacked select, .form-inline input, .form-inline textarea, .form-inline select, .uneditable-input {display: inline-block; width: 210px; height: 18px; padding: 2px; font-size: 13px; line-height: 18px; color: #333333; border: 1px solid #ccc; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.form-default select { width:auto; }
/* mini reset for non-html5 file types */
.form-default input[type=checkbox], .form-default input[type=radio], .form-stacked input[type=checkbox], .form-stacked input[type=radio], .form-inline input[type=checkbox], .form-inline input[type=radio] {width: auto; height: auto; padding: 0; margin: 3px 0; *margin-top: 0; /* IE6-7 */ line-height: normal; border: none; }
input[type=file] {background-color: #ffffff; padding: initial; border: initial; line-height: initial; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
input[type=button], input[type=reset], input[type=submit] {width: auto; height: auto; }
.form-default select, .form-default input[type=file], .form-stacked select, .form-stacked input[type=file], .form-inline select, .form-inline input[type=file] {height: 22px; line-height: 22px; *margin-top: 4px; /* For IE7, add top margin to align select with labels */ }
select[multiple] {height: inherit; }
.form-default textarea, .form-stacked textarea {height: auto; }
.uneditable-input {background-color: #ffffff; display: block; border-color: #eee; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025); -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025); cursor: not-allowed; }
:-moz-placeholder {color: #bfbfbf; }
::-webkit-input-placeholder {color: #bfbfbf; }
.form-default input, .form-default textarea, .form-stacked input, .form-stacked textarea, .form-inline input {-webkit-transition: border linear 0.2s, box-shadow linear 0.2s; -moz-transition: border linear 0.2s, box-shadow linear 0.2s; -ms-transition: border linear 0.2s, box-shadow linear 0.2s; -o-transition: border linear 0.2s, box-shadow linear 0.2s; transition: border linear 0.2s, box-shadow linear 0.2s; -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1); }
.form-default input:focus, .form-default textarea:focus, .form-stacked input:focus, .form-stacked textarea:focus, .form-inline input:focus {outline: 0; border-color: rgba(82, 168, 236, 0.8); -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6); -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6); box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6); }
input[type=file]:focus, input[type=checkbox]:focus, select:focus {-webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; outline: 1px dotted #666; }
form div.clearfix.error {background: transparent; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
form div.clearfix.success {background: #66FF99; padding: 2px 0; margin: 2px 0; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
form div.clearfix.error > label, form div.clearfix.error span.help-inline, form div.clearfix.error span.help-block {color: #404040; }
form div.clearfix.error input, form div.clearfix.error textarea, form div.clearfix.error select {border-color: #c87872; -webkit-box-shadow: 0 0 3px rgba(171, 41, 32, 0.25); -moz-box-shadow: 0 0 3px rgba(171, 41, 32, 0.25); box-shadow: 0 0 3px rgba(171, 41, 32, 0.25); }
form div.clearfix.error input:focus, form div.clearfix.error textarea:focus {border-color: #b9554d; -webkit-box-shadow: 0 0 6px rgba(171, 41, 32, 0.5); -moz-box-shadow: 0 0 6px rgba(171, 41, 32, 0.5); box-shadow: 0 0 6px rgba(171, 41, 32, 0.5); }
.input-mini, input.mini, textarea.mini, select.mini {width: 60px; }
.input-small, input.small, textarea.small, select.small {width: 90px; }
.input-medium, input.medium, textarea.medium, select.medium {width: 150px; }
.input-large, input.large, textarea.large, select.large {width: 210px; }
.input-xlarge, input.xlarge, textarea.xlarge, select.xlarge {width: 270px; }
.input-xxlarge, input.xxlarge, textarea.xxlarge, select.xxlarge {width: 530px; }
textarea.xxlarge {overflow-y: auto; }
input.span1, textarea.span1, select.span1 {display: inline-block; float: none; width: 60px; margin-left: 0; }
input.span2, textarea.span2, select.span2 {display: inline-block; float: none; width: 140px; margin-left: 0; }
input.span3, textarea.span3, select.span3 {display: inline-block; float: none; width: 220px; margin-left: 0; }
input.span4, textarea.span4, select.span4 {display: inline-block; float: none; width: 300px; margin-left: 0; }
input.span5, textarea.span5, select.span5 {display: inline-block; float: none; width: 380px; margin-left: 0; }
input.span6, textarea.span6, select.span6 {display: inline-block; float: none; width: 460px; margin-left: 0; }
input.span7, textarea.span7, select.span7 {display: inline-block; float: none; width: 540px; margin-left: 0; }
input.span8, textarea.span8, select.span8 {display: inline-block; float: none; width: 620px; margin-left: 0; }
input.span9, textarea.span9, select.span9 {display: inline-block; float: none; width: 700px; margin-left: 0; }
input.span10, textarea.span10, select.span10 {display: inline-block; float: none; width: 780px; margin-left: 0; }
input.span11, textarea.span11, select.span11 {display: inline-block; float: none; width: 860px; margin-left: 0; }
input.span12, textarea.span12, select.span12 {display: inline-block; float: none; width: 940px; margin-left: 0; }
input[disabled], select[disabled], textarea[disabled], input[readonly], select[readonly], textarea[readonly] {background-color: #f5f5f5; border-color: #ddd; cursor: not-allowed; }
.actions {margin-top: 10px; margin-bottom: 10px; padding: 10px 20px 10px 150px; }
.actions .secondary-action {float: right; }
.actions .secondary-action a {line-height: 30px; }
.actions .secondary-action a:hover {text-decoration: underline; }
.help-inline, .help-block {font-size: 11px; line-height: 18px; color: #bfbfbf; }
.error .help-inline, .error .help-block { color: #CC0000; }
.help-inline {padding-left: 5px; *position: relative; /* IE6-7 */ *top: -5px; /* IE6-7 */ }
.help-block {display: block; max-width: 350px; clear: both; height:0 }
.help-block p { font-size:11px; padding:1px 0; }
.inline-inputs {color: #333333; }
.inline-inputs span, .inline-inputs input {display: inline-block; }
.inline-inputs input.mini {width: 60px; }
.inline-inputs input.small {width: 90px; }
.inline-inputs span {padding: 0 2px 0 1px; }
.inline-inputs-list, .inputs-list {margin: 0 0 5px; width: 100%; }
.inputs-list li {display: block; padding: 0; width: 100%; }
.inputs-list li.inline {width: auto; display: inline; float: left; margin-right: 20px; }
.inputs-list label {display: block; float: none; width: auto; padding: 0; line-height: 18px; text-align: left; white-space: normal; }
.inputs-list label strong {color: #333333; }
.inputs-list label small {font-size: 11px; font-weight: normal; }
.inputs-list .inputs-list {margin-left: 25px; margin-bottom: 10px; padding-top: 0; }
.inputs-list:first-child {padding-top: 6px; }
.inputs-list li + li {padding-top: 2px; }
.inputs-list input[type=radio], .inputs-list input[type=checkbox] {margin-bottom: 0; }
.inline-inputs-list label {float: left; }
.form-stacked {padding-left: 20px; }
.form-stacked fieldset {padding-top: 9px; }
.form-stacked fieldset legend {margin-left: 0; }
.form-stacked label {display: block; float: none; width: auto; font-weight: bold; text-align: left; line-height: 20px; padding-top: 0; }
.form-stacked .clearfix {margin-bottom: 9px; }
.form-stacked .clearfix div.input {margin-left: 0; }
.form-stacked .inputs-list {margin-bottom: 0; }
.form-stacked .inputs-list li {padding-top: 0; }
.form-stacked .inputs-list li label {font-weight: normal; padding-top: 0; }
.form-stacked div.clearfix.error {padding-top: 10px; padding-bottom: 10px; padding-left: 10px; margin-top: 0; margin-left: -10px; }
.form-stacked .actions {margin-left: -20px; padding-left: 20px; }
.form-inline .clearfix, .form-inline fieldset {clear: none; float: left; margin: 0; padding: 0; }
.form-inline fieldset {padding-top: 2px; }
.form-inline label {width: auto; margin-right: 5px; }
.form-inline .input {float: left; margin-right: 15px; }
.form-inline .actions {padding: 0; margin: 0; }
.form-inline button {}
/*
* Tables.less
* Tables for, you guessed it, tabular data
* ---------------------------------------- */
.table-default {width: 100%; margin-bottom: 18px; padding: 0; border-collapse: separate; *border-collapse: collapse; font-size: 13px; border: 1px solid #ddd; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.table-default th, .table-default td {padding: 10px 10px 9px; line-height: 18px; text-align: left; }
.table-default th {padding-top: 9px; font-weight: bold; vertical-align: middle; border-bottom: 1px solid #ddd; }
.table-default td {vertical-align: top; }
.table-default th + th, .table-default td + td {border-left: 1px solid #ddd; }
.table-default tr + tr td {border-top: 1px solid #ddd; }
.table-default tbody tr:first-child td:first-child {-webkit-border-radius: 4px 0 0 0; -moz-border-radius: 4px 0 0 0; border-radius: 4px 0 0 0; }
.table-default tbody tr:first-child td:last-child {-webkit-border-radius: 0 4px 0 0; -moz-border-radius: 0 4px 0 0; border-radius: 0 4px 0 0; }
.table-default tbody tr:last-child td:first-child {-webkit-border-radius: 0 0 0 4px; -moz-border-radius: 0 0 0 4px; border-radius: 0 0 0 4px; }
.table-default tbody tr:last-child td:last-child {-webkit-border-radius: 0 0 4px 0; -moz-border-radius: 0 0 4px 0; border-radius: 0 0 4px 0; }
.zebra-striped tbody tr:nth-child(odd) td {background-color: #f9f9f9; }
.zebra-striped tbody tr:hover td {background-color: #f5f5f5; }
.zebra-striped .header {cursor: pointer; }
.zebra-striped .header:after {content: ""; float: right; margin-top: 7px; border-width: 0 4px 4px; border-style: solid; border-color: #000 transparent; visibility: hidden; }
.zebra-striped .headerSortUp, .zebra-striped .headerSortDown {background-color: rgba(141, 192, 219, 0.25); text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); }
.zebra-striped .header:hover:after {visibility: visible; }
.zebra-striped .headerSortDown:after, .zebra-striped .headerSortDown:hover:after {visibility: visible; filter: alpha(opacity=60); -khtml-opacity: 0.6; -moz-opacity: 0.6; opacity: 0.6; }
.zebra-striped .headerSortUp:after {border-bottom: none; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid #000; visibility: visible; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; filter: alpha(opacity=60); -khtml-opacity: 0.6; -moz-opacity: 0.6; opacity: 0.6; }
.table-default .blue {color: #049cdb; border-bottom-color: #049cdb; }
.table-default .headerSortUp.blue, .table-default .headerSortDown.blue {background-color: #ade6fe; }
.table-default .green {color: #46a546; border-bottom-color: #46a546; }
.table-default .headerSortUp.green, .table-default .headerSortDown.green {background-color: #cdeacd; }
.table-default .red {color: #9d261d; border-bottom-color: #9d261d; }
.table-default .headerSortUp.red, .table-default .headerSortDown.red {background-color: #f4c8c5; }
.table-default .yellow {color: #ffc40d; border-bottom-color: #ffc40d; }
.table-default .headerSortUp.yellow, .table-default .headerSortDown.yellow {background-color: #fff6d9; }
.table-default .orange {color: #f89406; border-bottom-color: #f89406; }
.table-default .headerSortUp.orange, .table-default .headerSortDown.orange {background-color: #fee9cc; }
.table-default .purple {color: #7a43b6; border-bottom-color: #7a43b6; }
.table-default .headerSortUp.purple, .table-default .headerSortDown.purple {background-color: #e2d5f0; }
/* Patterns.less
* Repeatable UI elements outside the base styles provided from the scaffolding
* ---------------------------------------------------------------------------- */
.topbar {height: 40px; position: fixed; top: 0; left: 0; right: 0; z-index: 10000; overflow: visible; }
.topbar a {color: #bfbfbf; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); }
.topbar h3 a:hover, .topbar .brand a:hover, .topbar ul .active > a {background-color: #333; background-color: rgba(255, 255, 255, 0.05); color: #ffffff; text-decoration: none; }
.topbar h3 {position: relative; }
.topbar h3 a, .topbar .brand {float: left; display: block; padding: 8px 20px 12px; margin-left: -20px; color: #ffffff; font-size: 20px; font-weight: 200; line-height: 1; }
.topbar p {margin: 0; line-height: 40px; }
.topbar p a:hover {background-color: transparent; color: #ffffff; }
.topbar form {float: left; margin: 5px 0 0 0; position: relative; filter: alpha(opacity=100); -khtml-opacity: 1; -moz-opacity: 1; opacity: 1; }
.topbar form.pull-right {float: right; }
.topbar input {background-color: #444; background-color: rgba(255, 255, 255, 0.3); line-height: 1; padding: 4px 9px; color: #ffffff; color: rgba(255, 255, 255, 0.75); border: 1px solid #111; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0px rgba(255, 255, 255, 0.25); -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0px rgba(255, 255, 255, 0.25); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0px rgba(255, 255, 255, 0.25); -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; }
.topbar input:-moz-placeholder {color: #e6e6e6; }
.topbar input::-webkit-input-placeholder {color: #e6e6e6; }
.topbar input:hover {background-color: #bfbfbf; background-color: rgba(255, 255, 255, 0.5); color: #ffffff; }
.topbar input:focus, .topbar input.focused {outline: 0; background-color: #ffffff; color: #404040; text-shadow: 0 1px 0 #ffffff; border: 0; padding: 5px 10px; -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); }
.topbar-inner, .topbar .fill {background-color: #222; background-color: #222222; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, from(#333333), to(#222222)); background-image: -moz-linear-gradient(top, #333333, #222222); background-image: -ms-linear-gradient(top, #333333, #222222); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333333), color-stop(100%, #222222)); background-image: -webkit-linear-gradient(top, #333333, #222222); background-image: -o-linear-gradient(top, #333333, #222222); background-image: linear-gradient(top, #333333, #222222); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#222222', GradientType=0); -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1); }
.topbar div > ul, .nav {display: block; float: left; margin: 0 10px 0 0; position: relative; left: 0; }
.topbar div > ul > li, .nav > li {display: block; float: left; }
.topbar div > ul a, .nav a {display: block; float: none; padding: 10px 10px 11px; line-height: 19px; text-decoration: none; }
.topbar div > ul a:hover, .nav a:hover {color: #ffffff; text-decoration: none; }
.topbar div > ul .active > a, .nav .active > a {background-color: #222; background-color: rgba(0, 0, 0, 0.5); }
.topbar div > ul.secondary-nav, .nav.secondary-nav {float: right; margin-left: 10px; margin-right: 0; }
.topbar div > ul.secondary-nav .menu-dropdown, .nav.secondary-nav .menu-dropdown, .topbar div > ul.secondary-nav .dropdown-menu, .nav.secondary-nav .dropdown-menu {right: 0; border: 0; }
.topbar div > ul a.menu:hover, .nav a.menu:hover, .topbar div > ul li.open .menu, .nav li.open .menu, .topbar div > ul .dropdown-toggle:hover, .nav .dropdown-toggle:hover, .topbar div > ul .dropdown.open .dropdown-toggle, .nav .dropdown.open .dropdown-toggle {background: #444; background: rgba(255, 255, 255, 0.05); }
.topbar div > ul .menu-dropdown, .nav .menu-dropdown, .topbar div > ul .dropdown-menu, .nav .dropdown-menu {background-color: #333; }
.topbar div > ul .menu-dropdown a.menu, .nav .menu-dropdown a.menu, .topbar div > ul .dropdown-menu a.menu, .nav .dropdown-menu a.menu, .topbar div > ul .menu-dropdown .dropdown-toggle, .nav .menu-dropdown .dropdown-toggle, .topbar div > ul .dropdown-menu .dropdown-toggle, .nav .dropdown-menu .dropdown-toggle {color: #ffffff; }
.topbar div > ul .menu-dropdown a.menu.open, .nav .menu-dropdown a.menu.open, .topbar div > ul .dropdown-menu a.menu.open, .nav .dropdown-menu a.menu.open, .topbar div > ul .menu-dropdown .dropdown-toggle.open, .nav .menu-dropdown .dropdown-toggle.open, .topbar div > ul .dropdown-menu .dropdown-toggle.open, .nav .dropdown-menu .dropdown-toggle.open {background: #444; background: rgba(255, 255, 255, 0.05); }
.topbar div > ul .menu-dropdown li a, .nav .menu-dropdown li a, .topbar div > ul .dropdown-menu li a, .nav .dropdown-menu li a {color: #999; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5); }
.topbar div > ul .menu-dropdown li a:hover, .nav .menu-dropdown li a:hover, .topbar div > ul .dropdown-menu li a:hover, .nav .dropdown-menu li a:hover {background-color: #191919; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, from(#292929), to(#191919)); background-image: -moz-linear-gradient(top, #292929, #191919); background-image: -ms-linear-gradient(top, #292929, #191919); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #292929), color-stop(100%, #191919)); background-image: -webkit-linear-gradient(top, #292929, #191919); background-image: -o-linear-gradient(top, #292929, #191919); background-image: linear-gradient(top, #292929, #191919); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#292929', endColorstr='#191919', GradientType=0); color: #ffffff; }
.topbar div > ul .menu-dropdown .active a, .nav .menu-dropdown .active a, .topbar div > ul .dropdown-menu .active a, .nav .dropdown-menu .active a {color: #ffffff; }
.topbar div > ul .menu-dropdown .divider, .nav .menu-dropdown .divider, .topbar div > ul .dropdown-menu .divider, .nav .dropdown-menu .divider {background-color: #222; border-color: #444; }
.topbar ul .menu-dropdown li a, .topbar ul .dropdown-menu li a {padding: 4px 15px; }
li.menu, .dropdown {position: relative; }
a.menu:after, .dropdown-toggle:after {width: 0; height: 0; display: inline-block; content: "↓"; text-indent: -99999px; vertical-align: top; margin-top: 8px; margin-left: 4px; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid #ffffff; filter: alpha(opacity=50); -khtml-opacity: 0.5; -moz-opacity: 0.5; opacity: 0.5; }
.menu-dropdown, .dropdown-menu {background-color: #ffffff; float: left; display: none; position: absolute; top: 40px; z-index: 900; min-width: 160px; max-width: 220px; _width: 160px; margin-left: 0; margin-right: 0; padding: 6px 0; zoom: 1; border-color: #999; border-color: rgba(0, 0, 0, 0.2); border-style: solid; border-width: 0 1px 1px; -webkit-border-radius: 0 0 6px 6px; -moz-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px; -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); -webkit-background-clip: padding-box; -moz-background-clip: padding-box; background-clip: padding-box; }
.menu-dropdown li, .dropdown-menu li {float: none; display: block; background-color: none; }
.menu-dropdown .divider, .dropdown-menu .divider {height: 1px; margin: 5px 0; overflow: hidden; background-color: #eee; border-bottom: 1px solid #ffffff; }
.topbar .dropdown-menu a, .dropdown-menu a {display: block; padding: 4px 15px; clear: both; font-weight: normal; line-height: 18px; color: #808080; text-shadow: 0 1px 0 #ffffff; }
.topbar .dropdown-menu a:hover, .dropdown-menu a:hover {background-color: #dddddd; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, from(#eeeeee), to(#dddddd)); background-image: -moz-linear-gradient(top, #eeeeee, #dddddd); background-image: -ms-linear-gradient(top, #eeeeee, #dddddd); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee), color-stop(100%, #dddddd)); background-image: -webkit-linear-gradient(top, #eeeeee, #dddddd); background-image: -o-linear-gradient(top, #eeeeee, #dddddd); background-image: linear-gradient(top, #eeeeee, #dddddd); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#dddddd', GradientType=0); color: #404040; text-decoration: none; -webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.025), inset 0 -1px rgba(0, 0, 0, 0.025); -moz-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.025), inset 0 -1px rgba(0, 0, 0, 0.025); box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.025), inset 0 -1px rgba(0, 0, 0, 0.025); }
.open .menu, .dropdown.open .menu, .open .dropdown-toggle, .dropdown.open .dropdown-toggle {color: #ffffff; background: #ccc; background: rgba(0, 0, 0, 0.3); }
.open .menu-dropdown, .dropdown.open .menu-dropdown, .open .dropdown-menu, .dropdown.open .dropdown-menu {display: block; }
.tabs, .pills {margin: 0 0 20px; padding: 0; list-style: none; zoom: 1; }
.tabs:before, .pills:before, .tabs:after, .pills:after {display: table; content: ""; zoom: 1; *display: inline; }
.tabs:after, .pills:after {clear: both; }
.tabs > li, .pills > li {float: left; }
.tabs > li > a, .pills > li > a {display: block; }
.tabs {float: left; width: 100%; border-bottom: 2px solid #e9e9e9; }
.tabs > li {position: relative; top: 2px; }
.tabs > li > a {background: #e9e9e9; color: #666666; padding: 0 15px; margin-right: 5px; line-height: 36px; border: 2px solid transparent; -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; }
.tabs > li > a:hover {color: #ffffff; text-decoration: none; background: #666666; }
.tabs > li.active > a {color: #333333; background-color: #ffffff; border: 2px solid #e9e9e9; border-bottom-color: transparent; font-weight: bold; }
.tabs .menu-dropdown, .tabs .dropdown-menu {top: 35px; border-width: 1px; -webkit-border-radius: 0 6px 6px 6px; -moz-border-radius: 0 6px 6px 6px; border-radius: 0 6px 6px 6px; }
.tabs a.menu:after, .tabs .dropdown-toggle:after {border-top-color: #999; margin-top: 15px; margin-left: 5px; }
.tabs li.open.menu .menu, .tabs .open.dropdown .dropdown-toggle {border-color: #999; }
.tabs li.open a.menu:after, .tabs .dropdown.open .dropdown-toggle:after {border-top-color: #555; }
.tab-content {clear: both; }
.pills a {margin: 5px 3px 5px 0; padding: 0 10px; line-height: 24px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }
/*.pills a:hover {background: #666666; color: #ffffff; text-decoration: none; }*/
.pills .active a {background: #bfbfbf; color: #ffffff; font-weight: bold; }
.pills .active a:hover { cursor: default; text-decoration: none; }
.tab-content > *, .pill-content > * {display: none; }
.tab-content > .active, .pill-content > .active {display: block; }
.breadcrumb {margin: 0 0 18px; padding: 7px 14px; }
.breadcrumb li {display: inline; text-shadow: 0 1px 0 #ffffff; }
.breadcrumb .divider {padding: 0 5px; color: #666666; }
.breadcrumb .active a {color: #404040; }
footer {margin-top: 17px; padding-top: 17px; border-top: 1px solid #eee; }
.page_header {margin: auto 10px 17px 10px; border-bottom: 1px solid #ddd; -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); }
.page_header h1 {margin-bottom: 8px; }
.page_title {margin: auto 10px 17px 10px; }
.page_title h1 {margin-bottom: 8px; font-size: 28px; }
.close {float: right; color: #000000; font-size: 22px; font-weight: bold; line-height: 14px; text-shadow: 0 1px 0 #ffffff; filter: alpha(opacity=20); -khtml-opacity: 0.2; -moz-opacity: 0.2; opacity: 0.2; }
.close:hover {color: #000000; text-decoration: none; filter: alpha(opacity=40); -khtml-opacity: 0.4; -moz-opacity: 0.4; opacity: 0.4; }
.alert-message {position: relative; 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='#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-message .close {*margin-top: 3px; /* IE7 spacing */ }
.alert-message h5 {line-height: 18px; }
.alert-message p {margin-bottom: 0; }
/*.alert-message div {margin-top: 5px; margin-bottom: 2px; line-height: 28px; }*/
.alert-message .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-message.block-message {background-image: none; background-color: #fdf5d9; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); padding: 14px; border-color: #fceec1; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
.alert-message.block-message ul, .alert-message.block-message p {margin-right: 30px; }
.alert-message.block-message ul {margin-bottom: 0; }
.alert-message.block-message li {color: #404040; }
.alert-message.block-message .alert-actions {margin-top: 5px; }
.alert-message.block-message.error, .alert-message.block-message.success, .alert-message.block-message.info {color: #404040; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); }
.alert-message.block-message.error {background-color: #fecce5; border-color: #fdb7da; }
.alert-message.block-message.success {background-color: #adffdf; border-color: #9feecf; }
.alert-message.block-message.info {background-color: #fefd9b; border-color: #eee601; }
.well {background-color: #f5f5f5; margin-bottom: 20px; padding: 19px; min-height: 20px; border: 1px solid #eee; border: 1px solid rgba(0, 0, 0, 0.05); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); }
.well.dark {background: #666666; }
.well blockquote {border-color: #ddd; border-color: rgba(0, 0, 0, 0.15); }
.modal-backdrop {background-color: #000000; position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 10000; }
.modal-backdrop.fade {opacity: 0; }
.modal-backdrop, .modal-backdrop.fade.in {filter: alpha(opacity=80); -khtml-opacity: 0.8; -moz-opacity: 0.8; opacity: 0.8; }
.modal { position: fixed; top: 50%; left: 50%; z-index: 11000; width: 560px; margin: -250px 0 0 -250px; }
.modal {background-color: #ffffff; border: 3px solid #bfbfbf; *border: 1px solid #bfbfbf; /* IE6-7 */ -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); -webkit-background-clip: padding-box; -moz-background-clip: padding-box; background-clip: padding-box; }
.modal .close {margin-top: 7px; }
.modal.fade {-webkit-transition: opacity .3s linear, top .3s ease-out; -moz-transition: opacity .3s linear, top .3s ease-out; -ms-transition: opacity .3s linear, top .3s ease-out; -o-transition: opacity .3s linear, top .3s ease-out; transition: opacity .3s linear, top .3s ease-out; top: -25%; }
.modal.fade.in {top: 50%; }
.modal-header {border-bottom: 1px solid #eee; padding: 5px 15px; text-align: left; }
.modal-body {padding: 10px; }
.modal-footer {background-color: #f5f5f5; padding: 14px 15px 15px; border-top: 1px solid #ddd; -webkit-border-radius: 0 0 6px 6px; -moz-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px; -webkit-box-shadow: inset 0 1px 0 #ffffff; -moz-box-shadow: inset 0 1px 0 #ffffff; box-shadow: inset 0 1px 0 #ffffff; zoom: 1; margin-bottom: 0; }
.modal-footer:before, .modal-footer:after {display: table; content: ""; zoom: 1; *display: inline; }
.modal-footer:after {clear: both; }
.modal-footer .btn {float: right; margin-left: 5px; }
.growlUI h1, .growlUI h2 {color: white; padding: 10px; text-align: left; }
.tooltip {display: block; position: absolute; visibility: visible; padding: 5px; font-size: 11px; z-index: 1000; width: auto; }
.tooltip.fade.in {}
.tooltip.above .tooltip-arrow {bottom: 0; left: 50%; margin-left: -5px; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #666666; }
.tooltip.left .tooltip-arrow {top: 50%; right: 0; margin-top: -5px; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 5px solid #666666; }
.tooltip.below .tooltip-arrow {top: 0; left: 50%; margin-left: -5px; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid #666666; }
.tooltip.right .tooltip-arrow {top: 50%; left: 0; margin-top: -5px; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-right: 5px solid #666666; }
.tooltip-inner {padding: 3px 8px; background-color: #ffffcc; color: #333333; text-align: center; max-width: 200px; text-decoration: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border: 1px #666 solid; box-shadow: 1px 1px 3px #333333; }
.tooltip-arrow {position: absolute; width: 0; height: 0; }
.popover {position: absolute; top: -40px; left: 104px; z-index: 1000; padding: 5px; display: none; }
.popover.right .arrow {top: 85px; left: -5px; margin-top: -10px; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-right: 10px solid #bfbfbf; }
.popover .arrow {position: absolute; width: 0; height: 0; }
.popover .inner {background: #bfbfbf; padding: 3px; overflow: hidden; width: 370px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); }
.popover .title {background-color: #F8F8F9; font-weight: bold; padding: 9px 15px 0 15px; line-height: 1; -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; }
.popover .content {background-color: #F8F8F9; padding: 0 14px 14px; -webkit-border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; -webkit-background-clip: padding-box; -moz-background-clip: padding-box; background-clip: padding-box; }
.popover .close {margin: -4px -6px 0 0; }
.popover .member_list li, .popover .member_list ul {text-align: left; overflow: initial; }
.popover .member_list {margin: 0; }
.popover .media_grid {margin-left: -20px; }
.popover .media_grid a {margin-bottom: 10px; }
.popover .videos .media_grid a {margin-left: 16px; }
.popover .member_list img, .popover .member_list .thumb {height: auto; width: auto; }
.popover .handle, .popover .age, .popover .gender, .popover .location, .popover .verified {float: left; margin-right: 8px; }
.popover .age {margin-right: 0; }
.popover .photos {margin-top: 10px; }
.popover .handle, .popover .status, .popover .profile, .popover .interest {font-weight: bold; }
.popover .verified, .popover .confirmed {margin-top: 4px; }
.popover .actions, .popover .similar, .popover .status, .popover .profile, .popover .interest {margin-top: 14px; padding: 0; float: none; }
.popover .handle span, .popover .status span, .popover .profile span, .popover .interest span {font-weight: normal; }
.popover .profile .intro {font-style: italic; font-weight: bold; }
.popover .status span, .popover .profile span {display: block; }
.fade {-webkit-transition: opacity 0.15s linear; -moz-transition: opacity 0.15s linear; -ms-transition: opacity 0.15s linear; -o-transition: opacity 0.15s linear; transition: opacity 0.15s linear; opacity: 0; }
.fade.in {opacity: 1; }
.label {padding: 1px 3px 2px; background-color: #bfbfbf; font-size: 9.75px; font-weight: bold; color: #ffffff; text-transform: uppercase; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.label.important {background-color: #c43c35; }
.label.warning {background-color: #f89406; }
.label.success {background-color: #46a546; }
.label.notice {background-color: #62cffc; }
.media_grid {margin-left: -20px; margin-bottom: 0; zoom: 1; }
.media_grid:before, .media_grid:after {display: table; content: ""; zoom: 1; *display: inline; }
.media_grid:after {clear: both; }
.media_grid li {display: inline; }
.media_grid a {float: left; margin: 0 0 20px 20px; border: 2px solid #e9e9e9; }
.media_grid a img {display: block; }
.media_grid a:hover {border-color: #666666; }
/*icons*/
.icon , .ic{background: url(https://secureimage.securedataimages.com/images/common/others/fruit_sprite05.png) no-repeat; width: 16px; height: 16px; display: inline-block; vertical-align: middle; }
.icon.online , .ic.online { background-position: 0px -512px; }
.icon.videoplay , .ic.videoplay { width:25px;height:21px;background-position: 0px -544px; }
.icon.hd , .ic.hd { width:23px;height:8px;background-position: 0px -576px; }
.icon.mail , .ic.mail { background-position: 0px -256px; }
.icon.incoming , .ic.incoming { background-position: -32px -256px; }
.icon.outgoing , .ic.outgoing { background-position: -64px -256px; }
.icon.mailblock , .ic.mailblock { background-position: -96px -256px; }
.icon.mailfolder , .ic.mailfolder { background-position: -128px -256px; }
.icon.mailtrash , .ic.mailtrash { background-position: -160px -256px; }
.icon.trash , .ic.trash { background-position: -192px -256px; }
.icon.testimonial , .ic.testimonial { background-position: -224px -256px; }
.icon.edit , .ic.edit { background-position: -256px -256px; }
.icon.like , .ic.like { background-position: -288px -256px; }
.icon.search , .ic.search { background-position: -320px -256px; }
.icon.place , .ic.place { background-position: -352px -256px; }
.icon.flag , .ic.flag { background-position: -384px -256px; }
.icon.points , .ic.points { background-position: -416px -256px; }
.icon.check , .ic.check { background-position: -448px -256px; }
.icon.home , .ic.home { background-position: 0px -320px; }
.icon.heart , .ic.heart { background-position: -32px -320px; }
.icon.x , .ic.x { background-position: -64px -320px; }
.icon.upload , .ic.upload { background-position: -96px -320px; }
.icon.pin , .ic.pin { background-position: -128px -320px; }
.icon.phonecall , .ic.phonecall { background-position: -160px -320px; }
.icon.voice , .ic.voice { background-position: -192px -320px; }
.icon.mobile , .ic.mobile { background-position: -224px -320px; }
.icon.video , .ic.video { background-position: -256px -320px; }
.icon.camera , .ic.camera { background-position: -288px -320px; }
.icon.camcorder , .ic.camcorder { background-position: -320px -320px; }
.icon.cue , .ic.cue { background-position: -352px -320px; }
.icon.play , .ic.play { background-position: -384px -320px; }
.icon.config , .ic.config { background-position: -416px -320px; }
.icon.vip , .ic.vip { background-position: -448px -320px; }
.icon.happyface , .ic.happyface { background-position: 0px -384px; }
.icon.profile , .ic.profile { background-position: -32px -384px; }
.icon.group , .ic.group { background-position: -64px -384px; }
.icon.profileblock , .ic.profileblock { background-position: -96px -384px; }
.icon.addfriend , .ic.addfriend { background-position: -128px -384px; }
.icon.flirt , .ic.flirt { background-position: -160px -384px; }
.icon.hotlist , .ic.hotlist { background-position: -192px -384px; }
.icon.view , .ic.view { background-position: -224px -384px; }
.icon.comment , .ic.comment { background-position: -256px -384px; }
.icon.webcam , .ic.webcam { background-position: -288px -384px; }
.icon.bling , .ic.bling { background-position: -320px -384px; }
.icon.gift , .ic.gift { background-position: -352px -384px; }
.icon.messenger , .ic.messenger { background-position: -384px -384px; }
.icon.blog , .ic.blog { background-position: -416px -384px; }
.icon.popout , .ic.popout { background-position: -448px -384px; }
.icon.chat , .ic.chat { background-position: -480px -384px; }
.icon.refresh.grey , .ic.refresh.grey { background-position: -473px -4px; }
.icon.search.grey , .ic.search.grey { background-position: -499px -4px; }
.icon.pen.grey , .ic.pen.grey { background-position: -527px -4px; }
.icon.tag.grey , .ic.tag.grey { background-position: -557px -4px; }
.icon.block.grey , .ic.block.grey { background-position: -582px -4px; }
.icon.flag.grey , .ic.flag.grey { background-position: -602px -4px; }
.icon.bin.grey , .ic.bin.grey { background-position: -623px -4px; }
.icon.option.grey , .ic.option.grey { background-position: -645px -4px; }
.icon.camera.grey , .ic.camera.grey { background-position: -667px -4px; }
.icon.flower.grey , .ic.flower.grey { background-position: -690px -4px; }
.icon.face.grey , .ic.face.grey { background-position: -713px -4px; }
.icon.mail.dark , .ic.mail.dark { background-position: 0px 0px; }
.icon.incoming.dark , .ic.incoming.dark { background-position: -32px 0px; }
.icon.outgoing.dark , .ic.outgoing.dark { background-position: -64px 0px; }
.icon.mailblock.dark , .ic.mailblock.dark { background-position: -96px 0px; }
.icon.mailfolder.dark , .ic.mailfolder.dark { background-position: -128px 0px; }
.icon.mailtrash.dark , .ic.mailtrash.dark { background-position: -160px 0px; }
.icon.trash.dark , .ic.trash.dark { background-position: -192px 0px; }
.icon.testimonial.dark , .ic.testimonial.dark { background-position: -224px 0px; }
.icon.edit.dark , .ic.edit.dark { background-position: -256px 0px; }
.icon.like.dark , .ic.like.dark { background-position: -288px 0px; }
.icon.search.dark , .ic.search.dark { background-position: -320px 0px; }
.icon.place.dark , .ic.place.dark { background-position: -352px 0px; }
.icon.flag.dark , .ic.flag.dark { background-position: -384px 0px; }
.icon.points.dark , .ic.points.dark { background-position: -416px 0px; }
.icon.check.dark , .ic.check.dark { background-position: -448px 0px; }
.icon.home.dark , .ic.home.dark { background-position: 0px -64px; }
.icon.heart.dark , .ic.heart.dark { background-position: -32px -64px; }
.icon.x.dark , .ic.x.dark { background-position: -64px -64px; }
.icon.upload.dark , .ic.upload.dark { background-position: -96px -64px; }
.icon.pin.dark , .ic.pin.dark { background-position: -128px -64px; }
.icon.phonecall.dark , .ic.phonecall.dark { background-position: -160px -64px; }
.icon.voice.dark , .ic.voice.dark { background-position: -192px -64px; }
.icon.mobile.dark , .ic.mobile.dark { background-position: -224px -64px; }
.icon.video.dark , .ic.video.dark { background-position: -256px -64px; }
.icon.camera.dark , .ic.camera.dark { background-position: -288px -64px; }
.icon.camcorder.dark , .ic.camcorder.dark { background-position: -320px -64px; }
.icon.cue.dark , .ic.cue.dark { background-position: -352px -64px; }
.icon.play.dark , .ic.play.dark { background-position: -384px -64px; }
.icon.config.dark , .ic.config.dark { background-position: -416px -64px; }
.icon.vip.dark , .ic.vip.dark { background-position: -448px -64px; }
.icon.happyface.dark , .ic.happyface.dark { background-position: 0px -128px; }
.icon.profile.dark , .ic.profile.dark { background-position: -32px -128px; }
.icon.group.dark , .ic.group.dark { background-position: -64px -128px; }
.icon.profileblock.dark , .ic.profileblock.dark { background-position: -96px -128px; }
.icon.addfriend.dark , .ic.addfriend.dark { background-position: -128px -128px; }
.icon.flirt.dark , .ic.flirt.dark { background-position: -160px -128px; }
.icon.hotlist.dark , .ic.hotlist.dark { background-position: -192px -128px; }
.icon.view.dark , .ic.view.dark { background-position: -224px -128px; }
.icon.comment.dark , .ic.comment.dark { background-position: -256px -128px; }
.icon.webcam.dark , .ic.webcam.dark { background-position: -288px -128px; }
.icon.bling.dark , .ic.bling.dark { background-position: -320px -128px; }
.icon.gift.dark , .ic.gift.dark { background-position: -352px -128px; }
.icon.messenger.dark , .ic.messenger.dark { background-position: -384px -128px; }
.icon.blog.dark , .ic.blog.dark { background-position: -416px -128px; }
.icon.popout.dark , .ic.popout.dark { background-position: -448px -128px; }
.icon.chat.dark , .ic.chat.dark { background-position: -480px -128px; }
.icon.large , .ic.large {width: 32px; height: 32px; }
.icon.large.mail , .ic.large.mail { background-position: 0px -288px; }
.icon.large.incoming , .ic.large.incoming { background-position: -32px -288px; }
.icon.large.outgoing , .ic.large.outgoing { background-position: -64px -288px; }
.icon.large.mailblock , .ic.large.mailblock { background-position: -96px -288px; }
.icon.large.mailfolder , .ic.large.mailfolder { background-position: -128px -288px; }
.icon.large.mailtrash , .ic.large.mailtrash { background-position: -160px -288px; }
.icon.large.trash , .ic.large.trash { background-position: -192px -288px; }
.icon.large.testimonial , .ic.large.testimonial { background-position: -224px -288px; }
.icon.large.edit , .ic.large.edit { background-position: -256px -288px; }
.icon.large.like , .ic.large.like { background-position: -288px -288px; }
.icon.large.search , .ic.large.search { background-position: -320px -288px; }
.icon.large.place , .ic.large.place { background-position: -352px -288px; }
.icon.large.flag , .ic.large.flag { background-position: -384px -288px; }
.icon.large.points , .ic.large.points { background-position: -416px -288px; }
.icon.large.check , .ic.large.check { background-position: -448px -288px; }
.icon.large.home , .ic.large.home { background-position: 0px -352px; }
.icon.large.heart , .ic.large.heart { background-position: -32px -352px; }
.icon.large.x , .ic.large.x { background-position: -64px -352px; }
.icon.large.upload , .ic.large.upload { background-position: -96px -352px; }
.icon.large.pin , .ic.large.pin { background-position: -128px -352px; }
.icon.large.phonecall , .ic.large.phonecall { background-position: -160px -352px; }
.icon.large.voice , .ic.large.voice { background-position: -192px -352px; }
.icon.large.mobile , .ic.large.mobile { background-position: -224px -352px; }
.icon.large.video , .ic.large.video { background-position: -256px -352px; }
.icon.large.camera , .ic.large.camera { background-position: -288px -352px; }
.icon.large.camcorder , .ic.large.camcorder { background-position: -320px -352px; }
.icon.large.cue , .ic.large.cue { background-position: -352px -352px; }
.icon.large.play , .ic.large.play { background-position: -384px -352px; }
.icon.large.config , .ic.large.config { background-position: -416px -352px; }
.icon.large.vip , .ic.large.vip { background-position: -448px -352px; }
.icon.large.happyface , .ic.large.happyface { background-position: 0px -416px; }
.icon.large.profile , .ic.large.profile { background-position: -32px -416px; }
.icon.large.group , .ic.large.group { background-position: -64px -416px; }
.icon.large.profileblock , .ic.large.profileblock { background-position: -96px -416px; }
.icon.large.addfriend , .ic.large.addfriend { background-position: -128px -416px; }
.icon.large.flirt , .ic.large.flirt { background-position: -160px -416px; }
.icon.large.hotlist , .ic.large.hotlist { background-position: -192px -416px; }
.icon.large.view , .ic.large.view { background-position: -224px -416px; }
.icon.large.comment , .ic.large.comment { background-position: -256px -416px; }
.icon.large.webcam , .ic.large.webcam { background-position: -288px -416px; }
.icon.large.bling , .ic.large.bling { background-position: -320px -416px; }
.icon.large.gift , .ic.large.gift { background-position: -352px -416px; }
.icon.large.messenger , .ic.large.messenger { background-position: -384px -416px; }
.icon.large.blog , .ic.large.blog { background-position: -416px -416px; }
.icon.large.popout , .ic.large.popout { background-position: -448px -416px; }
.icon.large.chat , .ic.large.chat { background-position: -480px -416px; }
.icon.large.mail.dark , .ic.large.mail.dark { background-position: 0px -32px; }
.icon.large.incoming.dark , .ic.large.incoming.dark { background-position: -32px -32px; }
.icon.large.outgoing.dark , .ic.large.outgoing.dark { background-position: -64px -32px; }
.icon.large.mailblock.dark , .ic.large.mailblock.dark { background-position: -96px -32px; }
.icon.large.mailfolder.dark , .ic.large.mailfolder.dark { background-position: -128px -32px; }
.icon.large.mailtrash.dark , .ic.large.mailtrash.dark { background-position: -160px -32px; }
.icon.large.trash.dark , .ic.large.trash.dark { background-position: -192px -32px; }
.icon.large.testimonial.dark , .ic.large.testimonial.dark { background-position: -224px -32px; }
.icon.large.edit.dark , .ic.large.edit.dark { background-position: -256px -32px; }
.icon.large.like.dark , .ic.large.like.dark { background-position: -288px -32px; }
.icon.large.search.dark , .ic.large.search.dark { background-position: -320px -32px; }
.icon.large.place.dark , .ic.large.place.dark { background-position: -352px -32px; }
.icon.large.flag.dark , .ic.large.flag.dark { background-position: -384px -32px; }
.icon.large.points.dark , .ic.large.points.dark { background-position: -416px -32px; }
.icon.large.check.dark , .ic.large.check.dark { background-position: -448px -32px; }
.icon.large.home.dark , .ic.large.home.dark { background-position: 0px -96px; }
.icon.large.heart.dark , .ic.large.heart.dark { background-position: -32px -96px; }
.icon.large.x.dark , .ic.large.x.dark { background-position: -64px -96px; }
.icon.large.upload.dark , .ic.large.upload.dark { background-position: -96px -96px; }
.icon.large.pin.dark , .ic.large.pin.dark { background-position: -128px -96px; }
.icon.large.phonecall.dark , .ic.large.phonecall.dark { background-position: -160px -96px; }
.icon.large.voice.dark , .ic.large.voice.dark { background-position: -192px -96px; }
.icon.large.mobile.dark , .ic.large.mobile.dark { background-position: -224px -96px; }
.icon.large.video.dark , .ic.large.video.dark { background-position: -256px -96px; }
.icon.large.camera.dark , .ic.large.camera.dark { background-position: -288px -96px; }
.icon.large.camcorder.dark , .ic.large.camcorder.dark { background-position: -320px -96px; }
.icon.large.cue.dark , .ic.large.cue.dark { background-position: -352px -96px; }
.icon.large.play.dark , .ic.large.play.dark { background-position: -384px -96px; }
.icon.large.config.dark , .ic.large.config.dark { background-position: -416px -96px; }
.icon.large.vip.dark , .ic.large.vip.dark { background-position: -448px -96px; }
.icon.large.happyface.dark , .ic.large.happyface.dark { background-position: 0px -160px; }
.icon.large.profile.dark , .ic.large.profile.dark { background-position: -32px -160px; }
.icon.large.group.dark , .ic.large.group.dark { background-position: -64px -160px; }
.icon.large.profileblock.dark , .ic.large.profileblock.dark { background-position: -96px -160px; }
.icon.large.addfriend.dark , .ic.large.addfriend.dark { background-position: -128px -160px; }
.icon.large.flirt.dark , .ic.large.flirt.dark { background-position: -160px -160px; }
.icon.large.hotlist.dark , .ic.large.hotlist.dark { background-position: -192px -160px; }
.icon.large.view.dark , .ic.large.view.dark { background-position: -224px -160px; }
.icon.large.comment.dark , .ic.large.comment.dark { background-position: -256px -160px; }
.icon.large.webcam.dark , .ic.large.webcam.dark { background-position: -288px -160px; }
.icon.large.bling.dark , .ic.large.bling.dark { background-position: -320px -160px; }
.icon.large.gift.dark , .ic.large.gift.dark { background-position: -352px -160px; }
.icon.large.messenger.dark , .ic.large.messenger.dark { background-position: -384px -160px; }
.icon.large.blog.dark , .ic.large.blog.dark { background-position: -416px -160px; }
.icon.large.popout.dark , .ic.large.popout.dark { background-position: -448px -160px; }
.icon.large.chat.dark , .ic.large.chat.dark { background-position: -480px -160px; }
/*Tabs*/
.rc_box_header_right {color: #3366CC; padding: 0px; margin: 0px 20px 20px 0px; }
.rc_box_header_right a {font-size: 12px; font-weight: normal; color: #3366CC; padding: 0px; margin: 0px; text-decoration: none; }
.rc_box_header_right a:hover {color: #3366CC; text-decoration: underline; }
.rc_box_header_right a.active, .rc_box_header_right a.active:hover {color: #FFFFFF; font-weight: normal; text-decoration: none; padding: 0px; margin-right: 20px; }
.active .l {background: transparent url(https://secureimage.securedataimages.com/images/common/button_4.png) no-repeat 0 0px; display: inline-block; height: 19px; padding-left: 10px; position: relative; margin: 0px; }
.active .r {background: #FFFFFF url(https://secureimage.securedataimages.com/images/common/button_4.png) no-repeat scroll right 0px; display: inline-block; height: 19px; padding-right: 10px; position: relative; text-align: center; white-space: nowrap; width: auto; margin: 0px; }
.tab_container .fwb.selected {background: #FFF; color: #000; text-decoration: none; font: bold 13px Verdana, Geneva, sans-serif; border-top: 2px solid #E4E4E4; border-right: 2px solid #E4E4E4; border-bottom: 2px solid #FFF; border-left: 2px solid #E4E4E4; padding: 5px 20px; margin-right: 2px; margin-left: 2px; }
.tab_container {border-bottom: 2px solid #E4E4E4; margin-bottom: 20px; padding-bottom: 4px; padding-top: 10px; }
.tab_container .fwb {background: #E4E4E4; color: #999; text-decoration: none; font: bold 12px Verdana, Geneva, sans-serif; padding: 5px 20px 3px; margin-right: 2px; margin-left: 2px; border: 2px solid #E4E4E4; }
/*Pagination*/
.pagination {text-align: right; margin-bottom: 10px; }
.pagination a {color: #333333; width: auto; text-decoration: none; display: inline-block; padding: 1px 4px 2px 5px; border: 1px solid #bfbfbf; line-height: 100%; }
.pagination a:hover {text-decoration: none }
.pagination li {list-style: none; display: inline; }
.pagination li.active a, .pagination li a:hover {background: #bfbfbf; color: #FFFFFF }
/* FRUIT Basket styles */
body { position: relative; }
section.fruit {padding-top: 60px; clear: both; }
section.fruit > .row {margin-bottom: 10px; }
.jumbotron {min-width: 940px; padding-top: 40px; }
.jumbotron .inner {padding: 45px 0; -webkit-box-shadow: inset 0 10px 30px rgba(0,0,0,.3); -moz-box-shadow: inset 0 10px 30px rgba(0,0,0,.3); /* box-shadow:inset 0 10px 30px rgba(0,0,0,.3); */ }
.jumbotron h1, .jumbotron p {margin-bottom: 9px; color: #fff; text-align: center; text-shadow: 0 1px 1px rgba(0,0,0,.3); }
.jumbotron h1 {font-size: 54px; line-height: 1; text-shadow: 0 1px 2px rgba(0,0,0,.5); }
.jumbotron p {font-weight: 300; }
.jumbotron .lead {font-size: 20px; line-height: 27px; }
.jumbotron p a {color: #fff; font-weight: bold; }
.masthead {background-color: #222233; background-repeat: no-repeat; background-image: -webkit-gradient(linear, left top, left bottom, from(#111122), to(#222233)); background-image: -webkit-linear-gradient(#111122, #222233); background-image: -moz-linear-gradient(#111122, #222233); background-image: -o-linear-gradient(top, #111122, #222233); background-image: -khtml-gradient(linear, left top, left bottom, from(#111122), to(#222233)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#111122', endColorstr='#222233', GradientType=0); /* IE8 and down */ }
.jsmasthead {background-color: #555577; background-repeat: no-repeat; background-image: -webkit-gradient(linear, left top, left bottom, from(#111122), to(#555577)); background-image: -webkit-linear-gradient(#111122, #555577); background-image: -moz-linear-gradient(#111122, #555577); background-image: -o-linear-gradient(top, #111122, #555577); background-image: -khtml-gradient(linear, left top, left bottom, from(#111122), to(#555577)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#111122', endColorstr='#555577', GradientType=0); /* IE8 and down */ }
div.quickstart {background-color: #f5f5f5; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, from(#f9f9f9), to(#f5f5f5)); background-image: -moz-linear-gradient(#f9f9f9, #f5f5f5); background-image: -ms-linear-gradient(#f9f9f9, #f5f5f5); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f9f9f9), color-stop(100%, #f5f5f5)); background-image: -webkit-linear-gradient(#f9f9f9, #f5f5f5); background-image: -o-linear-gradient(#f9f9f9, #f5f5f5); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#f5f5f5', GradientType=0)"; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#f5f5f5', GradientType=0); background-image: linear-gradient(#f9f9f9, #f5f5f5); border-top: 1px solid #fff; border-bottom: 1px solid #eee; padding-top: 10px; }
div.quickstart div.row {margin: 0 -20px; -webkit-box-shadow: 1px 0 0 #f9f9f9; -moz-box-shadow: 1px 0 0 #f9f9f9; box-shadow: 1px 0 0 #f9f9f9; }
div.quickstart div.columns {width: 285px; height: 117px; margin-left: 0; padding: 17px 20px 26px; border-left: 1px solid #eee; -webkit-box-shadow: inset 1px 0 0 #f9f9f9; -moz-box-shadow: inset 1px 0 0 #f9f9f9; box-shadow: inset 1px 0 0 #f9f9f9; }
div.quickstart div.columns:last-child {border-right: 1px solid #eee; width: 286px; }
div.quickstart h6, div.quickstart p {line-height: 18px; text-align: center; margin-bottom: 9px; color: #333; }
div.quickstart h6 {color: #999; }
div.quickstart form textarea {display: block; width: 275px; height: auto; margin: 0 0 9px; line-height: 21px; white-space: nowrap; overflow: hidden; }
.fruity {color: #FBBA1E; }
.fixed {width: 180px; height: 22px; }
.footer {background-color: #eee; min-width: 940px; padding: 30px 0; text-shadow: 0 1px 0 #fff; border-top: 1px solid #e5e5e5; -webkit-box-shadow: inset 0 5px 15px rgba(0,0,0,.025); -moz-box-shadow: inset 0 5px 15px rgba(0,0,0,.025); box-shadow: inset 0 5px 15px rgba(0,0,0,.025); }
.footer p {color: #555; }
#slide_demo_subject, #fade_demo_subject {display: none; }
#fade_demo_subject {position: absolute; margin: 30px; }
.beta .handle {display: inline; }
.beta .handle {max-width:70px; display:inline-block; }
.beta .location {display:inline-block; white-space:nowrap; }
/*Color Samples for the library not to be used as actual styles...*/
.sample {width: 100px; height: 100px; }
.sample.link {background: #36c; }
.sample.link_hover {background: #01437f; }
.sample.default_header {background: #000; }
.sample.default_text {background: #333; }
.sample.darkgray {background: #666; }
.sample.midgray {background: #bfbfbf; }
.sample.lightgray {background: #e9e9e9; }
.sample.success_msg {background: #adffdf; border: 1px #9feecf solid; }
.sample.error_msg {background: #fecce5; border: 1px #fdb7da solid; }
.sample.notice_msg {background: #fefd9b; border: 1px #e4e38d solid; }
.sample.input_focus {background: #74B9EF; }
.sample.input_error {background: #C87872; }
.sample.input_error_bg {background: #FAE5E3; }
.sample.notification {background: #FDF5D9; border: 1px #FCEEC1 solid; }
.sample.alert {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); border-color: #f2e901; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); border-width: 1px; border-style: solid; }
.sample.primary_btn {border: 1px #005ab7 solid; background-color: #0064cd; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, from(#049cdb), to(#0064cd)); background-image: -moz-linear-gradient(top, #049cdb, #0064cd); background-image: -ms-linear-gradient(top, #049cdb, #0064cd); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #049cdb), color-stop(100%, #0064cd)); background-image: -webkit-linear-gradient(top, #049cdb, #0064cd); background-image: -o-linear-gradient(top, #049cdb, #0064cd); background-image: linear-gradient(top, #049cdb, #0064cd); }
.sample.default_btn {border: 1px #cfcfcf solid; background-color: #c9c9c9; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, from(#ededed), to(#c9c9c9)); background-image: -moz-linear-gradient(top, #ededed, #c9c9c9); background-image: -ms-linear-gradient(top, #ededed, #c9c9c9); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ededed), color-stop(100%, #c9c9c9)); background-image: -webkit-linear-gradient(top, #ededed, #c9c9c9); background-image: -o-linear-gradient(top, #ededed, #c9c9c9); background-image: linear-gradient(top, #ededed, #c9c9c9); }
.sample.guest_action_btn {border: 1px #ab0701 solid; background-color: #b40701; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, from(#e10202), to(#b40701)); background-image: -moz-linear-gradient(top, #e10202, #b40701); background-image: -ms-linear-gradient(top, #e10202, #b40701); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e10202), color-stop(100%, #b40701)); background-image: -webkit-linear-gradient(top, #e10202, #b40701); background-image: -o-linear-gradient(top, #e10202, #b40701); background-image: linear-gradient(top, #e10202, #b40701); }
.sample.member_action_btn {border: 1px #fdc11d solid; background-color: #f9b601; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, from(#ffef64), to(#f9b601)); background-image: -moz-linear-gradient(top, #ffef64, #f9b601); background-image: -ms-linear-gradient(top, #ffef64, #f9b601); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffef64), color-stop(100%, #f9b601)); background-image: -webkit-linear-gradient(top, #ffef64, #f9b601); background-image: -o-linear-gradient(top, #ffef64, #f9b601); background-image: linear-gradient(top, #ffef64, #f9b601); }
/* Special grid styles
-------------------------------------------------- */
.show-grid {margin-top: 10px; margin-bottom: 10px; }
.show-grid .span1, .show-grid .span2, .show-grid .span3, .show-grid .span4, .show-grid .span5, .show-grid .span6, .show-grid .span7, .show-grid .span8, .show-grid .span9, .show-grid .span10, .show-grid .span11, .show-grid .span12 {background-color: #eee; text-align: center; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; height: 30px; line-height: 30px; }
.show-grid:hover .span1, .show-grid:hover .span2, .show-grid:hover .span3, .show-grid:hover .span4, .show-grid:hover .span5, .show-grid:hover .span6, .show-grid:hover .span7, .show-grid:hover .span8, .show-grid:hover .span9, .show-grid:hover .span10, .show-grid:hover .span11, .show-grid:hover .span12 {background: rgba(0, 0, 0, 0.25); }
/* Render mini layout previews
-------------------------------------------------- */
div.mini-layout {height: 340px; margin-bottom: 20px; padding: 9px; border: 1px solid #ccc; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.125); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.125); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.125); }
div.mini-layout div {-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
div.mini-layout div.mini-layout-body {background-color: #dceaf4; margin: 0 auto; width: 340px; height: 340px; }
div.mini-layout.fluid div.mini-layout-sidebar, div.mini-layout.fluid div.mini-layout-header, div.mini-layout.fluid div.mini-layout-body {float: left; }
div.mini-layout.fluid div.mini-layout-sidebar {background-color: #bbd8e9; width: 90px; height: 340px; }
div.mini-layout.fluid div.mini-layout-body {width: 300px; margin-left: 10px; }
/* Topbar special styles -------------------------------------------------- */
div.topbar-wrapper {position: relative; height: 40px; margin: 5px 0 15px; }
div.topbar-wrapper div.topbar {position: absolute; margin: 0 -20px; }
div.topbar-wrapper div.topbar .topbar-inner {padding-left: 20px; padding-right: 20px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
/* Topbar in js docs
------------------------- */
#dropdowns .topbar-wrapper {z-index: 1; }
#dropdowns .topbar-wrapper .topbar {position: absolute; margin: 0 -20px; }
#dropdowns .topbar-wrapper .topbar .topbar-inner {padding-left: 20px; padding-right: 20px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
#dropdowns .topbar-wrapper .container {width: auto; }
.fun_fact {margin: 40px 0 30px 0; background: url('https://secureimage.securedataimages.com/images/ffadult/cover/cover_icons.png') repeat-x; background-position: 0 -480px; height: 100px; width: 100%; }
.fun_fact .headline {float: left; color: #FFC001; width: 150px; margin: 0 0 0 30px; padding: 10px; height: 90px; line-height: normal; }
.fun_fact .desc {float: left; color: #FFFFFF; width: 360px; padding: 10px; }
/* Popover docs-------------------------------------------------- */
div.popover-well {min-height: 580px; background: #ffffff; border: none; } div.popover-well div.popover {display: block; } div.popover-well div.popover-wrapper {width: 50%; height: 160px; float: left; margin-left: 55px; position: relative; }
div.popover-well div.popover-menu-wrapper {height: 80px; }
.status {float: right; }
/* Pretty Print-------------------------------------------------- */
.com {color: #666; }
.lit {color: #195f91; }
.pun, .opn, .clo {color: #93a1a1; }
.fun {color: #dc322f; }
.str, .atv {color: #268bd2; }
.kwd, .tag {color: #195f91; }
.typ, .atn, .dec, .var {color: #CB4B16; }
.pln {color: #666; }
pre.prettyprint {overflow: hidden; background: #e9e9e9; padding: 9px; border: 1px solid rgba(0,0,0,.2); -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.1); -moz-box-shadow: 0 1px 2px rgba(0,0,0,.1); box-shadow: 0 1px 2px rgba(0,0,0,.1); text-shadow: 1px 1px 0px #ffffff; }
/* Specify class=linenums on a pre to get line numbering */
ol.linenums {margin: 0 0 0 40px; } /* IE indents via margin-left */
ol.linenums li {color: rgba(0,0,0,.15); line-height: 20px; } /* Alternate shading for lines */
li.L1, li.L3, li.L5, li.L7, li.L9 { }
/* ColorBox Core Style: The following CSS is consistent between example themes and should not be altered.*/
#colorbox, #cboxOverlay, #cboxWrapper {position: absolute; top: 0; left: 0; z-index: 9999; overflow: visible; }
#cboxOverlay {position: fixed; width: 100%; height: 100%; }
#cboxMiddleLeft, #cboxBottomLeft {clear: left; }
#cboxContent {position: relative; }
#cboxLoadedContent {overflow: auto; }
#cboxTitle {margin: 0; }
#cboxLoadingOverlay, #cboxLoadingGraphic {position: absolute; top: 0; left: 0; width: 100%; }
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {cursor: pointer; }
.cboxPhoto {float: left; margin: auto; border: 0; display: block; }
.cboxIframe {width: 100%; height: 100%; display: block; border: 0; }
/* User Style: Change the following styles to modify the appearance of ColorBox. They are ordered & tabbed in a way that represents the nesting of the generated HTML.*/
#cboxOverlay {background: #000; }
#colorbox {-webkit-user-select: none; user-select: none; }
#cboxError {padding: 50px; border: 1px solid #ccc; }
#cboxLoadedContent {margin: 20px 0; }
#cboxTitle {position: absolute; top: 0; left: 0; text-align: center; width: 100%; color: #ccc; }
#cboxCurrent {position: absolute; bottom: 0; left: 50%; color: #999; }
#cboxSlideshow {position: absolute; top: 5px; right: 62px; color: #444; }
#cboxPrevious {position: absolute; top: 45%; left: -60px; background: url('https://secureimage.securedataimages.com/images/common/others/fruit_left.png') no-repeat; height: 93px; width: 45px; }
#cboxNext {position: absolute; top: 45%; right: -60px; background: url('https://secureimage.securedataimages.com/images/common/others/fruit_right.png') no-repeat; height: 93px; width: 45px; }
#cboxPrevious, #cboxNext {opacity: 0.4; }
#cboxPrevious:hover, #cboxNext:hover {opacity: 0.8; }
#cboxLoadingOverlay {background: transparent url('https://secureimage.securedataimages.com/images/common/others/fruit_ajax.gif') no-repeat 5px 5px; position: absolute; top: 50%; left: 50%; }
#cboxClose {position: absolute; top: 0; right: -60px; display: block; color: #eee; font-size: 30px; font-weight: bold; text-shadow: 0 -2px 0 #000; filter: alpha(opacity=40); -khtml-opacity: 0.4; -moz-opacity: 0.4; opacity: 0.4; } #cboxClose:hover {color: #fff; filter: alpha(opacity=80); -khtml-opacity: 0.8; -moz-opacity: 0.8; opacity: 0.8; }
/* The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill when an alpha filter (opacity change) is set on the element or ancestor element. This style is not applied to or needed in IE9. See:http://jacklmoore.com/notes/ie-transparency-problems/ */
.cboxIE #cboxTopLeft, .cboxIE #cboxTopCenter, .cboxIE #cboxTopRight, .cboxIE #cboxBottomLeft, .cboxIE #cboxBottomCenter, .cboxIE #cboxBottomRight, .cboxIE #cboxMiddleLeft, .cboxIE #cboxMiddleRight { filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF); }
#body {
overflow: hidden;
}
#form-content {
display: none;
}
noscript #form-content {
display: block;
}
.form-default select[name="state"],
.form-default select[name="country"] {
width: auto;
}
.form-default label,
.form-stacked label,
.form-inline label {
width: 170px;
}
.form-default input[type="checkbox"],
.form-default input[type="radio"],
.form-stacked input[type="checkbox"],
.form-stacked input[type="radio"],
.form-inline input[type="checkbox"],
.form-inline input[type="radio"] {
margin: 3px 5px;
}
.form-default input, .form-default textarea,
.form-default select, .form-stacked input,
.form-stacked textarea, .form-stacked select,
.form-inline input, .form-inline textarea,
.form-inline select, .uneditable-input {
float: left;
margin: 0 5px 3px 0;
}
.btn.primary, .btn-blue {
float: left;
}
#module-main select {
height: 28px;
line-height: 28px;
}
#module-main .form-default .input,
#module-main .form-stacked .input {
margin: 0 0 12px 180px;
position: relative;
min-height: 34px;
}
#module-main #form-birthdate .input,
#module-main #form-birthdate2 .input {
min-height: 28px;
margin-bottom: 18px;
}
#module-main .help-block,
#module-main .note-block {
position: absolute;
top: 100%;
}
#module-main .actions .help-block {
position: relative;
}
[data-page="ajax_form"] .grid_row .reg_left_wrapper.span5 {
width: 420px !important;
display: block;
margin: 0;
}
.grid_row .reg_left_wrapper.span5 {
display: none;
}
[data-page="ajax_form"] .grid_row .span7 {
margin: 0;
width: 540px;
}
.grid_row {
background: #FFF;
margin-bottom: 0;
width: 100%;
}
#header, #header_navbar {
z-index: 0;
}
#header {
z-index: 60;
}
#header_navbar {
display: none;
z-index: 61;
}
#reg_page {
width: 960px;
margin: 0 auto;
}
[data-errors="reg"] {
background: none repeat scroll 0 0 #FAE5E3;
border-radius: 3px;
margin: 10px auto;
width: 95%;
}
*:first-child+html [data-errors="reg"] {
background: none;
}
[data-errors="reg"] li {
color: #9D261D;
margin: 0 0 4px;
padding: 2px 15px;
}
*:first-child+html [data-errors="reg"] li {
background: #FAE5E3;
}
[data-submit-btn] {
display: block;
}
[data-form-field="handle_confirm"],
[data-form-field="email_confirm"],
[data-form-field="password_confirm"] {
display: none;
}
[data-form-js] [data-submit-btn] {
display: block;
}
[data-form-js] [data-form-page] {
display:none;
}
[data-form-page] {
display: block;
}
[data-page-view="reg-mobile"] [data-form-page="1"] {
display: block;
}
[data-form-title="2"] {
display: none;
}
.reg_left_wrapper {
float:left;
width:220px;
text-align:center;
}
.piclist_container {
font-size: 11px;
font-weight: 700;
padding-bottom: 10px;
}
.piclist_container img {
margin:0 0 4px;
}
.piclist_container br {
line-height: 0;
}
.piclist_container .reg_name_age,
.piclist_container .reg_thumbs_location {
line-height: 12px;
}
.piclist_title {
font-size: 14px;
font-weight: 700;
margin: 7px 0 0;
padding: 5px;
}
#tmpl_new_registered_ok .piclist_title {
font-size: 12px;
font-weight: 700;
margin: 0 auto;
text-align: center;
width: 50%;
}
.reg_page_title {
color:#999;
border-bottom:2px solid #CCC;
font-size:20px;
font-weight:700;
letter-spacing:-1px;
margin:0;
padding:5px 0;
}
.reg_thumbs_location {
font-size:10px;
}
.reg_name_age {
color:#0044cc;
}
[ data-page="ajax_form" ] .page_title,
#reg_tmpl .page_title,
#reg2_tmpl .page_title {
font-size: 22px;
margin: 10px 10px 0;
max-width: 520px;
text-align: center;
}
#reg_tmpl,
#reg2_tmpl {
background: #FFF;
}
#reg_tmpl p, #reg2_tmpl p {
line-height: normal;
margin-bottom: 2px;
}
form fieldset,
#reg2 fieldset {
width:520px;
}
form a, form select, form input,
#reg2 a, #reg2 select, #reg2 input {
outline: none;
}
form input, #reg2 input,
form select, #reg2 select {
font-size:14px;
min-height: 28px;
margin:0;
}
form input[type="checkbox"], #reg2 input[type="checkbox"],
form input[type="radio"], #reg2 input[type="radio"] {
min-height: inherit;
}
#form-intro-title input[type="text"],
#reg2 input[type="text"] {
width:280px;
}
form .error input select,
#reg2 .error input select {
border-color: #C87872;
box-shadow: 0 0 3px rgba(171, 41, 32, 0.25);
}
#form-intro textarea,
#info textarea {
resize: none;
height: 200px;
width: 280px;
}
[data-form-js] #form-looking-for > p,
[data-form-js] #looking_for_person > p,
[data-form-js] [data-form-field='looking-for'] > p,
[data-form-js] [data-form-field='looking-for-trans-profile'] > p {
display: none;
margin:0 0 5px;
}
#form-looking-for > p,
#looking_for_person > p,
[data-form-field='looking-for'] > p,
[data-form-field='looking-for-trans-profile'] > p {
display:block;
}
#form-looking-for p:last-of-type,
#looking_for_person p:last-of-type,
[data-form-field='looking-for'] p:last-of-type,
[data-form-field='looking-for-trans-profile'] p:last-of-type {
margin-bottom: 0;
}
form div.clearfix, #reg2 div.clearfix {
margin:2px 0 6px;
padding:2px 0;
}
form label {
font-size:14px;
color:#404040;
line-height: 14px;
display: table;
}
form label > span {
vertical-align: middle;
display: table-cell;
}
[data-form-field='looking-for-trans-profile'] .input label {
text-align:left;
text-transform: capitalize;
}
#form-looking-for .input label,
#looking_for_person .input label,
[data-form-field='looking-for'] .input label {
text-align:left;
width:auto;
text-transform: capitalize;
}
form select,
#reg2 select {
width: auto;
}
form button, #reg2 button {
margin:0 0 4px;
}
form .suggest,
#reg2 .suggest {
font-size:11px;
margin: 3px 0;
color: #808080;
position:relative;
float: left;
}
[data-form-field="intro"] .suggest {
float: right;
}
.actions .suggest {
margin:11px 0;
}
#reg2 .suggest {
margin-top: 10px;
}
[data-form-field="title"] label p,
[data-form-field="birthdate2"] label p {
margin-bottom: -2px;
color: #808080;
}
form .help-block, form .help-inline, form .note-block,
#reg2 .help-block, #reg2 .help-inline, #reg2 .note-block,
#reg2 ._note-block {
color: #808080;
font-style: italic;
height: auto;
line-height: 14px;
opacity:1;
max-width: 350px;
}
form .note-block, #reg2 .note-block,
#reg2 ._note-block {
font-size: 11px;
clear: both;
}
#reg2 ._note-block {
height:auto;
}
form .help-block, form .help-inline, form .help-block p, form .help-inline p, form .note-block p,
#reg2 .help-block, #reg2 .help-inline, #reg2 .help-block p, #reg2 .help-inline p, #reg2 .note-block p {
padding:0 0 1px;
font-style:italic;
font-size: 11px;
}
form .error .help-block, form .error .help-inline,
form .error .help-block p, form .error .help-inline p,
form .submit_alert, #reg2 .submit_alert,
#reg2 .error .help-block, #reg2 .error .help-inline,
#reg2 .error .help-block p, #reg2 .error .help-inline p {
color:#CC0000;
font-style:normal;
font-size: 12px;
white-space: nowrap;
}
.submit_alert, .reg_alert {
display: none;
}
.reg_alert.alert {
text-align: left;
margin-top: 5px;
width: 100%;
white-space: normal;
position: relative;
}
#spanish .reg_alert.alert,
#french .reg_alert.alert,
#german .reg_alert.alert,
#dutch .reg_alert.alert {
top: 9px;
}
.cant-reg .reg_alert.alert {
width: 238px;
margin-left: 142px;
}
[data-page-view="landing-stepbystep"] .cant-reg fieldset {
padding-bottom: 70px;
}
[data-page-view="landing-stepbystep"] .cant-reg .actions .reg_consent_group {
bottom: 232px;
}
.cant-reg .btn.primary {
bottom: 115px;
}
form .help-block p,
#reg2 .help-inline p {
display:none;
}
form div.clearfix.error,
#reg2 div.clearfix.error {
background:transparent;
}
#reg2 ul.writing_tool {
width:145px;
}
#reg2 ul.writing_tool li {
display:inline-block;
padding:0 3px 0 0;
line-height: 10px;
border-right:1px solid #999;
}
#reg2 ul.writing_tool li:last-child {
margin-right:0;
border-right:none;
}
form .input,
#reg2 .input {
margin-bottom: 18px;
}
#form-title .input,
#intro .input {
margin-bottom: 32px;
}
#reg2 .input {
margin-left:160px;
}
form .actions, #reg2 .actions {
margin-top:10px;
padding:5px 20px 10px 180px;
}
#reg2 .actions {
padding-left: 160px;
}
form .ok, form .not_ok {
font-size: 12px;
font-style: normal;
}
form .ok {
color: forestgreen;
}
form .not_ok,
form .form_errors {
color: #CC0000;
}
form .form_success {
color: #666666;
}
form .form_errors,
form .form_success {
margin: 4px 0;
}
form .loading, #reg2 .loading {
background: url( 'https://secureimage.securedataimages.com/images/common/icons/loading.gif' ) no-repeat 0 0 / 100% 100%;
position:absolute;
height: 18px;
width: 18px;
top: -1px;
right:-22px;
}
#email .loading {
top: -15px;
}
form #form-country .loading,
form #country .loading,
form #reg_state .loading {
top:-15px;
}
.actions .loading {
top: -6px;
}
.actions_msg_box {
float: left;
clear: both;
}
form #form-handle .suggest_base,
form #handle .suggest_base {
position:relative;
z-index: 10;
}
form #form-handle .suggest_list,
form #handle .suggest_list {
padding: 5px;
line-height: 15px;
display: none;
width:250px;
background: #FFF;
box-shadow: 0 2px 3px rgba(9,9,9,0.6);
position: absolute;
border-radius: 5px;
border:1px solid #CCC;
top:21px;
z-index: 20;
left:120px;
}
form #form-handle .suggest_list:after,
form #handle .suggest_list:after {
position:absolute;
content: "";
border-bottom:6px solid #CCC;
border-left:6px solid transparent;
border-right:6px solid transparent;
left:60px;
top:-6px;
}
form .zip_box {
position:absolute;
top:18px;
right:-50px;
width:300px;
height:400px;
z-index: 20;
background:#FFF;
box-shadow: 1px 1px 3px rgba(3,3,3,0.6);
overflow:auto;
border: none;
}
[data-form-js] #form-city, [data-form-js] #city, [data-form-js] #reg_closest_city, [data-form-js] #reg_city, [data-form-js] #reg_city_input,
[data-form-js] #form-state, [data-form-js] #state, [data-form-js] #reg_state, [data-form-js] #reg_state_input, [data-form-js] #zip_code {
display: none;
}
#form-city, #city, #reg_closest_city, #reg_city, #reg_city_input,
#form-state, #state, #reg_state, #reg_state_input, #zip_code, #form-zip {
display: none;
}
#zip_code, #form-zip {
display: block;
}
#form-handle .suggest_list
#handle .suggest_list {
display:none;
}
#form-handle .suggest_list span,
#handle .suggest_list span {
color: #3366CC;
font-size:12px;
margin:0 4px 0 0;
cursor: pointer;
line-height: 18px;
}
#form-handle .suggest_list .subtitle,
#handle .suggest_list .subtitle {
color:#000000;
font-weight: normal;
}
#form-handle .suggest_list span:hover,
#handle .suggest_list span:hover {
text-decoration: underline;
}
#form-handle .suggest_list span:last-child,
#handle .suggest_list span:last-child {
margin:0;
}
form .username_check {
display: none;
}
form .submit_alert,
#reg2 .submit_alert {
padding:5px 0;
}
#reg2 .counter-block {
padding:5px 0 0;
margin:0 0 4px;
font-size: 11px;
color: #666666;
}
#reg2 #recaptcha_table tr:last-child {
display:none;
}
#recaptcha_response_field {
line-height: normal;
font-size: 11px !important;
padding:0;
height:auto;
min-height: 15px !important;
border-radius: 0;
}
#form-recaptcha input[name='antispam_num'],
#captcha input[name='antispam_num'] {
width:120px;
margin-bottom: 4px;
}
#content .gst {
position: inherit !important;
z-index: 0 !important;
}
/** default label for select inputs **/
#reg [data-form-field] > label {
padding-top: 4px;
}
/** default label for text inputs **/
#reg #form-zip > label,
#reg #form-email > label,
#reg #form-handle > label,
#reg #form-password > label,
#form-zip .suggest {
padding-top: 8px;
}
/** label with (required/optional) text should be align top **/
#reg #form-birthdate2 > label,
#reg #form-intro-title > label,
#reg #form-intro > label {
padding-top: 0;
}
#reg [data-form-field] label>p {
line-height:10px;
}
#reg #form-looking-for > label {
padding-top: 9px;
}
#form-handle , #form-password {
margin-bottom: 10px;
}
#reg #form-intro .suggest {
line-height: 12px;
}
#footer, .footer-r, .footer-m {
overflow:inherit !important;
}
#header.swapfinder {
min-height: 52px;
}
#body,.gst #body {position:relative; margin:0 auto; background:#ededed;}
#header {margin:0;}
.gst #header {height: auto;}
.ie #header {height:none;}
.gst > #content #header .guest-links {bottom:13px;}
.gst > #content #header .logo-container {padding:13px 0; min-height:36px;}
.gst #header .site-logo {display:inline-block !important; bottom:-8px; *float:left;}
/**.gst #header .header-tagline {display:inline-block;position:relative;left:0;bottom:0; *float:left; *left:10px; *bottom:-19px;}**/
.gst > #content #header .header-tagline {display:inline-block !important; bottom: 5px;}
.langbox {position:relative; top:-3px;}
#tmpl_register_page1, #tmpl_register_page2, #tmpl_new_registered_ok_beta10 {width:940px;}
#ffadult #tmpl_register_page1, #ffadult #tmpl_register_page2, #tmpl_new_registered_ok_beta10 {padding:0; padding-right: 20px; width:940px; background-color:#fff;}
#dcb #tmpl_register_page1, #dcb #tmpl_register_page2, #dcb #tmpl_new_registered_ok { margin:0;padding:0; padding-right: 20px; width:940px; background-color:#fff; }
.full_width, .gst #body .full_width {width:960px;}
.reg_left_wrapper { float:left; width:420px; text-align:center; }
.reg_left_wrapper.column_with_vid { background-color:#393738;text-align:left; }
.reg_left_wrapper.column_with_vid .box {margin:0 10px;padding:5px 50px 10px;}
.box.sexy_vids {border-bottom:1px solid #4b494a;}
.box.live_cams {border-bottom:1px solid #4b494a;border-top:1px solid #151414;}
.reg_left_wrapper.column_with_vid .box.member_nearby {border-top:1px solid #151414; padding:5px 40px 20px 40px;}
.reg_left_wrapper.column_with_vid .box h2 {margin:0; margin-bottom:5px; font-size:24px;color:#fff;padding:10px 0; }
#french .reg_left_wrapper.column_with_vid .box h2,#portuguese .reg_left_wrapper.column_with_vid .box h2 { white-space:nowrap; }
.reg_left_wrapper.column_with_vid .box h2:before { content:''; width:32px; height:37px; display:inline-block; padding-right:5px; background-image:url('https://secureimage.securedataimages.com/images/ffadult/icon_left_column.png');background-repeat:no-repeat;}
.reg_left_wrapper.column_with_vid .box h2 span {font-size:12px; font-weight:normal; padding-left: 5px;}
.sexy_vids h2:before {background-position:left 9px;}
.live_cams h2:before {background-position:left -65px;}
.member_nearby h2:before {background-position:8px -138px;}
.reg_left_wrapper.column_with_vid .box .jwplayer, #demo_vid_sexy_wrapper, #demo_vid_live_wrapper {border:3px solid #fff;}
.reg_left_wrapper.column_with_vid .box .info { float:right; padding:5px 5px 0 5px; height:20px; color:#333; font-weight:bold; line-height:15px; font-size:12px; text-align:center; background-color:#fff; position:relative; right:0;
-moz-border-radius-bottomright : 4px;
-webkit-border-bottom-right-radius : 4px;
border-bottom-right-radius : 4px;
-moz-border-radius-bottomleft : 4px;
-webkit-border-bottom-left-radius : 4px;
border-bottom-left-radius : 4px;
}
.reg_right_wrapper { float:right; width:500px; padding-bottom:10px; text-align:left; }
.reg_right_wrapper .reg_question {margin: 0 10px 0 0 !important;}
#members { overflow:hidden; }
.piclist_container { margin:0 5px; padding-bottom:10px; font-weight:700; font-size:12px; width:96px; min-height:160px; float:left; text-align:center; -webkit-text-size-adjust:none; }
.piclist_container > img { border: 3px solid white; height:92px; }
.member_grid .piclist_container { height: 200px; }
.reg_thumbs_location { font-size:12px; color: white; font-weight: normal;}
.reg_name_age { display:block; color:#fff; }
.reg_name_age em { display:inline-block; width:96px; font-style:normal; overflow:hidden; text-overflow:ellipsis; }
.reg_name_age > span {display:block; font-weight: normal; font-size:11px;}
.vid_container {position:relative;}
.scroll_arrow {cursor:pointer; display:inline-block; width:27px; height:44px; position:absolute; top:70px; background-image:url('https://secureimage.securedataimages.com/images/ffadult/icon_scrollArrow.png');background-repeat:no-repeat;}
.scroll_arrow.arrow_left {left:-45px; background-position:left top;}
.scroll_arrow.arrow_left:hover {background-position:left bottom;}
.scroll_arrow.arrow_right {right:-45px; background-position:right top;}
.scroll_arrow.arrow_right:hover {background-position:right bottom;}
#tmpl_register_page2 .reg_username_desc {width:100%}
.reg_intro_input {width:300px;}
.clear {clear:both;}
.vid_container .play {position:absolute; left:50%;top:50%;margin-left:-30px;margin-top:-30px; background:url('https://secureimage.securedataimages.com/images/ffadult/icon_vid_player_play.png') no-repeat center center; display:inline-block; width:60px; height:60px; cursor:pointer;}
.vid_container .spinnerWrap {position:absolute; left:50%;top:50%;margin-left:-30px;margin-top:-30px; background:url('https://secureimage.securedataimages.com/images/ffadult/icon_vid_player_square.png') no-repeat center center; display:inline-block; width:60px; height:60px; cursor:pointer;}
.vid_container .spinnerWrap > div {position:relative;}
.vid_container .spinnerWrap img {position:absolute;left:50%;top:50%;margin-left:-18px;top:11px;}
#ffadult #tmpl_register_page2 .reg_answer input[type="submit"]{font-size:12px;}
.shadow_hoz {position:absolute; left:0; top:0; z-index: 9999; width:100%; height:3px; background:#dedede;}
#out [data-page-view="landing-stepbystep"] {
float: none;
}
#ffj [data-page-view="landing-stepbystep"] [data-form-page="4"] [data-page-asset="fields"] {
margin: 10px auto;
}
#ffj [data-page-view="landing-stepbystep"] [data-form-page="4"] [data-form-group="profile"] {
margin: 0;
max-height: 35px;
clear: both;
}
#bdsm [data-page-view="landing-stepbystep"] [data-form-page="4"] fieldset,
#ffsenior [data-page-view="landing-stepbystep"] [data-form-page="4"] fieldset,
#out [data-page-view="landing-stepbystep"] [data-form-page="4"] fieldset,
#ffj [data-page-view="landing-stepbystep"] [data-form-page="4"] fieldset {
height: 480px;
}
.spanish .reg_alert.alert,
.french .reg_alert.alert,
.german .reg_alert.alert,
.dutch .reg_alert.alert,
.italian .reg_alert.alert,
.portuguese .reg_alert.alert {
top: 9px;
}
[data-page-view="landing-stepbystep"] {
margin: 20px 0 0;
}
[data-page-view="landing-stepbystep"] fieldset {
width: 500px;
height: 400px;
text-align: left;
margin: 0 auto;
padding: 2px;
border: 1px solid #DFDFDF;
background: #FFF;
position: relative;
}
[data-page-view="landing-stepbystep"] label {
width: 145px;
}
[data-page-view="landing-stepbystep"] .input {
margin: -5px 0 12px 157px;
}
[data-page-view="landing-stepbystep"] .help-block {
margin: 0;
padding: 0;
height: 0;
}
[data-page-view="landing-stepbystep"] .help-block p {
margin: 0;
padding: 0;
height: 0;
}
[data-page-view="landing-stepbystep"] .note-block {
height: 0;
}
[data-page-view="landing-stepbystep"] form label > span {
display: block;
}
[data-page-view="landing-stepbystep"] [data-form-group="profile"] select {
width: 230px;
}
[data-page-view="landing-stepbystep"] input[name="zip"] {
width: 100px;
}
[data-page-view="landing-stepbystep"] [data-form-submit],
[data-page-view="landing-stepbystep"] button[type="submit"] {
position: absolute;
bottom: 67px;
left: 157px;
}
[data-page-view="landing-stepbystep"] .noerror {
margin-bottom: 7px;
}
[data-page-view="landing-stepbystep"] [data-page-asset="fields"] {
padding: 8px 0;
background: #ffffff;
}
[data-page-view="landing-stepbystep"] [data-page-asset="fields"] {
margin: 40px auto;
}
[data-page-view="landing-stepbystep"] .actions .suggest {
position: absolute;
bottom: 77px;
left: 120px;
}
[data-page-view="landing-stepbystep"] .actions .help-block {
margin: 0 auto;
}
[data-page-view="landing-stepbystep"] .actions .reg_consent_group {
width: 286px;
position: absolute;
bottom: 184px;
left: 157px;
}
#form-content {
position: relative;
}
.actions .actions_msg_box {
float: none;
margin: 0 auto;
text-align: center;
position: absolute;
bottom: 45px;
left: 14px;
width: 100%;
}
[data-page="ajax_form"] .grid_row .span7 {
margin: 0 auto;
}
[data-page="ajax_form"] .page_title {
padding: 0 0 10px 0;
color: #999;
}
#form-intro textarea {
height: 105px;
}
#reg #form-birthdate2 > label {
padding-top: 4px;
}
[data-form-field="looking-for"] .input label,
[data-form-field="looking-for-trans-profile"] .input label {
width: 145px;
}
[data-form-field="looking-for"] input[type="checkbox"],
[data-form-field="looking-for-trans-profile"] input[type="checkbox"] {
margin-left: 0;
}
[data-form-field="trans_profile"],
[data-form-field="looking-for-trans-profile"] {
display: none;
}
[data-form-field="zip"] .suggest {
padding-top: 6px;
}
[data-form-field="zip"] label {
margin-top: 4px;
}
[data-form-page="1"] fieldset {
height: auto;
min-height: 400px;
}
[data-form-page="3"] .alignment {
margin-bottom: 17px;
}
[data-form-page="3"] #form-handle,
[data-form-page="3"] #form-password {
margin-bottom: 17px;
}
[data-form-page="3"] [data-form-field] {
margin-bottom: 17px;
}
[data-form-page="5"] [data-page-asset="fields"] {
margin: 20px 0 0;
}
[data-form-page="5"] [id="form-intro-title"] {
margin-bottom: 15px;
}
[data-form-page="6"] .actions_msg_box {
left: 0;
width: auto;
}
[data-form-page="6"] .submit_alert {
position: relative;
left: -50%;
}
[data-form-page="6"] .input .help-block {
text-align: center;
margin: 0 auto;
}
[data-form-page="6"] .actions {
position: absolute;
bottom: -10px;
left: 50%;
padding: 0;
}
[data-form-page="6"] .actions .suggest {
left: -80px;
}
[data-form-page="6"] button[type="submit"] {
position: relative;
left: -50%;
}
[data-form-page="6"] .note {
font-size: 16px;
color: #999;
margin: 12px 39px;
}
[data-form-js] [data-form-page="1"] {
display: none;
}
input[name="action"][value="page1"] ~ .pagination .prev_link {
display: none;
}
.group_align .field_align {
margin: 10px auto;
}
.group_align [data-form-page="2"] [data-page-asset="fields"] {
margin: 10px auto;
}
.group_align [data-form-page="4"] [data-form-group="profile"] {
margin: 0;
max-height: 35px;
clear: both;
}
.group_align [data-form-page="4"] [data-page-asset="fields"] {
margin: 10px auto;
}
form #form-handle .suggest_list {
z-index: 1010;
display: none;
width: 200px;
padding: 8px;
text-align: left;
white-space: normal;
background-color: #ffffff;
border: 1px solid #ccc;
border: 1px solid rgba(0, 0, 0, 0.2);
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
-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;
}
form #form-handle .suggest_list .subtitle {
border-bottom: 1px solid #d1d1d1;
margin: 0 0 4px;
}
form #form-handle .suggest_list span {
display: block;
float: left;
}
form #form-handle .suggest_list span:after {
content: ",";
}
form #form-handle .suggest_list span:last-child:after {
content: "";
}
.pagination {
text-align: center;
position: absolute;
z-index: 0;
bottom: 30px;
width: 100%;
margin: 0 auto;
}
.pagination li {
display: inline-block;
text-align: center;
border-radius: 50%;
margin: 0 17px;
background: #666;
position: relative;
}
.pagination li::before {
content: '';
position: absolute;
top: 50%;
left: -4em;
width: 4em;
height: 1px;
background: #d1d1d1;
z-index: -1;
}
.pagination li:first-child::before {
display: none;
}
.pagination li a:hover {
background: inherit;
}
.pagination li + li + li + li + li + li {
display: none;
}
.pagination .current ~ .pagination_item {
background: #d1d1d1;
}
.pagination .current ~ .pagination_item a {
cursor: default;
}
.pagination a {
border: none;
padding: 5px 7px;
border-radius: inherit;
}
.pagination a:hover {
text-decoration: none;
background: transparent;
}
.pagination a span {
color: #fff;
font-family: "open sans", sans-serif;
font-weight: bold;
font-size: 16px;
display: block;
}
.pagination .prev_link {
cursor: pointer;
background: transparent;
position: absolute;
top: 2px;
right: 415px;
}
.pagination .prev_link:hover {
text-decoration: underline;
color: #97cc5e;
}
.pagination .pagination_back {
color: #97cc5e;
font-weight: bold;
font-size: 14px;
font-family: "open sans", sans-serif;
}
[data-form-field="recaptcha"] .input {
margin: 0;
}
[data-form-field="recaptcha"] #recaptcha_area {
margin: 0 auto;
}
#recaptcha > div {
margin: 0 auto;
}
#reg_closest_city select {
min-width: 130px;
}
#bday_month {
min-width: 100px;
}
#bday_year {
min-width: 62px;
}
select[name="REG_sex"] {
min-width: 168px;
}
.reg_alert {
width: 80%;
text-align: left;
}
.member_totals {
text-align: center;
color: #999999;
margin: 0 0 18px 0;
}
.bdsm .member_totals {
color: #FFFFFF;
}
/* Safari 10+ / Not iOS */
_::-webkit-:host:not(:root:root),
[data-form-group=birthday] select {
float: none;
}
#ffadult .has_captcha [data-form-page="5"] fieldset {
max-height: 510px;
}
#recaptcha-checkbox {
padding: 0 0 0 141px;
}