﻿
/************************************ Базовые классы *************************************/
.base
{  
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 0px; 
	margin-top: 0px; 
	margin-right: 0px; 
	margin-bottom: 0px; 
	margin-left: 0px; 
	padding-top: 0px; 
	padding-right: 0px; 
	padding-bottom: 0px; 
	padding-left: 0px;
	background-color: rgb(117, 141, 176);
}

td p
{
	margin-top:auto;
	margin-bottom:auto;
}

/*********************************** Главная форма *************************************/
.topleft
{ 
   background: url(images/topleft.gif) no-repeat left;
   height: 82px;
   width: 819px;
}

.topcenter
{
   background: url(images/topcenter.gif) ;
   height: 82px;
   margin-left:5px;
   margin-right:7px;
}

.topright
{
   background: url(images/topright.gif) no-repeat right;
   height: 82px;
}

.panelleft
{ 
   height: 33px;
   width: 819px;
}

.panelcenter
{
   background: url(images/panelcenter.gif) ;
   height: 33px;
   margin-right:5px;
   margin-left:0px;
}

.panelright
{
   background: url(images/panelright.gif) no-repeat right;
   height: 33px;   
}

.testtab
{
  background: url(images/testtab.gif) no-repeat top left;
  display:block;
  float:left;
  height:21px;
  width:151px;
  font-family:Verdana;
  font-size:12px;
  font-weight:bold;
  text-decoration:none;
  color:#E8E3E3;
  outline:none;
  text-align:left;
  padding-top:12px;
  padding-left:50px;
}

.testtab:hover
{
  background-position:0% -33px;
  color:#FFFFFF;
}

.testtabactive
{
  background: url(images/testtabactive.gif) no-repeat left;
  float:left;
  height:20px;
  width:205px;
  font-family:Verdana;
  font-size:12px;
  font-weight:bold;
  text-decoration:none;
  color:#3E659A;
  padding-top:13px;
}

.resulttab
{
  background: url(images/resulttab.gif) no-repeat top left;
  display:block;
  float:left;
  height:21px;
  width:142px;
  font-family:Verdana;
  font-size:12px;
  font-weight:bold;
  text-decoration:none;
  color:#E8E3E3;
  outline:none;
  text-align:left;
  padding-top:12px;
  padding-left:50px;
}

.resulttab:hover
{
  background-position:0% -33px;
  color:#FFFFFF;
}

.resulttabactive
{
  background: url(images/resulttabactive.gif) no-repeat left;
  float:left;
  height:20px;
  width:150px;
  font-family:Verdana;
  font-size:12px;
  font-weight:bold;
  text-decoration:none;
  text-align:left;
  color:#3E659A;
  padding-top:13px;
  padding-left:50px;
}

.exitbtn
{
  display:block;
  float:right;
  background: url(images/exitbtn.gif) top left no-repeat;
  width:82px;
  line-height:25px;
  font-family:Verdana;
  font-size:11px;
  font-weight:bold;
  text-decoration:none;
  color:#E8E3E3;
  outline:none;
  text-align:center;
  border:0px;
  margin-right:14px;
  margin-top:4px;
}

.exitbtn:hover
{
  background-position:0% -25px;
  color:#FFFFFF;
}

.exitbtn:active
{
  background-position:0% -50px;
  color:#FFFFFF;
  padding-top:1px;
}

.logo
{
  background: url(images/logo.gif) no-repeat left;
  float:left;
  width:254px;
  height:50px;
  margin-top:15px;
  margin-left:10px;
}

.username
{
  font-family:Verdana;
  font-size:12px;
  font-weight:bold;
  float:right;
  color:#FFFFFF;
  margin-top:25px;
  margin-right:10px;   
}

.contentarea
{
  background: url(images/base.gif) repeat-y;
  width: 785px;
  min-height:600px;
  _height:600px;
  padding-top:40px;
  padding-left:16px;
  padding-right:18px;
  padding-bottom:20px;
  text-align:left;
  font-size:12px
  
}

.bottomleft
{ 
   background: url(images/bottomleft.gif) no-repeat left;
   height: 8px;
   width: 819px;
}

.bottomcenter
{
   background: url(images/bottomcenter.gif) ;
   height: 8px;
   margin-left:9px;
   margin-right:9px;
}

.bottomright
{
   background: url(images/bottomright.gif) no-repeat right;
   height: 8px;
}


/************************************ Список тестов *************************************/
.menuitem
{
  border: 1.5px solid #7c8ca4;
  border-radius: 4px;
  display:block;
  width: 763px;
  padding-top:7px;
  padding-bottom:7px;
  padding-left:10px;
  padding-right:10px;
  margin-top:0px;
  margin-bottom:10px;
  font-family:Verdana;
  font-size:14px;
  font-weight:bold;
  text-align:left;
  text-decoration:none;
  color:#414143
}

.menuitem:hover
{
  background-color: #cbdcf4
}


.menuitem i
{
 position:relative;
 margin-top:2px;
 margin-right:5px;
 display:block;
 float:right;
}


#activetest
{
  color:red;
}

.headbar
{
  border: 1.5px solid #7c8ca4;
  border-radius: 4px;
  background-color: #cbdcf4;
  padding-top:7px;
  padding-bottom:7px;
  padding-left:10px;
  padding-right:10px;
  margin-left:3px;
  margin-right:3px;
  font-family:Verdana;
  font-size:14px;
  font-weight:bold;
  text-align:left;
  text-decoration:none;
  color:#414143
}

.headbar a
{
  margin-right:5px;
  margin-left:5px;
  display:block;
  float:right;
  font-size:22px;
  text-decoration:none;
  color:#414143
}
.headbar a:hover
{
  text-decoration:underline;
}


/************************************ Тестирование *************************************/

.itemtitle
{
  display:block;
  float:left;
  margin-top:7px;
  margin-left:7px;
  font-family:Verdana;
  font-size:14px;
  font-weight:bold;
  text-align:left;
  text-decoration:none;
  color:#414143
}

.closeitemlink
{
  display:block;
  float:right;
  margin-top:6px;
  margin-right:10px;
  font-family:Verdana;
  font-size:18px;
  font-weight:bold;
  text-align:left;
  text-decoration:none;
  color:#414143
}

.closeitemlink:hover
{
  text-decoration:underline;
}

.closeitembtn
{
  background: url(images/closeitem.gif) no-repeat left;
  display:block;
  float:right;
  width:23px;
  height:21px;
  margin-top:5px;
  margin-right:5px;
}

.closeitembtn:hover
{
  background: url(images/closeitemhover.gif) no-repeat left;
  
}

.testinfo
{
  font-family:Verdana;
  font-size:11px;
  font-weight:bold;
  text-align:left;
  text-decoration:none;
  color:#414143;
  margin-top:10px;
  margin-left:4px;
}

.timearea
{
  font-family:Verdana;
  font-size:11px;
  font-weight:bold;
  text-align:left;
  text-decoration:none;
  color:#414143;
  border: thin;
  background-color:#e6e9f0;
}

.sectiontitle
{
  font-family:Verdana;
  font-size:12px;
  text-align:left;
  font-style:italic;
  text-decoration:none;
  color:#3E659A;
  margin-top:10px;
}

.endmsgtitle
{
  font-family:Verdana;
  font-size:14px;
  font-weight:bold;
  text-align:left;
  text-decoration:none;
  color:#3E659A;
  margin-top:10px;
}

.endmsgbtn
{
  height:27px;
  width:100px;
}

.questiontitle
{
  font-family:Verdana;
  font-size:12px;
  font-weight:bold;
  text-align:left;
  text-decoration:none;
  color:#3E659A;
  margin-top:10px;
  margin-bottom:8px;
}

.questioncontent
{
  margin-left:4px;
}

.questionfont
{
  font-size:14px;
  font-family:Times New Roman
}

.answerselectitem
{
  cursor:pointer;
}

/************************************ Список результатов *************************************/
.resulttableheader
{
  width:785px;
  height:22px;
}

.restabcolumn
{
  display:block;
  float:left;
  font-family:Verdana;
  font-size:11px;
  font-weight:bold;
  text-decoration:none;
  color:#3E659A;
  border-bottom-width:1px;
  border-bottom-color:#3E659A;
  border-bottom-style:solid;
  padding-bottom:2px;
  margin-right:10px;
}

.restabrow
{
  border: 1.5px solid #e6e9f0;
  display:block;
  float:clear;
  width:760px;
  overflow:auto;
  padding-left:25px;
  padding-top:4px;
  padding-bottom:2px;
  font-family:Verdana;
  font-size:11px;
  text-decoration:none;
  color:#4C4C4F
}

div.restabrow
{
  background: url(images/restableftdis.gif) no-repeat top left;
}


a.restabrow
{
  background: url(images/restableft.gif) no-repeat top left;
}

a.restabrow:hover
{
  border: 1.5px solid #7c8ca4;
  border-radius: 4px;
  background-color: #cbdcf4;
}

.restabcell
{
  display:block;
  float:left;
  margin-right:10px;
  min-height:18px;
}

/************************************ Форма входа *************************************/
.loginleft
{ 
   background: url(images/loginleft.gif) no-repeat left;
   height: 213px;
   width: 421px;
}

.logincenter
{
   background: url(images/logincenter.gif) ;
   height: 194px;
   margin-left:9px;
   margin-right:9px;
   padding-top:19px;
   text-align:left;
}

.loginright
{
   background: url(images/loginright.gif) no-repeat right;
   height: 213px;
}

.logo2
{
  background: url(images/logo2.gif) no-repeat left;
  width:254px;
  height:47px;
  margin-left:10px;
}

.loginform
{
  margin-left:15px;
  margin-top:15px;
  margin-right:10px;
  font-size:12px;
}

.loginformhd
{
 width:1px;
 height:1px;
 position: absolute;
 left: -9999px;
}

.lflabel
{
  display:block;
  clear:both;
  float:left;
  font-family:Verdana;
  font-size:11px;
  font-weight:bold;
  text-decoration:none;
  color:#FFFFFF;
  margin-top:8px;
}

.lfinput
{
  display:block;
  float:right;
  width:250px;
  margin-top:5px;
  margin-right:0px;
  padding-left:0px;
  padding-right:0px;
  border-radius: 0 0 0 0px;
  border:1px;
  border-style:solid;
  border-color:#abadb3;
}

.lfselect
{
  display:block;
  float:right;
  width:252px;
  margin-top:5px;
  margin-right:0px;
  padding-left:2px;
  border-radius: 0 0 0 0px;
  border:1px;
  border-style:solid;
  border-color:#abadb3;
}

.lfreglink
{
  display:block;
  clear:both;
  float:left;
  font-family:Verdana;
  font-size:11px;
  font-weight:bold;
  text-decoration:underline;
  color:#FFFFFF;
  margin-top:25px;
}

.lfreglink:hover
{
  color:red;
}

.lfreglink:active
{
  color:green;
}

.lfbtn
{
  display:block;
  width:100px;
  height:30px;
  float:right;
  margin-top:17px;
}

.regbtn
{
  display:block;
  float:left;
  background: url(images/regbtn.gif) top left no-repeat;
  width:164px;
  line-height:30px;
  font-family:Verdana;
  font-size:11px;
  font-weight:bold;
  text-decoration:none;
  color:#E8E3E3;
  outline:none;
  text-align:center;
  border:0px;
  margin-top:25px;
}

.regbtn:hover
{
  background-position:0% -30px;
  color:#FFFFFF;
}

.regbtn:active
{
  background-position:0% -60px;
  color:#FFFFFF;
  padding-top:1px;
}

.loginbtn
{
  display:block;
  float:right;
  background: url(images/loginbtn.gif) top left no-repeat;
  width:99px;
  line-height:30px;
  font-family:Verdana;
  font-size:11px;
  font-weight:bold;
  text-decoration:none;
  color:#E8E3E3;
  outline:none;
  text-align:center;
  border:0px;
  margin-top:25px;
}

.loginbtn:hover
{
  background-position:0% -30px;
  color:#FFFFFF;
}

.loginbtn:active
{
  background-position:0% -60px;
  color:#FFFFFF;
  padding-top:1px;
}

/************************************ Форма регистрации *************************************/
.sepleft
{ 
   background: url(images/sepleft.gif) no-repeat left;
   height: 1px;
   width: 819px;
}

.sepcenter
{
   background: url(images/sepcenter.gif) ;
   height: 1px;
   margin-left:3px;
   margin-right:5px;
}

.sepright
{
   background: url(images/sepright.gif) no-repeat right;
   height: 1px;
}

.regformtitle
{
  font-family:Verdana;
  font-size:14px;
  font-weight:bold;
  text-align:left;
  text-decoration:none;
  color:#3E659A;
  margin-top:-20px;
}

.commenttext
{
  font-family:Verdana;
  font-size:10px;
  text-align:left;
  text-decoration:none;
  color:#57575a;
}

.regform
{
  margin-top:20px;
}

.rflabel
{
  display:block;
  clear:left;
  float:left;
  font-family:Verdana;
  font-size:11px;
  font-weight:bold;
  text-decoration:none;
  color:#57575a;
  margin-top:10px;
  width:200px;
}

.rfinput
{
  display:block;
  float:left;
  width:350px;
  margin-top:7px;
  margin-right:0px;
  padding-left:0px;
  padding-right:0px;
  border-radius: 0 0 0 0px;
  border:1px;
  border-style:solid;
  border-color:#abadb3;
}

.rfselect
{
  display:block;
  float:left;
  width:252px;
  margin-top:7px;
  margin-right:0px;
  padding-left:2px;
  border-radius: 0 0 0 0px;
  border:1px;
  border-style:solid;
  border-color:#abadb3;
}

.rfmemo
{
  float:left;
  width:400px;
  margin-top:7px;
}
.rfmarker
{
  display:block;
  float:left;
  font-family:Verdana;
  font-size:10px;
  text-align:left;
  font-weight:bold;
  text-decoration:none;
  color:red;
  margin-top:10px;
  width:10px;
}

.rfcaptcha
{
  border: 1px solid silver;
  /*width:300px;*/
  display:block;
  float:left;
  margin-top:7px;
}

.cpclearfix
{
  clear:both;
}

.rfcaptcha img
{
  display:block;
  float:left;
  margin-top:7px;
  margin-left:7px;
}

.rfcaptcha p
{
  margin-top:7px;
  margin-left:7px;
  margin-bottom:0px;
  font-family:Verdana;
  font-size:11px;
  font-weight:bold;
  text-decoration:none;
  color:#57575a;
  
}

.rfcaptcha input
{
  margin-top:2px;
  margin-left:7px;
  margin-bottom:7px;
 width:195px;
}

.rfcaptcha a
{
  margin-top:12px;
  margin-left:7px;
  margin-right:7px;
  display:block;
  float:left;
  text-decoration:none;
  color:#57575a;
}







.rfbtn
{
  display:block;
  clear:both;
  float:left;
  width:150px;
  margin-top:17px;
  height:30px;
}
.answerbtn
{
  height:27px;
  width:100px;
}
.cancelbtn
{
  height:27px;
  width:100px;
}

/************************************ Сообщения **************************************/
.msgbox
{
	margin-top:20px;
}

.okbtn
{
  height :27px;
  width:100px;
}

/************************** Протокол тестирования *************************************/
.reppartheader
{
  font-family:Verdana;
  font-size:12px;
  font-weight:bold;
  text-align:left;
  text-decoration:none;
  color:#3E659A;
}

.repsectionheader
{
  
  font-family:Verdana;
  font-size:12px;
  font-weight:normal;
  text-align:left;
  text-decoration:none;
  color:#3E659A;
}

.repquestionheader
{
  
  font-family:Verdana;
  font-size:12px;
  font-weight:bold;
  text-align:left;
  text-decoration:none;
  color:#3E659A;
  border-top:solid 1px #3D659A;
  border-bottom:solid 1px #3D659A;
  
  line-height:26px;
}


.repanswer strong
{
	font-weight:normal;
	color:#3E659A;
	font-style:italic;
}

.sectionreport
{
	margin-left:10px;
}

.answmarker
{  
	font-family:Verdana;
	font-size: 12px;
	font-weight:bold;
	color:#3E659A;
}

/********************** окно ошибки,предупреждения ***************************************/

.er_topleft
{ 
   background: url(images/er_topleft.gif) no-repeat left;
   height: 50px;
   width: 492px;

}

.er_topcenter
{
   background: url(images/er_topcenter.gif) ;
   height: 50px;
   margin-left:4px;
   margin-right:6px;
   text-align:left;
   
}

.er_topright
{
   background: url(images/er_topright.gif) no-repeat right;
   height: 50px;
}

.er_body
{
  background: url(images/er_body.gif) repeat-y;
  width: 458px;
  min-height:200px;
  _height:200px; 
  padding-top:10px;
  padding-bottom:20px;
  padding-left:16px;
  padding-right:18px;
  text-align:left;
  font-size:12px
  
}

.er_bottomleft
{ 
   background: url(images/er_bottomleft.gif) no-repeat left;
   height: 7px;
   width: 492px;

}

.er_bottomcenter
{
   background: url(images/er_bottomcenter.gif) ;
   height: 7px;
   margin-left:8px;
   margin-right:8px;
}

.er_bottomright
{
   background: url(images/er_bottomright.gif) no-repeat right;
   height: 7px;
}

.er_icon
{
	margin-left:10px;
	margin-top:11px;
	float:left;
}

.er_caption
{
	display:block;
	float:left;
	margin-left:10px;
	margin-top:14px;
	font-family:Verdana;
	font-size:18px;
	font-weight:bold;
	color:White;
}