*{
    margin: 0%;
    padding: 0px;
}
body{
    font-family: Arial, Helvetica, sans-serif;
	background-color: #fff;
	color:#000;
}
.nav{
    position: fixed;
    height:50px;
    width: 100%;
	background: #fff;
	-webkit-box-shadow: 0px 5px 21px -7px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 5px 21px -7px rgba(0,0,0,0.75);
	box-shadow: 0px 5px 21px -7px rgba(0,0,0,0.75);
	z-index: 1;
}
.nav a:link {
    color: #000;
	text-decoration: none;
}

/* visited link */
.nav a:visited {
    color: #000;
	text-decoration: none;
}

/* mouse over link */
.nav a:hover {
    color: #000;
	text-decoration: none;
}

/* selected link */
.nav a:active {
    color: #000;
	text-decoration: none;
}
.nav_index{
	-webkit-box-shadow: none;
	  -moz-box-shadow: none;
	  box-shadow: none;
}
.nav_spacer{
	height:75px;
}

.main{
    position: absolute;
    height: 80%;
    top:5%;
    width: 100%;
}
.search{
    position: absolute;
    top:5%;
    width: 100%;
}
.results{
    width: 100%;
	text-align: center;
}
.foot{
	padding-top: 100px;
	padding-bottom: 25px;
    height: 5%;
    top:90%;
    width: 100%;
	text-align: center;
	font-size: 10px;
}
.right, .left {
    float: left;
    width: 70%;
}
.right{
    text-align: right;
	width: 30%;
}
.left{
    text-align: left;
}
.nav_right{
	text-align: right;
	width: auto;
	display: inline-block;
	float: right;
}
.nav_left{
		height:50px;
	text-align: left;
	width: auto;
	display: inline-block;
	float: left;
}
.infoblock{
	display: inline-block;
	width:51%;
	padding-bottom: 25px;
	vertical-align: top;
	text-align: left;
}
.numbers{
	text-align: center;
}
.search_thumb{
	width: 75px;
	cursor: pointer;
}
.infoblock div{
	display: inline-block;
	vertical-align: top;
	padding: 5px;
}
.search_wrapper{
    position: absolute;
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
    width: 500px;
    text-align: center;
}
.search_wrapper h1{
    font-size:80px;
}
ul{list-style-type: none;}
li{
    display: inline-block;
    padding: 10px;
	padding-top: 15px;
}
.search_search_div{
	top: -8px;
}
.search_logo_div, .search_buttons_div, .search_search_div, form{
	display: inline-block;
}
.main_search_div, .search_search_div, .login_div{
    -webkit-box-shadow: 0px 0px 22px -12px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 22px -12px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 22px -12px rgba(0,0,0,0.75);
    border: #cecece solid 1px;
    padding: 1px;
    width: 95%;
    display: inline-block;
	position: relative;
}
.main_search_form{
    width: 100%
}
.main_input{
    height: 27px;
    font-size: 16px;
    padding: 5px;
    padding-left: 5px;
    padding-left: 10px;
    width: 95%;
    border: 0px;
}
.search_main_input, .input_login{
    height: 27px;
    font-size: 16px;
    padding: 5px;
    padding-left: 5px;
    padding-left: 10px;
    width: 91.5%;
    border: 0px;
}
.login_icon{
	background-image: url(login.png);	
	width: 25px;
	height: 25px;
	display: inline-block;
	vertical-align: middle;
	background-size: 100%;
}
.login{
	position: relative;
}

.main_buttons_div{
    text-align: center;
}
.main_button{
    margin-top: 15px;
    width: 50%;
    padding: 5px;
    display: inline-block;
}
.found_name{
	font-size: 18px;
	font-weight: bold;
}
.found_expan{
	font-size: 14px;
	font-weight: bold;
}
.EG-L{
	background-image: url(../img/energy-types.png);
	background-position: -25px -25px;
	width: 25px;
	height: 25px;
	display: inline-block;
	vertical-align: middle;
}
.EG-G{
	background-image: url(../img/energy-types.png);
	background-position: -25px -50px;
	width: 25px;
	height: 25px;
	display: inline-block;
	vertical-align: middle;
}
.EG-R{
	background-image: url(../img/energy-types.png);
	background-position: -0px -0px;
	width: 25px;
	height: 25px;
	display: inline-block;
	vertical-align: middle;
}
.EG-C{
	background-image: url(../img/energy-types.png);
	background-position: -25px -0px;
	width: 25px;
	height: 25px;
	display: inline-block;
	vertical-align: middle;
}
.EG-Y{
	background-image: url(../img/energy-types.png);
	background-position: -50px -0px;
	width: 25px;
	height: 25px;
	display: inline-block;
	vertical-align: middle;
}
.EG-M{
	background-image: url(../img/energy-types.png);
	background-position: -75px -0px;
	width: 25px;
	height: 25px;
	display: inline-block;
	vertical-align: middle;
}
.EG-B{
	background-image: url(../img/energy-types.png);
	background-position: -100px -0px;
	width: 25px;
	height: 25px;
	display: inline-block;
	vertical-align: middle;
}
.EG-O{
	background-image: url(../img/energy-types.png);
	background-position: -0px -25px;
	width: 25px;
	height: 25px;
	display: inline-block;
	vertical-align: middle;
}
.EG-F{
	background-image: url(../img/energy-types.png);
	background-position: -50px -25px;
	width: 25px;
	height: 25px;
	display: inline-block;
	vertical-align: middle;
}
.EG-P{
	background-image: url(../img/energy-types.png);
	background-position: -75px -25px;
	width: 25px;
	height: 25px;
	display: inline-block;
	vertical-align: middle;
}
.EG-D{
	background-image: url(../img/energy-types.png);
	background-position: -0px -50px;
	width: 25px;
	height: 25px;
	display: inline-block;
	vertical-align: middle;
}
.EG-W{
	background-image: url(../img/energy-types.png);
	background-position: -75px -50px;
	width: 25px;
	height: 25px;
	display: inline-block;
	vertical-align: middle;
}
.EG-N{
	background-image: url(../img/energy-types.png);
	background-position: -50px -50px;
	width: 25px;
	height: 25px;
	display: inline-block;
	vertical-align: middle;
}
#shadowbox{
	background-color: rgba(0,0,0,.5);
	position: fixed;
	height: 0;
	width: 0;
	top:0px;
	left:0px;
	overflow: hidden;
	z-index: 10;
}
#shadowbox img{
	position: absolute;
	left: 50%;
	top:50%;
	-ms-transform: translate(-50%, -50%); /* IE 9 */
	-webkit-transform: translate(-50%, -50%); /* Safari */
	transform: translate(-50%, -50%);
	border-radius: 20px;
	max-height: 95%;

}
.id{
	text-align: right;
	width: 100%;
	font-size: 10px;
}
.blackButton{
	background: #000;
color: #fff;
padding: 11px;
border: 1px solid #000;
font-size: 16px;
margin-top: 6px;
position: relative;
top: 3px;
left: 3px;
}
.blackButton:hover{
	background: #fff;
	color: #000;
}
.styled-select {
   background: url(dropdownarrow.png) no-repeat 96% 0;
	background-position-y: 5px;
   height: 40px;
   overflow: hidden;
   width: 240px;
	display: inline-block;
	background-color: #fff;
	border: #cecece solid 1px;
	font-size: 16px;
	vertical-align: middle;
}
.styled-select select {
   background: transparent;
   border: none;
   height: 29px;
   padding: 0px; /* If you add too much padding here, the options won't show in IE */
padding-top: 10px;
padding-left: 3px;
   width: 268px;
   color:#000;
   font-size: 16px;
}
.save{
text-align: right;
}
.nav a li:hover{
	font-size:20px;
	padding-top: 10px;
	padding-left: 6px;
}
.save button{
	background: #000;
	color: #fff;
	padding: 11px;
	border: 1px solid #000;
	font-size: 16px;
}
.save button:hover{
	background: #fff;
	color: #000;
}
.txt_center{
	text-align: center;
}
.news{
	text-align: center;
}
.news table{
	display: inline-block;
}
.news td{
	padding: 5px;
}
.inline{
	display: inline-block;
}
.modbutton{
	padding: 3px;
	cursor: pointer;
}
.modbuttonTrash:hover{
	color:red;
}
.modbuttonClone:hover{
	color:blue;
}
.login form{
	display: inline-block;
	position: absolute;
	top: 50%;
	left:50%;
	-ms-transform: translate(-50%, -50%); /* IE 9 */
	-webkit-transform: translate(-50%, -50%); /* Safari */
	transform: translate(-50%, -50%);
	text-align: center;
}
.login button{
	background: #000;
	color: #fff;
	padding: 8px;
	border: 1px solid #000;
	font-size: 16px;
	width: 300px;
	margin: 5px;
}
.login button:hover{
	background: #fff;
	color: #000;
}
.info_button{
	background: #000;
	padding: 5px;
	text-align: center;
	color: #fff;
	margin-top: 10px;
	border: solid 1px #000;
	cursor: pointer;
	text-decoration: none;
}

.info_button:hover{
	background: #fff;
	color: #000;
	
}
a:link {
	text-decoration: none;
}

/* visited link */
a:visited {
	text-decoration: none;
}

/* mouse over link */
a:hover {
	text-decoration: none;
}

/* selected link */
a:active {
	text-decoration: none;
}
/*old css */
.table {
    display: table;
}
.table-row {
    display: table-row;
}
.table-row:hover {
	background-color: #71FFF2;
}

.table-row:hover div {
	background-color: #71FFF2 !important;
}
.cell{
	display: table-cell;
	padding: 5px;
	min-width: 1%;
}
.c1 {
    background-color: #DEDEDE;
}
.hr {
	background-color: #000000;
	color: #ffffff;
}
.sm {
    width: 40px;
	padding-left:3px;
}
.card_art{
	display: inline-block;
	padding: 10px;
}
.card_art img{
	width: 200px;
	border-radius: 15px;
}
.index_hints{
	position: absolute;
	top: 39px;
	background: #fff;
	width: 477px;
	text-align: left;
	left: -1px;
	
}
.hint_returned{
	padding: 5px;
	padding-left: 10px;
	cursor: pointer;
}
.hint_returned:hover{
	background-color:#afe6fc;
}
.pp-green{
	color:#005403;
}
.pp-red{
	color:#8C0D0F;
}
.ss{
	height: 20px;
	width: auto !important;
}
#paste_box{
		background-color: #02B4CD;
		color:#fff;
		position: fixed;
		border-radius: 50%;
		height: 100px;
		width: 100px;
		bottom: -50px;
		left:-50px;
		}
	#paste_box_button{
		display: inline-block;
		position: absolute;
		right: 15px;
		top: 15px;
		font-size: 25px;
		font-weight: bold;
		cursor: pointer;
		}
	.paste_box_line{
		height: 0px;
		width: 0px;
		overflow: hidden;
		}
.small_nav{
	display: none;
}
.small_menu{
	display: none;
	position: fixed;
	top: 0px;
	left: 0px;
	text-align: center;
	height: 100%;
	background: #fff;
	z-index: 10;
	width: 100%;
}
.click_off{
	position: fixed;
	z-index: 5;
	height: 100%;
	width:100%;
	display: none;
}
	.small_menu li{
		width:100%;
	}
.menuX{
	position: absolute;
	top: 10px;
	right:10px;
}
	body{
	text-align: center;}
	.index-content{
		display: inline-block;
		text-align: left;
		max-width: 1024px;
	}
	.flipart{
		position: absolute; 
		display:inline-block; 
		right: 0px; 
		padding:3px; 
		background: #000; 
		color:#fff;
		cursor: pointer;
		opacity: .2;
		border-radius: 5px;
	}
	.flipart:hover{
		opacity: 1;
	}
	.search_error{
		border: 3px solid #f00;
padding: 25px;
color: #f00;
font-size: 22px;
font-weight: bold;
border-radius: 5px;
	}
	.index-section{
		padding: 10px;
	}
	.hint-wrap{
		position: relative;
	}
	.index-txtHint{
		position: absolute;
		z-index: 1;
		background: #fff;
		color: #000;
	}
	.index-input{
		padding: 5px;
		margin-top: 5px;
	}
	.white-window{
		background: #fff;
		color:#000;
		text-align: center;
	}
	
	.container {
  display:inline-block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 6px;
  cursor: pointer;
  font-size: 106%;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
		margin-left: 6px;
		min-height: 25px;
}

/* Hide the browser's default checkbox */
.container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #fff;
}
/* Create a custom radio button */
.radiomark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
  border-radius: 50%;
}
/* On mouse-over, add a grey background color */
.container:hover input ~ .checkmark, .container:hover input ~ .radiomark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.container input:checked ~ .checkmark, .container input:checked ~ .radiomark {
  background-color: #2196F3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after, .radiomark:after {
  content: "";
  position: absolute;
  display: none;
}


/* Show the checkmark when checked */
.container input:checked ~ .checkmark:after, .container input:checked ~ .radiomark:after{
  display: block;
}

/* Style the checkmark/indicator */
.container .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
	/* Style the indicator (dot/circle) */
.container .radiomark:after {
  top: 9px;
  left: 9px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: white;
}
	.index-ul li{
		width:32%;
		padding: 0px;
		padding-top:5px;
		margin: 5px;
		background:#DEDEDE;
		border-radius: 5px;
	}
	.index-button{
		background: #2196F3;
		border-radius: 3px;
		border:1px solid #2196F3;
		color:#fff;
		font-size: 106%;
		padding: 5px 10px;
		cursor: pointer;
	}
	.index-button-reset{
		background:rgba(150,186,0,1.00);
		border-radius: 3px;
		border:1px solid rgba(150,186,0,1.00);
		color:#fff;
		font-size: 106%;
		padding: 5px 10px;
		display: inline-block;
		cursor: pointer;
		vertical-align: top;
	}
	.index-button-div{
		text-align: right;
	}
	#sas-button{
		text-align: center;
		padding:10px;
		margin-bottom: 20px;
		margin-top: 20px;
		background-color: #dedede;
	}
	#advanced-search{
		background-color: rgb(86, 86, 86);
	}
	.index-button-control{
		background:#1d1d1d;
		border-radius: 3px;
		border:1px solid #1d1d1d;
		color:#fff;
		font-size: 22px;
		padding: 5px 10px;
	}
	.index-as-title{
		background-color: #e1e1e1;
		border-bottom: 1px solid #000;
	}
	.index-as-title-inner{
		padding:10px;
		padding-bottom: 15px;
		padding-top: 15px;
	}
	.index-as-section{
		padding: 10px;
		/*border-bottom: 1px solid #fff;*/
		background-color: #fff;
		height: 0px;
		transition: height 3.5s;
		overflow: hidden;
	}
	.index-card-type{
		display: table-cell;
		width: 33%;
	}
	.index-card-type-row{
		display: table-row;
	}
	.card-type-ul li{
		 width:90%;
		padding: 0px;
		 padding-top:5px;
		margin: 5px;
		background:#e1e1e1;
		border-radius: 5px;
	}
	.page_div{
		display: inline-block;
		border-radius: 3px;
		background: #2196F3;
		font-size: 21px;
		color:#fff;
		margin: 5px;
	}
	.page_button{
		display: inline-block;
		color:#fff;
		padding: 10px;
		font-size: 21px;
	}
	.input_page{
		font-size: 21px;
		width: 35px;
		text-align: center;
		border: 0px;
		height: 23px;
	}
	.page_button_hover:hover{
		cursor: pointer;
		background-color:#085796;
	}
	.grayOut{
		background:#ACACAC;
		color: #6F6E6E;
	}
	.font22{
		display: inline-block;
		font-size: 22px;
	}
	.weakness_resistance{
		display: inline-block;
	}

@media only screen and (max-width : 950px) {
	.small_nav{
		display: inline-block;
		text-align: right;
		float: right;
		padding: 20px;
	}
	.nav_right{
		display: none;
	}
	.search_lg{display: none;}
	.search_wrapper{
		width: 290px;
	}
	.search_wrapper h1{
		font-size: 48px;
	}
}