@import 'general.css';
@import 'common.css';
@import url('slimbox.css');


/*--ESSENTIAL--------------------------------------------------------------*/

* {
    margin: 0;
    padding: 0;
}

html {
	width: 100%;
	height: 100%;
	background: #fff;
}

body {    
    padding: 0 0 15px 0;
    behavior: url("/scripts/csshover.htc");
}

/*--LAYOUT----------------------------------------------------------------*/

#page {
	width: 853px;
	margin: 0 auto 0 auto;
	padding: 107px 0 0 0;
	position: relative;
	text-align: left;
	height: 677px;
}

#content {
    width: 726px;
    float: left;
    padding-bottom: 12px;
}

.wideContent    {
    width: 853px !important;
}

.leftPart {
    width: 202px;
    float: left;
    overflow: hidden;
}

.rightPart {
    width: 522px;
    float: right;
}

.wideContent .rightPart {
    width: 649px;
    float: right;
}

#rightBanner {
    width: 120px;
    padding-bottom: 12px;
    float: right;
}

/*--BOXES----------------------------------------------------------------*/

.box202 {
    width: 202px;
    background: url("../images/page/box202_middle.png") 0 0 repeat-y;
}

.box202 .top {
    height: 16px;
    background: url("../images/page/box202_top.png") 0 0 no-repeat;
    overflow: hidden;
}

.box202 .content {
    margin: -3px 0 0 0;
    padding: 2px 15px;
}

.box202 .bottom {
    height: 16px;
    background: url("../images/page/box202_bottom.png") 0 0 no-repeat;
    overflow: hidden;
}

.box522, .postCardBox {
    width: 522px;
    background: url("../images/page/box522_middle.png") 0 0 repeat-y;
}

.box522 .top, .postCardBox .top {
    height: 16px;
    background: url("../images/page/box522_top.png") 0 0 no-repeat;
    overflow: hidden;
}

.postCardBox .top {
    background: url("../images/page/postcard_top.png") 0 0 no-repeat;
}


.box522 .content, .postCardBox .content {
    margin: -5px 0 0 0;
    padding: 2px 15px 0 17px;    
}

.box522 .vcontent, .postCardBox .vcontent {
    margin: -5px 0 0 0;
    padding: 2px 4px 0 4px;
	position:relative; 
}

#mainContent{
	height: 360px;
	/*overflow:auto;*/
}

.scrollDiv{
	height: 330px;
	overflow:auto;
}

.scrollDivS{
	height: 100px;
	overflow:auto;
}


.box522 .bottom, .postCardBox .bottom {
    height: 16px;
    background: url("../images/page/box522_bottom.png") 0 0 no-repeat;
    overflow: hidden;
}

.postCardBox .bottom {
    background: url("../images/page/postcard_bottom.png") 0 0 no-repeat;
}

.postCardBox .bottomButtons {
    position: relative;
    bottom: -5px;
}

.boxWide {
    width: 649px;
    background: url("../images/page/boxwide_middle.png") 0 0 repeat-y;
}

.boxWide .top {
    height: 16px;
    background: url("../images/page/boxwide_top.png") 0 0 no-repeat;
    overflow: hidden;
}

.boxWide .content {
    margin: -5px 0 0 0;
    padding: 2px 15px 0 17px;
}

.boxWide .bottom {
    height: 16px;
    background: url("../images/page/boxwide_bottom.png") 0 0 no-repeat;
    overflow: hidden;
}

.box490 {
    width: 490px;
    background: url("../images/page/box490_middle.png") 0 0 repeat-y;
}

.fixedHeight {
    height: 122px;
    overflow: hidden;
}

.box490 .top {
    height: 16px;
    background: url("../images/page/box490_top.png") 0 0 no-repeat;
    overflow: hidden;
}

.box490 .content {
    margin: -5px 0 0 0;
    padding: 0 15px;
}

.box490 .bottom {
    height: 16px;
    background: url("../images/page/box490_bottom.png") 0 0 no-repeat;
    overflow: hidden;
}

.box202 h2, .box490 h2, .box522 h2 {
    font-size: 11px;
    padding: 0;
    margin: 0 0 5px 0;
    color: #373737;
}

.head {
    height: 17px;
    overflow: hidden;
}

.box490 .next, .box522 .next {
    font-size: 11px;
    font-weight: bold;
    float: right;
    display: block;
    font-family: Arial;
    text-decoration: none;
    padding-left: 18px;
    background: url("../images/page/arrow_grey.gif") 0 55% no-repeat;
}

.box490 .next:hover {
    text-decoration: underline;
}

.banner468 {
    text-align: left;
    margin-left: 25px;
    padding-top: 3px;
	position:relative;
}

.banner468in {
    text-align: left;
    padding-top: 3px;
}

.banner468in div.rel {
	position:relative;
}

.box490 .profile, .box522 .profile {
    width: 70px;
    float: left;
    text-align: center;
    font-size: 10px;
}
.box490 .profile {
    width: 76px;
}

#onlineUsers, #onlineUsersBox{
	overflow:hidden;
	height:85px;
}

#onlineUsers div.profile{
	height:85px;
}


.profile .nick {
    text-decoration: none;
    font-weight: bold;
	display:block;
}

.profile .info {
    color: #b7b7b7;
    font-weight: bold;
    font-style: normal;
}

.profile .city {
    color: #b7b7b7;
}

.profile .nick:hover {
    text-decoration: underline;
}

.profile .photo {
    display: block;
    margin: 3px 0 2px 0;
}

.profile .photo img {
    height: 40px;
    border: 1px #b2b2b2 solid;
}

.profile .photo:hover img {
    border: 1px #757575 solid;
}

.board {
    width: 480px;
    margin: 7px 0 0 5px;
    background: #fafdcf url("../images/page/wall_right.png") right 0 no-repeat;;
}

.board .content {
    padding: 12px 12px 12px 10px;
    background: url("../images/page/wall_left.png") 0 bottom no-repeat;
}

.board .content p {
    margin: 0;
    color: #373737;
}

.board .content h2 {
    color: #373737;
    margin: 0;
}

.board .next {
    font-size: 11px;
    font-weight: bold;
    float: right;
    display: block;
    font-family: Arial;
    text-decoration: none;
    padding: 0;
    background: none;
    color: #198bca;
}

.board .next:hover {
    text-decoration: underline;
}

.board a {
    font-weight: bold;
}

.niceUl {
}

ul.niceUl li {
    padding: 2px 0 2px 9px;
    background: url("../images/page/arrow_blue.gif") 0 7px no-repeat;
    list-style: none;
	margin:0px;
}

.niceLink {
    width: 168px;
    height: 24px;
    margin-left: 3px;
    display: block;
    background: url("../images/page/nice_link.png") 0 0 no-repeat;
    text-decoration: none;
}

.niceLink:hover {
    background: url("../images/page/nice_link.png") 0 -24px no-repeat;
}

.niceLink .ico {
    width: 30px;
    height: 17px;
    padding-top: 7px;
    display: block;
    float: left;
    background: none;
    text-align: center;
}

.reg .ico img {
    width: 17px;
    height: 14px;
    background: url("../images/page/ico_registrace.png") 0 0 no-repeat;
    _background: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/page/ico_registrace.png', sizingMethod='scale');
}

.arrow .ico img {
    width: 12px;
    height: 12px;
    background: url("../images/page/ico_arrow.png") 0 0 no-repeat;
    _background: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/page/ico_arrow.png', sizingMethod='scale');
}

.arrow .ico {
    padding-top: 6px;
    height: 18px;
}

.key .ico {
    padding-top: 9px;
    height: 15px;
}

.key .ico img {
    width: 17px;
    height: 8px;
    background: url("../images/page/ico_key.png") 0 0 no-repeat;
    _background: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/page/ico_key.png', sizingMethod='scale');    
}

.niceLink {
    cursor: pointer;
}

.niceLink .label {
    width: 138px;
    height: 24px;
    display: block;
    line-height: 24px;
    float: left;
    color: #fff;
    font-weight: bold;
}

.blueForm {

}

.blueForm select {
    padding: 0;
    font-weight: bold;
    height: 20px;
    font-size: 12px;
    color: #fff;
    background: #1186c8;
    border: 1px #e2e3ea solid;
    border-top: 1px #abadb3 solid;
}

.blueForm input.textInput {
    width: 158px;
    padding: 2px 3px 0 3px;
    font-weight: bold;
    height: 18px;
    font-size: 12px;
    color: #fff;
    background: #1186c8;
    border: 1px #e2e3ea solid;
    border-top: 1px #abadb3 solid;
	text-align:left;
}

.blueForm select option {
    background: #1186c8;
}

.space {
    font-size: 3px;
}

.buttonSearch {
    width: 66px;
    height: 24px;
    border: none;
    background: url("../images/page/button_search.png") 0 0 no-repeat;
    cursor: pointer;
    font-weight: bold;
    color: #fff;
}

.buttonSearch:hover {
    background: url("../images/page/button_search.png") 0 -24px no-repeat;
}

.buttonSearchM {
    width: 100px;
    height: 24px;
    border: none;
    background: url("../images/page/button_search_m.png") right 0 no-repeat;
    cursor: pointer;
    font-weight: bold;
    color: #fff;
}

.buttonSearchM:hover {
    background: url("../images/page/button_search_m.png") right -24px no-repeat;
}

.blueInput {
    width: 106px;
    height: 15px;
    padding: 3px;
    color: #fff;
    border: none;
    background: #1287c8 url("../images/page/input_bg.gif") 0 0 no-repeat;
}

.buttonOk {
    width: 54px;
    height: 47px;
    border: none;
    background: url("../images/page/button_ok.png") 0 0 no-repeat;
    cursor: pointer;
    font-weight: bold;
    color: #fff;
}

.buttonOk:hover {
    background: url("../images/page/button_ok.png") 0 -47px no-repeat;
}

.box313 {
    width: 314px;
    background: url("../images/page/box313_middle.png") 0 0 repeat-y;
}

.box313 .top {
    height: 15px;
    background: url("../images/page/box313_top.png") 0 0 no-repeat;
    overflow: hidden;
}

.box313 .content2 {
    margin: -3px 0 0 0;
    padding: 2px 15px 0 15px;
    float: none;
}

.box313 .bottom {
    height: 15px;
    background: url("../images/page/box313_bottom.png") 0 0 no-repeat;
    overflow: hidden;
}

.box157 {
    width: 157px;
    background: url("../images/page/box157_middle.png") 0 0 repeat-y;
}

.box157 .top {
    height: 15px;
    background: url("../images/page/box157_top.png") 0 0 no-repeat;
    overflow: hidden;
}

.box157 .content2 {
    margin: -3px 0 0 0;
    padding: 2px 15px 0 15px;
}

.box157 .bottom {
    height: 15px;
    background: url("../images/page/box157_bottom.png") 0 0 no-repeat;
    overflow: hidden;
}

/*--HEADER----------------------------------------------------------------*/

#logo {
    width: 341x;
    height: 95px;
    position: absolute;
    left: 4px;
    top: 0;
}

#menu {
    width: 493px;
    height: 80px;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 0;
    top: 2px;
}

#menu li {
    margin-left: 2px;
    _margin-left: 1px;
    float: left;
    list-style: none;
}

#menu li a {
    display: block;
    width: 80px;
    height: 23px;
    text-align: center;
    padding: 57px 0 0 0;
    color: #c2c3de;
    text-decoration: none;
    font-size: 10px;
}

#menu li a:hover, #menu li.active a {
    color: #fff;
}

#menu .item1 {
    background: url("../images/page/menu_item1.jpg") 0 0 no-repeat;
}

#menu .item2 {
    background: url("../images/page/menu_item2.jpg") 0 0 no-repeat;
}

#menu .item3 {
    background: url("../images/page/menu_item3.jpg") 0 0 no-repeat;
}

#menu .item4 {
    background: url("../images/page/menu_item4.jpg") 0 0 no-repeat;
}

#menu .item5 {
    background: url("../images/page/menu_item5.jpg") 0 0 no-repeat;
}

#menu .item55 {
    background: url("../images/page/menu_item55n.jpg") 0 0 no-repeat; 
} 

#menu .item6 {
    background: url("../images/page/menu_item6.jpg") 0 0 no-repeat;
}

#menu .item1:hover, #menu .active .item1 {
    background: url("../images/page/menu_item1.jpg") -80px 0 no-repeat;
}

#menu .item2:hover, #menu .active .item2 {
    background: url("../images/page/menu_item2.jpg") -80px 0 no-repeat;
}

#menu .item3:hover, #menu .active .item3 {
    background: url("../images/page/menu_item3.jpg") -80px 0 no-repeat;
}

#menu .item4:hover, #menu .active .item4 {
    background: url("../images/page/menu_item4.jpg") -80px 0 no-repeat;
}

#menu .item5:hover, #menu .active .item5 {
    background: url("../images/page/menu_item5.jpg") -80px 0 no-repeat;
}

#menu .item55:hover, #menu .active .item55 { 
    background: url("../images/page/menu_item55n.jpg") -80px 0 no-repeat;
} 

#menu .item6:hover, #menu .active .item6 {
    background: url("../images/page/menu_item6.jpg") -80px 0 no-repeat;
}

#info {
    position: absolute;
    right: 0;
    top: 88px;
    color: #8f8f8f;
    font-size: 0.9em;
}

#info a{
    color: #1e9e00;
	text-decoration:none;
}

.green {
    color: #1e9e00;
}

#loggedUser{
	color:#939393;
}
#info .red {
    color: #c60100;
}

#info .blue {
    text-decoration: none;
}

#loggedUser a{
	color:#cb0000;
	text-decoration:underline;
}

#info .blue:hover {
    text-decoration: underline;
}

/*--MESSAGES----------------------------------------------------------------*/

.messages .tableHolder {
    height: 70px; 
    overflow: auto;
    margin-bottom: 5px;
}

.messages table {
    width: 100%;
    margin-bottom: 6px;
}

.messages table td {
    padding: 1px 0;
    color: #006eb8;
}

.messages table td.nick {
    font-size: 11px;
    font-weight: bold;
}

.messages table td.nick a {
    padding-left: 12px;
    text-decoration: none;
}

.messages table td.nick a:hover {
    text-decoration: underline;
}

.messages table td.nick a.wrap {
    background: url("../images/page/ico_wrap.gif") 1px 4px no-repeat;
}

.messages table td.nick a.wraps {
    background: url("../images/page/ico_wraps.gif") 0 3px no-repeat;
}

.messages table td.time {
    font-size: 10px;
    text-align: right;
}

/*--FAVOURITE----------------------------------------------------------------*/

.favourite .tableHolder {
    height: 142px;
    overflow: auto;
}

.favourite table {
    width: 153px;
    margin-bottom: 6px;
    clear: both;
}

.favourite table td {
    padding: 0 0 1px 0;
    color: #006eb8;
}

.favourite h2.star {
    padding-right: 15px;
    float: left;
    background: url("../images/page/star_favourite.gif") right 1px no-repeat;
}

.favourite table td.nick, .last table td.nick {
    font-size: 11px;
    font-weight: bold;
}

.favourite table td.nick a, .last table td.nick a {
    padding-left: 12px;
    text-decoration: none;
}

.favourite table td.nick a:hover, .last table td.nick a:hover {
    text-decoration: underline;
}

.favourite table td.nick a.online, .last table td.nick a.online {
    background: url("../images/page/status_online.gif") 0 3px no-repeat;
}

.favourite table td.nick a.offline, .last table td.nick a.offline {
    background: url("../images/page/status_offline.gif") 0 3px no-repeat;
}

.last table  {
    width: 100%;
    margin-bottom: 8px;
}

.last table td {
    padding: 0 0 1px 0;
}

.last table td.date {
    text-align: right;
    font-size: 0.9em;
}

.last .blue {
    color: #006eb8;
}

.last .linkButton {
    width: 80px;
}

/*--BUTTONS----------------------------------------------------------------*/

.linkButton {
    background: url("../images/page/linkbutton_left.png") 0 0 no-repeat;
    float: left;
    color: #fff;
    text-decoration: none;
    font-family: Arial;
	text-align:left;
}

.linkButton span {
    width: auto;
    height: 24px;
    padding: 0 10px;
    line-height: 24px;
    display: block;
    font-weight: bold;
    color: #fff;
    text-align: center;
    background: url("../images/page/linkbutton_right.png") right 0 no-repeat;
    cursor: pointer;
}

.linkButton span strong {
    font-weight: normal;
    color: #006eb8;
}

.linkButton:hover, .linkButton.active{
    background: url("../images/page/linkbutton_left.png") 0 -24px no-repeat;
}

.linkButton:hover span, .linkButton.active span {
    background: url("../images/page/linkbutton_right.png") right -24px no-repeat;
}

.bottomButtons {
    height: 28px;
}

.bottomButtons .linkButton span {
    width: 100px;
    cursor: pointer;
}

.bottomButtons .linkButton {
    margin: 0 0 0 2px;
}

.profileButton {
    width: 130px !important;
    text-align: center;
    display: block;
    float: none !important;
    overflow: hidden;
    height: 24px;
} 

.spamBlock {
    padding: 14px 0 0 15px;
}

.sendBlock {
    padding: 37px 0 0 15px;
}

.spamBlock .profileButton, .sendBlock .profileButton {
    _float: none;
}

.spamBlock .profileButton span, .sendBlock .profileButton span {
   width: 110px !important;
}

/*--TABS------------------------------------------------------------------*/

.tabs {
    width: 518px;
    height: 35px;
    margin-left: 2px;
    background: url("../images/page/tabs_bg.png") 0 0 no-repeat;
    position: relative;
}

.tabs a {
    background: url("../images/page/tab_left.png") 0 -35px no-repeat;
    float: left;
    margin-right: 1px;
    font-weight: bold;
    color: #fff;
    text-decoration: none;
}

.tabs a span {
    cursor: pointer;
}

.tabs a span.label {
    height: 29px;
    padding: 6px 12px 0 12px;
    background: url("../images/page/tab_right.png") right -35px no-repeat;
    display: block;
    _float: left;
}

.tabs a span.label small {
    color: #000;
    font-size: 10px;
    font-weight: normal;
}

.tabs a.active, .tabs a:hover {
    background: url("../images/page/tab_left.png") 0 0 no-repeat;
    color: #454545;
}

.tabs a.active span.label, .tabs a:hover span.label {
    background: url("../images/page/tab_right.png") right 0 no-repeat;
}

.tabs a.first {
    background: url("../images/page/tab_first_left.png") 0 -35px no-repeat;
}

.tabs a.first span.label {
    background: url("../images/page/tab_first_right.png") right -35px no-repeat;
}

.tabs a.firstActive, .tabs a.first:hover {
    background: url("../images/page/tab_first_left.png") 0 0 no-repeat;
    color: #454545;
}

.tabs a.firstActive span.label, .tabs a.first:hover span.label {
    background: url("../images/page/tab_first_right.png") right 0 no-repeat;
}

.tabs a span.label span.ico {
    padding-left: 20px;
}

.tabs a span.label span.photos  {
    background: url("../images/page/tab_ico_photos.png") 0 1px no-repeat;
}

.tabs a.active span.label span.photos, .tabs a:hover span.label span.photos  {
    background: url("../images/page/tab_ico_photos_active.png") 0 1px no-repeat;
}

.tabs a span.label span.videos  {
    background: url("../images/page/tab_ico_videos.png") 0 2px no-repeat;
}

.tabs a.active span.label span.videos, .tabs a:hover span.label span.videos  {
    background: url("../images/page/tab_ico_videos_active.png") 0 2px no-repeat;
}

.tabs a span.label span.blog  {
    background: url("../images/page/tab_ico_blog.gif") 2px 4px no-repeat;
}

.close {
    width: 16px;
    height: 16px;
    display: block;
    position: absolute;
    right: 3px;
    top: 3px;
}

.box522 .close {
    top: 119px; right: 137px;
}

.box522 .tabsClose { top: 112px; right: 133px; }


.close img {
    width: 16px;
    height: 16px;
    background: url("../images/page/button_close.gif") 0 0 no-repeat;
}

.close:hover img {
    width: 16px;
    height: 16px;
    background: url("../images/page/button_close.gif") -15px 0 no-repeat;
}


.tabs2 {
    width: 506px;
    height: 36px;
    padding-left: 12px;
    margin-left: 2px;
    background: url("../images/page/tabs2.png") 0 0 no-repeat;
    position: relative;
}

.tabs2 a {
    background: url("../images/page/tab2_left.png") 0 0 no-repeat;
    float: left;
    margin-right: 1px;
    font-weight: bold;
    color: #fff;
    text-decoration: none;
}

.tabs2 a span {
    cursor: pointer;
}

.tabs2 a span {
    height: 29px;
    padding: 6px 12px 0 12px;
    background: url("../images/page/tab2_right.png") right 0px no-repeat;
    display: block;
    _float: left;
}

.tabs2 a.active, .tabs2 a:hover {
    background: url("../images/page/tab2_left.png") 0 -36px no-repeat;
    color: #454545;
}

.tabs2 a.active span, .tabs2 a:hover span {
    background: url("../images/page/tab2_right.png") right -36px no-repeat;
}

.tabs2 .add {
    display: block;
    position: absolute;
    right: 12px;
    top: 1px;
    padding: 2px 0 2px 18px;
    background: url("../images/page/ico_add.png") 0 57% no-repeat;
    color: #006eb8;
    font-weight: normal;
}

.tabs2 .add:hover {
    text-decoration: underline;
    background: url("../images/page/ico_add.png") 0 57% no-repeat;
    font-weight: normal;
    color: #006eb8;
}

/*--PROFIL----------------------------------------------------------------*/

.profileLeft {
    width: 340px;
    height: 363px;
    margin-bottom: 3px;
    float: left;
    overflow: auto;
}

.profileLeft h1 {
    color: #006eb8;
    font-size: 1.25em;
    margin-bottom: 4px;
}

.profileLeft h2 {
    color: #006eb8;
    font-size: 1.0em;
    margin-bottom: 3px;
}

.profileLeft h1 span {
    margin-left: 4px;
}

.profileLeft h1 span small {
    color: #454545;
    font-size: 0.8em;
    margin-left: 4px;
}

.profileLeft table {
    width:320px;
}

.profileLeft table td {
    padding: 0 1px;
}

.profileRight {
    width: 140px;
    padding-top: 3px;
    float: right;
}

.profileRight .photo {
    display: block;
    text-align: center;
}

.profileRight .photo img {
    border: 1px #b2b2b2 solid;
}

.profileRight .icons {
    padding: 4px 0;
    text-align: center;
}

.buttons {
    width: 100%;
    text-align: center;
}

.buttons a {
    margin: 0 0 1px 7px;
    display: block;
    float: none;
}

.buttons a span {
    cursor: pointer;
}

.buttons a span.label span.ico {
    padding: 0 0 0 22px;
}

.buttons a span.ico {
    width: 85px;
    text-align: left !important;
}

.buttons a span.label span.smile  {
    background: url("../images/page/ico_button_smile.png") 0 5px no-repeat;
}

.buttons a.active span.label span.smile, .buttons a:hover span.label span.smile {
    background: url("../images/page/ico_button_smile_active.png") 0 5px no-repeat;
}

.buttons a span.label span.ok  {
    background: url("../images/page/ico_button_ok.png") 0 5px no-repeat;
}

.buttons a.active span.label span.ok, .buttons a:hover span.label span.ok {
    background: url("../images/page/ico_button_ok_active.png") 0 5px no-repeat;
}

.secretInfo {
    padding: 3px 0 5px 0;
}

.secretInfo label {
    display: block;
    margin-bottom: 2px;
}

.secretInfo textarea {
    width: 134px;
    padding: 3px;
    height: 80px;
    border: 1px #e3e3e3 solid;
    color: #727d88;
    display: block;
    margin-bottom: 2px;
}

.personalInfo {
    font-size: 0.9em;
    padding-bottom: 8px;
}

.personalInfo table {
    width: auto;
}

/*--PHOTOS----------------------------------------------------------------*/

.photos {
    width: 100%;
    height: 362px;
    overflow: auto;
    padding-top: 3px;
    margin-bottom: 5px;
	position:relative;
}

.photos.edit {
	height: 312px;
}

.photos .photo {
    width: 101px;
    height: 135px;
    display: block;
    float: left;
    margin: 0 15px 0 0;
    _margin: 0 13px 0 0;
    background: url("../images/page/photo_shadow.gif") 0 0 no-repeat;
    text-decoration: none;
	text-align:center;
	position:relative;
}

.photos .photo em{
	position:absolute;
	top:2px;
	right:5px;
	color:red;
	font-variant:normal;
	font-weight:bold;
	cursor:crosshair;
}

.photos .photo img {
    /*width: 95px;
    height: 95px;*/
    border: 1px #aeaeae solid;
    display: block;
    margin:0px auto 5px auto;
}

.photos .photo a:hover img {
    border: 1px #006eb8 solid;
}

.photos .photo span {
    color: #006eb8;
    font-weight: bold;
	position:absolute;
	width:95px;
	display:block;
	text-align:center;
	bottom:10px;
	left:0px;
	cursor:pointer;
}

/* BLOG */
.blogs{
	height: 295px;
    overflow: auto;
}

/* admin*/
.admin{
	height: 450px;
    overflow: auto;
}

.admin img.simg{
	width:50px;
}

div.btns{
	padding:10px 0px;
}

div.btns label{
	display:inline !important;
}

.admin table{
	border-collapse:collapse;
}

.admin table td{
	border-bottom:1px sol #D2E9FF;
	padding:3px;
}

.aPhoto{
	width:55px;
	height:85px;
	text-align:center;
	float:left;
	margin:0px 7px 7px 0px;
}

.aPhoto a{
	width:50px;
	height:60px;
	display:block;
	overflow:hidden;
	margin-bottom:5px;
}


/*--VIDEOS----------------------------------------------------------------*/

.videos {
    width: 100%;
    padding-top: 3px;
    margin-bottom: 5px;
}

.video {
    width: 340px;
    margin-bottom: 8px;
}

.videos .left {
    width: 300px;
    float: left;
}

.videos .right {
    height: 362px;
    overflow: auto;
    width: 115px !important;
    float: right;
}

.videos.edit .right {
	height: 312px;
}

.videos .left h2 {
    font-size: 1.15em;
    color: #000;
    margin-bottom: 1px;
}

.videos .left .grey {
    color: #9b9b9b;
}

.videos .miniVideo img {
    width: 95px;
    height: 67px;
    border: 1px #aeaeae solid;
}

.videos .miniVideo  {
    width: 97px;
    height: 102px;
    display: block;
    margin-bottom: 5px;
    text-decoration: none;
	text-align:center;
}

.videos .miniVideo  img {
    width: 95px;
    border: 1px #aeaeae solid;
    display: block;
    margin-bottom: 5px;
}

.videos .miniVideo :hover img {
    border: 1px #006eb8 solid;
}

.videos .miniVideo span {
    display: block;
    text-align: center;
    color: #006eb8;
    font-weight: bold;
}

/*--BLOG------------------------------------------------------------------*/

.perexBlog {
    padding-bottom: 4px;
    background: url("../images/page/blog_line.jpg") 0 bottom no-repeat;
    margin-bottom: 10px;
	clear:both;
}

.perexBlog h2 {
    float: left;
    margin-bottom: 8px;
	padding-right:10px;
}

.perexBlog h2 a {
    font-size: 1.1em;
    text-decoration: none;
}

.perexBlog a.delete{
	float:right;
	margin-left:10px;
}

.perexBlog h2 a:hover {
    text-decoration: underline;
}

.perexBlog .date {
    float: right;
    color: #9b9b9b;
}

.perexBlog .more {
    font-family: Arial;
    font-weight: bold;
    text-decoration: none;
}

.perexBlog .more small {
    font-size: 0.8em;
}

.perexBlog .more:hover {
    text-decoration: underline;
}

.paging {
    width: 100%;
    margin: 20px 0 10px 0;
}

.paging td {
    padding: 0;
}

.paging .overall {
    width: 120px;
    color: #8b8b8b;
    font-size: 0.9em;
}

.paging .pagButton {
    padding-top: 2px;
    width: 16px;
}

.paging .pagButton a {
    width: 16px;
    height: 17px;
    display: block;
}

.paging .pagButton a.first {
    background: url("../images/page/butt_first.png") 0 0 no-repeat;
}

.paging .pagButton a.first:hover {
    background: url("../images/page/butt_first.png") 0 -17px no-repeat;
}

.paging .pagButton a.prev {
    background: url("../images/page/butt_prev.png") 0 0 no-repeat;
}

.paging .pagButton a.prev:hover {
    background: url("../images/page/butt_prev.png") 0 -17px no-repeat;
}

.paging .pagButton a.next {
    padding: 0;
    background: url("../images/page/butt_next.png") 0 0 no-repeat;
}

.paging .pagButton a.next:hover {
    background: url("../images/page/butt_next.png") 0 -17px no-repeat;
}

.paging .pagButton a.last {
    background: url("../images/page/butt_last.png") 0 0 no-repeat;
}

.paging .pagButton a.last:hover {
    background: url("../images/page/butt_last.png") 0 -17px no-repeat;
}

.paging .numbers {
    text-align: center;
}

.paging .numbers a {
    padding: 0 3px;
    font-weight: bold;
}

.paging .numbers a.active {
    text-decoration: none;
    background: #9a9d9f;
    color: #fff;
}

/*--SEARCH----------------------------------------------------------------*/

.firstTable {
    margin-right: 25px;
    float: left;
}

.secondTable {
    width: 290px;
    float: left;
}

.secondTable .personalInfo {
    padding: 4px 0 0 3px;
}

.secondTable .personalInfo table {
    margin-top: 3px;
}

.secondTable .personalInfo td {
    padding: 0 2px 0 2px;
}

.secondTable .personalInfo td.metre {
    width: 50px;
    height: 11px;
    padding: 2px 0 0 0 !important;
}

.secondTable .personalInfo .disable .metre {
    background: url("../images/page/metre_default.png") 0 2px no-repeat;
}

.secondTable .personalInfo .disable td {
    color: #989898;
}

.secondTable .personalInfo .activeChar .metre {
    background: url("../images/page/metre_line.gif") 0 2px no-repeat;
}

.secondTable .personalInfo .metre span a {
    width: 8px;
    height: 9px;
    display: block;
    float: left;
    margin-right: 2px;
	text-decoration:none !important;
}

.secondTable .personalInfo .activeChar .metre span a.activePoint, .secondTable .personalInfo .activeChar .metre span a:hover {
    background: url("../images/page/metre_ball.png") 0 0 no-repeat;
}

.blue label {
    font-size: 1.1em;
    color: #006eb8;
    display: inline;
    margin-right: 3px;
}

.secondTable .leftPadding {
    padding-left: 22px;
    display: block;
}

.secondTable .leftPadding label {
    display: inline;
}

.searchButtons {
    padding: 2px 0 0 3px;
}

.searchButtons a {
    width: 166px;
    margin: 0 0 1px 0;
    display: block;
    float: none !important;
}

.searchButtons a span {
    cursor: pointer;
    padding-right: 0;
}
.searchButtons a span.label span.ico {
    padding: 0 0 0 18px;
}

.searchButtons a span.ico {
    text-align: left !important;
}

a span.label span.advanced  {
    background: url("../images/page/ico_advanced.png") 0 7px no-repeat;
}

a.active span.label span.advanced, a:hover span.label span.advanced {
    background: url("../images/page/ico_advanced_active.png") 0 7px no-repeat;
}

.searchButtons a span.label span.heart  {
    background: url("../images/page/ico_heart.png") 0 7px no-repeat;
}

.searchButtons a.active span.label span.heart, .searchButtons a:hover span.label span.heart {
    background: url("../images/page/ico_heart_active.png") 0 7px no-repeat;
}

.searchButtons a span.label span.help  {
    background: url("../images/page/ico_help.png") 0 7px no-repeat;
}

.searchButtons a.active span.label span.help, .searchButtons a:hover span.label span.help {
    background: url("../images/page/ico_help_active.png") 0 7px no-repeat;
}

.sortUsers {
    width: 240px;
    text-align: right;
    float: right;
}

.sortUsers select {
    padding: 2px;
    background: #d6d6d6;
    border: 1px #d6d6d6 solid;
    border-top: 1px #abadb3 solid;
}

.searchUsers .userBox {
    width: 464px;
    background: url("../images/page/user_box.png") 0 bottom no-repeat;

}

.searchUsers .userBox .userContent {
    width: 442px;
    padding: 4px 11px;
    background: url("../images/page/user_box_top.png") 0 0 no-repeat;
}

.searchUsers {
    margin-top: 5px;
    padding: 0 0 5px 0;
    height: 360px;
    overflow: auto;
	position:relative;
}

.searchUsers .userBox .photo {
    width: 48px;
    height: 48px;
    margin: 0 10px 0 0;
    text-align: center;
    float: left;
    overflow: hidden;
}

.searchUsers .userBox .photo img {
	/*height:48px;*/
	max-width:48px;
}

.searchUsers .userBox .infoUser {
    width: 295px;
    float: left;
    padding: 5px 0 5px 0;
    color: #006eb8;
    line-height: 20px;
}

.searchUsers .userBox .grey {
    color: #b7b7b7;
}

.searchUsers .userBox .grey {
    color: #b7b7b7;
}

.searchUsers .userBox .nick {
    font-size: 12px;
    text-decoration: none;
}

.searchUsers .userBox .nick:hover {
    font-size: 12px;
    text-decoration: underline;
}

.searchUsers .rightPart {
    width: 88px;
    float: right;
    padding-top: 5px;
    text-align: right;
}

.showProfile {
    font-weight: bold;
    text-decoration: none;
    
}

.icons {
    margin-bottom: 12px;
}

.icons img {
    margin-left: 1px;
}

.showProfile:hover {
    text-decoration: underline;
}


/*--MY-PROFILE----------------------------------------------------------------*/

.myButtons {
    padding: 2px 0 0 3px;
}

.myButtons a {
    width: 166px;
    display: block;
    float: none !important;
    overflow: hidden;
    height: 24px;
    margin-top: 1px;
	text-align:left;
}

.myButtons a span {
    cursor: pointer;
    padding-right: 0;
	text-align:left;
}

.myButtons a span small {
    color: #000;
}

.myButtons a span.label span.ico {
    padding: 0 0 0 20px;
}

.myButtons a span.ico {
    text-align: left !important;
}

.myButtons a span.label span.quick  {
    background: url("../images/page/my_ico_search.png") 1px 7px no-repeat;
}

.myButtons a.active span.label span.quick, .myButtons a:hover span.label span.quick  {
    background: url("../images/page/my_ico_search_active.png") 1px 7px no-repeat;
}

.myButtons a span.label span.fav  {
    background: url("../images/page/my_ico_star.png") 0 6px no-repeat;
}

.myButtons a.active span.label span.fav, .myButtons a:hover span.label span.fav  {
    background: url("../images/page/my_ico_star_active.png") 0 6px no-repeat;
}

.myButtons a span.label span.photos  {
    background: url("../images/page/my_ico_photos.png") 0 6px no-repeat;
}

.myButtons a.active span.label span.photos, .myButtons a:hover span.label span.photos  {
    background: url("../images/page/my_ico_photos_active.png") 0 6px no-repeat;
}

.myButtons a span.label span.videos  {
    background: url("../images/page/my_ico_videos.png") 0 6px no-repeat;
}

.myButtons a.active span.label span.videos, .myButtons a:hover span.label span.videos  {
    background: url("../images/page/my_ico_videos_active.png") 0 6px no-repeat;
}

.myButtons a span.label span.blog  {
    background: url("../images/page/tab_ico_blog.gif") 2px 9px no-repeat;
}

.myButtons a span.label span.messIco1  {
    background: url("../images/page/messico_1.gif") 2px 9px no-repeat;
}

.myButtons a span.label span.messIco2  {
    background: url("../images/page/messico_2.png") 1px 8px no-repeat;
}

.myButtons a.active span.label span.messIco2, .myButtons a:hover span.label span.messIco2  {
    background: url("../images/page/messico_2_active.png") 1px 8px no-repeat;
}

.myButtons a span.label span.messIco3  {
    background: url("../images/page/messico_3.png") 1px 8px no-repeat;
}

.myButtons a.active span.label span.messIco3, .myButtons a:hover span.label span.messIco3  {
    background: url("../images/page/messico_3_active.png") 1px 8px no-repeat;
}

.myButtons a span.label span.messIco4  {
    background: url("../images/page/messico_4.png") 1px 8px no-repeat;
}

.myButtons a.active span.label span.messIco4, .myButtons a:hover span.label span.messIco4  {
    background: url("../images/page/messico_4_active.png") 1px 8px no-repeat;
}

.myButtons a span.label span.messIco5  {
    background: url("../images/page/messico_5.png") 1px 8px no-repeat;
}

.myButtons a.active span.label span.messIco5, .myButtons a:hover span.label span.messIco5  {
    background: url("../images/page/messico_5_active.png") 1px 8px no-repeat;
}

a span.label span.buttSmile {
    background: url("../images/page/butt_ico_smile.png") 1px 5px no-repeat;
}

a.active span.label span.buttSmile, a:hover span.label span.buttSmile  {
    background: url("../images/page/butt_ico_smile_active.png") 1px 5px no-repeat;
}

.noPadding {
    padding: 0;
}

.tips {
    position: relative;
}

.tips a.previous {
    width: 16px;
    height: 17px;
    display: block;
    background: url("../images/page/butt_prev.png") 0 0 no-repeat;
    position: absolute;
    right: 34px;
    top: 0;
}

.tips a.previous:hover {
    background: url("../images/page/butt_prev.png") 0 -17px no-repeat;
}

.tips a.next {
    width: 16px;
    height: 17px;
    display: block;
    background: url("../images/page/butt_next.png") 0 0 no-repeat;
    position: absolute;
    right: 16px;
    top: 0;
}

.tips a.next:hover {
    background: url("../images/page/butt_next.png") 0 -17px no-repeat;
}

.myProfile .left {
    width: 318px;
    float: left;
}

.myProfile .left.chat {
	width:363px;
}

.myProfile .right {
    width: 165px;
    float: right;
}

.myProfile .right.chat {
	width:123px;
}

.myProfile .right h2 {
    font-size: 0.9em;
    color: #006eb8;
    margin-bottom: 2px;
}

.myProfile .right .personalInfo {
    padding: 0;
    margin-bottom: 8px;
}

.myProfile .right .personalInfo table {
    margin-top: 3px;
}

.myProfile .right .personalInfo td {
    padding: 0 2px 0 2px;
}

.users a.user {
    display: block;
    padding: 1px 0;
    font-size: 0.9em;
    text-decoration: none;
} 

.users a.user:hover {
    text-decoration: underline;
} 

.users .smile {
    padding-left: 19px !important;
    background: url("../images/page/smile.gif") 0 1px no-repeat;
}

.users .older {
    font-weight: bold;
    font-family: Arial;
    display: block;
    text-align: right;
    text-decoration: none;
	margin:5px 0px 0px 0px;
}

.users .older:hover {
    text-decoration: underline;
}

.profilePhoto {
    margin-bottom: 8px;
}

.profilePhoto .content2 {
    text-align: center;
}

.profilePhoto .content2 .mainInfo {
    text-align: left;
    padding: 15px 0 20px 0;
}

.profilePhoto h2 a {
    text-decoration: none;
    font-weight: bold;
    font-size: 1.1em;
}

.profilePhoto img {
    height: 80px;
    border: 1px #b2b2b2 solid;
}

.profilePhoto:hover img {
    border: 1px #757575 solid;
}

.mainInfo h2 {
    float: left;
    margin: 0;
}

.mainInfo .bigSmile {
    float: right;
    height: 16px;
    margin-right: 10px;
    padding: 2px 0 0 24px;
    background: url("../images/page/smile_big.png") 0 0 no-repeat;
    font-size: 0.9em;
}

.content2 .mainInfo .bigSmile {
    margin-right: 0;
}

/*--MESSAGES----------------------------------------------------------------*/

.messagesBox  {
    width: 290px;
    padding: 10px;
    height: 214px;
    overflow: auto;
    margin-top: 3px;
    border: 1px #e3e3e3 solid;
}

.messagesBox.chat {
	width:340px;
	height: 265px;
	margin-bottom: 5px;
}

.messagesBox .head  {
    background: url("../images/page/head_line.gif") 0 50% repeat-x;
}

.messagesBox .nick {
    font-weight: bold;
    text-decoration: none;
    float: left;
    background: #fff;
}

.messagesBox .nick:hover {
    text-decoration: underline;
}

.messagesBox p {
    margin: 0;
}


.messagesBox p.chm {
    margin: 0;
    padding:2px 0px 4px 0px;
    background: url("../images/page/head_line.gif") bottom repeat-x;
    line-height:16px;
}


.messagesBox .date {
    color: #006eb8;
    font-size: 0.9em;
    float: right;
    background: #fff;
}

.messagesBox .smile {
    vertical-align: middle;
}

.showX {
    padding-right: 7px;
    text-align: right;
    font-style: italic;
    color: #8b8b8b;
    margin: 0;
}

.writeMessage {
    width: 310px;
    height: 157px;
    position: relative;
}

.writeMessage.chat {
    width: 356px;
    height: 85px;
}

.writeMessage h2 {
    font-weight: normal;
}

.writeMessage h2 small {
    color: #919191;
}

.writeMessage textarea {
    border: 1px #e3e3e3 solid;
    width: 306px;
    height: 105px;
    padding: 2px;
    margin-bottom: 3px;
}

.writeMessage.chat textarea {
	width: 356px;
    height: 55px;
}

#smiles {
    width: 123px;
    border: 1px #c8c8c8 solid;
    padding: 2px;
    position: absolute;
    bottom: 24px;
    left: 0;
    background: #fff;
    z-index: 1000;
}

#smiles .smile {
    width: 18px;
    height: 19px;
    padding: 2px;
    display: block;
    float: left;
	border:1px solid #ffffff;
	background:none !important;
}

#smiles * {
 background:none !important;
}


#smiles .smile:hover{
	border:1px solid #DEF;
}


/*--SHOW-MESSAGES---------------------------------------------------------*/

.showMessages{
	height:375px;
	overflow:auto;
	position:relative;
}

.showMessages table  {
    width: 468px;
    margin-bottom: 8px;
}

.showMessages table td {
    background: #f6f3e9;
}

.showMessages table tr.green td {
    background: #f5fcff;
    color: #444444;
}

.showMessages .banner468in {
    margin-bottom: 9px;
}

.showMessages table td {
    padding: 2px 2px 2px 5px;
}

.showMessages table td.date {
    text-align: right;
    font-size: 0.9em;
}

.showMessages .blue {
    color: #006eb8;
}

.showMessages .linkButton span {
    _padding: 0 2px !important;
}

.showMessages table td.nick {
    font-size: 11px;
    font-weight: bold;
}

.showMessages table td.nick a {
    padding-left: 12px;
    text-decoration: none;
}

.showMessages table td.nick a:hover {
    text-decoration: underline;
}

.showMessages table td.nick a.online {
    background: url("../images/page/status_online.gif") 0 3px no-repeat;
}

.showMessages table td.nick a.offline {
    background: url("../images/page/status_offline.gif") 0 3px no-repeat;
}

.uonline{
	padding-left: 10px;
	background: url("../images/page/status_online.gif") 0 3px no-repeat;
}

.uoffline{
	padding-left: 10px;
	background: url("../images/page/status_offline.gif") 0 3px no-repeat;
}

.showMessages .subject a {
    color: #444444;
    text-decoration: none;
}

.showMessages .subject a:hover {
    color: #006eb8;
}

.sortMessages {
    float: right;
    margin-bottom: 5px;
}

.sortMessages select {
    padding: 2px;
    background: #d6d6d6;
    border: 1px #d6d6d6 solid;
    border-top: 1px #abadb3 solid;
}

.sortMessages label {
    display: inline;
}

.showMessages .paging td {
    background: none;
    padding: 1px;
}

.showMessages .paging td.overall {
    padding-left: 5px;
}

.noLRPadding {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

h2 .nick {
    text-decoration: none;
}

h2 .nick:hover {
    text-decoration: underline;
}

.postCardBox h2 .nick {
    text-decoration: none;
}

.postCardBox h2 .nick:hover {
    text-decoration: underline;
}

.postCardBox h2 small {
    color: #bababa;
}

.postCardBox .icons {
    padding-right: 30px;
}

.postCardBox .card {
    text-align: center;
    padding: 5px 0 5px 0;
}

.postCardBox .card img {
    border: 1px #7a7a7a solid;
	/*
    width: 430px;
    height: 280px;
	*/
}

.postCardBox {
    position: relative;
}

.postCardBox .close {
    top: 10px;
    right: 10px;
}

.close img, .close2 img {
    width: 16px;
    height: 16px;
    background: url("../images/page/button_close.gif") 0 0 no-repeat;
}

.close:hover img, .close2:hover img {
    width: 16px;
    height: 16px;
    background: url("../images/page/button_close.gif") -15px 0 no-repeat;
}

.close, .close2 {
    width: 16px;
    height: 16px;
    display: block;
    position: absolute;
    right: 3px;
    top: 3px;
}

.close2 {
    top: 119px;
    right: 137px;
}

.sendCard {
    padding-top: 6px !important;
}

.sendCard textarea {
    padding-top: 2px;
    border: 1px #eaeaea solid;
    width: 428px;
    height: 34px;
}

.sendCard .buttonSearch {
    float: right;
    position: relative;
    top: 4px;
    margin-right: 30px;
}

.postCardBox .content .icons {
    margin: 0;
}

.postCardBox .cardText {
    padding-top: 4px;
    margin: 0;
    height: 35px;
}

h2.pLeft {
    padding-left: 20px;
}

.sortUsers select, .messFilter select {
    padding: 2px;
    background: #d6d6d6;
    border: 1px #d6d6d6 solid;
    border-top: 1px #abadb3 solid;
}

.messFilter {
    margin-bottom: 6px;
}

.messFilter label {
    display: inline;
}

.messFilter .textInput {
    width: 97px;
    padding: 2px;
    border: 1px #d6d6d6 solid;
    border-top: 1px #abadb3 solid;
}

.messFilter .w1 {
    padding: 2px;
    width: 135px;
}

.messFilter .w2 {
    padding: 2px;
    width: 170px;
    text-align: right;
}

.messFilter .w3 {
    padding: 2px;
    width: 150px;
    text-align: right;
}

.hSet {
    height: 290px;
}

#laskomat {
    position: relative;
    left: 3px;
	margin-bottom:-14px;
}

#laskomat img {
    vertical-align: top;
}

.mBottom {
    margin-bottom: 6px !important;
}

/*--FOOTER----------------------------------------------------------------*/

.messBoardLink .linkButton {
    width: 168px;
    margin-bottom: 7px;
}

.messBoardLink .linkButton span {
    text-align: left !important;
}

.messBoard {
    overflow: auto;
    height: 368px;
    margin:5px 0px 5px 0px;
}

.noMargin  {
    margin: 0;
}

.messBoard .paper {
    padding: 8px 7px;
    margin: 0 4px 3px 0;
    width: 138px;
    height: 123px;
    float: left;
    background: url("../images/page/messboard_paper.jpg") 0 0 no-repeat;
}

.messBoard .paper h3 {
    margin: 0 0 5px 0;
    padding: 0;
    font-size: 1em;
}

.messBoard .paper h3 a {
    text-decoration: none;
}

.messBoard .paper h3 a:hover {
    text-decoration: underline;
}

.messBoard .paper p {
    color: #cf4400;
    height: 82px;
}

.messBoard .paper .date {
    color: #918523;
    font-size: 0.9em;
    float: left;
    margin-top: 4px;
    display: block;
}

.messBoard .paper .write {
    float: right;
}

#messBoardForm {
    width: 351px;
    height: 164px;
    padding: 18px 26px 15px 26px;
    background: url("../images/page/messboard_form.png") 0 0 no-repeat;
    _background: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/page/messboard_form.png', sizingMethod='scale');
    position: absolute;
    left: 250px;
    top: 180px;
    display: none;
}

#messBoardForm.big {
	height:270px;
	background: url("../images/page/messboard_formBig.png") 0 0 no-repeat;
	_background: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/page/messboard_formBig.png', sizingMethod='scale');
	height: 267px;
}

#messBoardForm.big input#bTitle{
	width: 349px;
}

#messBoardForm .close {
    top: 6px;
    right: 6px;
}

#messBoardForm textarea {
    width: 349px;
    height: 110px;
    margin-bottom: 4px;
}

#messBoardForm .chars {
    float: left;
    font-style: italic;
}

/*--POSTCARDS----------------------------------------------------------------*/

.postcardsLeft {
    width: 130px;
    float: left;
}

.postcardsRight {
    width: 355px;
    height: 358px;
    padding-top: 5px;
    overflow: auto;
    float: right;
}

.postcardsLeft h3 {
    color: #515151;
    font-size: 0.8em;
}

.postcardsLeft ul {
    margin: 0 0 20px 0;
    padding: 0;
}

.postcardsLeft ul li {
    padding: 3px 0 3px 0;
    list-style: none;
    font-size: 0.9em;
}

.postcardsLeft ul li.star {
    padding: 3px 0 3px 12px;
    background: url("../images/page/ico_purple_star.png") 0 5px no-repeat;
}

.postcardsLeft ul li a {
    font-weight: bold;
    text-decoration: none;
    font-size: 1.1em;
}

.postcardsLeft ul li.active a, .postcardsLeft ul li a:hover  {
    color: #000;
}

.postCard {
    width: 105px;
    height: 123px;
    margin-right: 7px;
    _margin-right: 4px;
    float: left;
}

.postCard .fixed {
	width: 108px;
    height: 95px;	
    border: 1px #7a7a7a solid;
	text-align:center;
    margin-bottom: 2px;
}

#postText{
	padding:5px 30px;
}

.postCard img {
    /*
	width: 105px;
    height: 93px;
	*/
    display: block;
}

.postCard a.star {
    width: 12px;
    height: 11px;
    margin: 1px 0 0 2px;
    float: left;
    background: url("../images/page/ico_star_fav.png") 0 0 no-repeat;
	
}

.postCard a.star:hover {
    background: url("../images/page/ico_star_fav.png") 0 -11px no-repeat;
}

.postCard a.starActive {
    width: 12px;
    height: 11px;
    margin: 1px 0 0 2px;
    float: left;
    background: url("../images/page/ico_star_fav.png") 0 -11px no-repeat;
}

.postCard a.ok {
    width: 14px;
    height: 14px;
    margin-right: 2px;
    float: right;
    background: url("../images/page/ico_ok.png") 0 0 no-repeat;
}

.postCard a.ok:hover {
    background: url("../images/page/ico_ok.png") 0 -14px no-repeat;
}

.postCardPaging {
    margin: 0 30px 0 0;
    _margin: 0 15px 0 0;
    float: right;
    width: 320px;
}

/* CHAT */

#chatersConteiner{
	height:368px;
	overflow:auto;
}

ul#chaters{
	padding:0px;
	margin:5px 0px;
}

ul#chaters li{
	padding:0px;
	margin:0px;
	display:block;
}

ul#chaters li a{
	display:block;
	text-decoration:none;
}

ul#chaters li a.male:hover{
	background:#F0F8FF;
}

ul#chaters li a.female:hover{
	background:#FFECEC;
}

div#WzTtDiV{
	width:auto;
	overflow:show !important;
	
}	

div#WzTtDiV img{
	display:block;
	width:auto;
	border:3px solid gray;
}

div#WzTtDiV table tr td{
	width:150px !important; 
	
}

/*--FOOTER----------------------------------------------------------------*/

#footer {
    font-size: 0.9em;
}

#footer .copy {
    color: #006eb8;
    float: left;
    margin-right: 10px;
}

#footer .links {
    float: left;
}

#footer .links a {
    margin-left: 15px;
    color: #006eb8;
}

#footer .links a.active {
	font-weight:bold;
}

#footer .devel {
    float: right;
    color: #b7b7b7;
}

#footer .devel a {
    color: #b7b7b7;
}





/* MY */
#testTable{
	width:100%;
	border-collapse:collapse;
	margin:10px 0px 15px 0px;
}
#testTable td{
	padding:5px 4px 7px 2px;
	vertical-align:top;
	border-bottom:1px solid #CCC;
}
#testTable td.t1 { width:12px; }
#testTable td.t2 { width:100px; }
#testTable td.t3 { width:100px; }
#testTable td.t4 { width:85px; }
#testTable td.t5 { width:100px; }
#testTable td label, #testTable td input{
	display:inline;
}

#testTable td input, #testTable td label{
	margin:0px 1px 0px 0px !important;
	*margin:0px -3px 0px 0px !important;
	padding:0px!important;
}

/* USER FORM */
#userForm{
	text-align:left;
}

#userForm table{
	width:100%;
	border-collapse:collapse;
}

#userForm table td{
	padding:2px 4px 2px 0px;
}

#userForm table td.tkey{
	width:80px;
}

#userForm table *.niceInput{
	width:120px;
}

#userForm table *.niceInputS{
	width:75px;
}

.leftHalf, .rightHalf{
	padding:0px 0px 10px 0px;
	margin:0px 0px 5px 0px;
	width:48%;
	float:left;
}

.rightHalf{ float:right; }

#motto, #vice{
	width:96%;
	height:50px;
}

.w5{
	width:130px;
}

.w5 label{
	padding:2px;
}

.w5 input{
	float:left;
	margin:3px 5px 0px 0px;
}

.okNick, .erNick{
	padding:5px 0px;
	color:#090; 
}

.erNick{
	color:#F00;
}

.message{
	display:block;
	padding:5px;
	margin:5px 0px;
	text-align:center;
}

.errorm{
	color:red;
	border:1px solid red;
}

.infom{
	color:#006633;
	border:1px solid green;
}

.cblue{
	color:#0070c0;
}

h2.expander, h2.expanderActive{
	display:block;
	height:20px;
	cursor:pointer;
	font-size:11px;
	line-height:20px;
	background:url(../images/plus.gif) no-repeat left center;
	padding:0px 0px 0px 20px;
}

h2.expander:hover{
	background:url(../images/plus_o.gif) no-repeat left center;
}

h2.expanderActive{
	background:url(../images/minus.gif) no-repeat left center;
}

h2.expanderActive:hover{
	background:url(../images/minus_o.gif) no-repeat left center;
}

#message_PBar, #messText_PBar, #messageTa_PBar{
	width:0px;
	height:1px;
	border:0;
	font-size:1px;
	overflow:hidden;
	background-color: #3399FF;
}

#messageTa_PBar{
	margin:8px 0px 0px 28px;
	float:left;
	clear:both;
}

#awatarImg{ border:2px solid #333; }

.linkLike{
	color:#06C !important;
	text-decoration:underline;
}

/* test */
table.result{
	width:100%;
	border-collapse:collapse;
	margin:7px 0px;
}

table.result td{
	padding:4px 18px 6px 0px;
	vertical-align:top;
	border-bottom:1px solid #B7DBFF;
	min-width:90px;
	_width:90px;
}

#results p {
	margin:10px 0px 0px 0px;
}

.formatTable{ 
	width:100%;
	border-collapse:collapse;
	border-top:1px solid #BDF;
	border-bottom:1px solid #BDF;
	margin:0px 0px 10px 0px;
}

.formatTable td{
	padding:4px 8px 4px 0px;
	line-height:18px;
}

.delete{
	color:red; font-weight:bold;
	display:block;
	background:url(../images/delete.png) no-repeat center center !important;
	width:8px;
	height:7px;
	line-height:7px;
	cursor:crosshair;
}

.delete.big{
	width:15px;
	height:15px;
	cursor:pointer;
}

.videos em.delete{
	margin:-100px 0px -10px 84px;
	float:left;
	z-index:99;
	position:relative;
	*position:inherit;
}

.howVids{
	float:right;
	line-height:18px;
}

#newBlog{
	float:right;
	margin:10px 0px 0px 0px;
}

.textInputSS{
	width:77px; !important;
}

a.banner{
	left:0px;
	top:0px;
	position:absolute;
	z-index:99;
	text-decoration:none !important;
}

.searchUsers a.banner{
	/*top:176px;*/
}

.male{
	color:#006eb8 !important;
}

.female{
	color:#F10E5E !important;
}

.aktualita{
	clear:both;
	padding:0px 0px 11px 0px; 
} 

.aktualita div.date{
	float:right;
	color:#666;
	font-size:10px; 
} 

div.aktualitaText{
	padding:2px 0px;  
	margin:0px;
}


#newVideos{
	height:184px;  
	overflow:auto;
	text-align:center; 
}

/* LOVETUBE */
#ltHeader{
	text-align:left;
	
}

#ltHeader h2, #ltHeader h3{ 
	display:inline;
	color:#0574b2;
	font-size:18px;
	padding:0px;
	margin:0px; 
	font-weight:normal;
}

#ltHeader h3{  
	font-size:12px;
}

#vsearchBox{
	float:right;
	width:170px;
	position:absolute;
	top:10px;
	right:5px;  
} 

.gi{
	background:#dddddd;
	border:none;
	color:#000;
	font-size:11px;
	padding:8px 5px 2px 5px; 
	width:120px;
} 

#fbShare{
	text-align:right;
	padding:10px 0px 0px 0px;
	
} 

a.btn, .btn{
	color:#FFF;
	font-weight:bold;
	text-decoration:none;
	display:block; 
}

.btn a{
	color:#FFF;
} 

.svid{
	background:url(../images/btn_sv.png) no-repeat 0px 0px;
	width:33px;
	height:24px;
	border:none;
	margin:0px;
	padding:0px;
	float:right; 
}

.svid:hover{
	background-position:0px -25px;
} 

table#vid{
	width:100%;
	border-collapse:collapse; 
}

table#vid h2{
	font-size:13px;
	color:#373737; 
}

table#vid td{
	padding:4px 0px 4px 0px;
}

.nod{
	display:none;
}

/*komentare*/
#comments{
	clear:both;
}

.comment{
	border:1px solid #d6d6d6;
	position:relative;
	margin:7px 0px 2px 0px; 
}

.commentIn{
	min-height:40px;
	padding:7px;
}

.cctl, .cctr, .ccbl, .ccbr{
	position:absolute;
	width:8px;
	height:8px;
}

.cctl{ background:url(../images/c_corner_tl.png) no-repeat; top:-1px; left:-1px; }
.cctr{ background:url(../images/c_corner_tr.png) no-repeat; top:-1px; right:-1px; } 
.ccbl{ background:url(../images/c_corner_bl.png) no-repeat; bottom:-1px; left:-1px; }
.ccbr{ background:url(../images/c_corner_br.png) no-repeat; bottom:-1px; right:-1px; } 

.commentIn table{
	width:100%;
	border-collapse:collapse;
}

.commentIn table td{
	padding:4px 8px 4px 0px;
	vertical-align:top; 
}

.commentIn table td.cfoto{
	width:50px;
}

.commentIn table td.cfoto img{
	border:1px solid #666;
}


.commentIn table td.cText{ 
}

.vid{
	clear:both;
	margin:0px 0px 10px 0px;
} 

.vImg{
	float:left;
	width:94px; 
}

.vImg div{
	border:1px solid #333;
	padding:1px; 
} 

.vImg a img{
	width:90px;
	margin:0px 0px -2px 0px; 
}

.vDescr{
	float:right;
	width:375px;  
}

.vDescr p{
	font-size:10px;
} 

#vdesc{
	font-size:10px;
} 

#vpromo{
	float:right;
	margin:0px 0px 0px 5px;  
} 

table#vid .buttons {
	width:275px;	  
}

table#vid .buttons .linkButton{
	width:110px;
	float:left;
	margin:0px 4px 0px 0px; 
}

table#vid .buttons .linkButton.cmnt{
	width:145px;     
	margin:0px; 
}


.buttons a span.label span.cm, .buttons a:hover span.label span.cm {
    background: url("../images/ico_button_cm.png") 1px 7px no-repeat;
}

.dateDetail{
	padding:5px 0px;
	min-height:
	font-size:11px;
} 

a.dreply{
	color:#1d81c7;
	margin:0px 0px 0px 10px; 
}

.fText p{
	margin:5px 0px 0px 0px;
} 

#tags p{ 
	line-height:19px; 
} 

.dtime{
	float:right;
	font-size:10px;
	color:#999;
}