body {
}
        .select-box
        {
            background-color: #f4f4f4;
            border: 1px solid #d5d5d5;
            border-radius: 0.3rem;
            height: 3.4rem;
            overflow: hidden;
            padding: 0rem;
            position: relative;
            text-align: left;
            transition: border-color 0.3s ease 0s;
            width:110px;
        }
        .select-box2
        {
             background-color: #f4f4f4;
             border: 1px solid #d5d5d5;
             border-radius: 0.3rem;
             height: 3.4rem;
             overflow: hidden;
             padding: 0rem;
             position: relative;
             text-align: left;
             transition: border-color 0.3s ease 0s;
             width: 60px;
        }
          .select-box3
        {
             background-color: #f4f4f4;
             border: 1px solid #d5d5d5;
             border-radius: 0.3rem;
             height: 3.4rem;
             overflow: hidden;
             padding: 0rem;
             position: relative;
             text-align: left;
             transition: border-color 0.3s ease 0s;
             width: 80px;
        }
        .component-wrapper
        {
            display: inline-block;
            position: relative;
            text-align: right;
            width: 100%;
        }
        select[data-component="selectbox"]
        {
            background: none repeat scroll 0 0 transparent!important;
            border: medium none;
            color: #333;
            font-size: 1rem;
            line-height: 2.3rem;
            position: absolute;
            text-indent: 0.5rem;
            vertical-align: middle;
            visibility: hidden;
            width: 130%;
            z-index: 20;
            height: 2.9rem;
            padding: 0.4rem 0rem 0rem;
            text-indent: 0.1rem !important;
            padding: 0rem;
        }
        
        .select-box select
        {
            visibility: visible;
            top: 0px;
            left: 0px;
        }
        .select-box2 select
        {
            visibility: visible;
            top: 0px;
            left: 0px;
        }
         .select-box3 select
        {
            visibility: visible;
            top: 0px;
            left: 0px;
        }
        .select-box .toggler
        {
            border-left: 1px solid #d5d5d5;
            box-shadow: 1px 0 0 0 #fff inset;
            display: block;
            height: 3.2rem;
            position: absolute;
            right: 0;
            top: 0;
            width: 2.75rem;
            z-index: 1;
        }
        .select-box2 .toggler
        {
            border-left: 1px solid #d5d5d5;
            box-shadow: 1px 0 0 0 #fff inset;
            display: block;
            height: 3.2rem;
            position: absolute;
            right: 0;
            top: 0;
            width: 2.75rem;
            z-index: 1;
        }
        .select-box3 .toggler
        {
            border-left: 1px solid #d5d5d5;
            box-shadow: 1px 0 0 0 #fff inset;
            display: block;
            height: 3.2rem;
            position: absolute;
            right: 0;
            top: 0;
            width: 2.75rem;
            z-index: 1;
        }
        .select-box .toggler i
        {
            background-image: url("../Images/UP_DOWN_ARROW.jpg");
        }
        .select-box2 .toggler i
        {
            background-image: url("../Images/UP_DOWN_ARROW.jpg");
        }
        .select-box3 .toggler i
        {
            background-image: url("../Images/UP_DOWN_ARROW.jpg");
        }
        .select-box .toggler i
        {
            background-repeat: no-repeat;
            background-size: auto auto;
            display: block;
            height: 1.9rem;
            left: 1rem;
            position: absolute;
            top: 0.7rem;
            width: 0.9rem;
        }
        .select-box2 .toggler i
        {
            background-repeat: no-repeat;
            background-size: auto auto;
            display: block;
            height: 1.9rem;
            left: 1rem;
            position: absolute;
            top: 0.7rem;
            width: 0.9rem;
        }
        .select-box3 .toggler i
        {
            background-repeat: no-repeat;
            background-size: auto auto;
            display: block;
            height: 1.9rem;
            left: 1rem;
            position: absolute;
            top: 0.7rem;
            width: 0.9rem;
        }
        .grid_2
        {
            padding: 0rem 0.55rem 0rem 0rem;
            width: 112px !important;
            float:left;            
        }
        .grid_1
        {
            padding: 0rem 0.55rem 0rem 0rem;
            width: 62px !important;
            float:left;
        }
        .gridcontainer:after
        {
            clear: both;
            content: "";
            display: table;
        }
        fieldset.dateofbirth
        {
            text-align: left;
        }
        fieldset
        {
            border: medium none;
            display: block;
            margin: 0rem 0rem 0.6875rem;
            position: relative;
            /*text-align: center;*/
        }