/*
    Trial Center
    ------------

    Trial Center is shown after the login (/Account/TrialCenter),
    it has promo videos and some teaser text, a logout box.

    Warn: this css has been COPIED HERE from the standalone TrialCenter
    project (which added these rules to lmi123 css); unfortunately with
    this now part of "account" pages, we may have to prefix stuff
    here and there.
*/

/* Secondary Login Box - BEGIN */
div.bluearrow_right { background-position: -20px -60px; display: inline; padding-right: 4px; top: 4px; position: relative; }
div.loginbox2 { position: relative; width: 168px; padding: 10px 0; background: #f8f8f8; /* Old browsers */ border: 1px solid #E6E6E6; margin: 0 0 20px 0; border-radius: 5px;
    background: -moz-linear-gradient(top, #f8f8f8 0%, #dcdcdc 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8), color-stop(100%,#dcdcdc)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f8f8f8 0%,#dcdcdc 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f8f8f8 0%,#dcdcdc 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f8f8f8 0%,#dcdcdc 100%); /* IE10+ */ background: linear-gradient(to bottom, #f8f8f8 0%,#dcdcdc 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#dcdcdc',GradientType=0 ); }
div.loginbox2 div.loginbox_content { padding: 10px 5px; position: relative; }
div.loginbox2 span.green button { width: 130px!important; }
div.loginbox2 span.blue button { width: 109px!important; }
div.loginbox2 div.buttonrow { margin: 0 0 10px 5px; }

img.loginbox_background { display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; }

div.droppanel { width: 154px; margin: auto auto; font: 11px/20px Arial; }
div.droppanel div.login_links a { font-weight: bold; }

div.droppanel_header {  width: 134px; height: 27px; font: 9pt/27px Arial; text-align: left; padding: 0 10px; background: url(/Common/Images/loginbox_droppanel.gif) top left no-repeat; position: relative; }

div.droppanel_content { text-align: left; background: #F3F3F3; border: 1px solid #CECECE; margin-top: -1px; width: 136px; padding: 8px; }
div.droppanel_content div.bluearrow_right { position: relative; top: 5px; }
div.droppanel_content div.droppanel_h_separator { background: url(/Common/Images/lbox_dots.gif) center left repeat-x; width: 100%; height: 10px; }

div.droppanel_content div.lbox_field { margin: 5px 0; }
div.droppanel_content div.lbox_button { margin: 7px 0; padding: 0!important; }
div.droppanel_content div#loginbox_droppanel_email { margin-left: 8px; word-spacing: -3px; overflow: hidden; }

div.droppanel_content div.login_links div { position: relative; padding-left: 6px; }
div.droppanel_content div.login_links .bluearrow_right { position: absolute; top: 7px; left: 0; }
/* Secondary Login Box - END */

/*
buttons & inputs
----------------------------
*/
span.button { display:inline-block; display:-moz-inline-block; zoom:1; *display:inline; }
span.button, x:-moz-any-link { display:-moz-inline-box; }
span.button span.left { display:inline-block; display:-moz-inline-stack; zoom:1; *display:inline; float: left; width: 5px; height: 24px; background: url('/Common/Images/Sprite/g3master_norep.png') no-repeat scroll -20px -320px; }
span.button span.right { display:inline-block; display:-moz-inline-stack; zoom:1; *display:inline; float: left; width: 10px; height: 24px; background: url('/Common/Images/Sprite/g3master_norep.png') no-repeat scroll -40px -320px; }
span.button span.middle { display:inline-block; display:-moz-inline-stack; zoom:1; *display:inline; float: left; height: 24px; padding: 0 5px; background: url('/Common/Images/Sprite/g3master_repx.png') repeat-x scroll 0 -80px; }
span.button input, span.button button, span.button a { padding: 0; margin: 0; border: 0; background: none; color: White; line-height: 24px; height: 24px; font: bold 9pt Arial; cursor: pointer; margin-top: -1px; *margin-top: 0px; }
span.button a { margin-top: 0px; line-height: 24px !important; }
span.button.disabled span.left { background: url('/Common/Images/button/grayd_left_4x24.png') no-repeat; }
span.button.disabled span.right { background: url('/Common/Images/button/grayd_right_4x24.png') no-repeat; }
span.button.disabled span.middle { background: url('/Common/Images/button/grayd_100x24.png') repeat-x; }
span.button.mycomp span.left { background: url('/Common/Images/button/mycnv_left_4x24.png') no-repeat; }
span.button.mycomp span.right { background: url('/Common/Images/button/mycnv_right_4x24.png') no-repeat; }
span.button.mycomp span.middle { background: url('/Common/Images/button/mycnv_middle_100x24.png') repeat-x; }
span.button.mycomp a { color: #0088ce; }
span.button.big span.left { height: 28px; background: url('/Common/Images/Sprite/g3master_norep.png') no-repeat scroll -20px -320px; }
span.button.big span.right { height: 28px; background: url('/Common/Images/Sprite/g3master_norep.png') no-repeat scroll -40px -320px; }
span.button.big span.middle { height: 28px; background: url('/Common/Images/Sprite/g3master_repx.png') repeat-x scroll 0 -110px; }
span.button.big input, span.button.big button { line-height: 28px; height: 28px; }
span.button.green span.left { height: 28px; background: url('/Common/Images/Sprite/g3master_norep.png') no-repeat scroll -109px -80px; }
span.button.green span.right { height: 28px; background: url('/Common/Images/Sprite/g3master_norep.png') no-repeat scroll -110px -120px; margin-left: -2px; }
span.button.green span.middle { height: 28px; background: url('/Common/Images/Sprite/g3master_repx.png') repeat-x scroll 0 -840px; }
span.button.green input, span.button.green button { line-height: 28px; height: 28px; }
span.button.gray span.left { height: 28px; background: url('/Common/Images/button/gray_left_4x28.png') no-repeat; }
span.button.gray span.right { height: 28px; background: url('/Common/Images/button/gray_right_4x28.png') no-repeat; }
span.button.gray span.middle { height: 28px; background: url('/Common/Images/button/gray_100x28.png') repeat-x; }
span.button.gray input, span.button.gray button { line-height: 28px; height: 28px; }
span.button.graysmall span.left { background: url('/Common/Images/Sprite/g3master_norep.png') no-repeat scroll -20px -80px; }
span.button.graysmall span.right { background: url('/Common/Images/Sprite/g3master_norep.png') no-repeat scroll -40px -80px; }
span.button.graysmall span.middle { background: url('/Common/Images/Sprite/g3master_repx.png') repeat-x scroll 0 0px; }
span.button.greenbig span.left { height: 38px; background: url('/Common/Images/Sprite/g3master_norep.png') no-repeat scroll -20px -270px; }
span.button.greenbig span.right { height: 38px; background: url('/Common/Images/Sprite/g3master_norep.png') no-repeat scroll -40px -270px; }
span.button.greenbig span.middle { height: 38px; background: url('/Common/Images/Sprite/g3master_repx.png') repeat-x scroll 0 -150px; }
span.button.greenbig input, span.button.greenbig button { height: 38px; font: bold 9pt Arial; line-height: 38px !important; }
span.button.greenbig.twolines button span { margin: 0px -3px; white-space: nowrap; }
span.button.greenbig.twolines button { line-height: 20px !important; }
span.button.big input { font: bold 12px Arial; }
span.button.big button { font-size: 12px; }
span.button.big.green input { font: bold 11pt Arial; }
span.button.big.green button { font-size: 11pt; }

/*   MASTER SPRITES Begin   */
.s_nr {background: url("/Common/Images/Sprite/g3master_norep.png") no-repeat 0px 0px}  /* s_nr stands for Sprite No-Repeat */
.s_rx {background: url("/Common/Images/Sprite/g3master_repx.png") repeat-x 0px 0px}    /* s_rx stands for Sprite Repeat-X */
.s_ry {background: url("/Common/Images/Sprite/g3master_repy.png") repeat-y 0px 0px}    /* s_ry stands for Sprite Repeat-Y */
/*   MASTER SPRITES End   */

/* TRIAL CENTER - BEGIN */
.app-account-trialcenter { color: #444; -webkit-font-smoothing: antialiased; font-size: 12px; font-family: Arial, Helvetica, sans-serif; }
.app-account-trialcenter .sitewideHeader { min-width: 1096px; }

.trialCenterPage a { text-decoration: none; color: #3a9cce; }
.trialCenterPage .fll { float: left; }
.trialCenterPage.widePage { width: auto; width: 1076px; margin: 0 auto; padding: 35px 65px 50px 65px; }
.trialCenterPage div.columndiv { position: relative; }

.trialCenterPage { color: #727272; position: relative; }
.trialCenterPage .leftcol { float: left; }
.trialCenterPage .rightcol { float: right; }
.leftAlignedHeader { text-align: left; margin-left: 5px; -webkit-font-smoothing: antialiased; }
.trialCenterPage .trialCenterHeader {
    color: #349BCC;
    font-family: Arial;
    font-size: 32px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 24px;
}

.trialCenterPage #content-container {
    display: flex;
    flex-direction: row;
    gap: 12px;
}

.trialCenterPage #content-panel {
    display: flex;
    width: 888px;
    height: 333px;
    padding: 24px 23px;
    align-items: flex-start;
    flex-shrink: 0;
    border-radius: 5px;
    border: 1px solid #E8E8E8;
    background: linear-gradient(180deg, #F8F8F8 0%, #DCDCDC 100%);
}

.trialCenterPage #left-content {
    min-width: 431px;
}

.trialCenterPage #left-content-header-paragraph {
    color: #727272;
    font-family: Arial;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.trialCenterPage #left-content-body {
    margin: 16px 0;
}

.trialCenterPage #left-content-body-list-header {
    color: #727272;
    font-family: Arial;
    font-size: 13px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 5px;
}

.trialCenterPage #left-content-body-list {
    color: #727272;
    font-family: Arial;
    font-size: 12px;
    line-height: 24px;
}

/* Required to override the reset.css styling */
.trialCenterPage ul {
    list-style: disc;
    padding-left: 12px;
}

/* Required to override the reset.css styling */
.trialCenterPage li {
    list-style: disc;
}

.trialCenterPage img {
    width: 450px;
}

.trialCenterPage #left-content-footer {
    display: flex;
    flex-direction: row;
    gap: 12px;
}

.trialCenterPage #buy-now-panel {
    display: flex;
    justify-content: center;
    width: 171px;
    height: 76px;
    padding: 10px 15px;
    flex-direction: column;
    align-items: center;
    flex-shrink: 0;
    border-radius: 5px;
    border: 1px solid #E8E8E8;
    background: linear-gradient(180deg, #F8F8F8 0%, #DCDCDC 100%);
}

.trialCenterPage button {
    border-radius: 4px;
    border-width: 1px;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    text-align: center;
    padding: 4px 12px;
    cursor: pointer;
}

.trialCenterPage #button-download-tc {
    background: #2C72DE;
    border-color: #2C72DE;
    color: white;
}

.trialCenterPage #button-product-guide {
    background: transparent;
    border-color: #7B94A5;
    color: #2C72DE;
}

.trialCenterPage #button-buynow {
    background: linear-gradient(180deg, #C0DE6D 0%, #4F7C1D 100%);
    border-color: transparent;
    color: white;
    padding: 6px 38px;
}

.trialCenterPage .button-grow {
    transition: all 0.3s ease-in-out;
}

.trialCenterPage .button-grow:hover {
    transform: scale(1.05);
}

.trialCenterPage .blueHeader {
    color: #349BCC;
    font-family: arial, tahoma, sans-serif;
}
.trialCenterHeaderDesc { margin: 2px 0 25px 5px; font-size: 17px; -webkit-font-smoothing: antialiased; }
.trialCenterSection { margin-bottom: 80px; }
.trialCenterSection .titles { height: 60px; width: 381px; overflow: hidden; }
.trialCenterSection h3 { font-size: 20px; padding-bottom: 0; }
div.trialCenterSection { width: 431px; float: left;  border: 1px solid #E6E6E6; }
div.trialCenterTechConsoleSection { float: left; background: #FCFCFC; margin-right: 20px; border-radius: 5px;  }
div.trialCenterAdminCenterSection { float: left; background: #FCFCFC; border-radius: 5px; border-color: #E6E6E6; }
div.trialCenterSectionContent { padding: 25px 25px 0 25px; float: left; overflow-y: hidden;
    background: #f8f8f8; background: -moz-linear-gradient(top,  #f8f8f8 0%, #dcdcdc 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8), color-stop(100%,#dcdcdc)); background: -webkit-linear-gradient(top,  #f8f8f8 0%,#dcdcdc 100%); background: -o-linear-gradient(top,  #f8f8f8 0%,#dcdcdc 100%); background: -ms-linear-gradient(top,  #f8f8f8 0%,#dcdcdc 100%); background: linear-gradient(to bottom,  #f8f8f8 0%,#dcdcdc 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#dcdcdc',GradientType=0 ); }
div.trialCenterTechConsoleSectionContent { border-radius: 5px; margin: 0; }
div.trialCenterAdminCenterSectionContent { border-radius: 5px; margin: 0; }
div.trialCenterSectionDescription { margin: 4px 0 27px 0; font-size: 13px; }
div.trialCenterControlRow a { font-weight: bold; }
div.trialCenterControlRow img, div.techConsoleGuideRow img { padding: 0 10px; border: 0; position: relative; top: -4px; }
div.launchTechConsoleRow, div.techConsoleGuideRow { clear: both; }
div.launchTechConsoleRow a.downloadMacTcLink { display: none; }
div.trialCenterControlRow { padding: 5px 0; font-size: 13px; }
.trialCenterSection iframe { display: block; margin: 0; padding: 0; }
.trialCenterSection .innerFooter { padding: 25px 0 0 0; height: 82px; }
.techConsoleGuideRow a.hiddenLink { color: #727272; font-weight: normal; }
.techConsoleGuideRow a.hiddenLink:hover { text-decoration: underline; }
.tcGuideIcon { margin: 0 3px 0 2px; }
.acGuideIcon { margin: 0 3px 0 2px; }


/* eQuoteBox (under the logout box/form) */
.eQuoteBox { display: block; width: 168px; padding: 10px 0; font-size: 12px; line-height: 14px; border: 1px solid #e7e7e7; position: relative; border-radius: 5px;
    -webkit-transition: all .2s linear; -moz-transition: all .2s linear; transition: all .2s linear;
    background: #f4f4f4; background: -moz-linear-gradient(top,  #f4f4f4 0%, #dfdfdf 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f4f4), color-stop(100%,#dfdfdf)); background: -webkit-linear-gradient(top,  #f4f4f4 0%,#dfdfdf 100%); background: -o-linear-gradient(top,  #f4f4f4 0%,#dfdfdf 100%); background: -ms-linear-gradient(top,  #f4f4f4 0%,#dfdfdf 100%); background: linear-gradient(to bottom,  #f4f4f4 0%,#dfdfdf 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#dfdfdf',GradientType=0 ); }
.eQuoteBox img { position: absolute; top: 13px; left: 13px; }
.eQuoteBox:hover { border-color: #bbb; }
.eQuoteBox .text { display: block; padding: 0 5px 0 45px; cursor: pointer; }
html.lt-ie8 .eQuoteBox strong { display: inline-block; min-width: 130px; }

/* supported osx for tc */
html.osxTcSupported div.launchTechConsoleRow a.launchTcLink { display: none; }
html.osxTcSupported div.launchTechConsoleRow a.downloadMacTcLink { display: block; }

/* mediaqueries */
@media only screen and (max-width: 1000px), only screen and (max-device-width: 1000px) {
    body.app-account-trialcenter .sitewideHeader { min-width: 634px; }
    div.trialCenterPage.widePage { width: 633px; padding-bottom: 0; }
    .trialCenterTechConsoleSection { margin-bottom: 20px; }
    .trialCenterAdminCenterSection { clear: left; }
}

@media only screen and (max-width: 730px), only screen and (max-device-width: 730px) {
    body.app-account-trialcenter .sitewideHeader { margin: 0; border-radius: 0; }
    .widePage { padding-left: 10px; padding-right: 10px; }
}

.block
{
    display: block;
}

.myAccountPageAd
{
     background-color: #FFF9CB; 
     padding: 15px;
     margin-top: 10px;
     margin-bottom: 10px;
}

.myAccountPageAd .myAccountPageAdHeader
{
    font-weight: bold;
}

.myAccountPageAd .myAccountPageAdLinks
{
    margin-top: 15px;
}

.myAccountPageAd #myAccountPageAdVideo
{
    margin-top: 15px;
    text-align: center;
}