html{background-color: #35373A;}

body,p,form,table,img,td,tr{margin:0;padding:0;border:0;}

body{
	margin:0 auto;
	min-width:240px;
	max-width:400px;
    font-size: 14px !important;
	font-size:medium;
	font-family:arial,verdana,tahoma,sans-serif;
	font-style:normal;
	color:#bce4f4;
	background-color: #35373A;
}

a {
	text-decoration: none;
	color:#fff;
}

.footer{
	    background: #072644;
    border: 1px solid #70593F;
    box-shadow: 0px -9px 53px #000 inset;
}



.page{
    background-color: #001931;
    /* background-image: url("/imgData/protected/viev/art/bg-brd-shd_blue.png"); */
    background-position: 0px 100%;
    box-shadow: 0px -10px 70px black inset;
    background-repeat: repeat-x;
    border: 1px solid #70593F;
    padding: 2px;
    padding-left: 3px;
    margin: auto;
    /* box-shadow: inherit; */
}



.error{
	padding: 10px;
	border: 2px solid red;
	background: #670F00;
}

.button{
    margin-top: 5px;
    margin-bottom: 5px;
	color: #fff;
    padding: 7px 30px;
    display: block;
    box-shadow: 0px 0px 5px #000 inset;
    display: inline-block;
}

.green{
    border: 1px solid #158202;
    background: #01901F;
}

.red{
    border: 1px solid #820202;
    background: #900101;
}



.input{
    padding: 5px;
    border: 1px solid black;
    background-color: #EFEFEF;
    box-shadow: 0px 0px 10px #1D1B1B inset;
}





.head-title{
    text-align: center;
    padding: 5px;
    background: #000D19;
    color: #EFF0A1;
}



.menu-block{
    width:100%;
}



.menu-block > .colum {
    width: 32%;
    display: inline-block;
    border: 1px solid #DCC8A2;
    align-content: center;
    text-align: center;
    background: rgba(14, 13, 13, 0.66);
    min-height: 20px;
}



.param{
    font-size: 16px;
    color: #3DF700;
}



.menu-block > .colum-full {
    width: 100%;
    display: inline-block;
    border: 1px solid #DCC8A2;
    align-content: center;
    text-align: center;
    background: rgba(14, 13, 13, 0.66);
}



.menu-block > .colum:hover {
    background: rgba(80, 72, 72, 0.66);
}



.menu-block > .colum a {
    display:block;
}



.menuList{
    display: block;
}



.menuList > li {
    display: block;
    padding: 5px 5px 7px 5px;
    border-bottom: 1px solid #DCC8A2;
    background: rgba(7, 36, 39, 0.38);
}



.menuList > li:hover {
    background: rgba(14, 68, 74, 0.38);
}



.chatList  > li > a {
    display: inline-block;
}



.chatList {
    display: block;
}


.chatList  > li {
    display: block;
    padding: 2px 5px 3px 5px;
    border-bottom: 1px solid #DCC8A2;
    background: rgba(7, 36, 39, 0.38);
}

textarea{
    padding: 5px;
    border: 1px solid black;
    background-color: #EFEFEF;
    box-shadow: 0px 0px 10px #1D1B1B inset;
    width: 80%;
    height: 100px;
}




.chatList > li:hover {
    background: rgba(14, 68, 74, 0.38);
}

.List > li > a {
    display: block;
}



.List{
    display: block;
}



.List > li {
    display: block;
    padding: 2px 5px 3px 5px;
    border-bottom: 1px solid #DCC8A2;
    background: rgba(7, 36, 39, 0.38);
}

.List > li:hover {
    background: rgba(14, 68, 74, 0.38);
}

.no-read{
        background: #050638 !important;
}

.read{
    background: rgba(7, 36, 39, 0.38);
}

.footer-menu{
    text-align: center;
    font-size:14px;
}

.footer-menu a{
    color:#fff;
}

.padding-10{
    padding: 10px 0px;
}

.message{
    background: #093E69;
    border: 1px solid #0072FF;
    padding: 10px;
}

.player{
        text-align: center;
    padding: 9px;
}