/* $Id: light.css 2011-10-10 9:40:21Z SocialEngineAddOns Copyright 2011-2012 BigStep Technologies Pvt. Ltd. $ */

/*
STYLES FOR THE LIGHT COLOR SCHEME
*/

/*
 BACKGROUND AND BORDER COLOR
 These values are only used to style the embeddable badges' background color and border color. 
*/
#splb_wrapper
{
	background-color:#FFFFFF;
	border-color:#000000;
}

/* TEXT AND LINKS STYLE
   These values affect the size and colors of text and links throughout your badge.
*/
div
{
	color: #31302B;
}
a:link, a:visited 
{
	color: #EF6C33;
	text-decoration: none;
}
a:hover
{
	color:#0C4A60;
	text-decoration:underline;
}

/* INFO TAB TITLE AND USERS NAME
   This value affect the color of the title text in the information tab and the name of the users who have liked the business.
*/
.splb_item_date span, .splb_info_tab > ul > li > span, .splb_fanbox_items div a, .splb_mtl
{
	color:#555555;
}

/* INFO TAB DESCRIPTION 
   This value will affect the color of the description text in the information tab.
*/
.splb_info_tab > ul > li > span + span
{
	color: #000000;
}

/* HEADER COLOR AND TEXT
   These colors are applied to the text and background in the header of your Badge. 
*/
/* original 	background-color:#197AAE;
*/
.splb_header
{

 	background-color:#0C4A60;

}
.splb_header, .splb_header > a
{
	color:#ffffff;
}

/* BORDER COLORS
   This color is mostly applied to borders that separate different blocks of Badge.
*/
.splb_stream, .splb_fanbox, .splb_btm, .splb_tabs
{
	border-color:#DCE0E3;
}

/* BLOCKS STYLING
   The values below are use to style the different blocks in the Badge.
*/

/* BACKGROUND COLOR 
   This color will style the background color of the blocks menu bar in the Badge.
*/
.splb_tabs, .splb_fanbox_heading
{
	background:#DDDDDD;
}

/* COLOR OF TEXT   
   The color of the text in the menu bar of blocks will be affected by this color.
*/
.splb_tabs_alt > ul > li > a,
.splb_fanbox_heading
{
	color: #555555;
}

/* ACTIVE AND HOVER TAB COLOR  
   These values style the color of active tab and other tabs on mouse hover.
*/
.splb_tabs_alt > ul > li > a:hover
{
	color: #0C4A60;
}
.splb_tabs_alt > ul > li.active > a 
{
	color: #0C4A60;
}

/* SEPARATOR COLOR 
   This color is mostly applied to separate different contents in the business content block of Badge. 
*/
ul.splb_feed > li + li, .splb_info_tab h4, .splb_tab_cont_list li + li
{
	border-color:#555555
}

/* PHOTO BORDERS
   These colors are applied to the borders drawn around images and thumbnails.
*/
img.thumb_icon, img.thumb_normal
{
	border-color:#DDDDDD;
}

/* POWERED BY BLOCK 
   This color is styling the background color of the Powered By Block of the Badge.
*/
.splb_btm
{
	background-color:#FFFFFF;
}