@font-face {
    font-family: 'zurich_light_condensedregular';
    src: url('fonts/zurichbt-lightcondensed-webfont.eot');
    src: url('fonts/zurichbt-lightcondensed-webfont.eot?#iefix') format('embedded-opentype'),
            url('fonts/zurichbt-lightcondensed-webfont.woff') format('woff'),
            url('fonts/zurichbt-lightcondensed-webfont.ttf') format('truetype'),
            url('fonts/zurichbt-lightcondensed-webfont.svg#zurich_light_condensedregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

#chart_loading, .chart_loading
{
    display: none;
    z-index: 1000;
    position: relative;
    width: 1000px;
    height: 100px;
    background: url('images/ajax-loader.gif')
                50% 50% no-repeat;
}

#chart_loading #chart_loading_text
{
    position: absolute;
    left: 447px;
    top: 70%;
    font-weight: bold;
}

body.loading #chart_loading
{
    display: block;
}

.wrapper
{
    min-height:750px;
}

.content h1
{
    font-family:'zurich_light_condensedregular',Arial,sans-serif;
    font-weight:500;
    letter-spacing:2px;
    font-size:2em;
}

h1.environment
{
    position:absolute;
    left:800px;
    color:#90143b;
    font-size:3.5em;
}
.progressBar
{
    text-align:center;
    width:100%;
}
.header .logo
{
    float: left;
}
.header h1.portalTitle
{
    position:absolute;
    left:1000px;
    font-size:3.5em;
    font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
}

.siteContent
{
    background-color:white;
}

.wrapper
{
    width: 1000px;
    margin: 0px auto;
}
.wrapper .content
{
    padding: 12px;
}
.validation-summary-valid
{
    display: none;
}
.clear
{
    clear: both;
}
.header
{
    padding: 25px 0px 25px 0px;
    height: 47px;
    color: #004284;
}
.generating
{
    position:absolute;
}

ul.mainNav
{
    position:absolute;
    list-style: none;
    float: left;
    padding: 0px;
    margin: 0px;
    height:50px;
    border:0;
    width: 1000px;
}
ul.mainNav li
{
    border:0;
    float: left;
    border-right: 1px solid white;
    height:50px;
    /*font-family:"Tahoma","Trebuchet MS",Helvetica,sans-serif;*/
    /*font-family: 'BenchNine', sans-serif;*/
    font-family: 'zurich_light_condensedregular','BenchNine', Arial, sans-serif;
    font-weight: normal;
    font-size:20px;/*1.5em;  1.5 for benchnine with 1px letter spacing*/
    overflow:hidden;
}
ul.mainNav li a,
ul.mainNav li a:link,
ul.mainNav li a:visited
{
    float: left;
    padding: 15px 23px;
    border-right: none;
    background-color: #002C69;
    color: white;
    text-decoration: none;
}
ul.mainNav li.selected a
{
    background-color: #2163a5;
}
ul.mainNav li a:hover,
ul.mainNav li.selected a:hover
{
    background-color: #115395;
}
ul.mainNav li.login
{
    float: right;
    border: none;
    border-left: 1px solid white;
}
div.spacer
{
    width:1000px;
    height:50px;
    background-color: #002C69 ;
    overflow:hidden;
}

/* Login Page */
.loginWrapper
{
    margin: 20px 0px 0px 80px;
}
.loginRow
{
    margin: 6px 0px;
}
.loginRow label
{
    display: inline-block;
    width: 80px;
    font-weight: bold;
}
.loginRow input[type=text],
.loginRow input[type=password]
{
    width: 200px;
    padding: 3px;
    border: solid 2px black;
}

/*Site list data export table for exporting CSV*/

.siteContent a:link, .siteContent a:visited
{
    color: #29537D;
    font-weight: bold;
    text-decoration:none;
}

.completion
{
    padding:0;
    margin:0;
}

#MappingType
{
    width:100px;
}

#Format
{
    width:75px;
}

#SectionKey
{
    width:180px;
}

.siteContent a:hover
{
    text-decoration:underline;
}

.row
{
	padding:10px;
}

.siteName
{
    float:left;
}

.downloadLink
{
    float:right;
    width: 500px;
}

.siteRow, .siteRowAlternating
{
	display:inline-block;
	width:968px;
}

.siteRowAlternating
{
	background-color:#DDEAF3;
}

.csvDownload
{
    display: inline-block;
    margin-right:12px;
}

.dcCsvDownload
{
    display: inline-block;
    margin-right:30px;
}

.fieldMappings
{
    width:120px;
    display: inline-block;
    float:left;
    height:20px;
}

.format
{
    float:left;
    width:100px;
}

.sections
{
    float:left;
}

.generationButton
{
    float:left;
    width:100px;
}

.downloadButton
{
    background-color: #EEE;
}

.generating
{
    font-style:italic;
}

/* Download Page */

.arrow
{
    float:right;
    cursor:pointer;
}

.expandSectionButton
{
    display:block;
}

.collapseSectionButton
{
    display:none;    
}

.sectionTitle
{
    /*border-top:solid 1px #AAA;*/
    /*border-bottom:solid 1px #AAA;*/
    padding:5px;
}

.sectionTableWrapper
{
    margin-left:10px;
    display:none;
   /* background-color:#fff;*/
}

td, tr, th
{
 text-align:left;
 min-width: 100px;
}

.panel img
{
    width:15px;
    cursor:pointer;
}

.panel .expandAllLink, .panel .collapseAllLink
{
    width:50px;
    margin-left:15px;
}

.panel ul
{
    margin:0px;
    float:right;
    list-style-type: none;
}

.panel li
{
    padding:3px;
    float:left;
}

a.section
{
    padding:15px;
}

.mappingType
{
    font-weight:bold;
    width:70%;
    /*font-size:1.2em;*/
}

.downloadLinks
{
    border:0;
    padding:0;
    margin:0;
    width:70%;
}

.sectionTableWrapper
{
    margin-left:50px;
    padding: 10px;
}

.downloadFormat
{
    margin-top:20px;
    padding-left:5px;
    width: 70%;
    font-weight:bold;
    font-size:0.75em;
    color:White;
    background-color:#000;
}

/* Logging page */

.logging
{
    width:950px;
    border:0;
}

/* Settings Page */

.roleRadioWrapper
{
    float:left;
    clear:none;
}

.roleRadioWrapper label
{
    float:left; 
    clear:none; 
    display:block; 
    padding: 2px 2px 2px 10px; 
}

.roleRadioWrapper input[type=radio]
{
    float:left;
    clear:none;
    margin-left:20px;
    margin-right:30px;
}

.userListWrapper table
{
    width:100%;
}

.userListWrapper tr:nth-child(even)
{
    background-color:#DDEAF3;
}

.userListWrapper th, .userListWrapper td
{
    text-align:center;
}

.validationMessage
{
    color:Red;
}

/* Footer */

.footer
{
    background-color:White;
    margin:auto;
    width:980px;
	overflow:visible;
	font-size: 1em;
	color: #c0c2c5;
	margin-bottom: 12px;
	margin-top: 29px;
	position: relative;
	font-family:Arial, Verdana, Helvetica, Sans-Serif;
}

.footer .libraryLogos
{
    margin-top: 10px;
}

.footer .footerContent
{
    margin-top: 5px;
}

.footer .copyrightAndLinks
{
    float: left;
    padding-top: 13px;
}

.footer .copyrightAndLinks ul
{
    list-style-type: none;
    display: inline;
    margin-left: 20px;
}

.footer .copyrightAndLinks ul li
{
    display: inline;
}

.footer .copyrightAndLinks ul li.contactLink
{
    margin-right: 17px;
}

.footer .amdLinks
{
    float: right;
}

.footer .amdLinks ul
{
    list-style-type: none;
    display: inline;
}

.footer .amdLinks ul li
{
    display: inline;
    height: 30px;
}

.footer .amdLinks ul li.amdLink
{
    margin-left: 17px;
}

.footer .amdLinks ul li.ameLink, .footer .amdLinks ul li.amdLink
{
    position: relative;
    top: -4px;
}

.footer a
{
	text-decoration: none;
	color: #c0c2c5;
	cursor: pointer;
}

.footer .amdLinks .sageLink a
{
    margin-right: 200px;
    text-decoration:none;
}

/* Login */

.loginWrapper table.loginTable
{
    color: #616161; 
    background-color: #EFF3FB;
    border-color: #B5C7DE; 
    border-width: 1px; 
    border-style: Solid; 
    border-collapse: collapse;
}

.loginWrapper .validationMessage
{
    font-size:0.75em;
}

/* Log Viewer CSS */
.logViewer
{
    border-left: 1px solid black;
    border-bottom: 1px solid black;
    display: table;
    width:auto;
    border-spacing:0px;
}
.logViewer .logEntry
{
    display: table-row;
    width:auto;
}
.logViewer .logEntry div
{
    float: left;
    padding: 4px;
    border: 1px solid black;
    border-left: none;
    border-bottom: none;
    display: table-column;
}
.logViewer .logEntry .message
{
    width: 500px;
}
.logViewer .logEntry .severity
{
    width: 200px;
}
.logViewer .logHeader
{
    font-weight: bold;
}

.logDashboard
{
    font-weight: normal;
}


.logDashboard .logContainer
{
    border: 2px solid black;
    border-collapse: collapse;
    font-weight: normal;
    padding: 10px;
    margin: 30px 10px;
}

.logDashboard .logContainer .logTitle
{
    font-size: 1.5em;
    display: block;
    margin-bottom: 5px;
    font-weight: bold;
}

.logDashboard .logContainer table
{
    margin-top: 10px;
}

.logDashboard .logContainer th 
{
    font-weight: bold;
}

.logDashboard .logContainer th,
table:not(.profiler-timings) td
{
    width: 190px;
    padding: 5px;
    vertical-align: central;
    text-align: center;
}

.ui-datepicker-calendar th, td 
{
    min-width: 0px;
}

.overviewNavWrapper
{
    width: 680px;
    float: right;
    margin-top: 10px;
}

.selectWrapper
{
    width: 250px;
    display: inline-block;
    float: left;
    margin-right: 20px;
}

.overviewFilters
{
    display: inline-block;
    vertical-align: super;
}

.overviewFiltersControls
{
    vertical-align: sub;
}

.analyticsOverviewText
{
    display: inline-block;
    vertical-align: middle;
    margin: 0 7px 0 7px;
    max-width: 500px;
}

.analyticsFilterText
{
    margin-right: 3px;
    font-weight: bold;
    font-style: italic;
}

.filterNotification
{
    float: right;
    font-size: 1.1em;
    max-width: 500px;
}

.analyticsTable
{
    margin-top: 10px;
}

.analyticsTable th
{
    text-align: center;
    font-size: 1.2em;
    padding: 0 7px 7px 7px;
    border-bottom: 2px solid black;
    border-right: 1px solid grey;
}

    .analyticsTable .borderBelow
    {
        border-bottom: 1px solid grey;
    }

    .analyticsTable td
    {
        width: 100px;
        border-right: 1px solid grey;
    }

    .analyticsTable td.difference
    {
        font-weight: bold;
    }

    .analyticsTable .lastCol
    {
        border-right: none;
    }

    .analyticsTable .totalsRow
    {
        font-size: 1.2em;
        font-weight: bold;
        border-top: 1px solid black;
    }

        .analyticsTable .totalsRow td
        {
            padding-top: 10px;
        }

    .analyticsTable .sortArrow:hover
    {
        cursor: pointer;
    }

    .table-controls .table-filter
    {
        float: left;
    }
    .table-controls .table-pagination
    {
        float: right;
        display: none;
    }
    .table-controls .table-search-button,
    .table-controls .table-search-clear-button,
    .table-controls .table-show-all
    {
        vertical-align: top;
    }
    .table-controls .table-search-text
    {
        width: 120px;
    }
    .table-controls .table-pagination select 
    {
        width: 120px;
    }
    .table-controls
    {
        float: left;
        width: 100%;
    }
    .table-controls:after
    {
        content: ' ';
        clear:both;
    }

.analyticsBreadcrumb
{
    background-color: #ddd;
    /*margin-bottom: 10px;*/
    font-weight: bold;
    border-bottom: 2px solid #444;
}
    .analyticsBreadcrumb .inner {
        padding: 8px;
        display: inline-block;
    }
    .analyticsBreadcrumb .title {
        font-size: 1.2em;
        font-weight: bold;
        padding: 14px 12px;
        background-color: #444;
        color: #fff;
        display: inline-block;
    }

    .analyticsBreadcrumb .inner .btn:not(:last-child) {
        margin-right: 8px;
    }
    .analyticsBreadcrumb.lastLinkRight .inner .btn:last-child {
        float: right;
    }
    .analyticsBreadcrumb.lastLinkRight .inner .btn:last-child i {

    }

.dimensionsWrapper
{
    background-color: #ddd;
    margin-bottom: 30px;
    font-weight: bold;
}

.dateControl, .dimensionsControl
{
    padding: 10px;
}

    .dateControl .dateLabel
    {
        display: inline-block;
        line-height: 30px;
        margin-left: 12px;
    }

    .dateControl .dateInput
    {
        max-width: 180px;
        margin: 0 4px 0 4px;
        background-color: #eee;
    }

    .dateControl .dateButton
    {
        vertical-align: top;
        margin-left: 10px;
    }

    .analyticsTable th .sortArrow
    {
        opacity: 0.5;
    }

    .analyticsTable th.selected .sortArrow
    {
        opacity: 1;
    }

.dimensionsControl {
    display: none;
}

    .dimensionsControl .dimensionRow:after
    {
        content: '';
        clear: both;
        display: block;
    }

    .dimensionsControl .dimensionColumn
    {
        padding: 4px 0 0 8px;
        font-size: 0.9em;
        width: 50%;
        float: left;
        box-sizing: border-box;
    }

    .dimensionsControl .binaryFilter {

    }
        .dimensionsControl .binaryFilter input {
            vertical-align: top;
        }
        .dimensionsControl .binaryFilter label
        {
            display: inline-block;
            padding: 0 6px 0 4px;
        }
        .dimensionsControl .binaryFilter span
        {
            display: inline-block;
            width: 190px;
        }
    .dimensionsControl .dimensionPlaceholder
    {
        height: 44px;
        line-height: 44px;
        font-weight: normal;
        font-style: italic;
        padding-left: 12px;
        display: inline-block;
    }

.analyticsDashboard
{
    width: 100%;
    border: 3px solid grey;
    border-bottom: 1px solid grey;
    background-color: lightcyan;
    margin-top: 5px;
}

    .analyticsDashboard .analyticsDashboardHeader
    {
        font-size: 1.5em;
        font-weight: bold;
        padding: 10px;
        cursor: pointer;
        border-bottom: 2px solid grey;
    }

    .analyticsDashboardHeader .dashboardHeadline
    {
        float: right;
        margin-right: 20px;
        font-size: 0.8em;
        color: green;
    }

    .analyticsDashboard .analyticsDashboardBody
    {
        display: none;
    }

    .analyticsDashboardBody
    {
        padding: 5px;
        border-bottom: 2px solid grey;
    }

    .analyticsDashboardBody table th
    {
        text-align: center;
        padding: 0 7px 7px 7px;
        border-bottom: 1px solid grey;
        cursor: default;
    }

.showComparative .topLevelStats {
    display: none;
}


.showTopLevel .comparativeStats {
    display: none;
}

.addFilter span
{
    margin: 0 7px 0 192px;
    font-weight: bold;
}

.breakdownLink
{
    font-weight: bold;
}
.Error p {
    margin: 0;
}

.Error {
    padding: 12px;
    background-color: #eee;
    border: 1px solid #888;
    margin-bottom: 12px;
    border-radius: 6px;
    font-family: monospace;
    font-size: 12px;
    white-space: pre;
    overflow: auto;
}