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

body {color: #999;}

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

small
{color: #999;
font-weight: normal;}

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


/* LINKS
------------------------------- */
a
{color: #66BBEE;
text-decoration: none;}

a:visited {color: #66BBEE;}

a:hover {text-decoration: underline;}


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

.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;}

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

	#header h1
	{float: left;
	margin: 0;}
	
		#header h1 a
		{background: url(../images/kachingle-logo.png) no-repeat;
		text-indent: -5000px;
		display: block;
		width: 233px;
		height: 64px;}

#nav
{font-size: 14px;
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 a, #nav li a:visited {color: #00AEEF;}
	
	#nav li.current {background: url(../images/nav-current.png) no-repeat;}

/* 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;
padding-right: 16px;
overflow: hidden;}

/* columns */
.main-col
{width: 645px;
float: left;}
	
.main-col h2
{color: #81C441;
font-weight: normal;
font-size: 20px;
margin-top: 0;
margin-bottom: 5px;}

	.main-col h2 em
	{color: #CCC;
	font-style: normal;}

.main-col h3
{font-size: 16px;
margin-bottom: 5px;}

.main-col p
{margin-top: 0;
margin-bottom: 2em;}

/* data table */
.main-col table {margin: 10px 0 10px 0;}

.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;}

.stats table { margin: 0px; color: #666; }
.stats td {border-bottom: none;	padding: 0px;}
.stats td.label { width: 120px; }
.stats td.data { font-weight: bold; }
/*.stats td.link { text-align: right; }*/

#my_sites .stats {vertical-align: top; padding-top: 30px;}

.indentedList {padding-left: 30px;}

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

/* FOOTER ---- */
#footer {padding: 7px 0;}

#footer ul {overflow: hidden;}
	
#footer li
{background: url(../images/dot.png) no-repeat right;
font-weight: bold;
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: #659F9F;}
#footer .general-info {float: left;}
#footer .legal-info {float: right; margin-right: 80px;}


/* PAGE ELEMENTS
------------------------------- */
.current
{color: #81C441 !important;
font-weight: bold;}

.current a, .current a:visited
{color: #81C441 !important;
font-weight: bold;}

.coins-decoration
{background: url(../images/coins_color_1.png) no-repeat;
width: 100px;
height: 94px;
position: absolute;
right: -25px;
bottom: -15px;}

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

.logo-col
{width: 72px;
float: left;}

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


.text-col {margin-left: 82px;}
.service div.status { color: #444; }
.service div.description { color: #444; padding-top: 6px; }

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

.box, .box-wrap1, .box-wrap2, .boxbody {position: relative;}

.box {font-size: 11px;}

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

.box-heading *
{line-height: 1;
margin: 0 !important;}

/* Main Column Boxes 
-------------------- */
.main-col .box-heading h3
{color: #888;
font-size: 20px;}

.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;}

.learn-more
{background: url(../images/learnmore-button.jpg) no-repeat;
outline: none;
font-size: 15px;
display: block;
padding-top: 8px;
padding-left: 31px;
width: 183px;
height: 26px;
margin-left: 8px !important;
float: right;}

.learn-more, .learn-more:visited, .learn-more:hover
{color: #659F9F;
text-decoration: none;}

.learn-more:hover {background-position: 0 -38px;}

/*
.learn-more:active
{color: #FFF;
background-position: 0 -77px;}
*/


/* 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 .block {margin-left: 3px;}

.supporting-col .box
{background: url(../images/shadowborder-tl.png) no-repeat top left; /* 2 long sides */
margin-left: 0 !important;}

	.supporting-col .box-wrap1 {background: url(../images/shadowborder-tr.png) no-repeat top right;} /* long right side */
	.supporting-col .box-wrap2 {background: url(../images/shadowborder-bl.png) no-repeat bottom left;} /* long bottom side */
	.supporting-col .box-wrap3 {background: url(../images/shadowborder-br.png) no-repeat bottom right;}
	
	.supporting-col .box-body
	{padding: 15px;
	overflow: visible;}
	
		.supporting-col .box-body h2
		{font-size: 16px;
		margin-top: 0;
		margin-bottom: 4px;}
		
		.supporting-col .box-body p {margin: 0;}

/* 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 a
{background: url(../images/join-now-button.png) no-repeat;
text-indent: -5000px;
display: block;
width: 200px;
height: 51px;}

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


/* SERVICE-BOX ---- */
.service-box {color: #999;}

	.service-box .col-wrapper {margin-bottom: 8px;}
	
	.service-box h3
	{font-size: 14px;
	margin: 0;}
	
	.service-box .logo
	{border: 0px solid #CECECE;}
	
	.service-box .service { text-align: center; }
	.service-box .description { border-top: 1px dotted #CCC; font-size: 12px; margin-top: 0px; padding-top: 4px; }

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


/*  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 ---- */
/*.paginator span
{border: 1px solid #DDD;
border-left: none;
white-space: nowrap;
text-align: center;/*
display: block;
float: left;*/}
*/	
.paginator .prev_page {border-left: 1px solid #DDD;}

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

.paginator a, .paginator .ellipsis, .paginator .current, .paginator .next_page, .paginator .prev_page, .paginator .gap
{padding: 4px 7px;}

.paginator .next_page a, .paginator .prev_page a {padding: 0px 0px;}

.paginator .number, .paginator .gap {font-weight: bold}

.paginator .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 */
.paginator span, .paginator .ellipsis, .paginator .current {cursor: default;}

/* grey out inactive page links */
.paginator .next_page, .paginator .prev_page {color: #DDD;}

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


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

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

label {font-weight: bold; color: #999999;}

input.text {padding: 1px;}

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

/* 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;}
	
	
/* Contribution editions
------------------------------- */
.contribution_editor, #myVisits .contribution_editor { padding: 0 10px; }
.contribution_editor .alias { margin-left: 25px; }
.contribution_editor .button { font-size: 120%; margin-right: 25px; }	
.contribution_editor label {font-weight: normal;}
.contribution_editor form .radio {margin-bottom: 10px;}

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


/* FLASH ---- */
#flashInfo { background: #fc6 url(/images/flash-warning.gif) no-repeat 5px 2px; padding: 8px 10px 4px 40px; color: #930; min-height: 24px; margin-bottom: 10px; text-align: center; }
#admin-relogin-header { background: #fc6 url(/images/flash-warning.gif) no-repeat 5px 2px; padding: 8px 10px 4px 40px; color: #930; min-height: 24px; margin-bottom: 10px; font-size: 150%; text-align: center; }

.date { color: #888; border-bottom: solid 1px #888; margin: 10px 0;}
.line { border-bottom: solid 1px #888; margin: 10px 0;}

.userEntry .name {font-size: 150% }
.userEntry .alias {color: #C8C; }


/* Tables, with sort...
------------------------------- */
.kachingle-table { border: solid 1px #eee; }
.kachingle-table.no_border { border: none; }
.kachingle-table th { background-color: #EEE; border: solid 1px #CCC;  text-align: left; }
.kachingle-table th a, .kachingle-table th p { font: bold 11px arial, sans-serif; display: block; }
.kachingle-table th a { color: #666; padding: 2px 15px 2px 5px; }
.kachingle-table th a:hover { color: #000; }
.kachingle-table th p { color: #666; padding: 2px 5px; margin: 0; }
.kachingle-table th.sortable:hover { color: #000; }
.kachingle-table th.asc, .kachingle-table th.desc {  }
.kachingle-table th.asc a, .kachingle-table th.asc a:hover { background: url(/images/active_scaffold/default/arrow_up.gif) right 50% no-repeat; }
.kachingle-table th.desc a, .kachingle-table th.desc a:hover { background: url(/images/active_scaffold/default/arrow_down.gif) right 50% no-repeat; }
.kachingle-table th.loading a, .kachingle-table th.loading a:hover { background: url(/images/active_scaffold/default/indicator-small.gif) right 50% no-repeat; }
.kachingle-table tr.record td { padding: 5px 4px; color: #333; font-size: 90%; background-color: #E6F2FF; border-bottom: solid 1px #C5DBF7; border-left: solid 1px #C5DBF7; }
.kachingle-table tr.even-record td { background-color: #fff; border-left: solid 1px #ddd; }
.kachingle-table tr.record td.sorted { background-color: #B9DCFF; border-bottom: solid 1px #AFD0F5; }
.kachingle-table tr.even-record td.sorted { background-color: #e0f2fd; border-bottom: solid 1px #AFD0F5; }
.kachingle-table tbody.records td.empty { color: #999; text-align: center; }
.kachingle-table td.numeric, .active-scaffold-calculations td { text-align: right; }

.kachingle-table a { color: #06f;}
.kachingle-table a:hover { color: #015;}


/* Charts
------------------------------- */
div .chart { width:630px; height:230px; margin-top:15px; margin-bottom:15px; color: #000; }
.chartExplanation { color: #000; }

/* Misc stuff, always useful. */
.fl { float: left; }
.fr { float: right; }
.cb { clear: both; }
.tr { text-align: right; }
.bad { color: red; }
br.cb { height: 1px; font-size: 1px; line-height: 1px; display: block; }

/* Forms
------------------------------- */

.fullform_note {font-weight: bold;}
p.fullform_note {margin: 2px 0px 0px;}
.fieldTag {margin-top: 10px; padding-bottom: 2px;}
.regform {border: none; padding: 0;}

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

/* 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; overflow: visible;}

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

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

/* form */
.dialog label {
display: block;
width: 80px;
padding-top: 5px;
float: left;
color: #999999;
}

.dialog input.text {background: #F9FEFE url(../images/text-input-bg.png) no-repeat; border: 1px solid #CCC; padding: 5px;}

form ol {list-style-type: none; margin: 0; padding: 0;}

.wide-dialog label {
display: block;
width: 250px;
padding-top: 5px;
float: left;
color: #999999;
}

.wide-dialog rlabel {
display: block;
width: 250px;
padding-top: 5px;
float: right;
color: #999999;
}

.wide-dialog input.text {background: #F9FEFE url(../images/text-input-bg.png) no-repeat; border: 1px solid #CCC; padding: 5px;}
.wide-dialog-body form .controls {text-align: right; padding-right: 1px;}

/*form ol li {margin-bottom: 10px; overflow: hidden;}*/

.dialog-body form ol li p {font-size: 13px; padding-left: 80px; padding-top: 10px; clear: both;}

.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;
}

.stats .money { font-size: 14px; color: #06f; }
.stats .bad { color: red; }
.stats .ok { color: green; }

.spacedLinks { margin: 10px 0 5px; }
.trackingOff { font-weight: bold; color: red;}
.trackingOn { font-weight: bold; color: green;}
.fileInput a { background: #000; color: #eee; padding: 1px	}
.fileInput a.over { background: #555; }