@font-face {



  font-family: 'Titillium Maps';



  src: url("../fonts/TitilliumMaps29L002.eot");



  src: local('Titillium Maps'), local('TitilliumMaps'),



    url("../fonts/TitilliumMaps29L002.otf") format("opentype"),



    url("../fonts/TitilliumMaps29L002.woff") format("woff");



}











*{ margin: 0; padding: 0;word-spacing:.1px;}







body



{



  background: #ddd /* url(../images/bg2.png) repeat-x*/;



  color: #333;



  font-family: helvetica, sans-serif;



  font-size: 100.01%; padding: 0px; position:relative;



}



a:link,a:visited{  color:#116A95;  text-decoration:underline;}



a:hover,a:active,a:focus{  color:#095197;text-decoration:none;}



img { border: 0 none; }



ul{ list-style-type:none;}



h3{font-size:1.1em; font-weight:bold; margin:10px 0}



h4{ font-size:1em;}



fieldset{ margin:10px 0 ; padding:15px 0px; border:solid 1px}



p{ line-height:1.7em; margin:5px 0; color:#000; text-align:justify; padding:6px 0;}







/* ######################################################## */



/* ############### Basic Design Control ################### */



/* ######################################################## */







.logoheader{background:#415034 url(../images/jll-banner.jpg) no-repeat top left}



.site_name{ color:#fff;}



#header ul.menu{  background-color:#221F1F; 



border-top:1px solid #221F1F;



border-bottom:1px solid #221F1F;



background-image: -webkit-linear-gradient(top,#333131,#221F1F);



background-image: -moz-linear-gradient(top,#333131,#221F1F);



background-image: -ms-linear-gradient(top,#333131,#221F1F);



background-image: -o-linear-gradient(top,#333131,#221F1F);



text-transform:capitalize;}







#nav h3{



  background:#ccc;



  color:#111;



  /*background: #fff url(../images/bg_h3.png) no-repeat top left;*/



  border:1px solid #c7c7c7;



  border-top-left-radius:6px;



  border-top-right-radius:6px;  



}







#right h3{



  background:#ccc;



  color:#111;



  border:solid 1px #c7c7c7;



  /*background: #fff url(../images/bg_h3.png) no-repeat top left;*/



  border-top-left-radius:6px;



  border-top-right-radius:6px;



}







.leftnav{ width:95.5% !important;background:#221F1F !important; color:#fff !important; border-top-left-radius:6px;border-top-right-radius:6px;padding:11px 0 9px 8px !important; border:1px solid #555;}











/* ###################### general ###################### */







#all{margin: 6px auto; max-width:1000px; padding: 0px; color: #333;  border:solid 0px ;  background:#fff;font-size: 0.8em;box-shadow:0px 0px 12px #aaa;}



#back{ margin: 0;padding:0px; width:100%; }







.logoheader{min-height:137px; margin:0em 0px 0 0px !important; padding:0; line-height:1.5em; border-top:2px solid #000;  ;color:#fff;text-align:left;font-weight:normal;}















#logo{ height:130px;padding:0px 0 0 0 ; margin:4px 0px 2px 35px; width:130px; float:left; border:0}



#logo img{ display: block;}



#logo span{color:#fff;padding-left:50px;font-size:0.3em !important;text-transform:none;font-family:arial, sans-serif; padding-left:2px}



#logo span.header{font-size:0.4em;display:block; top:0em;line-height:0.8em}





.site_name{ w width:80%;  margin:22px  0px 0px 30px; float:left; line-height:28px;}

.site_name h1{margin-bottom:3px;font-size:28px;}

.site_name .issn{width:700px; font-size:21px; text-align:center;padding:4px 20px 2px 0px; line-height:40px; font-weight:bold}

.site_name .doi{display: block; font-weight: bold; font-size: 17px;}







#header{ width:100%; display:block !important; position:relative; padding: 0px 0 0 0;overflow:hidden; margin:0;background:#fff;font-size:1em ;}







#contentarea, #contentarea2{position:relative;overflow:hidden; padding:0px 10px !important;  margin-top:0px;}







#wrapper{width:58%;float:left;position:relative;}



#main{padding: 0px 0px 20px 0px; position: relative; min-height:420px;}







#right{float:right;width: 21%;margin:-5px 0px 10px 0;padding:0px 0px 0px 0px; position:relative;}



.left1{padding:0px 0 0 0px;float: left;margin:-6px 0 10px 0px;width: 21%;position:relative}







#line{ padding:5px 0px 2px 2px;position:absolute;right :20px;top:5em;max-width:38em;}



#top{  margin:0 0 20px 0; overflow:hidden}







/* ##########################  header  ########################### */







.aripdvisitor{ margin:8px auto; line-height:20px; width:185px; background:#eee;}



.aripdvisitor tr td{ padding:2px 6px; color:#222; border-bottom:1px solid #ddd;}











/* ++++++++++++++  Menu, Navbar  ++++++++++++++ */







#header ul.menu



{



  height:44px;



  text-align:left;



  left:0px;



  display:block;



  list-style-type:none !important;



  padding: 0px 0px 0px 10px; margin:0px 0px 0 0px; 







}



#header ul.menu li{ display:inline ; border:0; margin:0 !important;}



#header ul.menu li a:link, #header ul.menu li a:visited



{



  color:#fff;



  border:0 ;



  font-weight:normal;



  text-decoration:none;



  font-size:13px;



  padding:14px 15px; position:relative; display:inline-block;



}



#header ul.menu li a:hover,



#header ul.menu li a:active,



#header ul.menu li a:focus



{



  background:#494646 ;



  color:#fff;



}



#header ul.menu li.active a:link,



#header ul.menu li.active a:visited



{



  color:#f5f5f5;



  background:url(../images/navi_active.png) ;



  text-shadow: 1px 1px 1px #000;



}







#header ul li.active a:link,



#header ul li.active a:visited



{



  color:#f5f5f5;



  background:url(../images/navi_active.png) ;



  text-shadow: 1px 1px 1px #000;



}















/* ##########################  breadcrumbs  ########################### */







#breadcrumbs{ padding:0 0 0 0px; text-align:left;  margin:15px 20px 15px 0px; font-size:0.85em}











/* ##########################  navigation column  ########################### */







#nav ul{list-style-type:none; margin:0px 0;}







.module_content{ margin:0px 0 0px 0; padding:0px 0px 10px 5px}







.moduletable{margin:0px 0px 30px 0;padding:0px 0;}







.moduletable_menu{ margin:0px 0 10px 0;}







.moduletable_js{ margin-bottom:5px;}



















/* ++++++++++++++ Left Menu bar   ++++++++++++++ */







.moduletable ul.menu{ list-style-type:none !important; margin:0 0 0px 0px ;padding: 0px 0px 5px 0px;}







.moduletable ul.menu li{ margin:0; }







.moduletable ul.menu li a:link, ul.menu li a:visited{ display:block; padding:4px 4px 4px 13px;  text-decoration:none;}







.moduletable ul.menu li.active a:link, ul.menu li.active a:visited{  font-weight:bold;}







.moduletable ul.menu li a:hover, ul.menu li a:active, ul li a:focus{}







#nav .moduletable-example ul.menu



{



  background:#fff;



  border:0;



}







.moduletable ul.menu



{



  border:0;



  background: /* url(../images/nature/nav_level_1.gif) repeat-x */;



  border:solid 0px #eee;



  list-style-type: !important;



}







.moduletable ul.menu li{



  border-bottom:dotted 1px #ccc;



  background: #fff url(../images/nav_level_1.gif) repeat-x ;



  padding:2px 0;



  /*background:url(../images/menu_arrow.gif) top left no-repeat;*/



}







.moduletable ul.menu li a:link,.moduletable ul.menu li a:visited{



  color:#000;



  /*background:url(../images/nature/karo.gif) 5px 12px no-repeat;*/



}







.moduletable ul.menu li.active a:link,.moduletable ul.menu li.active a:visited{ color:#333;}







.moduletable ul.menu li a:hover,.moduletable ul.menu li a:active,.moduletable ul.menu li a:focus,.moduletable ul.menu li.active a:hover,.moduletable ul.menu li.active a:active,.moduletable ul.menu li.active a:focus



{



  background: #fff url(../images/nav_level_1.gif) repeat-x ;



  color:#095197;



  border-left:0px solid #006699;



}







.module_content ul.menu{



  border:0;



  ist-style-type:none !important;



}















/* ##########################  right - left column  ########################### */







#right .moduletable{margin:0px 0px 20px 00px;padding:0px 0 4px 0;}







#right ul{ list-style-type:none; margin:4px 0 10px 0; padding:0px 0 0 0px; position:relative;}







.module_content{border:solid 1px #ddd;}







#nav h3{



  width:96.5%;



  padding:10px 0 8px 7px;



  margin:0 0px 0 0;



  text-align:left;



  font-size:15px;







}







#right h3{



  width:96.5%;



  text-align:left;



  padding:10px 0 8px 7px;



  font-size:15px;



   margin:0;



}















.newsflash, .custom{width:100%; height:100%;border:1px solid #c7c7c7; border-bottom-left-radius:6px;border-bottom-right-radius:6px; border-top:0px; margin:0 0 0 0; padding:2px 0 10px 0}







.newsflash p, .custom p{ padding-left:4px; padding-right:4px;}















/* ++++++++++++++  latest, popular  ++++++++++++++ */







.moduletable ul.latestnews



{



        margin:0px 0 0 0px;



        padding:0 0 0 0px;



        list-style-type:disc !important;



		list-style-position:inside;



		



}







.moduletable ul.latestnews li a



{



    padding:2px 2px 2px 2px ;



    display:block;



    text-decoration:underline;



	font-size:12px;



	font-family:Tahoma, Geneva, sans-serif



}







.moduletable ul.latestnews li



{



    padding:2px 2px 2px 4px ;



}







/* ++++++++++++++  newsflash  ++++++++++++++ */



.newsflash{margin:0px;}



.latestnews li a:link,.latestnews li a:visited{



  /*background: url(../images/latest_news.png) 2px 7px  no-repeat ;*/



}











.latestnews li a:hover,.latestnews li a:active,.latestnews li a:focus



{



  text-decoration:underline;



 /* background: url(../images/latest_news.png) 2px 7px  no-repeat ;*/



}















/* ##########################  main  ########################### */







#main {padding:0px 7px 20px 7px;}



#main h1{  padding: 5px; font-size:1.1em; line-height:1.19em; font-weight:normal;margin:0 -5px 10px -5px;color:#111;  border-bottom:solid 2px #aaa; text-align:left !important;}







#main h2{



  font-size:1.4em;



  font-weight:normal;



  padding:5px 0px 3px 2px;



  color:#222;



  /*background: url(../images/contentheading_ico.png) no-repeat center left;*/



  border-bottom:dotted 1px #aaa;



  font-weight:bold;



		



}







#main h3, #main h4{color:#555;}











#main h2 a{color:#095197}







#main h3{ margin:20px 0 10px;}











.item{ padding:0px 5px 10px 5px;  display:block}







.item h2{  margin:0 0px 0px 0px}







.item-page{ padding:0 5px; display:block; overflow:hidden}







#main ul{



        list-style-position:outside;



        list-style-type:square;



        padding:0 0 0 15px;



        margin:10px 0 10px 0px;



}







#main ol{



        padding:0 0 0 20px;



        margin:10px 0 10px 0px;



        list-style-position:outside



}







#main ul li,#main ol li{



        padding:0;



        line-height:1.7em;



        margin: 0;



}











/* ++++++++++++++  top  ++++++++++++++ */







#top h2{



        font-size:1.4em;



        font-weight:normal



}











/*#################### tables ############################ */







table{border-collapse:collapse}







td p{margin:0;line-height:1.3em}















/* ##########################  contentarea  ########################### */







#contentarea,#contentarea2{background:#fff; border:1px solid #ccc;}



#contentarea2 ul{ list-style-type:none}











/* ##########################  content - main   ########################### */







.item-page table{margin:0 0 20px 0; font-family:Helvetica, sans-serif !important; padding-top:0}



.item-page table tr{font-family: Helvetica, sans-serif !important }



.item-page table tr td{ padding:6px 6px 6px 2px; font-family: Helvetica, sans-serif !important; line-height:19px; border-bottom:1px solid #ddd; letter-spacing:.1px}



.item-page table tr td em{ font-weight:normal;font-family: Helvetica, sans-serif !important; padding-left:8px; padding-top:4px; line-height:22px}











/* ++++++++++++++++++++ headings +++++++++++++ */







/* ++++++++++++++  readmore  ++++++++++++++ */



.readmore a:link,.readmore a:visited,a.readmore:link,a.readmore:visited{ padding:3px 6px; background:#ddd;  border:solid 0px #ddd; margin:0 0 0 6px; text-decoration:none;}







.readmore a:hover,.readmore a:active,.readmore a:focus,a.readmore a:hover,a.readmore a:active,a.readmore a:focus{  background:#999; color:#fff; text-decoration:none;}



a.readmore:hover,a.readmore:active,a.readmore:focus{  background:#999;  color:#fff;  border:0px;}















/* ##########################  footer   ########################### */







#footer-inner{  max-width:1025px;  margin:0 auto; font-size:0.8em; padding:10px 15px 15px 10px; background:#f5f5f5 url(../images/footer.jpg) repeat-x left bottom;  border-top:solid 1px #ddd}







#footer-sub{padding:0px}







#footer{



  padding:6px 10px 15px 20px;



  text-align:right;



  margin:0 auto;



  display:block;



  max-width:1020px;



  overflow:hidden;



  color:#444;



  border-top:solid 0px #ccc;



  text-align:center;		



}







#footer div{ float:left;font-size:0.8em;line-height:1.7em;}



#footer-outer{padding:0;}



#footer p{ margin:0; font-size:11px; color:#777;}



#footer a{  color:#000099;}



#bottom a img{border:0}