/**
 * @file
 * Core module styles.
 *
 * @author Shannon M. Rause <shannon.rause@creativeflavor.com>
 * @version $Revision: 1.80 $
 * @version $Name: CREATIVEFLAVOR_2011-01-23_73 $
 * @version $Id: main.css,v 1.80 2011/01/17 04:20:43 smr Exp $
 *
 * These files are copyrighted to Creative Flavor Inc. and are
 * subject to the terms of the applicable Service Agreement.
 * If no service agreement is available you must contact us at
 * legal@creativeflavor.com or 303-379-9450.
 * 
 * These files may be watermarked to ensure traceability.
 */
/*
 * Note that this file is arranged mostly (but not necessarily) by generic
 * styles, classes, and then id elements--each alphabetized.  There are some
 * exceptions where it made sense.
 */

/* cms/user browse mode banners. */
.cmsBrowseModeBanner,
.userBrowseModeBanner
{
   position: absolute;
   top: 0px;
   right: 0px;
   left: auto; 
   background-color: #fc0;
   border: 1px solid #000;
   color: #000;
   font-size: x-small;
   font-weight: bold;
   margin: 0px;
   padding: 2px;
   width: 100px;
   text-align: center;
   z-index: 1000;
}

.userBrowseModeBanner
{
   background-color: #f66;
   width: 150px;
}

.cmsBrowseModeBanner input,
.userBrowseModeBanner input
{
   font-size: x-small;
}

/* cms content block while in cms browse mode. */
.cmsContentBrowseMode
{
   background: url(/images/en/core/edit.gif) no-repeat top right;
   border: 1px dotted #666;
   cursor: pointer;
}

.cmsContentBrowseModeImage
{
   background: url(/images/en/core/image.gif) no-repeat top right;
   border: 1px dotted #666;
   cursor: pointer;
}


/* cms editor. */
.cmsEditor
{
   
}

/* top (command) form error (e.g. "There was a problem with the information..."). */
.commandError,
.jsError
{
   background: #ffffce;
   border: 1px solid #ffcf00;
   color: #ce0800;
   font-size: 11px;
   line-height: 1.3em;
   margin: 10px auto;
   padding: 5px;
   width: 400px;
}

.commandError img
{
   margin: 0px 20px 0px 0px;
}

.commandError td
{
   text-align: left;
   vertical-align: middle;
   width: 100%;
}

.commandError th
{
   text-align: center;
   vertical-align: middle;
}

/* top (command) form success (e.g. "The information has been saved..."). */
.commandSuccess
{
   background: #e7fbe7;
   border: 1px solid #06c406;
   color: #000;
   font-size: 11px;
   line-height: 1.3em;
   margin: 10px auto;
   padding: 5px;
   width: 300px;
}

.commandSuccess img
{
   margin: 0px 20px 0px 0px;
}

.commandSuccess td
{
   text-align: left;
   vertical-align: middle;
   width: 100%;
}

.commandSuccess th
{
   text-align: center;
   vertical-align: middle;
}

/* contact us page (original). */
.contactUs form
{
   margin: 0 auto;
}

.contactUs textarea
{
   width: 420px;
}

.contactUs .actions input
{
   margin-top: 5px;
}

.contactUs .left,
.contactUs .right
{
   margin-bottom: 5px;
   padding-left: 0px;
}

/* compact contact us page. */
.contactUs textarea
{
   width: 200px;
}

.contactUs th
{
   text-align: right;
   vertical-align: top;
}

.contactUs .contactNeedJs
{
   color: #900;
   font-size: 16px;
   font-weight: bold;
   text-align: center;
}


/* two-column input table. */
.input2Col td.paramError,
.input2Col th.paramError
{
   padding-bottom: 0px;
   padding-top: 0px;
}

/* javascript error box. */
.jsError
{
   width: 650px;
}

/* pager. */
.pager
{
   line-height: 1.3em;
   margin: 5px 0px;
   padding: 0px;
}

.pager select
{
   font-size: 8px;
   padding: 0px 2px 0px 0px;
   vertical-align: middle;
   width: 40px;
}

.pager table
{
   width: 100%;
}

.pager .current
{
   font-weight: bold;
}

.pager .line .goToPage
{
   padding-left: 10px;
}

.pager .line .pages
{
   text-align: right;
}

.pager .line .showing
{
   text-align: left;
}

.paramError
{
   color: #900;
   font-weight: bold;
}


/* searching. */
.searchForm
{
   float: left;
   padding-top: 5px;
   width: 40%;
}

.searchPager
{
   float: right;
   padding-right: 30px;
   text-align: right;
   vertical-align: top;
   width: 30%;
}

.searchResult
{
   margin: 13px 0px 20px 0px;
}


/* system error page. */
.systemError
{
   background: #ffffce;
   border: 1px solid #ffcf00;
   color: #ce0800;
   margin: 10px auto;
   padding: 5px;
   width: 400px;
}

.systemError img
{
   margin: 0px 20px 0px 0px;
}

.systemError td
{
   text-align: left;
   vertical-align: middle;
   width: 100%;
}

.systemError th
{
   text-align: center;
   vertical-align: top;
}


/* right content column of leftNav.tpl. */
#contentRightColumn
{
   float: left;
   width: 555px;
}

/* error block used for JS errors - on all pages. */
#errorBlock
{
   display: none;
}

/* left nav column of leftNav.tpl. */
#leftNavColumn
{
   float: left;
   width: 200px;
}

/* message block used for JS messages - on all pages. */
#messageBlock
{
   display: none;
}

/* popup parent (not for simple popups) empty div. */
#popupParent
{
   margin: 0px;
   padding: 0px;
   z-index: 900;
}