
/* tridion styles */


/* common styles */

div.mav-container h1 {
    color: #fff;
    font-size: 1.250em;
    background-color: rgb(38, 206, 255);
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: center;
    align-items: center;
    margin-bottom: 15px;
    padding: 6px 10px;
}

div.mav-container h1 img {
    margin-right: 10px;
}

h2 {
    font-size: 1.125em;
}
h3 {
    font-size: 1.125em;
}

h4 {
    font-size: 1.000em;
}

div.mav-container > .inner {
    padding: 10px 10px 30px;
}

div.mav-container > .inner > .inner {
    padding: 0 10px;
}

div.mav-layout {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.bg-color-1 {
    background: rgb(211, 244, 255);
}

.bg-color-2 {
    background: rgb(239, 239, 239);
}

.bg-pattern-1 {
	background: rgb(228, 243, 243);
	background-image: radial-gradient(#fff 20%, transparent 0), radial-gradient(#fff 20%, transparent 0);
	background-position: 0 0, 15px 15px;
	background-size: 30px 30px;
}

.bg-pattern-2 {
	background: rgb(255, 250, 230);
	background-image: radial-gradient(#fff 20%, transparent 0), radial-gradient(#fff 20%, transparent 0);
	background-position: 0 0, 15px 15px;
	background-size: 30px 30px;
}

.box-rounded {
    background: #fff;
    -webkit-border-radius: 4px;
    -ms-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 10px;
}

.box-square {
    background: #fff;
    padding: 10px;
}

.box-rounded.color-1 {
    border: 1px solid rgb(0, 113, 188);
}

.box-rounded.color-2 {
    border: 1px solid rgb(229, 36, 82);
}

.box-rounded.color-3 {
    border: 1px solid rgb(38, 206, 255);
}

.box-square.color-3 {
    border: 1px solid rgb(38, 206, 255);
}

.box-1 {
    background: rgb(250, 221, 228);
    margin: 5px 0 10px;
    border: 1px solid rgb(229, 36, 82);
}

.box-2 {
    background: rgb(255, 245, 203);
    margin: 5px 0 10px;
    border: 1px solid rgb(229, 36, 82);
}

.box-3 {
    background: rgb(255, 245, 203);
    margin: 5px 0 10px;
    border: 1px solid rgb(38, 206, 255);
}

.hr-top {
    border-top: 1px solid rgb(0, 113, 188);
    padding-top: 10px;
}

.hr-bottom {
    border-bottom: 1px solid rgb(0, 113, 188);
    padding-bottom: 10px;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

.text-left {
    text-align: left;
}

strong.text-center {
    width: 100%;
    display: inline-block;
}

.text-center {
    text-align: center;
}

.text-right {
    text-align: right;
}

.text-small {
    font-size: 90%;
}

.text-smaller {
    font-size: 0.875em;
}

.text-color-1 {
    color: rgb(0, 113, 188);
}

.text-color-2 {
    color: rgb(229, 36, 82);
}

ul.text-indent, ol.text-indent {
    width: 100%;
    list-style-position: outside;
    padding-left: 1em;
    display: inline-block;
    position: relative;
}

ul.text-indent span, ol.text-indent span {
    position: absolute;
    left: 0;
}

.letters-3 {
    padding-left: 2em !important;
}

.letters-4 {
    padding-left: 2.5em !important;
}

p.text-indent {
    text-indent: -1em;
    padding-left: 1em;
}

p.notice {
    text-indent: -1em;
    padding-left: 1em;
}

.text-h2 {
    color: rgb(0, 113, 188);
}

.bg-h2 {
    color: #fff;
    background: rgb(0, 113, 188);
    padding: 6px 8px;
}

.link-decoration {
    text-decoration: underline !important;
}

.link-url {
    text-decoration: underline !important;
    word-wrap: break-word;
    overflow-wrap: break-word;
}

a:link.link-color-1, a:visited.link-color-1 {
    color: rgb(0, 113, 188);
    text-decoration: underline !important;
}

#disclaimer .box-rounded a, #home h2 {
    color: #fff;
    background: rgb(38, 206, 255); /* Old browsers */
    background: -webkit-linear-gradient(top, rgb(38, 206, 255) 0%, rgb(0, 113, 188) 100%);
    background: -ms-linear-gradient(top, rgb(38, 206, 255) 0%, rgb(0, 113, 188) 100%);
    background: -moz-linear-gradient(top, rgb(38, 206, 255) 0%, rgb(0, 113, 188) 100%);
    background: linear-gradient(to bottom, rgb(38, 206, 255) 0%, rgb(0, 113, 188) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#26ceff',endColorstr='#0071bc',GradientType=0 ); /* IE6-9 */
    display: block;
}

.faq_q {
    padding: 6px 8px;
}

.faq_a {
    background: #fff;
    padding: 10px;
}

span.faq_toggle {
	text-align: center;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 13px 11px 0 11px;
	border-color: rgb(255, 210, 0) transparent transparent transparent;
	margin: 0 auto;
	display: block;
}

.faq_q.active > span.faq_toggle {
    border-width: 0 11px 13px 11px;
    border-color: transparent transparent rgb(255, 210, 0) transparent;
}

.toc {
    color: #fff;
    font-size: 1.125em;
    text-align: center;
    background: rgb(38, 206, 255);
    margin-bottom: 10px;
    padding: 6px 8px;
}

ol.list-decimal {
    list-style: decimal;
    margin-left: 1.25em;
}

ol.list-decimal-2 {
    counter-reset: num;
    list-style-position: inside;
}
ol.list-decimal-2 > li {
    text-indent: -2em;
    padding-left: 2em;
}

    ol.list-decimal-2 > li::before {
        content: counter(num)")\a0";
        counter-increment: num;
        text-align: right;
        width: 2em;
        display: inline-block;
    }

.nowrap { white-space: nowrap; }

.table-1 {
    font-size: 0.875em;
    font-weight: bold;
    text-align: center;
    width: 100%;
    border: 2px solid rgb(125, 203, 242);
}

.table-1 caption {
    text-align: left;
}

.table-1 th, .table-1 td {
    padding: 3px 4px;
}

.table-1 thead th {
    color: #fff;
    background: rgb(125, 203, 242);
}

.table-1 tbody th {
    color: rgb(80, 131, 195);
    background: rgb(233, 244, 251);
    border: 1px solid rgb(125, 203, 242);
}

.table-1 tbody td {
    color: rgb(80, 131, 195);
    border: 1px solid rgb(125, 203, 242);
}

/* index styles */

#disclaimer > .inner {
    padding-top: 16.5%;
}

#disclaimer .bg-pic-1 {
    background-image: url(/static/images/mav-key-visual.png);
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: top center;
}

#disclaimer .box-rounded {
    background: rgba(255, 255, 255, 0.9);
    border: 1px solid rgb(203, 203, 203);
    padding-bottom: 20px;
}

#disclaimer .box-rounded p {
    color: rgb(0, 113, 188);
}

#disclaimer .box-rounded ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
}

#disclaimer .box-rounded li {
    width: 30%;
    min-width: 5em;
    margin: 0 4%;
}

#disclaimer .box-rounded a {
    text-align: center;
    font-weight: bold;
    -webkit-border-radius: 4px;
    -ms-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid rgb(203, 203, 203);
    padding: 6px 0;
}

/* home styles */

#home .content {
    margin-bottom: 20px;
}

#home .bg-pic-1 {
    background-image: url(/static/images/mav-key-visual-t.png);
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: top center;
}

#home h2 {
    -webkit-border-radius: 4px;
    -ms-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid rgb(203, 203, 203);
    margin-bottom: 5px;
}

#home h2 a {
    color: #fff;
    padding: 6px 8px 6px 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: center;
    align-items: center;
}

#home h2 img {
    width: 32px;
    max-width: 32px !important;
    margin-right: 8px;
}

#home .content-1 h2 img.icon-left {
    width: 32px;
    max-width: 32px !important;
    margin-right: 3px;
}

#home .content-1 h2 a > span {
    margin-right: 3px;
}

#home .content-1 h2 img.icon-right {
    width: 61px;
    max-width: 61px !important;
    margin-right: 0;
    margin-left: auto;
    margin-bottom: 2px;
    align-self: flex-end;
}

#home .notice {
    color: rgb(0, 113, 188);
    font-weight: bold;
}

#home .content-3 span.text-smaller {
    margin-left: -0.5em;
}


/* doc(index) styles */

#content-1 section:nth-of-type(1) {
    margin-bottom: 20px;
}

#content-1 h1 img.icon-left {
    width: 30px;
    max-width: 30px !important;
    margin-right: 5px;
}

#content-1 h1 > span {
    margin-right: 10px;
}

#content-1 h1 img.icon-right {
    width: 70px;
    max-width: 70px !important;
    margin-right: 0;
    margin-left: auto;
    align-self: flex-end;
}

#content-1 h2 {
    text-align: center;
    margin-bottom: 15px;
}

#content-1 .box-rounded {
    margin-bottom: 10px;
}

#content-1 .box-rounded p {
    font-weight: bold;
    margin-bottom: 0;
}

#content-1 .color-2 strong {
   color: rgb(229, 36, 82);
}

#content-1 p.notice {
    margin-bottom: 20px;
}

#content-1 p.toc {
    font-weight: bold;
}

#content-1 .accordion h3 {
    color: rgb(0, 113, 188);
    font-size: 1.000em;
    margin-bottom: 3px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
}

#content-1 section#for-m21-user .accordion h3 img {
    width: 116px;
    margin-right: 8px;
}

#content-1 section#for-m28-user .accordion h3 img {
    width: 116px;
    margin-right: 8px;
}

#content-1 .faq_a {
    -webkit-border-radius: 4px;
    -ms-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

#content-1 .faq_a ul {
    padding-top: 5px;
}

#content-1 .faq_a li {
    font-size: 1.125em;
    font-weight: bold;
    text-align: center;
    background-image: url(/static/images/mav-patern-1.png);
    background-repeat: repeat-x;
    background-position: center center;
    width: 85%;
    -webkit-border-radius: 4px;
    -ms-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid rgb(203, 203, 203);
    margin: 0 auto 10px;
    display: block;
}

#content-1 .faq_a a {
    color: #fff;
    padding: 4px 8px;
    display: block;
}

#content-1 .faq_a ul li:nth-last-child(1) {
    background-image: url(/static/images/mav-patern-2.png);
    border: 1px solid rgb(38, 206, 255);
    margin-bottom: 5px;
}

#content-1 .faq_a ul li:nth-last-child(1) a {
    color: rgb(0, 113, 188);
}

/* slip styles */

#content-2 section:nth-of-type(-n+3) {
    margin-bottom: 20px;
}

#content-2 .faq_q h3 {
    color: #fff;
    font-size: 1.000em;
    margin-bottom: 3px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
}

#content-2 section#for-m21-user .accordion h3 img {
    width: 116px;
    margin-right: 8px;
}

#content-2 section#for-m28-user .accordion h3 img {
    width: 116px;
    margin-right: 8px;
}

#content-2 figure {
    margin-top: 10px;
}

#content-2 #for-user .sub-section {
    background: #fff;
    padding: 10px;
}

#content-2 .sub-section.column-1 .box-square {
    margin-bottom: 10px;
}

#content-2 .sub-section.column-1 .color-3 h4 {
    color: #fff;
    text-align: center;
    background: rgb(38, 206, 255);
    margin: -10px -10px 10px;
    padding: 6px 8px;
    font-size: 1.125em;
}

#content-2 .box-square p {
    margin-bottom: 0;
}

#content-2 #for-user ul {
    font-weight: bold;
}

#content-2 #for-user .hr-bottom {
    margin-bottom: 5px;
}

#content-2 #for-user .sub-section.column-2 {
    background: rgb(200, 242, 255);
}


/* card styles */

#content-3 .text-h2 {
    margin-bottom: 10px;
}

#content-3 section:nth-of-type(1) {
    margin-bottom: 20px;
}

#content-3 .faq_q h3 {
    color: #fff;
    margin-bottom: 3px;
}

#content-3 .faq_a ul {
    font-weight: bold;
}

#content-3 .box-square p {
    margin-bottom: 0;
}


/* csc styles */

#content-4 .text-h2 {
    margin-bottom: 10px;
}

#content-4 .box-square {
    margin-bottom: 15px;
}

#content-4 div:nth-of-type(2) {
    color: #fff;
    text-align: center;
    background-color: rgb(0, 113, 188) !important;
    margin-bottom: 0;
}

#content-4 div:nth-of-type(2) p {
    text-align: center;
}

#content-4 .box-square h3 {
    margin-bottom: 10px;
}

#content-4 .box-square a {
    color: #fff;
    font-size: 1.500em;
}

#content-4 .box-square img {
    width: 60px;
    max-width: 60px;
}


/* terms styles */

#terms article.inner {
    padding-right: 15px;
    padding-left: 15px;
}

#terms section.heading h2 {
    color: #fff;
    font-size: 1.250em;
    background: rgb(0, 208, 255);
    margin-bottom: 10px;
    padding: 6px 8px;
}

#terms section.heading strong {
    color: rgb(7, 39, 117);
}

#terms h3 {
    background: rgb(128, 232, 255);
    margin-bottom: 10px;
    padding: 6px 8px;
}


/* doc styles */

div.mav-container .pagenav {
    margin-top: 30px;
}

div.mav-container .pagenav ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
}

div.mav-container .pagenav.lastpage ul {
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
}

div.mav-container .pagenav ul li {
    width: 33.333%;
}

div.mav-container .pagenav .to-pre {
    text-align: left;
}

div.mav-container .pagenav .to-toc {
    text-align: center;
}

div.mav-container .pagenav .to-next {
    text-align: right;
}

div.mav-container .pagenav ul li img {
    width: 100%;
    max-width: 111px !important;
}

#content-1 article#m21 h3, #content-1 article#m28 h3, #content-1 article#m21-m28 h3 {
    color: #fff;
    text-align: center;
    margin-bottom: 15px;
    position: relative;
}

    #content-1 article#m21 h3::before, #content-1 article#m28 h3::before, #content-1 article#m21-m28 h3::before {
        content: "";
        background-image: url(/static/images/mav-line-1.png);
        background-repeat: repeat-x;
        background-position: left center;
        width: 100%;
        height: 11px;
        position: absolute;
        top: 50%;
        display: block;
        z-index: 1;
    }

#content-1 article#m21 h3 span, #content-1 article#m28 h3 span, #content-1 article#m21-m28 h3 span {
    background-image: url(/static/images/mav-patern-1.png);
    background-repeat: repeat-x;
    background-position: center center;
    width: 75%;
    -webkit-border-radius: 4px;
    -ms-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid rgb(203, 203, 203);
    margin: 0;
    padding: 4px 8px;
    display: inline-block;
    position: relative;
    z-index: 2;
}

/* m21-03, m28-03 */
#content-1 .box-rounded.color-1 strong {
    color: rgb(0, 113, 188);
}

/* m21-04, m28-04 */
#content-1 .table-wrapper {
    margin: 5px 0 10px;
}

#content-1 .table-1 thead th:nth-child(-n+2) {
    border-right: 1px solid #fff;
}

/* com-01 */

#content-1 #m21-m28 h4 {
    margin-top: 10px;
}

#content-1 #m21-m28 ol.list-decimal-2 ul.text-indent li {
    text-indent: 0;
}

#content-1 #m21-m28 ol.list-decimal-2 ul.text-indent li.exception {
    margin-left: -1em;
}

#content-1 #m21-m28 img.mav-fig {
    width: 88px;
    margin: 4px 0 0 8px;
}

/* com-03 */

#content-1 #m21-m28 .table-1 {
    margin-bottom: 10px;
}

#content-1 #m21-m28 .table-1 tbody tr:nth-last-of-type(1), #content-1 #m21-m28 .table-1 tbody tr:nth-last-of-type(1) th {
    background: rgb(249, 228, 237);
}

#content-1 #m21-m28 .table-1 tbody th {
    text-align: left;
}

#content-1 #m21-m28 .table-wrapper ul {
    font-size: 0.875em;
}

#content-1 #m21-m28 .letters-3 strong.exception {
    text-indent: -1em;
    padding-left: 1em;
    font-weight: normal;
    display: inline-block;
}

/* com-05 */

#content-1 #com-05 {
    margin-bottom: 15px;
}

#content-1 #com-05 p {
    min-width: 50% !important;
}

#content-1 #com-05 .column-right {
    align-self: center;
    min-width: 170px;
    width: 170px;
    max-width: 50%;
    margin-left: 8px;
    display: block;
}

#content-1 .circle {
    color: #fff;
    line-height: 0;
    background: rgb(229, 36, 82);
    -webkit-border-radius: 50%;
    -ms-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    padding: 6px;
}


/* doc(exp-index) styles*/

#content-1-exp article#faq-q section:nth-of-type(-n+5) {
    margin-bottom: 20px;
}

#content-1-exp h1 img.icon-left {
    width: 30px;
    max-width: 30px !important;
    margin-right: 5px;
}

#content-1-exp h1 span {
    margin-right: 10px;
}

#content-1-exp h1 img.icon-right {
    width: 70px;
    max-width: 70px !important;
    margin-right: 0;
    margin-left: auto;
}

#content-1-exp article#faq-q .box-rounded {
    margin-bottom: 15px;
}

#content-1-exp article#faq-q .box-rounded p {
    font-weight: bold;
    margin-bottom: 0;
}

#content-1-exp article#faq-q .color-3 strong {
   color: rgb(0, 113, 188);
}

#content-1-exp article#faq-q .toc {
    font-weight: bold;
}

#content-1-exp article#faq-q .faq_q h3 {
    color: rgb(0, 113, 188);
    font-size: 1.000em;
    margin-bottom: 3px;
}

#content-1-exp article#faq-q .faq_a h4 {
    color: rgb(0, 113, 188);
    background: rgb(200, 242, 255);
    margin-bottom: 10px;
    padding: 6px 8px;
}

#content-1-exp article#faq-q .faq_a li {
    text-align: left;
    margin-bottom: 10px;
}

#content-1-exp article#faq-q .faq_a a {
    color: rgb(0, 113, 188);
    text-decoration: underline;
}


/* doc(exp-01) styles*/

#content-1-exp .heading {
    background-image: url(/static/images/mav-line-2.png);
    background-repeat: repeat-x;
    background-position: bottom left;
    margin-bottom: 15px;
    padding: 0 5% 8px 5%;
}

#content-1-exp .heading h2 {
    color: rgb(0, 113, 188);
    font-size: 1.250em;
    background-image: url(/static/images/mav-illust-doc-2.png);
    background-size: auto 59px;
    background-repeat: no-repeat;
    background-position: bottom right;
    padding: 0 0 5px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    align-items: center;
}

#content-1-exp .heading h2 img {
    width: 54px;
    max-width: 54px;
    height: 54px;
    margin-right: 10px;
}

#content-1-exp article#faq-a .accordion {
    margin-bottom: 10px;
}

#content-1-exp article#faq-a section .accordion:nth-last-of-type(1) {
    margin-bottom: 0;
}

#content-1-exp article#faq-a .toc {
    color: rgb(0, 113, 188);
    font-size: 1.000em;
    font-weight: bold;
    background-image: url(/static/images/mav-patern-2-large.png);
    background-repeat: repeat-x;
    background-position: center center;
    margin-top: 15px;
    margin-bottom: 15px;
}

#content-1-exp article#faq-a .faq_q h3 {
    color: #fff;
    font-size: 1.000em;
    padding-left: 2em;
    text-indent: -2em;
}

#content-1-exp article#faq-a .faq_q h3.two-digit {
    padding-left: 2.75em;
    text-indent: -2.75em;
}

#content-1-exp article#faq-a .faq_a p {
    margin-bottom: 0;
}

#content-1-exp div.mav-layout {
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
}

img.mav-arrow {
    width: 47px;
    margin: 0 8px 4px 0;
    vertical-align: top;
    float: left;
}

img.mav-fig {
    width: 66px;
    margin: 4px 0 0 8px;
}


/* doc(exp-02) styles*/

#content-1-exp #q8 img.mav-fig {
    width: 80px;
}


/* doc(exp-03) styles*/

#content-1-exp #q13 img.mav-fig {
    width: 80px;
}


/* doc(exp-04) styles*/

#content-1-exp #q19 img.mav-fig {
    width: 90px;
}

#content-1-exp #q20 .column-left {
    min-width: 55px;
    width: 55px;
    max-width: 55px;
}

#content-1-exp #q20 ul.text-indent li.exception {
    margin-left: -1em;
}

/*@media only screen and (max-width: 320px) {
    #content-1-exp #q22 .column-left {
        min-width: 128px;
        width: 128px;
    }
}*/

/*#content-1-exp #q22 figure img {
    display: block;
    margin-bottom: 10px;
}*/

#content-1-exp #q22 div.mav-layout {
    align-items: center;
}

#content-1-exp #q22 .mav-layout {
    margin-top: 10px;
}

#content-1-exp #q22 .mav-layout p {
    line-height: 1.313;
}

#content-1-exp #q22 .num-circle {
    color: rgb(128, 183, 220);
}

#content-1-exp #q22 img.mav-fig {
    min-width: 80px;
    width: 80px;
    max-width: 80px;
    margin-top: 0;
}

#content-1-exp #q22 img.mav-fig.no2 {
    min-width: 165px;
    width: 165px;
    max-width: 165px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}


/* doc(exp-05) styles*/

#content-1-exp #q26 img.mav-fig {
    width: 110px;
}

#content-1-exp #q29 img.mav-fig {
    width: 80px;
}


/* doc(exp-06) styles*/

#content-1-exp #q32 img.mav-fig {
    width: 170px;
}

#content-1-exp #q36 img.mav-fig {
    width: 120px;
}

/* accordion parts */

#content-1 .faq_q {
    text-align: center;
    background: rgb(177, 211, 234);
    -webkit-border-radius: 4px;
    -ms-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid rgb(203, 203, 203);
}

#content-1-exp article#faq-q .faq_a {
    -webkit-border-radius: 4px;
    -ms-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

#content-1-exp article#faq-q .faq_q {
    text-align: left;
    background-image: url(/static/images/mav-patern-2-large.png);
    background-repeat: repeat-x;
    background-position: center center;
    -webkit-border-radius: 4px;
    -ms-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid rgb(38, 206, 255);
}

#content-1-exp article#faq-a .faq_q {
    text-align: left;
    background: rgb(38, 206, 255); /* Old browsers */
    background: -webkit-linear-gradient(top, rgb(38, 206, 255) 0%, rgb(0, 113, 188) 100%);
    background: -ms-linear-gradient(top, rgb(38, 206, 255) 0%, rgb(0, 113, 188) 100%);
    background: -moz-linear-gradient(top, rgb(38, 206, 255) 0%, rgb(0, 113, 188) 100%);
    background: linear-gradient(to bottom, rgb(38, 206, 255) 0% rgb(0, 113, 188) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#26ceff',endColorstr='#0071bc',GradientType=0 ); /* IE6-9 */
}

#content-2 section#for-m21-user .faq_q {
    text-align: center;
    background: rgb(0, 113, 188);
}

#content-2 section#for-m28-user .faq_q {
    text-align: center;
    background: rgb(146, 230, 255);
}

#content-3 section#for-user .faq_q {
    text-align: center;
    background: rgb(0, 113, 188);
}

#content-3 section#for-doctor .faq_q {
    text-align: center;
    background: rgb(229, 36, 82);
}