@CHARSET "UTF-8";

html, body {height: 100%; margin-top: 0; padding-top: 0; margin-bottom: 0; padding-bottom: 0}

body {font: normal 76%/130% Arial, sans-serif; background-color: #fff;} 
table {font-size: 100%} 
/*td {text-align: left} */

h1 {font: normal 240%/120% Arial, sans-serif;}
h2 {font: normal 170%/120% Arial, sans-serif}
h4 {font: normal 150%/125% Arial, sans-serif}
.big {font: 120%/160% Arial, sans-serif}
.sm {font: normal 92%/130% Arial, sans-serif}
.1px {font: normal 1px/1px Arial, sans-serif}

.main-container {width: 900px}
form {display: inline} /* WTF!? */
div.widsnjx form {display: block;}

.button,
button {padding: 0.3em 1em; background: #e5e5e5 url(/i/box/bg-gray.gif) repeat-x left top; font-weight: bold;}

.editable, 
.light {border: solid 1px; border-color: #888 #ddd #ddd #555; width: 100%; background-color: #ffffff}

a:link,
a.fix:visited {color: #3e7ddc}
a:hover {color: #dc603e}

.my a:link,
.my .fix,
.my a.fix:visited {color: #89a40c}
.my a:hover {color: #dd0000}


.selected,
a.selected:link,
a.selected:visited {color: #000000; background: #dddddd}

.center {text-align: center}

.personal .js,
.personal a.js:link,
.personal a.js:visited,
.personal a:link,
.personal .fix,
.personal a.fix:link,
.personal a.fix:visited {color: #d94d00}
.personal a:hover {color: #dd0000}

.personal .selected,
.personal a.selected:link,
.personal a.selected:visited,
.personal .box .selected {color: #ffffff; background: #ff5400 url(/i/box/bg-orange.gif) repeat-x scroll bottom}
.personal .selected a:link,
.personal .selected a:visited {color: #ffffff;}


img {border: 0;}

a.dark:link,
a.dark:visited {color: #000}

.pale,
a.pale:link,
a.pale:visited {color: #A3A3A3}
a.no {text-decoration: none}

a:hover {color: #C04F29; text-decoration: underline}

.pointer {cursor: pointer}

.js {cursor: pointer; text-decoration: none; border-bottom: 1px dotted; line-height: 140%}

.pager .next,
.pager .prev {width: 40px; height: 31px; padding-top: 7px}
.pager table td div {padding: 7px; font: bold 120% Arial, sans-serif}
.pager .selected div {margin: 0 7px; background-color: #ddd}
.pager a:link,
.pager a:visited,
.pager a:hover,
.pager a:active {color: #000}

.stars {width: 95px; height: 17px; background: url(/i/4/stars-bg.gif) no-repeat top -100px;}
.stars img {width: 95px; height: 17px}

.p0 {padding: 0}
.p05 {padding: 0.5em}
.p08 {padding: 0.8em}
.p10 {padding: 1em}
.pr03 {padding-right: 0.3em}
.pr05 {padding-right: 0.5em}
.pr08 {padding-right: 0.8em}
.pr10 {padding-right: 1em}
.pr15 {padding-right: 1.5em}

.pl03 {padding-left: 0.3em}
.pl05 {padding-left: 0.5em}
.pl08 {padding-left: 0.8em}
.pl10 {padding-left: 1em}

.pt03 {padding-top: 0.3em}
.pt05 {padding-top: 0.5em}
.pt08 {padding-top: 0.8em}
.pt40 {padding-top: 4em}
.pt60 {padding-top: 6em}

.pb05 {padding-bottom: 0.5em}
.pb08 {padding-bottom: 0.8em}
.pt10 {padding-top: 1em}
.pb10 {padding-bottom: 1em}
.pt15 {padding-top: 1.5em}
.pb15 {padding-bottom: 1.5em}

.m0 {margin: 0}
.mt0 {margin-top: 0}
.mt03 {margin-top: 0.3em}
.mt05 {margin-top: 0.5em}
.mt08 {margin-top: 0.8em}
.mt10 {margin-top: 1em}
.mt15 {margin-top: 1.5em}
.mt20 {margin-top: 2em}
.mt25 {margin-top: 2.5em}
.mt30 {margin-top: 3em}
.mt40 {margin-top: 4em}
.mt60 {margin-top: 6em}
.mt80 {margin-top: 8em}
.mt90 {margin-top: 9em}

.mr10 {margin-right: 1em}
.mb0 {margin-bottom: 0em}
.mb03 {margin-bottom: 0.3em}
.mb05 {margin-bottom: 0.5em}
.mb08 {margin-bottom: 0.8em}
.mb10 {margin-bottom: 1em}
.mb15 {margin-bottom: 1.5em}
.mb20 {margin-bottom: 2em}
.mb25 {margin-bottom: 2.5em}
.mb40 {margin-bottom: 4em}


.box {background: #e5e5e5 url(/i/box/bg-gray.gif) repeat-x left top}

.box .l, .box .r { background: transparent url(/i/box/1-gray.gif) repeat-y left top }
.box .r { background-position: right top }
.box .tb { border: #D2D2D2 solid 0; border-width: 1px 0}
.box .selected { background: #c4e241 url(/i/box/bg-green.gif) repeat-x left bottom}
.bg-gray-light { background: #F4F4F4 url(/i/box/bg-gray-light.gif) repeat-x left bottom }

.box .tline {border-top: #D2D2D2 solid 1px;}
.box .lr,
.box .l, .box .r { border: #D2D2D2 solid 0; border-width: 0 1px 0 1px}
.box .l {border-width: 0}
.box .r {border-width: 0}

.box .tr img,
.box .tl img,
.box .br img,
.box .bl img {width: 10px; height: 10px; display: block}

.box .t img,
.box .b img {height: 10px; display: block}

.box .tr,
.box .br {background: transparent url(/i/box/vline.gif) repeat-y right;}
.box .tl,
.box .bl {background: transparent url(/i/box/vline.gif) repeat-y left;}

.box .tr img {background: transparent url(/i/box/tr.gif) no-repeat top right;}
.box .br img {background: transparent url(/i/box/br.gif) no-repeat bottom right;}
.box .tl img {background: transparent url(/i/box/tl.gif) no-repeat top left;}
.box .bl img {background: transparent url(/i/box/bl.gif) no-repeat bottom left;}

.box .t, .box .b { background: transparent url(/i/box/1-gray.gif) repeat-x left top }
.box .b { background-position: left bottom }


/* light box */
.box-light {background: #f5f5f5}
.box-light .l, 
.box-light .tl,
.box-light .bl,
.box-light .r,
.box-light .tr,
.box-light .br { background: transparent url(/i/box-light/1-gray.gif) repeat-y left top }

.box-light .r,
.box-light .tr,
.box-light .br { background-position: right top }

.box-light .tr img,
.box-light .tl img,
.box-light .br img,
.box-light .bl img {width: 10px; height: 10px; display: block}

.box-light .t img,
.box-light .b img {height: 10px; display: block}

.box-light .tr img {background: transparent url(/i/box-light/tr.gif) no-repeat top right}
.box-light .br img {background: transparent url(/i/box-light/br.gif) no-repeat bottom right}
.box-light .tl img {background: transparent url(/i/box-light/tl.gif) no-repeat top left}
.box-light .bl img {background: transparent url(/i/box-light/bl.gif) no-repeat bottom left}

.box-light .t, .box-light .b { background: transparent url(/i/box-light/1-gray.gif) repeat-x left top }
.box-light .b { background-position: left bottom }
/* //light box */

.box-top th {background-color: #E5E5E5; padding: 0.3em 0 0.3em; text-align: left}
.box-top .tl {background: #E5E5E5 url(/i/box-top/tl.gif) no-repeat left top; padding-left: 10px}
.box-top .tr {background: #E5E5E5 url(/i/box-top/tr.gif) no-repeat right top}

.blue-btn {background: transparent url(/i/blue-btn/c.gif) repeat-x left top}
.blue-btn .l {background: transparent url(/i/blue-btn/l.gif) no-repeat left top}
.blue-btn .r {background: transparent url(/i/blue-btn/r.gif) no-repeat right top}

.menu-inf td {font: normal 160%/100% sans-serif; text-align: center}
.menu-inf .selected a:link,
.menu-inf .selected a:visited {color: #ffffff}

.menu-top {margin-top: 7px;}

.menu-my img.my-cabinet {position: absolute; margin: -39px 0 0 93px}
.menu-my .item {padding: 10px;}

.talk-list th {font-size: 88%;}
.talk-list td {padding: 0.3em; border-bottom: 1px solid #b8b8b8}
.talk-list tr {cursor: pointer}
.talk-list tr.unread td {font-weight: bold}
.talk-list td.bgpale {background-color: #f8f8f8;}
.talk-list .selected {background-color: #bbd252;}

.phrase {padding: 0.5em 0}
.phrase .date {float: right; color: #999999; background-color: #eeeeee; font-size: 75%; padding: 0 0.3em}
.phrase .pen {position: absolute; margin-left: -25px}

.inf-small {position: relative; overflow: hidden; width: 74px; height: 90px; background: transparent url(/i/box/menu-inf-back.gif) no-repeat top left; float: left; margin: 5px 10px 0 5px;} 
.inf-small-selected {background-image: url(/i/box/menu-inf-back-cur.gif);}
.inf-small .new-talk {text-align: center; color: #ffffff; font-size: 75%; position: absolute; margin-top: 67px; width: 74px; height: 23px; background: transparent url(/i/box/menu-inf-back-bot.gif) no-repeat bottom left} 
.inf-small div img {margin-top: 7px}

.footer {margin-top: 20px;}


/* Hint */
.hint {position: absolute; width: 2em; background: transparent;}
.hint table {width: 100%;}
.hint b {height: 1px; display: block; overflow:hidden; font-size:1px; background: #ffcb3f; margin: 0 1px 0 1px;}
.hint div {color: #000000; display:block; background: #ffcb3f; font: normal 92%/100% Arial sans-serif; text-align: left; padding: 0.2em 0.5em;}


/*-----timida----*/
.toggle-inf .darr {visibility: hidden; display: block; margin-left: 15px}

.toggle-sites {line-height: 300%}

.toggle-sites a:link,
.toggle-sites a:visited,
.toggle-sites a:hover,
.toggle-sites a:active {margin: 0 1em 0 0; padding: 0.5em; color: #000}
.toggle-sites a:hover {color: #C04F29}

.toggle-sites a.selected:link,
.toggle-sites a.selected:visited,
.toggle-sites a.selected:hover,
.toggle-sites a.selected:active {background-color: #FF5400; color: #fff; text-decoration: none}

.orange-bg a:link,
.orange-bg a:visited,
.orange-bg a:hover,
.orange-bg a:active {color: #fff; text-decoration: none}

a.yellow:link,
a.yellow:visited,
a.yellow:hover,
a.yellow:active {color: #FF8900}

.gray-bg a:link,
.gray-bg a:visited {color: #000; text-decoration: underline}

.h-ln { height: 2px; font: 1px/1px Araia, serif; overflow: hidden; background-color: #EDEDED}

.w100 {width: 100%}
.form {width: 25em; font: 120%/160% Arial, sans-serif}
.form td {padding: 0.5em; text-align: center; vertical-align: top}
.form input {font-size: 130%; text-align: center}
.form div {position: absolute; margin: 2em 0 0 1em; width: 18em; text-align: left; font: normal 76%/130% Arial, sans-serif; color: #888888}
.form td.desc {width: 18em; text-align: left; overflow: visible; font: normal 76%/130% Arial, sans-serif; color: #888888}
.bg-gray {background-color: #eee}
.bg-white {background-color: #ffffff}


ul.errors {margin: 0; padding: 0; font: normal 78%/130% Arial, sans-serif}
ul.errors li {margin: 0; padding: 0; list-style-type: none; color: #CC0000}


.rarr {background: transparent url(/i/rarr.gif) no-repeat left top;}
.bg-gray .rarr {background: transparent url(/i/rarr-bg-gray.gif) no-repeat left top}

.flash-message { color: #000; font: 92% Arial, sans-serif; background-color: #E9F2CA; width: 12em; padding: 0.5em; margin: 0.5em 0}

#flash_message {
	font: 100% Arial, sans-serif;
	font-weight: bold;
	background-color: #fff;
	display: block;
	max-width: 300px;
	cursor: pointer;
	position: absolute; 
	top: 5px; 
	right: 5px; 
	z-index: 10000;
}
#flash_message div.error {
	color: red;
}
#flash_message div.success {
	color: green;
}

.switch_control {display: inline; border: 0; line-height: 0; width: 2.5em; position: absolute; margin-left: -3em;}

.switch_control a.ajax:link,
.switch_control a.ajax:visited  {border: 0; text-decoration: none; color: #999999; padding: 1px}

.switch_control a.switch:link,
.switch_control a.switch:visited {font: normal 7pt/5pt Tahoma, sans-serif; display: block; width: 2.5em; text-align: left;}

.switch_control a.switched:link,
.switch_control a.switched:visited {color: #ffffff; border: none; background: transparent url(/i/on-off.gif) center right no-repeat}

.switch_control .switch_off,
.switch_control .switch_on {border: 0;}

.text {font-size: 115%; line-height: 135%} 
.text div {padding: 0.5em 1em; border: 3px solid #ffffff; border-width: 3px 0}
.text div.current {border-color: #dddddd;}
.text .bgpale {background-color: #eeeeee; margin: 0.3em 0; padding: 0;}
.text li {padding-bottom: 0.5em}

.navigator {
    position:relative;
    width: 100%;
    height: 39px;
}
.navigator .scrollable {
    
    /* required settings */
    position:relative;
    overflow:hidden;
    width: 800px;
    height:39px;
    float: left;
}

.navigator div.scrollable ul {
    /* this cannot be too large */
    width: 20000em;  
    position:absolute;
    clear: both;
    list-style: none;
    margin: 0 0 0 10px;
    padding: 0;
}

.navigator div.scrollable ul li {
    float: left;
    text-align:center;
    font: bold 120% Arial, sans-serif;
    width: 39px;
    height: 39px;
    line-height: 39px;
    margin: 0;
    padding: 0;
}

.navigator div.scrollable a:link,
.navigator div.scrollable a:visited,
.navigator div.scrollable a:hover,
.navigator div.scrollable a:active {color: #000}

.navigator div.scrollable .hover {background-color: #F888FF;}

.navigator div.scrollable ul li.active {
    background-color:#FF9700;
}
.navigator div.scrollable ul li.active a {
    text-decoration: none;
}

.navigator a.prev, 
.navigator a.next,
.navigator a.prevPage,
.navigator a.nextPage {
    display:block;
    float: left;
    width:40px;
    height:29px;
    background:url(../i/4/prev-page.gif) no-repeat;
    cursor:pointer;
    margin-top: 5px;
    background-position: 0px -29px;
}

/*
.ratings a.prev:hover, .ratings a.next:hover, .ratings a.prevPage:hover, .ratings a.nextPage:hover {
}
*/

.navigator a.disabled {
    /*visibility:hidden !important;*/
    background-position: 0px 0px;
    cursor: default;
}

.navigator a.next, .navigator a.nextPage {
    background-image:url(../i/4/next-page.gif);
    clear: right;
}

/*.ratings h2.m0 {font-size: 150%}*/

.inf-card .rating {
    font-weight: bold;
    margin-top: 10px;
}
.inf-card .position {
    font-weight: bold;
}

.personal .rating {
    margin-top: 1em;
    font-weight: bold;
    font-size: 140%;
    text-align: center;
}
#search-result {
    margin-right: 290px;
    width: 610px;
}
#alias-result {
    float: right;
    width: 245px;
    max-width: 245px;
    overflow: hidden;
}
#alias-result h3 {
    font-size: 14px;
    padding-top: 0;
    margin-top: 0;
}

span.hl-syn {
    padding-left: 1pt;
    padding-right: 1pt;
    margin-right: 1pt;
    margin-left: 1pt;
    color: maroon;
    font-weight: bold;
}
span.hl-html {
    color: gray;
}

#personal-inf-selector, #interests-inf-selector, #personal-inf-talk-selector {
    position: absolute;
    display: none;
}

#personal-inf-selector table.box,
#personal-inf-talk-selector table.box,
#interests-inf-selector table.box{
    background: #fff;
}

.personal #personal-inf-selector
{
    z-index: 1000;
    width: 180px;
}
.personal #personal-inf-talk-selector
{
    z-index: 1000;
    width: 120px;
}
.personal #personal-inf-selector table {
    width: 180px;
}
.personal #personal-inf-talk-selector table {
    width: 120px;
}
.personal .tl, .personal .tr,
.personal .bl, .personal .br,
#interests-inf-selector .tl, #interests-inf-selector .tr,
#interests-inf-selector .bl, #interests-inf-selector .br {
    width: 10px;
}
#personal-inf-selector .t, #personal-inf-selector .b {
    width: 160px;
}
#interests-inf-selector .t, #interests-inf-selector .b {
    width: 185px;
}

.ratings #interests-inf-selector {
    z-index: 1000;
    width: 205px;
}

.personal #personal-inf-selector .negative,
#interests-inf-selector .negative {
    display: none;
}
.personal #personal-inf-selector .unselectable .negative,
#interests-inf-selector .unselectable .negative {
    display: inline;
}
.personal #personal-inf-selector .unselectable .positive,
#interests-inf-selector .unselectable .positive {
    display: none;
}
.personal #personal-inf-selector .item,
#interests-inf-selector .item {
    vertical-align:middle;
    line-height: 76px;
    height: 76px;
    text-align: right;
}
.personal #personal-inf-talk-selector .item {
    vertical-align:middle;
    line-height: 84px;
    height: 84px;
    text-align: center;
}
.personal #personal-inf-selector .item img,
#interests-inf-selector .item img {
    float:left;
}
.personal #personal-inf-selector .list,
.personal #personal-inf-talk-selector .list
{
    height: 300px;
    overflow-y: scroll;
    overflow-x: hidden;
    padding-right: 10px;
}
#interests-inf-selector .list {
    height: 300px;
    overflow-y: scroll;
    width: 170px;
    padding-right: 10px;
}
#friends {
    width: 470px;
    overflow-y: hidden;
    overflow-x: scroll;
}
#friends-wrapper {
    overflow: hidden;
    width: 500px;
    height: 100px;
}
#friends-wrapper .item {
    float: left;
    text-align: center;
    width: 55px;
    height: 90px;
}
#friends-wrapper .item .delete {
    display: none;
}

#friends_block {
    position: relative;
}
#friends_block .more {
    text-align: right;
    height: 76px;
    line-height:76px;
}
#friends_block #iii-ajax-loader {
    position: absolute;
    top: 0;
    right: 10px;
}

#friends-notify-control {
    text-align: center;
    height: 2em;
    line-height: 2em;
    margin-top: 10px;
}

#friends-notify-control a.notifications {
	color: #89A40C;
	text-decoration: none;
	border-bottom: 1px dashed;
	padding: 3px;
	margin-left: 3px;
	margin-right: 3px;
}
#friends-notify-control a.notify_enabled:link,
#friends-notify-control a.notify_enabled:visited {
	border-bottom: none;
	color: black;
	background-color: #eee;
	cursor: default;
}


.tags-cloud {line-height: 160%; position:relative;}
.tags-cloud ul {margin: 0; padding: 0;}
.tags-cloud li {margin-right: 0.8em; text-decoration: underline; color: #cfcfcf;list-style:none;display:inline}
.tags-cloud li a {color: #000;}
.tags-cloud a:link,
.tags-cloud a:visited,
.tags-cloud a:hover {}

#form_interests_switch {position: absolute;top: 0;right: 0;}
#form_interests {
    position: absolute;
    width: 340px;
    z-index: 1000;
}
#interest-list-header, #interest-add-link {
    float: left;
    font-size: 170%;
    line-height: 100%;
    margin: 0;
}
#interest-add-link {
    margin-left: 20px;
    display: none;
}
#personal-interests-form textarea {
    margin: 0;
    padding: 0;
    width: 340px;
    height: 170px;
}
#form_talk {
    position: absolute;
    width: 540px;
    z-index: 1000;
    left: 200px;
    top: 300px;
}
#personal-talk-replica {
    width: 400px;
}
#personal-talk-dialog-area {
    height: 200px;
    overflow-y:scroll;
    background-color: #FFF;
}
#form_talk .wrong-field {
    background-color: #FF0000;
}

/*
------------------------------
    Impromptu's
------------------------------
*/
.jqifade{
    position: absolute;
    background-color: #FFFFFF;
}
div.jqi{
    width: 400px;
    font-family: Arial, sans-serif;
    position: absolute;
    background-color: #ffffff;
    f_ont-size: 11px;
    text-align: left;
    border: solid 2px #eeeeee;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    padding: 20px 7px;
}
div.jqi .jqicontainer{
    fo_nt-weight: bold;
}
div.jqi .jqiclose{
    border: solid 1px #eeeeee;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;

    background-color: #EAEAEA;
    position: absolute;
    font: bold 93% Arial, sans-serif;
    top: 4px;
    right: 4px;
    cursor: default;
    color: #000;
    text-align: center;
    padding: 3px 7px
}
div.jqi .jqimessage{
    padding: 10px;
    line-height: 20px;
    color: #444444;
}

.jqimessage br{
    display: none
}

.jqimessage input{
    margin-left: 0.5em
}

div.jqi .jqibuttons{
    text-align: center;
    padding: 10px 0 0;
    b_order: solid 1px #eeeeee;
    ba_ckground-color: #f4f4f4;
}
div.jqi button{
    p_adding: 3px 10px;
    margin: 0 10px;
    b_ackground-color: #2F6073;
    b_order: solid 1px #f4f4f4;
    color: #000;
    f_ont-weight: bold;
    f_ont-size: 12px;
}
div.jqi button:hover{
    b_ackground-color: #728A8C;
}
div.jqi button.jqidefaultbutton{
    /*background-color: #8DC05B;*/
    ba_ckground-color: #BF5E26;
}
.jqiwarning .jqi .jqibuttons{
    b_ackground-color: #BF5E26;
}

/*
------------------------------
    impromptu
------------------------------
*/
.impromptuwarning .impromptu{ background-color: #aaaaaa; }
.impromptufade{
    position: absolute;
    background-color: #ffffff;
}
div.impromptu{
    position: absolute;
    background-color: #cccccc;
    padding: 10px;
    width: 300px;
    text-align: left;
}
div.impromptu .impromptuclose{
    float: right;
    margin: -35px -10px 0 0;
    cursor: pointer;
    color: #213e80;
}
div.impromptu .impromptucontainer{
    background-color: #213e80;
    padding: 5px;
    color: #ffffff;
    font-weight: bold;
}
div.impromptu .impromptumessage{
    background-color: #415ea0;
    padding: 10px;
}
div.impromptu .impromptubuttons{
    text-align: center;
    padding: 5px 0 0 0;
}
div.impromptu button{
    padding: 3px 10px 3px 10px;
    margin: 0 10px;
}

.activation_banner_link {
    font-size: 80%;
    background: #585858;
    background: rgba(0,0,0, 0.5);
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    padding: 4px;
}
.activation_banner_link a, .activation_banner_link a:link, .activation_banner_link a:hover, .activation_banner_link a:visited {
    color: white;
    text-decoration: none;
}