body {
padding: 0 40px;
}
a:hover {
color: #ff5400 !important;
}
.main {
background: #fff;
min-width: 920px;
font-family: Arial, Helvetica, sans-serif;
font-size: 85%;
color: #000;
text-align: left;
}
*html .main {
width:expression(document.body.clientWidth > 1255? "1175px" : (document.body.clientWidth < 1070 ? "1000px" : "100%"));
}
.header {
height: 314px;
background: url(../../images/index/header-fon.png) repeat-x;
overflow: hidden;
position: relative;
}
.topHeader {
height: 272px;
overflow: hidden;
background: url(../../images/index/headerBigFon.jpg) left top no-repeat;
}
.headerCornerBotRight {
width: 6px;
height: 49px;
overflow: hidden;
background: url(../../images/index/header-corner-bot-rigth.png);
position: absolute;
bottom: 0;
right: 0;
}
*html .headerCornerBotRight {
righty:expression(parentNode.offsetWidth % 2 ? style.right="-1px" : style.right="0px");
}

.headerCornderBotLeft {
width: 4px;
height: 4px;
overflow: hidden;
background: url(../../images/index/headerCornerLeftBottom.png);
position: absolute;
bottom: 0;
left: 0;
}
.header h1 {
font-size: 133%;
color: #145588;
position: absolute;
top: 109px;
left: 347px;
font-family: Verdana, Arial, Helvetica, sans-serif;
z-index: 1;
}
.header h1 span {
display: block;
width: 137px;
height: 49px;
text-indent: -9999px;
overflow: hidden;
background: url(../../images/index/mir-smazok-logo.png);
position: absolute;
top: -75px;
left: -9px;
}
.header h1 em {
display: block;
width: 34px;
height: 22px;
background: url(../../images/index/headerEm.png);
overflow: hidden;
text-align: center;
padding-top: 6px;
position: absolute;
top: -6px;
left: 87px;
font-style: normal;
color: #fff;
}
*html .header h1 em {
height: 28px;
}
.header h1 b {
margin-left: 40px;
}
.headerShapkaDeda {
width: 47px;
height: 39px;
background: url(../../images/shapka-deda.png);
position: absolute;
z-index: 2;
top: 12px;
left: 433px;
}
*html .headerShapkaDeda {
background: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/shapka-deda.png');
}
.headerSlogan {
position: absolute;
top: 135px;
left: 350px;
font-size: 125%;
color: #fff;
}
.headerContats {
position: absolute;
top: 32px;
right: 7%;
word-spacing: 3px;
width: 142px;
height: 43px;
background: url(../../images/index/contacts2.png);
text-indent: -9999px;
overflow: hidden;
}
*html .headerContats {
background: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/index/contacts2.png');
}
.headerContats span {
display: block;
cursor: pointer;
margin: 3px 0 0 9px;
}
.headerContats:hover {
color: #d7f5fb !important;
}
.headerContats i {
font-style: normal;
word-spacing: 0;
font-size: 60%;
font-family: tahoma;
margin-left: 9px;
float: left;
cursor: pointer;
}
.header form {
height: 99px;
width: 58%;
background: url(../../images/index/headerFormFon.png) left top no-repeat;
position: absolute;
left: 331px;
top: 173px;
color: #b3e3fa;
}
.headerRadioGroup {
position: absolute;
top: 14px;
right: 23%;
}
.header form label {
margin: 0 23px 0 4px;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
}
.headerRadioGroup input {
position: relative;
top: 2px;
}
.headerInput {
position: absolute;
left: 18px;
top: 43px;
width: 100%;
}
.headerInputLeft {
float: left;
height: 27px;
background: url(../../images/index/headerInputFon.png) no-repeat;
width: 70%;
}
.headerInputRight {
float: left;
width: 5px;
height: 27px;
background: url(../../images/index/headerInputFonRight.png);
overflow: hidden;
margin: 0;
}
.headerInput #search {
background: none;
border: none;
margin: 3px 5px 0 5px;
width: 98%;
padding-top: 2px;
}
.headerInput .but {
width: 77px;
height: 26px;
background: url(../../images/index/headerBut.png);
cursor: pointer;
border: none;
margin-left: 5px;
}
.headerFormRight {
width: 7px;
height: 99px;
background: url(../../images/index/headerFormRight.png);
position: absolute;
top: 0;
right: -7px;
overflow: hidden;
}
*html .headerFormRight {
righty:expression(parentNode.offsetWidth % 2 ? style.right="-8px" : style.right="-7px");
background: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../images/index/headerFormRight.png', sizingMethod='crop');
}
.headerExample {
position: absolute;
left: 19px;
top: 75px;
color: #6cadcf;
}
.headerExample em {
font-style: normal;
text-decoration: underline;
cursor: pointer;
}
.header ul {
list-style: none;
position: absolute;
left: 35px;
top: 284px;
font-size: 118%;
}
.header li {
display: inline;
margin-right: 30px;
}
.header li a {
color: #fff;
}
.header li a:hover {
color: #6cadcf !important;
}
.header .enterToSite2 {
position: absolute;
top: 282px;
right: 26px;
float: left;
height: 21px;
padding: 5px 0 0 31px !important;
color: #fff;
background: url(../../images/index/headerEnterSite.png) no-repeat;
text-decoration: none;
}
*html .header .enterToSite2 {
height: 24px;
}
.header .enterToSite2 span {
float: left;
border-bottom: 1px dashed #fff;
cursor: pointer;
}
.header .enterToSite2:hover {
color: #6cadcf !important;
}
.header .enterToSite2:hover span {
border-bottom: 1px solid #6cadcf;
}


/*------------top content----------*/
.indexTopContent {
padding: 40px 0 14px 0;
}
.topContentLeftColumn {
width: 224px;
overflow: hidden;
float: left;
}
h6 {
font-size: 12px;
color: #fff;
background: url(../../images/index/indexContentHeader.png) no-repeat #19b4fa;
height: 18px;
padding: 6px 0 0 8px;
font-weight: bold;
position: relative;
}
*html h6 {
height: 24px;
}
h6 span {
display: block;
width: 5px;
height: 24px;
overflow: hidden;
background: url(../../images/index/indexContentHeaderRight.png);
position: absolute;
top: 0;
right: 0;
}
*html h6 span {
righty:expression(parentNode.offsetWidth % 2 ? style.right="-1px" : style.right="0");
}
h6 a {
display: block;
width: 100%;
height: 100%;
color: #fff;
text-decoration: none;
position: absolute;
top: 0;
left: 0;
padding: 6px 0 0 8px;
}
h6 a:hover {
color: #fff !important;
text-decoration: underline;
}
.topContentLeftColumn h6 {
width: 150px;
}
.clearIndex {
clear: both;
height: 1px;
overflow: hidden;
}
.firms {
margin-bottom: 34px;
}
.firms h6 {
margin-bottom: 12px;
width: 160px;
}
.firms img {
float: left;
margin-right: 12px;
}
.firms div div {
float: left;
}
.firms div span {
display: block;
margin: 12px 0 16px 0;
}
.firms em a {
display: block;
color: #000;
}
.firmsInfo {
width: 171px;
height: 48px;
background: url(../../images/index/indexFirmsInfo.jpg);
overflow: hidden;
clear: both;
padding: 26px 5px 0 46px;
}
*html .firmsInfo {
height: 74px;
width: 222px;
}
.firmsInfo a {
display: block;
font-weight: bold;
color: #01a5db !important;
}
.firmsInfo a:hover {
color: #ff5400 !important;
}
.rateTable {
color: #636363;
border: none;
}
.rateTable th {
font-size: 100%;
}
.rateTable td {
font-size: 127%;
padding-top: 5px;
border-top: 0;
}
.rate h6 {
width: 172px;
}
*html .rate h6 {
width: 180px;
}
.rate h6 b {
font-weight: normal;
font-size: 11px;
margin-left: 14px;
}
.indexTopUsers {
width: 100%;
font-size: 100%;
}
.indexTopUsers th {
text-align: center;
}
.indexTopUsers .indexThUsers {
text-align: left;
padding-left: 33px;
}
.indexTopUsers .tdRate {
text-align: center;
}
.indexRightColumn {
float: right;
width: 222px;
overflow: hidden;
}
.indexManagersOff {
margin-bottom: 18px;
width: 100px;
height: 66px;
background: url(../../images/index/managersOffline.jpg);
overflow: hidden;
padding: 39px 0 0 81px;
}
*html .indexManagersOff {
width: 181px;
height: 105px;
}
.indexManagersOff a {
color: #01a5db;
}
.indexManager {
margin-bottom: 18px;
}
.indexManager h6 {
background: url(../../images/index/indexContentHeaderGreen.png) no-repeat #a1cd3d;
width: 180px;
margin-bottom: 10px;
}
.indexManager h6 span {
background-image: url(../../images/index/indexContentHeaderGreenRight.png);
width: 4px;
}
.indexManager h6 b {
display: block;
background: url(../../images/index/indexContentHeaderGreenOnline.png) no-repeat;
height: 19px;
padding: 2px 0 0 29px;
position: absolute;
top: 3px;
left: 82px;
}
.indexManager img {
float: left;
margin-right: 10px;
}
.indexManager div {
margin-bottom: 7px;
}
.indexManager div div {
font-style: italic;
padding-right: 5px;
}
.indexManager div div a {
display: block;
margin-bottom: 11px;
font-style: normal;
color: #000;
text-decoration: none;
font-weight: bold;
}
.indexManager div div a:hover {
color: #000 !important;
text-decoration: underline;
}
.indexManager .chatStart {
color: #84bd31;
font-weight: bold;
clear: both;
}
.indexManager .chatStart:hover {
color: #84bd31 !important;
text-decoration: none;
}
.indexEnterToSite, .indexUserBlock {
width: 220px;
height: 85px;
overflow: hidden;
background: url(../../images/index/indexEnterToSite.png);
margin-bottom: 15px;
}
.indexUserBlock {
height: 101px;
position: relative;
background: url(../../images/index3/indexUserBlock.png);
}
.indexUserPic {
width: 85px;
height: 85px;
overflow: hidden;
position: absolute;
top: 8px;
left: 6px;
}
.indexUserData {
width: 115px;
margin: 6px 0 0 100px;
float: left;
display: inline;
}
.indexUserData a {
display: block;
margin-bottom: 3px;
}
.indexUserName {
font-size: 16px;
color: #fff !important;
font-weight: bold;
}
.indexUserName:hover {
color: #fff !important;
text-decoration: none;
}
.indexMess, .indexPrivat, .indexMess2 {
padding-left: 20px;
color: #000;
background: url(../../images/index/indexMessage.gif) 0 3px no-repeat;
}
.indexMess2 {
font-weight: bold;
background-image: url(../../images/index/indexMessage2.gif);
}
.indexPrivat {
top: 58px;
background: url(../../images/index/indexAllTeh.gif) 0 6px no-repeat;
}
.indexExit {
color: #000;
margin-left: 20px;
}
.indexMess:hover, .indexPrivat:hover, .indexExit:hover {
color: #000 !important;
text-decoration: none;
}
.indexEnterToSite div {
width: 100%;
height: 100%;
position: relative;
}
.indexEnterToSite input {
width: 73px !important;
background: none;
border: none;
position: absolute;
top: 35px !important;
font-size: 11px;
color: #818181;
}
.indexEnterToSite #loginEnterToSite {
left: 15px;
}
.indexEnterToSite #passwordEnterToSite {
left: 103px;
}
.indexEnterToSite #butSub {
width: 25px !important;
height: 25px;
top: 29px !important;
right: 12px;
cursor: pointer;
}
.indexEnterToSite .enterToSiteLinks {
position: absolute;
left: 10px;
top: 60px;
}
.enterToSiteLinks .indexRegister {
font-weight: bold;
margin-right: 14px;
color: #01a5db;
}
.enterToSiteLinks .indexRegister:hover {
text-decoration: none;
color: #01a5db !important;
}
.enterToSiteLinks .indexRememberPass {
color: #818181;
}
.enterToSiteLinks .indexRememberPass:hover {
text-decoration: none;
color: #818181 !important;
}
.indexCenterColumn {
margin: 0 270px 0 270px;
position: relative;
}
.indexCenterColumn h5 {
font-size: 145%;
margin-bottom: 10px;
font-family: "Times New Roman", Times, serif;
font-weight: bold;
}
.indexCenterColumn h5 a {
color: #000;
}
.indexCenterColumn ul {
list-style: none;
font-size: 118%;
margin-bottom: 21px;
}
.indexCenterColumn li {
margin-bottom: 5px;
line-height: 22px;
}
.indexCenterColumn li a {
color: #000;
white-space: nowrap;
}
.indexCenterColumn li b a {
color: #01a5db;
}
.indexCenterColumn li img {
margin-right: 2px;
}
.indexVacancy {
padding: 7px 0 0 54px;
background: url(../../images/index/rubl.png) no-repeat;
min-height: 70px;
display: block;
color: #000;
text-decoration: none;
}
*html .indexVacancy {
height: 70px;
}
.indexVacancy:hover {
color: #000 !important;
text-decoration: underline;
}
.indexVacancy p {
margin-bottom: 16px;
}
.ban1 {
margin: 40px 0 0 22.5%;
}

/*---index blogs---*/
.indexBlogs {
margin-bottom: 18px;
position: relative;
z-index: 2;
top: -1px;
float: left;
width: 100%;
border-top: 1px dashed #aeaeae;
}
*html .indexBlogs {
display: table;
}
.indexBlogs h6 {
float: left;
width: 172px;
top: -1px;
}
*html .indexBlogs h6 {
width: 180px;
}
.indexBlogs ul {
list-style: none;
margin-left: -4%;
padding-top: 14px;
//float: left;
}
*html .indexBlogs ul {
width: 100%;
}
.indexBlogs li {
width: 21%;
margin: 0 0 20px 4%;
float: left;
display: inline;
height: 350px;
overflow: hidden;
}
*html .indexBlogs li {
width: 20%;
}
.indexBlogs li h6 {
padding: 0;
background: none;
position: static;
margin: 17px 0 5px 0;
font-family: "Times New Roman", Times, serif;
font-size: 136%;
float: none;
height: auto;
}
.indexBlogs li h6 a, .indexBlogs li em a {
color: #000;
padding: 0;
position: static;
text-decoration: underline;
}
.indexBlogs li h6 a:hover {
color: #ff5400 !important;
}
.indexBlogs li p {
margin-bottom: 8px;
}
.indexComments {
float: left;
background: url(../../images/index/indexComments.png) no-repeat;
height: 17px;
padding: 0 0 0 30px;
color: #01a5db;
font-weight: bold;
margin-top: 5px;
}
/*----news---*/
.parentIndexNews {
position: relative;
float: left;
width: 100%;
background:url(../../images/index/indexNewsFon.jpg) left top repeat-y #16cdfd;
padding-bottom: 10px;
}
.indexNews {
color: #fff;
font-size: 118%;
}
.indexNews p {
margin: 16px 21px 0 0;
width: 270px;
float: left;
display: inline;
}
.indexNews p span {
margin-left: 22px;
display: block;
}
.indexPolzun {
float: left;
width: 351px;
height: 45px;
overflow: hidden;
background: url(../../images/index/indexNewsPolzunFon.png);
margin: 16px 0 0 0;
}
.indexNewsDate {
width: 150px;
height: 31px;
background: url(../../images/index/indexNewsDate.png);
overflow: hidden;
float: left;
margin: 16px 0 0 2px;
display: inline;
font-weight: bold;
word-spacing: 5px;
text-align: center;
padding-top: 14px;
}
*html .indexNewsDate {
height: 45px;
}
.indexNewsInfo {
float: left;
width: 270px;
display: inline;
margin: 8px 21px 0 0;
background: url(../../images/index/indexNewsInfo.png) 21px 0 no-repeat;
}
.indexNewsInfo div {
margin-left: 56px;
}
.indexNewsAnnouncement {
float: left;
margin: 8px 0 5px 0;
background: #fff;
position: relative;
color: #000;
width: 63%;
padding-bottom: 10px;
}
.indexNewsAnnouncement p {
padding: 0 10px 0 11px;
}
.indexNewsAnnouncement dl {
padding: 9px 10px 0 11px;
display: none;
}
.indexNewsAnnouncement dd {
float: left;
width: 44px;
}
.indexNewsAnnouncement dt {
margin-left: 48px;
}
.indexNewsAnnouncement dt a {
font-weight: bold;
color: #01a5db;
}
.indexNewsAll {
display: block;
width: 218px;
height: 19px;
background: url(../../images/index/indexNewsAll.png) no-repeat;
overflow: hidden;
text-align: center;
font-weight: bold;
color: #fff;
text-decoration: none;
font-size: 84%;
padding-top: 2px;
float: right;
margin: 9px 6px 11px 0;
}
.indexNewsAll span {
border-bottom: 1px dashed #fff;
float: left;
margin-left: 5px;
display: inline;
cursor: pointer;
}
.indexNewsAll:hover {
color: #fff !important;
}
.indexNewsAll:hover span {
border-bottom: 1px solid #fff;
}
.indexNewsAnnouncement .cor1, .indexNewsAnnouncement .cor2, .indexNewsAnnouncement .cor3, .indexNewsAnnouncement .cor4 {
width: 3px;
height: 3px;
overflow: hidden;
position: absolute;
background: url(../../images/index/indexNewsAnnonceCor1.gif);
top: 0;
left: 0;
}
.indexNewsAnnouncement .cor4 {
background: url(../../images/index/indexNewsAnnonceCor4.gif);
bottom: 0;
top: auto;
}
*html .indexNewsAnnouncement .cor4 {
boty:expression(parentNode.offsetHeight % 2 ? style.bottom="-1px" : style.bottom="0");
}
.indexNewsAnnouncement .cor2 {
background: url(../../images/index/indexNewsAnnonceCor2.gif);
left: auto;
right: 0;
}
*html .indexNewsAnnouncement .cor2 {
righty:expression(parentNode.offsetWidth % 2 ? style.right="-1px" : style.right="0");
}
.indexNewsAnnouncement .cor3 {
background: url(../../images/index/indexNewsAnnonceCor3.gif);
left: auto;
right: 0;
top: auto;
bottom: 0;
}
*html .indexNewsAnnouncement .cor3 {
righty:expression(parentNode.offsetWidth % 2 ? style.right="-1px" : style.right="0");
boty:expression(parentNode.offsetHeight % 2 ? style.bottom="-1px" : style.bottom="0");
}

.indexNews .corr1, .indexNews .corr2, .indexNews .corr3, .indexNews .corr4 {
width: 7px;
height: 7px;
overflow: hidden;
position: absolute;
background: url(../../images/index/indexNewsCor1.gif);
top: 0;
left: 0;
}
.indexNews .corr4 {
background: url(../../images/index/indexNewsCor4.gif);
bottom: 0;
top: auto;
}
*html .indexNews .corr4 {
boty:expression(parentNode.offsetHeight % 2 ? style.bottom="-1px" : style.bottom="0");
}
.indexNews .corr2 {
background: url(../../images/index/indexNewsCor3.gif);
left: auto;
right: 0;
}
*html .indexNews .corr2 {
righty:expression(parentNode.offsetWidth % 2 ? style.right="-1px" : style.right="0");
}
.indexNews .corr3 {
background: url(../../images/index/indexNewsCor2.gif);
left: auto;
right: 0;
top: auto;
bottom: 0;
}
*html .indexNews .corr3 {
righty:expression(parentNode.offsetWidth % 2 ? style.right="-1px" : style.right="0");
boty:expression(parentNode.offsetHeight % 2 ? style.bottom="-1px" : style.bottom="0");
}
.indexSections {
clear: both;
padding-top: 35px;
overflow: hidden;
width: 100%;
}
.indexSectionsBan {
float: left;
width: 240px;
overflow: hidden;
}
.indexListSections {
margin-left: 270px;
padding-left: 21px;
}
.indexSectionsBorder {
border-top: 1px dashed #aeaeae;
display: table;
width: 100%;
}
.indexListSections h6 {
width: 150px;
margin: -1px 0 15px 0;
}
*html .indexListSections h6 {
top: -1px;
left: -3px;
}
.indexListSections ul {
list-style: none;
font-size: 118%;
float: left;
width: 100%;
}
.indexListSections li {
float: left;
width: 45%;
margin-bottom: 2px;
}
.indexListSections li a {
color: #293c42;
}
.indexTehLibrary {
float: left;
width: 220px;
overflow: hidden;
padding: 10px 0;
}
.indexTehLibrary h6 {
background: url(../../images/index/indexContentHeaderGreen.png) no-repeat #a1cd3d;
float: left;
width: 160px !important;
margin-bottom: 10px;
}
* html .indexTehLibrary h6 {
width: 170px !important;
}
.indexTehLibrary h6 span {
background-image: url(../../images/index/indexContentHeaderGreenRight.png);
width: 4px;
}
.indexTehLibrary ul {
list-style: none;
font-size: 118%;
float: left;
width: 100%;
}
.indexTehLibrary li {
margin-bottom: 10px;
padding-left: 19px;
}
.indexTehLibrary li a {
color: #01a5db;
font-weight: bold;
}
.indexTehLibrary .pdf {
background: url(../../images/index/pdf.gif) 0 3px no-repeat;
}
.indexTehLibrary .allTeh, .allWallpapers {
background: url(../../images/index/indexAllTeh.gif) 0 8px no-repeat;
}
.indexTehLibrary .allTeh a {
font-size: 84%;
color: #000;
}
.allWallpapers {
padding-left: 19px;
color: #000;
clear: both;
font-weight: bold;
background-position: 0 6px;
}
.indexTags {
margin-left: 270px;
color: #01a5db;
padding-left: 21px;
}
.indexTags h6 {
width: 150px;
margin: 0 0 15px 0;
}
.indexTags a {
text-decoration: none;
font-size: 118%;
color: #01a5db;
}
.indexTags a:hover {
text-decoration: underline;
}
.indexTags .font18 {
font-size: 163%;
}
.indexTehLibrary .wallpapers {
width: 268px;
padding-top: 9px;
margin: 0 0 10px -5px;
list-style: none;
float: left;
height: 65px;
overflow: hidden;
border: none;
}
*html .indexTehLibrary .wallpapers {
height: 75px;
}
.indexTehLibrary .wallpapers li {
display: inline;
padding: 0;
}
.indexTehLibrary .wallpapers a {
height: 51px;
width: 69px;
display: inline;
float: left;
margin-left: 5px;
overflow: hidden;
border: 4px solid #e0e2e2;
}
*html .indexTehLibrary .wallpapers a {
width: 77px;
height: 59px;
}
.indexTehLibrary .wallpapers a:hover {
border-color: #ff5400;
}
.indexTehLibrary .wallpapers a img {
width: 69px;
height: 51px;
}
.indexFooter {
height: 200px;
background: url(../../images/index/indexFotterFon.gif) right top no-repeat #e0e8eb;
position: relative;
}
* html .indexFooter {
float: left;
width: 100%;
}
.indexFooter p {
position: absolute;
top: 30px;
left: 21px;
}
.indexFooter .seeso {
position: absolute;
top: 80px;
left: 21px;
color: #000;
}
.indexFooter .seeso a {
color: #000;
}
.indexFooter .seeso a:hover {
color: #e51372 !important;
}
.indexFooter ul {
list-style: none;
overflow: hidden;
position: absolute;
top: 25px;
left: 270px;
margin-left: 21px;
}
.indexFooter li {
float: left;
display: inline;
border-left: 1px solid #0191c0;
padding: 0 7px 2px 7px;
margin-left: -8px;
margin-right: 8px;
}
.indexFooter li a {
color: #0191c0;
padding: 0 7px;
}
.indexFooter li a:hover {
text-decoration: none;
color: #fff !important;
background: #85acc5;
}
.indexFooter form {
position: absolute;
top: 79px;
left: 270px;
margin-left: 21px;
width: 50%;
height: 86px;
background: url(../../images/index/indexFooterForm.png) no-repeat;
padding-top: 21px;
}
.indexFooter .indexFooterErrorSucc {
position: absolute;
top: 79px;
left: 30%;
margin-left: 21px;
width: 50%;
fotn-size: 118%;
color: #009900;
}
.indexFooter .indexTextarea {
background: url(../../images/index/indexFooterTexarea.png) right top no-repeat #fff;
width: 70%;
height: 61px;
float: left;
position: relative;
}
.indexFooter .indexTextarea textarea {
position:absolute;
top: 9px;
left: 12px;
border: none;
background: #fff;
height: 40px;
width: 90%;
overflow: hidden;
font-family: arial;
font-size: 11px;
}
.indexFooter .indexButton input {
border: none;
background: url(../../images/index/indexFooterButton.png);
cursor: pointer;
width: 75px;
height: 23px;
margin-left: 6px;
}
.indexFooter .indexFooterTexareaLeft {
width: 3px;
height: 61px;
background: url(../../images/index/indexFooterTexareaLeft.png);
position: absolute;
top: 0;
left: 0;
}
.indexFooterCorner {
width: 4px;
height: 4px;
overflow: hidden;
background: url(../../images/index/indexFooterCorner.png);
position: absolute;
top: 0;
left: 0;
}
/* ======= popup ======== */
.popup {
width: 778px;
position: absolute;
top: 300px;
filter: Alpha(Opacity=97);
opacity: 0.97;
-moz-opacity: 0.97;
-khtml-opacity: 0.97;
z-index: 500;
left: auto;
height: auto !important;
font-size: 118%;
}
.popup .top, .popup .bottom {
width: 100%;
height: 21px;
background: url(../../images/basic/headerAndFooter.png) 0 -197px no-repeat;
}
*html .popup .top {
background: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../images/popup_top.png');
}
.popup .bottom {
background-position: 0 -217px
}
*html .popup .bottom {
background: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../images/popup_bottom.png');
}
.popup .center {
width: 722px;
background: #fff;
border-left: 2px solid #4f4f4f;
border-right: 2px solid #4f4f4f;
padding: 0 0 0 52px;
text-align: left;
}
*html .popup .center {
width: 778px;
}
.popup .header {
width: 697px;
height: 65px;
position: relative;
background: none;
}
.popup .header img {
float: left;
}
.popup .header a {
font-size: 0.78em;
margin: 15px 0 0 20px;
float: left;
font-family: Tahoma;
}
.popup a {
color: #4a4a4a;
}
.popup a:hover {
color: #ff450c;
}
.popup .close {
width: 100px;
height: 25px;
background: url(../../images/basic/headerAndFooter.png) -139px -144px;
cursor: pointer;
position: absolute;
top: 0;
right: 0;
}
.popup h2 {
font-size: 1.28em;
color: #4a4a4a;
margin-bottom: 5px;
}
.popup .column {
width: 350px;
float: left;
margin: 10px 0 0 0;
}
.popup h3 {
font-size: 1.7em;
color: #1d6ea1;
background: #f0f0f0;
padding: 0 0 3px 10px;
}
.popup ul {
list-style: none;
padding: 0 0 0 5px;
clear: both;
}
.popup li {
padding-bottom: 4px;
float: left;
width: 350px;
}
.popup li a {
text-decoration: none;
}
.popup li a:hover {
border-bottom: 1px dashed #4a4a4a;
color: #4a4a4a;
}
.mar_r_36 {
margin-right: 36px !important;
width: 310px !important;
}
.popup h6 {
color: #1d6ea1;
font-weight: normal;
font-size: 1.71em;
margin: -20px 0 0 50px;
}
.popup .input {
min-height: 29px;
width: 528px;
clear: both;
background: url(../../images/input.png) 104px 0 no-repeat;
margin-bottom: 9px;
}
*html .popup .input {
height: 29px;
}
.popup form {
margin: 18px 0 0 50px;
padding: 0 0 20px 0;
}
.popup .input input {
width: 227px;
border: none;
background: none;
margin: 5px 0 0 16px;
font-family: Arial, Helvetica, sans-serif;
color: #0b4fa0;
font-size: 1em;
padding: 2px 0 0 0px !important;
}
.popup label {
width: 104px;
float: left;
color: #535252;
font-weight: bold;
position: relative;
top: 5px;
}
.popup .textarea {
width: 518px;
height: 207px;
background: url(../../images/textarea.png) 105px 0 no-repeat;
}
.popup textarea {
width: 362px !important;
height: 180px !important;
border: none;
padding: 0;
overflow: hidden;
margin: -5px 0 0 123px;
color: #0b4fa0;
font-family: Arial, Helvetica, sans-serif;
background: none;
font-size: 1em;
}
.popup .textarea label {
top: 12px;
}
.popup .but {
width: 176px;
height: 25px;
background: url(../../images/but_add_comment.png) no-repeat;
cursor: pointer;
border: none;
margin: 11px 0 0 42px !important;
}
.popup .but2 {
width: 78px;
background: url(../../images/but_enter.png) no-repeat;
height: 27px;
margin-left: 280px !important;
}
.popup .register {
margin-left: 50px;
}
.popup .error {
color: #ff0000;
margin-left: 30px;
}
.popup .textarea .error {
margin: 20px 50px 0 114px;
clear: both;
float: left;
}
.popup .mess_ok {
display: none;
margin: 10px 0 0 52px;
font-size: 1.14em;
font-weight: bold;
}
.popup .mess_ok .back {
width: 221px;
height: 25px;
background: url(../../images/popup_back.png) no-repeat;
cursor: pointer;
margin-top: 20px;
}
.popup .back2 {
background: url(../../images/basic/headerAndFooter.png) -344px -164px no-repeat;
color: #0950a0;
cursor: pointer;
padding-left: 20px;
float: right;
margin: 10px 30px 10px 0;
display: inline;
height: 20px;
}
#TB_overlay {
position: fixed;
z-index:100;
top: 0;
left: 0;
height:100%;
width:100%;
background-color:#000;
filter:alpha(opacity=55);
-moz-opacity: 0.55;
opacity: 0.55;
}
* html #TB_overlay {
position: absolute;
height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
width: expression(document.body.offsetWidth-22+"px");
}
.popup .big_photo {
text-align: center;
padding: 0;
width: 774px;
overflow: hidden;
}
*html .popup .big_photo {
width: 778px;
}
.popup .big_photo img {
max-width: 700px;
margin: 0 0 -4px 0 !important;
position: relative;
z-index: 0;
}
*html .popup .big_photo img {
width: expression(this.offsetWidth < 700? "auto" : "700px");
margin-bottom: 0px !important;
}
.popup .big_photo .header {
height: 20px;
}
.popup .big_photo .close {
top: 0px;
right: -66px;
}
*html .popup .big_photo .close {
right: -30px;
}
.popup .big_photo .b_p {
margin: 20px auto 0 auto;
padding: 0 !important;
font-weight: bold;
font-size: 16px;
}
.popup .big_photo .b_p div {
position: relative;
z-index: 5;
}
/* ======= /popup ======== */
.indexMobil {
background: url(../../images/index/logos/mobil.gif) 0 3px no-repeat;
padding-left: 36px;
}
.indexShell {
background: url(../../images/index/logos/shell.gif) no-repeat;
padding-left: 20px;
}
.indexTexaco {
background: url(../../images/index/logos/texaco.gif) no-repeat;
padding-left: 18px;
}
.indexPermabond {
background: url(../../images/index/logos/permabond.gif) 0 3px no-repeat;
padding-left: 90px;
}
.indexMolykote {
background: url(../../images/index/logos/molykote.gif) 0 1px no-repeat;
padding-left: 17px;
}
.indexEsso {
background: url(../../images/index/logos/esso.gif) 0 1px no-repeat;
padding-left: 23px;
}
.indexBlaser {
background: url(../../images/index/logos/blaser.gif) 0 1px no-repeat;
padding-left: 56px;
}
.indexAtlas-Copco {
background: url(../../images/index/logos/atlas-copco.gif) 0 1px no-repeat;
padding-left: 33px;
}
.indexCaterpillar {
background: url(../../images/index/logos/caterpillar.gif) 0 1px no-repeat;
padding-left: 25px;
}
.indexKluber {
background: url(../../images/index/logos/kluber.gif) 0 1px no-repeat;
padding-left: 24px;
}
.indexLukoil {
background: url(../../images/index/logos/lukoil.gif) 0 1px no-repeat;
padding-left: 18px;
}
.indexTNK {
background: url(../../images/index/logos/tnk.gif) 0 1px no-repeat;
padding-left: 24px;
}
#loading2 {
width: 220px;
height: 19px;
background: url(../../images/ajax-loader2.gif);
position: absolute;
top: 300px;
z-index: 500;
}
.indexTopUsersHeader {
background: url(../../images/index/indexTopUsers.png) no-repeat !important;
}
.indexTopUsersHeader a {
height: 100%;
width: 180px !important; 
color: #fff !important;
}
.sale{
width: 115px;
height: 100px;
position: absolute;
z-index: 2;
top: 19px;
left: 361px;
display: block;
text-indent: -9999px;
overflow: hidden;
}