@charset "utf-8";
/* CSS Document */

.tsc_clear {
    clear: both;
    font-size: 0;
    line-height: 0;
    margin: 0;
    padding: 0;
    width: 100%;
}
.tsc_tabs_type_1 dd.current {
    display: block;
}
.tsc_tabs_type_1 {
    background-color: #F8F8F8;
    border-radius: 10px;
    box-shadow: 0 0 3px #C3C3C3;
    height: 468px;
    margin: 0;
    overflow: hidden;
    position: relative;
    width: 100%;
}
.tsc_tabs_type_1 dt {
    border-bottom: 1px solid #EDEDED;
    cursor: pointer;
    font-size: 12px;
    font-weight: 700;
    padding: 14px 0 14px 3%;
    width: 22%;
}
.tsc_tabs_type_1 dt img {
    display: inline-block;
    margin-right: 15px;
    position: relative;
    top: 5px;
}
.tsc_tabs_type_1 dd {
    background-color: #FFFFFF;
    box-shadow: inherit;
    display: none;
    height: 100%;
    margin-left: 25%;
    overflow: auto;
    padding: 4%;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1000;
}
.tsc_tabs_type_1 dt:first-child {
    margin-top: 0;
}
.tsc_tabs_type_1 dd .column_group p:first-child {
    margin-top: 0;
}
.tsc_tabs_type_1_arrow {
    height: 36px;
    left: 23%;
    position: absolute;
    top: 0;
    width: 18px;
    z-index: 1001;
}
.tsc_tabs_type_1 dt.current, .tsc_tabs_type_2 dt.current {
    background-color: #FFFFFF;
    color: #01C3FD;
}
.tsc_tabs_type_2 dd.current {
    display: block;
}
.tsc_tabs_type_2 {
    font-size: 12px;
    height: 330px;
    margin: 0;
    position: relative;
}
.tsc_tabs_type_2 dt {
    background-color: #F8F8F8;
    border-radius: 10px 10px 0 0;
    box-shadow: 0 0 3px #C3C3C3;
    cursor: pointer;
    float: left;
    font-size: 12px;
    font-weight: bold;
    height: 40px;
    line-height: 40px;
    margin-left: 0;
    margin-right: 5px;
    padding: 0 16px;
}
.tsc_tabs_type_2 dt.current {
    background-color: #FFFFFF;
}
.tsc_tabs_type_2 dd {
    background: none repeat scroll 0 0 #FFFFFF;
    border-radius: 0 10px 10px;
    box-shadow: 0 0 3px #C3C3C3;
    display: none;
    height: 230px;
    left: 0;
    margin: 0;
    padding: 30px;
    position: absolute;
    top: 40px;
}
.tsc_tabs_type_2_arrow {
    height: 15px;
    position: absolute;
    top: 38px;
    width: 28px;
    z-index: 1001;
}
#tsc_tabs_type_3_container {
    width: 100%;
}
#tsc_tabs_type_3 {
    list-style: none outside none;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}
#tsc_tabs_type_3 li {
    float: left;
    margin: 0 -15px 0 0;
}
#tsc_tabs_type_3 a {
    border-bottom: 30px solid #3D3D3D;
    border-right: 30px solid rgba(0, 0, 0, 0);
    color: #FFFFFF;
    float: left;
    height: 0;
    line-height: 30px;
    opacity: 0.3;
    padding: 0 40px;
    position: relative;
    text-decoration: none;
    text-transform: uppercase;
}
#tsc_tabs_type_3 a:hover, #tsc_tabs_type_3 a:focus {
    border-bottom-color: #2AC7E1;
    opacity: 1;
}
#tsc_tabs_type_3 a:focus {
    outline: 0 none;
}
#tsc_tabs_type_3 #current {
    border-bottom-color: #3D3D3D;
    opacity: 1;
    z-index: 3;
}
#tsc_tabs_type_3_content {
    background: none repeat scroll 0 0 #FFFFFF;
    border-color: #3D3D3D #CCCCCC #CCCCCC;
    border-style: solid;
    border-width: 2px 1px 1px;
    padding: 2em;
}
#tsc_tabs_type_3_content h2, #tsc_tabs_type_3_content h3, #tsc_tabs_type_3_content p {
    margin: 0 0 15px;
}
#tsc_tabs_type_4_container {
    width: 100%;
}
#tsc_tabs_type_4 {
    list-style: none outside none;
    margin: 34px 0 0;
    overflow: auto;
    padding: 0;
    width: 100%;
}
#tsc_tabs_type_4 li {
    float: left;
    margin: 0;
    padding: 0;
}
#tsc_tabs_type_4 a {
    background: none repeat scroll 0 0 #F2F2F2;
    color: #333333;
    float: left;
    font: bold 12px/35px 'Lucida sans',Arial,Helvetica;
    height: 35px;
    padding: 0 30px;
    text-decoration: none;
    text-shadow: none;
}
#tsc_tabs_type_4 a:hover {
    background: linear-gradient(220deg, rgba(0, 0, 0, 0) 10px, #4CB44B 10px) repeat scroll 0 0 rgba(0, 0, 0, 0);
}
#tsc_tabs_type_4 a:focus {
    outline: 0 none;
}
#tsc_tabs_type_4 #current a {
    background: linear-gradient(220deg, rgba(0, 0, 0, 0) 0px, #4CB44B 0px) repeat scroll 0 0 rgba(0, 0, 0, 0);
    box-shadow: -4px 0 0 rgba(0, 0, 0, 0.2);
    color: #FFFFFF;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
}
#tsc_tabs_type_4_content {
    background-color: #FFFFFF;
    border-color: #4CB44B;
    border-style: solid;
    border-width: 1px;
    padding: 16px;
}
.tsc_flat_tab_main_container {
}
ul.flat_tabs {
    border-bottom: 1px solid #CCCCCC;
    border-left: 1px solid #CCCCCC;
    float: left;
    height: 32px;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    width: 100%;
}
ul.flat_tabs li {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 #EEEEEE;
    border-color: #CCCCCC #CCCCCC #CCCCCC -moz-use-text-color;
    border-image: none;
    border-style: solid solid solid none;
    border-width: 1px 1px 1px medium;
    float: left;
    height: 31px;
    line-height: 31px;
    margin: 0 0 -1px;
    overflow: hidden;
    padding: 0;
    position: relative;
}
ul.flat_tabs li a {
    border: 1px solid #FFFFFF;
    color: #000000;
    display: block;
    font-size: 1.2em;
    outline: medium none;
    padding: 0 20px;
    text-decoration: none;
}
ul.flat_tabs li a:hover {
    background: none repeat scroll 0 0 #CCCCCC;
}
html ul.flat_tabs li.active, html ul.flat_tabs li.active a:hover {
    background: none repeat scroll 0 0 #FFFFFF;
    border-bottom: 1px solid #FFFFFF;
}
.tsc_flat_tab_subcontainer {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 #FFFFFF;
    border-color: -moz-use-text-color #CCCCCC #CCCCCC;
    border-image: none;
    border-right: 1px solid #CCCCCC;
    border-style: none solid solid;
    border-width: medium 1px 1px;
    clear: both;
    float: left;
    width: 100%;
}
.tsc_flat_tab_content {
    font-size: 1.2em;
    padding: 20px;
}
.tsc_flat_tab_content h2 {
    border-bottom: 1px dashed #DDDDDD;
    font-size: 1.8em;
    font-weight: normal;
    padding-bottom: 10px;
}
.tsc_flat_tab_content h3 a {
    color: #254588;
}
.tsc_flat_tab_content img {
    border: 1px solid #DDDDDD;
    float: left;
    margin: 0 20px 20px 0;
    padding: 5px;
}
.tsc_gradient-tabs {
    position: relative;
    width: 100%;
}
.tsc_gradient-tabs input {
    cursor: pointer;
    height: 40px;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 120px;
    z-index: 1000;
}
.tsc_gradient-tabs input#grad-tab-2 {
    left: 120px;
}
.tsc_gradient-tabs input#grad-tab-3 {
    left: 240px;
}
.tsc_gradient-tabs input#grad-tab-4 {
    left: 360px;
}
.tsc_gradient-tabs label {
    background: -moz-linear-gradient(center top , #EEEEEE 0%, #DDDDDD 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-radius: 3px 3px 0 0;
    box-shadow: 2px 0 2px rgba(0, 0, 0, 0.1), -2px 0 2px rgba(0, 0, 0, 0.1);
    color: #333333;
    display: block;
    float: left;
    font-size: 15px;
    height: 40px;
    letter-spacing: 1px;
    line-height: 40px;
    padding: 0 20px;
    position: relative;
    text-align: center;
    text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.3);
    text-transform: uppercase;
    width: 80px;
}
.tsc_gradient-tabs label:after {
    background: none repeat scroll 0 0 #FFFFFF;
    bottom: -2px;
    content: "";
    display: block;
    height: 2px;
    left: 0;
    position: absolute;
    width: 100%;
}
.tsc_gradient-tabs input:hover + label {
    background: none repeat scroll 0 0 #FFFFFF;
}
.tsc_gradient-tabs label:first-of-type {
    box-shadow: 2px 0 2px rgba(0, 0, 0, 0.1);
    z-index: 4;
}
.grad-tab-label-2 {
    z-index: 3;
}
.grad-tab-label-3 {
    z-index: 2;
}
.grad-tab-label-4 {
    z-index: 1;
}
.tsc_gradient-tabs input:checked + label {
    animation: 0.2s linear 0s normal none 1 page;
    background: none repeat scroll 0 0 #F2F2F2;
    z-index: 6;
}
.clear-shadow {
    clear: both;
}
.gradtab-content {
    background: none repeat scroll 0 0 #FFFFFF;
    border-radius: 0 3px 3px;
    box-shadow: 1px 2px 7px rgba(0, 0, 0, 0.2);
    height: 240px;
    overflow: hidden;
    position: relative;
    width: 100%;
    z-index: 5;
}
.gradtab-content div {
    opacity: 0;
    padding: 10px 40px;
    position: absolute;
    top: 0;
    transition: all 0.3s linear 0s;
    z-index: 1;
}
.gradtab-content-1, .gradtab-content-3 {
    transform: translateX(-250px);
}
.gradtab-content-2, .gradtab-content-4 {
    transform: translateX(250px);
}
.tsc_gradient-tabs input.grad-tab-selector-1:checked ~ .gradtab-content .gradtab-content-1, .tsc_gradient-tabs input.grad-tab-selector-2:checked ~ .gradtab-content .gradtab-content-2, .tsc_gradient-tabs input.grad-tab-selector-3:checked ~ .gradtab-content .gradtab-content-3, .tsc_gradient-tabs input.grad-tab-selector-4:checked ~ .gradtab-content .gradtab-content-4 {
    opacity: 1;
    transform: translateX(0px);
    transition: all 0.2s ease-out 0.1s;
    z-index: 100;
}
.gradtab-content div h2, .gradtab-content div h3 {
    color: #398080;
}
.gradtab-content div p {
    border-left: 8px solid rgba(204, 204, 204, 0.2);
    color: #777777;
    font-size: 14px;
    line-height: 22px;
    margin: 0;
    padding-left: 15px;
    text-align: left;
}
.tsc_gradient-vtabs {
    position: relative;
    width: 100%;
}
.tsc_gradient-vtabs input {
    cursor: pointer;
    height: 40px;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 120px;
    z-index: 1000;
}
.tsc_gradient-vtabs input#vgrad-tab-2 {
    top: 40px;
}
.tsc_gradient-vtabs input#vgrad-tab-3 {
    top: 80px;
}
.tsc_gradient-vtabs input#vgrad-tab-4 {
    top: 120px;
}
.tsc_gradient-vtabs label {
    background: -moz-linear-gradient(center top , #EEEEEE 0%, #DDDDDD 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-radius: 3px 0 0 3px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    clear: both;
    color: #333333;
    display: block;
    float: left;
    font-size: 15px;
    height: 40px;
    letter-spacing: 1px;
    line-height: 40px;
    padding: 0 20px;
    position: relative;
    text-align: right;
    text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.3);
    text-transform: uppercase;
    width: 80px;
}
.tsc_gradient-vtabs label:after {
    content: "";
    height: 100%;
    position: absolute;
    right: -2px;
    top: 0;
    width: 2px;
}
.tsc_gradient-vtabs input:hover + label {
    background: none repeat scroll 0 0 #FFFFFF;
}
.tsc_gradient-vtabs label:first-of-type {
    z-index: 4;
}
.vgrad-tab-label-2 {
    z-index: 3;
}
.vgrad-tabtab-label-3 {
    z-index: 2;
}
.vgrad-tabtab-label-4 {
    z-index: 1;
}
.tsc_gradient-vtabs input:checked + label {
    background: none repeat scroll 0 0 #F2F2F2;
    z-index: 6;
}
.clear-shadow {
    clear: both;
}
.vgradtab-content {
    background: none repeat scroll 0 0 #FFFFFF;
    border-radius: 3px;
    box-shadow: 1px 2px 7px rgba(0, 0, 0, 0.2);
    height: 250px;
    margin: -175px 0 0 120px;
    overflow: hidden;
    position: relative;
    width: auto;
    z-index: 5;
}
.vgradtab-content div {
    opacity: 0;
    padding: 10px 40px;
    position: absolute;
    top: 0;
    transition: all 0.5s linear 0s;
    z-index: 1;
}
.vgradtab-content div {
    transform: translateY(-450px);
}
.tsc_gradient-vtabs input.vgrad-tab-selector-1:checked ~ .vgradtab-content .vgradtab-content-1, .tsc_gradient-vtabs input.vgrad-tab-selector-2:checked ~ .vgradtab-content .vgradtab-content-2, .tsc_gradient-vtabs input.vgrad-tab-selector-3:checked ~ .vgradtab-content .vgradtab-content-3, .tsc_gradient-vtabs input.vgrad-tab-selector-4:checked ~ .vgradtab-content .vgradtab-content-4 {
    opacity: 1;
    transform: translateY(0px);
    transition: all 0.3s ease-out 0.3s;
    z-index: 100;
}
.vgradtab-content div h2, .vgradtab-content div h3 {
    color: #398080;
}
.vgradtab-content div p {
    border-left: 8px solid rgba(204, 204, 204, 0.2);
    color: #777777;
    font-size: 14px;
    line-height: 22px;
    margin: 0;
    padding-left: 15px;
    text-align: left;
}