/**
*  @version $Id: com_sobi2.css 5123 2009-05-14 15:27:13Z Sigrid Suski $
* @package: Sigsiu Online Business Index 2 */
/**
* Style  Sheet of SOBI 2 Component com_sobi2.css
*  ---------------------------------------------------------------------------
* @copyright Copyright (C) 2007 Sigsiu.NET  (www.sigsiu.net). All rights reserved.
* @license see http://www.gnu.org/copyleft/lgpl.html  GNU/LGPL.
* 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 SOBI2 Style to overwrite standard styles */

.sobi2CompDesc  span.pathway {
  margin:0!important;
}
.sobi2Details  span.pathway {
  margin:0!important;
}

div.sobi2 {
}
div.sobi2 h1 {
  line-height: 24px;
  font-size: 22px;
}
div.sobi2 h2,
div.sobi2 h3,
div.sobi2 h4 {
  padding-left: 5px;
}

div.sobi2latest {
border: 0px solid #336600;
width: 105px;
height: 130px;
background-color: #9EC8EA;
margin: 6px!important;
}
div.sobi2latest img {
/*border: 1px solid blue!important;*/
}
div.sobi2latest a {
display:block;
text-align:  center;
color: #336600;
font-weight: bold;
}

/* Style for Standard Joomla! mosmsg-class, because  often undefined */
/* To use the  style of your template, delete this entry. */
/*
.message {
  padding: 5px;
  background-color:  #990000;
  color: #FFFFFF;
  font-size: 11px;
  font-weight: bold;
}
*/
/* if there is no mosmsg line defined by your  template remove the display:none and SOBI2 will show its own mosmsg line  */
#sobimsg {
  display:none;
}


/*  Style of the Header Menu */
/*  -------------------------------------------------------- */
/* Style of Header Menu */
table.sobi2Header {
  border-style: none;
}
a.sobi2Header {
  padding: 5px;
  font-size: 14px;
}



/* Style of Main Component Description */
/*  -------------------------------------------------------- */
table.sobi2CompDesc {
  padding: 5px;
  width: 98%;
}




/* Style of Category List */
/*  -------------------------------------------------------- */
table#sobi2CatListSymbols  {
  width: 98%;
}
table#sobi2CatListSymbols  td {
  vertical-align: top;
  border-style:  none;
}
div.sobi2catempty  {
  margin: 10px 0px 10px 8px;
  font-weight: bold;
}

/* Style of Category Icon */
img.sobi2CatIco {
  border-style: none;
  float: left;
  clear: left;
}

/* Style of Category Name */
p.sobi2CatName {
  font-size: 13px;
  padding-left: 50px;
  margin: 2px 0 2px 0;
}
/* Style of Category Introtext */
p.sobi2CatsListSymbolsIntrotext {
  font-size: 11px;
  padding-left: 50px;
  margin-top:  4px;
}

span.sobi2SubcatsList  {
  display:block;
}

/* Style of the shown entries/subcategories numbers  */
span.sobi2EditlinktipItems  {
  text-decoration:  none;
  border-bottom: 1px dashed #aaa;
  padding-left:5px;
}
span.sobi2EditlinktipCats  {
  text-decoration:  none;
  border-bottom: 1px dashed #aaa;
}


/* Style for Entries in Category View (Cards View)  */
/*  -------------------------------------------------------- */
table.sobi2Listing {
  width: 98%;
  margin-bottom: 5px;
}
table.sobi2Listing td  {
  border-style: none;
  border-color:  #f7f8f8;
  border-width:  0px;
  margin-top: 0px;
  vertical-align: top;
}

/* Style for empty Cards (Placeholder) */
table.sobi2Listing td.sobi2EmptyCell  {
background-color: #f7f8f8;
  border-style:  none;
}
  
table.sobi2Listing  {
  background-color: #f7f8f8;

}

/* Style of Icon (Small Image) */
.sobi2Listing img {
  float: center;
  border-style:  none;
  padding-top: 5px;
  padding-right: 5px;
}

/* Style of Title (Name of Entry) */
p.sobi2ItemTitle  title {
  padding:5px;
  font-color:  white;
   font-size: 24px;
white-space:nowrap;
}

/*  Styles for the fields */
/* Add  style for each field you added in the form  span.sobi2Listing_field_yourname */
span.sobi2Listing_field_street,
span.sobi2Listing_field_postcode,
span.sobi2Listing_field_county,
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_company,
span.sobi2Listing_field_federal_state  {
  padding-left: 0px;
}


span.sobi2Listing_field_website {
  float:left;
  padding-right: 5px;
  margin-bottom: 15px;
}

/* Styles for the labels of the fields */
/* Add style for each field you added in the form  span.sobi2Listing_field_yourname_label */
span.sobi2Listing_field_street_label,
span.sobi2Listing_field_postcode_label,
span.sobi2Listing_field_county_label,
span.sobi2Listing_field_country_label,
span.sobi2Listing_field_email_label,
span.sobi2Listing_field_contact_person_label,
span.sobi2Listing_field_phone_label,
span.sobi2Listing_field_fax_label,
span.sobi2Listing_field_city_label,
span.sobi2Listing_field_hotline_label,
span.sobi2Listing_field_phone_label,
span.sobi2Listing_field_federal_state_label,
span.sobi2Listing_field_website_label  {
  font-weight: normal;
}


/* Style of Edit and Delete Buttons in Category  View */
input.sobi2EditEntryButton  {
}

/*  Style for Page Navigation of Entries */
#sobi2PageNav {
  text-align:  center;
}

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

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

/***********************************************************/
/* Style of Details View */
/*  -------------------------------------------------------- */



table.sobi2Details {
  margin-top:  15px;
  margin-left: 5px;
  padding: 5px;
  width: 98%;
background-image:none;
  background-color: white;
  color:black;
}


/* Style of Entry Name */
table.sobi2Details title  {
  font-size: 28px;
  padding-top:  5px;
}



/* Container for all custom fields data - does  nothing now ** no fields in the container*/
div#sobi2outer{
  border-style:  none;
  float: center;
background-image:none;
  margin-top:  0px;  /* position it vertically */
  padding-bottom: 0px; /* to fix IE  bug */
}


/* Style of the Image */
img.sobi2DetailsImage {
  border-style:  none;
background-image: none;
  padding-left:  0px;
  padding-right: 5px;padding-top: 5px;
}


img.sobi2DetailsIcon {
  align: left;
  padding-right: 5px;
  padding-top:  5px;
}

span#sobi2Details_field_company {
  font-weight:  bold;
  font-size: 18px;

}

/* Styles for the fields */
/* Add style for each field you added in the form  span#sobi2Details_field_yourname */
/*  span#sobi2Details_field_myfield */

span#sobi2Details_field_street,
span#sobi2Details_field_address2,
span#sobi2Details_field_postcode,
span#sobi2Details_field_county,
span#sobi2Details_field_country,
span#sobi2Details_field_phone,
span#sobi2Details_field_fax,
span#sobi2Details_field_city,
span#sobi2Details_field_hotline,
span#sobi2Details_field_phone,
span#sobi2Details_field_displayphone,
span#sobi2Details_field_contact_person,
span#sobi2Details_field_state,


span#sobi2Details_field_website,
span#sobi2Details_field_email {
  position:relative;
  top:0px;
  font-size: 14px;
}

span#sobi2Details_field_title2 {
  padding-bottom 5px;
  font-weight:  bold;
  font-size: 18px;
    }


span#sobi2Details_field_video  {
    } 

span#sobi2Details_field_facebook,
span#sobi2Details_field_linkedin,
span#sobi2Details_field_twitter {
  font-size:18px;
  align:center;
}

span#sobi2Details_field_idealclient, 
span#sobi2Details_field_description {
  padding-top:  5px;
  margin-top: 5px; /* position  it vertically */
}

/* Styles for the labels of the fields */
/* Add style for each field you added in the form  span#sobi2Listing_field_yourname_label */
span#sobi2Listing_field_street_label,

span#sobi2Listing_field_email_label,
span#sobi2Listing_field_contact_person_label,
span#sobi2Listing_field_phone_label,
span#sobi2Listing_field_fax_label,
span#sobi2Listing_field_city_label,
span#sobi2Listing_field_hotline_label,
span#sobi2Listing_field_phone_label,
span#sobi2Listing_field_federal_state_label,
span#sobi2Listing_field_website_label,
span#sobi2Listing_field_idealclient_label,
span#sobi2Listing_field_description_label, {
  font-weight: bold;
  font-size: 20;
  
}


/****************************/
/**************************** End of Details*/
/****************************/


p.sobi2ExpMsg {
  padding-left: 10px;  
}

/* Style for Way Search */
span.sobi2WaySearch {
  border-style:  none;
  float: right;
  clear: right;
  margin-top: 15px; /* position  it vertically */
  display: block;
  padding-right: 5px;
}
span.sobi2WaySearch img {
  padding-top: 8px;
  border-style:  none;
  padding-left: 17px;
}

/* Style for Google Maps */
div#sobi2GoogleMaps  {
  float: right;
  position: relative;
  border: 1px solid #333333;
  margin-top:  30px;
  margin-right: 5px;
}

/* Style of Details Footer Line */
td.sobi2DetailsFooter {
  padding-left:  5px;
}

/*  Style of Edit and Delete Buttons in Details View */
input#sobi2EditEntryButton, input#sobi2DelEntryButton {
  float:right;
}


/*  Style of Footer Line */
/*  -------------------------------------------------------- */
td#sobi2Footer, td#sobi2Footer a  {
  font-size: 9px;
  color: #999999;
  padding-top: 10px;
  text-decoration: none;
}
table.sobi2Footer {
  width: 98%;
}
td#sobi2rss {
}
td#sobi2rss img {
  border-style: none;
  float: right;
}

/*  Style of Entry Form */
/*  -------------------------------------------------------- */
/* Header Line */
p#sobi2EditFormHeader  {
  font-weight:bold;
  font-size: 14px;
  padding: 5px;
}

/* Info Requested Fields */
#sobi2ReqFieldsInfo {
  padding: 5px;
}

form#sobi2EditForm table,
table#sobi2FormTable  {
  padding: 5px;
  width: 99%;
}
table#sobi2FormTable2, table#sobi2FormTable3 {
    width: 99%;
}
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: 16px;
  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 Categories */
td.sobi2CatSelected {
  vertical-align: top;
  width: 150px;
}
/* Styles  for the 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;
}
/* Container for all payment info */
div.sobi2PaymentContainer {
  width: 98%;
  padding: 10px 0px 10px 10px;
  margin-bottom: 25px;
  border: 1px solid #D0D0D0;
}

/*  Style for Summary of Costs */
table#sobi2Payment {
  width: 50%;
  margin-left: 5px;
  padding-right: 5px;
  padding-bottom: 10px;
}
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 Renewal Messages */
div.sobi2RenewHeader  ,
div.sobi2AddEditHeader {
  padding: 20px 0 20px 0px;
}
div.sobi2RenewExpl {
  padding: 0 0 25px 6px;
  font-weight:  bold;
}
#sobi2RenewEntryButton  {
  margin-left: 10px;
}

/* Style for Payment Methods */
table#sobi2PaymentMethod  {
  width: 70%;
  margin-top:  30px;
  margin-left: 5px;
}
table#sobi2PaymentMethod  a:hover {
  font-style:  normal;
  text-decoration: none;
}
p.sobi2PaymentMethodHeader {
  font-weight:bold;
  font-size: 110%;
  padding-bottom: 10px;
}
table#sobi2PaymentMethodBank,
table#sobi2PaymentMethodPayPal {
  width: 60%;
  margin-top: 15px;
  border-style:  none;
  padding-left: 10px;
}
div.sobi2PaymentContainer h3 {
  font-size: 120%;
}

/* Styles for Searching */
/*  -------------------------------------------------------- */
table.sobi2eSearchForm {
  width: 95%;
  margin-left: 5px;
}

span#sobi2SearchResultsSerchingString  {
  font-weight: bold;
}
div#sobiSearchResponseContainer  table {
  width:95%;
}

/*  Styles for the new extended search function */
/*  -------------------------------------------------------- */
/* height of the Div of category chooser */
div#sobiSearchFormCatsSelection  {
}
/* select  boxes with categories */
.catChooseBox {
}
#sobiSearchFormExtOptToggle {
  display: inline;
}
div#SobiSearchForm2dropsy {
  margin-left:  10px;
}
/* Label  for the search box */
td#sobi2eSearchLabel {
  width: 75px;
}
td#sobi2eSearchBox {
}
td#sobi2eSearchButton  {
}
td#sobi2eSearchEmptyCell {
  width: 50%;
}
td#sobi2eSearchPhrases,
td#sobi2eSearchButtonLine {
  width: 100%;
}
/* Label  for the fields */

td.sobi2eSearchLabel  {
  width: 150px;
}


/* Style for the Menu Module */
/*  -------------------------------------------------------- */
div.sobi2MenuMod {
  margin-bottom: 8px;
  margin-top:  10px;
}
div.sobi2MenuModNew_menu  a,
div.sobi2MenuModSearch_menu a
{
}
div.sobi2MenuModNew,
div.sobi2MenuModSearch  {
  float: left;
  margin: 2px 5px 0px 5px;
}


/* 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;
}
.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: #333333;
  text-decoration: underline;
}
.dtree a.nodeSel {
}
.dtree .clip {
  overflow: hidden;
}
a.treeNode:hover {
  color: #333333;
  text-decoration: none;
  font-weight:  normal;
}
a.treeNode:visited {
  color: #333333;
  text-decoration: none;
  font-weight:  normal;
}
a.treeNode:active, a.treeNode:focus {
  color: #333333;
  text-decoration: none;
  font-weight:  normal;
}


/* Styles for SigsiuTree */
/*  -------------------------------------------------------- */
.sigsiuTree {
  font-family:  Arial,  Verdana, Geneva, Helvetica, sans-serif;
  font-size: 11px;
  color: #666;
  white-space:  nowrap;
  overflow: auto;
}
.sigsiuTree img  {
  border: 0px;
  vertical-align: middle;
}
.sigsiuTree a {
  color: #333;
  text-decoration: none;
  font-weight:  normal;
}
.sigsiuTree a.node, .sigsiuTree a.nodeSel {
  white-space: nowrap;
  padding: 1px 2px 1px 2px;
}
.sigsiuTree a.node:hover, .sigsiuTree a.nodeSel:hover {
  color: #333333;
  text-decoration: underline;
}
.sigsiuTree a.nodeSel {
  background-color: #c0d2ec;
}
.sigsiuTree .clip {
  overflow: hidden;
}
div.sigsiuTree a, .sigsiuTree a, a.treeNode:hover, a.treeNode, a.treeNode:visited {
  color: #333333 !important;
  text-decoration: none !important;
  font-weight: normal !important;
}
a.treeNode:active, a.treeNode:focus {
  color: #333333;
  text-decoration: none;
  font-weight:  normal;
  background-color: #c0d2ec;
}


/* Styles for custom listings */
/*  -------------------------------------------------------- */
div.sobi2CustomListingCatsHeader,
div.sobi2CustomListingItemsHeader  {
  padding-left: 5px;
  margin-top:  5px;
  margin-bottom: 10px;
}
div.sobi2CustomListingHeader {
  padding-left:  5px;
  font-size: 15px;
  margin-bottom: 15px;
  margin-top:  5px;
}
div#sobi2AlphaLinks {
  width: 98%;
  text-align: center;
  padding: 5px;
  padding-bottom: 15px;
}


/* Styles 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;
}

/*  Labels */
/*  -------------------------------------------------------- */
span.sobiNewLabel {
  color: rgb(51, 51, 255);
  font-size: 12px;
  font-weight:  bold;
  padding: 2px;
}
span.sobiHotLabel {
  color: rgb(255, 0, 0);
  font-size: 12px;
  font-weight:  bold;
  padding: 2px;
}
span.sobiUpdatedLabel {
  color: rgb(0, 153, 0);
  font-size: 12px;
  font-weight:  bold;
  padding: 2px;
}