/**

* @version $Id: com_sobiclone.css 5123 2009-05-14 15:27:13Z Sigrid Suski $

* @package: Sigsiu Online Business Index 2 */

/**

* Style Sheet of SOBICLONE 2 Component com_sobiclone.css

* ---------------------------------------------------------------------------

* @copyright Copyright (C) 2007 Sigsiu.NET (www.sigsiu.net). All rights reserved.

* @license see http://www.gnu.org/copyleft/lgpl.html GNU/LGPL.

* SOBICLONE 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 SOBICLONE Style to overwrite standard styles */



.sobicloneCompDesc span.pathway {

	margin:0!important;

}

.sobicloneDetails span.pathway {

	margin:0!important;

}



div.sobiclone {

}

div.sobiclone h1 {

	line-height: 24px;

	font-size: 22px;

}

div.sobiclone h2,

div.sobiclone h3,

div.sobiclone h4 {

	padding-left: 5px;

}



div.sobiclonelatest {

border: 1px solid #336600;

width: 105px;

height: 130px;

background-color: #eeeea1;

margin: 6px!important;

}

div.sobiclonelatest img {

/*border: 1px solid blue!important;*/

}

div.sobiclonelatest 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 SOBICLONE will show its own mosmsg line */

#sobiclonemsg {

	display:none;

}



/* Style of the Header Menu */

/* -------------------------------------------------------- */

/* Style of Header Menu */

table.sobicloneHeader {

	border-style: none;

}

a.sobicloneHeader {

	padding: 5px;

	font-size: 14px;

}



/* Style of Main Component Description */

/* -------------------------------------------------------- */

table.sobicloneCompDesc {

	padding: 5px;

	width: 98%;

}



/* Style of Category List */

/* -------------------------------------------------------- */

table#sobicloneCatListSymbols {

	width: 98%;

}

table#sobicloneCatListSymbols td {

	vertical-align: top;

	border-style: none;

}

div.sobiclonecatempty {

	margin: 10px 0px 10px 8px;

	font-weight: bold;

}



/* Style of Category Icon */

img.sobicloneCatIco {

	border-style: none;

	float: left;

	clear: left;

}



/* Style of Category Name */

p.sobicloneCatName {

	font-size: 13px;

	padding-left: 50px;

	margin: 2px 0 2px 0;

}

/* Style of Category Introtext */

p.sobicloneCatsListSymbolsIntrotext {

	font-size: 11px;

	padding-left: 50px;

	margin-top: 4px;

}



span.sobicloneSubcatsList {

	display:block;

}



/* Style of the shown entries/subcategories numbers */

span.sobicloneEditlinktipItems {

	text-decoration:  none;

	border-bottom: 1px dashed #aaa;

	padding-left:5px;

}

span.sobicloneEditlinktipCats {

	text-decoration:  none;

	border-bottom: 1px dashed #aaa;

}





/* Style for Entries in Category View (Cards View) */

/* -------------------------------------------------------- */

table.sobicloneListing {

	width: 98%;

	margin-bottom: 10px;

}

table.sobicloneListing td {

	border-style: none;

	border-color: #3a4794;

	border-width: 2px;

	margin-top: 0px;

	vertical-align: top;

}



/* Style for empty Cards (Placeholder) */

table.sobicloneListing td.sobicloneEmptyCell {

	border-style: none;

	background-color: #ffffff;

}

table.sobicloneListing input {

	float:left;

}



/* Style of Icon (Small Image) */

.sobicloneListing img {

	float: right;

	border-style: none;

	padding-top: 5px;

	padding-right: 5px;

}



/* Style of Title (Name of Entry) */

p.sobicloneItemTitle {

	margin-left: 5px;

	margin-top:  5px;

	padding-left: 5px;

	padding-top: 5px;

	clear:left;

}

p.sobicloneItemTitle a {

 	font-size: 13px;

}



/* Styles for the fields */

/* Add style for each field you added in the form span.sobicloneListing_field_yourname */

span.sobicloneListing_field_street,

span.sobicloneListing_field_postcode,

span.sobicloneListing_field_county,

span.sobicloneListing_field_country,

span.sobicloneListing_field_email,

span.sobicloneListing_field_contact_person,

span.sobicloneListing_field_phone,

span.sobicloneListing_field_fax,

span.sobicloneListing_field_city,

span.sobicloneListing_field_hotline,

span.sobicloneListing_field_phone,

span.sobicloneListing_field_federal_state {

	padding-left: 10px;

}

span.sobicloneListing_field_website {

	float:right;

	padding-right: 5px;

	margin-bottom: 15px;

}



/* Styles for the labels of the fields */

/* Add style for each field you added in the form span.sobicloneListing_field_yourname_label */

span.sobicloneListing_field_street_label,

span.sobicloneListing_field_postcode_label,

span.sobicloneListing_field_county_label,

span.sobicloneListing_field_country_label,

span.sobicloneListing_field_email_label,

span.sobicloneListing_field_contact_person_label,

span.sobicloneListing_field_phone_label,

span.sobicloneListing_field_fax_label,

span.sobicloneListing_field_city_label,

span.sobicloneListing_field_hotline_label,

span.sobicloneListing_field_phone_label,

span.sobicloneListing_field_federal_state_label,

span.sobicloneListing_field_website_label {

	font-weight: normal;

}





/* Style of Edit and Delete Buttons in Category View */

input.sobicloneEditEntryButton {

}



/* Style for Page Navigation of Entries */

#sobiclonePageNav {

	text-align: center;

}





/* Style of Details View */

/* -------------------------------------------------------- */

table.sobicloneDetails {

	margin-top: 15px;

	margin-left: 5px;

	padding: 10px;

	width: 98%;

background-color: #F7F7F7;

}

/* Style of Entry Name */

table.sobicloneDetails h1 {

	padding-top: 5px;

}



/* Container for all custom fields data */

div#sobicloneouter{

	float: left;

	margin-top: 0px;  /* position it vertically */

	padding-bottom: 5px; /* to fix IE bug */

}



/* Style of the Image */

img.sobicloneDetailsImage{

	border-style: none;

	float: right;

	padding-right: 5px;

	padding-top: 5px;

}

img.sobicloneDetailsIcon {

}



/* Styles for the fields */

/* Add style for each field you added in the form span#sobicloneDetails_field_yourname */

span#sobicloneDetails_field_myfield,

span#sobicloneDetails_field_street,

span#sobicloneDetails_field_postcode,

span#sobicloneDetails_field_county,

span#sobicloneDetails_field_country,

span#sobicloneDetails_field_phone,

span#sobicloneDetails_field_fax,

span#sobicloneDetails_field_city,

span#sobicloneDetails_field_hotline,

span#sobicloneDetails_field_phone,

span#sobicloneDetails_field_contact_person,

span#sobicloneDetails_field_federal_state {

	font-size: 12px;

}

span#sobicloneDetails_field_website,

span#sobicloneDetails_field_email {

	padding-top: 8px;

	font-size: 12px;

	display: block;

}

span#sobicloneDetails_field_description {

	padding-top: 20px;

	margin-top: 0px; /* position it vertically */

}



/* Styles for the labels of the fields */

/* Add style for each field you added in the form span#sobicloneListing_field_yourname_label */

span#sobicloneListing_field_street_label,

span#sobicloneListing_field_postcode_label,

span#sobicloneListing_field_county_label,

span#sobicloneListing_field_country_label,

span#sobicloneListing_field_email_label,

span#sobicloneListing_field_contact_person_label,

span#sobicloneListing_field_phone_label,

span#sobicloneListing_field_fax_label,

span#sobicloneListing_field_city_label,

span#sobicloneListing_field_hotline_label,

span#sobicloneListing_field_phone_label,

span#sobicloneListing_field_federal_state_label,

span#sobicloneListing_field_website_label {

	font-weight: bold;

}



p.sobicloneExpMsg {

	padding-left: 10px;	

}



/* Style for Way Search */

span.sobicloneWaySearch {

	border-style: none;

	float: right;

	clear: right;

	margin-top: 15px; /* position it vertically */

	display: block;

	padding-right: 5px;

}

span.sobicloneWaySearch img {

	padding-top: 8px;

	border-style: none;

	padding-left: 17px;

}



/* Style for Google Maps */

div#sobicloneGoogleMaps {

	float: right;

	position: relative;

	border: 1px solid #333333;

	margin-top: 30px;

	margin-right: 5px;

}



/* Style of Details Footer Line */

td.sobicloneDetailsFooter {

	padding-left: 5px;

}



/* Style of Edit and Delete Buttons in Details View */

input#sobicloneEditEntryButton, input#sobicloneDelEntryButton {

	float:right;

}





/* Style of Footer Line */

/* -------------------------------------------------------- */

td#sobicloneFooter, td#sobicloneFooter a {

	font-size: 9px;

	color: #999999;

	padding-top: 10px;

	text-decoration: none;

}

table.sobicloneFooter {

	width: 98%;

}

td#sobiclonerss {

}

td#sobiclonerss img {

	border-style: none;

	float: right;

}



/* Style of Entry Form */

/* -------------------------------------------------------- */

/* Header Line */

p#sobicloneEditFormHeader {

	font-weight:bold;

	font-size: 14px;

	padding: 5px;

}



/* Info Requested Fields */

#sobicloneReqFieldsInfo {

	padding: 5px;

}



form#sobicloneEditForm table,

table#sobicloneFormAdmTable {

	padding: 5px;

	width: 99%;

}

table#sobicloneFormAdmTable2, table#sobicloneFormAdmTable3 {

    width: 99%;

}

table#sobicloneFormAdmTable td,

table#sobicloneFormAdmTable2 td,

table#sobicloneFormAdmTable3 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#sobicloneMetaKey,

textarea#sobicloneMetaDesc,

input#sobicloneIco,

input#sobicloneImg,

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.sobicloneIco,

label.sobicloneImg,

label.sobicloneMetaKey,

label.sobicloneMetaDesc {

}



/* Style for Checkboxes */

input#accept_rules,

input#field_website_on,

input#field_description_on {

}



/* Style for Not Free Label */

span.sobicloneFormAdmNotFreeLabel {

	display: block;

	padding-top: 5px;

}



/* Style for Category Information/Descriptions */

table#sobicloneFormAdmCats {

	width: 99%;

	border-style: none;

	margin: 10px;

}

table#sobicloneFormAdmCats 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 */

#sobicloneAddCatBt, #sobicloneRemoveCatBt {

	width:50px;

}

/* Style for column with Buttons */

td.sobicloneCatButtons {

	width: 50px;

	vertical-align: top;

}



/* Style for column with selected Categories */

td.sobicloneCatSelected {

	vertical-align: top;

	width: 150px;

}

/* Styles for the box with Selected Categories */

select#sobicloneSlectedCats {

	height: 100px;

	width: 150px;

}

select#sobicloneSlectedCatsID {

	height: 0px;

	width:  0px;

	border-style: none;

}



/* Style for Safety Line */

table#sobicloneFormAdmFooter {

	float: left;

	clear: left;

}

table#sobicloneFormAdmFooter td {

	vertical-align: bottom;

}

img#seccode {

}

input#sobicloneSendButton {

	float: right;

}

input#sobicloneCancelButton {

	float: right;

}



/* Style for Payment Info */

/* -------------------------------------------------------- */

/* Style for upload info */

p.sobiclonemsg {

	padding-top: 15px;

	padding-left: 5px;

	font-size: 12px;

}

/* Container for all payment info */

div.sobiclonePaymentContainer {

	width: 98%;

	padding: 10px 0px 10px 10px;

	margin-bottom: 25px;

	border: 1px solid #D0D0D0;

}



/* Style for Summary of Costs */

table#sobiclonePayment {

	width: 50%;

	margin-left: 5px;

	padding-right: 5px;

	padding-bottom: 10px;

}

table#sobiclonePayment td,

td.sobiclonePayOption {

	width: 70%;

	text-align: right;

}

td.sobiclonePayFees {

	width: 30%;

	text-align: right;

}

td#sobiclonePayTotal {

	width: 30%;

	text-align: right;

	border-top: solid 1px #606060;

	font-weight: bold;

	color: red;

}



/* Style for Renewal Messages */

div.sobicloneRenewHeader ,

div.sobicloneAddEditHeader {

	padding: 20px 0 20px 0px;

}

div.sobicloneRenewExpl {

	padding: 0 0 25px 6px;

	font-weight: bold;

}

#sobicloneRenewEntryButton {

	margin-left: 10px;

}



/* Style for Payment Methods */

table#sobiclonePaymentMethod {

	width: 70%;

	margin-top: 30px;

	margin-left: 5px;

}

table#sobiclonePaymentMethod a:hover {

	font-style: normal;

	text-decoration: none;

}

p.sobiclonePaymentMethodHeader {

	font-weight:bold;

	font-size: 110%;

	padding-bottom: 10px;

}

table#sobiclonePaymentMethodBank,

table#sobiclonePaymentMethodPayPal {

	width: 60%;

	margin-top: 15px;

	border-style: none;

	padding-left: 10px;

}

div.sobiclonePaymentContainer h3 {

	font-size: 120%;

}



/* Styles for Searching */

/* -------------------------------------------------------- */

table.sobicloneeSearchForm {

	width: 95%;

	margin-left: 5px;

}



span#sobicloneSearchResultsSerchingString {

	font-weight: bold;

}

div#sobicloneSearchResponseContainer table {

	width:95%;

}



/* Styles for the new extended search function */

/* -------------------------------------------------------- */

/* height of the Div of category chooser */

div#sobicloneSearchFormCatsSelection {

}

/* select boxes with categories */

.catChooseBox {

}

#sobicloneSearchFormExtOptToggle {

	display: inline;

}

div#SobicloneSearchForm2dropsy {

	margin-left: 10px;

}

/* Label for the search box */

td#sobicloneeSearchLabel {

	width: 75px;

}

td#sobicloneeSearchBox {

}

td#sobicloneeSearchButton {

}

td#sobicloneeSearchEmptyCell {

	width: 50%;

}

td#sobicloneeSearchPhrases,

td#sobicloneeSearchButtonLine {

	width: 100%;

}

/* Label for the fields */



td.sobicloneeSearchLabel {

	width: 150px;

}





/* Style for the Menu Module */

/* -------------------------------------------------------- */

div.sobicloneMenuMod {

	margin-bottom: 8px;

	margin-top: 10px;

}

div.sobicloneMenuModNew_menu a,

div.sobicloneMenuModSearch_menu a

{

}

div.sobicloneMenuModNew,

div.sobicloneMenuModSearch {

	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.sobicloneCustomListingCatsHeader,

div.sobicloneCustomListingItemsHeader {

	padding-left: 5px;

	margin-top: 5px;

	margin-bottom: 10px;

}

div.sobicloneCustomListingHeader {

	padding-left: 5px;

	font-size: 15px;

	margin-bottom: 15px;

	margin-top: 5px;

}

div#sobicloneAlphaLinks {

	width: 98%;

	text-align: center;

	padding: 5px;

	padding-bottom: 15px;

}





/* Styles for the plugin container */

/* -------------------------------------------------------- */

table.sobicloneListing_plugins {

	border-style:none;

	width: 98%;

	padding-left: 8px;

}

div.sobicloneFormAdmTabHeader {

	padding: 5px 2px 2px 5px;

	cursor: pointer;

	font-size: 12px;

	font-weight: bold;

}

div.sobicloneFormAdmtabContent {

	overflow: hidden;

	margin-left: 5px;

	margin-top: 5px;

}



/* Labels */

/* -------------------------------------------------------- */

span.sobicloneNewLabel {

	color: rgb(51, 51, 255);

	font-size: 12px;

	font-weight: bold;

	padding: 2px;

}

span.sobicloneHotLabel {

	color: rgb(255, 0, 0);

	font-size: 12px;

	font-weight: bold;

	padding: 2px;

}

span.sobicloneUpdatedLabel {

	color: rgb(0, 153, 0);

	font-size: 12px;

	font-weight: bold;

	padding: 2px;

}