/*** static/css/mobile/shell.css - styles for mobile devices ***/

p.test_red
{
  color: red;
}

/* outer shell of website */

html
{
  margin: 0px;
  padding: 0px;
}

body
{
  width: 100%;
  background-color: white; /* beige #f0e0d0 */
  font-family: Arial, Verdana, sans-serif;
  font-size: 10pt;
  color: black;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  padding-top: 0px;
  text-align: left;
  vertical-align: top;
}

#shell_table
{
  display: table;
  width: 100%;
  font-size: 11pt;
  text-align: left;
  vertical-align: top;
  background-color: white;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}
#shell_row
{
  display: table-row;
}

/* top row for common website header */
#shell_cell_topl
{
  display: table-cell;
  width: 5px;
  font-size: 11pt;
  
  border-style: solid;
  border-color: green;
  border-width: 0px;
}
#shell_cell_topc
{
  display: table-cell;
  font-size: 11pt;
  
  border-style: solid;
  border-color: green;
  border-width: 0px;
}
#shell_cell_topr
{
  display: table-cell;
  width: 5px;
  font-size: 11pt;
  
  border-style: solid;
  border-color: green;
  border-width: 0px;
}

/* bar row for site's main menu */
#shell_cell_barl
{
  display: table-cell;
  width: 5px;
  font-size: 11pt;
  color: white;
  background-color: brown;
  
  border-style: solid;
  border-color: green;
  border-width: 0px;
}
#shell_cell_barc
{
  display: table-cell;
  font-size: 11pt;
  color: white;
  background-color: brown;
  
  border-style: solid;
  border-color: green;
  border-width: 0px;
}
#shell_cell_barr
{
  display: table-cell;
  width: 5px;
  font-size: 11pt;
  color: white;
  background-color: brown;
  
  border-style: solid;
  border-color: green;
  border-width: 0px;
}

/* main row for page's content */


#shell_cell_midl
{
  display: table-cell;
  width: 5px;
  font-size: 11pt;
  
  border-style: solid;
  border-color: green;
  border-width: 0px;
}
#shell_cell_midc
{
  display: table-cell;
  font-size: 11pt;
  
  border-style: solid;
  border-color: green;
  border-width: 0px;
}
#shell_cell_midr
{
  display: table-cell;
  width: 5px;
  font-size: 11pt;
  
  border-style: solid;
  border-color: green;
  border-width: 0px;
}

/* bottom row for footer */
#shell_cell_botl
{
  display: table-cell;
  width: 5px;
  font-size: 10pt;
  background-color: #f0f0f0;
  
  border-style: solid;
  border-color: #c0c0c0;
  border-width: 1px 0px 0px 0px;
}
#shell_cell_botc
{
  display: table-cell;
  zzzpadding: 0px 10px 0px 10px;
  font-size: 10pt;
  text-align: center;
  background-color: #f0f0f0;
  
  border-style: solid;
  border-color: #c0c0c0;
  border-width: 1px 0px 0px 0px;
}
#shell_cell_botr
{
  display: table-cell;
  width: 5px;
  font-size: 10pt;
  background-color: #f0f0f0;
  
  border-style: solid;
  border-color: #c0c0c0;
  border-width: 1px 0px 0px 0px;
}