.list-item-selected
{
    background-color: #D5EFFA;
}

.list-item-selected .list-item-selector
{
    background-image: url(../images/icons/OK_24.png) !important;
    background-repeat: no-repeat;
    background-position: center center;
}

/* defect view */
.defect-text-row
{
    position: relative;
    min-height: inherit;
    padding: 1em;
}

.defect-text-more
{
    visibility: hidden;
    border-style: none solid solid solid;
    border-color: #024731;
    border-width: 2px 0 0 2px;
    background: #024731;
    z-index: 1;
    position: absolute;
    bottom: -2px;
    right: -2px;
    line-height: 1.5em;
    height: 1.5em;
    color: white;
    display: inline-block;
    padding: 0 8px 0 8px;
    text-align: center;
    -moz-border-radius-topleft: 8px;
    -moz-border-radius-bottomright: 8px;
    -webkit-border-top-left-radius: 8px;
    -webkit-border-bottom-right-radius: 8px;
}

.defect-text-wrap
{
    overflow: hidden;
    max-height: 3.5em;
}

.defect-text-more a[target="_related"]
{
    color: white;
    display:block;
    text-decoration:none;
    background:url('') !important;
}

/* login view */
#login
{
    padding: 24px 12px;
}

#login .panel-content
{
    background-color: transparent;
    border-bottom: none 0px black;
}

#login .button
{
    margin: 12px 0 12px 0;
    width: 100%;
    height: 40px;
    line-height: 40px;
    cursor: pointer;
    font-size: .9em;
}

#login h2
{
    display: none;
}

#login fieldset
{
    padding: 0;    
    background: #fff;
    
    border-width: 1px;
    border-color: #b3b3b3;
    border-style: solid;

    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px; 

    background-clip: padding-box;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
}

/* note view */
.note-text
{
    height: 4.5em;
    overflow: hidden;
    padding-left: 110px;
    padding-right: 34px;
}

.note-text-row
{
}

.note-text-row > label
{
    display: none;
}

.note-text-row > pre
{
    font-family: inherit;
    font-size: inherit;
    margin: 0;
    padding: 0;
    white-space: pre-wrap;
    white-space: -moz-pre-wrap !important;
    word-wrap: break-word;
}

.note-text-item
{
    max-height: 2em;
    overflow: hidden;
}

.note-text-property
{
    overflow: hidden;
}

.note-text-wrap
{
    font-size: 0.8em;
    font-weight: normal;
    line-height: 1.25em;
    margin-top: 0;
}

.note-text-more
{
    visibility: hidden;
    height: 24px;
    width: 24px;
    background-image: url(../images/icons/Note_More_24x24.png) !important;
    background-repeat: no-repeat;
    background-position: center center;
    z-index: 1;
    position: absolute;
    bottom: 5px;
    right: 5px;
    display: inline-block;
}

#history_list .p-head
{
    max-height: 1.25em;
    overflow: hidden;
}

/* context dialog */
#context_dialog .list-content
{
    background-color: transparent;
}

#context_dialog .list-content
{
    padding-left: 0;
}

#context_dialog .list-content > li
{
    font-size: 20px;
    font-weight: bold;
    list-style: none outside none;
    margin: 0;
    padding: 8px 0;
    position: relative;
    border-bottom: none 0 black;
}

#context_dialog .list-content > li > .button
{
    position: static;
    display: block;
    text-align: center;
    font-size: 20px;
    line-height: 40px;
    height: auto;
    padding: 0 3px;
}

#configure > .list-content > li > .resource
{
    display: block;
    margin: -8px 0 -8px -10px;
    padding: 8px 32px 8px 36px;
}

#configure > .list-content > li > h3 > [data-action="moveUp"],
#configure > .list-content > li > h3 > [data-action="moveDown"]
{
    float: right;
    display: block;
    width: 48px;
    height: 24px;
    background-repeat: no-repeat;
    background-position: center center;
    cursor: pointer;
}

#configure > .list-content > li:first-child > h3 > [data-action="moveUp"],
#configure > .list-content > li:last-child > h3 > [data-action="moveDown"] {
    visibility: hidden;
}

#configure > .list-content > li > h3 > [data-action="moveUp"]
{
    background-image: url(../images/icons/Sort_Down_24.png);
}

#configure > .list-content > li > h3 > [data-action="moveDown"]
{
    background-image: url(../images/icons/Sort_Up_24.png);
}

#configure > .list-content > li
{
    color: #aaa;
}

#configure > .list-content > li > h3 > .icon
{
    opacity: 0.5;
}

#configure > .list-content > li.list-item-selected
{
    color: #000;
    background: none;
}

#configure > .list-content > li.list-item-selected > h3 > .icon
{
    opacity: 1.0;
}

#configure > .list-content > li.list-item-selected .list-item-selector
{
    background: url(../images/icons/OK_24.png) !important;
    background-repeat: no-repeat;
    background-position: center center;
}

#note_edit .row label,
#note_detail .row label
{
    display: none
}

#text_edit textarea,
#note_edit textarea
{
    height: 200px;
    padding-left: 10px !important;  
}

#note_detail .row span {
    padding: 0;
}

#help a > div
{    
    line-height: 24px;
    margin-left: 32px;
    vertical-align: middle;
}

#help > .panel-content > ul > li
{
    padding: 8px;
    line-height: inherit;
}

#help > .panel-content > ul > li > div
{
    line-height: 24px;
    margin-left: 32px;
    vertical-align: middle;
}

#help_search > li > h3
{
    font-weight: bold;
}

#help_search > li > h4
{
    font-size: 1em;
}

#help_search > li > ul
{
    font-size: .75em;
}

#activity_edit div[data-field="Alarm"]
{
    border-bottom: none 0px black;
}

.note-text-wrap .p-username
{
    font-style:italic;
}

.note-text-wrap .p-time,
.note-text-wrap .p-meridiem
{
    font-weight:bold;
}

#ticket_list > .list-content > li > h3
{
    font-size: 0.75em;
    font-weight:bold;
}

#ticket_list > .list-content > li > h3 > .p-ticket-subject
{
    font-weight: normal;
}

.p-meridiem
{
    font-size: 0.75em;
}

li[data-activity-type] .list-item-selector,
li[data-opportunity-status] .list-item-selector,
li[data-ticket-status] .list-item-selector
{
    visibility: visible;
}

li[data-activity-type="atNote"] .list-item-selector
{
    background: url(../images/icons/note_24.png);
}

li[data-activity-type="atNote"][data-entity-name="Account"] .list-item-selector
{
    background: url(../images/icons/note_account_24x24.png);
}

li[data-activity-type="atNote"][data-entity-name="Contact"] .list-item-selector
{
    background: url(../images/icons/note_contact_24x24.png);
}

li[data-activity-type="atNote"][data-entity-name="Opportunity"] .list-item-selector
{
    background: url(../images/icons/note_opp_24x24.png);
}

li[data-activity-type="atNote"][data-entity-name="Lead"] .list-item-selector
{
    background: url(../images/icons/note_lead_24x24.png);
}

li[data-activity-type="atToDo"] .list-item-selector
{
    background: url(../images/icons/To_Do_24x24.png);
}

li[data-activity-type="atPhoneCall"] .list-item-selector
{
    background: url(../images/icons/Call_24x24.png);
}

li[data-activity-type="atAppointment"] .list-item-selector
{
    background: url(../images/icons/Meeting_24x24.png);
}

li[data-activity-type="atLiterature"] .list-item-selector
{
    background: url(../images/icons/Schedule_Literature_Request_24x24.gif);
}

li[data-activity-type="atPersonal"] .list-item-selector
{
    background: url(../images/icons/Personal_24x24.png);
}

li[data-activity-type="atEMail"] .list-item-selector
{
    background: url(../images/icons/letters_24.png);
}

li[data-activity-type="atQuestion"] .list-item-selector
{
    background: url(../images/icons/help_24.png);
}

li[data-opportunity-status] .list-item-selector
{
    background: url(../images/icons/opportunity_24.png);
}

li[data-opportunity-status="Closed - Won"] .list-item-selector
{
    background: url(../images/icons/Opportunity_Won_24.png);
}

li[data-opportunity-status="Closed - Lost"] .list-item-selector
{
    background: url(../images/icons/Opportunity_Lost_24.png);
}

.row-edit[data-field-type="lookup"] .button
{
    background-image: url(../images/icons/srch_24.png), -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, #e6e6e6),
		color-stop(1, #cccccc)
	);
	background-image: url(../images/icons/srch_24.png), -moz-linear-gradient(top, #e6e6e6, #cccccc);
    background-repeat: no-repeat, repeat;
    background-position: center;

    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#e6e6e6, endColorstr=#cccccc)";
}

.row-edit[data-field-type="lookup"] .button:active
{
    background-image: url(../images/icons/srch_24.png), -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, #e6e6e6),
		color-stop(1, #cccccc)
	);
	background-image: url(../images/icons/srch_24.png), -moz-linear-gradient(bottom, #e6e6e6, #cccccc);
    background-repeat: no-repeat, repeat;
    background-position: center;
}

.row-edit[data-field-type="lookup"] .button span
{
    visibility: hidden;
}

.row-edit[data-field-type="date"] .button
{
    background-image: url(../images/icons/Calendar_24x24.png), -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, #e6e6e6),
		color-stop(1, #cccccc)
	);
	background-image: url(../images/icons/Calendar_24x24.png), -moz-linear-gradient(top, #e6e6e6, #cccccc);
    background-repeat: no-repeat, repeat;
    background-position: center;

    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#e6e6e6, endColorstr=#cccccc)";
}

.row-edit[data-field-type="date"] .button:active
{
    background-image: url(../images/icons/Calendar_24x24.png), -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, #e6e6e6),
		color-stop(1, #cccccc)
	);
	background-image: url(../images/icons/Calendar_24x24.png), -moz-linear-gradient(bottom, #e6e6e6, #cccccc);
    background-repeat: no-repeat, repeat;
    background-position: center;
}

.row-edit[data-field-type="date"] .button span
{
    visibility: hidden;
}

.row-edit[data-field-type="name"] .button,
.row-edit[data-field-type="address"] .button,
.row-edit[data-field-type="note"] .button
{
    background-image: url(../images/icons/edit_24.png), -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, #e6e6e6),
		color-stop(1, #cccccc)
	);
	background-image: url(../images/icons/edit_24.png), -moz-linear-gradient(top, #e6e6e6, #cccccc);
    background-repeat: no-repeat, repeat;
    background-position: center;

    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#e6e6e6, endColorstr=#cccccc)";
}

.row-edit[data-field-type="name"] .button:active,
.row-edit[data-field-type="address"] .button:active,
.row-edit[data-field-type="note"] .button:active
{
    background-image: url(../images/icons/edit_24.png), -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, #e6e6e6),
		color-stop(1, #cccccc)
	);
	background-image: url(../images/icons/edit_24.png), -moz-linear-gradient(bottom, #e6e6e6, #cccccc);
    background-repeat: no-repeat, repeat;
    background-position: center;
}

.row-edit[data-field-type="name"] .button span,
.row-edit[data-field-type="address"] .button span,
.row-edit[data-field-type="note"] .button span
{
    visibility: hidden;
}

.row-edit-text > textarea
{
    padding-left: 10px !important;
}

.row-edit-text > label
{
    display: none;
}

.panel-content > fieldset > .row-error > input,
.panel-content > fieldset > .row-error > textarea
{
    color: red;
}

.panel-content > fieldset > .row-error > input:focus,
.panel-content > fieldset > .row-error > textarea:focus
{
    box-shadow: 0 0 5px red !important;
}

.calendar-prev-month > button
{
    height: 36px;
    width: 40px;
}

.calendar-prev-month > button > span
{
    display: inline-block;
    background-image: url(../images/icons/Browse_Previous_24.png);
    background-repeat: no-repeat;
    background-position: center center;
    margin: 6px;
    width: 24px;
    height: 24px;
}

.calendar-next-month > button
{
    float: right;
    height: 36px;
    width: 40px;
}

.calendar-next-month > button > span
{
    display: inline-block;
    background-image: url(../images/icons/Browse_Next_24.png);
    background-repeat: no-repeat;
    background-position: center center;
    margin: 6px;
    width: 24px;
    height: 24px;
}


.collapsed-indicator
{
    background-color: transparent;
    background-image: url(../images/icons/Hide_Details_active_24.png);
    background-repeat: no-repeat;
    background-position: left center;
    border: none;
}

.collapsed > .collapsed-indicator
{
    background-image: url(../images/icons/Show_Details_active_24.png);
}

.toolButton[data-tool="back"] > span { background-image: url(../images/icons/Back_24.png); }
.toolButton[data-tool="home"] > span { background-image: url(../images/icons/home_24.png); }
.toolButton[data-tool="edit"] > span { background-image: url(../images/icons/edit_24.png); }
.toolButton[data-tool="new"] > span { background-image: url(../images/icons/add_24.png); }
.toolButton[data-tool="save"] > span { background-image: url(../images/icons/save_24.png); }
.toolButton[data-tool="help"] > span { background-image: url(../images/icons/help_24.png); }
.toolButton[data-tool="cancel"] > span { background-image: url(../images/icons/cancl_24.png); }
.toolButton[data-tool="complete"] > span { background-image: url(../images/icons/OK_24.png); }
.toolButton[data-tool="configure"] > span { background-image: url(../images/icons/Tools_24x24.png); }
.toolButton[data-tool="settings"] > span { background-image: url(../images/icons/settings_24.png); }
.toolButton[data-tool="logout"] > span { background-image: url(../images/icons/login_24.png); }
.toolButton[data-tool="top"] > span { background-image: url(../images/icons/Hide_Details_active_24.png); }

body.transition > .footer-toolbar
{
    display: none;
}

.footer-toolbar
{
    display: block;
    height: 40px;
    position: relative;
}

.footer-toolbar > hr
{
    position: relative;
    top: -4px;
    height: 4px;
    margin: 0 0 4px 0;
    border: none;
    box-shadow: rgba(0,0,0,0.5) 0px 2px 3px;
    -moz-box-shadow: rgba(0,0,0,0.5) 0px 2px 3px;
    -webkit-box-shadow: rgba(0,0,0,0.5) 0px 2px 3px;
}

.footer-toolbar > .toolButton
{
    background: transparent;
    width: auto;
    height: auto;
    border: none;
    font-weight: normal;
}

.footer-toolbar > .toolButton-left
{
    margin: 0 0 0 10px;
}

.footer-toolbar > .toolButton-right
{
    margin: 0 10px 0 0;
}

.footer-toolbar > .toolButton > span
{
    width: auto;
    height: 36px;
    line-height: 36px;
    background-position: left center;
    padding: 0 0 0 30px;
    margin: 0;
}

.copyright
{
    display: block;
    text-align: center;
    clear: both;
    font-size: .6em;
    color: #888;
}

#useractivity_list > .list-content
{
    border-top: solid 1px #ddd;
}

#useractivity_list > .nav-bar
{
    height: 45px;
    width: 100%;
    padding: 4px 4px;
    display: block;
    background-color: #FFF;
}

#useractivity_list > .nav-bar > h3
{
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0;
    font-size: 1em;
    line-height: 34px;
    font-weight: bold;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: absolute;
    width: auto;
    z-index: 10;
    left: 60px;
    right: 60px;
}

#useractivity_list > .nav-bar > .button-prev
{
    float: left;
    margin-right: 10px;
    z-index: 100;
}

#useractivity_list > .nav-bar > .button-next
{
    float: right;
    margin-right: 10px;
    z-index: 100;
}
.nav-bar > .button
{
    height: 36px;
    width: 40px;
}

.nav-bar > .button-next > span,
.nav-bar > .button-prev > span
{
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center center;
    margin: 6px;
    width: 24px;
    height: 24px;
}

.nav-bar > .button-next > span
{
    background-image: url(../images/icons/Browse_Next_24.png);
}

.nav-bar > .button-prev > span
{
    background-image: url(../images/icons/Browse_Previous_24.png);
}

.split-buttons
{
    line-height: 40px;
    background-color: #fff;
    text-align: center;
    padding-top: 5px;
}

.split-buttons > .button
{
    display: inline-block;
    padding-left: 10px;
    padding-right: 10px;
    height: 36px;
    line-height: 30px;
}


.split-buttons > .button[data-tool="day"]
{
    margin: 0 0 0 16px;

    -webkit-border-top-left-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    -webkit-border-top-right-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-radius-topright: 0;
    -moz-border-radius-bottomright: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.split-buttons > .button[data-tool="month"]
{
    margin: 0 2px 0 -1px;

    -webkit-border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    -moz-border-radius-topright: 3px;
    -moz-border-radius-bottomright: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    -webkit-border-top-left-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -moz-border-radius-topleft: 0;
    -moz-border-radius-bottomleft: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.activities-for-day > .split-buttons > .button[data-tool="day"],
.activities-for-month > .panel-content > .split-buttons > .button[data-tool="month"]
{
    color: #000;
    text-shadow: #fff 0px 1px 0px;

    border-color: #a4bf7d;

    background-color: #eaf1df;
    background-image: linear-gradient(
        center top,
        #eaf1df 0%,
        #d6e3bf 50%,
        #c1d59f 50%,
        #d6e3bf 100%
    );
    background-image: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0, #eaf1df),
        color-stop(0.50, #d6e3bf),
        color-stop(0.50, #c1d59f),
        color-stop(1, #d6e3bf)
    );
    background-image: -moz-linear-gradient(
        center top,
        #eaf1df 0%,
        #d6e3bf 50%,
        #c1d59f 50%,
        #d6e3bf 100%
    );

    -moz-box-shadow: rgba(255,255,255,1.0) 0px 0px 1px inset;
    -webkit-box-shadow: rgba(255,255,255,1.0) 0px 0px 1px inset;

    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#eaf1df, endColorstr=#d6e3bf)";
}

.update-toolbar
{
    display: none;
    position: absolute;
    top: 0;
    left: 0;

    cursor: pointer;

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

    height: 45px;
    width: 100%;
    padding: 4px 4px;

    z-index: 10;

    border-width: 0 0 1px 0;
    border-style: solid;
    border-color: #e98300;

    background-color: #f8d6aa;
    background-image: linear-gradient(
        center top,
        #f8d6aa 0%,
        /* #f4c180 50%, */
        /* #f0ac55 50%, */
        #f4c180 100%
    );
    background-image: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0, #f8d6aa),
        /* color-stop(0.50, #f4c180), */
        /* color-stop(0.50, #f0ac55), */
        color-stop(1, #f4c180)
    );
    background-image: -moz-linear-gradient(
        center top,
        #f8d6aa 0%,
        /* #f4c180 50%, */
        /* #f0ac55 50%, */
        #f4c180 100%
    );
    box-shadow: rgba(255,255,255,1.0) 0px 0px 1px inset;
    -moz-box-shadow: rgba(255,255,255,1.0) 0px 0px 1px inset;
    -webkit-box-shadow: rgba(255,255,255,1.0) 0px 0px 1px inset;

    background-clip: padding-box;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;

    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#f8d6aa, endColorstr=#f4c180)";
}

.update-toolbar > h1
{
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0;
    font-size: 1em;
    line-height: 34px;
    font-weight: normal;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    
    color: #000;
    text-shadow: #fff 0px 1px 0px;

    position: absolute;
    z-index: 0;
}

.update-toolbar > .toolButton
{
    background: transparent;
    border: none 0 black;

     box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}

.update-available /* body */
{
    padding: 90px 0 0 0;
}

.update-available > .update-toolbar
{
    display: block;
}

.update-available > .toolbar
{
    top: 45px;
}