/*
 * IRIAN common stylesheet
 * Version: 1.0
 * Date: 12_06_2008
 * Author: Adonis Raul Raduca
 */

/* General stuff ------------------------------------------------------------ */
.clear {
  clear: both;
}

h1, h2, h3 {
  font-weight: bold;
  color: #507085;
}

h1 {
  margin: 20px 0px 0px 0px;
  font-size: 1.45em;
}

a {
  color: #00A7D7;
}

a:hover {
  color: #00A7D7;
  text-decoration: underline;
}

p {
  padding-top: 10px;
}


/* General page layout ------------------------------------------------------ */
body {
  text-align: center;
  color: #333333;
  background: #B7C6D2 url("../slices/body_top.png") repeat-x;
}

#page_container {
  width: 850px;
  height: auto;
  margin: 35px auto 0px auto;
  background-color: white;
}

#header {
  width: auto;
  height: 80px;
  padding: 0px 20px 0px 20px;
  background: #48525B url("../slices/header.png") repeat-x bottom;
  position: relative;  
}

#page {
  width: auto;
  height: auto;
  padding-bottom: 15px;
  text-align: left;
}

#footer {
  /*
  bacckground image display problem in IE6 if we have both "width" and "height"
  properties set on "auto".
  */
  width: 850px;
  /*height: 31px;*/
  height: auto;
  background: #303941 url("../slices/footer.png") repeat-x bottom;
}

#page_shadow {
  width: 100%;
  height: 100px;
  background: #B7C6D2 url("../slices/page_shadow.png") no-repeat top;
}


/* Header layout ------------------------------------------------------------ */
#header_bar {
  /* next 2 lines are for fixing zindex propblem in IE */
  position: relative;
  z-index: 1;
  /* ------------------------------------------------- */
  float: right;
  width: 550px;
  height: 21px;
  margin-top: 8px;
}

#search {
  float: left;
  position: relative;
  width: 1%; /* fix IE width problem */
  height: 100%;
  text-align: left;
}

#search input {
  position: absolute;
  z-index: 1;
  height: 17px;
  width: 140px;
  border-width: 0px 1px 1px 0px;
  border-style: solid;
  border-color: #49A1D1;
  padding: 3px 4px 0px 4px;
  background: white url("../slices/edit_back.png") no-repeat;
  color: gray;
  font-size: 0.9em;
}


#search #search_submit {
  position: absolute;
  left: 140px;
  top: -1px;
  z-index: 2;
  width: auto;
  height: auto;
  border-width: 1px 1px 1px 0px;
  border-style: solid;
  border-color: #49A1D1;
  background: #003E62 url("../slices/search_button.png") repeat-x top;
}

#search #search_submit.hover {
  background: #003E62 url("../slices/search_button_hover.png") repeat-x top;
}

#search #search_submit span {
  display: block;
  width: auto;
  height: 22px;
  margin-top: -2px;
  padding: 0px 9px 0px 9px;
  color: white;
  cursor: pointer;
  overflow: hidden;
}

/* IE don't see that */
#search #search_submit>span {
  overflow: visible;
}

#language {
  position: relative;
  float: right;
  width: 220px;
  height: auto;
  margin: -1px 0px 0px 0px;
  font-size: 0.9em;
}

#language #crt_lang {
  float: right;
  height: 20px;
  width: 92px;
  padding: 0px 9px 0px 9px;
  border: 1px solid #49A1D1;
  overflow: hidden;
  color: white;
  text-align: left;
  background: #0086B9 url("../slices/crt_lang_back.png") repeat-x;
}

#language #lang_expander {
  float: right;
}

#language #lang_expander span {
  display: block;
  width: 20px;
  height: 20px;
  border-width: 1px 1px 1px 0px;
  border-style: solid;
  border-color: #49A1D1;
}

#language #lang_expander.collapsed span {
  background: #0086B9 url("../slices/lang_expander.png") no-repeat;
}

#language #lang_expander.expanded span {
  background: #0086B9 url("../slices/lang_collapser.png") no-repeat;
}

#language #lang_expander.collapsed span.hover {
  background: #0086B9 url("../slices/lang_expander_hover.png") no-repeat;
}

#language #lang_expander.expanded span.hover {
  background: #0086B9 url("../slices/lang_collapser_hover.png") no-repeat;
}

#language #lang_list {
  position: absolute;
  right: -13px;
  width: 160px;
  height: 100px;
  background: transparent;
  z-index: 1;
}

#language #lang_list.hide{
  display: none;
}

#language #lang_list .body{
  width: 100%;
  text-align: left;
  background: transparent url("../slices/lang_expanded_body.png");
}

#language #lang_list .bottom{
  width: 100%;
  height: 20px;
  background: transparent url("../slices/lang_expanded_bottom.png");
}

#language #lang_list .body ul{
  padding: 1px 14px 0px 15px;
}


#language #lang_list .body ul li {
  padding: 0px;
  padding-bottom: 1px;
}

#language #lang_list a {
  display: block;
  position: absolute;
  width: 111px;
  padding: 0px 10px 0px 10px;
  color: black;
  background: transparent;
}

/* IE don't see that */
#language #lang_list li>a {
  position: relative;
}

#language #lang_list a:hover {
  /*display: block;*/
  text-decoration: none;
  color: black;
  background: #D2D5D7;
}

#main_menu {
  padding-top: 15px;
  text-align: right;
}

#main_menu li{
  display: inline;
  margin-left: 10px;
}

#main_menu li a{
  font-size: 0.9em;
  font-weight: bold;
  color: #E0E0E0;
}

#main_menu li a:hover{
  color: white;
  text-decoration: none;
}

/* Footer layout ------------------------------------------------------------ */
#footer {
  font-size: 0.85em;
  color: white;
  /*font-family: Verdana;*/
}

#footer_menu {
  float: left;
  text-align: left;
  padding: 5px 0px 5px 20px;
}

#footer_menu li {
  display: inline;
  margin: 0px 10px 0px 0px;
}

#footer_menu li a {
  color: #CCCCCC;
  font-weight: bold;
}

#footer_menu li a:hover {
  text-decoration: none;
  color: white;
}

#copyright_list li {
  display: inline;
  margin: 0px 10px 0px 0px;
}

#copyright_list li a {
  color: #CCCCCC;
  font-weight: bold;
}

#copyright_list li a:hover {
  text-decoration: none;
  color: white;
}

#footer #copyright {
  float: right;
  width: 300px;
  margin-top: 5px;
  padding-right: 20px;
  text-align: right;
  color: #DDDDDD;
}

.translink {
  position:absolute;
  left: 0;
  top: 0;
  margin: 0;
  padding: 0;  
}

.translink a img {
    height:80px;
    width:150px;
}

.info {
    color:forestgreen;
}

.error {
    color:maroon;
}