Просмотр архива DCMS Special 6 beta

body {
    background-color: rgb(233, 234, 237);
    background: none
repeat scroll 0% 0% rgb(231, 235, 242);
    color: #000;
    margin: auto;

   padding: 0px;
    font-family: arial;
    font-size: 11px;
   
font-weight: normal;
    max-width : 500px;
}

.mail {
    background:
#FFFFFF;
    border-top: 1px #DDDDDD solid;
    padding:
5px;
}
.mail_hidden {
    background: #F2F2F2;
    border-top: 1px #DDDDDD
solid;
    padding: 5px;
}
.window {
    background: #FFE0CC;
    border:
1px #FFAA75 solid;
    box-shadow: 0px 2px 1px rgba(0, 0, 0, 0.075) inset;

   padding: 5px;
    font-family: Book Antiqua;
}
.blok {
    background:
#FFFFFF;
    border-top: 1px #DDDDDD solid;
    padding: 5px;
}
.wall {
   
background: #FFFFFF;
    border-top: 1px #DDDDDD solid;
    padding:
1px;
}
.walls {
    background: #F2F2F2;
    border-top: 1px #DDDDDD
solid;
    padding: 1px;
}
.button_blue,
.button_gray {
  border: 0;
 
display: inline-block;
  *display: inline;
  position: relative;
 
line-height: normal;
  zoom: 1;
}
.button_blue button,
.button_gray button
{
  border: 0;
  -webkit-border-radius: 2px;
  -khtml-border-radius: 2px;
 
-moz-border-radius: 2px;
  border-radius: 2px;
  background: none;
 
font-size: 11px;
  margin: 1px;
  cursor: pointer;
  white-space: nowrap;
 
outline: none;
  font-family: tahoma, arial, verdana, sans-serif, Lucida
Sans;
  vertical-align: top;
  overflow: visible;
  line-height:
13px;
}
.button_blue button:active {
    background: none repeat scroll 0%
0% #404040;
    border-bottom-color: rgb(81, 116, 156);
    position:
relative;
}
.button_blue button::-moz-focus-inner,
.button_gray
button::-moz-focus-inner {
  border: 0;
}
.button_blue
button,
.button_blue.button_disabled
button:active,
.button_blue.button_disabled
button.active,
.button_blue.button_disabled
button:hover,
.button_blue.button_disabled button.hover {
  padding: 4px
10px;
  *padding: 6px 17px;
  border: 0;
  border-bottom: 1px solid
#496b93;
  text-shadow: 0 1px 0 #5578A0;
  background: #808080;
 
background-position: 0px -12px;
  *border: 0;
  color: #FFF;
}
.button_blue
button:hover,
.button_blue button.hover {
  background-position: 0px -5px;

 border-bottom-color:
#4e7199;
}
a.button_link:hover,
a.button_blue:hover,
a.button_gray:hover {

 text-decoration: none;
}












#blueBar {
    background-color:
rgb(59, 89, 152);
    border-bottom: 1px solid rgb(19, 55, 131);
   
min-width: 981px;
    position: relative;
    z-index:
300;
}
#blueBar.fixed_elem {
    left: 0px;
    right: 0px;
    top: 0px;
 
  width: 100%;
}
.body #blueBar {
    height: 37px;
}
a:hover, a:active {
 
  color: #005580;
}
a:link {
    text-decoration: none;
}
a, a:visited {	
 
  color: #000;
}

.camera {
    background:
url("/style/icons/photo.png") no-repeat scroll 0px 0px
transparent;
    padding-left: 14px;
    color: grey;
    font-size:
11px;
}

.photo_album_title div {
    margin: 0px
7px;
}

.photo_album_title {
color: rgb(255, 255, 255);
font-size:
12px;
}
img {
    border: 0px;
    margin: 0px;
    padding: 0px;
   
vertical-align: middle;
}
textarea {
    background-color: rgb(255, 255,
255);
    border: 1px solid rgb(204, 204, 204);
    box-shadow: 0px 1px 1px
rgba(0, 0, 0, 0.075) inset;
    transition: border 0.2s linear 0s,
box-shadow 0.2s linear 0s;
    padding: 2px;
    color: rgb(85, 85, 85);
  
 padding: 4px 6px;
    font-family: "Helvetica
Neue",Helvetica,Arial,sans-serif;
    font-weight: normal;
   
font-size: 13px;
    margin: 1px;
    height: auto;
    width: 206px;
   
overflow: auto;
    line-height: 18px;
    border-radius:
3px;
}

textarea:focus {
    border-color: rgba(82, 168, 236, 0.8);
   
outline: 0px none;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset,
0px 0px 8px rgba(82, 168, 236, 0.6);
}

input[type="search"] {
  
 background-image: url(/style/icons/search.png);
    background-repeat:
no-repeat;
    background-position: 4px;
    outline: none;
   
padding-left: 20px;
    height: 20px;
    font-size: 13px;
    display:
inline-block;
    vertical-align: middle;
    transition: border 0.2s
linear 0s, box-shadow 0.2s linear
0s;
}

input[type="search"]:hover {
    background-image:
url(/style/icons/search.png);
    background-repeat: no-repeat;
   
background-position: 4px;
    outline: none;
    padding-left: 20px;
   
height: 20px;
    font-size: 13px;
    display: inline-block;
   
vertical-align: middle;
    transition: border 0.2s linear 0s, box-shadow
0.2s linear 0s;
}

input[type="text"] {
    display:
inline-block;
    margin-bottom: 0px;
    vertical-align: middle;
   
background-color: rgb(255, 255, 255);
    border: 1px solid rgb(204, 204,
204);
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset;
   
transition: border 0.2s linear 0s, box-shadow 0.2s linear
0s;
}
input[type="text"]:hover {
    display: inline-block;
   
margin-bottom: 0px;
    vertical-align: middle;
    background-color:
rgb(255, 255, 255);
    border: 1px solid rgb(204, 204, 204);
   
box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset;
    transition: border
0.2s linear 0s, box-shadow 0.2s linear 0s;
}
input[type="login"],

input[type="password"] {
    background-repeat: no-repeat;
   
background-position: 3px;
    background-color: rgb(255, 255, 255);
   
outline: none;
    border: 1px solid rgb(204, 204, 204);
   
vertical-align: middle;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075)
inset;
    transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
  
 display: inline-block;
    margin-bottom: 1px;
    height: 20px;
   
font-size: 14px;
    line-height: 20px;
    color:
#555555;
}
input[type="login"]:hover,
input[type="password"]:hover
{
    background-repeat: no-repeat;
    background-position: 3px;
   
background-color: rgb(255, 255, 255);
    outline: none;
    border: 1px
solid rgb(204, 204, 204);
    vertical-align: middle;
    box-shadow: 0px
1px 1px rgba(0, 0, 0, 0.075) inset;
    transition: border 0.2s linear 0s,
box-shadow 0.2s linear 0s;
    display: inline-block;
    margin-bottom:
1px;
    height: 20px;
    font-size: 14px;
    line-height: 20px;
   
color:
#555555;
}
input[type="login"]:focus,
input[type="text"]:focus,
input[type="search"]:focus,
input[type="password"]:focus
{
    border-color: rgba(82, 168, 236, 0.8);
    outline: 0px none;
   
box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 8px rgba(82,
168, 236, 0.6);
}

input[type="submit"] {
    display:
inline-block;
    padding: 2px;
    margin: 1px;
    font-size: 13px;
   
line-height: 15px;
    text-align: center;
    vertical-align: middle;
   
cursor: pointer;
    color: rgb(51, 51, 51);
    text-shadow: 0px 1px 1px
rgba(255, 255, 255, 0.75);
    background-color: rgb(245, 245, 245);
   
background-image: linear-gradient(to bottom, rgb(255, 255, 255), rgb(230,
230, 230));
    background-repeat: repeat-x;
    border-width: 1px;
   
border-style: solid;
    border-color: rgb(187, 187, 187) rgb(187, 187,
187) rgb(162, 162, 162);
    -moz-border-top-colors: none;
   
-moz-border-right-colors: none;
    -moz-border-bottom-colors: none;
   
-moz-border-left-colors: none;
    border-image: none;
    border-radius:
3px;
    box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.2) inset, 0px 1px
2px rgba(0, 0, 0, 0.05);
}

input {
    background: #fff;
    border: 1px
solid #bdc7d8;
    margin: 0;
    padding: 3px;
    color:
grey;
}

input:focus:invalid:focus, textarea:focus:invalid:focus,
select:focus:invalid:focus {
    border-color: rgb(233, 50, 45);
   
box-shadow: 0px 0px 6px rgb(248, 185, 183);
    color: rgb(185, 74,
72);
}

input[type="checkbox"],
input[type="radio"]{
  
 width: auto;
    margin: 1px;
    line-height: normal;
    cursor:
pointer;
    vertical-align: middle;
    box-shadow: 0px 0px 6px rgb(248,
185,
183);
}
select:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus{

   outline:thin dotted #333;
    outline:5px auto
-webkit-focus-ring-color;
    outline-offset:-2px;
    box-shadow: 0px 1px
1px rgba(0, 0, 0, 0.075) inset, 0px 0px 8px rgba(82, 168, 236,
0.6);
}

select {
    background: #fff;
    border: 1px solid #bdc7d8;
   
padding: 2px;
    margin: 0px;
    color: grey;
    vertical-align:
middle;
}

select:hover {
    background: #fff;
    border: 1px solid red;

   padding: 2px;
    margin: 0px;
    color: grey;
    vertical-align:
middle;
}

form {
    margin:1px; 
    padding:0px;
}
/*
обрамление блоков меню */

.table_block
{
    width:
200px;
}
.table_block2
{
    width: 100%;
}



.block11
{
   
background-repeat: no-repeat;
    height: 58px;
    width: 14px;
   
background-image: url('block/11.png');
}
.block12
{
    background-repeat:
repeat-x;
    height: 58px;
    background-image: url('block/12.png');
   
color: gray;
    text-shadow: 0px 2px 1px #FFFFFF;
    font-weight:
bolder;
    font-size: 20px;
    text-align: center;

    font-family:
'Tahoma';

}
.block13
{
    background-repeat: no-repeat;
    height:
58px;
    width: 14px;
    background-image:
url('block/13.png');
}
.block21
{
    background-repeat: repeat-y;
   
width: 14px;
    background-image: url('block/21.png');
}
.block22
{
   
background-repeat: repeat;
    background-color: #F6F7F8;
    font-weight:
normal;
    font-size: small;
    padding-top:5px;
    padding-bottom:5px;

   margin:5px;
    text-align: left;
    color: #000;

}
.block23
{
   
background-repeat: repeat-y;
    width: 14px;
    background-image:
url('block/23.png');
}
.block31
{
    background-repeat: no-repeat;
   
height: 24px;
    width: 14px;
    background-image:
url('block/31.png');
}
.block32
{
    background-repeat: repeat-x;
   
height: 24px;
    background-image: url('block/32.png');
}
.block33
{
   
background-repeat: no-repeat;
    height: 24px;
    width: 14px;
   
background-image: url('block/33.png');
}

.title {
    background:
#EAEAEA;
    border: 1px solid #D3D6DB;
    color: gray;
    padding: 7px;

   text-shadow: 0px 2px 1px #FFFFFF;
    font-weight: bolder;
   
font-size: 15px;
    text-align: center;
    font-family:
'Arial';
}
.table_center
{
    width: 100%;
    vertical-align:
top;
}
.table_body /* Главная таблица */
{
    width: 100%;
 
  vertical-align: top;
}
.menu {
    background: #E1E4ED;
    border: 1px
#d8d8d7 solid;
    padding: 4px;
    margin: 1px;
    color:
#000000;
}


.Photo {
    border: 1px solid rgb(18, 54, 130);
   
-moz-border-top-colors: none;
    -moz-border-right-colors: none;
   
-moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
   
height: 30px;
    margin: 3px 5px 3px 3px;
    width: 30px;
}
.Name {
   
display: inline-block;
    max-width: 175px;
    overflow: hidden;
   
padding-right: 8px;
    text-overflow: ellipsis;
    vertical-align:
middle;
    white-space: nowrap;
}

.new {
    background-color: #FFEC8E;
 
  border: 1px solid #EFDC86;
    padding: 5px;
    font-size: 13px;
   
margin: 1px;
}
.main_menu {
    background: #F6F7F8;
    padding: 5px;
   
margin: 1px;
}
.main_menu:hover {
    background: #D8E1FF;
}

.rekl_main{
 
  font-family: Calibri;
    font-weight: bold;
    font-size: small;
   
padding-top:10px;
    padding-bottom:10px;
    margin:5px;
    color:
#174B1F;
}
.rekl_main a{
    color: #9B1F20;
    padding-left: 16px;
   
background: url('p_menu_1.png') no-repeat left;
}
.rekl_main a:hover{
   
color: #000000;
    padding-left: 16px;
    background: url('p_menu_2.png')
no-repeat left;
}
.count {
    margin: 1px 0px 1px 1px;
    padding: 3px;
 
  color: grey;
    background: #D8D8D8;
    font-weight: bold;
   
font-style: normal;
    font-size: 11px;
    line-height: 11px;
   
-webkit-border-radius: 2px;
    -khtml-border-radius: 2px;
   
-moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-transition:
background-color 200ms linear, color 200ms linear;
    -moz-transition:
background-color 200ms linear, color 200ms linear;
    -o-transition:
background-color 200ms linear, color 200ms linear;
    transition:
background-color 200ms linear, color 200ms linear;
}

.count1 {
    margin:
1px 0px 1px 1px;
    padding: 3px;
    color: #45688E;
    background:
#C9D5FF;
    font-weight: bold;
    font-style: normal;
    font-size:
11px;
    line-height: 11px;
    -webkit-border-radius: 2px;
   
-khtml-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius:
2px;
    -webkit-transition: background-color 200ms linear, color 200ms
linear;
    -moz-transition: background-color 200ms linear, color 200ms
linear;
    -o-transition: background-color 200ms linear, color 200ms
linear;
    transition: background-color 200ms linear, color 200ms
linear;
}

.menu_razd {
    background: #EAEAEA;
    border: 1px #D3D6DB
solid;
    text-align: center;
    text-shadow: 0px 1px 0px #B2C3FF;
   
padding: 3px;
    margin: 1px;
    font-size: 16px;
    color: rgb(55, 64,
78);
}
.panel_text {
    display: table;
    border:0;
    margin-left:
3px;
    margin-bottom: -2px;
    color:#fff;
}

.panel_text_set {	
   
float: left;	
    display: inline;	
}
.panel_text_set a {
    margin-left:
3px;
    display: block;	
    min-width: 50px;	
    padding: 3px 8px 3px
8px;	
    text-decoration: none;	
    text-align: center;
    color:#fff;
 
  background: #999999;
    border-radius: 4px 4px 0px 0px;
}
table {
   
width: 99.5%;
}

.null {
    width: 99.9%;
}
#hides {
    opacity:
0.5;
}

#hide a img {
    opacity: 0.5;
}

#hide a:hover img {
    opacity:
1;
}
.aut {
    text-align: center;
    padding: 3px;
    margin-bottom:
1px;
    margin-left: 1px;
    margin-right: 1px;
    font-size: 12px;
   
color: #2b4e01;
}

.aut a {
    background: #E5E5E5;
    text-decoration:
none;
    width: auto;
    display: inline-block;
    padding: 3px 3px;
   
color: #fff;
    border: 1px solid #DDDDDD;
    -khtml-border-radius: 3px;

   -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
   
border-radius: 3px;
    margin: 1px 0;
}
.aut a:hover {
    background:
#DDDDDD;
}
.auts {
    background: #FFFFFF;
    text-decoration: none;
   
padding: 3px 3px;
    color: black;
    border: 1px solid #DDDDDD;
   
margin: 1px 0;
}

.avatar {
    border: 1px solid #C0C0C0;
   
border-radius: 1px;
    -moz-border-top-colors: none;
   
-moz-border-right-colors: none;
    -moz-border-bottom-colors: none;
   
-moz-border-left-colors: none;
    border-image: none;
    margin: 3px 5px
3px 3px;
}
.news{
    font-family: Calibri;
    font-weight: bold;
   
font-size: small;
    padding-top:10px;
    padding-bottom:10px;
   
margin:5px;
    text-align: justify;
}



.show_foto
{
    margin: 10px;
  
 border: 3px double #E1E1E4; 
}

.show_foto:hover
{
    border: 3px double
#C5C6C6;
}

fieldset {
    padding: 0px;
    margin: 0px;
    border: 0px
none;
}
.inputs {
    margin-bottom: 0px;
    display: inline-block;
   
vertical-align: middle;
    font-size: 0px;
    margin: 1px;
   
white-space: nowrap;
}
.add-on:first-child, .inputs.inputs .btn:first-child
{
    margin-right: -1px;
    border-radius: 3px 0px 0px 3px;
}

.inputs
> .add-on, .inputs > .add-on {
    vertical-align: top;
}
.inputs
.add-on, .inputs .btn, .inputs .btn-group {
    margin-left:
-1px;
}
.element-invisible {
    position: absolute;
    padding: 0px;
   
margin: 0px;
    border: 0px none;
    height: 1px;
    width: 1px;
   
overflow: hidden;
}
.inputs .add-on {
    display: inline-block;
    width:
auto;
    height: 18px;
    min-width: 16px;
    padding: 4px 5px;
   
font-size: 13px;
    font-weight: normal;
    line-height: 18px;
   
text-align: center;
    text-shadow: 0px 1px 0px rgb(255, 255, 255);
   
background-color: rgb(238, 238, 238);
    border: 1px solid rgb(204, 204,
204);
}
.tabs_time a {
    float: left;
    background: none repeat scroll
0% 0% #D8E1FF;
    padding: 3px 10px;
    margin-right: 1px;
   
margin-left: 1px;
    margin-bottom: -1px;
    text-decoration:none;
   
margin-top:2px;
}

.tabs_time a:hover {
    background:
#CCD7FF;
}

.tabs_time a.active{
    background: #CCD7FF;
    padding:3px
10px;
    margin-right:1px;
    margin-left: 1px;
    margin-bottom: -1px;

   text-decoration:none;
    margin-top:2px;
}
.foot {
    background:
#F2F5F9;
    border-bottom: 1px solid rgb(225, 229, 239);
    padding:
10px;
    position: relative;
    color: #000000;
}
.foot a:link{
   
text-decoration: none;
}

.foot1 {
    background: #EDEFF2;
   
border-bottom: 1px solid rgb(225, 229, 239);
    padding: 10px;
   
position: relative;
    color: #000000;
}
.foot1 a:link{
   
text-decoration: none;
}


.panel {
    background: #D8E1FF;
    padding:
4px;
    margin: 1px;
}
.panel a {
    background: #636363;
   
text-decoration: none;
    width: auto;
    display: inline-block;
   
padding: 3px 3px;
    color: #fff;
    border: 1px solid #99B0FF;
   
-khtml-border-radius: 3px;
    -moz-border-radius: 3px;
   
-webkit-border-radius: 3px;
    border-radius: 3px;
    margin: 1px
0;
}
.panel:hover {
    background: #CCD7FF;
}


.str {
    background:
#FFF9E7;
    margin: 1px;
    padding: 5px;
    text-align: center;
   
font-weight: normal;
    color: #7E7EFF;
    font-size: 12px;
}
.str
.active{
    text-decoration: underline;
}
.str span {
    padding: 4px;
  
 background: #E5E5E5;
    border-radius: 2px;
    margin: 2px;
}
.razd
{
background: rgb(242, 242, 242);
border-bottom: medium none;
border-top:
1px solid rgb(226, 226, 226);
padding: 5px;
color: grey;
}
.razd:hover {
  
 background: #E5E5E5;
}

.search_cit
{
    font-size: normal;
   
font-weight: bold;
    border-bottom: 1px #FF0000 dotted;
}

.rekl
{
   
font-size: smal;
    margin: 0px;
    text-align: center;
    font-weight:
bold;
    color: #D0D2FF;
}

.cit /* вставка цитаты */
{
   
font-size: x-small;
    background-color: #C6CAFF;
    padding-left: 18px;

   padding-right: 3px;
    margin: 5px;
    border: 1px #9291C7 solid;
   
color: #5D5900;
    font-style: italic;
}

.status {
    border-radius:
3px;
    padding: 4px;
}


.icon48
{

    font-size: normal;
    width:
48px;
    height: 48px;
    vertical-align: top;



}

.icon14
{
   
font-size: normal;
    width: 14px;
    height: 14px;
    vertical-align:
top;
    text-align: center;


}
.btn {
    display: inline-block;
   
padding: 2px;
    margin: 1px;
    font-size: 13px;
    line-height: 15px;

   text-align: center;
    vertical-align: middle;
    cursor: pointer;
   
color: rgb(51, 51, 51);
    text-shadow: 0px 1px 1px rgba(255, 255, 255,
0.75);
    background-color: rgb(245, 245, 245);
    background-image:
linear-gradient(to bottom, rgb(255, 255, 255), rgb(230, 230, 230));
   
background-repeat: repeat-x;
    border-width: 1px;
    border-style:
solid;
    border-color: rgb(187, 187, 187) rgb(187, 187, 187) rgb(162,
162, 162);
    -moz-border-top-colors: none;
    -moz-border-right-colors:
none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors:
none;
    border-image: none;
    border-radius: 3px;
    box-shadow: 0px
1px 0px rgba(255, 255, 255, 0.2) inset, 0px 1px 2px rgba(0, 0, 0,
0.05);
}
button.btn.btn-small, input.btn.btn-small[type="submit"]
{
}
.btn:hover, .btn:focus {
    color: rgb(51, 51, 51);
   
text-decoration: none;
    background-position: 0px -15px;
    transition:
background-position 0.1s linear 0s;
}
.btn:first-child {
}
.btn:hover,
.btn:focus, .btn:active, .btn.active, .btn.disabled, .btn[disabled] {
   
color: rgb(51, 51, 51);
    background-color: rgb(230, 230,
230);
}
button.btn, input.btn[type="submit"]
{
}

.table_title_menu
{
    color: #454699;
    font-size: 20px;
   
font-weight: bold;
}



.table_title_forum, .table_title_forum a
{
   
color: #454699;
    font-size: 24px;
    font-weight:
bold;
}


.forum_file_table_title
{
    text-align: center;
    font-size:
normal;
    font-weight: bold;
}
.forum_file_table_file
{

    font-size:
small;
    font-weight: normal;
}


.dowloads {
    background: #D8E1FF;
  
 text-decoration: none;
    width: auto;
    display: inline-block;
   
padding: 5px;
    color: #000000;
    text-align: center;
    float: next;

   border: 1px solid #99B0FF;
    -khtml-border-radius: 3px;
   
-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius:
3px;
    margin: 1px 0;
}
.dowloads:hover {
    background:
#CCD7FF;
}
.foots {
    background: #CCD7FF;
    padding: 4px;
    margin:
1px;
}
.foots a:link{
    text-decoration: none;
}

.foots:hover {
   
background: #BFCBEF;
}
.tabs a {
    float: left;
    background: #CCFD99;

   border: 1px solid rgb(211, 214, 219);
    padding: 3px 10px;
   
margin-right: -1px;
    margin-bottom: -1px;
    text-decoration:none;
   
margin-top:2px;
}

.tabs a:hover {
    background:#FFF9E7;
}

.tabs
a.active{
    background: none repeat scroll 0% 0% rgb(246, 247, 248);
   
color: black;
    border-bottom: 1px solid rgb(246, 247, 248);
   
padding-top: 5px;
    margin-top: 0;
}   

.tabcontent {
    background:
none repeat scroll 0% 0% rgb(246, 247, 248);
    border: 1px solid rgb(211,
214, 219);
    padding: 0px;
    clear: both;
}
.err {
   
background-color: rgb(242, 222, 222);
    border-color: rgb(238, 211,
215);
    color: rgb(185, 74, 72);
    padding: 8px 35px 8px 14px;
   
margin: 1px;
    text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.5);
   
border: 1px solid rgb(185, 74, 72);
    border-radius: 2px;
}

.msg {
   
background-color: rgb(223, 240, 216);
    color: rgb(70, 136, 71);
   
padding: 8px 35px 8px 14px;
    margin: 1px;
    text-shadow: 0px 1px 0px
rgba(255, 255, 255, 0.5);
    border: 1px solid rgb(70, 136, 71);
   
border-radius: 2px;
}

.right {
    float: right;
}
.left {
    float:
left;
}

.on {color: #6E6EFF;}
.off {color: #FF0000;}