/*
 * UTIL.CSS
 * Copyright (C) 2005 Six Ray Vision LLC.  All rights reserved.
 * $Source: /opt/cvs/lasvegas/war/style/util.css,v $
 */


/*****************************************************
 * 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       {clear: both;}
.clear-right {clear: right ! important;}
.clear-left  {clear: left ! important;}
.clear-none  {clear: none ! important;}
.big    {font-size: 18px ! 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;}
.small-caps {font-variant: small-caps;}
.nowrap {white-space: nowrap ! important;}
.border-collapse {border-collapse: collapse ! important;}


/* ***** SMALL WORLD ***** */
.small,
.small p, .small a, .small em,
.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,
h1.small, h2.small, h3.small, h4.small, h5.small, h6.small,
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
  font-size: 10px ! important;
}


/* ***** 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: 13px;
}

big h1 {
  font-size: 24px;
}

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


/* ***** PADDING ***** */
.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         { 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; }


/* ***** NUDGERS ***** */
.nudge-down { position: relative; top: 2px; }
.nudge-up   { position: relative; top: -2px; }


/* ***** SHIFT ***** */
a.shift:hover img {
  position: relative;
  left: 2px;
}


/* ***** CONSTANTS ***** */
.sub, .sub p   { color: #666; }
.red   { color: #900 ! important; }
.green { color: #060 ! important; }

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

.bg        { background: #ccc; }
.bg-med    { background: #aaa; }
.bg-lite   { background: #eee; }
.bg-xlite  { background: #fafafa; }
.bg-brite  { background: #ffc; }
.bg-xbrite { background: #fffff0; }
.bg-dark   { background: #666; }
.bg-red    { background: #900 ! important; }
.bg-lite-blue { background: #ccccf0 ! important; }
.bg-lite-red  { background: #fdd ! important; }


.bg-red a, .bg-red a:link, .bg-red a:active, .bg-red a:visited,
.bg-red p, .bg-red td,
.bg-red h1, .bg-red h2, .bg-red h3
{ color: #fff; }

.ol        { border: 1px solid #999; }
.ol-bottom { border-bottom: 1px solid #999; }
.ol-bottom-dashed { border-bottom: 1px dashed #999; }
.ol-right-dashed  { border-right: 1px dashed #999; }
.ol-dark   { border: 1px solid #666; }
.ol-xdark  { border: 1px solid #333; }
.ol-lite   { border: 1px solid #ccc; }
.ol-xlite  { border: 1px solid #f0f0f0; }
.ol-red    { border: 1px solid #900; }
.ol-thick  { border-width: 3px;}
.ol-raised { border-width: 1px 3px 3px 1px; }
.ol-dashed { border-style: dashed; }
.ol-link   { padding: 3px ! important; border: 2px solid #666; }


/* ***** DEFEATERS ***** */
.no-underline, .no-underline a { text-decoration: none ! important; }
.no-border { border: none ! important; }


/* ***** SEPARATORS ***** */
.sep-left   {border-left: 1px dotted #999;}
.sep-right  {border-right: 1px dotted #999;}
.sep-top    {border-top: 1px dotted #999;}
.sep-bottom {border-bottom: 1px dotted #999;}

.dot-sep-left {
  background: url('/images/dotted-vertical.gif') repeat-y top left
}
.dot-sep-right {
  background: url('/images/dotted-vertical.gif') repeat-y top right
}



.pointer {
  cursor: pointer;
}