/*
 * UTIL.CSS
 *
 * author:  douglas lee
 * version: $Id: base.css,v 1.2 2004/01/09 00:31:20 doug Exp $
*/



/* ****************************************************
 * DEFINED HTML GLOBALS
*/

.center
{ text-align:      center ! important; }

.right
{ text-align:      right ! important; }

.left
{ text-align:      left ! important; }

.top
{ vertical-align:  top ! important; }

.middle
{ vertical-align:  middle ! important; }

.bottom
{ vertical-align:  bottom ! important; }

.float-left
{ float:           left ! important; }

.float-right
{ float:           right ! important; }

.clear-right
{ clear:           right ! important; }

.clear-left
{ clear:           left ! important; }

.clear-none
{ clear:           none ! important; }

.big
{font-size:        large ! important; }

.bold
{ font-weight:     bold ! important; }

.normal
{ font-weight:     normal ! important; }

.italic
{ font-style:      italic ! important; }

.inline
{ display:         inline ! important; }

.nowrap
{ white-space:     nowrap ! important; }

.border-collapse
{ border-collapse: collapse ! important; }


/* ****************************************************
 * SMALL WORLD
*/
.small,
.small p, .small a,
.small ul, .small li,
.small code, .small pre,
.small table, .small tr, .small td, .small th,
.small div, .small span,
.small select, .small option, .small input, .small textarea
{ /*font-size:       xx-small;*/ }

.small h1, h1 small
{ font-size:       large ! important; }

.small h2, .small h3, .small h4, .small h5, .small h6,
h2 small, h3 small, h4 small, h5 small, h6 small
{ font-size:       x-small ! important; }

.small big
{ font-size:       x-small; }


/* ****************************************************
 * BIG WORLD
*/

big,
big p, big a,
big ul, big li,
big code, big pre,
big table, big tr, big th,  big td,
big div, big span
{ font-size:       regular; }

big h1
{ font-size:       x-large; }

big h2, big h3, big h4, big h5, big h6
{ font-size:       large; }


/* ****************************************************
 * SPACING
*/

.padding
{ padding:         5px; }

.padding-top
{ padding-top:     5px; }

.padding-right
{ padding-right:   5px; }

.padding-left
{ padding-left:    5px; }

.padding-bottom
{ padding-bottom:  5px; }

.padding-x
{ padding-left:    5px;
  padding-right:   5px; }

.padding-y
{ padding-top:     5px;
  padding-bottom:  5px; }

.dbl-padding
{ padding:         10px; }

.dbl-padding-top
{ padding-top:     10px; }

.dbl-padding-right
{ padding-right:   10px; }

.dbl-padding-left
{ padding-left:    10px; }

.dbl-padding-bottom
{ padding-bottom:  10px; }

.dbl-padding-x
{ padding-left:    10px;
  padding-right:   10px; }

.dbl-padding-y
{ padding-top:     10px;
  padding-bottom:  10px; }

.margin
{ margin:          5px; }

.margin-top
{ margin-top:      5px; }

.margin-right
{ margin-right:    5px; }

.margin-bottom
{ margin-bottom:   5px; }

.margin-left
{ margin-left:     5px; }

.dbl-margin-top
{ margin-top:      10px; }

.dbl-margin-right
{ margin-right:    10px; }

.dbl-margin-bottom
{ margin-bottom:   10px; }

.dbl-margin-left
{ margin-left:     10px; }

.dbl-margin-x
{ margin-left:     10px; 
  margin-right:    10px; }

.dbl-margin-y
{ margin-top:      10px; 
  margin-bottom:   10px; }

.small-margin
{ margin:          5px; }

.small-margin-top
{ margin-top:      3px; }

.small-margin-right
{ margin-right:    3px; }

.small-margin-bottom
{ margin-bottom:   3px; }

.small-margin-left
{ margin-left:     3px; }


/* ****************************************************
 * BUTTON LINKS
*/

a em, a:link em, a:visited em, a:active em, a:hover em
{ font-style:      normal;
  text-align:      right;
  text-decoration: none;
  white-space:     nowrap;
  padding:         2px 10px;
  background:      #ffc;
  color:           #000;
  font-weight:     bold;
  font-size: xx-small;
  border:          2px solid #333; }

input.button {
    font-weight:     bold;
    font-size: xx-small;
    cursor:          pointer;
    margin:          2px 0px;
    padding:         1px;
    background:      #ffd;
    color:           #333;
    border:          2px solid #666 ! important;
}

input.xbutton {
    font-weight:     bold;
    font-size: xx-small;
    margin:          2px 0px;
    padding:         1px;
    background:      #ddd;
    color:           #aaa;
    border:          2px solid #ccc ! important;
}

input.cancel
{ background:      #900;
  color:           #fff;
  border-color:    #600 ! important; }

input.commit
{ background:      #090;
  color:           #fff;
  border-color:    #060 ! important; }

input.action
{ background:      #369;
  color:           #fff;
  border-color:    #036 ! important; }

.box
{ padding:         5px;
  margin:          10px 0px;
  border:          1px solid #999; }

.action-box
{ background:      #ffd;
  color:           #000; }

.message-box
{ background:      #ffd;
  color:           #000; }

.error-box
{ background:      #fff;
  color:           #f00;
  border:          1px solid #f00; }


/* ****************************************************
 * CONSTANTS
*/

.underline
{ text-decoration: underline ! important; }

.sub
{ color:           #999; }

.red
{ color:           f00; }

.bg
{ background:      #ddd; }

.bg-lite
{ background:      #f0f0f0; }

.ol
{ border:          1px solid #ccc; }

.ol-lite
{ border:          1px solid #ddd; }

.ol-dark { border: 1px solid #999; }

.none
{ border:          none;
  background:      none; }

.separator-right
{ border-right:    3px dashed #ccc; }

/* ****************************************************
 * VISIBILITY
*/

.show
{ }

.hide
{ display: none; }

/* ****************************************************
 * TABBED STYLES
*/

.un-line
{ border-top: none;
  border-right: none;
  border-bottom: 1px solid #333;
  border-left: none;
  padding: 5px 10px;
  white-space: nowrap; }

.on-tab
{ border-top: 1px solid #333;
  border-right: 1px solid #333;
  border-bottom: none;
  border-left: 1px solid #333;
  font-weight: bold;
  padding: 5px 10px;
  white-space: nowrap; }

.off-tab 
{ border-top: 1px solid #333;
  border-bottom: 1px solid #333;
  border-right: 1px solid #333;
  border-left: 1px solid #333;
  font-weight: normal;
  padding: 5px 10px; 
  white-space: nowrap; }

.nudge-down { position: relative; top: 3px; }

.bg-brite
{ background:      #fffff0; }

.readonly {  border: none ! important; background: none ! important; }