html {
    height:100%;
    width:100%;
    margin: 0px;
}


body
{
    margin: 0px;
    padding: 0px;
    background-color: White;
    color: #333333;
    font-family: /* Tahoma, */ Arial, Helvetica, sans-serif;
    font-size: 9pt;
    display:table;
    height:100%;
    width:100%;
}

div.divMainContainer {
    margin: 0px; 
    
    height: 100%; 
    width: 100%;
}

a:link
{
	color: #005566;
}

a:visited
{
	color: #005566;
}

a:hover
{
	color: #2277aa;
}

a:active
{
	color: #005566;
}


/********************** Tooltips ******************************/
.Help  /* Help icon ("?") on which tooltips appear */
{
    padding: 1px 3px 1px 3px;
    border-style: dotted;
    border-width: 1px;
    cursor: help;
}

.Tooltip
{
    position: relative;
}

.Tooltip span
{
    display: none;
    font-size: smaller;
    color: #000066;
    text-decoration: none;
}

.Tooltip:hover
{
    background-color: #99CCFF;
}

.Tooltip:hover span      /* Note: This doesn't work with IE 6 */
{
    display: block;
    position: absolute;
    text-align: left;
    width: 300px;
    top: 30px;
    left: 30px;
    background: #e6ecff;
    border: 1px solid #003399;
    padding: 3px;
    text-decoration: none;
    opacity: .8;
}
/********************** Tooltips ******************************/

/********************** Header ******************************/
a:link.PageTitle
{
	color: #ff9900;
	text-decoration: none;
}

a:visited.PageTitle
{
	color: #ff9900;
	text-decoration: none;
}

a:hover.PageTitle
{
	color: #ff9900;
	text-decoration: underline;
}

a:active.PageTitle
{
	color: #ff9900;
}


.Header
{
    /* border-width: 1px;
    border-bottom-style: solid; */
    /* padding-top: 10px; */
    text-align: left;
    width: 100%;
    vertical-align: middle;
}

div.PageTitle
{
    background-color: #FFFFDD;
    color: #FF9900;
    font-size: 18px;
    font-weight: bold;
    /* padding: 0px; */
    /* padding-left: 5px;
    margin-left: -5px; */
    margin-bottom: 10px;
    text-decoration: none;
    /* width: 779px; */
}

div.SiteMapPath
{
    padding-top: 5px;
    font-size: 9px;
}
/********************** Header ******************************/

/********************** Cookie Banner ******************************/

#footer-cookie,
#footer-cookie * {
    box-sizing: border-box;
    z-index: 9999;
}

#footer-cookie {
    position: fixed;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: auto;
    padding: 25px 30px 25px 30px;
    background: #19618c;
    color: #fff;
}

    #footer-cookie a {
        color: #fff;
    }

    #footer-cookie #description {
        float: left;
    }

    #footer-cookie #accept {
        float: right;
        background-color: #FFFBFF;
        border-color: #CCCCCC;
        border: 1px solid #fff;
        padding: 5px 10px;
        margin-top: 5px;
        margin-left: 5px;
    }

        #footer-cookie #accept a {
            color: #284775;
            text-decoration: none;
        }

/********************** Cookie Banner ******************************/

/********************** Navigation Tree ******************************/
.Menu
{
    border-style: solid;
    border-width: 1px;
    border-color: #CBCED4;
    background-color: #F5F5F5;
    padding: 11px;
    left: 20px;
    color: #666666;
    margin-right: 3ex;
    overflow-y: auto;
    overflow-x: hidden;
}

a.TreeNode
{
	color: #336699;
	text-decoration: none;
}

a:visited.TreeNode
{
	color: #336699;
}

.TreeNode
{
    padding-top: 1px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    margin-left: 5px;
    margin-right: 5px;
}

.TreeRootNode
{
}

.TreeParentNode
{
/*	color: #336699; */
    font-weight: bolder;
}

.TreeLeafNode
{
}

.TreeSelectedNode
{
    font-weight: bold;
    background-color: #DDEEFF;
}

.TreeHoverNode
{
    background-color: #DDEEFF;
    /*text-decoration: none;*/
}

.MenuUserName
{
    font-size: 7pt;
}

.FlagIcons
{
    text-align: center;
    /* These values would probably have to be adjusted if custom flag icons
       with a different size than the default are used: */
    word-spacing: 3px;
    line-height: 1.5;
}
/********************** Navigation Tree ******************************/


.Content
{
    vertical-align: top;
}

h1      /* Page Title in Content area */
{
/*
    font-family: 'Arial Rounded MT Bold', Arial, Helvetica, sans-serif;
    font-size: x-large;
*/
    color: #FF9900;
    font-size: 16px;
    font-weight: bold;
    margin-top: 0px;
}

.Footer
{
    /* width: 750px; */
    font-size: 8pt;
    text-align: center;
    word-spacing: 2px;
    padding-top: 30px;
    font-weight: bold;
    text-transform: uppercase;
    /*position: relative;*/
    width: 100%;
    left: 0px;
    clear: both;
    z-index:9;
}

div.Footer a
{
	padding-right: 10px;
	color: #2277aa;
	text-decoration: none;
}

div.Footer a:visited
{
/*	color: #005588; */
	color: #2277aa;
}

div.Footer a:hover
{
	color: #2277aa;
	text-decoration: underline;
}

/********************** Tables & Forms ******************************/
.Table
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    border: 1px solid #CCCC99;
    background-color: #F5F5F5; /* #EFF3FB; */ /* #F7F7DE; */
    border-collapse: collapse;
}

.TablePadding td
{
    padding: 3px;
}

.TableHeader, .TableHeader td, .TableHeader th
{
    color: White;
    background-color: #104676; /* #6B696B; */
    font-weight: bold;
    text-align: center;
/*    padding-top: 3px;
    padding-bottom: 3px;*/
    padding: 5px;
}

.OuterTable
{
/*    font-family: Verdana, Arial, Helvetica, sans-serif;
    background-color: #F5F5F5; /* #EFF3FB; */ /* #F7F7DE; */
/*    border-collapse: collapse;*/
    border: 0px none;
    cursor: default;  /* Prevent the edit cursor from appearing over text although text cannot be selected in the Infragistics grid */
}

.InnerTableHeaderAndCell
{
    border: 1px solid #CCCC99;
}

.InnerTableHeader
{
    color: White;
    background-color: #104676; /* #6B696B; */
    text-align: center;
    padding: 5px;
    cursor: pointer;
}

.InnerTableHeaderDisabledSorting
{
    cursor: default;  /* For column headers where sorting is disabled, don't show the pointer (hand) cursor, but the default cursor */
}

.InnerTableCell
{
    padding: 3px;
}

.InnerTableActionCell /* Cells in the Action column; prevent icons from being wrapped */
{
    white-space: nowrap;
}

.InnerTableActionCell img  /* img tags in the Action column */
{
    /* Don't show a border for hyperlink images */
    border-style: none;
}

.InnerTableActionCell input  /* input tags in the Action column */
{
    /* Show the hand cursor for ImageButtons (icons) instead of the default cursor */
    cursor: pointer;
}

.DisabledImageButton /* Disabled image buttons in the Action column; show as kind of "greyed-out" */
{
    opacity: 0.3;                   /* CSS 3 property; works with Firefox > 1.5 */
    filter: alpha(opacity=30);      /* Workaround for IE < 8, does the same as opacity */
}

.InnerTableSelectedRow
{
    border-style: inset;
    border-width: 5px;
    background-color: #FFEFBB;
}

.InnerTableFirstColumnCell
{
    text-align: center;
}

.WizardButton
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #284775;
    background-color: #FFFBFF;
    border-color: #CCCCCC;
    border-style: solid;
    border-width: 1px;
}

/* All textboxes with a validator control next to it cannot be 100% wide because
   if the validator (*) is shown, it would be wrapped in the next line. So make
   textboxes (input tags) and also drop-down lists (select tags) a bit smaller. */
.TextBoxesWithValidator input[type=text]  /* Note: [type=text] is not supported by IE 6 */
{
    width: 92%;
}
.TextBoxesWithValidator select
{
    width: 94%;
}

.TooManyItemsWarning
{
    font-weight: bold;
    font-style: italic;
    color: #C14E00;  /* dark orange */
    margin-bottom: 10px;
}

/********************** Tables & Forms ******************************/

.Error
{
    color: #FF0000;
    font-weight: bold;
}

.Success
{
    color: green;
    font-weight: bold;
}


/********************** Status Messages ******************************/
.StatusMessageInfo
{
    background-color: #9FCF9F;
}

.StatusMessageWarning
{
    background-color: #FFEF9F;
}

.StatusMessageAlert
{
    background-color: #FF9F9F;
}

/********************** Reference Data Shop ******************************/
.OrderStateProcessing
{
    background-color: Yellow;
}

.OrderStateFinished
{
    background-color: Lime;
}

.OrderStateFailed
{
    background-color: Red;
}

.OrderTotalValuesLine
{
    font-weight: bold;
}

/*******************************************************************************
 * Order view page
 *******************************************************************************/

/* Appearance of the "VRS" string in table in order view, to signal the user
   that the coordinates show up when he moves the mouse cursor over the string */
.VrsCoordinate {
	border-bottom-style: dotted;
	border-bottom-width: thin;
	border-bottom-color: black;
	cursor: help;
	color: blue;
}

.Note
{
    font-size: smaller;
}

/********************** Progressbar Background ******************************/
.ProgressBarBackGroundColor
{
    background-color: Gray;
}

.ProgressBarForeGroundColor
{
    background-color: Yellow;
}

/********************** Order Item Details ******************************/
.EpochsMissingColor
{
    background-color: Red;
}

.GenerationResultFailed
{
    color: Red;
}

.GenerationResultPassed
{
    color: Green;
}

.GenerationResultIdle
{
    color: Orange;
}


/********************** Calendar ******************************/
.CalendarFrame
{
    background-color: #104676;
    color: White;
}

.CalendarContent
{
    background-color: #F5F5F5;
    color: Black;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

/********************** Subscriptions ******************************/
.SubscriptionInTheFuture
{
    background-color: #FFEF9F;  /* yellow */
}

.SubscriptionWithUnapprovedFollowup
{
    background-color: #FFEF9F;  /* yellow */
}

.SubscriptionWithHighAmount
{
    background-color: Red;
}

/********************** Logins ******************************/
.PrimaryLogin
{
   background-color: #FFEF9F;  /* yellow */
}

.LockedLogin
{
   background-color: #FF9F9F;  /* red */
}

/********************** Highlight ***************************/
.Highlight
{
    background-color: #FFFF5B; /* bright yellow */
}