.MyLabel {
    display: block;
    width: 150px;
    margin-top: 4px;
}
 
html body form .RadInput .MyEmptyTextBox,
html body form .RadInput .MyEnabledTextBox,
html body form .RadInput .MyHoveredTextBox,
html body form .RadInput .MyFocusedTextBox,
html body form .RadInput .MyInvalidTextBox,
html body form .RadInput .MyNegativeTextBox {
    border-width: 1px;
    border-color: #ccc;


}
 
html body .RadInput .MyEmptyTextBox {
    color: #fff;
}
 
html body form .RadInput .MyEnabledTextBox {
}
 
html body form .RadInput .MyHoveredTextBox {
    border-color: #ccc;
    background: #fff;
}
 
html body form .RadInput .MyFocusedTextBox {
    border-color: #ba9a3a;
    background: #fff;
}
 
html body form .RadInput .MyInvalidTextBox {
    border-color: #ec3131;
    background: none #ff9;
}
 
html body form .RadInput .MyNegativeTextBox {
    color: #930;
   
}
 
#example .RadInput .riLabel {
    color: #555;
}
 
#example .RadInput .riTextBox {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
   
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}


 
 #example {
    text-align: center;
}
 
#example .demo-container {
    display: inline-block;
    text-align: left;
    padding: 50px 40px 35px 40px;
}
 
 
.demo-container .RadTabStrip {
    margin-left: 8px;
}
 
.demo-container .RadTabStrip .rtsLevel1 {
    border: none;
}
 
.demo-container .RadTabStrip .tab {
    background-color: #9ab5c1;
    width: 80px;
    height: 70px;
    border-right: 1px solid #FFF;
    text-align: center;
    vertical-align: middle;
}
 
.demo-container .RadTabStrip .tab.overviewTab {
    border-top-left-radius: 5px;
}
 
.demo-container .RadTabStrip .tab.priceTab {
    background-color: #6991a3;
    border-top-right-radius: 5px;
}
 
.demo-container .RadTabStrip .tab.selectedTab {
    background-color: #f77462;
}
 
.demo-container .RadTabStrip .tab.hoveredTab {
    background-color: #81a3b2;
}
 
.demo-container .RadTabStrip .tab.hoveredTab.selectedTab {
    background-color: #f77462;
}
 
.demo-container .RadTabStrip .tab .rtsLink {
    border: none;
    padding: 12px 0 0 0;
}
 
.demo-container .RadTabStrip .tab .rtsTxt {
    color: white;
    font-family: 'Segoe UI';
    font-size: 14px;
}
 
    .demo-container .RadTabStrip .tab .rtsTxt:before {
        display: block;
        height: 22px;
        width: 22px;
        border-radius: 15px;
        background-color: #FFF;
        color: #f77462;
        font-family: TelerikWebUI;
        font-size: 16px;
        text-align: center;
        margin: 0 auto 1px auto;
        padding: 4px;
    }
 
.demo-container .RadTabStrip .tab.overviewTab .rtsTxt:before {
    content: "\e0f9";
}
 
.demo-container .RadTabStrip .tab.attractionsTab .rtsTxt:before {
    content: "\e07c";
}
 
.demo-container .RadTabStrip .tab.locationTab .rtsTxt:before {
    content: "\e125";
}
 
.demo-container .RadTabStrip .tab.calendarTab .rtsTxt:before {
    content: "\e089";
}
 
.demo-container .RadTabStrip .tab.priceTab .rtsTxt:before {
    content: "$";
    font-family: Arial;
    font-size: 20px;
    font-weight: 700;
    padding-top: 4px;
    height: 28px;
    width: 28px;
    padding: 1px;
}