body {
font-family : Verdana, Tahoma, Arial, Sans-Serif;
font-size : 12px;
padding : 0 0 0 0;
background-image : url(images/bg.gif);
background-color : #1E1F2E;
margin : 12px;
}
.forumline {
border : #8F99A9 solid 1px;
background-color : #b9c1c6;
}
a {
color : #FFFFFF;
text-decoration : none;
font-size : 12px;
font-weight : bold;
}
a:hover {
color : #f8f010;
text-decoration : none;
}
a.side {
color : #FFFFFF;
text-decoration : none;
font-size : 16px;
}
a:hover.side {
color : #f7e905;
text-decoration : none;
}
a.white {
color : #21211d;
text-decoration : none;
font-size : 12px;
font-weight : bold;
}
a:hover.white {
color : #b9c1c6;
text-decoration : none;
}
form {
margin : 0 0 0 0;
}
hr {
height : 0;
border : #D1D7DC solid 0;
border-top-width : 1px;
}
hr.side-hr {
border : #E2E2E2 solid 1px;
border-bottom : 1px solid #F9F9F9;
}
td {
font-family : Verdana, Tahoma, Arial, Sans-Serif;
font-size : 12px;
}
pre {
font-family : Verdana, Tahoma, Arial, Sans-Serif;
font-size : 9px;
}
.alt {
color : #1C1C1C;
}
.header {
background-color : #F6F8FA;
border-top : 3px solid #8F99A9;
background-image : url(images/n1_vidus.gif);
}
.sub-header {
font-family : Verdana, Tahoma, Arial, Sans-Serif;
font-size : 14px;
color : #073959;
background-color : #F6F8FA;
background-image : url(images/cellpic_nav.gif);
border-top : 1px solid #8F99A9;
border-bottom : 1px solid #8F99A9;
padding : 15px;
}
.on-header {
font-family : Verdana, Tahoma, Arial, Sans-Serif;
font-size : 14px;
color : #b9c1c6;
background-color : #F6F8FA;
background-image : url(images/cellpic_nav.gif);
border-top : 1px solid #8F99A9;
border-bottom : 1px solid #8F99A9;
padding : 15px;
}
.button {
font-family : Verdana, Tahoma, Arial, Sans-Serif;
font-size : 12px;
color : #FFFFFF;
background-color : #000000;
border : #8F99A9 solid 1px;
margin-top : 2px;
}
.textbox {
font-family : Verdana, Tahoma, Arial, Sans-Serif;
font-size : 12px;
color : #FFFFFF;
font-weight : bold;
background-color : #252D99;
background-image : url(images/p_vidus.gif);
border : #8F99A9 solid 1px;
}
.main-body {
background-color : #b8c6e0;
background-image : url(images/n_vidus.gif);
color : #FFFFFF;
font-weight : normal;
padding : 4px 4px 6px 6px;
}
.table-cellpic {
font-size : 11px;
line-height : 25px;
font-weight : bold;
color : #000000;
background-color : #F6F8FA;
background-image : url(images/cellpic.gif);
padding : 0 4px 0 4px;
}
.panel-border {
border : #8F99A9 solid 1px;
}
.news-border {
border-top : solid #8F99A9;
border-top-width : 1px;
border-left : solid #8F99A9;
border-left-width : 1px;
border-right : solid #8F99A9;
border-right-width : 1px;
border-bottom : solid #F6F6F6;
border-bottom-width : 0;
}
.panel-cellpic {
font-size : 11px;
line-height : 25px;
font-weight : bold;
color : #000000;
background-color : #F6F8FA;
background-image : url(images/cellpic.gif);
padding : 0 4px 0 8px;
}
.side-body {
color : #FFFFFF;
background-image : url(images/p_vidus.gif);
font-weight : bold;
padding : 4px 4px 4px 4px;
}
.main-bg {
background-color : #b9c1c6;
}
.border {
border-width : 0 1px 1px 1px;
border-color : #8F99A9;
border-style : solid;
}
.news-footer {
background : #F0F4F7;
background-image : url(images/news_footer.gif);
font-size : 9px;
font-weight : bold;
color : #FFFFFF;
height : 22px;
padding : 4px 4px 4px 4px;
}
.capmain {
font-family : Verdana, Tahoma, Arial, Sans-Serif;
font-size : 12px;
font-weight : bold;
border-width : 1px 1px 1px 1px;
border-color : #8F99A9;
border-style : solid;
color : #B78E00;
height : 24px;
padding : 2px 2px 2px 2px;
}
.footer {
font-family : Verdana, Tahoma, Arial, Sans-Serif;
font-size : 9px;
color : #EAEAEA;
height : 24px;
background-color : #F6F8FA;
background-image : url(images/footer.gif);
border-top : 1px solid #8F99A9;
border-bottom : 0 solid #8F99A9;
padding : 4px 4px 6px 4px;
}
img {
border : 0;
}
.scapmain {
font-family : Verdana, Tahoma, Arial, Sans-Serif;
font-size : 12px;
font-weight : bold;
color : #000;
height : 19px;
padding : 0 2px 0 2px;
border-width : 1px 0 1px 0;
border-color : #8F99A9 #8F99A9 #8F99A9 #8F99A9;
border-style : solid;
}
.tbl-border {
background-color : #CACACA;
}
.tbl {
font-size : 11px;
padding : 4px;
}
.tbl1 {
font-size : 11px;
color : #FFFFFF;
background-color : #b8c6e0;
padding : 4px;
}
.tbl2 {
font-size : 11px;
color : #FFFFFF;
background-color : #b8c6e0;
padding : 4px;
}
.forum-caption {
font-size : 12px;
font-weight : bold;
color : #EBF2FF;
background-color : #F6F8FA;
height : 24px;
padding : 0 4px 2px 4px;
background-image : url(images/cellpic.gif);
background-repeat : repeat-x;
}
.quote {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 11px;
color : #FFFFFF;
line-height : 125%;
background-color : #b9c1c6;
border : #D1D7DC;
border-style : solid;
border-left-width : 1px;
border-top-width : 1px;
border-right-width : 1px;
border-bottom-width : 1px;
}
.poll {
height : 12px;
border : #b9c1c6 solid 1px;
}
.comment-name {
font-weight : bold;
color : #b9c1c6;
}
.shoutboxname {
font-weight : bold;
color : #FFDDAA;
}
.shoutbox {
color : #FFFFFF;
}
.shoutboxdate {
font-size : 9px;
color : #CACACA;
}
.small {
font-size : 12px;
font-weight : normal;
}
.small2 {
font-size : 9px;
font-weight : normal;
color : #fcd9d9;
}
.side-small {
font-size : 12px;
font-weight : normal;
color : #000000;
}
.side-label {
font-weight : normal;
color : #CACACA;
padding : 2px;
}
.gallery {
padding : 16px 0 8px 0;
}
.gallery img {
border : #8F99A9 solid 1px;
}
.gallery:hover img {
border : #4E79F3 solid 1px;
}
img.activegallery {
border : #8F99A9 solid 1px;
}
#lightbox {
position : absolute;
left : 0;
width : 100%;
z-index : 100;
text-align : center;
line-height : 0;
}
#lightbox a img {
border : none;
}
#outerImageContainer {
position : relative;
background-color : #fff;
width : 250px;
height : 250px;
margin : 0 auto;
}
#imageContainer {
padding : 10px;
}
#loading {
position : absolute;
top : 40%;
left : 0%;
height : 25%;
width : 100%;
text-align : center;
line-height : 0;
}
#hoverNav {
position : absolute;
top : 0;
left : 0;
height : 100%;
width : 100%;
z-index : 10;
}
#imageContainer > #hoverNav {
left : 0;
}
#hoverNav a {
outline : none;
}
#prevLink, #nextLink {
width : 49%;
height : 100%;
background : url(../images/blank.gif) no-repeat transparent;
display : block;
}
#prevLink {
left : 0;
float : left;
}
#nextLink {
top : 0;
float : right;
}
#imageDataContainer {
font : 10px Verdana, Helvetica, sans-serif;
background-color : #fff;
margin : 0 auto;
line-height : 1.4em;
overflow : auto;
width : 100%;
}
#imageData {
padding : 0 10px;
color : #666;
}
#imageData #imageDetails {
width : 70%;
float : left;
text-align : left;
}
#imageData #caption {
font-weight : bold;
}
#imageData #numberDisplay {
display : block;
clear : left;
padding-bottom : 1.0em;
}
#imageData #bottomNavClose {
width : 66px;
float : right;
padding-bottom : 0.7em;
}
#overlay {
position : absolute;
top : 0;
left : 0;
z-index : 90;
width : 100%;
height : 500px;
background-color : #000;
}
#lightbox {
position : absolute;
left : 0;
width : 100%;
z-index : 100;
text-align : center;
line-height : 0;
}
#lightbox a img {
border : none;
}
#outerImageContainer {
position : relative;
background-color : #fff;
width : 250px;
height : 250px;
margin : 0 auto;
}
#imageContainer {
padding : 10px;
}
#loading {
position : absolute;
top : 40%;
left : 0%;
height : 25%;
width : 100%;
text-align : center;
line-height : 0;
}
#hoverNav {
position : absolute;
top : 0;
left : 0;
height : 100%;
width : 100%;
z-index : 10;
}
#imageContainer > #hoverNav {
left : 0;
}
#hoverNav a {
outline : none;
}
#prevLink, #nextLink {
width : 49%;
height : 100%;
background : url(../images/blank.gif) no-repeat transparent;
display : block;
}
#prevLink {
left : 0;
float : left;
}
#nextLink {
top : 0;
float : right;
}
#imageDataContainer {
font : 10px Verdana, Helvetica, sans-serif;
background-color : #fff;
margin : 0 auto;
line-height : 1.4em;
overflow : auto;
width : 100%;
}
#imageData {
padding : 0 10px;
color : #666;
}
#imageData #imageDetails {
width : 70%;
float : left;
text-align : left;
}
#imageData #caption {
font-weight : bold;
}
#imageData #numberDisplay {
display : block;
clear : left;
padding-bottom : 1.0em;
}
#imageData #bottomNavClose {
width : 66px;
float : right;
padding-bottom : 0.7em;
}
#overlay {
position : absolute;
top : 0;
left : 0;
z-index : 90;
width : 100%;
height : 500px;
background-color : #000;
}
#lightbox {
position : absolute;
left : 0;
width : 100%;
z-index : 100;
text-align : center;
line-height : 0;
}
#lightbox a img {
border : none;
}
#outerImageContainer {
position : relative;
background-color : #fff;
width : 250px;
height : 250px;
margin : 0 auto;
}
#imageContainer {
padding : 10px;
}
#loading {
position : absolute;
top : 40%;
left : 0%;
height : 25%;
width : 100%;
text-align : center;
line-height : 0;
}
#hoverNav {
position : absolute;
top : 0;
left : 0;
height : 100%;
width : 100%;
z-index : 10;
}
#imageContainer > #hoverNav {
left : 0;
}
#hoverNav a {
outline : none;
}
#prevLink, #nextLink {
width : 49%;
height : 100%;
background : url(../images/blank.gif) no-repeat transparent;
display : block;
}
#prevLink {
left : 0;
float : left;
}
#nextLink {
top : 0;
float : right;
}
#imageDataContainer {
font : 10px Verdana, Helvetica, sans-serif;
background-color : #fff;
margin : 0 auto;
line-height : 1.4em;
overflow : auto;
width : 100%;
}
#imageData {
padding : 0 10px;
color : #666;
}
#imageData #imageDetails {
width : 70%;
float : left;
text-align : left;
}
#imageData #caption {
font-weight : bold;
}
#imageData #numberDisplay {
display : block;
clear : left;
padding-bottom : 1.0em;
}
#imageData #bottomNavClose {
width : 66px;
float : right;
padding-bottom : 0.7em;
}
#overlay {
position : absolute;
top : 0;
left : 0;
z-index : 90;
width : 100%;
height : 500px;
background-color : #000;
}
#lightbox {
position : absolute;
left : 0;
width : 100%;
z-index : 100;
text-align : center;
line-height : 0;
}
#lightbox a img {
border : none;
}
#outerImageContainer {
position : relative;
background-color : #fff;
width : 250px;
height : 250px;
margin : 0 auto;
}
#imageContainer {
padding : 10px;
}
#loading {
position : absolute;
top : 40%;
left : 0%;
height : 25%;
width : 100%;
text-align : center;
line-height : 0;
}
#hoverNav {
position : absolute;
top : 0;
left : 0;
height : 100%;
width : 100%;
z-index : 10;
}
#imageContainer > #hoverNav {
left : 0;
}
#hoverNav a {
outline : none;
}
#prevLink, #nextLink {
width : 49%;
height : 100%;
background : url(../images/blank.gif) no-repeat transparent;
display : block;
}
#prevLink {
left : 0;
float : left;
}
#nextLink {
top : 0;
float : right;
}
#imageDataContainer {
font : 10px Verdana, Helvetica, sans-serif;
background-color : #fff;
margin : 0 auto;
line-height : 1.4em;
overflow : auto;
width : 100%;
}
#imageData {
padding : 0 10px;
color : #666;
}
#imageData #imageDetails {
width : 70%;
float : left;
text-align : left;
}
#imageData #caption {
font-weight : bold;
}
#imageData #numberDisplay {
display : block;
clear : left;
padding-bottom : 1.0em;
}
#imageData #bottomNavClose {
width : 66px;
float : right;
padding-bottom : 0.7em;
}
#overlay {
position : absolute;
top : 0;
left : 0;
z-index : 90;
width : 100%;
height : 500px;
background-color : #000;
}
#lightbox {
position : absolute;
left : 0;
width : 100%;
z-index : 100;
text-align : center;
line-height : 0;
}
#lightbox a img {
border : none;
}
#outerImageContainer {
position : relative;
background-color : #fff;
width : 250px;
height : 250px;
margin : 0 auto;
}
#imageContainer {
padding : 10px;
}
#loading {
position : absolute;
top : 40%;
left : 0%;
height : 25%;
width : 100%;
text-align : center;
line-height : 0;
}
#hoverNav {
position : absolute;
top : 0;
left : 0;
height : 100%;
width : 100%;
z-index : 10;
}
#imageContainer > #hoverNav {
left : 0;
}
#hoverNav a {
outline : none;
}
#prevLink, #nextLink {
width : 49%;
height : 100%;
background : url(../images/blank.gif) no-repeat transparent;
display : block;
}
#prevLink {
left : 0;
float : left;
}
#nextLink {
top : 0;
float : right;
}
#imageDataContainer {
font : 10px Verdana, Helvetica, sans-serif;
background-color : #fff;
margin : 0 auto;
line-height : 1.4em;
overflow : auto;
width : 100%;
}
#imageData {
padding : 0 10px;
color : #666;
}
#imageData #imageDetails {
width : 70%;
float : left;
text-align : left;
}
#imageData #caption {
font-weight : bold;
}
#imageData #numberDisplay {
display : block;
clear : left;
padding-bottom : 1.0em;
}
#imageData #bottomNavClose {
width : 66px;
float : right;
padding-bottom : 0.7em;
}
#overlay {
position : absolute;
top : 0;
left : 0;
z-index : 90;
width : 100%;
height : 500px;
background-color : #000;
}
   .leftimg {
    float:left; /* Выравнивание по левому краю */
    margin: 7px 7px 7px 0; /* Отступы вокруг картинки */
   }
   .rightimg  {
    float: right; /* Выравнивание по правому краю  */ 
    margin: 7px 0 7px 7px; /* Отступы вокруг картинки */
   }