@charset "utf-8";
/* CSS Document */
@font-face {
    font-family: 'Roboto';
    src: url('../media/global/fonts/Roboto-Regular.ttf');
    font-weight: regular;
    font-style: regular;
}
@font-face {
    font-family: 'Roboto';
    src: url('../media/global/fonts/Roboto-Bold.ttf');
    font-weight: bold;
    font-style: bold;
}
@font-face {
    font-family: 'Roboto';
    src: url('../media/global/fonts/Roboto-Light.ttf');
    font-weight: light;
    font-style: light;
}
p {
	-webkit-margin-before: 0em;
	-webkit-margin-after: 0em;
}
#popupgloss{
	background:url(../media/global/images/gloss-01.png);
	background-size: 1024px 672px;
	width:1024px;
	height:672px;
	position:absolute;
	top:0px;
	left:0px;
}
#glossary{
	position:absolute;
	width:900px;
	height:529px;
	left: 60px;
	top: 164px;
}

#glossTermHolder{
	position:absolute;
	overflow-y: scroll;
	height:388px;
	width:452px;
	left:0px;
	top: 66px;
/*	background: rgba(0, 0, 124, 0.3);*/
}

#glossTerm {
	height:32px;
	line-height: 32px;
	width:422px;
}
#glossTerm p{
	font-family: 'Roboto';
	font-style:regular;
	line-height: 32px;
	font-size:21px;
	padding-left:36px;
	padding-bottom: 5px;
	color:#333333;
	background:url(../media/global/images/glossBG.png);
	background-repeat: no-repeat;
	background-position: bottom;
}
#glossTermChild { 
	width: 422px;
 }
#glossTermChild p {	
	font-family: 'Roboto';
	font-style:regular;
	font-size:18px;
	line-height: 32px;
	padding-left:54px;
	/*padding-bottom: 5px;*/
	color:#333333;
	background-image: url(../media/global/images/glossBG.png); 	background-repeat: no-repeat;
	background-position: bottom;
}
#glossTermChild p.on {
	background: rgba(255, 255, 255, 0.2);
	background-image: url(../media/global/images/glossBG.png); 	background-repeat: no-repeat;
	background-position: bottom;
	width:370px;
}
#glossAudio { 
	position:absolute; 
	top:0px; 
	left:804px; 
	width:60px; 
	height:60px; 
}
#TermTitle {
	font-family: 'Roboto';
	font-style:bold;
	font-size:36px;
  	line-height: 36px;
	position:absolute;
	width:300px;
	top:0px;
	left:490px;
	color:#333333;
}
#TermTitleDef {
	font-family: 'Roboto';
	font-style:light;
	font-size:22px;
	line-height: 150%;
	position:absolute;
	top:128px;
	left:490px;
	width:300px;
	color:#333333;
}

#exitGloss { 
	position:absolute; 
	top:536px; 
	left:866px; 
	width:120px; 
	height:62px; 
}
/**** scrollbar *****/

::-webkit-scrollbar,
   scrollbar, 
   -ms-scrollbar { 
   width: 24px;
	height:325px;
	top: 6px;
	position: relative;
   }

::-webkit-scrollbar-track-piece:vertical, 
   scrollbar-track-piece:vertical, 
   -ms-scrollbar-track-piece:vertical { 
   
   width: 36px;
   }

::-webkit-scrollbar-thumb:vertical , 
   scrollbar-thumb:vertical , 
   -ms-scrollbar-thumb:vertical {  
   background:url(../media/global/images/btn_slider.png) no-repeat 0 0; 
   background-size: 18px 128px;
   margin-top: 28px;
   margin-left: 2px;
   cursor: pointer;
   z-index: 99;   
   }

::-webkit-scrollbar-corner, 
   scrollbar-corner, {
 }

::-webkit-scrollbar-button, scrollbar-button { }
::-webkit-scrollbar-track:increment, scrollbar-track:increment { 

}