html,body {
			font-family:Arial, Helvetica, sans-serif;
			font-size:12px;
			color:#666666;
		}
		
		/***
			The following is just an example of how to use the table.
			You can override any class names to be used if you wish.
		***/
		#wrapper {
			/*position:absolute;*/
			width:100%;
			margin:auto 0px;
		}
		table {
			font-family:Lucida Grande, Verdana;
			font-size:11px;
			width:100%;
			border:1px solid #ccc;
			cursor:default;
		}
		table td,
		table th{
			padding:4px;
			font-weight:normal;
			text-align:left;
		}
		table thead td, table thead th {
			background:#999999;
			color:#ffffff;
		}
		table thead td a, table thead th a {
			color:#ffffff;
		}
		#maincontainer {
			/* position:absolute; */
			float:left;
			top:10px;
			min-height:200px;
			margin-bottom:60px;
			/* width:780px; */
		}
		#maincontainer h1 {
			display:block;
			margin:2px 0px;
			padding:4px;
			border:1px solid #cccccc;
			color:#666666;
		}
		#tableContainer {
			border:1px solid #ccc;
			/* width:780px; */
			min-height:200px;
		}
		form { 
			margin:0px;
			padding:0px;
			display:inline;
		}
		ul {
			list-style:none;
			margin:0px;
			padding:0px;
		}
		ul li {
			list-style:none;
			margin:2px 0px;
			border:1px solid #cccccc;
		}
		ul li a {
			display:block;
			padding:4px;
			text-decoration:none;
			color:#666666;
			font-weight:bold;
		}
		ul li a:hover {
			color:#ffffff;
			background-color:#999999;
		}
		tr.odd {
			background-color:#eeeeee;
		}
		tr.even {
			background-color:#dddddd;
		}
		#fieldlistheader, #searchheader, #uploaddbheader,#newdbheader, #dblistheader {
		 display:block;
		 padding:4px;
		 color:#ffffff;
		 background-color:#999999;
		 width:222px;
		 cursor:move;
		 font-size:16px;
		 font-weight:bold;
		 text-align:center;
		 background-image: url(images/plus.gif);
		 background-position:center right;
		 background-repeat: no-repeat;
		}
		#searchheader,#dblistheader {
		 background-image: url(images/minus.gif);
		}
		label {
			cursor:pointer;
		}
		.listmenu {
			display:block;
		}
		#rightbar {
			/* position:absolute; */
			float:left;
			width:240px;
			top:10px;
		}
		#searchoptions,#fieldlist,#uploaddb,#newdb,#dblist {
			z-index:999999;

			background-color:#ffffff;
			padding:4px;
			
			border:1px solid #ccc;
		}
		#fieldlist {
			left:0px;
			top:0px;
		}
		#searchcontent,#fieldlistcontent,#uploaddbcontent,#newdbcontent,#dblistcontent {
			padding:4px;
		}
		.dojoDialog {
			border:1px solid #ff0000;
			padding:10px;
		}
		.pagination {
			margin:2px;
		}
		a.button {
			display:block;
			width:100px;
			padding:4px;
			border:1px solid #cccccc;
			text-decoration:none;
			color:#666666;
			font-weight:bold;
			text-align:center;
		}
		a.button:hover {
			background-color:#999999;
			color:#ffffff;
		}
		.more {
		 color:#666666;
		 font-size:0.9em;
		}
		.colorpick {
		 	display:block;
			float:left;
			width:85%;
			padding:2px;
			cursor:pointer;
		}
		.colorpickfont {
			float:right;
			width:10%;
			padding:2px;
			cursor:pointer;
		}
		.searchbox {
			font-weight:bold;
		}
		
		.indent10 {
		 margin-left:10px;
		}
		#searchcontent label {
 display:block;
 font-weight:bold;
}
#searchcontent div {
 padding:0px 0px 8px 0px;
}
#searchcontent input,#searchcontent select {
 width:220px;
}