/* You have the right to customize this skin as you want as the credits remain in place.



DO NOT REMOVE CREDITS!!!!!!!!!



http://www.phpbb-skin.info/skinlab

Alpha Trion



*/

@import url("top_bar.css");

@import url("oval_buttons.css");

@import url("header.css");

@import url("cp.css");

@import url("links.css");

@import url("dm_qc.css"); 

@import url("tooltip.css");

* {

margin : 0;

padding : 0;

}

html {

font-size : 100%;

}

body {

font-family : "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;

color : #79542D; /* раньшн было   color : #B36E09    рыжие буквы?, потом было 676767 - Близкие варианты - 465827   5A4545*/

background-image: url('./images/zvezdnoe%20nebo.gif');

font-size : 67.5%;

margin : -10;

}



#wrapheader {

min-height : 120px;



height : 60px;

padding : 0;

margin : 10px 20px 0 20px;

}

#wrapcentre {

margin : -2px 0 0 0; /* уменьшает расстояние между блоками ранее была цифра 15*/
/*background : #D0CECB;   самодельная вставка может точно за блоками создать фон а скраю останется звездное небо           */
}



#wrapfooter {

text-align : center;

clear : both;

}

#wrapnav {

width : 100%;

margin : 0;

background-color : #ececec;

border-width : 1px;

border-style : solid;

border-color : #a9b8c2;

}



#menubar {

margin : 0 25px;

}

#datebar {

margin : 10px 25px 0 25px;

}

#findbar {

width : 100%;

margin : 0;

padding : 0;

border : 0;

}



.gensmallclock {

color: #22CC44;

background : url('./images/clock.png') no-repeat top right;

margin: 0px 0px;

padding-bottom:15px;

padding-top:15px;

font-size: 1em;

width: 250px;

}








.h-pag-l {

color : #000000;

background : url('./images/pag.png') repeat-x top left;

border-left : 1px solid #4d6c95;

border-bottom : 1px solid #4d6c95;

border-top : 1px solid #4d6c95;

height : 100%;

font-family : Verdana, Arial, Helvetica, sans-serif;

font-size : 1.1em;

font-weight : bold;

text-align : left;

vertical-align : middle;

white-space : nowrap;

}

.h-pag-r {

color : #ffcc33;

background : #E1E1E1 url('./images/pag.png') repeat-x top left;

border-bottom : 1px solid #4d6c95; 

border-right : 1px solid #4d6c95;

border-top : 1px solid #4d6c95;

height : 36px;

font-family : Verdana, Arial, Helvetica, sans-serif;

font-size : 1.1em;

font-weight : bold;

text-align : left;

white-space : nowrap;

padding-top : 0;

}



.forumrules {

background: #FFFFFF url('./images/rules_header.png') repeat-x top left;

border-width : 1px;

border-style : solid;

border-color : #000000;

padding : 4px;

font-weight : normal;

font-size : 1.1em;

font-family : Verdana, "Trebuchet MS", "Lucida Grande", Arial, Helvetica, sans-serif;

}


/* Правила форума:
Правила форума отображаются на каждой странице в пределах данного форума. */

.forumrules_main {

background-color : #ccd9ea;   /*ИСХОДНИК   background-color : #e79895;  */

/*background-color : #ccd9ea;*/

border-width : 1px;

border-style : solid;

border-color : #000000;

padding : 4px;

font-weight : normal;

font-size : 1.1em;

font-family : Verdana, "Trebuchet MS", "Lucida Grande", Arial, Helvetica, sans-serif;

}

.forumrules h3 {

color : #880000;

}

.popuppm-new {

color: red;

}

h1 {

color : #A5B7C7; /* надпись под часами  Iisusse.com*/

font-family : "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;

font-weight : bold;

font-size : 1.8em;

text-decoration : none;

}

h2 {

font-family : Arial, Helvetica, sans-serif;

font-weight : bold;

font-size : 1.5em;

text-decoration : none;

line-height : 120%;

}

h3 {

font-size : 1.3em;

font-weight : bold;

font-family : Arial, Helvetica, sans-serif;

line-height : 120%;

}

h4 {

color : #d8e2ef;

font-size : 1em;

font-weight : bold;

margin : 0;

padding-top : 5px;

}



p {

font-size : 1.1em;

}

p.moderators {

margin : 0;

float : left;

color : black;

font-weight : bold;

}

.rtl p.moderators {

float : right;

}

p.linkmcp {

margin : 0;

float : right;

white-space : nowrap;

}

.rtl p.linkmcp {

float : left;

}

p.breadcrumbs {

margin : 0;

float : left;

color : blue /* color : black;*/

font-weight : bold;

white-space : normal;

font-size : 1em;

}

.rtl p.breadcrumbs {

float : right;

}

p.datetime {

margin : 0;

float : right;

white-space : nowrap;

font-size : 1em;

}

.rtl p.datetime {

float : left;

}

p.searchbar {

padding : 2px 0;

white-space : nowrap;




}

p.searchbarreg {

margin : 0;

float : right;

white-space : nowrap;

}

.rtl p.searchbarreg {

float : left;

}

p.forumdesc {

padding-bottom : 4px;


 
}

p.topicauthor {

margin : 1px 0;

}

p.topicdetails {

margin : 1px 0;

color : #385d86;

}

p.topicdetails_pt {

margin : 1px 0;

color : #385d86;

font-size: 1.4em;

font-weight: bold;

}

p.topicdetails2 {

margin : 1px 0;

color : #000000;

}

.postreported, .postreported a:visited, .postreported a:hover, .postreported a:link, .postreported a:active {

margin : 1px 0;

color : red;

font-weight : bold;

}

.postapprove, .postapprove a:visited, .postapprove a:hover, .postapprove a:link, .postapprove a:active {

color : green;

font-weight : bold;

}

.postapprove img, .postreported img {

vertical-align : bottom;

}

.postauthor {

color : #333;
}

.postdetails {

color : #000000; /*----- было ранее  color : #000000;-------  */

}

.postbody {
	
	/*НАЧАЛО моей самодельной вставки для получения нового остилевого оформления поста сообщений*/ 
		/*-------------------------------------------------------------*/ 

	/* начало взято из BBCode jquery spoiler_6 */
    background:#D0CECB;
    margin-bottom:25px;/*не заметил работы никакой*/ 
    padding:0;/*не заметил работы никакой*/ 
    position: relative;
    overflow: hidden;
   border: 2px solid #ccc;
    border-radius: 5px; /*не заметил работы никакой*/ 
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -webkit-box-shadow:0 0 10px #DCDCDC inset;
    -moz-box-shadow:0 0 10px #DCDCDC inset;
    box-shadow:0 0 10px #DCDCDC inset;
    font-size: 16px;                             /*текст в самом спойлере*/
       font-family: Georgia,serif; /* саиоделка текст в самом спойлере фаглядит сносно с засечками*/
    /*фргмент начала моего 2самодельного кода!*/ 
        -webkit-box-shadow:rgba(0,0,0,0.7) 0px 5px 15px, inset rgba(0,0,0,0.15) 0px -10px 20px;
     -khtml-box-shadow:rgba(0,0,0,0.7) 0px 5px 15px, inset rgba(0,0,0,0.15) 0px -10px 20px;
       -moz-box-shadow:rgba(0,0,0,0.7) 0px 5px 15px, inset rgba(0,0,0,0.15) 0px -10px 20px;
         -o-box-shadow:rgba(0,0,0,0.7) 0px 5px 15px, inset rgba(0,0,0,0.15) 0px -10px 20px;
            box-shadow:rgba(0,0,0,0.7) 0px 5px 15px, inset rgba(0,0,0,0.15) 0px -10px 20px;
      /*фргмент конца моего 2самодельного кода BBCode jquery spoiler_6!*/ 

 width: 850px;/*это важный параметр, например спойлер_6 начинает вылазить за экран*/ 
	
	 color : #000000;/*цвет шрифта*/
	 font-weight: 400; 
	 
	 padding-left:24px; /*выравнивает текст - отступ слева*/
     padding-right:24px;/*выравнивает текст - отступ справа*/
	 padding-top:20px;/*выравнивает текст - отступ сверху*/
     padding-bottom:40px;/*выравнивает текст - отступ снизу*/
		  
	/*-------------------------------------------------------------*/ 
	 
	/*КОНЕЦ моей самодельной вставки для получения нового остилевого оформления поста сообщений, А ФАКТИЧЕСКИ Я СМЕНИЛ ПОЛНОСТЬЮ КОД СТИЛЯ ЭТОГО КЛАССА И НЕ ЖАЛЕЮ*/ 
			}
	
	
/*------------НАЧАЛО  КУСКА НЕНУЖНОГО ТЕПЕРЬ КОДА--ХОТЯ МОЖНО И ОСТАВИТЬ ДЛЯ ПРИМЕРА В БУДУЩЕМ--------------------- */ 
   /* width: 940px;     /*----- было ранее   width: 538px;    -------width: 898px;--------  *ВЫКЛЮЧИЛ СЛЭШ/
    -moz-box-shadow: 1em 2em 1em -0.5em rgba(0,0,6,0.5);
    -webkid-box-shadow: 1em 2em 1em -0.5em rgba(0,0,6,0.5);
    box-shadow: 1em 2em 1em -0.5em rgba(0,0,6,0.5);
    border-right: 1px solid #c3c3c3;
    border-left: 3px solid #c3c3c3;
    border-top: 1px solid #c3c3c3;
    border-bottom: solid 1px #f3f3f3;
    background: #eeeeee;
    background: -moz-linear-gradient(top, #eeeeee 0%, #cccccc 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#cccccc));
    background: -webkit-linear-gradient(top, #eeeeee 0%,#cccccc 100%);
    background: -o-linear-gradient(top, #eeeeee 0%,#cccccc 100%);
    background: -ms-linear-gradient(top, #eeeeee 0%,#cccccc 100%);
    background: linear-gradient(to bottom, #eeeeee 0%,#cccccc 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 );
    padding: 0px 0px 0px 0px;/*	-----исход----padding: 9px 0 13px 55px --------------  * ВЫКЛЮЧИЛ СЛЭШ/
    position: relative;
    text-shadow: 0px 0px 2px rgba(0,0,0,0.5);/*----- было ранее  text-shadow: 3px 3px 5px rgba(0,0,0,0.5);   ---------------  */
		
		/*----   text-align: justify; -------  */
		
	/*	ОБЫЧНАЯ КОТОРАЯ БЫЛА И ДЕЛАЛА ПОСТ ПРОСТЫМ ЛИСТОМ  --------------  *ВЫКЛЮЧИЛ СЛЭШ/

color : #202E36;/*	----исход------color : #000000;  --------------  *ВЫКЛЮЧИЛ СЛЭШ/

font-size : 1.3em;

line-height : 1.4em;

font-family : "Lucida Grande", "Trebuchet MS", Helvetica, Arial, sans-serif;/*	----исход------color : #000000;  --------------  *ВЫКЛЮЧИЛ СЛЭШ /

min-height : 150px;  

}

/*------------КОНЕЦ КУСКА НЕНУЖНОГО ТЕПЕРЬ КОДА------------ХОТЯ МОЖНО И ОСТАВИТЬ ДЛЯ ПРИМЕРА В БУДУЩЕМ ----------- */ 


/*----------------------------КОНЕЦ postbody------------------------ */ 





/*------------самоделка --------------мой дневник----------------------- */ 


.postbody_1 {
	
	/*НАЧАЛО моей самодельной вставки для получения нового остилевого оформления поста сообщений*/ 
		/*-------------------------------------------------------------*/ 

	/* начало взято из BBCode jquery spoiler_6 */
    background:#D0CECB;
    margin-bottom:25px;/*не заметил работы никакой*/ 
    padding:0;/*не заметил работы никакой*/ 
    position: relative;
    overflow: hidden;
   border: 2px solid #ccc;
    border-radius: 5px; /*не заметил работы никакой*/ 
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -webkit-box-shadow:0 0 10px #DCDCDC inset;
    -moz-box-shadow:0 0 10px #DCDCDC inset;
    box-shadow:0 0 10px #DCDCDC inset;
    font-size: 16px;                             /*текст в самом спойлере*/
       font-family: Georgia,serif; /* саиоделка текст в самом спойлере фаглядит сносно с засечками*/
    /*фргмент начала моего 2самодельного кода!*/ 
        -webkit-box-shadow:rgba(0,0,0,0.7) 0px 5px 15px, inset rgba(0,0,0,0.15) 0px -10px 20px;
     -khtml-box-shadow:rgba(0,0,0,0.7) 0px 5px 15px, inset rgba(0,0,0,0.15) 0px -10px 20px;
       -moz-box-shadow:rgba(0,0,0,0.7) 0px 5px 15px, inset rgba(0,0,0,0.15) 0px -10px 20px;
         -o-box-shadow:rgba(0,0,0,0.7) 0px 5px 15px, inset rgba(0,0,0,0.15) 0px -10px 20px;
            box-shadow:rgba(0,0,0,0.7) 0px 5px 15px, inset rgba(0,0,0,0.15) 0px -10px 20px;
      /*фргмент конца моего 2самодельного кода BBCode jquery spoiler_6!*/ 

 width: 850px;/*это важный параметр, например спойлер_6 начинает вылазить за экран*/ 
	
	 color : #000000;/*цвет шрифта*/
	 font-weight: 400; 
	 
	 padding-left:24px; /*выравнивает текст - отступ слева*/
     padding-right:24px;/*выравнивает текст - отступ справа*/
	 padding-top:20px;/*выравнивает текст - отступ сверху*/
     padding-bottom:40px;/*выравнивает текст - отступ снизу*/
		  
	/*-------------------------------------------------------------*/ 
	 
	/*КОНЕЦ моей самодельной вставки для получения нового остилевого оформления поста сообщений, А ФАКТИЧЕСКИ Я СМЕНИЛ ПОЛНОСТЬЮ КОД СТИЛЯ ЭТОГО КЛАССА И НЕ ЖАЛЕЮ*/ 
			}
	
	

/*----------------------------КОНЕЦ postbody_1------------------------ */ 



/*-------------дневникм-------------начало postbody_2------------------------ */ 

.postbody_2 {
	
	/*НАЧАЛО моей самодельной вставки для получения нового остилевого оформления поста сообщений*/ 
		/*-------------------------------------------------------------*/ 

	/* начало взято из BBCode jquery spoiler_6 */
    background:#D0CECB;
    margin-bottom:25px;/*не заметил работы никакой*/ 
    padding:0;/*не заметил работы никакой*/ 
    position: relative;
    overflow: hidden;
   border: 2px solid #ccc;
    border-radius: 5px; /*не заметил работы никакой*/ 
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -webkit-box-shadow:0 0 10px #DCDCDC inset;
    -moz-box-shadow:0 0 10px #DCDCDC inset;
    box-shadow:0 0 10px #DCDCDC inset;
    font-size: 16px;                             /*текст в самом спойлере*/
       font-family: Georgia,serif; /* саиоделка текст в самом спойлере фаглядит сносно с засечками*/
    /*фргмент начала моего 2самодельного кода!*/ 
        -webkit-box-shadow:rgba(0,0,0,0.7) 0px 5px 15px, inset rgba(0,0,0,0.15) 0px -10px 20px;
     -khtml-box-shadow:rgba(0,0,0,0.7) 0px 5px 15px, inset rgba(0,0,0,0.15) 0px -10px 20px;
       -moz-box-shadow:rgba(0,0,0,0.7) 0px 5px 15px, inset rgba(0,0,0,0.15) 0px -10px 20px;
         -o-box-shadow:rgba(0,0,0,0.7) 0px 5px 15px, inset rgba(0,0,0,0.15) 0px -10px 20px;
            box-shadow:rgba(0,0,0,0.7) 0px 5px 15px, inset rgba(0,0,0,0.15) 0px -10px 20px;
      /*фргмент конца моего 2самодельного кода BBCode jquery spoiler_6!*/ 

 width: 562px;/*это важный параметр, например спойлер_6 начинает вылазить за экран*/ 
 
	 color : #000000;/*цвет шрифта*/
	 font-weight: 400; 
	 
	 padding-left:24px; /*выравнивает текст - отступ слева*/
     padding-right:24px;/*выравнивает текст - отступ справа*/
	 padding-top:20px;/*выравнивает текст - отступ сверху*/
     padding-bottom:40px;/*выравнивает текст - отступ снизу*/
		  
	/*-------------------------------------------------------------*/ 
	 
	/*КОНЕЦ моей самодельной вставки для получения нового остилевого оформления поста сообщений, А ФАКТИЧЕСКИ Я СМЕНИЛ ПОЛНОСТЬЮ КОД СТИЛЯ ЭТОГО КЛАССА И НЕ ЖАЛЕЮ*/ 
			}
	
	

/*----------------------------КОНЕЦ postbody_2------------------------ */ 



.postbody_3 {
	
	/*НАЧАЛО моей самодельной вставки для получения нового остилевого оформления поста сообщений*/ 
		/*-------------------------------------------------------------*/ 

	/* начало взято из BBCode jquery spoiler_6 */
    background:#D0CECB;
    margin-bottom:25px;/*не заметил работы никакой*/ 
    padding:0;/*не заметил работы никакой*/ 
    position: relative;
    overflow: hidden;
   border: 2px solid #ccc;
    border-radius: 5px; /*не заметил работы никакой*/ 
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -webkit-box-shadow:0 0 10px #DCDCDC inset;
    -moz-box-shadow:0 0 10px #DCDCDC inset;
    box-shadow:0 0 10px #DCDCDC inset;
    font-size: 16px;                             /*текст в самом спойлере*/
       font-family: Georgia,serif; /* саиоделка текст в самом спойлере фаглядит сносно с засечками*/
    /*фргмент начала моего 2самодельного кода!*/ 
        -webkit-box-shadow:rgba(0,0,0,0.7) 0px 5px 15px, inset rgba(0,0,0,0.15) 0px -10px 20px;
     -khtml-box-shadow:rgba(0,0,0,0.7) 0px 5px 15px, inset rgba(0,0,0,0.15) 0px -10px 20px;
       -moz-box-shadow:rgba(0,0,0,0.7) 0px 5px 15px, inset rgba(0,0,0,0.15) 0px -10px 20px;
         -o-box-shadow:rgba(0,0,0,0.7) 0px 5px 15px, inset rgba(0,0,0,0.15) 0px -10px 20px;
            box-shadow:rgba(0,0,0,0.7) 0px 5px 15px, inset rgba(0,0,0,0.15) 0px -10px 20px;
      /*фргмент конца моего 2самодельного кода BBCode jquery spoiler_6!*/ 

 width: 562px;/*это важный параметр, например спойлер_6 начинает вылазить за экран*/ 
 
	 color : #000000;/*цвет шрифта*/
	 font-weight: 400; 
	 
	 padding-left:24px; /*выравнивает текст - отступ слева*/
     padding-right:24px;/*выравнивает текст - отступ справа*/
	 padding-top:20px;/*выравнивает текст - отступ сверху*/
     padding-bottom:40px;/*выравнивает текст - отступ снизу*/
		  
	/*-------------------------------------------------------------*/ 
	 
	/*КОНЕЦ моей самодельной вставки для получения нового остилевого оформления поста сообщений, А ФАКТИЧЕСКИ Я СМЕНИЛ ПОЛНОСТЬЮ КОД СТИЛЯ ЭТОГО КЛАССА И НЕ ЖАЛЕЮ*/ 
			}
		
/*----------------------------КОНЕЦ postbody_3------------------------ */ 



/* начало делает сообщение объемным и стильным, кроме того, перенос строки происходит автоматически */ 
.postbody_5 {
	padding : 4px;
padding-top : 0;
/*background-color : #595959; /*-очень неплохо 98AEB7------#dde6f2;- отвечает за левое поле-#90827f------коричневый-#413D3A-----*/
border-right : 1px solid #4d6c95;
font-size : 1.2em;
 color : #000000;
/*----Этот кусок кода с чужого сайта сделал выступающей левую часть мини профмль юзера, причем фон молочный, удвчно для всех щрифтов можнодаже и оставиь------  */
     /*----- было ранее   width: 538px;   убрал параметр и расширил площадь таблицы до краев -------width: 898px;--------  */
	
	 
    -moz-box-shadow: 1em 2em 1em -0.5em rgba(0,0,6,0.5);
    -webkid-box-shadow: 1em 2em 1em -0.5em rgba(0,0,6,0.5);
    box-shadow: 1em 2em 1em -0.5em rgba(0,0,6,0.5);
    border-right: 1px solid #c3c3c3;
    border-left: 3px solid #c3c3c3;
    border-top: 1px solid #c3c3c3;
    border-bottom: solid 1px #f3f3f3;
    background: #595959;  /* исходное было :молочный  background: #eeeeee;*/
    background: -moz-linear-gradient(top, #eeeeee 0%, #cccccc 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#cccccc));
    background: -webkit-linear-gradient(top, #eeeeee 0%,#cccccc 100%);
    background: -o-linear-gradient(top, #eeeeee 0%,#cccccc 100%);
    background: -ms-linear-gradient(top, #eeeeee 0%,#cccccc 100%);
    background: linear-gradient(to bottom, #eeeeee 0%,#cccccc 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 );
        padding-left:45px; /*выравнивает текст - отступ слева*/
     padding-right:20px;/*выравнивает текст - отступ справа*/
	 padding-top:20px;/*выравнивает текст - отступ сверху*/
     padding-bottom:40px;/*выравнивает текст - отступ снизу*/
rgba(0,0,0,0.5);  /* ---------------  */
}


.container{
     margin: 65px 5px 5px 5px;
     background-color : #E1E1E1;
     color : #000000;
  }
.content_1{
     word-wrap: break-word;
 }
/* конец делает сообщение объемным и стильным, кроме того, перенос строки происходит автоматически */ 


/* начало делает в сообщении сполер товароы по ширене не выходящей за таблицу */ 
.postbody_55 {
	padding : 4px;
    padding-top : 0;
		 /*background-color : #595959; /*-очень неплохо 98AEB7------#dde6f2;- отвечает за левое поле-#90827f------коричневый-#413D3A-----*/
border-right : 1px solid #4d6c95;
font-size : 1.2em;
 color : #000000;
	 width: 890px;
	    rgba(0,0,0,0.5);  /* ---------------  */
}
/* начало делает в сообщении сполер товароы по ширене не выходящей за таблицу */ 



/* начало делает номнорок сообщение объемным и стильным */ 
.postbody_6 {
	padding : 4px;
padding-top : 0;
/*background-color : #595959; /*-очень неплохо 98AEB7------#dde6f2;- отвечает за левое поле-#90827f------коричневый-#413D3A-----*/
border-right : 1px solid #4d6c95;
font-size : 1.2em;
 /*color : #727E90;*/
/*----Этот кусок кода с чужого сайта сделал выступающей левую часть мини профмль юзера, причем фон молочный, удвчно для всех щрифтов можнодаже и оставиь------  */
     /*----- было ранее   width: 538px;   убрал параметр и расширил площадь таблицы до краев -------width: 898px;--------  */
    -moz-box-shadow: 1em 2em 1em -0.5em rgba(0,0,6,0.5);
    -webkid-box-shadow: 1em 2em 1em -0.5em rgba(0,0,6,0.5);
    box-shadow: 1em 2em 1em -0.5em rgba(0,0,6,0.5);
    border-right: 1px solid #c3c3c3;
    border-left: 3px solid #c3c3c3;
    border-top: 1px solid #c3c3c3;
    border-bottom: solid 1px #f3f3f3;
    background: #595959;  /* исходное было :молочный  background: #eeeeee;*/
    background: -moz-linear-gradient(top, #eeeeee 0%, #cccccc 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#cccccc));
    background: -webkit-linear-gradient(top, #eeeeee 0%,#cccccc 100%);
    background: -o-linear-gradient(top, #eeeeee 0%,#cccccc 100%);
    background: -ms-linear-gradient(top, #eeeeee 0%,#cccccc 100%);
    background: linear-gradient(to bottom, #eeeeee 0%,#cccccc 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 );
        padding-left:15px; /*выравнивает текст - отступ слева*/
     padding-right:15px;/*выравнивает текст - отступ справа*/
	 padding-top:1px;/*выравнивает текст - отступ сверху*/
     padding-bottom:18px;/*выравнивает текст - отступ снизу*/
rgba(0,0,0,0.5);   /*---------------  */
}
/* конец делает номерок в сообщение объемным и стильным */ 


/* начало делает Информация в  сообщении станет объемным и стильным */ 
.postbody_7 {
	padding : 4px;
padding-top : 0;
/*background-color : #595959; /*-очень неплохо 98AEB7------#dde6f2;- отвечает за левое поле-#90827f------коричневый-#413D3A-----*/
border-right : 1px solid #4d6c95;
font-size : 1.2em;
 width: 83%;
 /*color : #727E90;*/
/*----Этот кусок кода с чужого сайта сделал выступающей левую часть мини профмль юзера, причем фон молочный, удвчно для всех щрифтов можнодаже и оставиь------  */
     /*----- было ранее   width: 538px;   убрал параметр и расширил площадь таблицы до краев -------width: 898px;--------  */
    -moz-box-shadow: 1em 2em 1em -0.5em rgba(0,0,6,0.5);
    -webkid-box-shadow: 1em 2em 1em -0.5em rgba(0,0,6,0.5);
    box-shadow: 1em 2em 1em -0.5em rgba(0,0,6,0.5);
    border-right: 1px solid #c3c3c3;
    border-left: 3px solid #c3c3c3;
    border-top: 1px solid #c3c3c3;
    border-bottom: solid 1px #f3f3f3;
    background: #595959;  /* исходное было :молочный  background: #eeeeee;*/
    background: -moz-linear-gradient(top, #eeeeee 0%, #cccccc 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#cccccc));
    background: -webkit-linear-gradient(top, #eeeeee 0%,#cccccc 100%);
    background: -o-linear-gradient(top, #eeeeee 0%,#cccccc 100%);
    background: -ms-linear-gradient(top, #eeeeee 0%,#cccccc 100%);
    background: linear-gradient(to bottom, #eeeeee 0%,#cccccc 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 );
        padding-left:15px; /*выравнивает текст - отступ слева*/
     padding-right:15px;/*выравнивает текст - отступ справа*/
	 padding-top:10px;/*выравнивает текст - отступ сверху*/
     padding-bottom:10px;/*выравнивает текст - отступ снизу*/
rgba(0,0,0,0.5);  /* ---------------  */
}

/* конец делает Информация    Информация в  сообщении станет объемным и стильным */ 





/* начало подпись  в  сообщении станет объемным и стильным */ 
.postbody_8 {
	
/*background-color : #595959; /*-очень неплохо 98AEB7------#dde6f2;- отвечает за левое поле-#90827f------коричневый-#413D3A-----*/

font-size : 1.2em;
 color : #fff;
 
 
/*----Этот кусок кода с чужого сайта сделал выступающей левую часть мини профмль юзера, причем фон молочный, удвчно для всех щрифтов можнодаже и оставиь------  */
     /*----- было ранее   width: 538px;   убрал параметр и расширил площадь таблицы до краев -------width: 898px;--------  */
    -moz-box-shadow: 1em 2em 1em -0.5em rgba(0,0,6,0.5);
    -webkid-box-shadow: 1em 2em 1em -0.5em rgba(0,0,6,0.5);
    box-shadow: 1em 2em 1em -0.5em rgba(0,0,6,0.5);
    border-right: 1px solid #c3c3c3;
    border-left: 3px solid #c3c3c3;
    border-top: 1px solid #c3c3c3;
    border-bottom: solid 1px #f3f3f3;
    background: #595959;  /* исходное было :молочный  background: #eeeeee;*/
    background: -moz-linear-gradient(top, #eeeeee 0%, #cccccc 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#cccccc));
    background: -webkit-linear-gradient(top, #eeeeee 0%,#cccccc 100%);
    background: -o-linear-gradient(top, #eeeeee 0%,#cccccc 100%);
    background: -ms-linear-gradient(top, #eeeeee 0%,#cccccc 100%);
    background: linear-gradient(to bottom, #eeeeee 0%,#cccccc 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 );
        padding-left:15px; /*выравнивает текст - отступ слева*/
     padding-right:15px;/*выравнивает текст - отступ справа*/
	 padding-top:10px;/*выравнивает текст - отступ сверху*/
     padding-bottom:10px;/*выравнивает текст - отступ снизу*/
rgba(0,0,0,0.5);  /* ---------------  */

margin-left : 0px 0px 0px 0px;

}

/* конец делает подпись  в  сообщении станет объемным и стильным */ 


.polka_tovarov {
	
/*background-color : #595959; /*-очень неплохо 98AEB7------#dde6f2;- отвечает за левое поле-#90827f------коричневый-#413D3A-----*/
border : 10px solid #4d6c95;
font-size : 1em;
 color : #79542D;/* Скрыть подарки, полученные Пользователем
Посмотреть товар в профиле пользователя \  Кусок второго нижнего предложения окрашивается, а именно слова  - Посмотреть товар... */ 
/*----Этот кусок кода с чужого сайта сделал выступающей левую часть мини профмль юзера, причем фон молочный, удвчно для всех щрифтов можнодаже и оставиь------  */
     /*----- было ранее   width: 538px;   убрал параметр и расширил площадь таблицы до краев -------width: 898px;--------  */
    -moz-box-shadow: 1em 2em 1em -0.5em rgba(0,0,6,0.5);
    -webkid-box-shadow: 1em 2em 1em -0.5em rgba(0,0,6,0.5);
    box-shadow: 1em 2em 1em -0.5em rgba(0,0,6,0.5);
    border-right: 1px solid #c3c3c3;
    border-left: 3px solid #c3c3c3;
    border-top: 1px solid #c3c3c3;
    border-bottom: solid 1px #f3f3f3;
    background: #595959;  /* исходное было :молочный  background: #eeeeee;*/
    background: -moz-linear-gradient(top, #eeeeee 0%, #cccccc 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#cccccc));
    background: -webkit-linear-gradient(top, #eeeeee 0%,#cccccc 100%);
    background: -o-linear-gradient(top, #eeeeee 0%,#cccccc 100%);
    background: -ms-linear-gradient(top, #eeeeee 0%,#cccccc 100%);
    background: linear-gradient(to bottom, #eeeeee 0%,#cccccc 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 );
        padding-left:45px; /*выравнивает текст - отступ слева*/
     padding-right:20px;/*выравнивает текст - отступ справа*/
	 padding-top:0px;/*выравнивает текст - отступ сверху*/
     padding-bottom:5px;/*выравнивает текст - отступ снизу*/
rgba(0,0,0,0.5);  /* ---------------  */
 
}



/* начало модуль цифра в сообщении*/
.numbari {
/*border: 0px #B49471 solid; 
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;*/
background : url('./images/bg_nomer.png'); /*это исходные данные*/

/*background : #B4C2BB;*/


padding-top:6px;
 padding-right:13px;
  padding-left:13px;
  padding-bottom:6px;
  
   text-align: center;  

  }

/* конец модуль цифра в сообщении*/



.postbody li, ol, ul {

margin : 0 0 0 1.5em;

}

.rtl .postbody li, .rtl ol, .rtl ul {

margin : 0 1.5em 0 0;

}

.postbody_faq {

color : #202E36;/*	----исход------color : #000000;  --------------  */

/*font-size : 1.3em;    ранее стояло это и фак шрифт был мелким     */

font-size : 2.3em;

line-height : 1.4em;

font-family : "Lucida Grande", "Trebuchet MS", Helvetica, Arial, sans-serif;

}

.postbody_faq li, ol, ul {

margin : 0 0 0 1.5em;

}

.rtl .postbody_faq li, .rtl ol, .rtl ul {

margin : 0 1.5em 0 0;

}

.posthilit {

background-color : yellow;

}

.nav {

margin : 0;

color : #304649;

font-weight : bold;

}

.gen {

margin : 1px 1px;

font-size : 1.2em;

}

.genmed {

margin : 1px 1px;

font-size : 1.1em;

}

.gensmall {

margin : 1px 1px;
font-size : 1em;
/* 
padding-left : 210px; /* моя свмоделка надпись последнее сообщение Сегодня, 06:10, что рядом с кнопками ответить и наовая тема передвигает вправо 

padding-right : 60px;/* моя свмоделка надпись Страница 1 из 1, что рядом с кнопками ответить и наовая тема передвигает вправо */
}

.copyright {

color : #000000;
font-weight : normal;
font-family : "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}

.titles {

font-family : "Lucida Grande", Helvetica, Arial, sans-serif;
font-weight : bold;
font-size : 1.3em;
text-decoration : none;

}

.error {

color : red;
}

th {

color : #3a4f6c;
font-size : 1.1em;
font-weight : bold;
background-color : #006699;
background-image : url('./images/bg.png');
white-space : nowrap;
padding : 3px 1px;
border-top : 1px solid #4d6c95;
border-bottom : 1px solid #4d6c95;
}

td {
	
padding : 2px; /* отвечает за выравнивание верхней кромки неполных новостей относительно верхней ккромки архива - в модуле новости Ранее стояло значение 2, Пробовал ставить минусовые значения но этот миллиметр не смог одолеть */
}

td.profile {
		
padding : 4px;
padding-top : 0;
/*background-color : #595959; /*-очень неплохо 98AEB7------#dde6f2;- отвечает за левое поле-#90827f------коричневый-#413D3A-----*/
border-right : 1px solid #4d6c95;
font-size : 1.2em;

/*----Этот кусок кода с чужого сайта сделал выступающей левую часть мини профмль юзера, причем фон молочный, удвчно для всех щрифтов можнодаже и оставиь------  */
 width: 940px;     /*----- было ранее   width: 538px;    -------width: 898px;--------  */
  
    -moz-box-shadow: 1em 2em 1em -0.5em rgba(0,0,6,0.5);
    -webkid-box-shadow: 1em 2em 1em -0.5em rgba(0,0,6,0.5);
    box-shadow: 1em 2em 1em -0.5em rgba(0,0,6,0.5);
    border-right: 1px solid #c3c3c3;
    border-left: 3px solid #c3c3c3;
    border-top: 1px solid #c3c3c3;
    border-bottom: solid 1px #f3f3f3;
    background: #595959;  /* исходное было :молочный  background: #eeeeee;*/
    background: -moz-linear-gradient(top, #eeeeee 0%, #cccccc 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#cccccc));
    background: -webkit-linear-gradient(top, #eeeeee 0%,#cccccc 100%);
    background: -o-linear-gradient(top, #eeeeee 0%,#cccccc 100%);
    background: -ms-linear-gradient(top, #eeeeee 0%,#cccccc 100%);
    background: linear-gradient(to bottom, #eeeeee 0%,#cccccc 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 );
    padding: 0px 7px 0px 6px;/*	-----исход----padding: 9px 0 13px 55px --------------  */
    position: relative;
    text-shadow: 0px 0px 2px rgba(0,0,0,0.5);/*----- было ранее  text-shadow: 3px 3px 5px rgba(0,0,0,0.5);   ---------------  */
}

td.profile_b {

padding : 4px;

background-color : #818981; /* меняет цвет полосы  нижней в темах ранее была противная голубая  ранее была background-color : #8bacd8;*/

border-top : 1px solid #4d6c95;

}




.tablebg {

background-color : #a9b8c2;

border-left : 1px solid #4d6c95;

border-right : 1px solid #4d6c95;

border-bottom : 0px solid #333;/* исходное было : 1px solid #4d6c95*/

}

.tablebg_trbl {

background-color : #a9b8c2;

border: 1px solid #4d6c95;

}

.tablebg_footer {

background-color : #a9b8c2;

line-height: 28px;

border-top : 1px solid #4d6c95;

border-bottom : 1px solid #4d6c95;

border-left : 1px solid #4d6c95;

border-right : 1px solid #4d6c95;

}

.tablebg_rl {

background-color : #a9b8c2;

border-left : 1px solid #4d6c95;

border-right : 1px solid #4d6c95;

}

.tablebg_trl {

background-color : #a9b8c2;

border-top : 1px solid #4d6c95;

border-left : 1px solid #4d6c95;

border-right : 1px solid #4d6c95;

}

.tablebg_desc {

padding : 4px;

}

.catdiv {

height : 28px;

margin : 0;

padding : 0;

border : 0;

background : white url('./images/cellpic2.jpg') repeat-y scroll top left;

}

.rtl .catdiv {

background : white url('./images/cellpic2_rtl.jpg') repeat-y scroll top right;

}

.cat {

height : 28px;

margin : 0;

padding : 0;



background-color : #444444; /* меняет цвет полосы  нижней в темах ранее была противная голубая */

text-indent : 4px;

}
/*Сделал этот класс специально для модуля - дневники*/
.cat_1 {

height : 28px;

margin : 0;

padding : 0;

border-top : 1px solid #000000;

background-color : #000000; /* меняет цвет полосы  нижней в темах ранее была противная голубая */

text-indent : 4px;

}

/*Сделал этот класс специально для модуля - счетсик просмотров, закладки, подписка на тему*/
.cattt {
color : #669966;
height : 28px;

margin : 0;

padding : 0;

border-top : 1px solid #000;

/*background-color : #000;  меняет цвет полосы  нижней в темах ранее была противная голубая */

text-indent : 6px;

}

/*Сделал этот класс специально для модуля - кто смотрел тему*/
.cattt_1 {
color : #669966;
height : 28px;

margin : 0;

padding : 0;

border-top : 1px solid #000;

/*background-color : #000;  меняет цвет полосы  нижней в темах ранее была противная голубая */

text-indent : 6px;

background-color : #CCD9EA;

}

.cat_chat {

height : 28px;

margin : 0;

padding : 0;

border-top : 1px solid #4d6c95;

border-bottom : 1px solid #4d6c95;

background-color : #abc4e5;

text-indent : 4px;

}

.catold {

height : 28px;

margin : 0;

padding : 0;

border-top : 1px solid #4d6c95;

background-color : #6b8dba;

text-indent : 4px;

}

.cat_online {

font-size : 1.2em;

margin : 0;

padding : 0;

border-top : 1px solid #4d6c95;

border-bottom : 1px solid #4d6c95;

background-color : #444;/* фон сразу двух полосок полоски - Дни рождения и статичтика*/

text-indent : 4px;

padding-top: 4px;

padding-bottom: 5px;

}

.cat_online_top {

font-size : 1.2em;

margin : 0;

padding : 0;

/*border-top : 1px solid #4d6c95;*/

border-bottom : 1px solid #4d6c95;

background-color : #444; /* фон полоски - кто сейчас на форуме*/

text-indent : 4px;

padding-top: 4px;

padding-bottom: 5px;

}

.cat_online_top_2 {

font-size : 1.2em;

text-align: center;

margin : 0;

padding : 0;

border-top : 1px solid #4d6c95;

border-bottom : 1px solid #4d6c95;

background-color : #385d86;

background-image : url('./images/bg.png');

text-indent : 4px;

padding-top: 2px;

padding-bottom: 3px;

}

.c-h-c {

background : url('./images/c-h-c.png') repeat-x bottom left;

width : 100%;

height : 46px;

margin : 0;

font-weight : bold;

font-size : 1.3em;

text-align : left;

vertical-align : middle;

white-space : nowrap;

overflow : hidden;

}

.c-h-l {

background : url('./images/c-h-l.png') no-repeat bottom left;

padding-left : 27px;

}

.c-h-r {

background : url('./images/c-h-r.png') no-repeat bottom right;

padding-right : 27px;

}

.c-h-title {

color : #000040;

margin-top : 4px;

}

.c-f-c {

background : url('./images/c-f-c.png') repeat-x bottom left;

height : 19px;

font-size : 0.1em;

margin : 0;

white-space : nowrap;

overflow : hidden;

}





.c-f-c-2 {

background : url('./images/c-f-c.png') repeat-x bottom left;

height : 20px;

font-size : 0.1em;

margin : 0;

white-space : nowrap;

overflow : hidden;

}

.c-f-l {

background : url('./images/c-f-l.png') no-repeat bottom left;

padding-left : 27px;

}

.c-f-r {

background : url('./images/c-f-r.png') no-repeat bottom right;

padding-right : 27px;

}

.row1 {

background-color : #D0CECB; /* меняет фон почти на всех вкладках */

padding : 4px;



border: 1px double #C5C5C5; /* Параметры границы - моя самоделка */

}


.row2 {

background-color : #D0CECB; /* меняет фон на вкладке  ваш первый раздел  */

padding : 4px;


border: 1px double #C5C5C5; /* Параметры границы - моя самоделка */

}

.row3 {

background-color : #B2B3B4;/* исходное было   #6b8dba  */

padding : 3px;

border-bottom : 1px solid #4d6c95;

border-top : 1px solid #4d6c95;



border: 1px double #C5C5C5; /* Параметры границы  - моя самоделка  */


}







.row_footer {

color: black;

padding-top: 4px;

padding-bottom:4px;



}

.row11 {

background-color : #ccd9ea;

padding : 5px;

}

.row1_t {

background-color : #ccd9ea;

padding : 4px;

/*border-top : 1px solid #4d6c95;*/

height : 25px;

}



.row_map_revolwer_2 {

background-color : #0B0A32; /* меняет фон почти на всех вкладках */

padding : 4px;

}



.row3t {

background-color : #6b8dba;

padding : 6px;

background : url('./images/c-h-c.png') repeat-x bottom;

border-bottom : 1px solid #4d6c95;

}


.row_announcements_title {

background-color : #ba6b6b;

padding : 3px;

border-bottom : 1px solid #4d6c95;

}

.row_topics_title {

background-color : #6b8dba;

padding : 3px;



border-top : 1px solid #4d6c95;

border-bottom : 1px solid #4d6c95;

}





.row4 {

background-color : #dddddd;

border-left : 1px solid #4d6c95;

border-right : 1px solid #4d6c95;

border-bottom : 1px solid #4d6c95;

border-top : 1px solid #4d6c95;

padding : 7px;

}



.row5 {

background-color : #ddddcc;

border-left : 1px solid #4d6c95;

border-right : 1px solid #4d6c95;

border-bottom : 1px solid #4d6c95;

border-top : 1px solid #4d6c95;



}

.row6 {

background-color : #ddddcc;

border-left : 1px solid #4d6c95;

border-right : 1px solid #4d6c95;

border-bottom : 1px solid #4d6c95;

border-top : 1px solid #4d6c95;

padding: 5px;

}





.row_desc {

background-color : #ddddee;

border-left : 1px solid #404040;

border-right : 1px solid #404040;

border-bottom : 1px solid #404040;

border-top : 1px solid #404040;

padding : 7px;

}

.row_select_title {

background-color : #cdcdcd;

/*border-left : 1px solid #404040;

border-right : 1px solid #404040;*/

/*border-bottom : 1px solid #404040;

border-top : 1px solid #404040;*/

padding-top : 2px;

padding-bottom : 0px;

padding-left: 4px;



border: 1px solid #4d6c95;

}

.row_select {

background-color : #ddddcc;



border-bottom : 1px solid #4d6c95;

border-top : 1px solid #4d6c95;

padding: 5px;

}

.row_select_hover {

background-color : #ddddcc;



border-bottom : 1px solid #4d6c95;

border-top : 1px solid #4d6c95;

padding: 3px;

padding-left:4px;

}

.poster_row {

background-color : #6b8dba;

padding : 4px;

}

.spacer {

background-color : #385d86;

background : url('./images/c-f-c.png') repeat-x top left;



}

hr {

height : 1px;

border-width : 0;

background-color : #d1d7dc;

color : #d1d7dc;

}

.legend {

text-align : center;

margin : 0 auto;

}



form {

margin : 0;

padding : 0;

border : 0;

}

input {

color : #333333;

font-family : "Lucida Grande", Verdana, Helvetica, sans-serif;

font-size : 1.1em;

font-weight : normal;

padding : 1px;

border : 1px solid #a9b8c2;

background-color : #fafafa;

}



textarea {

background-color : #fafafa;

color : #333333;

font-family : "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;

font-size : 1.3em;

line-height : 1.4em;

font-weight : normal;

border : 1px solid #a9b8c2;

padding : 2px;

}

textarea:visited {

background-color : #fafafa;

color : #333333;

font-family : "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;

font-size : 1.3em;

line-height : 1.4em;

font-weight : normal;

border : 1px solid #a9b8c2;

padding : 2px;

}

textarea:hover {

background-color : #fafafa;

color : #333333;

font-family : "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;

font-size : 1.3em;

line-height : 1.4em;

font-weight : normal;

border : 1px solid #2288cc;

padding : 2px;

}

textarea:focus {

background-color : #faf9ba;

color : #333333;

font-family : "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;

font-size : 1.3em;

line-height : 1.4em;

font-weight : normal;

border : 1px solid #2288cc;

padding : 2px;

}

select {

color : #333333;

background-color : #fafafa;

font-family : "Lucida Grande", Verdana, Helvetica, sans-serif;

font-size : 1.1em;

font-weight : normal;

border : 1px solid #a9b8c2;

padding : 1px;
width: 85%; /*самодельный параметр благодаря которому в портале все стало на свое место по ширине его масштаба ------ именно дело было в модуле jumpbox.html, где я нашел данный select*/
}

option {

padding : 0 1em 0 0;

}

option.disabled-option {

color : GrayText;

}

.rtl option {

padding : 0 0 0 1em;

}

input.radio {

border : none;

background-color : transparent;

}



.quotetitle {


color : #ffffff;

background : #252525 url('./images/quote.png') repeat-x top right;

border : 1px solid #5D3300;

font-family : Verdana, "Trebuchet MS", "Lucida Grande", Helvetica, Arial, sans-serif;

font-size : 0.9em;

font-weight : bold;

text-align : left;

padding : 5px;

margin-top : 10px;


}



blockquote cite:before {
content: "\2014 \2009";


}






.attachtitle {

color : #446688;

background : #aaccff url('./images/bbc_zip.gif') no-repeat right 0%;

border : 1px solid #555555;

font-family : Verdana, "Trebuchet MS", "Lucida Grande", Helvetica, Arial, sans-serif;

font-size : 0.9em;

font-weight : bold;

text-align : left;

padding : 5px;

margin-top : 10px;

}

.quotetitle .quotetitle {

font-size : 1em;

}

.quotecontent {

background : #ffffd5;

border : 1px solid #94944d;

border-top : 0;

font-family : Verdana, "Trebuchet MS", "Lucida Grande", Helvetica, Arial, sans-serif;

font-size : 1.9em;

text-align : left;

padding : 5px;

overflow : auto;

direction : ltr;

}

.quotee{position: relative;margin: 20px 0px 10px 10px;border: 1px solid #330000; padding: 18px 30px 7px 30px;min-height: 35px;background: #FFFFFF url(images/spback.png) bottom left repeat-x;font-weight: bold;color:#797971;text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.8);

  -moz-border-radius: 8px;
        -webkit-border-radius: 8px;
        -webkit-box-shadow: 1px 1px 12px #555;
        -moz-box-shadow: 1px 1px 12px #555;
        box-shadow: 1px 1px 12px #555;
		
		
		
		
		

}
.quotee img.lu{position: absolute;top: 16px;left: 7px;}.quotee img.rb{position: absolute;bottom: 7px;right: 7px}
.quotee div.head{background: url(images/qho.png) top left no-repeat;height: 39px;position: absolute;top: -16px;left: -13px;padding-left: 31px;}
.quotee div.head > div{padding-right: 10px;background: url(images/qhc.png) top right no-repeat;height: 32px}
.quotee div.head > div > div{background: url(images/qhm.png) top left repeat-x;height: 32px;line-height: 24px;font-size: 12px;color:#FFFFFF;text-shadow: #000000 1px 1px;}







.quotecontent, .attachcontent {

background : #ffffd5;

border : 1px solid #94944d;

border-top : 0;

font-family : Verdana, "Trebuchet MS", "Lucida Grande", Helvetica, Arial, sans-serif;

font-size : 0.9em;

text-align : left;

padding : 5px;

overflow : auto;

direction : ltr;

}

.attachcontent {

font-size : 0.85em;

}

.codetitle {

color : #ffffff;

background : #252525 url('./images/code.png') repeat-x top right;

border-top : 1px solid #4d6c95;

border-left : 1px solid #4d6c95;

border-right : 1px solid #4d6c95;

font-family : Verdana, "Trebuchet MS", "Lucida Grande", Helvetica, Arial, sans-serif;

font-size : 0.9em;

font-weight : bold;

text-align : left;

margin-top : 10px;

padding : 5px;

}

.codecontent {

color : #3a4f6c;

background : #fafafa;

border : 1px solid #000000;

border-top : 0;

font-family : 'Courier New', Monaco, monospace;

font-size : 0.9em;

font-weight : normal;

text-align : left;

padding : 5px;

overflow : auto;

direction : ltr;

}

.syntaxbg {

color : #ffffff;

}

.syntaxcomment {

color : #ff8000;

}

.syntaxdefault {

color : #0000bb;

}

.syntaxhtml {

color : #000000;

}

.syntaxkeyword {

color : #007700;

}

.syntaxstring {

color : #dd0000;

}

.pm_marked_colour {

background-color : #000000;

}

.pm_replied_colour {

background-color : #a9b8c2;

}

.pm_friend_colour {

background-color : #007700;

}

.pm_foe_colour {

background-color : #dd0000;

}


/* начало---------------pm_box_progress_bars_1_0_0 */


.pm-bar-outer {
	width: 300px;
	height: 12px;
	padding: 1px;
	margin: 2px 4px 0 4px;
	border: solid 1px #555555;
}

.pm-bar-inner {
	width: 100%;
	height: 100%;
	background-color: #E6E6E6;
}

.pm-bar-ok {
	height: 100%;
	background-color: #A9B8C2;
}

.pm-bar-alert {
	height: 100%;
	background-color: #D31141;
}

/* конец---------------pm_box_progress_bars_1_0_0 */






img {

border : none;

}

.sep {

color : black;

background-color : #ffa34f;

}

table.colortable td {

padding : 0;

}

pre {

font-size : 1.1em;

font-family : Monaco, 'Courier New', monospace;

}

.nowrap {

white-space : nowrap;

}

.username-coloured {

font-weight : bold;
@import url("medals.css");

}




#msg > li.row1 {

display : block;

list-style-type : none;

margin : 0;

height : auto;

width : 98%;

float : left;

}

#msg > li.row2 {

display : block;

list-style-type : none;

margin : 0;

height : auto;

width : 98%;

float : left;

}

#msg > li > dl {

vertical-align : middle;

width : 100%;

}

#msg > li > dl > dt {

width : auto !important ;

white-space : nowrap;

margin-right : 2px;

}

#msg > li > dl > dd > input {

margin : 3px;

}

#msg > li > dl > dd#msgbody {

display : inline;

padding : 3px 0 1px 0 !important ;

vertical-align : middle;

float : none !important ;

}

#base_ul {

list-style : none;

margin-left : 0;

}

#dropmenudiv {

position : absolute;

border-left : 1px solid #4d6c95;

border-top : 1px solid #4d6c95;

border-right : 1px solid #4d6c95;

font-family : verdana, sans-serif;

font-size : 11px;

line-height : 15px;

z-index : 100;

text-align : left;

margin : 0 0 0 0;



}

#dropmenudiv a {

width : 100%;

display : block;

text-indent : 10px;

padding : 5px 0;

text-decoration : none;

font-weight : bold;

color : #3a4f6c;

background-color : #f0f5fa;

border-bottom : 1px solid #4d6c95;



}

#dropmenudiv a:hover {

color : #ffffff;

background : #6699cc;

}

/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\моя самодеятельность \\\\\\\\\\\\\\\\\\\\\..............................................\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/


.img_google_avtor_2{
 
  margin: 0px 0px 0px 1047px;
 padding: 0px 0px 0px 0px;
 position:absolute;
 float:right;
    top:303px;             /* top:303px; НЕПЛОХО СМОТРИТСЯ В ПЛАНКЕ СПИСОК ФОРУМОВ */
	
	
	
       /*	   -webkit-box-reflect: below -5px -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(255, 255, 255, 0.3))); */
       } 



.img_globus_1{
 
  margin: 0px 0px 0px 326px;
 padding: 0px 0px 0px 0px;
 position:relative;
 float:left;
  top: -110px;
	
	 -webkit-box-reflect: below -5px -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(255, 255, 255, 0.3)));
	
   } 

.ternovu_kust{
	margin: 0px 0px 0px 50px;
	padding: 0px 0px 0px 0px;
	position: relative;
	top: -20px;
left: 96px;	
 } 
.my_banner_1{
	margin: 0px 0px 0px 504px;
	padding: 0px 0px 0px 0px;
	position: relative;
	top: -76px;
	left: 98px;
	
 } 
 
 .logotip{
	margin: 0px 0px 0px -100px;
	padding: 0px 0px 0px 0px;
	position: relative;
	top: -30px;
	left: 98px;
	
 } 
 
.begudhay_stroka{
	margin: 0px 0px 0px 504px;
	padding: 0px 0px 0px 0px;
	position: relative;
	top: -76px;
	left: -507px;
	
	 		 -webkit-box-reflect: below -5px -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(255, 255, 255, 0.3)));
	}
 
 
 .logo1{
	 		 -webkit-box-reflect: below -5px -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(255, 255, 255, 0.3)));
	}


.img_zvezda_iisusa_1{
  margin: -16px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 position:relative;

   top: 23px;
   left: -4px;
		 -webkit-box-reflect: below -5px -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(255, 255, 255, 0.3)));
	   } 
 .img_zvezda_iisusa_2{
  margin: -16px 0px 0px 20px;
 padding: 0px 0px 0px 0px;
 position:relative;

   top: 23px;
    left: -25px;
   
		 -webkit-box-reflect: below -5px -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(255, 255, 255, 0.3)));
	   } 
	   
 .img_zvezda_iisusa_3{
  margin: -16px 0px 0px 333px;
 padding: 0px 0px 0px 0px;
 position:relative;
 
    top: -50px;
		 -webkit-box-reflect: below -5px -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(255, 255, 255, 0.3)));
	   } 
	   	   
	   

.noLink{
  pointer-events: none;
}


/*это самодельный код ноего предложил сенсей для правила форума c моей доработкой  я его втыкаю в  шаб rules_body.html как дополнительный класс в строку 65        <table class="tablebg, fragment" width="100%" cellspacing="1">*/

.fragment {
   background-color: #FFCC99;
   padding: 5px;
  
  
   font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
    color: #333;
   /* background-image: url('./images/zvezdnoe nebo.gif');*/
    background: #B7A790;
    font-size: 14px;
   border : 1px solid #333;
   
}

.home1{
	margin: 0px 0px 0px 460px;
	padding: 0px 0px 0px 0px;
	position: absolute;
	top: 228px;  /* 	top: 228px;   */
	left: 137px;
	
 } 
 
 
 
 
 
 
/* Misc
 ------------ */
.rank_progress_bar {
	border: 1px solid #A9B8C2;
	margin-right: 1em;
	position: relative;
	clear:right
}
.rank_progress_bar span {
	z-index:2;
	position:relative
}
.rank_progress_bar .bar {
	background-color: #fff;
	border-right: 1px solid #A9B8C2;
	display:block;
	height: 100%;
	z-index:1;
	position:absolute;
	top: 0;
	left: 0
}



/* начало мои популярные шрифты \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\Щ\\Щ\\Щ\\ЩЩЩЩ\\\Щ\\\Щ\\ЩЩЩЩЩЩ\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\Щ\\Щ\\Щ\\Щ\\\Щ\\Щ\\\Щ\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\Щ\\Щ\\Щ\\Щ\\\Щ\\Щ\\ЩЩ\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\Щ\\Щ\\Щ\\ЩЩЩЩ\\\Щ\Щ\Щ\\Щ\Щ\\\\\\\\\\\\\\\\\\\\\ЩЩЩЩЩЩЩ\\Щ\\\\\\Щ\\\Щ\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/

/* НАЧАЛО ШРИФТ ОТ ГУГД -НЕЕЦКИЙ РЫЦАРСКИЙ */
.UnifrakturCook {
font-family: 'UnifrakturCook', cursive;
font-family: 'Jacques Francois Shadow', cursive;
}
/* КОЕЕЦ ШРИФТ ОТ ГУГД -НЕЕЦКИЙ РЫЦАРСКИЙ */

.Marck_Script {
color: #C6C6C2;
font-size: 20px;
}
.Marck_Script_1 { 
font-family: 'Marck Script', cursive;


}
.Marck_Script_2 { 
text-decoration:none;
font-family: 'Marck Script', cursive;
font-size:l6px;
text-align: center;
1ine-height:20px;
padding: 31px 20px 39px;
display: block;
text-transform:uppercase;
font-style: normal !important;
color:#818699;
position: relative;
}



/*Работает как ББ-код */
.Merriweather_6{ 
font-family: 'Monda', sans-serif;
font-weight: 700; 
font-size: 16px;
}


 .Slavyanskiyj_1{ 
font-family: 'Ruslan Display', cursive;
 }
 /*Работает как ББ-код */
.Slavyanskiyj_2{ 
font-family: 'Ruslan Display', cursive;
font-size:25px;
}
/*Работает как ББ-код */
.Lobster {
    font-family: 'Lobster', cursive;
	font-size:16px;
}

/*Работает как ББ-код */
.Poiret_One {
    font-family: 'Poiret One', cursive;
	
	}
	/*Работает как ББ-код */
.Jura{ 
font-family: 'Jura', sans-serif;

}	

	
	
	
.Jura_1 { 
font-family: 'Jura', sans-serif;
font-size:25px;
text-align: left;
1ine-height:20px;


}	
	
.Jura_2 { 
font-family: 'Jura', sans-serif;
font-size:20px;
text-align: left;
1ine-height:20px;

color:#66FFFF;

border:solid 1px #2d2d2d;
  text-align:center;
   background:#575757;
    padding:10px 5px 10px 5px;
      -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
}


.Jura_3 { 
font-family: 'Jura', sans-serif;
 -webkit-column-count: 2;
    -webkit-column-width: 75px;
    -webkit-column-gap: 20px;
    -webkit-column-rule: 1px solid #fff;
    -moz-column-count: 1;
    -moz-column-width: 75px;
    -moz-column-gap: 20px;
    -moz-column-rule: 1px solid #fff;
    -o-column-count: 3;
    -o-column-width: 75px;
    -o-column-gap: 20px;
    -o-column-rule: 1px solid #fff;
    column-count: 2;
    column-width: 75px;
    column-gap: 20px;
    column-rule: 1px solid #fff;
	

}
.Jura_2_2 { 

font-family: 'Lobster', cursive;
font-size:30px;
text-align: left;
1ine-height:20px;

border:solid 1px #2d2d2d;
  text-align:center;
   background:#575757;
    padding:10px 5px 10px 5px;
      -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
}	
.Jura_2_2_2 { 
font-family: 'Jura', sans-serif;
font-size:20px;
text-align: left;
1ine-height:20px;

border:solid 1px #2d2d2d;
  text-align:left;
   background:#575757;
    padding:10px 5px 10px 5px;
      -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
}	

.Jura_2_2_2_pogoda { 
font: 0.9em Monaco, "Andale Mono","Courier New", Courier, mono; font-size:14px;
text-align: left;
1ine-height:20px;
color: #66CCDB;
}	
/* конец мои популярные шрифты*/







a.ico-followersr, a.ico-bookmark { text-decoration : none; }
.ddpanel_td { 
 padding: 0;

}
/* CSS for "content" DIV of Drop Down Panel */
.ddpanel .ddpanelcontent {
	 
	/*Do NOT add any "padding" or "margin" properties here! Any padding/margin should be added to your content's container within this DIV instead */
}
/* CSS for "toggle" tab DIV of Drop Down Panel */
.ddpanel {
}


/* Form Elements
 ------------ */
form {
	margin: 0;
	padding: 0;
	border: 1;
	
	 -moz-border-radius: 60px;
   -webkit-border-radius: 60px;
   border-radius: 60px; /* future proofing */
   -khtml-border-radius: 60px; /* for old Konqueror browsers */
	
	box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
-webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	
}


/* Использование BBCode */

/* Использование BBCode -текст на белом поле - фон */
icode { 
padding: 0 0.3em 1px; 
white-space: nowrap; 
}
icode { 
background: #FFFFFF; 
border: 1px solid #D8D8D8; 
color: #2E8B57; 
font: 0.9em Monaco, "Andale Mono","Courier New", Courier, mono; 
padding: 0 0.3em; 
} 


/* Использование BBCode -Группа таких вот ВВ-кодов http://hello-vitebsk.ru/viewtopic.php?f=82&t=551 */

.div_avert {
        width: 95%;
        margin: 8px auto;
        padding: 10px 6px 6px 8px;
        min-height: 18px;
        height:auto;
        border-radius: 8px;
        -moz-border-radius: 8px;
        -webkit-border-radius: 8px;
        -webkit-box-shadow: 1px 1px 12px #555;
        -moz-box-shadow: 1px 1px 12px #555;
        box-shadow: 1px 1px 12px #555;
}
.span_avert {
        padding-left: 26px;
}
.info_div {
        background-image: url("/styles/X-Static/theme/images/info.png");
        background-position: 4px 4px;
        background-repeat: no-repeat;
        background-color: #b2ccff;
        border: 2px solid #80aaff;
}
.error_div {
        background-image: url("/styles/X-Static/theme/images/error.png");
        background-position: 4px 4px;
        background-repeat: no-repeat;
        background-color: #ffb2b2;
        border: 2px solid #ff8080;
}
.ok_div {
        background-image: url("/styles/X-Static/theme/images/ok.png");
        background-position: 4px 4px;
        background-repeat: no-repeat;
        background-color: #C0C0C0;
        border: 2px solid #3cb371;
		  
}


/* Использование BBCode - кнопка сенсея*/
.btnlite2{
font-weight:normal;color:#ffffff;background-color:#ececec;background:url('./images/btn.png') repeat-x left 0%;border:1px solid #6a8da4;cursor:pointer;padding:1px 5px;font-size:1.1em;target: _blank;}
.btnlite2:hover{font-weight:normal;color:#ffffff;background-color:#ececec;background:url('./images/btn.png') repeat-x left 100%;border:1px solid #000000;cursor:pointer;padding:1px 5px;font-size:1.1em;
}

/* Использование BBCode - кнопка copyright*/
.btnlite3{
font-weight:normal;color:#B0B6BE;background-color:#ececec;background:url('./images/btn.png') repeat-x left 0%;border:1px solid #6a8da4;cursor:pointer;padding:1px 5px;font-size:1.1em;}
.btnlite2:hover{font-weight:normal;color:#B0B6BE;background-color:#ececec;background:url('./images/btn.png') repeat-x left 100%;border:1px solid #000000;cursor:pointer;padding:1px 5px;font-size:1.1em;
}
/* Использование BBCode - 4 */


wight_button_GLAVNAY_PAGE_SITE {
 width: 70px;
  

}

/* ---ББкод-----всплывающая подскахка ---- tooltip adminka --------------- */
a.tooltip { 
background:#dcdcdc;
padding:2px;
cursor:pointer; 
}
a.tooltip strong {line-height:30px;}
a.tooltip:hover {text-decoration:none;} 
a.tooltip span {
z-index:10;
display:none; 
padding:5px;
padding-bottom:115px;
margin-top:-60px; 
margin-left:30px; /* ранее было -160*/
width:300px; 
line-height:16px;
}
a.tooltip:hover span{
display:inline; 
position:absolute; 
border:2px solid #FFF; 
color:#EEE;
background:#333;
}


/*CSS3 extras*/
a.tooltip span
{
border-radius:2px; 
box-shadow: 0px 0px 8px 4px #666;
/*opacity: 0.8;*/
}
/* ---------------tooltip adminka------------ */



/* ---ББкод-----всплывающая подскахка ---- tooltip_1 adminka --------------- */
a.tooltip_1 { 

padding:2px;
cursor:pointer; 
}
a.tooltip_1 strong {line-height:30px;}
a.tooltip_1:hover {text-decoration:none;} 
a.tooltip_1 span {
z-index:10;
display:none; 
padding:20px;
padding-right:5px;
padding-left:25px;
padding-bottom:25px;
margin-top:17px; 
margin-left:260px;
width:300px; 
line-height:16px;

}
a.tooltip_1:hover span{
display:inline; 
position:absolute; 
border:2px solid #FFF; 
color:#EEE;
background:#333;
/* font:Georgia, "Times New Roman", Times, serif;
font-size: 12px;*/
}


/*CSS3 extras*/
a.tooltip_1 span
{
border-radius:10px; 
box-shadow: 0px 0px 8px 4px #666;
/*opacity: 0.8;*/

}
/* ---------------tooltip_1 adminka------------ */







/*------начало----- ikonki is bbcode ---------------*/
 
.gal {
 background:url('images/ikonki/32x32/gal_icon.png');
 width: 32px;
 height:32px;
 float: left;
 margin: 5px 5px 5px 0;
}

.vnim {
 background:url('images/ikonki/32x32/vnim_icon.png');
 width: 32px;
 height:32px;
 float: left;
 margin: 5px 5px 5px 0;
}

.inf {
 background:url('images/ikonki/32x32/info_icon.png');
 width: 32px;
 height:32px;
 float: left;
 margin: 5px 5px 5px 0;
}

.border_ikon {
 border-left: 2px solid #727272;
 padding:5px;
 height: 100%;
}
/*------конец----- ikonki is bbcode ---------------*/


/*------------- Великие мысли великих людей---------------*/
.block_quote_1 {
background-image: url('http://iisusse-news.com/forum/images/bb_kod/aforizmih/Mihsli_velikikh_lyudeyj.jpg'); 
background-size:600px 300px;
/*border-radius: 6px;*/
box-shadow: 1px 2px 2px 2px rgba(0, 0, 0, 0.4);
font-family: Georgia,serif;
font-size: 16px;
font-style: italic;
/*margin: 20px;*/
padding: 20px 15px;/*-------было раньше----padding: 20px 15px;----------*/
width: 550px;
padding-top: 5px;/*------------самоделка------------*/

/*------------height:32px;------------*/

/*-------
border: 2px solid #5780A5; -webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 12px;-webkit-box-shadow: #666 0px 2px 3px;-moz-box-shadow: #666 0px 2px 3px;box-shadow: #666 0px 2px 3px; background: #EEFF99;background: -webkit-gradient(linear, 0 0, 0 bottom, from(#EEFF99), to(#66EE33));background: -moz-linear-gradient(#EEFF99, #009900);background: linear-gradient(#EEFF99, #009900);-pie-background: linear-gradient(#EEFF99, #009900);behavior: url(PIE.htc);/*------------самоделка---инфу часть взял отсюда - http://www.03www.su/ex-304.html# --------*/


-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 12px;-webkit-box-shadow: #666 0px 2px 3px;-moz-box-shadow: #666 0px 2px 3px;box-shadow: #666 0px 2px 3px;


 -webkit-box-shadow:rgba(0,0,0,0.7) 0px 5px 15px, inset rgba(0,0,0,0.15) 40px -20px 140px;
     -khtml-box-shadow:rgba(0,0,0,0.7) 0px 5px 15px, inset rgba(0,0,0,0.15) 40px -20px 140px;
       -moz-box-shadow:rgba(0,0,0,0.7) 0px 5px 15px, inset rgba(0,0,0,0.15) 40px -20px 140px;
         -o-box-shadow:rgba(0,0,0,0.7) 0px 5px 15px, inset rgba(0,0,0,0.15) 40px -20px 140px;
            box-shadow:rgba(0,0,0,0.7) 0px 5px 15px, inset rgba(0,0,0,0.15) 40px -20px 140px;

}

/*------бб-код------- народная мудрость ---------------*/
.block_quote_2 {
background-image: url('http://iisusse-news.com/forum/images/bb_kod/aforizmih/Narodnaya_mudrostj.jpg'); background-size:600px 300px;


/*border-radius: 6px;*/
box-shadow: 1px 2px 2px 2px rgba(0, 0, 0, 0.4);
font-family: Georgia,serif;
font-size: 16px;
font-style: italic;
/*margin: 20px;*/
padding: 20px 15px;/*-------было раньше----padding: 20px 15px;----------*/
width: 550px;
padding-top: 5px;/*------------самоделка------------*/

/*------------height:32px;------------*/


/*---------border: 2px solid #5780A5; -webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 12px;-webkit-box-shadow: #666 0px 2px 3px;-moz-box-shadow: #666 0px 2px 3px;box-shadow: #666 0px 2px 3px; background: #EEFF99;background: -webkit-gradient(linear, 0 0, 0 bottom, from(#EEFF99), to(#66EE33));background: -moz-linear-gradient(#EEFF99, #009900);background: linear-gradient(#EEFF99, #009900);-pie-background: linear-gradient(#EEFF99, #009900);behavior: url(PIE.htc);/*------------самоделка---инфу часть взял отсюда - http://www.03www.su/ex-304.html# --------*/


-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 12px;-webkit-box-shadow: #666 0px 2px 3px;-moz-box-shadow: #666 0px 2px 3px;box-shadow: #666 0px 2px 3px;


 -webkit-box-shadow:rgba(0,0,0,0.7) 0px 5px 15px, inset rgba(0,0,0,0.15) 40px -20px 140px;
     -khtml-box-shadow:rgba(0,0,0,0.7) 0px 5px 15px, inset rgba(0,0,0,0.15) 40px -20px 140px;
       -moz-box-shadow:rgba(0,0,0,0.7) 0px 5px 15px, inset rgba(0,0,0,0.15) 40px -20px 140px;
         -o-box-shadow:rgba(0,0,0,0.7) 0px 5px 15px, inset rgba(0,0,0,0.15) 40px -20px 140px;
            box-shadow:rgba(0,0,0,0.7) 0px 5px 15px, inset rgba(0,0,0,0.15) 40px -20px 140px;

}


/*------------- Личный афоризм ---------------*/

.block_quote_3 {
background-image: url('http://iisusse-news.com/forum/images/bb_kod/aforizmih/Lichnihyj_aforizm.jpg'); background-size:600px 300px;


/*border-radius: 6px;*/
box-shadow: 1px 2px 2px 2px rgba(0, 0, 0, 0.4);
font-family: Georgia,serif;
font-size: 16px;
font-style: italic;
/*margin: 20px;*/
padding: 20px 15px;/*-------было раньше----padding: 20px 15px;----------*/
width: 550px;
padding-top: 5px;/*------------самоделка------------*/

/*------------height:32px;------------*/


/*border: 2px solid #5780A5; -webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 12px;-webkit-box-shadow: #666 0px 2px 3px;-moz-box-shadow: #666 0px 2px 3px;box-shadow: #666 0px 2px 3px;background: #87CEFA;background: -webkit-gradient(linear, 0 0, 0 bottom, from(#87CEFA), to(#546FDE));background: -moz-linear-gradient(#87CEFA, #546FDE);background: linear-gradient(#87CEFA, #546FDE);-pie-background: linear-gradient(#87CEFA, #546FDE);behavior: url(PIE.htc);/*------------самоделка---инфу часть взял отсюда - http://www.03www.su/ex-304.html# --------*/


-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 12px;-webkit-box-shadow: #666 0px 2px 3px;-moz-box-shadow: #666 0px 2px 3px;box-shadow: #666 0px 2px 3px;


 -webkit-box-shadow:rgba(0,0,0,0.7) 0px 5px 15px, inset rgba(0,0,0,0.15) 40px -20px 140px;
     -khtml-box-shadow:rgba(0,0,0,0.7) 0px 5px 15px, inset rgba(0,0,0,0.15) 40px -20px 140px;
       -moz-box-shadow:rgba(0,0,0,0.7) 0px 5px 15px, inset rgba(0,0,0,0.15) 40px -20px 140px;
         -o-box-shadow:rgba(0,0,0,0.7) 0px 5px 15px, inset rgba(0,0,0,0.15) 40px -20px 140px;
            box-shadow:rgba(0,0,0,0.7) 0px 5px 15px, inset rgba(0,0,0,0.15) 40px -20px 140px;

}


/*------бб-код------- Примечание от администратора! ---------------*/

.block_quote_4 {
	
	background-image: url('http://iisusse-news.com/forum/images/bb_kod/aforizmih/Primechanie_ot_admina.jpg'); background-size:600px 300px;
	
background-color: #D3D3D3;/*------------background-color: #FFE4E1;------------*/
border: 2px solid #339966;/*-----------border: 2px solid #CD5C5C;------------*/
border-radius: 6px;
box-shadow: 1px 2px 2px 2px rgba(0, 0, 0, 0.4);
font-family: Georgia,serif;
font-size: 16px;
font-style: italic;
margin: 20px;
padding: 20px 15px;/*-------было раньше----padding: 20px 15px;----------*/
width: 550px;
padding-top: 5px;/*------------самоделка------------*/
/*---------background: url('images/icons/50X50/260.gif') no-repeat;--------*/
font-weight: bold;
 color:#4C6A9E; 
 
 -webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 12px;-webkit-box-shadow: #666 0px 2px 3px;-moz-box-shadow: #666 0px 2px 3px;box-shadow: #666 0px 2px 3px;
}


/*------------- Совет по делу---------------*/
.block_quote_5 {
background-image: url('http://iisusse-news.com/forum/images/bb_kod/aforizmih/Sovet_po_delu.jpg');
/*border-radius: 6px;*/
box-shadow: 1px 2px 2px 2px rgba(0, 0, 0, 0.4);
font-family: Georgia,serif;
font-size: 16px;
font-style: italic;
/*margin: 20px;*/
padding: 20px 15px;/*-------было раньше----padding: 20px 15px;----------*/
width: 550px;
padding-top: 5px;/*------------самоделка------------*/

/*------------height:32px;------------*/

/*-------
border: 2px solid #5780A5; -webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 12px;-webkit-box-shadow: #666 0px 2px 3px;-moz-box-shadow: #666 0px 2px 3px;box-shadow: #666 0px 2px 3px; background: #EEFF99;background: -webkit-gradient(linear, 0 0, 0 bottom, from(#EEFF99), to(#66EE33));background: -moz-linear-gradient(#EEFF99, #009900);background: linear-gradient(#EEFF99, #009900);-pie-background: linear-gradient(#EEFF99, #009900);behavior: url(PIE.htc);/*------------самоделка---инфу часть взял отсюда - http://www.03www.su/ex-304.html# --------*/


-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 12px;-webkit-box-shadow: #666 0px 2px 3px;-moz-box-shadow: #666 0px 2px 3px;box-shadow: #666 0px 2px 3px;


 -webkit-box-shadow:rgba(0,0,0,0.7) 0px 5px 15px, inset rgba(0,0,0,0.15) 40px -20px 140px;
     -khtml-box-shadow:rgba(0,0,0,0.7) 0px 5px 15px, inset rgba(0,0,0,0.15) 40px -20px 140px;
       -moz-box-shadow:rgba(0,0,0,0.7) 0px 5px 15px, inset rgba(0,0,0,0.15) 40px -20px 140px;
         -o-box-shadow:rgba(0,0,0,0.7) 0px 5px 15px, inset rgba(0,0,0,0.15) 40px -20px 140px;
            box-shadow:rgba(0,0,0,0.7) 0px 5px 15px, inset rgba(0,0,0,0.15) 40px -20px 140px;

}



/*------------- Слова одобрения--------------*/
.block_quote_6 {

background-image: url('http://iisusse-news.com/forum/images/bb_kod/aforizmih/Slova_odobreniya.jpg'); 

/*border-radius: 6px;*/
box-shadow: 1px 2px 2px 2px rgba(0, 0, 0, 0.4);
font-family: Georgia,serif;
font-size: 16px;
font-style: italic;
/*margin: 20px;*/
padding: 20px 15px;/*-------было раньше----padding: 20px 15px;----------*/
width: 550px;
padding-top: 5px;/*------------самоделка------------*/

/*------------height:32px;------------*/

/*-------
border: 2px solid #5780A5; -webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 12px;-webkit-box-shadow: #666 0px 2px 3px;-moz-box-shadow: #666 0px 2px 3px;box-shadow: #666 0px 2px 3px; background: #EEFF99;background: -webkit-gradient(linear, 0 0, 0 bottom, from(#EEFF99), to(#66EE33));background: -moz-linear-gradient(#EEFF99, #009900);background: linear-gradient(#EEFF99, #009900);-pie-background: linear-gradient(#EEFF99, #009900);behavior: url(PIE.htc);/*------------самоделка---инфу часть взял отсюда - http://www.03www.su/ex-304.html# --------*/


-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 12px;-webkit-box-shadow: #666 0px 2px 3px;-moz-box-shadow: #666 0px 2px 3px;box-shadow: #666 0px 2px 3px;


 -webkit-box-shadow:rgba(0,0,0,0.7) 0px 5px 15px, inset rgba(0,0,0,0.15) 40px -20px 140px;
     -khtml-box-shadow:rgba(0,0,0,0.7) 0px 5px 15px, inset rgba(0,0,0,0.15) 40px -20px 140px;
       -moz-box-shadow:rgba(0,0,0,0.7) 0px 5px 15px, inset rgba(0,0,0,0.15) 40px -20px 140px;
         -o-box-shadow:rgba(0,0,0,0.7) 0px 5px 15px, inset rgba(0,0,0,0.15) 40px -20px 140px;
            box-shadow:rgba(0,0,0,0.7) 0px 5px 15px, inset rgba(0,0,0,0.15) 40px -20px 140px;

}

/*-------------Слова одобрения и поддержки!--для доски почета для статических страниц-----------*/
.block_quote_66 {

background-image: url('http://iisusse-news.com/forum/images/bb_kod/aforizmih/Primechanie_ot_admina.jpg'); background-size:1000px 300px;
/*background-image: url('http://iisusse-news.com/forum/images/bb_kod/aforizmih/Slova_odobreniya.jpg');*/

 /*background-size:1180px 600px;*/

/*border-radius: 6px;*/
box-shadow: 1px 2px 2px 2px rgba(0, 0, 0, 0.4);
font-family: Georgia,serif;
font-size: 16px;
font-style: italic;
/*margin: 20px;*/
padding: 20px 15px;/*-------было раньше----padding: 20px 15px;----------*/
width: 1060px;
padding-top: 5px;/*------------самоделка------------*/

/*------------height:32px;------------*/

/*-------
border: 2px solid #5780A5; -webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 12px;-webkit-box-shadow: #666 0px 2px 3px;-moz-box-shadow: #666 0px 2px 3px;box-shadow: #666 0px 2px 3px; background: #EEFF99;background: -webkit-gradient(linear, 0 0, 0 bottom, from(#EEFF99), to(#66EE33));background: -moz-linear-gradient(#EEFF99, #009900);background: linear-gradient(#EEFF99, #009900);-pie-background: linear-gradient(#EEFF99, #009900);behavior: url(PIE.htc);/*------------самоделка---инфу часть взял отсюда - http://www.03www.su/ex-304.html# --------*/


-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 12px;-webkit-box-shadow: #666 0px 2px 3px;-moz-box-shadow: #666 0px 2px 3px;box-shadow: #666 0px 2px 3px;


 -webkit-box-shadow:rgba(0,0,0,0.7) 0px 5px 15px, inset rgba(0,0,0,0.15) 40px -20px 140px;
     -khtml-box-shadow:rgba(0,0,0,0.7) 0px 5px 15px, inset rgba(0,0,0,0.15) 40px -20px 140px;
       -moz-box-shadow:rgba(0,0,0,0.7) 0px 5px 15px, inset rgba(0,0,0,0.15) 40px -20px 140px;
         -o-box-shadow:rgba(0,0,0,0.7) 0px 5px 15px, inset rgba(0,0,0,0.15) 40px -20px 140px;
            box-shadow:rgba(0,0,0,0.7) 0px 5px 15px, inset rgba(0,0,0,0.15) 40px -20px 140px;

}



/*------------- Критическое замечание------------*/
.block_quote_7 {
background-image: url('http://iisusse-news.com/forum/images/bb_kod/aforizmih/Kriticheskoe_zamechanie.jpg');background-size:600px 300px;
/*border-radius: 6px;*/
box-shadow: 1px 2px 2px 2px rgba(0, 0, 0, 0.4);
font-family: Georgia,serif;
font-size: 16px;
font-style: italic;
/*margin: 20px;*/
padding: 20px 15px;/*-------было раньше----padding: 20px 15px;----------*/
width: 550px;
padding-top: 5px;/*------------самоделка------------*/

/*------------height:32px;------------*/

/*-------
border: 2px solid #5780A5; -webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 12px;-webkit-box-shadow: #666 0px 2px 3px;-moz-box-shadow: #666 0px 2px 3px;box-shadow: #666 0px 2px 3px; background: #EEFF99;background: -webkit-gradient(linear, 0 0, 0 bottom, from(#EEFF99), to(#66EE33));background: -moz-linear-gradient(#EEFF99, #009900);background: linear-gradient(#EEFF99, #009900);-pie-background: linear-gradient(#EEFF99, #009900);behavior: url(PIE.htc);/*------------самоделка---инфу часть взял отсюда - http://www.03www.su/ex-304.html# --------*/


-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 12px;-webkit-box-shadow: #666 0px 2px 3px;-moz-box-shadow: #666 0px 2px 3px;box-shadow: #666 0px 2px 3px;


 -webkit-box-shadow:rgba(0,0,0,0.7) 0px 5px 15px, inset rgba(0,0,0,0.15) 40px -20px 140px;
     -khtml-box-shadow:rgba(0,0,0,0.7) 0px 5px 15px, inset rgba(0,0,0,0.15) 40px -20px 140px;
       -moz-box-shadow:rgba(0,0,0,0.7) 0px 5px 15px, inset rgba(0,0,0,0.15) 40px -20px 140px;
         -o-box-shadow:rgba(0,0,0,0.7) 0px 5px 15px, inset rgba(0,0,0,0.15) 40px -20px 140px;
            box-shadow:rgba(0,0,0,0.7) 0px 5px 15px, inset rgba(0,0,0,0.15) 40px -20px 140px;

}


/*------------- Критика в адрес форума------------*/
.block_quote_8 {
background-image: url('http://iisusse-news.com/forum/images/bb_kod/aforizmih/Kritika_v_adres_foruma.jpg'); background-size:600px 300px;



/*border-radius: 6px;*/
box-shadow: 1px 2px 2px 2px rgba(0, 0, 0, 0.4);
font-family: Georgia,serif;
font-size: 16px;
font-style: italic;
/*margin: 20px;*/
padding: 20px 15px;/*-------было раньше----padding: 20px 15px;----------*/
width: 550px;
padding-top: 5px;/*------------самоделка------------*/

/*------------height:32px;------------*/

/*-------
border: 2px solid #5780A5; -webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 12px;-webkit-box-shadow: #666 0px 2px 3px;-moz-box-shadow: #666 0px 2px 3px;box-shadow: #666 0px 2px 3px; background: #EEFF99;background: -webkit-gradient(linear, 0 0, 0 bottom, from(#EEFF99), to(#66EE33));background: -moz-linear-gradient(#EEFF99, #009900);background: linear-gradient(#EEFF99, #009900);-pie-background: linear-gradient(#EEFF99, #009900);behavior: url(PIE.htc);/*------------самоделка---инфу часть взял отсюда - http://www.03www.su/ex-304.html# --------*/


-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 12px;-webkit-box-shadow: #666 0px 2px 3px;-moz-box-shadow: #666 0px 2px 3px;box-shadow: #666 0px 2px 3px;


 -webkit-box-shadow:rgba(0,0,0,0.7) 0px 5px 15px, inset rgba(0,0,0,0.15) 40px -20px 140px;
     -khtml-box-shadow:rgba(0,0,0,0.7) 0px 5px 15px, inset rgba(0,0,0,0.15) 40px -20px 140px;
       -moz-box-shadow:rgba(0,0,0,0.7) 0px 5px 15px, inset rgba(0,0,0,0.15) 40px -20px 140px;
         -o-box-shadow:rgba(0,0,0,0.7) 0px 5px 15px, inset rgba(0,0,0,0.15) 40px -20px 140px;
            box-shadow:rgba(0,0,0,0.7) 0px 5px 15px, inset rgba(0,0,0,0.15) 40px -20px 140px;

}




/*------------- Критика в адрес администрации------------*/
.block_quote_9 {
background-image: url('http://iisusse-news.com/forum/images/bb_kod/aforizmih/Kritika_v_adres_administracii.jpg'); background-size:600px 300px;



/*border-radius: 6px;*/
box-shadow: 1px 2px 2px 2px rgba(0, 0, 0, 0.4);
font-family: Georgia,serif;
font-size: 16px;
font-style: italic;
/*margin: 20px;*/
padding: 20px 15px;/*-------было раньше----padding: 20px 15px;----------*/
width: 550px;
padding-top: 5px;/*------------самоделка------------*/

/*------------height:32px;------------*/

/*-------
border: 2px solid #5780A5; -webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 12px;-webkit-box-shadow: #666 0px 2px 3px;-moz-box-shadow: #666 0px 2px 3px;box-shadow: #666 0px 2px 3px; background: #EEFF99;background: -webkit-gradient(linear, 0 0, 0 bottom, from(#EEFF99), to(#66EE33));background: -moz-linear-gradient(#EEFF99, #009900);background: linear-gradient(#EEFF99, #009900);-pie-background: linear-gradient(#EEFF99, #009900);behavior: url(PIE.htc);/*------------самоделка---инфу часть взял отсюда - http://www.03www.su/ex-304.html# --------*/


-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 12px;-webkit-box-shadow: #666 0px 2px 3px;-moz-box-shadow: #666 0px 2px 3px;box-shadow: #666 0px 2px 3px;


 -webkit-box-shadow:rgba(0,0,0,0.7) 0px 5px 15px, inset rgba(0,0,0,0.15) 40px -20px 140px;
     -khtml-box-shadow:rgba(0,0,0,0.7) 0px 5px 15px, inset rgba(0,0,0,0.15) 40px -20px 140px;
       -moz-box-shadow:rgba(0,0,0,0.7) 0px 5px 15px, inset rgba(0,0,0,0.15) 40px -20px 140px;
         -o-box-shadow:rgba(0,0,0,0.7) 0px 5px 15px, inset rgba(0,0,0,0.15) 40px -20px 140px;
            box-shadow:rgba(0,0,0,0.7) 0px 5px 15px, inset rgba(0,0,0,0.15) 40px -20px 140px;

}














.img_aforizm {
 
  margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 position:relative;
 float:left;
  top:-5px;
	
	 -webkit-box-reflect: below -5px -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(255, 255, 255, 0.3)));
	
	
   } 








/*------начало------- бб-код ссылка кнопка -bottom_2----------стиль полностью позаимствлвал у англ кнопки -bottom_8---*/
.bottom_2 {
	
margin:2px 5px;
	
            -moz-box-shadow: 3px 4px 0px 0px #899599;
    -webkit-box-shadow: 3px 4px 0px 0px #899599;
    box-shadow: 3px 4px 0px 0px #899599;
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #bab1ba));
    background:-moz-linear-gradient(top, #ededed 5%, #bab1ba 100%);
    background:-webkit-linear-gradient(top, #ededed 5%, #bab1ba 100%);
    background:-o-linear-gradient(top, #ededed 5%, #bab1ba 100%);
    background:-ms-linear-gradient(top, #ededed 5%, #bab1ba 100%);
    background:linear-gradient(to bottom, #ededed 5%, #bab1ba 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#bab1ba',GradientType=0);
    background-color:#ededed;
    -moz-border-radius:15px;
    -webkit-border-radius:15px;
    border-radius:15px;
    border:1px solid #d6bcd6;
    display:inline-block;
    cursor:pointer;
    color:#3a8a9e;
    font-family:Arial;
    font-size:17px;
    padding:7px 25px;
    text-decoration:none;
    text-shadow:0px 1px 0px #e1e2ed;
    
}
.bottom_2:hover {      
      background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #bab1ba), color-stop(1, #ededed));
    background:-moz-linear-gradient(top, #bab1ba 5%, #ededed 100%);
    background:-webkit-linear-gradient(top, #bab1ba 5%, #ededed 100%);
    background:-o-linear-gradient(top, #bab1ba 5%, #ededed 100%);
    background:-ms-linear-gradient(top, #bab1ba 5%, #ededed 100%);
    background:linear-gradient(to bottom, #bab1ba 5%, #ededed 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bab1ba', endColorstr='#ededed',GradientType=0);
    background-color:#bab1ba;
            
}

.bottom_2:active {
    position:relative;
    top:1px;
	 
}

/*------конец----- бб-код ссылка кнопка -bottom_2--------------*/




/*--бб-код----начало-----Заметка в теле текста при написании статей--------------*/
table.postit
{
background-color: #fff;
color: #404040;
table-layout: fixed;
width: 250px;
font-size: 14px;
float: right;
margin-left: 10px;
border: 1px #ac7900 solid;
}
.postitheadline
{ 
background-color: #ffe57b;
color: #404040;
padding-left: 6px;
font-weight: bold;
font-size: 14px;
border-bottom: 1px solid #ac7900;
}
.postitcontent
{ 
background-color: #fff;
color: #404040;
font-size: 12px;
padding: 8px;
} 
/*------конец-----Заметка в теле текста при написании статей--------------*/

/*-начало-придумал ктот класс на тот случай, если понадобится уменьшать ширину карты в портале*/
.revolver {
 width: 200px;
}
/*-конец-придумал ктот класс на тот случай, если понадобится уменьшать ширину карты в портале*/

/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ */

/* Сообщение от администратора   admin_1
- настроение - скука \ свойства -вниз идет без границ\  дождь в лесу*/
.dark_1{
border: 4px double black; /* Параметры границы */
background: #fc3; /* Цвет фона */
padding: 10px; /* Поля вокруг текста */
box-shadow:0 0 10px #800000;
text-shadow:0 0 15px #800000, 0 0 6px #800000, 0 0 1px #800000;
color: #ffffff;/* самоделка */
background: url('images/icons/50X50/ispoljzuyu/admin_soobtheniya_vkladki/admin_1_les72.gif') repeat;
}
/*Сообщение от администратора  admin_2 
настроение - серьезно-деловое, \
 строк к размещению не более трех, и смайоик можно вместить\ 
 вид - колебания волы- рябь море и вдали туман1       */
 .dark_2{
border: 4px double black; /* Параметры границы */
background: #35484; /* Цвет фона */
padding: 10px; /* Поля вокруг текста */
box-shadow:0 0 10px #A7B196;
text-shadow:0 0 15px #800000, 0 0 6px #A7B196, 0 0 1px #A7B196;
color: #FFFFFF;/* самоделка */
 /* height:60px;/* самоделка */
background: url('images/icons/50X50/ispoljzuyu/admin_soobtheniya_vkladki/admin_2_more302.gif') no-repeat;

}
    /* Сообщение от администратора  admin_3
настроение - задумчивое со знаком вопроса, \ 
 свойства - вниз идет  безразмерный и смайоик можно вместить\ 
 вид - мягко клубящиеся облака     */
.dark_3{
border: 4px double black; /* Параметры границы */
background: #3333CC; /* Цвет фона -------background: #3333CC; ---*/
padding: 20px; /* Поля вокруг текста */
box-shadow:0 0 10px #A7B196;
text-shadow:0 0 15px #800000, 0 0 6px #A7B196, 0 0 1px #A7B196;
color: #FFFFFF;/* самоделка */
/* width: 770px;/* Параметры width: 480px   границы */
background: url('images/icons/50X50/ispoljzuyu/admin_soobtheniya_vkladki/admin_3_oblaka226.gif') repeat;*/
}
/* Сообщение от администратора admin_4 
настроение - размышления, \
 свойства - вниз идет  безразмерный и смайоик можно вместить, но лучше уложится в 2 строки, а то облака ьвдвют повторение фона\ 
 вид - полет на самолете над облаками   */
 .dark_4{
border: 4px double black; /* Параметры границы */
background: #333333; /* Цвет фона ------background: #3333CC;--------*/
padding: 10px; /* Поля вокруг текста */
box-shadow:0 0 10px #A7B196;
text-shadow:0 0 15px #800000, 0 0 6px #A7B196, 0 0 1px #A7B196;
color: #FFFFFF;/* самоделка */
background: url('images/icons/50X50/ispoljzuyu/admin_soobtheniya_vkladki/admin_4_3otlichno_oblaka622.gif')repeat;
}

/* Сообщение от администратора admin_5
  настроение - оптимистичное настроение  \
 свойства -вниз идет безразмерный и смайоик можно вместить\ 
 вид - колебания синей стоячей воды\   */
.dark_5{
border: 4px double black; /* Параметры границы */
background: #333333; /* Цвет фона ------background: #3333CC;--------*/
padding: 10px; /* Поля вокруг текста */
box-shadow:0 0 10px #A7B196;
text-shadow:0 0 15px #800000, 0 0 6px #A7B196, 0 0 1px #A7B196;
color: #FFFFFF;/* самоделка */
background: url('images/icons/50X50/ispoljzuyu/admin_soobtheniya_vkladki/admin_5_spokoyjnaya_voda_26.gif')repeat;
}
/* Сообщение от администратора admin_6
  настроение - хмурое настроение  \
 свойства -вниз идет безразмерный и смайоик можно вместить\ 
 вид - черные море вид мрачный\   */
.dark_6{
		
border: 4px double black; /* Параметры границы */
background: #333333; /* Цвет фона ------background: #3333CC;--------*/
padding: 10px; /* Поля вокруг текста */
box-shadow:0 0 10px #A7B196;
text-shadow:0 0 15px #800000, 0 0 6px #A7B196, 0 0 1px #A7B196;
color: #FFFFFF;/* самоделка */
background: url('images/icons/50X50/ispoljzuyu/admin_soobtheniya_vkladki/admin_6_khmuroe_nastroenie.gif')repeat;
}
/* Сообщение от администратора admin_7
  настроение - радостное  \
 свойства -вниз идет безразмерный и смайоик можно вместить\ 
 вид - веселые блики на зеленой воде\   */
.dark_7{
border: 4px double black; /* Параметры границы */
background: #333333; /* Цвет фона ------background: #3333CC;--------*/
padding: 10px; /* Поля вокруг текста */
box-shadow:0 0 10px #A7B196;
text-shadow:0 0 15px #800000, 0 0 6px #A7B196, 0 0 1px #A7B196;
color: #FFFFFF;/* самоделка */
background: url('images/icons/50X50/ispoljzuyu/admin_soobtheniya_vkladki/admin_7_veseloe_nastroenie364.gif')repeat;
}
/* Сообщение от администратора admin_8
  настроение - радушное_настроение  \
 свойства -вниз идет безразмерный и смайоик можно вместить\ 
 вид - золотые веселые блики на золотистой воде\   */
.dark_8{
border: 4px double black; /* Параметры границы */
background: #333333; /* Цвет фона ------background: #3333CC;--------*/
padding: 10px; /* Поля вокруг текста */
box-shadow:0 0 10px #A7B196;
text-shadow:0 0 15px #800000, 0 0 6px #A7B196, 0 0 1px #A7B196;
color: #FFFFFF;/* самоделка */
background: url('images/icons/50X50/ispoljzuyu/admin_soobtheniya_vkladki/admin_8_radushnoe_nastroenie544.gif')repeat;
}
/* Сообщение от администратора admin_9
  настроение - гневное  \
 свойства -вниз идет безразмерный и смайоик можно вместить\ 
 вид - молнии мечет мрачное небо\   */
.dark_9{
border: 4px double black; /* Параметры границы */
background: #333333; /* Цвет фона ------background: #3333CC;--------*/
padding: 10px; /* Поля вокруг текста */
box-shadow:0 0 10px #A7B196;
text-shadow:0 0 15px #800000, 0 0 6px #A7B196, 0 0 1px #A7B196;
color: #FFFFFF;/* самоделка */
background: url('images/icons/50X50/ispoljzuyu/admin_soobtheniya_vkladki/admin_9_nochnaya_groza.gif')repeat;
}
/* Сообщение от администратора admin_10
  настроение - философское  \
строк к размещению не более ТРЕХ и смайоик можно вместить\ 
 вид - пустынное место\   */
.dark_10{
border: 4px double black; /* Параметры границы */
background: #333333; /* Цвет фона ------background: #3333CC;--------*/
padding: 10px; /* Поля вокруг текста */
box-shadow:0 0 10px #A7B196;
text-shadow:0 0 15px #800000, 0 0 6px #A7B196, 0 0 1px #A7B196;
color: #FFFFFF;/* самоделка */
background: url('images/icons/50X50/ispoljzuyu/admin_soobtheniya_vkladki/admin_10_3pustihnya_otlichno219.gif')no-repeat;
}
/* Сообщение от администратора admin_11
  настроение - озабоченное_настроение  \
 строк к размещению не более ДВУХ и смайоик можно вместить\ 
 вид - бешеный полет в облаках\   */
.dark_11{
border: 4px double black; /* Параметры границы */
background: #333333; /* Цвет фона ------background: #3333CC;--------*/
padding: 10px; /* Поля вокруг текста */
box-shadow:0 0 10px #A7B196;
text-shadow:0 0 15px #800000, 0 0 6px #A7B196, 0 0 1px #A7B196;
color: #FFFFFF;/* самоделка */
background: url('images/icons/50X50/ispoljzuyu/admin_soobtheniya_vkladki/admin_11_skorostj_poleta263.gif')no-repeat;
}
/* Конкурс «Я ECMЬ ПУТЬ...» на звание лучшего журналиста на территории WWW. IISUSSE-NEWS.COM!
первфый верхний  рекламный банер на странице Конкурс журналистов — «Я есмь путь...»   */
.konkurs_1{
	
	
border: 4px double black; /* Параметры границы */
background: #800000; /* Цвет фона */
padding: 10px; /* Поля вокруг текста */
box-shadow:0 0 10px #A7B196;
text-shadow:0 0 15px #800000, 0 0 6px #A7B196, 0 0 1px #A7B196;
color: #FFFFFF;/* самоделка */
 width: 96%;/* самоделка */
 height:280px;
background: url('images/icons/50X50/2.gif') repeat;
}

/* С уважением, к будущим журналистам, будущей Независимой Американской Партнерской Фракции.- Второй нижний рекламный банер на странице Конкурс журналистов — «Я есмь путь...» http://iisusse-news.com/forum/posting.php?mode=edit&f=754&sid=ac231efe814fa198233fb1fb8cd139ac&t=654&p=685 
Исполльзуется ОДНА крупная строка */
.konkurs_2{
border: 4px double black; /* Параметры границы */
/*background: #800000; /* Цвет фона */
padding: 10px; /* Поля вокруг текста */
box-shadow:0 0 10px #A7B196;
text-shadow:0 0 15px #800000, 0 0 6px #A7B196, 0 0 1px #A7B196;
color: #FFFFFF;/* самоделка */
 width: 100%;/* самоделка */
 /* height:60px;/* самоделка */
background: url('images/icons/50X50/S_uvazheniem_1.gif') no-repeat;
}

 /* ПО МОЕМУ ЭТОТ СТИЛЬ УЖЕ НЕ ИСПОЛЬЗУЕТСЯ 
 Приветсвие для конкурсантов - ставится внизу \
На самом деле я использал -Сообщение от администратора - настроение - серьезно-деловое, \
 Исполльзуется одна крупная строка\  
 вид - колебания волы-море-рябь1 */
 .dark_22{
border: 4px double black; /* Параметры границы */
/*background: #800000; /* Цвет фона */
padding: 10px; /* Поля вокруг текста */
box-shadow:0 0 10px #A7B196;
text-shadow:0 0 15px #800000, 0 0 6px #A7B196, 0 0 1px #A7B196;
color: #FFFFFF;/* самоделка */
 width: 850px;/* самоделка */
 /* height:60px;/* самоделка */
background: url('images/icons/50X50/S_uvazheniem_1.gif') no-repeat;
}

/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ */





/* начало BBCode jquery spoiler_6 */

.box {
	
    background:#D0CECB;/* исх. background:#7B929E;*/ 
    margin-bottom:25px;/*не заметил работы никакой*/ 
    padding:0;/*не заметил работы никакой*/ 
    position: relative;
    overflow: hidden;
   border: 2px solid #ccc;
    border-radius: 5px; /*не заметил работы никакой*/ 
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -webkit-box-shadow:0 0 10px #DCDCDC inset;
    -moz-box-shadow:0 0 10px #DCDCDC inset;
    box-shadow:0 0 10px #DCDCDC inset;
/*	font-size: 16px;  /*не заметил работы никакой текст в самом спойлере*/
		font-family: Georgia,serif; /* саиоделка текст в самом спойлере фаглядит сносно с засечками*/
	
		/*фргмент начала моего 1самодельного кода!
	margin:6px 20px  16px 20px;
	
	/*1 цмфра - отступ сверху, 2 - отступ правый, 3 - отступ снизу, 4- отступ слева*/ 
	
	margin:0px 0px  0px 0px;
	
	  -webkit-border-radius: 10;
  -moz-border-radius: 10;
  border-radius: 10px;
 font-size:17px;
    padding:7px 25px;
    padding: 11px;
	  padding-left:22px;
	  padding-right:22px;
    text-decoration:none;
    text-shadow:0px 1px 0px #e1e2ed;

border : 1px solid #818981;
/*background : url('./images/btn_1.png') repeat-x left 100%;  -----делает фон прозрачным. Интересный эфект, но мне он в данном случае не нужен!*/
cursor: auto;
			/*фргмент конца моего 1самодельного кода!*/ 

	/*фргмент начала моего 2самодельного кода!*/ 
		
	 -webkit-box-shadow:rgba(0,0,0,0.7) 0px 5px 15px, inset rgba(0,0,0,0.15) 0px -10px 20px;
     -khtml-box-shadow:rgba(0,0,0,0.7) 0px 5px 15px, inset rgba(0,0,0,0.15) 0px -10px 20px;
       -moz-box-shadow:rgba(0,0,0,0.7) 0px 5px 15px, inset rgba(0,0,0,0.15) 0px -10px 20px;
         -o-box-shadow:rgba(0,0,0,0.7) 0px 5px 15px, inset rgba(0,0,0,0.15) 0px -10px 20px;
            box-shadow:rgba(0,0,0,0.7) 0px 5px 15px, inset rgba(0,0,0,0.15) 0px -10px 20px;

		/*фргмент конца моего 2самодельного кода!*/ 
		}
.box h6 {
    font-size:12px;                               /*пояснительная надпись на спойлере*/
    font-weight:800;
    text-transform:uppercase;
    color:#444;
    background: #ddd;
    margin:0 -10px -1px -10px;
    padding:5px;/*двигает поя снительный текст спойлера вниз делая планку широкой*/ 
    padding-left: 27px; /*двигает пояснительный текст спойлера влево*/ 
    padding-right: 45px;  /*не заметил работы никакой*/                                
	 padding-bottom: 2px;	
    -webkit-box-shadow:0 0 10px #DCDCDC inset;
    -moz-box-shadow:0 0 10px #DCDCDC inset;
    box-shadow:0 0 10px #DCDCDC inset;
    border-radius: 5px 5px 0 0;
    -moz-border-radius: 65px 65px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
	                                               /* Если вставить эту самоделку то можно на спллере море получить!!!!!
	background: url('images/icons/50X50/S_uvazheniem_1.gif') no-repeat; */
	}

.block {
    padding:10;
}

.block_in {
    padding:12px;
}

.box div.hide {
display: block;
width: 40px;
line-height: 24px;
position: absolute;
right: 15px;
top: 8px;
cursor: pointer;
font-size: 10px;/*надпись на кнопке*/
text-transform: uppercase;
text-align: center;
border: solid 1px #aaa;
background: #f5f5f5;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-webkit-box-shadow:0 0 4px #DCDCDC inset;
-moz-box-shadow:0 0 4px #DCDCDC inset;
box-shadow:0 0 4px #DCDCDC inset;
}

.box div.hide:hover {
background: #fff;
}

.box div.hide span.h {    display: block;}
.box div.hide span.s {    display: none;}
.box div.show  span.h {    display: none;}
.box div.show  span.s {    display: block;}

.closed div.hide span.h {    display: none;}
.closed div.hide span.s {    display: block;}
.closed div.show  span.h {    display: block;}
.closed div.show  span.s {    display: none;}

/*конец BBCode jquery spoiler_6 */





/* начало BBCode jquery spoiler_7 */

.box1 {
    background:#7B929E;/* исх. background:#7B929E;*/ 
    margin-bottom:25px;/*не заметил работы никакой*/ 
    padding:0;/*не заметил работы никакой*/ 
    position: relative;
    overflow: hidden;
   border: 2px solid #ccc;
    border-radius: 5px; /*не заметил работы никакой*/ 
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -webkit-box-shadow:0 0 10px #DCDCDC inset;
    -moz-box-shadow:0 0 10px #DCDCDC inset;
    box-shadow:0 0 10px #DCDCDC inset;
/*	font-size: 16px;  /*не заметил работы никакой текст в самом спойлере*/
		font-family: Georgia,serif; /* саиоделка текст в самом спойлере фаглядит сносно с засечками*/
	
		/*фргмент начала моего 1самодельного кода!
	margin:6px 20px  16px 20px;
	
	/*1 цмфра - отступ сверху, 2 - отступ правый, 3 - отступ снизу, 4- отступ слева*/ 
	
	margin:0px 0px  0px 0px;
	
	  -webkit-border-radius: 10;
  -moz-border-radius: 10;
  border-radius: 10px;
 font-size:17px;
    padding:7px 25px;
    padding: 11px;
	  padding-left:22px;
	  padding-right:22px;
    text-decoration:none;
    text-shadow:0px 1px 0px #e1e2ed;

border : 1px solid #818981;
/*background : url('./images/btn_1.png') repeat-x left 100%;  -----делает фон прозрачным. Интересный эфект, но мне он в данном случае не нужен!*/
cursor: auto;
			/*фргмент конца моего 1самодельного кода!*/ 

	/*фргмент начала моего 2самодельного кода!*/ 
		
	 -webkit-box-shadow:rgba(0,0,0,0.7) 0px 5px 15px, inset rgba(0,0,0,0.15) 0px -10px 20px;
     -khtml-box-shadow:rgba(0,0,0,0.7) 0px 5px 15px, inset rgba(0,0,0,0.15) 0px -10px 20px;
       -moz-box-shadow:rgba(0,0,0,0.7) 0px 5px 15px, inset rgba(0,0,0,0.15) 0px -10px 20px;
         -o-box-shadow:rgba(0,0,0,0.7) 0px 5px 15px, inset rgba(0,0,0,0.15) 0px -10px 20px;
            box-shadow:rgba(0,0,0,0.7) 0px 5px 15px, inset rgba(0,0,0,0.15) 0px -10px 20px;

		/*фргмент конца моего 2самодельного кода!*/ 
		}
.box1 h6 {
    font-size:12px;                               /*пояснительная надпись на спойлере*/
    font-weight:800;
    text-transform:uppercase;
    color:#444;
    background: #ddd;
    margin:0 -10px -1px -10px;
    padding:5px;/*двигает поя снительный текст спойлера вниз делая планку широкой*/ 
    padding-left: 27px; /*двигает пояснительный текст спойлера влево*/ 
    padding-right: 45px;  /*не заметил работы никакой*/                                
	 padding-bottom: 2px;	
    -webkit-box-shadow:0 0 10px #DCDCDC inset;
    -moz-box-shadow:0 0 10px #DCDCDC inset;
    box-shadow:0 0 10px #DCDCDC inset;
    border-radius: 5px 5px 0 0;
    -moz-border-radius: 65px 65px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
	                                               /* Если вставить эту самоделку то можно на спллере море получить!!!!!
	background: url('images/icons/50X50/S_uvazheniem_1.gif') no-repeat; */
	}

.block {
    padding:10;
}

.block_in {
    padding:12px;
}

.box1 div.hide {
display: block;
width: 40px;
line-height: 24px;
position: absolute;
right: 15px;
top: 8px;
cursor: pointer;
font-size: 10px;/*надпись на кнопке*/
text-transform: uppercase;
text-align: center;
border: solid 1px #aaa;
background: #f5f5f5;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-webkit-box-shadow:0 0 4px #DCDCDC inset;
-moz-box-shadow:0 0 4px #DCDCDC inset;
box-shadow:0 0 4px #DCDCDC inset;
}

.box1 div.hide:hover {
background: #fff;
}

.box1 div.hide span.h {    display: block;}
.box1 div.hide span.s {    display: none;}
.box1 div.show  span.h {    display: none;}
.box1 div.show  span.s {    display: block;}

.closed div.hide span.h {    display: none;}
.closed div.hide span.s {    display: block;}
.closed div.show  span.h {    display: block;}
.closed div.show  span.s {    display: none;}

/*конец BBCode jquery spoiler_7 */




/* начало BBCode jquery spoiler_8 */

.box2 {   
    background:#686868;/* исх. background:#7B929E; тоже клево--- 633500, 2F5457   */ 
    margin-bottom:25px;/*не заметил работы никакой*/ 
    padding:0;/*не заметил работы никакой*/ 
    position: relative;
    overflow: hidden;
   border: 2px solid #ccc;
    border-radius: 5px; /*не заметил работы никакой*/ 
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -webkit-box-shadow:0 0 10px #DCDCDC inset;
    -moz-box-shadow:0 0 10px #DCDCDC inset;
    box-shadow:0 0 10px #DCDCDC inset;
/*	font-size: 16px;  /*не заметил работы никакой текст в самом спойлере*/
		font-family: Georgia,serif; /* саиоделка текст в самом спойлере фаглядит сносно с засечками*/
	
		/*фргмент начала моего 1самодельного кода!
	margin:6px 20px  16px 20px;
	
	/*1 цмфра - отступ сверху, 2 - отступ правый, 3 - отступ снизу, 4- отступ слева*/ 
	
	margin:0px 0px  0px 0px;
	
	  -webkit-border-radius: 10;
  -moz-border-radius: 10;
  border-radius: 10px;
 font-size:17px;
    padding:7px 25px;
    padding: 11px;
	  padding-left:22px;
	  padding-right:22px;
    text-decoration:none;
    text-shadow:0px 1px 0px #e1e2ed;

border : 1px solid #818981;
/*background : url('./images/btn_1.png') repeat-x left 100%;  -----делает фон прозрачным. Интересный эфект, но мне он в данном случае не нужен!*/
cursor: auto;
			/*фргмент конца моего 1самодельного кода!*/ 

	/*фргмент начала моего 2самодельного кода!*/ 
		
	 -webkit-box-shadow:rgba(0,0,0,0.7) 0px 5px 15px, inset rgba(0,0,0,0.15) 0px -10px 20px;
     -khtml-box-shadow:rgba(0,0,0,0.7) 0px 5px 15px, inset rgba(0,0,0,0.15) 0px -10px 20px;
       -moz-box-shadow:rgba(0,0,0,0.7) 0px 5px 15px, inset rgba(0,0,0,0.15) 0px -10px 20px;
         -o-box-shadow:rgba(0,0,0,0.7) 0px 5px 15px, inset rgba(0,0,0,0.15) 0px -10px 20px;
            box-shadow:rgba(0,0,0,0.7) 0px 5px 15px, inset rgba(0,0,0,0.15) 0px -10px 20px;

		/*фргмент конца моего 2самодельного кода!*/ 
		}
.box2 h6 {
    font-size:12px;                               /*пояснительная надпись на спойлере*/
    font-weight:800;
    text-transform:uppercase;
    color:#444;
    background: #ddd;
    margin:0 -10px -1px -10px;
    padding:5px;/*двигает поя снительный текст спойлера вниз делая планку широкой*/ 
    padding-left: 27px; /*двигает пояснительный текст спойлера влево*/ 
    padding-right: 45px;  /*не заметил работы никакой*/                                
	 padding-bottom: 2px;	
    -webkit-box-shadow:0 0 10px #DCDCDC inset;
    -moz-box-shadow:0 0 10px #DCDCDC inset;
    box-shadow:0 0 10px #DCDCDC inset;
    border-radius: 5px 5px 0 0;
    -moz-border-radius: 65px 65px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
	                                               /* Если вставить эту самоделку то можно на спллере море получить!!!!!
	background: url('images/icons/50X50/S_uvazheniem_1.gif') no-repeat; */
	}

.block {
    padding:10;
}

.block_in {
    padding:12px;
}

.box2 div.hide {
display: block;
width: 40px;
line-height: 24px;
position: absolute;
right: 15px;
top: 8px;
cursor: pointer;
font-size: 10px;/*надпись на кнопке*/
text-transform: uppercase;
text-align: center;
border: solid 1px #aaa;
background: #f5f5f5;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-webkit-box-shadow:0 0 4px #DCDCDC inset;
-moz-box-shadow:0 0 4px #DCDCDC inset;
box-shadow:0 0 4px #DCDCDC inset;
}

.box2 div.hide:hover {
background: #fff;
}

.box2 div.hide span.h {    display: block;}
.box2 div.hide span.s {    display: none;}
.box2 div.show  span.h {    display: none;}
.box2 div.show  span.s {    display: block;}

.closed div.hide span.h {    display: none;}
.closed div.hide span.s {    display: block;}
.closed div.show  span.h {    display: block;}
.closed div.show  span.s {    display: none;}

/*конец BBCode jquery spoiler_8 */



/* начало ИЗУРУДОВАННЫЙ BBCode jquery spoiler_9 */

.box3 {   
    background:#CC9900;/* исх. background:#7B929E; тоже клево--- 633500, 2F5457   */ 
    margin-bottom:25px;/*не заметил работы никакой*/ 
    padding:0;/*не заметил работы никакой*/ 
    position: relative;
    overflow: hidden;
   border: 2px solid #ccc;
    border-radius: 5px; /*не заметил работы никакой*/ 
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -webkit-box-shadow:0 0 10px #DCDCDC inset;
    -moz-box-shadow:0 0 10px #DCDCDC inset;
    box-shadow:0 0 10px #DCDCDC inset;
/*	font-size: 16px;  /*не заметил работы никакой текст в самом спойлере*/
		font-family: Georgia,serif; /* саиоделка текст в самом спойлере фаглядит сносно с засечками*/
	
		/*фргмент начала моего 1самодельного кода!
	margin:6px 20px  16px 20px;
	
	/*1 цмфра - отступ сверху, 2 - отступ правый, 3 - отступ снизу, 4- отступ слева*/ 
	
	margin:0px 0px  0px 0px;
	
	  -webkit-border-radius: 10;
  -moz-border-radius: 10;
  border-radius: 10px;
 font-size:17px;
    padding:7px 25px;
    padding: 11px;
	  padding-left:22px;
	  padding-right:22px;
    text-decoration:none;
    text-shadow:0px 1px 0px #e1e2ed;

border : 1px solid #818981;
/*background : url('./images/btn_1.png') repeat-x left 100%;  -----делает фон прозрачным. Интересный эфект, но мне он в данном случае не нужен!*/
cursor: auto;
			/*фргмент конца моего 1самодельного кода!*/ 

	/*фргмент начала моего 2самодельного кода!*/ 
		
	 -webkit-box-shadow:rgba(0,0,0,0.7) 0px 5px 15px, inset rgba(0,0,0,0.15) 0px -10px 20px;
     -khtml-box-shadow:rgba(0,0,0,0.7) 0px 5px 15px, inset rgba(0,0,0,0.15) 0px -10px 20px;
       -moz-box-shadow:rgba(0,0,0,0.7) 0px 5px 15px, inset rgba(0,0,0,0.15) 0px -10px 20px;
         -o-box-shadow:rgba(0,0,0,0.7) 0px 5px 15px, inset rgba(0,0,0,0.15) 0px -10px 20px;
            box-shadow:rgba(0,0,0,0.7) 0px 5px 15px, inset rgba(0,0,0,0.15) 0px -10px 20px;

		/*фргмент конца моего 2самодельного кода!*/  margin-top: 0px;
    margin-right: 30px;
    
     -webkit-box-reflect: below -5px -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(255, 255, 255, 0.3)));
		}
.box3 h6 {
    font-size:12px;                               /*пояснительная надпись на спойлере*/
    font-weight:800;
    text-transform:uppercase;
    color:#444;
 
    margin:0 -10px -1px -10px;
    padding:5px;/*двигает поя снительный текст спойлера вниз делая планку широкой*/ 
    padding-left: 27px; /*двигает пояснительный текст спойлера влево*/ 
    padding-right: 45px;  /*не заметил работы никакой*/                                
	 padding-bottom: 2px;	
    -webkit-box-shadow:0 0 10px #DCDCDC inset;
    -moz-box-shadow:0 0 10px #DCDCDC inset;
    box-shadow:0 0 10px #DCDCDC inset;
    border-radius: 5px 5px 0 0;
    -moz-border-radius: 65px 65px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
	                                              
	background: url('images/icons/50X50/S_uvazheniem_1.gif') no-repeat;
	}

.block {
    padding:10;
}

.block_in {
    padding:12px;
}

.box3 div.hide {
display: block;
width: 40px;
line-height: 24px;
position: absolute;
right: 15px;
top: 8px;
cursor: pointer;
font-size: 10px;/*надпись на кнопке*/
text-transform: uppercase;
text-align: center;
border: solid 1px #aaa;
background: #f5f5f5;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-webkit-box-shadow:0 0 4px #DCDCDC inset;
-moz-box-shadow:0 0 4px #DCDCDC inset;
box-shadow:0 0 4px #DCDCDC inset;
}

.box3 div.hide:hover {
background: #fff;
}

.box3 div.hide span.h {    display: block;}
.box3 div.hide span.s {    display: none;}
.box3 div.show  span.h {    display: none;}
.box3 div.show  span.s {    display: block;}

.closed div.hide span.h {    display: none;}
.closed div.hide span.s {    display: block;}
.closed div.show  span.h {    display: block;}
.closed div.show  span.s {    display: none;}


/*конец ИЗУРУДОВАННЫЙ BBCode jquery spoiler_9*/






.logo1 {
	 -webkit-box-reflect: below -5px -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(255, 255, 255, 0.3)));
	}
.logo {
	margin-top: 0px;
	margin-right: 30px;
		 -webkit-box-reflect: below -5px -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(255, 255, 255, 0.3)));
	}
	
	.logo2 {
	margin-top: 10px;
	margin-right: 30px;
		 -webkit-box-reflect: below -5px -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(255, 255, 255, 0.3)));
	}
	

/* начало  бб-код для кнопки bottom_1 */
.bottom1 {
margin:2px 5px;
  -webkit-border-radius: 28;
  -moz-border-radius: 28;
  border-radius: 28px;
 font-family:Arial;
 font-size:17px;
    padding: 1px;
	  padding-left:12px;
	  padding-right:12px;
    text-decoration:none;
    text-shadow:0px 1px 0px #e1e2ed;

border : 1px solid #666666;
background : url('./images/btn_1.png') repeat-x left 0%;
cursor: auto;
}
.bottom1:hover {

 font-size:17px;
background : url('./images/btn.png') repeat-x left 0%;
background-color : #efefef;
border : 2px solid #666666;
}
/* конец  бб-код для кнопки bottom_1 */



/* НАЧАЛО бб-код для кнопки bottom_7 - кнопки bottom_12  Божья коровка */

.korovka{
 padding:1px 4px; 

 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1982A5', endColorstr='#1982A5',GradientType=0 ); 
 /* из-за этого куска появлялась прозрачная подложка под букашкой!
 
  background-image: linear-gradient(top, #3BA4C7 0% ,#1982A5 100%);   
 -webkit-box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff; 
 -moz-box-shadow: 0px 0px 2px #bababa,  inset 0px 0px 1px #ffffff;  
 box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff;  */
  }
.korovka:hover {
			
			 -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;

 

  border-radius: 50%;
  -webkit-transform: rotate(360deg);
     -moz-transform: rotate(360deg);
       -o-transform: rotate(360deg);
      -ms-transform: rotate(360deg);
          transform: rotate(360deg);

}

/* конец  бб-код для кнопки bottom_7 - кнопки bottom_12 Божья коровка*/


/*   бб-код для текста  steeltext_12 */




/* \\\\\\\\\\\\\\\\\\\\\\\\\\\\ЭФФЕКТЫ ПРИМЕНЯЕМЫЕ К ГРАФИКЕ\\\\\\\\\\\\\\\\\\\\\\\\\\\*/


.float_1{
float : right;
}

.float_2{
float : left;
}




.border{
border: 2px solid #333333;

 border-radius: 50%;
  -webkit-transform: rotate(360deg);
     -moz-transform: rotate(360deg);
       -o-transform: rotate(360deg);
      -ms-transform: rotate(360deg);
          transform: rotate(360deg);
}





/* начало - foto_1 -------[foto_1]Ваша ссылка[/foto_1] Если пользователь наводит курсор на изображение фотография увеличивается, оставаясь в пределах своих границ.
 */

/*GROW*/
.grow {
  height: 150px;
  width: 150px;
 
  -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;
}
 .grow img:hover {
  width: 400px;
  height: 400px;
  

}

/* конец - foto_1 -------[foto_1]Ваша ссылка[/foto_1] Если пользователь наводит курсор на изображение фотография увеличивается, оставаясь в пределах своих границ.







/* начало - foto_1 -------[foto_1]Ваша ссылка[/foto_1] Если пользователь наводит курсор на изображение фотография увеличивается, оставаясь в пределах своих границ.
 */

/*GROW*/
.1_grow {
  height: 150px;
  width: 150px;
 
  -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;
}
 .grow img:hover {
  width: 200px;
  height: 200px;
  
z-index:10000;
}

/* конец - foto_1 -------[foto_1]Ваша ссылка[/foto_1] Если пользователь наводит курсор на изображение фотография увеличивается, оставаясь в пределах своих границ.



/* начало - foto_2 -------[foto_2]Ваша ссылка[foto_2] Небольшой ПОВОРОТ ИЗОБРАЖЕНИЯ в результате наведения курсора мыши фото */


/*TILT*/
.tilt {
	
	
  -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
}
 
.tilt:hover {
  -webkit-transform: rotate(-10deg);
     -moz-transform: rotate(-10deg);
       -o-transform: rotate(-10deg);
      -ms-transform: rotate(-10deg);
          transform: rotate(-10deg);
		  
		  
}

  
 /* начало - ЭФФЕКТ 1 -------[effect_1]Ваша ссылка[/effect_1] Если пользователь наводит курсор на изображение фотография станет в стиле сепия */
 
 *SEPIA*/
.sepia img {
  -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;
}

.sepia img:hover {
  -webkit-filter: sepia(100%);
}
 
 
  /* начало - ЭФФЕКТ 2 -------[effect_2]Ваша ссылка[/effect_2] Если пользователь наводит курсор на изображение фотография станет в стиле оттенок */
 
 /*HUE_ROTATE*/
.hue-rotate img {
  -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;
		  
		  
		  
		  background-color: #FFFFFF;
padding: 0px;
margin: 5px 0 1px;
border: 2px solid transparent;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
box-shadow: 0 0 10px 0 #000000;
-webkit-box-shadow: 0 0 10px 0 #000000;
-moz-box-shadow: 0 0 10px 0 #000000;

		  
		  
		  
}

.hue-rotate img:hover {
  -webkit-filter: hue-rotate(65deg);  
}
 
 
  
 /* начало - ЭФФЕКТ 3 -Прозрачность */
 
/*OPACITY*/
.opacity img {
		 -webkit-filter: opacity(35%); 
  }
.opacity img:hover {
       -webkit-filter: opacity(100%); 
        -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;
}

 /* начало - ЭФФЕКТ 4----- класс надо прописывать как : bw pic 
 --[effect_4]Ваша ссылка[/effect_4] Цветная фотография с переходом на черно-белое изображение */

/*B&W*/
.bw {
  -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;
}
 
.bw:hover {
  -webkit-filter: grayscale(100%);
}

 /* начало - ЭФФЕКТ 5---------------- Крутой Flip эффект---------------http://www.hmil.ru/43-primera-css3/-------[effect_5]Ваша ссылка[/effect_5] */



body, div, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, img, form, fieldset, blockquote {
	margin: 0; padding: 0; border: 0;
	
	
}

/* body {
	/*background: #333333 url(wood-bg.png);/* исх   background: #3f3f3f url(wood-bg.png)    */
	font-family: Helvetica, Arial, Sans-Serif;
	
}*/

h1 {
	font-size: 50px; text-transform: uppercase; color: #717171;
	text-shadow: 0 3px 3px #333; margin: 50px 0 0 0; text-align: center;
}

h2 {
	
		font-size: 30px; text-transform: uppercase; color: #717171;
	text-shadow: 0 3px 3px #333; margin: 50px 0 0 0; text-align: center;
	 
}




#browser {
	margin: 0 auto; text-align: center;
	text-shadow: 0 3px 3px #333;
}
	#browser em {
		font: italic 26px Georgia, Serif; color: #666; 
		
		
		
	}

#transformers-rule {
	
	
	width: 900px; /* исх.  margin: 750px;	 Работает -сразу прилип к левому краю  */
	position: relative;
	 margin: 5px auto;/* исх.  margin: 50px auto;	 Работает -сразу прилип к верху */
	 
	  margin-bottom: 410px;/* самоделка	 Работает - сразу начал по мере увеличения цифры приоткрывать слайд обрезанный наполовину */
	 
	 
	
	 
}

.container {
 
	
	width: 324px; height: 412px;
	-webkit-perspective: 1000;
	
}

.card {
	width: 348px;  /* Выбрал как-то фото именно такого размера и прописал иего в белую рамку - оно честко встанет если будет 480х260, 
		раздвинул в ширину белую рамку  ранее было width: 324px; height: 412px;   */
/* 	border: 8px solid #fff;	* /   создает белую рамку, в которую затем вогнать картинку невозможно  */
	height: 380px;
	
	-webkit-transform-style: preserve-3d;
	-webkit-transition: 0.5s;
}
	.container:hover .card {
		-webkit-transform: rotateY(180deg);		
		
				
	}

.face {
	position: absolute;
	 
	-webkit-backface-visibility: hidden;
}


.megatron {
	float: left;  
	position: absolute;
	 top: 0px; 
	  left: 0px;/* исх. top: 60px; left: 20px;	  */

	 	 
	-webkit-transform: rotate(0deg); /* ранее было поворот на градусы   -webkit-transform: rotate(5deg);  Если надо поставить ровно -  -webkit-transform: rotate(0deg);  */
}
	.megatron .front {
		
		 padding-left:16px;
	  padding-right:16px;
	   padding-top:12px;
	  padding-bottom:10px;
	  
    -webkit-box-shadow:rgba(0,0,0,0.7) 0px 5px 15px, inset rgba(0,0,0,0.15) 40px -20px 140px;
     -khtml-box-shadow:rgba(0,0,0,0.7) 0px 5px 15px, inset rgba(0,0,0,0.15) 40px -20px 140px;
       -moz-box-shadow:rgba(0,0,0,0.7) 0px 5px 15px, inset rgba(0,0,0,0.15) 40px -20px 140px;
         -o-box-shadow:rgba(0,0,0,0.7) 0px 5px 15px, inset rgba(0,0,0,0.15) 40px -20px 140px;
            box-shadow:rgba(0,0,0,0.7) 0px 5px 15px, inset rgba(0,0,0,0.15) 40px -20px 140px;
		/* тут было пусто но я вставил этоот эффект тени и у меня серая рамка спереди нарисовалась, конечно же мне хотелось сделать так как получился задник, но за неимением другого и так сойдет	  */
		
	}
	.megatron .back {
		width: 320px; /* исх. width: 284px; height: 284px; padding: 20px;	  */
		height: 392px;/* исх. width: 284px; height: 372px; padding: 20px;	  */
		padding: 20px; /* исх. width: 20px; делает отступ текста и слева и справа на заднике	  */

		-webkit-transform: rotateY(180deg);
		background: #30556A url(texture.png); /* меняет основной фон на заднике  */
		
		
		
		 padding-left:16px;
	  padding-right:16px;
	   padding-top:12px;
	  padding-bottom:10px;
	  
    -webkit-box-shadow:rgba(0,0,0,0.7) 0px 5px 15px, inset rgba(0,0,0,0.15) 40px -20px 140px;
     -khtml-box-shadow:rgba(0,0,0,0.7) 0px 5px 15px, inset rgba(0,0,0,0.15) 40px -20px 140px;
       -moz-box-shadow:rgba(0,0,0,0.7) 0px 5px 15px, inset rgba(0,0,0,0.15) 40px -20px 140px;
         -o-box-shadow:rgba(0,0,0,0.7) 0px 5px 15px, inset rgba(0,0,0,0.15) 40px -20px 140px;
            box-shadow:rgba(0,0,0,0.7) 0px 5px 15px, inset rgba(0,0,0,0.15) 40px -20px 140px;
			
	}
		
		
		
		.megatron .back h1 {
	
		font-size: 24px; text-transform: uppercase; color: #717171;
	text-shadow: 0 3px 3px #333; margin: 5px 0 0 0; text-align: center;
	 
}
		
		
		
		.megatron .back h2 {
			width: 287px; height: 42px; margin: 0 auto 20px auto;
			background: url(megatron-title.png); text-indent: -9999px; 
		}
		.megatron img {
			float: left;
			
		}
		.megatron p {
			float: left; width: 185px; margin: 0 20px 20px 51px;
			font-size: 17px; line-height: 28px; color: #D7D0A6; /* меняет цвет шрифта на заднике  */
		}
		.megatron dl {
			font-size: 30px; font-weight: bold; 
			line-height: 40px; color: #717171;
			width: 294px; padding: 5px 10px; overflow: hidden; 
			background: #330033 url(gradient.png) repeat-y;/* меняет фон в зоне  */
			-webkit-box-shadow: 0 1px 5px #888;
			text-shadow: 0 1px 1px #f5f5f5;
		}
			.megatron dl dt {
				float: left; clear: both;
			}
			.megatron dl dd {
				float: right;
			}










	
.optimus {
	float: left; position: absolute; top: 120px; right: 20px;
	-webkit-transform: rotate(-3deg);
}
	.optimus .front {
		
	}
	.optimus .back {
		width: 284px; height: 372px; padding: 20px;
		-webkit-transform: rotateY(180deg);
		background: #a3a3a3 url(texture.png); 
	}
		.optimus .back h2 {
			width: 292px; height: 33px; margin: 0 auto 20px auto;
			background: url(optimus-title.png); text-indent: -9999px; 
		}
		.optimus img {
			float: right;
		}
		.optimus p {
			float: left; width: 185px; margin: 0 0 27px 0;
			font-size: 17px; line-height: 28px; color: #4c4c4c; 
		}
		.optimus dl {
			font-size: 30px; font-weight: bold; 
			line-height: 40px; color: #717171;
			width: 264px; padding: 5px 10px; overflow: hidden; 
			background: #cfcfcf url(gradient.png) repeat-y;
			-webkit-box-shadow: 0 1px 5px #888;
			text-shadow: 0 1px 1px #f5f5f5;
		}
			.optimus dl dt {
				float: left; clear: both;
			}
			.optimus dl dd {
				float: right;
			}

.front {
	z-index: 10;
}
.container:hover .front {
	z-index: 0;
} 

#credit {
	position: absolute; bottom: 40px; right: 40px; width: 200px;
	text-align: center; font-size: 14px; color: #717171;
}
	#credit a {
		color: #666;
	}
		#credit a:hover {
			color: #888;
		}

 /* конец - ЭФФЕКТ 5---------------- Крутой Flip эффект------------- */







 /* случайные куски могут пригодится */

.box-shadow {  /*уже пригодился  tip_1=  была проьлема с маленькой фоткой. Никак не мог сделать приличный размер как вставил эту тень так сразу фото стало большим !!!!*/
	-webkit-box-shadow: -11px 10px 32px 0px #C2C2C2;
	   -moz-box-shadow: -11px 10px 32px 0px #C2C2C2;
	        box-shadow: -11px 10px 32px 0px #C2C2C2;

	background-color: #F5F5F5;
	width: 200px;
	height: 200px;
	position: absolute;
}

              
 /*уже пригодился  blok_2_note_ss=   и для  ББ-кода - blok_2_note_s=    !!!!*/
.box_shadow_1 {
	
	 padding-left:16px;
	  padding-right:16px;
	   padding-top:12px;
	  padding-bottom:10px;
	  
    -webkit-box-shadow:rgba(0,0,0,0.7) 0px 5px 15px, inset rgba(0,0,0,0.15) 40px -20px 140px;
     -khtml-box-shadow:rgba(0,0,0,0.7) 0px 5px 15px, inset rgba(0,0,0,0.15) 40px -20px 140px;
       -moz-box-shadow:rgba(0,0,0,0.7) 0px 5px 15px, inset rgba(0,0,0,0.15) 40px -20px 140px;
         -o-box-shadow:rgba(0,0,0,0.7) 0px 5px 15px, inset rgba(0,0,0,0.15) 40px -20px 140px;
            box-shadow:rgba(0,0,0,0.7) 0px 5px 15px, inset rgba(0,0,0,0.15) 40px -20px 140px;
			
		

}

 

/*Задам ка я класс для цветных записок -blok_2_note_s= */

#w_text {/*это мой самодельный код - я его создал когда мне нужно было сделать белый шрифт на цветных пояснительных записках  blok_2_note_ss=  */

color : #DDDDDD;


border-left : 1px solid #4d6c95;

border-top : 1px solid #4d6c95;

border-right : 1px solid #4d6c95;


}



/*Задам ка я класс для фотографий*/
.img_for_foto {/*Кажется уже не нужен . Я его создавал себе в помощь при работе с фотками*/

width: 640px;
	height: 1640px;
	
	float:left;
	
	  position:absolute;
border:1px solid red;
float:right;

}


.img_for_foto1 {/*Кажется уже не нужен . Я его создавал себе в помощь при работе с фотками*/

width: 640px;
	height: 640px;
	
	float:left;
	
	  position:absolute;
border:1px solid red;
float:right;

}


/*Случайная цитата   мне надо сделать отступы от краем в цитатнике*/


.sluchayjnaya_citata {
	
	 padding-left:46px;
	  padding-right:46px;
	float:centre;
	
}

.sluchayjnaya_citata_1 {
	
	 padding-left:46px;
	  padding-right:46px;
	float:left;
	
}

/*Светящийся текст - 1 ВАРИАНТ*/


@-webkit-keyframes pulsate {
50% { color: #fff; text-shadow: 0 -1px rgba(0,0,0,.3), 0 0 5px #ffd, 0 0 8px #fff; }
}
@keyframes pulsate {
50% { color: #fff; text-shadow: 0 -1px rgba(0,0,0,.3), 0 0 5px #ffd, 0 0 8px #fff; }
}
#blink7 {
color: rgb(245,245,245);
text-shadow: 0 -1px rgba(0,0,0,.1);
/*background: green;*/
-webkit-animation: pulsate 1.2s linear infinite;
animation: pulsate 1.2s linear infinite;
}


.vote {
background-color: #D3D3D3;
 width: 100%;
 height:32px;
 float: left;
 margin: 5px 5px 5px 0;
 box-shadow: 1px 2px 2px 2px rgba(0, 0, 0, 0.4);
  border-left: 2px solid #727272;
     
        border-radius: 8px;
        -moz-border-radius: 8px;
        -webkit-border-radius: 8px;
			   
}

/*начало подфорум ы столбик*/
a.subforum {
   background-image: none;
   background-position: 0 50%;
   background-repeat: no-repeat;
   position: relative;
   /*white-space: nowrap; Ломает масштаб верстки таблицы  */
   padding: 0 0 0 12px;
}

a.subforum.read {
   background-image: url('../imageset/icon_post_target.gif');
}

a.subforum.unread {
   background-image: url('../imageset/icon_post_target_unread.gif');
}

/*конец подфорум ы столбик */




/* начало  к модулю друзья в профиле */

h4_4 {

color : #D8E2EF;

font-size : 1em;

font-weight : bold;

margin : 0;

padding-top : 5px;

}


/* начало имеет отношение к модулю друзья в профиле */

.thumbnail {
   z-index: 0;
   position:relative;
}

a.thumbnail:hover {
   background-color: transparent;
   z-index: 50;
}

.thumbnail span {
   position: absolute;
   background: #e0e5e9 url("./images/cellpic1.gif") repeat-x;
   padding: 4px;
   border: 1px solid #a9b8c2;
   left: 0px;
   display: none;
   color: #FFF;
   text-decoration: none;
}

.thumbnail span img {
   border-width: 0;
   padding: 2px;
}

a.thumbnail:hover span {
   position:absolute;
   display:block;
   top: 20px;
   left: 7px;
}
/* конец имеет отношение к модулю друзья в профиле */

/* конец  к модулю друзья в профиле */



/* Horizontal attachments */
div.thumbnail {
   float: left;
   padding: 4px 4px 2px;
   text-align: center;
   margin: 4px 4px 4px 0;
}
div.thumbnail img {
   padding: 2px;
   background-color: #C79360;
   border: 2px solid #9A5614;
}
div.file {
   float: left;
   padding: 4px 4px 2px;
   background-color: #cadceb;
   border: 1px solid #A5C1D8;
   margin: 4px 4px 4px 0;
}


/*отказ от от ответственности начало */
.otkaz_ot_ovetstvennosti { 
font-family: 'Jura', sans-serif;
text-align: justify;
font-weight : bold;
  text-align: justify;
   background:#333;
    padding:10px 5px 10px 5px;
	line-height: 18px;
     }
/*отказ от от ответственности конец */


/* это нужно для звука - начало */
.zvuk{
 width: 300px;
   height: 20px;
   }
/* это нужно для звука - конец */