body {
	color: black;
	margin: 0;
	background-color: white;
font-family:arial, sans-serif;
font-size: 13pt;
        
text-shadow: 1px 1px 3px #AAA;
	}

img { border:none;}

A:link {text-decoration: none;
font-weight: bold;
	color: #B62F2E;}




A:visited {text-decoration: none;
	color: #B62F2E;}

A:hover {
text-decoration: underline;
color: #B62F2E;
}

a:active {text-decoration: none;}

#content {
  width: 1010px ;
  margin-left: auto ;
  margin-right: auto ;
}

#smallercontent {
  width: 1010px ;
  margin-left: auto ;
  margin-right: auto ;
 font-size:12pt;
}


fieldset {
border: 0px;
padding: 0px;
}


button
{

	font-size: 1.1em;
	font-weight: bold;

	padding: 4px 4px;
	margin: 5px auto;
	color: #fff;
	background-color: #000;
	
	border: 3 none;
border-radius: 4px;
  border-style:double; 
	transition-duration: 0.3s;

	
}

button.bluebutton
{
	background-color: #009;
}

button.greenbutton
{
	background-color: #090;
}

button.redbutton
{
	background-color: #900;
}

button:hover, button:focus
{
background-color: #fff;
  color: #000;
}
	




button:disabled
{
  background-color:#fff;
  color: #888;
	cursor: not-allowed;
  }
  
   
  .modal {
    display:    none;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .8 ) 
                url('/ajax-loader.gif') 
                50% 50% 
                no-repeat;
}

/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
body.loading {
    overflow: hidden;   
}

/* Anytime the body has the loading class, our
   modal element will be visible */
body.loading .modal {
    display: block;
}