/* style sheet for MOUS SOFTWARE homepage                    */
/* last revision: 05.11.07                       	         */
/* ----------------------------------------------------------*/

hr
{
	border-top: 1px red solid;
	border-bottom: 0px red solid;
	margin-left: 50px;
	margin-top: 20px;
	margin-right: 50px;
	margin-bottom: 20px;
	height: 1px;
}

h1 {                                /* title */
    color: red;
    font-size: 14pt;
    font-family: Arial; 
    font-weight: 700;
    text-align: left;
    margin-left: 27px;
    margin-top: 23px}

h2      /* article title */
{
    font-family: "Arial";
    font-weight: 900;
    font-size: 11pt;
    margin-left: 50px;
    margin-right: 50px;
    margin-bottom: 0px;
    border-bottom: solid 1px silver;
}

h3  /* for page strip */
{
    font-family: "Arial";
    font-weight: lighter;
    font-size: 9pt;
    text-align: center;
    margin-bottom: 0px;
    margin-top: 0px;
}

h4 {color: black;
    font-size: 8pt; 
    font-family: Arial; 
    font-weight: lighter;
    text-align: center; 
    margin-bottom: 0; 
    margin-top: 0;
    border-top: solid 1px silver;
    border-bottom: solid 1px silver;}

a:link
{
	TEXT-DECORATION: underline;
	color: black;
	font-weight: lighter;
}			

a:visited 
{	
	TEXT-DECORATION: underline;
	color: black;
	font-weight: lighter;
}

a:hover   
{	
	TEXT-DECORATION: underline;
	color: red;
	font-weight: lighter;
}

a.white:link
{
	TEXT-DECORATION: none;
	color: white;
	font-weight: lighter;
}			

a.white:visited 
{	
	TEXT-DECORATION: none;
	color: white;
	font-weight: lighter;
}

a.white:hover   
{	
	TEXT-DECORATION: underline;
	color: silver;
	font-weight: lighter;
}

/* menu items */

A.menuitem
{
    FONT-SIZE: 8pt;
    FONT-FAMILY: Arial;
    COLOR: white;
    DISPLAY: block;
    BACKGROUND-COLOR: red;
    background: url("images/redtop.png") repeat-x;
    TEXT-ALIGN: center;
    TEXT-DECORATION: none;
    margin: 0px;
    font-weight: 900;
    padding: 0px;
}

A.menuitem:hover						/* menu-item cell */
{
    BACKGROUND-COLOR: maroon;
    background: url("images/maroontop.png") repeat-x;    
    TEXT-DECORATION: none;
    COLOR: white;
    font-weight: 900;
}

A.menuitem:visited						/* menu-item cell */
{
    BACKGROUND-COLOR: red;
    background: url("images/redtop.png") repeat-x;
    TEXT-DECORATION: none;
    COLOR: white;
    font-weight: 900;
}

A.menuitem:hover						/* menu-item cell */
{
    BACKGROUND-COLOR: maroon;
    background: url("images/maroontop.png") repeat-x;
    TEXT-DECORATION: none;
    COLOR: white;
    font-weight: 900;
}

A.menuitem:active
{
    BACKGROUND-COLOR: red;
    background: url("images/redtop.png") repeat-x;
    TEXT-DECORATION: none;
    COLOR: white;
    font-weight: 900;
}

/* submenu items */

A.submenuitem
{
    FONT-SIZE: 8pt;
    FONT-FAMILY: Arial;
    COLOR: white;
    DISPLAY: block;
    BACKGROUND-COLOR: red;
    background: url("images/blacktop.png") repeat-x;
    TEXT-ALIGN: center;
    TEXT-DECORATION: none;
    margin: 0px;
    font-weight: 900;
    padding: 0px;
}

A.submenuitem:hover						/* menu-item cell */
{
    BACKGROUND-COLOR: maroon;
    background: url("images/maroontop.png") repeat-x;    
    TEXT-DECORATION: none;
    COLOR: white;
    font-weight: 900;
}

A.submenuitem:visited						/* menu-item cell */
{
    BACKGROUND-COLOR: red;
    background: url("images/blacktop.png") repeat-x;
    TEXT-DECORATION: none;
    COLOR: white;
    font-weight: 900;
}

A.submenuitem:hover						/* menu-item cell */
{
    BACKGROUND-COLOR: maroon;
    background: url("images/maroontop.png") repeat-x;
    TEXT-DECORATION: none;
    COLOR: white;
    font-weight: 900;
}

A.submenuitem:active
{
    BACKGROUND-COLOR: red;
    background: url("images/blacktop.png") repeat-x;
    TEXT-DECORATION: none;
    COLOR: white;
    font-weight: 900;
}

/* body */

body
{
	background-color: gray;
}

p
{
    line-height: 160%;
    margin-left: 50px;
    margin-right: 50px;
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 10pt;
}

p.smallgray
{
	color: gray;
	font-size: 8pt;
	margin-right: 50px;
	text-align: right;
	margin-top: 0px;
	margin-bottom: 0px;
}

table								/* table def */
{
    BORDER: black 1px solid;
    border-collapse: separate;
}

table.moustable								/* table def */
{
    BORDER: gray 1px solid;
    border-collapse: collapse;
    font-size: 9pt;
}

th
{
    background-color: gray;
    color: white;
    text-align: left;
}

td.moustablehead
{
    background-color: #DDDDDD;
    color: red;
    font-weight: 900;
}

TABLE TD							/* normal cell */
{
    BORDER: black 0px solid;
    FONT-SIZE: 9pt;
    COLOR: black;
    FONT-FAMILY: Arial;
    background-color: white;
}

TD.main
{
	background: url("images/graygradient.png") repeat-x;	
}

TD.title
{
	background: url("images/backmain.png");
    height: 118px;
}

td.black
{
	background-color: black;
}

td.artback
{
	border: white 0px solid;
	background-color: white;
	color: black;
}

td.artright
{
	background-color: white;
	border-left: silver 1px solid;
	vertical-align: top;
	font-size: 8pt;
	color: red;
	padding-left: 20px;
}

td.moustable
{
	background-color: #EEEEEE;
	border-bottom: 1px silver dotted;
}

table.noframe
{
    BORDER: black 0px solid;
    border-collapse: collapse;
}

table.blackframe
{
    BORDER: black 1px solid;
    border-collapse: collapse;	
}

TD.noframe
{
    BORDER: 0px white solid;
    COLOR: white;
    background-color: transparent;
    padding: 0px;    
}

TD.titletext
{
    background-color: transparent;	
	color: white;
	font-size: 8pt;
	margin: 0px;
}

input.text
{
  border: solid 1px #6F6298;
  font-size: 7pt;
  height: 11px;
}

input.button
{
  border: solid 1px gray;
  font-size: 8pt;
  height: 25px;
  background-color: #EEEEEE;
  color: black;
}

input.check
{
  height: 17px;
}

form
{
    margin-top: 0px;
    margin-bottom: 0px;
}

UL
{ 
    list-style: outside;
    line-height: 160%;
}

div.fold
{
	margin-left: 60px;
	margin-right: 60px;
	margin-top: 0px;
	margin-bottom: 0px;
	background-color: #EEEEEE;
	color: gray;
	border: silver 1px dotted;
}