hr {color: GoldenRod;}
p {margin-left:10px;}
p {margin-right:10px;}
p {font-family: "Helvetica Neue", sans-serif; }
#corkadoodle {font-family: "Big Caslon", serif; color:GoldenRod; font-size:20;}
#brewdoodle {font-family: "Big Caslon", serif; color:GoldenRod; font-size:20;}
body {  font-family: "Century Gothic", sans-serif;    font-size: 10pt; overflow:auto; }
a {text-decoration: none; font-family:"Century Gothic", sans-serif; }
#frontpage { font-family: "Helvetica Neue", sans-serif; color:GoldenRod;  font-size:24px; }
#splash2 { font-family: "Helvetica Neue", sans-serif; background-size:100%;  background-repeat:no-repeat; background-image:url('/images/monk.jpg'); color:black;  font-size:32 }
#splash5 { font-family: "Helvetica Neue", sans-serif; background-size:100%;  background-repeat:no-repeat; background-image:url('/images/winegrapes.jpg'); color:black;  font-size:32 }
#splash68 { font-family: "Helvetica Neue", sans-serif; background-size:80%;  background-repeat:no-repeat; background-image:url('/images/winepouring.jpg'); color:black;  font-size:32 }
#splash4d { font-family: "Helvetica Neue", sans-serif; background-size:100%;  background-repeat:no-repeat; background-image:url('/images/winepour.gif'); color:black;  font-size:24 }


#introtext { font-family: "Century Gothic", sans-serif; color:white;  font-size:8pt; }

* {margin:0;padding:0;} 

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body {height: 100%;}

#wrap {min-height: 100%;}

#main {overflow:auto;
	padding-bottom: 40px;}  /* must be same height as the footer */

#footer {position: relative;
	margin-top: -40px; /* negative value of footer height */
	height: 40px;

	clear:both;
 
} 

#flyer {
    z-index: -1;
    
position: relative;
 display: table-cell;
   vertical-align: bottom;
       bottom: -30;
}



/*Opera Fix*/
body:before {/* thanks to Maleika (Kohoutec)*/
content:"";
height:100%;
float:left;
width:0;
margin-top:-32767px;/* thank you Erik J - negate effect of float*/
}



#fixedbox
    {
    overflow: hidden;
    width: 100%;
    height: 40px;
    position: absolute;
    bottom: 0;
    left: 0;
    color: #000;
    background: #FFF;
    }


#bottomtool{ 
padding:32px; 
width: 100%; 
height: 40px; 
position: absolute; 
background:-webkit-gradient(linear,0% 0%,0% 100%,from(rgba(255,255,255,1)),to(rgba(85,45,85,1)));
bottom: 0px; 
font-family: "Helvetica Neue", sans-serif;  
color:black;  
font-size:30 }

#bottom2 { 
padding:8px; 
width: 100%; 
height:60px;
position: absolute; 
background:-webkit-gradient(linear,0% 0%,0% 100%,from(rgba(255,255,255,1)),to(rgba(85,45,85,1)));
bottom: 0; 
font-family: "Helvetica Neue", sans-serif;  
color:black;  
font-size:32 }

#bottomtool-dots { 
padding:10px; 
width: 100%; 
height:20px;
position: fixed; 
background:-webkit-gradient(linear,0% 0%,0% 100%,from(rgba(255,255,255,1)),to(rgba(85,45,85,1)));
bottom: 0; 
font-family: "Helvetica Neue", sans-serif;  
color:black;  
font-size:32 }


div#ghosted
{
opacity:0.7;
}
div#ghosted3
{
opacity:0.7;
}
div#ghosted2
{
opacity:0.5;
}

div#skewed
{
transform:rotate(30deg);
-ms-transform:rotate(30deg); /* IE 9 */
-webkit-transform:rotate(30deg); /* Safari and Chrome */
-o-transform:rotate(30deg); /* Opera */
}

div#skewed2
{
transform:rotate(10deg);
-ms-transform:rotate(10deg); /* IE 9 */
-webkit-transform:rotate(10deg); /* Safari and Chrome */
-o-transform:rotate(10deg); /* Opera */
}
#app {
	width: 100%;
	min-height: 100%;
	-webkit-text-size-adjust: none;
	background: linear-gradient(left, 
		#c5ccd4 5px,
		#cbd2d8 5px,
		#cbd2d8 7px
	);
	background-size: 7px 100%;
}

.navigationbar {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	height: 44px;
	margin-bottom: 10px;
	background: #6d84a2 linear-gradient(
		top,
		rgba(255,255,255,.7),
		rgba(255,255,255,.4) 1px,
		rgba(255,255,255,.2) 22px,
		rgba(255,255,255,.15) 22px,
		rgba(255,255,255,0) 42px,
		rgba(0,0,0,.4)
	);
	text-align: center;
	line-height: 44px;
	color: white;
	font-size: 20px;
	font-weight: bold;
	text-shadow: rgba(0,0,0,.5) 0 -1px;
}

.bottomnavigationbar {
	position: fixed;
	top: 340;
	left: 0;
	right: 0;
	height: 44px;
	margin-bottom: 10px;
	background: #6d84a2 linear-gradient(
		top,
		rgba(255,255,255,.7),
		rgba(255,255,255,.4) 1px,
		rgba(255,255,255,.2) 22px,
		rgba(255,255,255,.15) 22px,
		rgba(255,255,255,0) 42px,
		rgba(0,0,0,.4)
	);
	text-align: center;
	line-height: 44px;
	color: white;
	font-size: 20px;
	font-weight: bold;
	text-shadow: rgba(0,0,0,.5) 0 -1px;
}


#inferencecontrolwindow {border:2px solid; border-radius:20px; border-color:black; background-color: #99cc77;font-family:"Arial", Arial, sans-serif; background-color:#99cc77; color:black; font-size:24 ; border-style:outset; border-width:2px; padding:2px; }
#inferencecontrolpanel {border:2px solid; border-radius:20px; border-color:black; background-color: #99cc77;font-family:"Arial", Arial, sans-serif; background-color:#99cc77; color:black; font-size:24 ; border-style:outset; border-width:2px; padding:2px; }
#dashboard {border:2px solid; border-radius:20px; border-color:black; background-color: #99cc77;font-family:"Arial", Arial, sans-serif; background-color:#99cc77; color:black; font-size:24 ; border-style:outset; border-width:2px; padding:2px; }

#ruletable {font-family:"Arial", Arial, sans-serif; background-color:beige; color:green; font-size:24 ; border-style:outset; border-width:2px; padding:2px; }
#iftable {font-family:"Arial", Arial, sans-serif; background-color:pink; color:green; font-size:20 ; border-style:outset; border-width:2px; padding:2px; }
#thentable {font-family:"Arial", Arial, sans-serif; background-color:lightblue; color:green; font-size:20 ; border-style:outset; border-width:2px; padding:2px; }

#factinput {word-wrap:break-word; width:100%; text-align:left; font-family:"Arial", Arial, sans-serif; background-color:lightgreen; color:black; font-size:18px ; border-style:outset; border-width:1px; padding:1px; }
#factclearbutton {font-family:"Arial", Arial, sans-serif; background-color:red; color:white; font-size:18px ; border-style:outset; border-width:3px; padding:2px; }
#factaddbutton {font-family:"Arial", Arial, sans-serif; background-color:green; color:white; font-size:18px ; border-style:outset; border-width:3px; padding:2px; }
#factaddinput {font-family:"Arial", Arial, sans-serif; background-color:silver; color:black; font-size:20px ; border-style:outset; border-width:1px; padding:1px; }

#answerbutton { border-radius:5px; border-color:black; background-color: #99cc77; font-family:"Arial", Arial, sans-serif;  color:black; font-size:14px ;box-shadow: 4px 4px 2px #888888; border-style:outset; border-width:2px; padding:2px; }

#oavif {font-family:"Arial", Arial, sans-serif; background-color:lightyellow; color:green; font-size:42 ; border-style:outset; border-width:2px; padding:2px; }
#objif {font-family:"Arial", Arial, sans-serif; color:blue; font-size:20 ; border-style:outset; border:2 }
#attif {font-family:"Arial", Arial, sans-serif; color:red; font-size:20 ; border-style:outset; border:2 }
#iftd {border-style:outset; border:4 }
#bottombutton { border-radius:5px;
-moz-box-shadow:0px 0px 2px rgba(0,0,0,0.4);
	-webkit-box-shadow:0px 0px 2px rgba(0,0,0,0.4);
	border-color:silver; background-color: #dd0000; font-family:"Arial", Arial, sans-serif;  color:black; font-size:14px ; border-style:outset; border-width:1px; padding:2px; }

#updatebutton { border-radius:5px;
-moz-box-shadow:0px 0px 2px rgba(0,0,0,0.4);
	-webkit-box-shadow:0px 0px 2px rgba(0,0,0,0.4);
	border-color:silver; background-color: #aaddaa; font-family:"Arial", Arial, sans-serif;  color:black; font-size:14px ; border-style:outset; border-width:1px; padding:2px; }
#deletebutton { border-radius:5px;
-moz-box-shadow:0px 0px 2px rgba(0,0,0,0.4);
	-webkit-box-shadow:0px 0px 2px rgba(0,0,0,0.4);
	border-color:silver; background-color: #ddaaaa; font-family:"Arial", Arial, sans-serif;  color:black; font-size:14px ; border-style:outset; border-width:1px; padding:2px; }
#sharebutton { border-radius:5px;
-moz-box-shadow:0px 0px 2px rgba(0,0,0,0.4);
	-webkit-box-shadow:0px 0px 2px rgba(0,0,0,0.4);
	border-color:silver; background-color: #aaaadd; font-family:"Arial", Arial, sans-serif;  color:black; font-size:14px ; border-style:outset; border-width:1px; padding:2px; }
#deletebuttonsmall { border-radius:3px;
-moz-box-shadow:0px 0px 2px rgba(0,0,0,0.4);
	-webkit-box-shadow:0px 0px 2px rgba(0,0,0,0.4);
	border-color:silver; background-color: #9999aa; font-family:"Arial", Arial, sans-serif;  color:black; font-size:10px ; border-style:outset; border-width:1px; padding:2px; }

#faqtitle {  -moz-border-radius:4px;
	-webkit-border-radius:4px;
	-moz-box-shadow:0px 0px 2px rgba(0,0,0,0.4);
	-webkit-box-shadow:0px 0px 2px rgba(0,0,0,0.4);
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
            width: 100%;
    word-wrap:break-word;
	color:rgba(0,0,0,0.9);
	text-shadow:1px 1px 0px rgba(255,255,255,0.4);
	border:1px solid rgba(0,0,0,0.5);
	font-family:"Arial", Arial, sans-serif;  color:black; font-size:10px ;
	background:-webkit-gradient(linear,0% 0%,0% 100%,from(rgba(240,240,180,1)),to(rgba(90,90,60,1)));
	background:-moz-linear-gradient(top,rgba(240,240,180,1),rgba(90,90,60,1));

	padding:6px 6px 6px 6px;
}
#smalldate {  
	color:rgba(20,0,20,0.9);
	
	font-family:"Arial", Arial, sans-serif;  color:black; font-size:8px ;
	
}
#smalluser {  
	color:rgba(20,0,20,0.9);
	font-family:"Arial", Arial, sans-serif;  color:black; font-size:8px ;
	
}
#faqanswer {  -moz-border-radius:4px;
	-webkit-border-radius:4px;
	-moz-box-shadow:0px 0px 2px rgba(0,0,0,0.4);
	-webkit-box-shadow:0px 0px 2px rgba(0,0,0,0.4);
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
            width: 100%;
    word-wrap:break-word;
	color:rgba(0,0,0,0.9);
	text-shadow:1px 1px 0px rgba(255,255,255,0.4);
	border:1px solid rgba(0,0,0,0.5);
	font-family:"Arial", Arial, sans-serif;  color:black; font-size:9px ;
	background:-webkit-gradient(linear,0% 0%,0% 100%,from(rgba(240,240,180,1)),to(rgba(190,190,160,1)));
	background:-moz-linear-gradient(top,rgba(240,240,180,1),rgba(190,190,160,1));

	padding:6px 6px 6px 6px;
}

#mystuff {  -moz-border-radius:4px;
	-webkit-border-radius:4px;
	-moz-box-shadow:0px 0px 2px rgba(0,0,0,0.4);
	-webkit-box-shadow:0px 0px 2px rgba(0,0,0,0.4);
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
            width: 100%;
    word-wrap:break-word;
	color:rgba(0,0,0,0.9);
	text-shadow:1px 1px 0px rgba(255,255,255,0.4);
	border:1px solid rgba(0,0,0,0.5);
	font-family:"Arial", Arial, sans-serif;  color:black; font-size:10px ;
	background:-webkit-gradient(linear,0% 0%,0% 100%,from(rgba(240,240,240,1)),to(rgba(190,190,170,1)));
	background:-moz-linear-gradient(top,rgba(240,240,240,1),rgba(190,190,170,1));

	padding:6px 6px 6px 6px;
}
#showallbatchessmall {  -moz-border-radius:4px;
	-webkit-border-radius:4px;
	-moz-box-shadow:0px 0px 2px rgba(0,0,0,0.4);
	-webkit-box-shadow:0px 0px 2px rgba(0,0,0,0.4);
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
            width: 100%;
    word-wrap:break-word;
	color:rgba(0,0,0,0.9);
	text-shadow:1px 1px 0px rgba(255,255,255,0.4);
	border:1px solid rgba(0,0,0,0.5);
	font-family:"Arial", Arial, sans-serif;  color:black; font-size:10px ;
	background:-webkit-gradient(linear,0% 0%,0% 100%,from(rgba(240,240,240,1)),to(rgba(190,190,170,1)));
	background:-moz-linear-gradient(top,rgba(240,240,240,1),rgba(190,190,170,1));

	padding:6px 6px 6px 6px;
}
#editbatchnamex {  -moz-border-radius:4px;
	-webkit-border-radius:4px;
	-moz-box-shadow:0px 0px 2px rgba(0,0,0,0.4);
	-webkit-box-shadow:0px 0px 2px rgba(0,0,0,0.4);
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
            width: 100%;
    word-wrap:break-word;
	color:rgba(0,0,0,0.9);
	text-shadow:1px 1px 0px rgba(255,255,255,0.4);
	border:2px solid rgba(0,0,0,0.5);
	font-family:"Arial", Arial, sans-serif;  color:black; font-size:19px ;
	background:-webkit-gradient(linear,0% 0%,0% 100%,from(rgba(230,190,230,1)),to(rgba(150,150,150,1)));
	background:-moz-linear-gradient(top,rgba(230,190,230,1),rgba(150,150,150,1));

	padding:6px 6px 6px 6px;
}
#editbatchdescx {  -moz-border-radius:4px;
	-webkit-border-radius:4px;
	-moz-box-shadow:0px 0px 2px rgba(0,0,0,0.4);
	-webkit-box-shadow:0px 0px 2px rgba(0,0,0,0.4);
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
            width: 100%;
    overflow:scroll;
    word-wrap:break-word;
	color:rgba(0,0,0,0.9);
	text-shadow:1px 1px 0px rgba(255,255,255,0.4);
	border:1px solid rgba(0,0,0,0.5);
	font-family:"Arial", Arial, sans-serif;  color:black; font-size:12px ;
	background:-webkit-gradient(linear,0% 0%,0% 100%,from(rgba(240,240,240,1)),to(rgba(190,190,170,1)));
	background:-moz-linear-gradient(top,rgba(240,240,240,1),rgba(190,190,170,1));

	padding:6px 6px 6px 6px;
}
#batchbuttonlist {  -moz-border-radius:4px;
	-webkit-border-radius:4px;
	-moz-box-shadow:0px 0px 2px rgba(0,0,0,0.4);
	-webkit-box-shadow:0px 0px 2px rgba(0,0,0,0.4);
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
            width: 100%;
    word-wrap:break-word;
	color:rgba(0,0,0,0.9);
	text-shadow:1px 1px 0px rgba(255,255,255,0.4);
	border:1px solid rgba(0,0,0,0.5);
	font-family:"Arial", Arial, sans-serif;  color:black; font-size:12px ;
	background:-webkit-gradient(linear,0% 0%,0% 100%,from(rgba(240,240,240,1)),to(rgba(190,190,170,1)));
	background:-moz-linear-gradient(top,rgba(240,240,240,1),rgba(190,190,170,1));

	padding:6px 6px 6px 6px;
}
#example {  -moz-border-radius:4px;
	-webkit-border-radius:4px;
	-moz-box-shadow:0px 0px 2px rgba(0,0,0,0.4);
	-webkit-box-shadow:0px 0px 2px rgba(0,0,0,0.4);
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
            width: 100%;
    word-wrap:break-word;
	color:rgba(0,0,0,0.9);
	text-shadow:1px 1px 0px rgba(255,255,255,0.4);
	border:1px solid rgba(0,0,0,0.5);
	font-family:"Arial", Arial, sans-serif;  color:black; font-size:10px ;
	background:-webkit-gradient(linear,0% 0%,0% 100%,from(rgba(240,240,240,1)),to(rgba(190,190,170,1)));
	background:-moz-linear-gradient(top,rgba(240,240,240,1),rgba(190,190,170,1));

	padding:6px 6px 6px 6px;
}
#databox2 {  -moz-border-radius:4px;
	-webkit-border-radius:4px;
	-moz-box-shadow:0px 0px 2px rgba(0,0,0,0.4);
	-webkit-box-shadow:0px 0px 2px rgba(0,0,0,0.4);
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
            width: 100%;
    word-wrap:break-word;
    overflow: auto;
	color:rgba(0,0,0,1.0);
	text-shadow:1px 1px 0px rgba(255,255,255,0.4);
	border:1px solid rgba(0,0,0,0.5);
	font-family:"Arial", Arial, sans-serif;  color:black; font-size:10px ;
	background:-webkit-gradient(linear,0% 0%,0% 100%,from(rgba(140,140,140,1)),to(rgba(70,40,70,1)));
	background:-moz-linear-gradient(top,rgba(140,140,140,1),rgba(70,40,70,1));

	padding:6px 6px 6px 6px;
}

#showallbatches {  -moz-border-radius:5px;
	-webkit-border-radius:5px;
	-moz-box-shadow:0px 0px 1px rgba(0,0,0,0.4);
	-webkit-box-shadow:0px 0px 1px rgba(0,0,0,0.4);
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
            width: 100%;
    word-wrap:break-word;
	color:rgba(0,0,0,0.9);
	text-shadow:1px 1px 0px rgba(255,255,255,0.8);
	border:1px solid rgba(0,0,0,0.5);
	font-family:"Arial", Arial, sans-serif;  color:black; font-size:14px ;
	background:-webkit-gradient(linear,0% 0%,0% 100%,from(rgba(230,230,230,1)),to(rgba(170,170,150,1)));
	background:-moz-linear-gradient(top,rgba(230,230,230,1),rgba(170,170,150,1));

	padding:5px 5px 5px 5px;
     overflow:scroll;
}

#batchlist {  
   
    
    overflow:scroll;
	
}
#batchentry {  -moz-border-radius:5px;
	-webkit-border-radius:5px;
	-moz-box-shadow:0px 0px 2px rgba(0,0,0,0.4);
	-webkit-box-shadow:0px 0px 2px rgba(0,0,0,0.4);
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
            width: 100%;
    word-wrap:break-word;
	color:rgba(0,0,0,0.9);
	text-shadow:1px 1px 0px rgba(255,255,255,0.8);
	border:1px solid rgba(0,0,0,0.5);
	font-family:"Arial", Arial, sans-serif;  color:black; font-size:14px ;
	background:-webkit-gradient(linear,0% 0%,0% 100%,from(rgba(230,230,230,1)),to(rgba(170,170,150,1)));
	background:-moz-linear-gradient(top,rgba(230,230,230,1),rgba(170,170,150,1));

	padding:5px 5px 5px 5px;
}
#entryentry {  -moz-border-radius:5px;
	-webkit-border-radius:5px;
	-moz-box-shadow:0px 0px 2px rgba(0,0,0,0.4);
	-webkit-box-shadow:0px 0px 2px rgba(0,0,0,0.4);
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
            width: 100%;
    word-wrap:break-word;
	color:rgba(0,0,0,0.9);
	text-shadow:1px 1px 0px rgba(255,255,255,0.8);
	border:1px solid rgba(50,0,50,0.1);
	font-family:"Arial", Arial, sans-serif;  color:purple; font-size:18px ;
	background:-webkit-gradient(linear,0% 0%,0% 100%,from(rgba(255,255,255,1)),to(rgba(255,250,255,1)));
	background:-moz-linear-gradient(top,rgba(255,255,255,1),rgba(255,252,255,1));

	padding:5px 5px 5px 5px;
}
#oldentryentry {  -moz-border-radius:5px;
	-webkit-border-radius:5px;
	-moz-box-shadow:0px 0px 2px rgba(0,0,0,0.4);
	-webkit-box-shadow:0px 0px 2px rgba(0,0,0,0.4);
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
            width: 100%;
    word-wrap:break-word;
	color:rgba(0,0,0,0.9);
	text-shadow:1px 1px 0px rgba(255,255,255,0.8);
	border:1px solid rgba(0,0,0,0.5);
	font-family:"Arial", Arial, sans-serif;  color:black; font-size:16px ;
	background:-webkit-gradient(linear,0% 0%,0% 100%,from(rgba(230,200,230,1)),to(rgba(170,140,150,1)));
	background:-moz-linear-gradient(top,rgba(230,200,230,1),rgba(170,140,150,1));

	padding:5px 5px 5px 5px;
}
#entrydescription {  -moz-border-radius:5px;
	-webkit-border-radius:5px;
	-moz-box-shadow:0px 0px 2px rgba(0,0,0,0.4);
	-webkit-box-shadow:0px 0px 2px rgba(0,0,0,0.4);
  -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
            width: 100%;
            
   word-wrap:break-word;
	color:rgba(0,0,0,0.9);
	text-shadow:1px 1px 0px rgba(255,255,255,0.8);
	border:1px solid rgba(0,0,0,0.5);
	font-family:"Arial", Arial, sans-serif;  color:black; font-size:12px ;
	background:-webkit-gradient(linear,0% 0%,0% 100%,from(rgba(255,255,255,1)),to(rgba(85,85,85,1)));
	background:-moz-linear-gradient(top,rgba(255,255,255,1),rgba(85,85,85,1));

	padding:5px 5px 5px 5px;
}

#entrieslist {  
            
     
    overflow: auto;
   
   
	border:1px solid rgba(0,0,0,0.5);
	font-family:"Arial", Arial, sans-serif;  color:purple; font-size:12px ;
	
	
}
#batchdescription {  -moz-border-radius:5px;
	-webkit-border-radius:5px;
	-moz-box-shadow:0px 0px 2px rgba(0,0,0,0.4);
	-webkit-box-shadow:0px 0px 2px rgba(0,0,0,0.4);
  -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
            width: 100%;
            
   word-wrap:break-word;
	color:rgba(0,0,0,0.9);
	text-shadow:1px 1px 0px rgba(255,255,255,0.8);
	border:1px solid rgba(0,0,0,0.5);
	font-family:"Arial", Arial, sans-serif;  color:black; font-size:12px ;
	background:-webkit-gradient(linear,0% 0%,0% 100%,from(rgba(240,240,200,1)),to(rgba(80,80,40,1)));
	background:-moz-linear-gradient(top,rgba(240,240,200,1),rgba(80,80,40,1));

	padding:5px 5px 5px 5px;
}

#entryname {  -moz-border-radius:5px;
	-webkit-border-radius:5px;
	-moz-box-shadow:0px 0px 2px rgba(0,0,0,0.4);
	-webkit-box-shadow:0px 0px 2px rgba(0,0,0,0.4);
	-webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
     width: 100%;
	color:rgba(0,0,0,0.9);
	text-shadow:1px 1px 0px rgba(255,255,255,0.8);
	border:2px solid rgba(0,0,0,0.5);
	font-family:"Arial", Arial, sans-serif;  color:black; font-size:12px ;
	background:-webkit-gradient(linear,0% 0%,0% 100%,from(rgba(240,205,240,1)),to(rgba(185,185,185,1)));
	background:-moz-linear-gradient(top,rgba(240,205,240,1),rgba(185,185,185,1));

	padding:5px 5px 5px 5px;
}
#batch0
 {  -moz-border-radius:5px;
	-webkit-border-radius:5px;
	-moz-box-shadow:0px 0px 2px rgba(0,0,0,0.4);
	-webkit-box-shadow:0px 0px 2px rgba(0,0,0,0.4);
	-webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
     width: 95%;
    vertical-align: top;
	color:rgba(0,0,0,0.9);
	text-shadow:1px 1px 0px rgba(255,255,255,0.8);
	border:2px solid rgba(0,0,0,0.5);
	font-family:"Century Gothic", sans-serif;   font-size:14px ;
	background:-webkit-gradient(linear,0% 0%,0% 100%,from(rgba(240,195,220,1)),to(rgba(185,185,185,1)));
	background:-moz-linear-gradient(top,rgba(240,190,220,1),rgba(185,185,185,1));

	padding:5px 5px 5px 5px;
}
#entry, entry0, #entry1, #entry2, #entry3, #entry4, #entry5, #entry6, #entry7, #entry8, #entry9, #entry10, #entry11, #entry12, #entry13, #entry14, #entry15, #entry16, #entry17, #entry18, #entry19
 {  -moz-border-radius:5px;
	-webkit-border-radius:5px;
	-moz-box-shadow:0px 0px 2px rgba(0,0,0,0.4);
	-webkit-box-shadow:0px 0px 2px rgba(0,0,0,0.4);
	-webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
     width: 95%;
    vertical-align: top;
	color:rgba(0,0,0,0.9);
	text-shadow:1px 1px 0px rgba(255,255,255,0.8);
	border:2px solid rgba(0,0,0,0.5);
	font-family:"Arial", sans-serif;   font-size:13px ;
	background:-webkit-gradient(linear,0% 0%,0% 100%,from(rgba(240,245,240,1)),to(rgba(185,185,185,1)));
	background:-moz-linear-gradient(top,rgba(240,245,240,1),rgba(185,185,185,1));

	padding:5px 5px 5px 5px;
}


#username { 
    -moz-border-radius:5px;
	-webkit-border-radius:5px;
	-moz-box-shadow:0px 0px 2px rgba(0,0,0,0.4);
	-webkit-box-shadow:0px 0px 2px rgba(0,0,0,0.4);
	-webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    width: 80%;
    text-align:left;
	color:rgba(0,0,0,0.9);
	text-shadow:1px 1px 0px rgba(255,255,255,0.8);
	border:2px solid rgba(0,0,0,0.5);
	font-family:"Arial", Arial, sans-serif;  color:black; font-size:20px ;
	background:-webkit-gradient(linear,0% 0%,0% 100%,from(rgba(255,255,255,1)),to(rgba(185,185,185,1)));
	background:-moz-linear-gradient(top,rgba(255,255,255,1),rgba(185,185,185,1));

	padding:5px 5px 5px 5px;
}
#batchname {  -moz-border-radius:5px;
	-webkit-border-radius:5px;
	-moz-box-shadow:0px 0px 2px rgba(0,0,0,0.4);
	-webkit-box-shadow:0px 0px 2px rgba(0,0,0,0.4);
	-webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
     width: 100%;
	color:rgba(0,0,0,0.9);
	text-shadow:1px 1px 0px rgba(255,255,255,0.8);
	border:2px solid rgba(0,0,0,0.5);
	font-family:"Arial", Arial, sans-serif;  color:black; font-size:12px ;
	background:-webkit-gradient(linear,0% 0%,0% 100%,from(rgba(255,255,255,1)),to(rgba(185,185,185,1)));
	background:-moz-linear-gradient(top,rgba(255,255,255,1),rgba(185,185,185,1));

	padding:5px 5px 5px 5px;
}
#batchnameX4 {  -moz-border-radius:5px;
	-webkit-border-radius:5px;
	-moz-box-shadow:0px 0px 2px rgba(0,0,0,0.4);
	-webkit-box-shadow:0px 0px 2px rgba(0,0,0,0.4);
	-webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
     width: 100%;
	color:rgba(0,0,0,0.9);
    font-weight: bold;
	text-shadow:1px 1px 0px rgba(255,255,255,0.8);
	border:2px solid rgba(0,0,0,0.5);
	font-family:"Arial", Arial, sans-serif;  color:black; font-size:18px ;
	background:-webkit-gradient(linear,0% 0%,0% 100%,from(rgba(255,255,255,1)),to(rgba(185,185,185,1)));
	background:-moz-linear-gradient(top,rgba(255,255,255,1),rgba(185,185,185,1));

	padding:5px 5px 5px 5px;
}
#batchname2 {  -moz-border-radius:5px;
	-webkit-border-radius:5px;
	-moz-box-shadow:0px 0px 2px rgba(0,0,0,0.4);
	-webkit-box-shadow:0px 0px 2px rgba(0,0,0,0.4);
	-webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
     width: 100%;
	color:rgba(0,0,0,0.9);
	text-shadow:1px 1px 0px rgba(255,255,255,0.8);
	border:2px solid rgba(0,0,0,0.5);
	font-family:"Arial", Arial, sans-serif;  color:black; font-size:16px ;
	background:-webkit-gradient(linear,0% 0%,0% 100%,from(rgba(255,180,255,1)),to(rgba(185,130,185,1)));
	background:-moz-linear-gradient(top,rgba(255,180,255,1),rgba(185,130,185,1));

	padding:5px 5px 5px 5px;
}
#answerbutton2 {  -moz-border-radius:5px;
	-webkit-border-radius:5px;
	-moz-box-shadow:0px 0px 2px rgba(0,0,0,0.4);
	-webkit-box-shadow:0px 0px 2px rgba(0,0,0,0.4);

	color:rgba(0,0,0,0.9);
	text-shadow:1px 1px 0px rgba(255,255,255,0.8);
	border:1px solid rgba(0,0,0,0.5);
	font-family:"Arial", Arial, sans-serif;  color:black; font-size:16px ;
	background:-webkit-gradient(linear,0% 0%,0% 100%,from(rgba(255,255,255,1)),to(rgba(185,185,185,1)));
	background:-moz-linear-gradient(top,rgba(255,255,255,1),rgba(185,185,185,1));

	padding:5px 5px 5px 5px;
}


#journaltable {  -moz-border-radius:5px;
	-webkit-border-radius:5px;
	-moz-box-shadow:0px 0px 2px rgba(0,0,0,0.4);
	-webkit-box-shadow:0px 0px 2px rgba(0,0,0,0.4);

	color:rgba(0,0,0,0.9);
	text-shadow:1px 1px 0px rgba(255,255,255,0.8);
	border:1px solid rgba(0,0,0,0.5);
	font-family:"Arial", Arial, sans-serif;  color:black; font-size:12px ;
	background:-webkit-gradient(linear,0% 0%,0% 100%,from(rgba(255,255,255,1)),to(rgba(185,185,185,1)));
	background:-moz-linear-gradient(top,rgba(255,255,255,1),rgba(185,185,185,1));

	padding:5px 5px 5px 5px;
}

#scanButton {  -moz-border-radius:6px;
	-webkit-border-radius:6px;
	-moz-box-shadow:0px 0px 2px rgba(0,0,0,0.4);
	-webkit-box-shadow:0px 0px 2px rgba(0,0,0,0.4);

	color:rgba(255,255,255,1.0);
	
	font-family:"Century Gothic", sans-serif;   font-size:17px ;
	background:-webkit-gradient(linear,0% 0%,0% 80%,from(rgba(240,240,200,1)),to(rgba(80,80,40,1)));
	background:-moz-linear-gradient(top,rgba(240,240,200,1),rgba(80,80,40,1));

	padding:5px 5px 5px 5px;
}
#answerbutton3 {  -moz-border-radius:6px;
	-webkit-border-radius:6px;
	-moz-box-shadow:0px 0px 2px rgba(0,0,0,0.4);
	-webkit-box-shadow:0px 0px 2px rgba(0,0,0,0.4);

	color:rgba(255,255,255,1.0);
	
	font-family:"Century Gothic", sans-serif;   font-size:17px ;
	background:-webkit-gradient(linear,0% 0%,0% 80%,from(rgba(240,240,200,1)),to(rgba(80,80,40,1)));
	background:-moz-linear-gradient(top,rgba(240,240,200,1),rgba(80,80,40,1));

	padding:5px 5px 5px 5px;
}
#answerbutton3x {  -moz-border-radius:6px;
	-webkit-border-radius:6px;
	-moz-box-shadow:0px 0px 2px rgba(0,0,0,0.4);
	-webkit-box-shadow:0px 0px 2px rgba(0,0,0,0.4);

	color:rgba(255,255,255,1.0);
	font-weight: bold;
	font-family:"Century Gothic", sans-serif;   font-size:16px ;
	background:-webkit-gradient(linear,0% 0%,0% 80%,from(rgba(240,240,200,1)),to(rgba(80,80,40,1)));
	background:-moz-linear-gradient(top,rgba(240,240,200,1),rgba(80,80,40,1));


	padding:5px 5px 5px 5px;
}
#updatebutton2 {  -moz-border-radius:8px;
	-webkit-border-radius:8px;
	-moz-box-shadow:0px 0px 3px rgba(0,0,0,0.4);
	-webkit-box-shadow:0px 0px 3px rgba(0,0,0,0.4);

	color:rgba(255,255,255,1.0);
	
	font-family:"Century Gothic", sans-serif;   font-size:12px ;
	background:-webkit-gradient(linear,0% 0%,0% 80%,from(rgba(40,240,60,1)),to(rgba(20,60,20,1)));
	background:-moz-linear-gradient(top,rgba(40,240,60,1),rgba(20,60,20,1));

	padding:5px 5px 5px 5px;
}
#deletebutton2 {  -moz-border-radius:6px;
	-webkit-border-radius:6px;
	-moz-box-shadow:0px 0px 3px rgba(0,0,0,0.4);
	-webkit-box-shadow:0px 0px 3px rgba(0,0,0,0.4);

	color:rgba(255,255,255,1.0);
	
	font-family:"Century Gothic", sans-serif;   font-size:12px ;
	background:-webkit-gradient(linear,0% 0%,0% 80%,from(rgba(240,40,60,1)),to(rgba(60,20,20,1)));
	background:-moz-linear-gradient(top,rgba(240,40,60,1),rgba(60,20,20,1));

	padding:5px 5px 5px 5px;
}
#loginbutton {  -moz-border-radius:4px;
	-webkit-border-radius:4px;
	-moz-box-shadow:0px 0px 2px rgba(0,0,0,0.4);
	-webkit-box-shadow:0px 0px 2px rgba(0,0,0,0.4);

	color:rgba(255,255,255,1.0);
    
	font-weight: bold;
	font-family:"Century Gothic", sans-serif;   font-size:14px ;
	background:-webkit-gradient(linear,0% 0%,0% 80%,from(rgba(210,210,100,1)),to(rgba(80,80,40,1)));
	background:-moz-linear-gradient(top,rgba(210,210,100,1),rgba(80,80,40,1));

	padding:14px 14px 14px 14px;
}


#logoutbutton {  -moz-border-radius:6px;
	-webkit-border-radius:6px;
	-moz-box-shadow:0px 0px 2px rgba(0,0,0,0.4);
	-webkit-box-shadow:0px 0px 2px rgba(0,0,0,0.4);

	color:rgba(255,255,255,1.0);
    
	font-weight: bold;
	font-family:"Century Gothic", sans-serif;   font-size:11px ;
	background:-webkit-gradient(linear,0% 0%,0% 80%,from(rgba(220,190,140,1)),to(rgba(120,50,80,1)));
	background:-moz-linear-gradient(top,rgba(220,190,140,1),rgba(120,50,80,1));

	padding:4px 4px 4px 4px;
}


#registerbutton {  -moz-border-radius:4px;
	-webkit-border-radius:4px;
	-moz-box-shadow:0px 0px 2px rgba(0,0,0,0.4);
	-webkit-box-shadow:0px 0px 2px rgba(0,0,0,0.4);

	color:rgba(255,255,255,1.0);
    
	font-weight: bold;
	font-family:"Century Gothic", sans-serif;   font-size:18px ;
	background:-webkit-gradient(linear,0% 0%,0% 80%,from(rgba(250,250,230,1)),to(rgba(100,100,70,1)));
	background:-moz-linear-gradient(top,rgba(250,250,230,1),rgba(100,100,70,1));

	padding:4px 4px 4px 4px;
}

#mainloginbutton {  -moz-border-radius:4px;
	-webkit-border-radius:4px;
	-moz-box-shadow:0px 0px 2px rgba(0,0,0,0.4);
	-webkit-box-shadow:0px 0px 2px rgba(0,0,0,0.4);

	color:rgba(255,255,255,1.0);
    
	font-weight: bold;
	font-family:"Century Gothic", sans-serif;   font-size:14px ;
	background:-webkit-gradient(linear,0% 0%,0% 80%,from(rgba(250,250,230,1)),to(rgba(120,120,90,1)));
	background:-moz-linear-gradient(top,rgba(250,250,230,1),rgba(120,120,90,1));

	padding:4px 4px 4px 4px;
}

#loggedinbutton {  -moz-border-radius:4px;
	-webkit-border-radius:4px;
	-moz-box-shadow:0px 0px 2px rgba(0,0,0,0.4);
	-webkit-box-shadow:0px 0px 2px rgba(0,0,0,0.4);

	color:rgba(255,255,255,1.0);
    
	font-weight: bold;
	font-family:"Century Gothic", sans-serif;   font-size:16px ;
	background:-webkit-gradient(linear,0% 0%,0% 80%,from(rgba(240,240,200,1)),to(rgba(80,80,40,1)));
	background:-moz-linear-gradient(top,rgba(240,240,200,1),rgba(80,80,40,1));

	padding:4px 4px 4px 4px;
}


#shoppingbutton3 {  -moz-border-radius:6px;
	-webkit-border-radius:6px;
	-moz-box-shadow:0px 0px 2px rgba(0,0,0,0.4);
	-webkit-box-shadow:0px 0px 2px rgba(0,0,0,0.4);
    

	color:rgba(255,255,255,1.0);
	
	font-family:"Century Gothic", sans-serif;   font-size:17px ;
	background:-webkit-gradient(linear,0% 0%,0% 80%,from(rgba(120,240,120,1)),to(rgba(30,60,30,1)));
	background:-moz-linear-gradient(top,rgba(120,240,120,1),rgba(30,60,30,1));

	padding:5px 5px 5px 5px;
}

#shoppingbutton4 {  -moz-border-radius:2px;
	-webkit-border-radius:2px;
	-moz-box-shadow:0px 0px 2px rgba(0,0,0,0.4);
	-webkit-box-shadow:0px 0px 2px rgba(0,0,0,0.4);

	color:rgba(255,255,255,1.0);
	
	font-family:"Century Gothic", sans-serif;   font-size:12px ;
	background:-webkit-gradient(linear,0% 0%,0% 80%,from(rgba(120,220,120,1)),to(rgba(40,60,40,1)));
	background:-moz-linear-gradient(top,rgba(120,220,120,1),rgba(40,60,40,1));

	padding:2px 4px 2px 2px;
}
#answerbutton4 {  -moz-border-radius:4px;
	-webkit-border-radius:4px;
	-moz-box-shadow:0px 0px 2px rgba(0,0,0,0.4);
	-webkit-box-shadow:0px 0px 2px rgba(0,0,0,0.4);

	color:rgba(255,255,255,1.0);
	
	font-family:"Century Gothic", sans-serif;   font-size:10px ;
	background:-webkit-gradient(linear,0% 0%,0% 80%,from(rgba(240,240,200,1)),to(rgba(80,80,40,1)));
	background:-moz-linear-gradient(top,rgba(240,240,200,1),rgba(80,80,40,1));


	padding:5px 5px 5px 5px;
}
#capturePhotoButton {  -moz-border-radius:4px;
	-webkit-border-radius:2px;
	-moz-box-shadow:0px 0px 2px rgba(0,0,0,0.4);
	-webkit-box-shadow:0px 0px 2px rgba(0,0,0,0.4);

	color:rgba(255,255,255,1.0);
	
	font-family:"Century Gothic", sans-serif;   font-size:10px ;
	background:-webkit-gradient(linear,0% 0%,0% 80%,from(rgba(220,220,160,1)),to(rgba(90,90,50,1)));
	background:-moz-linear-gradient(top,rgba(220,220,160,1),rgba(90,90,50,1));

	padding:5px 5px 5px 5px;
}
#answerbutton5 {  -moz-border-radius:2px;
	-webkit-border-radius:2px;
	-moz-box-shadow:0px 0px 2px rgba(0,0,0,0.4);
	-webkit-box-shadow:0px 0px 2px rgba(0,0,0,0.4);

	color:rgba(255,255,255,1.0);
	
	font-family:"Century Gothic", sans-serif;   font-size:10px ;
	background:-webkit-gradient(linear,0% 0%,0% 80%,from(rgba(240,250,240,1)),to(rgba(60,80,60,1)));
	background:-moz-linear-gradient(top,rgba(240,250,240,1),rgba(60,80,60,1));


	padding:2px 2px 2px 2px;
}
#answerbutton6 {  -moz-border-radius:4px;
	-webkit-border-radius:4px;
	-moz-box-shadow:0px 0px 2px rgba(0,0,0,0.4);
	-webkit-box-shadow:0px 0px 2px rgba(0,0,0,0.4);

	color:rgba(255,255,255,1.0);
	
	font-family:"Century Gothic", sans-serif;   font-size:12px ;
	background:-webkit-gradient(linear,0% 0%,0% 80%,from(rgba(240,250,240,1)),to(rgba(60,80,60,1)));
	background:-moz-linear-gradient(top,rgba(240,250,240,1),rgba(60,80,60,1));


	padding:4px 4px 4px 4px;
}
#market1 {  -moz-border-radius:4px;
	-webkit-border-radius:4px;
	-moz-box-shadow:0px 0px 2px rgba(0,0,0,0.4);
	-webkit-box-shadow:0px 0px 2px rgba(0,0,0,0.4);

	color:rgba(255,255,255,1.0);
	
	font-family:"Century Gothic", sans-serif;   font-size:22px ;
	background:-webkit-gradient(linear,0% 0%,0% 80%,from(rgba(180,240,180,1)),to(rgba(50,60,50,1)));
	background:-moz-linear-gradient(top,rgba(180,240,180,1),rgba(50,60,50,1));

	padding:10px 10px 10px 10px;
}
#market4 {  -moz-border-radius:4px;
	-webkit-border-radius:4px;
	-moz-box-shadow:0px 0px 2px rgba(0,0,0,0.4);
	-webkit-box-shadow:0px 0px 2px rgba(0,0,0,0.4);

	color:rgba(255,255,255,1.0);
	
	font-family:"Century Gothic", sans-serif;   font-size:10px ;
	background:-webkit-gradient(linear,0% 0%,0% 80%,from(rgba(180,240,180,1)),to(rgba(50,60,50,1)));
	background:-moz-linear-gradient(top,rgba(180,240,180,1),rgba(50,60,50,1));

	padding:5px 5px 5px 5px;
}

#market5 {  -moz-border-radius:2px;
	-webkit-border-radius:2px;
	-moz-box-shadow:0px 0px 1px rgba(0,0,0,0.4);
	-webkit-box-shadow:0px 0px 1px rgba(0,0,0,0.4);

	color:rgba(255,255,255,1.0);
	
	font-family:"Century Gothic", sans-serif;   font-size:9px ;
	background:-webkit-gradient(linear,0% 0%,0% 80%,from(rgba(180,240,180,1)),to(rgba(50,60,50,1)));
	background:-moz-linear-gradient(top,rgba(180,240,180,1),rgba(50,60,50,1));

	padding:2px 2px 2px 2px;
}
#AddBatch {  -moz-border-radius:4px;
	-webkit-border-radius:4px;
	-moz-box-shadow:0px 0px 2px rgba(0,0,0,0.4);
	-webkit-box-shadow:0px 0px 2px rgba(0,0,0,0.4);

	color:rgba(255,255,255,1.0);
	
	font-family:"Century Gothic", sans-serif;   font-size:10px ;
	background:-webkit-gradient(linear,0% 0%,0% 80%,from(rgba(240,240,180,1)),to(rgba(80,80,40,1)));
	background:-moz-linear-gradient(top,rgba(240,240,180,1),rgba(80,80,40,1));

	padding:5px 5px 5px 5px;
}

#answerbutton3orig {  -moz-border-radius:4px;
	-webkit-border-radius:4px;
	-moz-box-shadow:0px 0px 2px rgba(0,0,0,0.4);
	-webkit-box-shadow:0px 0px 2px rgba(0,0,0,0.4);

	color:rgba(255,240,240,1.0);
	
	font-family:"Century Gothic", sans-serif;   font-size:16px ;
	background:-webkit-gradient(linear,0% 0%,0% 80%,from(rgba(220,160,220,1)),to(rgba(20,10,20,1)));
	background:-moz-linear-gradient(top,rgba(220,160,220,1),rgba(20,10,20,1));

	padding:4px 4px 4px 4px;
}

#navbar3 {  -moz-border-radius:4px;
	-webkit-border-radius:4px;
	-moz-box-shadow:0px 0px 2px rgba(0,0,0,0.4);
	-webkit-box-shadow:0px 0px 2px rgba(0,0,0,0.4);

	color:rgba(240,240,240,0.9);
	text-shadow:1px 1px 0px rgba(255,255,255,0.4);
	border:1px solid rgba(0,0,0,0.5);
	font-family:"Arial", Arial, sans-serif;   font-size:12px ;
	background:-webkit-gradient(linear,0% 0%,0% 80%,from(rgba(220,220,160,1)),to(rgba(20,20,10,1)));
	background:-moz-linear-gradient(top,rgba(220,220,160,1),rgba(20,20,10,1));
    opacity: 0.7;
	padding:2px 2px 2px 2px;
}


#answerbutton3g {  -moz-border-radius:6px;
	-webkit-border-radius:6px;
	-moz-box-shadow:0px 0px 2px rgba(0,0,0,0.4);
	-webkit-box-shadow:0px 0px 2px rgba(0,0,0,0.4);

	color:rgba(240,240,240,0.5);
	text-shadow:1px 1px 0px rgba(255,255,255,0.4);
	border:1px solid rgba(0,0,0,0.5);
	font-family:"Arial", Arial, sans-serif;   font-size:20px ;
	background:-webkit-gradient(linear,0% 0%,0% 80%,from(rgba(220,160,220,1)),to(rgba(20,10,20,1)));
	background:-moz-linear-gradient(top,rgba(220,160,220,1),rgba(20,10,20,1));

	padding:6px 6px 6px 6px;
}
button {
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-moz-box-shadow:0px 0px 2px rgba(0,0,0,0.4);
	-webkit-box-shadow:0px 0px 2px rgba(0,0,0,0.4);

	color:rgba(0,0,0,0.9);
	text-shadow:1px 1px 0px rgba(255,255,255,0.8);
	border:1px solid rgba(0,0,0,0.5);
	
	background:-webkit-gradient(linear,0% 0%,0% 100%,from(rgba(255,255,255,1)),to(rgba(185,220,185,1)));
	background:-moz-linear-gradient(top,rgba(255,255,255,1),rgba(185,220,185,1));

	padding:5px 5px 5px 5px;
}

#ghost2 {
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-moz-box-shadow:0px 0px 2px rgba(0,0,0,0.4);
	-webkit-box-shadow:0px 0px 2px rgba(0,0,0,0.4);

	color:rgba(0,0,0,0.9);
	text-shadow:1px 1px 0px rgba(255,255,255,0.8);
	border:1px solid rgba(0,0,0,0.5);
	
	background:-webkit-gradient(linear,0% 0%,0% 100%,from(rgba(255,255,255,1)),to(rgba(185,185,100,1)));
	background:-moz-linear-gradient(top,rgba(255,255,255,1),rgba(185,185,100,1));

	padding:5px 5px 5px 5px;
}

#ghost3 {
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-moz-box-shadow:0px 0px 2px rgba(0,0,0,0.4);
	-webkit-box-shadow:0px 0px 2px rgba(0,0,0,0.4);
    -webkit-transition:width 2s;
    transition: width 2s;
    
    opacity:0.8;
	color:rgba(0,0,0,0.7);
	text-shadow:1px 1px 0px rgba(255,255,255,0.8);
	border:2px solid rgba(10,10,10,0.5);
    width: 300px;
    margin:5px;
	background:-webkit-gradient(linear,0% 0%,0% 100%,from(rgba(255,255,255,1)),to(rgba(185,185,105,1)));
	background:-moz-linear-gradient(top,rgba(255,255,255,1),rgba(185,185,100,1));

	padding:5px 5px 5px 5px;
}
#ghost4 {
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-moz-box-shadow:0px 0px 2px rgba(0,0,0,0.4);
	-webkit-box-shadow:0px 0px 2px rgba(0,0,0,0.4);

	color:rgba(0,0,0,0.9);
	text-shadow:1px 1px 0px rgba(255,255,255,0.8);
	border:1px solid rgba(0,0,0,0.5);
	
	background:-webkit-gradient(linear,0% 0%,0% 100%,from(rgba(255,255,255,1)),to(rgba(185,185,100,1)));
	background:-moz-linear-gradient(top,rgba(255,255,255,1),rgba(185,185,100,1));

	padding:5px 5px 5px 5px;
}


#landing3 {
    background-image: url("./images/beer2.jpg");
    background-size: auto 150%;
 background-repeat:repeat;
    color: wheat;
    }  

button:hover {
	background:rgba(240,240,240,1);
}

button:active, button:focus {
	background:-webkit-gradient(linear,0% 100%,0% 0%,from(rgba(255,255,255,1)),to(rgba(185,185,185,1)));
	background:-moz-linear-gradient(bottom,rgba(255,255,255,1),rgba(185,185,185,1));
}

button:disabled {
	color:rgba(0,0,0,0.4);
	text-shadow:1px 1px 0px rgba(255,255,255,0.5); }


#ruleid {color:gray; font-size:20}


#app {
	width: 100%;
	min-height: 100%;
	-webkit-text-size-adjust: none;
	background: linear-gradient(left, 
		#c5ccd4 5px,
		#cbd2d8 5px,
		#cbd2d8 7px
	);
	background-size: 7px 100%;
}
 
/* Navigation Bar */
.navigationbar {
	position: fixed;
	
	top: 0;
	left: 0;
	right: 0;
	height: 60px;
	margin-bottom: 10px;
	background: #6d84a2 linear-gradient(
		top,
		rgba(255,255,255,.7),
		rgba(255,255,255,.4) 1px,
		rgba(255,255,255,.2) 22px,
		rgba(255,255,255,.15) 22px,
		rgba(255,255,255,0) 42px,
		rgba(0,0,0,.4)
	);
	text-align: center;
	line-height: 60px;
	color: white;
	font-size: 20px;
	font-weight: bold;
	text-shadow: rgba(0,0,0,.5) 0 -1px;
}
 
/* Content Area */
#content {
	/* padding: 54px 10px 59px 10px; */
}
 
 
/* Menu List */
ul.menu {
	list-style: none;
	background: #FFF;
	border: 1px solid rgba(0,0,0,.27);
	border-radius: 4px;
	font-size: 17px;
}
 
ul.menu li {
	min-height: 19px;
	border-top: 1px solid rgba(0,0,0,.27);
	padding: 5px;
}        
 
ul.menu li:first-child {
	border-top: 0;
}
 
ul.menu li:first-child a {
	border-radius: 8px 8px 0 0;
}
 
ul.menu li:last-child a {
	border-radius: 0 0 8px 8px;
}
 
ul.menu li, ul.menu li a {
	color: #000000;
	text-decoration: none;
	font-weight: bold;
	white-space: nowrap;
    overflow: auto;

}
 
ul.menu li a {
	display: block;
	margin: -10px;
	padding: 10px;
}
 
ul.menu li a:active {
	background-color: #0275ee;
	color: #FFF;
}
 
/* Tab Bar */
.tabbar {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	font-size: 10px;
	height: 49px;
	background: #000 linear-gradient(top, 
		#1C1C1C 0%,
		#1C1C1C 2%,
		#575757 2%,
		#303030 5%,
		#141414 51%,
		#000 51%,
		#000 100%
	);
}
#tabbar {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	font-size: 10px;
	height: 49px;
	background: #000 linear-gradient(top, 
		#1C1C1C 0%,
		#1C1C1C 2%,
		#575757 2%,
		#303030 5%,
		#141414 51%,
		#000 51%,
		#000 100%
	);
} 
.tabbar ul {
    /*
	display: box; */
    
	box-pack: justify;

	box-orient: horizontal;
	list-style: none;
	height: 46px;
	padding-top: 1px;
    
}
 
.tabbar li {
	-webkit-box-flex: 1;
	height: 100%;
	text-align: center;
	overflow: hidden;
	
}
 
.tabbar a {
	display: block;
	box-sizing: border-box;
	height: 44px;
	margin: 0px;
	position: relative;
	font-weight: bold;
	color: #999;
	text-decoration: none;
	padding-top: 33px;
	overflow: hidden;
	border-radius: 4px;
	-webkit-touch-callout: none;
}
 #ui-block-a {
	display: block;
	box-sizing: border-box;
	height: 44px;
	margin: 2px;
	position: relative;
	font-weight: bold;
	color: #CCFF89;
	text-decoration: none;
	padding-top: 13px;
	overflow: hidden;
	border-radius: 4px;
	-webkit-touch-callout: none;
}
.tabbar li.active a {
	color: #ff0000;
	background: rgba(255,255,255,.13);
}
 
.tabbar .icon {
	display: block;
	position: absolute;
	top: 2px;
	left: 50%;
	width: 30px;
	height: 30px;
	margin-left: -15px;
	background: #555 linear-gradient(top, rgba(255,255,255,0.3) 25%, rgba(255,255,255,0) 75%);
	-webkit-mask-size: 30px 30px;
	-webkit-mask-position: 50% 0;
}
 
#icon2 {
	display: block;
	color: black;
	position: absolute;
	top: 2px;
	left: 50%;
	width: 30px;
	height: 30px;
	margin-left: -15px;
	background: #555 linear-gradient(top, rgba(255,255,255,0.3) 25%, rgba(255,255,255,0) 20%);
	
}
 
 

/* Info Text */
p.info {
	margin: 10px;
	text-align: center;
	font-size: 14px;
	color: #4c566c;
	text-shadow: rgba(255,255,255,.75) 0 1px;
}


.km-android .km-tabstrip a
{
    color: #FFa8a8;
    text-decoration: none;
}
.km-android .km-tabstrip .km-text
{
    text-indent: 0;
    height: 3.7rem;
    margin-top: -2.5rem;
    padding-top: 1.8rem;
    font-size: 1em;
}


#tabstrip-tools .km-content {
   
    color: plum;
    }
#tabstrip-wine .km-content {
   background-image: url("./images/hops1.jpg");
    background-size: auto 150%;
   background-repeat:repeat;
    
   
    color: white;
    }

#tabstrip-beer .km-content {
   background-image: url("./images/beer2.jpg");
    background-size: auto 150%;
  background-repeat:repeat;
    
   
    color: white;
    }
     
#tabstrip-process .km-content {
    background-image: url("./images/barley1.jpg");
    background-size: auto 145%;
   background-repeat:repeat;
    color: black;
    }  
 
#tabstrip-ingredients .km-content {
    background-image: url("./images/hops1.jpg");
    background-size: auto 180%;
 background-repeat:repeat;
    color: black;
    } 
#tabstrip-prep .km-content {
    background-image: url("./images/beer2.jpg");
    background-size: auto 180%;
 background-repeat:repeat;
    color: black;
    }  




#tabstrip-share .km-content {
    background-image: url("./images/beerbarrelvert.jpg");
    background-size: auto 220%;
   background-repeat:repeat;
    color: white;
    }   


#tabstrip-beermaking101 .km-content {
    background-image: url("./images/beerbarrelvert1.jpg");
    background-size: auto 220%;
   background-repeat:repeat;
    
    color: white;
    }   
#tabstrip-brewing .km-content {
    background-image: url("./images/malt1.jpg");
    background-size: auto 180%;
   background-repeat:repeat;
    
    color: white;
    }   

    
    
#tabstrip-kegging .km-content {
    background-image: url("./images/beertaps1.jpg");
    background-size: auto 220%;
  background-repeat:repeat;
    color: white;
    }  

#tabstrip-bottling .km-content {
    background-image: url("./images/beertaps1.jpg");
    background-size: auto 220%;
 background-repeat:repeat;
    color: GoldenRod;
    }  
 
#tabstrip-fining .km-content {
    background-image: url("./images/hops1.jpg");
    background-size: auto 220%;
 background-repeat:repeat;
    color: GoldenRod;
    }  




#tabstrip-share .km-content {
    background-image: url("./images/beerbarrelvert1.jpg");
    background-size: auto 220%;
  background-repeat:repeat;
    color: #ffffff;
    }   



#tabstrip-introequip .km-content {
    background-image: url("./images/beerbarrelvert1.jpg");
    background-size: auto 130%;
    background-repeat:repeat;
    color: #ffffff;
    }   

#tabstrip-storing .km-content {
    background-image: url("./images/beerbarrelvert1.jpg");
    background-size: auto 180%;
    background-repeat:repeat;
    color: yellow;
    }   


#tabstrip-yeast .km-content {
    background-image: url("./images/barley1.jpg");
    background-size: auto 180%;
 background-repeat:repeat;
    color: black;
    }   

#tabstrip-kits .km-content {
    background-image: url("./images/beercafe1.jpg");
    background-size: auto 180%;
    align-content:right;
 background-repeat:repeat;
    color: black;
    }  

#tabstrip-lesson1 .km-content {
    background-image: url("./images/malt1.jpg");
    background-size: auto 180%;
 background-repeat:repeat;
    color: black;
    }   

#tabstrip-recipes .km-content {
    background-image: url("./images/beertaps1.jpg");
    background-size: auto 180%;
  background-repeat:repeat;
    color: White;
    }
    

#tabstrip-geolocation .km-content {
    background-image: url("./images/beertaps1.jpg");
    background-size: auto 180%;
    background-repeat:repeat;
    color: White;
    }
    

#tabstrip-shop .km-content {
    background-image: url("./images/beertaps1.jpg");
    
    background-size: auto 200%;
 background-repeat:repeat;
    vertical-align: top;
  font-family:"Century Gothic", sans-serif;   font-size:16px ;
	
    color: black;
    }
      
#tabstrip-equipment .km-content {
    background-image: url("./images/beerbarrelvert1.jpg");
    
    background-size: auto 180%;
    background-repeat:repeat;
    
  
    color: White;
    }
      

#tabstrip-help .km-content {
    background-image: url("./images/barley1.jpg");
    
    background-size: auto 180%;
     background-repeat:repeat;
    
   
  
    color: White;
    }
 
#tabstrip-about .km-content {
    background-image: url("./images/hops1.jpg");
    
    background-size: auto 180%;
     background-repeat:repeat;
    
   
  
    color: White;
    }


#tabstrip-faq .km-content {
    background-image: url("./images/barley1.jpg");
    
    background-size: auto 180%;
     background-repeat:repeat;
    
   
  
    color: White;
    }     


#tabstrip-home .km-content {
    background-image: url("./images/beer2.jpg");
    background-size: auto 100%;
    background-repeat:repeat;
    margin-top: -2.0rem;
    padding-top: 3.0rem;
    
    color: White;
    }
    
   .km-android .km-navbar div.km-view-title
{
   
    
    display: inline-block;
} 

.centerlogin
{
    margin:auto;
    width:90%;
    text-align:center;
    vertical-align:bottom;
    
}


/* disable shadows for better android performance */

/*
.ui-body-a,
.ui-bar-a,
.ui-btn-up-a,
.ui-btn-hover-a,
.ui-btn-down-a,

.ui-body-b,
.ui-bar-b,
.ui-btn-up-b,
.ui-btn-hover-b,
.ui-btn-down-b,

.ui-body-c,
.ui-bar-c,
.ui-btn-up-c,
.ui-btn-hover-c,
.ui-btn-down-c,

.ui-body-d,
.ui-bar-d,
.ui-btn-up-d,
.ui-btn-hover-d,
.ui-btn-down-d,

.ui-body-e,
.ui-bar-e,
.ui-btn-up-e,
.ui-btn-hover-e,
.ui-btn-down-e,

.ui-shadow-inset,
.ui-icon-shadow,
.ui-focus,
.ui-overlay-shadow,
.ui-shadow,
.ui-btn-active,
* {
    text-shadow: none !important;
    box-shadow: none !important;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
}
*/
*{
    text-shadow: none!important;
}