/*    postcard stuff here   */
/****postcard *************/
html,body {
//	max-width: 800px;
//	min-width: 1200px;
//	width: 1400px;
//	overflow: hidden;
//margin: auto;
}
#pc-body-margins {
//	max-width: 800px;
//	min-width: 360px;
//	float: left;
//	margin: 0 auto;
//	padding: 0 60px;
}
#pc-div-bottom {
//	max-width: 800px;
//	min-width: 360px;	
//float: left;
//padding-left:40px;
//position:absolute;
//top: 520px;
//font-size 16px;
//margin-top: 10px;
//clear:both;
}
#footer-div-main-outer {
	padding: 0;
}
.postcardeditouter {

list-style-type: none;
list-style: none;
display: inline-block;
margin: 10 0 0 0;
padding: 5;
text-align:left;
vertical-align: middle;
}

.postcardeditinner {
border: 1px solid #333333;
list-style-type: none;
list-style: none;
display: inline-block;
margin: 10 0 0 0;
padding: 5;
text-align:left;
vertical-align: middle;
}

.postcardsmallouter {
padding-right: 20px;
display: inline-block;
list-style: none;
list-style-type: none;
vertical-align: middle;
}

.postcardsmall {
display: inline-block;
padding-bottom: 0px;
list-style: none;
list-style-type: none;
vertical-align: middle;
}

.postcardsmallimg {
max-width: 400px;
border: none;
padding:0px;
display: inline-block;
float:left;
vertical-align: middle;
}

.postcardsmalltext {
padding: 40px;
margin: 40px;
text-align: right;
display:inline-block;
vertical-align: middle;
}

.clear {
clear:both;
}

div.postcardpreview {
display: block;
float: left;	
padding: 35px;
margin: 20px auto;
border: 1px solid #333333;
display: block;
text-align: center;
vertical-align: middle;
max-width: 500px;

}
div.shadowbox.dropshadow {
//border: 1px solid gray;
margin: 0 30px;
//padding: 10px;
max-width: 600px;
}
div.radio-border, ion-item.pc-radio {
width: 100%;
padding-top: 25px; 
}
.pc-top-preview {
text-align: center;
color: #00bcb5;
font-weight: bold;
}

ion-item.pc-radio:hover {
background: #a5a5a5;
}
ion-item.pc-radio i#selected {
visibility: visible;
position:absolute; 
top: 0; 
right:0;
z-index: 3;
//margin:10px 15px;
font-size:24px;
float:right;
}
button.button.icon-right.ion-chevron-right {
text-align: left;
font-weight: bold;
//width: 100%;
}
button.button.icon-right.ion-chevron-right:hover {
color: #ffffff;
background: #a5a5a5;
//width: 100%;
}
button.button.icon-left.ion-chevron-left {
font-weight: bold;
text-align: right;
//width: 100%;
}
button.button.icon-left.ion-chevron-left:hover {
color: #ffffff;
background: #a5a5a5;
//width: 100%;
}
div.list.item-divider {
text-align: left;
width: 100%;
}
div.list.item-divider:hover {
background: #a5a5a5;
}
input.item.item-input {
padding: 0 10px;
width: 95%;
}
ion-item.item {
max-width: 95%;
}
ion-item.item.checkbox {
width: 100%;
padding: 0 10px;
}
label.item.item-checkbox {
border: none;
padding-left: 50px;
}
.checkbox {
padding: 7px 7px 7px 0;
}


.flipbook-viewport .container {
top: 250px;
left: 25%;

}
.container {
	width: 100%;
}
div#example {
clear: both;
display: block;
float: left;
padding-top: 200px;
}
img.stamp-preview {
float: right;
width:45px;
}
h1.pc-heading-preview {
font-size: 12px;
font-weight: bold;
}
.pctext 	{
line-height: 1.2;
margin: 20px;
font-size:16px; 
font-weight:normal;
font-family:Arial, Helvetica, san-serif; 
color: blue; 
}
.pctextmedium 	{
font-size:12px; 
font-weight:normal;font-family:Arial, Helvetica, san-serif; 
color: black; 
}
.pctextsmall 	{
font-size:10px; 
font-weight:normal;font-family:Arial, Helvetica, san-serif; 
color: black; 
}
div.pc-top-preview {
font-size: 12px;
margin: 2px 0 2px 10px;
}
div.pc-message-preview,div.pc-address-preview{
display: inline-block;
float: left;
		line-height: .9em;
height: 90px;
width: 140px;
margin-top: 15px;
padding:0 0 0 10px;
font-size:8px; 
font-weight:normal;font-family:Arial, Helvetica, san-serif; 
color: black; 
}
div.pc-signature-preview{
clear: both;
margin-top: 10px;
padding-right: 20px;
float: right;
}
div.pc-address-preview{
float: right;
margin-top: 10px;
border-left: 1px solid gray;
}

	.stamp-outer {
		display: block;
		float: right;
	}
	.stamp {
		width: 75px;
		border: 1px solid #999999;
		float: right;
		padding: 5px;
		margin-right: 20px;
	}
	.pc-top {
		width: 95%;
		font-size: 24px;
		font-weight: bold;
		color: #00bcb5;
		float: left;
		padding: 10px;
		clear: both;
	}
.pc-top-text {
	color: #00bcb5;
	line-height: 130%;
	margin: 0 auto;
	text-align: center;
	}
a.pc-top-link {
	color: #00bcb5;
	font-size:20px;
	}	
	.pc-message {
	line-height: 130%;
		margin-left: 20px;
		border-right: 1px solid #999999;
		height: 210px;
		width: 50%;
		font-size: 16px;
		font-weight: normal;
		float: left;
		padding-left: 5px;
		padding-right: 20px;
		clear: left;
	}
	.pc-signature {
		float: right;
		width: 55%;
		font-size: 16px;
		font-weight: normal;
		font-style: normal;
		text-align: left;
		padding: 0px;
		margin: 0px;
		clear: both;
	}
	
		.pc-address {
	line-height: 130%;
		margin-left: 10px;
		margin-right: 20px;
		width: 30%;
		height: 210px;
		font-size: 16px;
		font-weight: normal;
		float: left;
		padding-left: 5px;
		padding-right: 5px;

		clear: right;
	}

		 .pc-address h1, .pc-message h1 {
			color: #eb002a;
		margin-bottom: 10px;
		font-size: 20px;
		font-weight: bold;
	}
	
			.pc-img {
				width: 600px;
				height: auto;
			}

div#footer {
	opacity: .6;
}
ion-item.pc-radio {
	padding: 5px;
}