﻿/*
** PPSHOP_STYLES.CSS 
*/

div.pp-button           { width:90%; margin:auto; }

div.pp-debugging    { margin-top:10pt; padding:5pt; background-color:#ffeeee;	border:2px solid black; border-radius:8px; }
div.pp-debugging h2 { color:black; text-align:center; font-weight:bold; }

div.pp-debugsection    { margin-bottom: 30px; }
div.pp-debugsection h2 { margin-bottom: 10px; border-bottom: 1px solid #ccc; padding-bottom: 5px; text-align:left; }

div.pp-order-summary    { border:2px solid #0063ef; border-radius:6px; margin-top:10pt; box-shadow:6pt 6pt 3pt #e0e0e0; }
div.pp-order-summary h2 { text-align:center; margin-top:8pt; margin-bottom:12pt; 		}

div.pp-panel-shop	    { padding-top:2pt;  border-radius:6px;	}

div.pp-ref        		{ font-size:small; padding-top:6pt; }

div.pp-userprompt { clear:left; float:left; text-align:left; font-weight:bold;   color:#00008b; width:105pt;     }
div.pp-userdatum  {             float:left; text-align:left; font-weight:normal; color:#000000; padding-left:2%; }


div.pp-stripe 				  	   
{ 
	margin-left:	0px; 
	margin-right:	0px; 
	margin-top:		0px;  
	margin-bottom:	0px; 

	padding-left:	15px; 
	padding-right:	15px;
	padding-top:    0px; 
	padding-bottom: 0px; 

	width:          auto;		/* within padding */
	text-align:		right; 

	font-size:		1pt; 
	font-family:	Tahoma,Arial,sans-serif; 
	font-weight:	bold; 
	
	white-space: 	nowrap;

	color:			  black; 
    background-color: cyan;     
}

a.pp-button { display: inline-block; margin-top: 20px; padding: 10px 18px;
              background-color:#1676E0; color: white; text-decoration: none; border-radius: 6px; }
a.pp-button:hover { background-color:#0808FF; }
 
h2.pp-licence { text-align:center; }

table.pp-purchase { box-sizing:border-box; width:100% max-width:410px; margin-left:auto; margin-right:auto; margin-top:32pt; text-align:left; }

td.pp-orderrow1 { font-weight:bold; border-bottom:1px solid black; }
td.pp-orderrow2 { font-weight:normal; }

td.pp-ordercol0 { width:18%; max-width:100px; color:#0063ef; text-align:center;  font-weight:bold;   }	/* logo-blue */
td.pp-ordercol1 { width:55%; background-color:#ffffff; text-align:left;   padding-left:1%; }	
td.pp-ordercol2 { width:15%; background-color:#ffffff; text-align:right;  }	
td.pp-ordercol3 { width:13%; background-color:#ffffff; text-align:center; }	
td.pp-ordercol4 { width:15%; background-color:#ffffff; text-align:right;  padding-right:1%; }	

td.pp-ordercol4 p { 	padding-bottom:0px; }	/* override standard paragraph spacing */


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* For displaying debug info:														*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

table.pp-dbtable { width: 100%; border-collapse: collapse; }
td.pp-dbcell     { padding: 6px 4px; text-align:left; vertical-align:top; }
td.pp-dblabel    { font-weight:bold; text-align:left; width:200px;        }
.pp-dbcode { font-family: monospace; background: #f4f4f4; padding: 4px 6px; display: inline-block; }

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/


