/*
PhPh Bootstrap CSS adds
Bootstrap to CMS NetCat adaptation

http://web.finar.ru/
*/

/**************************************/
/*          Ph&Ph common styles       */
/**************************************/
h1 {
font-family: Verdana !important;
font-size: 18px !important;
}
h2 {
font-family: Verdana !important;
font-size: 15px !important;
}
h3 {
font-family: Verdana !important;
font-size: 13px !important;
}
p{
font-family: Verdana !important;
}


.fl
{
float: left;
}

.fr
{
float: right;
}

.debug {
  outline: 1px solid red !important;
  background: #EEF !important; 
}

.clear{
clear: both;
}

/* переопределяем bootstrap'овы штунги */
a {
text-decoration: underline;
color: #008;
}

a:hover {
text-decoration: underline;
color: #88F;
}

.btn {
/* Finar: на ссылках кнопок не нужно подчеркивание*/
text-decoration: none;
}

.nav > li > a {
/* Finar: display-inline нужен для двухуровнего меню. Не работает в IE6-7, но оно и так не работает толком */
display:inline-block !important;
}


/* ОСНОВНАЯ ВЕРСТКА */

.phph-body {
  margin: 0;
  font-family: Verdana;
  font-size: 12px !important;
  color: #333333;
  background-color: #ffffff;
}

.phph-top-line{
height:5px;
background:#E8E8E8 url(/images/top_line.jpg) no-repeat;
margin-top: 10px;  
margin-left:auto; 
margin-right:auto;
}

.phph-nav
{
float:right !important;
}

.phph-header {
background:#195e97 url(/images/header.png) no-repeat;
border-left: 1px solid #195e97;
border-right: 1px solid #195e97;
margin-top: 3px;
height:130px;
line-height: normal; /* убираем принудительную высоту строки. ToDo: может лучше убрать ее системно на уровне всего шаблона? */
}

.phph-transdekra  {
color: white !important;
font-size: 10px;
}

.phph-transdekra  a{
color: white !important;
text-decoration: none !important;
margin-left: 5px;
width: 300px;
}

.phph-header-left {
margin-left:0px;
margin-top:14px;
}

.phph-title{
margin-left:20px;
padding-top:110px;
line-height: 21px;
font-size:10px;
}

.phph-header-center {

}

.phph-header-right {
padding:5px;
float:right;
}
	
.phph-logo{
float:left;
margin-top:2px;
min-width: 310px;
min-height: 73px;
/*background: url(/images/logo.png) no-repeat;*/
}	
	

.phph-menu {
height:20px;
margin-left:auto;
margin-right:auto;
background:#195e97;
}
	
.phph-menu ul{
margin-bottom: 0px;
}
	
.phph-menu a, a:hover {
color: #000;
text-decoration: underline;
cursor: pointer;
}


/*илья - простое меню*/
.phph-flat-menu {

}

.phph-flat-menu  ul{
        float:right !important; 
       	/*Finar: такой же сдвиг, что у всех спанов*/
	/*margin-left: 18px;*/
        /*overflow: hidden;*/
       /* zoom: 1;*/
	}

.phph-flat-menu  li{
        display: block;
              
	list-style: none;
        border-left: 1px solid #fff;
        margin: 0 1px 0 -1px;
	float: left;
	text-align: center;
	
	}

.phph-flat-menu  li a{
display: block;
	font-family: verdana;
        font-size: 10px;
        font-weight: bold;
        color: white;
        text-decoration: none;
	padding: 0 10px;
	}

	.phph-flat-menu  li a:hover{
background: rgb(102, 153, 204) none repeat scroll 0% 50%;
	text-decoration: none;
	/*color: #C71444;*/
	/*background: #CACACA;*/
	/* Finar: плавненько чтобы*/
	/*-webkit-transition: background 0.1s linear;
	-moz-transition: background 0.1s linear;
	-ms-transition: background 0.1s linear;
	-o-transition: background 0.1s linear;
	transition: background 0.1s linear;*/
	/*background-color: #69C;*/
	}

	.phph-flat-menu > .active > a, .phph-flat-menu > .active{
	text-decoration: none;
	/*color: #C71444 !important;/*
	}

	.phph-flat-menu  .active {
	/*font-weight: bolder;
	text-decoration: none;
	color: #C71444 !important;*/
	}

	
/* простое плоское меню, не используется
.phph-flat-menu {
margin-top: 10px;
outline: 1px solid #EEE;
}

	.phph-flat-menu  ul{
	/* Finar: такой же сдвиг, что у всех спанов
	margin-left: 20px;
	}

	.phph-flat-menu  li{
	display: block;
	float: left;
	text-align: center;
	}

	.phph-flat-menu  li a{
	display: block;
	color: black;
	padding: 10px 10px;
	min-width: 60px;
	border: 1px solid #CCC;
	background: #DDD; 
	text-decoration: underline;
	}

	.phph-flat-menu  li a:hover{
	text-decoration: underline;
	background: #CACACA;
	/* Finar: плавненько чтобы
	-webkit-transition: background 0.1s linear;
	-moz-transition: background 0.1s linear;
	-ms-transition: background 0.1s linear;
	-o-transition: background 0.1s linear;
	transition: background 0.1s linear;
	}

	.phph-flat-menu  .active {
	font-weight: bolder;
	} 
*/
	
.phph-contentWrapper {
border-right: 1px solid #195e97;
}

.phph-leftbar {
outline: 1px solid #DDD;
}
	
	.phph-leftbar .active {
	font-weight: bolder;
	}

	.phph-leftbar-1 {
	border-bottom: 1px solid #AAA;
	}

	.phph-leftbar-2 {
	border-bottom: 1px solid #AAA;
	}	
	
	.phph-leftbar-3 {
	border-bottom: 10px solid #AAA;
	}
	
.phph-content {
border-left: 1px solid #195e97;

}

	.phph-content-head, .phph-content-foot{
	border: 1px dashed #888;
	background: #E8DDDD;
	width: auto;
	height: 100px;
	margin: 5px;
	padding: 10px;
	text-align: center;

	}
	
	.phph-content-body {
        margin-bottom: 20px;
        margin-top: 10px;
	padding: 0 10px;
        margin-left:10px;
        margin-right:10px;

	}

	
.phph-rightbar {
outline: 1px solid #DDD;
}
	
	.phph-rightbar .active {
	font-weight: bolder;
	}

	.phph-rightbar-1 {
	border-bottom: 1px solid #AAA;
	}

	.phph-rightbar-2 {
	border-bottom: 1px solid #AAA;
	}	
	
	.phph-rightbar-3 {
	border-bottom: 10px solid #AAA;
	}
	
.phph-footer {
border-left: 1px solid #195e97;
border-right: 1px solid #195e97;
margin-left:0;
background:url(/images/footer.png);
height:24px;
}

	.phph-footer-left {
	border-top: 2px solid #888;
	}
	
	.phph-footer-center {
	text-align: left;
	margin-left:20px;
	font-size: 10px;
	height: 23px;
	margin-top: 2px;
	}
	
		.phph-footer-center a {color: #195E97;}
	
	.phph-footer-right {
	text-align: right;
	border-top: 2px solid #888;
	}

	
.phph-programming{
font-size: 10px;
color: #888;
float:right;
}
.phph-programming a {
color: #888;
}
	
/*стили формы расчета, частично взято отсюда:
------------------------------------
              screen.css
        BlueTrip CSS Framework
         http://bluetrip.org
*/

/* FORMS */
fieldset { padding:1.4em; margin: 0 0 1.5em 0; border: 1px solid #ccc; }
legend { font-weight: bold; font-size:1.2em; }
label { font-weight: bold;}
textarea, input[type='text'], input[type='password'], select { border: 1px solid #ccc; }
textarea:hover, input[type='text']:hover, input[type='password']:hover, select:hover { border-color: #aaa; }
textarea:focus, input[type='text']:focus, input[type='password']:focus, select:focus { border-color: #888; }

select{
width: 225px;
}

textarea:focus, input[type='text']:focus, input[type='password']:focus, select:focus
{


-webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0,0, 0) !important;
-moz-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0,0, 0) !important;
box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0) !important;
}

input, select { cursor: pointer; 
height: 23px;
line-height: 23px;}
input[type='text'],input[type='password'] { cursor: text;  height: 13px;
line-height: 13px;}

/*** TABLES ***/
table { border-top: 1px solid #ccc;  border-left: 1px solid #ccc; }
th, td { border-bottom: 1px solid #ddd; border-right: 1px solid #ccc; }

/*** MARGINS & PADDINGS ***/
blockquote *:first-child { margin: .8em 0; }
hr, dl, pre, blockquote, address, table, form { margin-bottom: 1.6em; }

ul {
margin: 0;
}
li {
margin-left: 20px;
}


/*** NOTE: Calulate header margins: TOP: 1.6em/size, BOTTOM: 1.6em/size/2 ***/
h1 { margin: 1em 0 .5em;  }
.type_block h2 { margin: 1.07em 0 .535em; padding-bottom: 10px; }
h3 { margin: 1.14em 0 .57em; }
h4 { margin: 1.23em 0 .615em; }
h5 { margin: 1.33em 0 .67em; }
h6 { margin: 1.6em 0 .8em; }
label{margin-bottom:0 !important;}
/*th, td { padding: .8em; }*/
caption { padding-bottom: .8em; } /*** padding instead of margin for IE ***/
blockquote { padding: 0 1em; margin: 1.6em 0; }
fieldset { padding: 0 1em 1em 1em; margin: 1.6em 0; } /*** padding-top is margin-top for fieldsets in Opera ***/
legend { font-weight: bold; font-size:1.2em; }
legend { 
padding-left: .8em;
padding-right: .8em; 
border-style: none !important;
line-height: 20px !important;
margin-bottom:0 !important;
width:auto;
}
legend+* { margin-top: 1em; } /*** compensates for the opera margin bug ***/
select {
padding: .1em .2em 0 .2em; 
}

input, textarea, select, .uneditable-input {margin: 0 5px 2px 0 !important;}
option { padding: 0 .4em; }
a { position: relative; padding: 0.3em 0 .1em 0; color: #195E97} /*** for larger click-area ***/
dt { margin-top: .8em; margin-bottom: .4em; }
ul { margin-left: 1.5em; }
ol { margin-left: 2.35em; }
ol ol, ul ol { margin-left: 2.5em; }
form div { margin-bottom: .8em; }

.half-width{
width: 108px !important;
}

.options_table{
text-align:center;
}

input, textarea, select, .uneditable-input {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}






#PicList{
text-align:center;
}

.js-link {
text-decoration: none !important;
border-bottom: 1px dashed #195E97;
}

/*** STYLES FOR BUTTONS ***/
a.button, button {
  display: inline-block;
  float: left;
  margin:0 0.583em 0.667em 0;
  padding:5px 10px 5px 7px;   /*** Links ***/
  border:1px solid #dedede;
  border-top:1px solid #eee;
  border-left:1px solid #eee;
  background-color:#f5f5f5;
  font-family: Verdana, Helvetica, Arial, sans-serif;
  font-size:100%;
  line-height:130%;
  text-decoration:none;
  font-weight:bold;
  color:#565656;
  cursor:pointer;
}
button { width:auto; overflow:visible; padding:4px 10px 3px 7px; }
button[type] { padding:4px 10px 4px 7px; line-height:17px; }
*:first-child+html .container button[type] { padding:4px 10px 3px 7px; }
button img, a.button img{ margin:0 3px -3px 0 !important; padding:0; border:none; width:16px; height:16px; float:none; }

/*** STANDARD BUTTONS ***/
button:hover, a.button:hover{ background-color:#dff4ff; border:1px solid #c2e1ef; color:#336699; }
a.button:active, button:active{ background-color:#9fc1ff; border:1px solid #6299c5; color:#0ff; }

/*** POSITIVE (LIGHT BACKGROUND) ***/
body .positive { color:#112B5D; }
a.positive:hover, button.positive:hover { background-color:#b3ceff; border:1px solid #C6D880; color:#112B5D; }
/*a.positive:active, button.positive:active { background-color:#112B5D; border:1px solid #112B5D; color:#fff; }*/

/*** NEGATIVE (DARK BACKGROUND)***/
body .negative { color:#d12f19; }
a.negative:hover, button.negative:hover { background:#fbe3e4; border:1px solid #fbc2c4; color:#d12f19; }
a.negative:active, button.negative:active { background-color:#d12f19; border:1px solid #d12f19; color:#fff; }

/****************************************/

.final_button button {
display: inline;
font-size: 200%;
font-weight: lighter;
float: none;
text-align:center;
}

#final_button{
text-align:center;
}

.save_buttons button {
display: inline;
font-size: 150%;
font-weight: lighter;
float: none;
margin: 0;
}

.save {
margin-right: 232px;
margin-bottom: 15px;
}

.results table{width: 100%;}
.results h3{font-size: 1.5em !important;}

.result_price {
text-align: center;
margin: 40px 0 40px 0;
}

.result_price span {
/*display: block;*/
margin: 20px 0 20px 20px;
font-weight: bold;
font-size: 125%;
}

.result_price p{
margin-bottom: 1.6em;
font-size: 100% !important;
}

.result_options {
font-size: 80%;
text-align: justify;
padding: 0 0 10px 0;
}

#price-correction-Form input[type="text"] {
font-size: 92%;
font-family: monaco, "Lucida Console", courier, monospace;
}

#price-correction-Form table, td, th{
border: 1px solid #F4F4F4;
}

#price-correction-Form input[type="text"] {
cursor: text;
height: 8px;
line-height: 8px;
}

input, textarea, .uneditable-input{
width:auto;
}

.phph-span8{
width:608px;
}


.archive_buttons{
margin:10px 0;
}

.phph-span4{
text-align:center;
width:310px;
height:63px;
color:#fff;
}

.phph-span4 table{
float:right;
border-top:0 !important;
margin-bottom: 0 !important;
border: none !important;
}

.phph-span4 td{
margin-bottom: 0 !important;
border: none !important;
}

.phph-span4 a.button, button{
margin:0 !important;
}

.phph-span4 a{
color:#eee;
text-decoration: none !important;
border-bottom: 1px dashed #eee;
font-size:90%;
}

.phph-span4 a:hover{
color:#fff;
text-decoration: none !important;
border-bottom: none;
}

.phph-input-small {
width: 105px;
}


.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  float: left;
  display: none;
  min-width: 100px;
  _width: 160px;
  padding: 4px 0;
  margin: 0;
  list-style: none;
  background-color: #195E97;
  border-color: #ccc;
  border-color: rgba(0, 0, 0, 0.2);
  border-style: solid;
  border-width: 1px;
  -webkit-border-radius: 0 0 5px 5px;
  -moz-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  *border-right-width: 2px;
  *border-bottom-width: 2px;
}


.dropdown-menu a {
  display: block;
  padding: 3px 15px;
  clear: both;
  font-weight: normal;
  line-height: 18px;
  color: #555555;
  
  float: left;
  white-space: nowrap;
}

.dropdown-menu li{
min-width: 70px;
}

.dropdown-menu li > a:hover, .dropdown-menu .active > a, .dropdown-menu .active > a:hover {
  overflow: hidden;
  color: #ffffff;
  text-decoration: none;
  background-color: background: rgb(102, 153, 204) none repeat scroll 0% 50%;
}

.dropdown.open .dropdown-toggle {
  color: #ffffff;
  background: #ccc;
  background: rgba(0, 0, 0, 0.3);
}
.dropdown.open .dropdown-menu {
  display: block;
}

.phph-caret {
border-top: 4px solid white !important;
opacity: 1 !important;
}

.newbut {
font-family: Arial, Verdana;
}

input.newbut  {
height: 16px;
line-height: 17px;
}

.sorting-forms {
border: 1px solid #EEE;
padding: 5px;
float:left;
}