article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video
{
    display: block;
}
table, table td
{
    padding: 0;
    border: none;
    border-collapse: collapse;
}
mark, rp, rt, ruby, summary, time
{
    display: inline;
}
::-webkit-scrollbar
{
    width: 6px;
    height: 6px;
}
::-webkit-scrollbar-track
{
    background: rgba(255, 255, 255, 1);
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
/* Handle */
::-webkit-scrollbar-thumb
{
    background: rgba(0, 0, 0, 1);
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
::-webkit-scrollbar-thumb:window-inactive
{
    background: rgba(0, 0, 0, 1);
}
.fl
{
    float: left;
}
.fr
{
    float: right;
}
.cb
{
    clear: both;
}
.cl
{
    clear: left;
}
.cr
{
    clear: right;
}
.pr
{
    position: relative;
}
.Pa
{
    position: absolute;
}


.mr_20
{
    margin-right: 20px;
}
.mr_30
{
    margin-right: 30px;
}


.ml_20
{
    margin-left: 20px;
}
.ml_30
{
    margin-left: 30px;
}


.pl_20
{
    padding-left: 20px;
}
.pl_30
{
    padding-left: 30px;
}


.rs16
{
    font-size: 18px !important;
    padding-left: 10px;
}
.nobdr
{
    border: none !important;
}
.bdr
{
    border: 1px solid #e1e1e1;
}
.trans
{
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
}
.radius
{
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
.radius5
{
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.radius_top
{
    border-top-left-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -moz-border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-top-right-radius: 5px;
}





.css3-shadow
{
    position: relative;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}

/*==================================================
 * Drop shadow effect with box-shadow
 * ===============================================*/
.css3-shadow:after
{
    content: "";
    position: absolute;
    z-index: -1;
    -webkit-box-shadow: 0 0 20px rgba(0,0,0,0.5);
    box-shadow: 0 0 20px rgba(0,0,0,0.5);
    bottom: 0px;
    width: 70%;
    height: 50%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    left: 10%;
    right: 10%;
}



.h_underlin
{
    font-size: 20px;
    display: block;
    border-bottom: 1px solid #62c98d;
    line-height: 35px;
    font-size: 20px;
    font-weight: 800;
}




/* Personal Details*/
.box_o table td b
{
    display: inline-block;
    width: 46%;
}
.field
{
    width: 90px;
    height: 35px;
    margin-left: 0px;
}
.switch label
{
    cursor: pointer;
}
/* Used for the Switch effect: gender */
.cb-male, .cb-female, .cb-male span, .cb-female span
{
    display: block;
    float: left;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
.cb-male span, .cb-female span
{
    width: 40px;
    height: 35px;
    background: url('../images/sex_martial.png') no-repeat;
    text-indent: -9999px;
}
.cb-male span
{
    background-position: -145px 3px;
}
.cb-female span
{
    background-position: -32px 3px;
}
.cb-female.selected
{
    background-color:#FFC0CB;
}
.cb-female.selected span
{
    background-position: -189px 3px;
}
.cb-male.selected
{
    background-color: #62c98d;
}
.cb-male.selected span
{
    background-position: 12px 3px;
}
/* used for the switch male female joint holder*/

.cb-malejoint, .cb-femalejoint, .cb-malejoint span, .cb-femalejoint span
{
    display: block;
    float: left;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
.cb-malejoint span, .cb-femalejoint span
{
    width: 40px;
    height: 35px;
    background: url('../images/sex_martial.png') no-repeat;
    text-indent: -9999px;
}
.cb-malejoint span
{
    background-position: -145px 3px;
}
.cb-femalejoint span
{
    background-position: -32px 3px;
}
.cb-femalejoint.selected
{
    background-color: #FFC0CB;
}
.cb-femalejoint.selected span
{
    background-position: -189px 3px;
}
.cb-malejoint.selected
{
    background-color:#62c98d;
}
.cb-malejoint.selected span
{
    background-position: 12px 3px;
}


/* Used for the Switch effect: marital status */
.cb-single, .cb-married, .cb-single span, .cb-married span
{
    display: block;
    float: left;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
.cb-single span, .cb-married span
{
    width: 40px;
    height: 35px;
    background: url('../images/sex_martial.png') no-repeat;
    text-indent: -9999px;
}
.cb-single span
{
    background-position: -138px -60px;
}
.cb-married span
{
    background-position: -30px -60px;
}
.cb-married.selected
{
    background-color: #62c98d;
}
.cb-married.selected span
{
    background-color: #62c98d;
    background-position: -180px -60px;
}
.cb-single.selected
{
    background-color: #62c98d;
}
.cb-single.selected span
{
    background-color: #62c98d;
    background-position: 12px -60px;
}
/* Used for the Switch effect: marital status in joint holder */
.cb-singlejoint, .cb-marriedjoint, .cb-singlejoint span, .cb-marriedjoint span
{
    display: block;
    float: left;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
.cb-singlejoint span, .cb-marriedjoint span
{
    width: 40px;
    height: 35px;
    background: url('../images/sex_martial.png') no-repeat;
    text-indent: -9999px;
}
.cb-singlejoint span
{
    background-position: -138px -60px;
}
.cb-marriedjoint span
{
    background-position: -30px -60px;
}
.cb-marriedjoint.selected
{
    background-color:  #62c98d;
}
.cb-marriedjoint.selected span
{
    background-color: #62c98d;
    background-position: -180px -60px;
}
.cb-singlejoint.selected
{
    background-color: #62c98d;
}
.cb-singlejoint.selected span
{
    background-color: #62c98d;
    background-position: 12px -60px;
}


/* Used for the Switch effect: */
.cb-enable, .cb-disable, .cb-enable span, .cb-disable span
{
    background: url('../images/switch.gif') repeat-x;
    display: block;
    float: left;
}
.cb-enable span, .cb-disable span
{
    line-height: 30px;
    display: block;
    background-repeat: no-repeat;
    font-weight: bold;
}
.cb-enable span
{
    background-position: left -90px;
    padding: 0 10px;
}
.cb-disable span
{
    background-position: right -180px;
    padding: 0 10px;
}
.cb-disable.selected
{
    background-position: 0 -30px;
}
.cb-disable.selected span
{
    background-position: right -210px;
    color: #fff;
}
.cb-enable.selected
{
    background-position: 0 -60px;
}
.cb-enable.selected span
{
    background-position: left -150px;
    color: #fff;
}

sp-mask
{
    position: relative;
    overflow: hidden;
}
.backg
{
    background: #eeeeee;
}
.white_backg
{
    background: #FFF;
}



ul.tabs, ul.tabs2
{
    margin: 0px;
    padding: 0px;
    list-style: none;
}
ul.tabs li, ul.tabs2 li
{
    background: none;
    color: #222;
    display: inline-block;
    padding: 10px 15px;
    cursor: pointer;
    font-weight: bold;
}
ul.tabs2 li a
{
    color:#222;
}
ul.tabs li.current, ul.tabs2 li.current a
{
    /*background: #ededed;
    color: #222;*/
    color:White;
}

.tab-contentt, .tab-content2
{
    display: none;
    background: #ededed;
    padding: 15px;
}

.tab-contentt.current, .tab-content2.current
{
    display: inherit;
}

.bordered-blueberry
{
    background-color: #57B5E3;
    color: #fff;
}

ul.tabs2 li
{
    background: #CCC;
}
ul.tabs2 li.current
{
    background: #57B5E3;
    color: #fff;
}