body { 
		background-image: linear-gradient(140deg, #222222, #777777);
		min-height: 100vh;
		color: #fff;
		font-family: Shentox,Rogan,sans-serif;
		position: relative;
		padding-top: 0px;
		box-sizing: border-box;
		padding: 25px;
		height: 100%;
		}

	/* Load the Eve Online fonts */

	@font-face {
		font-family: Shentox;
		font-display: swap;
		src: url(https://web.ccpgamescdn.com/aws/webfonts/shentox/webfonts-2.0/Shentox-SemiBold.woff2) format("woff2"), url(https://web.ccpgamescdn.com/aws/webfonts/shentox/webfonts-2.0/Shentox-SemiBold.woff) format("woff");
		font-weight: 600;
		font-style: normal;
	}
	@font-face {
		font-family: Shentox;
		font-display: swap;
		src: url(https://web.ccpgamescdn.com/aws/webfonts/shentox/webfonts-2.0/Shentox-Medium.woff2) format("woff2"), url(https://web.ccpgamescdn.com/aws/webfonts/shentox/webfonts-2.0/Shentox-Medium.woff) format("woff");
		font-weight: 500;
		font-style: normal;
	}
	@font-face {
		font-family: Shentox;
		font-display: swap;
		src: url(https://web.ccpgamescdn.com/aws/webfonts/shentox/webfonts-2.0/Shentox-Regular.woff2) format("woff2"), url(https://web.ccpgamescdn.com/aws/webfonts/shentox/webfonts-2.0/Shentox-Regular.woff) format("woff");
		font-weight: 400;
		font-style: normal;
	}
	@font-face {
		font-family: Shentox;
		font-display: swap;
		src: url(https://web.ccpgamescdn.com/aws/webfonts/shentox/webfonts-2.0/Shentox-Light.woff2) format("woff2"), url(https://web.ccpgamescdn.com/aws/webfonts/shentox/webfonts-2.0/Shentox-Light.woff) format("woff");
		font-weight: 300;
		font-style: normal;
	}
	@font-face {
		font-family: Rogan;
		font-display: swap;
		src: url(https://web.ccpgamescdn.com/aws/webfonts/shentox/webfonts-2.0/Rogan-SemiBold.woff2) format("woff2"), url(https://web.ccpgamescdn.com/aws/webfonts/shentox/webfonts-2.0/Rogan-SemiBold.woff) format("woff");
		font-weight: 600;
		font-style: normal;
	}
	@font-face {
		font-family: Rogan;
		font-display: swap;
		src: url(https://web.ccpgamescdn.com/aws/webfonts/shentox/webfonts-2.0/Rogan-Medium.woff2) format("woff2"), url(https://web.ccpgamescdn.com/aws/webfonts/shentox/webfonts-2.0/Rogan-Medium.woff) format("woff");
		font-weight: 500;
		font-style: normal;
	}
	@font-face {
		font-family: Rogan;
		font-display: swap;
		src: url(https://web.ccpgamescdn.com/aws/webfonts/shentox/webfonts-2.0/Rogan-Regular.woff2) format("woff2"), url(https://web.ccpgamescdn.com/aws/webfonts/shentox/webfonts-2.0/Rogan-Regular.woff) format("woff");
		font-weight: 400;
		font-style: normal;
	}


	.rightmenu {
		display: table;
	}
	.rightmenuinner {
		display: table-cell;
	}
	
	.rightmenu {
		position: fixed;
		top: 0;
		right: 0;
		z-index: 9999;
		padding: 0px;
		
	}


.loginbox {
	display: table !important;
	margin-right: 0;
	background: #003;
	background-image: linear-gradient(180deg, #001, #112, #001);
	padding: 10px;
	border-left: 2px solid #66ccff;
	border-bottom: 2px solid #66ccff;
	border-radius: 0px 0px 0px 15px;
	width: 100%;
}
.logincolumn {
	display: table-cell;
	text-align: center;
	vertical-align: top;
	padding: 5px;
}

.topmenu {
	display: inline-flex;
	position: relative;
	right: -20px;
	top: -2px;
}

.menuleft {
  color: #000000;
  background: #66ccff;
  padding: 5px;
  border-radius: 0px 0px 0px 5px;
  display: table-cell;
}

.menubtn {
  color: #000000;
  background: #66ccff;
  padding: 5px;
  display: table-cell;
  border-radius: 0px 0px 5px 5px;
  font-size: 12pt;  
  vertical-align: middle;
}	


	@media (orientation: landscape) {
		.rightmenu {
			width: 25%;
		}
	}

	@media (orientation: portrait) {
		.rightmenu {
			width: 90%;
		}

	}











.portraitmess {
	display: none;
	width: 1366px;
	height: 100%;
	position: fixed;
	top: 0px;
	left: 0px;
	font-family: Shentox,Rogan,sans-serif;
	font-size: 4vw;
	background: #003;
	color: #fff;
	z-index: 20000;
}



DIV {
	box-sizing: border-box;	
}
#resultsarea {
	width: 98%;
	min-height: 85vh;
	background: #112;
	opacity: 0.9;
	border-radius: 20px;
	margin: 0 auto;
	padding: 25px;
	display: block;
	position: relative;	
	justify-content: center;
	align-items: center;
	color: #eee;
	box-shadow: 2px 2px 5px #000;
}
#resultsarea::after{
  content: "";
  background: url("https://images.evetech.net/alliances/99003214/logo");
  opacity: 0.3;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  vertical-align: middle;
  z-index: -1; 
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center;		
}
#title-a {
	font-family: Shentox,Rogan,sans-serif;
	font-size: 1.75vw;
	font-weight: 300;
	margin: 0 auto;
	text-align: center;
}
#title-b {
	font-family: Shentox,Rogan,sans-serif;
	font-size: 25px;
	font-weight: 400;
	text-align: center;
}

#est-header {
	margin: 0 auto;
	justify-content: center;
	align-items: center;	
	text-align: center;
}
#titlecell {
	display: table-cell;
	margin: 0 auto;
	text-align: center;
	vertical-align: top;
}
.spacer {
	height: 20px;
	width: 100%;
}
.priceheader {
	font-family: Shentox,Rogan,sans-serif;
	font-size: 24px;
	padding: 10px;
	border-radius: 10px;
	border: 2px solid #ccc;
	background: rgba(0,0,0,0.6);
}

.quote {
	font-family: Shentox,Rogan,sans-serif;
	padding: 10px;
	border-radius: 10px;
	border: 2px solid #ccc;
	background: rgba(225,225,225,0.6);
}
.quoteheader {
	font-size: 32px;
	font-weight: 400;
	margin: 0 auto;
	text-align: center;
}
.totaltext {
	font-family: "Open Sans", sans-serif;
	font-weight: 400;
	width: 100%;
	padding: 10px;
	color: #eee;
	display: table;
	background: #003147 url("images/ui-bg_highlight-soft_33_003147_1x100.png") 50% 50% repeat-x;
	border-radius: 2.5px;
}
.totalcell-a, .totalcell-b {
	font-size: 18px;
	margin: 0 auto;
	display: table-cell;
}
.totalcell-a { width: 67%; text-align: left; }
.totalcell-b { width: 33%; text-align: right; }

.results-row {
	display: table;
	width: 100%;
	border-top: 1px solid #999;
	padding: 5px;
	font-family: "Open Sans", sans-serif;
}
.header-row {
	display: table;
	width: 100%;
	padding: 5px;
	font-family: "Open Sans", sans-serif;
	background: rgba(0,0,0,0.6);
}
.result-header {
	font-weight: 900;
	font-family: "Open Sans", sans-serif;
	display: table-cell;
	vertical-align: bottom !important;
	border-top: 2px solid rgba(0,0,0,0) !important;
	
}
.results-a, .results-b, .results-c, .results-d, .results-e, .results-f, .results-g {
	display: table-cell;
	padding: 5px;
	text-align: right;
	vertical-align: top;
}
.results-icon {
	display: table-cell;
	padding: 0px;
	text-align: center;
}

.results-icon IMG {
	width: 48px;
	height: auto;
}

.results-icon {
	width: 6%
}
.results-a {
	width: 10%;
}
.results-b {
	text-align: left;
	width: 23%;
}
.results-c {
	text-align: right;
	width: 8%;
}
.results-d {
	text-align: right;
	width: 8%;
}
.results-e {
	text-align: right;
	width: 15%;
}
.results-f {
	text-align: right;
	width: 15%;
}
.results-g {
	text-align: right;
	width: 15%;
}


.copy {
	display: table;
	margin: 0 auto;
	font-size: 12px;
	font-family: "Open Sans", sans-serif;	
	width: 100%;
	text-align: center;
	color: #aaa;
	
	}
.bodytext {
	font-size: 14px;
	font-family: "Open Sans", sans-serif;		
}
.bodysub {
	font-size: 16px;
	font-family: "Open Sans", sans-serif;		
	font-weight: 900;
	padding-top: 10px;
	padding-bottom: 10px;
}
#evepraisal, #quotename, #title {
	width: 97%;
	position: relative;
	left: -5px;
	color: #fff;
}
#percent {
	width: 50px;
}


input, select {
font-family: Verdana,Arial,sans-serif;
    font-size: 1em;
	background: #000000 url(images/ui-bg_loop_25_000000_21x21.png) 50% 50% repeat;
	
}
input {
	padding: .222em 0;
    margin: .2em 0;
    vertical-align: middle;
    margin-left: .4em;
    margin-right: 2em;
	border: 1px solid #555555;	
	border-radius: 6px;
}
#evepraisal, #quotename, #title {
	padding: 0.5em;
}
#evepraisal::placeholder, #quotename::placeholder. #title::placeholder {
	color: #ccc;
}
.indent {
	padding-left: 20px;
}
#contribution {
	width: 100px !important;
}
#ordertype {
	width: 75px !important;
}

.whatfor {
	font-family: Shentox,Rogan,sans-serif;
	font-size: 24px;
	padding: 50px;
	border-radius: 10px;
	background: rgba(150,150,150,0.6);
	   -moz-box-shadow:    inset 0 0 5px #000000;
   -webkit-box-shadow: inset 0 0 5px #000000;
   box-shadow:         inset 0 0 5px #000000;
}

.controlbox {
	font-family: Shentox,Rogan,sans-serif;
	font-size: 24px;
	padding: 50px;
	border-radius: 10px;
	background: rgba(25,25,50,0.8);
   -moz-box-shadow:    inset 0 0 5px #000000;
   -webkit-box-shadow: inset 0 0 5px #000000;
   box-shadow:         inset 0 0 5px #000000;	
}

.message {
	font-family: Shentox,Rogan,sans-serif;
	font-size: 24px;
	padding: 25px;
	border-radius: 10px;
	background: rgba(150,150,150,0.6);
  display: flex;
  justify-content: center;
  align-items: center;
}	
.messagesmall {
	font-family: Shentox,Rogan,sans-serif;
	font-size: 18px;

  display: flex;
  justify-content: center;
  align-items: center;

}	
.submitbutton {
	font-family: Shentox,Rogan,sans-serif;
	font-size: 24px;
	background: #ccc;
	color: #000;
	padding: 20px;
	display: flex;
	border-radius: 10px;
	font-weight: 700;
	width: 25%;
  justify-content: center;
  align-items: center;	
   -moz-box-shadow:    0 0 5px #000000;
   -webkit-box-shadow: 0 0 5px #000000;
   box-shadow:         0 0 5px #000000;	  
	
}
.submitbutton:hover {
	background: #6f6;
   -moz-box-shadow:    0 0 5px #ffffff;
   -webkit-box-shadow: 0 0 5px #ffffff;
   box-shadow:         0 0 5px #ffffff;	  	
      -moz-box-shadow:    0 0 10px #ffffff;
   -webkit-box-shadow: 0 0 10px #ffffff;
   box-shadow:         0 0 10px #ffffff;	  	
   cursor: pointer;
}
.myprice {
	color: #66F !important;
}
.b { font-weight: 700; }

.singlearea {
	display: flex;
	justify-content: space-between;
	align-content: stretch;
	
}
.singlearea > div {
	border: 1px solid #aaa;
	border-radius: 5px;
	padding: 25px;
	width: 49%;
}
.singletable {
	display: table;
	width: 100%;
}
.singleleft {
	display: table-cell;
	width: 66%;
}

.singleright {
	display: table-cell;
	width: 34%;
	overflow: hidden;
	padding-bottom: 15px;
}


.viewadvanced {
	display: none;
}
.lineme {
	width: 100%;
	border-top: 1px solid #aaa;
}
.viewstacks {
	display: none;
}
.loading {
	margin: 0 auto;
	height: 300px;
}
.savingsmessage {
	padding: 13px;
	background: rgba(0,50,100,0.8);
	border-radius: 10px;
	color: #fff;
	-moz-box-shadow:    inset 0 0 10px #000000;
	-webkit-box-shadow: inset 0 0 10px #000000;
	box-shadow:         inset 0 0 10px #000000;
	
	
}
.savingsmessage > div {
	padding: 0px !important;
	color: #fff !important;
}




#mainarea {
	width: 100%;
	min-height: 100%;
	background: rgba(0,0,30,0.8);
	opacity: 0.9;
	border-radius: 10px;
	margin: 0 auto;
	padding: 25px;
	display: block;
	position: relative;	
	justify-content: center;
	align-items: center;
	color: #eee;
	box-shadow: 2px 2px 5px #000;
}
#mainarea::after{
  content: "";
  background: url("https://images.evetech.net/alliances/99003214/logo");
  opacity: 0.3;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  vertical-align: middle;
  z-index: -1; 
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center;		
}

	@font-face {
		font-family: Shentox;
		font-display: swap;
		src: url(https://web.ccpgamescdn.com/aws/webfonts/shentox/webfonts-2.0/Shentox-SemiBold.woff2) format("woff2"), url(https://web.ccpgamescdn.com/aws/webfonts/shentox/webfonts-2.0/Shentox-SemiBold.woff) format("woff");
		font-weight: 600;
		font-style: normal;
	}
	@font-face {
		font-family: Shentox;
		font-display: swap;
		src: url(https://web.ccpgamescdn.com/aws/webfonts/shentox/webfonts-2.0/Shentox-Medium.woff2) format("woff2"), url(https://web.ccpgamescdn.com/aws/webfonts/shentox/webfonts-2.0/Shentox-Medium.woff) format("woff");
		font-weight: 500;
		font-style: normal;
	}
	@font-face {
		font-family: Shentox;
		font-display: swap;
		src: url(https://web.ccpgamescdn.com/aws/webfonts/shentox/webfonts-2.0/Shentox-Regular.woff2) format("woff2"), url(https://web.ccpgamescdn.com/aws/webfonts/shentox/webfonts-2.0/Shentox-Regular.woff) format("woff");
		font-weight: 400;
		font-style: normal;
	}
	@font-face {
		font-family: Shentox;
		font-display: swap;
		src: url(https://web.ccpgamescdn.com/aws/webfonts/shentox/webfonts-2.0/Shentox-Light.woff2) format("woff2"), url(https://web.ccpgamescdn.com/aws/webfonts/shentox/webfonts-2.0/Shentox-Light.woff) format("woff");
		font-weight: 300;
		font-style: normal;
	}
	@font-face {
		font-family: Rogan;
		font-display: swap;
		src: url(https://web.ccpgamescdn.com/aws/webfonts/shentox/webfonts-2.0/Rogan-SemiBold.woff2) format("woff2"), url(https://web.ccpgamescdn.com/aws/webfonts/shentox/webfonts-2.0/Rogan-SemiBold.woff) format("woff");
		font-weight: 600;
		font-style: normal;
	}
	@font-face {
		font-family: Rogan;
		font-display: swap;
		src: url(https://web.ccpgamescdn.com/aws/webfonts/shentox/webfonts-2.0/Rogan-Light.woff2) format("woff2"), url(https://web.ccpgamescdn.com/aws/webfonts/shentox/webfonts-2.0/Rogan-Light.woff) format("woff");
		font-weight: 300;
		font-style: normal;
	}
	@font-face {
		font-family: Rogan;
		font-display: swap;
		src: url(https://web.ccpgamescdn.com/aws/webfonts/shentox/webfonts-2.0/Rogan-Medium.woff2) format("woff2"), url(https://web.ccpgamescdn.com/aws/webfonts/shentox/webfonts-2.0/Rogan-Medium.woff) format("woff");
		font-weight: 500;
		font-style: normal;
	}
	@font-face {
		font-family: Rogan;
		font-display: swap;
		src: url(https://web.ccpgamescdn.com/aws/webfonts/shentox/webfonts-2.0/Rogan-Regular.woff2) format("woff2"), url(https://web.ccpgamescdn.com/aws/webfonts/shentox/webfonts-2.0/Rogan-Regular.woff) format("woff");
		font-weight: 400;
		font-style: normal;
	}
	

	
.usermenu {
	position: fixed;
	display: table;
	left: 30px;
	background-image: linear-gradient(180deg, #000, #333);
	top: 0px;
	z-index: 1000;
	border-radius: 0px 0px 20px 20px;
	border: 4px solid #ccc;
	border-top: 0;
}
	
.menuitem {
	display: table-cell;
	padding: 15px;
	padding-left: 25px;
	padding-right: 25px;
}
.menuitem:hover {
	background-image: linear-gradient(180deg, #CCC, #999);
	color: #000;
	cursor: pointer;
}
.menuleft {
	border-radius: 0px 0px 0px 19px;
}
.menuright {
	border-radius: 0px 0px 20px 0px;
	
}

.view-results-area {
	display: table;
	font-size: 0.75vw;
    table-layout: auto;
	min-width: 100%;
	margin: 0 auto;
}
.view-results-title-row {
	display: table-header-row;
	font-weight: 700;
	background: rgba(0,0,0,0.7);
	padding: 5px;
}
.view-results-row {
	display: table-row-group;
}
.view-results {
	display: table-cell;
	padding: 10px;
	vertical-align: middle;
}
.view-results img {
	width: 32px;
	height: auto;
	border: 0px;
}
.results-bottom {
	vertical-align: bottom;
}
.results-top {
	vertical-align: top;
}
.rleft {
	text-align: left;
}
.rcent {
	text-align: center;
}
.rright {
	text-align: right;
}
.resultsa {
	background: rgba(0,0,0,0.5);
}
.resultsb {
	background: rgba(255,255,255,0.25);
}
.lline {
 border-left: 1px solid #333;
}
.rline {
 border-right: 1px solid #333;
}

.quotetable {
	display: flex;
	width: 100%;
	justify-content: space-between;
}
.quotetable > div {
	border: 1px solid #aaa;
	border-radius: 5px;
	padding: 25px;
}
.quoteleft {
	width: 30%;
	
}

.quoteright {
	width: 69%;
}

.dnr-table {
	display: table;
	min-width: 95%;
	justify-content: space-between;
	table-layout: auto;
	margin: 0 auto;
	
}
.dnr-table > div {
	border: 1px solid #aaa;
	border-radius: 5px;
	padding: 25px;
}

.dnr-row {
	display: table-row-group;
}
.dnr-cell {
	display: table-cell;
	font-size: 14pt;
	padding: 10px !important;
}
.dnr-row > div {
	padding: 25px;
}
.quotesub {
	font-family: Shentox,Rogan,sans-serif !important;
	font-size: 1vw;
	font-family: "Open Sans", sans-serif;		
	font-weight: 900;
}
.view-results {
	font-size: 12pt !important;
}

.userheader {
	position: relative;
	font-size: 12pt;
	background: #66ccff;
	padding: 5px;
	border: 2px solid #66ccff;
	border-bottom: none;
	padding-left: 10px;
	padding-right: 10px;
	z-index: 2000;
	display: inline-block;
	color: #000000;
	border-radius: 10px 10px 0px 0px;
	
}
.userbox {
	background: #000000;
	position: relative;
	display: table !important;
	min-width: 20%;
	justify-content: space-between;
	table-layout: auto;
	top: -2px;
	padding: 10px !important;
	border: 2px solid #66ccff;
	border-radius: 10px;
}
.usercolumn {
	display: table-cell !important;
	vertical-align: top;
	padding: 5px;
}
.userrow {
	display: table-row-group;	
}
.userbox img {
	width: 64px;
	height: auto;
}
.resultsaa {
	background: rgba(255,255,255,0.1);
}
.resultsbb {
	background: rgba(255,255,255,0.35);
}	


.viewlink {
  color: #000000;
  background: #66ccff;
  padding: 10px;
  font-size: 14pt;
  border-radius: 5px;
  display: table;
}

.viewlink:hover {
  color: #000000;
  background: #ffffff;
  background-image: linear-gradient(180deg, #AAAAAA, #FFFFFF, #AAAAAA);  
  cursor: pointer;
  box-shadow:
    0 0 10px 10px #66ccff;
  
}


.rightmenu {
	position: fixed;
	top: 0;
	right: 0;
	z-index: 9999;
	padding: 0px;
	
}


.loginbox {
	display: table !important;
	margin-right: 0;
	background: #003;
	background-image: linear-gradient(180deg, #001, #112, #001);
	padding: 10px;
	border-left: 2px solid #66ccff;
	border-bottom: 2px solid #66ccff;
	border-radius: 0px 0px 0px 15px;	
}
.logincolumn {
	display: table-cell;
	text-align: center;
	vertical-align: top;
	padding: 5px;
}

.topmenu {
	display: inline-flex;
	position: relative;
	right: -20px;
	top: -2px;
}

.menuleft {
  color: #000000;
  background: #66ccff;
  padding: 5px;
  border-radius: 0px 0px 0px 5px;
  display: table-cell;
}

.menubtn {
  color: #000000;
  background: #66ccff;
  padding: 5px;
  display: table-cell;
  border-radius: 0px 0px 5px 5px;
  font-size: 12pt;  
  vertical-align: middle;
}


.menuspace {
  width: 5px;
  display: table-cell;
}


.menuleft:hover, .menubtn:hover {
  color: #000000;
  background: #ffffff;
  cursor: pointer;
}
.newqty, .newpc {
	width: 80px;
}
.editcon {
	color: #ffffff !important;
	font-family: Shentox,Rogan,sans-serif !important;
	text-align: center;
	border: 1px solid #fff;
}

.redlink {
  color: #000000;
  background: #ff0000;
  padding: 10px;
  font-size: 14pt;
  border-radius: 5px;
  display: table;
}

.redlink:hover {
  color: #000000;
  background: #ffffff;
  background-image: linear-gradient(180deg, #AAAAAA, #FFFFFF, #AAAAAA);
  cursor: pointer;
  box-shadow:
    0 0 10px 10px #ff0000;
}
.userrow {
	font-size: 11pt !important;
}
.strike {
	text-decoration: line-through !important;
}
.nostrike {
	text-decoration: none !important;
}


.getevepraisal {
	background-image: linear-gradient(140deg, #222222, #777777);
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	z-index: 500;
	display: none;
}

.epbutton {
	width: 100%;
	padding: 15px;
	padding-left: 10px;
	padding-bottom: 0px;
}
.epinner {
	width: 100% !important;
	color: #000000;
	background: #66ccff;
	padding: 10px;
	font-size: 14pt;
	border-radius: 5px;
	display: table;
}

.epinner:hover {
  color: #000000;
  background: #ffffff;
  background-image: linear-gradient(180deg, #AAAAAA, #FFFFFF, #AAAAAA);  
  cursor: pointer;
  box-shadow:
    0 0 7px 7px #66ccff;
  
}
.appraiseframe {
	position: relative;
	width: 90%;
	height: 80%;
	left: 5%;
	background: #000;
	margin: 0 auto;
}
.frameheader {
	height: 12%;
}
.framefooter {
	width: 100%;
	display: block;
	text-align: center;
	font-size: 20pt;
	padding: 15px;
}



.contentbox {
	display: table;
	font-size: 0.7vw !important;
    table-layout: auto;
	margin-left: 25px;
	margin-top: 25px;
}
.content-row {
	display: table-row-group;
}
.content-left, .content-right {
	display: table-cell;
	vertical-align: middle;
	padding: 5px;
	width: 33%;
}
.content-right {
	text-align: center;
}
.itemcontent {
	background: #66ccff;
	padding: 2px;
	border-radius: 5px;
	font-size: 10pt;
	color: #003;
}


.info {
	font-size: 20px;
	position: realtive;
	top: 2px;
}
/* use for any tag on your page */
[data-title]:hover:after {
    opacity: 0.8;
    transition: all 0.1s ease 0.5s;
    visibility: visible;
}
/* box for title text */
[data-title]:after {
    content: attr(data-title);
  	/* position for title view box */
  	position: absolute;
  	bottom: -1.6em;  	
    left: 25px;
    z-index: 99999;
    visibility: hidden;
    /* optional */
    white-space: pre;
  	/* stilization */
    background-color: #66ccff;
    color: #111;
    font-size: 14pt;
    padding: 1px 5px 2px 5px;
    box-shadow: 1px 1px 3px #222222;
    opacity: 0.5;
	padding: 15px;
	border-radius: 10px;
}
[data-title] {
    position: relative;
	cursor: help;
}
.qindent {
	padding-left: 50px;
}


#title-a {
	font-family: Shentox,Rogan,sans-serif;
	font-size: 1.75vw;
	font-weight: 300;
	margin: 0 auto;
	text-align: center;
}
#title-b {
	font-family: Shentox,Rogan,sans-serif;
	font-size: 25px;
	font-weight: 400;
	text-align: center;
}
#titlev2-a {
	font-family: Rogan,Shentox,sans-serif;
	font-size: 2.5vw;
	font-weight: 300;
	margin: 0 auto;
	text-align: center;	
}
#sub2-l, #sub2-r {
	display: table-cell;
	font-family: Rogan,Shentox,sans-serif;
	font-weight: 300;
	padding-top: 12px;
}
#sub2-l {
	text-align: left;
	font-size: 1vw;
}
#sub2-r {
	text-align: right;
	font-size: 0.6vw;
	position: relative;
	top: -15px;
}
.subtable { display: table; width: 100%;}
.titlebox {
	display: inline-block;
	border-bottom: 1px solid #fff;
	margin: 0 auto;
}
.titleouter {
	display: inline-block;
	margin: 0 auto;
}

	.dnr-cell {
		padding: 20px !important;
		width: 50%;
		vertical-align: top;
	}
	
	.padleft {
		padding-left: 2.5% !important;
	}
	.padright {
		padding-right: 2.5% !important;
	}	
	.quotesubsmall {
		font-family: Shentox,Rogan,sans-serif !important;
		font-size: 1.1vw;
		font-family: "Open Sans", sans-serif;		
		font-weight: 900;
	}	

	.inforight {
		border-left: 5px solid #fff;
		background: rgba(50,50,50,0.75) !important; 
		padding: 25px; 
		color: #66ccff !important;
		border-left: 5px solid #66ccff;
	}
	.greenright {
		border-left: 5px solid #fff;
		background: rgba(50,50,50,0.75) !important; 
		padding: 25px; 
		color: #82E0AA !important;
		border-left: 5px solid #82E0AA;
	}
	.redright {
		border-left: 5px solid #fff;
		background: rgba(50,50,50,0.75) !important; 
		padding: 25px; 
		color: #EC7063 !important;
		border-left: 5px solid #EC7063;
	}	


	.singleleft {
		font-size: 1vw;
	}
	#resultsarea {
		padding: 0px;
		padding-top: 25px !important;
		padding-bottom: 25px !important;
	}

.contentbox {

	background: rgba(255,255,255,0.25); 
	padding: 15px; 
	border-left: 5px solid #66ccff; 
	position: relative; 
	left: 25px;

}
.userbox img {
	width: 4vw !important;
	height: auto;
}
.userrow {
	font-size: 1vw !important;
}




@media (orientation: landscape) {
    /* landscape styles */
}

@media (orientation: portrait) {
	.titleouter, .titlebox, #titlev2-a  { 
		font-size: 6vw !important;
	}
	#sub2-l {
		font-size: 2vw !important;
	}
	#sub2-r {
		font-size: 1.5vw !important;
	}
	.view-results {
		font-size: 2vw !important;
		padding: 2px !important;
	}
	.quotesub, .dnr-cell, .infosub {
		font-size: 2vw !important;
	}
	.singleleft {
		display: block !important;
		font-size: 2vw !important;
	}
	.ui-selectmenu-text, .ui-state-active, .ui-menu, .ui-menu-item-wrapper, .ui-spinner, .ui-widget-input, .ui-widget-content, .ui-button, .ui-widget input {
		font-size: 2vw !important;
	}
	.singleleft { width: 60% !important; display: table-cell !important; }
	.singleright { width: 40% !important; display: table-cell !important; }
	.fas { display: none; }
}









@media screen and (max-width: 1366px) {



	.dnr-cell {
		display: block;
		width: 100% !important;
	}
	.singleleft {
		font-size: 16pt;
	}
	.loginbox {
	 margin: 0 auto;		
	}
	.rightmenu {
		position: fixed;
		display: block;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 9999;
		padding: 0px;
		text-align: center;
	}
	.loginbox {
		border-radius: 0px 0px 10px 10px;
		border-right: 1px solid #66ccff;
	}
	.topmenu {
		left: 0px;
		top: 0px;
	}
	.menubtn {
		font-size: 12pt;
		padding: 10px;
	}


	.quotesub, .infosub {
		font-size: 18pt !important;
	}
	.inforight, .greenright, .redright {
		font-size: 12pt !important;
	}
	.qindent {
		padding-left: 20px;
	}
	.singleright {
		padding-bottom: 15px !important;	
	}
	.quotesubsmall {
			font-size: 16pt;
	}
	.content-left {
			font-size: 10pt;
	}
	.contentbox {

		background: rgba(255,255,255,0.25); 
		padding: 5px; 
		border-left: 5px solid #66ccff; 
		position: relative; 
		left: 10px;

	}	
	.userbox img {
		width: 6vw !important;
		height: auto;
	}
	.userrow {
		font-size: 1.5vw !important;
	}
}



.helparrow {
	width: 0; 
	height: 0; 
	border-left: 25px solid transparent;
	border-right: 25px solid transparent;
	border-bottom: 25px solid #66ccff; 
	margin: 0 auto;
}
.helptext {
	background: #66ccff;
	width: 100%;
	border-radius: 5px;
	padding: 25px;
	color: #000;
}
.nobottom {
	padding-bottom: 0 !important;
}
.helparea {
	position: relative;
	top: -20px;
	display: none;
}

.multi-outer {
	display: table;
	width: 95%;
	margin: 0 auto;
	displsy: tsble;
}
.multi-left, .multi-right {
	display: table-cell;
	padding-left: 15px;
	padding-right: 15px;
	vertical-align: top;
}
.multi-item {
	display: block;
	border: 2px solid #66ccff;
	padding: 15px;
	width: 100%;
	background: rgba(0,0,0,0.75);
}
.multi-col {
	display: block;
}
.quotebody {
	display: none;
}

	.ui-widget-content {
		background: rgba(0,0,15,0.3);
	}
	.ui-menu-item {
		background: rgba(0,0,15,0.9);
		background: #003147 url("images/ui-bg_highlight-soft_33_003147_1x100.png") 50% 50% repeat-x;
	}	
	.ui-widget {
		font-family: "Open Sans", sans-serif !important;			
	}
	.ui-menu-item-wrapper {
		padding: 2px;
	}
	.dnr-cell {
		padding: 20px !important;
		width: 50%;
		vertical-align: top;
	}
	.singleright {
		padding-bottom: 25px;
	}
	.quotesub {
		font-size: 1.2vw;
		font-family: Rogan,Shentox,sans-serif !important;
		display: inline-flex;
		border-bottom: 1px solid #fff;
	}

	.infosub {
		font-size: 1.2vw;
		font-family: Rogan,Shentox,sans-serif !important;
		display: inline-flex;
		padding-bottom: 15px;
	}	
	
	
	.dnr-cell {
		padding: 25px !important;
	}


@media (orientation: landscape) {
	.dnr-table { width: 80%; }
}

@media (orientation: portrait) {
	.dnr-table { width: 100%; max-width: 100%; }
	.dnr-cell {
		font-size: 1.5em !important;
	}
}	
	
	

	.padleft {
		padding-left: 2.5% !important;
	}
	.padright {
		padding-right: 2.5% !important;
	}	
	.quotesubsmall {
		font-family: Shentox,Rogan,sans-serif !important;
		font-size: 1.1vw;
		font-family: "Open Sans", sans-serif;		
		font-weight: 900;
	}
	.qhalf {
		padding: 20px;

	}
	.singleleft {
		font-size: 1vw;
	}
	.inforight {
		border-left: 5px solid #fff;
		background: rgba(50,50,50,0.75) !important; 
		padding: 25px; 
		color: #66ccff !important;
		border-left: 5px solid #66ccff;
	}
	.greenright {
		border-left: 5px solid #fff;
		background: rgba(50,50,50,0.75) !important; 
		padding: 25px; 
		color: #82E0AA !important;
		border-left: 5px solid #82E0AA;
	}
	.redright {
		border-left: 5px solid #fff;
		background: rgba(50,50,50,0.75) !important; 
		padding: 25px; 
		color: #EC7063 !important;
		border-left: 5px solid #EC7063;
	}
	.view-results {
		font-size: 0.9vw !important;
	}
	.view-results img {
		width: 2.5vw !important;
		height: auto !important;
	}
	.usercolumn img {
		width: 3vw;
		height: auto;
	}
	.usercolumn {
		font-size: 0.75vw;
	}
	.userbox {
		border-radius: 0 !important;
		border: 0;
		border-left: 5px solid #66ccff;
	}
	.ui-button {
		background: #66ccff;
	}
	.char-table { display: table; width: 100%; }
	.char-col { display: table-cell; padding: 10px; vertical-align: middle !important; }

		.ui-dialog {
			position:fixed;
			width: 30% !Important;
			font-family: Shentox,Rogan,sans-serif !important;
			font-size: 14pt !important;
			color: #fff;
		}
		
	@media screen and (max-width: 1366px) {

	}		
	
	textarea {
		height: 15em;
		width: 100%;
		background: rgba(0,0,0,0.5);
		color: #fff;
	}
	
	.ui-widget {
		padding: 10px;
		font-size: 0.75em !important;
		border-radius: 5px;
		border: 4px solid #fff;
		box-shadow: inset 0 3px 6px rgba(0,0,0,0.16), 0 4px 6px rgba(0,0,0,0.45);	
	}
	select {
		padding: 10px;
		font-size: 0.75em !important;
		background: rgba(0,0,0,0.75);
		color: #006;
	}