/* набор colors для virartech.ru 

#336699 (темно синий) - для (h1) главные заголовки  для (h2) заголовки если таким же !
#666666 (темно-серый, как class="question")для след. (h2) заголовки если таким же 
#FF3300 (ярко оранжево-красный) для выделенных ФРАЗ! (h2)

*/


body{
  font-family: Verdana, Arial, Tahoma, Sans-Serif;
  font-size: 14px;
  color: #444444; /* was black */
  background-color: #a1a1a1;
  padding: 0;
  margin: 0;  
}

input{
  font-family: Verdana, Tahoma, Arial, Sans-Serif;  
}

table.maintable{
/*  border-left: solid 1px #909090;
  border-top: solid 1px #909090;
  border-right: solid 2px #909090;
  border-bottom: solid 2px #909090;*/
}

table.maintable, table.maintable td{
  font-family: Verdana, Tahoma, Arial, Sans-Serif;
  color: black;
  background-color: white;
  font-size: 14px;
}

td.contents, table.maintable td.contents{
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 10px;
  padding-bottom: 20px;
}

table.columns td{
  padding-left: 10px;
  padding-right: 10px; 
  padding-top: 10px;
  padding-bottom: 10px;
  vertical-align: top;
}

table.columns td.leftcolumn{
  padding-left: 10px;
  padding-right: 10px; 
  padding-top: 10px;
  padding-bottom: 10px;
  vertical-align: top;
  background: white;
}

table.columns td.rightcolumn{
  padding-left: 10px;
  padding-right: 10px; 
  padding-top: 10px;
  padding-bottom: 10px;
  vertical-align: top;
  border-left: solid 1px #999999;
  background: white;
}

td.central{
  border-left: 3px solid #a1a1a1;
  border-right: 3px solid #a1a1a1;
}

div.newscolumn, div.newscolumn table td{ font-size: 11px; }
div.newscolumn table td{ padding: 0; margin: 0; }
div.newscolumn .newscaption{ font-size: 12px; }

p{
  padding: 0;
  margin-top: 5px;
  margin-bottom: 8px;
}

h1{ 
  font-family: Tahoma, Arial, Sans-Serif;
  font-size: 26px;
  font-weight: bold; /* was normal */
  color: #336699;
  padding-left: 0;
  padding-top: 5; /* was 0 */
  padding-right: 0;
  padding-bottom: 4px;
  margin: 0;
}

h2{ 
  font-family: Tahoma, Arial, Sans-Serif;
  font-size: 18px;
  font-weight: bold;
  color: #336699; /* was gray */
  padding-left: 0;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  margin-top: 15px;
  margin-bottom: 6px;
}

div.bottomlinks{
  color: #404040;
  font-size: 10px;
}

a{ color: #1100B5; text-decoration: none; }
a:hover{ color: #1100B5; text-decoration: underline; }
a:active{ color: #CC0000; text-decoration: underline; }
a:visited{ color: #551A8B; text-decoration: none; }
a:hover:visited{ color: #551A8B; text-decoration: underline; }

a.continue{ color: #1100B5; text-decoration: none; font-style: italic; font-family: Times, Serif; }
a.continue:hover{ color: #1100B5; text-decoration: underline; font-style: italic; font-family: Times, Serif; }
a.continue:active{ color: #CC0000; text-decoration: underline; font-style: italic; font-family: Times, Serif; }
a.continue:visited{ color: #551A8B; text-decoration: none; font-style: italic; font-family: Times, Serif; }
a.continue:hover:visited{ color: #551A8B; text-decoration: underline; font-style: italic; font-family: Times, Serif; }

a.quietlink{ color: black; text-decoration: none; }
a.quietlink:hover{ color: #1100B5; text-decoration: underline; }
a.quietlink:active{ color: #CC0000; text-decoration: underline; }
a.quietlink:visited{ color: black; text-decoration: none; }
a.quietlink:hover:visited{ color: #551A8B; text-decoration: underline; }

.content tr, .content td, .content p, .content ol, .content ul, .content li{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
}

table.noborder, table.noborder td, table.noborder th,
td.noborder, th.noborder, table.general td.noborder{
  border: none;
}

.sectionName{
  color:#311A42;
  font-size:12px;
  font-weight:bold;
}

.whSmall{
  color:white;
  font-size:10px;
}

.blackSmallBold{
  color:#474F50;
  font-size:10px;
  font-weight:bold;
}

.menuName{
  color:white;
  font: bold 11px Verdana, Arial, Helvetica, sans-serif;
  text-decoration:none;
}

td.menuName{
  text-align: center;
  vertical-align: middle;
  width: 17%;
}

td.menuItem{
  vertical-align:top;
  width: 17%;
  padding-top: 7px;
  padding-bottom:7px;
}

div.showDate{
  color: #797979; /*#311A42;*/
  font-weight: bold;
}

/*              design of table with data               */

td.tableHeader, table.general th{
  color: #485051;
  font-weight: bold;
  font-size: 11px;
  padding-left:10px;
  padding-right:10px;
}

table.general{
  border-left: solid 1px #7A7A7A;
  border-right: solid 1px #7A7A7A;
}

table.general th{ background-color: #CDDFDA; text-align: center; }
table.general tr.captions th{ color: white; text-align: center; }
table.general tr.captions th a{ text-decoration: none; color: white; }
table.general tr.captions th a:hover{ text-decoration: underline; color: white; }

table.general td{
  padding-left: 4px;
  padding-right: 4px;
  padding-top: 2px;
  padding-bottom: 2px;
}

td.colName, table.general tr.captions th{
  text-align: center;
  vertical-align: middle;
  background-color: #8F9B98;
  padding: 4px;
  border-top: 2px solid white;
  border-bottom: 2px solid white;
  border-right: 1px solid #CBD1D0;
}

td.colNameFirst, table.general tr.captions th.leftcaptioncell{
  text-align: center;
  vertical-align: middle;
  background-color: #C0C0C0;
  padding:4px;
  border: solid 1px  #808080;
}

td.colNameLast, table.general tr.captions th.rightcaptioncell{
  text-align: center;
  vertical-align: middle;
  background-color: #C0C0C0;
  padding: 4px;
  border: solid 1px  #808080;
}

td.rowTopCell, table.general tr.firstdatarow td{
  background-color: #C0C0C0;
  padding: 5px;
  border-top: 1px solid #000000;
  border-right: 1px solid #E4E8E8;
}

td.rowTopCellFirst, table.general tr.firstdatarow td.leftcell{
  background-color: #F0F0F0;
  padding: 5px;
  border-top: 1px solid #000000;
  border-right: 1px solid #E4E8E8;
  border-left: 1px solid #7A7A7A;
}

table.general tr.firstdatarow{
  border-top: 1px solid #000000;
}

td.rowTopCellLast, table.general tr.firstdatarow td.rightcell{
  background-color: #F0F0F0;
  padding: 5px;
  border-top: 1px solid #000000;
  border-right: 1px solid #7A7A7A;
}

td.rowWhiteCell, table.general tr.oddrow td{
  background-color: white;
  padding: 5px;
  border-right: 1px solid #E4E8E8;
}

td.rowWhiteCellFirst, table.general tr.oddrow td.leftcell{
  background-color: white;
  padding: 5px;
  border-right: 1px solid #E4E8E8;
  border-left: 1px solid #7A7A7A;
}

td.rowWhiteCellLast, table.general tr.oddrow td.rightcell{
  background-color: white;
  padding: 5px;
  border-right: 1px solid #7A7A7A;
}

td.rowGreyCell, table.general tr.evenrow td{
  background-color: #F0F0F0;
  padding: 5px;
  border-right: 1px solid #E4E8E8;
}

td.rowGreyCellFirst, table.general tr.evenrow td.leftcell{
  background-color: #F0F0F0;
  padding: 5px;
  border-right: 1px solid #E4E8E8;
  border-left: 1px solid #7A7A7A;
}

td.rowGreyCellLast, table.general tr.evenrow td.rightcell{
  background-color: #F0F0F0;
  padding: 5px;
  border-right: 1px solid #7A7A7A;
}

/*                                                              */

.borderLeftRight{
  border-left: 1px solid white;
  border-right:1px solid white;
}

div.content{
  padding: 25px;
}

.content a, .content a:active{
  color:#356797;
  text-decoration:underline;
}

.content a:hover{
  color: #4A90D3;
  text-decoration:underline;
}

.content a:visited{
  text-decoration:underline;
}

a.menuItem, a.menuItem:active {font-size: 10px; color:#2B6084; text-decoration:none;}
a.menuItem:hover {font-size: 10px; color:#49A4E1; text-decoration:none;}
a.menuItem:visited {font-size: 10px; text-decoration:none;}

a.button, a.button:active{
  font-size: 10px;
  color: #333333;
  text-decoration: none;
  font-weight: bold;
}

a.button:hover{
  font-size: 10px;
  color: #545749;
  text-decoration: none;
  font-weight: bold;
}

a.button:visited{
  font-size: 10px;
  text-decoration: none;
  font-weight: bold;
}

.colNameFirst, .colName, a.colName, a.colName:active {
  font-size: 10px;
  color: white;
  font-weight: bold;
  text-decoration: none;
}

a.colName:hover{
  font-size: 10px;
  color: #f5f5f5;
  font-weight: bold;
  text-decoration:none;
}

a.colName:visited{
  font-size: 10px;
  font-weight: bold;
  text-decoration: none;
}

input{
  border: 1px solid #637879;
  vertical-align: middle;
  font: 11px Verdana, Arial, Helvetica, sans-serif;
}

select{
  border: 1px solid #637879;
  vertical-align: middle;
  font: 11px Verdana, Arial, Helvetica, sans-serif;
}

textarea{
  border: 1px solid #637879;
  vertical-align: middle;
  font: 11px Verdana, Arial, Helvetica, sans-serif;
}


tr.searchrow td{
  background-color: #F0F0F0;
  padding: 4px;
}

table.searchformform{
  border-collapse: collapse;
  border: solid 1px #637879;
}

table.searchformform td{
  border: solid 1px #637879;
}

table.searchformform td.searchformsubmit{ text-align: center; }

.warning{
  color: blue;
}

tr.separator{ height: 5px; font-size: 4px; }
td.separator{ height: 5px; font-size: 4px; }

div.promopreview{
  font-size: 14pt;
  font-family: Serif;
  color: black;
  background-color: white;
  padding: 10px;
  margin: 4px;
  border: solid 1px black;
}

div.promopreview a{ text-decoration: underline; color: blue; }
div.promopreview active{ text-decoration: underline; color: red; }

.statusmsg{ color: blue; margin: 4pt; font-weight: bold; }



div.ecartbody1{
  padding: 30px;
}

div.ecartbody2{
  border: solid 1px gray;
  padding: 20px;
  margin: 2px;
  background-color: white;
  color: black;
  font-size: 12pt;
}

table.startpagemenu{
  border-collapse: collapse;
}

table.startpagemenu td{
  border: solid 1px #637879;
  padding: 10px;
  vertical-align: top;
}

div.content h1{
  color: black;
  padding: 0;
  margin: 0;
}

.usrpageheader{

}

.pagetitle{
  vertical-align: top;
  padding-bottom: 4px;
  padding-top: 2pt;
  padding-bottom: 2pt;
  background-color: transparent;
}

.pagetitle h1{
  color: black;
  background-color: transparent;
  text-align: left;
  font-size: 16pt;
  font-weight: bold;
  vertical-align: bottom;
  height: 20pt;
  margin: 0;
}

.logininfo{
  color: black;
  background-color: transparent;
  text-align: right;
  font-size: 12pt;
  vertical-align: top;
  height: 20pt;
  margin-left: 0;
  margin-top: 0;
  margin-right: 0;
}

table.usrpagemenu{
  background-color: #F4F4F4;
  border-left: solid 1px gray;
  border-top: solid 1px gray;
  border-right: solid 2px gray;
  border-bottom: solid 2px gray;
  border-collapse: collapse;
}

table.usrpagemenu th{
  vertical-align: middle;
  text-align: left;
  border: solid 1px gray;
  background-color: silver;
  color: white;
  padding-left: 4px;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-right: 8px;
}


table.usrpagemenu td{
  vertical-align: top;
  text-align: left;
  border: solid 1px gray;
  padding-left: 6px;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-right: 6px;
  background-color: #F4F4F4;
  font-weight: bold;
  font-size: 14px;
}

table.usrpagemenu a{ color: #808080; text-decoration: none; }
table.usrpagemenu a:visited{ color: #808080; text-decoration: none; }
table.usrpagemenu a:hover{ color: blue; text-decoration: underline; }

table.megatableborder{
  border-collapse: collapse;
  border-left: solid 1px gray;
  border-top: solid 1px gray;
  border-right: solid 2px gray;
  border-bottom: solid 2px gray;
}

td.megatableborder{
  border-collapse: collapse;
  border-left: solid 1px gray;
  border-top: solid 1px gray;
  border-right: solid 1px gray;
  border-bottom: solid 1px gray;
}

th.tblborderheader{
  color: black;
  background-color: #F4F4F4;
  text-align: left;
  padding-left: 10px;
  padding-top: 8px;
  padding-bottom: 10px;
  padding-right: 20px;
  border: solid 1px gray;
}

td.tblbordercell{
  background-color: gray;
}

td.tblborderfooter{
  background-color: #F4F4F4;
  border-left: solid 1px gray;
  border-right: solid 1px gray;
  border-bottom: solid 2px gray;
  padding-top: 6px;
  text-align: center;
}



table.general{
  border: none;
  margin: 0;
  border-collapse: collapse;
}

table.general tr.captions th{
  border: solid 1px gray;
  color: white;
  background-color: silver;
  margin: 0;
}

table.general tr.totalcost td{
  border-top: solid 1px silver;
  border-bottom: solid 1px silver;
}

table.general td.buttons{
  border: solid 1px silver;
  text-align: center;
}

table.megabuttons{
  margin: 4px;
}

td.megabutton{
  background-color: white;
  border: solid 1px black;
  padding-left: 10px;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-right: 10px;
}

td.megabutton a{ color: black; text-decoration: none; }
td.megabutton a:visited{ color: black; text-decoration: none; }
td.megabutton a:hover{ color: black; text-decoration: underline; }

input{
  border: solid 1px gray;
  vertical-align: middle;
  font: 11px Verdana, Arial, Helvetica, sans-serif;
}

textarea{
  border: solid 1px gray;
  vertical-align: middle;
  font: 11px Verdana, Arial, Helvetica, sans-serif;
}

select{
  border: solid 1px gray;
  vertical-align: middle;
  font: 11px Verdana, Arial, Helvetica, sans-serif;
}

td.helptext{
  color: black;
  font-size: 120%;
}

.warning{
  color: blue;
  font-size: 14pt;
}


table.payform th{
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 10px;
  padding-right: 10px;
  border: solid 1px gray;
  background-color: #F4F4F4;
  color: black;
}

.administrativelogin{
  color: maroon;
  font-weight: bold;
  padding: 5px;
  font-size: 16pt;
  text-align: center;
}

.administrativelogin a{ color: maroon; text-decoration: underline; }
.administrativelogin a:hover{ color: red; text-decoration: underline; }
.administrativelogin a:active{ color: red; text-decoration: underline; }

.red{
  color: red;
}

tr.separator{ height: 5px; font-size: 4px; }
td.separator{ height: 5px; font-size: 4px; }

.important{ font-weight: bold; color: red; }
.important a{ color: red; }
.important a:hover{ color: #F00000; }
.important a:active{ color: green; }
.important a:visited{ color: #E90000; }


.cen{ text-align: center; }
.lft{ text-align: left; }
.rgt{ text-align: right; }
.jus{ text-align: justify; }
.top{ vertical-align: top; }
.mid{ vertical-align: middle; }
.bot{ vertical-align: bottom; }

td.cen{ text-align: center; }
td.lft{ text-align: left; }
td.rgt{ text-align: right; }
td.jus{ text-align: justify; }
td.top{ vertical-align: top; }
td.mid{ vertical-align: middle; }
td.bot{ vertical-align: bottom; }

.errorcolor{ color: red; }
.errorcolor{ color: red; }
.errorcolor a{ color: red; }
.errorcolor a:active{ color: blue; }
.errorcolor a:visited{ color: red; }

table.mailtable{ /* try to change ! AU*/
  border-left: solid 0px gray; /* was 1 1 and 2 2 gray ! AU*/
  border-top: solid 0px gray;
  border-right: solid 0px gray;
  border-bottom: solid 0px gray;
}

table.mailtable th{ 
  background-color: #FFFFFF; /* HEADER was #e8e8e8 try to change ! AU*/ 
  /*border-bottom: solid 0px gray;  was 1 gray ! AU*/
}

table.mailtable td{ background-color: #FFCC00; } /* was #e8e8e8 try to change ! AU*/ 

.error{
  color: red;
  font-size: 14pt;
}

p.error{
  color: red;
  font-size: 14pt;
}

.success{
  color: blue; /* was blue ! AU*/ 
  font-size: 14pt;
}

p.success{
  color: blue; /* was blue ! AU*/ 
  font-size: 14pt;
}


dl.news{
  margin: 0px;
  padding: 0px;
  background-color: white;
}


dl.news dt{
  margin-top: 10px;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 3px;
  padding: 2px;
  font-weight: bold;
  background-color: #d1d1d1;
  color: black;
}

dl.news dd{
  margin-top: 3px;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 3px;
  padding-right: 4px;
  background-color: white;
}


table.compacttable td {
  padding: 2px;
}

table.qotable{ 
  border-left: solid 1px gray;
  border-top: solid 1px gray;
  border-right: solid 2px gray;
  border-bottom: solid 2px gray;
}

table.qotable th{ 
  background-color: #e8e8e8; 
  border-bottom: solid 1px gray;
  padding: 8px; 
  text-align: center;
}

table.qotable td{ 
  background-color: #e8e8e8; 
  padding: 8px;
  vertical-align: top;
  text-align: left;
}

table.qotable td input{ margin: 2px; }

/* яркий, выделенный список пунктов, обычно ul или ol */
.aulist{
	color: #336699;
	font-weight: bold;
	margin-left: 50px; /* was 90 px */
}
 
/* врезка в страницу, типа лирического отступления, с фоном и в рамке */
.comment{
	padding-left: 15px;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 20px;
	margin-left: 50px;
	margin-top: 15px;
	margin-bottom: 15px;
	background-color: #FFFFFF;
	border-left: solid 1px #999999;
	border-top: solid 1px #999999;
	border-right: solid 2px #999999;
	border-bottom: solid 2px #999999;
	font-size: 90%;
} 

.readercomment{
	padding-left: 10px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	margin-left: 0px;
	margin-top: 5px;
	margin-bottom: 5px;
	background-color: #FFCC99;
	border-left: solid 0px #999999;
	border-top: solid 0px #999999;
	border-right: solid 0px #999999;
	border-bottom: solid 0px #999999;
	font-size: 100%;
}

.newstitle{
	padding-left: 4px;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 2px;
	background-color: #FFFFFF;
	border-left: solid 7px #FF6600;
	border-top: solid 0px #336699;
	border-right: solid 0px #FF6600;
	border-bottom: solid 0px #FF6600;
	font-size: 130%;
	font-weight: bold;
	color: 336699;
}

.authorconclusion{
	padding-left: 10px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	margin-left: 0px;
	margin-top: 5px;
	margin-bottom: 5px;
	background-color: #CCFFCC;
	border-left: solid 0px #999999;
	border-top: solid 0px #999999;
	border-right: solid 0px #999999;
	border-bottom: solid 0px #999999;
	font-size: 110%;
}

.question{
    color: 336699;
    font-size: 18px;
    font-weight: regular;
}

/* ссылка на скачивание PDF-версии статьи */
.downloadpdflink {	
	color: #ffffff;
	link: #ffffff;
	vizited: #ffffff;
	background-color: #FF9933; /* was #FF9933 */
	font-family: sans-serif;
	font-size: 11px;
	font-weight: bold;
	padding-left: 4px;
	padding-right: 4px;
}

/* ссылка из оглавления на комментарии к статье */
.commentlink {	
	color: #ffffff;
	link: #ffffff;
	vizited: #ffffff;
	background-color: #FF9933; /* was #6699CC */
	font-family: sans-serif;
	font-size: 11px;
	font-weight: bold;
	padding-left: 4px;
	padding-right: 4px;
}

/* "разлинованная" таблица (строки разделены линиями, больше рамок нету), напр. в Студии */
table.lineika { border-collapse: collapse; }
table.lineika td{ 
	border-top: solid 1px #A0A0A0; 
	border-bottom: solid 1px #A0A0A0; 
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 5px;	
	padding-right: 15px;
}


/* таблица игровых рекордов */
table.scores td{ 
	padding-left: 8px; 
	padding-right:  8px;
	padding-top: 2px;
	padding-bottom: 2px;
	margin: 0; 
}

/* таблица сравнения акустики и электроники, имеет классы ячеек acoustic и electro,
   используется в статье про пианино vs. синтезатор */
table.acousticelectro{ border-collapse: collapse; } 
table.acousticelectro td{ font-size: 12px; }
table.acousticelectro th{ font-size: 12px; } 
table.acousticelectro td.acoustic, table.acousticelectro th.acoustic{ background-color: #ffCC99; }
table.acousticelectro td.electro, table.acousticelectro th.electro{ background-color: #99CCFF; }



/**/

.audio-column {
  width: 200px;
}

/* форма запроса ссылки на zip-архив */

.ziplink {
  margin: 10px 0;
  font-size: 11px;
}

.ziplink p {
  margin: 5px 0;
}


/* для опросов */

form.survey {
  background: #eeeeee;
  padding: 5px;
}

.survey ul, ul.survey.results {
  list-style: none;
  padding: 0;
}



.survey li {
  padding: 0;
  font-size: 13px;
  margin: 5px 0;
}

.survey li input {
  border: none;
}

.survey li label {
  padding: 0.2em;
  font-size: 13px;
  position: relative;
  top: 2px;
}

.survey.results .percent {
  width: 50px;
  text-align: right;
  margin-right: 10px;
  padding: 2px;
}

.survey.results .label {
  padding: 2px;
  white-space: nowrap;
  margin: -20px 0 0 60px;
  position: relative;
}

.survey.results .bar {
  background: #cccccc;
  margin: -20px 0 0 60px;
  height: 20px;
  font-size: 16px;
}

.percent.header {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 5px;
}