/* обязательные стили дерева */
.testree {
  position: relative;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	padding: 0;
	margin: 0;
	oveflow: hidden;
  text-align: left;
	background: #525252;
	zoom: 1;
}

.svg {opacity: 0.2;}

.testree #tree_draggable.ui-draggable { background: url('../img/grid_bg.png') repeat 0 0; }

.testree ul {
  position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
  margin: auto;
  text-align: left;
  list-style: none;
  background: none;
}

.testree ul li {
  position: absolute;
	display: block;
  top: 0px;
  left: 0px;
  width: 150px;
  height: 150px;
	margin: 0 12px;
  text-align: center;
  background: none;
}

.testree ul li .icon {
  display: block;
  position: relative;
  width: 60px;
  height: 17px;
  padding: 43px 0 6px;
  margin: 0 auto;
  background-image: url('../img/icons.png');
  background-position: -100% -100%;
  background-repeat: no-repeat;
  cursor: pointer;
  font-size: 11px;
  line-height: 1;
  color: #000;
}

.testree ul li.state_pass .icon, .testree ul li.state_fail .icon { color: #fff; }

.testree ul li a {
  display: block;
  width: 150px;
  padding: 3px 0;
  background: url('../img/text_bg.png') no-repeat;
  color: #fff;
  text-decoration: none;
}

.testree .state_available .icon { background-position: 0px 0;}
.testree .state_locked .icon {  background-position: -60px 0; }
.testree .state_pass .icon {  background-position: -120px 0; }
.testree .state_fail .icon {  background-position: -180px 0; }

.testree .state_available:hover .icon { background-position: 0px -120px;}
.testree .state_locked:hover .icon {  background-position: -60px -120px;}
.testree .state_pass:hover .icon {  background-position: -120px -120px;}
.testree .state_fail:hover .icon {  background-position: -180px -120px;}

.testree .hover.state_available .icon { background-position: 0px -120px;}
.testree .hover.state_locked .icon {  background-position: -60px -120px; cursor: default;}
.testree .hover.state_pass .icon {  background-position: -120px -120px;}
.testree .hover.state_fail .icon {  background-position: -180px -120px;}

.testree .hover.state_locked a {cursor: default;}
.testree .hover.state_pass .icon, .testree .hover.state_pass a {cursor: default;}



.hidden#ui-dialog {display: none;}

#ui-dialog {text-align: left;}

form#ui-dialog-form .ui-field {
  margin: 0 0 20px;
}


form#ui-dialog-form .ui-field.radio {
  width: 140px;
  height: 18px;
  overflow: hidden;
  margin: 0 0 5px;
}

form#ui-dialog-form .ui-field.text {
  width: 140px;
  overflow: hidden;
  margin: 0 0 5px;
}

form#ui-dialog-form .ui-field.text input {width: 35px;}

form#ui-dialog-form input {
  float: left;
  width: 26px;
	height: 20px;
}

form#ui-dialog-form label {
  float: left;
  width: 100px;
  text-transform: capitalize;
}

#ui-dialog p.ui-title {text-transform: capitalize; padding: 0; margin: 0 0 6px; font-weight: bold;}

/* стили тестов */


/* стили страницы с тестом

.test {
  text-align: left;
  padding: 20px;
}

fieldset {border: none; padding: 0 0 30px;}

form .item {
  margin: 0 0 20px;
}

form .title {
  font-weight: bold;
  margin: 0 0 10px;
}

form .field .radiogroup {
  width: 300px;
  margin: 0 0 5px;
}

form .radio {
  float: left;
  width: 26px;
}

form .label {
  float: left;
  width: 250px;
}
form .label.true {
  text-decoration: underline;
}
*/


/*Стили статистики и карты*/
.statBox {padding: 0 5px 0 0;position:absolute;top: 0; right: 0;opacity: 0.8;-moz-box-sizing:  border-box;box-sizing:  border-box;}
.statBox  td {padding-right:10px;color: #ffffff;font-weight: bold;}

.mapBox { background:#ffffff;position:absolute;bottom: 0; left: 0;border:2px solid #ffffff;border-bottom:none;border-left:none;}
.mapBox .vievport {width: 20px; height: 20px; cursor: pointer;position:absolute;lef: 0; top: 2px;border: 2px solid #00CC00;z-index: 2;background: url("../img/blank.gif") repeat ;}
.mapBox  .collapser {background: url('../img/arrow.png') no-repeat -16px 0;width:16px;height:16px;position:absolute;top:-2px;right:-2px;cursor:pointer;z-index: 3;}
.mapBox.collapsed  .collapser{background-position: 0 0;}
.mapBox img {width:100%;height:100%;z-index:1;}


.navArrow {background: url("../img/arrow_big.png") no-repeat 0 0;position: absolute;width: 38px;height:38px;z-index: 110;display:block;cursor:pointer;}
.navArrow.arrowTop {background-position: 0 -38px;top: -19px; left: 50%;margin-left: -19px;}
.navArrow.arrowRight {background-position: 0 0;top:50%;right:-19px;margin-top: -19px;}
.navArrow.arrowBottom {background-position: 0 -38px;bottom:-19px; left:50%;margin-left: -19px;}
.navArrow.arrowLeft {background-position: 0 0;top: 50%; left:-19px;margin-top: -19px;}
.navArrow.arrowTop:hover {background-position: -38px -38px;}
.navArrow.arrowRight:hover {background-position: -38px 0;}
.navArrow.arrowBottom:hover {background-position: -38px -38px;}
.navArrow.arrowLeft:hover {background-position: -38px 0;}