@import "Shared";

#layout_PageHeading
{
    #Job_Show_Status
    {
        /*position: absolute;
        right: 20px;
        top: 6px;*/
        margin-left: 20px;
        display: inline-block;
        height: 50px;
        font-family: @FontFamilyHeading;
        font-weight: @FontWeightHeading;
        font-stretch: @FontStretchHeading;
        font-size: 0.7em;
        text-transform: uppercase;

        span.icon
        {
            margin-right: 6px;
        }
    }
}

#Job_Show
{
    #Job_Show_Subjects
    {
        table-layout: fixed;

        &>tbody > tr > td
        {
            padding-top: 0;
            height: 100%;

            &>div /* Extra DIV added for FireFox TD relative position incompatibility */
            {
                position: relative;

                div.status
                {
                    margin-top: 2px;
                    padding-top: 2px;
                    border-top: 1px dashed #ddd;
                }

                input.discreet
                {
                    margin-left: -2px;
                }
            }
        }

            &>tbody > tr > td:not(:last-child)
            {
                border-right: 1px dashed #aaa;
            }

        .dialog
        {
            display: none;
        }

        #Job_Show_Job
        {
            #Job_Show_Job_Type
            {
                &>table
                {
                    table-layout: fixed;
                }
            }

            #Job_Show_Job_SubTypes_1, #Job_Show_Job_SubTypes_2
            {
                padding-left: 16px;
                font-weight: bold;
            }

            #Job_Show_Job_SubTypes_Update
            {
                margin-left: 16px;
                font-size: 0.9em;
            }

            #Job_Show_Job_SubTypes_Update_Dialog
            {
                display: none;
            }

            #Job_Show_Job_Dates
            {
                padding-bottom: 6px;

                table
                {
                    table-layout: fixed;

                    &>tbody > tr > td
                    {
                        vertical-align: middle;
                    }

                        &>tbody > tr > td:first-child
                        {
                            font-weight: bold;
                            width: 60px;
                        }
                }
            }

            #Job_Show_GenerateDocument_Container
            {
                padding-top: 4px;

                #Job_Show_GenerateDocument
                {
					padding: 0;
                }
            }
        }

        #Job_Show_Device
        {
            &>div
            {
                padding-left: 102px;
                min-height: 100px;
            }

            #Job_Show_Device_Model_Image
            {
                position: absolute;
                left: 0;
                top: 0;
                height: 96px;
                width: 96px;
            }

            #Job_Show_Device_Details
            {
                float: left;
            }

            #Job_Show_Device_Details_HWar, #Job_Show_Device_Details_HNWar
            {
                float: right;
                border-left: 1px dashed #ddd;
                padding-left: 4px;
                margin-right: 2px;
            }

            #Job_Show_Device_Details_HWar_Details_Button, #Job_Show_Device_Details_HNWar_Details_Button
            {
                font-size: .9em;
            }

            #Job_Show_Device_DeviceHeld
            {
                table
                {
                    table-layout: fixed;

                    &>tbody > tr > td:first-child
                    {
                        width: 62px;
                    }
                }
            }
        }

        #Job_Show_User
        {
            #Job_Show_User_Type
            {
                font-style: italic;
            }
        }

        #Job_Show_Subjects_Actions
        {
            &>td
            {
                padding-top: 4px;
            }

            #Job_Show_Device_Actions
            {
                padding-left: 111px;
            }
        }
    }
}



#jobDetailTabs
{
    margin-top: 10px;

    /*.jobPart
    {
        height: 305px;
        overflow: auto;
    }*/

	/*jQuery Tab Extensions*/
	border-radius: 0;
	background-image: none;
	background-color: #fff;
	border: none;
	padding: 0;

	#jobDetailTabItems {
		border-radius: 0;
		border-top: 1px solid #ddd;
		border-right: 1px solid #ddd;
		border-left: 1px solid #ddd;
		border-bottom: none;
		padding: 2px 0 0 4px;
		background-image: none;
		background-color: #eee;
		display: table;

		&>li {
			top: 0;
			border-radius: 0;
			margin: 0 5px 0 0;
			padding: 0;
			line-height: normal;
			margin-right: 4px;
			&>a {
				padding: 5px 8px;
			}
		}
	}
	div.ui-tabs-panel {
		border-radius: 0;
		padding: 4px;
		border-right: 1px solid #ddd;
		border-bottom: 1px solid #ddd;
		border-left: 1px solid #ddd;
		border-top: none;
		background-color: #eee;
	}
}


#jobShowResources
{
    #Comments
    {
        width: 375px;
        height: 300px;
        padding: 0;
        border: 1px solid @SubtleBorderColour;
        background-color: #fff;

        div.commentOutput
        {
            height: 249px;
            overflow: auto;
            background-color: #f4f4f4;
            color: #000;

            &>div
            {
                padding: 3px;
                margin: 4px 6px;
                border-bottom: 1px solid @SubtleBorderColour;

                span.author
                {
                    color: #444;
                    display: block;
                    font-weight: bold;
                    font-size: 0.95em;
                    float: left;
                }

                span.timestamp
                {
                    display: block;
                    float: right;
                    font-size: 0.90em;
                    font-style: italic;
                }

                span.comment
                {
                    clear: both;
                    display: block;
                    margin-left: 4px;
                }

                &:hover
                {
                    span.remove
                    {
                        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAADHklEQVQ4T22SeUgUcRTHZ/aY2dnZLdfWI4KuP+zQsja7KMraXaMsOrUghe6DMjNXN7LlSyt2EHZAqbgdZFRQ/xR0QGVqZmi6h2mnVHYYBboVbgvS8evtSkHWF74w897nvTfv9xuO+48uRAyMrpqSnNSYssD6wJxqrUxISjonG6P7cv/otNZgfDR/cXrPwcO72dXrYK5TYKXlYMdLEUShw2uZu9wl6KP61oV1NiJmaFfGKhvLtYNtziJvA9u0FWzj1t73bTvAbHZ0LF2R55INw/8qPiboI9/PnpPH5i1C98RpaCP3TJ6On8kpYMlWfJthwSvLfAQnTQebtxBtU2fkH1JqjX8aVA0alvY13oQXsUPgWbkar5o8eEjgZ0MsvpAfWlPRTjFf5hq8jRmMwKhEXIkatCJcfICXjI8NsbsbVRJq4xIQCATAGIP/wwe4x09GU4IJne86wrFAMIgHI8fCp9KgQR/pcPKaaK5YKU24IehwjFPijCCiBXvwk+CQuzreo/Ptu/DzD/ITZxEuiRqcIPayQoMiXpzIOVWSuYSm2zkVijkFXBwHT64N/s4ufO7uDtvv98OXZ0cF5UqJ2UtsGS+gkBetnF0lWQrVEhZzPLZTsoigihHxeNbcjJevX+Nlezuet7bifMI4HKVcEU3fTJyDVyGfF1O4HKXGVCZosY4aZBNQPHoM6quq4aWi1qdPw/a2tKLhbi1KEidgFzFrid2nUCMntMIGTjCe1OgcRyhRNmQ4am7eRmVdHercHrizsuHZkoX7Hg9u1d6Fr9GLK4mTsJ/YEqXo2MgJvX/nLrWUVklrXJB1qN/jRLXbDU92DqoJrCF7qVENNWncfwAX+/XDNZpeoBB7rzGkTE4wuCS9rVkp4o5CgC/ZDB/t2UZ+QW6hT26ZZUYVXV8THWC5WsqnmgF/GoSUwQuDK7T9c98IMjpoalCtBYuMATMORI9Gj48Ua1dKqBBkWyYvDPur+LfSOXUkRN2yexFRBf64eHyflYLvMy34NGosGgwxBU5BTkvvO/l/WkIHu14lm3bqjGa7bDBvUMumpRTry4X0C+L3YvcBfxOhAAAAAElFTkSuQmCC) /*Images/Actions/removeSubtle.png*/;
                    }
                }

                span.remove
                {
                    margin-left: 6px;
                    display: block;
                    float: left;
                    height: 16px;
                    width: 16px;
                    cursor: pointer;

                    &:hover
                    {
                        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAADG0lEQVQ4y3WTCUhUURSG35vlvnnzZsoJQyMo2nTMKdsXEtOcjKxogwhKaDFNysysJooQRzTLbIFScVrIaMEiElqgMjUzsnEWl1apbNG0dCqcJiarv+NEgWEPfnj3nO/+5567cAC4f3XOb5ChfFrkemvMgn0PoufllhkmJZ2R/Mf0xfYanFTr9A/nL77ozT3oxZVrgOUEUFAEHC2AJz3zm8M495KFaUf3aXDaLyCqc+WqdqSZgKRk0iZg/UYgcePv8aYtwFYTWpYu/2CRdMZeBkeYdmTrrDnvEbsIXZNnoInknRqOn5ExQORsdEcY8dI4H54p4UDsQjRNj+g8IFfr/xqUDx5W8iV0Ap4HDoV9xWq8rLWjnsBPukB8JtXPnodmijnj1uBNwBC4Q8JQOnBwqc9gLy/qH+kCvVaFiKogA9xuN3o+V1sbbOOnotYwAR1vW3wxt8eDB/qxcCpUqNEO6DbzKgOXJxcTrjMNjnBynGICGtIz8JPgHnW2tKLjzVvf/w/SY3MWLggqHCP2skyFLF7YwJkV4p58qm7iFMjjZLBQV/a0rXB1dOJTV5dPLpcLzm0mFFOugJhsYgt5hkxeyOVMCjEnUyliMcdjMyWzCCoODsXTujq8ePUKL5qb8ayxEWcN43CYcllUPYm43bwC23lhP5cqV60rZGrEk0EKAXmjx+B+eQUcNKnxyROfHA2NqLlThfywidhJzFpi98iUSO1pIYFj+uMqzbdDlCgcOhyVN26hrLoa1TY7bMkpsG9Ixj27HTer7sBpdaA0bApyiM2XC92JHDP4jnGnUiwpozbOSRrczzCjwmaDPSUVFQRWkhxkVEkm1py9KOnXD1ep+i6ZcPnvPYjj2AiLqG2vkwu4LWNwRkbDSX02kZ6TGmjJDVHRKKfjq6UNLFKKHTQnqNdVXsmz8GJ1/3evmYQWCnuUamBAAOA/CF6VFu0Ua5aLKGZSexzPZvX5mJZxylHpgub8Xb+BX11BofgeFYPvM434GDIWNbqAr2YmlSzjWPB/X+MfLaGNXaeQ4ndo/LNNki47QSnFL+VYSF/sL7crTEWWnWvrAAAAAElFTkSuQmCC) /*Images/Actions/remove.png*/;
                    }
                }

                &:last-child
                {
                    border-bottom: none;
                }
            }
        }

        div.commentInput
        {
            border-top: 1px solid @SubtleBorderColour;
            height: 40px;
            padding: 5px;

            textarea.commentInput
            {
                border: 0;
                padding: 0;
                margin: 0;
                width: 325px;
                height: 40px;
                min-height: 40px;
                overflow: auto;
                float: left;
                resize: none;
            }

            div.commentInputPost
            {
                margin-top: 4px;
                height: 32px;
                width: 32px;
                background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAFCElEQVRYw+WXT2gdVRTGf+femXl/Ek3bvLRNGgO1wRZtY8VINyJUrQURKbpQUMF/iCCi4MKNblyJoCBF0IULEV25EEQtalG01tqoaXxpm9AmTdI0iU2aNHkvyXvO3HtcvLQa0lRr+3DhheEOs5jvu+c757vniKryXy7Df7wCgLa2tu3OuajaYCLiM5nM2Y6Ojo7zBIwx8ulnn79x5x23b6maHKoogvde29rablsSgdnZ4towDG0cJ5enpwhOLG9/UyAbgvcgRrBGefDmENQraLSEQJIkznsljuPLImCN4IxgrJA4ZbbkMIGlJgXl0jxBEKiI6BICVzDWCNCQy7K5yVAnCd/2FpmalXNKVLcKxAjqPeb3EoemYNXKgFvWhQiKcw5VX/0ydF4pxzGFWUgUDv/ajY71MVcqV98HvKtIMDMvuMki7302yOmajdTXRwwMDON1GR+4IuDek3hPOSmz63qHFWF0rERzc444bqa/7xhcQIJgIXcuG9x7j3MOi0eMcvDAMO3tDQwc7yXxSnNTI97rkkRcJMHk5CT9/f3n3y8VvLJ7ksSRH5rn9ff7EamhuWk13nsqRqfLE8jl6mltbUVEyOXqEZF/Bv6XXdWTJJ4hF9G4fSu7955lfGwGEY+/QBIYEKw1GCP09vbS03OU8fHT9PT0cOzYMQqFGcIwwFqLtebCJ3euQsJVnsR5Sgiv9Fnsjnbe/GqaibEigl8iQSAiWGMBWL/+WiqHFurqVhAElRQpl8tEUYS1AeAWalorJFT/BPcL39WBEQL1fDljuWvHNnbv7eA5O65GFlMwoPiF7Dx69Ajd3YcpFgt0d3dTLpeYmBgnn88zPT3N8ePHOXGiH+8cI6dOMT83h7oYK4rBEYgnFEdKPMZUnM8k8MWUJbxjG6/tmcSGm1YsioCqkiQO75XNm7egqogIW7duRURIpzM0NFSSqLExjfdK4hwrcw2UE2VwuMDo+By/TZSYjz2lxFMoe4jqWBUqxWIZq8qeOcPdd26z7vCjz29pf6sz/9Mzw+fLMJPJpI0Ramqyf+tybkHvuBQz83vMXO1VnHFZBgKlrwCDRRjF4MRgSwmQ4BZK/ZOisOuZe27/+r0f3r3xpt2PdXU+OyLGGHnp5ZffabmmZX0cx7q8yyW4uIwiouqJM6vsbDoXFW1tdEauzk5otvaMS9ec9VFmxgXpWMVW7r3Fv1Qj7GqJ2PvBwY+ivqEXRFXZuXNn06Waz2R6XXZ6xcZcObt6dZzNbdCo9joN0q1xdnWzIC0CWZapYjWG7c0Rhz78/kX5t13QmlcHa/BujaquRf1GlBtANwGtKC2IZpxfCICcv61BIGOFTOfR/eHE1EOXdBe0vNInjSsCMRl0Qz0GCQxgBKyiFiVAJBLRyM8LQ9MJZVO5oM7xyIaG6Mf8/vTJ0QfyB58eviQCtmSYT9DSvBI7nVNlOPvtzxavtYDRVDSiUXBATVg3d3VTe7LuqltNpKAgCDWhEO3v2h8NjTyQP/j0MIBUqxG99vG9n8zeuPGec5HPWkj98GtXMDh67+F9TwxVdS5Y8+awtc5lJLAQWlKpgNSP3V1mfOq+v4JXoSdcaM0CKxiBVECEkvmu85Adm7jvyJcPn6haQ7KIQGhJwmycmTKken7+xZw6ff+Rrx4ZWHYyuvKDiCU6UxgPzh7YY0ZGn8rve/LkRUezK45vcKmh/o8lcQe6Op8duWi0/vfT8R81FrV4fklnMAAAAABJRU5ErkJggg==) /*Images/Actions/post.png*/;
                cursor: pointer;
                float: left;
            }

            span.action
            {
                display: block;
                margin: 0;
                height: 32px;
                width: 32px;
                cursor: pointer;
                float: left;
                border: 1px solid #fff;
                padding: 3px;
                background-repeat: no-repeat;
                background-position: 2px 3px;

                &:hover
                {
                    background-color: @SubtleColour;
                    border: 1px solid @SubtleBorderColour;
                    .border-radius(3px);
                }
            }

            span.post
            {
                background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAFCElEQVRYw+WXT2gdVRTGf+femXl/Ek3bvLRNGgO1wRZtY8VINyJUrQURKbpQUMF/iCCi4MKNblyJoCBF0IULEV25EEQtalG01tqoaXxpm9AmTdI0iU2aNHkvyXvO3HtcvLQa0lRr+3DhheEOs5jvu+c757vniKryXy7Df7wCgLa2tu3OuajaYCLiM5nM2Y6Ojo7zBIwx8ulnn79x5x23b6maHKoogvde29rablsSgdnZ4towDG0cJ5enpwhOLG9/UyAbgvcgRrBGefDmENQraLSEQJIkznsljuPLImCN4IxgrJA4ZbbkMIGlJgXl0jxBEKiI6BICVzDWCNCQy7K5yVAnCd/2FpmalXNKVLcKxAjqPeb3EoemYNXKgFvWhQiKcw5VX/0ydF4pxzGFWUgUDv/ajY71MVcqV98HvKtIMDMvuMki7302yOmajdTXRwwMDON1GR+4IuDek3hPOSmz63qHFWF0rERzc444bqa/7xhcQIJgIXcuG9x7j3MOi0eMcvDAMO3tDQwc7yXxSnNTI97rkkRcJMHk5CT9/f3n3y8VvLJ7ksSRH5rn9ff7EamhuWk13nsqRqfLE8jl6mltbUVEyOXqEZF/Bv6XXdWTJJ4hF9G4fSu7955lfGwGEY+/QBIYEKw1GCP09vbS03OU8fHT9PT0cOzYMQqFGcIwwFqLtebCJ3euQsJVnsR5Sgiv9Fnsjnbe/GqaibEigl8iQSAiWGMBWL/+WiqHFurqVhAElRQpl8tEUYS1AeAWalorJFT/BPcL39WBEQL1fDljuWvHNnbv7eA5O65GFlMwoPiF7Dx69Ajd3YcpFgt0d3dTLpeYmBgnn88zPT3N8ePHOXGiH+8cI6dOMT83h7oYK4rBEYgnFEdKPMZUnM8k8MWUJbxjG6/tmcSGm1YsioCqkiQO75XNm7egqogIW7duRURIpzM0NFSSqLExjfdK4hwrcw2UE2VwuMDo+By/TZSYjz2lxFMoe4jqWBUqxWIZq8qeOcPdd26z7vCjz29pf6sz/9Mzw+fLMJPJpI0Ramqyf+tybkHvuBQz83vMXO1VnHFZBgKlrwCDRRjF4MRgSwmQ4BZK/ZOisOuZe27/+r0f3r3xpt2PdXU+OyLGGHnp5ZffabmmZX0cx7q8yyW4uIwiouqJM6vsbDoXFW1tdEauzk5otvaMS9ec9VFmxgXpWMVW7r3Fv1Qj7GqJ2PvBwY+ivqEXRFXZuXNn06Waz2R6XXZ6xcZcObt6dZzNbdCo9joN0q1xdnWzIC0CWZapYjWG7c0Rhz78/kX5t13QmlcHa/BujaquRf1GlBtANwGtKC2IZpxfCICcv61BIGOFTOfR/eHE1EOXdBe0vNInjSsCMRl0Qz0GCQxgBKyiFiVAJBLRyM8LQ9MJZVO5oM7xyIaG6Mf8/vTJ0QfyB58eviQCtmSYT9DSvBI7nVNlOPvtzxavtYDRVDSiUXBATVg3d3VTe7LuqltNpKAgCDWhEO3v2h8NjTyQP/j0MIBUqxG99vG9n8zeuPGec5HPWkj98GtXMDh67+F9TwxVdS5Y8+awtc5lJLAQWlKpgNSP3V1mfOq+v4JXoSdcaM0CKxiBVECEkvmu85Adm7jvyJcPn6haQ7KIQGhJwmycmTKken7+xZw6ff+Rrx4ZWHYyuvKDiCU6UxgPzh7YY0ZGn8rve/LkRUezK45vcKmh/o8lcQe6Op8duWi0/vfT8R81FrV4fklnMAAAAABJRU5ErkJggg==) /*Images/Actions/post.png*/;
            }
        }
    }

    #Attachments
    {
        height: 300px;
        padding: 0;
        border: 1px solid @SubtleBorderColour;
        background-color: #fff;

        div.attachmentOutput
        {
            height: 249px;
            overflow: auto;

            &>a
            {
                display: block;
                float: left;
                height: 48px;
                width: 221px;
                padding: 2px;
                margin: 2px;
                font-size: 0.95em;
                border: 1px solid #fff;
                color: #000;
                text-decoration: none;
                .border-radius(3px);

                span.comments, span.author, span.timestamp
                {
                    display: block;
                    float: left;
                    width: 168px;
                    overflow: hidden;
                    height: 16px;
                }

                span.author
                {
                    color: #888;
                    width: 150px;
                }

                span.timestamp
                {
                    color: #888;
                    font-style: italic;
                }

                span.icon
                {
                    display: block;
                    float: left;
                    height: 48px;
                    width: 48px;
                    margin-right: 2px;

                    img
                    {
                        height: 48px;
                        width: 48px;
                    }
                }

                &:hover
                {
                    background-color: @SubtleColour;
                    border: 1px solid @SubtleBorderColour;

                    span.remove
                    {
                        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAADHklEQVQ4T22SeUgUcRTHZ/aY2dnZLdfWI4KuP+zQsja7KMraXaMsOrUghe6DMjNXN7LlSyt2EHZAqbgdZFRQ/xR0QGVqZmi6h2mnVHYYBboVbgvS8evtSkHWF74w897nvTfv9xuO+48uRAyMrpqSnNSYssD6wJxqrUxISjonG6P7cv/otNZgfDR/cXrPwcO72dXrYK5TYKXlYMdLEUShw2uZu9wl6KP61oV1NiJmaFfGKhvLtYNtziJvA9u0FWzj1t73bTvAbHZ0LF2R55INw/8qPiboI9/PnpPH5i1C98RpaCP3TJ6On8kpYMlWfJthwSvLfAQnTQebtxBtU2fkH1JqjX8aVA0alvY13oQXsUPgWbkar5o8eEjgZ0MsvpAfWlPRTjFf5hq8jRmMwKhEXIkatCJcfICXjI8NsbsbVRJq4xIQCATAGIP/wwe4x09GU4IJne86wrFAMIgHI8fCp9KgQR/pcPKaaK5YKU24IehwjFPijCCiBXvwk+CQuzreo/Ptu/DzD/ITZxEuiRqcIPayQoMiXpzIOVWSuYSm2zkVijkFXBwHT64N/s4ufO7uDtvv98OXZ0cF5UqJ2UtsGS+gkBetnF0lWQrVEhZzPLZTsoigihHxeNbcjJevX+Nlezuet7bifMI4HKVcEU3fTJyDVyGfF1O4HKXGVCZosY4aZBNQPHoM6quq4aWi1qdPw/a2tKLhbi1KEidgFzFrid2nUCMntMIGTjCe1OgcRyhRNmQ4am7eRmVdHercHrizsuHZkoX7Hg9u1d6Fr9GLK4mTsJ/YEqXo2MgJvX/nLrWUVklrXJB1qN/jRLXbDU92DqoJrCF7qVENNWncfwAX+/XDNZpeoBB7rzGkTE4wuCS9rVkp4o5CgC/ZDB/t2UZ+QW6hT26ZZUYVXV8THWC5WsqnmgF/GoSUwQuDK7T9c98IMjpoalCtBYuMATMORI9Gj48Ua1dKqBBkWyYvDPur+LfSOXUkRN2yexFRBf64eHyflYLvMy34NGosGgwxBU5BTkvvO/l/WkIHu14lm3bqjGa7bDBvUMumpRTry4X0C+L3YvcBfxOhAAAAAElFTkSuQmCC) /*Images/Actions/removeSubtle.png*/;
                    }
                }

                span.remove
                {
                    display: block;
                    float: left;
                    height: 16px;
                    width: 16px;
                    margin-left: 2px;

                    &:hover
                    {
                        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAADG0lEQVQ4y3WTCUhUURSG35vlvnnzZsoJQyMo2nTMKdsXEtOcjKxogwhKaDFNysysJooQRzTLbIFScVrIaMEiElqgMjUzsnEWl1apbNG0dCqcJiarv+NEgWEPfnj3nO/+5567cAC4f3XOb5ChfFrkemvMgn0PoufllhkmJZ2R/Mf0xfYanFTr9A/nL77ozT3oxZVrgOUEUFAEHC2AJz3zm8M495KFaUf3aXDaLyCqc+WqdqSZgKRk0iZg/UYgcePv8aYtwFYTWpYu/2CRdMZeBkeYdmTrrDnvEbsIXZNnoInknRqOn5ExQORsdEcY8dI4H54p4UDsQjRNj+g8IFfr/xqUDx5W8iV0Ap4HDoV9xWq8rLWjnsBPukB8JtXPnodmijnj1uBNwBC4Q8JQOnBwqc9gLy/qH+kCvVaFiKogA9xuN3o+V1sbbOOnotYwAR1vW3wxt8eDB/qxcCpUqNEO6DbzKgOXJxcTrjMNjnBynGICGtIz8JPgHnW2tKLjzVvf/w/SY3MWLggqHCP2skyFLF7YwJkV4p58qm7iFMjjZLBQV/a0rXB1dOJTV5dPLpcLzm0mFFOugJhsYgt5hkxeyOVMCjEnUyliMcdjMyWzCCoODsXTujq8ePUKL5qb8ayxEWcN43CYcllUPYm43bwC23lhP5cqV60rZGrEk0EKAXmjx+B+eQUcNKnxyROfHA2NqLlThfywidhJzFpi98iUSO1pIYFj+uMqzbdDlCgcOhyVN26hrLoa1TY7bMkpsG9Ixj27HTer7sBpdaA0bApyiM2XC92JHDP4jnGnUiwpozbOSRrczzCjwmaDPSUVFQRWkhxkVEkm1py9KOnXD1ep+i6ZcPnvPYjj2AiLqG2vkwu4LWNwRkbDSX02kZ6TGmjJDVHRKKfjq6UNLFKKHTQnqNdVXsmz8GJ1/3evmYQWCnuUamBAAOA/CF6VFu0Ua5aLKGZSexzPZvX5mJZxylHpgub8Xb+BX11BofgeFYPvM434GDIWNbqAr2YmlSzjWPB/X+MfLaGNXaeQ4ndo/LNNki47QSnFL+VYSF/sL7crTEWWnWvrAAAAAElFTkSuQmCC) /*Images/Actions/remove.png*/;
                    }
                }
            }
        }

        div.attachmentInput
        {
            border-top: 1px solid @SubtleBorderColour;
            height: 40px;
            background-color: #fff;
            padding: 5px;

            span.action
            {
                display: block;
                margin: 0 4px 0 0;
                height: 32px;
                width: 32px;
                cursor: pointer;
                float: right;
                border: 1px solid #fff;
                padding: 3px;
                background-repeat: no-repeat;
                background-position: 2px 3px;

                &:hover
                {
                    background-color: @SubtleColour;
                    border: 1px solid @SubtleBorderColour;
                    .border-radius(3px);
                }
            }

            span.upload
            {
                background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAFPUlEQVRYw7VXayzkVxRfy4yKTj0aj6JWJISuR9EiWj5IFZt4pB+kLYmdbEJEJpp2daeIJkRNMx7xqFcl0iXxaKwVj8ishhG+eARr10wY6hVMx3gM1mNxeo7YRDfzNr3Jyfzn/u/939899/x+59xbAHDLEIbNxNHRMSQ5OTmvuLi4pbS0tDU1NbXA3d09FN8ZqZxniMVZLJZvSUnJ0NHREVA7PDwEhUIBb1pNTU2PtbW1+/8CwMvLiz07O/uKFqqrq9sNDAzstLCw4Jubm/Pd3NyeZGdnb56dncH09LQUQfgaFIC9vX30+vr6uUwmg5CQkD509Rdo75HL0W6jWaJF+/n5CRcXF0EgEEiMjIw+MAgAbM7d3d1/y6QywAU68b+NmrFeYWFhwtPTU8jIyKi/MQDaXU5OjoDcHhsb+4x2fdX/jqqAwxbf0dFxNj4+vofPtjcCgO7+gRbn8/lSS0vLjPT09KrOp09F/f39S9XV1QOhoaFsXITxFoD3cfcv8MgA2RKuNwAzM7MgsVh8MDAwAAkJCRI8230CIxKJYHh4GLa2ti4jv6CggI7F7BoABlJ0cHNzEzA4v9ELADar1tZWkVQqBS6Xe4G/F/Pz8xAdHT2KwZWN7zkODg7NVVVVr87PzyErK6vp2lxTnDO2vLwMOCZeLwBsNvu3K9fDxMQEjI2NgZ2dXSl+3OnaQtZo3Pr6+qNt+TZ4enreu+q/09nZuUdeQrA+OgNwdXX9en9/H5qbm+Hx48dAO/fw8PiddqbEUyyMg66VlRVg379fQ32+vr4Z5Lnc3Nzn/zkabRY3MTHxmJmZ2UExgfz8fKBAiomJ+Usd9fCcc+fm5gDluB3HOSLwtcnJSXB2dv5JJxoS5crLy58dHx9DXl4eLCwsAMquFPs/VjcvPDy8dHV1FeLi4v7E6O+V4e7j4+MHiQ06AYiIiPiRzh2TC/T19YFQKASUWo4G0GZlZWUvpqamyAOLBATnb2N/sE5S7OTk9KVcLn/d09MDlZWVl+fu4+PTSIKjbh7GRuqCZIGSEAwNDV2gPgDmgYc6J6PMzMxW0nDk9MXa2hqkpaW9vB7xyozBYNzt7e3dHRkZuQxYiURCUv2HKtBqzx75yk1MTFwmFzY1Nb1G+sRrcL1RFpcr2NzYgNraWlheWgIOhyOmvKFXPYDtM3S/ggLP1tb2F3WFBZm/v/93BLaxsRFGR0ehoaHhBEF/pXYNdRUOj8cTUgCi0hHlWGqLEgvW5+j2EwrS9vb2SwB29vY/a2SZqhcoJFxaHClH0fuppqjHceO0exKpJXQ96kQ/9r+rFwAmkxmMCeeIdoGUe6gFVX8lnpPrUbCAV8iT4eKfaJVflHUidxtp9ygiAk2Uo927uLhUFBUVnVDkd3V1nZuamj7QOsEpy3iYNJZINq2srBK0zJKeKDT/EGVR8yk/3L4JgLuDg4PHLS0tB/j8oTYfSUpKqtuWyyElJeWltnPUAfDHKD5FEaHgs9T0gYCAAA4lJ6yEdnF8hM7lnRIAd1D5VijfI/eDNVRH/pjfD0jzsS54pFd9qQQAMygoqJ3Eh1dYSKU2U0WKdseiQ0QlVmRkJI0zNwiAKxAxWD5t7ezsAGa1IaTiR9dLK6xyvu3q7pYeHhwAFqQktZ56l/cqAJgaGxt/z+cXHSr2FEA3n8qKihEsRnoxOCUbqPVkmOdXcGzoje6U6vhNRWZUVNTztra2szmxGIhmVAei6u17e3s/wfchN77UarrxknvRHuAFtMjGxqacwWQ8omjXlBsMAuAtMMYEyFDX+Tf2LzGXbu1DZYkMAAAAAElFTkSuQmCC) /*Images/Actions/attach.png*/;
            }

            span.photo
            {
                background-image: url(data:image/png;base64,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) /*Images/Actions/photo.png*/;
            }
        }
    }
}

#jobComponents
{
    .tableDataDark;

    tr
    {
        th.actions
        {
            width: 20px;
        }

        input.description
        {
            width: 400px;
        }

        input.cost
        {
            width: 150px;
        }

        span.remove
        {
            display: block;
            float: left;
            height: 16px;
            width: 16px;
            margin-left: 2px;
            background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAADHklEQVQ4T22SeUgUcRTHZ/aY2dnZLdfWI4KuP+zQsja7KMraXaMsOrUghe6DMjNXN7LlSyt2EHZAqbgdZFRQ/xR0QGVqZmi6h2mnVHYYBboVbgvS8evtSkHWF74w897nvTfv9xuO+48uRAyMrpqSnNSYssD6wJxqrUxISjonG6P7cv/otNZgfDR/cXrPwcO72dXrYK5TYKXlYMdLEUShw2uZu9wl6KP61oV1NiJmaFfGKhvLtYNtziJvA9u0FWzj1t73bTvAbHZ0LF2R55INw/8qPiboI9/PnpPH5i1C98RpaCP3TJ6On8kpYMlWfJthwSvLfAQnTQebtxBtU2fkH1JqjX8aVA0alvY13oQXsUPgWbkar5o8eEjgZ0MsvpAfWlPRTjFf5hq8jRmMwKhEXIkatCJcfICXjI8NsbsbVRJq4xIQCATAGIP/wwe4x09GU4IJne86wrFAMIgHI8fCp9KgQR/pcPKaaK5YKU24IehwjFPijCCiBXvwk+CQuzreo/Ptu/DzD/ITZxEuiRqcIPayQoMiXpzIOVWSuYSm2zkVijkFXBwHT64N/s4ufO7uDtvv98OXZ0cF5UqJ2UtsGS+gkBetnF0lWQrVEhZzPLZTsoigihHxeNbcjJevX+Nlezuet7bifMI4HKVcEU3fTJyDVyGfF1O4HKXGVCZosY4aZBNQPHoM6quq4aWi1qdPw/a2tKLhbi1KEidgFzFrid2nUCMntMIGTjCe1OgcRyhRNmQ4am7eRmVdHercHrizsuHZkoX7Hg9u1d6Fr9GLK4mTsJ/YEqXo2MgJvX/nLrWUVklrXJB1qN/jRLXbDU92DqoJrCF7qVENNWncfwAX+/XDNZpeoBB7rzGkTE4wuCS9rVkp4o5CgC/ZDB/t2UZ+QW6hT26ZZUYVXV8THWC5WsqnmgF/GoSUwQuDK7T9c98IMjpoalCtBYuMATMORI9Gj48Ua1dKqBBkWyYvDPur+LfSOXUkRN2yexFRBf64eHyflYLvMy34NGosGgwxBU5BTkvvO/l/WkIHu14lm3bqjGa7bDBvUMumpRTry4X0C+L3YvcBfxOhAAAAAElFTkSuQmCC) /*Images/Actions/removeSubtle.png*/;
            cursor: pointer;
        }

        input.updating
        {
            background-position: right center;
            background-repeat: no-repeat;
            background-image: url(data:image/gif;base64,R0lGODlhEAALAPQAAP///9t2Hfnq3vfl1fvz7Nt5Itt2HeGORey7kOipcvTZwd+IO+WdXu6/l+irdfXbxeCKPtt4IOWfYvrx6Pjp3Pz49eKTTvnr3/z38/TXvvHLqvbiz/v17wAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQJCwAAACwAAAAAEAALAAAFLSAgjmRpnqSgCuLKAq5AEIM4zDVw03ve27ifDgfkEYe04kDIDC5zrtYKRa2WQgAh+QQJCwAAACwAAAAAEAALAAAFJGBhGAVgnqhpHIeRvsDawqns0qeN5+y967tYLyicBYE7EYkYAgAh+QQJCwAAACwAAAAAEAALAAAFNiAgjothLOOIJAkiGgxjpGKiKMkbz7SN6zIawJcDwIK9W/HISxGBzdHTuBNOmcJVCyoUlk7CEAAh+QQJCwAAACwAAAAAEAALAAAFNSAgjqQIRRFUAo3jNGIkSdHqPI8Tz3V55zuaDacDyIQ+YrBH+hWPzJFzOQQaeavWi7oqnVIhACH5BAkLAAAALAAAAAAQAAsAAAUyICCOZGme1rJY5kRRk7hI0mJSVUXJtF3iOl7tltsBZsNfUegjAY3I5sgFY55KqdX1GgIAIfkECQsAAAAsAAAAABAACwAABTcgII5kaZ4kcV2EqLJipmnZhWGXaOOitm2aXQ4g7P2Ct2ER4AMul00kj5g0Al8tADY2y6C+4FIIACH5BAkLAAAALAAAAAAQAAsAAAUvICCOZGme5ERRk6iy7qpyHCVStA3gNa/7txxwlwv2isSacYUc+l4tADQGQ1mvpBAAIfkECQsAAAAsAAAAABAACwAABS8gII5kaZ7kRFGTqLLuqnIcJVK0DeA1r/u3HHCXC/aKxJpxhRz6Xi0ANAZDWa+kEAA7AAAAAAAAAAAA) /*Images/Status/loading.gif*/;
        }

        .totalCost
        {
            font-weight: bold;
        }
    }
}

#jobNonWarrantyFinance
{
    .tableDataDark;

    tr
    {
        th
        {
            width: 200px;
            text-align: right;
        }
    }
}

#jobNonWarrantyRepairs
{
    .tableDataDark;

    tr
    {
        th
        {
            width: 200px;
            text-align: right;
        }
    }
}

#jobNonWarrantyInsurance
{
    .tableDataDark;

    tr
    {
        th
        {
            width: 200px;
            text-align: right;
        }

        td
        {
            textarea
            {
                width: 400px;
            }
        }
    }
}

#jobFlags
{
    .tableDataDark;

    tr
    {
        th
        {
            width: 200px;
            text-align: right;
        }
    }
}

#warrantyJobForm
{
    #warrantyDisclosedInformation
    {
        table
        {
            font-size: 0.9em;

            tr:not(:last-child)
            {
                border-bottom: 1px dashed #aaa;
            }

            th
            {
                padding: 2px;
                font-weight: bold;
                width: 200px;
            }

            td
            {
                padding: 2px;
            }
        }
    }
}

#warrantyJobFaultDescription
{
    #FaultDescription
    {
        width: 600px;
        height: 250px;
    }
}

#createJob_Container
{
    img.modelImage
    {
        width: 64px;
        height: 64px;
    }

    .createJob_Component
    {
        margin: 0 10px;
        padding: 5px 0;
        border-bottom: 1px dashed #ccc;
    }

        .createJob_Component:last-child
        {
            border-bottom: none;
        }


    #createJob_Type
    {
        border: 1px solid #ccc;
        background-color: #f2f2f2;
        padding: 2px 4px;
        .border-radius4(0, 0, 0, 6px);
    }

    #createJob_SubTypes
    {
        margin: -1px 0 0 35px;
        border: 1px solid #ccc;
        border-top: none;
        padding: 2px 4px;
        background-color: #f2f2f2;
        .border-radius4(0, 0, 6px, 6px);

        .createJob_SubType
        {
            display: none;
        }
    }

        #createJob_Type li, #createJob_SubTypes li
        {
            -moz-border-radius: 3px;
            -webkit-border-radius: 3px;
            border-radius: 3px;
            margin: 2px 8px 2px 0;
            padding: 0 0 0 4px;
        }

            #createJob_Type li.highlight, #createJob_SubTypes li.highlight
            {
                background-color: #f6cd8a;
                color: #000;
            }


    #createJob_CommentsContainer
    {
        #Comments
        {
            width: 600px;
        }
    }

    #createJob_QuickLogAutoCloseContainer
    {
        border: 1px solid #ccc;
        background-color: #f2f2f2;
        padding: 2px 4px;
        .border-radius4(0, 0, 0, 6px);

        h3
        {
            margin-bottom: 4px;
        }

        input
        {
            margin-left: 4px;
        }
    }

    #createJob_QuickLogTaskTimeContainer
    {
        display: none;
        margin: -1px 0 0 35px;
        border: 1px solid #ccc;
        border-top: none;
        padding: 2px 4px;
        background-color: #f2f2f2;
        .border-radius4(0, 0, 6px, 6px);

        h3
        {
            margin-bottom: 4px;
        }

        label
        {
            margin-right: 20px;
        }

        #createJob_TaskTimeOtherMinutesContainer
        {
            display: none;
        }

        #createJob_TaskTimeOtherMinutes
        {
            width: 50px;
        }
    }
}