/*
Pokedex style for Legendary Pokemon | Hercules Papatheodorou
*/
#pokedex {
	margin: auto;
	padding: 0.5em 0;
	width: 98%;
	text-align: center;
	}
#dexhead {
	display: block;
	margin: 0 0 0.5em 0;
	text-align: left;
	}
#dexhead h2 {
	float: left;
	font-weight: bold;
	font-size: 2em;
	padding: 0;
	margin: 0 0 0 0;
	text-align: left;
	}
#dexsearch {
	border: 1px dashed #eee;
	margin: 0 0 0.5em 0;
	position: relative;
	float: right;
	padding: 2px;
	}
#dexsearch label {
	color: #666;
	font-size: 80%;
	padding: 5px;
	display: inline-block;
	line-height: 1.8;
	vertical-align: top;
	}
	
	#dexmenu {	
	//background: url(./isotope/dexmenu.png) no-repeat;
	clear: both;
	margin: 0 auto 2em auto;
	padding: 0;
	text-align: center;
	}
	#dexmenu ul {
	list-style: none;
	margin: 0;
	padding: 2px;
	position: relative;
	width: 100%;
	height: 100%;
	}
	#dexmenu ul li {
	display: inline;
	font-size: 90%;
	margin: 0;
	padding: 0;
	}
	#dexmenu ul li a {
	border: none;
	color: #3d3d3d;
	font-weight: bold;
	margin: 0;
	padding: 5px 7px;
	}
	.dexactive,#dexmenu ul li a:hover,#dexmenu ul li a:active {
	background: #fff;
	border: 2px solid #3d3d3d !important;
	color: #000 !important;
	padding: 5px 5px !important;
	}
	#dexmenu .prev {
	position: absolute;
	left: 5px;
	}
	#dexmenu .next{
	position: absolute;
	right: 5px;
	}
	#dexmenu ul:first-child {
	background: #3d3d3d;
	}
	#dexmenu ul:first-child li a {
	color: #fff;
	}
	#dexmenu ul:nth-child(2) {
	padding-top: 12px;
	}
/*	#dexmenu {
	background: #000;
	clear: both;
	margin: 0 auto 2em auto;
	padding: 2px 0;
	text-align: center;
	}
#dexmenu ul {
	list-style: none;
	margin: 0;
	padding: 0;
	position: relative;
	width: 100%;
	height: 100%;
	}
#dexmenu ul li {
	display: inline;
	margin: 0;
	padding: 0;
	}
#dexmenu ul li a {
	border: none;
	color: #fff;
	font-weight: bold;
	margin: 0;
	padding: 5px 7px;
	}
#dexmenu .prev {
	background: #000;
	font-size: 90%;
	position: absolute;
	left: 5px;
 }
#dexmenu .next{
	background: #000;
	font-size: 90%;
	position: absolute;
	right: 5px;
 }
.dexactive,#dexmenu ul li a:hover,#dexmenu ul li a:active {
	background: #fff;
	border: 2px solid #000 !important;
	color: #000 !important;
	margin: 0;
	padding: 5px 5px !important;
	z-index: 100;
	}*/
#dextitle {
	text-align: left;
	vertical-align: middle;
	}
#dexbody {
	text-align: left;
	}
#dexbody a {
	background: none !important;
	border-bottom: 1px dotted #ccc !important;
	color: #000;
	font-weight: inherit;
	}
#dexbody a:hover {
	border-bottom: 1px solid #555 !important;
	color: #555 !important;
	}
#dexbody a:visited {
	color: #555 !important;
	}
#dexbody h3 {
	border-bottom: 1px dotted #ccc;
	font-size: 1.25em;
	font-weight: bold;
	margin: 0;
	padding: 0;
	width: 100%;
	}
#dexbody h4 {
	font-size: 1em;
	font-weight: bold;
	margin: 0;
	padding: 0;
	}
#dexbody p {
	margin: 1em auto;
	padding: 0;
	text-align: justify;
	width: 98%;
	}
#dexbody ul {
	margin: auto;
	padding: 0.5em 0 0.5em 2em;
	text-align: left;
	}
#dexbody dl {
	margin: auto;
	padding: 0 0 0.5em 0.25em;
	text-align: left;
	}
#dexbody dt {
	font-weight: bold;
	margin: 0;
	padding: 0.5em 0 0 0;
	}
#dexbody dd {
	padding: 0 1em;
	text-align: justify;
	}
#dexbody hr {
	border: none;
	border-top: 1px dotted #ccc;
	clear: both;
	height: 0px;
	}
#dexbody table, .dextable {
	background: #fff;
	border: 2px solid #000;
	margin: 0em auto 2em auto;
	text-align: center;
	width: 100%;
	}
#dexbody table td, #dexbody table th, .dextable td, .dextable th {
	border: 1px solid #555;
	padding: 4px !important;
	}
.dexmainhead td, .dexmainhead th {
	background: #ccc;
	color: #000;
	font-weight: bold;
	}
.dexmainrow td, .dexmainrow th, .dexmaincol {
	background: #eee;
	font-weight: bold;
	}
.pokethlon, .pokethlon th, .pokethlon td {
	background: none !important;
	border: none !important;
	text-align: center;
	}
#dexbody .graphtable, .graphtable {
	background: none !important;
	border: none !important;
	width: 100%;
}
#dexbody .graphtable th, .graphtable th {
	background: none !important;
	border: none !important;
	border-right: 1px solid #ccc !important;
	font-weight: bold;
	padding: 5px !important;
}
#dexbody .graphtable thead th, .graphtable thead th {
	border: none !important;
	border-bottom: 1px solid #f0f0f0 !important;
	font-weight: bold;
	width: auto;
	padding: 5px !important;
}
.graphtable tfoot tr {
	border-top: 1px solid #f0f0f0 !important;
}
#dexbody .graphtable td, .graphtable td {
	background: none !important;
	border: none !important;
	font-size: 95%;
	padding: 5px !important;
}
.graphbarbar {
	padding: 2px !important;
	border: 1px solid #000;
	display: block;
}
.dexblockleft {
	clear: both;
	float: left;
	padding: 0.5em 0;
	text-align: left;
	width: 58%;
	}
.dexblockright {
	float: right;
	padding: 0.5em 0;
	text-align: left;
	width: 38%;
	}
.dexblock {
	clear: both;
	padding: 0.5em 0;
	text-align: left;
	}
#evotable, #evotable tr, #evotable th {
	background: transparent !important;
	border: none !important;
	border-collapse: separate;
	border-spacing: 2px;
	}
#evotable td {
	background: #fff !important;
	border: 1px solid #f0f0f0 !important;
	padding: 0;
	}
#evotable td:hover {
	background: #f0f0f0 !important;
	border: 1px solid #ccc !important;
	}
#evotable a {
	border-bottom: none !important;
	display: block !important;
	}
#evotable a:hover {
	border-bottom: none !important;
	}
#evotable .icons {
	float: left;
	line-height: 100%;
	}
#evotable .icons img { vertical-align: middle; margin-top: -8px; }
#evotable .method { display: block; font-size: 95%; }
.effchart { margin: 0 0 0 1em; }
.effchart li { float: left; width: 16.5%; margin: 0; padding: 0.25em 0; list-style: none; }
.suggestion_list {
	background: #fff;
	border: 2px solid;
	width: 9em;
	z-index: 100;
	}	
.suggestion_list ul {
	height: 10em;
	overflow: auto !important;
	list-style-type: none;
	margin: 0 !important;
	padding: 0 !important;
	}
#dexbody .suggestion_list a, .suggestion_list a {
	text-decoration: none !important;
	border-bottom: none !important;
	color: #000 !important;
	font-size: 0.9em;
	padding: 2px;
	display: block;
	}
#dexbody .suggestion_list a:hover, .suggestion_list a:hover {
	text-decoration: none !important;
	border-bottom: none !important;
	color: #fff !important;
	font-size: 0.9em;
	padding: 2px;
	display: block;
	}
.suggestion_list .selected {
	background: #000;
	color: #fff !important;
	}
#dexbody .suggestion_list .selected a, .suggestion_list .selected a {
	color: #fff !important;
	}
.autosuggest {
	display: none;
	}