/* 
    Document   : shops
    Created on : 9.5.2012, 11:04:23
    Author     : Josef
    Description:
        shops related css.
*/

.shop-th-link{   cursor: pointer; text-decoration: underline; float:left;position:relative;}
.shop-th-link:hover{text-decoration:none;}
.shop-link{font-weight: normal; cursor: pointer; text-decoration: underline;color: #484887}
#body-shops{margin-bottom:20px}
.shop-filter{margin-top: 10px; margin-bottom: 10px}
.figure {
	
}
.figure>.figcaption, h4 {
	font-weight: bold;
	margin: 0 0 1ex 0;
	padding: 3px;
}
.figure>.nav a {
	text-decoration: none;
}
.figure>.nav>ul {
	margin: 0;
	padding: 0;
	list-style: none;
	word-spacing: -1em;
	border-bottom: 1px solid black;
}
.figure>.nav>ul>li {
	display: inline-block;
	word-spacing: normal;
	border: 1px solid black;
	border-bottom: none;
	margin-left: 1ex;
	padding: 4px;
}

.card {
	border-bottom: 1px solid white;
}
.card>div .field {
	word-spacing: -1em;
	padding: 0;
	border: 1px solid white;
	border-bottom: none;
}
.card>div .field.space {
	height: 30px;
}
.card>div .field>.label, .card>div .field>label {
	height: 22px;
        background-color: #c8c8e8;        
	font-weight: bold;
	padding: 4px;
	width: 170px;
	border-right: 1px solid white;
	display: inline-block;
	word-spacing: normal;
}


.card>div .field>label {
	vertical-align: top;
}
.card>div .field>.label.small, .card>div .field>label.small {
	font-size: 10px;
}
.card>div .field>.label.long, .card>div .field>label.long {
	width: 558px;
}
.card>div .field>.label.midle, .card>div .field>label.midle {
	width: 380px;
}
div.card > div.attributes > div > div.field > span.short,
div.card > div.attributes > div > div.field > div.short{
	width: 170px;
}

.card>div .field>.value {
	min-height: 22px;
        
	background-color: #e8e8e8;
	padding: 4px;
	width: 380px;
	display: inline-block;
	word-spacing: normal;
	vertical-align: top;
}
.card>div .field>.note {
	padding: 4px;
	display: inline-block;
	word-spacing: normal;
	vertical-align: top;
}

.actions {
	padding: 0;
}
form.validate>.card .field>.value>.error {
	color: darkred;
	display: inline;
    width: auto;
	border: 1px solid red;
}

.flash.warning {
	color: darkorange;
}

.figure.shop.show {
	
}

div.card {
	
}
div.card > div > div {
	display: inline-block;
	width: 570px;
	vertical-align: top;
}

div.card > div.space {
	word-spacing: -1em;
	letter-spacing: -4px;
}
div.card > div.space > div {
	width: 380px;
	letter-spacing: normal;
}
div.card > div > div > div.field > div.value > input {
	max-width: 370px;
}
div.card > div > div > div.field > div.value > select {
	max-width: 370px;
}

div.card > div.space > div > div.field > span.value {
	width: 190px;
}

.business_data > div.attributes > table > tbody > tr > td {
	border: 1px solid gray;
	width:60px;
}
.business_data > div.attributes > table > tbody > tr > td > input {
	width: 50px;
	border: none;
}

.business_data > div.rivals > table > tbody > tr > td {
	border: 1px solid gray;
	width:60px;
}
.business_data > div.rivals > table > tbody > tr > td > input {
	width: 50px;
	border: none;
}

div.table > div.field > span.value {
	min-width: 170px;
	width: 170px;
}
body > table > tbody > tr > td > table {
	width: 85%;	
	border: 1px solid black;
	border-bottom: none;
	border-right: none;
	border-spacing: 0px;
	font-size: 9px;
}
body > table > tbody > tr > td > table > tbody > tr > td {
	border-bottom: 1px solid black;
	border-right: 1px solid black;
	font-size: 9px;
	padding: 1px;
}

body .shop_links {
	float: right;
}

.cartsnote {
	display: none;
}
.cartsnote.other {
	display: inline;
}

div.card > div.space > div > div.field > div.value {
	width: 190px;
}

div.card > div.space > div > div.field > div.value > input,
div.card > div.space > div > div.field > span.value > input
{
	width: 180px;
} 

.value > input.note {
	width: 372px;
}

div.attributes > div.electric, div.attributes > div.heating, div.attributes > div.water {
	display: none;
}
div.attributes > div.show {
	display: block;
}

div.crumbs {
	color: #46a;
}
div.crumbs > span.title {
	font-size: 9px;
	font-style: normal;
}
div.crumbs > span.path {
	font-size: 9px;
	font-style: italic;
}

.on {
	display: block;
}

.off {
	display: none;
}

.printico{position: relative; top: 10px; left:5px;}


table.import{
	border-spacing: 0;
    border-collapse: collapse;	
	margin:10px;
	background: white;
}

table.import tr th, tr td.row{
	font-weight: bold;
	border: 1px solid black;
	cursor: pointer;
}

table.import tr td{
	border: 1px solid black;
	
}

table.import .over{
background: whitesmoke;

}
.import-bg{
	/*background: whitesmoke;*/
	//border: 1px solid silver;
}

table.import .choose{
background: silver;

}
 table.import tr.rowselect td,table.import tr.rowtoselect td{
background: #c8c8e8;

}

.control, .start-import{display: none;}
.importerror{border: 1px solid red }