/*Jeff Quiros - Aug 2009
*/
body { background: url(../i/back.gif); margin:0 15px 0 0; text-align:center; font-family:'Trebuchet MS', geneva, sans-serif; }

#container { margin:10px 0 0 10px; text-align:center; width:840px;  border-bottom: 1px solid #CACACA; }

h1 { font-size:24px; color:#969696; margin:0; }
h4 { font-size:16px; color:#969696; margin:0; padding:0;}
h4 span { color:#000000; }

button.small { font-size:10px; vertical-align:top; padding:0 2px 0 2px; }
p.err { font-size:16px; color:red; font-weight:bold; background:#FFCCCC; }
p.ans { font-size:16px; color:black; font-weight:bold; background:#C0C0C0; border:1px solid black; }
hr {padding:0; width:75%; }
select { font-size:13px; color:black; }
p { font-size:14px; margin:-12px 0px -2px 0px; }

#content { width:800px; height:320px; margin:auto; margin-top:10px; }

#footerText { width: 800px; font-size:11px; color:#A0A0A0; margin:auto; }

#stock {visibility: hidden;}

/*#centeredmenu {
	left:auto;
	margin: 0 auto 0 auto;
}*/

#centeredmenu ul {
   /*clear:left;*/
   float:left;
   list-style:none;
   	margin: 10px auto 0 auto;
	/*margin-top:10px;*/
   padding:0;
   position:relative;
   left:50%;
  /* text-align:center;*/
}
#centeredmenu ul li {
   display:block;
   float:left;
   list-style:none;
   margin:0;
   width: 150px; padding:3px; font-size:12px; 
   position:relative;
   right:50%;
}
#centeredmenu ul li a {
   display:block;
   border: 3px #166610 groove; background:url(../i/back.gif);
   color: black;  padding: 0 5px;
   text-decoration:none;
}
#centeredmenu ul li a:hover {
   background:#F8E985; 
}

.hintsClass {
	font-family: tahoma, verdana, arial;
	font-size: 12px;
	background-color: #F8E985;
	color: #000000;
	border: 2px solid #166610;
	padding: 1px 3px;
}
/* for sortable list*/
.sorttag {
	font-size: 10px;
}

#contentLeft {
	font-size: 10px;
	margin: 16px 0 0 205px;
}

#contentLeft li {
	display: inline;
	list-style: none;
	margin: -14px 2px 0 2px;
	padding:  0 6px 0 10px;
	background-color: #F8E985;
	color: #000000;
	border: 2px solid #166610;
	float:left;
	text-align:center;
	vertical-align:middle; 
	max-height:100%; 
	max-width:100%;
}

.ui-sortable-placeholder {
	display: inline-block;
		background-color: #000000;
	}
