html, body
{
	height: 100%;
	margin:0px;
	padding:0px;
}
body
{
	/* font-family:'Trebuchet MS', Verdana, Arial; */
	font-family: 'Ubuntu', sans-serif;
	background:#ffffff;
	/* background-image: url(../images/interface/background.jpg);
	background-position: center -38px;
	background-repeat: no-repeat;
	background-size: auto auto;
	-o-background-size: auto auto;
	-moz-background-size: auto auto;
	-webkit-background-size: auto auto;
	background:#ededf0; */
}
@media all and (min-width:1900px)
{
	body
	{
		background-size: 100% auto;
		-o-background-size: 100% auto;
		-moz-background-size: 100% auto;
		-webkit-background-size: 100% auto;
	}
}

.dont-break-out {

  /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;

  -ms-word-break: break-all;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-all;
  /* Instead use this non-standard one: */
  word-break: break-word;

  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;

}

*, *:after, *:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
img
{
	border:none;
}
.clear
{
	clear:both;
}
.pageWidth
{
	max-width:1200px;
	margin: 0px auto;
}
.lineHeight
{
	line-height:38px;
}

/* CONTAINER */

.containerBlock
{
	display: table;
	height: 100%;
	width:100%;
}


/* STYLE */
    	.txtSelectHolder
    	{
		border-radius: 5px; -moz-border-radius: 5px;
		padding-top:5px;
		padding-bottom:5px;
		/* padding-left:5px;
		padding-right:5px; */
		width:100%;
		background-color:#fff;
		border:1px solid #dedede;
		border-top:1px solid #eee;
		border-left:1px solid #eee;
		-webkit-box-shadow: 0 1px 1px rgba(0,0,0, .1);
		-moz-box-shadow: 0 1px 1px rgba(0,0,0, .1);
		box-shadow: 0 1px 1px rgba(0,0,0, .1);
		font-family:'Trebuchet MS', Verdana, Arial;
    	}
    	.txtSelect
    	{
		width:100%;
		background-color:#fff;
		border:0px none;
		font-family:'Trebuchet MS', Verdana, Arial;
		outline: none;
		padding:5px;
    	}
	.hrDivider
	{
		width:100%;
		height:1px;
		margin-top:10px;
		margin-bottom:10px;
		border-top:0px;
		border-right:0px;
		border-bottom:1px;
		border-left:0px;
		border-style:dashed;
		border-color:#cccccc;
	}

    	.txtBox
    	{
		border-radius: 5px; -moz-border-radius: 5px;
		padding-top:10px;
		padding-bottom:10px;
		/* padding-left:5px;
		padding-right:5px; */
		width:100%;
		background-color:#fff;
		border:1px solid #dedede;
		border-top:1px solid #eee;
		border-left:1px solid #eee;
		-webkit-box-shadow: 0 1px 1px rgba(0,0,0, .1);
		-moz-box-shadow: 0 1px 1px rgba(0,0,0, .1);
		box-shadow: 0 1px 1px rgba(0,0,0, .1);
		font-family:'Trebuchet MS', Verdana, Arial;
    	}
    	.txtBoxHome
    	{
		border-radius: 5px; -moz-border-radius: 5px;
		padding-top:10px;
		padding-bottom:10px;
		padding-left:5px;
		padding-right:5px;
		width:100%;
		background-color:#fff;
		border:1px solid #dedede;
		border-top:1px solid #eee;
		border-left:1px solid #eee;
		-webkit-box-shadow: 0 1px 1px rgba(0,0,0, .1);
		-moz-box-shadow: 0 1px 1px rgba(0,0,0, .1);
		box-shadow: 0 1px 1px rgba(0,0,0, .1);
		font-family:'Trebuchet MS', Verdana, Arial;
    	}	.tableTop
	{
		height:5px;
		background-color: #dce9f9;
		border-top-right-radius:5px;
		border-top-left-radius:5px;
		/* border-top:0px;
		border-right:0px;
		border-bottom:1px;
		border-left:0px;
		border-style:dashed;
		border-color:#cccccc; */
	}
	.tableBottom
	{
		height:5px;
		background-color: #dce9f9;
		border-bottom-right-radius:5px;
		border-bottom-left-radius:5px;
		/* border-top:0px;
		border-right:0px;
		border-bottom:1px;
		border-left:0px;
		border-style:dashed;
		border-color:#cccccc; */
	}

    	.resultText
    	{
    		width:100%;
    		background-color:#fff;
    		background-image: url(../images/interface/display-background.png);
    		padding:10px;
		border-radius: 5px; -moz-border-radius: 5px;
		-webkit-box-shadow: 0 1px 1px rgba(0,0,0, .1);
		-moz-box-shadow: 0 1px 1px rgba(0,0,0, .1);
		box-shadow: 0 1px 1px rgba(0,0,0, .1);
    	}

	.btnOk
	{
		cursor:pointer;
		border-radius: 5px; -moz-border-radius: 5px;
		padding-top:10px;
		padding-bottom:10px;
		margin-top:10px;
		width:100%;
		background-color:#f5f5f5;
		border:1px solid #dedede;
		border-top:1px solid #eee;
		border-left:1px solid #eee;
		font-weight:bold;
		color:#529214;
		-webkit-box-shadow: 0 1px 1px rgba(0,0,0, .1);
		-moz-box-shadow: 0 1px 1px rgba(0,0,0, .1);
		box-shadow: 0 1px 1px rgba(0,0,0, .1);
		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		-ms-transition: all 0.5s ease;
		transition: all 0.5s ease;
		font-family:'Trebuchet MS', Verdana, Arial;
	}
	.btnOk:hover
	{
		background-color:#E6EFC2;
		border:1px solid #C6D880;
		color:#529214;
    	}
    	.btnOk:active
    	{
		background-color:#529214;
		border:1px solid #529214;
		color:#fff;
	}
	.btnSubmit
	{
		cursor:pointer;
		border-radius: 5px; -moz-border-radius: 5px;
		padding-top:10px;
		padding-bottom:10px;
		margin-top:10px;
		width:100%;
		background-color:#f5f5f5;
		border:1px solid #dedede;
		border-top:1px solid #eee;
		border-left:1px solid #eee;
		font-weight:bold;
		color:#336699;
		-webkit-box-shadow: 0 1px 1px rgba(0,0,0, .1);
		-moz-box-shadow: 0 1px 1px rgba(0,0,0, .1);
		box-shadow: 0 1px 1px rgba(0,0,0, .1);
		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		-ms-transition: all 0.5s ease;
		transition: all 0.5s ease;
		font-family:'Trebuchet MS', Verdana, Arial;
	}
	.btnSubmit:hover
	{
		background-color:#dff4ff;
		border:1px solid #c2e1ef;
		color:#336699;
    	}
    	.btnSubmit:active
    	{
		background-color:#6299c5;
		border:1px solid #6299c5;
		color:#fff;
    	}
	.btnCancel
	{
		cursor:pointer;
		border-radius: 5px; -moz-border-radius: 5px;
		padding-top:10px;
		padding-bottom:10px;
		margin-top:10px;
		width:100%;
		background-color:#f5f5f5;
		border:1px solid #dedede;
		border-top:1px solid #eee;
		border-left:1px solid #eee;
		font-weight:bold;
		color:#d12f19;
		-webkit-box-shadow: 0 1px 1px rgba(0,0,0, .1);
		-moz-box-shadow: 0 1px 1px rgba(0,0,0, .1);
		box-shadow: 0 1px 1px rgba(0,0,0, .1);
		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		-ms-transition: all 0.5s ease;
		transition: all 0.5s ease;
		font-family:'Trebuchet MS', Verdana, Arial;
	}
	.btnCancel:hover
	{
		background:#fbe3e4;
		border:1px solid #fbc2c4;
		color:#d12f19;
    	}
    	.btnCancel:active
    	{
		background-color:#d12f19;
		border:1px solid #d12f19;
		color:#fff;
    	}
	.btnLogIn
	{
		cursor:pointer;
		border-radius: 5px; -moz-border-radius: 5px;
		padding-top:10px;
		padding-bottom:10px;
		width:100%;
		background-color:#f5f5f5;
		border:1px solid #dedede;
		border-top:1px solid #eee;
		border-left:1px solid #eee;
		font-weight:bold;
		color:#336699;
		-webkit-box-shadow: 0 1px 1px rgba(0,0,0, .1);
		-moz-box-shadow: 0 1px 1px rgba(0,0,0, .1);
		box-shadow: 0 1px 1px rgba(0,0,0, .1);
		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		-ms-transition: all 0.5s ease;
		transition: all 0.5s ease;
		font-family:'Trebuchet MS', Verdana, Arial;
	}
	.btnLogIn:hover
	{
		background-color:#dff4ff;
		border:1px solid #c2e1ef;
		color:#336699;
    	}
    	.btnLogIn:active
    	{
		background-color:#6299c5;
		border:1px solid #6299c5;
		color:#fff;
	}
	.divWait
	{
		border-radius: 5px; -moz-border-radius: 5px;
		padding-top:10px;
		padding-bottom:10px;
		margin-top:10px;
		width:100%;
		background-color:#f5f5f5;
		border:1px solid #dedede;
		border-top:1px solid #eee;
		border-left:1px solid #eee;
		font-weight:bold;
		color:#d12f19;
		-webkit-box-shadow: 0 1px 1px rgba(0,0,0, .1);
		-moz-box-shadow: 0 1px 1px rgba(0,0,0, .1);
		box-shadow: 0 1px 1px rgba(0,0,0, .1);
		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		-ms-transition: all 0.5s ease;
		transition: all 0.5s ease;
		font-family:'Trebuchet MS', Verdana, Arial;
	}
	.divWaitSmall
	{
		border-radius: 5px; -moz-border-radius: 5px;
		padding-top:10px;
		padding-bottom:10px;
		width:100%;
		background-color:#f5f5f5;
		border:1px solid #dedede;
		border-top:1px solid #eee;
		border-left:1px solid #eee;
		font-weight:bold;
		color:#d12f19;
		-webkit-box-shadow: 0 1px 1px rgba(0,0,0, .1);
		-moz-box-shadow: 0 1px 1px rgba(0,0,0, .1);
		box-shadow: 0 1px 1px rgba(0,0,0, .1);
		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		-ms-transition: all 0.5s ease;
		transition: all 0.5s ease;
		font-family:'Trebuchet MS', Verdana, Arial;
	}