/* Style Sheet of SOBI 2 Component com_sobi2.css                               */

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

/* Copyright (C) 2006 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 */






/* Style of the Header Menu */

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

/* Style of Header Menu */

table.sobi2Header {

	background: #66ccff;

	color: #FFFFFF;

	text-align: left;

	Margin-top: 10px;

	padding-left: 10px;

	height: 25px;

	font-weight: bold;

	font-size: 10px;

	text-transform: uppercase;
	
	Margin-bottom: 10px;

width: 100%; 

}

a.sobi2Header {

	background: #66ccff;

	color: #FFFFFF;

	text-align: left;

	Margin-top: 10px;

	padding-left: 10px;

	height: 25px;

	font-weight: bold;

	font-size: 10px;

	text-transform: uppercase;
	
	Margin-bottom: 10px;

width: 100%; 

}



/* Style of Main Component Description */

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

table.sobi2CompDesc {

	padding: 5px;
	
	Margin-bottom: 10px;

}



/* Style of Category List */

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

table#sobi2CatListSymbols {

	width: 100%;

}

table#sobi2CatListSymbols td {

	vertical-align: top;

	border-style: none;
	
	

}



/* Style of Category Icon */

img.sobi2CatIco {

	border-style: none;

	float: left;

	clear: left;

}



/* Style of Category Name */

p.sobi2CatName {

	font-size: 10px;

	padding-left: 50px;

	margin-top: 1px;

}



/* Style of Category Introtext */

p.sobi2CatsListSymbolsIntrotext {

	font-size: 10px;

	padding-left: 50px;

	margin-top: -10px;

}



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

span.sobi2EditlinktipItems {

	text-decoration:  none;

	border-bottom: 1px dashed #0099cc;

}

span.sobi2EditlinktipCats {

	text-decoration:  none;

	border-bottom: 1px dashed #0099cc;

}





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

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

table.sobi2Listing {

	width: 100%;

	font-size: 10px;

	font-color: #FFFFFF;

	font-weight: Normal;

	text-transform: uppercase;

	vertical-align: TOP;
	
	padding-left: 10px;

}

table.sobi2Listing td {

	background-color: #cdecfc;
	
	margin-bottom: 20px;
	
	padding-bottom: 10px;

}



/* Style for empty Cards (Placeholder) */

table.sobi2Listing td.sobi2EmptyCell {

	background-color: #cdecfc;
	
	margin-bottom: 20px;
	
	padding-bottom: 10px;

}

table.sobi2Listing input {

	float:left;
	
	margin-bottom: 20px;
	
	padding-bottom: 10px;

}



/* Style of Icon (Small Image) */

.sobi2Listing img {

	float: right;

	border-style: none;

}



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

p.sobi2ItemTitle {

	padding-left: 10px;
	
	width: 250px;
	
	margin-top: 10px;

	margin-bottom: 10px;

	font-size: 10px;

	Height: 25px;
	
	line-Height: 23px;

	background-color: #FFFFFF;

	font-weight: Normal;

	vertical-align: top;

	text-transform: uppercase;

}

/* 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_country,

span.sobi2Listing_field_contact_person,

span.sobi2Listing_field_phone,

span.sobi2Listing_field_fax,

span.sobi2Listing_field_city,

span.sobi2Listing_field_federal_state { 

	padding-left: 10px;
	
	padding-bottom: 10px;

}

span.sobi2Listing_field_contact_person,

span.sobi2Listing_field_hotline,

span.sobi2Listing_field_phone,

span.sobi2Listing_field_website,

span.sobi2Listing_field_email {

	padding-left: 230px;
	
	margin-bottom: 20px;
	
	padding-bottom: 10px;

}

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

input.sobi2EditEntryButton {
align: right;

padding-right: 10px;

}



/* Style for Page Navigation of Entries */

#sobi2PageNav {

	text-align: center;

}





/* Style of Promotion (not yet implemented) */

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

table#sobi2PromotedItems {

	width: 100%;

}





/* Style of Details View */

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

table.sobi2Details {

	margin-top: 15px;

	margin-left: 5px;

	padding: 10px;

	width: 100%;

}

/* Style of Entry Name */

table.sobi2Details h1 {

padding-left: 10px;

	padding-top: 8px;

	/*color: #663300;*/

}



/* Container for all custom fields data */

div#sobi2outer{

	float: left;

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

}



/* Style of the Image */

img.sobi2DetailsImage{

	border-style: none;

	float: CENTER;

	padding-right: 5px;

	padding-top: 5px;

}



/* Styles for the fields */

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

span#sobi2Listing_field_myfield { padding-left: 10px;

}

span.sobi2Listing_field_street { padding-left: 10px;

}

span.sobi2Listing_field_postcode { padding-left: 10px;

}

span.sobi2Listing_field_county { padding-left: 10px;

}

span.sobi2Listing_field_country { padding-left: 10px;

}

span#sobi2Listing_field_contact_person{ padding-left: 10px;

}

span#sobi2Listing_field_phone { padding-left: 10px;

}

span#sobi2Listing_field_fax { padding-left: 10px;

}

span#sobi2Listing_field_city { padding-left: 10px;

}

span#sobi2Listing_field_hotline { padding-left: 10px;

}

span#sobi2Listing_field_phone { padding-left: 10px;

}

span#sobi2Listing_field_federal_state { padding-left: 10px;

}

span#sobi2Listing_field_website { padding-left: 10px;

}

span#sobi2Listing_field_email { padding-left: 10px;

}

span#sobi2Details_field_description {

	float:left;

    padding-left: 10px;

	padding-right: 10px;

	margin-top: 8px;

}



/* 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 of Details Footer Line */

table.sobi2DetailsFooter {

	padding-left: 10px;

}



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

input#sobi2EditEntryButton, input#sobi2DelEntryButton {

	align: center;

}





/* Style of Footer Line */

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







/* Style of Entry Form */

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

/* Header Line */

p#sobi2EditFormHeader {

	background: #003366;

	color: #FFFFFF;

	text-align: left;

	padding-left: 8px;

	height: 25px;

	line-height: 21px;

	font-weight: bold;

	font-size: 10px;

	text-transform: uppercase;

	width: 100%;

}



/* Info Requested Fields */

#sobi2ReqFieldsInfo {

	padding: 5px;

}



form#sobi2EditForm table,

table#sobi2FormTable {

	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: 10px;

}



/* Style for Category Information/Descriptions */

table#sobi2FormCats {

	width: 370px;

	border-style: none;

	margin: 10px;

}

table#sobi2FormCats td {

	padding: 10px;

	border-style:solid;

	border-color:#CCCCCC;

	border-width:1px;

}

p#catsTitle, p#catIntroText {

	width: 370px;

	font-size: 11px;

	font-weight: bold;

}

p#catMsg {

	width: 100%;

}



/* 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: 100px;

}



/* Style for Box with Selected Categories */

select#sobi2SlectedCats {

	height: 100px;

	width: 100px;

}

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: 100%;

}



span#sobi2SearchResultsSerchingString {

	font-weight: normal;

}





/* Style for the Menu Module */

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

div.sobi2MenuMod {

	background: #cdecfc;

}



/* Style for the Search & Add Entry Links */

a.sobi2MenuModA {

	padding-left: 16px;

	font-family: Arial, Verdana,  Helvetica, sans-serif;

	font-size: 10px;

	font-weight: bold;

}





/* Style of dTree 2.05 */

/* Copyright (c) 2002-2003 Geir Landr� */

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

.dtree {

	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;

	font-size: 10px;

	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: #333;

	text-decoration: underline;

}

.dtree a.nodeSel {

	background-color: #c0d2ec;

}

.dtree .clip {

	overflow: hidden;

}



/* Style for the plugin container */

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

table.sobi2Listing_plugins td{

	border-style:none;

	width: 100%;

}



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;

}