/* Pineapple PNP css file
 *
 */
	a:link			{ 	color: #f5d204 }
	a:hover			{ 	color: maroon }
	a:visited		{ 	color: #f5d204 }
	a:active		{ 	color: yellow }
header 
	{
		//position: fixed;
		//width:980px;
	}
#pineapple-ring
	{
		//width: 20%;
		float: left;
	}
#pineapple-name
	{
	}
#pineapple-page
	{
		clear: left;
	}
.navbar{
	margin-top:-30px;
	margin-left:-30px;
	margin-right:-30px;
}
body{
		//font: 90% "Trebuchet MS", sans-serif;
		margin: 30px;
    //margin: 0; // Uncomment this to put the menu in the top left corner
    padding: 0;
		color: #e7b702;
		background-color: #ffffff;
		background-image: url("../images/printed-monochrome-industrial-circuit-board-graphical-texture-gray.jpg");
		//background-image: url("../images/background.png");
		//background-repeat: no-repeat;
	}
img.logo 
	{ 
		width: 150px;
		//float: left;
		//margin: 10px;
	}
	/*
	table#t01 is the id for the standard pineapple table type (maybe its not well named)
	*/
	table, th, td {
		border: 1px solid #202020;
		padding: 1px;
		text-align: left;
		border-collapse: collapse;
		color: black;
	}
	table#t01 th	{
		border: 1px solid #202020;
		color: white;
	}
	table#t01 tr:nth-child(even) {
		border: 1px solid #202020;
		background-color: #606060;
	}
	table#t01 tr:nth-child(odd) {
		border: 1px solid #E0E0E0;
		background-color:#808080;
  }
/* input field's */
textarea, input[type="text"]{
	//font-family: 'Open Sans', sans-serif;
	font-size:20px;
	outline: none;
	background: none;
	//color: #fff;  /* white */
	color: #000; /* black */
  //background-color:#f4f4cd; /* pale yellow */
  //background-color:#e7b702; /* pontech yellow */
  background-color:#e6c600; /* dark yellow */
	border:none;
  font-size:16px;
  //padding: 0.4em 1em 0.45em 1em;15px 2px
  }

.jMenu{position: absolute; left: 0px; top: 0px; display:table;margin:0;padding:0;list-style:none;}
/*
.jMenu li{display:table-cell;background-color:#322f32;margin:0;list-style:none}
.jMenu li a{padding:10px 15px;display:block;background-color:transparent;text-transform:uppercase;cursor:pointer;font-size:12px}.jMenu li a:hover{background-color:#3a3a3a}
.jMenu li:hover>a{background-color:#3a3a3a}
.jMenu li ul{display:none;position:absolute;z-index:9999;padding:0;margin:0;list-style:none}.jMenu li ul li{background-color:#322f32;display:block;border-bottom:1px solid #484548;padding:0;list-style:none;position:relative}.jMenu li ul li a{font-size:11px;text-transform:none;display:block;padding:7px;border-top:1px solid transparent;border-bottom:1px solid transparent}.jMenu li ul li a.isParent{background-color:#3a3a3a}
.jMenu li ul li a:hover{background-color:#514c52;border-top:1px solid #322f32;border-bottom:1px solid #322f32}
	#menu {
		height: 30px;
		width: 500px;   
	}
	#menu > li {
		float: left;  
		width:auto;    
	}
*/

	.demoHeaders {
		margin-top: 2em;
	}
	#dialog-link {
		padding: .4em 1em .4em 20px;
		text-decoration: none;
		position: relative;
	}
	#dialog-link span.ui-icon {
		margin: 0 5px 0 0;
		position: absolute;
		left: .2em;
		top: 50%;
		margin-top: -8px;
	}
	#icons {
		margin: 0;
		padding: 0;
	}
	#icons li {
		margin: 2px;
		position: relative;
		padding: 4px 0;
		cursor: pointer;
		float: left;
		list-style: none;
	}
	#icons span.ui-icon {
		float: left;
		margin: 0 4px;
	}
	.fakewindowcontain .ui-widget-overlay {
		position: absolute;
	}
	select {
		width: 200px;
	}