/* 
 * Main body and table defenitions
 */
html, body { height: 100%; width: 100%; margin: 0px; padding: 0px; }
body { background: #F1F1F1 url(../../images/gradient.gif) repeat-x; width: 100%; text-align: center; }

/* 
 * Table and td defenitions
 */
table, tr, td {	border-collapse: collapse; border-spacing: 0px; margin: 0px; padding: 0px; }

/*
 * Main div definitions (display inline fixes IE double margin bug)
 */
div#backgroundBottom { background: #f1f1f1 url(../../images/backgroundBottom.gif) repeat-y 50% 0; width: 804px; height: 500px; margin: 0 auto; }
div#background { background: transparent url(../../images/background.gif) no-repeat 50% 0; width: 804px; margin: 0 auto; }
div#main   { width: 760px; margin: 0 auto; background-color: #FFF; padding: 10px;}
div#header { background: #FFF url(../../images/header.jpg) no-repeat 50% 0; height: 243px; border: 0px; color: #fff; }
div#left   { text-align: left; width: 155px; float: left; margin: 0px; display: inline; margin-right: 15px; height: 1px; }
div#middle { text-align: left; width: 585px; float: left; margin: 0px; display: inline; border-top: 1px dashed #A6A6A6; }

/* Making the footer stick to the bottom =] */
div#backgroundBottom,
div#background,
div#main        { min-height: 100%; }
* html div#backgroundBottom,
* html div#background,
* html div#main { height: 100%; }

div#header { text-align: right; padding-right: 10px; }
div#header a { color: #fff; font-size: 14px; font-weight: normal; }
div#header a:hover { text-decoration: underline; }

/*
 * Module, block and menu definitions
 */
div.block  { margin-bottom: 0px;  }
div.module { margin-bottom: 0px; }
 
div.header { font-size: 150%; line-height: 30px; padding: 5px; }
div.module div.header { }
div.block  div.header { background: #ffffff; }

div.content { margin: 0px; padding: 0px; margin-top: 10px; }
div.module div.content { text-align: left; }
div.block  div.content { margin-top: 13px; }

div.clear { clear: both; }

div#footerText a { color: #222; font-weight: normal; text-decoration: none; }

div#menu { height: 46px; width: 760px; margin: 0 auto; margin-top: 5px; margin-bottom: 40px; }
ul#menu {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
  height: 46px; 
}

ul#menu li            { float: left; margin: 0px; width: 94px; height: 46px; background-color: #EF7E24; padding-right: 1px; }
ul#menu li.noPadding  { padding: 0px; }
ul#menu li a          { background-position: top left; font-size: 0px; line-height: 0px; width: 94px; height: 46px; display: block;}
ul#menu li a.selected,
ul#menu li a:hover    { background-position: bottom right;  }

ul#submenu {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
}

ul#submenu li         { float: left; margin: 0px; padding-bottom: 1px; }
ul#submenu li.back    { padding-top: 20px; }
ul#submenu li a       { 
  background-position: top left; 
  background-image: url(../../images/backgroundSubmenu.jpg);
  padding-left: 8px;
  padding-right: 8px;
  height: 20px;
  width: 134px;
  display: block;
  font-family: arial;
  font-weight: bold;
  color: #616569;
  text-decoration: none;
}
ul#submenu li a.selected { background-position: bottom right; color: #414549; }
ul#submenu li a:hover { background-position: bottom right; color: #333; }
ul#submenu li a.selected:hover { color: #414549; }
/*
 * Wait and error screen container
 */
div#messageContainer { width: 400px; margin: 0 auto; }