/* 
    Document   : main_tabs
    Created on : 13.01.2013, 18:43:46
    Author     : kirill
*/
 
/* .main-tabs */
.main-tabs {margin: 0; font-family: Tahoma, Arial, Helvetica, sans-serif; padding: 0 0 0 15px;}
.mt-tab { float: left; font-weight: normal; font-size: 18px; margin: 1px 0 0 60px; cursor: pointer; position: relative; border-top: solid 1px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.mt-tab:first-child { border-left: 1px solid; margin-left: 0 !important; border-top-left-radius: 10px; }
.mt-content { float: right; width: 100%; margin: 41px 0 0 -100%; display: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 20px 20px 20px 25px; border-radius: 0 10px 10px 10px; border: solid 3px; position: relative; z-index: 79; }
.mt-tab.active + .mt-content { display: block; } 
.mt-tab:before,
.mt-tab:after { content: ""; width: 36px; bottom: 0; position: absolute; right: 100%; top: -1px; }
.mt-tab:after { right: auto; left: 100%; }
.mt-tab.active:before,
.mt-tab.active:after { top: -3px; width: 52px; }
.mt-tab:first-child:before { display: none !important; }
.mt-tab.active { border-top: 3px solid; border-bottom-color: #fff; height: 44px; z-index: 80 !important; margin-top: 0; }
.mt-tab.active:first-child { border-left-width: 3px; }
.mtt-inside { line-height: 40px; height: 40px; position: relative; margin-top: 1px; display: block; }
.mt-tab.active .mtt-inside { margin: 0; }
.mt-tab:first-child .mtt-inside { padding-left: 24px; }
.mt-tab.active:first-child .mtt-inside { padding-left: 22px; }

.mt-tab.active .mtt-inside:before { content: ""; height: 3px; width: auto; position: absolute; left: 0; right: 0; bottom: -1px; background-color: #fff; top: auto; background-image: none !important; }

/* .main-tabs.shadow */
.main-tabs.shadow .mt-content { box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.1); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 20px 20px 20px 22px; }

/* .main-tabs.blue */
.main-tabs.blue .mt-tab:before { background-image: url(/i/fanytabs/blue/left_thin.png); }
.main-tabs.blue .mt-tab:after { background-image: url(/i/fanytabs/blue/right_thin.png); }
.main-tabs.blue .mt-tab.active:before { background-image: url(/i/fanytabs/blue/left_active_white.png); }
.main-tabs.blue .mt-tab.active:after { background-image: url(/i/fanytabs/blue/right_active_white.png); } 
.main-tabs.blue .mt-tab,
.main-tabs.blue .mt-content { border-color: #cfe3e5; }

/* .main-tabs.orange */
.main-tabs.orange .mt-tab:before { background-image: url(/i/fanytabs/red/left_thin.png); }
.main-tabs.orange .mt-tab:after { background-image: url(/i/fanytabs/red/right_thin.png); }
.main-tabs.orange .mt-tab.active:before { background-image: url(/i/fanytabs/red/left_active_white.png); }
.main-tabs.orange .mt-tab.active:after { background-image: url(/i/fanytabs/red/right_active_white.png); } 
.main-tabs.orange .mt-tab,
.main-tabs.orange .mt-content { border-color: #fbc0a2; }

/* .main-tabs.yellow */
.main-tabs.yellow .mt-tab:before { background-image: url(/i/fanytabs/yellow/left_thin.png); }
.main-tabs.yellow .mt-tab:after { background-image: url(/i/fanytabs/yellow/right_thin.png); }
.main-tabs.yellow .mt-tab.active:before { background-image: url(/i/fanytabs/yellow/left_active_white.png); }
.main-tabs.yellow .mt-tab.active:after { background-image: url(/i/fanytabs/yellow/right_active_white.png); } 
.main-tabs.yellow .mt-tab,
.main-tabs.yellow .mt-content { border-color: #fef0c4; }

/* .main-tabs.gray-blue */
.main-tabs.gray-blue .mt-tab:before { background-image: url(/i/fanytabs/gray_blue/left_thin.png); }
.main-tabs.gray-blue .mt-tab:after { background-image: url(/i/fanytabs/gray_blue/right_thin.png); }
.main-tabs.gray-blue .mt-tab.active:before { background-image: url(/i/fanytabs/gray_blue/left_active_white.png); }
.main-tabs.gray-blue .mt-tab.active:after { background-image: url(/i/fanytabs/gray_blue/right_active_white.png); } 
.main-tabs.gray-blue .mt-tab,
.main-tabs.gray-blue .mt-content { border-color: #cfebf7 ; }

/* .main-tabs.solid */
.main-tabs.solid .mt-tab:before,
.main-tabs.solid .mt-tab:after { top: -3px; }
.main-tabs.solid .mt-tab.active:before,
.main-tabs.solid .mt-tab.active:after { width: 47px; }
.main-tabs.solid .mtt-inside { margin: 0; }
.main-tabs.solid .mtt-inside:before { display: none; }
.main-tabs.solid .mt-tab { border-top: 3px solid; }
.main-tabs.solid .mt-tab:first-child { border-left: 3px solid; }
.main-tabs.solid .mt-tab { margin-top: 0; height: 44px; }
.main-tabs.solid .mt-tab:first-child .mtt-inside { padding-left: 22px; }

/* .main-tabs.dark-blue.solid */
.main-tabs.lilac.solid .mt-tab.active { border-color: #e8effd; background: #e8effd; }
.main-tabs.lilac.solid .mt-tab { border-color: #cfe3e5; }
.main-tabs.lilac.solid .mt-content { background: #e8effd; border-color: #e8effd; }
.main-tabs.lilac.solid .mt-tab:before { background-image: url(/i/fanytabs/blue/left.png); }
.main-tabs.lilac.solid .mt-tab:after { background-image: url(/i/fanytabs/blue/right.png); }
.main-tabs.lilac.solid .mt-tab.active:before { background-image: url(/i/fanytabs/blue/left_active.png); } 
.main-tabs.lilac.solid .mt-tab.active:after { background-image: url(/i/fanytabs/blue/right_active.png); }

/* .main-tabs.green.solid */
.main-tabs.green.solid .mt-tab.active { border-color: #ecf5db; background: #ecf5db; }
.main-tabs.green.solid .mt-tab { border-color: #ecf5db; }
.main-tabs.green.solid .mt-content { background: #ecf5db; border-color: #ecf5db; }
.main-tabs.green.solid .mt-tab:before { background-image: url(/i/fanytabs/blue/tab_left_active.png); }
.main-tabs.green.solid .mt-tab:after { background-image: url(/i/fanytabs/blue/tab_right_active.png); }
.main-tabs.green.solid .mt-tab.active:before { background-image: url(/i/fanytabs/green/left_active.png); } 
.main-tabs.green.solid .mt-tab.active:after { background-image: url(/i/fanytabs/green/right_active.png); }

/* .main-tabs.yellow.solid */
.main-tabs.yellow.solid .mt-tab.active { border-color: #fef4d6; background: #fef4d6; }
.main-tabs.yellow.solid .mt-tab { border-color: #fef4d6; }
.main-tabs.yellow.solid .mt-content { background: #fef4d6; border-color: #fef4d6; }
.main-tabs.yellow.solid .mt-tab:before { background-image: url(/i/fanytabs/yellow/left.png); }
.main-tabs.yellow.solid .mt-tab:after { background-image: url(/i/fanytabs/yellow/right.png); }
.main-tabs.yellow.solid .mt-tab.active:before { background-image: url(/i/fanytabs/yellow/left_active.png); } 
.main-tabs.yellow.solid .mt-tab.active:after { background-image: url(/i/fanytabs/yellow/right_active.png); }

/* .main-tabs.light-green.solid */
.main-tabs.light-green.solid .mt-tab.active { border-color: #f4fafa; background: #f4fafa; }
.main-tabs.light-green.solid .mt-tab { border-color: #f4fafa; }
.main-tabs.light-green.solid .mt-content { background: #f4fafa; border-color: #f4fafa; }
.main-tabs.light-green.solid .mt-tab:before { background-image: url(/i/fanytabs/light_green/left.png); }
.main-tabs.light-green.solid .mt-tab:after { background-image: url(/i/fanytabs/light_green/right.png); }
.main-tabs.light-green.solid .mt-tab.active:before { background-image: url(/i/fanytabs/light_green/left_active.png); } 
.main-tabs.light-green.solid .mt-tab.active:after { background-image: url(/i/fanytabs/light_green/right_active.png); }

/* .main-tabs.gray-blue.solid */
.main-tabs.gray-blue.solid .mt-tab.active { border-color: #ecf8fd; background: #ecf8fd; }
.main-tabs.gray-blue.solid .mt-tab { border-color: #ecf8fd; }
.main-tabs.gray-blue.solid .mt-content { background: #ecf8fd; border-color: #ecf8fd; }
.main-tabs.gray-blue.solid .mt-tab:before { background-image: url(/i/fanytabs/gray_blue/left.png); }
.main-tabs.gray-blue.solid .mt-tab:after { background-image: url(/i/fanytabs/gray_blue/right.png); }
.main-tabs.gray-blue.solid .mt-tab.active:before { background-image: url(/i/fanytabs/gray_blue/left_active.png); } 
.main-tabs.gray-blue.solid .mt-tab.active:after { background-image: url(/i/fanytabs/gray_blue/right_active.png); }

/* main-tabs in .ct-cell-cover */
.ct-cell-cover .mt-content { border-radius: 0; box-shadow: none !important; }

/* main-tabs with bottom padding */
.mt-content.with-bottom-padding { padding-bottom: 35px !important; }

/* main-tabs with select */
.main-tabs.with-select { position: relative; z-index: 100; }
.main-tabs.with-select .mt-content { padding: 10px; }

/* .main-tabs.default */
.main-tabs.default .mt-tab { color: #fff; font-size: 15px; height: 30px; line-height: 30px; margin: 0 0 0 30px; padding: 0 10px; border: solid 1px #ccc; border-radius: 0; background: #e0e0e0; }
.main-tabs.default .mt-tab:first-child { margin-left: 10px !important; }
.main-tabs.default .mt-content { margin-top: 29px; padding: 10px 0 0; border: 0; border-top: 1px solid #ccc; border-radius: 0; }
.main-tabs.default .mt-tab:before,
.main-tabs.default .mt-tab:after { content: none; }
.main-tabs.default .mt-tab.active { background: #fff; border-bottom-color: #fff; color: #000; }

/* .main-tabs.cabinet */
.main-tabs.cabinet .mt-content { display: block; }