﻿body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td, span
{
    margin: 0;
    padding: 0;	         
}
body
{
	background-color: #FFFFFF !important;
	width: 323px;
}
.app-title 
{
	background: url('../img/app/ui/panel.png');
	/*background-color: Blue;*/
	width: 323px;
	height: 48px;
}
.app-logo
{
	background: url('../img/app/ui/logotype.png') 4px no-repeat;
	color: #fff;
	vertical-align: middle;
	font-family: Arial;
	font-size: larger;
	padding-left: 50px;        	        	              
    height: 42px;
}

.app-logo span
{
	padding-left: 0px;        	        	          	    
	padding-top: 10px;  
	display: inline-block;
}

a
{
	text-decoration: none;
}

.first
{
	background: url('../img/app/ui/first_item.png') 0 0  no-repeat !important;        	
}
.last
{
	background: url('../img/app/ui/last_item.png') 0 0  no-repeat !important;     
	margin-bottom: 4px;    	       	
}
.single
{
	background: url('../img/app/ui/single_item.png') 0 0  no-repeat !important;     
	margin-bottom: 4px;    	       	
	height: 74px !important;     
}
.item
{
	background: url('../img/app/ui/item.png') 0 0 no-repeat;
	color: #7B786D;
	font-family: Arial;
	font-size: larger;
	padding-left: 4px;        	     	        	              
	height: 64px;
}

.item span
{
	padding-left: 0px;  
	padding-top: 10px;  
	display: inline-block;
}

.item:hover th, .item:hover td
{
	color: #fff;
}
.item:hover
{
	color: #fff;
	background: url('../img/app/ui/item_sel.png') no-repeat;       
}
.first:hover
{
	background: url('../img/app/ui/first_item_sel.png') no-repeat !important;        	
}
.last:hover
{
	background: url('../img/app/ui/last_item_sel.png') no-repeat !important;         	       	
}
.single:hover
{
	background: url('../img/app/ui/single_item_sel.png') 0 0  no-repeat !important;     
	margin-bottom: 4px;    	       	
}
.disclosure
{
	background: url('../img/app/ui/more.png') no-repeat !important;         	       	        	
	background-position: right center !important;         	       	        
	width: 48px;          		
}        
.item table
{
	height: 64px;        	
	width: 318px;        	
}
         
.item th 
{
	text-align: left;
	vertical-align: middle;
	/*border: 1px red solid;*/
	font-size: smaller;
	font-weight: normal;
	color: #777;
	padding: 0px 0px 4px 4px;
}
.item td 
{       
	vertical-align: middle;
	padding: 4px 0px 0px 4px;
	/*border: 1px red solid;*/
	color: #555;
}

.divider
{
	color: #3783c8;
	font-family: Arial;
	font-size: larger;
	padding-left: 8px;             	   	     	        	              
}

.hint
{
	font-size: smaller;        	
	margin-bottom: 0.75em;
	color: #777;
}

/**/
.android
{
	background: url('../img/app/os/android.png') no-repeat !important;         	       	        	
	background-position: left center !important;         	       	        
	width: 48px;          		
}

.windowsphone
{
	background: url('../img/app/os/win-phone.png') no-repeat !important;         	       	        	
	background-position: 2px center !important;         	       	        
	width: 48px;          		
}
.appleios
{
	background: url('../img/app/os/ios.png') no-repeat !important;         	       	        	
	background-position: 2px center !important;         	       	        
	width: 48px;          		
}
.applemacos
{
	background: url('../img/app/os/macos.png') no-repeat !important;         	       	        	
	background-position: 2px center !important;         	       	        
	width: 48px;          		
}
.bada
{
	background: url('../img/app/os/bada.png') no-repeat !important;         	       	        	
	background-position: 2px center !important;         	       	        
	width: 48px;          		
}
.linux
{
	background: url('../img/app/os/linux.png') no-repeat !important;         	       	        	
	background-position: 2px center !important;         	       	        
	width: 48px;          		
}
.webmoney
{
	background: url('../img/app/os/webmoney.png') no-repeat !important;         	       	        	
	background-position: 2px center !important;         	       	        
	width: 48px;          		
}

.messaging
{
	background: url('../img/app/actions/messaging.png') no-repeat !important;         	       	        	
	background-position: 2px center !important;         	       	        
	width: 48px;          		
}
.share
{
	background: url('../img/app/actions/share.png') no-repeat !important;         	       	        	
	background-position: 2px center !important;         	       	        
	width: 48px;          			
}

.send-webmoney
{
	background: url('../img/app/actions/send-webmoney.png') no-repeat !important;         	       	        	
	background-position: 2px center !important;         	       	        
	width: 48px;          			
}

.send-invoice
{
	background: url('../img/app/actions/send-invoice.png') no-repeat !important;         	       	        	
	background-position: 2px center !important;         	       	        
	width: 48px;          			
}

.market
{
	background: url('../img/app/actions/market.png') no-repeat !important;         	       	        	
	background-position: 2px center !important;         	       	        
	width: 48px;          			
}

.telepay
{
	background: url('../img/app/actions/telepay.png') no-repeat !important;         	       	        	
	background-position: 2px center !important;         	       	        
	width: 48px;          			
}