body {
	padding: 0px;
	margin: 5px 0px 0px 5px;
	/*transition: background .2s linear; font-family:'Montserrat', sans-serif; 
	font-size: 30px; 
	align-items: center; justify-content: center; height: 100vh; width: 100vw;*/
}

a.b-n-d { color: white !important; } 
a.b-n-d:hover { color: white !important; background: #464646 !important; }
a.b-n-w { color: black !important; border-bottom-color: white !important; } 
a.b-n-w:hover { color: black !important; }

img.logo, button img {
 	-moz-border-radius: 0px !important;
	-webkit-border-radius: 0px !important;
	-khtml-border-radius: 0px !important;
	border-radius: 0px !important;
}

form {
	margin: 0px;
}

a:hover {
	color: red;
}

.popup {
	font-size:13px;
}

table {
  box-sizing: border-box;
}

/* Logo */
table tr td {
	vertical-align: top;
	text-align: left;
}

table.main {
	margin-bottom: 5px;
}

table.main tr td.logo {
	font: bold 22px Arial;
	color: #334A73;
	padding: 5px 8px 5px 5px;
	white-space: nowrap;
	background: url(../images/logoBG.gif) top repeat-x #B7C8F6;
	border: solid 1px #D1E6F2;
	border-color: #B8C8EA #B8C8EA #849CDB #B8C8EA;
}

table.main tr td.logo a.refresh {
	font: normal 15px Arial;
	color: white;
	border: solid 1px #D1E6F2;
	padding: 0px 8px 0px 8px;
	border-color: #B8C8EA #B8C8EA #849CDB #B8C8EA;
	text-decoration: none;
	margin-left: 10px;
	background: url(../images/dataTableBG.gif) top repeat-x #26314B;
	position: relative;
	top: -2px;
}

table.main tr td.logo span {
	font: normal 14px Arial;
	float: right; /*margin-left:320px;*/
	position: relative;
	top: 5px;
}

table.main tr td.leftColumn {
	width: 260px;
}

/* Left Menu*/
div.menuLeft {
	border: solid 1px #9592D6;
	font: bold 12px verdana, Arial;
	margin-top: 5px;
	padding: 5px 0px 5px 5px;
	background: url(../images/menuBG_blue.gif) left repeat-y #CBD9F7;
	/*#E0E2F6*/
}

div.menuLeft div {
	color: #AAAAAA;
	font-size: 9px;
	margin: 0px 0px 8px 0px;
}

div.menuLeft a.normal {
	margin-left: 15px;
	font-weight: normal;
	display: block;
	height: 18px;
}

div.menuLeft a.normal img {
	display: none;
	margin-right: 0px;
}

div.menuLeft a.normal:hover {
	margin-left: 0px;
	font-weight: normal;
	display: block;
	height: 18px;
	color: red;
}

div.menuLeft a.normal:hover img {
	display: inline;
	border: 0px;
	margin-right: 5px;
}

div.menuLeft a.selected {
	margin-left: 0px;
	font-weight: normal;
	display: block;
	height: 18px;
	color: red;
}

div.menuLeft a.selected img {
	border: 0px;
	margin-right: 5px;
}

div.menuLeft a.create {
	display: block;
	margin: 10px 0px 0px 2px;
	font-size: 13px;
}

#my_camera {
 position:fixed;
 top:0px; left:0px; z-index:1000;
 width: 320px;
 height: 240px;
 border: 1px solid black;
 display:none;
}

#results_camera {
 position:fixed;
 top:240px; left:0px; z-index:1000; padding:7px;
 width: 306px;
 height: 20px;
 border: 1px solid black;
 background:#DDD;
 display:none;
}

.shadow {		
	/* shadow for Firefox */
	-moz-box-shadow: 5px 5px 7px #AAAAAA;

	/* shadow for Safari and Chrome */
	-webkit-box-shadow: 5px 5px 7px #AAAAAA;

	/* shadow for Opera */
	box-shadow: 5px 5px 7px #AAAAAA;	
}

.opacity {
	/* Theoretically for IE 8 & 9 (more valid) */	
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";
	
	/* This works in IE 8 & 9 too */
	/* ... but also 5, 6, 7 */
	filter: alpha(opacity=95);
	
	/* Older than Firefox 0.9 */
	-moz-opacity:0.95;
	
	/* Safari 1.x (pre WebKit!) */
	-khtml-opacity: 0.95;
    
	/* Modern!
	/* Firefox 0.9+, Safari 2?, Chrome any?
	/* Opera 9+, IE 9+ */
	opacity: 0.95;
	background-color:#000000;
}

/* Show Database*/
div.database {
	padding: 3px;
	margin: 0px 5px 5px 0px;
	border: solid 1px #CCC;
	background: url(../images/menuBG_gray.png) left repeat-y #f2f2f2;
	/*#E0E2F6*/
	font: bold 12px verdana, Arial;
}

div.database font {
	font: normal 12px verdana, Arial;
}

div.database div.whiteBox {
	margin-top: 7px;
	border: solid 1px #CCC;
	padding: 5px;
	background-color: white; /*url(../images/tutorialCodeBG.gif) left repeat-y #EEEEEE;*/
}

div.database div.controlBox {
	margin: 7px 0px 0px 0px;
	border: solid 1px #CCC;
	padding: 7px;
	background-color: #e8ffe7; /*url(../images/tutorialCodeBG.gif) left repeat-y #EEEEEE;*/
}

div.database div.filterBox {
	margin-top: 7px;
	border: solid 1px #CCC;
	padding: 5px;
	background-color: #ffffe7; /*url(../images/tutorialCodeBG.gif) left repeat-y #EEEEEE;*/
}

span.control-menu, div.control-menu {
	border: solid 1px #CCC; /* #27af2e; */
	font: normal 15px Arial, Helvatica;
	line-height: 2;
	background: #FFF; /*url(../images/dataTableBG.gif) top repeat-x #26314B;*/
	color: #333;
	padding:0px 10px 0px 10px;
}

div.database div#addColumn {
	background-color: transparent;
	padding: 0px;
}

div.database div#addColumn div.addColumnDiv {
	padding:15px 0px 15px 15px;
	margin:15px 0px 0px 0px;
	border:solid 1px #AAAAAA;
	background: url(../images/addColumnBG_orange.png) left repeat-y #fafcf7;
}

div.database div#addColumn form {
}

div.database div form font {
	font: normal 12px verdana, Arial;
}

/* Show Tables */
table.showTables tr td {
	font: bold 12px verdana, Arial;
}

table.showTables tr td a:hover {
	color: red;
}

table.showTables tr td a.selected {
	color: red;
}

div.selectOne {
	color: #AAAAAA;
	font-size: 9px;
	margin: 0px 0px 0px 0px;
}

/* Data Table*/
table.dataTable {
	border: solid 1px #DDD;
	border-width: 1px 0px 0px 1px;
	font: normal 11px verdana, Arial;
}

table.dataTable tr td {
	padding: 3px;
	border: solid 1px #DDD;
	border-width: 0px 1px 1px 0px;
	vertical-align: middle;
	/* text-align: right; */
}

table.dataTable tr td.number {
	text-align: center;
	/* font-size: 11px; */
}

table.dataTable tr.topOptions td {
	padding: 0px;
	text-align: left;
	font-size: 1px;
	background-color: #90A0C6;
}

table.dataTable tr.topOptions td a.columnPop {
	display: block;
	background-color: #90A0C6;
	font-size: 1px;
	padding: 3px;
}

table.dataTable tr.topOptions td a.columnPop:hover {
	background-color: #FF9C00;
}

table.dataTable tr.topOptions td div {
	display: none;
	position: absolute;
	font: normal 10px verdana, Arial;
	border: solid 1px #222222;
	padding: 5px;
	background-color: #9EABC5;
	width: 200px;
}

table.dataTable tr.topOptions td div img {
	float: right;
	position: relative;
	top: -3px;
	left: 3px;
	cursor: pointer;
	margin: 0px;
}

table.dataTable tr.topOptions td div p {
	margin: 0px 0px 5px 0px;
}

table.dataTable tr.topOptions td div ul {
	list-style-type: circle;
	margin: 0px;
	padding: 0px 0px 0px 15px;
}

table.dataTable tr.topOptions td div ul li {
	
}

table.dataTable tr.head td {
	padding: 6px 3px;
	text-align: center;
	color: white;
	font-weight: bold;
	/* font-size: 11px; */
	background: url(../images/dataTableBG.gif) top repeat-x #26314B;
}

table.dataTable tr.head td a.tableSort{
	color: white;
	text-decoration: none;
}

table.dataTable tr.head td a.tableSort:hover{
	color: #FF9C00;
}

table.dataTable tr.data0 td {
	background-color: white;
	color: #3B3B3B;
}

table.dataTable tr.data0 td.search {
	background-color: #F7F9A4;
}

table.dataTable tr.data0 td.time {
	background-color: #EFD5FF;
}

table.dataTable tr.data0 td.number {
	color: #A9A9A9;
}

table.dataTable tr.data0s td {
	background-color: #F9D8A4;
	color: #3B3B3B;
}

table.dataTable tr.data0s td.search {
	background-color: #F9EAA4;
}

table.dataTable tr.data0s td.time {
	background-color: #FFD5D5;
}

table.dataTable tr.data0s td.number {
	color: #A9A9A9;
}

table.dataTable tr.data1 td {
	background-color: #EEEEEE;
	color: #3B3B3B;
}

table.dataTable tr.data1 td.search {
	background-color: #F7F9A4;
}

table.dataTable tr.data1 td.time {
	background-color: #E8C0FF;
}

table.dataTable tr.data1 td.number {
	color: #A1A1A1;
}

table.dataTable tr.data1s td {
	background-color: #F9D8A4;
	color: #3B3B3B;
}

table.dataTable tr.data1s td.search {
	background-color: #F9EAA4;
}

table.dataTable tr.data1s td.time {
	background-color: #FFD5D5;
}

table.dataTable tr.data1s td.number {
	color: #A1A1A1;
}

table.dataTable tr.hoverMouse td {
	background-color: #b3cddb;
}

table.dataTable tr.hoverMouse td.search {
	background-color: #F9EAA4;
}

table.dataTable tr.hoverMouse td.time {
	background-color: #FFD5D5;
}

table.dataTable tr.hoverMouse td.number {
	color: white;
}

table.dataTable a.uniqueAnchorA {
	text-decoration: none;
}

div.view1 {
	font: bold 12px verdana, Arial;
	margin-top: 5px;
}

input.tableButton {
	font: normal 12px verdana, Arial;
}

input.tableButtonSel {
	font: bold 8px verdana, Arial;
}

select.mainView {
	font: normal 12px verdana, Arial;
}

select.mainHelpView {
	font: normal 16px verdana, Arial;
	background-color: #e6bbff;
}

span.blackText a.blackText {
	font-size:12px;
}


/* Data Divs*/
div.dataDiv0 {
	border: solid 1px #AAA;
	padding: 20px 6px;
	background-color: white;
}

div.dataDiv1 { /* border:solid 1px #AAA; */
	background-color: white;
	margin: 0px 3px 0px 50px;
	padding: 0px 2px;
	display: block;
}

a.dataA {
	color: #0000CC;
	cursor: pointer;
	text-decoration: none;
	line-height: 30px;
}

a.dataA:visited {
	color: #0000CC;
}

a.dataA:hover {
	color: red;
}

a.dataAactive {
	color: #0000CC; /* red */
	cursor: pointer;
	text-decoration: none;
	line-height: 30px;
}

a.dataAactive font.branchPlusMinus { 
	color:red !important; 
	font-size: 28px !important;
	line-height: 15px !important;
	position: relative !important;
	top: 5px !important;
	font-weight: normal !important;
	vertical-align: baseline !important;
}

a.dataAactive:visited {
	color: #0000CC; /* red */
}

a.dataAactive:hover {
	color: red;
}

div.dataDiv1_child { /* border-left:solid 1px #AAA; */
	background-color: white;
	margin-left: 3px;
	padding: 0px;
	display: block;
}

font.branchDescription {
	font-size: 11px !important;
	color: #449944;
}

font.branchStatistics {
	font-size: 10px !important;
	color: #F88;
}

font.branchPlusMinus {
	font-size: 15px !important;
	line-height: 15px !important;
	vertical-align: baseline !important;
}

/* Configure Menu */
table.configurationTABLE {
	font: bold 12px verdana, Arial;
}

table.configurationTABLE tr td {
	padding: 15px;
}

table.configurationTABLE tr td h3.congiguration {
	display: inline;
}

/* Tutorial */
table.main td.tutorial {
	font: normal 12px Arial;
	padding: 0x;
	vertical-align: top;
	width: 650px;
}

table.main td.tutorial div.tut {
	border: solid 1px #9592D6;
	background: url(../images/tutorialBG.gif) top repeat-x #DFF0F9;
	font: bold 16px Arial;
	color: #4E4D7B;
	padding: 10px;
	margin: 5px 0px 0px 5px;
}

table.main td.tutorial div.tut textarea {
	background-color: #FFF2B6;
	margin-top: 10px;
}

table.main td.tutorial div.tut div.heading {
	font-size: 14px;
	font-weight: bold;
	color: #48619A;
	margin: 10px 0px 10px 0px;
}

table.main td.tutorial div.tut div.text {
	font-size: 13px;
	font-weight: normal;
	color: #444444;
	margin-top: 0px;
}

table.main td.tutorial div.tut div.text font {
	color: #985151;
	font-weight: bold;
	font-size: 14px;
}

table.main td.tutorial div.tut div.text ul {
	margin: 0px;
	padding: 0px;
}

table.main td.tutorial div.tut div.text ul li {
	padding-top: 10px;
	list-style-type: disc;
	margin-left: 30px;
}

table.main td.tutorial div.tut div.text ul li font {
	color: #AD3D3D;
	font-weight: bold;
	font-size: 14px;
}

table.main td.tutorial div.tut div.code {
	font-size: 12px;
	line-height: 19px;
	font-weight: normal;
	color: #AD3D3D;
	background: url(../images/tutorialCodeBG.gif) left repeat-y #EEEEEE;
	border: solid 1px #CCCCCC;
	padding: 5px 0px 5px 5px;
	margin-top: 10px;
}

table.main td.tutorial div.tut div.code b {
	font-size: 14px;
	color: #BF3232;
}

table.main td.tutorial div.tut a.code {
	font-size: 12px;
	line-height: 19px;
	font-weight: normal;
	color: #AD3D3D;
	background-color: #F8FDFF;
	/* url(../images/tutorialCodeBG.gif) left repeat-y #EEEEEE;*/
	display: block;
	border: solid 1px #CCCCCC;
	padding: 5px 0px 5px 5px;
	margin-top: 10px;
	text-decoration: none;
}

table.main td.tutorial div.tut a.code:hover {
	border: solid 1px red;
	cursor: pointer;
	text-decoration: none;
}

table.main td.tutorial div.tut a.code b {
	font-size: 14px;
	color: #BF3232;
}

/* Options pane */
table.main td.tutorial div.options {
	border: solid 1px #9592D6;
	background: url(../images/tutorialBG.gif) top repeat-x #DFF0F9;
	font: bold 12px Arial;
	color: #334A73;
	padding: 10px;
	margin: 5px 0px 0px 5px;
}

table.main td.tutorial div.options h3 {
	font-size: 14px;
}

table.main td.tutorial div.options p {
	font: normal 12px Arial;
	color: #444444;
}

#newDatabaseContent {
	display: inline;
}

form.TBform {
	margin: 15px 0px 0px 0px;
	padding: 0px;
}

a.bigTxt {
	display: inline;
	font: bold 14px Arial, Helvatica;
	background: url(../images/dataTableBG.gif) top repeat-x #26314B;
	color: white;
	border: solid 2px red;
	padding: 0px 6px 0px 6px;
	text-decoration: none;
	position:relative;
	top:1px;
}

a.bigTxt:hover {
	border: solid 2px #D2FF00;
	color: white;
	cursor: default;
}

/* Help Question */
img.help {
	border: 0px;
	cursor: pointer;
}

img.helpLeft {
	position: relative;
	top: 2px;
	left: 10px;
	border: 0px;
	cursor: pointer;
}

img.floatRight {
	float: right;
	position: relative;
	top: 2px;
	left: -1px;
	border: 0px;
	cursor: pointer;
}

img.floatRightEmpty {
	float: right;
	position: relative;
	top: -6px;
	left: -1px;
	border: 0px;
	cursor: pointer;
}

img.floatRightView {
	float: right;
	position: relative;
	top: -1px;
	left: -1px;
	border: 0px;
	cursor: pointer;
}

/* Row Operations */
table.rowOperations {
	border: solid 0px #E0E6F4;
	background-color: transparent;
	font: bold 13px Arial;
	color: #333333;
}

div.screenMask
{
    position: absolute;
    left: 200px;
    top: 200px;
 	padding: 20px 20px 20px 20px;
    z-index: 1000;
    background-color: #777777;
	color: #000000;
	font-size: 24px;
    opacity: 0.4;
    filter: alpha(opacity=40);
    display: none;
}

div.loading
{
	position:fixed;
    top: 20%;
    left: 50%;
    width:94px;
    height:26px;
    margin-top: -13px; /*set to a negative number 1/2 of your height*/
    margin-left: -47px; /*set to a negative number 1/2 of your width*/
	padding: 20px;
	color: black;
    border: 1px solid #000;
    background-color: #FFF;
	font: bold 16px verdana,Arial;
	opacity:0.9;
	display: none;
	z-index:3000;
}

div.middleScreen
{
	position:absolute;
    top: 25%;
    left: 50%;
    width:40em;
    /*height:20em;*/
    margin-top: -10em; /*set to a negative number 1/2 of your height*/
    margin-left: -20em; /*set to a negative number 1/2 of your width*/
	padding: 10px;
    border: 1px solid #ccc;
    background-color: #f3f3f3;
	font: bold 12px verdana,Arial;
	z-index:2000;
}

div.loginMiddleScreen
{
	position:fixed;
    top: 30%;
    left: 50%;
    width:21em;
   /* height:22em;*/
    margin-top: -10em; /*set to a negative number 1/2 of your height*/
    margin-left: -10.5em; /*set to a negative number 1/2 of your width*/
	padding: 10px;
    border: 1px solid #ccc;
    background-color: #f3f3f3;
	font: bold 12px verdana,Arial;
	z-index:2000;
}

div.headMiddleScreen{
	border:solid 1px #ccc; 
	padding:5px;
	color: white;
	font-weight: bold;
	font-size: 11px;
	background: url(../images/dataTableBG.gif) top repeat-x #26314B;
}

div.overlay{
    opacity:0.6;
    background-color:#000;
    position:fixed;
    width:100%;
    height:100%;
    top:0px;
    left:0px;
    z-index:1000;
}

div.overlay2{
    opacity:0.2;
    background-color:#000;
    position:fixed;
    width:100%;
    height:100%;
    top:0px;
    left:0px;
    z-index:1000;
}

div.loading, .rounded-corners {
 	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	-khtml-border-radius: 20px;
	border-radius: 20px;
}

.r-c-topL {
	-moz-border-radius: 20px 0px 0px 0px;
	-webkit-border-radius: 20px 0px 0px 0px;
	-khtml-border-radius: 20px 0px 0px 0px;
	border-radius: 20px 0px 0px 0px;
}

.r-c-topR {
	-moz-border-radius: 0px 20px 0px 0px;
	-webkit-border-radius: 0px 20px 0px 0px;
	-khtml-border-radius: 0px 20px 0px 0px;
	border-radius: 0px 20px 0px 0px;
}

.r-c-bottom {
	-moz-border-radius: 0px 0px 20px 20px;
	-webkit-border-radius: 0px 0px 20px 20px;
	-khtml-border-radius: 0px 0px 20px 20px;
	border-radius: 0px 0px 20px 20px;
}

input, select, .rounded-corners-small-er {
 	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-khtml-border-radius: 8px;
	border-radius: 8px;
}

td.first div, td.second, td.third img, td.logo, div.tut, div.database, div.menuLeft, div.addColumnDiv, .rounded-corners-small {
 	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px;
}

table.dataTable, .r-c-s-top {
	-moz-border-radius: 10px 10px 0px 0px;
	-webkit-border-radius: 10px 10px 0px 0px;
	-khtml-border-radius: 10px 10px 0px 0px;
	border-radius: 10px 10px 0px 0px;
}

.r-c-s-bottom {
	-moz-border-radius: 0px 0px 10px 10px;
	-webkit-border-radius: 0px 0px 10px 10px;
	-khtml-border-radius: 0px 0px 10px 10px;
	border-radius: 0px 0px 10px 10px;
}

.r-c-s-topL {
	-moz-border-radius: 10px 0px 0px 0px;
	-webkit-border-radius: 10px 0px 0px 0px;
	-khtml-border-radius: 10px 0px 0px 0px;
	border-radius: 10px 0px 0px 0px;
}

.r-c-s-topR {
	-moz-border-radius: 0px 10px 0px 0px;
	-webkit-border-radius: 0px 10px 0px 0px;
	-khtml-border-radius: 0px 10px 0px 0px;
	border-radius: 0px 10px 0px 0px;
}

.r-c-s-bottomL {
	-moz-border-radius: 0px 0px 0px 10px;
	-webkit-border-radius: 0px 0px 0px 10px;
	-khtml-border-radius: 0px 0px 0px 10px;
	border-radius: 0px 0px 0px 10px;
}

.r-c-s-bottomR {
	-moz-border-radius: 0px 0px 10px 0px;
	-webkit-border-radius: 0px 0px 10px 0px;
	-khtml-border-radius: 0px 0px 10px 0px;
	border-radius: 0px 0px 10px 0px;
}

div div div svg g g text[transform="translate(7,9)"] tspan { font-size: 5px; fill: #EEEEEE; }

.center
{
margin-left:auto;
margin-right:auto;
width:85%;
}