/*
	99Lime.com HTML KickStart by Joshua Gatcke
	style.css
	
*/

/*---------------------------------
	IMPORTS
-----------------------------------*/
/* @import url(http://fonts.googleapis.com/css?family=Arimo:400,700); */

/*---------------------------------
	OVERRIDES
-----------------------------------*/
::-webkit-scrollbar {
   width: 0.5em;
}

::-webkit-scrollbar-track {
   background: #ccc;
   border-radius: 100vw
}

::-webkit-scrollbar-thumb {
   background: #f6a828;
   border-radius: 100vw
}

html {
   width: 100vw
}

body {
   font-size: 15px !important
}

h1,h2,h3,h4,h5,h6
{
   font-family: arial, verdana, tahoma, sans-serif;
}

thead th,
tbody th
{
   font-family: arial, verdana, tahoma, sans-serif;
}

thead th a
{
   text-decoration: none
}

button,
a.btn,
input[type='submit'],
input[type="reset"],
input[type="button"]
{
   font-family:  arial, verdana, sans-serif;
}

.menu
{
   font-family:  arial, verdana, sans-serif;
}


blockquote
{
   font-family: arial, verdana, sans-serif;
}

/*---------------------------------
	LAYOUT
-----------------------------------*/
body
{
   margin:0;
   padding:0;
   color:#000;
   background:#efefef;
   font:normal 0.9em/150% arial, verdana, sans-serif;
   text-shadow: 0px 0px 1px transparent; /* google font pixelation fix */
}

iframe
{
   width:100vw;
   display:block;
   overflow-x: auto
}


ul.button-bar li.title,
ul.button-bar li.title a:active
{
   background-color: #0069B4;
   -webkit-box-shadow:none;
   -moz-box-shadow:none;
    box-shadow:none;

}

ul.button-bar li.title a.white
{
   color: #fff;
   font-weight: bold;
}

ul.button-bar li.action a:hover
{
   color: #0069B4;
   border-bottom: #0069B4 inset 1px
}

ul.button-bar li.action a:active {

   -webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,0.2),inset 0 -10px 20px rgba(0,0,0,0.07);
   -moz-box-shadow:inset 0 3px 5px rgba(0,0,0,0.2),inset 0 -10px 20px rgba(0,0,0,0.07);
   box-shadow:inset 0 3px 5px rgba(0,0,0,0.2),inset 0 -10px 20px rgba(0,0,0,0.07);
}

.mt20
{
   margin-top: 20px
}

.m0
{
   margin: 0px;
}

td
{
   /* overflow:  visible */
}

ul.chzn-results li
{
    max-width: 100%;
    overflow: auto;
    white-space: normal;
}

.search-choice
{
    max-width: 32%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.subtitle
{
   padding: 8px;
   margin: 20px 0;
   text-align: left;
   color: #0069B4;
   border-bottom: 2px solid #0069B4;
}

/*-----------------------------------
   COLOR
------------------------------------*/

.blue 	{color: #0069B4;} /* english */
.red  	{color: #FF0033;} /* spanish */
.pink 	{color: #FF69B4;} /* french */
.green 	{color: #00FF00;} /* arab */
.orange 	{color: #FFCC00;} /* russian */
.purple 	{color: #9400D3;} /* chinese */
.yellow  {color: #FFFF00;}

.bggray	 {background-color: #DDDDDD; color: #000 !important} /* english */
.bgblue 	 {background-color: #ADD8E6; color: #fff !important} /* english */
.bgred  	 {background-color: #FF6347; color: #fff !important} /* spanish */
.bgpink 	 {background-color: #FF69B4; color: #000 !important} /* french */
.bggreen  {background-color: #00FF00; color: #fff !important} /* arab */
.bgorange {background-color: #FFCC00; color: #000 !important} /* russian */
.bgpurple {background-color: #B400F3; color: #000 !important} /* chinese */
.bgyellow {background-color: #FFFF00; color: #000 !important}
/*-----------------------------------
   TEXT
------------------------------------*/
.data
{
   text-overflow: ellipsis;
}

.full
{
   max-width: 100%;
   overflow: auto;
   white-space: normal;
   color: #000
}

.gral
{
   font-family: "Trebuchet Ms", arial, verdana, sans-serif;
   margin: 0;
   padding: 5px;
	font-size: 1em;
   background-color: #0069B4;
   color: #fff;
}

.ellipsis
{
	text-overflow: ellipsis;
   white-space: nowrap;
	overflow: hidden;
}

.fullbg 
{
	background-image: url(../img/unesco.jpg); 
	height: 100%;
	background-position:center; 
	background-repeat: no-repeat; 
	background-size: cover;
}