Файл: Application/themes/default/css/css.css
Строк: 3858
/* --- WE IMPORT STYLES --- */
/* @import
url("formalize.css"); */
/* We started with the Reset
----------------- */
html, body, div, span, object, iframe,
h1, h2, h3,
h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em,
img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd,
ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot,
thead, tr, th, td,
article, aside, canvas, details, figcaption,
figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark,
audio, video {
margin: 0;
padding: 0;
font-size: 100%;
font-weight:
inherit;
font-style: normal;
vertical-align: baseline;
background:
transparent;
border: 0;
outline: 0;
}
/* HTML5 Reset for older
browsers */
article, aside, figure, figure img, hgroup, footer, header,
nav, section {
display: block;
}
blockquote, q { quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after { content: '';
content: none; }
table { border-collapse: collapse; border-spacing: 0;
}
input, select { vertical-align: middle; }
a img { border: 0; }
:focus
{ outline: 0; }
a:hover, a:active { outline: none; }
/* General styles
of use
-----------------------------------------------
*/
img,
embed,
object,
video {
max-width: 100%;
}
.hide {
display: none; }
.clear { clear: both; }
body {
color:
#333;
background: #E7EBF2;
-webkit-text-size-adjust:
100%;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
width:100%;
}
hr { color: #FFF;
background-color:#DEE0E3; height: 1px; border: 0; margin: 0 auto;
text-align: center; }
hr.blue{ background-color:#D2DADF; }
hr.grey{
background-color:
#EBEBEB}
.sh{float:none;clear:both;font-size:0px;line-height:0px;}
.fleft{
position:relative; float:left; }
.fright{ position:relative; float:right;
}
.visible { display: block; }
.hand { cursor:pointer !important;
}
.undecorated{ text-decoration:none; }
.centered{ text-align:center;
}
.bold{ font-weight:bold; }
.justified{ text-align:justify; }
.italica{
font-style:italic !important; }
.bblue{ background-color:#10aedb;
border:1px solid #0F9BC4; padding:6px 15px 6px 15px; color:#FFFFFF
!important; font-size:13px; }
.bblue:hover{ background-color:#0F9BC4;
border:1px solid #0D82A4; padding:6px 15px 6px 15px; color:#FFFFFF
!important; text-decoration:none; }
.bgreen{ background-color:#7AB326;
border:1px solid #5A841C; padding:6px 15px 6px 15px; color:#FFFFFF
!important; font-size:15px; }
.bgreen:hover{ background-color:#679720;
border:1px solid #044638; padding:6px 15px 6px 15px; color:#FFFFFF
!important; text-decoration:none; }
.byellow{ background-color:#FFE26F;
border:1px solid #D5AA00; padding:6px 15px 6px 15px; color:#624F00
!important; font-size:15px; text-align:center; }
.byellow:hover{
background-color:#FFD528; border:1px solid #AA8800; padding:6px 15px 6px
15px; color:#624F00 !important; text-decoration:none; }
.bred{
background-color:#E5180E; border:1px solid #CC0000; padding:6px 15px 6px
15px; color:#FFF !important; font-size:15px; }
.bred:hover{
background-color:#FC2E18; border:1px solid #CC0000; padding:6px 15px 6px
15px; color:#FFF !important; text-decoration:none; }
.bgrey{
background-color:#CDDBE6; border:1px solid #5B6B74; padding:6px 15px 6px
15px; color:#61727A !important; font-size:15px; }
.bgrey:hover{
background-color:#ABBAC4; border:1px solid #5B6B74; padding:6px 15px 6px
15px; color:#38444B !important; text-decoration:none; }
.bgrey2{
cursor:pointer; background-color:#E8E8E8; border:1px solid #CCCCCC;
color:#333; text-shadow: 0 1px 0 rgba(255, 255, 255, .5); padding:5px 20px;
text-align:center; font-size:13px; }
.bgrey2:hover{
background-color:#DEDEDE; border:1px solid #BBBBBB;
}
.rounded3{-webkit-border-radius:3px; -moz-border-radius:3px;
border-radius:3px; }
.rounded{-moz-border-radius:5px; border-radius:5px;
}
.rounded8{-moz-border-radius:8px; border-radius:8px; }
.rounded20{
-webkit-border-bottom-right-radius: 20px;
-webkit-border-bottom-left-radius: 20px; -moz-border-radius-bottomright:
20px; -moz-border-radius-bottomleft: 20px; border-bottom-right-radius:
20px; border-bottom-left-radius: 20px; }
.rounded10T{
-webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius:
10px; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px;
border-top-left-radius: 10px; border-top-right-radius: 10px;
}
/*********************************/
/* buttons follow
*/
#areafollow{ margin-top:10px; font-family: Arial, Helvetica,
sans-serif; }
#areafollow .botonf{ width:110px; cursor:pointer;
background-color:#E8E8E8; border:1px solid #CCCCCC; }
#areafollow
.botonf:hover{ cursor:pointer; background-color:#DEDEDE; border:1px solid
#BBBBBB; }
#areafollow .botonfs{ width:110px; cursor:pointer;
background-color:#14A7DD; border:1px solid #057ED0; }
#areafollow
.botonfns{ width:110px; cursor:pointer; background-color:#D14740;
border:1px solid #A93730; }
#areafollow .txtaction{ padding:5px;
text-align:center; font-weight:bold; font-size:13px; }
#areafollow
.follow{ color:#333; text-shadow: 0 1px 0 rgba(255, 255, 255, .5);
}
#areafollow .editprofile{ color:#333; text-shadow: 0 1px 0 rgba(255,
255, 255, .5); }
#areafollow .following{ color: white; text-shadow: 0
-1px 0 rgba(0, 0, 0, .25); }
#areafollow .unfollow{ color: white;
text-shadow: 0 -1px 0 rgba(0, 0, 0, .25);
}
/*********************************/
/*********************************/
.mrg5T{
margin-top:5px; }
.mrg10T{ margin-top:10px; }
.mrg15T{ margin-top:15px;
}
.mrg20T{ margin-top:20px; }
.mrg30T{ margin-top:30px; }
.mrg40T{
margin-top:40px; }
.mrg50T{ margin-top:50px; }
.mrg10B{
margin-bottom:10px; }
.mrg15B{ margin-bottom:15px; }
.mrg20B{
margin-bottom:20px; }
.mrg5R{ margin-right:5px; }
.mrg10R{
margin-right:10px; }
.mrg15R{ margin-right:15px; }
.mrg20R{
margin-right:20px; }
.mrg25R{ margin-right:25px; }
.mrg5L{
margin-left:5px; }
.mrg10L{ margin-left:10px; }
.mrg20L{
margin-left:20px; }
.pdn5{ padding:5px; }
.pdn10{ padding:10px;
}
.pdn20{ padding:20px; }
.pdn10B{ padding-bottom:10px; }
.pdn20B{
padding-bottom:20px; }
.pdn10L{ padding-left:10px;}
.pdn10R{
padding-right:10px;}
.linkgray a{ color: #333 !important;
text-decoration:none; }
.linkgray a:hover{ color: #333 !important;
text-decoration:underline; }
.linkwhite a{ color:#FFF !important;
text-decoration:none; }
.linkwhite a:hover{ color:#FFF !important;
text-decoration:underline; }
.linkblue a{ color: #3b5998 !important;
text-decoration:none; }
.linkblue a:hover{ color: #3b5998 !important;
text-decoration:underline; }
.linkblue2 a{ color: #000 !important;
text-decoration:none; }
.linkblue2 a:hover{ color: #0084B4 !important;
text-decoration:underline; }
.linkblue3 a{ color: #0084B4 !important;
text-decoration:none; }
.linkblue3 a:hover{ color: #0084B4 !important;
text-decoration:underline; }
.onlyblue{ color: #0E95BC
!important; }
.txtsize00{ font-size:13px; }
.txtsize01{ font-size:14px;
}
.txtsize02{ font-size:15px; }
.txtsize03{ font-size:16px;
}
.txtsize04{ font-size:17px; }
.txtsize05{ font-size:18px;
}
.txtsize06{ font-size:19px; }
.txtsize07{ font-size:20px;
}
.txtsize08{ font-size:21px; }
.txtsize09{ font-size:22px;
}
.txtsize10{ font-size:23px; }
.txtsize11{ font-size:24px;
}
.txtsize12{ font-size:25px; }
.txtsize13{ font-size:26px;
}
.txtsize14{ font-size:27px; }
.txtsize15{ font-size:28px;
}
.spacing01{ line-height:20px; }
.spacing02{ line-height:22px;
}
.spacing03{ line-height:24px; }
.spacing04{ line-height:26px;
}
.spacing05{ line-height:28px; }
.combobox{ border:1px solid #B1B1B1;
padding:2px 3px; color:#656B7A; outline: none; }
.boxinput{ border:1px
solid #B1B1B1; padding:3px; color:#656B7A; outline: none; font-size:13px;
resize:none; }
.grey1{ color:#999; }
.grey2{ color:#666; }
.red{
color:#F00; }
.yellowbox { border: #C89C06 solid 1px; margin-top:10px;
margin-bottom: 10px; padding: 5px; background-color: #FEF8C0; color:
#333333; text-align:center; display:none; }
.redbox { border: #FFAEAE
solid 1px; margin-top:10px; margin-bottom: 10px; padding: 5px;
background-color:#FFF4F4; color: #333333; text-align:center; display:none;
}
.redbox2{ border-top: #FFAEAE solid 1px; border-bottom: #FFAEAE solid
1px; margin-top:10px; margin-bottom: 10px; padding: 5px;
background-color:#FFF4F4; color: #333333; text-align:center; display:none;
}
.only-redbox{ border:1px solid #FFCCCD; background-color: #FFF0F0;
color:#000; font-size:13px; text-align:center; padding:15px 5px;
}
.edge3{ border:1px solid #BBB; padding:3px; }
.edge5{ border:1px
solid #BBB; padding:5px; }
.edge8{ border:1px solid #BBB; padding:8px;
}
.edgeblue3{ border:1px solid #024064; padding:3px;
background-color:#03639C; }
.previewavatardash{ max-width:180px; width:
expression(this.width > 180 ? 180: true); padding:5px; border:1px solid
#BDC7D8; }
.width20c{ width:20% !important; }
.width30c{ width:30%
!important; }
.width50c{ width:50% !important; }
.txtshadow{
text-shadow: 0 1px 1px rgba(0,0,0,.2);
}
/*******************************************/
/*******************************************/
/*****
Buttons ******/
.btn {
display: inline-block;
*display: inline;
padding: 4px 12px;
margin-bottom: 0;
*margin-left: .3em;
font-size: 14px;
line-height: 20px;
color: #333333;
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 #cccccc;
*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);
filter:
progid:DXImageTransform.Microsoft.gradient(enabled=false);
*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: #333333;
background-color: #e6e6e6;
*background-color:
#d9d9d9;
}
.btn:active,
.btn.active {
background-color: #cccccc
\9;
}
.btn:first-child {
*margin-left:
0;
}
.btn:hover,
.btn:focus {
color: #333333;
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;
opacity: 0.65;
filter:
alpha(opacity=65);
-webkit-box-shadow: none;
-moz-box-shadow:
none;
box-shadow: none;
}
.btn-green {
color: #ffffff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #5bb75b;
*background-color: #51a351;
background-image: -moz-linear-gradient(top,
#A4D614, #7FAD03);
background-image: -webkit-gradient(linear, 0 0, 0
100%, from(#A4D614), to(#7FAD03));
background-image:
-webkit-linear-gradient(top, #A4D614, #7FAD03);
background-image:
-o-linear-gradient(top, #A4D614, #7FAD03);
background-image:
linear-gradient(to bottom, #A4D614, #7FAD03);
background-repeat:
repeat-x;
border-color: #51a351 #51a351 #387038;
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='#ffa4d614',
endColorstr='#ff7fad03', GradientType=0);
filter:
progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.btn-green:hover,
.btn-green:focus,
.btn-green:active,
.btn-green.active,
.btn-green.disabled,
.btn-green[disabled]
{
color: #ffffff;
background-color: #51a351;
*background-color:
#499249;
}
.btn-green:active,
.btn-green.active {
background-color:
#408140 \9;
}
.btn-sky {
color: #ffffff;
text-shadow: 0 -1px 0
rgba(0, 0, 0, 0.25);
background-color: #49afcd;
*background-color:
#2f96b4;
background-image: -moz-linear-gradient(top, #5bc0de,
#2f96b4);
background-image: -webkit-gradient(linear, 0 0, 0 100%,
from(#5bc0de), to(#2f96b4));
background-image:
-webkit-linear-gradient(top, #5bc0de, #2f96b4);
background-image:
-o-linear-gradient(top, #5bc0de, #2f96b4);
background-image:
linear-gradient(to bottom, #5bc0de, #2f96b4);
background-repeat:
repeat-x;
border-color: #2f96b4 #2f96b4 #1f6377;
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='#ff5bc0de',
endColorstr='#ff2f96b4', GradientType=0);
filter:
progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.btn-sky:hover,
.btn-sky:focus,
.btn-sky:active,
.btn-sky.active,
.btn-sky.disabled,
.btn-sky[disabled]
{
color: #ffffff;
background-color: #2f96b4;
*background-color:
#2a85a0;
}
.btn-sky:active,
.btn-sky.active {
background-color:
#24748c \9;
}
.btn-blue {
color: #ffffff;
text-shadow: 0 -1px 0
rgba(0, 0, 0, 0.25);
background-color: #006dcc;
*background-color:
#1E69B3;
background-image: -moz-linear-gradient(top, #287CD1,
#1E69B3);
background-image: -webkit-gradient(linear, 0 0, 0 100%,
from(#287CD1), to(#1E69B3));
background-image:
-webkit-linear-gradient(top, #287CD1, #1E69B3);
background-image:
-o-linear-gradient(top, #287CD1, #1E69B3);
background-image:
linear-gradient(to bottom, #287CD1, #1E69B3);
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='#ff287cd1',
endColorstr='#ff1e69b3', GradientType=0);
filter:
progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.btn-blue:hover,
.btn-blue:focus,
.btn-blue:active,
.btn-blue.active,
.btn-blue.disabled,
.btn-blue[disabled]
{
color: #ffffff;
background-color: #0044cc;
*background-color:
#003bb3;
}
.btn-blue:active,
.btn-blue.active {
background-color:
#003399 \9;
}
.btn-orange {
color: #ffffff;
text-shadow: 0 -1px 0
rgba(0, 0, 0, 0.25);
background-color: #faa732;
*background-color:
#f89406;
background-image: -moz-linear-gradient(top, #fbb450,
#f89406);
background-image: -webkit-gradient(linear, 0 0, 0 100%,
from(#fbb450), to(#f89406));
background-image:
-webkit-linear-gradient(top, #fbb450, #f89406);
background-image:
-o-linear-gradient(top, #fbb450, #f89406);
background-image:
linear-gradient(to bottom, #fbb450, #f89406);
background-repeat:
repeat-x;
border-color: #f89406 #f89406 #ad6704;
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='#fffbb450',
endColorstr='#fff89406', GradientType=0);
filter:
progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.btn-orange:hover,
.btn-orange:focus,
.btn-orange:active,
.btn-orange.active,
.btn-orange.disabled,
.btn-orange[disabled]
{
color: #ffffff;
background-color: #f89406;
*background-color:
#df8505;
}
.btn-orange:active,
.btn-orange.active {
background-color: #c67605 \9;
}
.btn-red {
color: #ffffff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #da4f49;
*background-color: #bd362f;
background-image: -moz-linear-gradient(top,
#ee5f5b, #bd362f);
background-image: -webkit-gradient(linear, 0 0, 0
100%, from(#ee5f5b), to(#bd362f));
background-image:
-webkit-linear-gradient(top, #ee5f5b, #bd362f);
background-image:
-o-linear-gradient(top, #ee5f5b, #bd362f);
background-image:
linear-gradient(to bottom, #ee5f5b, #bd362f);
background-repeat:
repeat-x;
border-color: #bd362f #bd362f #802420;
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='#ffee5f5b',
endColorstr='#ffbd362f', GradientType=0);
filter:
progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.btn-red:hover,
.btn-red:focus,
.btn-red:active,
.btn-red.active,
.btn-red.disabled,
.btn-red[disabled]
{
color: #ffffff;
background-color: #bd362f;
*background-color:
#a9302a;
}
.btn-red:active,
.btn-red.active {
background-color:
#942a25 \9;
}
.btn-black {
color: #ffffff;
text-shadow: 0 -1px
0 rgba(0, 0, 0, 0.25);
background-color: #363636;
*background-color:
#222222;
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);
filter:
progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.btn-black:hover,
.btn-black:focus,
.btn-black:active,
.btn-black.active,
.btn-black.disabled,
.btn-black[disabled]
{
color: #ffffff;
background-color: #222222;
*background-color:
#151515;
}
.btn-black:active,
.btn-black.active {
background-color:
#080808 \9;
}
.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: #0088cc;
cursor:
pointer;
border-color: transparent;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius:
0;
}
.btn-link:hover,
.btn-link:focus {
color: #005580;
text-decoration: underline;
background-color:
transparent;
}
.btn-link[disabled]:hover,
.btn-link[disabled]:focus
{
color: #333333;
text-decoration:
none;
}
/*******************************************/
/*******************************************/
/*****
Alerts ******/
.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 {
margin: 0;
}
.alert .close {
position:
relative;
top: -2px;
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 {
padding-top: 14px;
padding-bottom: 14px;
}
.alert-block >
p,
.alert-block > ul {
margin-bottom: 0;
}
.alert-block p + p
{
margin-top:
5px;
}
/*******************************************/
/*******************************************/
/*******
input
*******/
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus
{
outline: thin dotted #333;
outline: 5px auto
-webkit-focus-ring-color;
outline-offset:
-2px;
}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button
{
height: auto;
}
.form-control:-moz-placeholder {
color:
#999999;
}
.form-control::-moz-placeholder {
color:
#999999;
}
.form-control:-ms-input-placeholder {
color:
#999999;
}
.form-control::-webkit-input-placeholder {
color:
#999999;
}
.form-control {
/*display: block;*/
width: 100%;
height: 20px;
padding: 3px 5px;
font-size: 13px;
line-height:
1.428571429;
color: #555555;
vertical-align: middle;
background-color: #ffffff;
border: 1px solid #cccccc;
border-radius:
4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-webkit-transition:
border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
transition: border-color ease-in-out 0.15s, box-shadow ease-in-out
0.15s;
}
.form-control:focus {
border-color: #66afe9;
outline:
0;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px
rgba(102, 175, 233, 0.6);
box-shadow: inset 0 1px 1px rgba(0, 0,
0, 0.075), 0 0 8px rgba(102, 175, 233,
0.6);
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled]
.form-control {
cursor: not-allowed;
background-color:
#eeeeee;
}
/*******************************************/
/*******************************************/
.backhome{
background-color:
#3a92c8;
background:
-webkit-radial-gradient(circle,#94d2f8,#3a92c8);
background:
-moz-radial-gradient(circle,#94d2f8,#3a92c8);
background:
-ms-radial-gradient(circle,#94d2f8,#3a92c8);
}
#wrapper{
}
#container{ width: 930px; height: 100%; min-height: 100%; margin: 0
auto; }
/*******************************************/
#home-top{
background-color:#031C40; color:#FFF; }
.navyblue{
background-color:
#031C40;
*background-color: #031C40;
background-image:
-moz-linear-gradient(top, #031C40, #123C6B);
background-image:
-webkit-gradient(linear, 0 0, 0 100%, from(#031C40), to(#123C6B));
background-image: -webkit-linear-gradient(top, #031C40, #123C6B);
background-image: -o-linear-gradient(top, #031C40, #123C6B);
background-image: linear-gradient(to bottom, #031C40, #123C6B);
background-repeat: repeat-x;
filter:
progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff031C40',
endColorstr='#ff123C6B', GradientType=0);
filter:
progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
#home-top
#home-top-block{ padding:10px 0px 10px; }
#home-top #home-top-block
#topbar{ padding:0px; }
#home-top #home-top-block #topbar #area1{
position:relative; float:left; }
#home-top #home-top-block #topbar #area1
#isotipo{ position:relative; float:left; margin-top:10px; }
#home-top
#home-top-block #topbar #area1 #logo{ position:relative; float:left;
margin-left:10px; margin-top:4px; }
#home-top #home-top-block #topbar
#area2{ position:relative; float:right;
}
/****************************************************************/
#home-top
#home-top-block #topmsg{ font-family: 'Raleway', sans-serif; padding:20px
0px 20px; line-height:50px; }
#home-top #home-top-block #topmsg #line01{
font-size:35px; }
#home-top #home-top-block #topmsg #line02{
font-size:35px; }
#home-top #home-top-block #line03{ font-family: Arial,
Helvetica, sans-serif; color:#6593C5; font-size:17px; text-align:center;
}
#home-top #home-top-block #areabuttonshome{}
#home-top #home-top-block
#btn-home{ margin:20px 0px; text-align:center; }
#home-top
#home-top-block #arealogin{ width:32%; margin:0 auto; text-align:center;
display:none; padding:20px; }
#home-top #home-top-block #arealogin
input[type=text]{ font-size:15px; }
#home-top #home-top-block #arealogin
#logintitle{ font-size:18px; color:#6593C5; }
#home-top
#home-top-block #areasignup{ width:32%; margin:0 auto; text-align:center;
display:none; padding:20px; }
#home-top #home-top-block #areasignup
input[type=text]{ font-size:15px; }
#home-top #home-top-block #areasignup
#signuptitle{ font-size:18px; color:#6593C5;
}
/*******************************************/
#home-boxcenter{
margin:0px 83px 0px; }
#home-boxcenter #box1{ position:relative;
float:left }
#home-boxcenter #box1 #boxwelcome{ background:white;
font-size:0px; width:480px; border: 1px solid #6fa3c4; -webkit-box-shadow:
0 0 125px rgba(255,255,255,.35); -moz-box-shadow: 0 0 125px
rgba(255,255,255,.35); box-shadow: 0 0 125px rgba(255,255,255,.35);
}
#home-boxcenter #box2{ position:relative; float:left;
margin-left:15px; }
#home-boxcenter #box2 #boxlogin{ background:white;
width:264px; border: 1px solid #6fa3c4; }
#home-boxcenter #box2
#boxregister{ background:white; width:264px; border: 1px solid #6fa3c4;
margin-top:15px;
}
/*******************************************/
#generalspace
#search{ }
#generalspace #search .title{ font-size:20px; }
#generalspace
#search .msgerror{ font-size:13px; margin:30px 0px 100px; }
#generalspace
#search .one-user-directory{ position:relative; float:left; width: 290px;
margin-right:20px; padding-top: 7px; overflow: auto; border-bottom: 1px
solid #EEE; }
#generalspace #search .one-user-directory .avatar{
width:50px; float:left; overflow:auto; }
#generalspace #search
.one-user-directory .infomsg{ padding: 0 15px 5px 60px; word-wrap:
break-word; }
#generalspace #search .one-user-directory .infomsg
.username{ font-size:13px; }
#generalspace #search .one-user-directory
.infomsg .txtmsg{ font-size:11px; color:#999; }
#generalspace #search
#pagination{ margin-top:20px; }
#generalspace #search #pagination
.current{ color:#7c7b7b; border:1px solid #D9D9D9;
background-color:#F3F3F3; padding:2px 6px; }
#generalspace #search
#pagination .nocurrent{ padding:2px 6px; margin:0; }
#generalspace #search
#pagination .nocurrent a{ text-decoration:none; color:#27566f;
}
#generalspace #search #listresults .spacephoto{ position:relative;
float:left; margin-right:10px; margin-left:0px; margin-bottom:10px;
padding:4px; border:1px solid #CCC;}
#generalspace #search #listresults
.oneminiphoto{ width:135px; height:135px; background-color:#F8F8F8;
}
#generalspace #search #listresults .moreinfo{ font-size:11px;
text-align:center; padding:5px 0
0px;}
/*******************************************/
#top-inside{
background-color:#006794; color:#FFF; }
#top-inside #top-inside-block{
}
#top-inside #top-inside-block #topbar-inside{ height:50px;
overflow:hidden; }
#top-inside #top-inside-block #topbar-inside #area1{
position:relative; float:left; }
#top-inside #top-inside-block
#topbar-inside #area1 #isotipo{ position:relative; float:left;
margin-top:10px; }
#top-inside #top-inside-block #topbar-inside #area1
#logo{ position:relative; float:left; margin-left:10px; margin-top:9px;
}
#top-inside #top-inside-block #topbar-inside #area1 #boxsearch{
position:relative; float:left; margin-left:10px; margin-top:11px;
}
#top-inside #top-inside-block #topbar-inside #area2{
position:relative; float:right; }
#top-inside #top-inside-block
#topbar-inside #area2 #infouser{ position:relative; float:left;
}
#top-inside #top-inside-block #topbar-inside #area2 #infouser
#txtusername{ position:relative; float:left; font-weight:bold;
line-height:50px; margin-right:10px; }
#top-inside #top-inside-block
#topbar-inside #area2 #infouser #imgavatar{ position:relative; float:left;
margin-top:10px; padding:2px; background-color:#FFF; font-size:0px;
}
#top-inside #top-inside-block #topbar-inside #area2 #icodashtop{
position:relative; float:left; margin-top:15px; }
#top-inside
#top-inside-block #topbar-inside #area2 #icodashtop div{ position:relative;
float:left; }
#top-inside #top-inside-block #topbar-inside #area2
#icodashtop .icotop{ margin-left:20px; width:20px; text-align:center;
}
/****************************************************************/
#search-container{
position:absolute; top:50px; width:100%; margin:0px auto; display:none;
z-index: 102; }
#search-container #contentSearch{ margin:0px auto;
width:930px; }
#search-container #contentSearch #loadingSearch{
text-align:center; }
#search-container #contentSearch #resultsSearch{
background-color:#FFF; border:1px solid #BFBFBF; }
#search-container
#contentSearch #resultsSearch .areaclose{ text-align:right; padding:5px;
}
/****************************************************************/
#search-container
#contentSearch #resultsSearch .oneresult{ width:100%; border-top:1px solid
#CCC; font-family:'Open Sans', Arial, sans-serif !important;
}
#search-container #contentSearch #resultsSearch .link a{ color:#3b5998;
text-decoration:none; }
#search-container #contentSearch #resultsSearch
.link a:hover{ text-decoration:underline; }
#search-container
#contentSearch #resultsSearch .oneresult .photo{ width:26px; float:left;
margin-bottom:5px; font-size:0px; }
#search-container #contentSearch
#resultsSearch .oneresult .info{ padding:0 0 5px 35px; margin-bottom:5px;
}
#search-container #contentSearch #resultsSearch .oneresult .info .title{
font-size:13px; font-weight:bold; }
#search-container #contentSearch
#resultsSearch .oneresult .info .numposts{ font-size:11px; color:#666;
}
#search-container #contentSearch #resultsSearch .oneresult .info .link
a{ color:#3b5998; text-decoration:none; }
#search-container #contentSearch
#resultsSearch .oneresult .info .link a:hover{ text-decoration:underline;
}
/*******************************************/
.box-notification-msg{
color: #fff; display: none; font-size: 9px; font-weight: bold;
padding-bottom: 1px; position: absolute; right: -1px; top: 0; z-index: 101;
}
.box-notification-msg .notification-value-msg{ background-color:
#f03d25; border: 1px solid #d83722; border-bottom: 1px solid #c0311e;
border-top: 1px solid #e23923; display: block; padding: 0 1px; margin-top:
-6px;
}
/*******************************************/
.box-notification{
color: #fff; display: none; font-size: 9px; font-weight: bold;
padding-bottom: 1px; position: absolute; right: -1px; top: 0; z-index: 101;
}
.box-notification .notification-value{ background-color: #f03d25;
border: 1px solid #d83722; border-bottom: 1px solid #c0311e; border-top:
1px solid #e23923; display: block; padding: 0 1px; margin-top: -6px;
}
.area-notification{ max-width: 930px; width: 100%; display: none; top:
50px; position: absolute; }
.content-notification{ background: #fff;
border: 1px solid #BFBFBF; max-width: 350px; width: 100%; float: right;
color:#000; position: absolute; z-index: 102; right:0px;
}
.content-notification .areaclose{ text-align:right; padding:5px;
}
.content-notification .content-info{ padding:0px 10px 5px;
}
.content-notification .content-info .itemalertnot{ margin-bottom:5px;
border-top: 1px solid #EEE; padding-top:5px; }
.content-notification
.content-info .itemalertnot .avatar{ position:relative; float:left;
margin-right:5px; width:26px; }
.content-notification .content-info
.itemalertnot .info{ position:relative; float:left; font-family:'Open
Sans', Arial, sans-serif !important; width:299px; }
.content-notification
.content-info .itemalertnot .info .txtaccion{ font-size:13px;
}
.content-notification .content-info .itemalertnot .info .txtwhen{
font-size:11px; color:#999; }
.content-notification .areamore{
border-top: 1px solid #BFBFBF; }
.content-notification .areamore
.morenotifications{ padding:5px 0px; text-align:center; font-weight:bold;
}
/*******************************************/
.area-notification-msg{
max-width: 930px; width: 100%; display: none; top: 50px; position:
absolute; }
.content-notification-msg{ background: #fff; border: 1px
solid #BFBFBF; max-width: 350px; width: 100%; float: right; color:#000;
position: absolute; z-index: 102; right:0px; }
.content-notification-msg
.areaclose{ text-align:right; padding:5px; }
.content-notification-msg
.content-info-msg{ padding:0px 10px 5px; }
.content-notification-msg
.content-info-msg .one-alert-msg-container{ width: 100%; padding-top: 7px;
overflow: auto; border-top: 1px solid #EEE; }
.content-notification-msg
.content-info-msg .one-alert-msg-container .avatar{ width:26px; float:left;
overflow:auto; }
.content-notification-msg .content-info-msg
.one-alert-msg-container .infomsg{ padding: 0 15px 5px 30px; word-wrap:
break-word; }
.content-notification-msg .content-info-msg
.one-alert-msg-container .infomsg .username{ font-size:13px;
}
.content-notification-msg .content-info-msg .one-alert-msg-container
.infomsg .txtmsg{ font-style:italic; font-size:12px;
}
.content-notification-msg .content-info-msg .one-alert-msg-container
.infomsg .txtmsg a{}
.content-notification-msg .content-info-msg
.one-alert-msg-container .infomsg .txtmsg
a:hover{}
.content-notification-msg .content-info-msg
.one-alert-msg-container .infomsg .dateago{ font-size:10px; color:#999;
}
.content-notification-msg .areamore{ border-top: 1px solid #BFBFBF;
}
.content-notification-msg .areamore .morenotifications{ padding:5px 0px;
text-align:center; font-weight:bold;
}
/*******************************************/
#infohome{
font-family:'Open Sans', Arial, sans-serif !important; }
#infohome
#usersAleat{ padding:0 110px; }
#infohome #usersAleat .spacephoto{
position:relative; float:left; margin-left:15px; margin-right:15px;
margin-bottom:10px; border:4px solid #FFF; -webkit-border-radius:50%;
-moz-border-radius:50%; border-radius:50%; background-color:#FFF;
}
#infohome #usersAleat .spacephoto .oneminiphoto{ width:50px;
height:50px; -webkit-border-radius:50%; -moz-border-radius:50%;
border-radius:50%; }
#infohome #usersAleat .spacephoto .oneminiphoto img{
-webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;
}
#infohome #topmsg{ font-family: 'Raleway', sans-serif; color:#FFF;
text-align:center; text-shadow: 0 1px 1px rgba(0,0,0,.2); padding:13px
0px; }
#infohome #topmsg #line01{ font-size:35px; }
#infohome #topmsg
#line02{ font-size:25px; margin-top:5px;
}
/*******************************************/
#generalspace{
background-color:#FFF; padding:20px 0px 30px; font-family:'Open Sans',
Arial, sans-serif !important; border-bottom:#D8DFEA solid 1px;
}
#generalspace #column1{ position:relative; float:left; width:180px;
margin-right:20px; }
#generalspace #column1 .menuglobal{}
#generalspace
#column1 .menuglobal a{ text-decoration:none; color:#000; }
#generalspace
#column1 .menuglobal a:hover{ text-decoration:none; color: #000;
}
#generalspace #column1 .menuoption{ font-size:13px; color:#000;
height:21px; line-height:18px; padding:5px 10px; }
#generalspace #column1
.inact{ background-color:#FFF; }
#generalspace #column1 .inact:hover{
background-color:#EFF2F7; }
#generalspace #column1 .act{
background-color:#D8DFEA; }
#generalspace #column1 .menuoption .icopc{
position:relative; float:left; }
#generalspace #column1 .menuoption
.txtopc{ position:relative; float:left; margin-left:5px; margin-top:2px;
}
#generalspace #column1 #avatargeneral{}
#generalspace #column1
#avatarmini{ display:none; }
#generalspace #column1 #avatarmedium{
display:none;
}
/**********************************************************************/
#generalspace
#column1-info{ position:relative; float:left; width:180px;
margin-right:20px; }
#generalspace #column1-info .titlemenu{
background-color:#F8F8F8; text-align:center; padding:5px; color:#817B85;
font-size:14px; height:25px; line-height:25px; font-weight:700; border:1px
solid #F0F0F0; }
#generalspace #column1-info .menuglobal{}
#generalspace
#column1-info .menuglobal a{ text-decoration:none; color:#000;
}
#generalspace #column1-info .menuglobal a:hover{ text-decoration:none;
color: #000; }
#generalspace #column1-info .menuoption{ font-size:13px;
color:#000; height:25px; line-height:25px; padding:5px 2px;
text-align:center; overflow:hidden; }
#generalspace #column1-info .inact{
background-color:#FFF; }
#generalspace #column1-info .inact:hover{
background-color:#EFF2F7; }
#generalspace #column1-info .act{
background-color:#D8DFEA; }
#generalspace #column2-info{
position:relative; float:left; width:730px; }
#generalspace
#column2-info #page-info2 .title{ font-size:20px; }
#generalspace
#column2-info #page-info2 .areinfo{ margin-top:20px; }
#generalspace
#column2-info #page-info2 .areinfo .subtitle{ font-size:15px; color:#666;
font-weight:bold;
}
/**********************************************************************/
#generalspace
#column1-admin{ position:relative; float:left; width:180px;
margin-right:20px; }
#generalspace #column1-admin .titlemenu{
background-color:#F8F8F8; text-align:center; padding:5px; color:#817B85;
font-size:14px; height:25px; line-height:25px; font-weight:700; border:1px
solid #F0F0F0; }
#generalspace #column1-admin .menuglobal{}
#generalspace
#column1-admin .menuglobal a{ text-decoration:none; color:#000;
}
#generalspace #column1-admin .menuglobal a:hover{ text-decoration:none;
color: #000; }
#generalspace #column1-admin .menuoption{ font-size:13px;
color:#000; height:25px; line-height:25px; padding:5px 2px;
text-align:center; overflow:hidden; }
#generalspace #column1-admin .inact{
background-color:#FFF; }
#generalspace #column1-admin .inact:hover{
background-color:#EFF2F7; }
#generalspace #column1-admin .act{
background-color:#D8DFEA;
}
/**********************************************************************/
#generalspace
#column2-admin{ position:relative; float:left; width:730px;
}
#generalspace #column2-admin #dashboard-admin2 .title{ font-size:20px;
}
#generalspace #column2-admin #dashboard-admin2 .editarea{
margin-top:30px; }
#generalspace #column2-admin #dashboard-admin2
.editarea .subtitle{ font-size:15px; color:#666; font-weight:bold;
}
#generalspace #column2-admin #dashboard-admin2 .editarea .withbox{
width:55%; }
#generalspace #column2-admin #dashboard-admin2
#listusers{}
#generalspace #column2-admin #dashboard-admin2 #listusers
.one-user{ width: 100%; padding: 10px 0 5px; overflow: auto; border-bottom:
1px solid #EEE; }
#generalspace #column2-admin #dashboard-admin2
#listusers .one-user .avatar{ width:26px; float:left; overflow:auto;
}
#generalspace #column2-admin #dashboard-admin2 #listusers .one-user
.infomsg{ padding: 0 15px 5px 30px; word-wrap: break-word; }
#generalspace
#column2-admin #dashboard-admin2 #listusers .one-user .infomsg .username{
font-size:14px; }
#generalspace #column2-admin #dashboard-admin2
#listusers .one-user .infomsg .txtmsg{ font-size:11px; color:#999;
}
#generalspace #column2-admin #dashboard-admin2 #paginations
.pactive{ padding:2px 5px; border:1px solid #06C; color:#06C;
}
#generalspace #column2-admin #dashboard-admin2 #paginations .pnoactive{
padding:2px 5px; }
#generalspace #column2-admin #dashboard-admin2
#paginations .pnoactive a{ text-decoration:none; color:#06C;
}
#generalspace #column2-admin #dashboard-admin2 #paginations .pnoactive
a:hover{ text-decoration:underline; color:#06C; }
#generalspace
#column2-admin #dashboard-admin2 #listcensor{}
#generalspace
#column2-admin #dashboard-admin2 #listcensor .onephoto{ position:relative;
float:left; width:150px; padding: 5px; border: 1px solid #EEE;
margin-right:20px; margin-bottom:10px;
}
/**********************************************************************/
#generalspace
#column2{ position:relative; float:left; width:510px; }
#generalspace
#column2 #infobasic{}
#generalspace #column2 #infobasic .hefollows{
background-color:#FC0; color: #333; font-size:10px;
text-transform:uppercase; padding:0px 5px; }
#generalspace #column2
#infobasic #titleuser{ font-size:25px; }
#generalspace #column2
#infobasic .table-data{ }
#generalspace #column2 #infobasic .info-profile{
}
#generalspace #column2 #infobasic .info-profile a{ text-decoration:none;
color:#000; }
#generalspace #column2 #infobasic .info-profile a:hover{
color:#0084B4; text-decoration:none; }
#generalspace #column2 #infobasic
.info-profile .basic-number{ font-size:16px; font-weight:bold;
}
#generalspace #column2 #infobasic .info-profile .basic-text{
text-transform:uppercase; font-size:10px; }
#generalspace #column2
#infobasic .space-data{ width:10%; }
#generalspace #column2 #infobasic
.space-data-border{ padding:0px 10px 0px 10px; border-right:1px solid
#E8E8E8; border-left:1px solid #E8E8E8; }
#generalspace #column2
#infobasic .space-data-empty{ width:35%; }
#generalspace #column2
#profile2{}
#generalspace #column2 #profile2 .title{ font-size:20px;
}
#generalspace #column2 #profile2 .subtitle{ font-size:15px;
font-weight:bold; color:#666; }
#generalspace #column2 #profile2
.onefollower{ margin-top:25px; }
#generalspace #column2 #profile2
.onefollower .avatar{ position:relative; float:left; margin-right:10px;
width:50px; }
#generalspace #column2 #profile2 .onefollower .info{
position:relative; float:left; width:450px; }
#generalspace #column2
#profile2 .onefollower .info .name{ font-size:16px; font-weight:bold;
}
#generalspace #column2 #profile2 .onefollower .info .moreinfo{
font-size:12px;
}
/************************************/
#generalspace #column2
#profile2 .oneactivity{ margin-top:15px; border:1px solid #BFBFBF;
box-shadow: 0px 1px 1px #CCC; -webkit-border-radius:4px;
-moz-border-radius:4px; border-radius:4px; }
#generalspace #column2
#profile2 .oneactivity .oaheader{ padding:10px; border-bottom:1px solid
#BFBFBF; }
#generalspace #column2 #profile2 .oneactivity .oaheader
.avatar{ /*position:relative;*/ float:left; /*margin-right:10px;*/
font-size:0px; }
#generalspace #column2 #profile2 .oneactivity .oaheader
.avatar img{ width:42px; }
#generalspace #column2 #profile2 .oneactivity
.oaheader .info{ /*position:relative; float:left; width:430px;*/
padding:0px 15px 0px 50px; }
#generalspace #column2 #profile2 .oneactivity
.oaheader .info .iuser{ font-size:16px; font-weight:bold; }
#generalspace
#column2 #profile2 .oneactivity .oaheader .info .idate{ font-size:12px;
}
#generalspace #column2 #profile2 .oneactivity .oabody{ padding:10px 0
0 10px;}
#generalspace #column2 #profile2 .oneactivity .oabody .space01{
text-align:center; font-size:14px; margin-bottom:10px; color:#6B6B6B;
}
#generalspace #column2 #profile2 .oneactivity .oabody .space02{
text-align:center; font-size:16px; font-weight:bold; }
#generalspace
#column2 #profile2 .oneactivity .oabody .space03{ text-align:center;
}
#generalspace #column2 #profile2 .oneactivity .oabody .space04{
text-align:center; font-size:13px; }
#generalspace #column2 #profile2
.oneactivity .oabody .space04 .line1{ font-size:11px !important; color:#999
!important; }
#generalspace #column2 #profile2 .oneactivity .oabody
.space04 .line2{ font-size:12px !important; color:#333 !important;
}
#generalspace #column2 #profile2 .oneactivity .oabody .space04 .line3{
font-size:14px !important; color:#333 !important; }
#generalspace
#column2 #profile2 .oneactivity .oabody .space05{ text-align:center;
font-size:14px; margin-bottom:10px; color:#6B6B6B; padding-right:10px;
word-wrap:break-word; }
#generalspace #column2 #profile2 .oneactivity
.oabody .space06{ text-align:center; }
#generalspace #column2 #profile2
.oneactivity .oabody .space07{ text-align:center; }
#generalspace
#column2 #profile2 .oneactivity .accesories{ padding:5px 10px;
border-top:1px solid #EEEEEE; border-bottom:1px solid #EEEEEE;
}
#generalspace #column2 #profile2 .oneactivity .arealinkmorecomment{
border-bottom:1px solid #EEEEEE; text-align:center; padding:5px
}
#generalspace #column2 #profile2 .oneactivity .areacomments{
padding:10px 25px 10px 10px; }
#generalspace #column2 #profile2
.oneactivity .areacomments .avatar{ width:35px; float:left;
}
#generalspace #column2 #profile2 .oneactivity .areacomments .areainput{
padding:0 0 5px 40px; }
#generalspace #column2 #profile2 .oneactivity
.areacomments .boxinput{ width:100%; resize:none; font-family:'Open Sans',
Arial, sans-serif !important; padding:5px; min-height:30px;
overflow:hidden; border:1px solid #D0D2D7; height:25px; }
#generalspace
#column2 #profile2 .oneactivity .listcomments{ padding:5px 10px 5px 10px;
}
#generalspace #column2 #profile2 .oneactivity .listcomments .onecomment{
border-bottom:1px solid #EEEEEE; padding-top:10px; }
#generalspace
#column2 #profile2 .oneactivity .listcomments .onecomment .avatar{
width:35px; float:left; }
#generalspace #column2 #profile2 .oneactivity
.listcomments .onecomment .info{ padding:0 0 5px 40px; margin-bottom:5px;
}
#generalspace #column2 #profile2 .oneactivity .listcomments .onecomment
.info .user{ font-size:14px; font-weight:bold; }
#generalspace #column2
#profile2 .oneactivity .listcomments .onecomment .info .message{
font-size:13px; font-style:italic; word-wrap:break-word; }
#generalspace
#column2 #profile2 .oneactivity .listcomments .onecomment .info .whend{
font-size:11px; margin-top:5px; }
#generalspace #column2 #profile2
.oneactivity .listcomments .onecomment .delete{float:right; height:10px;
width:10px; text-align:right;
}
/************************************/
#generalspace #column2
#profile2 #mylikes{}
#generalspace #column2 #profile2 #mylikes .onelike{
position:relative; float:left; margin-right:7px; margin-bottom:10px;
border:1px solid #CCC; padding:5px; }
#generalspace #column2 #profile2
#mylikes .onelike .moredata{ margin-top:5px; color:#999; font-size:11px;
text-align:center;
}
/************************************/
#generalspace #column2
#profile2 .boxchat{ margin-top:15px; border:1px solid #BFBFBF; box-shadow:
0px 1px 1px #CCC; }
#generalspace #column2 #profile2 .boxchat
.chatheader{ padding:10px; border-bottom:1px solid #BFBFBF;
}
#generalspace #column2 #profile2 .boxchat .chatheader .ico{
position:relative; float:left; margin-right:10px; font-size:0px;
width:27px; }
#generalspace #column2 #profile2 .boxchat .chatheader .info{
position:relative; float:left; width:430px; }
#generalspace #column2
#profile2 .boxchat .chatheader .info .iuser{ font-size:16px;
font-weight:bold; }
#generalspace #column2 #profile2 .boxchat .chatbody{
padding:0 10px; height: 410px; overflow: auto; }
#generalspace #column2
#profile2 .boxchat .chatbodyno{ padding:20px; text-align:center;
font-size:14px; }
#generalspace #column2 #profile2 .boxchat
.loadmorechat{ padding:10px; text-align:center; border-bottom: 1px solid
#EEE; }
#generalspace #column2 #profile2 .boxchat .chatbody .spacemsgno{
text-align:center; padding:20px; font-size:14px; }
#generalspace #column2
#profile2 .boxchat .chatbody .spacemsg{ font-size:13px; }
#generalspace
#column2 #profile2 .boxchat .entertxt{ padding:10px; border-top:1px solid
#BFBFBF; }
#generalspace #column2 #profile2 .boxchat .entertxt input{
/*border:1px solid #F7F7F7; */ border:0; outline: 0; width: 100%; resize:
none; height: 25px; min-height: 25px; max-width: 100%; overflow: hidden;
}
#generalspace #column2 #profile2 .boxchat .prof-one-msgchat-container{
width: 100%; margin-top: 7px; overflow: auto; border-bottom: 1px solid
#EEE; }
#generalspace #column2 #profile2 .boxchat
.prof-one-msgchat-container .avatar{ width:32px; float:left; overflow:auto;
}
#generalspace #column2 #profile2 .boxchat .prof-one-msgchat-container
.infomsg{ padding: 0 15px 5px 30px; word-wrap: break-word; }
#generalspace
#column2 #profile2 .boxchat .prof-one-msgchat-container .infomsg .username{
font-size:13px; }
#generalspace #column2 #profile2 .boxchat
.prof-one-msgchat-container .infomsg .txtmsg{ font-style:italic;
font-size:13px; }
#generalspace #column2 #profile2 .boxchat
.prof-one-msgchat-container .infomsg .txtmsg a{}
#generalspace #column2
#profile2 .boxchat .prof-one-msgchat-container .infomsg .txtmsg
a:hover{}
#generalspace #column2 #profile2 .boxchat
.prof-one-msgchat-container .infomsg .dateago{ font-size:10px; color:#999;
}
#generalspace #column2 #profile2 .boxchat .prof-one-msgchat-container
.delete{ float:right; height:10px; width:10px;
}
/************************************/
#generalspace #divseparator{
display:none; }
#generalspace #column3{ position:relative; float:right;
width:200px; }
#generalspace #column3 .ads{ width:100%; overflow:hidden;
text-align:center; margin:15px 0px; }
#generalspace #column3
#useraccesories{ padding:0 10px; }
#generalspace #column3 #useraccesories
.one-user-accesories{ width: 100%; padding-top: 7px; overflow: auto;
border-bottom: 1px solid #EEE; }
#generalspace #column3 #useraccesories
.one-user-accesories .avatar{ width:26px; float:left; overflow:auto;
}
#generalspace #column3 #useraccesories .one-user-accesories .infomsg{
padding: 0 15px 5px 30px; word-wrap: break-word; }
#generalspace #column3
#useraccesories .one-user-accesories .infomsg .username{ font-size:13px;
}
#generalspace #column3 #useraccesories .one-user-accesories .infomsg
.txtmsg{ font-size:11px; color:#999; }
#generalspace #column3
#linkmoreuser{ padding:7px 7px; text-align:center; }
#generalspace
#column3 #linkdirectoryphotos{ border:1px solid #EEE; padding:10px;
color:#333 !important;
}
/*******************************************/
#generalspace
#dashboard2{}
#generalspace #dashboard2 .title{ font-size:20px;
}
#generalspace #dashboard2 .editarea{ margin-top:30px; }
#generalspace
#dashboard2 .editarea .subtitle{ font-size:15px; color:#666;
font-weight:bold; }
#generalspace #dashboard2 .editarea .withbox{
width:55%; }
#generalspace #dashboard2 .onefollower{
margin-top:25px; }
#generalspace #dashboard2 .onefollower .avatar{
position:relative; float:left; margin-right:10px; width:50px;
}
#generalspace #dashboard2 .onefollower .info{ position:relative;
float:left; width:450px; }
#generalspace #dashboard2 .onefollower .info
.name{ font-size:16px; font-weight:bold; }
#generalspace #dashboard2
.onefollower .info .moreinfo{ font-size:12px; }
#generalspace
#dashboard2 .oneuserchat{ margin-top:25px; }
#generalspace #dashboard2
.oneuserchat .avatar{ position:relative; float:left; margin-right:10px;
width:50px; }
#generalspace #dashboard2 .oneuserchat .info{
position:relative; float:left; width:450px; }
#generalspace #dashboard2
.oneuserchat .info .name{ font-size:16px; font-weight:bold;
}
#generalspace #dashboard2 .oneuserchat .info .moreinfo{ font-size:13px;
font-style:italic; }
#generalspace #dashboard2 .oneuserchat .info
.datewhen{ font-size:11px; color:#CCC;
}
/*******************************************/
#generalspace
#dashboard2 .oneactivity{ margin-top:15px; border:1px solid #BFBFBF;
box-shadow: 0px 1px 1px #CCC; -webkit-border-radius:4px;
-moz-border-radius:4px; border-radius:4px; }
#generalspace #dashboard2
.oneactivity .oaheader{ padding:10px; border-bottom:1px solid #BFBFBF;
}
#generalspace #dashboard2 .oneactivity .oaheader .avatar{
/*position:relative;*/ float:left; /*margin-right:10px;*/ font-size:0px;
}
#generalspace #dashboard2 .oneactivity .oaheader .avatar img{
width:42px; }
#generalspace #dashboard2 .oneactivity .oaheader .info{
/*position:relative; float:left; width:430px;*/ padding:0px 15px 0px 50px;
}
#generalspace #dashboard2 .oneactivity .oaheader .info .iuser{
font-size:16px; font-weight:bold; }
#generalspace #dashboard2 .oneactivity
.oaheader .info .idate{ font-size:12px; }
#generalspace #dashboard2
.oneactivity .oabody{ padding:10px 0 0 10px;}
#generalspace #dashboard2
.oneactivity .oabody .space01{ text-align:center; font-size:13px; color:
#999; }
#generalspace #dashboard2 .oneactivity .oabody .space02{
text-align:center; font-size:16px; font-weight:bold; }
#generalspace
#dashboard2 .oneactivity .oabody .space03{ text-align:center;
}
#generalspace #dashboard2 .oneactivity .oabody .space04{
text-align:center; font-size:13px; }
#generalspace #dashboard2
.oneactivity .oabody .space04 .line1{ font-size:11px !important; color:#999
!important; }
#generalspace #dashboard2 .oneactivity .oabody .space04
.line2{ font-size:13px !important; color:#333 !important; }
#generalspace
#dashboard2 .oneactivity .oabody .space04 .line3{ font-size:14px
!important; color:#333 !important; }
#generalspace #dashboard2
.oneactivity .oabody .space05{ text-align:center; font-size:14px;
margin-bottom:10px; color:#6B6B6B; padding-right:10px;
word-wrap:break-word; }
#generalspace #dashboard2 .oneactivity .oabody
.space06{ text-align:center; }
#generalspace #dashboard2 .oneactivity
.oabody .space07{ text-align:center; }
#generalspace #dashboard2
.oneactivity .accesories{ padding:5px 10px; border-top:1px solid #EEEEEE;
border-bottom:1px solid #EEEEEE; }
#generalspace #dashboard2
.oneactivity .areacomments{ padding:10px 25px 10px 10px; }
#generalspace
#dashboard2 .oneactivity .areacomments .avatar{ width:35px; float:left;
}
#generalspace #dashboard2 .oneactivity .areacomments .areainput{
padding:0 0 5px 40px; }
#generalspace #dashboard2 .oneactivity
.areacomments .boxinput{ width:100%; resize:none; font-family:'Open Sans',
Arial, sans-serif !important; padding:5px; min-height:30px;
overflow:hidden; border:1px solid #D0D2D7; height:25px; }
#generalspace
#dashboard2 .oneactivity .arealinkmorecomment{ border-bottom:1px solid
#EEEEEE; text-align:center; padding:5px }
#generalspace #dashboard2
.oneactivity .listcomments{ padding:5px 10px 5px 10px; }
#generalspace
#dashboard2 .oneactivity .listcomments .onecomment{ border-bottom:1px solid
#EEEEEE; padding-top:10px; }
#generalspace #dashboard2 .oneactivity
.listcomments .onecomment .avatar{ width:35px; float:left; }
#generalspace
#dashboard2 .oneactivity .listcomments .onecomment .info{ padding:0 0 5px
40px; margin-bottom:5px; }
#generalspace #dashboard2 .oneactivity
.listcomments .onecomment .info .user{ font-size:14px; font-weight:bold;
}
#generalspace #dashboard2 .oneactivity .listcomments .onecomment .info
.message{ font-size:13px; font-style:italic; word-wrap:break-word;
}
#generalspace #dashboard2 .oneactivity .listcomments .onecomment .info
.whend{ font-size:11px; margin-top:5px; }
#generalspace #dashboard2
.oneactivity .listcomments .onecomment .delete{float:right; height:10px;
width:10px; text-align:right;
}
/*******************************************/
#generalspace
#dashboard2 #titleupdate{ font-family:'Open Sans', Arial, sans-serif;
font-size:16px; font-weight:bold; }
#generalspace #dashboard2
.divpointbox{ height:9px; font-size:0px; }
#generalspace #dashboard2
.divpointbox .pointbox{ position:relative; top:1px; margin-left:20px;
}
#generalspace #dashboard2 .boxstatus{ border:1px solid #BFBFBF;
box-shadow: 0px 1px 1px #CCC; -webkit-border-radius:4px;
-moz-border-radius:4px; border-radius:4px; }
#generalspace #dashboard2
.boxstatus .oaheader{ padding:10px; border-bottom:1px solid #BFBFBF;
}
#generalspace #dashboard2 .boxstatus .oabody{ padding:10px;
border-bottom:1px solid #EEEEEE; }
#generalspace #dashboard2 .boxstatus
.oabody textarea{ border: 0; outline: 0; font-family:'Open Sans', Arial,
sans-serif; width: 100%; resize: none; min-height: 38px; max-width: 100%;
overflow: hidden; height:42px; }
#generalspace #dashboard2 .boxstatus
.accesories{ padding:10px; }
#generalspace #dashboard2 .boxstatus
.accesories .icoattach{ font-size:0px; }
#generalspace #dashboard2
.boxstatus .bpost{ background-color:#10aedb; border:1px solid #0F9BC4;
padding:4px 10px 4px 10px; color:#FFFFFF !important; font-size:13px;
}
#generalspace #dashboard2 .boxstatus .bpost:hover{
background-color:#0F9BC4; border:1px solid #0D82A4; padding:4px 10px 4px
10px; color:#FFFFFF !important; text-decoration:none; }
.additional-info
{
border-bottom: 1px solid #EEE;
padding: 5px 10px;
display:
none;
}
.additional-info input {
border: 0;
outline: 0;
width:
100%;
}
.selected-files {
border-bottom: 1px solid #EEE;
padding: 5px
10px;
display: none;
color: #a9a9a9;
}
.bimage{ width: 24px; height:
18px; background-image: url('../imgs/icoattachphoto.png');
background-repeat: no-repeat; overflow: hidden; float: left;
}
.inputimage{ position:relative; opacity: 0.0; height: 18px; width:
23px; }
/*******************************************/
#generalspace
#dashboard2 .itemonenot{ margin-top:25px; }
#generalspace #dashboard2
.itemonenot .avatar{ position:relative; float:left; margin-right:10px;
width:50px; }
#generalspace #dashboard2 .itemonenot .info{
position:relative; float:left; width:450px; }
#generalspace #dashboard2
.itemonenot .info .txtaction{ font-size:14px; }
#generalspace #dashboard2
.itemonenot .info .txtwhen{ font-size:12px; color:#999;
}
/*******************************************/
#generalspace
#dashboard2 #mylikes{}
#generalspace #dashboard2 #mylikes .onelike{
position:relative; float:left; margin-right:7px; margin-bottom:10px;
border:1px solid #CCC; padding:5px; }
#generalspace #dashboard2 #mylikes
.onelike .moredata{ margin-top:5px; color:#999; font-size:11px;
text-align:center;
}
/*******************************************/
#generalspace
#dashboard2 #listcomments{ }
#generalspace #dashboard2 #listcomments
.onecomment{ border-bottom:1px solid #EEEEEE; padding-top:10px;
}
#generalspace #dashboard2 #listcomments .onecomment .avatar{ float:left;
}
#generalspace #dashboard2 #listcomments .onecomment .info{ padding:0 0
5px 36px; margin-bottom:5px; }
#generalspace #dashboard2 #listcomments
.onecomment .info .user{ font-size:14px; font-weight:bold; }
#generalspace
#dashboard2 #listcomments .onecomment .info .message{ font-size:13px;
font-style:italic; margin-top:5px; }
#generalspace #dashboard2
#listcomments .onecomment .info .whend{ font-size:11px; margin-top:7px;
}
#generalspace #dashboard2 #listcomments .onecomment .delete{float:right;
height:10px; width:10px; text-align:right;
}
/*******************************************/
#generalspace
.titleblock{ background-color:#F8F8F8; text-align:center; padding:5px;
color:#817B85; font-size:14px; height:25px; line-height:25px;
font-weight:700; border:1px solid #F0F0F0; }
#generalspace .titleblock
#icot{ display:none; }
#generalspace .titleblock #txtt{ display:block;
}
/*******************************************/
#generalspace
#directory .title{ font-size:20px; }
#generalspace #directory{
}
#generalspace #directory .one-user-directory{ position:relative;
float:left; width: 290px; margin-right:20px; padding-top: 7px; overflow:
auto; border-bottom: 1px solid #EEE; }
#generalspace #directory
.one-user-directory .avatar{ width:50px; float:left; overflow:auto;
}
#generalspace #directory .one-user-directory .infomsg{ padding: 0 15px
5px 60px; word-wrap: break-word; }
#generalspace #directory
.one-user-directory .infomsg .username{ font-size:13px; }
#generalspace
#directory .one-user-directory .infomsg .txtmsg{ font-size:11px;
color:#999; }
#generalspace #directory #pagination{ margin-top:20px;
}
#generalspace #directory #pagination .current{ color:#7c7b7b; border:1px
solid #D9D9D9; background-color:#F3F3F3; padding:2px 6px; }
#generalspace
#directory #pagination .nocurrent{ padding:2px 6px; margin:0;
}
#generalspace #directory #pagination .nocurrent a{ text-decoration:none;
color:#27566f;
}
/*******************************************/
.titleSearchT{
font-size:20px; }
.msgerrorSearchT{ font-size:14px; margin:30px 0px 100px;
}
/*******************************************/
#footsite{}
#footsite
#foot-right{ font-size:12px; margin-bottom:10px; }
#footsite
#foot-right-i{ padding:10px 0px; font-size:12px;
}
/*******************************************/
.blackvideo{
position:relative; padding:10px; -moz-border-radius: 4px;
-webkit-border-radius: 4px; border-radius: 4px; background-color:#161616;
-webkit-box-shadow: 0px 25px 15px -18px rgba(0, 0, 0, 0.7); box-shadow: 0px
25px 15px -18px rgba(0, 0, 0, 0.7); max-width: 85%; margin: 0px auto;
}
.blackvideo .interno{ position:relative; padding-bottom:56.25%;
padding-top:30px; height:0; overflow:hidden; z-index:101; border:none;
}
.blackvideo .interno iframe, .blackvideo .interno object, .blackvideo
.interno embed{ position: absolute; top: 0; left: 0; width: 100%; height:
100%; outline: 0; outline: none; overflow: hidden;
}
/*******************************************/
/*******************************************/
/*******************************************/
/*******************************************/
/*******************************************/
/*
Magnific Popup CSS */
.mfp-bg {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1042;
overflow: hidden;
position: fixed;
background: #0b0b0b;
opacity: 0.8;
filter: alpha(opacity=80);
}
.mfp-wrap {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1043;
position: fixed;
outline: none !important;
-webkit-backface-visibility: hidden; }
.mfp-container {
text-align:
center;
position: absolute;
width: 100%;
height: 100%;
left:
0;
top: 0;
padding: 0 8px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.mfp-container:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle; }
.mfp-align-top
.mfp-container:before {
display: none; }
.mfp-content {
position:
relative;
display: inline-block;
vertical-align: middle;
margin: 0
auto;
text-align: left;
z-index: 1045; }
.mfp-inline-holder
.mfp-content, .mfp-ajax-holder .mfp-content {
width: 100%;
cursor:
auto; }
.mfp-ajax-cur {
cursor: progress; }
.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
cursor:
-moz-zoom-out;
cursor: -webkit-zoom-out;
cursor: zoom-out;
}
.mfp-zoom {
cursor: pointer;
cursor: -webkit-zoom-in;
cursor:
-moz-zoom-in;
cursor: zoom-in; }
.mfp-auto-cursor .mfp-content {
cursor: auto; }
.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
-webkit-user-select: none;
-moz-user-select: none;
user-select:
none; }
.mfp-loading.mfp-figure {
display: none; }
.mfp-hide {
display: none !important; }
.mfp-preloader {
color: #cccccc;
position: absolute;
top: 50%;
width: auto;
text-align: center;
margin-top: -0.8em;
left: 8px;
right: 8px;
z-index: 1044; }
.mfp-preloader a {
color: #cccccc; }
.mfp-preloader a:hover {
color: white; }
.mfp-s-ready .mfp-preloader {
display: none;
}
.mfp-s-error .mfp-content {
display: none; }
button.mfp-close,
button.mfp-arrow {
overflow: visible;
cursor: pointer;
background:
transparent;
border: 0;
-webkit-appearance: none;
display:
block;
outline: none;
padding: 0;
z-index: 1046;
-webkit-box-shadow: none;
box-shadow: none; }
button::-moz-focus-inner
{
padding: 0;
border: 0; }
.mfp-close {
width: 44px;
height:
44px;
line-height: 44px;
position: absolute;
right: 0;
top:
0;
text-decoration: none;
text-align: center;
opacity: 0.65;
padding: 0 0 18px 10px;
color: white;
font-style: normal;
font-size: 28px;
font-family: Arial, Baskerville, monospace; }
.mfp-close:hover, .mfp-close:focus {
opacity: 1; }
.mfp-close:active {
top: 1px; }
.mfp-close-btn-in .mfp-close {
color: #333333; }
.mfp-image-holder .mfp-close, .mfp-iframe-holder
.mfp-close {
color: white;
right: -6px;
text-align: right;
padding-right: 6px;
width: 100%; }
.mfp-counter {
position:
absolute;
top: 0;
right: 0;
color: #cccccc;
font-size: 12px;
line-height: 18px; }
.mfp-arrow {
position: absolute;
opacity:
0.65;
margin: 0;
top: 50%;
margin-top: -55px;
padding: 0;
width: 90px;
height: 110px;
-webkit-tap-highlight-color: rgba(0, 0,
0, 0); }
.mfp-arrow:active {
margin-top: -54px; }
.mfp-arrow:hover, .mfp-arrow:focus {
opacity: 1; }
.mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a
{
content: '';
display: block;
width: 0;
height: 0;
position: absolute;
left: 0;
top: 0;
margin-top: 35px;
margin-left: 35px;
border: medium inset transparent; }
.mfp-arrow:after, .mfp-arrow .mfp-a {
border-top-width: 13px;
border-bottom-width: 13px;
top: 8px; }
.mfp-arrow:before,
.mfp-arrow .mfp-b {
border-top-width: 21px;
border-bottom-width:
21px; }
.mfp-arrow-left {
left: 0; }
.mfp-arrow-left:after,
.mfp-arrow-left .mfp-a {
border-right: 17px solid white;
margin-left: 31px; }
.mfp-arrow-left:before, .mfp-arrow-left .mfp-b {
margin-left: 25px;
border-right: 27px solid #3f3f3f;
}
.mfp-arrow-right {
right: 0; }
.mfp-arrow-right:after,
.mfp-arrow-right .mfp-a {
border-left: 17px solid white;
margin-left: 39px; }
.mfp-arrow-right:before, .mfp-arrow-right .mfp-b
{
border-left: 27px solid #3f3f3f; }
.mfp-iframe-holder {
padding-top: 40px;
padding-bottom: 40px; }
.mfp-iframe-holder
.mfp-content {
line-height: 0;
width: 100%;
max-width:
900px; }
.mfp-iframe-holder .mfp-close {
top: -40px;
}
.mfp-iframe-scaler {
width: 100%;
height: 0;
overflow:
hidden;
padding-top: 56.25%; }
.mfp-iframe-scaler iframe {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
box-shadow: 0 0 8px rgba(0, 0, 0,
0.6);
background: black; }
/* Main image in popup */
img.mfp-img
{
width: auto;
max-width: 100%;
height: auto;
display: block;
line-height: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing:
border-box;
box-sizing: border-box;
padding: 40px 0 40px;
margin:
0 auto; }
/* The shadow behind the image */
.mfp-figure {
line-height: 0; }
.mfp-figure:after {
content: '';
position:
absolute;
left: 0;
top: 40px;
bottom: 40px;
display:
block;
right: 0;
width: auto;
height: auto;
z-index:
-1;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #444444;
}
.mfp-figure small {
color: #bdbdbd;
display: block;
font-size: 12px;
line-height: 14px; }
.mfp-figure figure {
margin: 0; }
.mfp-bottom-bar {
margin-top: -36px;
position:
absolute;
top: 100%;
left: 0;
width: 100%;
cursor: auto;
}
.mfp-title {
text-align: left;
line-height: 18px;
color:
#f3f3f3;
word-wrap: break-word;
padding-right: 36px;
}
.mfp-image-holder .mfp-content {
max-width: 100%; }
.mfp-gallery
.mfp-image-holder .mfp-figure {
cursor: pointer; }
@media screen and
(max-width: 800px) and (orientation: landscape), screen and (max-height:
300px) {
/**
* Remove all paddings around the image on small
screen
*/
.mfp-img-mobile .mfp-image-holder {
padding-left:
0;
padding-right: 0; }
.mfp-img-mobile img.mfp-img {
padding:
0; }
.mfp-img-mobile .mfp-figure {
/* The shadow behind the image
*/ }
.mfp-img-mobile .mfp-figure:after {
top: 0;
bottom:
0; }
.mfp-img-mobile .mfp-figure small {
display: inline;
margin-left: 5px; }
.mfp-img-mobile .mfp-bottom-bar {
background:
rgba(0, 0, 0, 0.6);
bottom: 0;
margin: 0;
top: auto;
padding: 3px 5px;
position: fixed;
-webkit-box-sizing:
border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.mfp-img-mobile .mfp-bottom-bar:empty {
padding: 0; }
.mfp-img-mobile .mfp-counter {
right: 5px;
top: 3px; }
.mfp-img-mobile .mfp-close {
top: 0;
right: 0;
width:
35px;
height: 35px;
line-height: 35px;
background: rgba(0,
0, 0, 0.6);
position: fixed;
text-align: center;
padding: 0;
} }
@media all and (max-width: 900px) {
.mfp-arrow {
-webkit-transform: scale(0.75);
transform: scale(0.75); }
.mfp-arrow-left {
-webkit-transform-origin: 0;
transform-origin:
0; }
.mfp-arrow-right {
-webkit-transform-origin: 100%;
transform-origin: 100%; }
.mfp-container {
padding-left: 6px;
padding-right: 6px; } }
.mfp-ie7 .mfp-img {
padding: 0; }
.mfp-ie7
.mfp-bottom-bar {
width: 600px;
left: 50%;
margin-left: -300px;
margin-top: 5px;
padding-bottom: 5px; }
.mfp-ie7 .mfp-container {
padding: 0; }
.mfp-ie7 .mfp-content {
padding-top: 44px; }
.mfp-ie7
.mfp-close {
top: 0;
right: 0;
padding-top: 0;
}
/*******************************************/
/*******************************************/
/*******************************************/
/**
Add version 1.1 ***/
.areabfacebook{ width:30%; margin:0px auto 15px;
}
.areabfacebook .bfacebook{ background-color:#43619b; border:1px solid
#2a4069; color:#FFFFFF !important; font-size:16px; font-weight:bold;
-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;
text-align:center; }
.areabfacebook .bfacebook .iconofbf{
position:relative; float:left; background-color:#5A78B1; border-right:1px
solid #436099; padding:5px 10px; font-size:0px; }
.areabfacebook
.bfacebook .titlebfb{ position:relative; border-right:1px solid #436099;
padding:5px 10px; line-height:33px; text-align:center; }
.areabfacebook
.bfacebook:hover{ text-decoration:none; }
.bbluefacebook{
background-color:#43619b; border:1px solid #2a4069; padding:5px 10px 5px
10px; color:#FFFFFF !important; font-size:13px; -webkit-border-radius:5px;
-moz-border-radius:5px; border-radius:5px; }
.bbluefacebook:hover{
background-color:#3C5688; border:1px solid #48659C; padding:5px 10px 5px
10px; color:#FFFFFF !important; text-decoration:none;
}
/*******************************************/
/* Styles for Wide
Screens - WIDE DESKTOP
LAYOUT
----------------------------------------------- */
@media only
screen and (min-width: 1176px)
{
#container{ width:1176px;
}
#home-boxcenter{ margin:0px 203px 0px;
}
/***************************************************/
#home-top
#home-top-block #arealogin{ width:25%; }
#home-top #home-top-block
#areasignup{ width:25%;
}
/***************************************************/
.area-notification
{ max-width: 1176px; }
.content-notification { max-width: 350px;
}
/*******************************************/
.area-notification-msg{
max-width: 1176px; }
.content-notification-msg{ max-width: 350px;
}
/***************************************************/
#infohome
#usersAleat{ padding:0 190px; }
#infohome #usersAleat .spacephoto{
margin-left:20px; margin-right:20px;
}
/***************************************************/
#generalspace
#search #listresults .spacephoto{ margin-right:18px; margin-left:18px;
}
#generalspace #search #listresults .oneminiphoto{ width:150px;
height:150px;
}
/***************************************************/
#generalspace
#column2-info{ position:relative; float:left; width:976px;
}
/***************************************************/
#generalspace
#column2-admin{ position:relative; float:left; width:976px;
}
#generalspace #column2-admin #dashboard-admin2 .editarea .withbox{
width:45%; }
#generalspace #column2-admin #dashboard-admin2
#listcensor .onephoto{ position:relative; float:left; width:150px; padding:
5px; border: 1px solid #EEE; margin-right:33px;
}
/***************************************************/
#generalspace
#column1{ position:relative; float:left; width:180px; margin-right:30px;
}
#generalspace #column2{ position:relative; float:left; width:736px;
}
#generalspace #column2 #infobasic #titleuser{ font-size:30px;
}
#generalspace #column2 #infobasic .space-data-border{ padding:0px 20px
0px 10px; }
#generalspace #column2 #profile2 .onefollower .info{
width:676px; }
/*#generalspace #column2 #profile2 .oneactivity
.oaheader .info{ width:656px; }*/
#generalspace #column2 #profile2
#myphotos .onealbum .spacephoto{ margin-right:9px; margin-left:0px;
}
#generalspace #column2 #profile2 #myalbum .onephoto{
margin-right:21px; }
#generalspace #column2 #profile2 .boxchat
.chatheader .info{ width:656px; }
#generalspace #column2 #profile2
#mylikes .onelike{ margin-right:21px;
}
/***************************************************/
#generalspace
#dashboard2 .editarea .withbox{ width:45%; }
#generalspace #dashboard2
.onefollower .info{ width:656px; }
#generalspace #dashboard2
.oneuserchat .info{ width:656px; }
/*#generalspace #dashboard2
.oneactivity .oaheader .info{ width:656px; }*/
#generalspace
#dashboard2 .itemonenot .info{ width:656px;
}
/***************************************************/
#generalspace
#dashboard2 #mylikes .onelike{ margin-right:21px;
}
/***************************************************/
#generalspace
#column3{ position:relative; float:right; width:200px;
}
/***************************************************/
#generalspace
#directory .one-user-directory{ width: 270px; margin-right:20px;
}
/***************************************************/
#search-container
#contentSearch{ margin:0px auto; width:1176px;
}
/***************************************************/
.blackvideo{
max-width: 65%;
}
/*******************************************/
/** Add version
1.1 ***/
.areabfacebook{ width:25%; }
} /* END WIDE LAYOUT
*/
/* Styles for Tablets - TABLET
LAYOUT
----------------------------------------------- */
@media only
screen
and (min-width: 768px)
and (max-width: 991px)
{
#container{
width:768px;
}
/***************************************************/
#home-boxcenter{
margin:0px 0px 0px;
}
/***************************************************/
#home-top
#home-top-block #arealogin{ width:39%; }
#home-top #home-top-block
#areasignup{ width:39%;
}
/***************************************************/
.area-notification
{ max-width: 768px; }
.content-notification { max-width: 350px;
}
/***************************************************/
.area-notification-msg{
max-width: 768px; }
.content-notification-msg{ max-width: 350px;
}
/***************************************************/
#top-inside
#top-inside-block #topbar-inside #area2 #infouser{ margin-right:10px;
}
#top-inside #top-inside-block #topbar-inside #area2 #infouser
#txtusername{ margin-right:5px; }
#top-inside #top-inside-block
#topbar-inside #area2 #icodashtop .icotop{ margin-left:8px;
}
/***************************************************/
#infohome
#usersAleat{ padding:0 30px; }
#infohome #usersAleat .spacephoto{
margin-left:15px; margin-right:15px;
}
/***************************************************/
#generalspace
#search #listresults .spacephoto{ margin-left:45px; margin-right:45px;
}
#generalspace #search #listresults .oneminiphoto{ width:150px;
height:150px;
}
/***************************************************/
#generalspace
#column2-info{ position:relative; float:left; width:568px;
}
/***************************************************/
#generalspace
#column2-admin{ position:relative; float:left; width:568px;
}
#generalspace #column2-admin #dashboard-admin2 .editarea .withbox{
width:60%;
}
/***************************************************/
#generalspace
#column1{ position:relative; float:left; width:100px; margin-right:10px;
}
#generalspace #column1 #avatarmedium{ display:block; }
#generalspace
#column1 #avatargeneral{ display:none; }
#generalspace #column1
#avatarmini{ display:none; }
#generalspace #column1 .menuoption{
padding:5px 10px; text-align:center; }
#generalspace #column1 .menuoption
.icopc{ float:none; }
#generalspace #column1 .menuoption .txtopc{
display:none; }
#generalspace .titleblock{ text-align:center;
height:20px; line-height:19px; padding:5px; }
#generalspace .titleblock
#icot{ display:block; }
#generalspace .titleblock #txtt{ display:none;
}
#generalspace #column2{ position:relative; float:left;
width:448px; }
#generalspace #column2 #profile2 .onefollower .info{
width:388px;
}
/***************************************************/
/*#generalspace
#column2 #profile2 .oneactivity .oaheader .info{ position:relative;
float:left; width:368px; }*/
#generalspace #column2 #profile2 .boxchat
.chatheader .info{ width:368px; }
#generalspace #column2 #profile2
.boxchat .chatbody{ height:350px;
}
/***************************************************/
#generalspace
#column2 #profile2 #mylikes .onelike{ margin-right:10px; }
#generalspace
#column2 #profile2 #mylikes .onelike .thephoto{ width:125px; height:125px;
}
/***************************************************/
#generalspace
#dashboard2 .editarea .withbox{ width:60%; }
#generalspace #dashboard2
.onefollower .info{ width:368px; }
#generalspace #dashboard2
.oneuserchat .info{ width:368px; }
#generalspace #dashboard2
.itemonenot .info{ width:368px;
}
/***************************************************/
#generalspace
#dashboard2 #mylikes .onelike{ margin-right:10px; }
#generalspace
#dashboard2 #mylikes .onelike .thephoto{ width:125px; height:125px;
}
/***************************************************/
#generalspace
#column3{ position:relative; float:right; width:200px;
}
/***************************************************/
#generalspace
#directory .one-user-directory{ width: 350px; margin-right:30px;
}
/***************************************************/
#search-container
#contentSearch{ margin:0px auto; width:768px;
}
/***************************************************/
/*******************************************/
/**
Add version 1.1 ***/
.areabfacebook{ width:40%; }
} /* END
TABLET LAYOUT */
/* Styles for Mobiles - MOBILE LAYOUT
(PORTRAIT/320PX) - Smartphone
Vertical
----------------------------------------------- */
@media only
screen
and (max-width: 767px)
{
#container{ width: 300px; padding:0
10px;
}
/***************************************************/
#home-boxcenter{
margin:0px 16px 0px; }
#home-boxcenter #box1 #boxwelcome{
background:white; width:264px; border: 1px solid #6fa3c4;
-webkit-box-shadow: 0 0 125px rgba(255,255,255,.35); -moz-box-shadow: 0 0
125px rgba(255,255,255,.35); box-shadow: 0 0 125px rgba(255,255,255,.35);
margin-bottom:15px; }
#home-boxcenter #box2{ float:none; clear:both;
margin-left:0px; margin-top:15px; }
#home-boxcenter #box2 #boxlogin{
margin-top:15px; }
#home-boxcenter #box2 #boxregister{ margin-top:15px;
}
/***************************************************/
#home-top
#topbar #area1 #logo{ display:none; float:none;
}
/***************************************************/
#home-top
#home-top-block #topmsg #line01{ font-size:30px; }
#home-top
#home-top-block #topmsg #line02{ font-size:30px;
}
/***************************************************/
.area-notification
{ max-width: 300px; }
.content-notification { max-width: 250px;
}
.content-notification .content-info .itemalertnot .info{ width:199px;
}
/***************************************************/
.area-notification-msg{
max-width: 300px; }
.content-notification-msg{ max-width: 250px;
}
.content-notification-msg .content-info-msg .itemalertnot .info{
width:199px;
}
/***************************************************/
#home-top
#home-top-block #arealogin{ width:90%; }
#home-top #home-top-block
#areasignup{ width:90%;
}
/***************************************************/
#top-inside
#top-inside-block #topbar-inside #area1{ }
#top-inside #top-inside-block
#topbar-inside #area1 #isotipo{ margin-right:5px; }
#top-inside
#top-inside-block #topbar-inside #area1 #logo{ display:none; float:none;
}
#top-inside #top-inside-block #topbar-inside #area1 #topsearch{
width:80%; margin-right:-30px; }
#top-inside #top-inside-block
#topbar-inside #area1 #boxsearch{ margin-left:0px; margin-right:-30px;
}
#top-inside #top-inside-block #topbar-inside #area2 #infouser{
margin-right:0px; }
#top-inside #top-inside-block #topbar-inside #area2
#infouser #txtusername{ display:none; }
#top-inside #top-inside-block
#topbar-inside #area2 #icodashtop .icotop{ margin-left:7px;
}
/***************************************************/
#infohome
#usersAleat{ padding:0 20px; }
#infohome #usersAleat .spacephoto{
margin-left:2px; margin-right:2px; }
#infohome #topmsg #line01{
font-size:28px; }
#infohome #topmsg #line02{ font-size:18px;
margin-top:5px;
}
/***************************************************/
#generalspace
#search #listresults .spacephoto{ margin-left:0px; margin-right:10px;
}
#generalspace #search #listresults .oneminiphoto{ width:130px;
height:130px;
}
/***************************************************/
#generalspace
#column1-info{ width:100px; margin-right:10px; }
#generalspace
#column1-info .menuoption{ font-size:12px; }
#generalspace
#column2-info{ position:relative; float:left; width:190px;
}
/***************************************************/
#generalspace
#column1-admin{ width:100px; margin-right:10px; }
#generalspace
#column1-admin .menuoption{ font-size:12px; }
#generalspace
#column2-admin{ position:relative; float:left; width:190px;
}
#generalspace #column2-admin #dashboard-admin2 .editarea .withbox{
width:90%;
}
/***************************************************/
#generalspace
#column1{ position:relative; float:left; width:50px; margin-right:10px;
}
#generalspace #column1 #avatargeneral{ display:none; }
#generalspace
#column1 #avatarmini{ display:block; }
#generalspace #column1
#avatarmedium{ display:none; }
#generalspace #column1 .menuoption{
padding:5px 10px; text-align:center; }
#generalspace #column1 .menuoption
.icopc{ float:none; }
#generalspace #column1 .menuoption .txtopc{
display:none; }
#generalspace .titleblock{ text-align:center;
height:20px; line-height:19px; padding:5px; }
#generalspace .titleblock
#icot{ display:block; }
#generalspace .titleblock #txtt{ display:none;
}
#generalspace #column2{ position:relative; float:left; width:240px;
}
#generalspace #column2 #infobasic #titleuser{ font-size:17px;
}
#generalspace #column2 #profile2 .onefollower .avatar{
margin-right:5px; }
#generalspace #column2 #profile2 .onefollower .info{
width:185px; }
#generalspace #column2 #profile2 .onefollower .info .name{
font-size:13px; font-weight:bold; }
#generalspace #column2 #profile2
.onefollower .info .name img{ width:15px; }
#generalspace #column2
#profile2 .onefollower .info .moreinfo{ font-size:11px;
}
/***************************************************/
/*#generalspace
#column2 #profile2 .oneactivity .oaheader .info{ position:relative;
float:left; width:165px; }*/
#generalspace #column2 #profile2 .boxchat
.chatheader .info{ width:165px; }
#generalspace #column2 #profile2
.boxchat .chatbody{ height:250px;
}
/***************************************************/
#generalspace
#column2 #profile2 #mylikes .onelike{ margin-left:40px; margin-right:20px;
}
/***************************************************/
#generalspace
#column3{ margin-top:20px;
}
/***************************************************/
#generalspace
#column3 #linkdirectoryphotos{
margin-top:40px;}
/***************************************************/
#generalspace
#dashboard2 .editarea .withbox{ width:90%; }
#generalspace #dashboard2
.onefollower .info{ width:165px; }
#generalspace #dashboard2 .onefollower
.info .name{ font-size:14px; }
#generalspace #dashboard2 .onefollower
.info .name img{ width:15px; }
#generalspace #dashboard2 .oneuserchat
.info{ width:165px; }
#generalspace #dashboard2 .oneuserchat .info .name{
font-size:14px; }
#generalspace #dashboard2 .oneuserchat .info .moreinfo{
font-size:12px; }
#generalspace #dashboard2 .itemonenot .info{
width:165px; }
#generalspace #dashboard2 .itemonenot .info .txtaction{
font-size:13px; }
#generalspace #dashboard2 .itemonenot .info .txtwhen{
font-size:11px;
}
/***************************************************/
#generalspace
#dashboard2 #mylikes .onelike{ margin-left:40px; margin-right:20px;
}
/***************************************************/
#generalspace
#divseparator{ display:block; }
#generalspace #column3{ float:none;
width:100%;
}
/***************************************************/
#generalspace
#directory .one-user-directory{ width: 100%;
}
/***************************************************/
#search-container
#contentSearch{ margin:0px auto; width:300px;
}
/***************************************************/
.titleSearchT{
font-size:14px;
}
/***************************************************/
/*******************************************/
/**
Add version 1.1 ***/
.areabfacebook{ width:90%; }
} /* END
MOBILE LAYOUT */
/* Styles for Mobiles - WIDE MOBILE LAYOUT
(LANDSCAPE/480PX) - Smartphone
Horizontal
----------------------------------------------- */
@media
only screen
and (min-width: 480px)
and (max-width:
767px)
{
#container{ width: 480px; padding:0px;
}
/***************************************************/
#home-boxcenter{
margin:0px 106px 0px;
}
/***************************************************/
#home-top
#topbar #area1 #logo{ display:block; float:left;
}
/***************************************************/
#home-top
#home-top-block #arealogin{ width:62%; }
#home-top #home-top-block
#areasignup{ width:62%;
}
/***************************************************/
.area-notification
{ max-width: 480px; }
.content-notification { max-width: 350px;
}
.content-notification .content-info .itemalertnot .info{ width:299px;
}
/***************************************************/
.area-notification-msg{
max-width: 480px; }
.content-notification-msg{ max-width: 350px;
}
.content-notification-msg .content-info-msg .itemalertnot .info{
width:299px;
}
/***************************************************/
#top-inside
#top-inside-block #topbar-inside #area1 #isotipo{ }
#top-inside
#top-inside-block #topbar-inside #area1 #logo{ display:block; float:left;
margin-left:7px;}
#top-inside #top-inside-block #topbar-inside #area1
#boxsearch{ margin-left:5px; }
#top-inside #top-inside-block
#topbar-inside #area2 #infouser{ /*margin-right:10px;*/ }
#top-inside
#top-inside-block #topbar-inside #area2 #infouser #txtusername{
display:none; }
#top-inside #top-inside-block #topbar-inside #area2
#icodashtop .icotop{ margin-left:7px;
}
/***************************************************/
#generalspace
#column1-admin{ width:150px; margin-right:10px; }
#generalspace
#column2-admin{ position:relative; float:left; width:320px;
}
#generalspace #column2-admin #dashboard-admin2 .editarea .withbox{
width:75%;
}
/***************************************************/
#infohome
#usersAleat{ padding:0 110px; }
#infohome #usersAleat .spacephoto{
margin-left:3px; margin-right:3px;
}
/***************************************************/
#generalspace
#search #listresults .spacephoto{ margin-left:0px; margin-right:15px;
}
#generalspace #search #listresults .oneminiphoto{ width:135px;
height:135px;
}
/***************************************************/
#generalspace
#column1{ position:relative; float:left; width:50px; margin-right:20px;
}
#generalspace #column1 #avatargeneral{ display:none; }
#generalspace
#column1 #avatarmini{ display:block; }
#generalspace #column1
#avatarmedium{ display:none; }
#generalspace #column1 .menuoption{
padding:5px 10px; text-align:center; }
#generalspace #column1 .menuoption
.icopc{ float:none; }
#generalspace #column1 .menuoption .txtopc{
display:none; }
#generalspace .titleblock{ text-align:center;
height:20px; line-height:19px; padding:5px; }
#generalspace .titleblock
#icot{ display:block; }
#generalspace .titleblock #txtt{ display:none;
}
#generalspace #column2{ position:relative; float:left; width:410px;
}
#generalspace #column2 #infobasic #titleuser{ font-size:20px;
}
#generalspace #column2 #profile2 .onefollower .avatar{
margin-right:5px; }
#generalspace #column2 #profile2 .onefollower .info{
width:355px; }
#generalspace #column2 #profile2 .onefollower .info .name{
font-size:14px; font-weight:bold; }
#generalspace #column2 #profile2
.onefollower .info .moreinfo{ font-size:11px;
}
/***************************************************/
/*#generalspace
#column2 #profile2 .oneactivity .oaheader .info{ position:relative;
float:left; width:335px; }*/
#generalspace #column2 #profile2 .boxchat
.chatheader .info{ width:335px;
}
/***************************************************/
#generalspace
#column2 #profile2 #mylikes .onelike{ margin-left:20px; margin-right:20px;
}
/***************************************************/
#generalspace
#dashboard2 .editarea .withbox{ width:75%; }
#generalspace #dashboard2
.onefollower .info{ width:335px; }
#generalspace #dashboard2 .onefollower
.info .name{ font-size:14px; }
#generalspace #dashboard2 .oneuserchat
.info{ width:335px; }
#generalspace #dashboard2 .oneuserchat .info .name{
font-size:14px; }
#generalspace #dashboard2 .oneuserchat .info .moreinfo{
font-size:12px; }
#generalspace #dashboard2 .itemonenot .info{
width:335px;
}
/*****************************************************/
#generalspace
#dashboard2 #mylikes .onelike{ margin-left:20px; margin-right:20px;
}
/*****************************************************/
#top-inside
#top-inside-block #topbar-inside #area1 #topsearch{ width:85%;
}
#generalspace #divseparator{ display:block; }
#generalspace
#column3{ float:none; width:100%;
}
/***************************************************/
#generalspace
#column2-admin #dashboard-admin2 #listcensor .onephoto{ position:relative;
float:left; width:135px; margin-right:10px; margin-bottom:10px;
}
#search-container #contentSearch{ margin:0px auto; width:480px;
}
/***************************************************/
/*******************************************/
/**
Add version 1.1 ***/
.areabfacebook{ width:60%; }
} /* END
WIDE MOBILE LAYOUT */
/* For the devices Retina - RETINA
OVERRIDES
----------------------------------------------- */
@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and
(min-device-pixel-ratio:
2)
{
}
/*************************************/
/*************************************/
/***
Update v1.2 ***/
#generalspace #dashboard2 .boxstatus .oabody{
padding:10px 10px 0px 10px !important; }
#generalspace #dashboard2
.boxstatus .oabody .emoticons-space{ padding:5px 5px 0px 5px;
border-top:1px solid #EEEEEE; display:none; }
#generalspace #dashboard2
.boxstatus .oabody .emoticons-space .onesmile{ padding:3px;
}
#generalspace #column2 #profile2 .oneactivity .oabody .space05{
text-align:left !important; }
#generalspace #dashboard2 .oneactivity
.oabody .space05{ text-align:left !important; }
#generalspace #column2
#profile2 .boxchat .entertxt{ padding:10px 10px 0px 10px !important;
}
#generalspace #column2 #profile2 .boxchat .entertxt .emoticons-space{
padding:10px 5px 5px 5px; border-top:1px solid #EEEEEE; display:none;
}
#generalspace #column2 #profile2 .boxchat .entertxt .emoticons-space
.onesmile{ padding:3px; }
/*** end Update v1.2
***/
/*************************************/
/*************************************/
/***
Update v1.3 ***/
.inputimage{ width: 25px !important; height: 20px
!important; }
.bimage{ width: 25px !important; height: 20px !important;
}
.icobselected{ border-bottom:2px solid #AEB3BC; }
/*** end Update
v1.3
***/
/*************************************/
/*************************************/
/***
Update v1.4 ***/
/*
Modifications have been made in the lines (in
this file):
1022, 1024, 1747, 1767, 1879, 2045, 2206
Compare it to
your css and replace it. Or if you prefer, make a complete copy of this
CSS.
*/
/*** end Update v1.4 ***/