/* ****************** DEFAULTS BLOCK ***************** */ 
* {
   padding:0;
   margin:0;
   max-height: 999999px; /* cf: http://stackoverflow.com/questions/11289166/chrome-on-android-resizes-font */
}

body {
	padding: 0;
	margin: 0;
	/* font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; */ 
    font-family : Arial, Verdana, Geneva,  Helvetica, sans-serif;
    font-size:100% ;
	color: #333;
	background: rgb(255,255,255);
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNWU1ZTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(229,229,229,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* IE10+ */
	background: linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-8 */
  
}
@font-face {
  font-family: 'MJX_Math';
  src: url('http://cdn.mathjax.org/mathjax/latest/fonts/HTML-CSS/TeX/eot/MathJax_Math-Italic.eot'); /* IE9 Compat Modes */
  src: url('http://cdn.mathjax.org/mathjax/latest/fonts/HTML-CSS/TeX/eot/MathJax_Math-Italic.eot?iefix') format('eot'),
       url('http://cdn.mathjax.org/mathjax/latest/fonts/HTML-CSS/TeX/woff/MathJax_Math-Italic.woff')  format('woff'),
       url('http://cdn.mathjax.org/mathjax/latest/fonts/HTML-CSS/TeX/otf/MathJax_Math-Italic.otf')  format('opentype'),
       url('http://cdn.mathjax.org/mathjax/latest/fonts/HTML-CSS/TeX/svg/MathJax_Math-Italic.svg#MathJax_Math-Italic') format('svg');
}
@font-face {
  font-family: 'MJX_Main';
  src: url('http://cdn.mathjax.org/mathjax/latest/fonts/HTML-CSS/TeX/eot/MathJax_Main-Regular.eot'); /* IE9 Compat Modes */
  src: url('http://cdn.mathjax.org/mathjax/latest/fonts/HTML-CSS/TeX/eot/MathJax_Main-Regular.eot?iefix') format('eot'),
       url('http://cdn.mathjax.org/mathjax/latest/fonts/HTML-CSS/TeX/woff/MathJax_Main-Regular.woff')  format('woff'),
       url('http://cdn.mathjax.org/mathjax/latest/fonts/HTML-CSS/TeX/otf/MathJax_Main-Regular.otf')  format('opentype'),
       url('http://cdn.mathjax.org/mathjax/latest/fonts/HTML-CSS/TeX/svg/MathJax_Main-Regular.svg#MathJax_Main-Regular') format('svg');
}

.clearfix{
	clear:both;
}

input {
	background-color: #EEEEEE;
	border: 1px solid #555555;
	padding:2px;
	font-size: 1em;
	color: #330000;
  text-align:center;
}


input.submitbutton {
	background: white url('/pic/fatarrow.png') no-repeat right center;
  text-align:center;
}

img, fieldset
{
	border:0;
}

li {list-style-type:none;}

.hoverhighlight {cursor: pointer;}
.hoverhighlight:hover{background-color: #F0F2FA;	border-color : #555555;	color:black;}

h1 {font-size:0.8em;color: #DEDEDE;	background: inherit;text-decoration:none;}

h2 {padding-top: 7px;	padding-bottom: 4px;font-size:1.2em;color: #224222;	background: inherit;text-decoration:none;}

h3 {font-size:1.2em;color: #335533;	background: inherit;text-decoration:none;font-weight:300;margin-top: 0;margin-bottom: 0; }
h4 {margin-left:4px;margin-right:4px;font-size:1em;color: #335533;text-decoration:none;font-weight:300;}
  

a {	color: #E0691A;	background: inherit;text-decoration:none;}
a:hover { color: #6C757A; background: inherit;}


/* ****************** EOF DEFAULTS BLOCK ***************** */ 
 



.activemenu { color: blue;}
.activemenu:hover { color: blue;text-decoration:none;}

#dWrapperRightAd {
  margin: auto;
  width:968px;
  overflow:hidden;
  position:relative;
}

#dWrapper {
  margin: auto;
  width:800px;
  overflow:hidden;
  position:relative;
}

#dMain
{
  position:relative;
  width:800px;
}

#dAboveHeader {
  width:100%;
  height:90px;
  font-size:0.8em;
  color:#AeAeAe;
  text-align:left;
  padding:6px 0px 6px 0px;
  margin:0 0 0 0;
}

header {
	background-color: #F0F2FA;
	border-style: solid;
	text-align:center;
	border-color : #666666;
  border-width:1px;
	overflow:hidden;
  width:798px;
  height:307px;
}

#dLanguages {
  position:absolute; 
  top:2px; 
  left:695px;
  float:none; 
  z-index:10;
}

#dFollow {
  position:absolute; 
  top:30px;
  left:710px;
  float:none; 
  z-index:10;
  padding:5px;
}

#dH1 {
  position:absolute; 
  top:2px; 
  left:20px;
  float:none; 
  z-index:10;
}

#dSearchField {
  position:absolute;
  top:84px;
  left:606px;
  float:none;
  z-index:10;
}

.searchexample {
  border:1px solid #FaFaFa;
  padding: 6px 6px;
  margin: 9px 3px 8px 3px;
}

#imgHeaderBackground {
  border:0;
}

.cImgHeaderOtherLanguage
 {
	border:0;
	width:40px;
	height:30px;
	vertical-align: top;
 }

#dBody {
	background-color: white;
	border-style: solid;
	font-weight: 300;
	text-align:center;
	border-color : #333333;
  border-width:0px 1px 1px 1px;
	margin-bottom:10px;
  display:block;
  min-height:800px;
}

nav {
	background-color: #F0F2FA;
	border-style: solid;
	padding: 10 10 10 10 ;
	text-align:center;
	border-color : #DDDDDD;
    border-width:1px 2px 2px 2px;
	color : black;
} 


#dContent {

}

#dConversionSummary {
	clear:both;
  padding:8px 4px 8px 4px;
	font-size : 15px;
	font-weight: 300;
	text-align:center;
	border-style: solid;
	border-color : #DDDDDD;
  border-width:0px;
	color : #8888AA;
	
}

#dInfobox {
  margin:15px 0px 5px 10px;
  font-weight: 300;
	text-align:center;
	overflow:hidden;
  font-size:0.85em;
  color:#224222;
  width:100%;
}

#dInfobox .info {
  white-space: nowrap;
  display:block;
  clear:both;
}

#dInfobox .title {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow:hidden;
  text-align: right;
  float:left;
  width:50%; /* see also media.css */ 
}

#dInfobox .value {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow:hidden;
  text-align:left;
  font-weight:700;
  padding-left:2%;
  width:48%; /* see also media.css */  
}

#infobox a:link {
  text-decoration:none;
}

#dCtlDescription {
  margin-top:5px;
	color:black;
	width:100%;
	overflow:hidden;
}

#dForm {
}

#dFormLeft {
	float:left;
	width:45%;
}
#dFormCenter {
	float:left;
	width:10%;
}
#dFormRight {
	width:45%;
	float:right;
}

#dConversionBase
{
	clear:both;
	width:100%;
}

#dConversionBaseLeft
{
	width:45%;
	float:left;
  margin:10px 0px 5px 0px;
}

#dConversionBaseRight
{
	width:45%;
	float:right;
  margin:10px 0px 5px 0px;
}

.adLeaderboard
{ 
	margin:9px auto 13px auto;
  padding:0;
	clear:both;
  width:728px;
  overflow:hidden;
}

.adLeaderboardBottom
{
	margin:9px auto 13px auto;
	clear:both;
  width:97%;
  overflow:hidden;
}

.adRight {
  position:absolute;
  left:807px;
  top:5px;
}

#dUnitChange
{
  display:inline-block;
  position:static;
	width:100%;
  margin-top:30px;
}

#dUnitChangeLeft
{
	width:50%;
	float:left;
	text-align:left;
}

#dUnitChangeRight
{
	width:50%;
	float:right;
	text-align:left;
}

.cUnitRemark
{
	clear:both;
  padding:3px;
  margin:8px 7px 0px 7px;
	border: 1px solid #E0E0E0;
	background-color: #FaFaFa;
	display:block;
	font-size:12px;
}

footer {
	margin-top:15px;
	margin-bottom:20px;
	border-style: solid;
	font-size : 12px;
	font-weight: 300; 
	text-align:center;
	border:0px;
	color : black;
	overflow:hidden;
	clear:both;
	display:block;
}

.cFormTitle{
  padding-top:5px;
  padding-bottom:5px;
  min-height:50px;
 }
 
.cShowcase {
	background-color: #FFF;
	border-style: solid;
  padding:4px 3px 1px 3px;
  margin: 2px 2px 2px 2px;
	font-size : 0.9em;
	font-weight: 300;
	text-align:center;
	border-color : #DDD;
  border-width:1px 2px 2px 1px;
	color : #555;
	width:385px;
	height:99px;
	float:left;
	cursor: pointer;
  border-radius:3px;
}
div.cShowcase:hover {	background-color: #F0F2FA;	border-color : #555555;}

h2.showcase {font-size:1.2em;color: #E0691A;	background: inherit;text-decoration:none;font-weight:300;margin-top: 0;margin-bottom: 0;}

#dBookmark { 
  padding: 15px 0px 15px 10px;
	clear:both;
}

input.permalink {
  width:80%;
}

#dOtherLanguages {
  position:relative;
  display:inline-block;
	clear:both;
  margin:8px 0px 0px 0px;
}
.cOtherLanguage {
	width:384px;
	float:left;
	margin:3px;
  padding:8px 1px 8px 1px;
	/*border: #DDDDDD solid 1px;*/
	font-size:0.8em;
	overflow:hidden;
}

.cHighBox {
  height:108px;
}

.cImgOtherLanguage
{
	border:0;
	width:60px;
	height:30px;
}

div.showcase:hover {	background-color: #F0F2FA;	border-color : #555555;}
a.aShowcaseText{	color: #232323;	background: inherit;text-decoration:none;}


.treeview ul {margin: 0;padding: 0;}
.treeview li {margin: 10px 2px 2px 2px; padding: 4px 0 0 5px;border:1px dotted #E0E0E0;background-color:#F0F2F0;}
.treeview li.submenu ul{margin: 10px 5px 4px 4px;}
.treeview .submenu ul li{margin:3px 3px 3px 0px;padding:2px 3px 3px 4px;}

.treeview li.lihover {background-color:white;cursor: pointer; border:1px solid transparent;border-radius:3px;text-overflow: ellipsis;white-space: nowrap;overflow:hidden;}
.treeview li.lihover:hover{background-color:#F0A9AA;}

.treeview .lihoverselected {background-color:#FFEEEE;color:black;border-radius:3px;border:1px solid blue;border-radius:3px;text-overflow: ellipsis;white-space: nowrap;overflow:hidden;}

h4.changeto{
  font-size:1.2em;
  color:#40190A;
  border-radius:4px;
  background-color:#F0F2FA;
  text-decoration:none;
  font-weight:normal;
  text-align:center;
  margin:0 2% 0 2%;
  border:1px solid blue;
  overflow:hidden;
  text-overflow: ellipsis;
  white-space:nowrap;
}
a.changeto{font-size:1em;color: #40190A;background: none;text-decoration:none;}
a.changetobold{font-size:1em;color: #40190A;background: none;text-decoration:none;font-weight:700;}
a.changetogroup{font-size:1em;color: black; background: none;text-decoration:none;font-weight:700;}
 
a.small{font-size:0.6em;color: #A0691A;	background: inherit;text-decoration:none;}
a.small:hover {font-size:0.6em;color: #6C757A; background: inherit; }
a.conversionbase{font-size:0.75em;color: #335533;} 

#pagetitle {
  padding: 7px 0px 5px 0px;
	font-size : 1.1em;
	font-weight: 700;
	text-align:center;
	color : black;
}


.pagesubtitle {
  padding: 10px 0px 6px 0px;
	font-size : 1em;
	font-weight: 600;
	font-style:italic;
	letter-spacing: 3px;
	text-align:center;
	color : black;
}

.searchresultmessages {
  text-align:left;
  font-size:20px;
  color:black;
  margin:18px 0px 15px 0px;
}

.searchresultmessage {
  position:relative;
  display:block;
  float:left;
  border:1px solid #ccc;
  width: 378px;
  height:80px;
  margin:2px 4px 2px 6px;
  padding:2px 2px 1px 2px;
  font-size:14px;
  cursor:pointer;
  background-color:white;
  overflow:hidden;
  font-size:20px;
  text-align:center;
}


a.searchresultmestitle, a.searchresultmestitle:link, a.searchresultmestitle:visited {
  text-decoration:none;
  color:black;
}

a.searchresultmessubtitle , a.searchresultmessubtitle:link,a.searchresultmessubtitle:visited {
  text-decoration:none;
  color:black;
  font-size:12px;
  line-height:15px;
}


.searchresultcategories {
  text-align:left;
  font-size:20px;
  color:black;
  margin:18px 0px 15px 0px;
}

.searchresultcategory {
  position:relative;
  display:block;
  float:left;
  border:1px solid #ccc;
  width: 180px;
  height:30px;
  margin:2px 4px 2px 6px;
  padding:4px 2px 1px 2px;
  font-size:14px;
  cursor:pointer;
  background-color:white;
  overflow:hidden;
  font-size:20px;
  text-align:center;
  
  overflow:hidden;
  text-overflow: ellipsis;
  white-space:nowrap;
}

.searchresultcategory:hover {
  background-color: #F0F2FA;
}

a.searchresultcattitle, a.searchresultcattitle:link, a.searchresultcattitle:visited {
  text-decoration:none;
  color:black;
}

a.searchresultcatsubtitle, a.searchresultcatsubtitle:link,a.searchresultcatsubtitle:visited {
  text-decoration:none;
  color:black;
  font-size:12px;
  line-height:15px;
}


.searchresultmain {
  text-align:left;
  font-size:20px;
  color:black;
  cursor:pointer;
  margin:20px 0px 0px 0px;
  text-align:center;
}


a.searchresulttitle, a.searchresulttitle:link, a.searchresulttitle:visited {
  text-decoration:none;
  color:black;
}

a.searchresultsubtitle, a.searchresultsubtitle:link,a.searchresultsubtitle:visited {
  text-decoration:none;
  color:black;
  font-size:12px;
}

input.searchfield {
	background-color: #EEEEEE;
	border: 1px solid #555555;
	padding:2px;
	font-size: 20px;
	color: #330000;
  margin:10px;
}

.searchconversiondiv {
  position:relative;
  display:inline-block;
  float:left;
  border:1px solid #ccc;
  width:31.5%;
  height:38px;
  margin:2px .5% 2px .5%;
  padding:2px 2px 1px 2px;
  font-size:0.9em;
  background-color:white;
  cursor:pointer;
}

.searchconversiondiv:hover {
  background-color: #F0F2FA;
}

.searchconversions{
  margin-top:20px;
  width:100%;
}

#ujsearch {
  min-height:300px;
  border-bottom:1px solid black;
  padding:0 0 45px;
  margin:15px 0px 0px 0px;
  
}

ul.ujmenu > li {
  padding:10px 6px 6px 9px;
  float:left;
  cursor:pointer;
  color:blue;
}

ul.ujmenu > li:hover {
  background:white;
}

ul.ujmenu > li.selected{
  background:white;
}

ul.ujmenu a:link,ul.ujmenu a:hover  {
  text-decoration:none;
  color:#E0691A;
} 


input.ujsearchfield {
	background-color: #EEEEEE;
	border: 1px solid #555555;
	padding:2px;
	font-size: 1em;
	color: #330000;
  text-align:center;
}

input.converter {
  width:50%;
	background-color: #EEEEEE;
	border: 1px solid #555555;
	padding:2px;
	font-size: 1em;
	color: #330000;
  text-align:center;
}

/* ****************** BOXES BLOCK ***************** */

.pdiWhiteBox {
  display:block;
  position:relative;
  /*border: 1px solid #ddd;*/
  border-left:0px;
  border-right:0px;
  border-top: 1px solid #E0E0E0;

  overflow: hidden;
  margin:0px 0px 0px 0px;
}

.pdiWhiteBox > .box {
  background-color:white;
}

.pdiWhiteBox > .box > .boxtitle {
  position:absolute;
  color:#C1D4E1;
  font-size:1.2em;
  top: 0px;
  left:0px;
  text-align: left;

  padding:1px 3px 2px 7px;
  letter-spacing:6px;
  border-right: 1px solid #E0E0E0;
  border-bottom: 1px solid #E0E0E0;
}

.pdiWhiteBoxHover:hover > .box > .boxtitle {
  border-right: 2px solid #444444;
  border-bottom: 2px solid #444444;
  border-top:1px solid #444444;
  border-left:1px solid #444444;
}

.pdiWhiteBox > .box > .boxcontent {
  position:relative;
  padding:26px 0px 5px 0px;
  font-size:1em;
}

.pdiBubble {
  margin:10px 10px 10px 10px;
  -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.2); 
  -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.2); 
  box-shadow: 0 1px 1px rgba(0,0,0,0.2);
}

.pdiBubble > .inner {
  color: #ada771; 
  background: #f9f9dc; 
  border: 1px solid #fbfbef; 
  -moz-box-shadow: inset 0 0 45px #efefc0; 
  -webkit-box-shadow: inset 0 0 45px #efefc0; 
  box-shadow: inset 0 0 45px #efefc0;
  padding:8px 10px 12px 55px;
  background-image: url(/pic/info_35.png);
  background-repeat:no-repeat;
  background-position:left center;
}

.pdiBubble > .inner > h4 {
  font-size:0.9em;
  font-weight:bold;
}

.pdiBubble > .inner > p {
  font-size:0.8em;
  text-align: justify;
}
/* ****************** EOF BOXES BLOCK ***************** */ 

/* ****************** MEDIA QUERIES BLOCK ***************** */ 


 
/* MEDIUM : Medium size */ 
@media only screen  and (max-width: 1010px) {
  .hideFromMedium {
    display:none;
  }
}

/* ****************** EOF MEDIA QUERIES BLOCK ***************** */

@media only print {
  .adLeaderboard, .adLeaderboardBottom, #boxlanguages, #boxunits, #boxdisqus, #boxshare, #dFollow, #dLanguages, #dSearchField {
    display:none
  }
  
  * {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    filter: grayscale(100%);
  }
  
  .cShowcase, #boxpermalink {
    page-break-inside:avoid;
  }
  
}

/* BIG : Big size */
@media only screen and (min-width: 1010px) { /* 1180px */ 
  
  body {
    font-size:18px;
  }
  
  #dWrapperRightAd {
    width:1168px;
  }
  
  #dWrapper {
    width:1000px;
  }
  
  #dMain {
      width:1000px;
  }
  
  header {
    width:998px;
    height:150px;
  }

  .cShowcase {
    width:485px;
  }
  
  #dFollow {  
    top:50px;
    left:890px;
    float:none; 
    z-index:10;
  }
  
  #imgHeaderBackground {
    width:1000px;
  }
  
  #dLanguages {
    display:block;
    position:absolute; 
    top:4px; 
    left:880px;
    float:none;
    z-index:10;
  }
  
  #dSearchField {
    display:block;
    position:absolute;
    top:110px;
    left:780px;
    float:none;
    z-index:10;
  }

  .adLeaderboard {
    /*width:980px;*/
    margin:15px auto;
  }
  
  .adRight {
    left:1007px;
  }
  
  .cShowcase {
    width:485px; 
  }
  
  .cOtherLanguage {
    width:488px;
  }
  .searchresultmessage {
    width:48%;
  }
  
  .searchconversiondiv {
    width:23%;
  }
  
  .hideFromBig {
    display:none;
  }
}
.midcentered {
margin-left: auto ;
margin-right: auto ;
display:block;
width: 100%;
text-align:center;
}
.midspaced {
margin-left: auto ;
margin-right: auto ;
display:block;
width: 76%;
white-space:pre-wrap;
}
/* ****************** EOF MEDIA QUERIES BLOCK ***************** */