.clear {
    clear: both; }

@font-face {
    font-family: 'Segoe UI';
    src: url("../fonts/segoeui.eot");
    src: url("../fonts/segoeui.eot?#iefix") format("embedded-opentype"), url("../fonts/segoeui.woff") format("woff"), url("../fonts/segoeui.ttf") format("truetype"), url("../fonts/segoeui.svg#Segoe_UI") format("svg");
    font-weight: normal;
    font-style: normal; }
@font-face {
    font-family: 'Segoe UI';
    src: url("../fonts/segoeuil.eot");
    src: url("../fonts/segoeuil.eot?#iefix") format("embedded-opentype"), url("../fonts/segoeuil.woff") format("woff"), url("../fonts/segoeuil.ttf") format("truetype"), url("../fonts/segoeuil.svg#Segoe_UI") format("svg");
    font-weight: 100;
    font-style: normal; }
@font-face {
    font-family: 'Segoe UI';
    src: url("../fonts/segoeuib.eot");
    src: url("../fonts/segoeuib.eot?#iefix") format("embedded-opentype"), url("../fonts/segoeuib.woff") format("woff"), url("../fonts/segoeuib.ttf") format("truetype"), url("../fonts/segoeuib.svg#Segoe_UI") format("svg");
    font-weight: bold;
    font-style: normal; }
@font-face {
    font-family: 'Segoe UI';
    src: url("../fonts/seguisb.eot");
    src: url("../fonts/seguisb.eot?#iefix") format("embedded-opentype"), url("../fonts/seguisb.woff") format("woff"), url("../fonts/seguisb.ttf") format("truetype"), url("../fonts/seguisb.svg#Segoe_UI") format("svg");
    font-weight: 600;
    font-style: normal; }

.text-center {
    text-align: center; }

.text-right {
    text-align: right; }

.text-justify {
    text-align: justify; }

.text-justify-no-space {
    text-align: justify;
    word-spacing:-2px;  }

.center {
    display: block;
    margin: 0 auto; }

.inline-block {
    display: inline-block; }

.container {
    width: 750px !important;
    height: 1000px !important;
    position: relative;
    margin: 0 auto;
    font-family: 'Segoe UI', Arial, Helvetica, sans-serif;
    font-size: 17px;
    background: #fff;
    color: #222;
    font-weight: normal;
    overflow-x: hidden;
    overflow-y: auto !important; }

body {
    background: #ddd; }

.container p sup {
    vertical-align: top; }
.container p a {
    color: #000; }
.container p a:hover {
    text-decoration: underline; }

.row {
    padding-top: 20px; }

p{
    text-indent: 25px;
}

.image-right {
    float: right;
    margin-left: 15px; }

.image-left {
    float: left;
    margin-right: 15px; }

.fs9 {
    font-size: 9px; }

.fs10 {
    font-size: 10px; }

.fs11 {
    font-size: 11px; }

.fs12 {
    font-size: 12px; }

.fs13 {
    font-size: 13px; }

.fs14 {
    font-size: 14px; }

.fs15 {
    font-size: 15px; }

.fs16 {
    font-size: 16px; }

.fs17 {
    font-size: 17px; }

.fs18 {
    font-size: 18px; }

.fs19 {
    font-size: 19px; }

.fs20 {
    font-size: 20px; }

.fs22 {
    font-size: 22px; }

.fs24 {
    font-size: 24px; }

.fs28 {
    font-size: 28px; }

.fs30 {
    font-size: 30px; }

.fs32 {
    font-size: 32px; }

.fs36 {
    font-size: 36px; }

.fs40 {
    font-size: 40px; }

.fs42 {
    font-size: 42px; }

.fs48 {
    font-size: 48px; }

.fs54 {
    font-size: 54px; }

.fs60 {
    font-size: 60px; }

.fs64 {
    font-size: 64px; }

.fs72 {
    font-size: 72px; }

.fs92 {
    font-size: 92px; }

.fs104 {
    font-size: 104px; }

.line {
    position: absolute;
    top: 38px;
    left: 56px;
    display: block;
    width: 115px;
    height: 1px;
    background-color: #3a87ad;
    /* Rotate div */
    -ms-transform: rotate(22deg);
    /* IE 9 */
    -webkit-transform: rotate(22deg);
    /* Chrome, Safari, Opera */
    transform: rotate(22deg); }

.list-box {
    width: 43px;
    height: 43px;
    border: 1px solid #52a625;
    border-radius: 7px;
    color: #52a625;
    text-align: center;
    line-height: 43px;
    font-weight: bold;
    margin: 0 auto;
    display: inline-block;
    background: #fff; }

h1, h2, h3, h4, h5, h6 {
    font-weight: bold; }

.radius {
    overflow: hidden;
    border-radius: 10px; }

sub, sup {
    font-size: 12px;
    /*font-weight:bold;*/ }

sup {
    position: relative;
    top: 8px;
}

.table sup {
    top: -5px;
    font-size: 10px; }

ol li sup {
    font-size: 10px; }

ol li ol {
    margin: 10px 0; }

.table-white {
    background: #fff; }

.paragraph-fix p {
    margin-bottom: 2px; }
.paragraph-fix .panel {
    margin-top: 10px;
    margin-bottom: 10px; }

.panel .panel-body > p:last-child, .panel .panel-body ol:last-child, .panel .panel-body ul:last-child {
    margin-bottom: 0; }

.e-f-family{
    font-family: 'Segoe UI', Arial, Helvetica, sans-serif;
}

.e-panel-1 {
    background: #ff9944;
    width: 75px;
    float: left;
    margin: 3px;
}

.e-panel-2 {
    background: #ffeedd;
    padding: 0 60px;
    float: left;
    margin: 3px;
    font-weight: bold;
    text-align: center;
    min-width: 30%;
}

.e-panel-3 {
    background: #7f679f;
    padding: 0 60px;
    float: left;
    margin: 3px;
    font-weight: bold;
    text-align: center;
    min-width: 35%;
    color: #ffffff;
}

.e-panel-border-l-green {
    margin: 10px;
    margin-left: 5px;
    outline: 1px solid #59a6b5;
    padding: 5px;
    border-left: 7px solid #59a6b5;
    width: 40%;
}

/*
.question {
    background: url(../img/question.png) no-repeat right;
    min-height: 138px;
    padding:20px 200px 20px 20px;
}
.null{
    background: url("../img/null-icon.jpg")no-repeat 0;
    min-height: 28px;
    padding-left: 35px;
}
*/

p .label {
    float: left;
    line-height: 20px;
    margin-right: 10px; }

.label {
    position: relative; }

.title{
    width: 100%;
    height: 60px;
    margin: 10px 0;
}

/*
.title span.img-title{
    float: left;
    background: url("../img/title-bg.png")no-repeat;
    height: 42px;
    width: 52px;
}

.title span.img-content{
    float: left;
    margin-top: 20px;
    margin-left: 15px;
    margin-right: 10px;

}

.title span.no{
    font-size:20px;
    border: 3px solid #dddddd ;
    border-radius: 5px;
    padding: 2px 10px;
    font-weight: bold;
    margin-right: 5px;;
}
*/

.box-comment{
    left: 20px;
    position: relative;
    background-color: #fde0c1;
    width: 140px;
    min-height: 65px;
    padding: 10px 15px;
    font-size: 16px;
}

.box-comment .triangle{
    position: absolute;
    left:-20px;
    top: 50%;
    margin-top: -20px;
    width: 0;
    height: 0;
    border-top: 15px solid transparent;
    border-right: 20px solid #fce1c2;
    border-bottom: 15px solid transparent;
}

.box-comment .triangle-bottom{
    position: absolute;
    bottom: -20px;
    left: 50%;
    margin-left: -25px;
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 20px solid #fce1c2;
}

.box-comment .triangle-top{
    position: absolute;
    top: -20px;
    left: 50%;
    margin-left: -25px;
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 20px solid #fce1c2;
}

.box-comment .triangle-right{
    position: absolute;
    right:-20px;
    top: 50%;
    margin-top: -20px;
    width: 0;
    height: 0;
    border-top: 15px solid transparent;
    border-left: 20px solid #fce1c2;
    border-bottom: 15px solid transparent;
}

.text-white{
    color: #ffffff;
}

p.par{text-indent: -20px;}
p.no{text-indent: 0px;}

.bolme {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    text-align: center;
    padding: 0 1px;
    text-indent: 3px;
    margin: -4px 0;
}
.bolme em {
    position: absolute;
    top: 24px;
    margin-top: -1px;
    height: 1px;
    background: #111;
    width: 100%;
    left: 0; }

/*EXTRA*/

.e-block{display:block;}

.e-box {
    display: inline-block;
    width: 150px;
    position: relative;
    background-color: #f7faff;
    color: #84c7d0;
    text-align: center;
    height: auto;
}

.e-box-r-5-g-1 {
    display: inline-block;
    padding: 10px;
    background-color: #fffef2;
    border: 2px solid #398756;
    font-weight: 500;
    font-size: 30px;
    text-align: center;
    height: auto;
}

.e-box-y {
    display: inline-block;
    width: auto;
    padding: 5px;
    position: relative;
    background-color: #ffeec2;
    color: #222222;
    height: auto;
    border: 1px solid #ec51ad;
}

.e-box-b {
    display: inline-block;
    width: 24px;
    height: 24px;
    padding: 5px;
    position: relative;
    background-color: #52a8bf;
    color: #ffffff;
    float: left;
    margin: 3px;
}

.e-table-box {
    background-color: #f8fbff;
    color: #84c7d0;
    text-align: center;
    font-size: 18px;
}

span.e-square{
    width: 15px;
    height: 10px;
    border: 1px solid #ec51ad;
    display:inline-block;
}

span.text-e-right{
    float:right;
    display:block;
}

.e-bold{
    font-weight:bold;
}

.e-normal{
    font-weight:normal;
}

.e-text-left{
    text-align:left;
}

.e-right{
    float:right;
}

.text-e-info-1 {
    color: #415293;
}

.text-e-info-2 {
    color: #3ba8ce;
}

.text-e-silver {
    color: #95969a;
}

.text-e-yellow {
    color: #ee9353;
}

.text-e-gold {
    color: #a09158;
}

.text-e-green-1 {
    color: #00ff6d;
}

.text-e-green-2 {
    color: #34cf35;
}

.text-e-l-green {
    color: #59a6b5;
}

.text-e-orange {
    color: #ed9756;
}

.text-e-orange-1 {
    color: #895820;
}

.text-e-red {
    color: #ee1d31;
}

.text-e-b-red {
    color: #a63234;
}

.text-e-l-red {
    color: #e92e38;
}

.text-e-l-pink {
    color: #f32a87;
}

.text-e-blue {
    color: #52a8bf;
}

.text-e-l-blue {
    color: #24aeec;
}

.text-e-violet {
    color: #7b1a95;
}

.text-e-black {
    color: #222222;
}

.text-e-blue-1{
    color: #0371b6;
}

.e-title-bar {
    width: 100% ;
    padding: 5px 10px;
    font-weight: bold;
    margin: 5px 0;
}

.e-bg-l-pink {
    background-color: #c657a0 !important;
}

.e-bg-l-brown {
    background-color: #ddd9c3 !important;
}

.e-bg-silver {
    background-color: #dddcdf !important;
}

.e-bg-l-silver {
    background-color: #f3f3f3 !important;
}

.e-bg-l-silver-1 {
    background-color: #eeeeee !important;
}

.e-bg-l-blue {
    background-color: #b6dce6 !important;
}

.e-bg-l-blue-1 {
    background-color: #c5d8f0 !important;
}

.e-bg-l-blue-2 {
    background-color: #c5d8f0 !important;
}

.e-bg-l-blue-3 {
    background-color: #d9f0fa !important;
}

.e-bg-l-blue-4 {
    background-color: #a0c6e9 !important;
}

.e-bg-yellow {
    background-color: #ffff00 !important;
}

.e-bg-l-yellow {
    background-color: #f7d68d !important;
}

.e-bg-pink {
    background-color: #f2dbdb !important;
}

.e-bg-pink-1 {
    background-color: #e5b8b7 !important;
}

.e-bg-violet {
    background-color: #7f6995 !important;
}

.e-bg-violet-1 {
    background-color: #e9e2ee !important;
}


.e-bg-green-c {
    background: #d6e3bc;
}

.e-bg-l-green {
    background-color: #eeece1 !important;
}

.e-bg-l-green-1 {
    background-color: #e8f0dc !important;
}

.e-bg-l-green-2 {
    background-color: #c0d39d !important;
}

.e-bg-l-green-3 {
    background-color: #eeece1 !important;
}

.e-bg-red-q {
    background-color: #e61306 !important;
}

.e-bg-orange-q {
    background-color: #ff8b00 !important;
}

.e-bg-blue-q {
    background-color: #0321b2 !important;
}

.e-bg-l-red-q {
    background-color: #ff3200 !important;
}

.e-border-color-green {
    border-color: #02968b !important;
}

.e-back-violet {
    background-color: #f1e3de;
    padding: 10px;
}

.e-back-l-red {
    background-color: #f1e3de;
    padding: 10px;
}

.e-back-brown {
    background-color: #7f4a03;
    padding: 10px;
    text-indent: 5px;
}


.e-back-t-blue {
    background-color: #52a8bf;
    padding-left: 15px;
    padding-right: 15px;
}

.e-back-t-blue-1 {
    background-color: #52a8bf;
    padding-left: 5px;
    padding-right: 5px;
}

.e-back-t-blue-2 {
    background-color: #dbeef4;
    padding-left: 10px;
    padding-right: 5px;
}

.e-back-t-s-2 {
    background-color: #f7e087;
    padding-left: 10px;
    padding-right: 10px;
}

.e-back-border-t-blue-1 {
    background-color: #ffffff;
    padding-left: 5px;
    padding-right: 5px;
    color: #52a8bf;
    border: 1px solid #52a8bf;
    font-weight: bold;
}

.e-back-new-text {
    left: 0;
    position:absolute;
    top: 15px;
    width: 100%;
    font-size: 24px;
    font-weight: bold;
    color: #222222;
}

.panel-e-y {
    margin-bottom: 10px;
    margin-top: 10px;
}
.panel-e-y .panel-heading{color:#222222; padding: 5px; background-color: #ffffff;}
.panel-e-y > .panel-body {
    background-color: #fef3d8 !important;
    padding: 5px;
    color: #222222;
}

.panel-e-grey-q {
    margin-bottom: 10px;
    margin-top: 10px;
}
.panel-e-grey-q .panel-heading{color:#222222; padding: 5px; background-color: #ffffff;}
.panel-e-grey-q > .panel-body {
    background-color: #ddd9c3 !important;
    padding: 5px;
    color: #222222;
}

.panel-green-q {
    margin-bottom: 10px;
    margin-top: 10px;
}
.panel-green-q .panel-heading{color:#222222; padding: 5px; background-color: #ffffff;}
.panel-green-q > .panel-body {
    background-color: #339d2b !important;
    padding: 5px;
    color: #ffffff;
}

.panel-e-v {
    margin-bottom: 10px;
    margin-top: 10px;
}
.panel-e-v .panel-heading{color:#82669e; padding: 5px; background-color: #ffffff; border: 2px solid #82669e !important; text-align: center; font-size: 21px; font-weight: bold;}
.panel-e-v > .panel-body {
    background-color: #ffffff !important;
    border: 2px solid #82669e !important;
    padding: 5px;
    color: #222222;
}

.panel-e-green-q-1 {
    margin-bottom: 10px;
    margin-top: 10px;
}
.panel-e-green-q-1 .panel-heading{color: #9bbb59; padding: 5px; background-color: #ffffff; border: 2px solid #9bbb59 !important; text-align: center; font-size: 21px; font-weight: bold;}
.panel-e-green-q-1 > .panel-body {
    background-color: #eeece1 !important;
    border-top: 2px solid #9bbb59 !important;
    border-bottom: 2px solid #9bbb59 !important;
    padding: 5px;
    color: #222222;
}

.panel-e-v-1 {
    margin-bottom: 10px;
    margin-top: 10px;
}
.panel-e-v-1 .panel-heading{color:#82669e; padding: 5px; background-color: #ffffff; border: 2px solid #82669e !important; text-align: center; font-size: 21px; font-weight: bold;}
.panel-e-v-1 > .panel-body {
    background-color: #ffffff !important;
    border: 1px solid #82669e !important;
    padding: 5px;
    color: #222222;
}

.panel-e-br {
    margin-bottom: 10px;
    margin-top: 10px;
}
.panel-e-br .panel-heading{color:#995023; padding: 5px; background-color: #fffdfb; border: 2px solid #995023 !important; text-align: center; font-weight: bold;}
.panel-e-br > .panel-body {
    background-color: #fffdfb !important;
    border: 2px solid #995023 !important;
    padding: 5px;
    color: #222222;
}

.panel-e-s {
    margin-bottom: 10px;
    margin-top: 10px;
}
.panel-e-s .panel-heading{color:#995023; padding: 5px; background-color: #ffffff; border: 2px solid #995023 !important; text-align: center; font-weight: bold;}
.panel-e-s > .panel-body {
    background-color: #f4f4f4 !important;
    border: 2px solid #c0c1c4 !important;
    padding: 5px;
    color: #222222;
}

.panel-e-l-b {
    margin-bottom: 10px;
    margin-top: 10px;
}
.panel-e-l-b .panel-heading{color:#4f7fb6; padding: 5px; background-color: #ffffff; border: 2px solid #4f7fb6 !important; text-align: center; font-weight: bold;}
.panel-e-l-b > .panel-body {
    background-color: #f7d68d !important;
    border: 2px solid #4f7fb6 !important;
    padding: 5px;
    color: #222222;
}

.panel-e-g {
    margin-bottom: 10px;
    margin-top: 10px;
}
.panel-e-g .panel-heading{color:#82669e; padding: 5px; background-color: #ffffff; border: 2px solid #82669e !important; text-align: center; font-size: 21px; font-weight: bold;}
.panel-e-g > .panel-body {
    background-color: #e8f0dc !important;
    border: 2px solid #9eb65c !important;
    padding: 10px;
    color: #222222;
}

.panel-e-o {
     margin-bottom: 10px;
     margin-top: 10px;
 }
.panel-e-o .panel-heading{color:#82669e; padding: 5px; background-color: #ffffff; border: 2px solid #82669e !important; text-align: center; font-size: 21px; font-weight: bold;}
.panel-e-o > .panel-body {
    background-color: #dbeef4 !important;
    border: 1px solid #e59764 !important;
    padding: 10px;
    color: #222222;
}

.panel-e-o-1 {
    margin-bottom: 10px;
    margin-top: 10px;
}
.panel-e-o-1 .panel-heading{color:#f99648; padding: 5px; background-color: #ffffff; border: 3px solid #9aba5f !important; text-align: center; font-size: 21px; font-weight: bold;}
.panel-e-o-1 > .panel-body {
    background-color: #ffffff  !important;
    border: 1px solid #e59764 !important;
    border-top: 1px solid #9aba5f !important;
    padding: 10px;
    color: #222222;
}

.panel-e-o-1-1 {
    margin-bottom: 10px;
    margin-top: 10px;
}
.panel-e-o-1-1 .panel-heading{color:#f99648; padding: 5px; background-color: #ffffff; border: 3px solid #9aba5f !important; text-align: center; font-size: 21px; font-weight: bold;}
.panel-e-o-1-1 > .panel-body {
    background-color: #ffffff  !important;
    border: 1px solid #e59764 !important;
    padding: 10px;
    color: #222222;
}

.panel-e-o-2 {
    margin-bottom: 10px;
    margin-top: 10px;
}
.panel-e-o-2 .panel-heading{color:#52a8bf; font-weight: bold; padding: 5px; background-color: #ffffff; text-align: right;}
.panel-e-o-2 > .panel-body {
    background-color: #faecda !important;
    border: 1px solid #de995a !important;
    padding: 10px;
    color: #222222;
}

.panel-e-b {
    margin-bottom: 10px;
    margin-top: 10px;
}
.panel-e-b .panel-heading{color:#52a8bf; font-weight: bold; padding: 5px; background-color: #ffffff; text-align: right;}
.panel-e-b > .panel-body {
    background-color: #ffffff !important;
    border-top: 2px solid #52a8bf !important;
    padding: 10px;
    color: #222222;
}

.panel-e-b-1 {
    margin-bottom: 10px;
    margin-top: 10px;
}
.panel-e-b-1 .panel-heading{color:#52a8bf; font-weight: bold; padding: 5px; background-color: #ffffff; text-align: right;}
.panel-e-b-1 > .panel-body {
    background-color: #ffffff !important;
    border-top: 2px solid #52a8bf !important;
    border-bottom: 2px solid #52a8bf !important;
    padding: 10px;
    color: #222222;
}

.panel-e-b-2 {
    margin-bottom: 10px;
    margin-top: 10px;
}
.panel-e-b-2 .panel-heading{color:#52a8bf; font-weight: bold; padding: 5px; background-color: #ffffff; text-align: right;}
.panel-e-b-2 > .panel-body {
    background-color: #ffffff !important;
    border: 1px solid #52a8bf !important;
    padding: 10px;
    color: #222222;
}

.panel-e-black-q {
    margin-bottom: 10px;
    margin-top: 10px;
}
.panel-e-black-q .panel-heading{color:#52a8bf; font-weight: bold; padding: 5px; background-color: #ffffff; text-align: right;}
.panel-e-black-q > .panel-body {
    background-color: #ffffff !important;
    border: 1px solid #000000 !important;
    padding: 10px;
    color: #222222;
}


.panel-e-explorer {
    margin-bottom: 10px;
    margin-top: 10px;
}
.panel-e-explorer > .panel-body {
    background-color: #ffffff !important;
    border: 2px solid #70d8ff;
}

.panel-e-x-b {
    margin-bottom: 10px;
    margin-top: 10px;
}
.panel-e-x-b .panel-heading{color:#f99648; padding: 5px; background-color: #ffffff; border: 3px solid #9aba5f !important; text-align: center; font-size: 21px; font-weight: bold;}
.panel-e-x-b > .panel-body {
    background-color: #dce7f2  !important;
    border: none !important;
    padding: 10px;
    color: #222222;
}

.panel-e-x-b-1 {
    margin-bottom: 10px;
    margin-top: 10px;
}
.panel-e-x-b-1 .panel-heading{color:#f99648; padding: 5px; background-color: #ffffff; border: 3px solid #9aba5f !important; text-align: center; font-size: 21px; font-weight: bold;}
.panel-e-x-b-1 > .panel-body {
    background-color: #dce7f3  !important;
    border: none !important;
    padding: 10px;
    color: #222222;
}

.panel-e-x-y {
    margin-bottom: 10px;
    margin-top: 10px;
}
.panel-e-x-y .panel-heading{color:#f99648; padding: 5px; background-color: #ffffff; border: 3px solid #9aba5f !important; text-align: center; font-size: 21px; font-weight: bold;}
.panel-e-x-y > .panel-body {
    background-color: #f2eee3  !important;
    border: none !important;
    padding: 10px;
    color: #222222;
}

.panel-e-x-s {
    margin-bottom: 10px;
    margin-top: 10px;
}
.panel-e-x-s .panel-heading{color:#f99648; padding: 5px; background-color: #ffffff; border: 3px solid #9aba5f !important; text-align: center; font-size: 21px; font-weight: bold;}
.panel-e-x-s > .panel-body {
    background-color: #f4f4f4  !important;
    border: none !important;
    padding: 10px;
    color: #222222;
}

.panel-e-1-blue {
    margin-bottom: 10px;
    margin-top: 10px;
}
.panel-e-1-blue > .panel-body {
    background-color: #eef4f2 !important;
    border: 1px solid #eef4f2;
}

.panel-e-green {
    margin-bottom: 5px;
    margin-top: 5px;
}
.panel-e-green .panel-heading{color:#ffffff;background-color: #31859c; border-color:#31859c; padding: 6px;}
.panel-e-green > .panel-body {
    background-color: #ffffff !important;
    border: 3px solid #31859c;
    padding: 5px;
}

.panel-e-d-green {
    margin-bottom: 5px;
    margin-top: 5px;
}
.panel-e-d-green .panel-heading{color:#ffffff;background-color: #ddd9c3; border-color:#ddd9c3; padding: 6px;}
.panel-e-d-green > .panel-body {
    background-color: #ddd9c3!important;
    border: 1px solid #808080;
    padding: 5px;
}

.panel-e-grey {
    margin-bottom: 5px;
    margin-top: 5px;
}
.panel-e-grey .panel-heading{color:#ffffff;background-color: #a6a6a6; border-color:#a6a6a6; padding: 6px;}
.panel-e-grey > .panel-body {
    background-color: #ffffff !important;
    border: 1px solid #a6a6a6;
    padding: 5px;
}

.panel-e-brown-q {
    margin-bottom: 5px;
    margin-top: 5px;
}
.panel-e-brown-q .panel-heading{color:#ffffff;background-color: #632523; border-color:#632523; padding: 6px;}
.panel-e-brown-q > .panel-body {
    background-color: #ffffff !important;
    border: 3px solid #632523;
    padding: 5px;
}

.panel-e-orange-q {
    margin-bottom: 5px;
    margin-top: 5px;
}
.panel-e-orange-q .panel-heading{color:#ffffff;background-color: #e46c0a; border-color:#e46c0a; padding: 6px;}
.panel-e-orange-q > .panel-body {
    background-color: #ffffff !important;
    border: 3px solid #e46c0a;
    padding: 5px;
}

.panel-e-yellow-q {
    margin-bottom: 5px;
    margin-top: 5px;
}
.panel-e-yellow-q .panel-heading{color:#ffffff;background-color: #ffc000; border-color:#ffc000; padding: 6px;}
.panel-e-yellow-q > .panel-body {
    background-color: #ffffff !important;
    border: 3px solid #ffc000;
    padding: 5px;
}

.panel-e-l-pink-q {
    margin-bottom: 5px;
    margin-top: 5px;
}
.panel-e-l-pink-q .panel-heading{color:#ffffff;background-color: #95b3d7; border-color:#95b3d7; padding: 6px;}
.panel-e-l-pink-q > .panel-body {
    background-color: #ffffff !important;
    border: 3px solid #95b3d7;
    padding: 5px;
}

.panel-e-red {
    margin-bottom: 5px;
    margin-top: 5px;
}
.panel-e-red .panel-heading{color:#ffffff;background-color:#d680a5; border-color:#d680a5; padding: 6px;}
.panel-e-red > .panel-body {
    background-color: #ffffff !important;
    border: 1px solid #d680a5;
    padding: 5px;
}

.panel-e-red-2-q {
    margin-bottom: 5px;
    margin-top: 5px;
}
.panel-e-red-2-q .panel-heading{color:#ffffff;background-color:#d680a5; border-color:#d680a5; padding: 6px;}
.panel-e-red-2-q> .panel-body {
    background-color: #eaf8f9 !important;
    border: 8px solid #d61e66;
    padding: 5px;
}


.panel-e-red-1-q {
    margin-bottom: 5px;
    margin-top: 5px;
}
.panel-e-red-1-q .panel-heading{color:#ffffff;background-color:#d680a5; border-color:#d680a5; padding: 6px;}
.panel-e-red-1-q > .panel-body {
    background-color: #ffffff !important;
    border: 2px solid #c90303;
    padding: 5px;
}

.panel-e-or-1-q {
    margin-bottom: 5px;
    margin-top: 5px;
}
.panel-e-or-1-q .panel-heading{color:#ffffff;background-color:#d680a5; border-color:#d680a5; padding: 6px;}
.panel-e-or-1-q > .panel-body {
    background-color: #ffffff !important;
    border: 1px solid #f36f24;
    padding: 5px;
}



.panel-e-lbrown {
    margin-bottom: 5px;
    margin-top: 5px;
}
.panel-e-lbrown .panel-heading{color:#ffffff;background-color:#939a64; border-color:#939a64; padding: 6px;}
.panel-e-lbrown > .panel-body {
    background-color: #ffffff !important;
    border: 1px solid #939a64;
    padding: 5px;
}

.panel-e-silver {
    margin-bottom: 5px;
    margin-top: 5px;
}
.panel-e-silver .panel-heading{color:#ffffff;background-color:#a8a9ad; border-color:#a8a9ad; padding: 6px;}
.panel-e-silver > .panel-body {
    background-color: #ffffff !important;
    border: 1px solid #a8a9ad;
    padding: 5px;
}

.panel-e-violet {
    margin-bottom: 5px;
    margin-top: 5px;
}
.panel-e-violet .panel-heading{color:#ffffff;background-color:#9b72b6; border-color:#9b72b6; padding: 6px;}
.panel-e-violet > .panel-body {
    background-color: #f4ecf7 !important;
    border: 1px solid #5bb292;
    padding: 5px;
}

.panel-e-light-yellow-q {
    margin-bottom: 5px;
    margin-top: 5px;
}
.panel-e-light-yellow-q .panel-heading{color:#ffffff;background-color: #b69a3a; border-color: #b67623; padding: 6px;}
.panel-e-light-yellow-q > .panel-body {
    background-color: #fef4e8; !important;
    border: 3px solid #e0b088;
    padding: 5px;
}

.panel-e-light-green-q {
    margin-bottom: 5px;
    margin-top: 5px;
}
.panel-e-light-green-q .panel-heading{color:#ffffff;background-color: #b69a3a; border-color: #b67623; padding: 6px;}
.panel-e-light-green-q > .panel-body {
    background-color: #80c141; !important;
    border: 3px solid #80c141;
    padding: 5px;
}

.panel-e-light-orange-q {
    margin-bottom: 5px;
    margin-top: 5px;
}
.panel-e-light-orange-q .panel-heading{color:#ffffff;background-color: #b69a3a; border-color: #b67623; padding: 6px;}
.panel-e-light-orange-q > .panel-body {
    background-color: #f36f24; !important;
    border: 3px solid #f36f24;
    padding: 5px;
}

.panel-e-light-violet-q {
     margin-bottom: 5px;
     margin-top: 5px;
 }
.panel-e-light-violet-q .panel-heading{color:#ffffff;background-color: #b69a3a; border-color: #b67623; padding: 6px;}
.panel-e-light-violet-q > .panel-body {
    background-color: #ed008e; !important;
    border: 3px solid #ed008e;
    padding: 5px;
}

.panel-e-light-blue-q {
    margin-bottom: 5px;
    margin-top: 5px;
}
.panel-e-light-blue-q .panel-heading{color:#ffffff;background-color: #b69a3a; border-color: #b67623; padding: 6px;}
.panel-e-light-blue-q > .panel-body {
    background-color: #00adef; !important;
    border: 3px solid #00adef;
    padding: 5px;
}


.e-paragraph-fix{
    margin-bottom: 2px; }
.e-paragraph-fix-1{
    margin-bottom: 0px; }
.e-paragraph-fix-2{
    margin-bottom: -5px; }
.e-paragraph-fix-3{
    margin-bottom: 20px !important; }
.e-paragraph-fix-t{
    margin-top: 9px; }
.e-paragraph-fix-mt{
    margin-bottoö: 15px; }

.table .border-space{
    border-collapse:separate;
    border-spacing:1em;
}

.table-e{border: 2px solid #222222;padding:5px;}
.table-e th{border: 2px solid #222222;padding:5px;}
.table-e td{border: 2px solid #222222;padding:5px;}

.table-e-grey{border: 2px solid #a6a6a6; padding:5px;}
.table-e-grey th{border: 2px solid #a6a6a6;padding:5px;}
.table-e-grey td{border: 2px solid #a6a6a6;padding:5px;}

.table-e-q{border: 1px solid #222222;padding:5px;}
.table-e-q th{border: 1px solid #222222;padding:5px;}
.table-e-q td{border: 1px solid #222222;padding:5px;}

.table-e-bordered2 th,.table-e-bordered2 td{padding:5px;border:2px solid #48c394 !important;}

.e-table{border-collapse:separate;border-spacing:0 10px;}
.e-table td{padding:5px;}

.table-e-bordered-f th,.table-e-bordered-f td{border:1px solid #ff9536 !important;padding: 5px; background: #fce9da;}

.table-e-b-bordered2 {
    border: 1px solid #222222;
}

.table-e-b-bordered2 tr + tr {
    border-top: 1px solid #222222;
}

.table-e-b-bordered2 td {
    padding: 5px;
}

.table-e-b-bordered2 td + td {
    border-left: 1px solid #222222;
}

.table-e-b-bordered2-blue {
    border: 1px solid #639fb0;
}

.table-e-b-bordered2-blue tr + tr {
    border-top: 1px solid #639fb0;
}

.table-e-b-bordered2-blue td {
    padding:5px;
}

.table-e-b-bordered2-blue td + td {
    border-left: 1px solid #639fb0;
}

.table-e-b-bordered3-blue-q {
    border: 2px solid #639fb0;

}

.table-e-b-bordered3-blue-q tr + tr {
    border-top: 2px solid #639fb0;
}

.table-e-b-bordered3-blue-q td {
    padding:5px;
}

.table-e-b-bordered3-blue-q td + td {
    border-left: 2px solid #639fb0;
}

.table-e-b-bordered2-violet {
    border: 1px solid #82669e;
}

.table-e-b-bordered2-violet tr + tr {
    border-top: 1px solid #82669e;
}

.table-e-b-bordered2-violet td {
    padding:5px;
}

.table-e-b-bordered2-violet td + td {
    border-left: 1px solid #82669e;
}

.table-e-bordered3 {
    border-left: 1px solid #000;
    border-right: 1px solid #000;
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
}

.table-e-bordered3 tr + tr {
    border-top: 1px solid #000;
}

.table-e-bordered3 td {
    padding:5px;
}

.table-e-bordered3 td + td {
    border-left: 1px solid #000;
}

.table-e-red-bordered-r-5-1 {
    border: 2px solid #d9193b;
    background-color: #fffef2;
}

.table-e-red-bordered-r-5-1 tr + tr {
    border-top: 2px solid #d9193b;
}

.table-e-red-bordered-r-5-1 td {
    padding:5px;
}

.table-e-red-bordered-r-5-1 td + td {
    border-left: 2px solid #d9193b;
}

.table-e-green-bordered-r-5-1-q {
    border: 2px solid #20d916;
    background-color: #ffffff;
}

.table-e-green-bordered-r-5-1-q tr + tr {
    border-top: 2px solid #38d924;
}

/*.table-e-green-bordered-r-5-1-q tr:first-child {
    background: #38d924;
}*/

.table-e-green-bordered-r-5-1-q td {
    padding:5px;
}

.table-e-green-bordered-r-5-1-q td + td {
    border-left: 2px solid #34d91f;
}

.table-e-bordered-l-green{border:1px solid #59a6b5 !important;}
.table-e-bordered-l-green td{padding:2px;}

.table-bordered-pink-r-5-1{border: 2px solid #d481a2;}
.table-bordered-pink-r-5-1>tr>td{border: 2px solid #d481a2;}

.table-bordered-orange-r-5-1{border: 2px solid #ed832a;}
.table-bordered-orange-r-5-1>tr>td{border: 2px solid #ed832a;}

.table-ti-9 td {
    vertical-align: top;
    padding: 5px !important;
    border-top: 1px solid #99c6b2;
}
.table-ti-9-r td {
    vertical-align: top;
    padding: 5px !important;
    border-top: 1px solid #bd90a7;
}

.table-e-pd td {
    padding:0px;
}

.table-e-pd-20 td {
    padding:20px;
}

.table-e-pl1 td {
    padding-left: 10px;
}

.table-e-pl2 td {
    padding-left: 20px;
}

.table-e-pl5 td {
    padding-left: 50px;
}

.e-align-top td{
    vertical-align: top;
}

/*
    ♦ — - ○ • ✔  ◊
*/

.e-ol-pad-bottom-f li{
    padding-bottom: 5px;
}

.e-ol-pad-bottom li{
    padding-bottom: 10px;
}

.e-list-br-c{
    list-style: none;
    padding: 0;
    margin: 5px;
}

.e-list-br-c li {
    padding-left: 20px;
    position: relative;
    display: block;
}
.e-list-br-c li:before {
    content: "• ";
    display: inline-block;
    position: absolute;
    left: 10px;
    color: #9f5a42;
}

.e-list-violet-c{
    list-style: none;
    padding: 0;
    margin: 5px;
}

.e-list-violet-c li {
    padding-left: 25px;
    position: relative;
    display: block;
    color: #222222;
}
.e-list-violet-c li:before {
    content: "• ";
    display: inline-block;
    position: absolute;
    left: 5px;
    color: #7f6995;
    font-size: 24px;
    top: -5px;
}

.e-list-green-c{
    list-style: none;
    padding: 0;
    margin: 5px;
}

.e-list-green-c li {
    padding-left: 25px;
    position: relative;
    display: block;
    color: #222222;
}
.e-list-green-c li:before {
    content: "• ";
    display: inline-block;
    position: absolute;
    left: 5px;
    color: #9aba5f;
    font-size: 24px;
    top: -5px;
}

.e-list-orange-c{
    list-style: none;
    padding: 0;
    margin: 5px;
}

.e-list-orange li {
    padding-left: 25px;
    position: relative;
    display: block;
    color: #ed9756;
    font-weight: bold;
}
.e-list-orange li:before {
    content: "• ";
    display: inline-block;
    position: absolute;
    left: 5px;
    color: #222222;
    font-size: 24px;
    top: -5px;
}

.e-list-l-b-c{
    list-style: none;
    padding: 0;
    margin: 5px;
}

.e-list-l-b-c li {
    padding-left: 25px;
    position: relative;
    display: block;
    color: #222222;
}
.e-list-l-b-c li:before {
    content: "• ";
    display: inline-block;
    position: absolute;
    left: 5px;
    color: #3ba8ce;
    font-size: 24px;
    top: -5px;
}

.e-list-line{
    list-style: none;
    padding: 0;
    margin: 5px;
}

.e-list-line li {
    padding-left: 20px;
    position: relative;
    display: block;
}
.e-list-line li:before {
    content: "- ";
    display: inline-block;
    position: absolute;
    left: 10px;
    color: #9f5a42;
}

.e-list-star li {
    background: url(../img/star.jpg) no-repeat left top;
    padding: 0px 0px 10px 40px;
    /* reset styles (optional): */
    list-style: none;
    margin: 0;
    margin-left: -40px;
}

.e-list-c-l-green{
    list-style: none;
    padding:0;
    margin:5px;
}
.e-list-c-l-green > li {
    counter-increment: item;
    margin-bottom: 2px;
    color: #222222;
    position: relative;
    padding-left: 15px;
}
.e-list-c-l-green > li:before {
    content: counter(item)".";
    float: left;
    color: #59a6b5;
    font-weight: bold;
    position: absolute;
    left: -5px;
}

.e-list-c-l-green-1{
    list-style: none;
    padding:0;
    margin:5px;
}
.e-list-c-l-green-1 > li {
    counter-increment: item;
    margin-bottom: 2px;
    color: #222222;
    position: relative;
    padding-left: 40px;
}
.e-list-c-l-green-1 > li:before {
    content: "("counter(item)")";
    float: left;
    color: #59a6b5;
    font-weight: bold;
    position: absolute;
    left: -5px;
}

.e-list-c-l-green-2{
    list-style: none;
    padding:0;
    margin:5px;
}
.e-list-c-l-green-2 > li {
    counter-increment: item;
    margin-bottom: 2px;
    color: #222222;
    position: relative;
    padding-left: 15px;
}
.e-list-c-l-green-2 > li:before {
    content: counter(item)".";
    float: left;
    color: #7e8d4f;
    font-weight: bold;
    position: absolute;
    left: -5px;
}

.e-list-c-violet-star{
    list-style: none;
    padding:0;
    margin:5px;
}
.e-list-c-violet-star > li {
    counter-increment: item;
    margin-bottom: 2px;
    color: #222222;
    position: relative;
    padding-left: 15px;
}
.e-list-c-violet-star > li:before {
    content: counter(item)"*.";
    float: left;
    color: #7f6995;
    font-weight: bold;
    position: absolute;
    left: -5px;
}

.e-list-c-violet{
    list-style: none;
    padding:0;
    margin:5px;
}
.e-list-c-violet > li {
    counter-increment: item;
    margin-bottom: 2px;
    color: #222222;
    position: relative;
    padding-left: 15px;
}
.e-list-c-violet > li:before {
    content: counter(item)".";
    float: left;
    color: #7f6995;
    font-weight: bold;
    position: absolute;
    left: -5px;
}

.e-list-c-violet-1{
    list-style: none;
    padding:0;
    margin:5px;
}
.e-list-c-violet-1 > li {
    counter-increment: item;
    margin-bottom: 2px;
    color: #222222;
    position: relative;
    padding-left: 25px;
}
.e-list-c-violet-1 > li:before {
    content: counter(item)".";
    float: left;
    color: #7f6995;
    font-weight: bold;
    position: absolute;
    left: -5px;
}

.e-list-c-bolder{
    list-style: none;
    padding:0;
    margin:5px;
}
.e-list-c-bolder > li {
    counter-increment: item;
    margin-bottom: 2px;
    color: #222222;
    position: relative;
    padding-left: 25px;
}
.e-list-c-bolder > li:before {
    content: counter(item)".";
    float: left;
    color: #222222;
    font-weight: bold;
    position: absolute;
    left: -5px;
}

.e-list-c-bolder-1{
    list-style: none;
    padding:0;
    margin:5px;
}
.e-list-c-bolder-1 > li {
    counter-increment: item;
    margin-bottom: 2px;
    color: #222222;
    position: relative;
    padding-left: 15px;
}
.e-list-c-bolder-1 > li:before {
    content: counter(item)".";
    float: left;
    color: #222222;
    font-weight: bold;
    position: absolute;
    left: -5px;
}

.e-list-rect li {
    position: relative;
    list-style-type: none;
    padding: 5px;
}
.e-list-rect li:before {
    content: " ";
    position: absolute;
    height: 25px;
    width: 25px;
    top: 1px;
    left: -40px;
    display: inline-block;
    border: 1px solid #222222;
}

.e-circle {
    display: inline-block;
    height: 40px;
    width: 40px;
    line-height: 40px;
    -moz-border-radius: 30px; /* or 50% */
    border-radius: 30px; /* or 50% */
    background-color: #ffffff;
    color: #000000;
    text-align: center;
    font-size: 1em;
    border: 1px solid #222222;
    font-weight:  normal !important;
}

ol.russian{
    list-style:none;
    padding-left: 15px !important;
}
ol.russian > li {
    position: relative;
    padding-left: 17px;
    color: #02af53;
    font-weight: bold;
}
ol.russian > li::before {
    content: attr(data-letter) ')';
    display: inline-block;
    position: absolute;
    left: -2px;
    top: 0;
    color: #02af53;
    font-weight: bold;
}

ol.russian-1{
    list-style:none;
    padding-left: 15px !important;
}
ol.russian-1 > li {
    position: relative;
    padding-left: 17px;
    color: #222222;
    font-weight: bold;
}
ol.russian-1 > li::before {
    content: attr(data-letter) ')';
    display: inline-block;
    position: absolute;
    left: -2px;
    top: 0;
    color: #222222;
    font-weight: bold;
}

.e-counter-reset-0{
    counter-reset: item 0;
}
.e-counter-reset-1{
    counter-reset: item 1;
}
.e-counter-reset-2{
    counter-reset: item 2;
}
.e-counter-reset-3{
    counter-reset: item 3;
}
.e-counter-reset-4{
    counter-reset: item 4;
}
.e-counter-reset-5{
    counter-reset: item 5;
}
.e-counter-reset-6{
    counter-reset: item 6;
}
.e-counter-reset-7{
    counter-reset: item 7;
}
.e-counter-reset-8{
    counter-reset: item 8;
}

.e-boxed{display: inline-block; width: 250px; color: #ffffff !important;}

.e-boxed-1{display: inline-block; padding: 5px 15px 5px 15px; border: 1px solid #222222; background-color: #ffffff; color: #222222 !important; text-align: center;}

.e-pl0{padding-left: 0px;}
.e-plf{padding-left: 5px;}
.e-pl1{padding-left: 10px;}
.e-pl1f{padding-left: 15px;}
.e-pl2{padding-left: 20px;}
.e-pl2f{padding-left: 25px;}
.e-pl3{padding-left: 30px;}
.e-pl3f{padding-left: 35px;}
.e-pl4{padding-left: 40px;}
.e-pl4f{padding-left: 45px;}
.e-pl5{padding-left: 50px;}
.e-pl5f{padding-left: 55px;}
.e-pl6{padding-left: 60px;}
.e-pl7{padding-left: 70px;}
.e-pl8{padding-left: 80px;}
.e-pl8f{padding-left: 85px;}
.e-pl9{padding-left: 90px;}
.e-pl9f{padding-left: 95px;}
.e-pl10{padding-left: 100px;}
.e-pl11{padding-left: 110px;}
.e-pl11f{padding-left: 115px;}
.e-pl12{padding-left: 120px;}
.e-pl12f{padding-left: 125px;}
.e-pl13{padding-left: 130px;}
.e-pl13f{padding-left: 135px;}
.e-pl14{padding-left: 140px;}
.e-pl14f{padding-left: 145px;}
.e-pl15{padding-left: 150px;}
.e-pl16{padding-left: 160px;}
.e-pl17{padding-left: 170px;}
.e-pl18{padding-left: 180px;}
.e-pl19{padding-left: 190px;}
.e-pl19f{padding-left: 195px;}
.e-pl20{padding-left: 200px;}
.e-pl21{padding-left: 210px;}
.e-pl22{padding-left: 220px;}
.e-pl23{padding-left: 230px;}
.e-pl24{padding-left: 240px;}
.e-pl25{padding-left: 250px;}
.e-pl27{padding-left: 270px;}
.e-pl27f{padding-left: 275px;}
.e-pl28{padding-left: 280px;}
.e-pl30{padding-left: 300px;}
.e-pl32{padding-left: 320px;}
.e-pl30f{padding-left: 350px;}
.e-pl37{padding-left: 370px;}
.e-pl40{padding-left: 400px;}
.e-pl41{padding-left: 410px;}
.e-pl43{padding-left: 430px;}
.e-pl45{padding-left: 450px;}
.e-pl50{padding-left: 500px;}

.e-m-plf{padding-left: -5px;}
.e-m-pl1{padding-left: -10px;}
.e-m-pl1f{padding-left: -15px;}
.e-m-pl2{padding-left: -20px;}

.e-pr0{padding-right: 0px;}
.e-prf{padding-right: 5px;}
.e-pr1{padding-right: 10px;}
.e-pr1f{padding-right: 15px;}
.e-pr2{padding-right: 20px;}
.e-pr2f{padding-right: 25px;}
.e-pr3{padding-right: 30px;}
.e-pr3f{padding-right: 35px;}
.e-pr4{padding-right: 40px;}
.e-pr5{padding-right: 50px;}
.e-pr5f{padding-right: 55px;}
.e-pr6{padding-right: 60px;}
.e-pr7{padding-right: 70px;}
.e-pr8{padding-right: 80px;}
.e-pr9{padding-right: 90px;}
.e-pr9f{padding-right: 95px;}
.e-pr10{padding-right: 100px;}
.e-pr15{padding-right: 150px;}
.e-pr18{padding-right: 180px;}
.e-pr20{padding-right: 200px;}
.e-pr21{padding-right: 210px;}
.e-pr22{padding-right: 220px;}

.e-ml0{margin-left: 0px;}
.e-mlz{margin-left: 1px;}
.e-mlf{margin-left: 5px;}
.e-ml1{margin-left: 10px;}
.e-ml1f{margin-left: 15px;}
.e-ml2{margin-left: 20px;}
.e-ml2f{margin-left: 25px;}
.e-ml3{margin-left: 30px;}
.e-ml3f{margin-left: 35px;}
.e-ml4{margin-left: 40px;}
.e-ml4x{margin-left: 43px;}
.e-ml4f{margin-left: 45px;}
.e-ml5{margin-left: 50px;}
.e-ml5f{margin-left: 55px;}
.e-ml6{margin-left: 60px;}
.e-ml7{margin-left: 70px;}
.e-ml8{margin-left: 80px;}
.e-ml9{margin-left: 90px;}
.e-ml10{margin-left: 100px;}
.e-ml11{margin-left: 110px;}
.e-ml12{margin-left: 120px;}
.e-ml13{margin-left: 130px;}
.e-ml14{margin-left: 140px;}
.e-ml15{margin-left: 150px;}
.e-ml17{margin-left: 170px;}
.e-ml17f{margin-left: 175px;}
.e-ml18{margin-left: 180px;}
.e-ml19{margin-left: 190px;}
.e-ml19f{margin-left: 195px;}
.e-ml20{margin-left: 200px;}
.e-ml20f{margin-left: 250px;}
.e-ml21{margin-left: 210px;}
.e-ml22{margin-left: 220px;}
.e-ml23{margin-left: 230px;}
.e-ml26{margin-left: 260px;}
.e-ml30{margin-left: 300px;}
.e-ml32{margin-left: 320px;}
.e-ml33{margin-left: 330px;}
.e-ml30f{margin-left: 350px;}
.e-ml40{margin-left: 400px;}

.e-mr0{margin-right: 0px;}
.e-mrf{margin-right: 5px;}
.e-mr1{margin-right: 10px;}
.e-mr2{margin-right: 20px;}
.e-mr3{margin-right: 30px;}
.e-mr4{margin-right: 40px;}
.e-mr4f{margin-right: 45px;}
.e-mr5{margin-right: 50px;}
.e-mr6{margin-right: 60px;}
.e-mr7{margin-right: 70px;}
.e-mr8{margin-right: 80px;}
.e-mr9{margin-right: 90px;}
.e-mr10{margin-right: 100px;}
.e-mr11{margin-right: 110px;}
.e-mr12{margin-right: 120px;}

.e-mlmf{margin-left: -5px;}
.e-mlm1{margin-left: -10px;}
.e-mlm1f{margin-left: -15px;}
.e-mlm2{margin-left: -20px;}
.e-mlm2f{margin-left: -25px;}
.e-mlm3{margin-left: -30px;}
.e-mlm3f{margin-left: -35px;}
.e-mlm4{margin-left: -40px;}
.e-mlm50{margin-left: -50px;}
.e-mlm9{margin-left: -90px;}
.e-mlm10{margin-left: -100px;}
.e-mlm11{margin-left: -110px;}
.e-mlm12{margin-left: -120px;}
.e-mlm13{margin-left: -130px;}
.e-mlm14{margin-left: -140px;}
.e-mlm15{margin-left: -150px;}

.e-mrm1{margin-right: -10px;}
.e-mrm1f{margin-right: -15px;}
.e-mrm2{margin-right: -20px;}
.e-mrm3{margin-right: -30px;}

.e-top5{
    position: relative;
    top: 5px;
}

.e-topm7{
    top: -7px;
}

.e-topmp5{
    top: -5px;
    position: relative;
}

.e-topmp10{
    top: -10px;
    position: relative;
}

.e-topmp15{
    top: -15px;
    position: relative;
}

.e-span-bottom{
    left: 9px;
    bottom: -5px;
    position: relative;
}

.e-span-top{
    top: -5px;
    position: relative;
    left: -5px;
    bottom: -5px;
}

.e-pd{padding:0px !important;}
.e-pd5{padding:5px !important;}
.e-pd10{padding:10px !important;}
.e-pd20{padding:20px !important;}
.e-pd30{padding:30px !important;}
.e-pd40{padding:40px !important;}

.e-pt0{padding-top:0px !important;}
.e-ptf{padding-top:5px !important;}
.e-pt1{padding-top:10px !important;}
.e-pt1f{padding-top:15px !important;}
.e-pt2{padding-top:20px !important;}
.e-pt2f{padding-top:25px !important;}
.e-pt3{padding-top:30px !important;}
.e-pt3f{padding-top:35px !important;}
.e-pt4{padding-top:40px !important;}
.e-pt4f{padding-top:45px !important;}
.e-pt5{padding-top:50px !important;}
.e-pt5f{padding-top:55px !important;}
.e-pt6{padding-top:60px !important;}
.e-pt6f{padding-top:65px !important;}

.e-pb02{padding-bottom:2px !important;}
.e-pb01{padding-bottom:1px !important;}
.e-pb0{padding-bottom:0px !important;}

.e-mt0{margin-top:0px !important;}
.e-mtf{margin-top:5px !important;}
.e-mt1{margin-top:10px !important;}
.e-mt1f{margin-top:15px !important;}
.e-mt2{margin-top:20px !important;}
.e-mt2f{margin-top:25px !important;}
.e-mt3{margin-top:30px !important;}
.e-mt3f{margin-top:35px !important;}
.e-mt4{margin-top:40px !important;}
.e-mt4f{margin-top:45px !important;}
.e-mt5{margin-top:50px !important;}
.e-mt5f{margin-top:55px !important;}
.e-mt6{margin-top:60px !important;}
.e-mt6f{margin-top:65px !important;}
.e-mt8{margin-top:80px !important;}
.e-mt8f{margin-top:85px !important;}
.e-mt9{margin-top:90px !important;}
.e-mt10{margin-top:100px !important;}
.e-mt10f{margin-top:150px !important;}
.e-mt11{margin-top:110px !important;}
.e-mt13{margin-top:130px !important;}
.e-mt16{margin-top:160px !important;}
.e-mt20{margin-top:200px !important;}
.e-mt21{margin-top:210px !important;}
.e-mt24{margin-top:240px !important;}
.e-mt20f{margin-top:250px !important;}
.e-mt27{margin-top:270px !important;}
.e-mt28{margin-top:280px !important;}
.e-mt30{margin-top:300px !important;}
.e-mt30f{margin-top:350px !important;}
.e-mt40{margin-top:400px !important;}
.e-mt50{margin-top:500px !important;}

.e-mtm02{margin-top:-2px !important;}
.e-mtmf{margin-top:-5px !important;}
.e-mtm1{margin-top:-10px !important;}
.e-mtm1f{margin-top:-15px !important;}
.e-mtm2{margin-top:-20px !important;}
.e-mtm2f{margin-top:-25px !important;}
.e-mtm3{margin-top:-30px !important;}
.e-mtm3f{margin-top:-35px !important;}
.e-mtm4{margin-top:-40px !important;}
.e-mtm4f{margin-top:-45px !important;}
.e-mtm5{margin-top:-50px !important;}
.e-mtm5f{margin-top:-55px !important;}
.e-mtm6{margin-top:-60px !important;}
.e-mtm6f{margin-top:-65px !important;}
.e-mtm7{margin-top:-70px !important;}
.e-mtm8{margin-top:-80px !important;}
.e-mtm10{margin-top:-100px !important;}
.e-mtm12{margin-top:-120px !important;}
.e-mtm15{margin-top:-150px !important;}
.e-mtm15f{margin-top:-155px !important;}
.e-mtm17{margin-top:-170px !important;}
.e-mtm17f{margin-top:-175px !important;}
.e-mtm18{margin-top:-180px !important;}
.e-mtm20{margin-top:-200px !important;}
.e-mtm21{margin-top:-210px !important;}
.e-mtm28{margin-top:-280px !important;}
.e-mtm30{margin-top:-300px !important;}

.e-mb0{margin-bottom:0px !important;}
.e-mb01{margin-bottom:1px !important;}
.e-mb02{margin-bottom:2px !important;}
.e-mbf{margin-bottom:5px !important;}
.e-mb1{margin-bottom:10px !important;}
.e-mb1f{margin-bottom:15px !important;}
.e-mb2{margin-bottom:20px !important;}
.e-mb2f{margin-bottom:25px !important;}
.e-mb27{margin-bottom:27px !important;}
.e-mb3{margin-bottom:30px !important;}
.e-mb4{margin-bottom:40px !important;}
.e-mb5{margin-bottom:50px !important;}
.e-mb6{margin-bottom:60px !important;}
.e-mb7{margin-bottom:70px !important;}
.e-mb7f{margin-bottom:75px !important;}
.e-mb8{margin-bottom:80px !important;}
.e-mb9{margin-bottom:90px !important;}
.e-mb10{margin-bottom:100px !important;}
.e-mb10f{margin-bottom:105px !important;}
.e-mb11{margin-bottom:110px !important;}
.e-mb11f{margin-bottom:115px !important;}
.e-mb12{margin-bottom:120px !important;}
.e-mb15{margin-bottom:150px !important;}
.e-mb16{margin-bottom:160px !important;}
.e-mb17{margin-bottom:170px !important;}
.e-mb17f{margin-bottom:175px !important;}
.e-mb18{margin-bottom:180px !important;}
.e-mb20{margin-bottom:200px !important;}
.e-mb24{margin-bottom:240px !important;}

.e-mbm03{margin-bottom:-3px !important;}
.e-mbmf{margin-bottom:-5px !important;}
.e-mbm1{margin-bottom:-10px !important;}
.e-mbm1f{margin-bottom:-15px !important;}
.e-mbm2{margin-bottom:-20px !important;}
.e-mbm2f{margin-bottom:-25px !important;}
.e-mbm3{margin-bottom:-30px !important;}
.e-mbm3f{margin-bottom:-35px !important;}
.e-mbm4{margin-bottom:-40px !important;}
.e-mbm4f{margin-bottom:-45px !important;}
.e-mbm5{margin-bottom:-50px !important;}
.e-mbm5f{margin-bottom:-55px !important;}
.e-mbm6{margin-bottom:-60px !important;}
.e-mbm6f{margin-bottom:-65px !important;}

.e-mw2{max-width: 2% !important;}
.e-mw4{max-width: 4% !important;}
.e-mw6{max-width: 6% !important;}
.e-mw8{max-width: 8% !important;}
.e-mw10{max-width: 10% !important;}
.e-mw12{max-width: 12% !important;}
.e-mw14{max-width: 14% !important;}
.e-mw20{max-width: 20% !important;}
.e-mw20f{max-width: 25% !important;}
.e-mw80{max-width: 80% !important;}
.e-mw90{max-width: 90% !important;}

.e-w40{width: 40px;}
.e-w50{width: 40px;}
.e-w60{width: 60px;}
.e-w80{width: 80px;}
.e-w100{width: 100px;}
.e-w120{width: 120px;}
.e-w130{width: 130px;}
.e-w140{width: 140px;}
.e-w150{width: 150px;}
.e-w170{width: 170px;}
.e-w180{width: 180px;}
.e-w200{width: 200px;}
.e-w220{width: 220px;}
.e-w230{width: 230px;}
.e-w250{width: 250px;}
.e-w270{width: 270px;}
.e-w280{width: 280px;}
.e-w300{width: 300px;}
.e-w350{width: 350px;}
.e-w370{width: 370px;}
.e-w380{width: 380px;}
.e-w400{width: 400px;}
.e-w400x{width: 430px;}
.e-w450{width: 450px;}
.e-w500{width: 500px;}
.e-w550{width: 550px;}
.e-w600{width: 600px;}
.e-w620{width: 620px;}
.e-w660{width: 660px;}

.e-h150{height: 150px;}
.e-h250{height: 250px;}
.e-h350{height: 350px;}
.e-h450{height: 450px;}
.e-h550{height: 550px;}
.e-h650{height: 650px;}


.e-max-h75{max-height: 75px !important;}
.e-max-h330{max-height: 330px !important;}

.e-wi660{width: 660px !important;}

.e-hr-dashed-underline {
    border:none;
    border-top:1px dotted #222;
    color:#fff;
    background-color:#fff;
    height:1px;
    width:100%;
}
.e-hr-line {
    border:1px solid #222222;
    width:100%;
}

.e-hr-line-green {
    border:2px solid #0e8160;
    width:100%;
    display: inline-block;
}

.e-hr-line-blue {
    border:1px solid #52a8bf;
    width:100%;
    display: inline-block;
}

.e-hr-line-red {
    border:2px solid #d680a5;
    width:100%;
    display: inline-block;
}

.e-hr-line-lbrown {
    border:2px solid #939a64;
    width:100%;
    display: inline-block;
}

.e-hr-line-1 {
    border:1px solid #2a210f;
    width:40%;
    display: inline-block;
}
.e-hr-line-2 {
    border:1px solid #3f4141;
    width:90%;
    margin-bottom: 0px;
    margin-top: 0px;
    margin-left: 0px;
    display: inline-block;
}
.e-hr-line-thin {
    border-bottom: 1px dotted rgba(0, 0, 0, 0.5);
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    border-bottom: 1px dotted #eee;
    border-bottom: 1px solid #ccc;
    width:22%;
    display: inline-block;
}
.e-hr-line-thin-black {
    border-bottom: 2px dotted rgba(0, 0, 0, 0.5);
    border-bottom: 2px solid rgba(0, 0, 0, 0.2);
    border-bottom: 2px dotted #222222;
    border-bottom: 2px solid #222222;
    width:22%;
    display: inline-block;
}

.e-hr-line-thin-black-1 {
    border-bottom: 1px dotted rgba(0, 0, 0, 0.5);
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    border-bottom: 1px dotted #222222;
    border-bottom: 1px solid #222222;
    width:22%;
    display: inline-block;
}

.e-hr-line-thin-1 {
    height: 1px;
    border: 0;
    color: #222222;
    background-color: #333;
    width: 100%;
}

.e-dashed-underline{border-bottom: 1px dashed #999;text-decoration: none;}

.e-double-underline{text-decoration:underline;border-bottom: 1px solid #000;}

.e-d-underline{
    display:inline-block;
    border-bottom:1px solid black;
    padding-bottom:2px;
}

.e-d-underline > span{
    display:inline-block;
    border-bottom:1px solid black;
    padding-bottom:2px;
}

.e-wavy-underline {
    display: inline-block;
    position: relative;
}
.e-wavy-underline:before {
    content: "~~~~~~~~~~~~";
    font-size: 0,9em;
    font-weight: 800;
    font-family: Times New Roman, Serif;
    color: #222;
    width: 100%;
    position: absolute;
    top: 8px;
    left: 0px;
    overflow: hidden; }
.e-wavy-underline1 {
    display: inline-block;
    position: relative;
}
.e-wavy-underline1:before {
    content: "— - — -";
    font-size: 0,1em;
    font-weight: 300;
    font-family: Times New Roman, Serif;
    color: #222;
    width: 100%;
    max-width:140px;
    position: absolute;
    top: 8px;
    left: 0px;
    overflow: hidden; }

.e-dashed-line{
    border-bottom: 1px dashed #222;
    display: inline;
}

.e-verticalLine {
    border-left: 2px solid #222;
    height:220px;
}
.e-verticalLine-l-green {
    border-left: 5px solid #59a6b5;
}
.e-verticalLine-100 {
    border-left: 1px solid #222;
    height:100px;
}
.e-verticalLine-250 {
    border-left: 1px solid #222;
    height:250px;
}
.e-verticalLine-1 {
    border-left: 2px dashed #222;
    height:400px;
}
.e-verticalLine-2 {
    border-left: 2px solid #0e8160;
    height: 80px;
}
.e-verticalLine-2-red {
    border-left: 2px solid #d680a5;
    height: 80px;
}
.e-verticalLine-2-lbrown {
    border-left: 2px solid #939a64;
    height: 80px;
}
.e-verticalLine-green {
    border-left: 2px solid #0e8160;
    height:100px;
}

.e-verticalLine-dashed-brown {
    border-left: 1px solid #ae5147;
    height:480px;
}

.e-verticalLine-curve {
    border-left: 2px solid #0e8160;
    height: 220px;
}

/*.b{
    position: relative;
    border: 10px solid black;
}

.b:after{
    content: "";
    display: block;
    position: absolute;
    top: -10px;
    right: 20px;
    left: 20px;
    height: 10px;
    background-color: white;
}*/


.squarebrackets
{
    position: relative;
}
/*.squarebrackets:before {
    content: " ";
    position: absolute;
    border-left:2px solid #666;
    border-top:2px solid #666;
    border-bottom:2px solid #666;
    padding:5px;
    top:-10px;
    bottom:-10px;
    left: -5px;
}*/
.squarebrackets:after
{
    content: " ";
    position: absolute;
    border-right:2px solid #666;
    border-top:2px solid #666;
    border-bottom:2px solid #666;
    padding:5px;
    top:0px;
    bottom:0px;
    right: -5px;
}

.squarebrackets-lft
{
    position: relative;
}

.squarebrackets-lft:before
{
    content: " ";
    position: absolute;
    border-left:2px solid #666;
    border-top:2px solid #666;
    border-bottom:2px solid #666;
    padding:5px;
    top:0px;
    bottom:0px;
    left: -20px;
}

.e-div{
    background-color: #f4e5ba;font-size: 14px;margin: 2px;padding: 10px;height: 150px;
}

.e-z-up{
    z-index: 9999;
}

.e-z-up-pos-rel{
    position: relative;
    z-index: 9999;
}

.e-italic{
    font-style: italic;
}

.test{
    min-height: 200px !important;
    max-height: 200px !important;
}

.e-absolute{
    position: absolute; top: -30px;left: -30px;
}

.e-a-in-circle{
    display: inline-block;
    height: 30px;
    width: 30px;
    line-height: 20px;
    -moz-border-radius: 15px; /* or 50% */
    border-radius: 15px; /* or 50% */
    background-color: #ffc61a;
    color: #ffffff;
    text-align: center;
    font-size: 1.5em;
    border: 1px solid #ae5147;
    font-weight:  normal !important;
}

.e-default-right{
    padding: 10px;
}

.e-default-right span{
    width: 30px;
    height: 30px;
    display: inline-block
}

.e-default-right span.e-right-brace-bl {
    border-right: 2px solid grey;
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    border-bottom-right-radius: 10px;
    margin-right:-6px;
    margin-top: 13px;
}
.e-default-right span.e-right-brace-br {
    margin-bottom: 10px;
    border-left: 2px solid grey;
    -webkit-border-top-left-radius: 10px;
    -moz-border-radius-topleft: 10px;
    border-top-left-radius: 10px;
}
.e-default-right span.e-right-brace-tl {
    margin-top: -4px;
    border-right: 2px solid grey;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topright: 10px;
    border-top-right-radius: 10px;
    margin-right:-6px;
}

.e-default-right span.e-right-brace-tr {
    margin-bottom: -8px;
    border-left: 2px solid grey;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-bottom-left-radius: 10px;
}

.e-sq250{
    width: 250px;
    height: 250px;
}

.e-sq220{
    width: 220px;
    height: 220px;
}

.e-sq200{
    width: 200px;
    height: 200px;
}

.e-sq190{
    width: 190px;
    height: 190px;
}

.e-sq180{
    width: 180px;
    height: 180px;
}

.e-sq170{
    width: 170px;
    height: 170px;
}

.e-sq160{
    width: 160px;
    height: 160px;
}

.e-sq150{
    width: 150px;
    height: 150px;
}

.e-sq140{
    width: 140px;
    height: 140px;
}

.e-sq130{
    width: 130px;
    height: 130px;
}

.e-sq120{
    width: 120px;
    height: 120px;
}

.e-sq120f{
    width: 125px;
    height: 125px;
}

.e-sq110{
    width: 110px;
    height: 110px;
}

.e-sq100{
    width: 100px;
    height: 100px;
}

/* ============================================================================================================================
== BLOCKQUOTE WITH OBTUSE TRIANGLE
** ============================================================================================================================ */

.obtuse-btm-lft {
    position:relative;
    padding:10px 20px;
    margin:0;
    color:#000;
    background:#f3961c; /* default background for browsers without gradient support */
    /* css3 */
    background:-webkit-gradient(linear, 0 0, 0 100%, from(#f9d835), to(#f3961c));
    background:-moz-linear-gradient(#f9d835, #f3961c);
    background:-o-linear-gradient(#f9d835, #f3961c);
    background:linear-gradient(#f9d835, #f3961c);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

/* creates the larger triangle */
.obtuse-btm-lft:before {
    content: "";
    position: absolute;
    bottom: -20px;
    left: 40px;
    border: 0;
    border-right-width: 30px;
    border-bottom-width: 20px;
    border-style:solid;
    border-color:transparent #f3961c;
    display: block;
    width: 0;
}

/* creates the smaller triangle */
.obtuse-btm-lft:after {
    content: "";
    position: absolute;
    bottom: -20px;
    left: 60px;
    border: 0;
    border-right-width: 10px;
    border-bottom-width: 20px;
    border-style:solid;
    border-color:transparent #fff;
    display: block;
    width: 0;
}

.obtuse-top-lft {
    position:relative;
    padding:10px 20px;
    margin:0;
    color:#000;
    background:#f3961c; /* default background for browsers without gradient support */
    /* css3 */
    background:-webkit-gradient(linear, 0 0, 0 100%, from(#f9d835), to(#f3961c));
    background:-moz-linear-gradient(#f9d835, #f3961c);
    background:-o-linear-gradient(#f9d835, #f3961c);
    background:linear-gradient(#f9d835, #f3961c);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

/* creates the larger triangle */
.obtuse-top-lft:before {
    content: "";
    position: absolute;
    top: -20px;
    left: 40px;
    border: 0;
    border-right-width: 30px;
    border-top-width: 20px;
    border-style:solid;
    border-color:transparent #f3961c;
    display: block;
    width: 0;
}

/* creates the smaller triangle */
.obtuse-top-lft:after {
    content: "";
    position: absolute;
    top: -20px;
    left: 60px;
    border: 0;
    border-right-width: 10px;
    border-top-width: 20px;
    border-style:solid;
    border-color:transparent #fff;
    display: block;
    width: 0;
}


.obtuse-btm-rgt {
    position:relative;
    padding:10px 20px;
    margin:0;
    color:#000;
    background:#f3961c; /* default background for browsers without gradient support */
    /* css3 */
    background:-webkit-gradient(linear, 0 0, 0 100%, from(#f9d835), to(#f3961c));
    background:-moz-linear-gradient(#f9d835, #f3961c);
    background:-o-linear-gradient(#f9d835, #f3961c);
    background:linear-gradient(#f9d835, #f3961c);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.obtuse-btm-rgt:before {
    content: "";
    position: absolute;
    bottom: -20px;
    right:40px;
    border: 0;
    border-left-width: 30px;
    border-bottom-width: 20px;
    border-style:solid;
    border-color:transparent #f3961c;
    display: block;
    width: 0;
}

/* creates the smaller triangle */
.obtuse-btm-rgt:after {
    content: "";
    position: absolute;
    bottom: -20px;
    right:60px;
    border: 0;
    border-left-width: 10px;
    border-bottom-width: 20px;
    border-style:solid;
    border-color:transparent #fff;
    display: block;
    width: 0;
}


.obtuse-top-rgt {
    position:relative;
    padding:10px 20px;
    margin:0;
    color:#000;
    background:#f3961c; /* default background for browsers without gradient support */
    /* css3 */
    background:-webkit-gradient(linear, 0 0, 0 100%, from(#f9d835), to(#f3961c));
    background:-moz-linear-gradient(#f9d835, #f3961c);
    background:-o-linear-gradient(#f9d835, #f3961c);
    background:linear-gradient(#f9d835, #f3961c);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.obtuse-top-rgt:before {
    content: "";
    position: absolute;
    top: -20px;
    right:40px;
    border: 0;
    border-left-width: 30px;
    border-top-width: 20px;
    border-style:solid;
    border-color:transparent #f3961c;
    display: block;
    width: 0;
}

/* creates the smaller triangle */
.obtuse-top-rgt:after {
    content: "";
    position: absolute;
    top: -20px;
    right:60px;
    border: 0;
    border-left-width: 10px;
    border-top-width: 20px;
    border-style:solid;
    border-color:transparent #fff;
    display: block;
    width: 0;
}

.obtuse-lft {
    position:relative;
    padding:10px 20px;
    margin:0;
    color:#000;
    background:#f3961c; /* default background for browsers without gradient support */
    /* css3 */
    background:-webkit-gradient(linear, 0 0, 0 100%, from(#f9d835), to(#f3961c));
    background:-moz-linear-gradient(#f9d835, #f3961c);
    background:-o-linear-gradient(#f9d835, #f3961c);
    background:linear-gradient(#f9d835, #f3961c);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

/* creates the smaller triangle */
.obtuse-lft:after {
    content: "";
    position: absolute;
    bottom: -20px;
    right:60px;
    border: 0;
    border-left-width: 10px;
    border-bottom-width: 20px;
    border-style:solid;
    border-color:transparent #fff;
    display: block;
    width: 0;
}

.obtuse-lft.o-btm:after{
    top:65px;
    left:-40px;
    bottom:auto;
    border-width:0 40px 15px 0;
    border-color:transparent #f3961c;
}

.obtuse-lft.o-top:after{
    top:25px;
    left:-40px;
    bottom:auto;
    border-width:15px 40px 0 0;
    border-color:transparent #f3961c;
}


.obtuse-rgt {
    position:relative;
    padding:10px 20px;
    margin:0;
    color:#000;
    background:#f3961c; /* default background for browsers without gradient support */
    /* css3 */
    background:-webkit-gradient(linear, 0 0, 0 100%, from(#f9d835), to(#f3961c));
    background:-moz-linear-gradient(#f9d835, #f3961c);
    background:-o-linear-gradient(#f9d835, #f3961c);
    background:linear-gradient(#f9d835, #f3961c);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

/* creates the smaller triangle */
.obtuse-rgt:after {
    content: "";
    position: absolute;
    bottom: 20px;
    left:50px;
    border: 0;
    border-left-width: 10px;
    border-bottom-width: 20px;
    border-style:solid;
    border-color:transparent #fff;
    display: block;
    width: 0;
}

.obtuse-rgt.o-btm:after{
    top:65px;
    right:-40px;
    bottom:auto;
    left:auto;
    border-width:0 0 15px 40px;
    border-color:transparent #f3961c;
}

.obtuse-rgt.o-top:after{
    top:25px;
    right:-40px;
    bottom:auto;
    left:auto;
    border-width:15px 0 0 40px;
    border-color:transparent #f3961c;
}

/* ============================================================================================================================ */

.e-blue-panel {
    float: left;
    background: #4bacc6;
    padding: 8px 55px 8px 8px;
    font-weight: bold;
    color: #fff;
    margin: 10px;
}

.e-panel-first1 {
     background: #ddeeff;
     width: 75px;
     float: left;
     margin: 3px;
     min-width: 80px;
 }

.e-panel-first1-1 {
    background: #ddeeff;
    width: 50px;
    float: left;
    margin: 3px;
}

.e-panel-first2 {
    background: #44aacc;
    color: white;
    padding: 0 20px;
    float: left;
    margin: 3px;
    font-weight: bold;
    text-align: center;
    min-width: 35%;
}

.e-panel-second1 {
    background: #ff9944;
    width: 75px;
    float: left;
    margin: 3px;
}

.e-panel-second2 {
    background: #ffeedd;
    padding: 0 60px;
    float: left;
    margin: 3px;
    font-weight: bold;
    text-align: center;
    min-width: 35%;
}

.e-topic1 {
    border: 1px solid #4bacc6;
    border-radius: 5px;
    float: left;
    padding: 10px;
    margin: 0 10px 0 50px;
    font-weight: bold;
}

.e-topic2 {
    background: #ddeeff;
    margin-left: -50px;
    margin-bottom: 5px;
    padding: 0 30px;
    text-align: center;
    float: left;
    font-weight: bold;
    color: #4bacc6;
}


.e-topic3 {
    border: 1px solid #8866aa;
    border-radius: 5px;
    float: left;
    padding: 10px;
    margin: 0 10px 0 50px;
    font-weight: bold;
}

.e-topic4 {
    background: #eeeeee;
    margin-left: -50px;
    margin-bottom: 5px;
    padding: 0 30px;
    text-align: center;
    float: left;
    font-weight: bold;
    color: #8866aa;
}

.e-description1 {
    border: 1px solid #dbeef4;
    padding: 5px;
    border-radius: 5px
}

.e-description1-1 {
    border: 3px solid #dbeef4;
    padding: 5px;
    border-radius: 5px
}

.e-description2 {
    background: #ffffff;
    text-align: center;
    font-weight: bold;
    float: left;
    padding: 10px 30px;
    border: 1px solid #daf1fd;
}

.e-description3 {
    background: #ddeeff;
    padding: 10px;
    margin: 5px 0;
    border-radius: 5px;
    min-width: 80px;
}

.e-lesson1 {
    background: #ff9944;
    color: white;
    font-weight: bold;
    text-align: center;
    width: 180px;
    float: left;
    margin: 3px;
}

.e-lesson2 {
    background: #44aacc;
    color: white;
    padding: 0 20px;
    float: left;
    margin: 3px;
    font-weight: bold;
    text-align: center;
    min-width: 35%;
}

.e-com-box {
    margin: 10px;
    outline: 1px solid #daeef3;
    padding: 5px;
    border-left: 7px solid #daeef3;
}

.estimate1 {
    width: 30px;
    height: 30px;
    background: #44aacc;
    border-radius: 5px;
    float: left;
}

.estimate1-1 {
     width: 30px;
     height: 60px;
     background: #44aacc;
     border-radius: 5px;
     float: left;
 }

.estimate1-2 {
    width: 30px;
    height: 120px;
    background: #44aacc;
    border-radius: 5px;
    float: left;
}

.estimate2 {
    margin: 0 10px;
    min-width: 360px;
    background: #8866aa;
    color: white;
    font-weight: bold;
    border-radius: 5px;
    float: left;
    height: 30px;
    text-align: center;
    padding-top: 2px;
}

.estimate2-1 {
    margin: 0 10px;
    min-width: 360px;
    background: #8866aa;
    color: white;
    font-weight: bold;
    border-radius: 5px;
    float: left;
    height: 60px;
    text-align: center;
    padding-top: 15px;
}

.estimate2-2 {
    margin: 0 10px;
    min-width: 360px;
    background: #8866aa;
    color: white;
    font-weight: bold;
    border-radius: 5px;
    float: left;
    height: 120px;
    text-align: center;
    padding-top: 40px;
}

.estimate1-3 {
    width: 30px;
    height: 60px;
    background: #8866aa;
    border-radius: 5px;
    float: left;
}

.estimate2-3 {
    margin: 0 10px;
    min-width: 360px;
    background: #44aacc;
    color: white;
    font-weight: bold;
    border-radius: 5px;
    float: left;
    height: 60px;
    text-align: center;
    padding-top: 15px;
}

.estimate1-4 {
    width: 30px;
    height: 120px;
    background: #8866aa;
    border-radius: 5px;
    float: left;
}

.estimate2-4 {
    margin: 0 10px;
    min-width: 360px;
    background: #44aacc;
    color: white;
    font-weight: bold;
    border-radius: 5px;
    float: left;
    height: 120px;
    text-align: center;
    padding-top: 40px;
}

.estimate3 {
    width: 30px;
    height: 80px;
    background: #44aacc;
    border-radius: 5px;
    float: left;
}

.estimate4 {
    margin: 0 10px;
    min-width: 460px;
    border-radius: 1px;
    border: 1px solid #fa9545;
    float: left;
    height: 80px;
    text-align: center;
    padding-top: 2px;
}

.estimate-dictionary {
    width: 40px;
    height: 60px;
    background: #94c8da;
    float: left;
    color: white;
    font-size: 32px;
    text-align: center;
    padding-top: 10px;
}

.e-l-h-21{
    line-height: 21px;
}

/* ============================================================================================================================
== MATH
** ============================================================================================================================ */

/* for inadequate CSS support: put warning message inside a span inside this: */
p.browser-nocss { color: red }
p.browser-nocss > span { display: none; } /* IE6 doesn't know CSS child. */

/* The line-height is to accommodate a single level of super- or sub-script */
/*p{ text-indent: 2.0em; text-align: justify; line-height: 1.2; }*/
p.continuation{ text-indent: 0; }

.math, i.mi, .math td, .math th {
    font-family: freeserif, "times new roman", serif;
    /*white-space: nowrap;*/
}
.math, i.mi { word-spacing: -0.2ex; }
span.math{ /*padding-left: 0.15ex; padding-right: 0.15ex*/ }
div.math{ text-align: center; width: 100%; word-spacing: normal; }
span.mtext{ word-spacing: normal; white-space: normal; word-spacing: normal; }

b.algebra{ font-family: freesans, verdana, sans-serif; font-weight: bold; }
/* In math, superscripts are normally placed rather low, so that the top
 * of the first level of superscript is even with the top of the main line.
 * Usually, the superscript is already rather small, but for on-screen
 * reading, a slightly larger size is more appropriate. */
.math sup{ vertical-align: 0.35em; font-size: 75%; }
.math sub{ vertical-align: -0.25em; font-size: 75%; }
.math sub sub{ vertical-align: -0.5em; font-size: 85%; }
.subsup{ position: relative; }
.subsup sup{ position: absolute; left: 0; top: -0.2em; }
.subsup sub{ top: 0; }
/* Netscape 4 on mac interprets margins as being from the page?
   Netscape 4 also screws up with padding, as though it means distance
   from margin
  .math var{margin-left: 0.15ex; margin-right: 0.15ex }
*/
.math table{ margin: auto; }

table.matrix{ margin: auto; } /* allows table to be centered */
.matrix td{
    text-align: center;
    line-height: 1.2em;
    padding: 0 1ex 0ex 1ex;
}

table.matrixbrak { margin: auto; }
table.hybridmatrixbrak { margin: auto;
    border-left: solid thin black;
    border-right: solid thin black;
}
table.matrixbrak td.lbrak { width: 0.8ex;
    font-size: 50%;
    border-top: solid 0.25ex black;
    border-bottom: solid 0.25ex black;
    border-left: solid 0.5ex black;
    border-right: none;
}
table.matrixbrak td.rbrak { width: 0.8ex; font-size: 50%;
    border-top: solid 0.25ex black;
    border-bottom: solid 0.25ex black;
    border-right: solid 0.5ex black;
    border-left: none;
}
table.matrixbrak td { line-height: 1.6; }
table.matrixnorm td.normlines { width: 0.8ex; font-size: 50%;
    border-top: none;
    border-bottom: none;
    border-right: solid 0.25ex black;
    border-left: solid 0.25ex black;
}
table.matrixnorm { margin: auto; }
.norm { width: 0.3ex;
    border-left: thin black solid;
    border-right: thin black solid; }
.matrixbracket {
    border-left: thin black solid;
    border-right: thin black solid; }
.matrixbracket .nibs { width: 0.3ex;
    border-top: thin black solid;
    border-bottom: thin black solid; }

/* would like to make more compact vertically by setting line-height,
 * but IE then truncates the glyphs */
div.fraction {
    text-align: center;
    display: inline;
    vertical-align: middle;
}


.fraction .divider { display: none; } /* for non-css browsers, use dashes */
.fraction .numerator{
    padding-bottom: 0.1ex;
    border-bottom: thin black solid;
}

span.fraction { position: relative;
    line-height: 1em;
    top: -0.5em;
}
span.fraction .divider,
span.fraction .denominator
{
    position: absolute;
}
.fraction .numerator { top: 0; }
.fraction .divider { top: 0; }
.fraction span.denominator { left: 0; bottom: -1.2em; }
div.math {}
/* ------------------------------ fractions using tables */
span.baseline { color: silver; }

table.fraction{ margin: auto;
    display: inline;
    padding: 0; }
.math > table.fraction{ }
.fraction td{ text-align: center; }

.fraction td.numerator{ padding: 0; }
.fraction td.divider{ vertical-align: baseline; letter-spacing: -0.1em;
    line-height: 0.3em; height: 0.2em;  }
.fraction td.denominator{ padding: 0; }

div.fraction-inline {
    display: inline-block;
    position: relative;
    vertical-align: middle; }
.fraction-inline > span { display: block; padding: 0; }
.fraction-inline span.divider{ position: absolute; top: 0em; display: none;
    letter-spacing: -0.1em;
}
.fraction-inline span.denominator{ border-top: thin solid black; }

.hybrid .fraction{ display: inline-block; }
/** ----------------------------- limit ***/
table.limit { margin: auto; display: inline; vertical-align: -0.5em; }
.limit { line-height: 0.9; padding: 0; }
.limit .as { font-size: small; line-height: 1; padding: 0; }
/*** ---------------------------- integrals and summations ***/
table.integral { margin: auto; }
table.integral td{
    padding: 0; margin: 0;
    line-height: 1;
}
table.integral td.int{
    font-size: 150%;
    vertical-align: middle;
}
table.sum { margin: auto; }

table.sum-display .sum, .sum-display-inline .sum {
    font-size: 150%;
    padding: 0; margin: 0;
}
/*span.int:first-child, span.int-cpct:first-child, span.sum:first-child {*/
span.int, span.int-cpct, span.sum {
    position: relative;
    font-size: 150%;
    padding: 0; margin: 0;
    vertical-align: -0.25ex;
}
.int, .int-cpct { }
.int-cpct{ line-height: 1.6em;  }
.sum{ text-align: center;
    padding: 0 0.25ex 0 0.25ex;
}
.int .limits,
.int-cpct .limits,
.sum .limits {
    line-height: 1;
    font-size: medium;
    text-align: center;
}
.int .limits sub,
.int .limits sup,
.int-cpct .limits sub,
.int-cpct .limits sup,
.sum .limits sub,
.sum .limits sup {
    position: absolute;
    font-size: 75%;
}
.sum { text-align: center; }
/* how to center one object on another *at all*? */
.sum .limits sup{ left: 0.7ex; top: -1em; }
.sum .limits sub{ left: 0ex; top: 2.3em; }
.int .limits sup{ left: 1.9ex; top: -0.5ex; }
.int .limits sub{ left: 1.2ex; top: 1.6em; }
.int-cpct .limits sup{ right: -1.5ex; top: -0.7ex; }
.int-cpct .limits sub{ left: 1.2ex; top: 1.6em; }

.math table td { vertical-align: middle; }
.sum-display, .sum-display-inline { display: inline; }
.sum-display .lim, .sum-display-inline .lim { font-size: 75%; }
.sum-display-inline .lim, .sum-display-inline .sum { text-align: center; }
table.sum-display-inline { vertical-align: -1.2em; padding: 0; }
.sum-display td, .sum-display-inline td {
    padding: 0; margin: 0;
}
span.sum-display-inline { display: inline-block; vertical-align: -1.2em; }
.sum-display-inline span.lim { display: block; }

span.sum-display { display: inline; }
.sum-display span.sum { vertical-align: baseline; }

.expression, td.integrand{ padding-left: 0.5ex; padding-right: 0.5ex;
    vertical-align: baseline; text-align: left; line-height: 2em;
}
.expression td{ }

.uplimit, .downlimit, .upcntrlimit, .downcntrlimit
{ font-size: small; line-height: 1; }
td.uplimit{ font-size: small;
    vertical-align: bottom;
    text-align: left; padding: 0.2ex; }
td.downlimit{
    vertical-align: top; text-align: left; }
td.upcntrlimit{
    text-align: center;
    padding-left: 0.75ex; }
tr.lower, tr.upper { line-height: 1; }
td.downcntrlimit{ padding-top: 0;
    text-align: center; }
.summation td.upcntrlimit{  text-align: center;
    padding-left: 0.75ex; }
.summation td.downcntrlimit{  padding-top: 0;
    padding-left: 0.75ex; }
.expression sub { line-height: 1; } /* turn off Opera's inheritance of this */
/*** complex formula display ***/
table.expression{ margin: auto; }
/*** equation numbers ***/
table.display{ width: 100%; }
td.blank{ width: 6em; }
td.expression{ width: 85%; }
.eqnnumber{ text-align: right; vertical-align: middle; width: 6em; }

.math .radic2{ font-size: 100%; vertical-align: top; }
.math .root{ border-top: thin black solid; }

/* for inadequate CSS support: put warning message inside a span inside this: */
p.browser-nocss2 { color: red }
p.browser-nocss2 > span { display: none; } /* If no child selector, no CSS2. */
