/*
 * MACHGROUP APP DEFAULT STYLE SHEET
 *
 * Douglas Lee
 *
 */

/* ***********************************************************************
 * DEFAULT
 */
body
{ color:           #000000; }

body
{ background:      #bbb; }



body, p, div, form,
hr, span, input, form, select, textarea, option
{ margin:          0px; }

body, table, tr, td, p, a, select, input,
textarea, div, span, ul, li
{ font-size:       8pt;
  font-weight:     normal;
  font-family:     "tahoma", "verdana", "arial", "sans-serif"; }

select, input, textarea
{ padding:         2px;
  margin:          2px; }

input
{ line-height:     80%; }

h1  
{ font-family:     "arial", "helvetica", "sans-serif";
  font-weight:     bold;
  font-size:       16px;
  text-transform:  uppercase;
  color:           #333;
  padding:         5px;
  background:      #f0f0f0;
  border-bottom:   3px solid #eb2d2e;
  margin-bottom:   2px; }

h1 p
{ font-size:       8pt;
  text-transform:  none; }

h2
{ font-family:     "tahoma", "verdana" ,"arial", "sans-serif";
  font-weight:     bold;
  font-size:       11px;
  color:           #666;
  padding:         5px;
  margin:          5px 0px 10px 0px;
  background:      #FAFAFA;
  border-top:      1px solid #DFDFDF;
  border-right:    3px solid #ddd;
  border-bottom:   3px solid #ddd;
  border-left:     1px solid #DFDFDF; }

h3
{ font-family:     "franklin gothic demi", "tahoma", "verdana" ,"arial", "sans-serif";
  font-size:       11px;
  font-weight:     bold;
  color:           #004A80; }

h4
{ font-size:       200%; }

ul
{ margin-top:      0;
  margin-bottom:   0;
  margin-left:     20px;
  line-height:     135%; }

em
{ font-style:      italic; }

small
{ font-size:       9px; }

big
{ font-size:       13px; }

hr
{ display:         block;
  height:          1px;
  color:           #CCC; }

a
{ text-decoration: none; }

a
{ color:           #006; }
a:hover
{ color:           #f00; }


/* ***********************************************************************
 * HTML FORMATTING
 */
.bold
{ font-weight:     bold; }

.center
{ text-align:      center; }

.right
{ text-align:      right; }

.left
{ text-align:      left; }

.middle
{ vertical-align:  middle; }

.small
{ font-size:       9px; }

.inline
{ display:         inline; }

.float-left
{ float:           left; }

.float-right
{ float:           right; }

.clear-right
{ clear:           right; }

.clear-left
{ clear:           left; }

.clear-none
{ clear:           none; }


/* ***********************************************************************
 * FG and BG COLORS
 */
.faint
{ color:           #999; }

.red
{ color:           #eb2d2e ! important; }

.green
{ color:           #007236 ! important; }

.bg-green
{ background:      #d4ffd4 ! important; }

.bg-red
{ background:      #f4dede ! important; }

.bg-white
{ background:      #fff ! important; }

.bg-grey
{ background:      #ddd ! important; }


/* ***********************************************************************
 * SHELL
 */
.header
{ background:      #f0f0f0;
  text-align:      right; }

.body
.content
{ background:      #fff; width:100%;}


/* ***********************************************************************
 * TABS
 */
.maintabs
{ font-family:     tahoma;
  font-size:       8pt; }

.maintabs
{ padding: 10px 50px;
  background:      #ccc;
  border-top:      1px solid #666;
  border-bottom:   1px solid #666;
  white-space:     nowrap; }

p.maintab,
p.maintab-act
{ display:         inline;
  whitespace:      nowrap;}

p.maintab a,
p.maintab-act a
{ padding:         5px 15px;
  margin:          3px;
  text-decoration: none;
  whitespace:      nowrap; }

p.maintab-act a
{ font-weight:     bold; }

p.maintab a
{ background:      none;
  color:           #666;
  border:          1px solid #999; }

p.maintab a:hover
{ background:      #ddd;
  color:           #f00;
  border:          1px solid #fff; }

p.maintab-act a
{ background:      #f0f0f0;
  color:           #666;
  border:          1px solid #333; }

p.maintab-act a:hover
{ background:      #f0f0f0;
  color:           #555;
  border:          1px solid #fff; }


/* ***********************************************************************
 * BODY BACKGROUNDS
 */
.mountain-lake
{ background:      url(/images/bg-lake.jpg); }

.waterfall
{ background:      url(/images/bg-waterfall.jpg); }

.laketable
{ background:      url(/images/bg-laketable.jpg); }

.headlights
{ background:      url(/images/bg-headlights.jpg); }


/* ***********************************************************************
 * CONTAINERS
 */
.container
{ padding:         10px;
  margin-bottom:   10px; }
  
.container-small
{ padding:         0px;
  margin-bottom:   0px; }

.container-small p,
.container-small a
{ font-size:       9px ! important; }

/* ***********************************************************************
 * FOOTER
 */
.footer
{ color: #fff; }

.footer a, .footer a:link, .footer a:active, .footer a:visited
{ font-size: 9px;
  color:     #888 ! important; }

.footer a:hover
{ color:     #666 ! important;}

.footer p
{ padding-top: 3px; }