body,img,p,h1,h2,h3,h4,h5,h6
{
	margin:0; padding:0; list-style:none; border:none; /*height: 100%; */
	font-family: sans-serif;
	border: 0px;
	color: black;
}

body
{
	background-color: #fdfdfd;
	overflow-y: scroll;
/* 	background-size: 15%; */
}



.bold
{
	font-weight: bold;
}

.hide
{
	display: none;
}

#alert
{
	position: fixed; left: 30%; width: 40%; height: 60px; top: 50px; background-color: #fff; border: 1px solid black; border-radius: 4px;
	z-index: 10000;
   box-shadow: 0px 0px 16px rgba(20,40,60,0.4);

	display: none;
}

#alert-text
{
	display: block;
	font-size: small;
	font-weight: bold;
	text-align: center;
}


.editable
{
	color: #000;
}

.toggle::before
{
	content: "◻ ";
	padding-right: .5em;
}

.checkmark::before
{
	content: "✓ ";
	padding-right: .5em;
}



#user-email
{
	border: 0px;
}

#user-pw
{
	border: 0px;
}


.plain-link a
{
	text-decoration: none;
	color: #777;
}

.plain-link a:hover
{
	text-decoration: underline;
}

.text-edit
{
	border: 1px black dotted;
	padding: 3px;
	padding-bottom: 3px;
	border-radius: 3px;
}


.menu-item
{
	margin-left: 1.5em;
	color: #fff;
	float: right;
	border-bottom: 2px solid transparent;
}

.current-menu-item
{
	border-bottom: 2px solid #eaa;
}

#menu
{
	font-size: 1.1em; 
	font-family: sans-serif;
	font-weight: bold;
	color: black; 
/* 	border: 1px solid #0f0; */
	overflow: auto;
}

#menu a
{
	text-decoration: none;
}

#menu a:hover
{
	text-decoration: underline;
}

.form-input
{
	padding: .3em;
}

input:focus 
{ 
	outline-style: none;
	background: #fff;
}


.horz
{
	position: relative;
	border-top: 1px solid #555;
	margin: 0 -1px;
	margin-top: .2em;
	padding-left: 0;
	margin-bottom: .7em;
}


#content 
{ 
	overflow: auto;
	position: relative;
	width: 100%;
	padding-top: 72px;
	font-family: 'Open Sans', sans-serif;
	font-size: .8em;
	
/* 	border: 4px solid red; */
}

#header
{
	height: 72px;
	padding-top: .3em;

	background-color: #880000; 	
	background: -webkit-radial-gradient(left top, #900, #700);
	background: -moz-radial-gradient(left top, #900, #700);

	color: #fff;
	position: fixed;
	width: 100%;
	z-index: 1000;
	
	border-bottom: 1px solid #000;
}


#plugin-layout
{
	width: 90%;
	padding: 2% 5%;
}

.plugin
{
	display: inline-block;
	vertical-align: middle;
	
	margin: 5px;
	overflow: auto;
	padding: 10px;

/* 	border: 1px dashed #ddd; */
}

.pi-page
{
	margin: 3% 3%;
}


.plugin-click
{
/* 	border: 3px solid black; */
/* 	z-index: 100000; */
}

.wrap
{
	clear: both;
}

.plugin_label
{
	font-family: sans-serif;
	float: left;
	border-right: 1.5px solid #888;

	padding-right: 10px;
	margin: 1.5em;
	margin-left: .5em;
	text-align: right;
	opacity: 0.0;
}

.plugin_name
{
	padding: .25em;
	font-size: 1em;
	color: #333;
	font-weight: bold;
}

.pi-label
{
	border-right: 2px solid #444;
	opacity: 1;
}

.pi-name
{
	text-align: left;
	padding: .25em;
	font-size: 2.5em;
	font-weight: bold;
}

.pi-img
{
	display: block;
	margin: auto;
/* 	position: relative; */
	vertical-align: middle;
	zoom: .5%;
}

.no-anim
{
	opacity: 1.0;
	zoom: 100%;
}


.pi-img-wrap
{
	float: left;
	padding: 6px;
	padding-right: 0px;
	margin-right: 10px;
}

.pi-img-div
{
	display: block;
/* 	list-style: none; */
    font-size: 0;
    line-height: 0;
    overflow: hidden;
 	border: 1px solid transparent;
}

.shadow-anim
{
 	transition: all 0.5s ease-out;
    box-shadow: 0px 0px 16px rgba(20,40,60,0.4);
 	border: 1px solid #252525;
}

.shadow
{
    box-shadow: 0px 0px 16px rgba(20,40,60,0.4);
 	border: 1px solid #252525;
}


#DeEsser-imgdiv
{
	height: 150px;
	overflow: hidden;
}



.pi_buy
{
	float: right;
	font-size: 1em;
	font-weight: bold;
	margin: 1em;
	margin-bottom: 2em;
	margin-left: 0em;
	border-radius: 8px;
	padding: .4em 1em;
	color: white;
	background-color: #444;
	border: 0px;
}

.pi-info
{
	padding: 20px;
	padding-bottom: 0;
}


.pi-info a:link
{
	color: #248;
	text-decoration: none;
	font-weight: 700;
}


.pi-info a:visited
{
	color: #505050;
}


.pi-info a:hover
{
	text-decoration: underline;
}

.header
{
	font-weight: bold;
}

.inset
{
	padding: 10px;
}

.more-info
{
	display: inline-block;
/*
	margin-left: 7%;
	margin-right: 9%;
*/
/* 	width: 60em; */
}


.notes
{
	margin: 3%;
	margin-top: 1em;
	
	padding: 20px 30px;
	border-radius: 4px;
	border: 1px solid #ddd;
	background-color: #ffffff;
	
	overflow: auto;
}

#footer-overlay
{
	clear: both;
	color: #777;
	font-size: xx-small;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	
	z-index: -1;
}

#footer
{
	position: absolute;
	bottom: 2px;
	width: 100%;
	z-index: 10000;
}


#privacy
{
	float: right;
	padding-right: 2px;
}

.no-close .ui-dialog-titlebar-close {
  display: none;
}



ul.accordion
{
	font-size: small;
    list-style: none;
    padding: .5em;
    margin: 0em;
}

.accordion .que
{
	padding-bottom: .5em;
}

    .accordion .inner 
    {
		list-style: none;

        overflow: hidden;
        display: none;
    
		margin: 0em;
/* 		padding: 1em;		 */
		padding-left: 0em;
		padding-top: .5em;
/* 		padding-left: 1em; */
    }
  
    .accordion li
    {
    }

    a.toggle 
    {
    	text-decoration: none;
        width: 100%;
        display: block;
        color: #222;
        
        padding: 0em;
        padding-left: 1em;
        font-size: small;
        font-weight: bold;
        border-radius: 0.25em;
        transition: background .3s ease;
    }

/* buy */


.info-box
{
	overflow: auto;
	border-radius: 4.5px; 
	border: 1px solid #e0e0e0;
	border-top: 1px solid #e2e2e0;
	border-bottom: 1px solid #d3d3d3;
	border-right: 1px solid #d3d5d6;
	background-color: #f5f4f0;
	padding: 8px 16px;
}


#buy-info
{
	display:none; 
	
	font-size: small;
	float:left;
	margin-top: 4em; margin-bottom: -4em; margin-left: 40%;
}

#buy-info li
{
	margin-bottom: .5em;
}

.buy-quantity
{
	width: 2.5em;
	border: 1.5px solid #eee; padding: 4px; border-radius: 4px; font-size: 1em; text-align:center;
}

.purchase
{
	width: 100%;
	color: black;
	border-collapse: collapse;
}


.purchase tr
{
	border-bottom: 1px solid #f2f2f2;
}

.purchase td
{
	padding: .7em;
}

td.purchase-price
{
	font-size: 1.0em;
	color: #000;
}

.product-price
{
	font-weight: bold;
	font-size: medium;
}

.formi
{

	width: 95%;
	clear: both;
	
	overflow: auto;
	
	padding-left: .5em;
	
	border: 1px solid #d0d0d0;
	
	font-size: 1.1em;
}


#compat-chart th.under
{
	background-color: #eee;
	padding: 4px 1.5em;
/* 	border-bottom: 1px solid black; */
}

td.cc-label 
{
	font-weight: bold;
	text-align: right;
	padding-right: 15px;
	border-right: 2.5px solid #666;
}

td.spacer
{
	height: 15px;
}


	#menu-split
	{
		float: right;
		height: 1em;
	}
	


@media only screen and (orientation: portrait)
{
	#menu
	{
		font-size: medium;
	}
}


@media only screen and (max-device-width: 1024px)
{
	.plugin
	{
		padding: 30px 10px;
	}
	
	#content
	{
		font-size: large;
		padding-top: 100px;
	}
	
	#menu
	{
		font-size: x-large;
	}
	
	#header
	{
		height: 100px;
	}
	
	.menu-item
	{
		margin-top: 1em;
		margin-left: 1em;
/* 		margin-bottom: .5em; */
	}
	
/*
	#menu-split
	{
		clear: both;
	}
*/

}