/* UTIL.CSS
 * Copyright (C) 2005 Six Ray Vision LLC.  All rights reserved.
 * version: $Id: util.css,v 1.5 2005/05/02 19:45:50 doug Exp $
 */


/* HTML EMULATION ********************************************************* */
.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;}

.bold   {font-weight: bold ! important;}
.normal {font-weight: normal ! important;}
.italic {font-style: italic ! important;}
.inline {display: inline ! important;}
.underline {text-decoration: underline ! important;}

.uppercase {text-transform: uppercase ! important;}
.lowercase {text-transform: lowercase ! important;}

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

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

/* SMALL WORLD */
small, .small,
.small p, .small a, .small em,
.small li, .small ul,
.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: 11px;}

.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;}

h2 .small, h2.small {font-size: x-small ! important;}

.small big {font-size: small;}

.smaller {font-size: 80%;}

/* SPACING **************************************************************** */
.pad        {padding: 5px;}
.pad-top    {padding-top: 5px;}
.pad-right  {padding-right: 5px;}
.pad-left   {padding-left: 5px;}
.pad-bottom {padding-bottom: 5px;}
.pad-x      {padding-left: 5px; padding-right: 5px;}
.pad-y      {padding-top: 5px;  padding-bottom: 5px;}

.dbl-pad          {padding: 10px ! important;}
.dbl-pad-top      {padding-top: 10px;}
.dbl-pad-right    {padding-right: 10px;}
.dbl-pad-left     {padding-left: 10px;}
.dbl-pad-bottom   {padding-bottom: 10px;}
.dbl-pad-x        {padding-left: 10px; padding-right: 10px;}
.dbl-pad-y        {padding-top: 10px;  padding-bottom: 10px;}

.small-pad        {padding: 3px;}
.small-pad-top    {padding-top: 3px;}
.small-pad-right  {padding-right: 3px;}
.small-pad-left   {padding-left: 3px;}
.small-pad-bottom {padding-bottom: 3px;}
.small-pad-x      {padding-left: 3px; padding-right: 3px;}
.small-pad-y      {padding-top: 3px;  padding-bottom: 3px;}

.margin         { margin: 5px; }
.margin-top     { margin-top: 5px; }
.margin-right   { margin-right: 5px; }
.margin-bottom  { margin-bottom: 5px; }
.margin-left    { margin-left: 5px; }
.margin-x       { margin-left: 5px;
                  margin-right: 5px; }
.margin-y       { margin-top: 5px;
                  margin-bottom: 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; }
.small-margin-x       { margin-left: 3px;
                        margin-right: 3px; }
.small-margin-y       { margin-top: 3px;
                        margin-bottom: 3px; }

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


/* BOXES ****************************************************************** */
.box
{ padding:         5px;
  border:          1px solid #999; }

.action-box  {}
.message-box { background: #fffff0; }

/* SEPARATORS ************************************************************* */
.sep-right { border-right: 3px dashed #9dadc2; }
.sep-left  { border-left:  3px dashed #9dadc2; }


/* CONSTANTS ************************************************************** */
.bg       { background: #999; }
.bg-lite  { background: #f0f0f0; }
.bg-white { background: #fff; }
.bg-brite { background: #ffe; }
.bg-lite-blue { background: #f0f0fa; }
.bg-dark  { background: #666; }

.ol        { border: 1px solid  #999; }
.ol-lite   { border: 1px solid  #ddd; }
.ol-white  { border: 1px solid  #fff; }
.ol-dark   { border: 1px solid  #666; }
.ol-black  { border: 1px solid  #000; }

.ol-dotted { border: 2px dotted #666; }
.ol-raised { border-width: 1px 3px 3px 1px ! important; }

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

.sub, .sub td, .sub p
{ color:           #999; }

.sub a, .sub a:link, .sub a:active, .sub a:visited
{ color:           #999; }

.sub a:hover
{ color:           #666; }

.red
{ color:           f00; }

/* BUTTONS **************************************************************** */
a em, a:link em, a:visited em, a:active em
{font-style: normal;
 text-decoration: none;
 white-space:     nowrap;
 margin:          0px;
 padding:         3px 10px;
 background:      #f0f0f0;
 color:           #666;
 border:          1px solid #ccc; }

a:hover em
{background:      #fafafa;
 cursor:          pointer;
 color:           #333;
 border:          1px solid #666; }


a em.on, a:link em.on, a:visited em.on, a:active em.on
{font-weight: bold; text-transform: uppercase;
 background:      #fa5;
 color:           #333;
 border:          1px solid #999;}

a:hover em.on
{background:      #fb6;
 color:           #333;
 border:          1px solid #666;}

input.fixed {width: 60px;}

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

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

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

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

*/