/*
   BURNISHED PLATINUM THEME FOR MITS DISCOVER
   Shared style information across all of the pages
*/

/* GENERAL LAYOUT */

a,a:active,a:focus,input,input:active,input:focus{
    outline: none;
    -moz-outline-style: none;
}

a{
    background-color: transparent;
    color:         #3376D0;
    outline:          none;
    text-decoration:  none;
}

a:hover{
    text-decoration:  underline;
}

a img{
    background:    transparent;
    border:        none;
}

html, body {
    padding:          0;
}

.heading_expand,
.heading_collapse {
    cursor:        default;
    padding-left:  2px;
}

.heading_expand:before {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: '\f196';
    padding-right: 2px;
}

.nowrap{
    white-space: nowrap;
}

.sqlManangementMessage{
    width: 53em;
    white-space: normal;
}

td.heading_expand {
    background-position: 5px 8px;
}

.heading_collapse:before {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: '\f147';
    padding-right: 2px;
}

td.heading_collapse {
    background-position: 5px 8px;
}

hr{
    height:        3px;
    margin-right:     auto;
    position:         relative;
    width:         auto;
}

.clickable{
    cursor:        default;
}

.pointerCursor{
    cursor:        pointer;
}
.defaultCursor{
    cursor:        default;
}

.addgap{
    margin-bottom:    1em;
}

.addgapleft{
    margin-left:      24px;
}

.error{
    color:         red;
    font-weight:      bold;
}

.success{
    color:         green;
}

.warning{
    color:         #8F5E08;
}

td, th{
    padding:       2px 4px;
}

.main{
    display:       block;
    vertical-align:   text-top;
    padding-bottom:   1em;
}

.fine_print{
    color:         #aaa;
    font-size:     90%;
    font-weight:      normal;
}

.extra{
    font-size:     90%;
    font-weight:      bold;
    font-style:    italic;
}

.note{
    color:         black;
    font-style:    italic;
    font-weight:      normal;
}

.weak{
    font-style:    normal;
    font-weight:      normal;
}

.heading_note{
    font-style:    italic;
}

.invisible{
    display:       none;
}

#pageFooter{
    clear:         both;
}

#pageContent{
    margin-left: 24px;
}

.error_message{
    clear:         both;
    float:         left;
    margin-left:      24px;
}

.dragHorizontal{
    position:         relative;
    cursor:        e-resize;
}

.addHorizontalCursor{
    cursor:        e-resize;
}

/* END GENERAL LAYOUT */

/* HEADER */

.page_heading{
    clear:         both;
    display:       block;
    position:         relative;
    width:         100%;
}

.top_image{
    height: 44px;
    /* the svg is tuned to display at 53 pixels tall, so give it that much space, but adjust margins accordingly to center it */
    background: transparent url('../images/mitsdiscover.svg') no-repeat -0px -6px / 200px 53px;
    overflow: hidden;
}

.top_image.login_page_top_image {
    height: 80px;
    background-position: -24px 7px;
    background-size: 300px 80px;
}

#top_links{
    font-size:     8pt;
    font-weight:      bold;
    float:         right;
    position:      absolute;
    top:           5px;
    right:         30px;
}

#top_links a{
    margin-left:      10px;
}


div.options_menu{
    border-top:    1px solid #E8E8E8;
    border-bottom:    2px solid #E8E8E8;
    background: #E8E8E8;
    clear:         both;
    display:       block;
    _float:        left;
    height:        2.855em;
    margin:        0 0 0 0;
    overflow:         hidden;
    padding:       0;
    width:         100%;
}

div.options_menu:after{
    clear:         both;
}

div.options_menu ul{
    float:         left;
    _display:         inline;
    height:        1em;
    margin:        0 0 0 24px;
    padding:       .7em 0 .70em 0;
    width:         970px;
}

div.options_menu li{
    border-right:     1px solid #c0c0c0;
    display:       block;
    float:         left;
    list-style-type:  none;
    margin-right:     1em;
}

div.options_menu li a {
    color:         black;
    display:       block;
    padding:       2px 1em 2px 23px;
}



div.options_menu li#options_menu_view_flash a{
    background:    transparent left center url('../images/smallFlash.gif') no-repeat;
}

div.options_menu li#options_menu_create a{
    background:    transparent left center url('../images/smallNew.gif') no-repeat;
}

div.options_menu li#options_menu_create_scheduled_cube_build a{
    background:    transparent left center url('../images/smallNew.gif') no-repeat;
}

div.options_menu li#options_menu_save a {
    background:    transparent left center url('../images/smallSave.gif') no-repeat;
}

div.options_menu .options_menu_export a{
    background:    transparent left center url('../images/smallExport.gif') no-repeat;
}

div.options_menu .options_menu_email a{
    background:    transparent left center url('../images/smallEmail.gif') no-repeat;
}

div.options_menu .options_menu_export_disabled a{
    background:    transparent left center url('../images/smallExportDisabled.gif') no-repeat;
    cursor: default;
}

div.options_menu .options_menu_email_disabled a{
    background:    transparent left center url('../images/smallEmailDisabled.gif') no-repeat;
    cursor: default;
}

div.options_menu li#options_menu_flash_menu a{
    background:    transparent left center url('../images/smallMenu.gif') no-repeat;
}

div.options_menu li#options_menu_dashboard_menu a{
    background:    transparent left center url('../images/smallMenu.gif') no-repeat;
}

div.options_menu li#options_menu_change_prompting a{
    background:    transparent left center url('../images/modify2.gif') no-repeat;
}

div.options_menu li#options_menu_change_prompt_values a{
    background:    transparent left center url('../images/modify2.gif') no-repeat;
}


div.options_menu li#options_menu_show_dashboard_menu a{
    background:    transparent left center url('../images/smallDashboardShow.gif') no-repeat;
}

div.options_menu li#options_menu_reset_dashboard_menu a{
    background:    transparent left center url('../images/smallDashboardReset.gif') no-repeat;
}

div.options_menu li#options_menu_print a{
    background:    transparent left center url('../images/smallPrint.gif') no-repeat;
}

div.options_menu li#options_menu_new a{
    background:    transparent left center url('../images/smallNew.gif') no-repeat;
}

div.options_menu li#options_menu_modify a{
    background:    transparent left center url('../images/smallModify.gif') no-repeat;
}

div.options_menu li.options_menu_modify a{
    background:    transparent left center url('../images/smallModify.gif') no-repeat;
}

div.options_menu li.options_menu_modify_disabled a{
    cursor: default;
    text-decoration: none;
    background:    transparent left center url('../images/disabledSmallModify.gif') no-repeat;
}

div.options_menu li#options_menu_manageFlashScreenLibraries a{
    background:    transparent left center url('../images/folder_yellow.png') no-repeat;
}

div.options_menu li#options_menu_manageDashboardLibraries a{
    background:    transparent left center url('../images/folder_green.png') no-repeat;
}

div.options_menu li#options_menu_manageScheduledBuilds a{
    background:    transparent left center url('../images/calendar.gif') no-repeat;
}

div.options_menu li#options_menu_manageScheduledBuilds a{
    background:    transparent left center url('../images/calendar.gif') no-repeat;
}

div.options_menu li#options_menu_returnToScheduledBuilds a{
    background:    transparent left center url('../images/smallMenu.gif') no-repeat;
}

div.options_menu li#options_menu_item_libraries{
    padding-right:    1em;
}

div.options_menu li#options_menu_resume a{
    background:    transparent left center url('../images/resume.gif') no-repeat;
}

div.options_menu li#options_menu_resume{
    border-right:     none;
}

div.options_menu li#options_menu_show_hide a{
    color:         #3376D0;
    padding-left:     0;
}

div.options_menu li#options_menu_show_hide a:visited{
    color:         #3376D0;
}

div.options_menu li#options_menu_show_hide{
    border-right:     none;
}

/* END HEADING */

/* FLASH SCREENS */

/* still used in dashboards */
.grid_line_break_even {}
.grid_line_break_odd {background-color:#f8f8f8;}

.grid_level_1_even {}
.grid_level_1_odd {background-color:#f8f8f8;}
.grid_level_2_even {}
.grid_level_2_odd {background-color:#f8f8f8;}
.grid_level_3_even {}
.grid_level_3_odd {background-color:#f8f8f8;}
.grid_level_4_even {}
.grid_level_4_odd {background-color:#f8f8f8;}
.grid_level_5_even {}
.grid_level_5_odd {background-color:#f8f8f8;}
.grid_level_6_even {}
.grid_level_6_odd {background-color:#f8f8f8;}
.grid_level_7_even {}
.grid_level_7_odd {background-color:#f8f8f8;}
.grid_level_8_even {}
.grid_level_8_odd {background-color:#f8f8f8;}
.grid_level_9_even {}
.grid_level_9_odd {background-color:#f8f8f8;}
.grid_level_10_even {}
.grid_level_10_odd {background-color:#f8f8f8;}
.grid_level_11_even {}
.grid_level_11_odd {background-color:#f8f8f8;}
.grid_level_12_even {}
.grid_level_12_odd {background-color:#f8f8f8;}
.grid_level_13_even {}
.grid_level_13_odd {background-color:#f8f8f8;}
.grid_level_14_even {}
.grid_level_14_odd {background-color:#f8f8f8;}
.grid_level_15_even {}
.grid_level_15_odd {background-color:#f8f8f8;}
.grid_level_16_even {}
.grid_level_16_odd {background-color:#f8f8f8;}

/* Defaulting to right-justification for the data cells to
  conserve space in the HTML we're generating. */
#flashGridTable td {
    text-align: right;
}

#flashGridTable td.left {
    text-align: left;
}

#flashGridTable thead {
    background:    #c0c0c0;
}

#flashGridTable th {
    border-top:    2px solid white;
    font-size:     8pt;
    font-weight:      normal;
    position: relative;
    vertical-align:   middle;
}

#flashGridTable th.column_heading_right {
    background:    transparent url('../images/dragHandleVertical.gif') no-repeat scroll center 2px;
    border-top:    2px solid white;
    padding-top:    10px;
    font-size:     8pt;
    font-weight:      normal;
    position: relative;
    vertical-align:   bottom;
}

#flashGridTable th.column_heading_left {
    background:    transparent url('../images/dragHandleVertical.gif') no-repeat scroll center 2px;
    border-top:    2px solid white;
    padding-top:    10px;
    font-size:     8pt;
    font-weight:      normal;
    position: relative;
    vertical-align:   bottom;
}


#flashGridTable th.hover{
    background: #f7e9ba;
}

#appendArrow {
    background:transparent url(../images/insertLocation.gif) no-repeat scroll center;
    display:none;
    height:40px;
    position:absolute;
    width:30px;
}


tr.grid_headings th.column_heading_right, tr.grid_headings th.column_heading_left, th{
    vertical-align:   bottom;
}

th#grid_summary{
    text-align:    left;
    vertical-align:   middle;
}


tr.grid_headings{
    position:         relative;
}


.indent1 {margin-left:5px; text-align: left;}
.indent2 {margin-left:20px; text-align: left;}
.indent3 {margin-left:35px; text-align: left;}
.indent4 {margin-left:50px; text-align: left;}
.indent5 {margin-left:65px; text-align: left;}
.indent6 {margin-left:80px; text-align: left;}
.indent7 {margin-left:95px; text-align: left;}
.indent8 {margin-left:110px; text-align: left;}
.indent9 {margin-left:125px; text-align: left;}
.indent10 {margin-left:140px; text-align: left;}
.indent11 {margin-left:155px; text-align: left;}
.indent12 {margin-left:170px; text-align: left;}
.indent13 {margin-left:185px; text-align: left;}
.indent14 {margin-left:200px; text-align: left;}
.indent15 {margin-left:215px; text-align: left;}
.indent16 {margin-left:230px; text-align: left;}

.right
{
    text-align:right;
}
.left
{
    text-align:left;
    white-space:pre;
}
.column_heading_right
{
    text-align:right;
    vertical-align:bottom;
}
.column_heading_left
{
    text-align:left;
    vertical-align:bottom;
}

.columnImages {
    padding: 0px;
    display: block;
    height: 14px;
}

.columnImages span {
    display: block;
    float: left;
    padding-top: 4px;
}

/* column heading */
.sortedAscending, .sortedDescending {
    font-size: 6pt;
    font-weight: normal;
    padding-right: 1.0em;
    padding-bottom: .25em;
    padding-top: 0em;
    margin-right: .5em;
    margin-top: -.25em;
}

.sortedAscending {
    background: transparent center right url( '../images/ascending.gif' ) no-repeat;
}

.sortedDescending {
    background: transparent center right url( '../images/descending.gif' ) no-repeat;
}

.filtered-detail {
    background: transparent bottom center url(../images/filtered.gif) no-repeat;
    height: 6px;
    padding-right: 1em;
    width: 10px;
}

.sortedAscending-detail {
    background: transparent center right url(../images/ascending.gif) no-repeat;
    font-size: 6pt;
    font-weight: normal;
    padding-right: 12px;
    padding-bottom: .25em;
    padding-top: 0;
    margin-right: .5em;
    margin-top: -.25em;
    text-align: left;
}

.sortedDescending-detail {
    background: transparent center right url(../images/descending.gif) no-repeat;
    font-size: 6pt;
    font-weight: normal;
    padding-right: 12px;
    padding-bottom: .25em;
    padding-top: 0;
    margin-right: .5em;
    margin-top: -.25em;
    text-align: left;
}

.totalled {
    background: transparent bottom center url(../images/totaled.gif) no-repeat;
    width: 10px;
    height: 6px;
}

.meaned {
    background: transparent bottom center url(../images/averaged.gif) no-repeat;
    width: 10px;
    height: 8px;
}

.displayTotals {
    background: transparent bottom center url(../images/displayedWithTotals_tiny.gif) no-repeat;
    width: 10px;
    height: 6px;
}

.calculatedAcross {
    background: transparent bottom center url(../images/calculateAcross_tiny.png) no-repeat;
    width: 10px;
    height: 8px;
}

.grouped {
    background: transparent bottom right url(../images/breaked.gif) no-repeat;
    font-size: 6pt;
    font-weight: normal;
    height: 6px;
    padding-right: 12px;
    padding-bottom: .25em;
    padding-top: 0em;
    margin-right: .5em;
    margin-top: -.25em;
    text-align: left;
}

.grid_heading_row .enhanced_heading {
    background: #e7e7e7;
    border-left: solid 2px white;
    border-top:  solid 2px white;
}

.grid_heading_row .enhanced_heading:first-child {
    border-left: none;
}

/* see dropdown-hover-styles.css for the :hover and .hover styles for dropdown menus */


.dropDownMenuLink{
    background: transparent center right url( "../images/dropDownMenuLink.gif") no-repeat;
    padding-right: 1.3em;
}

#exploreSubMenu li a{
    width:         290px;
}

li.hover{
    background:    #f7e9ba;
}

.sortDescendingLink {
    background:    transparent center left url("../images/sort-descending.png") no-repeat;
}

.modalMessage.renameUsersMessage {
    height: 40px;
    width: 350px;
}

#exploreMenuList, .drillAcrossMenu{
    margin:        0;
    padding:       0;
}

#exploreMenuList li , .drillAcrossMenu li{
    clear:         both;
    margin:        0;
    padding:       0;
}

#exploreMenuList li span.menuItem{
    padding-right:    3em;
}

li#last_item{
    clear:         both;
    display:       none;
}

#exploreSubMenu ul, .dropDownSubMenu ul{
    margin-left:      2px;
    margin-top:    -2px;
}

#columnDescriptionMenu{
    width:          320px;
}

.flash_grid td {
    font-size: 8pt;
    white-space: nowrap;
}

div.flash_menu_commands{
    margin-left:      24px;
    margin-top:    -9px;
    width:         900px;
}

div.flash_menu_commands.bottom{
    margin-left:   0px;
    margin-top:    10px;
}

ul.buildLogNavBar {
    background-color: #ddd;
    border:        1px solid #999;
    float:         left;
    height:        1.6em;
    list-style-type:  none;
    margin:        0;
    padding:       0 0 0 0;
}

div.flash_menu_commands li, ul.buildLogNavBar li{
    float:         left;
    border-right:     1px solid #c0c0c0;
    padding:       .2em 1em .2em 1em;
}

div.flash_menu_commands li.flash_menu_item_edge, ul.buildLogNavBar li.last {
    border-right:     none;
}

div.flash_menu_commands li#flash_menu_item_resume{
    border-left:      1px solid #c0c0c0;
}

div.flash_menu_commands li.icon_flash_menu_item{
    margin-left: 10px;
    padding-left: 25px;
}

div.flash_menu_commands li.filtered_list_item{
    background: transparent center left url( '../images/filterIcon.gif' ) no-repeat;
    margin-left: 10px;
    padding-left: 25px;
}

div.flash_menu_commands li.notfiltered_list_item{
    background: transparent center left url( '../images/nofiltersIcon.gif' ) no-repeat;
    margin-left: 10px;
    padding-left: 25px;
}

div.flash_menu_commands li.chart_type_list_item{
    cursor: pointer;
}

div.flash_grid{
    clear:         both;
    margin-left:      24px;
    margin-bottom:    1em;
    padding-bottom:   1em;
    position: relative;
    top:1em;
    min-height: 0px;
    zoom: 1;
}

.gridContainerTable {
    border-bottom:    2px solid #c0c0c0;
}

h1.flash_heading{
    clear:         both;
    position: relative;
    left: 24px;
    top: 1em;
    min-width:     700px;
}

#old_heading.colorize{
    background-color: #f8f8f8;
}

#flash_heading_change{
    clear:         both;
    display:       none;
    margin-left:      22px;
    padding-top:      1.2em;
    margin-bottom:    .9em;
    padding-bottom:   0;
    width:         750px;
}

#flash_heading_change #NEW_HEADING #flash_heading_container{
    font-size:     12pt;
    font-weight:      bold;
    width:         550px;
}

h1.flash_heading.dialog{
    clear:         both;
    margin-left:      24px;
    margin-bottom:    .7em;
    padding-top:      .7em;
}

div.next{
    margin-top:    5px;
    margin-bottom:    5px;
}

div.next #flash_first_page_link_wrapper {
    float:         left;
    border-right:     1px solid #c0c0c0;
    padding-right:    1em;
    margin-right:     1em;
}

div.next #flash_back_link_wrapper{
    float:         left;
    border-right:     1px solid #c0c0c0;
    padding-right:    1em;
    margin-right:     1em;
}

div.next #flash_next_link_wrapper{
    float:         left;
    border-right:     1px solid #c0c0c0;
    padding-right:    1em;
    margin-right:     1em;
}

div.next #flash_last_page_link_wrapper{
    float:         left;
}

.oddRow {
    background-color: #f8f8f8;
}

.evenRow {
    background-color: white;
}

.hover {
    background:    #f7e9ba;
}

#restricted_message{
    background-color: #ECECEC;
    border:        1px solid #aaa;
    clear:         both;
    margin-top:    2em;
    padding:       .3em;
    width:         45em;
}

/* END FLASH SCREENS */

/* BUTTONS */

.button{
    background:    transparent top left url('../images/button.gif') no-repeat;
    color:         #444444;
    cursor:        pointer;
    font-size:     8pt;
    font-weight:      bold;
    padding:       3px 7px;
}

.clear{
    clear:both;
}

input.button.add{
    text-align:    left;
    background:    transparent top left url('../images/add.gif') no-repeat;
    padding:       5px 8px 3px 23px;
}

input.button.back{
    text-align:    left;
    background:    transparent top left url('../images/back.gif') no-repeat;
    padding:       5px 8px 3px 23px;
    margin-left:      10px;
    margin-right:     30px;
}

.button.cancel{
    text-align:    left;
    float:         none;
    background:    transparent top left url('../images/cancel.gif') no-repeat;
    padding:       5px 8px 3px 23px;
}

input.button.clear{
    text-align:    left;
    background:    transparent top left url('../images/clear.gif') no-repeat;
    padding:       5px 8px 3px 23px;
}

input.button.create{
    text-align:    left;
    background:    transparent top left url('../images/apply.gif') no-repeat;
    padding:       5px 8px 3px 23px;
}

.button.delete{
    text-align:    left;
    background:    transparent top left url('../images/delete.gif') no-repeat;
    padding:       5px 8px 3px 23px;
}

input.button.dashboard{
    text-align:    left;
    background:    transparent top left url('../images/dashboard.gif') no-repeat;
    padding:       5px 8px 3px 23px;
}

input.button.export{
    text-align:    left;
    background:    transparent top left url('../images/export.gif') no-repeat;
    padding:       5px 8px 3px 23px;
}

input.button.load{
    text-align:    left;
    background:    transparent top left url('../images/popup.gif') no-repeat;
    padding:       5px 8px 3px 23px;
}

input.button.logon{
    text-align:    left;
    background:    transparent url('../images/logon.gif') no-repeat;
    padding:       5px 8px 3px 23px;
}

input.button.lookup{
    text-align:    left;
    background:    transparent top left url('../images/lookup.gif') no-repeat;
    padding:       5px 8px 3px 23px;
}

input.button.modify{
    text-align:    left;
    background:    transparent top left url('../images/modify.gif') no-repeat;
    padding:       5px 8px 3px 23px;
}

input.button.new{
    text-align:    left;
    background:    transparent top left url('../images/newButton.gif') no-repeat;
    padding:       5px 8px 3px 23px;
}

input.button.ok{
    text-align:    left;
    background:    transparent top left url('../images/apply.gif') no-repeat;
    padding:       5px 8px 3px 23px;
}

input.button.print{
    text-align:    left;
    background:    transparent top left url('../images/print.gif') no-repeat;
    padding:       5px 8px 3px 23px;
}

input.button.redOk{
    text-align:    left;
    background:    transparent top left url('../images/redOk.gif') no-repeat;
    padding:       5px 8px 3px 23px;
}

input.button.refresh{
    text-align:    left;
    background:    transparent top left url('../images/refreshButton.gif') no-repeat;
    padding:       5px 8px 3px 23px;
}

input.button.remove{
    text-align:    left;
    background:    transparent top left url('../images/remove.gif') no-repeat;
    padding:       5px 8px 3px 23px;
}

input.button.save{
    text-align:    left;
    background:    transparent top left url('../images/save.gif') no-repeat;
    padding:       5px 8px 3px 23px;
}

input.button.search{
    text-align:    left;
    background:    transparent top left url('../images/search.gif') no-repeat;
    padding:       5px 8px 3px 23px;
}



a.button.icon {
    border: 2px outset rgb( 236, 233, 216 );
    color: #444444;
    padding: 6px 8px 4px 23px;
}

a.button.icon:hover, a.button.icon:visited, a.button.icon:active  {
    color: #444444;
    text-decoration: none;
}

.sortAscendingLink {
    background:    transparent center left url("../images/sort-ascending.png") no-repeat;
}

.sortDescendingLink {
    background:    transparent center left url("../images/sort-descending.png") no-repeat;
}

/* Special Buttons */

.drillDownArrow{
    background:    transparent center left url('../images/next_disabled.gif') no-repeat;
    border:        none;
    cursor:        default;
    height:        15px;
    width:         16px;
}

.drillDownLowestLevelArrowVerbose{
    background:    transparent center right url('../images/chart/drillDownVerbose.png') no-repeat;
    border:        none;
    cursor:        pointer;
    height:        16px;
    width:         auto;
    margin-left:   10px;
    padding-right: 16px;
}

.javaCubeBuildIcon {
    background:    transparent center left url('../images/fire.png') no-repeat;
    border:        none;
    height:        15px;
    width:         16px;
    border:medium none;
    padding:2px 8px 2px 10px;
    text-decoration:none;
}

/* END BUTTONS */

/* Detail display markup */

.detail_heading div
{
    margin-left:5px;
    margin-right:5px;
}
.detail_div
{
    clear:         both;
    margin-left:   24px;
    margin-bottom: 1em;
}
#detailTable
{
    border-bottom: 2px solid #c0c0c0;
    padding-right: 1px;
}

#detailTable td
{
    font-size: 8pt;
    white-space:nowrap;
    text-align: right;
}

#detailTable td.left
{
    text-align: left;
}

#detailTable th.column_heading_left, #detailTable th.column_heading_right{
    background:    #c0c0c0;
    border-collapse:  collapse;
    border-right:     none;
    padding-right:    2px;
}

/* Close Detail Display Markup */

/*Chart Create*/

#chartBreadCrumbs{
    margin-bottom:1em;
    margin-right: 1em;
    margin-left: 1em;
}

#chartBreadCrumbs a{
    text-decoration: underline;
}

span.drillDownPathElement{
    padding: 5px 5px 5px 4px;
    margin-top: 5px;
    margin-bottom: 5px;
    border: 1px solid #bbbbbb;
    border-radius: 5px;
    white-space: nowrap;
}

.addclear:after{
    content:       ".";
    display:       block;
    height:        0;
    clear:         both;
    visibility:    hidden;
}

span.chartSelection {
    padding:       4px 4px 8px 24px;
    margin-right:     1em;
    cursor: pointer;
}

/*Charting*/
h2.chartTitle{
    margin-left:   0px;
    padding-top:   0px;
    padding-bottom: 0px;
    overflow-wrap: break-word;
}

#oldChartTitle.colorize{
    background-color: #f8f8f8;
}

#chartTitleChangeContainer{
    clear:         both;
    margin-left:      0px;
    padding-top:      1.0em;
    margin-bottom:    .5em;
    padding-bottom:   0;
    width:         750px;
}

#chartTitleChangeContainer #chartTitle{
    font-size:     12pt;
    font-weight:      bold;
    width:         550px;
}

/*Lookup Dialog*/
.busyMessage {
    border: 1px solid black;
    background: white left 10px center url("../images/Widgets/Modal/circle_loading.gif") no-repeat;
    font-size: 12pt;
    font-weight: bold;
    padding: 12px 20px 12px 40px;
}


#lookupResultsDiv, #lookupSelectionDiv, #lookupSelectionTextArea{
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    overflow-x: hidden;
    height: 300px;
    width: 300px;
    border: 1px solid #666;
    margin: 0px;
    padding: 0px;
}

.scrollableItemsDiv {
    border: 1px solid #D3D3D3;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    margin: 0px;
    padding: 0px;
}

#lookupSelectionDiv {
    /*This is a hack to make dragdrop work inside of a scrolling div in IE*/
    position: relative;
}

#lookupResultsTable {
    margin: 0px;
    width: 100%;
}

/* Change Displayed Columns Form */
#availableColumnsDiv, #selectedColumnsDiv, #availableEonsDiv, #availableColumnTemplatesDiv {
    overflow-x: hidden;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;  /* iOS7 bug: any div that uses this should also get an empty event listener on touchstart. */
    height: 300px;
    width: 350px;
    border: 1px solid #666;
    margin: 0px;
    padding: 0px;
    /*This is a hack to make dragdrop work inside of a scrolling div in IE*/
    position: relative;
}

/* Change Column Template Descriptions Modal */
#availableMetricsDiv, #sortedMetricsDiv {
    overflow-x: hidden;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    height: 325px;
    width: 250px;
    border: 1px solid #666;
    margin: 0px;
    padding: 0px;
    position: relative; /*This is a hack to make dragdrop work inside of a scrolling div in IE*/
}

/* For Accordion Widget */
.busyHeading {
    background:    transparent center left url('../images/small_circle_loading.gif') no-repeat;
    cursor:        default;
    padding-left:     20px;
    padding-top:      5px;
    padding-bottom:   5px;
}

.busyLoadingIcon {
    background: transparent center center url("../images/Widgets/Modal/circle_loading.gif") no-repeat;
    display: block;
}

/*Export Form*/

#export_form_export_all{
    margin-bottom:    10px;
    margin-left:      10px;
}
#export_form_export_row_number{
    margin-left:      30px;
}

#print_body{
    position:         relative;
}

#export_pdf_options{
    border:        2px solid #c0c0c0;
    margin-top:    5px;
    margin-left:      10px;
    width:         56em;
}

#export_pdf_options #returnmessage{
    display:       none;
    position:         absolute;
    right:         5px;
    top:           0px;
}

#printmessage #returnmessage{
    display:       none;
    position:         absolute;
    right:         0px;
    top:           8.6em;
}

#export_pdf_options_labels, #export_pdf_options_data, #export_pdf_options_font{
    margin-bottom:    1em;
    margin-left:      20px;
    margin-top:    5px;
}

#export_pdf_options_labels_header, #export_pdf_options_labels_footer,#export_pdf_options_data #export_pdf_options_orientation, #export_pdf_options_data #export_form_export_all{
    float:         left;
    margin-right:     1em;
}

#export_pdf_options_labels_header input, #export_pdf_options_labels_footer input{
    width:         25em;
}

#export_pdf_options_data, #export_pdf_options_font{
    clear:         both;
}

#export_pdf_options_font_size, #export_pdf_options_font_type{
    float:         left;
    margin-right:     1em;
}

#printSubmit{
    clear:         both;
    display:       block;
    margin:        1em 0 1em 24px;
}

#print_body #export_pdf_options_orientation{
    clear:         both;
}

#print_body #export_form_export_all{
    margin-left:      0px;
}

div#no_javascript{
    margin:        2em 1em 2em 2em;
    color:         red;
}


div#messages{
    position:         absolute;
    top:           8.7em;
    left:       42em;
}

div#returnmessage{
    margin-top:    20px;
    padding:       .3em;
    width:         32em;
}

div#returnmessage.success,div#returnmessage.print_notice{
    background:    #D1EFD2;
    border:        1px solid green;
}

div#returnmessage.warning{
    background:    #FFF4BF;
    border:        1px solid #CF9126;
}

div#returnmessage.warning.wide{
    margin-right:   24px;
    width:         auto;
}

div#returnmessage.warning.wide.specialmargin{
    margin:        .5em 24px -1em 24px;
}

div#returnmessage.warning.nomargin{
    margin:        0;
}

div#returnmessage.error{
    background:    #DFC3C3;
    border:        1px solid red;
}


/* AJAX Requests */
#generixAjaxRequestContainer, .generixAjaxRequestContainer{
    margin-left: 24px;
    margin-bottom: 1em;
    padding: .5em;
    border: 1px solid #ccc;
    display: table;
    width: 65em;
}

#dynamicContentLoadingDiv{
    margin-left: 24px;
    margin-bottom: 1em;
}

#loadingMessageWrapper {
    position: absolute;
    top:50%;
    left:50%;
    text-align:center;
    margin-left:-9em;
    margin-top:-1.0em;
}

#loadingMessageTitle {
    margin-top:-2em;
    font-size:8pt;
    font-weight:bold;
    color: #aaa;
}

#loadingMessageImage {
    padding-bottom: 0.5em;
}

#loadingMessage {
    font-size: 6pt;
}

input.button.back{
    text-align:    left;
    background:    transparent top left url('../images/back.gif') no-repeat;
    padding:       5px 8px 3px 23px;
    margin-left:      0px;
    margin-right:     0px;
}

input.button.next{
    text-align:    left;
    background:    transparent top left url('../images/buttonNext.gif') no-repeat;
    padding:       5px 8px 3px 23px;
    margin-left:      0px;
    margin-right:     0px;
}

input.button.finish{
    text-align:    left;
    background:    transparent top left url('../images/finish.gif') no-repeat;
    padding:       5px 8px 3px 23px;
    margin-left:      0px;
    margin-right:     0px;
}


.cellBordersTable td, .cellBordersTable th {
    border: 1px solid #c0c0c0;
    position: static;
}

/* MODIFICATION */

/* For all of the modify pages */

#pageContent {
    background: white;
    padding-bottom: 10px;
    overflow: visible;
}

.workbenchTasks {
    background: #f0f0f0;
    padding: 0;
    border:none;
}

.workbenchTasks tr td{
    padding: 0;
}

.workbenchTask a#currentTask,.workbenchTask a.selected, .workbenchTask a:hover {
    background: #ddd;
}

td.workbenchTask {
    display: block;
    font-weight: bold;
    padding-bottom: 2px;
}

td.workbenchTask a {
    color: #444444;
    height: auto;
    display: block;
    text-decoration: none;
    padding: 10px;
}

td.workbenchTask a i {
    margin-right: 5px;
}

#submitFooter, .submitFooter {
    background: transparent top center url( '../images/modify/taskSeparator.gif' ) no-repeat;
    display: block;
    text-align: center;
    width: 100%;
}

#submitFooter #submitButtons, .submitFooter .submitButtons {
    background: bottom center url( '../images/modify/taskSeparator.gif' ) no-repeat;
    padding: 10px 0;
    margin-bottom: 10px;
}


#executionProgressDiv #messageLabelSpan {
    background: transparent center left url('../images/small_circle_loading.gif') no-repeat;
    padding-left: 20px;
}

.slimlineTable {
    border-collapse: collapse;
}

.noVerticalPaddingTable tbody tr td {
    padding-top: 0px;
    padding-bottom: 0px;
}


.slimlineTable th, .slimlineTable tr th, .slimelineTable tr, .slimlineTable thead, .slimlineTable thead tr {
    background: #ddd;
    font-weight: bold;
    text-align: left;
    /*font-size: 8pt;*/
    color: #333333;
    padding: .4em .8em .4em .5em;
}

.parentBuildTaskRow td {
    border-top: 1px solid #d3d3d3;
    padding-left:10px;
}

.taskDescription{
    margin-left:10px;
    font-style:italic;
}

tr.bottomLinedRow td, tr.bottomLinedRowLast td {
    font-size: 10pt;
    border-right: 1px solid #ddd;
    border-top: 1px solid #ccc;
    padding: 4px;
    white-space: nowrap;
}

tr.bottomLinedRow td .dropdownLabel.link .dr-label-text-decor {
    font-size: 10pt;
    white-space: nowrap;
}

tr.bottomLinedRow td {
    border-bottom: 1px solid #ccc;
}

tr.bottomLinedRowLast td {
    border-bottom: 0px;
}

table.noBordersTable td{
    border: none;
}

.forceLayoutTable, .forceLayoutTable > tr > td, .forceLayoutTable > tbody > tr > td  {
    border-width: 0px;
    padding: 0px;
    margin: 0px;
    border-collapse: collapse;
}

.formFieldLabel {
    font-weight: bold;
}

.formFieldLabelIndented {
    margin-left: 10px;
}


.warningRow {
    background-color:   #FFF4BF;
}

.errorRow {
    background-color:   #FFEFEF;
}

.runningRow {
    background-color:   #FFF4BF;
    color: #8F5E08;
}

.waitingForJavaCubeBuilder {
    background-color: #E5F2FF;
    color: #666699;
}

.disabledRow {
    background-color:   #F5F5F5;
    color: #999999;
}
.disabledText {
    color: #999999;
}

.flashscreenTypeIcon {
    width: 50px;
    height: 50px;
    float: left;
    margin-right: 20px;

}

/* Autocomplete Styles */
div.autocomplete ul {
    cursor: pointer;
    list-style-type:none;
    margin:0px;
    padding:0px;
    background-color:white;
    position: relative;
    border:1px solid #c0c0c0;
    overflow: hidden;
}

div.autocomplete li {
    font-size: 10px;
    padding: 4px 10px 4px 4px;
    text-decoration: none;
}

div.autocomplete li.selected {
    background-color: lightyellow;
}

/* Landing Page Styles */

.landingPageTable {
    padding: 3px;
    margin: 0;
    border-collapse: collapse;
    white-space: normal;
}

.landingPageTable > tr > td, .landingPageTable > tr > th,
.landingPageTable > tbody > tr > td, .landingPageTable > thead > tr > th {
    padding: 3px;
    margin: 0;
}

/*
 * When frames are on, the ipad sometimes refuses to display dynamically added or shown content unless it overflows.
 * Somehow this is fixed by setting the overflow explicitly.
 * see bugs 43205 and 42962
 */
.ipadScrollFix {
    overflow:auto;
}

/*  jslider css */
/* remove text over drag handles */
.jslider-value { display: none; }
.jslider-value-to { display: none; }
.jslider-label > span { display: none; }
.jslider-label-to > span { display: none; }

body.dragging, body.dragging * {
    cursor: move !important;
}

.dragged {
    position: absolute;
    opacity: 0.5;
    z-index: 2000;
}

.dbObjectLoadingIcon {
    background: transparent center center url("../images/Widgets/Modal/circle_loading.gif") no-repeat;
    display: block;
    height: 25px;
    min-width: 25px;
    margin: auto;
}

.grey {
    background: #eeeeee;
}

.marginAllAround {
    margin: 1em;
}

#contentMutationSummaryTable, #contentMutationSummaryTable td {
    border: 1px solid grey;
    text-align: right;
    border-collapse: collapse;
}

/** Errors **/
.dashboardError {
    max-width: 350px;
}

.grandTotalRow td {
    border-top: 3px double #AAAAAA;
}

.grandTotalColumn {
    border-left: 3px double #AAAAAA;
    background-color: white;
}

/*
 * Centering the element both horizontally and vertically. Basically consists of transparent div that takes up the whole
 * area to be centered within and a second div that is the actual message which is then centered
 * See https://css-tricks.com/centering-css-complete-guide/
 */
.elementSpecificMessage {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 15000
}

.summaryTotalRow td {
    border-top: 1px solid #AAAAAA;
    background-color: white;
}


div.report_menu_commands {
    padding-left: 24px;
    background-color: #f0f0f0;
}
div.report_menu_commands.bottom {
    margin-left: 0px;
}

div.report_menu_commands ul {
    float: left;
    list-style-type: none;
    margin: 0;
    padding: 0 0 0 0;
}

div.report_menu_commands > ul > li {
    float: left;
    padding: .35em 1em .35em 1em;
}

.formSpacingTable td {
    padding: 2px 5px;
    vertical-align: middle;
}

#itemsInDashboardLibrary table {
    white-space: nowrap;
    width:100%;
    cursor: pointer;
}

#itemsInDashboardLibrary table td {
    padding: 5px 10px;
    border-top: 1px solid rgb(221, 221, 221);
}