/* =============================================================================
   HTML5 element display
   ========================================================================== */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section
{
    display: block;
}

audio[controls], canvas, video
{
    display: inline-block;
    *display: inline;
    *zoom: 1;
}


/* =============================================================================
   Base
   ========================================================================== */

/*
 * 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
 *    http://clagnut.com/blog/348/#c790
 * 2. Force vertical scrollbar in non-IE
 * 3. Remove Android and iOS tap highlight color to prevent entire container being highlighted
 *    www.yuiblog.com/blog/2010/10/01/quick-tip-customizing-the-mobile-safari-tap-highlight-color/
 * 4. Prevent iOS text size adjust on device orientation change, without disabling user zoom
 *    www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/
 */

html
{
    font-size: 100%;
    /*overflow-y: scroll;*/
    -webkit-overflow-scrolling: touch;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

body
{
    margin: 0;
    font-size: 13px;
    line-height: 1.231;
}

body, button, input, select, textarea
{
    font-family: sans-serif;
    color: #222;
}

/* 
 * These selection declarations have to be separate
 * No text-shadow: twitter.com/miketaylr/status/12228805301
 * Also: hot pink!
 */

::-moz-selection
{
    background: #16A1B4;
    color: #fff;
    text-shadow: none;
}

::selection
{
    background: #16A1B4;
    color: #fff;
    text-shadow: none;
}



/* =============================================================================
   Links
   ========================================================================== */

a
{
    color: #00e;
}

    a:visited
    {
        color: #551a8b;
    }

    a:focus
    {
        outline: thin dotted;
    }

    /* Improve readability when focused and hovered in all browsers: people.opera.com/patrickl/experiments/keyboard/test */
    a:hover, a:active
    {
        outline: 0;
    }


/* =============================================================================
   Typography
   ========================================================================== */

abbr[title]
{
    border-bottom: 1px dotted;
}

b, strong
{
    font-weight: bold;
}

blockquote
{
    margin: 1em 40px;
}

dfn
{
    font-style: italic;
}

hr
{
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

ins
{
    background: #ff9;
    color: #000;
    text-decoration: none;
}

mark
{
    background: #ff0;
    color: #000;
    font-style: italic;
    font-weight: bold;
}

/* Redeclare monospace font family: en.wikipedia.org/wiki/User:Davidgothberg/Test59 */
pre, code, kbd, samp
{
    font-family: monospace, monospace;
    _font-family: 'courier new', monospace;
    font-size: 1em;
}

/* Improve readability of pre-formatted text in all browsers */
pre
{
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}

q
{
    quotes: none;
}

    q:before, q:after
    {
        content: "";
        content: none;
    }

small
{
    font-size: 85%;
}

/* Position subscript and superscript content without affecting line-height: gist.github.com/413930 */
sub, sup
{
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup
{
    top: -0.5em;
}

sub
{
    bottom: -0.25em;
}


/* =============================================================================
   Lists
   ========================================================================== */

ul, ol
{
    margin: 1em 0;
    padding: 0 0 0 40px;
}

dd
{
    margin: 0 0 0 40px;
}

nav ul, nav ol
{
    list-style: none;
    margin: 0;
    padding: 0;
}


/* =============================================================================
   Embedded content
   ========================================================================== */

/*
 * Improve image quality when scaled in IE7
 * code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/
 */

img
{
    border: 0;
    -ms-interpolation-mode: bicubic;
}

/*
 * Correct overflow displayed oddly in IE9 
 */

svg:not(:root)
{
    overflow: hidden;
}


/* =============================================================================
   Figures
   ========================================================================== */

figure
{
    margin: 0;
}


/* =============================================================================
   Forms
   ========================================================================== */

form
{
    margin: 0;
}

fieldset
{
    border: 0;
    margin: 0;
    padding: 0;
}

/* 
 * 1. Correct color not inheriting in IE6/7/8/9 
 * 2. Correct alignment displayed oddly in IE6/7 
 */

legend
{
    border: 0;
    *margin-left: -7px;
    padding: 0;
}

/* Indicate that 'label' will shift focus to the associated form element
label { cursor: pointer; } */

/*
 * 1. Correct font-size not inheriting in all browsers
 * 2. Remove margins in FF3/4 S5 Chrome
 * 3. Define consistent vertical alignment display in all browsers
 */

button, input, select, textarea
{
    font-size: 100%;
    margin: 0;
    vertical-align: baseline;
    *vertical-align: middle;
}

/*
 * 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet)
 * 2. Correct inner spacing displayed oddly in IE6/7
 */

button, input
{
    line-height: normal;
    *overflow: visible;
}

    /*
 * 1. Display hand cursor for clickable form elements
 * 2. Allow styling of clickable form elements in iOS
 */

    button, input[type="button"], input[type="reset"], input[type="submit"]
    {
        cursor: pointer;
        -webkit-appearance: button;
    }

    /*
 * Consistent box sizing and appearance
 */

    input[type="checkbox"], input[type="radio"]
    {
        box-sizing: border-box;
    }

    input[type="search"]
    {
        -moz-box-sizing: content-box;
        -webkit-box-sizing: content-box;
        box-sizing: content-box;
    }

    /* 
 * Remove inner padding and border in FF3/4
 * www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ 
 */

    button::-moz-focus-inner, input::-moz-focus-inner
    {
        border: 0;
        padding: 0;
    }

/* Remove default vertical scrollbar in IE6/7/8/9 */
textarea
{
    overflow: auto;
    vertical-align: top;
}

    textarea.txtonly
    {
        border: none!important;
        cursor: default;
        height: 100%;
        width: 95%!important;
        padding: 0px!important;
        background: none;
        box-shadow: none!important;
        -webkit-box-shadow: none!important;
    }

        textarea.txtonly:hover
        {
            cursor: default;
        }

        textarea.txtonly:focus
        {
            border: 0px!important;
            outline: 0px!important;
        }

    /* Colors for form validity */
    input:valid, textarea:valid
    {
    }

    input:invalid, textarea:invalid
    {
        background-color: #f0dddd;
    }


/* =============================================================================
   Tables
   ========================================================================== */


table
{
    border-collapse: collapse;
    border-spacing: 0;
}


/*div[id*="ModelPopupFrame_PopupPanel"]  .modalBackground   {z-index:300!important;}

.RadComboBoxDropDown {z-index:1000!important;}*/
/*.RadComboBox    {z-index:99999!important;position:relative;}*/
/*.RadComboBox table  {z-index:1200!important;position:relative;}
#ctl00_PageContentPlaceholder_EditAllocatedUser_ModelPopupFrame_DivContent  {position:relative; z-index:500;}*/

/* -------------------------FROM GLOBAL ---------------*/

#content
{
    padding: 20px 2% 20px 2%;
    width: 96%;
    overflow: auto;
    min-height: 400px;
}

#container
{
    margin: 15px auto 0px auto;
    min-width: 950px;
    max-width: 1600px;
    width: 95%;
    padding: 0px;
    border: 0px;
    background: #fff;
}

.zeromargin
{
    margin: 0px!important;
    margin-top: 0px!important;
    margin-bottom: 0px!important;
    margin-right: 0px!important;
    margin-left: 0px!important;
}

.nobullet
{
    margin: 0px!important;
    padding: 0.5em 0 0.5em 0px!important;
    list-style-type: none!important;
}

    .nobullet li
    {
        margin: 0px!important;
        padding: 0px!important;
        list-style-type: none!important;
    }

.left
{
    float: left!important;
    clear: none;
}

.right
{
    float: right!important;
    clear: none;
}

.center
{
    text-align: center;
}

.middle
{
    margin: 0px auto;
    display: block;
}

.floatleft
{
    float: left!important;
    clear: none;
    margin: 0px 1em 1em 0em;
}

.floatright
{
    float: right!important;
    clear: none;
    margin: 0px 0em 1em 1em;
}

.half
{
    width: 49%;
    float: left;
    display: block;
}

.twothirds
{
    width: 65%;
    display: block;
    float: left;
}

.onethird
{
    width: 32%;
    display: block;
    float: left;
    margin-right: 2%;
}

.onefourth
{
    width: 23.5%;
    display: block;
    float: left;
    margin-right: 2%;
}

.threefourths
{
    width: 73.5%;
    display: block;
    float: left;
}

.onefifth
{
    width: 17%;
    display: block;
    float: left;
    margin-right: 2%;
}

.boxpadding
{
    padding: 1% !important;
}

.border-right
{
    border-right: 1px solid #e6e6e6 !important;
}

.border-left
{
    border-left: 1px solid #e6e6e6 !important;
}

.border-top
{
    border-top: 1px solid #e6e6e6 !important;
}

.borders, .borders td
{
    border: 1px solid #e6e6e6;
}

.clear
{
    clear: both;
}

.large
{
    font-size: 1.2em!important;
    line-height: 1.5em!important;
}

.small
{
    font-size: 0.9em!important;
    line-height: 1.3em!important;
}

.full
{
    width: 100%;
}


.whole
{
    border: 1px solid #ccc;
    padding: 20px;
    margin-top: -1px;
    background: #f8f8f8;
    overflow: auto;
    min-height: 300px;
    /* rounded corners */
    border-radius: 0px 6px 6px 6px; /* CSS3 */
    -webkit-border-radius: 0px 6px 6px 6px; /* Safari and chrome */
    -moz-border-radius: 0px 6px 6px 6px; /* Firefox */
    -khtml-border-radius: 0px 6px 6px 6px; /* Linux browsers */
}

.half
{
    margin-right: 2%;
}

.welcome label
{
    width: 200px!important;
}

.welcome input[type="checkbox"]
{
    margin-top: 5px!important;
}

.welcome .boxpadding
{
    padding-top: 0px!important;
}

/*----------------------------------------- Main Styles ---------------------------------------------*/

body
{
    color: #282828;
    background: #0b1b22 url(images/esq_bg.jpg) no-repeat center 0;
    font-family: "Segoe UI",Arial,sans-serif!important;
    /*font-family: 'Nobile', sans-serif;*/
    padding: 0px;
    margin: 15px 0px 0px 0px;
}

body, input, textarea, select, .gwt-Button
{
    font-family: "Segoe UI",Arial,sans-serif!important; /*font-family: 'Nobile', sans-serif;*/
}


#wrapper
{
    width: 1080px;
    margin: 0px auto;
}

h1, h2, h3, h4, fieldset legend
{
    font-family: "PTSansNarrowBold",Arial,sans-serif!important;
}

.log_details
{
    padding: 6px 0px;
    min-width: 950px;
    max-width: 1600px;
    width: 95%;
    height: 16px;
    line-height: 16px;
    background: url(images/control_bg.png) repeat-x 0 0;
    border-top: 1px solid #213d49;
    border-bottom: 1px solid #213d49;
    margin: 0px auto!important;
    float: none!important;
    clear: both;
    text-indent: 0px!important;
    color: #fff;
    line-height: 16px;
    font-size: 0.9em;
}

    .log_details p
    {
        padding: 0px 15px;
        margin: 0px!important;
        float: left;
    }

    .log_details span.user-info-container
    {
        padding: 0px 15px 0px 15px;
    }

    .log_details span.current-date-container
    {
        padding: 0px 15px 0px 15px;
    }

    .log_details .out
    {
        font-weight: bold;
        float: right;
        padding: 0px 15px;
        color: #fff;
        text-decoration: none;
    }

#container
{
    margin-bottom: 40px;
    margin-top: 0px;
    /* Shadow */
    -webkit-box-shadow: 3px 2px 2px rgba(0, 0, 0, .3);
    -moz-box-shadow: 3px 2px 2px rgba(0, 0, 0, .3);
    box-shadow: 3px 2px 2px rgba(0, 0, 0, .3);
    /* rounded corners */
    border-radius: 0px 0px 10px 10px; /* CSS3 */
    -webkit-border-radius: 0px 0px 10px 10px; /* Safari and chrome */
    -moz-border-radius: 0px 0px 10px 10px; /* Firefox */
    -khtml-border-radius: 0px 0px 10px 10px; /* Linux browsers */
}

.RadMenu_esquiggles
{
    float: none!important;
    height: 36px;
}

.RadGrid_Default .rgInfoPart
{
    color: #666666!important;
}
/*.RadMenu_esquiggles {z-index:7000;}*/

textarea, input, select
{
    border: 1px solid #868B8F;
}

#content
{
    border: none;
    background: #transparent;
}

    #content a
    {
        color: #155766;
    }

        #content a:hover
        {
            text-decoration: underline;
        }

    #content input:focus
    {
        border: 1px solid #999;
    }

    #content input[type="submit"]:focus
    {
    }

    #content input.rcbInputCell:focus
    {
        border: 0px!important;
    }

#pda td input:focus
{
    border: none!important;
}

#pda td select
{
    min-width: 108px;
}

#header
{
    float: none!important;
    min-width: 950px;
    max-width: 1600px;
    width: 95%;
    height: 55px;
    margin: 15px auto !important;
}

    #header a
    {
        float: left;
        margin-left: 14px;
    }

    #header #topnav
    {
        float: right;
        display: block;
        margin-top: 14px!important;
    }

        #header #topnav, #header #topnav li
        {
            list-style-type: none;
            margin: 0px;
            padding: 0px;
        }

            #header #topnav li
            {
                display: block;
                float: left;
            }

                #header #topnav li a
                {
                    color: #fff;
                }

#buttons
{
    float: right;
    position: relative;
    top: -35px;
    right: 10px;
    z-index: 9001;
    display: none;
}


#content h1
{
    color: #155766;
    margin-top: 0;
    clear: both;
}

#content h2, #content h3, #content h4
{
    color: #155766;
    margin-top: 0;
    clear: both;
}

#content h1
{
    font-size: 2.1em;
    line-height: 1.3em;
    margin-bottom: 0.6em;
}

#content h2
{
    font-size: 1.8em;
    line-height: 1.1em;
    margin-bottom: 0.6em;
}

#content h3
{
    font-size: 1.4em;
    line-height: 1.1em;
    margin-bottom: 0.6em;
}

h4
{
    color: #1E8E93!important;
    font-size: 1.2em;
    margin-bottom: 0.4em;
}

.bottom_curve
{
    background: transparent url(images/curve_mid.gif) repeat-x top;
}

    .bottom_curve img.right, .bottom_curve img.left
    {
        background: #fff;
    }

input.secondary
{
    background: #ccc;
    color: #666666;
    outline: none;
}

    input.secondary:hover
    {
        background: #ccc;
        color: #111111;
    }

input.primary
{
    background: #ae3434;
    color: #ccc;
    outline: none;
}

    input.primary:hover
    {
        color: #fff;
    }

label
{
    color: #444;
}

.pri
{
    background: transparent url(images/pri_button.gif) no-repeat;
    color: #fff!important;
}

    .pri:hover
    {
        background: transparent url(images/pri_button_on.gif) no-repeat;
        color: #fff!important;
    }

.pri_disabled
{
    background: transparent url(images/pri_button_disabled.gif) 0 0 no-repeat!important;
    color: #999!important;
}



/* REPORTS PAGE */

.quad_display .grouped
{
    float: left;
    width: 45%;
    margin: 0px 2% 1em 0px;
    padding: 12px;
    border: 1px solid #eee;
}

    .quad_display .grouped:hover
    {
        cursor: pointer;
        border: 1px solid #ccc;
    }

    .quad_display .grouped p
    {
        margin-bottom: 0px;
    }

.leftimg
{
    float: left;
    margin: 0px 20px 10px 0px;
    border: 1px solid #ccc!important;
}

.quad_display span span
{
}
/* RESOURCE  PLANNER */
.ico_button
{
    float: left;
    width: 24px;
    height: 24px;
    display: block;
    outline: none;
    cursor: pointer;
    margin: 0px 0px 5px 5px;
}

.floatright .ico_button
{
    margin-right: 0px;
}

.floatleft .ico_button
{
    margin-left: 0px;
}

.export
{
    background: transparent url(images/export_ico.gif) no-repeat;
}

.location
{
    background: transparent url(images/location-24.png) no-repeat;
}

.settings
{
    background: transparent url(images/settings_ico.gif) no-repeat;
}

.help
{
    background: transparent url(images/legend_ico.gif) no-repeat;
}

.legend
{
    background: transparent url(images/resources_ico.gif) no-repeat;
}

.fields
{
    background: transparent url(images/dates_ico.gif) no-repeat;
}

.next
{
    width: 24px!important;
    background: #2367AE;
    background: transparent url(images/next_ico.gif) no-repeat;
    clear: none!important;
    float: left;
    height: 24px;
}

.previous
{
    width: 24px!important;
    background: #2367AE;
    background: transparent url(images/prev_ico.gif) no-repeat;
    clear: none!important;
    float: left;
    height: 24px;
}

.first
{
    width: 24px!important;
    background: #2367AE;
    background: transparent url(images/first_ico.gif) no-repeat;
    clear: none!important;
    float: left;
    height: 24px;
}

.last
{
    width: 24px!important;
    background: #2367AE;
    background: transparent url(images/last_ico.gif) no-repeat;
    clear: none!important;
    float: left;
    height: 24px;
}

#mapwrap #myMap
{
    position: relative;
    left: 0px;
    display: block;
    border: 1px solid #c4c4c4;
}

.whole h2, .half_1 h2, .half_1_tree_view h2, .half_2 h2
{
}

.SubArea
{
    border: 1px solid #c0c3c3;
    background: #F2F4FA url(images/subarea_bg.gif) repeat-x;
}

.SubArea_alt
{
    display: block;
    width: 60%;
    border: 1px solid #c0c3c3;
    background: url(images/subarea_bg.gif) repeat-x;
    padding: 8px 12px;
    margin: 5px 0px 5px 0px;
}

.SubArea h2
{
    border: 1px solid #c0c3c3;
}

.tabcontent
{
    display: block;
    width: 100%;
    min-width: 800px;
    overflow: visible;
    margin-top: -1px;
    _margin-top: -3px;
}

.content
{
    border: none;
    background-color: #FFFFFF;
}

.no-data, .rgNoRecords td div
{
    background: /*#eff1f3*/ #fff;
    padding: 2em;
    font-size: 14px;
}




/* states */
/*TODO: what if we want to make this user configurable?*/
.Submitted_icon
{
    width: 16px;
    height: 16px;
    margin-right: 6px;
    background: #80a4ac;
    display: block;
    float: left;
}

.Cloned_icon
{
    width: 16px;
    height: 16px;
    margin-right: 6px;
    background: #e1e4e5;
    display: block;
    float: left;
}

.Allocated_icon
{
    width: 16px;
    height: 16px;
    margin-right: 6px;
    background: #14b1d3;
    display: block;
    float: left;
}

.Re-allocated_icon
{
    width: 16px;
    height: 16px;
    margin-right: 6px;
    background: #2a59a6;
    display: block;
    float: left;
}

.InProgress_icon
{
    width: 16px;
    height: 16px;
    margin-right: 6px;
    background: #80ac80;
    display: block;
    float: left;
}

.MobileFormCompleted_icon
{
    width: 16px;
    height: 16px;
    margin-right: 6px;
    background: #2aa62a;
    display: block;
    float: left;
}

.JobCompleted_icon
{
    width: 16px;
    height: 16px;
    margin-right: 6px;
    background: #224c22;
    display: block;
    float: left;
}

.Rejected_icon
{
    width: 16px;
    height: 16px;
    margin-right: 6px;
    background: #ae2626;
    display: block;
    float: left;
}

.Cancelled_icon
{
    width: 16px;
    height: 16px;
    margin-right: 6px;
    background: #ae2626;
    display: block;
    float: left;
}

.PartiallyCompleted_icon
{
    width: 16px;
    height: 16px;
    margin-right: 6px;
    background: #d8871e;
    display: block;
    float: left;
}

.FormCompleted_icon
{
    width: 16px;
    height: 16px;
    margin-right: 6px;
    background: #2aa62a;
    display: block;
    float: left;
}

.Pre-Planned_icon
{
    width: 16px;
    height: 16px;
    margin-right: 6px;
    background: #8f55ad;
    display: block;
    float: left;
}

.OnHold_icon
{
    width: 16px;
    height: 16px;
    margin-right: 6px;
    background: #9e9fa4;
    display: block;
    float: left;
}

.OnDevice_icon
{
    width: 16px;
    height: 16px;
    margin-right: 6px;
    background: #47aeaa;
    display: block;
    float: left;
}

.ProvisionalAllocation_icon
{
    width: 16px;
    height: 16px;
    margin-right: 6px;
    background: #ace6ef;
    display: block;
    float: left;
}

.ExternalUpdateComplete_icon
{
    width: 16px;
    height: 16px;
    margin-right: 6px;
    background: #1E90FF;
    display: block;
    float: left;
}

.text_beside
{
    display: block;
    float: left;
    clear: none;
    line-height: 15px;
}

.Submitted
{
    color: #80a4ac;
    font-weight: bold;
}

.Cloned
{
    color: #e1e4e5;
    font-weight: bold;
}

.FormCompleted
{
    color: #2aa62a;
    font-weight: bold;
}

.Allocated
{
    color: #14b1d3;
    font-weight: bold;
}

.Reallocated
{
    color: #2a59a6;
    font-weight: bold;
}

.InProgress
{
    color: #80ac80;
    font-weight: bold;
}

.MobileFormCompleted
{
    color: #2aa62a;
    font-weight: bold;
}

.JobCompleted
{
    color: #224c22;
    font-weight: bold;
}

.Rejected
{
    color: #ae2626;
    font-weight: bold;
}

.PartiallyCompleted
{
    color: #d8871e;
    font-weight: bold;
}

.Pre-Planned
{
    color: #8f55ad;
    font-weight: bold;
}

.OnHold
{
    color: #9e9fa4;
    font-weight: bold;
}

.OnDevice
{
    color: #47aeaa;
    font-weight: bold;
}

.ExternalUpdateComplete
{
    color: #1E90FF;
    font-weight: bold;
}
/* resource planner  */

#ctl00_PageContentPlaceholder_DayPilotCalendar1 div table
{
    background: #1d548e url(images/gridhead_bg.gif) repeat-x right top!important;
    color: #fff!important;
}

#upUnscheduledJobs
{
    display: block;
    clear: both;
}

    #upUnscheduledJobs .noclear
    {
        margin: 0px 0 10px 0!important;
    }

.resource_label
{
    padding: 3px 4px!important;
    display: block;
}

.ajax__calendar div
{
    z-index: 4000;
}

.inline label
{
    width: auto!important;
    display: inline-block!important;
    margin-right: 1em;
}

/* GRIDVIEW */
.gridView td input[type="image"],
.RadGrid_Simple td input[type="image"]
{
    margin: 0px auto;
    text-align: center;
    display: block;
}

.RadGrid_Simple .rgHeader, .RadGrid_Simple th.rgResizeCol
{
    background: url("images/nav_bg.gif") repeat-x scroll 0 0 #C6C7C6 !important;
}

.RadGrid_Simple .rgGroupPanel
{
    background: #ECF3FC!important;
    border: 1px solid 688CAF!important;
}

.RadGrid_Simple .rgHeader, .RadGrid_Simple th.rgResizeCol
{
    border-bottom: 1px solid #999!important;
}

.RadGrid
{
    width: 100%!important;
    clear: both;
}

    .RadGrid .rgGroupHeader td div div div
    {
        font-style: italic;
    }

    .RadGrid div
    {
    }

.gridView
{
    width: 100%;
    clear: both;
    margin: 1em 0px;
}

.top_1 .gridView
{
    width: 98%;
}

.bottom_2 .gridView
{
    width: 98%;
}

.gridView
{
    border: 1px solid #c4c4c4;
}

.title a
{
    font-size: 90%;
}

.header
{
}

.scrolly
{
    display: block;
    width: 100%;
    height: 200px;
    overflow-y: scroll;
    border: 1px solid #ccc;
    margin: 20px 0;
    padding-left: 15px;
}

.RadGrid .rgGroupItem
{
    background: #ECF3FC;
}

.rgWrap a
{ /* rounded corners */
    border-radius: 4px; /* CSS3 */
    -webkit-border-radius: 4px; /* Safari and chrome */
    -moz-border-radius: 4px; /* Firefox */
    -khtml-border-radius: 4px; /* Linux browsers */
    border: 1px solid #999!important;
    margin-right: 5px!important;
}

.RadGrid .rgGroupHeader,
.RadGrid .rgMasterTable td.rgGroupCol, .RadGrid .rgMasterTable td.rgExpandCol
{
    background: #ECF3FC!important;
    border: none!important;
}

.RadGrid .rgRow
{
    border-top: 1px solid #C4C4C4!important;
}

    .RadGrid .rgGroupHeader td, .RadGrid .rgRow td, .RadGrid .rgAltRow td
    {
        border-bottom: 1px solid #C4C4C4!important;
        border-top: none;
    }

.RadGrid .rgGroupItem
{
    background: #1e8e93!important;
    color: #fff!important;
}

.rgWrap a.rgCurrentPage
{
    border: 1px solid #1E8E93!important;
}

.RadGrid td.rgPagerCell
{
    border-top: none!important;
}

.RadGrid_FormsDesigner
{
    width: 95%!important;
    clear: both;
    overflow: auto;
    height: 230px;
}

.gridView td
{
    margin: 0px;
    padding: 4px 7px 4px 7px;
}

.gridViewHeader, .gridViewHeader th
{
    background: url("images/nav_bg.gif") repeat-x scroll 0 0 #C9CFCF !important;
    border-bottom: 1px solid #A1A3A3;
    border-top: 1px solid #B1B1B1;
    border-left: 1px solid #B1B1B1;
    border-right: 1px solid #B1B1B1;
    font-size: 1.1em;
    padding: 4px 7px 4px 7px;
}

    .gridViewHeader th, .title td
    {
        padding: 3px 4px;
        border-right: 1px solid #B1B1B1;
    }

.RadGrid th.rgHeader
{
    font-size: 1.1em;
    padding: 5px 6px!important;
    border-right: 1px solid #999!important;
}

.gridViewHeader th, .gridViewHeader, .gridViewHeader th
{
    font-size: 1.1em;
    padding: 5px 6px!important;
    border-right: 1px solid #999!important;
}

.rgMasterTable thead tr th:last-child
{
    border-right: none!important;
}

.gridViewHeader th a, .gridViewHeader td a, .GridHeader_Default a
{
    color: #3A5877!important;
    text-decoration: underline;
}

mpHeader, .gridViewHeader
{
    color: #3A5877!important;
    font-size: 1em!important;
}

    .gridViewHeader th, th.gridViewHeader
    {
        vertical-align: middle;
        color: #3A5877!important;
        font-weight: normal!important;
        text-shadow: 1px 1px 0px #fff;
        padding: 4px 5px!important;
        background: url("images/nav_bg.gif") repeat-x scroll 0 0 #c1c6c6 !important;
    }

.odd, .GridAltRow_Default, .grouped:hover
{
    background-color: #F2F2F2!important;
}

.gridViewRowStyle
{
    background-color: #FFFFFF;
    border: 1px solid #C4C4C4!important;
}

.gridView td
{
    border: 1px solid #999!important;
    padding: 4px 7px 4px 7px;
}

.rgEditRow td
{
    border: none!important;
}

.RadGrid_Default .rgMasterTable td.rgGroupCol, .RadGrid_Default .rgMasterTable td.rgExpandCol
{
    border-right: 1px solid #d9d9d9!important;
}

.RadGrid .rgGroupHeader td p
{
    font-weight: bold;
}

.filter
{
    margin-bottom: 1em;
    background: #F2F5F9;
    border: 1px solid #c4c4c4!important;
    margin-top: -1px!important;
    float: left;
    width: 100%;
}

    .filter label
    {
        width: auto!important;
        display: inline-block!important;
        float: none!important;
    }

.searchcontent
{
    clear: both;
}

    .searchcontent label
    {
        width: auto!important;
        display: inline-block!important;
    }

.filter h3
{
    color: #4E545B!important;
}

#ctl00_PageContentPlaceholder_pnlContact .filter
{
}

    #ctl00_PageContentPlaceholder_pnlContact .filter label
    {
        display: block!important;
        float: left!important;
    }

#jobs_top
{
}

.blackout
{
    line-height: 0;
    display: block;
    margin: 0px auto;
    position: relative;
    text-align: center;
    width: 74px;
    height: 45px;
    z-index: 8000!important;
    _display: none;
}

    .blackout img
    {
        line-height: 0;
        position: absolute;
        text-align: center;
        left: 0px;
        text-align: center;
        top: 270px;
    }
/***BUTTONS***/


/*.gwt-Image.imgClose
{
    position: absolute;
    float: right;
    top: -28px;
    right: -28px;
    cursor: pointer;
}*/

.RadTabStrip
{
    position: relative;
}

a.pri:focus
{
    background: url(images/pri_button_focus.gif);
}

a.pri[disabled="disabled"]
{
    background: url(images/pri_button_disabled.gif);
    color: #999!important;
    cursor: inherit;
}

    a.pri[disabled="disabled"]:hover
    {
        background: url(images/pri_button_disabled.gif);
        color: #999!important;
    }



/** inactive asset search option */

.inactivesearch
{
}

.mpHeader
{
    background: #1A8286;
}

.editorbg iframe body, IFRAME body, body body
{
    background: #fff!important;
    background-image: none!important;
    margin: 0px!important;
}
/*-------------------------------------------- FORM STYLING ------------------------------------------------*/

/* --- ICON HEADINGS ----*/
.dash
{
    padding-left: 46px;
    background: url(images/icons/ico_dash.png) no-repeat 0px 0px;
}

.addjob
{
    padding-left: 46px;
    background: url(images/icons/ico_newjob.png) no-repeat 0px 0px;
}

.jobdetails
{
    padding-left: 46px;
    background: url(images/icons/ico_jobdetails.png) no-repeat 0px 0px;
}


/* ---- FORM LAYOUT STYLING -----*/

#content fieldset
{
    background: #fff;
    border: 1px solid #96B5B7 !important; /*min-height: 300px;*/
    margin: 10px 0;
    padding: 20px;
}

#content hr
{
    border: none;
    border-bottom: 1px dotted #96B5B7!important;
    height: 1px;
    margin: 20px 0px;
    width: 100%;
    clear: both;
    float: left;
}

#content legend
{
    font-size: 20px;
    padding: 0px 6px;
    margin: 0px;
    color: #155766;
}

#content label
{
    display: block;
    width: 120px;
    padding: 3px 5px 3px 0px!important;
    float: left;
}

#content input, #content label, #content textarea, #content select
{
    font-family: "Segoe UI" Arial,helvetica,sans-serif;
    font-size: 1em;
    vertical-align: middle;
}

    #content input[type='text'], #content textarea
    {
        /* CSS3 Animation */
        -webkit-transition: 0.3s ease-out;
        -moz-transition: 0.3s ease-out;
        border: 1px solid #999;
        padding: 3px 4px;
        /* rounded corners */
        border-radius: 4px; /* CSS3 */
        -webkit-border-radius: 4px; /* Safari and chrome */
        -moz-border-radius: 4px; /* Firefox */
        -khtml-border-radius: 4px; /* Linux browsers */
        background: #fff;
        /* Shadow */
        -webkit-box-shadow: inset 1px 1px 2px rgba(0, 0, 0, .2);
        -moz-box-shadow: inset 1px 1px 2px rgba(0, 0, 0, .2);
        box-shadow: inset 1px 1px 2px rgba(0, 0, 0, .2);
    }

        #content input[type='text']:disabled
        {
            background: #f7f7f7;
            color: #999;
        }



        #content input[type="text"]:focus, #content textarea:focus
        {
            border-color: #1E8E93;
            /*outline:1px #333 dotted;*/
        }

    #content select:focus, #content input[type="radio"]:focus, #content input[type="checkbox"]:focus, #content input[type="button"]:focus, #content input[type="submit"]:focus
    {
        outline: 1px #1E8E93 dotted;
    }

    #content input[type="submit"]:disabled, #content input[type="button"]:disabled, #content button:disabled, #content a:disabled, #content a[disabled=disabled]
    {
        cursor: normal;
        opacity: 0.5;
        border: 1px solid #999;
        color: #999!important;
    }

        #content input[type="submit"]:disabled:hover, #content input[type="button"]:disabled:hover, #content a[disabled=disabled]:hover
        {
            background: #f7f7f7!important;
            text-shadow: none!important;
            border: 1px solid #999;
            color: #999!important;
        }

#content select
{
    border: 1px inset #999;
    max-width: 170px;
    /* rounded corners */
    border-radius: 4px 0px 0px 4px; /* CSS3 */
    -webkit-border-radius: 4px 0px 0px 4px; /* Safari and chrome */
    -moz-border-radius: 4px 0px 0px 4px; /* Firefox */
    -khtml-border-radius: 4px 0px 0px 4px; /* Linux browsers */
    /* Shadow */
    -webkit-box-shadow: inset 1px 1px 2px rgba(0, 0, 0, .1);
    -moz-box-shadow: inset 1px 1px 2px rgba(0, 0, 0, .1);
    box-shadow: inset 1px 1px 2px rgba(0, 0, 0, .1);
}

    #content select:disabled
    {
        background-color: #f7f7f7;
    }

.watermarked
{
    color: #999;
}

    .watermarked:disabled
    {
        color: #EBEBE4;
    }

#content input[type="radio"], #content input[type="checkbox"]
{
    float: left;
    display: block;
    margin-right: 5px;
    margin-top: 5px;
    border: none!important;
}

.filter input[type="radio"], .filter input[type="checkbox"]
{
    margin-top: 5px;
}

#content .button, #topnav .button, .switch-roles-window-container .button, .window-container .button
{
    /* CSS3 Animation */
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    padding: 5px 8px;
    /* rounded corners */
    border-radius: 4px; /* CSS3 */
    -webkit-border-radius: 4px; /* Safari and chrome */
    -moz-border-radius: 4px; /* Firefox */
    -khtml-border-radius: 4px; /* Linux browsers */
    border: 1px solid #BBBBBB;
    cursor: pointer;
    font-size: 1em;
    font-weight: bold;
    background: #E3E3E3;
    color: #494D4D!important;
    text-shadow: 0 1px 0 #FFFFFF;
    text-decoration: none;
    /* Shadow */
    -webkit-box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, .2);
    -moz-box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, .2);
    box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, .2);
}

.linkbutton
{
    /* CSS3 Animation */
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    padding: 4px;
    border: 1px solid #ccc;
    font-size: 0.8em;
    background: #E3E3E3;
    color: #1E8E93!important;
    cursor: pointer;
    text-shadow: 0 1px 0 #FFFFFF;
    margin: 0px;
}

#content .button:hover, #topnav .button:hover, .switch-roles-window-container .button:hover, .window-container .button:hover
{
    background: #1E8E93;
    color: #fff!important;
    text-shadow: 1px 1px 0px #1A7477;
    border: 1px solid #666666;
}

#content .primarybutton
{
    /* CSS3 Animation */
    -webkit-transition: 0.2s ease-out;
    -moz-transition: 0.2s ease-out;
    transition: 0.2s ease-out;
    background: #1d8e78; /* Old browsers */
    background: -moz-linear-gradient(top, #1d8e78 1%, #0b726a 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#1d8e78), color-stop(100%,#0b726a)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #1d8e78 1%,#0b726a 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #1d8e78 1%,#0b726a 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #1d8e78 1%,#0b726a 100%); /* IE10+ */
    background: linear-gradient(top, #1d8e78 1%,#0b726a 100%); /* W3C */
    border: 1px solid #085655;
    padding: 5px 8px;
    color: #fff!important;
    text-shadow: 1px 1px 0px #1A7477!important;
}
#tabs   {border:none; border-radius:0px!important; background:none;padding:0px!important;}
#content .left
{
    float: left;
    margin-left: 0px!important;
    margin-right: 1em;
}

#content .right
{
    float: right;
    margin-right: 0px!important;
    margin-left: 1em;
}

#content .clear
{
    clear: both;
    margin: 0em 0px 1em 0px;
}

#content .button_holder
{
    clear: both;
    margin: 1em 0 1em 0;
    width: 100%;
    float: left;
}

#content .nofloat
{
    display: inline-block!important;
    width: auto!important;
    margin-right: 10px;
}

#content br
{
    clear: both;
}

#content .inline, .radioadjust label
{
    display: inline-block!important;
    margin-right: 20px;
    width: auto!important;
    margin-top: 0 !important;
}

#content .row-block
{
    clear: both;
    display: block;
    vertical-align: middle;
    margin-bottom: 6px;
}

    #content .row-block input[type="image"], #content .row-inline input[type="image"]
    {
        vertical-align: middle;
    }


/*#content .row-block input[type="text"]  {min-width:300px;}*/
#content .row-inline
{
    margin-bottom: 6px;
    display: inline-block; /*float:left;*/
    vertical-align: middle;
    margin-right: 2%;
}

#content .row-drop
{
    clear: both;
    margin-bottom: 6px;
    display: block;
    vertical-align: middle;
}
/*fieldset .half	{width:46%!important; margin-right:3%;}*/

label.inline
{
    cursor: pointer!important;
}

label.long
{
    width: 260px!important;
}


/*Resource PLanner */
label[for="rblModelOption_0"],
label[for="rblModelOption_1"],
label[for="rblModelOption_2"],
label[for="rblModelOption_3"]
{
    display: inline!important;
    width: auto!important;
}

#rblModelOption
{
    float: left;
}

label[for="rblModelOption_5"]
{
    width: 220px!important;
}
label[for="rblModelOption_4"]
{
    width: 30px!important;
}

#labelPageCount
{
    text-align: center;
    margin: 0px auto;
    display: block;
}

.pagination
{
    width: 100%;
}

    .pagination td
    {
        padding: 0px!important;
    }

    .pagination .floatright, .pagination .floatleft
    {
        margin-bottom: 0px!important;
    }

#divJob, #divSchedulerOuter
{
    display: block;
    vertical-align: top;
}

#divSchedulerOuter
{
    clear: both;
}

#divJob
{
    margin: 10px 0px;
}

#message
{
    /* Opacity */
    filter: alpha(opacity=100)!important;
    -moz-opacity: 1!important;
    -khtml-opacity: 1!important;
    opacity: 1!important;
    color: red;
    font-weight: bold;
    display: block;
    width: 120px;
    margin: 10px auto;
    text-align: center;
}

.ajaxloader
{
    position: absolute;
    top: 50%;
}

.appointment-holder
{
    min-height: 100px;
    min-width: 200px;

    /* Opacity */

    float: left;
    display: block;
    clear: none;
    width: auto;
    /* rounded corners */
    border-radius: 5px; /* CSS3 */
    -webkit-border-radius: 5px; /* Safari and chrome */
    -moz-border-radius: 5px; /* Firefox */
    -khtml-border-radius: 5px; /* Linux browsers */
 
    padding: 10px;
    margin: 0px 10px 10px 0px;

}

#DayPilotScheduler1 td
{
    height: auto!important;
}

.appointment-holder h4
{
    text-transform: uppercase;
    font-size: 1.1em;
    display: block;
    float: left;
    margin: 0 0.5em 0.2em 0;
}

.appointment-holder:hover
{
    cursor: pointer;
    /* Shadow */
    /* Opacity */
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}

.appointment-holder .row-block
{
    font-size: 0.9em;
    line-height: 1.3em;
}

#content .appointment-holder .row-block label
{
    width: 70px!important;
    padding: 1px 5px 1px 0px!important;
}

#content .appointment-holder .row-block span
{
    padding: 1px 0px;
    display: block;
    float: left;
}

.FilterSummary
{
    display: block;
    padding: 6px 10px!important;
    border: 1px solid #999;
    margin-bottom: 14px;
    font-size: 1.3em!important;
    font-family: "PTSansNarrow",Arial,sans-serif!important;
    color: #666!important;
    background: #eee!important;
}

#divSchedulerOuter
{
    margin-top: 10px;
}

/* DRAGGABLE */

.ui-draggable
{
    /* always on top */
    position: relative;
    z-index: 2000;
}

.scheduler_silver_cellbackground .ui-draggable
{
    /* Opacity */
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}

.contextmenumain
{
    background: #eee!important;
    padding: 0px;
    border: 1px solid #999;
    /* Shadow */
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .4);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .4);
    box-shadow: 1px 1px 2px rgba(0, 0, 0, .4);
    /* rounded corners */
    border-radius: 5px; /* CSS3 */
    -webkit-border-radius: 5px; /* Safari and chrome */
    -moz-border-radius: 5px; /* Firefox */
    -khtml-border-radius: 5px; /* Linux browsers */
}

    .contextmenumain a
    {
        /* Transitions */
        -webkit-transition: all 0.2s ease-in;
        -moz-transition: all 0.2s ease-in;
        -o-transition: all 0.2s ease-in;
        font-size: 0.9em;
        padding: 4px 6px;
        cursor: pointer;
        color: #555;
        display: block;
        text-decoration: none;
    }

        .contextmenumain a:hover
        {
            cursor: pointer;
            background: #fff;
            color: #1E8E93;
        }

/* TELERIK BYPASS DEFAULT STYLING */

/* DOCK */
.RadDockZone
{
    border: none!important;
    padding: 2px!important;
}

.RadDock
{
    margin: 0 0 20px 0;
    clear: both;
}


/* CHART */
.RadChart
{
    width: 100%;
    height: 100%;
}


/** DAY PILOT **/

div[id*="DayPilot"]
{
    clear: both;
}

/* TAB */

.RadTabStrip .rtsLevel
{
}

/*** TOOLTIPS **/


.rtWrapperContent div
{
    padding: 8px!important;
}

    .rtWrapperContent div h3
    {
        font-size: 1.25em!important;
        padding: 0px!important;
        line-height: 1em!important;
        margin: 0 0 0.2em 0!important;
        margin-bottom: 0.2em!important;
    }

/* GRID
  .rgMasterTable   {table-layout:auto!important;} 
  
   .rgHeaderDiv {padding-right:0px!important;margin-right:0px!important;padding-right:17px!important;}
   .rgMasterTable   {border-right:1px solid #7c7c7c!important;}
   .rgMasterTable {background:#ccc;}*/

.rgMasterTable td input[type="image"], .rgMasterTable td img
{
    margin: 0px auto;
    display: block;
}

/* Others */

.RadComboBox table input[type='text']
{
    border-radius: none!important;
    box-shadow: none!important;
    border: 0 none!important;
    outline: 0 none!important;
    padding: 2px 0 1px 2px!important;
    vertical-align: middle;
    width: 100%!important;
}

.RadPicker table input[type='text'], RadPicker table input[type='text']:focus
{
    padding: 3px 0 3px 2px!important;
}

.RadComboBox:focus
{
    border-color: #1E8E93;
}

.textonly
{
    padding: 3px !important;
    display: block;
}

/* CHART */

.rdContent
{
    margin: 8px!important;
    min-height: 120px;
}

    .rdContent .RadChart
    {
        margin: 0px auto;
    }

    .rdContent .RadGrid
    {
        width: 99%!important;
        border: none!important;
    }

        .rdContent .RadGrid .rgMasterTable
        {
            border: 1px solid #ccc!important;
        }

/*---------------------List Jobs Styling ----------------*/
#jobs_top
{
    display: block;
    width: 100%;
    clear: both;
}

#jobs_bottom
{
    display: block;
    width: 100%;
    clear: both;
    float: left;
    margin-top: 2em;
}

.businesscard
{
    padding: 15px;
    background: #F2F5F9;
    border: 1px solid #c4c4c4!important;
    margin: .5em 0px;
    display: block;
    float: left;
    min-height: 14px;
}

/*-------START Client, Site, Asset lookup styling--------*/
.rcbHeader ul, .rcbFooter ul, .rcbItem ul, .rcbHovered ul, .rcbDisabled ul
{
    width: 100%;
    display: inline-block;
    margin: 0;
    padding: 0;
    list-style-type: none;
}

    .rcbHeader ul:after, .rcbFooter ul:after, .rcbItem ul:after, .rcbHovered ul:after, .rcbDisabled ul:after
    {
        content: ".";
        display: block;
        visibility: hidden;
        font-size: 0;
        line-height: 0;
        height: 0;
        clear: both;
    }

/*-------END Client, Site, Asset lookup styling--------*/


/* Forms Designer */

#formsdesigner .scroll
{

    overflow-y: auto;
    height:400px;
}

.smallscroll
{
/*height: 397px;*/
    height: 69%;
    overflow-y: auto;
    overflow-x:hidden;
    padding: 1% !important;
    position: relative;
    top: 0;
}

.smallscroll2
{
/*height: 397px;*/
    height: 71%;
    overflow-y: auto;
    overflow-x:hidden;
    padding: 1% !important;
    position: relative;
    top: 0;

}

formsdesigner h3
{
    font-size: 1.6em!important;
}

#formsdesigner section table td
{
    padding: 4px 8px;
}

    #formsdesigner section table td h4
    {
        margin-top: 0px!important;
        margin-bottom: 0px!important;
        padding: 3px 0px!important;
        color: #666!important;
    }

#sectionlist
{
    /*height: 412px;
    min-height: 412px;*/
}

    #sectionlist, #sectionlist li, .footer-button, .footer-button li
    {
        list-style-type: none;
        margin: 0px;
        padding: 0px;
        clear: both;
    }

        #sectionlist li
        {
            display: block;
            width: 100%;
            clear: both;
        }

            #sectionlist div h3, .footer-button li a
            {
                /* Transitions */
                -webkit-transition: all 0.2s ease-in;
                -moz-transition: all 0.2s ease-in;
                -o-transition: all 0.2s ease-in;
                text-decoration: none;
                font-weight: normal;
                font-size: 1em;
                font-family: "Segoe UI",Arial,sans-serif!important;
                line-height:2em;
                padding: 4px 8px;
                overflow:auto;
                margin:0px 0 5px 0px!important;
                	/* Border Radius */
		border-radius: 3px ; /* CSS3 */
		-webkit-border-radius: 3px; /* Safari and chrome */
		-moz-border-radius:  3px; /* Firefox */
		-khtml-border-radius: 3px; /* Linux browsers */
                display: block;
                border: 1px solid #ccc;
                background: rgb(241,243,243); /* Old browsers */
                background: -moz-linear-gradient(top, rgba(241,243,243,1) 0%, rgba(230,232,232,1) 100%); /* FF3.6+ */
                background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(241,243,243,1)), color-stop(100%,rgba(230,232,232,1))); /* Chrome,Safari4+ */
                background: -webkit-linear-gradient(top, rgba(241,243,243,1) 0%,rgba(230,232,232,1) 100%); /* Chrome10+,Safari5.1+ */
                background: -o-linear-gradient(top, rgba(241,243,243,1) 0%,rgba(230,232,232,1) 100%); /* Opera 11.10+ */
                background: -ms-linear-gradient(top, rgba(241,243,243,1) 0%,rgba(230,232,232,1) 100%); /* IE10+ */
                background: linear-gradient(top, rgba(241,243,243,1) 0%,rgba(230,232,232,1) 100%); /* W3C */
                color: #494D4D!important;
                text-shadow: 1px 1px 0px #fff!important;
            }
#sectionlist div h3 a{text-decoration: none;}

                #sectionlist div h3 a:hover
                {
                    text-decoration: underline;
                }

.ui-accordion .ui-accordion-header	{overflow: auto;padding:.2em .5em .2em 1.3em!important;
line-height: 1.8em!important;}  
                #sectionlist div h3 a.active
                {
                    color: #1A8286!important;
                    background: rgb(241,243,243); /* Old browsers */
                    background: -moz-linear-gradient(top, rgba(241,243,243,1) 0%, rgba(230,232,232,1) 100%); /* FF3.6+ */
                    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(241,243,243,1)), color-stop(100%,rgba(230,232,232,1))); /* Chrome,Safari4+ */
                    background: -webkit-linear-gradient(top, rgba(241,243,243,1) 0%,rgba(230,232,232,1) 100%); /* Chrome10+,Safari5.1+ */
                    background: -o-linear-gradient(top, rgba(241,243,243,1) 0%,rgba(230,232,232,1) 100%); /* Opera 11.10+ */
                    background: -ms-linear-gradient(top, rgba(241,243,243,1) 0%,rgba(230,232,232,1) 100%); /* IE10+ */
                    background: linear-gradient(top, rgba(241,243,243,1) 0%,rgba(230,232,232,1) 100%); /* W3C */
                    text-shadow: 1px 1px 0px #fff!important;
                    text-decoration: underline;
                }

                    #sectionlist div h3 a.active:hover
                    {
                    }
                    #formsdesigner h3   {margin-bottom:0px!important;margin-top: 5px!important;}

#section
{
    float: left;
}

    #section footer
    {
        position: relative;
        bottom: 0px;
    }

#previewarea
{
    float: left;
}

#formsdesigner.borders, #formsdesigner .border-right, #formsdesigner section table.borders td
{
    border-color: #ccc!important;
}

#sectionlist div.active h3,#previewarea div.active h3    
{
background: #DCF1EE; /* Old browsers */
color:#145463;
border-color:#145463!important;
}
#sectionlist div.active a,#previewarea div.active .tabtitle {font-weight:bold!important;}
#previewarea .control-cell .active   {border:1px dotted #145463!important;background:#DCF1EE;}

#sectionlist div.active h3 a,#previewarea div.active h3 a    {color:#145463;
}
#tabs   {float:right;}
#preview
{
    margin-bottom: 1em;
}

    #preview td
    {
        vertical-align: top;
    }

        #preview td h4
        {
            font-size: 1.4em;
            line-height: 1.2em;
        }

        #preview td.section-cell
        {
        }

    #preview .section-cell ol
    {
        margin-left: 0px!important;
        padding-left: 20px!important;
    }

        #preview .section-cell ol li
        {
            border: 1px dotted #ccc;
            margin-bottom: 5px;
            padding: 5px 8px!important;
            background: #fff;
        }

            #preview .section-cell ol li .row-block
            {
                margin-bottom: 0px!important;
            }


    #preview td.active
    {
        background: #F7F9F9;
        height: 240px;
    }

        #preview td.active h4
        {
            color: #1E8E93!important;
        }
.ui-accordion .ui-accordion-content {padding:1em!important;}
#properties
{
    float: right;
    background: #fff!important;
}
.ui-tabs .ui-tabs-nav   {border-radius:0px!important;background: #fff;
border: none;
border-bottom: 1px solid #ccc;font-size: 0.9em;position: absolute;
top: -35px;border-left:none!important;}
.ui-tabs .ui-tabs-nav  a    {font-weight:bold;}
#properties iframe  {width: 100%;overflow: visible;height: 110%;}
#formsproperty-master-body div#content {}
#properties textarea {width: 90%;}

#controls
{
    /*float: left;*/
}
#ifProperty {width:100%; height:350px; border: 0;}

#properties label
{
    width: 80px;
}

#properties fieldset
{
    font-size: 0.9em;
    padding: 8px!important;
}

    #properties fieldset legend
    {
        font-size: 1.1em;
        font-family: "Segoe UI",Arial,sans-serif!important;
    }
    #formsproperty-master-body div#content  {min-height:auto!important;height:auto!important;width:auto!important; padding:0px!important;background: #fff!important;}
/*
.jp-container{
 
    height:400px;
    position:relative;

}
*/
#previewarea .control-cell label{font-weight:bold;  }
#previewarea .control-cell span    {font-size:0.8em; line-height:1.25em;}
/*em[id*="emHeader"] {margin-bottom:15px!important;margin-top:5px; display:block;}*/
.controlbutton
{
    /* CSS3 Animation */
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    font-size: 0.9em;
    padding: 3px 6px;
   
    display: inline-block!important;
    width: 90%;
    /* rounded corners */
    border-radius: 4px; /* CSS3 */
    -webkit-border-radius: 4px; /* Safari and chrome */
    -moz-border-radius: 4px; /* Firefox */
    -khtml-border-radius: 4px; /* Linux browsers */
    border: 1px solid #BBBBBB;
    margin: 0px 2% 0.4em 0px;
    line-height: 1.3em;
    cursor: pointer;
 
    background: rgb(241,243,243); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(241,243,243,1) 0%, rgba(230,232,232,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(241,243,243,1)), color-stop(100%,rgba(230,232,232,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(241,243,243,1) 0%,rgba(230,232,232,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(241,243,243,1) 0%,rgba(230,232,232,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(241,243,243,1) 0%,rgba(230,232,232,1) 100%); /* IE10+ */
    background: linear-gradient(top, rgba(241,243,243,1) 0%,rgba(230,232,232,1) 100%); /* W3C */
    color: #494D4D!important;
    text-shadow: 1px 1px 0px #fff;
    text-decoration: none;
    /* Shadow */
    -webkit-box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, .2);
    -moz-box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, .2);
    box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, .2);
}

    .controlbutton:hover
    {
        background-color: #1E8E93!important;
        background-position: 4px 5px;
        color: #fff!important;
        text-shadow: 1px 1px 0px #1A7477;
        border: 1px solid #666666;
        cursor: move;
    }
.jspPane header{padding:15px 15px 0px 15px;}
.jspPane header h2 {margin-bottom:0px!important;}

#tabs-1 header, #tabs-2 header{padding:10px 0px 10px 0px;}
#tabs-1 header h2,#tabs-2 header h2{margin-bottom:0px!important;}
.question:hover
{
    cursor: move;
}

.checkbox
{
    background: #E3E3E3 url(images/ui-icons/checkbox.png) no-repeat 4px 5px;
    padding: 5px 8px 5px 25px;
}

.label
{
    background: #E3E3E3 url(images/ui-icons/label.png) no-repeat 4px 5px;
    padding: 5px 8px 5px 25px;
}

.relation-label
{
    background: #E3E3E3 url(images/ui-icons/relation-label.png) no-repeat 4px 5px;
    padding: 5px 8px 5px 25px;
}

.textbox
{
    background: #E3E3E3 url(images/ui-icons/textbox.png) no-repeat 4px 5px;
    padding: 5px 8px 5px 25px;
}

.photo
{
    background: #E3E3E3 url(images/ui-icons/photo.png) no-repeat 4px 5px;
    padding: 5px 8px 5px 25px;
}

.numerical
{
    background: #E3E3E3 url(images/ui-icons/numerical.png) no-repeat 4px 5px;
    padding: 5px 8px 5px 25px;
}

.sectionbutton
{
    background: #E3E3E3 url(images/ui-icons/sectionbutton.png) no-repeat 4px 5px;
    padding: 5px 8px 5px 25px;
}

.dropdown
{
    background: #E3E3E3 url(images/ui-icons/dropdown.png) no-repeat 4px 5px;
    padding: 5px 8px 5px 25px;
}

.sectiondropdown
{
    background: #E3E3E3 url(images/ui-icons/sectiondropdown.png) no-repeat 4px 5px;
    padding: 5px 8px 5px 25px;
}

.radio
{
    background: #E3E3E3 url(images/ui-icons/radio.png) no-repeat 4px 5px;
    padding: 5px 8px 5px 25px;
}

.attach
{
    background: #E3E3E3 url(images/ui-icons/attachment.png) no-repeat 4px 5px;
    padding: 5px 8px 5px 25px;
}

.video
{
    background: #E3E3E3 url(images/ui-icons/video.png) no-repeat 4px 5px;
    padding: 5px 8px 5px 25px;
}

.grid
{
    background: #E3E3E3 url(images/ui-icons/grid.png) no-repeat 4px 5px;
    padding: 5px 8px 5px 25px;
}

.sectiongrid
{
    background: #E3E3E3 url(images/ui-icons/sectiongrid.png) no-repeat 4px 5px;
    padding: 5px 8px 5px 25px;
}

.gps
{
    background: #E3E3E3 url(images/ui-icons/gps.png) no-repeat 4px 5px;
    padding: 5px 8px 5px 25px;
}

.sound
{
    background: #E3E3E3 url(images/ui-icons/sound.png) no-repeat 4px 5px;
    padding: 5px 8px 5px 25px;
}

.date
{
    background: #E3E3E3 url(images/ui-icons/date.png) no-repeat 4px 5px;
    padding: 5px 8px 5px 25px;
}

.time
{
    background: #E3E3E3 url(images/ui-icons/time.png) no-repeat 4px 5px;
    padding: 5px 8px 5px 25px;
}

.datetime
{
    background: #E3E3E3 url(images/ui-icons/datetime.png) no-repeat 4px 5px;
    padding: 5px 8px 5px 25px;
}

.text-expander
{
    background: #E3E3E3 url(images/ui-icons/text-expander.png) no-repeat 4px 5px;
    padding: 5px 8px 5px 25px;
}

.signature
{
    background: #E3E3E3 url(images/ui-icons/signature.png) no-repeat 4px 5px;
    padding: 5px 8px 5px 25px;
}

.temp-probe
{
    background: #E3E3E3 url(images/ui-icons/temp-probe.png) no-repeat 4px 5px;
    padding: 5px 8px 5px 25px;
}

.billofmaterials
{
    background: #E3E3E3 url(images/ui-icons/list.png) no-repeat 4px 5px;
    padding: 5px 8px 5px 25px;
}

.none
{
    display: none;
}


.add-icon
{
    background-image: url(images/ui-icons/ico_add.png);
    background-repeat: no-repeat;
    background-position: 4px 5px;
    padding-left: 35px!important;
}

.RadMenu_Context .rmText label
{
    color: #555!important;
    padding-left: 5px!important;
}

.bgboxblue
{
    margin-bottom: 1em;
}

    .bgboxblue fieldset
    {
        margin: 0px;
        padding: 15px 20px !important;
        background: #e3eaed; /* Old browsers */
        background: -moz-linear-gradient(top, #f2f5f6 0%, #e3eaed 200px); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f5f6), color-stop(200px,#e3eaed)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #f2f5f6 0%,#e3eaed 200px); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #f2f5f6 0%,#e3eaed 200px); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #f2f5f6 0%,#e3eaed 200px); /* IE10+ */
        background: linear-gradient(top, #f2f5f6 0%,#e3eaed 200px); /* W3C */
        /* rounded corners */
        -moz-border-radius: 5px!important;
        border-radius: 5px!important;
        -webkit-border-radius: 5px!important;
        border: 1px solid #BCD4DB;
        border-bottom: 1px solid #A8BEC4;
        /* Shadow 
	-webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, .2);
	-moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, .2);
	box-shadow: 1px 1px 2px rgba(0, 0, 0, .2);*/
    }

        .bgboxblue fieldset label
        {
            text-shadow: 1px 1px 0px #fff;
        }


        .bgboxblue fieldset legend
        {
            padding: 4px 6px 2px 6px!important;
        }

/*resource planner legend*/

.wax-legend .legend-title
{
    text-align: left;
    margin-bottom: 8px;
    font-weight: bold;
    font-size: 90%;
}

.wax-legend .legend-scale ul
{
    margin: 0;
    padding: 0;
    float: left;
    list-style: none;
    width: 100%;
}

    .wax-legend .legend-scale ul li
    {
        display: block;
        float: left;
        width: 17%;
        margin-bottom: 6px;
        text-align: left;
        font-size: 85%;
        list-style: none;
        font-weight: bold;
        padding-left: 3px;
    }

.wax-legend ul.legend-labels li span
{
    display: block;
    float: left;
    height: 15px;
    width: 15px;
    border: 1px solid;
    margin-right: 3px;
}

.wax-legend .legend-source
{
    font-size: 70%;
    color: #999;
    clear: both;
}

.wax-legend a
{
    color: #777;
}

#previewarea .group {margin-bottom:5px!important;}


.ui-widget  {font-family:"Segoe UI",Arial,sans-serif!important;}
#previewarea table label   {font-size:0.9em;margin-top:0px!important;width:auto!important;}
#previewarea table,#previewarea table td,#previewarea table tr {border:none!important;}
#previewarea h3    {font-size:1.1em;font-family: "Segoe UI",Arial,sans-serif!important;font-weight:normal;margin-bottom:0px!important;}
#previewarea .tabtitle {margin-left:5px;}
/* new forms design property master content*/

#formsproperty-master-body{background:none repeat scroll 0 0 #fff !important; padding:0 !important;margin: 0 !important;}
#formsproperty-master-body #content{}
.postedmessage{ font-style: italic;color: brown;}
/* end of new design property master content*/
/* new forms design control cell*/
#previewarea .control-cell .row-block,#customFieldArea .control-cell .row-block{ border: 1px dotted #ccc;padding: 0.2em 0.5em;overflow: auto;
}
#previewarea .control-cell .row-block label,#customFieldArea .control-cell .row-block label{ width: 150px;margin-top: 4px;}

#previewarea .control-cell .row-block div {margin-top: 3px;}
#previewarea .control-cell .row-block select,#customFieldArea .control-cell .row-block select{
    min-width: 80px;
    width: auto !important;
}
/* end of new forms design control cell*/
#divFormDesigner #divTabArea{ width: 44% !important;margin-left: 3px;margin-right: 3px;}
#divFormDesigner #divTabArea #previewarea,#divFormDesigner #divTabArea #customFieldArea{ width: 100%;}
#divFormDesigner #tabs{ width: 35% !important;}
#divFormDesigner #sections{ width: 20% !important;}
#divFormDesigner #sectionlist,#divFormDesigner #divTabArea #previewarea .ui-sortable,#divFormDesigner #divTabArea #customFieldArea .ui-sortable{ padding: 15px 20px!important;}
#divFormDesigner #tabs-2{ height: 400px !important;}
#divFormDesigner #tabs{ border: 1px solid #D8DFEA !important;}
#divFormDesigner #tabs-1,#divFormDesigner #tabs-2{ padding-top: 0!important;padding-bottom: 0!important;}
.jp-container{
    /*width:20%;*/
    height:400px;
    position:relative;
    background:#fff;
    border:1px solid #D8DFEA;
    float:left;
}

.jspContainer
{
	overflow: hidden;
	position: relative;
}

.jspPane
{
	position: absolute;
}

.jspVerticalBar
{
	position: absolute;
	top: 0;
	right: 0;
	width: 16px;
	height: 100%;
	background: red;
}

.jspHorizontalBar
{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 16px;
	background: red;
}

.jspVerticalBar *,
.jspHorizontalBar *
{
	margin: 0;
	padding: 0;
}

.jspCap
{
	display: none;
}

.jspHorizontalBar .jspCap
{
	float: left;
}

.jspTrack
{
	background: #F2F4F8;
	position: relative;
}

.jspDrag
{
	background: #0B5B5C;
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer;
	border:1px solid #12373A;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag
{
	float: left;
	height: 100%;
}

.jspArrow
{
	background: #50506d;
	text-indent: -20000px;
	display: block;
	cursor: pointer;
}

.jspArrow.jspDisabled
{
	cursor: default;
	background: #80808d;
}

.jspVerticalBar .jspArrow
{
	height: 16px;
}

.jspHorizontalBar .jspArrow
{
	width: 16px;
	float: left;
	height: 100%;
}

.jspVerticalBar .jspArrow:focus
{
	outline: none;
}

.jspCorner
{
	background: #eeeef4;
	float: left;
	height: 100%;
}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */

* html .jspCorner
{
	margin: 0 -3px 0 0;
}

.warningIcon
{
    background-image: url(images/icons/warning32.png);
    background-size: 20px 20px;
    background-repeat: no-repeat;
    text-align:center;
    margin-right:40px;
}

.event-group-job {
    border: 2px dotted black;
}

.dialog-holder {
    display: none;
}

.bulk-transfer-engineers fieldset {
    min-height: 60px;
}

.bulk-transfer-services .rtlExpand, .bulk-transfer-services .rtlCollapse {
    display: none!important;
}

.add-language-container
{
    border-bottom: 1px solid #eeeeee;
    width: 95%;
    float: left;
    clear: both;

}

.add-language-container input, .add-language-container select
{
    clear: both;
    float: left;
    margin: 5px 0;
}

.add-language-container .delete-language 
    {
        float: left;
        width: 15px;
    }
.bold-text {
    font-weight: bold;
}

.switch-roles-button
{
    width: 14px;
    height: 16px;
    cursor: pointer;
    margin: 0px 0px 0px 5px;
    vertical-align: middle;
}

.switch-roles-window-container {
    padding: 5px 5px 5px 5px;
}

.window-container {
    padding: 5px 5px 5px 5px;
}

.login-select-roles-instruction {
    font-style:italic;
}

.text_red_bold {
    font-weight: bold;
    color: red;
}

#content a.refresh
{
    background-color:transparent;
    background: transparent url(images/refresh.png) no-repeat;
    background-repeat:no-repeat;
    border-width:0px;
    border-style:none;
    width:25px;
    height:25px;
}

#content a.refresh:hover
{
    background-color:transparent;
    background-image:url(images/refresh-hover.png)!important;
    background-repeat:no-repeat;
    border-width:0px;
    border-style:none;
    width:25px;
    height:25px;
}

.inline
{
    display: inline-block!important;
}