/*
 * JSFDays common page stylesheet
 * Version: 1.0
 * Date: 23_10_2008
 */
/* General rules ------------------------------------------------------------ */
.left {
  float: left;
}
.right {
  float: right;
}
.clear {
  clear: both;
  margin: 0;
  padding: 0;
}

/* Layout ------------------------------------------------------------------- */
body {
  text-align: center;
  background: white url("../../../../images/page_common/backgrounds/pattern.png") repeat-x top left;
}

#page_container {
  width: 1310px;
  height: 940px;
  margin: 0 auto;
  padding-top: 30px;
  text-align: center;
  background: white url("../../../../images/page_common/backgrounds/center.jpg") no-repeat top left;
}

#page {
  width: 850px;
  margin: 0 auto;
}

#logo {
  position: absolute;
  top: 30px;
  left: 20px;
  width: 340px;
  height: 85px;
  z-index:1;
}

#logolink a img{
  position: absolute;
  top: 30px;
  left: 20px;
  width: 212px;
  height: 102px;
    z-index:100;
}

#logo_print {
  display: none;
}


#user_menu {
  position: absolute;
  top: 7px;
  right: 15px;
}

#nav {
  position: absolute;
  top: 82px;
  right: 10px;
}

#illustration {
  position: relative;
  height: 112px;
  background: white url("../../../../images/illustrations/main_without_mascot.jpg") no-repeat top left;
}

#banners {
  height: 80px;
  background: white url("../../../../images/banners/back.png") repeat-x bottom left;
}
#footer {
  border-bottom: 1px solid black;
  padding: 5px 10px;
  font-size: 0.85em;
  color: #CCCCCC;
  background: #3C4349;
}

/* Content ------------------------------------------------------------------ */
/* User menu -------------------------- */
#user_menu li {
  display: block;
  float: left;
}
#user_menu li a {
  display: block;
  border: 1px solid #BDD9E1;
  border-width: 1px 0;
  padding: 2px 9px;
  font-weight: bold;
  color: #5089A5;
  background: white url("../../../../images/user_menu/back.png") repeat-x bottom left;
}
.ie6 #user_menu li a {
  height: 1%;
  float: left;
}
#user_menu li.first a {
  border-width: 1px 0 1px 1px;
}
#user_menu li a:hover {
  color: #325361;
}
#user_menu li.login a {
  padding: 2px 14px;
  border-width: 1px;
  color: #5089A5;
  background: white url("../../../../images/user_menu/login.png") repeat-x bottom left;
}
#user_menu li.login a:hover {
  color: #325361;
  background: white url("../../../../images/user_menu/login_hover.png") repeat-x bottom left;
}
#user_menu li.logout a {
  border-width: 0;
  padding: 3px 14px;
  color: white;
  background: #B5CCD9 url("../../../../images/user_menu/logout.png") repeat-x bottom left;
}
#user_menu li.logout a:hover {
  color: white;
  background: #8FBBC9 url("../../../../images/user_menu/logout_hover.png") repeat-x bottom left;
}

/* Main menu -------------------------- */
#nav ul {
  text-align: right;
}

#nav li {
  display: block;
  float: left;
  padding: 5px;
  font-weight: bold;
}
#nav li a {
  display: block;
  font-weight: bold;
}
#red a {
  color: red;
}
#black a {
  color: black;
}
#red a:hover {
  color: #5089A5;
}
#black a:hover {
  color: #5089A5;
}
#nav li a:hover {
  color: #5089A5;
}

/* Banners ----------------------------- */
#banners_print {
  display: none;
}
#banners ul {
  padding: 22px 10px;
}
#banners li {
  display: block;
  float: left;
}
#banners li a{
  display: block;
  height: 35px;
}
#banners li.exadel a {
  width: 80px;
  background: url("../../../../images/banners/exadel.png") no-repeat top left;
}
#banners li.exadel a:hover {
  background: url("../../../../images/banners/exadel_hover.png") no-repeat top left;
}
#banners li.myfaces a {
  width: 104px;
  background: url("../../../../images/banners/myfaces.png") no-repeat top left;
}
#banners li.myfaces a:hover {
  background: url("../../../../images/banners/myfaces_hover.png") no-repeat top left;
}
#banners li.jsfcentral a {
  width: 122px;
  background: url("../../../../images/banners/jsfcentral.png") no-repeat top left;
}
#banners li.jsfcentral a:hover {
  background: url("../../../../images/banners/jsfcentral_hover.png") no-repeat top left;
}
#banners li.captaincasa a {
  width: 120px;
  background: url("../../../../images/banners/captaincasa.png") no-repeat top left;
}
#banners li.captaincasa a:hover {
  background: url("../../../../images/banners/captaincasa_hover.png") no-repeat top left;
}
#banners li.senacor a {
  width: 120px;
  background: url("../../../../images/banners/senacor.png") no-repeat top left;
}
#banners li.senacor a:hover {
  background: url("../../../../images/banners/senacor_hover.png") no-repeat top left;
}
#banners li.irian a {
  width: 144px;
  background: url("../../../../images/banners/irian.png") no-repeat top left;
}
#banners li.irian a:hover {
  background: url("../../../../images/banners/irian_hover.png") no-repeat top left;
}

.message{
	color: maroon;
}

.vertTop {
        vertical-align:top;
}