/*
 * Copyright 2008-2009 Palm, Inc. All rights reserved.
 */
body {
		margin: 0px;
		padding: 0px;
		-webkit-user-select: none;
}

#view_menu_bkgnd {
		width: 100%;
		overflow-y: hidden;
		overflow-x: hidden;
}

#view_menu_bkgnd_content_nochrome {
		height: 50px;
		width: 100%;	
}

#view_menu_bkgnd_content {
		/* height: 56px; */
		height: 0px;
		width: 100%;
		border-width: 42px 32px 7px 32px;
		-webkit-border-image: url(../images/header-background-9tile.png) 42 32 7 32 stretch stretch;
		-webkit-box-sizing: border-box;
}

/* if you make a change to the style below, please remember to mirror it in the localized stylesheets */
/* (to be found under /resources/xx_xx/stylesheets/) */
.bookmarks-title-startup {
		text-transform: capitalize;
		color: #ffffff;
		font-size: 14px;
		font-weight: bold;
		padding: 3px 0px 0px 3px;
}

.bookmark-icon {
  padding: 12px 12px 0px 12px;
  float: left;
}

.overlay-container {
  position: relative;
}

.bookmark-icon-overlay {
  position: absolute;
  z-index: 1;
  left: 8px;
  margin-top: 8px;
  width: 40px;
  height: 40px;
  background: url(../images/bookmark-icon-overlay.png) center center no-repeat;
}

.palm-row.urlsearch-bookmark .url-search-icon-overlay {
  position: absolute;
  z-index: 1;
  right: 5px;
  margin-top: 13px;
  width: 40px;
  height: 40px;
  background: url(../images/bookmark-icon-overlay.png) center center no-repeat;
}

.palm-row.bookmark .title,
.palm-row.history .title {
  padding: 5px 10px 9px 0px;
}

.palm-row.selected.bookmark .title div,
.palm-row.selected.history .title div {
  color: #FFF;
}

.bookmark-url {
		font-size: 14px;
		color: gray;
}

.start-page-top-fade {
  height: 38px;
  width: 480px;
  position: fixed;
  top: 0px;
  left: 0px;
  background: url(../images/start-page-top-fade.png) center center no-repeat;
  z-index: 2;  
	-webkit-palm-mouse-target: ignore;  
}

.start-page-bottom-fade {
  height: 38px;
  width: 480px;
  position: fixed;
  bottom: 0px;
  left: 0px;
  background: url(../images/start-page-bottom-fade.png) center center no-repeat; 
  z-index: 2;
	-webkit-palm-mouse-target: ignore;  
}

/* We don't want the web page to be pushed down by the view menu */

.palm-menu-spacer {

}

.palm-menu.view-menu,
.palm-menu.command-menu {
		background: none;
}

div#mojo-scene-page .palm-menu.command-menu {
		background: none;
}

.palm-menu-text.focused,
.palm-menu-text.hasfocus {
		-webkit-border-image: url(../images/url-field-focus-button.png) 0 25 0 25 stretch stretch;
}

.palm-menu-text.page-title {
		max-width: 280px;
		margin-right: 48px;
		padding: 0;
}

#urlInput input {
		height: 50px;
		background: none;
		border-width: 0 0 0 0;
		font-size: 16px;
		line-height: 16px;
		color: white;
		margin: 0 16px 0 -16px;
		padding: 0;
}

form#addrForm {
		position: absolute;
		top: 6px;
		left: 40px;
		margin: 0;
		padding: 0;
		border: 0;
}

span#urlInput_hintText {
		font-size: 16px;
		line-height: 16px;
}

div#pageTitle {
		width: 255px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		text-align: left;
}

div#urlbar-title {
		overflow: visible;
		text-overflow: ellipsis;
		white-space: nowrap;
		text-align: left;
}

div#error-msg {
	margin-top: 6px;
}

div#error-url {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

span#error-code {
	color: gray;
}


#startPage {
		top: 0px;
		left: 0px;
		width: 100%;
		height: 100%;		
}


.bookmarks-title-startup {
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
}

.bookmarks-title-startup.down {
}

.bookmarks-title-startup.landscape {
	left: -1px;
}

.startpage-scene, #startPage, .bookmarks-title-startup, #no-bookmarks {
	height: 100%;
}

.no-bookmarks-large-icon {
	width: 100%;
	height: 120px;
	background: url(../images/no-bookmarks-large-icon.png) center center no-repeat;
	margin-bottom: 10px;
}

.no-bookmarks-text {
	width: 100%;
	text-align: center;
	text-transform: uppercase;
  color: #AAA;
}

.bookmarks-title-icon-text {
	text-transform: none;
	margin-top: 0px;
	margin-bottom: 12px;
	margin-left: 4px;
	width: 94px;
	color: #ffffff;
	font-size: 14px;
	font-weight: normal;
	text-align: center;
}

.bookmark-info {
	background: url(../images/bookmark-info-icon.png) center center no-repeat;
}

/* Keep width/height in sync with browser Javascript */

.bookmark-item {
  display: inline-block;
}

.startPageBookmark {
    margin: 6px 0px 6px 9px;
		height: 120px;
		width: 90px;
}

.start-page-bookmark-overlay {
  position: absolute;
  margin: 1px 0px 0px 3px;
  width: 102px;
  height: 132px;
  background: url(../images/bookmark-overlay.png) top left no-repeat;
	-webkit-palm-mouse-target: ignore;
}

.landscape .startPageBookmark {
  margin-left: 18px;
} 

.landscape .start-page-bookmark-overlay {
  margin-left: 12px;
}

.landscape .bookmarks-title-icon-text {
  margin-left: 12px;
	width: 100px;  
}

.bookmark-item.selected .start-page-bookmark-overlay {
  background: url(../images/bookmark-overlay.png) bottom left no-repeat;
}

#start-page-background {
	background: url(../images/background-bookmarks-grid.png) center center no-repeat;
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index: -1;	
}

#have-bookmarks {	
  	padding-top: 54px;
	z-index: 1;
	height: 370px;
	height: 100%;
	width:100%;
}

#have-bookmarks.down {
	padding-top: 0px;
}

#have-bookmarks.landscape {
	padding-top: 0px;
}
 
textarea#urlInputField2:focus {
		
}

.datestamp {
		font-size: 14px;
		margin-left: 10px;
		text-transform: uppercase;
		font-weight: bold;
		color: rgba(0,0,0,0.4);
}

div#progress {
		float: right;
		text-align: right;
		width: 40px;
}

div#bottomdiv {
		overflow: hidden;
		position: absolute;
		bottom: -6px;
}

.history-icon {
		width: 48px;
		height: 48px;
		float: left;
		margin-left: 10px;
		margin-right: 5px;
}

.urlsearch-icon {
		width: 48px;
		height: 48px;
		float: right;
		margin-right: 15px;
		margin-top: -47px;
}

.history-icon {
    margin-left: 8px;
		background: url(../images/list-icon-history.png) center center no-repeat;
		padding-top: 5px;
}

.palm-menu-icon.history {
		background-image: url(../images/menu-icon-history.png);
}

.palm-menu-icon.bookmarks {
		background-image: url(../images/menu-icon-bookmarks.png);
}

.palm-menu-icon.clear {
		background-image: url(../images/menu-icon-clear.png);
}

.browser-go-icon {
		position: absolute;
		top: 8px;
		right: 0;
}

.browser-go-icon.enabled {
		background-image: url(../images/url-go-icon-enabled.png);
		width: 32px;
		height: 32px;
}

.browser-go-icon.disabled {
		background-image: url(../images/url-go-icon-disabled.png);
		width: 32px;
		height: 32px;
}

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

#web_view {
	
	/* Without this style keyboard events are not sent to the browser-adapter */
	/* because WebKit thinks the node is not editable. Also, this style must  */
	/* be specified here and not in the HTML style attribute or via code.     */
	-webkit-user-modify: read-write;
}

div#urlSearch {
		position: fixed;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 100%;
		z-index: 32;
		background-image: url(../images/scrim.png);
}


.palm-list div.row.no-highlight.selected {
		color: black;
		width: 100%;
}

div#download-panel-container {
		max-height: 50%;
		position: fixed;
		left: 0px;
		bottom: 50px;
		width: 100%;	
}

div#downloadListScroller {
		max-height: 50%;
		position: fixed;
		left: 0px;
		bottom: 50px;
		width: 100%;
}

div#bookmarksScroller {
		height: 380px;
		width: 320px;
}

div#historyScroller {
	height: 380px;
	width: 320px;
}

.palm-page-header .icon.bookmark {
		background-image: url(../images/header-icon-bookmarks.png);
}

.palm-page-header .icon.history {
		background-image: url(../images/header-icon-history.png);
}

.palm-page-header .icon.preferences {
		background-image: url(../images/header-icon-prefs.png);
}

/* Page Loading Specific Styles */

.browser-loading .palm-header {
		z-index: 1;
}

.browser-loading .palm-header .url-textfield {
		margin: -40px 0px 0px -60px;
		text-transform: none;
}

/* Downloading Files Specific Styles */

.browser-download .palm-list .row {
		border-bottom: 0px;
		background: none;
		padding: 10px 0px 0px 0px;
}

.browser-download .palm-list .row .download-pill {
		height: 48px;
		width: 260px;
		border-width: 0px 23px 0 23px;
		-webkit-border-image: url(../images/download-pill.png) 0 23 0 23 stretch stretch;
}

.browser-download .palm-list .row .download-pill div {
		z-index: 2;
		position: absolute;
}

.browser-download .palm-list .row .download-pill .filetype-icon {
		width: 25px;
		height: 25px;
		margin-top: 11px;
		margin-left: -8px;
}

.browser-download .palm-list .row .download-pill .filetype-icon img {
		width: 25px;
		height: 25px;
}

.browser-download .palm-list .row .download-pill .download-filename {
		color: white;
		font-size: 16px;
		margin: 16px 0px 0px 25px;
		max-width: 220px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
}

.browser-download .palm-list .row .download-pill.error .download-filename {
		margin-left: -5px;
		max-width: 250px;
}

.browser-download .palm-list .row .download-pill .action-icon {
		width: 32px;
		height: 29px;
		background: url(../images/cancel-progress-icon.png) center center no-repeat;
		margin: 10px 0px 0px 0px;
		right: 30px;
}

.browser-download .palm-list .row .file-download-progress {
		width: 257px;
		height: 48px;
		border-width: 0px 23px 0 23px;
		-webkit-border-image: url(../images/download-progress-pill.png) 0 23 0 23 stretch stretch;
		margin: -49px 1px 0px 2px;
		position: absolute;
/*	clip: rect(0px, 320px, 48px, 200px); (set in code) */
}

.browser-download .palm-list .row .download-pill .action-icon.warning {
		background: url(../images/warning-icon.png) center center no-repeat;
}

.browser-download .palm-list .row .download-pill .action-icon.complete {
		background: url(../images/download-complete-icon.png) center center no-repeat;
}

.download-progressPill .action-icon {
		width: 32px;
		height: 29px;
		background: url(../images/cancel-progress-icon.png) center center no-repeat;
		margin: 10px 0px 0px 0px;
		right: 30px;
}

.download-progressPill .action-icon.warning {
		background: url(../images/warning-icon.png) center center no-repeat;
}

.download-progressPill .action-icon.complete {
		background: url(../images/download-complete-icon.png) center center no-repeat;
}

/*Search Results Specific Styles*/

.browser-search .search-results-container {
		margin: 0;
		padding: 0;
		border-width: 24px 24px 24px 24px;
		-webkit-border-image: url(../images/search-results-background.png) 24 24 24 24 repeat stretch;
		-webkit-box-sizing: border-box;
}

.search-results-wrapper {
	margin: 0 -16px -15px -16px;
	max-height: 336px;
}

.search-results-fade-bottom {
		width: 100%;
		height: 12px;
		position: absolute;
		bottom: 0;
		background: red;
}

.search-results-container .palm-row.search .subtitle {
		display: none;
}

.search-results-container .text-container {
  padding-right: 30px;
}

.search-results-container .title {
	padding: 0;
	margin: 0;
	line-height: 1em;
	color: #555;
}

.search-results-container .subtitle {
	color: #777;
	font-size: 14px;
	margin-top: -14px;
	padding: 0 0 14px 15px;
}

.url-search-list.search-image,
.url-search-list.bookmark-image,
.url-search-list.history-image {
  position: absolute;
  right: 9px;
  margin-top: 9px;
}

.url-search-list.bookmark-image,
.url-search-list.history-image {
  margin-top: 17px;    
}

.search-results-container .palm-list {
	width: 304px;
}

.search-results-container .search.first {
	padding-top: 26px; 
}

.search-results-container .url.first {
	padding-top: 26px;	
}

.search-results-container .url.last {
	padding-top: 26px;
	min-height: 56px;
}

.search-results-container .search.last {
	min-height: 56px; 
	background: url(../images/palm-list-divider.png) bottom left repeat-x;
}

.search-results-container .search.last.only {
	background: none;
}

.search-results-container .search.last.selected {
	background: none;
}	

.search-results-container .search.single { 
                                                      
        padding-top: 26px;
        min-height: 56px;
}

.row.no-highlight .title  {

		padding-left: 0px;
		max-width: 220px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
}

.row.no-highlight .subtitle {
		padding-left: 0px;
		max-width: 220px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		color: gray;
}

.bookmark-dialog-icon-container {
		text-align: center;
		height: 80px;
}

.imageicondiv {
		position: relative;
		top: 0px;
		left: 10px;
		width: 64px;
		height: 64px;
}

.pageiconsubtitle {
		font-weight: bold;
		margin-left: 0px;
		margin-top: 5px;
		text-overflow: ellipsis;
		overflow: hidden;
		white-space: nowrap;
		width: 80px;
}

.image-cropper-main {
	position: fixed;
}

.image-cropper-main .image-viewport {
	position: fixed;
	top: 96px;
	left: 96px;
	width: 90px;  /* 128 - 2*19 */
	height: 90px; /* 128 - 2*19 */
	border-width: 19px 19px 19px 19px;
	-webkit-border-image: url(../images/image-cropper-9tile-corners.png) 19 19 19 19 repeat repeat;
}

table.cropper {
	border: 0px;
	margin: 0px;
	padding: 0px;
	border-collapse: collapse;
}

td.cropper {
	border: 0px;
	margin: 0px;
	padding: 0px;
}

/* Overriding hint text styles for proper alignment */

.framework-textfield.hinttext {
		left: 11px;
		margin-top: 1px;
		position: absolute;
}

#icon_web_view {
	border-left: solid 96px black;
	border-top: solid 96px black;
	border-right: solid 96px black;
	border-bottom: solid 228px black;
}

#saveIconButton {
	position: fixed;
	bottom: 10px;
	width: 298px;
	z-index: 5;
}

/*Bookmarks Popup Dialog Specific Styles - might be a TEMPORARY FIX*/

div#editbox.palm-group.unlabeled .palm-list .row.textfield .title input {
		min-width: 173px;


/*  max-width: 287px; for landscape mode, not currently working*/
  padding-right: 45px;
}

.urlbar-go-button {
		width: 32px;
		height: 32px;
}

.urlbar-go-button.enabled {
		background-image: url(../images/url-go-icon-enabled.png);
}

.urlbar-go-button.disabled {
		background-image: url(../images/url-go-icon-disabled.png);
}

#urlbar-go.urlbar-menu-go-button {
		background: #0000FF;
		position: absolute;
		top: 0px;
		height: 50px;
		max-width: 49px;
		background: none;
		-webkit-border-image: url(../images/url-field-focus-button-right.png) 0 25 0 1 stretch stretch;
		-webkit-user-select: none;
		border-width: 0 25px 0 24px;
		font-size: 14px;
		font-weight: bold;
		line-height: 0px;
		color: white;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
}

#urlbar-go.urlbar-menu-go-button.active {
		-webkit-border-image: url(../images/url-field-focus-button-right.png) 0 25 0 1 stretch stretch;
}
/*
.palm-menu-button:active .palm-menu-icon {
		background-position: bottom;
}
*/

div#urlbar-input {
		width: 100%;
}

div#urlbar-title {
		width: 100%;
		overflow: hidden;   
		white-space: nowrap; 
		text-overflow: ellipsis;
}

#urlbar-input input {
		height: 46px;
		outline: none;
		background: none;
		border-width: 0 0 0 0;
		font-size: 16px;
		line-height: 22px;
		color: white;
		margin: 0 16px 0 0px;
		padding: 0;
		text-align: left;
}

.palm-menu-text .hint-text {
		margin-left: 12px;
		/* color: #c3c3c3; */
}

.url-title-button {
		position: absolute;
		top: 0px;
		text-align: left;
		height: 50px;
		background: none;
		-webkit-border-image: url(../images/url-field-focus-button-left.png) 0 0 0 23 stretch stretch;
		-webkit-user-select: none;
		border-width: 0 0px 0 23px;
		font-size: 16px;
		font-weight: bold;
		line-height: 50px;
		color: white;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
}

select {
		color: black;
}

.url-title-button.focused,
.url-title-button.hasfocus {
		-webkit-border-image: url(../images/url-field-focus-button-left.png) 0 0 0 25 stretch stretch;
		border-width: 0 0 0 25px;
}

.url-title-button.focused:active {
		-webkit-border-image: url(../images/url-field-focus-button-left.png) 0 0 0 25 stretch stretch;
		border-width: 0 0 0 25px;
}

.url-title-button:active {
		-webkit-border-image: url(../images/url-field-focus-button-left.png) 0 0 0 23 stretch stretch;
		border-width: 0 0 0 23px;
}

.url-title-button .hint-text {
	overflow: hidden;   
	white-space: nowrap; 
	text-overflow: ellipsis;
	max-width: 250px;   
}

#secure-lock {
	float: right;
	margin-right: -4px;
	margin-left: 4px;
	height: 50px;
	width: 24px;
	background: url(../images/secure-lock.png) center center no-repeat;
}

.textfield-group > .title > .label {	
  float: right;
  color: #1f75bf;
  text-shadow: #ffffff 0px 1px 0px;
  font-size: 14px;
  text-transform: uppercase;
  margin: 0 5px 0 0;
}

/* Overriding Framework style for list selector to remove truncation */

.palm-popup-container .title.truncating-text { 
  white-space: normal !important;
}

.palm-list.no-drag-spacer .palm-drag-spacer {  
  -webkit-border-image: url(../images/clear-drag-spacer.png) 15 15 15 15 repeat repeat;
}

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