/*
 * Copyright 2009 Palm, Inc. All rights reserved.
 */

.home-list-icon {
  float: left;
  height: 50px;
  width: 50px;
}

.home-list-icon.topics {
  background: url(../images/tips.png) center center no-repeat;
}

.home-list-icon.flicks {
  background: url(../images/clips.png) center center no-repeat;
}

.home-list-icon.featured {
  background: url(../images/featured.png) center center no-repeat;
}

.help-icon {
  background: url(../images/help-icon.png) center center no-repeat;
  margin:20px 0px 15px;
  width: auto;
  height: 148px;
}

.separator {
  background: url(../images/list-separator-light.png) bottom left repeat-x;
  margin-bottom: -1px;
  width:auto;
  height:5px;
}

.list-text {
	margin-left:55px;
	padding-bottom:8px;
}

.clear-float {
  clear: both;
}

h1 {
  font-size: 16px;
  padding-bottom: 0;
  margin: 0.67em 0px 0px 0px;
}

p {
  padding: 0;
  margin: 0;
}

div.list-text h1 {
  font-size: 20px;
  font-family: "Prelude";
  font-weight: normal;
  margin: 4px 0px 0px 0px;
}

div.list-text p {
  font-size: 16px;
  font-family: "Prelude";
}

.spacer {
  height: 50px;
}

.search-box {
  width: 240px;
}

.no-network-icon {
  background: url('../images/basics.png') no-repeat left center;
  line-height: 32px;
}

.has-search-bar-top .palm-page-header {
  background: none;
  padding-bottom: 0px;
  margin-bottom: 5px;
  min-height: 47px;
  -webkit-border-image: none;
}

.search-bar-top .filter-field-container {
/*position:relative;*/
}

.search-bar-top .filter-field-container-height {
  height: 52px;
}

.search-bar-top .search-field {
  height: 50px;
  position: relative;
  top: -4px;
}

.search-bar-top input,
  .search-bar-top textarea {
  border: none;
  outline: none;
}

.search-bar-top .focused .palm-row .textfield-group .search-field input {
  color: black !important;
}

.search-bar-top .icon.right.submit {
  display: block;
  height: 44px;
  width: 40px;
  margin-right: -8px;
  background: url(../images/btn-submit-search.png) center center no-repeat;
}

.search-bar-top .filter-field-container.focused {
  -webkit-border-image: url(../images/filter-search-dark-focused-bg.png) 26 23 20 23 repeat repeat;
}

.search-bar-top .textfield-group {
  -webkit-border-image: url(../images/framework/textfield-noshadow.png) 15 15 15 15 stretch stretch;
}

.search-bar-top .filter-field-container .results-count-container {
  position: relative;
  float: right;
  margin: 10px 3px 0px 0px;
  line-height: 52px;
}

.search-bar-top .filter-field-container.focused .results-count-container {
  -webkit-border-image: url(../images/filter-field-pill-black.png) 11 11 11 11 repeat repeat;
}

.search-bar-top .filter-field-container.focused .results-count {
  color: white;
}

.network {
  background: #e4e4e2;
  color: #333333;
  font: 16px 'Coconut', sans-serif;
}

.network  p {
  margin: 0 0 8px;
  background: #e4e4e2;
  color: #333333;
  font: 16px 'Coconut', sans-serif;
}

.network a {
  color: #333333;
  text-decoration: underline;
}

.network a:hover {
  text-decoration: none;
}

.network #wrap {
  width: 100%;
  height: auto !important;
  overflow: hidden;
}

.network #header {
  width: 100%;
  padding: 12px 16px;
  background: #d2d2d2;
  overflow: hidden;
}

.network #header h1 {
  float: left;
  display: block;
  padding: 0 20px 0 40px;
  color: #5e5e5e;
  font-size: 18px;
  font-weight: normal;
}

.network #header h1.app_icon {
  background: url('../images/basics.png') no-repeat left center;
  line-height: 32px;
}

.network #content {
}

.network #content .inner {
  padding: 20px;
}

.network #content p {
  margin: 0 0 24px;
}

.network #content ul {
  margin: 0 0;
  font-size: 16px;
}

.inner li {
  margin-left: -20px;
  padding: 0 0 10px;
  line-height: 20px;
}


.palm-menu-icon.load-progress {
		background-image: url(../images/progress-indicator.png);
		width: 48px;
		height: 48px;
		left: -24px;
		margin-top: -8px;
}

.palm-menu-icon.load-progress.progress-0 {
		background-position: 0px 0px;		
}
.palm-menu-icon.load-progress.progress-1 {
		background-position: 0px -48px;		
}
.palm-menu-icon.load-progress.progress-2 {
		background-position: 0px -96px;		
}
.palm-menu-icon.load-progress.progress-3 {
		background-position: 0px -144px;		
}
.palm-menu-icon.load-progress.progress-4 {
		background-position: 0px -192px;		
}
.palm-menu-icon.load-progress.progress-5 {
		background-position: 0px -240px;		
}
.palm-menu-icon.load-progress.progress-6 {
		background-position: 0px -288px;	
}
.palm-menu-icon.load-progress.progress-7 {
		background-position: 0px -336px;		
}
.palm-menu-icon.load-progress.progress-8 {
		background-position: 0px -384px;	
}
.palm-menu-icon.load-progress.progress-9 {
		background-position: 0px -432px;	
}
.palm-menu-icon.load-progress.progress-10 {
		background-position: 0px -480px;	
}
.palm-menu-icon.load-progress.progress-11 {
		background-position: 0px -528px;	
}
.palm-menu-icon.load-progress.progress-12 {
		background-position: 0px -576px;	
}
.palm-menu-icon.load-progress.progress-13 {
		background-position: 0px -624px;	
}
.palm-menu-icon.load-progress.progress-14 {
		background-position: 0px -672px;	
}
.palm-menu-icon.load-progress.progress-15 {
		background-position: 0px -720px;	
}
.palm-menu-icon.load-progress.progress-16 {
		background-position: 0px -768px;	
}
.palm-menu-icon.load-progress.progress-17 {
		background-position: 0px -816px;	
}
.palm-menu-icon.load-progress.progress-18 {
		background-position: 0px -864px;	
}
.palm-menu-icon.load-progress.progress-19 {
		background-position: 0px -912px;	
}
.palm-menu-icon.load-progress.progress-20 {
		background-position: 0px -960px;	
}
.palm-menu-icon.load-progress.progress-21 {
		background-position: 0px -1008px;	
}
.palm-menu-icon.load-progress.progress-22 {
		background-position: 0px -1056px;	
}
.palm-menu-icon.load-progress.progress-23 {
		background-position: 0px -1104px;	
}
.palm-menu-icon.load-progress.progress-24 {
		background-position: 0px -1152px;	
}
.palm-menu-icon.load-progress.progress-25 {
		background-position: 0px -1200px;	
}


.palm-menu-icon.load-search {
		background-image: url(../images/browser-indeterminate-progress.png);
		width: 48px;
		height: 48px;
		left: -24px;
		margin-top: -8px;
}
.palm-menu-icon.load-search.progress-0 {
		background-position: 0px 0px;		
}
.palm-menu-icon.load-search.progress-1 {
		background-position: 0px -48px;		
}
.palm-menu-icon.load-search.progress-2 {
		background-position: 0px -96px;		
}
.palm-menu-icon.load-search.progress-3 {
		background-position: 0px -144px;		
}
.palm-menu-icon.load-search.progress-4 {
		background-position: 0px -192px;		
}
.palm-menu-icon.load-search.progress-5 {
		background-position: 0px -240px;		
}
.palm-menu-icon.load-search.progress-6 {
		background-position: 0px -288px;		
}
.palm-menu-icon.load-search.progress-7 {
		background-position: 0px -336px;		
}
.palm-menu-icon.load-search.progress-8 {
		background-position: 0px -384px;		
}
.palm-menu-icon.load-search.progress-9 {
		background-position: 0px -432px;		
}
.palm-menu-icon.load-search.progress-10 {
		background-position: 0px -480px;		
}
.palm-menu-icon.load-search.progress-11 {
		background-position: 0px -528px;		
}
.palm-menu-icon.load-search.progress-12 {
		background-position: 0px -576px;		
}

.home-scene-fade-top {
    height: 54px;
    width: 100%;
    background: url(../images/home-scene-fade-top.png) top center repeat-x;
    position: fixed;
    top: 48px;
    z-index: 100000;
	-webkit-palm-mouse-target: ignore;
}

.home-scene-fade-bottom {
    height: 54px;
    width: 100%;
    background: url(../images/home-scene-fade-bottom.png) bottom center repeat-x;
    position: fixed;
    bottom: 0;
    z-index: 100000;
	-webkit-palm-mouse-target: ignore;
}

img.json-list-icon {
	position:absolute; 
	top:50%; 
	margin-top:-24px;
	margin-left:10px;
	margin-right:10px;
   width:48px; 
   height:48px;
}

.palm-page-header-wrapper .headericon.left 
{
    width: 60px;
}

.palm-page-header-wrapper .headericon.left img
{
    position: absolute;
    top: 0;
    left: 0;
    width: 32px;
    min-height: 32px;
    margin:8px 0px 0px 12px;
}



