/* CSS Document */
/*
теперь  ЦССка с локализацией подключается в хидере страниц, в зависимости от лоализации
@import "rus.css";
*/
@import "profile.css";


html {
    margin: 0px;
    padding: 0px;
}

body {
    margin: 0px;
    padding: 0px;
    background-color: #f3f0dc;
}

form {
    margin:0px;
    padding:0px;
    border:0px;
}

/*
				.right {
					width: 976px;
					border: none;
				}

				.right table {
					font-size: 0px; 
					margin: 0px;
					padding: 0px;

				}
				*/
#header {
    /*border:1px solid red;*/
    padding:0px;
    margin:0px;
    width:976px;
    font-size:0px;
}

/*	footer	*/
#footer {
    /*border:1px solid red;*/
    padding:0px;
    margin:0px;
    width:976px;
    font-size:0px;
}

#footer td {
    padding:0px;
}

#footer td.left {
    background:url(/img/foo_left.jpg) no-repeat;
    width:8px;
    height:84px;
}
#footer td.right {
    background:url(/img/foo_right.jpg) no-repeat;
    width:8px;
    height:84px;
}

#footer td.middle {
    background-color:#f3f0dc;
    width:960px;
}

#footer td.bottom {
    background: url(/img/foo_bottom.jpg);
    width: 976px;
    height: 8px;
}


/*	content	*/
#content {
    background-color:#ffffff;
    border-right:1px solid #eae7d5;
}

#content td.bottom {
    background: url(/img/d.jpg);
    width: 976px;
    height: 38px;
}

#R td {
    padding:0px;
}

#R td.right {
    background: url(/img/abr-2.jpg) no-repeat;
    width:7px;
    height: 46px;
}
#R td.left {
    background: url(/img/ab.jpg) no-repeat;
    width: 235px;
    height: 46px;
    text-align:left;
}

#viewers{
    /*	TODO cut exactly 242px*/
    background:url(/img/g-243.jpg) no-repeat;
    width: 242px;
}

.copycat {
    margin: 0px;
    padding: 0px;
    border: none;
    top: 0px;
    left: 0px;
}


/*				main part of content with photos and infos 3x2		*/

.info {
    font-size: 11pt;
    margin: 0px 0px 0px 0px;
    /*padding: 23px 0px 20px 15px;*/
    padding: 0px;
    border: 0px;
    float: left;
    /*width: 239px;*/
    width: 237px;
    height: 209px;
}

.spacer {
    float: left;
    width: 1px;
    height: 209px;
}

.spacer-rus {
    float: left;
    width:  2px;
    height: 209px;
}
/*
				.photo {
					margin: 0px;
					padding: 5px 5px 5px 5px;
					background-color: #c9e1aa;
					border: 1px dotted #68b700;
					width: 109px;
					float: left;
				}

				.photo img {
					margin: 0px;
					padding: 0px;
					border: 1px solid #68b700; 
				}				
*/

.photo {
    position: relative;
    top: 24px;
    left: 14px;

    margin: 0px;
    padding: 5px 5px 5px 5px;
    background-color: #c9e1aa;
    border: 1px dotted #68b700;
    width: 109px;
    float: left;
}

.photo img {
    margin: 0px;
    padding: 0px;
    border: 1px solid #68b700;
}				

.desc {
    position: relative;
    top: 26px;
    left: 24px;
    font-size: 11px;
    font-family: Arial;
    margin: 0px;
    padding: 0px;
    border: 0px;
    width: 93px;
    border: 0px;
    float: left;
}

.desc a {
    text-decoration: underline;
    font-weight: bold;
    color: #0068bb;
}

.photo-rus {
    position: relative;
    top: 29px;
    left: 19px;
    margin: 0px;
    padding: 0px;
    border: 0px;
    width: 109px;
    float: left;
}

.photo-rus img {
    margin: 0px;
    padding: 0px;
    border: 1px solid #525252;
}				


.desc-rus {
    position: relative;
    top: 26px;
    left: 36px;
    font-size: 11px;
    font-family: Arial;
    margin: 0px;
    padding: 0px;
    border: 0px;
    width: 93px;
    border: 0px;
    float: left;
}

.desc-rus a {
    text-decoration: underline;
    font-weight: bold;
    color: #0068bb;
}

.hearts {
    width: 194px;
    height: 160px;
    position: relative;
    top: 2px;
    left: 28px;
    font-family: Arial;
    font-size: 12px;
    color: #292929;
}

.hearts li {
    margin: 0px 0px 14px 0px;
}

.hico {
    margin: 0px 5px -1px 0px;
    padding: 0px 5px -1px 0px;
}

.banners{
    margin: 0px 0px 0px 25px;
    padding: 0px;
}

.banners a, img{
    border: 0px;
    margin: 0px 0px 5px 0px;
}


.navy {
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    color: #3049a5;
    margin: 0px 18px;
}

.navy a {
    color: #3049a5;
    text-decoration: none;
}

.navy a:visited, a:active {
    color: #3049a5;
}

.navy alink, vlink, link {
    color: #3049a5;
}

.navy a:hover {
    text-decoration: underline;
}


.foo {
    font-family: Arial;
    font-size: 12px;
    color: #ddd3c3;
    text-align:center;
}

.foo div {
    margin-top:18px;
}

.foo a {
    margin: 0px 3px 0px 3px;
    color: #68b700;
    text-decoration: none;
}

.foo a:hover {
    text-decoration: underline;
}

.copyright {
    font-family: Arial;
    font-size: 11px;
    color: #978f63;
    height: 100px;
    text-align:center;
    padding-top:18px;
}

.copyright a {
    color: #978f63;
    text-decoration: none;
}

.copyright a:hover {
    text-decoration: underline;
}


.yellow {
    font-family: Arial;
    font-size: 9px;
    color: #f0ed06;
    text-align: right;
    margin: 4px 36px;
}

.yellow a {
    color: #f0ed06;
    text-decoration: none;
}

.yellow a:hover {
    text-decoration: underline;
}
a.logout-clear {
    text-decoration:none;
    font-weight:bold;
    font-size: 12pt;
    color: #dddac7;
}

span.gray-text {
    color:lightgray;
}

.loginPassword {
    width: 113px;
    height: 18px;
    margin: 0px 0px 0px 0px;
    padding: 0px
}