/* CSS для Комгена */

#view-leftside
  { vertical-align:top; text-align:center; width:40px; }
#view-logo
  { vertical-align:top; text-align:center; padding:5px 0px 0px; border:1px solid #eee; border-width:1px 1px 0px; }
#view-rightside
  { vertical-align:top; text-align:center; width:170px; padding:5px 0px 5px; }
#view-base 
  { vertical-align:middle; text-align:center; padding:0px 0px 2px; border:1px solid #eee; border-width:0px 1px 1px; }
#view-discuss
  { vertical-align:top; text-align:left; padding: 1px 5px; border:0px solid #eee; }
#view-info
  { vertical-align:top; text-align:left; padding: 1px 5px; border:0px solid #eee; }

h1.view-title { color:#333; }
div.view-number { font-size:18px; padding-top:5px; }
div.view-number a, div.view-number a:hover { text-decoration:none; }
table.view-nav { margin:5px 0px 10px; width:100%; }
table.view-nav td { white-space:nowrap; }
td.view-nav-left { text-align:right; vertical-align:middle; width:50%; padding-right:20px; }
td.view-nav-center { text-align:center; vertical-align:middle; }
td.view-nav-center span { padding:0px 1px; }
td.view-nav-right { text-align:left; vertical-align:middle; width:50%; padding-left:20px; }
h3
  { margin:0px; padding:5px 5px 1px; font-size:100%;}

.img-wrp { min-height: 50px; }
.img-wrp img:not([width]):not([height]) { height: auto; max-width: 100%; }

.view-nav-center .nav-btn {background-repeat:no-repeat; background-image:url(/pics5/comgen-btns-better.png); height:34px; display:inline-block;}
.view-nav-center .nav-first {width:46px;background-position:-5px -44px;}
.view-nav-center .nav-prev {width:62px;background-position:-56px -44px;}
.view-nav-center .nav-rand {width:34px;background-position:-123px -44px;}
.view-nav-center .nav-list {width:34px;background-position:-162px -44px;}
.view-nav-center .nav-next {width:62px;background-position:-201px -44px;}
.view-nav-center .nav-last {width:46px;background-position:-268px -44px;}
.view-nav-center .nav-first-disabled {width:46px;background-position:-5px -5px;}
.view-nav-center .nav-prev-disabled {width:62px;background-position:-56px -5px;}
.view-nav-center .nav-next-disabled {width:62px;background-position:-201px -5px;}
.view-nav-center .nav-last-disabled {width:46px;background-position:-268px -5px;}

.view-nav-center a:hover .nav-first {background-position:-5px -83px;}
.view-nav-center a:hover .nav-prev {background-position:-56px -83px;}
.view-nav-center a:hover .nav-rand {background-position:-123px -83px;}
.view-nav-center a:hover .nav-list {background-position:-162px -83px;}
.view-nav-center a:hover .nav-next {background-position:-201px -83px;}
.view-nav-center a:hover .nav-last {background-position:-268px -83px;}

.view-nav-center a.down:hover .nav-first {background-position:-5px -122px;}
.view-nav-center a.down:hover .nav-prev {background-position:-56px -122px;}
.view-nav-center a.down:hover .nav-rand {background-position:-123px -122px;}
.view-nav-center a.down:hover .nav-list {background-position:-162px -122px;}
.view-nav-center a.down:hover .nav-next {background-position:-201px -122px;}
.view-nav-center a.down:hover .nav-last {background-position:-268px -122px;}
  
.info {
  display: block;
  width: auto;
  text-align:left;
  padding:6px 10px;
  background:#fafafa;
  border:1px solid #d4d4d4;
  margin:1px 5px 1px;
}

div.subdescr {
 padding: 5px 3px 3px 5px; 
}

.buttons { }
.buttons img { margin-left:10px; vertical-align:middle; }

.descr {
  display:inline-table;
  width:600px;
  text-align:left;
}

.descr .codetop { display: none; }
.descr .codemain {  font-family: monospace; }

.chat {
  display: block;
  width: auto;
  text-align:left;
  background:#fafafa;
  border:1px solid #d4d4d4;
  margin:1px 5px 1px;
}
.chat .message {
  padding:6px 10px;
  border-bottom:1px solid #dddddd;
}
.chat .quotetop {
  display:none;
  cursor: pointer;
  color: blue
}
.chat .quotemain {
  display:none;
  border-left: 2px solid grey;
  padding: 2px 6px;
  margin-left: 5px;
}
.chat .codetop {
  cursor: pointer;
  color: blue;
}
.chat .codemain {
  display:none;
  border-left: 2px dashed grey;
  padding: 2px 6px;
  margin-left: 5px;
  font-family: monospace;
}