﻿
/*.Proxima_NovaBold
{
    font-style: normal;
}*/


/*.Proxima_NovaNormal
{
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
}*/

/*#region Disable Password Eye in IE 10 */
::-ms-reveal
{
    display: none;
}
/*#endregion*/

/*#region placeholder */

::-webkit-input-placeholder
{ /* WebKit browsers */
    color: #999;
}

::-moz-placeholder
{ /* Mozilla Firefox 4 to 18 */
    color: #999;
}
/* firefox 19+ */
:-ms-input-placeholder
{ /* Internet Explorer 10+ */
    color: #999;
}
/* ie */
input:-moz-placeholder
{ /* Mozilla Firefox 19+ */
    color: #999;
    opacity: 1;
}

/*#endregion placeholder */

html
{
    margin: 0 auto;
    padding: 0;
    background:none!important;
}

img
{
    border: 0;
    outline: 0;
    display: block;
    margin: 0 auto;
}

body
{
    background: url("../Images/Common/background_46x46.png") repeat scroll 100% 100% transparent;
    color: #333333;
    font-family: Calibri, Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;
    font-size: 13px;
    font-style: normal;
    font-weight: normal;
    margin: 10px auto!important;
    max-width: 951px !important;
    text-decoration: none;
    /*width: 951px !important;*/
}

SELECT
{
    font-size: 14px !important;
    font-weight: normal !important;
    color: #333333 !important;
    line-height: 30px;
    padding: 5px;
    font-family: Calibri, Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;
    border:  1px solid  #d7d7d7;
}

input, button, input[type=button]
{
    font-family: Calibri, Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;
    font-size: 13px;
    font-style: normal;
    text-decoration: none;
}

    button:disabled, input[type=button]:disabled
    {
        border: 1px solid #CCCCCC !important;
        color: #808080;
        cursor: default;
    }

    input[type="file"]
    {
        background-color: initial;
        border: initial;
        box-shadow: none;
        line-height: initial;
        padding: initial;
    }

input
{
    color: #333333;
    font-weight: normal;
    text-align: left;
    vertical-align: middle;
    height: 26px;
    line-height: 26px;
}

    input[type = text], textarea
    {
        border: 1px solid #D7D7D7;
        font-family: Calibri, Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;
        font-size: 13px;
    }

    button, input[type=button], input[type=submit]
    {
        color: #434343;
        font-weight: bold;
        -webkit-appearance: none; /*Ipad Button Rounded Issue */
        border-radius: 0; /*Ipad Button Rounded Issue */
    }

.button
{
    background-color: #F2F2F2;
    border: 1px solid #CCCCCC;
    /*background-repeat: repeat;
    -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1) inset;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1) inset;*/
    float: left;
    height: 30px;
    /*line-height: 30px;*/
    min-width: 75px;
    width: auto;
    margin: 1px;
    text-align: center;
    white-space: nowrap;
    cursor: pointer;
    font-weight: bold;
}

    .button a
    {
        color: #666666;
        font-size: 13px;
        vertical-align: middle;
        display: block;
        padding: 5px 8px;
    }

    .button:hover
    {
        border: 1px solid #3E7DD9;
    }


.calenderInputDiv
{
    width: 200px;
}

.calenderInputSpan
{
    border: 1px solid #C9C9C9;
    display: table-cell;
    height: 30px;
    width: 205px;
    float: left;
    background-color: #FBFBFB;
}

.calenderInputText
{
    width: 165px;
    float: left;
    padding: 0;
    cursor: pointer;
    border: medium none !important;
}

.date-range-picker
{
    -moz-box-shadow: inset 0px 0px 0px -50px #ffffff;
    -webkit-box-shadow: inset 0px 0px 0px -50px #ffffff;
    box-shadow: inset 0px 0px 0px -50px #ffffff;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    display: table-cell;
    min-height: 22px;
    text-decoration: none;
    -webkit-text-shadow: 1px 1px 0px #ffffff;
    text-shadow: 1px 1px 0px #ffffff;
    background-color: #FBFBFB;
}

/*#region Colors */

.gray
{
    color: #3E3E3B;
}

.white
{
    color: #fff !important;
}

.black
{
    color: #000 !important;
}

/*.color_2b2b2b2
{
    color: #2B2B2B;
}*/

.dark-grey-background
{
    background: #E2E2E2;
}

.white-background
{
    background: #FFFFFF;
}

.black-background
{
    background: #000000;
}

.captcha-background
{
    background: none repeat scroll 0 0 #E3F1FC;
    border: 1px solid #E3F1FC;
    border-radius: 7px 7px 7px 7px;
}

.color_666
{
    color: #666666 !important;
}

.blue-14428a
{
    color: #14428a !important;
}

.blue
{
    color: #0697EA !important;
}

.blue-6096E3
{
    color: #6096E3 !important;
}

.blue-6096E3-bg
{
    background-color: #6096E3 !important;
}

.red-ff0000
{
    color: #ff0000 !important;
}

.redish_ae3121
{
    color: #ae3121 !important;
}

.redish_ae3121-bg
{
    background-color: #ae3121 !important;
}

.bluish-25a0db
{
    color: #25a0db !important;
}

.green-006432
{
    color: #006432 !important;
}

.green-00cc99
{
    color: #00cc99 !important;
}

.yellow-#7b6542
{
    color: #7b6542 !important;
}

.gray-c8c8c8
{
    color: #c8c8c8 !important;
}

.gray-4b4b4b
{
    color: #4b4b4b !important;
}

.gray-cccccc
{
    color: #cccccc !important;
}


/*#endregion */

/*#region Fonts */
.font_calibri
{
    font-family: Calibri !important;
}

.font_tahoma
{
    font-family: Tahoma !important;
}

.bold
{
    font-size: 13px;
    -webkit-box-shadow: none;
    box-shadow: none;
    /*margin-bottom: 5px;*/
    white-space: nowrap;
    /*break-word: no-wrap;*/
    display: block;
}

.normal
{
    font-size: 12px;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-bottom: 5px;
    /*break-word: no-wrap;*/
}

.font_italic
{
    font-style: italic;
}

.font_bold
{
    font-weight: bold;
}

.font_large
{
    font-size: large;
}

.font_normal
{
    font-weight: normal;
}

.font_9
{
    font-size: 9px !important;
}

.font_10
{
    font-size: 10px !important;
}


.font_11
{
    font-size: 11px !important;
}


.font_12
{
    font-size: 12px !important;
}

.font_13
{
    font-size: 13px !important;
}

.font_14
{
    font-size: 14px !important;
}

.font_15
{
    font-size: 15px !important;
}

.font_16
{
    font-size: 16px !important;
}

.font_18
{
    font-size: 18px !important;
}

.font_20
{
    font-size: 20px !important;
}

.font_22
{
    font-size: 22px !important;
}

.font_24
{
    font-size: 24px !important;
}

.font_28
{
    font-size: 28px !important;
}

.font_32
{
    font-size: 32px !important;
}

.font_36
{
    font-size: 32px !important;
}

.font_38
{
    font-size: 38px !important;
}

.font_48
{
    font-size: 48px !important;
}

.font_52
{
    font-size: 52px !important;
}

/*#endregion */

/*#region Element Related */

.custom-dialogue-style.ui-widget-content
{
    background: none repeat scroll 0 0 #FFFFFF !important;
}

.loginpageright input[type=text], .loginpageright input[type=password]
{
    background-color: #F2F2F2;
    background-image: url(../Images/bkg_input.png);
    border: 1px solid lightgray;
    border-radius: 4px 4px 4px 4px;
    padding-left: 11px;
    font-size: 16px;
}

    .loginpageright input[type=text]:focus, .loginpageright input[type=password]:focus
    {
        background-image: url(../Images/bkg_input.png);
        border: 1px solid #3E78FD;
        border-radius: 4px 4px 4px 4px;
        color: #111111;
        padding-left: 11px;
        font-size: 16px;
    }

.right_margin_0
{
    margin-right: 0px;
}

.hide-element
{
    display: none;
}

.success
{
    color: #3E3E3B;
}

.success-color
{
    color: green;
}

.error
{
    color: red;
}

.error-red-color
{
    color: red !important;
}

.div-table
{
    display: table;
}

.div-table-row
{
    display: table-row;
}

.div-table-cell:first-child
{
    padding-right: 30px;
}

.div-table-cell
{
    display: table-cell;
}

ul
{
    list-style: none outside none;
}

.align-center
{
    text-align: center !important;
}

.align-left
{
    text-align: left !important;
}

.float_left
{
    float: left;
}

.float_right
{
    float: right;
}

.float_left_100
{
    float: left;
    width: 100%;
}

.rounded-corner
{
    border-radius: 5px;
}

.lineSolid_e2e2e2
{
    border-bottom: 1px solid #e2e2e2 !important;
}

.visible
{
    visibility: visible !important;
}

.hidden
{
    visibility: hidden !important;
}

.select-chart-icon
{
    background-color: #E5E5E5;
    font-weight: bold;
}

.toggle-view
{
    display: block;
    padding: 8px 10px;
}

.border_b8b8b8
{
    border: 1px solid #B8B8B8;
    box-shadow: 0 0 2px #B8B8B8;
}

    .border_b8b8b8:hover
    {
        border: 1px solid gray;
        box-shadow: 0 0 2px gray;
    }

textbox
{
    -moz-box-shadow: 0 2px 3px -2px rgba(0, 0, 0, 0.24) inset;
    -webkit-box-shadow: 0 2px 3px -2px rgba(0, 0, 0, 0.24) inset;
    box-shadow: 0 2px 3px -2px rgba(0, 0, 0, 0.24) inset;
    color: #000000;
}

.invalidControl
{
    border: 1px !important;
    border-color: #FF0000 !important;
    border-style: solid !important;
}

a
{
    text-decoration: none;
    outline: 0;
    color: #333333;
}

    a:hover
    {
        color: #1E90FF; /*  DodgerBlue;*/
    }

/*Button
{
    color: #666666;
    cursor: pointer;
    box-shadow: none;
    outline: 0px;
    border: 0px;
    min-height: 28px;
    min-width: 65px;
    white-space: nowrap;
}

    Button:hover
    {
        border: 1px solid #A9A9A9; 
    }*/

.button_default
{
    background: linear-gradient( #F1F1F1, #DDDDDD) repeat scroll 0 0 transparent; /* the standard */
    background: -moz-linear-gradient(left center, #F1F1F1, #DDDDDD) repeat scroll 0 0 transparent; /* FF 3.6+ */
    background: -o-linear-gradient( #F1F1F1, #DDDDDD) repeat scroll 0 0 transparent; /* Opera 11.10 */
    background: -webkit-linear-gradient(#F1F1F1, #DDDDDD) repeat scroll 0 0 transparent;
    background: -ms-linear-gradient(left center, #F1F1F1, #DDDDDD) repeat scroll 0 0 transparent;
    background: -webkit-gradient(linear, left center, left center, #F1F1F1, #DDDDDD) repeat scroll 0 0 transparent; /* Safari 4+, Chrome 2+ */
    filter: progid:DXImageTransform.Microsoft.gradient(left center,startColorstr='#F1F1F1', endColorstr='#DDDDDD') repeat scroll 0 0 transparent; /* IE6 & IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(left center,startColorstr='#F1F1F1', endColorstr='#DDDDDD') repeat scroll 0 0 transparent"; /* IE8+ */
    border: 1px solid #E4E4E4;
    height: 25px;
    margin: 1px 1px;
    text-align: center;
    width: 65px;
    float: left;
    white-space: nowrap;
}

.default-chart-bg
{
    background-color: #FBFBFB;
}

.bottom-gradient
{
    /*border-bottom-width: thin;
    border-bottom-style: solid;
    border-bottom-color: -moz-linear-gradient(left center, red, green);
    border-bottom-color: -webkit-linear-gradient(red, green);
    -moz-border-bottom-colors: #555 #666 #777 #888 #999 #aaa #bbb #ccc;
    -webkit-border-image: -webkit-gradient(linear, left top, left bottom, from(#00abeb), to(#fff), color-stop(0.5, #fff), color-stop(0.5, #66cc00)) 21 30 30 21 repeat repeat;
    -moz-border-image: -webkit-gradient(linear, left top, left bottom, from(#00abeb), to(#fff), color-stop(0.5, #fff), color-stop(0.5, #66cc00)) 21 30 30 21 repeat repeat;
    -o-border-image: -webkit-gradient(linear, left top, left bottom, from(#00abeb), to(#fff), color-stop(0.5, #fff), color-stop(0.5, #66cc00)) 21 30 30 21 repeat repeat;
    border-image: -webkit-gradient(linear, left top, left bottom, from(#00abeb), to(#fff), color-stop(0.5, #fff), color-stop(0.5, #66cc00)) 21 30 30 21 repeat repeat;*/
    border-bottom: 1px solid #D4D4D4 !important;
    border-right: 1px solid #D4D4D4 !important;
}

.left-gradient
{
    /*border-bottom-width: thin;
    border-bottom-style: solid;
    border-bottom-color: -moz-linear-gradient(left center, red, green);
    border-bottom-color: -webkit-linear-gradient(red, green);
    -moz-border-bottom-colors: #555 #666 #777 #888 #999 #aaa #bbb #ccc;
    -webkit-border-image: -webkit-gradient(linear, left top, left bottom, from(#00abeb), to(#fff), color-stop(0.5, #fff), color-stop(0.5, #66cc00)) 21 30 30 21 repeat repeat;
    -moz-border-image: -webkit-gradient(linear, left top, left bottom, from(#00abeb), to(#fff), color-stop(0.5, #fff), color-stop(0.5, #66cc00)) 21 30 30 21 repeat repeat;
    -o-border-image: -webkit-gradient(linear, left top, left bottom, from(#00abeb), to(#fff), color-stop(0.5, #fff), color-stop(0.5, #66cc00)) 21 30 30 21 repeat repeat;
    border-image: -webkit-gradient(linear, left top, left bottom, from(#00abeb), to(#fff), color-stop(0.5, #fff), color-stop(0.5, #66cc00)) 21 30 30 21 repeat repeat;*/
    border-left: 1px solid #D4D4D4 !important;
}

.shared-logos
{
    background-image: url('../Images/Logos/shared_by_logos.png');
    background-repeat: no-repeat;
}

.featured-title
{
    font-size: 42px;
    letter-spacing: -1px;
    margin: 0;
    text-align: center;
}

.featured-subtitle
{
    font-size: 24px;
    text-align: center;
}

.featured-subtitle-small
{
    font-size: 16px;
    text-align: center;
}

div.ActionStatusBox
{
    background-color: #E2E2E2;
    border-radius: 5px;
}

.ActionStatusMessage
{
    display: block;
    float: left;
    /*width: 282px;*/
}

/*.partial-heading {
    color: #292929;
    font-size: 13px;
    font-style: normal;
    font-weight: bold;
    text-decoration: none;
}*/

.close-notification-loading
{
    background-color: transparent;
    background-image: url("../Images/spinner_gray_16x16.gif") !important;
    cursor: default;
    padding: 7px !important;
}

.check-status
{
    color: #616161;
}

.activeLink
{
    background-color: #F2F2F2;
    color: #333333;
    margin: 1px 1px;
    text-align: center;
    white-space: nowrap;
    cursor: text;
    font-weight: bold;
}

    .activeLink a, .activeLink a:hover
    {
        color: #333333;
        cursor: default;
    }


.line-d7d7d7
{
    background-color: #D7D7D7;
    clear: both;
    height: 1px;
    /*margin-left: -7px;*/
}

.heading_table
{
    color: #2B2B2B;
}

table.display thead th
{
    color: black;
    font-size: 13px;
    text-align: center;
}

.heading_black_normal
{
    font-size: 12px;
}

.heading_black
{
    font-size: 14px;
}

.heading_black, .heading_black_normal
{
    font-family: Arial, 'DejaVu Sans', 'Liberation Sans', Freesans, sans-serif;
    color: #111111;
    font-weight: bold;
}

.heading_captions
{
    color: #333333;
    font-size: 14px;
}

.top-link
{
    font-size: 13px !important;
}

ul.top-tabs
{
    font-size: 14px !important;
    padding-left: 15px !important;
}

.table-heading
{
    color: #333333;
    font-size: 14px;
}

#pie-chart table.jqplot-table-legend, #pie-chart table.jqplot-cursor-legend
{
    color: #333;
    font-size: 16px;
}

.legendsVisit
{
    color: #333;
    font-size: 14px;
    text-align: left;
}

.totalvisitor-count
{
    color: #6096E3;
}

.app-icon
{
    font-size: 12px;
}

.display-labels
{
    color: #333333;
}

.display-values
{
    font-size: large;
    color: #6096E3;
}


.box-shadow
{
    -webkit-box-shadow: 0 0 3px 1px #888888;
    box-shadow: 0 0 3px 1px #888888;
}

input.searchbox
{
    border: 1px solid #D7D7D7;
    /*color: #191919;*/
}

/*.coname
{
    color: #0D0D0D;
    font-size: 10px;
}*/

.report-data-highlight
{
    background-color: #D0C9C3;
}

.notification-div span, .ul-notify-subject li a span
{
    font-size: 11px;
}

.notify-box-right a
{
    font-style: italic;
}

.inner-heading
{
    font-size: 12px !important;
}


.user-image
{
    border: 1px solid lightgray;
    height: 25px !important;
    width: 25px !important;
}

.user-image-header
{
    border: 1px solid lightgray;
    height: 33px !important;
    width: 33px !important;
}

.camera-ico
{
    background: transparent url(../Images/Common/camera_ico_24x18.png) right bottom no-repeat;
}
/*.user-image-header:hover
    {
        border: 1px solid lightgray;
        height: 33px !important;
        width: 33px !important;
        z-index: 0;
        display: block;
    }*/

.btn-about
{
    background-image: url(../Images/Common/btn_about_21x21.png);
    background-repeat: no-repeat;
    background-position: center center;
}

.btn-about_red
{
    background-image: url(../Images/Common/about_red.png);
    background-repeat: no-repeat;
    background-position: center center;
}

.btn-about_black
{
    background-image: url(../Images/Common/about_black.png);
    background-repeat: no-repeat;
    background-position: center center;
}


.btn-Create_red
{
    background-image: url(../Images/Common/Create_gray.png);
    background-repeat: no-repeat;
    background-position: center center;
}

    .btn-Create_red:hover
    {
        background-image: url(../Images/Common/Create_red.png);
        background-repeat: no-repeat;
        background-position: center center;
    }

.btn-Create_black
{
    background-image: url(../Images/Common/Create_gray.png);
    background-repeat: no-repeat;
    background-position: center center;
}

    .btn-Create_black:hover
    {
        background-image: url(../Images/Common/Create_black.png);
        background-repeat: no-repeat;
    }

.btn-fullscreen_on
{
    background-image: url(../Images/Common/icons_126x96.png);
    background-repeat: no-repeat;
    background-position: -76px -49px;
}

.btn-fullscreen_collapse
{
    background-image: url(../Images/Common/icons_126x96.png);
    background-repeat: no-repeat;
    background-position-x: -96px;
    background-position-y: -49px;
}

.btn-fullscreen_close_blue
{
    background-image: url(../Images/Common/icons_126x96.png);
    background-repeat: no-repeat;
    background-position-x: 0px;
    background-position-y: -67px;
}

.btn-collapse
{
    background-image: url(../Images/Common/icons_126x96.png);
    background-repeat: no-repeat;
    background-position: -18px -50px;
}

.btn-expand
{
    background-image: url(../Images/Common/icons_126x96.png);
    background-repeat: no-repeat;
    background-position: 0px -50px;
}

.button-wrapper
{
    float: right;
    margin-right: 0px;
    /*margin-top: -7px;*/
}

    .button-wrapper span
    {
        float: right;
        height: 16px;
        width: 16px;
    }

/*#region Footer Logo*/
.footerlogo
{
    width: 152px;
    height: 24px;
    background-image: url("../images/Logos/exterprise_footer_logo_128x24.png");
    left: 10px;
    position: relative;
    float: left;
    vertical-align: top;
}
/*#endregion Footer Logo*/

/*#region popup menu*/

.popupSelectedBlueMenu .menu_Item
{
    line-height: 20px;
    padding: 3px 10px 3px 10px;
}

    .popupSelectedBlueMenu .menu_Item a
    {
        color: #6096E3;
    }

    .popupSelectedBlueMenu .menu_Item:hover
    {
        background-color: #3399FF;
        cursor: pointer;
    }

        .popupSelectedBlueMenu .menu_Item:hover a
        {
            color: White;
        }

/*#endregion */

/*#region Social Feeds */
.history-text
{
    color: blue;
}

a.history-text-more
{
    text-decoration: underline;
    color: blue;
    font-style: italic;
}

.tweetBorder
{
    border-style: solid;
    border-color: #e6e6e6;
}

.p-nickname
{
    color: #707070;
}


/*#endregion */

.ui-autocomplete-loading
{
    background: white url('../Images/spinner_gray_16x16.gif') right center no-repeat;
}

/*#region Header*/

#header
{
    height: 65px;
    background-color: #FFF;
}

.menu-strip
{
    background-image: url("../images/common/menu_bg.png") !important;
    background-repeat: repeat-x;
    width: 100%;
    height: 27px;
    color: #000000;
}

.menus-top a
{
    display: inline-block;
    padding-top: 6px;
}

.header-left-logo
{
    background-position: left center;
    background-repeat: no-repeat;
    float: left;
    height: 20px;
    margin-left: 30px;
    width: 121px;
}

.menu-wrapper
{
    text-align: center;
    float: left;
    margin-left: 150px;
}

    .menu-wrapper > div
    {
        height: 30px;
        float: left;
        line-height: 15px;
    }

.pop-up
{
    position: absolute;
    background-color: #fff;
    display: block;
    border: 1px solid #E2E2E2;
    -webkit-box-shadow: 4px 6px 4px rgba(0, 0, 0, 0.12);
    box-shadow: 4px 6px 4px rgba(0, 0, 0, 0.12);
}

#notification-menu
{
    float: left;
    z-index: 3;
    text-align: center;
}

#divNotificationBox
{
    cursor: pointer;
}


.header-div
{
    float: left;
    text-align: center;
    margin: 27px 0px 0px 5px;
    height: 33px;
}

.companysearch
{
    width: 150px;
    height: 30px;
}

.downArrow_img
{
    background-image: url(../Images/Common/user_down_arrow_15x11.png);
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    top: 0px;
    width: 15px;
    height: 15px;
    cursor: pointer;
}

.daterangeArrow_img
{
    background-image: url(../Images/Common/user_down_arrow_15x11.png);
    background-repeat: no-repeat;
    background-position: right;
    position: relative;
    top: 0px;
    width: 15px;
    cursor: pointer;
}

.daterangewidth
{
    border: medium none;
    margin-top: 3px;
    padding-left: 10px;
    width: 190px;
}

.logged-in-user-detail
{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.header-search
{
    overflow: hidden;
    left: 100px;
    width: 220px;
    height: 40px;
}

    .header-search input.searchbox
    {
        float: left;
        font-size: 13px;
        height: 26px;
        line-height: 26px;
        margin-left: 10px;
        margin-top: 6px;
        overflow: hidden;
        padding-left: 8px;
        text-align: left;
        width: 190px;
    }

    .header-search input.SubmitSearch
    {
        background: url("../Images/Common/search_button_12x12.png") no-repeat scroll center center transparent;
        border: 0 none;
        float: left;
        height: 20px;
        margin: 11px 0 0 -25px;
        outline: 0 none;
        padding: 0;
        width: 24px;
    }

    .header-search input.searchSubmit
    {
        background: url("../Images/Common/search_button_12x12.png") no-repeat scroll center center #ffffff;
        border: 0 none;
        float: left;
        height: 20px;
        margin: 8px 0 0 -25px;
        outline: 0 none;
        padding: 0;
        width: 24px;
    }

.notification-pop-up-bg
{
    bottom: 0;
    left: 0;
    opacity: 0.3; /* Standards Compliant Browsers */
    filter: alpha(opacity=75); /* IE 7 and Earlier */ /* Next 2 lines IE8 */
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=20)';
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20);
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1100;
    height: 100%;
    width: 100%;
}


.notification-pop-up
{
    -webkit-box-shadow: 0 0 7px rgba(0, 0, 0, 0.4);
    box-shadow: 0 0 7px rgba(0, 0, 0, 0.4);
    position: absolute;
    z-index: 1100;
    max-width: 927px; /*overflow: auto;*/
}


#PopUpNotification
{
    max-height: 300px;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    visibility: hidden;
    height: auto;
    margin-top: 25px;
    padding: 5px 0 5px 10px;
    right: -88px;
    width: 300px;
    z-index: 999;
}

    #PopUpNotification a#aSeeAll
    {
        position: static;
        display: block;
        padding: 8px 6px;
        text-decoration: underline;
        cursor: pointer;
    }

.notification-box-arrow
{
    border-color: transparent transparent #E2E2E2;
    border-style: dashed dashed solid;
    border-width: 0 12px 10px;
    cursor: default;
    display: block;
    font-size: 0;
    height: 0;
    line-height: 0; /*position: absolute;*/
    width: 0;
    z-index: 1000;
    margin-top: -15px;
    margin-left: auto;
    margin-right: auto;
}

.notification-span span
{
    display: inline-block !important;
    text-align: center;
    margin-bottom: 10px;
    border-right: 1px solid #999;
    color: #555;
}

.close-notification-pop-up
{
    background-image: url(../Images/Common/close_image_33x33_.png);
    background-position: center center;
    cursor: pointer;
    height: 33px;
    position: absolute;
    right: -17px;
    top: -18px;
    width: 33px;
}

.link-pointer-img
{
    background-image: url("../Images/Common/link_pointer_9x5.png");
    background-position: center center;
    background-repeat: no-repeat;
    float: left;
    height: 5px;
    width: 10px;
}

a.HeaderMenu_Gray
{
    color: gray;
    margin-bottom: 1px;
    font-family: Arial;
    font-size: 13px;
    margin-left: 10px;
    margin-right: 10px;
}

    a.HeaderMenu_Gray:hover
    {
        color: black;
    }

.activeMenu_black a
{
    border-bottom: 2px solid #000000;
    color: black;
    font-weight: bold;
    padding-bottom: 3px;
}

    .activeMenu_black a:hover
    {
        color: #000000;
    }

.activeMenu_blue a
{
    border-bottom: 2px solid #6096E3;
    font-weight: bold;
    padding-bottom: 3px;
    color: #6096E3;
}

    .activeMenu_blue a:hover
    {
        color: #6096E3;
    }

.activeMenu_red a
{
    border-bottom: 2px solid #AE3121;
    font-weight: bold;
    padding-bottom: 3px;
    color: #AE3121;
}

    .activeMenu_red a:hover
    {
        color: #AE3121;
    }

.activeMenu_green a
{
    border-bottom: 2px solid #4fa01f;
    font-weight: bold;
    padding-bottom: 3px;
    color: #4fa01f;
}

    .activeMenu_green a:hover
    {
        color: #4fa01f;
    }

.activeMenu_orange a
{
    border-bottom: 2px solid #ba671e;
    font-weight: bold;
    padding-bottom: 3px;
    color: #ba671e;
}

    .activeMenu_orange a:hover
    {
        color: #ba671e;
    }

.activeMenu_brown a
{
    border-bottom: 2px solid #996600;
    font-weight: bold;
    padding-bottom: 3px;
    color: #996600;
}

    .activeMenu_brown a:hover
    {
        color: #996600;
    }

#main-body
{
    padding: 0;
    /*min-height: 425px;*/
    width: 100%;
    margin: 10px auto 10px;
    float: left;
}
/*#endregion Header*/

/*#endregion */


/*#region pop-up*/

.popupBoxClose
{
    float: right;
    width: 12px;
    height: 12px;
    background: transparent url(../Images/Common/close.png) repeat top left;
    margin-top: 11px;
    margin-right: 15px;
    cursor: pointer;
}

.popupBgOpacity
{
    top: 0;
    left: 0;
    opacity: 0.85;
    filter: alpha(opacity=50);
    position: absolute;
    background: #666666;
    z-index: 100;
    height: 100%;
    width: 100%;
}

.popupHeaderdiv
{
    Height: 35px;
    background-color: #25A0DB;
}

    .popupHeaderdiv span
    {
        font-family: Calibri;
        font-size: 16px !important;
        font-weight: bold;
        color: #ffffff;
        position: absolute;
        margin-left: 20px;
        margin-top: 7px;
    }

.popupDatadiv
{
    z-index: 101; /*must be greater than the opacity provider*/
    position: absolute;
    background-color: white;
    margin: 0 auto;
    display: block;
}

    .popupDatadiv p
    {
        font-family: Calibri;
        color: #333333;
        margin-left: 20px;
        margin-top: 20px;
    }

.popup-small
{
    width: 450px;
    height: 180px;
}

.popup-medium
{
    width: 600px;
    height: 380px;
}

.popup-large
{
    width: 750px;
    height: 430px;
}

.Confirmation-Warning
{
    background-image: url(../Images/Common/warning-2.png);
    background-repeat: no-repeat;
}


/*#endregion pop-up*/

/*#region Event calender Loading Pop-up */

.loading_spinner
{
    background-attachment: scroll;
    -moz-background-clip: border-box;
    -webkit-background-clip: border-box;
    background-clip: border-box;
    background-color: transparent;
    background-image: url(../Images/spinner_gray_16x16.gif);
    -moz-background-origin: padding-box;
    -webkit-background-origin: padding-box;
    background-origin: padding-box;
    background-position: center center;
    background-repeat: no-repeat;
    -moz-background-size: auto auto;
    -o-background-size: auto auto;
    -webkit-background-size: auto auto;
    background-size: auto auto;
}

.loading_spinner_fb
{
    background-attachment: scroll;
    -moz-background-clip: border-box;
    -webkit-background-clip: border-box;
    background-clip: border-box;
    background-color: transparent;
    background-image: url(../Images/ajax-loader_16x11.gif);
    -moz-background-origin: padding-box;
    -webkit-background-origin: padding-box;
    background-origin: padding-box;
    background-position: center center;
    background-repeat: no-repeat;
    -moz-background-size: auto auto;
    -o-background-size: auto auto;
    -webkit-background-size: auto auto;
    background-size: auto auto;
}

.Scrollable
{
    padding: 5px;
    width: 590px;
    height: 225px;
    overflow-x: auto;
    overflow-y: auto;
    background-color: White;
}
/*#endregion */

/*#region Right Side divs*/

.partial-heading
{
    padding-left: 10px;
    padding-top: 5px;
    float: left;
    white-space: nowrap;
}

.right-panel-wrapper
{
    width: 100%;
    padding: 0;
    float: left;
    height: auto;
}

    .right-panel-wrapper > div
    {
        width: 290px;
        overflow: auto;
    }

.right-box-wrapper
{
    width: 100%;
    height: 100%;
    padding: 0;
    background-color: transparent;
    float: left;
}

.summary-long-box
{
    min-height: 390px !important;
    height: 217px !important;
}

.summary-medium-box
{
    min-height: 180px !important;
}

.summary-small-box
{
    min-height: 100px !important;
}

.box-heading
{
    float: left;
    white-space: pre-wrap;
}

.right-box
{
    padding: 10px;
    height: 100px;
    width: 160px;
    margin-bottom: 10px;
}

    .right-box a
    {
        display: table;
        /*padding-left: 5px;*/
        padding-top: 5px;
        padding-bottom: 10px;
    }

    .right-box:hover
    {
        cursor: pointer;
        -moz-box-shadow: 0 0 2px 2px #888;
        -webkit-box-shadow: 0 0 2px 2px #888;
        box-shadow: 0 0 2px 2px #888;
    }

    .right-box .smallbutton
    {
        float: right;
        width: 55px;
        height: 24px;
    }

/*#endregion*/

/*#region Left Side divs*/

/*#region Home Page*/

.left-div
{
    width: auto;
}

.child-div
{
    background-color: #FFFFFF;
    border: 1px solid lightgray;
    margin: 0 0 5px 0;
    overflow: auto;
    padding: 10px;
}

.left-panel-wrapper
{
    width: auto;
    height: auto;
}

.nav
{
    padding-left: 0px;
    float: left;
    margin: 5px 0 -1px 5px;
}

    .nav li
    {
        display: inline-block;
        margin-right: 10px;
        padding: 4px 10px;
    }

.margin_top_bottom
{
    margin-bottom: 5px;
    margin-top: 0;
}

.heading-div
{
    width: auto;
    height: 25px;
}


/*#endregion */

/*#region Expanded Mode*/

.left-panel
{
    text-align: left;
    background-color: #fff;
    /*height: 560px;*/
    overflow-y: auto;
    overflow-x: hidden;
    padding: 10px;
    /*position:relative;*/
}

.box-content-container
{
    display: inline-block;
    float: left;
    margin: 8px 15px 8px 20px;
}

.coming-soon, .no-data-ava
{
    display: block;
    padding: 20px 6px;
    text-align: center;
}

.box-content-container span.inner-heading, .box-content-container span.inner-text
{
    display: block;
    width: 135px;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.styledcombo
{
    overflow: hidden; /* this hides the select's drop button */
    padding: 0;
    margin: 0;
    background: white url(../Images/Common/user_down_arrow_15x11.png) no-repeat right; /* this is the new drop button, in image form */
    width: 12em;
    border-radius: 2px; /*-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.2);     box-shadow: 0 1px 3px rgba(0,0,0,0.2);     border: solid 1px #ccc;*/
}

    .styledcombo select
    {
        width: 122% /* this percentage effectively extends the drop down button out of view */;
        background-color: transparent /* this hides the select's background making any styling visible from the div */;
        background-image: none;
        -webkit-appearance: none /* this is required for Webkit browsers */;
        border: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        padding: 0.3em 0.5em; /* padding should be added to the select, not the div */
    }
/*#endregion */

/* #region UM Visitor Summary */

.report-data
{
    border-right: 1px solid #D8D8D8;
    cursor: default;
    display: inline-block;
    float: left;
    height: 30px;
    width: 67px;
}

    .report-data :hover
    {
        cursor: pointer;
    }

#VisitorData div.Demographic-info
{
    float: left;
    margin-bottom: 5px;
    text-align: center;
    vertical-align: middle;
}

    #VisitorData div.Demographic-info > div
    {
        border-bottom: 1px solid #D4D4D4;
        border-left: 1px solid #D4D4D4;
        border-top: 1px solid #D4D4D4;
        float: left;
        height: 85px;
        padding: 4px;
        width: 175px;
    }

    #VisitorData div.Demographic-info label
    {
        display: block;
        padding: 6px 5px;
        white-space: nowrap;
    }

.icon-pos
{
    display: table;
    float: right;
}

div.icon-pos > div
{
    cursor: pointer;
    float: right;
    height: 30px;
    position: relative;
    width: 50px;
}

/* #endregion */

.imgedit
{
    cursor: pointer;
    background-image: url(../Images/Common/edit_blue16x16.png);
    background-repeat: no-repeat;
    background-position: center center;
    display: inline-block;
    height: 16px;
    width: 16px;
    margin: 2px;
}

.divfilterimg
{
    background: url(../Images/Common/icons_126x96.png) -18px -32px no-repeat transparent !important;
    width: 17px;
    height: 16px;
}

.divfilterimg-blue
{
    background: url(../Images/Common/icons_126x96.png) 0px -32px no-repeat transparent !important;
    width: 17px;
    height: 16px;
}

.divadvsearchimg
{
    background: url(../Images/Common/icons_126x96.png) -57px -32px no-repeat transparent !important;
    width: 17px;
    height: 16px;
}

.divadvsearchimg-blue
{
    background: url(../Images/Common/icons_126x96.png) -37px -32px no-repeat transparent !important;
    width: 17px;
    height: 16px;
}

.divRemoveicon-search
{
    margin-left: 4px;
    margin-bottom: -5px;
    display: inline-block;
    cursor: pointer;
    padding: 2px;
}

.divFilter-container-MI
{
    float: right;
    border: 1px solid #D8D8D8;
    background-color: #ffffff;
    position: relative;
    bottom: 10px;
    margin-right: 5px;
}

    .divFilter-container-MI:hover
    {
        cursor: pointer;
    }

/*#region Bar Chart Wijmo */
.dvnext-event-report
{
    background: url(../Images/Common/icons_126x96.png) -32px 0 no-repeat transparent !important;
}

    .dvnext-event-report:hover
    {
        cursor: pointer;
        background: url(../Images/Common/icons_126x96.png) no-repeat transparent !important;
    }

.dvnext-summary-report
{
    background: url(../Images/Common/icons_126x96.png) -32px 0 no-repeat transparent !important;
}

    .dvnext-summary-report:hover
    {
        cursor: pointer;
        background: url(../Images/Common/icons_126x96.png) no-repeat transparent !important;
    }

.dvbackward-event-report
{
    background: url(../Images/Common/icons_126x96.png) -96px 0px no-repeat transparent !important;
}

    .dvbackward-event-report:hover
    {
        cursor: pointer;
        background: url(../Images/Common/icons_126x96.png) -64px 0px no-repeat transparent !important;
    }

.dvbackward-summary-report
{
    background: url(../Images/Common/icons_126x96.png) -96px 0px no-repeat transparent !important;
}

    .dvbackward-summary-report:hover
    {
        cursor: pointer;
        background: url(../Images/Common/icons_126x96.png) -64px 0px no-repeat transparent !important;
    }

.notify-tooltip
{
    background-color: #FFFFE0;
    border: 1px solid #FFFF00;
}

.ui-icon-circle-triangle-w
{
    background-image: url(../Content/DateRangePicker/Images/ui-icons_ef8c08_256x240.png) !important;
}

.ui-icon-circle-triangle-e
{
    background-image: url(../Content/DateRangePicker/Images/ui-icons_ef8c08_256x240.png) !important;
}

.ui-datepicker-prev
{
    background: none !important;
    border: 1px solid transparent !important;
    color: transparent !important;
    font-weight: bold !important;
}

.ui-datepicker-next
{
    background: none !important;
    border: 1px solid transparent !important;
    color: transparent !important;
    font-weight: bold !important;
}
/*#endregion */

.summary-content
{
    border-radius: 5px;
    border: 1px solid #EDE8E8;
}

.summary-content-text
{
    width: 190px;
    padding-right: 10px;
    float: left;
}

.summary-content-fig
{
    width: 50px;
    padding-left: 10px;
}
/*#endregion */


/* Custom Date Range Picker CSS for Events  */
.eventBody .ui-daterangepicker li.ui-state-hover,
.eventBody .ui-daterangepicker li.ui-state-active
{
    background-color: #FFFFFF;
    background-image: none;
    border: 1px solid #25A0DB;
    color: #25A0DB !important;
}

.eventBody .ui-daterangepickercontain .ui-daterangepicker
{
    background-color: #FFFFFF;
}

.eventBody .ui-daterangepickercontain .ui-state-hover a,
.eventBody .ui-daterangepickercontain .ui-state-hover a:hover,
.eventBody .ui-daterangepickercontain .ui-state-hover a:link,
.eventBody .ui-daterangepickercontain .ui-state-hover a:visited,
.eventBody .ui-daterangepickercontain .ui-state-active a,
.eventBody .ui-daterangepickercontain .ui-state-active a:link,
.eventBody .ui-daterangepickercontain .ui-state-active a:visited
{
    color: #25A0DB !important;
}

.eventBody .ui-state-hover .ui-icon, .eventBody .ui-state-focus .ui-icon
{
    background-image: url(DateRangePicker/Images/ui-icons_228ef1_256x240.png);
}

.eventBody .label-conf
{
    font-size: 14px;
}

.wrap-text
{
    display: inline-block;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 200px;
}

/*#region Profile*/

.profilebiography
{
    color: #333333;
    font-family: Calibri;
    font-size: 14px;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
    line-height: 1.5;
}

.profilepersonalinfo
{
    color: #333333;
    font-family: Calibri;
    font-size: 14px;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
}

.textbold
{
    font-weight: bold;
}

.profileleftdiv
{
    float: left;
    width: 30%;
}

.profilerightdiv
{
    float: left;
    width: 70%;
}


.tabmenusselected
{
    color: #2B2B2B;
    font-family: Calibri;
    font-size: 14px;
    font-style: normal;
    font-weight: bold;
    text-decoration: none;
}


.activeLink
{
    background: #F2F2F2;
    color: #2B2B2B;
    font-family: Calibri;
    font-size: 14px;
    font-style: normal;
    font-weight: bold;
    text-decoration: none;
}

.profilemenus_Gray
{
    color: #2B2B2B !important;
    font-family: calibri;
    font-size: 14px;
    margin-bottom: 1px;
    margin-left: 10px;
    margin-right: 10px;
}

a.ProfileMenu_Gray
{
    line-height: 22px;
    color: #2B2B2B !important;
    font-family: calibri;
    font-size: 14px;
    margin-bottom: 1px;
    margin-left: 10px;
    margin-right: 10px;
}

    a.ProfileMenu_Gray:hover
    {
        line-height: 22px;
        color: #2B2B2B !important;
        font-family: calibri;
        font-size: 14px;
        margin-bottom: 1px;
        margin-left: 10px;
        margin-right: 10px;
    }

.custom-dialogue-style.ui-dialog, .custom-dialogue-style.ui-widget-content
{
    padding: 0px !important;
    border: 0px !important;
}

#dialogBox.ui-dialog
{
    padding: 0px !important;
    border: 0px !important;
}

#dialogBox.ui-widget-content
{
    background: none !important;
    padding: 0px !important;
}

#UserdialogBox.ui-dialog
{
    padding: 0px !important;
    border: 0px !important;
}

#UserdialogBox.ui-widget-content
{
    background: none !important;
    padding: 0px !important;
}

#ClientdialogBox.ui-dialog
{
    padding: 0px !important;
    border: 0px !important;
}

#ClientdialogBox.ui-widget-content
{
    background: none !important;
    padding: 0px !important;
}

#PassworddialogBox.ui-dialog
{
    padding: 0px !important;
    border: 0px !important;
}

#PassworddialogBox.ui-widget-content
{
    background: none !important;
    padding: 0px !important;
}

.loggedinuserimage
{
    float: left;
    margin: 0px 0px auto;
    display: none;
    height: 20px !important;
    width: 20px !important;
}

.downarrow
{
    margin-left: 5px;
    margin-top: 10px;
}

.divFilter-container
{
    float: left;
    margin-top: 10px;
    margin-left: 9px;
    display: none;
    border: 1px solid #D8D8D8;
    background-color: #ffffff;
}

    .divFilter-container:hover
    {
        cursor: pointer;
    }

.divfilteroperator
{
    width: 30px;
    height: 30px;
}

/*.divfilterimg {
    width: 17px;
    height: 16px;
}

.divfilterimg-blue {
    width: 17px;
    height: 16px;
}*/

.ui-widget-content
{
    background: #FFFFFF !important;
}

.profile-left-labels
{
    float: left;
    width: 36%;
}

.profile-textbox-container
{
    float: left;
    width: 64%;
}

/*#region Email*/
.popupEmailMenu .menu_Item
{
    line-height: 25px;
    padding: 3px 10px 3px 10px;
}

    .popupEmailMenu .menu_Item:hover
    {
        background-color: lightgray;
        cursor: pointer;
    }

/*#endregion Email*/

/*#region IM Presence*/
.popupIMMenu .menu_Item
{
    line-height: 25px;
    padding: 3px 10px 3px 10px;
}

    .popupIMMenu .menu_Item:hover
    {
        background-color: lightgray;
        cursor: pointer;
    }

/*#endregion  IM Presence*/

/*#region Social */
.popupsocialMenu .menu_Item
{
    line-height: 25px;
    padding: 3px 10px 3px 10px;
}

    .popupsocialMenu .menu_Item:hover
    {
        background-color: lightgray;
        cursor: pointer;
    }


/*#endregion*/

/*#region Phone */

.popupPhoneMenu .menu_Item
{
    line-height: 25px;
    padding: 3px 10px 3px 10px;
}

    .popupPhoneMenu .menu_Item:hover
    {
        background-color: lightgray;
        cursor: pointer;
    }

/*#endregion*/

.loading-status
{
    display: inline-block;
    float: left;
    padding-top: 6px;
    padding-right: 6px;
    padding-left: 10px;
}

.hidden-element
{
    display: none;
}

/*#region Blog*/
.dvBlogPost
{
    display: block;
    float: left;
    position: relative;
    width: 135px;
}

.dvBlogTotalPost
{
    margin-left: 10px;
    display: block;
    float: left;
    position: relative;
    width: 135px;
}


/*#endregion Blog*/

.notes-inner-content a
{
    color: #1E90FF !important; /*  DodgerBlue;*/
}

/*#endregion*/

.user-blank-image
{
    height: 30px;
    width: 30px;
    /*background-color: rgb(51, 204, 153);
    border-radius: 50%;*/
    border: 2px solid #25A0DB;
    float: left;
}

    .user-blank-image .user-name-initial
    {
        color: #333333;
        font-size: 13px;
        font-weight: bold;
        margin-left: 4px;
        margin-top: 7px;
        text-align: center;
        width: 22px;
    }

.spinner
{
    height: 20px;
    width: 20px;
    background: white url('../Images/spinner_gray_16x16.gif') 0 0 no-repeat !important;
}

.print-image
{
    background-image: url(../Images/Common/print_icon_blue_32x32.png);
    background-repeat: no-repeat;
}

.print-image-close
{
    background-image: url(../Images/Common/printer_close_grey.png);
    background-repeat: no-repeat;
}

.include-active-notes
{
     background-image: url(../Images/Common/u250_normal.png);
}

.load-more-notes
{
    background-image: url(../Images/Common/Load_more_notes.png);
    background-repeat: no-repeat;
    width: 17px;
    height: 17px;
    display: inline-block;
}

.go-to-top
{
    background-image: url(../Images/Common/go_to_top.png);
    background-repeat: no-repeat;
    width: 17px;
    height: 17px;
    display: inline-block;
}

/* region Advanced Search*/
.advsearchallevents
{
    border: 1px solid #cccccc;
    cursor: pointer;
    float: left;
    height: 28px;
    margin-left: 672px;
    margin-top: -39px;
    width: 28px;
}
/* end region Advanced Search*/

/*#region Wijimo Grid */

.bottom-border
{
    border-bottom: 1px solid #6B6B6B;
}

div.wijgrid-container .ui-widget
{
    font-family: Calibri;
    font-size: 12px;
    color: #666666;
    font-style: normal;
}

div.wijgrid-container .ui-corner-all
{
    border: 0;
}

div.wijgrid-container .ui-state-default, div.wijgrid-container .ui-widget-content .ui-state-default, div.wijgrid-container .ui-widget-header .ui-state-default, div.wijgrid-container .ui-widget-content
{
    background-color: #ffffff;
    background-image: none;
    color: #666666;
    border-right-color: transparent;
    border-top-color: #E4E4E4;
    /*border-color:#E4E4E4 ;Check first*/
}

    div.wijgrid-container .ui-state-default a, div.wijgrid-container .ui-state-default a:link, div.wijgrid-container .ui-state-default a:visited
    {
        color: #333333;
    }

div.wijgrid-container .wijmo-wijev-view-container
{
    box-shadow: 0 0 0 hsla(0, 0%, 0%, 0.25);
    padding: 0;
    margin: 2px 12px;
    clear: none;
    float: left;
}

div.wijgrid-container .wijmo-wijgrid .wijmo-wijgrid-headerrow .wijmo-wijgrid-headertext
{
    display: block;
    font-weight: normal;
    color: #333333;
    padding-left: 0;
    padding-right: 0;
    font-size: 13px;
    font-weight: bold;
}

div.wijgrid-container .ui-state-active, div.wijgrid-container .ui-widget-content .ui-state-active, div.wijgrid-container .ui-widget-header .ui-state-active
{
    background: linear-gradient( #8C8C8C, #939393) repeat scroll 0 0 transparent; /* the standard */
    background: -moz-linear-gradient(top bottom, #8C8C8C, #939393) repeat scroll 0 0 transparent; /* FF 3.6+ */
    background: -o-linear-gradient( #8C8C8C, #939393) repeat scroll 0 0 transparent; /* Opera 11.10 */
    background: -webkit-linear-gradient(#8C8C8C, #939393) repeat scroll 0 0 transparent;
    background: -ms-linear-gradient(top bottom, #8C8C8C, #939393) repeat scroll 0 0 transparent;
    background: -webkit-gradient(linear, top bottom, top bottom, #8C8C8C, #939393) repeat scroll 0 0 transparent; /* Safari 4+, Chrome 2+ */
    filter: progid:DXImageTransform.Microsoft.gradient(top bottom,startColorstr='#8C8C8C', endColorstr='#939393') repeat scroll 0 0 transparent; /* IE6 & IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(top bottom,startColorstr='#8C8C8C', endColorstr='#939393') repeat scroll 0 0 transparent"; /* IE8+ */
    margin: 1px 1px;
    text-align: center;
    white-space: nowrap;
    color: #ffffff;
    border-color: transparent;
    border-radius: 0;
}

div.wijgrid-container .ui-state-hover, div.wijgrid-container .ui-widget-content .ui-state-hover, div.wijgrid-container .ui-widget-header .ui-state-hover, div.wijgrid-container .ui-state-focus, div.wijgrid-container .ui-widget-content .ui-state-focus, div.wijgrid-container .ui-widget-header .ui-state-focus
{
    border-color: #E4E4E4 transparent;
    background-image: none;
    background-color: #ffffff;
}

    div.wijgrid-container .ui-state-hover a, div.wijgrid-container .ui-widget-content .ui-state-hover a, div.wijgrid-container .ui-widget-header .ui-state-hover a, div.wijgrid-container .ui-state-focus a, div.wijgrid-container .ui-widget-content .ui-state-focus a, div.wijgrid-container .ui-widget-header .ui-state-focus a
    {
        color: #1E90FF;
    }

div.wijgrid-container .wijmo-wijgrid tr.wijmo-wijgrid-row td, div.wijgrid-container .wijmo-wijgrid tr.wijmo-wijgrid-row th
{
    overflow: hidden;
    padding: 2px;
}

div.wijgrid-container .wijmo-wijpager .ui-list .wijmo-wijpager-button
{
    border-color: transparent;
}

div.wijgrid-container .wijmo-wijgrid .wijmo-wijgrid-innercell
{
    padding-bottom: 6px;
    padding-left: 5px;
    padding-right: 2px;
    padding-top: 6px;
    cursor: text;
}

div.wijgrid-container .wijmo-wijgrid .wijmo-wijgrid-headerrow .wijmo-c1basefield
{
    zoom: 1;
    overflow: hidden;
    padding: 0;
    position: inherit;
    border-color: transparent;
    text-align: center;
}

div.wijgrid-container .wijmo-wijgrid-frozener-h
{
    border-top: 2px solid #6B6B6B;
    cursor: text;
    z-index: 100;
}

div.wijgrid-container .wijmo-wijgrid-frozener-v
{
    cursor: text !important;
    width: 5px !important;
}

/*div.wijgrid-container ul.ui-list {
        float: right;
    }*/

/*#endregion */

/*#region Wijmo Tabs*/

/*.ui-widget-content {
            border: solid 1px #E4E4E4;
        }*/

.tab-container.ui-widget-content
{
    border: 0;
    background-color: transparent;
    background-image: none;
    padding: 0;
    border-radius: 0;
}

.tab-container.ui-tabs .ui-tabs-panel
{
    padding: 0;
}

.tab-container.ui-tabs .ui-tabs-nav li
{
    display: inline-block;
    margin-right: 0px;
    /*margin-bottom: 0 !important;*/
    padding-bottom: 0 !important;
    border-radius: 0;
    height: 30px;
}

    .tab-container.ui-tabs .ui-tabs-nav li a
    {
        float: left;
        text-decoration: none;
        background-color: transparent;
        color: #333333;
        padding: 0.4em 1em;
    }

        .tab-container.ui-tabs .ui-tabs-nav li a:hover
        {
            color: #1E90FF;
        }

.tab-container .ui-state-default, .tab-container .ui-widget-content .ui-state-default, .tab-container .ui-widget-header .ui-state-default
{
    background: transparent;
    font-weight: normal;
}

.tab-container .ui-state-active, .tab-container .ui-widget-content .ui-state-active, .tab-container .ui-widget-header .ui-state-active
{
    background-color: #F2F2F2;
    background-image: none;
    margin: 1px 1px;
    text-align: center;
    white-space: nowrap;
    font-weight: bold;
}

    .tab-container .ui-state-active a:hover
    {
        color: #333333 !important;
    }
/*
    .tab-container .ui-state-hover a,
    .tab-container .ui-widget-content .ui-state-hover a,
    .tab-container .ui-widget-header .ui-state-hover a {
        color: #1E90FF;
    }*/

.remove-icon-blue
{
    background: white url(../Images/Common/close_blue16x16.png) 2px center no-repeat;
    height: 20px;
    width: 20px;
}

.bolt-text {
color:red;
font-size:16px;
font-weight:bold;
}

.remove-icon-red
{
    background: white url(../Images/Common/close_icons_52x16.png) -34px center no-repeat;
    height: 20px;
    width: 20px;
}

.remove-icon-gray
{
    background: white url(../Images/Common/close_icons_52x16.png) center center no-repeat;
    height: 20px;
    width: 20px;
}

    .remove-icon-gray:hover
    {
        background-position: 2px center;
    }

.edit-icon-blue
{
    background: white url(../images/common/edit_blue16x16.png) center center no-repeat;
    height: 20px;
    width: 20px;
}

.italic-text
{
    color: #6B6B6B !important;
    font-size: 12px;
    font-style: italic;
    text-decoration: underline !important;
}



/*#endregion */


/*#region states and images */
.ui-icon
{
    width: 16px;
    height: 16px;
    background-image: url(../Content/DateRangePicker/Images/ui-icons_222222_256x240.png);
}

.ui-widget-content .ui-icon
{
    background-image: url(../Content/DateRangePicker/Images/ui-icons_222222_256x240.png);
}

.ui-widget-header .ui-icon
{
    background-image: url(../Content/DateRangePicker/Images/ui-icons_ffffff_256x240.png);
}

.ui-state-default .ui-icon
{
    background-image: url(images/ui-icons_ef8c08_256x240.png);
}

.ui-state-hover .ui-icon, .ui-state-focus .ui-icon
{
    background-image: url(../Content/DateRangePicker/Images/ui-icons_ef8c08_256x240.png);
}

.ui-state-active .ui-icon
{
    background-image: url(../Content/DateRangePicker/Images/ui-icons_ef8c08_256x240.png);
}

.ui-state-highlight .ui-icon
{
    background-image: url(../Content/DateRangePicker/Images/ui-icons_228ef1_256x240.png);
}

.ui-state-error .ui-icon, .ui-state-error-text .ui-icon
{
    background-image: url(../Content/DateRangePicker/Images/ui-icons_ffd27a_256x240.png);
}

/*#endregion */

