/* @group Global Reset ====================================>> */
body, div,  dt, dl, dd, h1, h2, h3, h4, h5, h6,
pre, form, fieldset, img, input, textarea,  th, td
{
    margin: 0;
    padding: 0;
}
html, body
{
    min-height: 100%;
    *height: auto !important;
    height: 100%;
}
body
{
    font: 12px 'lucida grande','tahoma',freesans,sans-serif;
    color: #000;
}
fieldset, img
{
    border: 0;
}

table
{
    font-size: 12px;
}

.HugeButton
{
    display: block;
    font-weight: normal;
    border: 1px solid #FFF;
    padding: 10px;
}
.HugeButton:hover
{
    background-color: #EEF;
    border: 1px solid #008;
}

/* styled textboxes */
.TextBox input
{
    color: #000;
    border: 1px solid #CCC;
    font-size: 12px;
    height: 20px;
    line-height: 20px;
    padding: auto;
    /*background:#fff url("/design/images/bgH3.gif") repeat-x;*/
}

/* Data Display Table */
.DataTable
{
    border: 1px solid #888;
    border-collapse: collapse;
    font-size: 11px;
}
.DataTable th
{
    text-align: left;
    padding: 3px;
    background-color: #EEE;
}
.DataTable td
{
    padding: 4px;
}
.DataTable th.Alternate
{
    background-color: #DDD;
}
.DataTable td.Alternate
{
    background-color: #F8F8F8;
}
.DataTable a
{
    color: #00A;
    text-decoration: none;
}
.DataTable a:hover
{
    text-decoration: underline;
}
/* @end ==========>> */
/* @group Elements ========================================>> */

.LogoWrapper
{
    background: #212121;
}
h1 a.Logo
{
    display:block;
    height:60px;
    width: 170px;
    margin-top: 10px;
    letter-spacing :-1000em;
}
h1 a.Logo img
{
    display: inline;
    vertical-align: middle;
}
caption
{
    color: #fff;
    background: #262626;
}
caption, thead
{
    font-weight: 700;
    padding: .6em 1em;
}
thead
{
    font-weight: 700;
    padding: 1em;
    background: #eee;
    white-space: nowrap;
}
.Zebra
{
    background: #fafafa;
}
.Message
{
    border: 1px solid #eee;
    padding: 1em;
}
.Disabled
{
    opacity:.75;filter: alpha(opacity=75)
}
.Success
{
    color:#008400
}
.Warning
{
    color:#ff8f00
}
.Error
{
    color:#c42100
}
/* @end ==========>> */
/* @group Layout Module ===================================>> */
.Wrapper
{
    background: #fff;
    min-height: 100%;
    _height: 100%;
    border-left: 1px solid #EEE;
    border-right: 1px solid #EEE;
}
.ColumnGroup:after,  .ClearFix:after,  .Box:after
{
    content: ".";
    display: block;
    height: 0px;
    clear: both;
    visibility: hidden;
}
.ColumnGroup,  .ClearFix,  .Box
{
    display: inline-block;
}
/* Width Constrainers =========> */
.ConstrainWidth
{
    margin: 0 auto;
}

/* Column Divisors ========================================>> */
.ColumnGroup
{

}
.ColumnLeft
{
    position: absolute;
    width: 180px;
    left: 0px;
    padding: 0 0 20px 0;
}
.ColumnAutoMiddle
{
    position: relative;
    margin-left: 180px;
    margin-right: 130px;
    width: auto;
}
.ColumnAutoMiddleNarrow
{
    position: relative;
    margin-left: 180px;
    margin-right: 260px;
    width: auto;
}
.ColumnAutoRight
{
    margin: 0 10px 20px 180px;
    width: auto;
}
.ColumnRight
{
    position: absolute;
    width: 130px;
    right: 0;
    padding: 0 0 20px 0;
    margin: 0 0 10px 0;
}
.ColumnInsideRight
{
    position: absolute;
    width: 130px;
    right: 130px;
    padding: 0 0 20px 0;
    margin: 0 0 10px 0;
}
.ColumnHalf
{
    float: left;
    width: 47%;
    *width: 30%;
    margin-right: 1%;

}

/* @end ==========>> */
/* @group Classes =========================================>> */
.Header
{
    min-width: 920px;
    *width: expression(document.body.clientWidth < 700? "700px": "auto");
    background: #5e5e5e  url("/design/images/bgHeader.gif") repeat-x ;
    /*
    height: 93px;
    _height: 94px;
    */
    padding-bottom: -1px;
}
.Header .HeaderLeft
{
    float: left;
    width: 180px;
    height: 93px;
    top: 0;
    left: 0;
}
.Header .HeaderRight
{
}
.Header .HeaderBanner
{
	background-image: url('/design/images/header-banner.gif');
	background-repeat: no-repeat;
	background-position: right top;
}
.Footer
{
    position: fixed;
    bottom: 0;
    font-size: 9px;
    margin: 10px 0 0 0;
    padding: 0 5px 0 5px;
    height: 22px;
    line-height: 22px;
    background:#fff url("/design/images/bgMenuSmall.gif") repeat-x;
    background-position: bottom;
    *position: absolute;
    *top: expression( ( -32 + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}
.Footer a
{
    display: inline;
    color: #777;
}
.Number
{
    font-family: georgia, serif;
}
.Truncate
{
    white-space:nowrap;
    overflow-x: hidden;
    text-overflow:ellipsis;
    position:relative;
}
.Ellipsis
{ /* for -moz */
    background: #fff url(/design/images/bgEllipsis.gif) 100% 100% no-repeat;
    width:14px;
    height:14px;
    position:absolute;
    top:0;
    right:0;
    overflow:auto;
}

/* @group Utility Styles ==================================>> */
.TextRight          {text-align:right}
.TextLeft           {text-align:left}
.TextCenter         {text-align:center}
.FloatLeft          {float:left}
.FloatRight         {float:right}
.FloatNone          {float: none}
.Inline             {display:inline}
.Block              {display:block}
.Hide               {display:none}
.Clear, .clear      {clear:both;height:0px;overflow:hidden;}
.ClearBoth          {clear:both;}
.Relative           {position:relative}
.Absolute           {position:absolute}
.NegativeMargin     {margin:-10.0px}
.MarginAll,.Margin  {margin:10.0px}
.MarginTop          {margin-top:10.0px}
.MarginRight        {margin-right:10.0px}
.MarginBottom       {margin-bottom:10.0px}
.MarginLeft         {margin-left:10.0px}
.Padded             {padding:10px}
.SmallPadded        {padding: 5px 10px 5px 10px}
.AbsoluteTop        {position: absolute;top:0}
.AbsoluteRight      {position: absolute;right:0}
.AbsoluteBottom     {position: absolute;bottom:0}
.AbsoluteLeft       {position: absolute;left:0}
.Marker             {background:#eee}
.Center             {text-align: center;float:none;}
.MinHeight100       {_height: 100px; min-height:100px;}
.MinHeight150       {_height: 150px; min-height:150px;}
.MinHeight200       {_height: 200px; min-height:200px;}
.NoList             {list-style: none; margin: 0; padding: 0;}
.NoList li          {list-style: none; margin: 0; padding: 0;}
/* @end ==========>> */

/* Information/Warning/Error Boxes */
.InfoBox, .WarningBox, .ErrorBox, .CriticalBox
{
    margin: 10px 0 10px 0;
    border: 1px solid #888;
    padding: 10px 10px 10px 35px;
    font-size: 11px;
    background-repeat: no-repeat;
    background-position: 5px 10px;
}
.InfoBox .Heading, .WarningBox .Heading, .ErrorBox .Heading, .CriticalBox .Heading
{
    font-size: 14px;
}
.InfoBox ul, .WarningBox ul, .ErrorBox ul, .CriticalBox ul
{
    list-style: disc inside;
}
.InfoBox
{
    background-color: #EFE;
    color: #00A;
    background-image: url('/digitalbridge/images/info.png');
}
.WarningBox
{
    background-color: #FFE;
    color: #730;
    background-image: url('/digitalbridge/images/warning.png');

}
.ErrorBox
{
    background-color: #FFE;
    color: #A00;
    background-image: url('/digitalbridge/images/error.png');
}
.CriticalBox
{
    background-color: #FFE;
    color: #A00;
    background-image: url('/digitalbridge/images/critical.png');
}



/* HeaderLinks ================================================== */
.HeaderLinks
{
    height: 30px;
    line-height: 30px;
    color: #FFF;
}
.HeaderLinks .LeftPanel
{
    float: left;
}
.HeaderLinks .RightPanel
{
    float: right;
    margin-right: 10px;
    text-align: right;
}
.HeaderLinks a
{
    color: #FFF;
}

/* Column Minimum Widths ============================================== */
.NavigationWrapper
{
    width: 175px;
}
.ContentWrapper
{
    width: 739px;
}