/* TYPOGRAPHY
------------------------------- */
body, input, textarea, select
{font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 12px;}

body {color: #666;}

h1, h2, h3, h4, h5, h6,
input, textarea, select, th {color: #666;}

small {color: #999;}


/* BODY (background styles)
------------------------------- */
body
{background: #afd9e7 url(../images/home_page_background_gradient.jpg) repeat-x;
padding: 15px 0 0 0;
margin: 0;}

html {overflow-y: scroll;} /* force FF to display scrollbar on short pages */


/* LINKS
------------------------------- */
a, a:visited
{color: #0099d0;
text-decoration: none;}

a:hover {text-decoration: underline;}


/* LAYOUT
------------------------------- */
#wrapper
{width: 910px;
margin: auto;
position: relative;}

/* HEADER */
#header
{overflow: hidden;
margin-bottom: 10px;}

	#header h1
	{float: left;
	margin: 0;}
	
		#header h1 a
		{background: url(http://www.kachingle.com/skins/en-us/images/kachingle_logo.png) no-repeat;
		text-indent: -5000px;
		display: block;
		width: 258px;
		height: 67px;}

		#header .twitter-follow
		{background: url(../images/twitter-follow.png) no-repeat;
		text-indent: -5000px;
		display: block;
		width: 84px;
		height: 36px;
		margin-top: 10px;
		clear: right;
		float: right;}

#nav
{font-size: 11px;
overflow: hidden;
float: right;}

	#nav li
	{font-weight: bold;
	text-align: center;
	display: block;
	padding-top: 3px;
	width: 68px;
	height: 22px;
	float: left;}
	
	#nav li.last-child {}
	
	#nav li a, #nav li a:visited {color: #005b9c;}
	
	#nav li.current
	{background: url(../images/nav-current.png) no-repeat;
	text-align: center;}

/* MAIN-CONTENT ---- */
#main-content, #main-content .wrap1, #main-content .wrap2, #main-content .wrap3 {position: relative;}

#main-content
{background: #FFF;
border-left: 1px solid #BBD7D7;
border-right: 1px solid #BBD7D7;
clear: both;}

	#main-content .wrap1
	{background: url(../images/content-tl.png) no-repeat top left;
	margin: 0 -1px;}
	
	#main-content .wrap2 {background: url(../images/content-tr.png) no-repeat top right;}
	
	#main-content .wrap3 {background: url(../images/content-b.png) repeat-x bottom;}
	
	#main-content .content-body
	{background: url(../images/content-bl.png) no-repeat bottom left;
	padding: 20px 30px;
	overflow: hidden;}

/* columns */
.col-wrapper {overflow: hidden;}

.col-left, .col-right
{width: 40.9%;
float: left;}

.col-right {padding-left: 3%;}

.main-col
{width: 640px;
float: left;}

	.main-col .col-header {margin-bottom: 30px;}
	
		.main-col .col-header h2
		{color: #00882c;
		font-size: 30px;
		margin-top: 0;
		margin-bottom: 5px;}
		
			.main-col .col-header h3
			{color: #005b9c;
			font-size: 18px;
			white-space: nowrap;
			margin: 0 0 5px 0;}
			
				.main-col .col-header h3 em {color: #525151;}
	
	.main-col p
	{margin-top: 0;
	margin-bottom: 2em;}
	
	/* data table */
	.main-col table {margin-top: 10px;}
	
	.main-col th
	{border-top: 1px solid #EFEFEF;
	border-bottom: 1px solid #EFEFEF;
	font-size: 11px;
	padding: 5px 10px;}
	
	.main-col th.site-list {border-left: 1px solid #EFEFEF;}
	
	.main-col th.stats {border-right: 1px solid #EFEFEF;}
	
		.main-col th ul {overflow: hidden;}
		
		.main-col th li
		{border-right: 1px solid #CCC;
		font-size: 11px;
		line-height: 1;
		display: block;
		float: left;
		padding: 0 6px;}
		
		.main-col th li.current-view
		{font-weight: bold;
		font-size: 12px;}
		
		.main-col th li.first-child {padding-left: 0;}
		
		.main-col th li.last-child {border: none;}
		
		/* form */
		.main-col th label {padding-left: 10px;}
		
		.main-col th select {vertical-align: middle;}
		
		.main-col th form, .main-col th form p {display: inline;}
		
			.main-col th form * {margin: 0;}
		
	.main-col td
	{border-bottom: 1px dotted #CCC;
	padding: 10px;}
	
		.main-col td h3 {font-size: 16px;}
		
		.main-col td h3, .main-col td p
		{margin-top: 0;
		margin-bottom: 6px;}
		
		td.coins, td.site {vertical-align: top;}
		
		td.coins {width: 8px;}
		
		td.site {padding-left: 0 !important;}
		
		td.stats
		{width: 275px;
		padding-right: 0;}
		
			td.stats p
			{color: #666;
			font-size: 13px;}
			
			td.stats small {font-size: 11px;}

.supporting-col
{width: 206px;
padding-bottom: 50px;
float: right;}

/* FOOTER ---- */
#footer
{color: #333;
font-weight: bold;
padding: 7px 85px 7px 0;}

	#footer ul {overflow: hidden;}
	
	#footer li
	{background: url(../images/dot.png) no-repeat right;
	display: block;
	padding-left: 10px;
	padding-right: 14px;
	float: left;}
	
	#footer li.first-child {padding-left: 0;}
	
	#footer li.last-child
	{background: none;
	padding-right: 0;}

	#footer a, #footer a:visited {color: #005b9c;}
	
	#footer .general-info {float: left;}
	
	#footer .legal-info {float: right;}
	
	#footer .copyright
	{text-align: right;
	clear: both;}


/* PAGE ELEMENTS
------------------------------- */
.coins-decoration
{background: url(http://www.kachingle.com/skins/en-us/images/coins_color_1.png) no-repeat;
width: 100px;
height: 94px;
position: absolute;
right: -20px;
bottom: 15px;}

/* avatar image and text sub-columns */
.col-wrapper {overflow: hidden;}

.image-col
{width: 60px;
float: left;}

.text-col {margin-left: 70px;}

/* BOXES ---- */
.block {margin-bottom: 30px;}

.box, .boxbody {position: relative;}

.box {font-size: 11px;}

.box-heading, .box-body {overflow: hidden;}

.box-heading {margin-bottom: 10px;}

	.box-heading * {margin: 0 !important;}
	
	.box-heading h2, .box-heading h3
	{color: #666;
	font-size: 18px;}

/* Main Column Boxes 
-------------------- */
.main-col .box-body h4 {font-size: 14px;}

	.main-col .box-body h4 small
	{font-weight: bold;
	font-size: 11px;}

.main-col .box-body h4, .main-col .box-body p
{margin-top: 0;
margin-bottom: 8px;}

/* HOW-IT-WORKS and generic blue box ---- */
.how-it-works {margin-top: 15px;}

.how-it-works, .blue-box
{background: #F1F8F8 url(../images/blue-box-tl.png) no-repeat top left; /* 2 long sides */
margin-left: 0;}

	.how-it-works .box-wrap1, .blue-box .box-wrap1 {background: url(../images/blue-box-tr.png) no-repeat top right;}
	.how-it-works .box-wrap2, .blue-box .box-wrap2 {background: url(../images/blue-box-bl.png) no-repeat bottom left;}
	.how-it-works .box-wrap3, .blue-box .box-wrap3 {background: url(../images/blue-box-br.png) no-repeat bottom right;}
	
	.how-it-works .box-body, .blue-box .box-body {padding: 10px;}
	
	.how-it-works .box-heading
	{padding: 10px;
	padding-bottom: 0;}
	
		.how-it-works .box-heading h3
		{float: left;
		padding-top: 5px;}

/* VIDEO-BOX ---- */
 .video-box .box-heading
 {overflow: hidden;
 margin-bottom: 20px;}
 	
    .video-box .box-heading .button
    {background: #736abf url(../images/btn-purple-big.jpg) no-repeat;
    text-align: center;
    font-weight: bold;
    font-size: 15px;
    display: inline-block;
    width: 146px;
    height: 28px;
    margin-right: 58px !important;
    padding-top: 12px;}
    
    .video-box .box-heading .second {background-position: 0 -40px;}
    .video-box .box-heading .third {background-position: 0 -80px;}
    
    .video-box .box-heading .button, .video-box .box-heading .button:visited {color: #FFF;}
    
    .button {text-decoration: none !important;}
    
    .video-box .box-body {overflow: hidden;}
 
.video-list li
{background: url(../images/btn-videos.png) no-repeat;
font-weight: bold;
font-size: 14px;
padding: 17px 0 0 20px;
height: 31px;
position: relative;
margin-bottom: -1px;}

.video-list li.last-child {height: 32px;}

	.video-list li a, .video-list li a:visited
	{color: #666;
	text-decoration: none;}

.video-list li.current
{background-position: 0 -48px;}

.video-list li.current, .video-list li.current a, .video-list li.current a:visited
{color: #FFF;}

/* BLOG-BOX ---- */
.blog-box li {margin-bottom: 10px;}

.blog-box li:last-child {margin-bottom: 0;}

/* ACTIVITIY-BOX ---- */
.activity-box table {width: auto;}

	.activity-box table td
	{border: none;
	vertical-align: top;
	padding: 0 10px 20px 0;}
	
	.activity-box table img {border: 1px solid #1e7e04;}
	
	td.kachingler, td.kachingler img {width: 23px;}
	
	td.details a {display: block;}
	
	.kachingled-site
	{background: url(../images/arrow-kachingled.png) no-repeat;
	padding-left: 24px;}
	
	td.kachingled, td.kachingled img {width: 30px;}

/* MEDALLION-BOX---- */
.medallion-box img {margin-top: 5px;}

/* NEWS-BOX ---- */
.news-box .box-heading
{border-bottom: 1px solid #DDD;
padding-bottom: 5px;
margin-bottom: 5px;}

	.news-box .box-heading h3 {float: left;}
	
	.news-box .box-heading a
	{display: block;
	padding-top: 5px;
	float: right;}

/* 3 columns */
.box-body .column
{width: 31%;
margin-right: 2%;
float: left;}


/* Supporting Column Boxes
---------------------------- */
.supporting-col .box
{}
	
	.supporting-col .box-body
	{/* padding: 15px; */
	overflow: visible;}
	
		.supporting-col .box-body h2
		{font-size: 16px;
		margin-top: 0;
		margin-bottom: 4px;}
		
		.supporting-col li {margin-bottom: 10px;}

/* PHOTO-BOX ---- */
.supporting-col .photo-box
{position: relative;
margin-left: -15px;}

/* ICONS-BOX ---- */
.icons-box td.language {width: 30px;}
.icons-box td.network {height: 24px;}

/* TOPSITES-BOX ---- */
.topsites-box .see-all, .topsites-box .see-all:visited, .topsites-box .see-all:hover
{background: url(../images/btn-purple-small.png) no-repeat;
color: #FFF !important;
font-weight: bold;
text-decoration: none !important;
text-align: center;
display: block;
width: 91px;
height: 21px;
padding-top: 5px;}

/* FILTER-BOX ---- */
.filter-box form p {margin: 0;}

.filter-box input.text {width: 170px;}

.filter-box h2
{background: url(../images/pointer.png) no-repeat;
height: 21px;
padding-left: 20px;
position: relative;
margin-left: -21px;}

/* JOIN-BUTTON */
.join-button {overflow: hidden;}

	.join-button a
	{background: url(../images/btn-join-now.jpg) no-repeat;
	text-indent: -5000px;
	display: block;
	width: 157px;
	height: 39px;
	float: right;}

/* PROFILE-BOX ---- */
.profile-box {color: #999;}

	.profile-box .col-wrapper {margin-bottom: 8px;}
	
	.profile-box h3
	{font-size: 14px;
	margin: 0;}
	
	.profile-box .avatar
	{border: 1px solid #CECECE;}

/*  SUBNAV-BOX ---- */
.subnav-box .box-body
{padding-top: 5px;
padding-bottom: 5px;}

.subnav-box li
{border-bottom: 1px dotted #CCC;
display: block;
padding: 5px 0;}

.subnav-box li.last-child {border: none;}

/* TABS ---- */
.tabs
{position: relative;
margin-right: 15px;
margin-top: -25px;
clear: both;
overflow: hidden;
float: right;}

	.tabs li
	{background: url(../images/tabs.png) no-repeat;
	font-weight: bold;
	text-align: center;
	font-size: 13px;
	display: block;
	padding-top: 8px;
	width: 154px;
	height: 22px;
	float: left;}
	
	.tabs li a {display: block;}
	
	.tabs li, .tabs li a, .tabs li a:visited {color: #FFF;}
	
	.tabs li a:hover {text-decoration: none;}
	
	.tabs li.current {background-position: 0 -35px;}

/* PAGER ---- */
.pager span
{border: 1px solid #DDD;
border-left: none;
white-space: nowrap;
text-align: center;
display: block;
float: left;}
	
.pager .previous {border-left: 1px solid #DDD;}

.pager a
{color: #999;
display: block;}
	
.pager a:hover {text-decoration: none;}

.pager a, .pager .ellipsis, .pager .current, .pager .next, .pager .previous
{padding: 4px 7px;}

.pager .number, .pager .ellipsis {font-weight: bold;}

.pager .current
{background: url(../images/current-page.png) no-repeat;
border: none !important;
padding: 0;
padding-top: 7px;
width: 30px;
height: 25px;
position: relative;
top: -4px;
left: -1px;}

/* cursors */
.pager span {cursor: pointer;}
.pager .ellipsis, .pager .current {cursor: default;}

/* grey out inactive page links */
.pager .next, .pager .previous {color: #DDD;}

.pager .active
{color: #999;
padding: 0;}

/* WARNINGS, NOTICES ---- */
.success
{color: #89B94A;
font-weight: bold;}

.warning, .warning-note {color: #DB6D3C;}

.warning-note
{background: #FDEEE7 url(../images/widget/warning.png) no-repeat 5px 5px;
padding: 5px;
padding-left: 28px;
margin: 5px 0;}

	.warning-note p {margin: 0;}


/* DIALOG BOX (used on Login Page)
------------------------------- */
.dialog
{width: 444px;
margin: auto;}

	.dialog-heading h2
	{background: url(../images/dialog/dialog-header.png) no-repeat;
	text-indent: -5000px;
	width: 444px;
	height: 91px;
	margin: 0;}

.dialog-body
{background: url(../images/dialog/dialog-bottom.png) no-repeat bottom;
padding-bottom: 8px;}

.d-wrap-inner
{background: url(../images/dialog/dialog-bg.png) no-repeat top;
padding: 40px;}

.dialog-body, .dialog-body input {font-size: 15px;}

	/* form */
	.dialog label
	{display: block;
	width: 80px;
	padding-top: 5px;
	float: left;}
	
	.dialog input.text
	{background: #F9FEFE url(../images/text-input-bg.png) no-repeat;
	border: 1px solid #CCC;
	width: 265px;
	padding: 5px;}
	
	.dialog-body form ol li p
	{font-size: 13px;
	padding-left: 80px;}
	
	.dialog-body form .controls
	{text-align: right;
	padding-right: 1px;}
	
		.dialog-body form .controls .button
		{background: url(../images/dialog/login-button.jpg) no-repeat;
		border: none;
		text-indent: -5000px;
		width: 165px;
		height: 54px;}


/* GENERAL TAGS
------------------------------- */
a img {border: none;}

/* FORMS ---- */
form
{margin: 0;
padding: 0;}

	form ol
	{list-style-type: none;
	margin: 0;
	padding: 0;}
	
		form ol li
		{margin-bottom: 10px;
		overflow: hidden;}
		
			form ol li p {margin: 5px 0 0 0;}

label {font-weight: bold;}

input.text {padding: 2px;}

input.checkbox, input.radio
{vertical-align: middle;
width: auto;
padding: 0;
margin: 0;}

/* LISTS ---- */
ul
{list-style-type: none;
margin: 0;
padding: 0;}

/* TABLES */
table
{border: none;
border-collapse: collapse;
width: 100%;}

th
{text-align: left;
font-weight: normal;
white-space: nowrap;}

	th * {line-height: 1;}


#video-box div {display:none;}
#video-box .current {display: block;}
.video-list li:hover {cursor: pointer;}
.video-list li.current:hover {cursor: default;}

.stbuttontext
{
color:#ffffff;
background: #FFFFFF;
position: relative; top: 0px;
margin-left: 2px;
font-size: 32px;
}
#sharethis_0 a.stbutton.stico_default
{
background-image: url(../images/icon-sharethis.jpg) !important;
position: relative; top: 0px;
background-height: 23px !important;
height: 23px !important;
font-size: 24px;
}

/* LOGIN-BOX ---- */

.login-box { position: absolute; width: 210px; left: 700px; top: 25px; text-align: left; padding: 0; z-index:99;}
.login-box, .login-box div {background: #eff7f7;}
.loginBox ol {padding: 10px 10px 0px;}
.loginBox li {margin-bottom: 4px;}
.loginBox input { width: 160px; height: 20px; font-size: 100%;}
.loginBox #login_submit {width: 60px; margin: 0px 0px 10px 10px; vertical-align: middle; height: 26px;}


/* STYLES FOR BOX CONTAINING COMMUNITY MEETING NOTICES - ADDED 07/30/2010 */
	#outside-news-box
	{position: absolute;
	left: 639px;
	top: 26px;
	padding: 7px 0px;
	width: 265px;
	border: 2px solid #EA8202;
	font-weight: bold;
	text-align: center;
	background-color: #fff;}
	
	#outside-news-box a {padding: 7px 10px;}