/* Minification failed. Returning unminified contents.
(1101,75): run-time error CSS1030: Expected identifier, found ','
(1101,100): run-time error CSS1031: Expected selector, found ')'
(1101,100): run-time error CSS1025: Expected comma or open brace, found ')'
 */

input.look-error, textarea.look-error, .look-error input, .look-error textarea
{
    border-color: red !important;
    background-color: lightpink !important;
}


.look-contentscreen
{
    overflow: hidden;
}

.look-screen,
.look-popupscreen
{
    /* we require 'border-box' as we want the padding including in 'width/height' */
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.look-screen > img,
.look-popupscreen > img {
    /* This lets the image x and y position become movable*/
    position: absolute;
}

.look-screen
{
    position: relative;
    overflow: hidden;
}

.look-screen > .inner-container,
.look-popupscreen > .inner-container
{   
    /* NOTE(sk): We must specify relative here for all child controls (absolute positioned)
       to appear correctly */ 
    position: relative;
    width: 100%;
    height: 100%;
    background: transparent;        
}

.look-popupscreen
{
    border: none;

    /* Fix for [9860]  Ensure any children of screen are clipped. [DS]: I'm not sure if we really want to do this. */
    overflow: hidden;
}

.look-inputbox * .look-inputbox-static
{
    /* Fix for [17625] - This stops text clipping for inputbox child elements*/
    display: table;
}


.overlay {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: lightgray;
	/* must use really high number so that it appears above everything including all popups */
    z-index: 100000;
}

/** Keyframes to control throbber visibility.
 */
@keyframes showThrobber {
    from { visibility: hidden; }
    to { visibility: visible; }
}

/** Keyframes to control background opacity.
 */
@keyframes showThrobberBackground {
    from { background: rgba(0, 0, 0, 0.0);     }
    to { background: rgba(255, 255, 255, 0.4);  }
}

/* the loading overlay requires using opacity to make transparent 
   which does not work for the dialog as it makes everything transparent.
*/
.overlay.loading {
    animation: showThrobberBackground 0s both;
    animation-delay: 1s;
}

.overlay.loading .inner-container {
    content: url(/newlookserver11.1/Content/Session/throbber.gif);
    width: 48px;
    height: 48px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -24px 0 0 -24px;
    
    animation: showThrobber 0s both;
    animation-delay: 1s;
}

/* for errors only make the background transparent */
.overlay.error {
    background: rgba(0, 0, 0, 0.8);
}

.look-pageup,
.look-pagedown
{
    position: absolute;
}

.look-pageup-enabled-image,
.look-pagedown-enabled-image,
.look-pageup-disabled-image,
.look-pagedown-disabled-image,
.look-subfile-pageup,
.look-subfile-pagedown,
.look-subfile-pageup-disabled-image,
.look-subfile-pagedown-disabled-image
{
    border-width: 1px;
    border-style: solid;
    border-color: #808080 #808080 #808080 #808080;
    
    background-color: #C0C0C0;
    background-repeat:no-repeat;
 }


.look-pageup-enabled-image
{   
    background-image: url(/newlookserver11.1/images/PageUp.png);
}

.look-pagedown-enabled-image
{   
    background-image: url(/newlookserver11.1/images/PageDown.png);
}

.look-pageup-enabled-image:active,
.look-pagedown-enabled-image:active
{
    background-color: #A0A0A0;
}

.look-pageup-disabled-image
{   
    background-image: url(/newlookserver11.1/images/PageUp_Disabled.png);
}

.look-pagedown-disabled-image
{  
    background-image: url(/newlookserver11.1/images/PageDown_Disabled.png);
}  

.look-subfile-pageup
{
    background-image: url(/newlookserver11.1/images/PageUp.png);
    cursor: hand;
}

.look-subfile-pagedown
{
    background-image: url(/newlookserver11.1/images/PageDown.png);
    cursor: hand;
}

.look-subfile-pageup:active,
.look-subfile-pagedown:active
{   
    background-color: #A0A0A0;
}
  
.look-subfile-pageup-disabled-image
{   
    background-image: url(/newlookserver11.1/images/PageUp_Disabled.png);
}

.look-subfile-pagedown-disabled-image
{  
    background-image: url(/newlookserver11.1/images/PageDown_Disabled.png);
}


.no-close .ui-dialog-titlebar-close {
    display: none;
}

#ContentPopup.ui-dialog-content {
    padding: 0;
}

.look-hyperlink {
    font-family: Arial, Helvetica, sans-serif;
    font-size: small;
}



div.modal.exception {
    position: relative;
    top: 100px;
    width: 50%;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: 5px 5px 5px rgba(0,0,0,0.3);
    -ms-box-shadow: 5px 5px 5px rgba(0,0,0,0.3);
    box-shadow: 5px 5px 5px rgba(0,0,0,0.3);
    margin: 0 auto;
    padding: 10px 15px 10px 15px;
    -ms-border-radius: 5px;
    border-radius: 5px;

    background: #FDFDFD; /*off-white*/
    overflow: hidden;

    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

div.modal.exception h3 {
    font-weight: bold;
    font-size: 18pt;
}

div.modal.exception p.stacktrace {
    overflow-y: scroll;
    max-height: 400px;
    padding: 10px 10px 10px 40px;

    -webkit-box-shadow: rgba(255, 255, 255, 0.1) 0 1px 0, rgba(0, 0, 0, 0.8) 0 1px 7px 0px inset;
    -moz-box-shadow: rgba(255, 255, 255, 0.1) 0 1px 0, rgba(0, 0, 0, 0.8) 0 1px 7px 0px inset;
    -ms-box-shadow: rgba(255, 255, 255, 0.1) 0 1px 0, rgba(0, 0, 0, 0.8) 0 1px 7px 0px inset;
    box-shadow: rgba(255, 255, 255, 0.1) 0 1px 0, rgba(0, 0, 0, 0.8) 0 1px 7px 0px inset;
    background: #202020;
    background-color: rgba(0, 0, 0, 0.3);
    border: 0;
}

div.modal.exception .button-container {
    position: relative;
    width: 100%;
    height: 3em;
}

div.modal.exception button {
    position: absolute;
    width: 7em;
    height: 3em;
    right: 0;
    bottom: 0;

    /* NOTE: sourced from 'btn btn-primary' bootstrap button */

    display: inline-block;
    padding: 4px 12px;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    color: #333333;
    border: 1px solid #cccccc;
    border-bottom-color: #b3b3b3;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);

    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #006dcc;
    background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
    background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
    background-image: -o-linear-gradient(top, #0088cc, #0044cc);
    background-image: linear-gradient(to bottom, #0088cc, #0044cc);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0);
    border-color: #0044cc #0044cc #002a80;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}


.ui-tooltip
{
    background: #666;
    color: white;
    border: none;
    padding: 0;
    opacity: 1;
}

.ui-tooltip-content
{
    position: relative;
    padding: 1em;
    font-family: Arial, Helvetica, sans-serif;
    font-size: small;
}

.ui-tooltip-arrow
{
    content: '';
    position: absolute;
    border-style: solid;
    display: block;
    width: 0;

    /* position right */
    top: 25%;
    left: -10px;
    border-color: transparent #666;
    border-width: 10px 10px 10px 0;
}


.look-control
{
    position: absolute;
    display: block;
    background: transparent;

    border-style: none;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

    padding: 0;
    margin: 0;
}

/** Exclude 'Html' controls as this can break rendering of tags such as <dl>,<ol>,<ul>.
*/
.look-control *
{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

    padding: 0;
    margin: 0;
}

/** CSS resets can unforetunately result in some tags losing key margin/padding
    values. We re-add them here (based on chrome)
*/
.look-control ol,
.look-control dl,
.look-control ul
{
    margin-top: 1em;
    margin-bottom: 1em;
}

.look-control ol,
.look-control dl > dd,
.look-control ul
{
    padding-left: 40px;
}

.look-control .inner-container
{
    position: relative;
    width: 100%;
    height: 100%;
}

/** [18362] Reset styles on anchors set by some browsers.
*/
.look-control a
{
    color: inherit;
    text-decoration: none;
}


.blink {
    -webkit-animation: blink .75s linear infinite;
    -moz-animation: blink .75s linear infinite;
    -ms-animation: blink .75s linear infinite;
    -o-animation: blink .75s linear infinite;
    animation: blink .75s linear infinite;
}

@-webkit-keyframes blink {
    0% { opacity: 1; }
    50% { opacity: 1; }
    50.01% { opacity: 0; }
    100% { opacity: 0; }
}

@-moz-keyframes blink {
    0% { opacity: 1; }
    50% { opacity: 1; }
    50.01% { opacity: 0; }
    100% { opacity: 0; }
}

@-ms-keyframes blink {
    0% { opacity: 1; }
    50% { opacity: 1; }
    50.01% { opacity: 0; }
    100% { opacity: 0; }
}

@-o-keyframes blink {
    0% { opacity: 1; }
    50% { opacity: 1; }
    50.01% { opacity: 0; }
    100% { opacity: 0; }
}

@keyframes blink {
    0% { opacity: 1; }
    50% { opacity: 1; }
    50.01% { opacity: 0; }
    100% { opacity: 0; }
}

.look-checkbox .inner-container
{
    display: table;
    white-space: nowrap;
    max-width: inherit;
}

.look-checkbox label 
{
    display: table-cell;
    vertical-align: middle;
    height: 100%;
    width: 100%;
    max-width: inherit;
    overflow: hidden;
}

/*  Alignment (always set to middle on vertical and left on horizontally for radio buttons)
    This is the default setting achieved by putting a SPAN inside a DIV.
*/

.look-checkbox input[type=checkbox]
{
    margin: 0 2px 0 2px;
    vertical-align: middle;
}

.look-checkbox span
{
    cursor: default;
    vertical-align: middle;
}

.look-commandbutton
{
    /** From comments in code the control should have a 1px margin top and bottom
		but we add it as padding in the parent to avoid issues with incorrect button width/height
		as they do not include margins.
    */
    padding: 1px 0 1px 0;
}

.look-commandbutton button
{
    /** [16831] Explicitly set the 'display' and 'vertical-align' as we cannot rely on the default
	    browser values to be the same. See also:
	    http://stackoverflow.com/questions/29091376/firefox-offsets-button-within-parent-div
    */
    vertical-align: top;

    border: 1px #808080 solid;

    display: block;
    position: relative;
    width: 100%;
    height: 100%;

    overflow: hidden;

    cursor: pointer;
    cursor: hand;
}

.look-commandbutton button span
{
    /** [18202] For reasons unclear to me content outside the button is effecting the line-height of the span
        resulting in the 'tail' of text being clipped. Found this solution here (second answer):
        http://stackoverflow.com/a/7477348/146900
    */
    line-height: 1em;
}

.look-commandbutton.imageonly button
{
    position: absolute;
}

.look-commandbutton.imageandtext button img 
{
    position: absolute;
}

.look-commandbutton button:not(.look-transparent)
{
    background-color:#C0C0C0;
}

.look-commandbutton:not([disabled]) button:active
{
    background-color:#A0A0A0;
}

.look-commandbutton button[disabled]
{
    color: #CCC;
}

/** Image alignment
*/

.look-pushbutton-align-top-left 
{
    position: absolute;
    top: 2px;
    left: 2px;
}

.look-pushbutton-align-top-center 
{
    position: absolute;
    top: 2px;
    right:2px;
    left:2px
}

.look-pushbutton-align-top-right 
{
    position: absolute;
    top: 2px;
    right: 2px;
}

.look-pushbutton-align-left 
{
    text-align:left;
}

.look-pushbutton-align-center 
{
    text-align:center;
}

.look-pushbutton-align-center > span
{
    vertical-align: inherit;
}

.look-pushbutton-align-right
{
    text-align:right;
}

/* vertically centering text becomes complicated once you place it in a container
   that has fixed height ('vertical-align' does not seem to take the available 'height')
*/
.look-commandbutton.textonly button.look-pushbutton-align-left > span,
.look-commandbutton.textonly button.look-pushbutton-align-center > span,
.look-commandbutton.textonly button.look-pushbutton-align-right > span
{
    /* Based upon info from: https://css-tricks.com/centering-css-complete-guide/ */

    /* This assumes that parent is positioned relatively and has a fixed height (height: 100%) */
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);

    /* [17475] Fix for command button clipping the caption issue */
    width: inherit;
}

/* [18505] */
.look-commandbutton.imageandtext button.look-pushbutton-align-left span,
.look-commandbutton.imageandtext button.look-pushbutton-align-center span,
.look-commandbutton.imageandtext button.look-pushbutton-align-right span 
{
    position: relative;
}

.look-pushbutton-align-bottom-left 
{
    position: absolute;
    bottom: 2px;
    left: 2px;
}

.look-pushbutton-align-bottom-center 
{
    position: absolute;
    bottom: 2px;
    right:2px;
    left:2px
}

.look-pushbutton-align-bottom-right
{
    position: absolute;
    bottom: 2px;
    right: 2px;
}

.look-pushbutton-align-numeric 
{
    position: absolute;
    top: 2px;
    right:2px;
    left:2px
}


.look-placeholder > .inner-container
{
    position: absolute;
    width: 100%;
    height: 100%;
}


.look-data,
.look-tab,
.look-pushbutton,
.look-commandbutton,
.look-picturebox.look-clickable
{
    cursor: pointer;
    cursor: hand; 
}


.look-data
{   
    padding: 1px 1px 1px 1px;
    border: 1px solid #808080;
}

.look-data button
{
    float: left;
    height: 100%;
    width: 25%;
    border: 1px solid #808080;
}

.look-data button:after
{
    display: block;
    height: 100%;
    width: 100%;
    content: "";

    background-position: center;
    background-repeat: no-repeat;    
}

/** Small buttons
*/
.look-data.small button:after
{
    background-size: 7px 7px;
}

.look-data.small button.look-datafirst-button:after
{
    background-image: url(/newlookserver11.1/images/Data_FirstSml.gif);
}

.look-data.small.disabled button.look-datafirst-button:after
{
    background-image: url(/newlookserver11.1/images/Data_FirstSml_Disabled.gif);
}


.look-data.small button.look-dataleft-button:after
{
    background-image: url(/newlookserver11.1/images/Data_LeftSml.gif);
}

.look-data.small.disabled button.look-dataleft-button:after
{
    background-image: url(/newlookserver11.1/images/Data_LeftSml_Disabled.gif);
}


.look-data.small button.look-dataright-button:after
{
    background-image: url(/newlookserver11.1/images/Data_RightSml.gif);
}

.look-data.small.disabled button.look-dataright-button:after
{
    background-image: url(/newlookserver11.1/images/Data_RightSml_Disabled.gif);
}

.look-data.small button.look-datalast-button:after
{
    background-image: url(/newlookserver11.1/images/Data_LastSml.gif);
}

.look-data.small.disabled button.look-dataright-button:after
{
    background-image: url(/newlookserver11.1/images/Data_LastSml_Disabled.gif);
}


/** Medium buttons
*/
.look-data.medium button:after
{
    background-size: 9px 9px;
}

.look-data.medium button.look-datafirst-button:after
{
    background-image: url(/newlookserver11.1/images/Data_First.gif);
}

.look-data.medium.disabled button.look-datafirst-button:after
{
    background-image: url(/newlookserver11.1/images/Data_First_Disabled.gif);
}

.look-data.medium button.look-dataleft-button:after
{
    background-image: url(/newlookserver11.1/images/Data_Left.gif);
}

.look-data.medium.disabled button.look-dataleft-button:after
{
    background-image: url(/newlookserver11.1/images/Data_Left_Disabled.gif);
}

.look-data.medium button.look-dataright-button:after
{
    background-image: url(/newlookserver11.1/images/Data_Right.gif);
}

.look-data.medium.disabled button.look-dataright-button:after
{
    background-image: url(/newlookserver11.1/images/Data_Right_Disabled.gif);
}

.look-data.medium button.look-datalast-button:after
{
    background-image: url(/newlookserver11.1/images/Data_Last.gif);
}

.look-data.medium.disabled button.look-datalast-button:after
{
    background-image: url(/newlookserver11.1/images/Data_Last_Disabled.gif);
}

/** Large buttons
*/
.look-data.large button:after
{
    background-size: 13px 13px;
}

.look-data.large button.look-datafirst-button:after
{
    background-image: url(/newlookserver11.1/images/Data_FirstLrg.gif);
}

.look-data.large.disabled button.look-datafirst-button:after
{
    background-image: url(/newlookserver11.1/images/Data_FirstLrg_Disabled.gif);
}

.look-data.large button.look-dataleft-button:after
{
    background-image: url(/newlookserver11.1/images/Data_LeftLrg.gif);
}

.look-data.large.disabled button.look-dataleft-button:after
{
    background-image: url(/newlookserver11.1/images/Data_LeftLrg_Disabled.gif);
}

.look-data.large button.look-dataright-button:after
{
    background-image: url(/newlookserver11.1/images/Data_RightLrg.gif);
}

.look-data.large.disabled button.look-dataright-button:after
{
    background-image: url(/newlookserver11.1/images/Data_RightLrg_Disabled.gif);
}

.look-data.large button.look-datalast-button:after
{
    background-image: url(/newlookserver11.1/images/Data_LastLrg.gif);
}

.look-data.large.disabled button.look-datalast-button:after
{
    background-image: url(/newlookserver11.1/images/Data_LastLrg_Disabled.gif);
}

.look-data:not([disabled]) button:active
{
    background-color:#A0A0A0;
}

.look-data button img
{
    display: block;
    margin: auto;
}

.look-data:after
{
    content: "";
    clear: both;
    display: table;
}




.look-gridcellselected
{
	background-color:blue !important;
	color:white !important;
}

/** Subfile body
*/

.look-subfile
{
    -webkit-user-select: none;
}

.look-datagrid {
    position: absolute;
}

/* text decoration propagates from parent div to its children by default. Each browser seems has incosistencies handling text-decoration.  */
.look-datagrid * {
    text-decoration: inherit;
}

.look-datagrid .table-container {
    position: relative;
}

.look-datagrid .table-container:not(.auto-fit) table {
    /** This is required to ensure that columns respect the applied width values
        See: http://stackoverflow.com/questions/5670402/why-is-my-html-table-not-respecting-my-css-column-width */
    table-layout: fixed;
}

.look-datagrid table,
.look-datagrid th, 
.look-datagrid td 
{
    border-color: #808080;
    border-style: solid;
    border-width: 1px;
}

.look-datagrid table {
    border-collapse: collapse;
    cursor: default;
    width: 100%;
}

.look-datagrid th,
.look-datagrid td,
.look-datagrid table.data {
    /* Prevent double border appearing between the head and data tables */
    border-top: 0 none;
}

.look-datagrid th, 
.look-datagrid td {
    overflow: hidden;
    -moz-text-overflow: clip;
    text-overflow: clip;
    height: 100%;
    min-height: 100%;
}

.look-datagrid td {
    white-space: nowrap;
}

.look-datagrid tr:not(:first-child) th {
    border-top-style: hidden;
}

/* LOOK-19214 - each cell inside grid column mode (LOOK-24509 - but not when 'auto-fit') */
.look-datagrid .table-container.column-mode:not(.auto-fit) th {
    word-break: break-all;
}

.look-datagrid .column-mode th,
.look-datagrid .column-mode td {
    padding: 0 2px 0 2px;
}

/* entry capable cells should not have madding/padding
   and any color should be applied to the input, not the cell.
*/
.look-datagrid td.look-subfileentryfield,
.look-datagrid td.entry-capable {
    background-color: #FFFFFF;
    margin: 0;
    padding: 0;
}

/** LOOK-18876 inputs should inherit the color (foreground) and background-color of the cell
    so that the color shows through.
*/
.look-datagrid td.look-subfileentryfield input,
.look-datagrid td.entry-capable input {
    /* The 'inherit' value however is not consistent for 'background-color'
        across browsers so me use 'transparent' instead.
    */
    background-color: transparent;
    color: inherit;
}

.look-datagrid .column-mode th[style*="width: 0"],
.look-datagrid .column-mode th[style*="width:0"] {
    padding: 0;
}

/* each cell inside grid column mode*/
.look-datagrid .non-column-mode th,
.look-datagrid .non-column-mode td {
    padding: 0;
}

/* all inputs element inside grid */
.look-datagrid tr input
{
    border-bottom-style: none;
    border-top-style: none;
    border-left: 1px solid gray;
    border-right: 1px solid gray;

    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;

    /* entry capable cells should have padding appied to input */
    padding: 0 2px 0 2px;
}

.look-datagrid .non-column-mode tr input {
    /* Add a negative margin to counter the left/right borders.
Entry fields also always seem an extra pixel bigger as well (hence -2 on right) 
except for FireFox which appears to be 2px bigger */
    margin-left: -1px;
    margin-right: -2px;

    /* Uncomment padding style below to get non-column mode 
       alignment with editable cells to be exact.  
       But this will make the editable cells smaller.*/
    /*padding: 0;*/
}

.look-datagrid .column-mode tr input {
    border-left: none;
    border-right: none;

    height: 100%;
	min-height: 100%;
}

.look-datagrid tr input[readonly] {
    background-color: lightgray; 
}

/* grid scrollbar cell */
.look-subfile-scrollbar {
    font-size: 0px;
    width: 15px;
}

.look-datagrid tr .look-subfile-scrollbar {
    padding: 0 0 0 0;
}

.look-datagrid tr th.look-subfile-scrollbar {
    border-left-style: hidden;
}

.look-datagrid tr td.look-subfile-scrollbar {
    border-top-style: none;
    border-bottom-style: none;
    background-color: #E0E0E0;
    line-height: 0;
}

.look-subfile-caption {
    background-color: darkblue;
    color: white;
    
    font-weight: bold;
    text-align: left;
    padding-left: 3px;
    padding-top: 2px;
}

.look-datagrid tbody tr
{
    line-height: 0;
}

.look-subfile-empty-row {
    height: 100%;
}

/** Scrollable data-grid rules
*/

.look-datagrid .outer-container.scrollable
{
    top:0;
    left: 0;
}

.look-datagrid .scrollable .inner-container 
{
    height: 100%;
    overflow: hidden;
}

.look-datagrid .scrollable .table-header
{
    position: relative;
}

.look-datagrid .scrollable .table-body
{
    overflow: auto;
}

.look-datagrid .scrollable.scroll-y .table-body
{
    overflow-y: scroll;
}

.look-datagrid .scrollable.scroll-y-disabled .table-body
{
    overflow-y: hidden;
}


/* Because we show a border around a scrollable grid we must disable some inner borders
   so they don't double up
*/
.look-datagrid .scrollable .table-header table,
.look-datagrid .scrollable .table-body table
{
    border-style: none;
}

.look-datagrid .scrollable .table-header tr:first-child {
    border-top-style: solid;
    border-top-width: 1px;
}

.look-datagrid .scrollable .table-body tr:last-child {
    border-bottom-style: solid;
    border-bottom-width: 1px;
}

/* CSS for jQuery tablesorter */

/* LOOk-25120 - By default we don't display table sorter buttons to avoid associated UI mess */
.look-datagrid .tablesorter .tablesorter-header:not(.tablesorter-headerAsc, .tablesorter-headerDesc) .tablesorter-buttons {
    display: none;
}

.look-datagrid .tablesorter .header,
.look-datagrid .tablesorter .tablesorter-header span:first-of-type {
    /* Enable this background image if we want to initially display the up/down arrows per column. */
    /*background-image: url(data:image/gif;base64,R0lGODlhFQAJAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAkAAAIXjI+AywnaYnhUMoqt3gZXPmVg94yJVQAAOw==);*/
    background-position: center right;
    background-repeat: no-repeat;
    cursor: pointer;
    white-space: normal;
    padding: 0 16px 0 0;
}

.look-datagrid .tablesorter thead .headerSortUp span:first-of-type,
.look-datagrid .tablesorter thead .tablesorter-headerSortUp span:first-of-type,
.look-datagrid .tablesorter thead .tablesorter-headerAsc span:first-of-type {
    background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjI8Bya2wnINUMopZAQA7);
}

/* [19160] The CSS below changes where the up down arrow appears for center aligned text which has the "look-subfileheading-center" class*/
.look-datagrid .tablesorter thead .headerSortUp.look-subfileheading-center,
.look-datagrid .tablesorter thead .tablesorter-headerSortUp.look-subfileheading-center,
.look-datagrid .tablesorter thead .tablesorter-headerAsc.look-subfileheading-center {
    background-position: center right;
    background-repeat: no-repeat;
    background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjI8Bya2wnINUMopZAQA7);    
}

.look-datagrid .tablesorter thead .headerSortUp,
.look-datagrid .tablesorter thead .tablesorter-headerSortUp,
.look-datagrid .tablesorter thead .tablesorter-headerAsc 
{
    cursor: pointer;
    border-bottom: #000 2px solid;
}

.look-datagrid .tablesorter thead .headerSortDown span:first-of-type,
.look-datagrid .tablesorter thead .tablesorter-headerSortDown span:first-of-type,
.look-datagrid .tablesorter thead .tablesorter-headerDesc span:first-of-type {
    background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjB+gC+jP2ptn0WskLQA7) !important; 
}

/* [19160] The CSS below changes where the up down arrow appears for center aligned text which has the "look-subfileheading-center" class*/
.look-datagrid .tablesorter thead .headerSortDown.look-subfileheading-center,
.look-datagrid .tablesorter thead .tablesorter-headerSortDown.look-subfileheading-center,
.look-datagrid .tablesorter thead .tablesorter-headerDesc.look-subfileheading-center {
    background-position: center right;
    background-repeat: no-repeat;
    background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjB+gC+jP2ptn0WskLQA7) !important;
}

.look-datagrid .tablesorter thead .headerSortDown,
.look-datagrid .tablesorter thead .tablesorter-headerSortDown,
.look-datagrid .tablesorter thead .tablesorter-headerDesc{
    border-bottom: #000 2px solid;
    cursor: pointer;
}

.look-datagrid .tablesorter thead .sorter-false span:first-of-type {
    background-image: none;
    cursor: default;
    padding: 4px;
}

.look-datagrid .tablesorter-header-inner
{
    float:left;
}

.look-datagrid .tablesorter-header-inner-right
{
    float:right;
}



/** Pager
*/

.look-subfile-pager 
{
    clear:both;
    font-family:"Bitstream Vera Sans",Verdana,Helvetica;
    font-size:8px;

    margin-top: 2px;
}

.look-subfile-pager div
{
    padding:0em;
    display:inline;
}

.look-subfile-pager input
{
    clear:both;
    font-family:"Bitstream Vera Sans",Verdana,Helvetica;
    font-size:8px;
    text-align: center;
    vertical-align: middle;
    width: 15px;
}

.look-subfile-pager label
{
    margin-right: 5px;
}

.look-subfile-pager a
{
    display: inline-block;

    color:#333333;
    font-weight:bold;
    cursor: pointer;

    background-color:#dfedf7;
    border-width:1px; 
    border-style:solid; 
    border-color: #90c2e1;

    width: 16px;
    height: 16px;

    /* center any text within anchor */
    vertical-align: middle;
    text-align: center;
    text-decoration:none;
    line-height: 16px;
}

.look-subfile-pager a[disabled]
{
    opacity:0.3;
    filter:alpha(opacity=30); /* For IE8 and earlier */
}

.look-subfile-pager a:hover
{
    text-decoration:underline;
    background-color:#eef7fc;
}

.look-subfile-pager strong
{
    background:#0174bb;
    color:#fff;
}

.look-subfile-pager a.look-subfile-pager-update
{
    background-image: url(/newlookserver11.1/images/Update.png);
    background-repeat:no-repeat;
    border-style: none;
    background-color:transparent;
    display: inline-block;
    vertical-align: middle;
    width: 16px;
    height: 16px;
    padding: 0;
    margin: 0;

    /*padding-right: 11px !important;
    padding-bottom: 4px !important;*/
}

.look-subfile-pager-first
{
    background-image: url(/newlookserver11.1/images/GotoFirst.png);
    background-repeat:no-repeat;
    background-position-y: center;
    background-position-x: 25%;
    background-color: transparent;

    border-style: none;
}

.look-subfile-pager-previous
{
    background-image: url(/newlookserver11.1/images/GoToPrevious.png);
    background-repeat:no-repeat;
    background-position: center;
    background-color: transparent;

    border-style: none;
}

.look-subfile-pager-next
{
    background-image: url(/newlookserver11.1/images/GoToNext.png);
    background-repeat:no-repeat;
    background-position: center;
    background-color: transparent;

    border-style: none;
}

.look-subfile-pager-last
{
    background-image: url(/newlookserver11.1/images/GoToLast.png);
    background-repeat:no-repeat;
    background-position-y: center;
    background-position-x: 75%;
    background-color: transparent;

    border-style: none;
}

.look-subfile-pager a.look-subfile-pager-link
{
    width: auto;
}

.look-subfile-pager a.look-subfile-pager-link.active
{
    background-color: #0174bb;
    color: #fff;
}

.look-control.look-datecombo input[readonly],
.look-control.look-datecombo textarea[readonly]
{
    background-color: lightgray;
}

.look-control.look-datecombo button:after
{
    display: block;
    width: 100%;
    height: 100%;
    content: "";

    background-repeat: no-repeat;
    background-position: center;
}

.look-control.look-datecombo button.small:after
{
    background-image: url(/newlookserver11.1/images/Combo_Sml.png);
}

.look-control.look-datecombo button.medium:after
{
    background-image: url(/newlookserver11.1/images/Combo_Med.png);
}

.look-control.look-datecombo button.large:after
{
    background-image: url(/newlookserver11.1/images/Combo_Lrg.png);
}

/* Change this font size to change the size of the jQuery DatePicker dropdown */
div.ui-datepicker{
    font-size: 1em;
}

/* 'Done' button style when jQuery DatePicker showButtonPanel enabled */
button.ui-datepicker-close {
    display: none;
}

/* 'Today' button style when jQuery DatePicker showbuttonPanel enabled, 
    specific css selector used in order to get priority over existing jQuery DatePicker style.*/
.ui-datepicker-buttonpane button.ui-datepicker-current {
    width: 100%;
    font-weight: bold;
    color: black;
}

.ui-datepicker .ui-datepicker-buttonpane button {
    margin-left: 0;
    margin-right: 0;
}


/** Css Styles for handling disabled controls
    NOTE: We exclude this for transitional screens, as they are not disabled, but rather read-only
*/
#Content:not([data-transitional]) [disabled]
{
    color: #CCC;
}

#Content:not([data-transitional]) .look-listbox[disabled] select,
#Content:not([data-transitional]) .look-combobox[disabled] input,
#Content:not([data-transitional]) .look-datecombo[disabled] input,
#Content:not([data-transitional]) .look-textbox[disabled] input,
#Content:not([data-transitional]) .look-textbox[disabled] textarea
{
    background-color: #CCC;
}

[unselectable="on"]
{
    -webkit-user-select: none; /* Chrome/Safari */        
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+ */

    /* Rules below not implemented in browsers yet */
    -o-user-select: none;
    user-select: none;    
}


.look-control.look-combobox input[readonly],
.look-control.look-combobox textarea[readonly]
{
    background-color: lightgray;
}

.look-control.look-combobox button:after
{
    display: block;
    width: 100%;
    height: 100%;
    content: "";

    background-repeat: no-repeat;
    background-position: center;
}

.look-control.look-combobox button.small:after
{
    background-image: url(/newlookserver11.1/images/Combo_Sml.png);
}

.look-control.look-combobox button.medium:after
{
    background-image: url(/newlookserver11.1/images/Combo_Med.png);
}

.look-control.look-combobox button.large:after
{
    background-image: url(/newlookserver11.1/images/Combo_Lrg.png);
}

.ui-menu.look-combobox-menu {
    
    overflow-y: auto;

    /* prevent horizontal scrollbar */
    overflow-x: visible;
    border: 1px solid black;

    /* clear border-radius that might be applied by jQuery 'ui-corner-*' CSS classes */
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

.ui-menu.look-combobox-menu.column-mode {
    
    border-collapse: collapse;
    display: table;
    table-layout: fixed;
}

/* clear border-radius that might be applied by jQuery 'ui-corner-*' CSS classes */
.ui-menu.look-combobox-menu > .ui-menu-item > a {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    min-height: 15px;
}

.ui-menu.look-combobox-menu > .ui-menu-item.seperator {
    display: table-row-group;
    width: 100%;
    height:  1em;
}

.ui-menu.look-combobox-menu > .ui-menu-item.seperator > a {
    display: table-row;
    overflow-x: hidden;
    white-space: nowrap;
    width: 100%;
    padding: 0 0 0 0;
    margin: 0;
}

.ui-menu.look-combobox-menu > .ui-menu-item.seperator > a > span:first-of-type {
    border: solid black;
    border-width: 0 1px 0 0;
}

.ui-menu.look-combobox-menu > .ui-menu-item.seperator > a > span {
    display: table-cell;
    border-top: none;
    border-bottom: none;
    padding: 0 3px 0 3px;
    overflow-x: hidden;
}

     
.look-frame
{
    /* ensure that fieldset consumes entire height of parent */
    height: 100%;

    /* frames can overlay other controls and don't support any events
       so let all the events through (like it does not exist) 
    */
    pointer-events: none;
}
     
.look-frame fieldset
{
    /* ensure that fieldset consumes entire height of parent */
    height: 100%;
}

.look-frame fieldset legend
{
    /* Fix fox [19290] - This fixes an issue in IE where text does not wrap */
    display: table;
}

.look-functionkey
{
    position: relative;
}

.look-functionkey:not(.aspNetDispabled)
{
    cursor: pointer;

    /* FIX(sk:5748): If the browser supports it, set the cursor so it looks like a 'hand' */
    cursor: hand;
}

.look-functionkey span
{
    user-select: none;
}
.look-html {
    background-color: white;
}
.look-iframe {
    background-color: white;
}

.look-iframe > iframe {
    border: 0 none;
}


input:enabled:hover 
{            
    border-color: activecaption;
}

/** Disable the selection border (the outer blue selection border)
    when a input is disabled.
*/
[disabled] input,
[disabled] select,
[disabled] textarea,
[disabled] button
{
    outline: none;
}

.look-label .inner-container 
{
    display: table;
    max-width: inherit;
}

.look-label span
{
    max-width: inherit;
    display: table-cell;
    overflow: hidden;
}

.look-label span > p
{
    margin-top: 1em;
    margin-bottom: 1em;
}
/* font information propagates from div and its children by default unless they've been overridden on the next css entry */
.look-control.look-listbox * {
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
    text-decoration: inherit;
}

.look-control.look-listbox select
{
    position: relative;
    width: 100%;
    height: 100%;

    border-style: solid;
    border-color: #808080;
    border-width: 1px;
}

.look-menubutton .inner-container
{
    display: table;
    /* Fix for [TP5280].*/
    /** FIX(sk:RC5756): Widths of menu items in browsers like netscape & firefox
        get multiplied by this to prevent text wrapping to the next line
        See: http://stackoverflow.com/questions/5078239/how-to-remove-the-space-between-inline-block-elements
    */
    white-space: nowrap;
    overflow-x: visible;
    /** Fix for [TP5134]. sets the 'cursor' style to 'auto'
        (as this does not seem to be the default for 'IE'
        when we have a popup on the screen. */
    cursor: auto;
    max-width: inherit;
}

.look-menubutton label
{
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 100%;
    cursor: pointer;
    overflow: hidden;
    max-width: inherit;
}

.look-menubutton img
{
    margin: 0 2px 0 3px;
}

.look-menubutton img
.look-menubutton span
{
    vertical-align: middle;
}

.look-menubutton[dir=rtl] img {
    -ms-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}



.look-control.look-numericcombo
{
    border: none;
    padding: 2px 0 2px 0;
}

.look-control.look-numericcombo input
{
    position: relative;
    padding: 0 2px 0 2px;
    height: 100%;
    width: 100%;
    vertical-align: top;

    border-style: solid;
    border-color: #808080;
    border-width: 1px;
}

.look-control.look-numericcombo input[readonly],
.look-control.look-numericcombo textarea[readonly]
{
    background-color: lightgray;
}


/** Optional styles that could apply to any control
*/

.look-transparent
{
    background-color: transparent !important;
}


.look-optionbutton .inner-container
{
    display: table;

    /* Fix for [TP5280].*/
    white-space: nowrap;
    overflow-x: visible;

    /** Fix for [TP5134]. sets the 'cursor' style to 'auto'
        (as this does not seem to be the default for 'IE'
        when we have a popup on the screen. */
    cursor: auto;
    max-width: inherit;
}

.look-optionbutton label 
{
    display: table-cell;
    vertical-align: middle;
    height: 100%;
    width: 100%;
    max-width: inherit;
    overflow: hidden;
}

/*  Alignment (always set to middle on vertical and left on horizontally for radio buttons)
    This is the default setting achieved by putting a SPAN inside a DIV.
*/

.look-optionbutton input[type=radio]
{
    margin: 0 2px 0 2px;
    vertical-align: middle;
}

.look-optionbutton span
{
    vertical-align: middle;
}

.look-optionbutton[disabled],
.look-optionbutton[disabled] label,
.look-optionbutton[disabled] input[type=radio],
.look-optionbutton[disabled] span
{
    cursor: not-allowed;
}



.look-panel
{
    overflow: hidden;
}





.look-picturebox { 
    overflow: hidden;
}

/** This uses absolute positioning and JavaScript to position the image at the correct alignment independently of
    the text Alignment.
    The absolute positioning works differently under Netscape and IE. Under IE, it is an offset from the client area
    of the button, and under NN it is an absolute position in screen space. We have different script functions for IE and NN
    to take care of those differences and make it appear correctly under both IE and NN
*/
.look-picturebox img {
    position: absolute; 
    left: 0;
    top: 0;
}


/* Fix for [23035] - Fix IE issues with Right To Left support (e.g. Arabic).
   As IE does not seems to fully support DIR attribute.
*/
.look-righttoleft {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}



.look-smartnav {

    border: 1px solid;
}


.look-smartnav > .groups {
    overflow: hidden;
    width: 100%;
    height: 100%;        
}

.look-smartnav > .groups > .group
{
    /* Fix for [10531] - Set container to relative position so child controls can be absolute positioned.*/
    display: none;
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
}


.look-smartnav > .groupbuttons > .groupbutton > span {
    
    /* Fix fox [17846] - Do not wrapped text that is too long, just clip it */
    white-space: nowrap;
    overflow: hidden;
    vertical-align: middle;
}

.look-smartnav > .groups > .group.active
{
    display: block;
}

.look-smartnav > .groupbuttons {
    position: absolute;
    width: 100%;
    bottom: 0;
    background-color: inherit;
}

.look-smartnav > .groupbuttons > .groupbutton 
{
    box-sizing: content-box;
    height: 16px;
    line-height: 16px;
    padding: 1px 1px 2px 1px;
    border: solid #2F4F4F;
    border-width: 1px 0 0 0;
    color: black;
    background-color: #7EA6E1;
    font-family: Arial, Sans-Serif;
    font-weight: bold;
    background: -webkit-gradient(linear, left top, left bottom, from(#CBE1FC), to(#7EA6E1));
    background: -moz-linear-gradient(top, #CBE1FC, #7EA6E1);
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#FFCBE1FC', EndColorStr= '#FF7EA6E1');

    /* Fix fox [19290] - Do not wrapped text that is too long, just clip it */
    overflow: hidden;
    cursor: pointer;
}

.look-smartnav > .groupbuttons > .groupbutton.active
{
    background-color: #EF9615;
    background: -webkit-gradient(linear, left top, left bottom, from(#FBE694), to(#EF9615));
    background: -moz-linear-gradient(top,  #FBE694,  #EF9615);
    filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#FFFBE694', EndColorStr= '#FFEF9615');

    cursor: hand;
    text-decoration: underline;
}


/** Static content
*/


/** Unforetunately CSS still has no native variable support!
    MinTabWidth = 38;
    TabPadding = 15;
    TabHeight = 21;*/

.look-tabcontrol > .inner-container > ul.tabs
{
    position: relative;

    /* tab buttons sit above tab pages to obscure its borders */
    z-index: 2;

    overflow: hidden;
    margin: 0;
    padding: 0;

    list-style-type: none;
}


.look-tabcontrol > .inner-container > ul.tabs > li.tabbutton
{
    float: left;
    position: relative;

    text-align: center;

    /* overlapped right margins so 1px thick (assumes 1px width border) */
    margin: 0 -1px 0 0;

    /* shorten in-active tabs */
    margin-top: 2px;
    padding-bottom: 2px;
}

.look-tabcontrol > .inner-container > ul.tabs > li.tabbutton.active
{
    /* active tabs get full height */
    margin-top: initial;
    padding-bottom: initial;
}

.look-tabcontrol > .inner-container > ul.tabs > li.tabbutton > a
{
    display: inline-block;
    width: 100%;
    height: 100%;

    padding-top: 2px;
    overflow: hidden;
    background-color: #C0C0C0;
    text-decoration: none;
    border: 1px solid #808080;
}

.look-tabcontrol > .inner-container > ul.tabs > li.tabbutton.active > a
{
    background-color: #F0F0F0;
    border-bottom: 0 none;
    padding-top: 4px;
}


.look-tabcontrol > .inner-container > div.pages
{
    background: #fff;
    border: 1px solid #999;
    z-index: 1;
    top: -1px;
}

/* Currently we only support tab alignment 'top' so default others to top.*/
.look-tabcontrol[data-alignment="tabalignright"] > .inner-container > div.pages,
.look-tabcontrol[data-alignment="tabalignleft"] > .inner-container > div.pages,
.look-tabcontrol[data-alignment="tabaligntop"] > .inner-container > ul.tabs,
.look-tabcontrol[data-alignment="tabalignbottom"] > .inner-container > ul.tabs {
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
}

.look-tabcontrol > .inner-container > div.pages
{
    position: relative;
    width: 100%;

    font-weight: initial;
    font-style: initial;
    
}

.look-tabcontrol > .inner-container > div.pages > div.tabpage
{
    background-color: #F0F0F0;

    display: none;
    position: relative;
    overflow: hidden;
    left: 0;
    top: 0;

    width: 100%;
    height: 100%;
}

.look-tabcontrol > .inner-container > div.pages > div.tabpage.active
{
    display: block;
}



.look-control.textboxbutton
{
    padding: 1px 0 1px 0;
}

.look-control.textboxbutton .inner-container
{
    position: relative;
    width: 100%;
    height: 100%;

    border-color: #808080;
}

.look-control.textboxbutton input
{
    display: block;
    height: 100%;
    padding: 0 2px 0 2px;

    border-style: solid;
    border-color: inherit;
    border-width: 1px;
    border-right: 0; 
}

.look-control.textboxbutton button
{
    background-color: #C0C0C0;
    
    position: absolute;
    height: 100%;
    top: 0;
    right: 0;
    
    border-style: solid;
    border-color: inherit;
    border-width: 1px;
        
    cursor: pointer;
    cursor: hand;
    
    text-align: center;
 }

.look-control.textboxbutton:not([disabled]) button:active
{
    background-color: #A0A0A0;
}

.look-control.textboxbutton button img
{
    display: none;
}


.look-control.look-textbox
{
    border: none;
    padding: 1px 0 1px 0;
}

.look-control.look-textbox input,
.look-control.look-textbox textarea
{
    position: relative;
    padding: 0 2px 0 2px;
    height: 100%;
    width: 100%;
    vertical-align: top;

    border-style: solid;
    border-color: #808080;
    border-width: 1px;
}

.look-control.look-textbox input[readonly],
.look-control.look-textbox textarea[readonly]
{
    background-color: lightgray;
}

.look-control.look-textbox input.look-fixedentrycapable
{
    border: none;
    border-bottom: 1px solid black;
}

.look-control.look-textbox input.look-fixedentrycapable:focus
{
    outline: none;
}


.look-updown
{
    padding: 1px;
}

.look-updown .inner-container
{
    border: 1px;
    border-color: #808080;
    background-color: #C0C0C0;
    border-style: solid;
 }

.look-updown button
{
    position: absolute;
    border-style: none;
    background-color: #C0C0C0;
    cursor: pointer;
    cursor: hand;
    padding: 0 0 0 0;

    background-repeat: no-repeat;
    background-position: center;
}

.look-updown button img
{
    display: none;
}

.look-updown[data-orientation="orienthorizontal"]  button:first-child {
    height: 100%;
    width: 50%;
    left: 0;
}

.look-updown[data-orientation="orienthorizontal"]  button:last-child {
    height: 100%;
    width: 50%;
    left: 50%;
}

.look-updown[data-orientation="orientvertical"]  button:first-child {
    height: 50%;
    width: 100%;
    top: 0;
}


.look-updown[data-orientation="orientvertical"]  button:last-child {
    height: 50%;
    width: 100%;
    top: 50%;
}

.look-updown[data-orientation="orienthorizontal"]  button:first-child:after,
.look-updown[data-orientation="orienthorizontal"]  button:last-child:after,
.look-updown[data-orientation="orientvertical"]  button:first-child:after,
.look-updown[data-orientation="orientvertical"]  button:last-child:after {
    display: block;
    height: 100%;
    width: 100%;
    content: "";

    -ms-background-size: 40% 30%;
    background-size: 40% 30%;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.look-updown[data-orientation="orienthorizontal"]  button:first-child:after {
    background-image: url(/newlookserver11.1/images/UpDown_Left.gif);
}

.look-updown[data-orientation="orienthorizontal"] button:last-child:after
{
    background-image: url(/newlookserver11.1/images/UpDown_Right.gif);
}

.look-updown[data-orientation="orientvertical"] button:first-child:after {
    background-image: url(/newlookserver11.1/images/UpDown_Up.gif);
}

.look-updown[data-orientation="orientvertical"] button:last-child:after
{
    background-image: url(/newlookserver11.1/images/UpDown_Down.gif);
}

.look-updown:not([disabled]) button:active
{
    background-color: #A0A0A0;
}

.look-updown[disabled][data-orientation="orienthorizontal"]  button:first-child:after
{
    background-image: url(/newlookserver11.1/images/UpDown_LeftG.gif);
}

.look-updown[disabled][data-orientation="orienthorizontal"] button:last-child:after
{
    background-image: url(/newlookserver11.1/images/UpDown_RightG.gif);
}

.look-updown[disabled][data-orientation="orientvertical"]  button:first-child:after
{
    background-image: url(/newlookserver11.1/images/UpDown_UpG.gif);
}

.look-updown[disabled][data-orientation="orientvertical"] button:last-child:after
{
    background-image: url(/newlookserver11.1/images/UpDown_DownG.gif);
}