/* * * * * * * */
  /* Base styles */
  /* * * * * * * */

  html {
  background: #0c68b5 bottom url('web_img/layout/gradient-bottom.png') repeat-x;
  font-family: 'Arial';
  font-size: 12px;
  }
        
  body {
  padding: 0;
  margin: 0;
  background: transparent top url('web_img/background-2-gradient.png') repeat-x;
  }
  
  a {
  cursor: pointer;
  }
  
  a img {
  border: 0;
  }
  
  a:focus {
  outline: 0;
  border: 0;
  }

  /* Main: page wrapper */

  div#main_group {
  margin: 0 auto;
  padding: 5px 0;
  width: 1024px;
  background: url('web_img/background-2.png') no-repeat;
  }

  /* Main: Top bar styles */

  div#top_bar {
  padding: 3px;
  }
  
  /* Main: Header */
  
  #opt_header {
  padding: 30px 0 0 0;
  }
      
  #opt_header, div.language_bar table {
  height: 150px;
  }
      
  div#img_header {
  display: table-cell;
  }
  
  /* Main: Language bar */
  
  div.language_bar {
  display: table-cell;
  padding-right: 15px;
  cursor: default;
  }
  
  div.language_bar table {
  padding: 0;
  }
  
  div.language_bar td {
  vertical-align: middle;
  }
  
  td.language_bar_grad {
  background: url('web_img/language_bar/background-mid.png') repeat-x;
  padding: 0 6px 0 6px;
  letter-spacing: 5px;
  }
    
    td.language_bar_grad img {
    width: 16px;
    height: 11px;
    padding: 1px;
    }
    
    td.language_bar_grad img:hover {
    padding: 0;
    border: solid 1px #fefefe;
    cursor: pointer;
    }
  
  /* Main: Navigation */
  
  div#main_navi {
  background: url('web_img/navigation/gradient_background.png') repeat-x;
  padding: 8px;
  height: 22px;
  border: solid 1px #6196e9;
  }
  
    .margin_bottom {
    margin-bottom: 10px;
    }
  
  
  /* Main: Header */
      
  div#main_title {
  height: 140px;
  }
  
  div#main_title div {
  display: table-cell;
  }
      
  div#main_title_l {
  width: 195px;
  height: 140px;
  background: url('web_img/layout/title_main_l.png') no-repeat;
  }
  
  div#main_cont {
  width: 1024px;
  min-height: 300px;
  background: #ffffff url('web_img/layout/main_body_followright.png') repeat-y right;
  }
  
  div#tab_left {
  background: url('web_img/layout/main_body_followleft.png') repeat-y;
  width: 105px;
  display: table-cell;
  }
  
  div#tab_right {
  display: table-cell;
  }
  
  /* Main: footer */
  
  div#footer {
  height: 165px;
  background: bottom url('web_img/layout/main_bottom_skies.png') no-repeat;
  }
  
  /* * * * * * * * * */
  /* Content add-ons */
  /* * * * * * * * * */
  
  /* Page: Header border switch */
  
  div.main_title_switch {
  width: 10px;
  height: 140px;
  background: url('web_img/layout/title_main_switch.png') no-repeat;
  }
  
  /* Page: Header open */
  
  div.main_title_followbottom {
  width: 819px;
  height: 140px;
  background: url('web_img/layout/main_title_followbottom.png') bottom repeat-x;
  }
  
  /* Page: Content add small */
  
  .content_add_s {
  background: url('web_img/layout/content_add_small.png') no-repeat;
  width: 353px;
  height: 114px;
  }
  
  /* Page: Content panels */
  
  .content-left {
  display: table-cell;
  }
  
  .content-right {
  display: table-cell;
  }
  
  /* Page: Login group */
  
  #page_login {
  float: left;
  margin: 10px;
  }
  
  #page_login input[type=text], #page_login input[type=password] {
  border: solid 1px #cadeff;
  margin: 1px;
  background: #ffffff url('web_img/buttons/login_input_grad.png') repeat-y;
  text-indent: 5px;
  font-family: 'Arial';
  font-size: 11px;
  width: 160px;
  margin-right: 5px;
  height: 15px;
  }
  
  /* Page: Module info ad */
  
  table.infgroups {
  margin: 5px 5px 5px 0;
  padding-top: 10px;
  }
  
  table.infgroups td {
  vertical-align: top;
  background: #ffffff;
  }
    
  table.infgroups img {
  padding: 5px 3px 0 3px;
  }
  
  table.infgroups p {
  clear: both;
  margin-top: 10px;
  }

  
  table.infgroups td.header {
  background: #ffffff;
  border-bottom: solid 1px #c0c0c0;
  border-top: solid 1px #c0c0c0;
  padding: 5px 5px 5px 5px;
  }
  
  table.infgroups td.header div {
  display: table-cell;
  }
  
  table.infgroups td.header div.viewbutton {
  float: right; 
  position: relative; 
  top: 1px; 
  right: 3px;
  }
  
  table.infgroups td.header div img {
  padding: 0;
  }
  
  table.infgroups span.header {
  font-weight: bold;
  color: #333333;
  }
  
  table.infgroups td.inf {
  vertical-align: top;  
  }

  table.infgroups td.inf img {
  padding: 3px 3px 3px 0;
  }
  
  table.infgroups td.inf div.content {
  width: 300px;
  color: #666666;
  line-height: 18px;
  padding: 3px 5px 5px 10px;
  }
  
  table.infgroups td.inf div.viewlnk {
  float: right;
  }