* {box-sizing: border-box;}
#bg_fon {z-index: -1998; }
.fon{left: 0;min-height: 100%;min-width: 100%;position: fixed;top: 0;}

.girlyanda1 { background: url(../css/images/girlyanda-01.png) !important; width:100%; height:90px; display:none; position:absolute;top:0;left:0;}
.girlyanda2 { background: url(../css/images/girlyanda-02.png) !important; width:100%; height:90px; display:none; position:absolute;top:0;left:0; }
.girlyanda3 { background: url(../css/images/girlyanda-03.png) !important;  width:100%; height:90px; display:none; position:absolute;top:0;left:0;}
.girlyanda4 { background: url(../css/images/girlyanda-04.png) !important;  width:100%; height:90px; display:none; position:absolute;top:0;left:0;}
#girlyanda {position:fixed;top:0;left:0; z-indez:10000; width:100%; height:90px;}
.girlyanda0 {background: url(/sandbox/css/images/girlyanda-00.png)  repeat-x;}
#btn-ng {
  position: fixed;
  right: 105px;
  bottom: 15px;
}
.snow {
 color: #ffffff;
}

#my-person-block .g-block-head {
position: relative;
}
#pager {
 z-index:2;
 top: 0;
 right: 120px;
 white-space: nowrap;
}

#my-person-block .g-ts, #chat-header .g-ts{
 position: relative;
}
#pager-chat{
 z-index:10001;
 top: 0;
 right: 10px;
 white-space: nowrap;
}
#chat-msg {
 position: relative;
}

img {max-width: 100%; border-radius: 5px;}
textarea {
  border: 1px solid #ccc;
  border-radius: 4px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
  padding: 3px;
}
/*
textarea:focus {
  border-color: #66afe9;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);
  outline: 0 none;
}
*/
#btn-periodic-upd {
  padding:5px 5px 5px 25px; 
}
.upd-off {
  background:url(../css/images/upd-off.png) no-repeat; 
}
.upd-on {
  background:url(../css/images/upd-on.png) no-repeat; 
}
#new-msg-flag{
  background:url(../css/images/msg-red.png) no-repeat; 
  padding:5px 0 3px 20px; color:#000000; 
  font-weight:bold;
  white-space: nowrap;
  cursor:pointer;
  position:fixed;
  box-shadow: 0 0 5px 2px #428BC0;
/*  right:10px;  top:5px;*/
top: 2px; right: 8px;
width: 47px; height: 34px;
  display:none;
border: 1px solid #428BC0;
}
#to-top-btn{
  position: fixed;
  right: 5px;
  bottom: 15px;
}
#curr-page {
  font-size: 8pt;
  width: 30px;
}
.format-lnk{
  border: 1px solid #000;
  padding: 2px;
  background-color: silver;
  color: #000;
  text-decoration: none;
}
a.format-lnk:hover {
  background-color: #D3D3D3;
}

img {border: none;}

.filter-block-persons ul, 
.block-game-list ul {
  list-style: none outside none;
  margin: 5px 0;
  padding: 0;
  max-height: 145px;
  overflow: auto;
  border-top: 1px solid #428BC0;
  border-bottom: 1px solid #428BC0;
}
#game-title .block-game-list ul {
  max-height: 250px;
}
.filter-block-persons ul li,
.block-game-list ul li {
  display: block;
  margin-top: 5px;
  position: relative;
  cursor: default;
}

.warn {
  color: #FF0000;
}

#game-chat{
	margin-left: 60%;
}
#chat-msg {
	width: 100%;
	height: 150px;
margin: auto;
}
#chat-header{
	padding: 10px;
}
.chat-msg-block{
	margin-bottom: 5px;
}
#users{
  width: 70px;
}
#game-widget{
/*	width: 300px;left: 0;	z-index: 1000;position: absolute;top: 0;height: 800px;*/
/*  background: url("../css/images/bg.jpg") repeat scroll 0 0 rgba(0, 0, 0, 0);*/
/*	border: 2px solid #428BC0;box-shadow: 0 0 5px 2px #428BC0;min-height: 600px;*/
	width: 60%;
	float: left;
	
}
#game-widget h3, #game-chat h3 { 
	text-align: center;
	margin: 0; 
	color: #fff;

}

/* btns, links */
.g-btn {
	display: inline-block;
	width: 70px;
	margin:5px 5px;
	border: 1px solid #428BC0;
	box-shadow: 0 0 5px 2px #428BC0;
	background-color: #555;
	border-radius: 3px;
	padding: 6px;
	color: #fff !important;
  text-decoration: none;
  cursor: pointer;
  white-space: nowrap;
}
.g-btn-panel .g-btn {
margin: 0 5px !important;
}
.g-btn-wrap{
	display: none;
}
#btn-join .g-btn {
	width: 120px  !important;
}
.btn-hovered {
	box-shadow: 0 0 5px 2px #2C5C7F !important;
}
.btn-press {
	/*padding: 5px;*/
	box-shadow: 0 0 5px 2px #2C5C7F inset !important;
}
.simple-link {
	color: #428BC0 !important;
	text-decoration: none;
	font-weight: bold;
}
a.simple-link:hover {
	text-decoration: underline;
}
#pager .simple-link {
	margin: 0 3px;
}
/* -- btns */

/* blocks */
.add-info-bottom {
/* padding: 5px 0;*/
  position: relative;
}
.my-window{
	display: none;
	position: absolute;
	background: #fff;
	color: #000;
	border: 1px solid #428BC0;
	box-shadow: 0 0 5px 2px #428BC0;
	border-radius: 7px;
  padding: 5px;
}
#busy-persons-list{
  top: 18px;
  left: 0;
  width: 300px;
}
#busy-persons-list ul {
  list-style: none outside none;
  margin: 5px 0;
  padding: 0;
  max-height: 400px;
  overflow: auto;
  border-top: 1px solid #428BC0;
  border-bottom: 1px solid #428BC0;
}
#busy-persons-list ul li {
  display: block;
  margin-top: 5px;
}
.symbol {
  padding-left: 40px;
  min-height: 35px;
  display: block;
}
.persons-count-block .symbol{
  float: left;
}
.bot {
  background: url("../css/images/bot.png") no-repeat scroll 0 0;
}
.des {
  background: url("../css/images/des.png") no-repeat scroll 0 0;
}
.unkn {
  background: url("../css/images/unkn.png") no-repeat scroll 0 0;
}

.join-block-title {
  width: 100px;
  display: inline-block;
}
.symbol-block {
  margin-top: 5px;
}
select.pers-symbol{
  height: 20px;
}

#newstatus {
 height: 75px;
 width: 260px;
}
.g-btn-panel {
	text-align: center;
/*	height: 30px;*/
/*margin: 15px 0;*/
}

.g-block {
	border: 1px solid #428BC0;
	box-shadow: 0 0 5px 2px #428BC0;
	margin: 10px 5px;
	border-radius: 7px;
  /*background: url("../css/images/wide_bg.jpg") repeat scroll 0 0;*/
  background: url("../css/images/bg-0.png") repeat scroll 0 0;
}
.g-block-inner{
	padding: 5px;
	box-shadow: 0 0 4px 2px #428BC0 inset;
}
.g-ts {
	float: right;
}
.g-person-name {
	float: left;
}
.g-person-name, .g-ts {
	font-size: 8pt;
	font-weight: bold;
}
/* -- blocks */

/* content */
img.g-person, #speaker-image > img{
	width: 90px;
	height: 90px;
	display: inline-block;
	margin: 0 5px 5px 0;
	border-radius: 3px;
}
.g-text {
	margin-top: 5px;
}
/* -- content */

.clearer {
	clear: both;
}
/* dialogs */
#sandbox-dialog {
	font-size: 10pt;
}
.my-dialog {
  display: none;
}

/* other */
#newtext, #edittext{
	width: 100%;
	height: 79%;
  min-height: 210px;
	margin: auto;
}
textarea.theme-mng {
	width: 350px;
	height: 100px;
}
.game-details {
	display: none;
}
.descr{
	font-style: italic;
	padding: 5px 0 0 5px;
}
.descr .game-details {
	font-size: 9pt;
}
.game-list {
	width: 230px;
}
/* loaders */
.small-loader{
  background:url('images/loader.gif') no-repeat left center;
  height: 45px;
  padding: 10px 0 0 55px;
}
#loaderIcon {
  background:url('images/loader1.gif') no-repeat left center;
  background-color: #fff;
  height: 45px;
  float: left;
  padding: 15px 15px 15px 75px;
  position: absolute; 
  top: 50%; 
  left: 40%;
  z-index: 1001;
  border-radius: 7px;
  box-shadow: 0 0 20px 20px #fff;
}
.disblLayout {
  background: none repeat scroll 0 0 #FAFAFA; 
  opacity: .50;
  filter:Alpha(Opacity=50); 
  width: 100%; 
  height: 100%; 
  position: absolute; 
  left: 0; 
  top: 0;
  z-index: 1000;
}
/* --loaders */

/* smiles */
#smiles-window {
  width: 240px;
  top: 35px;
  left: 50px;
}
#smiles-window ul {
  display: block;
  width: 100%;
  float: left;
  list-style: none outside none;
  padding: 0;
  margin: 0;
}
a.smile {
  text-transform: none;
  text-decoration: none;
  width: 37px;
  height: 37px;
  display: block;
  border: 1px solid #fff;
}
a.smile:hover {
  border: 1px solid #428BC0;
}
#smiles-window ul li {
  display: block;
  float: left;
  text-align: center;  
}
.smile-tf {
  width: 45px !important;
}

/*-- smiles*/