
/* file extensions */

div.arec_file{
  background: transparent;
}
.arec_file, .arec_dir{
  padding-left: 20px;
  background: url("../images/file_extensions/unknown_16x16.gif") 0 center no-repeat;
}
.arec_dir{
  background-image: url("../images/file_extensions/dir_16x16.gif");
}
.arec_ext_pdf{
  background-image: url("../images/file_extensions/pdf_16x16.gif");
}
.arec_ext_rar{
  background-image: url("../images/file_extensions/rar_16x16.gif");
}
.arec_ext_exe{
  background-image: url("../images/file_extensions/exe_16x16.gif");
}
.arec_ext_txt{
  background-image: url("../images/file_extensions/txt_16x16.gif");
}
.arec_ext_zip{
  background-image: url("../images/file_extensions/zip_16x16.gif");
}
.arec_ext_gif{
  background-image: url("../images/file_extensions/gif_16x16.gif");
}
.arec_ext_jpg{
  background-image: url("../images/file_extensions/jpg_16x16.gif");
}

div.arec_text, div.arec_img, div.arec_file, div.arec_dummy{
  margin: 0.5em 0;
}
div.arec_img dl, div.arec_img dt, div.arec_img dd{
  display: block; margin: 0; padding: 0; font-weight: normal; font-size: 1em; font-style: normal;
}
/* align */
div.arec_align_left{
  text-align: left;
}
div.arec_align_center{
  text-align: center;
}
div.arec_align_right{
  text-align: right;
}
div.arec_align_justify{
  text-align: justify;
}

/* float */
div.arec_img{
  margin-top: 0 !important;
}
div.arec_float_left{
  float: left; margin: -0.5em 1.5em 0.5em 0;
}
div.arec_float_right{
  float: right;  margin: -0.5em 0 0.5em 1.5em;
}

/* clear */
div.arec_clear_left{
  clear: left;
}
div.arec_clear_right{
  clear: right;
}
div.arec_clear_both{
  clear: both;
}

#arec_img_large{
  background: #FFF; padding: 1em;
  border: 1px solid #C0C0C0;
  text-align: right;
}
#large_img_loading{
  background: url("../images/large_img_loading.gif") 4px 4px no-repeat #FFF;
  line-height: 27px; height: 27px; padding: 4px 4px 4px 35px; color: #000;
  margin-left: -90px;
}

#tooltip{
  font-family: Arial; font-size: 1em;
  display: none; position: absolute; top: 0; left: 0; padding: 0.2em;
  background: #fefeff; color: #767676;
  border: 1px solid #767676;
  -moz-border-radius: 0.3em;
  text-align: left;
}
#tooltip h3{
  margin: 0; padding: 0;
  font-size: 1em; letter-spacing: 0; line-height: 1.2em;
  background: #fefeff; color: #767676; font-weight: normal;
  height: inherit;
}
#tooltip strong{
  color: #767676;
}


#arec_ib{
  position: absolute; top: 150px; left: 50%; width: 150px; height: 150px; margin-left: -75px; margin-top: -75px; z-index: 9990;
  padding: 5px; background: #FFF;
  border: 1px solid rgb(150,150,150); 
  background: #FFF; border: 1px solid rgb(80,80,80);
}
#arec_ib img{
  margin: 0; padding: 0;
  /* border: 1px solid #000; */
}

#arec_ib_preloader{
  position: absolute; top: 50%; left: 50%; margin-left: -14px; margin-top: -14px;
  background: url("../images/arec_imagebox/preloader.gif") top left no-repeat;
  width: 27px; height: 27px;
}
#arec_ib_headline{
  background: #FFF;
  border-color: rgb(80,80,80) !important;
  color: rgb(80,80,80); font-weight: bold; font-size: 1.2em;
  line-height: 31px;
  overflow: hidden;
}
#arec_ib_desc{
  background: #FFF;
  border-color: rgb(80,80,80) !important;
  color: rgb(80,80,80); line-height: 31px;
  overflow: hidden;
}
#arec_ib_desc div, #arec_ib_headline div{
  padding: 0 0.5em;
}
.arec_ib_nav a{
  display: block; margin: 0;
  border: 1px solid rgb(80,80,80);
  width: 37px; height: 37px;
}
.arec_ib_nav a.arec_ib_prev{
  background: url("../images/arec_imagebox/prev.gif") top left no-repeat;
  float: left; margin-left: 2px;
}

.arec_ib_nav a.arec_ib_next{
  background: url("../images/arec_imagebox/next.gif") top left no-repeat;
  float: left; margin-left: 2px;
}

.arec_ib_nav a.arec_ib_close{
  background: url("../images/arec_imagebox/close.gif") top left no-repeat;
  float: right;
}

.arec_ib_nav a.inactive{
  cursor: default;
}
.arec_ib_nav a.arec_ib_prev.inactive{
  background-image: url("../images/arec_imagebox/prev_i.gif");
}
.arec_ib_nav a.arec_ib_next.inactive{
  background-image: url("../images/arec_imagebox/next_i.gif");
}
.arec_ib_button{
  background-color: rgb(80,80,80) !important;
}
.breadcrumb{
	margin: 0 0 1em 0;
}
.breadcrumb a{
	color: rgb(80,80,80);
	}
.breadcrumb a.last{
	text-decoration: none;
}
.arec_nav_left, .arec_nav_top, .arec_nav_left ul, .arec_nav_left ul ul{ /* ul */
	display: block; margin: 0; padding: 0;
}
.arec_nav_left li, .arec_nav_top li{
	float: left;
  display: block; margin: 0; padding: 0;
  list-style: none; background: none;
}
.arec_nav_left li{
  width: 100%;
}
.arec_nav_left a{
  display: block; margin: 0; padding: 0 0 0 1em;
  line-height: 2em; text-decoration: none;
}
.arec_nav_top a{
  display: block; margin: 0; padding: 0 1em;
  line-height: 2em; text-decoration: none;
}
.arec_nav_left ul a{
  padding-left: 2em;
}
.arec_nav_left ul ul a{
  padding-left: 3em;
}

