/* roScripts
Table Design by Mihalcea Romeo
www.roscripts.com
----------------------------------------------- */

table {
		border-collapse:collapse;
		background:#EFF4FB url(images/teaser.gif) repeat-x;
		border-left:1px solid #686868;
		border-right:1px solid #686868;
		font:0.8em/145% 'Trebuchet MS',helvetica,arial,verdana;
		color: #333;
}

td, th {
		padding:5px;
}

caption {
		padding: 0 0 .5em 0;
		text-align: left;
		font-size: 1.4em;
		font-weight: bold;
		text-transform: uppercase;
		color: #333;
		background: transparent;
}

/* =links
----------------------------------------------- */

table a {
		color:#950000;
		text-decoration:none;
}

table a:link {}

table a:visited {
		font-weight:normal;
		color:#666;
		/* text-decoration: line-through; */
		text-decoration: none;
}

table a:hover {
		border-bottom: 1px dashed #bbb;
}

/* =head =foot
----------------------------------------------- */

thead th, tfoot th, tfoot td {
		background:#333 url(images/llsh.gif) repeat-x;
		color:#fff
}

tfoot td {
		text-align:right
}

/* =body
----------------------------------------------- */

tbody th, tbody td {
		border-bottom: dotted 1px #333;
}

tbody th {
		white-space: nowrap;
}

tbody th a {
		color:#333;
}

.odd {}

tbody tr:hover {
		background:#fafafa
}

h2 {
  /* font: bold 180%/100% "Lucida Grande"; */
  font-family: arial, tahoma, verbana, helvetica;
  font-size: 14px;
  position: relative;
  color: #616161;
}


h1 {
  /* font: bold 180%/100% "Lucida Grande"; */
  font-family: arial, tahoma, verbana, helvetica;
  position: relative;
  color: #616161;
}
h1 span {
  background: url(images/gradient.png) repeat-x;
  position: absolute;
  display: block;
  width: 100%;
  height: 11px;
}


#menu {
height: 40px;
line-height: 40px;
background: #fff url(images/comments_menu.gif) no-repeat;
background-position: center;
}
#menu ul {
list-style-type: none;
padding-left: 15%;
}
#menu ul li {
display: block;
float: left;
}
#menu ul li a {
padding: 0 12px 0 0;
text-decoration: none;
font-weight: 100;
font-size: 14px;
}
#menu ul li a:hover {
color: #3300cc;
text-decoration: none;
}
/*
.dashed {
border-style: solid;
border-color: #f0f0f0;
}*/
a {
text-decoration: none;
color: #1e1e1e;
/* #157D6A; */
}
a:hover {
/* text-decoration: underline; */
color: #cccccc;
/*#37AB96; */
}


.nav_menu {
/* background: #fff; */
/* font-family: "Trebuchet MS" Verdana, Arial, Helvetica, sans-serif; */
font-family: arial, tahoma, verbana, helvetica;
font-size: 12px;
/* line-height: 17px; */
color: #333;
}

HR {
 border: none; /* Убираем границу для браузера Firefox */
 color: black; /* Цвет линии для браузера Internet Explorer */
 style: dashed;
 background-color: #f0f0f0; /* Цвет линии для браузера Firefox и Opera */
 height: 2px; /* Толщина линии */
}

.pagination{
padding: 2px;
}

.pagination ul{
margin: 0;
padding: 0;
text-align: center; /*Set to "right" to right align pagination interface*/
font-size: 16px;
}

.pagination li{
list-style-type: none;
display: inline;
padding-bottom: 1px;
}

.pagination a, .pagination a:visited{
padding: 0 5px;
border: 1px solid #9e9e9e;
text-decoration: none; 
color: #313539;
}

.pagination a:hover, .pagination a:active{
border: 1px solid #4f5051;
color: #000;
background-color: #f9f9f9;
}


.pagination a.currentpage{
background-color: #ff7f18;
color: #FFF !important;
border-color: #bdbdbd;
font-weight: bold;
cursor: default;
}

.pagination a.disablelink, .pagination a.disablelink:hover{
background-color: white;
cursor: default;
color: #929292;
border-color: #929292;
font-weight: normal !important;
}

.pagination a.prevnext{
font-weight: bold;
}

.preview {

font-family: arial, tahoma, verbana, helvetica;
font-size: 12px;
line-height: 13px;
color: #333;

}

.menu_head{

font-family: arial, tahoma, verbana, helvetica;
font-size: 12px;
line-height: 13px;
color: #333;
/* margin-left:10%; */

}




#menu_mini1 {

margin-left:10%;

}

#menu_mini2{

margin-left:30%;

}







html,body{
  	margin:0;
	padding:0
	}
  /* делаем отступ от тега body  равным 0*/

  #header{
  	height:200px;
	min-width:900px;
	background:#97e8ff
	}
  /* высота 200 px, но не менее 900 px*/
/*
  #menu{
  	width:200px;
	float:left;
	background:#e7f6c3
	}*/
  /* ширина 200 px, обтекание слева */
  #right_menu{
	  width:200px;
	float:right;
	background:#e7f6c3
	}
	/* ширина 200 px, обтекание справа */

  #info{
  	min-width:500px;
	margin-left:100px
	}
   /* минимальная ширина 500 px, отступ слева 200 px, как вы заметили эта величина нашего меню, тем самым мы позиционируем месторасположение нашего блока!!! */

/*  #body{
    width: expression(((document.documentElement.clientWidth ||
    document.body.clientWidth) < 900)? "900px" : "100%")}*/
  /* задаем фоновое изображение, размножающееся по вертикали,
      css хак для Internet Explorer, имитация свойства min-width */

  #footer{
  	height:40px;
	min-width:900px;
	background:#555654;
	clear:both
	}
  /* высота 40 px, минимальная ширина 900 px,
  прекращения обтекания */
  
  #servers a:hover {
						opacity:1;
					}
					#servers a.cs16 {
						background:url('./images/s1.png') no-repeat 0 0;
					}
					#servers a.source {
						background:url('./images/s2.png') no-repeat 0 0;
					}
					#servers a.cz {
						background:url('./images/s3.png') no-repeat 0 0;
					}