/* 
 * Main body and table defenitions
 */
html, body { height: 100%; width: 100%; margin: 0px; padding: 0px; }
body { background-color:  #FFF; text-align: center; }

/* 
 * Table and td defenitions
 */
table, tr, td {	border-collapse: collapse; border-spacing: 0px; margin: 0px; padding: 0px; }
table td.msg{ padding:10px;border-left:1px solid #eee;border-right:1px solid #eee;border-bottom:1px solid #eee}
td.left  { float:left;width:13px; height:22px; background: url('../images/label.left.gif')   no-repeat;}
td.middle{ float:left;height:18px;             background: url('../images/label.middle.gif') repeat-x;text-align:left;line-height:20px;width:473px; }
td.right { float:left;width:13px; height:22px; background: url('../images/label.right.gif')  no-repeat }
td.label:hover{background-color:#F7EFF9;}

/*
 * Main div definitions (display inline fixes IE double margin bug)
 */
div#main   { width: 778px; margin: 0 auto; background-color: #FFF;  }
div#header { background: #FFF url(../images/header.gif) no-repeat; width:728px;;height: 126px;margin:0px 25px 0px 25px;}
div#menu   { height:30px;}
div#left   { text-align: left; width: 200px; float: left; margin: 0px 0px 0px 25px; display: inline;border:1px solid #DDD; }
div#middle { text-align: left; width: 500px; float: left; margin: 5px 5px 5px 30px; display: inline}
div#right  { text-align: left; width: 210px; float: left; margin: 30px 0px 5px 5px; display: inline;}
div#footer { text-align: center; background-color: #FFF; height: 60px; width: 776px; clear: both; margin: 0 auto;}

/* Making the footer stick to the bottom =] */
div#main        { min-height: 80%; }
* html div#main { height: 80%; }
div#footer      { position: relative; margin-top: -40px; }
div#middle      { padding-bottom: 60px; }

/*
 * Module, menu and block definitions
 */
div.block  { margin-bottom: 0px;  }
div.menu   { margin-bottom: 0px;  }
div.module { margin-bottom: 0px; }
 
div.header { line-height: 24px; padding: 0px 0px 10px 0px; }
div.block  div.header { }
div.menu   div.header { background: #ffffff; }

div.content { margin-left: 5px; padding: 5px; }
div.module div.content { text-align: justify;margin-top:5px; }
div.block  div.content { }
div.menu   div.content { }

div#menu .left  { float:left;width:23px; height:30px; background: url('../images/menu.left.gif')   no-repeat;}
div#menu .middle{ float:left;width:730px; height:30px; background: url('../images/menu.middle.gif') repeat-x;text-align:center;display:inline; }
div#menu .right { float:left;width:23px; height:30px; background: url('../images/menu.right.gif')  no-repeat }

div#footer .left  { float:left;width:23px; height:30px; background: url('../images/footer.left.gif')   no-repeat;}
div#footer .middle{ float:left;width:730px; height:30px; background: url('../images/footer.middle.gif') repeat-x;text-align:left;display:inline; }
div#footer .right { float:left;width:23px; height:30px; background: url('../images/footer.right.gif')  no-repeat }


div.clear { clear: both; }
div.menu ul{border-bottom:none; border-right:none;border-top:none;margin:0px 0px 0px 0px;padding:0;}
div.menu li{margin-right:32px;}

/*
 * Wait and error screen container
 */
div#messageContainer { width: 400px; margin: 0 auto; }

