html 
{
}
body
{
	font-family: Verdana,sans-serif;
	font-size: 12.6px;
    margin: 0;
    background-repeat: no-repeat;
    background-attachment: fixed;
	padding-top: 10px;
}
form
{
	margin: 0px;
}
.group:after 
{
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden; 
}
section {
	border-style: solid;
	border-width: 1px;
	overflow: auto;
	margin-top: -1px;
}
ul
{
	list-style-type: none;
	padding-left: 0px;
	margin-top: 0px;
}
.babbeltheme table {
	border-collapse: collapse;
}
.babbeltheme th {
	text-align: left;
	cursor: pointer;
	border-bottom: 1px solid;
	padding-right: 5px;
}
.babbeltheme td {
	padding-right: 5px;
}
.babbeltheme .requested {
	cursor: default;
}
.spinner {
	background: url('/images/ajax-loader.gif') no-repeat;
	width: 43px;
	height: 11px;
}
header .spinner {
	display: inline-block;
	margin-left: 20px;
}
header h1 {
	display: inline;
}

.timestamp {
	margin-right: 3px;
}
.SECURE {
	margin-right: 3px;
}
#tabs {
	font-family: "coda",arial,helvetica,sans-serif;	
	font-size: 14px;
	margin-top: 10px;
}
.tab {
	display: inline-block;
	border-left: 1px solid;
	border-right: 1px solid;
	border-top: 1px solid;
	text-align: center;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	position: relative;
	z-index: 1000;
	top: 1px;
}
.sub {
	font-size: 12px;
	margin: 0 3px;
	top: 6px;
}
.activetab {
	border: none;
	border: 1px solid;
	font-weight: bold;
}
.noleftborder {
	border-left: none;
}
.tab span {
	padding: 6px 10px;
	display: block;
}
.tab span:hover {
	cursor: pointer;
	text-decoration: underline;
}
.tab .count {
	position: absolute;
	z-index: 1001;
	border: 1px solid #FFCE00;
	border-radius: 10px;
	top: -10px;
	right: -5px;
	background-color: #08304E;
	font-size: 0.8em;
	font-weight: bold;
	padding: 0px 5px;
}
.toolline {
	border-top: 1px solid #20A9B1;
	border-bottom: 1px solid #20A9B1;
	position: relative;
	padding: 5px;
	background-color: #08304E;
	border-color: #20A9B1;
}
.toolline select {
	padding: 5px: 0px;
}
.toolline input {
	border: 1px solid;
	border-radius: 5px;
}
.toolline button {
	padding: 5px 0;
}
.toolline a {
	
}
.toolline .tab {
	border-right: 1px solid #FFCE00;
}
.toolline .activetab {
	border-right: 1px solid #20A9B1;
}
.liveinput {
	width: 100%;
	box-sizing: border-box;
}
.enlarge {
}
.enlarge input {
	font-size: 1.6em;
}
.enlarge select {
	font-size: 1.6em;
}
.minimize {
	padding: 0px;
	border-bottom: medium none;
}
.multi-select {
	display: inline-block;
	background-color: #08304E;
    color: #FFCE00;
    border-color: #20A8B1;
}
}
/* #key {
	margin-top: 5px;
	margin-bottom: 5px;
	border-bottom: 1px solid #20A8B1;
	padding-bottom: 5px;
	position: relative;
	font-size: 1.2em;
}
#key * {
	font-size: 1.2em;
	padding: 5px: 0px;
}
#key input {
	border: 1px solid;
	font-size: 1.6em;
	width: 200px;
}

#key button {
	padding: 5px 0px;
} */
.commitSearch {
	border: 1px solid;
	cursor: pointer;
	background: #08304e; /* Old browsers */
	background: -moz-linear-gradient(to right,  #08304e 0%,#ffce00 50%,#08304e 100%); /* W3C */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#08304e), color-stop(50%,#ffce00), color-stop(100%,#08304e)); /* Chrome,Safari4+ */
	background: -o-linear-gradient(left,  #08304e 0%,#ffce00 50%,#08304e 100%); /* Opera 11.10+ */
	background: -webkit-linear-gradient(left,  #08304e 0%,#ffce00 50%,#08304e 100%); /* Chrome10+,Safari5.1+ */
	background: -ms-linear-gradient(left,  #08304e 0%,#ffce00 50%,#08304e 100%); /* IE10+ */
	background: linear-gradient(to right,  #08304e 0%,#ffce00 50%,#08304e 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#08304e', endColorstr='#08304e',GradientType=1 ); /* IE6-9 */
	background-position: -65px;
	background-repeat: no-repeat;
}

.commitSearch:focus {
	animation: clickSearchGradient 1s;
	-webkit-animation: clickSearchGradient 1s;
}

.tabloading {
	background: #08304e; /* Old browsers */
	background: -moz-linear-gradient(to right,  #08304e 0%,#ffce00 50%,#08304e 100%); /* W3C */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#08304e), color-stop(50%,#ffce00), color-stop(100%,#08304e)); /* Chrome,Safari4+ */
	background: -o-linear-gradient(left,  #08304e 0%,#ffce00 50%,#08304e 100%); /* Opera 11.10+ */
	background: -webkit-linear-gradient(left,  #08304e 0%,#ffce00 50%,#08304e 100%); /* Chrome10+,Safari5.1+ */
	background: -ms-linear-gradient(left,  #08304e 0%,#ffce00 50%,#08304e 100%); /* IE10+ */
	background: linear-gradient(to right,  #08304e 0%,#ffce00 50%,#08304e 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#08304e', endColorstr='#08304e',GradientType=1 ); /* IE6-9 */
	background-position: -65px;
	background-repeat: no-repeat;
	animation: tabLoadingGradient 1s infinite;
	-webkit-animation: tabLoadingGradient 1s infinite;
}

.filterbutton {
	border: none;
	background: none;
	border: 1px solid #20A8B1;
	color: #FFCE00;
	border-radius: 5px;
	margin: 0 5px;
	position: relative;
	cursor: pointer;
	background-color: #08304E;
	z-index: 2;
}


#key .latchon {
	position: relative;
	z-index: 1;
	border-radius: 5px 15px 15px 5px;
	font-size: 1em;
	font-weight: bold;
	padding: 5px;
	left: -15px;
	height: 28px;
}
#key .disabled {
	top: 1px;
	left: 1px;
	box-shadow: -1px -1px 2px 0px;
	-webkit-box-shadow: -1px -1px 2px 0px;
	color: rgba(255, 206, 0, 0.5);
}

#key .latchoff {
	top: 1px;
	box-shadow: -1px -1px 2px 0px;
	-webkit-box-shadow: -1px -1px 2px 0px;
	color: rgba(255, 206, 0, 0.5);	
	position: relative;
	z-index: 1;
	border-radius: 5px 15px 15px 5px;
	font-size: 1em;
	font-weight: bold;
	padding: 5px;
	height: 28px;
	left: -14px;
}

#key .datepick
 {
	width: 130px;
}

#links a {
	margin: 0px 5px;
}

.searchPanel {
	padding: 20px 0px 0px 20px;
	border: none;
}

#guardianPanel {
	padding: 20px 0px 40px 20px;
}

#guardian th {
	text-align:left;
}
#guardian th, #guardian td {
	padding: 2px;
}
#guardianPanel {
	overflow: auto;
}
#guardian .agentlink {
	cursor: pointer;
}

.resize {
	overflow: auto;
}

/*login*/
#loginform, #registerform, #registercomplete {
	margin-top: 10px;
}
#registercomplete {
	padding-left: 10px;
}
#loginform input, #registerform input {
	margin-bottom: 5px;
}
#loginform button, #registerform button {
	margin-top: 5px;
}
#loginform button {
	padding: 20px;
	font-size: 1.3em;
	border-radius: 5px;
}
#logoutform {
	display: inline;
}
#logoutform input[type=submit] {
	cursor: pointer;
}

#error, #success {
	margin-left: 10px;
}

#users {
	text-align: left;
}
.wrap:hover {
	background-color: #ddd;
}
#users th, #users td{
	padding: 5px;
	position: relative;
	z-index: 1;
}
#users td input {
	background: none;
	border: none;
	padding: 0;
	margin: 0;
}
#users .agent {
	width: 150px;
}	
#users .email {
	width: 200px;
}
#users .accessbox {
	padding: 0 20px;
}

#users .accessheader {
	position: relative;
	display: block;
}
#users .accessheader span {
	position: absolute;
	transform:rotate(-45deg);
	-ms-transform:rotate(-45deg); /* IE 9 */
	-webkit-transform:rotate(-45deg); /* Safari and Chrome */
	display: block;
	width: 100px;
	height: 100px;
	left: 20px;
	top: -50px;
	z-index: -1;
}

.owner:hover {
	text-decoration: underline;
	cursor: pointer;
}


/* keyframes */
@keyframes clickSearchGradient {
	from {
		background-position: -65px;
	}
	to {
		background-position: 65px;
	}
}
@-webkit-keyframes clickSearchGradient {
	from {
		background-position: -65px;
	}
	to {
		background-position: 65px;
	}
}

@keyframes tabLoadingGradient {
	from {
		background-position: -65px;
	}
	to {
		background-position: 65px;
	}
}
@-webkit-keyframes tabLoadingGradient {
	from {
		background-position: -65px;
	}
	to {
		background-position: 65px;
	}
}

/* COLORS */

body 
{
	background: #cdced2; 
	background: -webkit-gradient(linear, left top, left bottom, from(#cdced2), to(#999ba3));
    background: -webkit-linear-gradient(top, #cdced2, #999ba3); 
    background: -moz-linear-gradient(top, #cdced2, #999ba3); 
    background: -ms-linear-gradient(top, #cdced2, #999ba3);
    background: -o-linear-gradient(top, #cdced2, #999ba3); 
    background: linear-gradient(top, #cdced2, #999ba3);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#cdced2", endColorstr="#999ba3",GradientType=0 ); 
}

.babbeltheme {
	background-color: #08304E;
	border-color: #20A9B1;
	color: #eeeeee;
}

.babbeltheme a {
	text-decoration:none;
	color: #FFCE00;
}

.babbeltheme button, .babbeltheme input, .babbeltheme select {
	background-color: #08304E;
	color: #FFCE00;
	border-color: #20A8B1;
}
.babbeltheme .requested {
	color: #E40000;
}
section {
	background-color: #08304E;
	border-color: #20A9B1;
}
ul li {
	color: #eeeeee;
}
.timestamp {
	color: #bbbbbb;
}
.SECURE {
	color: #FF3333;
}
.ENLIGHTENED {
	color: #28F428;
}
.RESISTANCE {
	color: #00C2FF;
}
.ME {
	color: #FFD652;
}
.tab {
	background-color: #08304E;
	border-left-color: #FFCE00;
	border-top-color: #FFCE00;
}
.activetab {
	border-top-color: #20A8B1;
	border-right-color: #20A8B1;
	border-bottom-color: #08304E;
	border-left-color: #20A8B1;
}
.prepended {
	background-color: #214560;/*#1E3E56;*/
	color: #fff;
}
.tab span {
	color: #FFCE00;
}
.PORTAL a, .PORTALADDRESS {
	text-decoration:none;
	color: #FFCE00;
}
.toolline a {
	color: #FFCE00;
}
.toolline input {
	background-color: #08304E;
	color: #FFCE00;
	border-color: #20A8B1;
}
.toolline select {
	background-color: #08304E;
	color: #FFCE00;
	border-color: #20A8B1;
}
#key input {
	background-color: #08304E;
	color: #FFCE00;
	border-color: #20A8B1;
}
.commitSearch {
	background-color: #08304E;
	color: #FFCE00;
	border-color: #FFCE00;
}
#key select {
	background-color: #08304E;
	color: #FFCE00;
	border-color: #20A8B1;
}

.L1 {
	color: #FFCE06;	
	font-weight: bold;
}
.L2 {
	color: #FFA630;	
	font-weight: bold;
}
.L3 {
	color: #FF7315;	
	font-weight: bold;
}
.L4 {
	color: #E40000;	
	font-weight: bold;
}
.L5 {
	color: #FD2992;	
	font-weight: bold;
}
.L6 {
	color: #EB26CD;	
	font-weight: bold;
}
.L7 {
	color: #C124E0;	
	font-weight: bold;
}
.L8 {
	color: #9627F4;	
}
.BRONZE {
	color: #DB9775;
}
.SILVER {
	color: #A3BBC1;
}
.GOLD {
	color: #F8D188;
}
.PLATINUM {
	color: #939393;
}
.BLACK {
	color: #212120;
}
#error {
	color: #f00;
}
#success {
	color: #0a0;
}
#guardian tr:hover {
	background-color: #445E71;
}

.pressed {
	border-color: #FFCE00;
}