/*ARTICLE*/

.form_article {
  padding: 0px;
  margin: 5px;
}
.form_article table {
  width: 100%;
}
.form_article table tr td.label {
  vertical-align: middle;
  text-align: right;
  padding-right: 5px;
  font-size: 90%;
  font-weight: bold;
  color: #666666;
  width: 15%;
}
.form_article table tr td.label_top {
  vertical-align: top;
  text-align: right;
  padding-right: 5px;
  font-size: 90%;
  font-weight: bold;
  color: #666666;
  width: 15%;
}
.form_article table tr td.input {
  vertical-align: middle;
  color: #333333;
  font-size: 90%;
  font-style: italic;
}
.form_article table tr td.right {
  vertical-align: middle;
  text-align: right;
}
.form_article .article_input {
  width: 90%;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 98%;
  letter-spacing: -1px;
  color: #333333;
  font-weight: bold;
  padding: 5px;
  border: 1px solid #AAA;
  border-bottom: 1px solid #CCCCCC;
  border-right: 1px solid #CCCCCC;
}
.form_article .article_button {
  font-size: 11px;
  padding: 1px;
}
.form_article .article_check {
  margin: 0px;
  padding: 0px;
  vertical-align: middle;
}
.form_article .article_combo {
  width: 92%;
  padding: 5px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 98%;
  color: #333333;
  border: 1px solid #AAA;
  border-bottom: 1px solid #CCCCCC;
  border-right: 1px solid #CCCCCC;
}
/*
.form_article .article_txtarea {
  width: 100%;
  height: 200px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 97%;
}
*/
.form_article .article_txtarea {
  width: 90%;
  height: 50px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 97%;
  font-style: italic;
  padding: 5px;
  color: #333333;
  border: 1px solid #AAA;
  border-bottom: 1px solid #CCCCCC;
  border-right: 1px solid #CCCCCC;
}

.form_article table td span.label {
  display: block;
  margin-top: 5px;
  margin-bottom: 2px;
  font-size: 90%;
  font-weight: bold;
  color: #666666;
}
.form_article table td span.text {
  font-size: 95%;
  color: #333333;
}

/* FOR FORM ARTICLE - Languages */
.form_article table td label {
  width: 100px;
  text-align: left;
  margin-right: 5px;
  font-size: 95%;
  color: #666666;
  float: left;
  padding: 5px;
  font-weight: bold;
}
.form_article table td .div-langs {
  float: left;
}
.form_article table td .langs-sel {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
  font-size: 100%;
  color: #BBBBBB;
}
ul.langs-sel li {
  display: block;
  padding: 0 0 2px 0;
  margin: 0 0 3px 0;
  height: 15px;
}
ul.langs-sel li.deactive .lang-state,
ul.langs-sel li.active .lang-state {
  padding-left: 1px;
  color: #BBBBBB;
  font-weight: bold;
  /*font-size: 90%;*/
}
ul.langs-sel li.active .lang-state {
  color: #555555;
}
ul.langs-sel li.deactive .lang-code,
ul.langs-sel li.active .lang-code {
  font-size: 85%;
  color: #BBBBBB;
}
ul.langs-sel li.active .lang-code {
  color: #555555;
}
ul.langs-sel li.deactive img.flag,
ul.langs-sel li.active img.flag {
  border: none;
  position: relative;
  top: 1px;
}
ul.langs-sel li.deactive img.flag {
  filter: alpha(opacity=50);
  opacity: .5;
}
ul.langs-sel li.deactive .link-lang,
ul.langs-sel li.deactive .link-lang:hover,
ul.langs-sel li.active .link-lang,
ul.langs-sel li.active .link-lang:hover {
  -moz-transition: all 0.218s ease 0s;
  text-decoration: none;
  color: #BBBBBB;
  border: 1px solid transparent;
  border-radius: 3px 3px 3px 3px;
  padding: 1px 5px;
  /* background-color: #FFFFFF; */
  width: 180px;
  float: left;
}
ul.langs-sel li.active .link-lang,
ul.langs-sel li.active .link-lang:hover {
  color: #555555;  
}
ul.langs-sel li.deactive .link-lang:hover,
ul.langs-sel li.active .link-lang:hover {
  border: 1px solid #C0C0C0;
  color: #222222;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.15);
  background-color: #FFFFFF;
}
ul.langs-sel li input.lang-radio {
  position: relative;
  /*top: 2px;*/
  top: -1px;
  float: left;
}










/*ARTICLE preview*/
.article_item {
  margin-bottom: 20px;  
}
.article_item_sm {
  margin: 0px;
  width: 191px;
  height: 230px;
  float: left;
  overflow: hidden;
}
.article_item .article_top {
  margin-bottom: 3px;
  /*background-color: #F7F7F7;
  background-color: #F3F3F3;
  */ 
}
.article_item .article_top a,
.article_item .article_top span.article_name {
  color: RGB(129,129,129);
  color: #18507C;
  font-family: "Arial Narrow";
  margin-left: 4px;
  font-size: 220%;
  font-weight: normal;
  text-decoration: none;
  margin-bottom: 15px;
}
.article_item .article_top a:hover {
  color: RGB(205,215,162);
  text-decoration: none;
  background-color: transparent;
}

.article_item a {
  color: #355254;
  font-weight: bold;
  text-decoration: none;
}
.article_item a:hover {
  text-decoration: underline;
  color: #151B1E;
  background-color: transparent;
}
.article_image {
  float: left;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-top: 0px;
  position: relative;
  background: url('../gr/img_hover.png') no-repeat left 0px;
  width: 191px;
  height: 191px;
}
.article_image:hover {
  background-position: right 0px;
  background-color: transparent;
} 
.article_image a img {
  border: none;
  padding: 14px 0px 0px 14px;
}
.article_image a {
  padding: 0px;
  display: block;
  text-decoration: none;
}
.article_image a:hover {
  padding: 0px;
  display: block;
  text-decoration: none;
  background-color: transparent;
}
.article_item .article_bottom {
  border-bottom: 1px solid RGB(177,191,205);
  border-bottom: 1px solid #9BACA6; 
  height: 17px;
  margin-top: 2px;
  color: RGB(41,55,70);
  background: url('../gr/icon_user.png') no-repeat 1px 3px;
  padding-left: 15px;
  line-height: 17px;
}
.article_item_sm .article_bottom {
  margin-top: 2px;
  color: RGB(41,55,70);
  text-align: center;
  background: none;
  padding: 0px;
  line-height: normal;
  height: auto;
  border: none;
}
.article_item_sm .article_bottom .article_name a,
.article_item_sm .article_bottom .article_name a:hover { 
  color: black;
  font-size: 95%;
  text-decoration: none;
  background-color: transparent;
}
.article_item .article_bottom .article_name a:hover { 
  color: #444;
  font-size: 95%;
  text-decoration: underline;
  background-color: transparent;
}
.article_bottom a {
  display: block;
  text-decoration: none;
}
.article_bottom a:hover {
  display: block;
  text-decoration: none;
  background-color: transparent;
}
.article_item div.article_attach {
  background:url(../gr/icon_attach.gif) no-repeat top left;
  height: 14px;
  padding-left: 15px;
  font-size: 90%;
  float: left;
  margin-right: 10px;
}
.article_item .article_author {
  font-weight: bold;
  color: RGB(229,229,229);
  font-size: 90%;
}
.article_item .article_date {
  font-size: 85%;
}
.article_item .article_date_update {
  font-size: 85%;
  font-style: italic;
}


.article_item div.article_delete {
  width: 11px;
  height: 14px;
  background: url(../gr/icon_delete.gif) bottom right no-repeat;
  cursor: pointer;
  float: right;
  margin-right: 4px;
}
.article_item div.article_delete:hover {
  width: 11px;
  height: 14px;
  background: url(../gr/icon_delete_hover.gif) bottom right no-repeat;
  background-color: transparent;
}
.article_item div.article_edit {
  background: url(../gr/icon_edit.png) no-repeat left 0px;
  width: 15px;
  height: 14px;
  float: right;
  cursor: pointer;
  margin-top: 2px;
  margin-right: 4px;
}
.article_item div.article_edit:hover {
  background-position: right 0px;
  background-color: transparent;
} 




/*ARTICLE DETAIL*/ 

.article_item span.article_abstract {
  font-size: 98%;
  line-height: 140%;
  color: RGB(163,208,215);
  color: RGB(158,173,175); 
  font-style: italic;
  font-weight: bold;
  display: block;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 5px;
  margin-right: 5px;
}
.article_item span.article_text {
  font-size: 125%;
  line-height: 150%;
  color: RGB(41,55,70);
  color: RGB(23,29,30);
  display: block;
  margin-bottom: 15px;
  margin-left: 5px;
  margin-right: 5px;
}

.article_item span.article_text a {
  text-decoration: none; 
}
.article_item span.article_text a:hover {
  text-decoration: underline; 
}

.articlespacer {
  font-size: 0%;
  height: 25px;
}