@media all {
	* {
   -webkit-tap-highlight-color:  rgba(255, 255, 255, 0) !important;    
	}

	html {
		height: 100%;
		background-image: url('../images/cloudbkgsmall.png');
		background-repeat: repeat-x;
		background-size: 100% 100%;
	}
	
	body,ul,li,div {
		padding:0;
		margin:0;
		border:0;
		cursor: default;
	}
		
	body {
		font-size:12px;
		-webkit-user-select:none;
	  -webkit-text-size-adjust:none;
		font-family: 'HelveticaNeue', Helvetica;
		/*background-color: #fff;*/
		-webkit-tap-highlight-color: rgba(0,0,0,0);
		tap-highlight-color: rgba(0,0,0,0);
		-webkit-touch-callout: none
		overflow: hidden;		
	}

	.trigram {		
		background-position: center center;
    background-repeat: no-repeat;
    min-height: 18px;
    min-width: 18px;
    height: 18px;
    width: 18px;
	}

	.cfg.trigram {
		background-image: url("../images/trigram_white_0.7.png");
	}
	.cfg.trigram:hover {
		background-image: url("../images/trigram_white.png");
	}



	td {
		vertical-align: top;
	}
	
	#header {
		position:absolute; 
		z-index: 9999;
		top:0; 
		left:0;
		width:100%;
		height:48px;
		line-height:48px;
		padding:0;
		color:#eee;
		/*background-image: url('../images/headerbkg.png');
		background-repeat: repeat-x;*/
		display: none;		
	}

	.headerchartbkg {
		background-color: rgba(8,44,80,1);
	}
	
	#logo {
		width: 150px;
		float: left;	
		height: 100%;
		background-image: url('../images/intelliDASmobile_white.png');
		background-repeat: no-repeat;
		background-position: center;
	}
	
	#client {
		float: right;	
		height: 48px;
		line-height: 48px;
		/*color: #439398;*/
		color: #fff;
		white-space: nowrap;
		font-style: italic;
		text-decoration:none;
		font-size: 18px;
		text-shadow:0 -1px 0 rgba(0,0,0,0.5);
		padding-right: 10px;
		text-transform: uppercase;
	}

	#clienttest {
		position: absolute;
		top: -500;
		left: -500;
		white-space: nowrap;
		font-style: italic;
		text-decoration:none;
		font-size: 14px;
		padding-right: 10px;
		text-transform: uppercase;
	}
	
	#footer {
		position:absolute; 
		bottom:0; left:0;
		width:100%;
		height:48px;
		padding:0;
		background-image: url('../images/footerbkg.png');
		background-repeat: repeat-x;
		z-index: 10;
		display: none;
	}
	
	#footer .footercontainer {
		position: relative;
		height: 100%;
	}
	
	#footer .footercontainer .button {
		float: right;
		height: 100%;	
		background-repeat: no-repeat;
		background-position: center;
		display: none;
    cursor: pointer;
	}

	#footer .footercontainer .button-left {
		float: left !important;
		border: 0;
	}

	.buttonlogout {
		display: block !important;
	}

	.hideme {
		display: none !important;
	}

	#message {
		line-height: 48px;
		font-size: 14px;
		color: #929292;
		/*background-color: #f7f7f8;*/
		width: 100%;
		left: 0;
		top: 0;
		text-align: center;
		z-index: 10;
	}

	#authmessage {
		font-size: 14px;
		color: white;
		background-color: rgba(0,0,0,0.2);
		position: absolute;
		width: 100%;
		top: 0;
		text-align: center;
		z-index: 100;
		display: none;
	}

	#authmessage div {
		padding: 10px 0;
	}
	
	#message span {
		color: #929292;
	}
	
	#messagecnt {
	  background-image: url('../images/footerbkg.png');
    background-repeat: repeat-x;
    margin: 0 auto;
	}

	#messagecntsample {
		font-size: 14px;
		position: absolute;
		top: -100px;
	}

	#message span.unit {
		font-style: italic;
		font-weight: normal !important;
	}

	#langmessage  {
		position:absolute; 
		z-index:9999;
		top:0; 
		bottom:0;
		left:0;
		width:100%;
		background: rgba(255,255,255,1);
		overflow: hidden;
		text-align: center;
		display: none;
	}

	#centralmessage  {
		position:absolute; 
		z-index:9995;
		top:48px; 
		bottom:48px;
		left:0;
		width:100%;
		background: rgba(255,255,255,0.5);
		overflow: hidden;
		text-align: center;
		display: none;
	}

	#updatemessage, #logoutmessage  {
		position:absolute; 
		z-index:9995;
		top:0; 
		bottom:0;
		left:0;
		width:100%;
		overflow: hidden;
		text-align: center;
		display: none;
	}

	#about, #filter  {
		position:absolute; 
		z-index:9990;
		top:48px; 
		top:0;
		bottom:48px;
		left:0;
		width:100%;
		background: rgba(255,255,255,1);
		overflow: hidden;
		text-align: center;
		display: none;
	}

	.cmlarge {
		bottom: 0px !important;
		background: rgba(255,255,255,0.5) !important;
	}

	.cmlogout {
		top: 0px !important;
		bottom: 0px !important;
		background: rgba(0,0,0,0.8) !important;
	}

	.filterlarge {
		bottom: 0px !important;
		background: rgba(255,255,255,0.3) !important;
	}

	#bitmapcnt {
    z-index: 19999;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0,0,0,0.9);
    display: none;
	}

	#bitmap {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 80%;
    z-index: 20000;
    position: absolute;
    top: 48px;
    bottom: 48px;
    left: 48px;
    right: 48px;
    background-size: contain; 
	}

	#bitmaptitle {
		font-size: 20px;
		font-weight: bold;
		text-align: center;
		line-height: 48px;
		color: white;
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
	}

	#bitmapcloseinfo {
		font-size: 14px;
		text-align: center;
		line-height: 48px;
		color: #929292;
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
	}

	#langmessage div.cnt {
		display: inline-block;
	  vertical-align: middle;
	  border: 0;
    color: #929292; 
    font-size: 16px;
	}

	#langmessage:before, #centralmessage:before, #about:before, #filter:before {
	  content: '';
	  display: inline-block;
	  height: 100%;
	  vertical-align: middle;
	}
	
	#centralmessage div.cnt, #about div.cnt {
		display: inline-block;
	  vertical-align: middle;
	  padding: 10px 10px;
	  /*margin: 20px;*/
	  border: 1px solid rgba(146,146,146,1);
	  border-radius: 6px;
    color: #929292; 
    line-height: 20px;
    font-size: 16px;
    background-color: rgba(255,255,255,1);
    -webkit-box-shadow: 0px 0px 10px 5px rgba(146,146,146,0.3);
		-moz-box-shadow: 0px 0px 10px 5px rgba(146,146,146,0.3);
		box-shadow: 0px 0px 10px 5px rgba(146,146,146,0.3);
	}

	#centralmessage div.cnt div.text {
		text-align: left;
	}

	#centralmessage div.cnt div.text div {
		text-align: justify;
	}

	#centralmessage div.cnt span.servererror {
		color: rgba(7,42,78,1);
		font-size: 90%;
	}

	#centralmessage div.cnt span.servererrortext {
		color: rgba(255,59,48,1);
		font-size: 105%;
	}

	#centralmessage.cmlogout div.cnt {
		-webkit-box-shadow: 0 0 0 0 !important;
		-moz-box-shadow: 0 0 0 0 !important;
		box-shadow: 0 0 0 0 !important;
	}

	#filter div.cnt {
		display: inline-block;
	  vertical-align: middle;
	  padding: 10px 10px;
	  margin: 20px;
	  border: 1px solid rgba(146,146,146,1);
	  border-radius: 0px;
    color: #929292; 
    font-size: 18px;
    background-color: rgba(255,255,255,1);
    -webkit-box-shadow: 0px 0px 10px 5px rgba(146,146,146,0.3);
		-moz-box-shadow: 0px 0px 10px 5px rgba(146,146,146,0.3);
		box-shadow: 0px 0px 10px 5px rgba(146,146,146,0.3);
	}

	#updatemessage:before, #logoutmessage:before {
	  content: '';
	  display: inline-block;
	  height: 100%;
	  vertical-align: middle;
	}
	
	#updatemessage div.cnt, #logoutmessage div.cnt {
		display: inline-block;
	  vertical-align: middle;
	  padding: 10px 20px;
	  margin: 20px;	  
    color: rgba(0, 0, 0, 0.5); 
    line-height: 20px;
    font-size: 18px;
    background: none repeat scroll 0 0 padding-box rgba(255, 255, 255, 1);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    -webkit-box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.3);
		-moz-box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.3);
		box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.3);
	}

	div.bttncnt {
		text-align: center;
		padding-top: 10px;
	}

	div.bttncnt table {
		margin-left: auto;
    margin-right: auto;
	}
	
	div.bttncnt_nopad {
		padding-top: 0 !important;
	}

	div.bttn, div.bttnabout, div.bttnfilter {
		margin: 0 auto;
		padding: 2px 10px;
		display: table;
		cursor: pointer;
		border: 1px solid rgba(146,146,146,1);
	  border-radius: 5px;
	}

	div.bttnupdate {
		cursor: pointer;
		border: 1px solid rgba(146,146,146,1);
	  border-radius: 5px;
	  line-height: 20px;
	  margin: 0 2px;
	  padding: 5px 5px;
	  width: 50px;
	}

	table.about td {
		vertical-align: top;
	}

	table.about td:nth-child(1) {
		text-align: right;
		white-space: nowrap;
		padding: 0 10px 0 0;
	}

	table.about td:nth-child(2) {
		text-align: left;
		padding: 0 10px 0 0;
		color: rgba(0,0,0,0.9);
	}

	table.about>tbody>tr:last-child td { 
		padding-bottom: 0px !important;
	}

	.buttontext {
		bottom: 0;
		text-align: center;
		font-size: 14px;
		padding: 2px 5px 0px 5px;
		color: #929292;
		cursor: pointer;
	}
	
	.buttontext_disabled {
		color: #666 !important;
	}
	
	#wrapper, #chartwrapper {
		position:absolute; 
		z-index:1;
		top:48px; 
		bottom:48px; 
		left:0;
		width:100%;
		overflow: hidden;
		background: none repeat scroll 0 0 #fff;
	}

	.wrapperon {
		background:#fff !important;
	}

	#loginwrapper {
		display: none;
	}

	#languageselector{
  bottom: 0;
  left: 0;
  margin: 5px auto auto 5px;
  position: absolute;
  top: 0;  
  z-index: 10;
	}

	#soundselector{
  bottom: 0;
  right: 0;
  margin: 5px 5px auto auto;
  position: absolute;
  top: 0;  
  z-index: 10;
	}	

	.flagicon {
	  width: 32px;
	  height: 32px;
	  border: 0;
	  cursor: pointer;
	}

	.flagcnt {
		width: 32px;
	  height: 32px;
	  padding-top: 5px;
	  padding-bottom: 5px;
	}

	.hideflag {
		display: none;
	}

	.soundicon {
	  width: 32px;
	  height: 32px;
	  border: 0;
	  cursor: pointer;
	}

	.soundcnt {
		width: 32px;
	  height: 32px;
	  padding-top: 5px;
	  padding-bottom: 5px;
	}

	#wrapper {
		display: none;
	}

	#chartwrapper {
		display: none;
		z-index: 3 !important;
		background-color: rgba(8,44,80,1);
	}

	#scroller, #chartscroller {
		position: absolute; 
		z-index:1;
		-webkit-tap-highlight-color:rgba(0,0,0,0);
		width:100%;
		padding:0;		
		-webkit-transform: translateZ(0);
		-moz-transform: translateZ(0);
		-ms-transform: translateZ(0);
		-o-transform: translateZ(0);
		transform: translateZ(0);
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		-webkit-text-size-adjust: none;
		-moz-text-size-adjust: none;
		-ms-text-size-adjust: none;
		-o-text-size-adjust: none;
		text-size-adjust: none;
	}

	#chartscroller {
		color: #fff;
		-webkit-tap-highlight-color:rgba(8,44,80,1) !important;
	}

	.chartbkga {
		background-image: url('../images/chartbkg.png');
		background-repeat: no-repeat;
		background-position: center center;		
	}

	.chartbkgW1 {
		background-size: auto 50%;
	}

	.chartbkgH1 {
		background-size: 30% auto;
	}

	.chartbkg {
		background-image: url('../images/chartbkg_repeat1.png');
		background-repeat: repeat;	
	}

	#chartwrapper {
		display: none;
	}
	
	/*.shadow {
	  -moz-box-shadow:    0px 0px 20px rgba(0,0,0,0.5), 0px -0px 20px rgba(0,0,0,0.5);
	  -webkit-box-shadow: 0px 0px 20px rgba(0,0,0,0.5), 0px -0px 20px rgba(0,0,0,0.5);
	  box-shadow:         0px 0px 20px rgba(0,0,0,0.5), 0px -0px 20px rgba(0,0,0,0.5);
	}
	
	.insetshadow {
		-webkit-box-shadow: inset 0px 200px 30px -200px rgba(0,0,0,0.75),
											inset 0px -200px 30px -200px rgba(0,0,0,0.75);
		-moz-box-shadow: inset 0px 200px 30px -200px rgba(0,0,0,0.75),
											inset 0px -200px 30px -200px rgba(0,0,0,0.75);
		box-shadow: inset 0px 200px 30px -200px rgba(0,0,0,0.75),
											inset 0px -200px 30px -200px rgba(0,0,0,0.75);
	}*/
	

	#scroller div.dpcnt {
		margin:0;
		width:100%;		
		padding:0 0 0 0;
		/*border-bottom:1px solid #ccc;
		border-top:1px solid #fff;*/
		background-color:#fff;
		margin: 0 0;
		position: relative;
		overflow: hidden;
		background: #fff;
	}

	#scroller div.dpcounter {
		width: 100%;
		font-size: 20px;
		text-align: center;
		font-size: 17px;
		color: #929292;
		border-top:1px solid #ccc;
		position: relative;
		overflow: hidden;
		padding: 15px 0;
	}

	table.dpicon {
		margin: auto;
	}

	table.icon td {
		vertical-align: middle;
	}

	td.dpspace {
		width: 10px;
		height: 100%;
		border-bottom: 0;
	}

	td.dpicon {
		padding-left: 0px;
		padding-right: 10px;
		width: 58px;
		vertical-align: middle;
		text-align: center;
		height: 100%;
		border-bottom: 1px solid #c8c7cc;
	}

	td.dpcnttd {
		/*padding-left: 10px;*/
		border-bottom: 1px solid #c8c7cc;
	}

	table.tapchart {
		margin: auto;
	}

	table.tapchart td {
		vertical-align: middle;
	}

	td.tapchart {
		width: 45px;
		vertical-align: middle;
		text-align: left;
		height: 100%;
		border-bottom: 1px solid #c8c7cc;
	}

	td.notdline {
		border-bottom: 0px !important;
	}

	td.tapchartbttn {
		width: 40px;
		height: 40px;

		background-image: url('../images/devtapchart.png');
		background-repeat: no-repeat;
		background-position: center center;
		cursor: pointer;
	}
	
	td.tapchartloading {
		width: 60px;
		background-image: url('../images/loading.gif') !important;
		background-repeat: no-repeat;
		background-position: center center;
	}

	div.dptitle {
		padding: 10px 0 0px 0;
 	}

	.dpname {
		font-size: 18px;
		color: #000;
		padding-right: 10px;
	}

	.dpname span {
		font-size: 14px;
		font-weight: normal;
	}

	.dpvalues {
		font-size: 14px;
		color: #000;
	}	

  td.dpvalues {
    padding-right: 5px;
    padding-bottom: 0px;
  }

	div.dpvalues {
		padding-bottom: 10px;
	}

	.dpvalues span {
		font-size: 18px;
	}

	.dpvalues span.time {
		font-size: 14px;
		color: #666666;
	}

	span.timestamp {
		padding-left: 10px;
	}

	.dpdpcnt {
		float: left;
		padding: 0 5px 0 0;
	}

	.dpnm {
		font-size: 14px !important;
	}

	.dpva {
		font-size: 19px !important;
	}

	.dpun {
		font-size: 13px !important;
	}

	.blue {
		color: rgba(0,122,255,1);
	}

	.red {
		color: rgba(255,59,48,1);
	}
	
	.bluebold {
		color: rgba(0,122,255,1);
		font-weight: bold;
	}

	.loginblue {
		color: rgba(7,42,78,1);
	}

	.loginbluebold {
		color: rgba(7,42,78,1);
		font-weight: bold;
	}
	
	.bold {
		font-weight: bold;
	}

	.megachartcontainer {
		/*padding: 50px 0 20px 0;*/
		padding: 0px 0 0px 0;
		position: relative;
		overflow: hidden;
	}

	.chartlegend {
		text-align: center;
		padding-bottom: 0px;
	}

	.seriesbutton {
		position: relative;
		height: 30px;
		color: #fff;
		font-size: 14px;
		font-weight: bold;
	}

	.legendbullet {
		width: 10px;
		height: 10px;
		position: absolute;
		left: 10px;
		top: 10px;
		cursor: pointer;
	}

	.legendtext {
		padding-left: 30px;
		line-height: 32px;
		cursor: pointer;
	}
	
	.lastchart {
		padding-bottom: 0px !important;
	}
	
	.filterchart {
		/*position: absolute;
		top: 10px;
		left: 0;*/
		color: #929292;
		font-size: 18px;
		z-index: 5;
		width: 100%;
		text-align: center;
	}
	
	.filterchart-cnt {
		display: inline-block;
	}
	
	.inputwrap {
		color: #555976;
	  background-color: #fff;
		border: 1px solid #929292;
		border-radius: 0;
		padding-left: 2px;
		padding-right: 2px;
	}

	.inputwrap-disabled {
		border: 1px solid rgba(255,0,0,0.5) !important;
	}
	
	.inputwrap input:focus {
  
	}
	
	table.fctable td {
		vertical-align: middle;
		padding: 2px 4px 2px 0;
		font-size: 14px;
	}
	table.fctable td.msg {
		vertical-align: middle;
		height: 20px;
		padding: 0;
	}
	
	table.fctable .fcmsg {
		/*width: 100%;*/
		text-align: center;
		font-size: 15px;
		color: #999;
		text-shadow: 0 -1px 0 rgba(0,0,0,0.5);
		
	}
	
	td.fcbttn, td.resetzoombttn {
		cursor: pointer;
    padding-right: 0 !important;
    width: 50px;
		text-align: center;
    /*background-image: url('../images/buttonbkg.png');*/
		background-repeat: repeat-x;
		background-position: center center;
    position: relative;
  	border-top: 0px solid #000;
  	border-bottom: 0px solid rgba(37,37,37,1);
	}

	td.fcbttn {
		font-size: 18px !important;
	}

	td.resetzoombttn {
		width: 80px !important;
	}

	td.fcbttn:before, td.fcbttn:after, td.resetzoombttn:before, td.resetzoombttn:after {
	  content: "";
	  position: absolute;
	  /*background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#000), to(rgba(37,37,37,1)));
	  background-image: -webkit-linear-gradient(#000, rgba(37,37,37,1));
	  background-image: -moz-linear-gradient(#000, rgba(37,37,37,1));
	  background-image: -o-linear-gradient(#000, rgba(37,37,37,1));
	  background-image: linear-gradient(#000, rgba(37,37,37,1));*/

	  top: -1px;
	  bottom: -1px;
	  width: 1px;
	}
	td.fcbttn:before, td.resetzoombttn:before {
	  left: -1px;
	}
	td.fcbttn:after, td.resetzoombttn:after {
	  right: -1px;
	}

	.filtertitle {
		padding-bottom: 5px;
	}

	.filtercharttitle {
		text-align: center;
		font-size: 16px;
	}
	
	.filterchart-input {
		border: 0;
	  border-radius: 0;
	  font-size: 18px;
	  outline: 0 none;
	  padding: 2px;
		margin: 0px; 
		width: 60px;
		background-color : #fff;
		color: #000;
	}

	.keyboard-container {
		position: absolute;
		z-index: 10000;
		border: 1px solid rgba(0,122,255,0.9);
		padding: 2px;
		background-color: #f7f7f8;
	}
	
	.keyboard-key, .keyboard-key-large {
		float: left;
		color: rgba(0,122,255,0.9);
		font-size: 18px;
		margin: 0px;
		text-align: center;
		width: 40px;
		height: 30px;
		line-height: 30px;
		cursor: pointer;
	}
	
	.keyboard-key-large {
		width: 54px !important;
	}
	
	.keyboard-blue-inputwrap {
		border: 1px solid rgba(0,183,229,0.9) !important;
	}
	
	.highcharts-tooltip .charttooltip-header {
		white-space: normal !important;
		white-space: pre !important;
		font-size: 18px;
		padding: 5px 5px 0 5px;
		/*background-color: rgba(8, 44, 80, 1);*/
	}

	.highcharts-tooltip .charttooltip-point {
		white-space: normal !important;
		white-space: pre !important;
		font-size: 18px;
		padding: 5px 5px 0 5px;
		background-color: rgba(255, 255, 255, 1);
	}

	.datesmall {
		font-size: 50%;
	}

	.loginform { 
		margin: 0 auto;
		font-family: "Helvetica Neue",sans-serif;
    font-size: 15px;
    font-weight: 300;
    line-height: 1.2;
    z-index: 5;
    height: 270px;
    left: 50%;
    margin-left: -150px;
    margin-top: -130px;
    position: absolute;
    top: 50%;
    width: 300px;
	}

	.loginbkg {
		position:absolute; 
		z-index:1;
		left:0;
		/*width:100%;*/
		overflow: hidden;
		bottom:0;
		top:0;
		background-image: url('../images/cloudbkgsmall.png');
		background-repeat: repeat-x;
		background-size: 100% 100%;
	}

	.badge {
    z-index: 5;
	}
	
	.overflow-always-visible {
	  overflow: visible !important;
	}

	.sc-view {
    -moz-user-select: none;
    -webkit-user-select:none;
    border: 0 solid transparent;
    cursor: default;
    margin: 0;
    overflow: hidden;
    position: absolute;

	}

	.sc-view.chosen-overflow {
		overflow: visible !important;
	}

	.sc-view:focus {
		outline: none;
	}

	.sign-in-header {
    color: white;
    font-size: 26px;
    left: 0;
    line-height: 44px;
    pointer-events: none;
    position: absolute;
    right: 0;
    text-align: center;
    z-index: 10;
	}

	.sign-in-logo {
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    width: 300px;
    height: 61px;
    background-image: url('../images/iDASlogin_l.png');
		background-repeat: no-repeat;
		background-position: center;
    z-index: 10;
	}

	.auth-ui-view {
    overflow: visible !important;
	}
	.auth-ui-view .auth-fields {
    overflow: visible !important;
    z-index: 9;
	}

	.sc-text-field-view {
    background: none repeat scroll 0 0 white;
    border: medium none;
    overflow: visible;
	}

	.sc-text-field-view.focus .sc-hint, .sc-text-field-view.not-empty .sc-hint {
    display: none;
	}

	.sc-text-field-view.sc-huge-size.signin-field.sc-text-field-view {
    background: none repeat scroll 0 0 transparent;
    font-size: 19px;
	}

	.sc-text-field-view.sc-huge-size.signin-field .padding .hint:not(.sc-hidden) {
    transition: opacity 0.7s ease 0s;
	}

	.sc-text-field-view.sc-huge-size.signin-field.sc-text-field-view .padding input.field {
    background: none repeat scroll 0 0 transparent;
    color: #333333;
    font-size: 19px;
	}

	.sc-text-field-view input {
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    padding: 0;
    margin:0;
    bottom: 0;
    display: block;
    left: 0;
    outline: medium none;
    position: absolute;
    right: 0;
    top: 0;
    vertical-align: middle;
    width: 100%;
	}

	.atv4.sc-text-field-view {
    border: 0 none;
    box-sizing: border-box;
    color: #1a1a1a;
    outline: medium none;
    vertical-align: top;
	}

	.atv4.sc-text-field-view .padding .hint {
    bottom: 0;
    box-sizing: border-box;
    color: #b3b3b3;
    color: rgba(0, 0, 0, 0.3);
    left: 0;
    line-height: inherit;
    position: absolute;
    right: 0;
    top: 0;
	}

	.atv4.sc-text-field-view .padding .field {
    box-sizing: border-box;
    font-family: inherit;    
    line-height: inherit;
    outline: medium none;
    vertical-align: middle;
	}

	.atv4.sc-text-field-view.sc-huge-size.text-field {
	  max-height: 31px;
	  min-height: 31px;
	}
	.atv4.sc-text-field-view.sc-huge-size {
	  font-size: 21px;
	  line-height: 27px;
	}

	.atv4.sc-huge-size {
	  font-size: 21px;
	}	

	.atv4.sc-regular-size {
    font-size: 13px;
	}

	.ellipsis {
	    overflow: hidden;
	    text-overflow: ellipsis;
	    white-space: nowrap;
	}

	.sc-hidden {
    display: none !important;
	}

	.sc-invisible {
		visibility: hidden;
	}

	.sc-view.sc-static-layout {
    position: relative;
	}

	.sc-button-view.sc-static-layout {
    margin: 0 4px;
	}
	.sc-button-view {
    display: inline-block;
    text-decoration: none;
    vertical-align: middle;
	}	

	.atv4.sc-checkbox-view.extended {
    display: inline-block;
    overflow: visible;
	}
	
	.atv4.sc-checkbox-view.sc-regular-size {
    line-height: 17px;
	}

	.atv4.sc-checkbox-view {
    color: #fff;
    margin-left: 4px;
    margin-right: 4px;
    text-align: left;
    vertical-align: middle;
	}

	.atv4.sc-checkbox-view .label {
    color: #929292;
    display: inline-block;
    padding-left: 20px;
	}

	.atv4.sc-checkbox-view.extended .label {
    color: white;
    font-size: 17px;
    margin-left: 4px;
    white-space: nowrap;
	}

	.atv4.sc-checkbox-view.extended .checkbox-state.normal {
    display: block;
	}

	.atv4.sc-checkbox-view.extended.active .checkbox-state.normal, .atv4.sc-checkbox-view.extended.focus .checkbox-state.normal, .atv4.sc-checkbox-view.extended.sel .checkbox-state.normal {
    display: none;
	}

	.atv4.sc-checkbox-view.extended.sel .checkbox-state.selected {
    display: block;
	}
	
	.atv4.sc-checkbox-view.extended .checkbox-state {
    display: none;
    height: 20px;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 20px;
	}

	.atv4.sc-checkbox-view.extended .button {
    background: none repeat scroll 0 0 transparent !important;
    height: 20px;
    left: -2px;
    top: -2px;
    width: 20px;
	}

	.atv4.sc-checkbox-view .button {
    background-image: url("packed-1.png");
    background-position: -112px -167px;
    background-repeat: no-repeat;
    height: 16px;
    position: absolute;
    top: 0;
    width: 16px;
	}

	.auth-backdrop {
    background: none repeat scroll 0 0 padding-box rgba(255, 255, 255, 0.95);   
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
	}

	.auth-backdrop .auth-separator {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.1);
    height: 1px;
    left: 0;
    position: absolute;
    right: 0;
    top: 46px;
	}

	.auth-logindrop {
		background: none repeat scroll 0 0 padding-box rgba(0, 0, 0, 0.3);   
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    color: rgba(51, 51, 51, 0.6);
    text-align: center;
    line-height: 93px;
    font-size: 17px;
    display: none;
    z-index: 201;
	}

	.sc-button-view img {
	    left: -2px;
	    margin-right: 2px;
	    position: relative;
	    top: -2px;
	    vertical-align: middle;
	}

	.sc-view img {
	    border: medium none;
	}

	.auth-ui-view .sc-button-view.auth-submit > .image {
	    display: none;
	    height: 100%;
	    left: 0;
	    pointer-events: none;
	    position: absolute;
	    top: 0;
	    width: 100%;
	}

	.auth-ui-view .sc-button-view.auth-submit.disabled {
	    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	    filter: alpha(opacity=30);
	    -moz-opacity: 0.3;
	    -khtml-opacity: 0.3;
	    opacity: 0.3;
	}
	.auth-ui-view .sc-button-view.auth-submit.disabled > .disabled.image {
	    display: block;
	}
	.auth-ui-view .sc-button-view.auth-submit.disabled > .normal.image {
	    display: none;
	}
	.auth-ui-view .sc-button-view.auth-submit > .normal.image {
	    display: block;
	}
	.auth-ui-view .sc-button-view.auth-submit > .disabled.image {
	    display: none;
	}

	.auth-ui-view .sc-button-view.auth-submit.disabled, .auth-ui-view .sc-button-view.auth-submit.disabled .img {
	    cursor: default;
	}

	.atv4.image-button {
	    cursor: pointer;
	}

	.sc-button-view.sc-checkbox-view img {
	    left: 0;
	    margin-right: 4px;
	    top: -1px;
	}

	.atv4.sc-checkbox-view.extended .checkbox-state {
	    display: none;
	    height: 20px;
	    left: 0;
	    pointer-events: none;
	    position: absolute;
	    top: 0;
	    width: 20px;
	}

	.pageloadoverlay {
		position: absolute;
		top: 5px;
		left: 5px;
		bottom: 5px;
		right: 5px;
		background-color: rgba(215,225,239,0.6);
		background-color: rgba(85,85,85,0.2);
		z-index: 100;
		display: none;
	}

	.centersp {
  	position: absolute;
  	top: 50%;
  	left: 50%;
	}

	#lspriteimg {
		-webkit-transition-property: -webkit-transform;
    -webkit-transition-duration: 1s;
    -moz-transition-property: -moz-transform;
    -moz-transition-duration: 1s;
    transition-property: transform;
    transition-duration: 1s;
	}

	#lspriteimg.spin {    
    -webkit-animation: rotate 0.7s infinite linear;
    -moz-animation: rotate 0.7s infinite linear;
    animation: rotate 0.7s infinite linear;
	}
	@-webkit-keyframes rotate {
    from {-webkit-transform: rotate(0deg);}
    to {-webkit-transform: rotate(360deg);}
	}

	@-moz-keyframes rotate {
	    from {-moz-transform: rotate(0deg);}
	    to {-moz-transform: rotate(360deg);}
	}

	@keyframes rotate {
	    from {transform: rotate(0deg);}
	    to {transform: rotate(360deg);}
	}

	.language {
		color: white;
		padding-right: 5px;
		font-size: 14px;
	}

	#cookieack {
		max-width: 40%;
		/*background-color: rgba(0,0,0,1);
		border: 1px solid rgba(255,255,255,0.6);
		border-top: 0px;*/
		color: white;
		margin: 0 auto;
		z-index: 9999;
		font-size: 13px;
		padding: 10px;
		text-align: center;
		line-height: 20px;
		display: none;		
	}

	#cookieackclose {
		margin-left: 10px;
		color: rgba(255,255,255,0.8);
		border: 1px solid rgba(255,255,255,0.6);
		padding: 2px 4px;
	}
	#cookieackclose:hover {
		cursor: pointer;
		color: rgba(255,255,255,1);
	}


	#showmsg {
		position: absolute;
		top: 0px !important;
		left: 50%;
		z-index: 100;
		background-color: #d5d5d5 !important;
		background-color: #ffffff !important;
		-webkit-border-bottom-right-radius: 4px;
		-webkit-border-bottom-left-radius: 4px;
		-moz-border-radius-bottomright: 4px;
		-moz-border-radius-bottomleft: 4px;
		border-bottom-right-radius: 4px;
		border-bottom-left-radius: 4px;
	}

	#showmsg .msg_error, #showmsg .msg_ok, #showmsg .msg_confirm, #showmsg .msg_inform, #showmsg .msg_warning {
		margin: 10px;
		width: 32px;
		height: 32px;
		background-size: 100% !important;
	}
	#showmsg .msg_general {
		width: 10px;
		height: 10px;
		background-size: 100% !important;
	}

	#showmsg .msg_error {
		background: url(../images/msg_error_64.png) no-repeat 0 0;	
	}
	#showmsg .msg_ok {
		background: url(../images/msg_ok_64.png) no-repeat 0 0;	
	}
	#showmsg .msg_confirm {
		background: url(../images/msg_confirm_64.png) no-repeat 0 0;	
	}
	#showmsg .msg_inform {
		background: url(../images/msg_inform_64.png) no-repeat 0 0;	
	}
	#showmsg .msg_warning {
		background: url(../images/msg_warning_64.png) no-repeat 0 0;	
	}


	#reqmsg {
    display: inline-block;
    margin: 0 auto;
    padding: 10px 10px 10px 0px;
    position: relative;
    text-align: justify;
	}

	#reqmsg div.title {
		font-weight: bold;
		margin: 0 0 5px 0;
		padding: 0 0 2px 0;		
	}

	#reqmsg div.text {

	}

	#reqmsg.text_error {
		color: #ab160b;
	}
	#reqmsg.text_error div.title {
		border-bottom: 1px solid #ab160b;
	}
	#reqmsg.text_ok {
		color: #05620d;
	}
	#reqmsg.text_ok div.title {
		border-bottom: 1px solid #05620d;
	}
	#reqmsg.text_confirm {
		color: #1151b1;
	}
	#reqmsg.text_confirm div.title {
		border-bottom: 1px solid #1151b1;
	}
	#reqmsg.text_inform {
		color: #1151b1;
	}	
	#reqmsg.text_inform div.title {
		border-bottom: 1px solid #1151b1;
	}
	#reqmsg.text_warning {
		color: #000;
	}
	#reqmsg.text_warning div.title {
		border-bottom: 1px solid #000;
	}
	

}