/*
 * 2007 (c) Cenize Software. All rights reserved.
 *
 * General layout model for web application pages
 *
 *  +-- page ------------------------------------
 *  |+-- header ---------------------------------
 *  ||
 *  ||
 *  |+-------------------------------------------
 *  |+-- ribbon ---------------------------------
 *  ||
 *  |+-------------------------------------------
 *  |+-- main -----------------------------------
 *  ||+-- sidebar --++-- context ----------------
 *  |||             ||+-- notice ----------------
 *  |||             |||
 *  |||             ||+--------------------------
 *  |||             ||+-- toolbar ----------------
 *  |||             |||
 *  |||             ||+--------------------------
 *  |||             ||+-- content ---------------
 *  |||             |||
 *  |||             |||
 *  |||             |||
 *  |||             |||
 *  |||             |||
 *  |||             ||+--------------------------
 *  ||+-------------++---------------------------
 *  |+-------------------------------------------
 *  |+-- footer ---------------------------------
 *  ||+-- copyright -----------------------------
 *  |||
 *  ||+------------------------------------------
 *  |+-------------------------------------------
 *  +--------------------------------------------
 *
 */
 
#content {
}

#context { 
  margin-left: 160px; /* skip sidebar */
}

#credits {
  background: url(/images/credits_background.jpg) repeat-x;
  height: 72px;
  margin-left: 23px;
}

#footer {
  background: url(/images/footer_background.jpg) repeat-x;
  clear: both;
  height: 72px;
}

#header {
  background: #005da2 url(/images/header_background.jpg) repeat-x;
  height: 71px;
}

#main {
  padding: 15px;
}

#notice {
  float: none;
  margin-bottom: 15px;
  margin-right: 15px;
  overflow: hidden;
}

#page {
  background: url(/images/page_background.jpg) no-repeat;
  padding-left: 10px;
}

#ribbon {
  background: url(/images/ribbon_background.jpg) repeat-x;
  height: 48px;
}

#sidebar {
  background: url(/images/sidebar_background.png) no-repeat;
  float: left;
  overflow: hidden;
  padding: 10px;
  height: 340px;
  width: 155px;
  margin-left: -10px;
}

#toolbar {
}

/* login */
div#login {
  margin: 20px;
  padding: 20px;
  width: 250px;
}