/* ICONS */
.iconPhoneXL
{
    background: url("/Images/shared/icons/phone_XL.png") no-repeat scroll 0 0 transparent;
    display: inline-block;
    height: 38px;
    vertical-align: top;
    width: 38px;
}

.cornericonPhoneXL
{
    margin-top: 9px;
    margin-right: -9px;
}
/* ICONS END */

/* PROGRESS BAR */
.progressBar
{
    position: relative;
}

    .progressBar .progressBarLine
    {
        left: 0;
        position: absolute;
        top: 28px;
        width: 100%;
        z-index: -1;
    }

    .progressBar .progressBarStep [class*="iconNumber"]
    {
        border: 9px solid #FFFFFF;
        display: block;
        margin: 0 auto;
    }

    .progressBar[class*="Steps"] .progressBarStep:first-child
    {
        margin-left: 0;
    }

    .progressBar .progressBarStep
    {
        float: left;
        text-align: center;
    }   

    .progressBar.fourSteps .progressBarStep
    {
        margin-left: -20%;
        width: 40%;
    }

    .progressBar.threeSteps .progressBarStep
    {
        margin-left: -25%;
        width: 49.9%;
    }

    .progressBar.twoSteps .progressBarStep 
    {
        margin-left: -33.3%;
        width: 66.6%;
    }

.ie7 .progressBar[class*="Steps"] .progressBarStep:first-child
{
    margin-left: 0;
}

.fontScream
{
    color: #FF7500;
    font: 12px/18px Verdana,Helvetica,Arial,sans-serif;
}

.fontInvisible
{
    color: #CCCCCC;
    font: 12px/18px Verdana,Helvetica,Arial,sans-serif;
}

.iconNumber1XL, .iconNumber2XL, .iconNumber3XL, .iconNumber4XL
{
    background: url("/Images/shared/icons/numbers_XL_sprite.png") no-repeat scroll 0 0 transparent;
    display: inline-block;
    height: 38px;
    vertical-align: top;
    width: 38px;
}

.iconNumberInactive1XL, .iconNumberInactive2XL, .iconNumberInactive3XL, .iconNumberInactive4XL
{
    background: url("/Images/shared/icons/numbers_XL_30transp_sprite.png") no-repeat scroll 0 0 transparent;
    display: inline-block;
    height: 38px;
    vertical-align: top;
    width: 38px;
}

.iconNumber1XL, .iconNumberInactive1XL
{
    background-position: 0 0;
}

.iconNumber2XL, .iconNumberInactive2XL
{
    background-position: -39px 0;
}

.iconNumber3XL, .iconNumberInactive3XL
{
    background-position: -78px 0;
}

.iconNumber4XL, .iconNumberInactive4XL
{
    background-position: -117px 0;
}

.lineSilent
{
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: -moz-use-text-color -moz-use-text-color #CCCCCC;
    -moz-border-image: none;
    -o-border-image: none;
    -webkit-border-image: none;
    border-image: none;
    border-style: none none solid;
    border-width: 0 0 1px;
    height: 0;
}
/* PROGRESS BAR END */

.textAndIconM {
    display: inline-block;
    padding-right: 25px;
    position: relative;
}
.textAndIconL {
    display: inline-block;
    padding-right: 29px;
    position: relative;
}

.textAndIconM [class*="icon"],
.textAndIconL [class*="icon"] {
    position: absolute;
    right: 0;
    top: 0;
}

ul {
    list-style: none outside none;
}
ul.listDefault li {
    background: url("/Images/shared/icons/bull.png") no-repeat scroll 0 8px transparent;
    min-height: 5px;
    padding-left: 10px;
}

.fontDefaultL a, [class*="font"] a.fontDefaultLLink, .fontDefaultLLink {
    color: #0026B3;
    cursor: pointer;
    font: 16px/21px Tahoma,Geneva,Kalimati,sans-serif;
    text-decoration: underline;
}
.fontDefaultL a:hover, [class*="font"] a.fontDefaultLLink:hover, .fontDefaultLLink:hover {
    color: #FF7500;
    cursor: pointer;
    font: 16px/21px Tahoma,Geneva,Kalimati,sans-serif;
    text-decoration: underline;
}

/*RIGHT BOX*/
.listIconHookLoudS {
    background: url("/Images/shared/icons/hook_loud_s.png") no-repeat scroll 0 3px transparent;
    min-height: 12px;
    min-width: 12px;
    padding-left: 21px;
}

.cornerIconContainer {
    position: relative;
}

.iconProfileEditXL {
    background: url("/Images/shared/icons/profile_edit_XL.png") no-repeat scroll 0 0 transparent;
    display: inline-block;
    height: 30px;
    vertical-align: top;
    width: 40px;
}

.iconProfileEditAnkaufXL {
    background: url("/Images/shared/icons/ankauf_XL.png") no-repeat scroll 0 0 transparent;
    display: inline-block;
    height: 40px;
    vertical-align: top;
    width: 28px;
}



.cornericonProfileEditXL {
    position: absolute;
    right: -9px;
    top: 9px;
}

.buttonWill input, .buttonWill button, .buttonWill a, .buttonWill a:hover, .buttonWill a:visited {
display:inline;
}

.ie9 .buttonWill input, .ie9 .buttonWill button, .ie9 .buttonWill a, .ie9 .buttonWill a:hover, .ie9 .buttonWill a:visited {
display:inline;
}

.packageBorderBottom 
{
    border-bottom: 1px solid #CCD6E1;
}

.packageTopBlue
{    
    background-image: url("/images/shared/icons/package-top-blue.png");
    background-repeat: no-repeat;
    position: relative;
}

.packageTopSandy
{
    background-image: url("/images/shared/icons/package-top-sandy.png");
    background-repeat: no-repeat;
    position: relative;
}

.packageMinHeight 
{
    min-height: 82px
}

.alignCenter {
    text-align: center;
}

.packageCellBlue
{
    background: none repeat scroll 0 0 #E5EAF0;
}

.packageCellSandy
{
    background: none repeat scroll 0 0 #F1EEE9;
}

.packageBottomBlue
{
    background-image: url("/images/shared/icons/package-bottom-blue.png");
    background-repeat: no-repeat;
    background-position: center bottom;
    position: relative;
}

.packageBottomSandy 
{
    background-image: url("/images/shared/icons/package-bottom-sandy.png");
    background-repeat: no-repeat;
    background-position: center bottom;
    position: relative;
}

.packageBadge
{
    top: -36px; 
    left: 107px; 
    position: absolute;   
}

.packageDisabled 
{
    opacity:0.5;
    filter:alpha(opacity=50);   
}

.fontIconLinkSilent.hovered {
    color: #ff7500;
    font: 12px/18px Verdana,Helvetica,Arial,sans-serif;
    text-decoration: none;
}

.iconCvmHomeXL.iconCvmSwapClassCustom
{
    background-image: url('/Images/shared/icons/category_cvm_home_hover_XL_sprite.png');
}
#typeahead_results
{
    position: absolute;
    background-color: #ffffff;
    width: 234px;
    border: 1px solid #999;
    display: none;
    z-index: 9999;
}

#typeahead_results li
{
   width: 224px;
   padding: 5px;
   cursor: pointer;  
}
#typeahead_results li:hover
{
    background-color: #999;    
}