/*  General - Start */
body {
	margin: 0px;
	padding:0px;
	font-family: Cambria, "Cambria Math", "Baskerville Old Face", "Bell MT", "Bookman Old Style";
	font-size: 15.5px;
	color: black;
	background: url("./images/bg.jpg") repeat;
	background-size: cover;
	width: 100%;
}
.titlebar{
	width: 99%;
	height:50px;
	margin-top: 5px;
	margin-left: 5px;
	background-color: #E5E4E2;
	text-align:center;
	font-size: 32px;
	/*font-weight: bold;*/
	padding-top:15px;
	text-align:center;
	color:#000;
	border: 0.05em solid gray;
}
#content {
	width:100%;
	height:89%;
}
/*  General - End  */

.hiding1, .hiding2, .hiding3, .hiding4 {
	width:96%;
	margin-top: 2px;
	color: #000;
	font:20px bold solid;
	padding: 5px 10px;
	text-align:left;
	background:rgba(225,219,210,0.1);
	box-shadow:inset 0 0 30px rgba(0,0,0,0.3);
	cursor:pointer;
}
.hidecontent1, .hidecontent2, .hidecontent3, .hidecontent4 {
	width:96%;
	padding: 5px 10px;
	text-align:left;
	background:rgba(225,219,210,0.1);
	box-shadow:inset 0 0 30px rgba(0,0,0,0.3);
	color:#000;
	height:550px;
	overflow:auto;
}
.hidecontent1 table, .hidecontent2 table, .hidecontent3 table, .hidecontent4 table {
	color:#000;
	font: 15px bold solid;
}

/* JMOL style - Start */

#page_jmol {
	width:100%;
	margin:auto;
	padding:auto;
	margin-top:8px;
	height: 78%;
}
#page_jmol jmol_display{
	float:right;
	margin-top:30px;
	width:49%;
	height:100%;
}
#page_jmol jmol_data_table{
	float:left;
	margin-top:5px;
	width:50%;
	overflow:auto;
}
#result_div {
	margin:auto;
	padding:auto;
	height: 100%;
	overflow:auto;
}
/* JMOL style - End */




/* Hbcs CSS */

#load{
position:absolute;
z-index:1;
//border:3px double #999;
background:#60676B;
width:300px;
height:170px;
margin-top:-150px;
margin-left:-150px;
top:60%;
left:50%;
text-align:center;
line-height:100px;
font-family:"Trebuchet MS", verdana, arial,tahoma;
font-size:18pt;
}
#h_file i{
font-style : normal;
}

#h_file{
font-style : normal;
}


		.tooltip {
			border-bottom: 1px dotted #000000; color: #000000; outline: none;
			cursor: help; text-decoration: none;
			position: relative;
		}
		.tooltip span {
			margin-left: -999em;
			position: absolute;
		}
		.tooltip span img{

		}
		.tooltip:hover span {
			border-radius: 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; 
			box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
			font-family: Calibri, Tahoma, Geneva, sans-serif;
			position: absolute;
		 	left: 1em; 
			top: 2em; 
			z-index: 99;
			margin-left: 0; 
			width: 250px;
		}

		.tooltip:hover img {
			border: 0; flaot:left;position:absolute;margin: -10px 0 0 -55px;
		}
		.tooltip:hover em {
			font-family: Candara, Tahoma, Geneva, sans-serif; font-size: 1.2em; font-weight: bold;
			display: block; padding: 0.2em 0 0.6em 0;
		}
.custom { padding: 0.5em 0.8em 0.8em 2em; }
.span_style { background-color: #60676B; border: 1px solid #60676B;color:#ffffff;}





#respaging span.pages{
color:#444;
margin-right:20px;
font:14px/1 'Helvetica Neue',Helvetica,Arial,sans-serif
}
#respaging span.current{
padding:3px 7px;
margin-right:5px;
display:inline-block;
font:normal 14px/1 'Helvetica Neue',Helvetica,Arial,sans-serif;
text-shadow:none;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
behavior:url(PIE.htc)
}


#respaging a{
padding:3px 7px;
margin-right:5px;
display:inline-block;
color:#444;
font:14px/1 'Helvetica Neue',Helvetica,Arial,sans-serif;
text-decoration:none;
background-color:#ccc;
background-image:-webkit-gradient(linear,left top,left bottom,from(#ddd),to(#a4a4a4));
background-image:-webkit-linear-gradient(top,#ddd,#a4a4a4);
background-image:-moz-linear-gradient(top,#ddd,#a4a4a4);
background-image:-ms-linear-gradient(top,#ddd,#a4a4a4);
background-image:-o-linear-gradient(top,#ddd,#a4a4a4);
background-image:linear-gradient(top,#ddd,#a4a4a4);
-pie-background:linear-gradient(top,#ddd,#a4a4a4);
-moz-border-radius:5px;-webkit-border-radius:5px;
border-radius:5px;
-moz-box-shadow:0 1px 2px rgba(0,0,0,0.7),inset 0 1px 0 rgba(255,255,255,0.7);
-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.7),inset 0 1px 0 rgba(255,255,255,0.7);
box-shadow:0 1px 2px rgba(0,0,0,0.7),inset 0 1px 0 rgba(255,255,255,0.7);
behavior:url(PIE.htc)}a[rel^='prettyphoto']{display:block;
position:relative}.zoom-hover{position:absolute;
top:0;
left:0;
z-index:10;
width:100%;
height:100%;
background:rgba(0,0,0,0.5) url(../images/zoom-in.png) center center no-repeat;
opacity:0;
cursor:pointer
}

.blue-btn{
font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;
font-weight:bold;
line-height:1;
letter-spacing:1px;
color:#fff;
text-shadow:-1px -1px 1px rgba(0,0,0,0.7);
background-color:#06a;
background-image:-webkit-gradient(linear,left top,left bottom,from(#09f),to(#005288));
background-image:-webkit-linear-gradient(top,#09f,#005288);
background-image:-moz-linear-gradient(top,#09f,#005288);
background-image:-ms-linear-gradient(top,#09f,#005288);
background-image:-o-linear-gradient(top,#09f,#005288);
background-image:linear-gradient(top,#09f,#005288);
-pie-background:linear-gradient(top,#09f,#005288);
-moz-box-shadow:inset 0 1px 0 #005288,inset 0 2px 0 rgba(255,255,255,0.5),0 1px 2px rgba(0,0,0,0.7);
-webkit-box-shadow:inset 0 1px 0 #005288,inset 0 2px 0 rgba(255,255,255,0.5),0 1px 2px rgba(0,0,0,0.7);
box-shadow:inset 0 1px 0 #005288,inset 0 2px 0 rgba(255,255,255,0.5),0 1px 2px rgba(0,0,0,0.7);
-moz-border-radius:16px;
-webkit-border-radius:16px;
border-radius:16px;
behavior:url(PIE.htc)
}

.blue-btn:hover
{
color:#fff;
}

.blue-btn:active
{
position:relative;
top:1px
}