@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;
	}
}