@charset "utf-8";

div#application-block
{
    margin: 0 0 0 90px;
    padding: 20px 0;
    min-height: 392px;
    position: relative;
    width: 580px;
}

div.appwrapper
{
    height: 48px;
    margin-bottom: 8px;
    background: url('../images/app-button-product-selector.gif') no-repeat;
    background-position: 0 0;
    cursor: hand;
    cursor: pointer;
}

div.appwrapper div.title
{
    padding: 10px 0 0 38px;
}

div.appwrapper div.title h2
{
    margin: 0!important;
    padding: 0;
    float: left;
}

div.appwrapper:hover
{
    background-position: 0 -60px;
}

div.appwrapper div.links
{
    display: none;
}

div.app-selected div.appwrapper
{
    background-position: 0 -120px;
}

div.app-selected:hover div.appwrapper
{
    background-position: 0 -180px;
}

div.app-selected div.appwrapper h2
{
    color: #fff;
    font-style: italic;
}

div.appwrapper .appheader div.title
{
    padding: 0;
}

div.appwrapper .appheader div.title h2
{
    margin: 10px 0 0 38px!important;
}

div.appwrapper .appheader
{
    position: relative;
}

div.appwrapper .appheader div.links
{
    display: block;
    height: 42px;
    position: absolute;
    right: 0;
    top: 0;
    width: 90px;
}

div.appwrapper .appheader div.links label, div.appwrapper .appheader div.links input
{
    display: none;
}

div.applist div.appwrapper
{
    height: 43px;
    margin-bottom: 10px;
    /*background: url('../images/app-button-product-details.gif') no-repeat;*/
    background-position: 0 0;
    cursor: hand;
    cursor: pointer;
}

div.applist div.appwrapper div.title
{
    padding: 6px 0 0 27px;
}

div.applist div.appwrapper div.title h2
{
    margin: 0!important;
    padding: 0;
    font-weight: bold;
    font-size: 14px;
}

div.applist div.appwrapper:hover
{
    background-position: 0 -60px;
}

div.applist div.app-selected div.appwrapper:hover
{
    background-position: 0 -180px;
}

div.applist div.appwrapper div.links
{
    display: none;
}

div.applist div.app-selected div.appwrapper
{
    background-position: 0 -120px;
}

div.applist div.app-selected div.appwrapper h2
{
    color: #fff;
    font-style: italic;
}

div.applist div.appwrapper .appheader div.title
{
    padding: 0;
}

div.applist div.appwrapper .appheader div.title h2
{
    padding: 12px 40px;
    /*margin: 12px 0 0 40px!important;*/
}

div#self-serve-block div.applist div.appwrapper .appheader div.title h2{
    padding: 0;
}

div.applist div.appwrapper .appheader
{
    position: relative;
}

div.applist div.appwrapper .appheader div.links
{
    display: block;
    height: 28px;
    position: absolute;
    right: 0;
    top: 0;
    width: 90px;
}

div.applist div.appwrapper .appheader div.links label, div.applist div.appwrapper .appheader div.links input
{
    display: none;
}

div.applist div.app div.description div.field, div.applist div.app-selected div.description div.field
{
    font-size: 12px;
    width: 108px;
    float: left;
    margin-right: 10px;
    margin-bottom: 5px;
    font-weight: bold;
}

div.applist div.app div.description div.fieldwrapper, div.applist div.app-selected div.description div.fieldwrapper
{
    clear: both;
    margin: 0;
    border: 0;
    padding: 0;
}

div.applist div.app div.description div.control, div.applist div.app-selected div.description div.control
{
    margin: 0 0 5px 0;
    border: 0;
    padding: 0;
    width: 400px;
}

div.description-conditions
{
    clear: both;
}

div.applist div.app div.appwrapper, div.applist div.app-selected div.appwrapper
{
    margin-bottom: 0;
    position: relative;
}

div.applist div.app, div.applist div.app-selected
{
    position: relative;
}

div.applist div.description
{
    border: 1px solid #ccc;
    border-top-color: transparent;
    margin-top: -2px;
    padding: 4px 4px 10px 12px;
    margin-bottom: 20px;
    background-color: #eee;
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
    behavior: url(/pie/PIE.htc);
	
}

div.applist div.description p
{
    font-size: 14px;
    font-weight: bold;
}

div.applist div.app div.description, div.applist div.app div.toggle-button-header
{
    padding-top: 12px;
    padding-bottom: 6px;
}

div.applist div.description select
{
    background: #fff;
    border: 1px solid #ccc;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    behavior: url(/pie/PIE.htc);
}

div.toggle-button-header
{
    position: absolute;
    right: 10px;
    top: 55px;
}

div.toggle-button-header a
{
    color: #777;
    text-decoration: none;
    font-size: 12px;
}

.clickme
{
    cursor: hand;
    cursor: pointer;
    width: 16px;
    height: 16px;
    display: inline-block;
    margin: -5px 5px 0 10px;
    padding: 2px;
    background: url('../images/app-button-help.png') 0 0 no-repeat;
    color: rgba(0,0,0,0);
    font-size: .1em;
}

.clickme span
{
    display: none;
}

.clickme.cluetip-clicked
{
    background-position: 0 -30px;
}

label .clickme, .multilist-question .clickme
{
    padding: 0;
    vertical-align: bottom;
    margin-left: 5px;
}

.multilist-question .clickme
{
    position: absolute;
    top: 6px;
    right: -30px;
}

.wizardPage .app .title .clickme, .wizardPage .app-selected .title .clickme
{
    margin-top: 15px;
}

.wizardPage .appheader .clickme
{
    margin-top: 7px;
}

.applist .app .title .clickme
{
    margin-top: 7px;
    display: block;
    float: left;
}

.app-selected .title .clickme
{
    background-position: 0 -60px;
}

.app-selected .title .clickme.cluetip-clicked
{
    background-position: 0 -90px;
}

#cluetip-close a
{
    position: absolute;
    top: 1px;
    right: 1px;
    width: 18px;
    height: 18px;
    background: url('../images/app-button-cluetip-close.gif') 0 0 no-repeat #fff;
}

#cluetip-close a span
{
    display: none;
}

.navigate#Save, .navigate#Previous, .navigate#Back, .redirect#Start, .redirect#Cancel
{
    min-width: 80px;
    height: 20px;
    /*background: url('../images/app-button-nav.gif') no-repeat;*/
    text-transform: uppercase;
    font-size: 10px;
    color: #fff;
    cursor: hand;
    cursor: pointer;
}

.navigate#Previous
{
	background-color: #ef5056;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    behavior: url(/pie/PIE.htc);
    
}

.navigate#Previous:hover
{
    background-color: #ed1c24;
}

.navigate#Save
{
    background-position: -150px 0;
    width: 49px;
	background-color: #a1a1a1;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    behavior: url(/pie/PIE.htc);
}

.navigate#Save:hover
{
    background-color: #777777;
}

.navigate#Cancel, .redirect#Cancel
{
	background-color: #d6d6d6;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    behavior: url(/pie/PIE.htc);
    float: left;
}

.navigate#Back{
    background-color: #d6d6d6;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    behavior: url(/pie/PIE.htc);
    margin-top: 20px;
}

.navigate#Cancel:hover, .redirect#Cancel:hover, .navigate#Back:hover
{
    background-color: #A1A1A1;
}

.navigate#Previous, .navigate#Save, .navigate#Cancel, .redirect#Cancel
{
    float: left;
    margin-right: 5px;
}

.navigate#Next
{
    position: absolute;
    right: 0;
    top: -2px;
    width: auto;
    background-color: #ed1c24;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    cursor: hand;
    cursor: pointer;
    padding: 5px 10px;
    text-align: left;
	border-radius: 15px;
	-webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    behavior: url(/pie/PIE.htc);	
}

.navigate#Next:hover
{
    background-position: 0 -33px!important;
}

.navigate#Return
{
    position: absolute;
    right: 0;
    top: -2px;
    width: 80px;
    height: 23px;
    /*background: url('../images/app-button-nav-arrow.gif') -80px 0 no-repeat;*/
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    cursor: hand;
    cursor: pointer;
    text-align: center;
    background-color: rgb(237, 28, 36);
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    behavior: url(/pie/PIE.htc);
}

.navigate#Return:hover
{
    background-position: -80px -33px!important;
}

.navigatemenu div a#Return
{
    max-width: 350px;
}

div.fieldwrapper label.radio-button, div.fieldwrapper label.radio-button span, div.fieldwrapper-wide label.radio-button, div.fieldwrapper-wide label.radio-button span, div.fieldwrapper label.radio-button-checked, div.fieldwrapper label.radio-button-checked span, div.fieldwrapper-wide label.radio-button-checked, div.fieldwrapper-wide label.radio-button-checked span
{
    float: left;
}

label.radio-button, label.radio-button-checked
{
    display: block;
    /*background: url('../images/app-button-small.gif') 0 0 no-repeat;*/
    text-transform: uppercase;
    font-size: 12px;
    font-weight: bold;
    color: #777;
    cursor: hand;
    cursor: pointer;
    margin-left: 6px;
    margin-top: -4px;
    background-color: #E5E5E5;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    behavior: url(/pie/PIE.htc);
}

label.radio-button input, label.radio-button-checked input
{
    display: none;
}

label.radio-button span, label.radio-button-checked span
{
    display: block;
    height: 14px;
    padding: 5px 10px 6px;
    /*background-color: #ed1c24;*/
    /*background: url('../images/app-button-small.gif') 100% 0% no-repeat;*/
}

label.radio-button:hover
{
    background-color: #d6d6d6;
}

    label.radio-button:hover span
    {
        background-position: 100% 50%;
    }

label.radio-button-checked, label.radio-button-checked:hover
{
    background-position: 0% 100%;
    color: #fff;
}

label.radio-button-checked span, label.radio-button-checked:hover span
{
    background-color: #ed1c24;
    color: #fff;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    behavior: url(/pie/PIE.htc);
}

input.textarea-regular
{
    background: url('../images/app-textfield.gif') 0 -30px no-repeat;
    height: 18px;
    width: 264px;
    padding: 2px 4px;
    margin-left: 6px;
}

input.textarea-regular:focus
{
    background-position: -280px -30px;
}

input.textarea-small
{
    background: url('../images/app-textfield.gif') 0 0 no-repeat;
    height: 18px;
    width: 44px;
    padding: 2px 4px;
    margin-left: 6px;
}

input.textarea-small:focus
{
    background-position: -280px 0;
}

input.textarea-tiny
{
    background: url('../images/app-textfield.gif') 0 -60px no-repeat;
    height: 18px;
    width: 24px;
    padding: 2px 4px;
    margin-left: 6px;
}

input.textarea-tiny:focus
{
    background-position: -280px -60px;
}

div.fieldwrapper select.question
{
    margin-left: 6px;
}

select.question
{
    width: 264px;
    height: 21px;
    border: 1px solid #c0bfbf;
    background: #fff;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    behavior: url(/pie/PIE.htc);
}

select.question:focus
{
    border-color: #8f8f8f;
}

div.checkbox-list
{
    padding: 3px 8px;
    border-bottom: 1px solid #f3f3f3;
    border-top: 1px solid #f3f3f3;
    margin-top: -1px;
    position: relative;
    text-align: left;
}

div.checkbox-list:hover
{
    background: #eee;
}

div.checkbox-list div.checkbox-input
{
    position: absolute;
    right: 5px;
    bottom: 5px;
}

div.checkbox-list div.checkbox-input input
{
    float: none!important;
    position: aboslute;
    right: 0;
    top: 0;
}

div.checkbox-list div.checkbox-input
{
    position: absolute;
    right: 5px;
    _top: 5px;
}

div.checkbox-list label
{
    text-align: left;
    width: 540px;
    display: block;
}

div.wizardPage
{
    border-top: 2px solid #fff;
}

div#progress-bar
{
    width: 100%;
    height: 20px;
    position: absolute;
    left: 0;
    top: 18px;
    background: url('../images/button-progress-bar-bg.gif') 0 0 repeat-x;
    border-top: 2px solid #fff;
}

div#progress-bar ol
{
    list-style-type: none;
    margin-left: 0;
}

div#progress-bar ol li
{
    background-image: url('../images/button-progress-bar.gif');
    background-repeat: no-repeat;
    display: block;
    float: left;
    height: 15px;
    padding: 3px 6px 1px 6px;
    background-position: 50% 0%;
    color: #aaa;
    text-decoration: none;
    font-size: 10px;
    border-right: 1px solid #ccc;
}

div#progress-bar ol li#first
{
    background-position: 0% 0%;
    padding-left: 8px;
}

div#progress-bar ol li#last
{
    background-position: 100% 0%;
    padding-right: 8px;
    border-right: 0;
}

div#progress-bar ol li.active
{
    background-position: 50% 100%;
    color: #666;
}

div#progress-bar ol li#first.active
{
    background-position: 0% 100%;
    color: #666;
}

div#progress-bar ol li#last.active
{
    background-position: 100% 100%;
    color: #666;
}

div#application-block h2
{
    margin-bottom: 12px;
    margin-top: 30px;
}

div.fieldwrapper, div.fieldwrapper-wide
{
    padding-bottom: 6px;
    margin-bottom: 10px;
    border-bottom: 1px solid #ccc;
    width: 100%;
    position: relative;
}

div.field
{
    color: #444;
    font-size: 14px;
}

div.fieldwrapper div.control
{
    display: block;
    float: right;
    text-align: left;
    position: relative;
    width: 280px;
}

div.fieldwrapper-wide div.control
{
    display: block;
    float: right;
    text-align: right;
    margin-left: 10px;
}

label.field
{
    margin-left: 6px;
}

input, button, select
{
    background: none;
    font-family: HollardSans, sans-serif;
    color: #666;
}

div.navigatemenu
{
    position: relative;
    width: 580px;
    margin-top: 12px;
}

div#application-block > div > div
{
    font-size: 10px;
    color: #aaa;
}

div.textbox-wide div.control
{
    float: none;
    width: 100%;
    margin: 0;
}

div.textbox-wide textarea
{
    float: none;
    width: 100%;
    margin-top: 10px;
    border: 1px solid #ccc;
    padding: 4px;
    font-family: HollardSans, sans-serif;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
	behavior: url(/pie/PIE.htc);
}

div#status
{
    width: 580px!important;
    min-height: 362px!important;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-color: rgba(255,255,255,.8);
    background-image: url("../images/wait.gif");
    position: absolute;
    z-index: 99;
}

p#APP_DEDUCTION_DAY_info em
{
    color: #aaa;
    display: block;
    font-size: 12px;
    padding-left: 14px;
    padding-top: 6px;
}

div#application-block table th
{
    border-bottom: 1px solid rgb(237, 28, 36);
    font-size: 14px;
    padding: 10px 0 4px 0;
    text-align: left;
}

    div#application-block table th strong
    {
        color: #c00;
    }

span.error, span.field-validation-error
{
    color: red;
    background: none!important;
    display: block;
    float: right;
    text-transform: none!important;
    font-weight: normal!important;
}

span.error, span.field-validation-error[htmlfor="prod"]
{
    float: none;
}

div#application-error
{
    padding: 18px;
    border: 1px solid #c91a21;
    margin: 20px auto;
    width: 725px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
	behavior: url(/pie/PIE.htc);
}

div#application-error h1
{
    margin-bottom: 20px;
    font-size: 16px;
    font-weight: bold;
}

div#application-error a
{
    color: #c91a21;
    text-decoration: underline;
}

div#application-error a:hover
{
    color: #000;
}

div#application-error span
{
    color: #c91a21;
    font-weight: bold;
    font-size: 14px;
}

div.applist div.app-notick div.appwrapper
{
    height: 28px;
    margin-bottom: 2px;
    background: url('../images/app-button-product-details-notick.gif') no-repeat;
    background-position: 0 -120px;
}

div.applist div.app-notick div.appwrapper div.title
{
    padding: 6px 0 0 27px;
}

div.applist div.app-notick div.appwrapper div.title h2
{
    margin: 0;
    padding: 0;
    font-weight: bold;
    font-size: 14px;
    color: #fff;
}

.relation-section
{
    position: relative;
    padding-bottom: 15px;
}

.relation-section h3
{
    margin: 0!important;
    padding-bottom: 5px;
    border-bottom: 1px solid #ccc;
}

.relation-section h3 span
{
    font-size: 12px;
    color: #717171;
    font-weight: normal;
}

.relation-section .seperator
{
}

.relation-section .relation-item
{
    position: relative;
    padding: 5px 0;
    border-bottom: 1px solid #eee;
}

.relation-section-add-button
{
    height: 20px;
    background: url('../images/app-button-nav.gif') no-repeat;
    text-transform: uppercase;
    font-size: 10px;
    color: #fff;
    cursor: hand;
    cursor: pointer;
    background-position: -150px 0;
    width: 49px;
    position: absolute;
    top: 0;
    right: 0;
}

.relation-section-add-button:hover
{
    background-position: -150px -30px;
}

.relation-section-remove-button
{
    font-size: 12px;
    color: #717171;
    cursor: hand;
    cursor: pointer;
    position: absolute;
    top: 6px;
    right: 0;
    padding-left: 12px;
    background: url('../images/app-icon-cross.gif') 0 4px no-repeat;
}

.relation-section-remove-button:hover:hover
{
    color: #c91a21;
    background-position: 0 -12px;
}

div#two-tabs
{
    width: 800px;
}

div#two-tabs-header
{
    background: url("../images/two-tabs-staff-image.jpg") no-repeat 540px bottom;
    border-bottom: 1px solid #ccc;
}

div#two-tabs-header img
{
    float: right;
    margin: 0 80px 0 0;
    padding: 0;
    display: block;
}

div#two-tabs-header h2
{
    padding: 60px 0 10px 0;
    font-weight: normal;
    font-size: 18px;
    color: #666;
}

div#two-tabs-body
{
    padding-top: 25px;
}

div#two-tabs-body ul
{
    list-style: none;
    margin: 25px 0;
}

div#two-tabs-body ul li
{
    font-size: 18px;
    color: #666;
}

a.two-tabs-button
{
    /*background: url("../images/two-tabs-nav-arrow.gif") no-repeat 0 0;*/
    background-color: #ed1c24;
    border-radius: 20px;
	-webkit-border-radius: 20px;
    -moz-border-radius: 20px;
	behavior: url(/pie/PIE.htc);
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 13px;
    font-weight: bold;
    height: 23px;
    margin: 0;
    padding: 5px 14px;
    text-decoration: none;


}

a.two-tabs-button span
{
    /*background: url("../images/two-tabs-nav-arrow.gif") no-repeat top right;*/
    color: #fff;
    display: inline-block;
    font-size: 15px;
    vertical-align: middle;

}

a.two-tabs-button:hover
{
    background-position: bottom 0;
}

a.two-tabs-button:hover span
{
    background-position: bottom right;
}