@CHARSET "ISO-8859-1"; .footer { color: #000; font-size: 12px; font-family: arial; text-decoration: none; } .helpSpace { padding-right: 20px; } .rowSpace { margin-top: 10px; margin-bottom: 10px; } .loginButtonRightSpace { padding-right: 40%; } body { background-color: #F0F8FF; } body .error { color: red; font-size: medium; font-family: Arial, sans-serif; } .page-header-background { padding: 20px 20px; background-color: white; font-size: 15.0pt; font-weight: bold; color: #94B0C4; font-family: "Arial", "sans-serif"; } .logo_center_background_color { background-color: #e2e2ec; background-repeat: repeat-x; } .searchLong { color: black; font-size: 12px; font-family: Arial; width: 16em; height: 2.9em; font-size: 12px; font-family: Arial; line-height: 20px; padding: 5px; margin: 5px; } .searchLong:hover { color: black; background-color: red; } .bodyContent { margin-left: 10px; background-color: white; } .content { background-color: white; margin-left: 30px; height: auto; } .content p { color: #000; font-size: 16px; font-family: arial; line-height: 20px; } .contentNomenu { background-color: white; height: auto; } .contentNomenu p { color: #000; font-size: 16px; font-family: arial; line-height: 20px; } .removeFormAttribute form { display: inline; } .paddingLeftRightBody { padding-left: 20px; padding-right: 20px; } .marginBottomTop { margin-top: 50px } .butttonChange { width: 8em; height: 2.5em; } .navbar-default { background-color: #F0F8FF; border-color: #F0F8FF; } .loginFont p { font-family: Arial; line-height: 20px; font-size: 15px; } .loginFont label { font-size: 14.0pt; font-family: Arial; font-weight: bold; } .loginFont h4 { font-family: Arial; line-height: 20px; font-size: 16px; font-weight: bold; } .main_head { color: #000; font-size: 1.5em; font-family: arial; font-weight: bold; line-height: 1.25em; padding-top: 5px; } .paddingRemove { padding-left: 0px; padding-right: 0px; } .menuFont a:visited { color: #94B0C4; font-size: 14px; font-family: arial; font-weight: bold; text-decoration: none; } .menuFont a:link { color: #94B0C4; font-size: 14px; font-family: arial; font-weight: bold; text-decoration: none; } .anchor a { color: blue; text-decoration: underline; font-weight: normal; font-family: verdana, "Lucida Grande", Tahoma, Arial, sans-serif; } .anchor a:visited { color: #00004d; } .anchor a:hover { color: red; } .helpAnchor a { color: blue; text-decoration: underline; font-family: verdana, "Lucida Grande", Tahoma, Arial, sans-serif; font-size: 16px; } .loginNameHelp { font-size: 10.0pt; font-family: "Arial Unicode MS", "sans-serif"; color: #999999; background: white; } .color3, .redDot, .smallRed, .smallRedBold, .bodyRed, .bodyRedBold, .largeRedBold, .largerRedBold { color: e41f1f; } .pagewrap { /*border: solid 1px red;*/ border-style: none; } .help-page-body-background { padding: 20px 40px; font-size: 15.0pt; font-family: "Arial", "sans-serif"; /*border: solid 1px yellow;*/ } .help-page-header-background { padding: 20px 40px; font-size: 15.0pt; font-weight: bold; font-family: "Arial", "sans-serif"; /*border: solid 1px purple;*/ } .contentHelp { background-color: white; height: auto; margin: auto; /*border: solid 1px blue;*/ } .contentHelp p { color: #000; font-size: 16px; font-family: arial; line-height: 20px; } a.closewindow:link { font-size: 16px; } .full { background-color: #cbebcf; background-repeat: repeat-x; } .empty { background-color: #ebfab5; background-repeat: repeat-x; } .dropdownsize { font-size: 14px; } .emailReduceSize a { font-size: 16px; } .error { color: red; font-size: medium; font-family: Arial, sans-serif; } .formSubmitButtons input { float: right } .rowLoginHeight { line-height: 16px; } .category-select { left: 0px; top: 0px; width: 450px; border: 1px solid #889; text-align: right; clear: both; } .category-select label { float: left; margin: 1px; } .upload-file-input { color: transparent; } .upload-file-input::-webkit-file-upload-button { visibility: hidden; } .upload-file-input::before { content: 'Browse'; color: black; display: inline-block; background: -webkit-linear-gradient(top, #f9f9f9, #e3e3e3); border: 1px solid transparent; border-radius: 0.25rem; padding: 0.375rem 0.75rem; outline: none; white-space: nowrap; -webkit-user-select: none; cursor: pointer; text-shadow: 1px 1px #fff; font-weight: 400; font-size: 1rem; text-align: center; vertical-align: middle; line-height: 1.5; font-family: inherit; box-sizing: border-box; transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; } .upload-file-input:hover::before { border-color: black; } .upload-file-input:active { outline: 0; } .upload-file-input:active::before { background: -webkit-linear-gradient(top, #e3e3e3, #f9f9f9); } body { padding: 20px; } .left_links { color: #ac002e; font-size: 14px; text-decoration: none; } /* phone portrait */ @media screen and ( max-width : 414px) and (max-aspect-ratio: 13/9) { .content { margin-left: 0px; } .emailReduceSize a { font-size: 10px; } .labelCustomSize { width: 100%; float: left; text-align: left; } .inputCustomSize { width: 100%; float: left; text-align: left; } .fontSizeSmall { font-size: 10px; } .helpCustomSize { width: 90%; float: left; text-align: left; } .dropdownsize { font-size: 10px; } .labelCustomSizeReview { width: 100%; float: left; text-align: left; } .answerCustomSizeReview { width: 100%; float: left; text-align: left; } .editCustomSizeReview { width: 100%; float: left; text-align: right; } .formSizeChange { width: 100%; float: left; text-align: left; } .loginQuesImageSizeChange { width: 100%; float: left; text-align: left; margin-left: 15px; } .mobileChangePostpone4 { width: 0%; } .mobileChangePostpone3 { width: 100%; } .mobileChangePostpone5 { width: 0%; } .loginFont p { font-family: Arial; line-height: 14px; font-size: 15px; } } /* phone landscape */ @media screen and ( min-width : 414px) and ( max-width : 736px) and (min-aspect-ratio: 13/9) { .content { margin-left: 10px; } .emailReduceSize a { font-size: 12px; } .labelCustomSize { width: 25%; float: left; } .inputCustomSize { width: 75%; float: left; } .helpCustomSize { width: 75%; float: left; text-align: left; } .labelCustomSizeReview { width: 100%; float: left; text-align: left; } .answerCustomSizeReview { width: 85%; float: left; text-align: left; } .editCustomSizeReview { width: 15%; float: left; text-align: right; } .formSizeChange { width: 66.66%; float: left; } .loginQuesImageSizeChange { width: 33.33%; float: left; text-align: center; } .labelCustomSizeFieldQuestion { width: 35%; float: left; } .inputCustomSizeFieldQuestion { width: 65%; float: left; } .mobileChangePostpone4 { width: 33.33333333%; } .mobileChangePostpone3 { width: 25%; margin-left: 33.33333333%; } .mobileChangePostpone5 { width: 41.66666667%; } .loginFont p { font-family: Arial; line-height: 14px; font-size: 15px; } } /* To cover desktop and others: */ @media screen and ( min-width : 750px) { .content { height: 60% } .contentHelp { background-color: white; width: 80%; height: 50%; margin-top: 50px; /*border: solid 1px blue;*/ } /* .labelCustomSizeReview { width: 100%; float: left; text-align: left; } .answerCustomSizeReview { width: 100%; float: left; text-align: left; } .editCustomSizeReview { width: 100%; float: left; text-align: right; } */ .answerCustomSizeReview { word-break: break-all; word-wrap: break-word; } } /* tablet portrait */ @media screen and ( min-width : 590px) and ( max-width : 800px) and ( min-height : 750px) and (max-aspect-ratio: 13/9) { .content { height: auto; } } /* tablet landscape */ @media screen and ( min-width : 950px) and ( max-width : 1280px) and ( max-height : 800px) and (orientation: landscape) { .content { height: 70%; } .editCustomSizeReview { text-align: right; } } /* kindlefire landscape */ @media screen and ( min-width : 1015px) and ( max-width : 1030px) and ( max-height : 600px) and (orientation: landscape) { .content { height: 90%; } } /* ipad and nexus 10 portrait */ @media screen and ( min-width : 760px) and ( max-width : 803px) and (max-aspect-ratio: 13/9) { .labelCustomSize { width: 25%; float: left; } .inputCustomSize { width: 75%; float: left; } .helpCustomSize { width: 75%; float: left; text-align: left; } }