body {
background:#fefefd;
font-family: "Open sans",  "Segoe UI", "Segoe WP", Helvetica, Arial, sans-serif;
}

.container {
	position:relative;
	margin-left:auto;
	margin-right:auto;
	 
}

main {
	clear:both;
	min-height:200px;
	position:relative;
	padding:20px;
	background:white;
}

 footer {
padding:20px;
border-top:2px #f00 solid;
background:#fffeff;
min-height:100px;
}

header h2{
color:#f00;
font-size:30px;
}

header .menu_bar{
font-size:20px;
}

header .menu_bar a {
padding:5px;
padding-left:15px;
margin:5px;
border-left: 1px solid #fffefd;
border-bottom: none;
}
header .menu_bar a:hover {
border-bottom:1px solid #fd5;
}

header {
	background:#f5f5ff;
	position:relative;
	padding:10px;
	padding-bottom:30px;
	z-index:2;
	text-align:center;
	border-bottom:3px #fe0 solid;
	

}
 
div {
	width:auto;
	position:relative;
}
img {
	width:inherit;
	position:relative;
	margin:auto;
	display:inline-block;
	max-height:100%;
}

.thumbs{
	width:150px;
	display:inline-block;
	float:left;
	margin:10px;
}
div *{
	transition:0.2s all;
}

a{
	color:#56f;
	text-decoration:none;
}
a:hover {
	color:#f50;
}
button icon {
	width:20px;
	height:20px;
	 
}

p icon, td icon{
	width:15px;
	height:15px;
}
icon {
	width:25px;
	height:25px;
	position:relative;
}
icon img:hover {
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
}
.extender {
cursor:pointer;
color:green;
}
.extender:hover {
color:blue;
}

table {
	width:100%;
	border-collapse:collapse;
}
td{
	border:1px #efefef solid;
	font-size:13px;
	padding:5px;
}


.table-frame {
 
	width: 80%;
 
		/* Full-width container */
		overflow-x: auto;
	 padding:12px;
		background-color: #fafafa;
		border-top: 6px solid grey;
border-bottom: 3px solid grey;
border-left:3px solid #eee;
border-right:3px solid #eee;
		margin: 15px auto;

}

.framed-table {

	display: inline-table;
		/* Take width based on content */
		border-collapse: collapse;
min-width:99%;
		width: auto;
		/* Set to 'auto' to allow content-based width */
}
.framed-table th{
border: 1px #efefef solid;
border-bottom:3px solid #77D;
	 background:#fff;
color:#f00;
	font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
padding:15px;
	 font-weight:bold;
	text-align: left;
	white-space: nowrap;
	/* Prevent line breaks within cells */
}
 

.framed-table td{
border: 1px #efefef solid;
	 
	font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
padding:15px;
	 
	text-align: left;
	white-space: nowrap;
	/* Prevent line breaks within cells */
}
 



.inform-box{
	width:400px;
	background:#CEF6E3;
	position:fixed;
	top:150px;
	margin:auto;
	left:0px;
	right:0px;
	text-align:center;
	z-index:3;
	opacity:0.95;
	display:none;
	padding:0px;
	border:1px solid skyblue;
}
.inform-box p{
margin:10px;
}
.inform-box :hover{
	opacity:1;
}
.inform-box button {
margin:0px;
}
.inform-box .close{
position:absolute;
top:1px;
right:2px;
cursor:pointer;
width:15px;
height:15px;
color:#99f;
}
.inform-box h2 {
	cursor:move;
	margin:0px;
	color:white;
	font-size:16px;
background-color: #a7cfdf; 
	background-image: -webkit-gradient(linear, left top, left bottom, from(#a7cfdf), to(#23538a));
	background-image: -webkit-linear-gradient(top, #a7cfdf, #23538a);
	background-image: -moz-linear-gradient(top, #a7cfdf, #23538a);
	background-image: -ms-linear-gradient(top, #a7cfdf, #23538a);
	background-image: -o-linear-gradient(top, #a7cfdf, #23538a);
	background-image: linear-gradient(to bottom, #a7cfdf, #23538a);
	filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#a7cfdf, endColorstr=#23538a);
}


.less-more{
text-align:center;
width:100%;
color:#abc;
font-weight:bold;
cursor:pointer;
}
.less-more:hover{
color:#aaf;
}

.show-about {
background:#fdfdff;
margin-bottom:30px;
}

.show-about h2{
color:#2E9AFE;
font-size:20px;
border-bottom:1px solid orange;
text-align:left;
}

.show-about .show-about h2{
color:#FF8000;
font-size:15px;
border-bottom:1px solid skyblue;
font-weight:300;
}


.show-about .show-about {
border:1px solid #f0f0ff;
background:white;
margin-left:30px;

}

.minor{
background:#EEF6F5;
}
.loading {
position:absolute;
right:15px;
top:5px;
width:auto;
}
.loading icon{
width:35px;
height:35px;
}