/* Style Sheet of SOBI 2 Component com_sobi2.css                               */
/* --------------------------------------------------------------------------- */
/* Copyright (C) 2007 Sigsiu.NET (http://www.sigsiu.net). All rights reserved. */
/* SOBI2 is free software; you can redistribute it and/or modify               */
/* it under the terms of the GNU General Public License as published by        */
/* the Free Software Foundation.                                               */
/* Authors: Sigrid & Radek Suski, Sigsiu.NET                                   */


/* main SOBI Style to override standard styles */


div.sobi2 {
}

div.sobi2 h1 {
padding:5px;
margin:0px;
font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
color:#ff6600;
}

div.sobi2 h2 {
padding:5px;
margin:0px;
font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#ff0000;
}


div.sobi2 h3, div.sobi2 h4 {
font-weight:normal;
font-size:11px;
padding:5px;
}

/* Style for Standard Joomla! mosmsg-class, because often undefined */
/* To use the style of your template, delete this entry. */
.message {
}

/* Style of the Header Menu */
/* -------------------------------------------------------- */
/* Style of Header Menu */
table.sobi2Header {
border-style: none;
background-color:#CCCCCC;
background-image:url(../images/topnavb-negro.gif);
height:25px;
}
a.sobi2Header:link, a.sobi2Header:visited {
padding: 5px;
color:#FFFFFF;
}

a.sobi2Header:hover {
background-image:url(../images/topnavb-negro.gif);
color:#ff6600;
}

/* Style of Main Component Description */
/* -------------------------------------------------------- */
.sobi2CompDesc {
width:100%;
padding:0px 0px 0px 0px;
background:url(../images/maintop.gif) 0px 0px repeat-x;
background-color:#ffffff;
border-bottom:1px dotted #cccccc;
font-size:12px;
color:#444444;
}

.sobi2CompDesc td {
padding:5px 0px 5px 10px;
margin:0px;
}

.sobi2CompDesc img {
padding-right:10px;
}


/* Style of Category List */
/* -------------------------------------------------------- */
table#sobi2CatListSymbols {
background-color:transparent;
width: 100%;
margin:5px 10px 5px 10px;
}

#sobi2Footer ul {
list-style:none;
}

#sobi2Footer li {
padding:0px 0px 3px 0px;
}

#sobi2Footer td {
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}

table.sobi2Footer td {
width: 100%;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}

td.power {
padding:3px 0px 3px 10px!important;
font-size:9px;
color:#888888;
}

table#sobi2CatListSymbols td {
vertical-align: top;
border-style: none;
margin:0px 0px 0px 0px;
padding:0px 10px 10px 0px;
}

/* Style of Category Icon */
img.sobi2CatIco {
padding:0px 5px 0px 0px;
margin:0px;
border-style: none;
float:left;
}

/* Style of Category Name */
p.sobi2CatName {
font-family:"Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
padding:15px 0px 0px 0px;
margin:0px 0px 0px 0px;
}

/* Style of Category Introtext */
p.sobi2CatsListSymbolsIntrotext {
font-weight:bold;
font-style:italic;
color:#888888;
font-size: 9px;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;

}

/* Style of Subcategories in cat view */
.sobi2SubcatsList {
font-weight:normal;
padding:0px 0px 10px 0px;
float:left;
clear:left;
}

.sobi2SubcatsListItems {
font-weight:normal;
font-size:10px;
font-style:normal;
}


/* Style of the shown entries/subcategories numbers */
span.sobi2EditlinktipItems {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#000000;
text-decoration:  none;
border-bottom: 1px dashed #aaa;
}
span.sobi2CountSeparator {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#000000;
text-decoration:  none;
}
span.sobi2EditlinktipCats {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#000000;
text-decoration:  none;
border-bottom: 1px dashed #aaa;
}


/* Style for Entries in Category View (Cards View) */
/* -------------------------------------------------------- */
table.sobi2Listing {
margin:0px 0px 10px 0px;
padding:0px;
width: 100%;
border-bottom:1px dotted #cccccc;

}

table.sobi2Listing td {
margin:5px;
vertical-align: top;
width:25%;
}

.vct {
padding:5px;
background:#ffffff url(../images/maintop.gif) 0px -7px repeat-x;
border-top:2px solid #ffffff;
border-left:2px solid #ffffff;
border-bottom:1px solid #bbbbbb;
border-right:1px solid #cccccc;
}

.vct:hover {
padding:8px 4px 4px 8px;
background:#ffffff url(../images/maintop.gif) 0px 0px repeat-x;
border-top:0px solid #888888;
border-left:0px solid #bbbbbb;
border-bottom:1px solid #bbbbbb;
border-right:1px solid #cccccc;
}



/* Style for empty Cards (Placeholder) */
table.sobi2Listing td.sobi2EmptyCell {
border-style: none;
background-color: transparent;
}

table.sobi2Listing input {
float:left;
}

/* Style of Icon (Small Image) */
.sobi2Listing img {
border-style: none;
padding:0px 0px 5px 0px;
margin:0px;
}

/* Style of Title (Name of Entry) */
p.sobi2ItemTitle {
margin:0px 0px 5px 0px;
border-style:none;
font-size: 12px;
font-weight:bold;
color:#000000;
}
p.sobi2ItemTitle a:link, p.sobi2ItemTitle a:visited {
color:#000000;
}

p.sobi2ItemTitle a:hover {
color:#ff6600;
}

/* Styles for the fields */
/* Add style for each field you added in the form span.sobi2Listing_field_yourname */
span.sobi2Listing_field_myfield,
span.sobi2Listing_field_street,
span.sobi2Listing_field_postcode,
span.sobi2Listing_field_county,
span.sobi2Listing_field_distrito,
span.sobi2Listing_field_country,
span.sobi2Listing_field_email,
span.sobi2Listing_field_contact_person,
span.sobi2Listing_field_phone,
span.sobi2Listing_field_fax,
span.sobi2Listing_field_city,
span.sobi2Listing_field_hotline,
span.sobi2Listing_field_phone,
span.sobi2Listing_field_federal_state {
	font-size:9px;
	font-weight:bold;
	color:#777777;
	padding-bottom:5px;
}

span.sobi2Listing_field_street {
font-style:italic;
color:#999999;
}

span.sobi2Listing_field_postcode {
padding-right:3px;
}

span.sobi2Listing_field_website {
	float:right;
	padding:0px 0px 0px 5px;
	margin:0px 0px 15px 0px;
}

/* Style of Edit and Delete Buttons in Category View */
input.sobi2EditEntryButton {
}

/* Style for Page Navigation of Entries */
#sobi2PageNav {
	padding:0px 0px 10px 0px;
	text-align: center;
}


/* Style of Details View */
/* -------------------------------------------------------- */
table.fichatit {
margin:10px 5px 0px 0px;
padding:0px 0px 0px 0px;
}

table.fichatit h1 {
font-size:14px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 5px;
}

.fichatit img {
padding:0px 0px 0px 10px;
}


table.sobi2Details {
background:url(../images/maintop.gif) 0px 0px repeat-x;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 100%;
border:0px;
}

/* Style of Entry Name */
table.sobi2Details h1 {
border-bottom:1px dotted #000000;
padding:10px 0px 0px 10px;
margin:12px 0px 0px 0px;
color:#000000;
font-size:14px;
}

.sobi2DetailsIcon {
float:left;
margin:5px;
}

/* Style of Details Footer Line */
table.sobi2DetailsFooter {
width: 100%;
margin: 0px 0px 0px 0px;
padding: 5px 0px 5px 5px;
border-top:1px dotted #cccccc;
}

/* Container for all custom fields data */
#sobi2outer{
padding:5px 5px 10px 10px;
}

.fichaimg {
width:auto;
vertical-align:top;
}

/* Style of the Image */
img.sobi2DetailsImage {
border-style: none;
float:left;
padding:10px 0px 0px 30px;
vertical-align:top;
}

/* Styles for the fields */
/* Add style for each field you added in the form span#sobi2Details_field_yourname */
span#sobi2Details_field_street {
display: block;
font-size: 11px;
background:url(../images/direccion.gif) 0px 0px no-repeat;
padding:2px 0px 0px 20px;
margin: 10px 0px -12px 0px;
}
span#sobi2Details_field_email {
display: block;
font-size: 11px;
background:url(../images/email.gif) 0px 0px no-repeat;
padding:2px 0px 0px 20px;
margin: 20px 0px -12px 0px;
}
span#sobi2Details_field_website {
display: block;
font-size: 11px;
background:url(../images/weblink.gif) 0px 8px no-repeat;
padding:10px 0px 0px 20px;
margin: 0px 0px -12px 0px;
}
span#sobi2Details_field_contact_person {
border-top:10x dotted #cccccc;
display: block;
font-size: 11px;
background:url(../images/persona.gif) 0px 0px no-repeat;
padding:2px 0px 0px 20px;
margin: 20px 0px -12px 0px;
}
span#sobi2Details_field_phone {
display: block;
font-size: 11px;
background:url(../images/telefono.gif) 0px 0px no-repeat;
padding:2px 0px 0px 20px;
margin: 20px 0px -12px 0px;
}
span#sobi2Details_field_fax {
display: block;
font-size: 11px;
background:url(../images/fax.gif) 0px 0px no-repeat;
padding:2px 0px 0px 20px;
margin: 0px 0px -12px 0px;
}
/* Style for Way Search */
span.sobi2WaySearch {
display: block;
font-size: 11px;
background:url(../images/estrella.gif) 0px 0px no-repeat;
padding:2px 0px 0px 20px;
margin: 20px 0px -12px 0px;
}
span.sobi2WaySearch img {
padding-top: 8px;
border-style: none;
padding-left: 17px;
}
span#sobi2Details_field_description {
display: block;
font-size: 11px;
background:url(../images/info.gif) 0px 0px no-repeat;
padding:2px 0px 0px 20px;
margin: 20px 0px -12px 0px;
}

span#sobi2Details_field_description p {
padding:0px 0px 5px 0px;
margin: 0px 0px 0px 0px;
border-bottom:1?x dotted #cccccc;
}

span#sobi2Details_field_description p strong {
color:#999999;
}

span#sobi2Details_field_myfield,
span#sobi2Details_field_postcode,
span#sobi2Details_field_county,
span#sobi2Details_field_country,
span#sobi2Details_field_city,
span#sobi2Details_field_hotline,
span#sobi2Details_field_phone,
span#sobi2Details_field_federal_state {
	font-size: 11px;
	padding-left:20px;
}

/* Style for Google Maps */
div#sobi2GoogleMaps {
background-color:#FFFFFF;
float:right;
position: relative;
border:1px dotted #cccccc;
margin:0px 0px 5px 15px;
}

/* Style of Edit and Delete Buttons in Details View */
input#sobi2EditEntryButton, input#sobi2DelEntryButton {
	float:right;
}


/* Style of Footer Line */
/* -------------------------------------------------------- */

table.sobi2Footer {
background:url(../images/maintop.gif) 0px 0px repeat-x;
width:100%;
margin:0px 0px 0px 0px;
padding:0px;
}

td#sobi2Footer {
background:url(../images/logo.gif) 10px 5px no-repeat;
padding:5px 0px 5px 65px;
border-bottom:1px dotted #cccccc;
font-family:"Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color: #777777;
border-right:1px dotted #cccccc;
}
td#sobi2Footer a {
font-size: 9px;
color: #777777;
}
td#sobi2Footer a:hover {
font-size: 9px;
color: #ff6600;
}

#sobi2Footer ul {
font-family:"Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color: #777777;
padding:5px 0px 0px 20px;
}

#sobi2Footer li{
font-family:"Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color: #777777;
line-height:8px;
background:none;
}

td#sobi2rss {
	padding:3px;
}

td#sobi2rss img{
	border-style: none;
	float:right;
}

/* Style of Entry Form */
/* -------------------------------------------------------- */
/* Header Line */
p#sobi2EditFormHeader {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#ff6600;
border-bottom:1px dotted #ff6600;
padding:0px 0px 0px 5px;
margin-bottom:5px;
}

/* Info Requested Fields */
#sobi2ReqFieldsInfo {
margin:0px 0px 5px 0px;
padding:2px 0px 0px 5px;
color:#888888;
font-weight:bold;
font-size:11px;
font-style:italic;
}

form#sobi2EditForm table,
table#sobi2FormTable {
width:100%;
padding: 5px;
}

table#sobi2FormTable .mceEditor {
width:100%;
padding: 5px;
}

table#sobi2FormTable2, table#sobi2FormTable3 {
    width: 100%;
}
table#sobi2FormTable td,
table#sobi2FormTable2 td,
table#sobi2FormTable3 td {
	vertical-align: top;
}

/* Style of Input fields as entered in Fields Manager  */
input#field_entry_name,
input#field_postcode,
input#field_street,
input#field_city,
input#field_county,
input#field_country,
input#field_federal_state,
input#field_email,
input#field_website,
input#field_contact_person,
input#field_phone,
textarea#sobi2MetaKey,
textarea#sobi2MetaDesc,
input#sobi2Ico,
input#sobi2Img,
input#field_fax,
input#field_hotline,
input#field_street {
}

label.field_entry_name,
label.field_postcode,
label.field_street,
label.field_city,
label.field_county,
label.field_country,
label.field_federal_state,
label.field_email,
label.field_website,
label.field_contact_person,
label.field_phone,
label.field_fax,
label.field_hotline,
label.field_description,
label.sobi2Ico,
label.sobi2Img,
label.sobi2MetaKey,
label.sobi2MetaDesc {
}

/* Style for Checkboxes */
input#accept_rules,
input#field_website_on,
input#field_description_on {
}

/* Style for Not Free Label */
span.sobi2FormNotFreeLabel {
	display: block;
	padding-top: 5px;
}

/* Style for Category Information/Descriptions */
table#sobi2FormCats {
	width: 99%;
	border-style: none;
	margin: 10px;
}
table#sobi2FormCats td {
	padding: 10px;
	border-style:solid;
	border-color:#CCCCCC;
	border-width:1px;
}
p#catsTitle, p#catIntroText {
	width: 98%;
	font-size: 12px;
	font-weight: bold;
}
p#catMsg {
	width: 98%;
}

/* Style for Add and Remove Button */
#sobi2AddCatBt, #sobi2RemoveCatBt {
	width:50px;
}
/* Style for column with Buttons */
td.sobi2CatButtons {
	width: 50px;
    vertical-align: top;
}
/* Style for column with selected Cats*/
td.sobi2CatSelected {
    vertical-align: top;
	width: 150px;
}

/* Style for Box with Selected Categories */
select#sobi2SlectedCats {
	height: 100px;
	width: 150px;
}
select#sobi2SlectedCatsID {
?	height: 0px;
	width:  0px;
	border-style: none;
}

/* Style for Safety Line */
table#sobi2FormFooter {
	float: left;
	clear: left;
}
table#sobi2FormFooter td {
	vertical-align: bottom;
}
img#seccode {
}
input#sobi2SendButton {
	float: right;
}
input#sobi2CancelButton {
	float: right;
}

/* Style for Payment Info */
/* -------------------------------------------------------- */
/* Style for upload info */
p.sobi2msg {
	padding-top: 15px;
	padding-left: 5px;
	font-size: 12px;
}

/* Style for Summary of Costs */
table#sobi2Payment {
	width: 50%;
	margin-left: 5px;
	padding-right: 5px;
}
table#sobi2Payment td,
td.sobi2PayOption {
	width: 70%;
	text-align: right;
}
td.sobi2PayFees {
	width: 30%;
	text-align: right;
}
td#sobi2PayTotal {
	width: 30%;
	text-align: right;
	border-top: solid 1px #606060;
	font-weight: bold;
	color: red;
}

/* Style for Payment Methods */
table#sobi2PaymentMethod {
	width: 70%;
	margin-top: 30px;
	margin-left: 5px;
}
table#sobi2PaymentMethod img {
	border-style: none;
}
table#sobi2PaymentMethod a:hover {
	font-style: normal;
	text-decoration:none;
}
td#sobi2PaymentMethodBank, td#sobi2PaymentMethodPayPal {
	text-align: left;
	vertical-align: top;
	border-style: none;
}
td#sobi2PaymentMethodBank b {
	display: block;
	padding-bottom: 3px;
}


/* Style for Searching */
/* -------------------------------------------------------- */
table.sobi2eSearchForm {
	width: 70%;
	margin-left: 5px;
}

span#sobi2SearchResultsSerchingString {
	font-weight: bold;
}


/* Style for the Menu Module */
/* -------------------------------------------------------- */
div.sobi2MenuMod {
	margin-bottom: 5px;
	margin-top: 0px;
}

/* Style for the Search & Add Entry Links */
a.sobi2MenuModA {
/*background:url(../images/buscar.gif) 0px 0px no-repeat;*/
height:30px;
padding:5px 15px 5px 35px;
margin:3px 0px 0px 3px;
font-family: Arial, Verdana,  Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
border:1px dotted #cccccc;
}

a.sobi2MenuModAAdd {
background:#FFFFFF url(../images/add.png) 2px 1px no-repeat;
vertical-align:middle;
line-height:30px;
height:30px;
padding:5px 58px 7px 47px;
margin:0px 0px 0px 0px;
font-family: Arial, Verdana,  Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
border:1px dotted #cccccc;
}
a.sobi2MenuModASearch {
background:#FFFFFF url(../images/buscar.png) 2px 1px no-repeat;
vertical-align:middle;
line-height:30px;
height:30px;
padding:5px 102px 7px 47px;
margin:0px 0px 0px 0px;
font-family: Arial, Verdana,  Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
border:1px dotted #cccccc;
}



/* Style of dTree 2.05 */
/* Copyright (c) 2002-2003 Geir Landr  */
/* -------------------------------------------------------- */
.dtree {
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 11px;
	color: #666;
	white-space: nowrap;
	overflow: auto;
/*	border:1px dotted #cccccc;*/
}
.dtree img {
	border: 0px;
	vertical-align: middle;
}
.dtree a {
	color: #333;
	text-decoration: none;
	font-weight: normal;
}
.dtree a.node, .dtree a.nodeSel {
	white-space: nowrap;
	padding: 1px 2px 1px 2px;
}
.dtree a.node:hover, .dtree a.nodeSel:hover {
	color: #333;
	text-decoration: underline;
}
.dtree a.nodeSel {
	background-color: #c0d2ec;
}
.dtree .clip {
	overflow: hidden;
}

/* Style for the plugin container */
/* -------------------------------------------------------- */
table.sobi2Listing_plugins {
	border-style:none;
	width: 98%;
	padding-left: 8px;
}

div.sobi2FormTabHeader {
  padding: 5px 2px 2px 5px;
  cursor: pointer;
  font-size: 12px;
  font-weight: bold;
}

div.sobi2FormtabContent {
  overflow: hidden;
  margin-left: 5px;  
  margin-top: 5px;
}

#sobi2AlphaLinks {
padding:0px 0px 0px 15px;
background:url(../images/pathwaybg.gif) 0px 0px repeat-x;
width:auto;
height:20px;
line-height:20px;
color:#888888;
font-size:10px;
}

.sobi2CustomListingHeader {
background:url(../images/maintop.gif) 0px 0px repeat-x;
background-color:#ffffff;
font-size:25px;
padding:5px 0px 3px 15px;
color:#333333;
border-bottom:1px dotted #cccccc;
}
.sobi2CustomListingCatsHeader {
font-size:11px;
font-style:italic;
padding:3px 0px 3px 15px;
background-color:#eeeeee;
color:#000000;
border-bottom:1px dotted #000000;
}
.sobi2CustomListingItemsHeader {
font-size:11px;
font-style:italic;
padding:3px 0px 3px 15px;
background-color:#eeeeee;
color:#000000;
border-bottom:1px dotted #000000;
}

.sobi2catshow {
padding:2px 0px 2px 10px;
background:none;
font-size:11px;
font-style:italic;
font-weight:bold;
color:#ff6600;
vertical-align:middle;
/*border-bottom:1px solid #dddddd;*/
}

.sobi2catshow span {
padding:0px 10px 0px 0px;
font-size:10px;
font-style:italic;
vertical-align:middle;
}
