div.container { width: 950px; margin: 0px auto; }
ul.menu-row { 
 font-family: Verdana, sans serif;
 font-size: 10pt;
 font-weight:   normal;
 margin: 10px 0px 2px 0px; 
 padding: 0px;
 _padding-bottom: 1px;
}

ul.menu-row li
{
  white-space: nowrap;
}


li.left-tab-button, li.active-tab-button, li.right-tab-button
{ 
   display:          inline;
   margin:           1px 1px 4px;
   border-style:     solid;
   border-color:     #999999;
   padding:          3px 8px;
   list-style-image:    none;
   list-style-position: outside;
   list-style-type:     none;
   background-image: url('../images/menu_inactive.png');
   background-repeat: repeat-x;
}

li.left-tab-button, li.right-tab-button
{ 
  padding-bottom: 2px;
}

li {
 border-width:     1px 1px 1px 1px; 
 padding-bottom:   1px;
}

li.right-tab-button { border-width: 1px 1px 1px 1px; }

li.active-tab-button { 
   background-image: url('../images/menu_active.png');
   background-repeat: repeat-x;
   border-width: 1px 1px 0px 1px;
   font-weight: bold;
   padding: 6px 10px 3px;
   background-color: #CCFFEE;
}

li.left-tab-button a:link, li.left-tab-button a:visited, li.left-tab-button a:hover,
li.right-tab-button a:link, li.right-tab-button a:visited, li.right-tab-button a:hover {
   text-decoration: none;
   color:           darkblue;
}
li.active-tab-button a:visited { 
   text-decoration: none;
   color: blue;
}

li.left-tab-button:hover, 
li.active-tab-button:hover,
li.right-tab-button:hover { cursor: pointer; }
li.left-tab-button:hover,
li.right-tab-button:hover {
	background-image: url('../images/menu_inactive_hover.png'); }
li.active-tab-button:hover {
	background-image: url('../images/menu_active_hover.png'); }

div.tab-window {
   border:     1px solid #999999;
   margin-top: 1px;
   width:      950px;
   clear:      both;
   height:     500px;
   text-align: center;
}

div.full-content, div.content {
   padding:    5px 10px;
   width:      948px;
   height:     485px;
   float:      left;
   margin:     0px;
   text-align: center;
   overflow:   auto;
}

div.content { width: 750px; }
div.full-content { padding: 0px }

/* Specifics for AdminModules... */
div.users-content-left, div.users-content-right { 
   float:      left;
   text-align: center;
   padding:    0px 5px;
   margin:     0px 4px;
   width:      48%;
}
/* Make a nice seperator between left and right view-ports */
div.users-content-left { border-right:  thin solid black; height: 400px; }

h3 { text-align: center }

span.event { font-weight: bold }

/** Submenus if modules have them **/

div.submenu
{
   font-family: Arial, sans serif;
   font-size: 10pt;
   font-weight: bold;
   border-right: 0px solid #999999;
   background-color: #ccffee;
   width:        170px;
   float:        left;
   clear:        left;
   margin:       0px;
   height:       500px;
}

div.submenu ul
{
  padding: 0px;
  list-style-type: none;
  margin: 15px;
}

div.submenu ul li
{
  background-image: url('../images/submenu_button_up.gif');
  background-repeat: no-repeat;
  padding: 5px 0px 2px 0px;
  width: 140px;
  height: 30px;
  overflow: hidden;
  margin: 10px 0px;
  text-align: center;
}

div.submenu ul li.active {
  background-image: url('../images/submenu_button_down.gif');
  background-repeat: no-repeat;
  padding: 7px 0px 0px;
}

div.submenu ul li.active:hover {  
  background-image: url('../images/submenu_button_down_hover.gif'); }
div.submenu ul li:hover { 
  background-image: url('../images/submenu_button_up_hover.gif');
  cursor: pointer; 
}

/** End submenus **/