/* [Layout Style] */

body           { background: #E5EEF6; }
#lyo_outer     { text-align: center; }
#lyo           { margin: auto; text-align: left; width: 925px; }
#lyo_toolbars  { }
#lyo_banner    {
  position: relative;
  margin: 10px 0 0 0;
  height: 265px; width: 925px; background: url(/img/user/layout/biotics-8-real.png) no-repeat;
  -webkit-border-radius: 13px 13px 0px 0px;
  -moz-border-radius:    13px 13px 0px 0px;
  border-radius:         13px 13px 0px 0px;
}
#lyo_banner #lyo_logo {
  position: absolute; top: 15px; left: 15px; border: 0;
}
#lyo_banner #nav_root_1 {
  position: relative; top: 10px; right: 300px;
  float: right;
}
#lyo_banner #text_sizer_enlarge img, #lyo_banner #text_sizer_reduce img{
  position: relative; top: 90px; left: 875px;
}
#lyo_banner #icon_print {
  position: relative; top: 90px; left: 880px;
}
#content_block_headline {
  position: absolute; top: 170px; right: 75px; width: 500px; text-align: center; color: #000; font-size: 120%;
}

/* [ Signin controls ] */
#topbar_signin {
  position: absolute; top: 10px; right: 0px; width: 260px;
}
#topbar_signin_links {
  position: absolute; top: 25px; left: 0px; width: 260px; color: #ffffff;
}
#topbar_signin_links a {
  font-size: 80%; color: #c0c0ff; text-decoration: none;
}
#topbar_signin_links a:hover {
  color: #8080ff; text-decoration: underline;
}
#topbar_signedin_links {
  position: absolute; top: 15px; right: 0px; width: 270px; color: #ffffff;
}
#topbar_signedin_links a {
  font-size: 80%; color: #c0c0ff; text-decoration: none;
}
#topbar_signedin_links a:hover {
  color: #8080ff; text-decoration: underline;
}
#topbar_username {
  float: left; font-size: 10pt; width: 101px; height: 15px; line-height: 15px; padding: 2px; border: 0;
  background: url(/UserFiles/Image/layout/signin_fields_bg.png) 0% 0% no-repeat;
  margin: 1px 5px 0 0;
}
#topbar_password {
  float: left; font-size: 10pt; width: 101px; height: 15px; line-height: 15px; padding: 2px; border: 0;
  background: url(/UserFiles/Image/layout/signin_fields_bg.png) 0% 100% no-repeat;
  margin: 1px 5px 0 0;
}
#topbar_signin_btn {
  float: left; border: 0px; width: 27px; height: 22px; margin: 0 10px 0 0;
  background: url(/UserFiles/Image/layout/btn_go.png) 0% 0% no-repeat;
}
#topbar_signin_btn:hover {
  background-position: 0% 100%;
}
#topbar_signin_msg {
  font-size: 8pt; color: #ff0000; padding: 1px 2px; width: 231px;
  border: 1px solid #ff8080; margin: 0 0 5px 0; background-color: #fff0f0;
}
#topbar_search {
  float: left; width: 135px; font-size: 10pt; border: 0; padding: 2px;
  background: url(/UserFiles/Image/layout/search_field_bg.png) 0% 0%;
  margin: 1px 4px 0 0;
}
#topbar_search_btn {
  float: left; border: 0px; width: 27px; height: 22px;
  background: url(/UserFiles/Image/layout/btn_go2.png) 0% 0%;
}
#topbar_search_btn:hover {
  background-position: 0% 100%;
}
#lyo_columns {
  background: #ffffff; color: #101010; padding: 0px 15px;
}
#lyo_columns h1 {
  font:italic normal 150% Georgia,serif; color: #0055A5; margin: 0em 0.25em 0.5em 0.25em;
}
#lyo_columns h2 {
  font:italic normal 130% Georgia,serif; color: #0055A5; margin: 0em 0.25em 0.5em 0.25em;
}
#lyo_columns h3 {
  font:italic normal 110% Georgia,serif; color: #000000; margin: 0.5em 0.25em 0.5em 0.25em;
}
.lyo_box {
  background: #BFD4E8; color: #0055A5; padding: 10px;
  -webkit-border-radius: 5px;
  -moz-border-radius:    5px;
  border-radius:         5px;
}
#lyo_column_1 {
  float: left; width: 190px; margin: 0 15px 0 0;
}
#lyo_column_2 {
  float: left; width: 690px;
}
#lyo_footer {
  text-align: center; color: #ffffff; background: #0055A5; height: 90px; line-height: 90px;
  -webkit-border-radius: 0px 0px 13px 13px;
  -moz-border-radius:    0px 0px 13px 13px;
  border-radius:         0px 0px 13px 13px;
}
#lyo_footer a {
  color: #c0c0ff; text-decoration: none; font-weight: bold;
}
#lyo_footer a:hover {
  color: #8080ff; text-decoration: underline;
}

.featured {
  float: left; width: 310px; height:200px; padding:5px;  margin:0 12px 1em 0;
  border: 1px solid #BFD4E8;
  -webkit-border-radius: 8px;
  -moz-border-radius:    8px;
  border-radius:         8px;
/*
  -webkit-box-shadow:    #BFD4E8 2px 2px 2px;
  -moz-box-shadow:       #BFD4E8 2px 2px 2px;
  box-shadow:            #BFD4E8 2px 2px 2px;
*/
  background:  #ffffff;
/*
  background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ffffff), to(#dddddd));
  background: -webkit-linear-gradient(#ffffff, #dddddd);
  background: -moz-linear-gradient(#ffffff, #dddddd);
  background: -ms-linear-gradient(#ffffff, #dddddd);
  background: -o-linear-gradient(#ffffff, #dddddd);
  background: linear-gradient(#ffffff, #dddddd);
  -pie-background: linear-gradient(#ffffff, #dddddd);
*/
}

.featured img { display:block; float: none; margin:auto; border: 0; }

.featured_panel {
  float: left; width: 644px; height:550px; padding:5px; overflow: auto; margin:0 0 12px 0;
  border: 1px solid #BFD4E8;
  -webkit-border-radius: 8px;
  -moz-border-radius:    8px;
  border-radius:         8px;
  background:  #ffffff;
}