body
{
  color: #666666;
  font-family: Arial, Helvetica;
  font-size: 0.8em;
  text-align: center;
  background-color: #fff;
  margin: 0px;
}

input
{
  font-family: Arial, Helvetica;
  font-size: 0.8em;
}

p
{
  margin: 0px 0px 8px 0px;
  padding: 0px;
}

h1
{
  margin: 10px 0px 5px 0px;
  padding: 0px;
  border-bottom: 1px #AFAEAE solid;
  color: #4fb3ce;
  font-size: 1.4em;
  line-height: 1.7em;
  letter-spacing: 0.1em;
}

h2
{
  margin: 0px;
  padding: 0px;
  color: #4FB3CE;
  font-size: 1.0em;
}

h2 a
{
  margin: 0px;
  padding: 0px;
  color: #4fb3ce;
  font-size: 1.0em;
  text-decoration: none;
}

img
{
  border: 0px;  
}

table
{
  display: table;  
  border: 0px;
  width: 100%;
}

tr
{
  display: table-row;  
}

th
{
  display: table-cell;
  text-align: left;
}

td
{
  display: table-cell;
}

thead
{
  display: table-header-group;
}

tbody
{
  display: table-row-group;
}

/***************************************
* Framework
***************************************/
#divWrapper 
{
  text-align: center;
  width: 890px; 
  height: auto; 
  margin: 0 auto 0 auto;
} 

#divContent 
{
  text-align: left;
  float: left;
  clear: both;
  width: 100%;
  height: auto;
} 

#languageSelect
{
  float: left;
  width: 100%;
  height: 20px;
  text-align: right;  
}

#contentHead
{
  position: relative;
  float: left;
  clear: both;
  width: 100%;
  height: auto;
}

#contentBody
{
  position: relative;
  float: left;
  clear: both;
  width: 888px;
  height: auto;
  background-image: url("images/frm_rightcolumn_back.gif");
  background-repeat: repeat-y;  
  background-position: right;
  border: 1px #afaeae solid;
  border-top: 0;
  border-bottom: 0;
}

#contentFoot
{
  position: relative;
  float: left;
  clear: both;
  width: 100%;
  height: 40px;
  background: url("images/bg_foot.gif") no-repeat left top;
}

/***************************************
* Class styles
* #languageSElect
***************************************/
#languageSelect a
{
  color: #666666;
  font-size: 90%;
  letter-spacing: 0.1em;
}

/***************************************
* Class styles
* #contentHead
***************************************/

#contentHead div.logo
{
  background-color: #005984;
  color: #ffffff;
  width: 120px;
  height: 122px;
  border: 0px;
  border-right: 2px #ffffff solid;
  float: left;
}

#contentHead div.logo span
{
  font-size: 90%;
  vertical-align: -100px;
}

#contentHead div.menuItem
{
  background-color: #005984;
  color: #ffffff;
  text-align: center;
  width: 122px;
  height: 122px;
  border: 0px;
  margin: 0px;
  float: left;
  cursor: pointer;
}

#contentHead div.menuItem:hover
{
  background-image: url("images/menu_hover.gif");
  background-repeat: no-repeat;
  cursor: pointer;
}

#contentHead div.menuItemActive
{
  background-color: #005984;
  background-image: url("images/menu_hover.gif");
  background-repeat: no-repeat;
  color: #ffffff;
  text-align: center;
  width: 122px;
  height: 122px;
  border: 0px;
  margin: 0px;
  float: left;
  cursor: pointer;
}


#contentHead div.menuItem span
{
  font-size: 80%;
  text-transform: uppercase;
  vertical-align: -95px;
}

#contentHead div.menuItemActive span
{
  font-size: 80%;
  text-transform: uppercase;
  vertical-align: -95px;
}


#contentHead div.login
{
  background-color: #4fb3ce;
  width: 278px;
  height: 122px;
  border: 0px;
  border-left: 2px #ffffff solid;
  margin: 0px;
  float: right;
}

#contentHead div.login div.top
{
  color: #ffffff;
  font-size: 95%;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  margin: 1em 0em 0.2em 1.9em;
}

#contentHead div.login div.top a
{
  color: #ffffff;
}

#contentHead table
{
  display: table;
  table-layout: fixed;
  width: 17em;
  padding: 0em;
  margin-left: 1.6em;
}

#contentHead table thead
{
  display: table-header-group;
}

#contentHead table tbody
{
  display: table-row-group
}

#contentHead table tfoot
{
  display: table-footer-group;
}

#contentHead table tbody th
{
  color: #ffffff;
  text-align: left;
  font-size: 90%;
  letter-spacing: 0.1em;
  width: 7.5em;
}

#contentHead tbody td
{
  text-align: right;
}

#contentHead tbody td input
{
  width: 10em;
  border: 1px #000000 solid;
}

#contentHead tfoot td
{
  text-align: right;
}

#contentHead tfoot td input
{
  color: #ffffff;
  text-transform: uppercase;
  background-color: #005882;
  border-bottom: 1px #00476A solid;
  border-right:  1px #00476A solid;
  border-top:  1px #397D9E solid;
  border-left:  1px #397D9E solid;
  width: 10em;
}


/***************************************
* Class styles
* #contentBody
***************************************/
#contentBody div.logoIRC
{
  position: relative;
  bottom: 10px;
  left: 30px;
  clear: both;
  padding-top:20px;
}

#contentBody div.logoIRC a img
{
  border: 0px;
}

#contentBody div.main
{
  float: left;
  width: 605px;
  height: auto;
}

#contentBody div.main div.frontpage
{
  margin: 15px 3px 15px 12px;
}

#contentBody div.main div.frontpage div
{
  float: left;
  width: 164px;
  margin: 25px 0px 0px 15px;
  padding: 2px 4px 70px 4px;
}

#contentBody div.main div.content
{
  margin: 0px 10px 15px 122px;
}

#contentBody div.rightColumn
{
  border: 1px #ffffff solid;
  float: right;
  width: 249px;
  padding: 13px;
  margin-left: 2px;
}
#contentBody div.rightColumn div
{
  text-transform: uppercase;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 10px;
  padding: 10px;
  padding-top: 20px;
  padding-left: 15px;
}

#contentBody div.rightColumn div a
{
  color: #005984;
  font-size: 95%;
  font-weight: bold;
  letter-spacing: 0.1em;
  text-decoration: none;
}

#contentBody div.rightColumn img
{
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px;
}

/***************************************
* Class styles
* #contentFoot
***************************************/
#contentFoot span
{
  color: #8c8b8b;
  font-weight: normal;
  font-size: 95%;
  letter-spacing: 0.1em;
  line-height: 28px;
  margin-left: 25px;  
}

/***************************************
* Table styles
***************************************/
#listVacancies
{
  margin: 25px 0px 15px 0px;
}

#listVacancies table
{
  width: 470px;
}

#listVacancies th
{
  background-color: #4fb3ce;
  color: #ffffff;
  padding: 3px 5px 3px 5px;
}

#listVacancies td
{
  border-bottom: 1px #cccccc solid;  
  padding: 5px 5px 5px 5px;
  vertical-align: top;
  font-size: 95%;
}

#listVacancies td a
{
  color: #006699;
  font-weight: bold;
  text-decoration: none;
}


#listEmployees
{
  margin: 25px 0px 15px 0px;
}

#listEmployees table
{
  width: 470px;
  table-layout: fixed;
}

#listEmployees td.pic
{
  width: 100px;
  vertical-align: top;
}

#listEmployees td.pic img
{
  margin: 5px 0px 0px 0px;
  border: 1px #006699 solid;  
}

#listEmployees td
{
  vertical-align: top;
  line-height: 1.3em;
  font-size: 95%;
  padding: 0px 0px 20px 0px;
}

#listEmployees td h1
{
  margin: 0px;
  padding: 0px;
  color: #000000;
  font-size: 1em;
  border-bottom: 0px;
}

#listEmployees p
{
  display: inline;
  float: left;
  width: 180px;
}

#listEmployees a
{
  color: #666666;
  text-decoration: underline;
}

#listNews
{
  margin: 25px 0px 15px 0px;
}

#listNews h1
{
  margin: 0px;
  padding: 0px;
  color: #000000;
  font-size: 1em;
  border-bottom: 0px;
}

#listNews p
{
  margin: 2px 0px 20px 0px;
}



/***************************************
* Misc styles
***************************************/
span.moreInformation
{
  background-image: url("images/ico_arrow_right.gif");
  background-repeat: no-repeat;
  background-position: 0px 1px;
  padding-left: 25px;
}

span.moreInformation a
{
  color: #006699;
  text-decoration: none;  
  font-size: 95%;
  font-weight: normal;
}