/*
    PRIMARY PALETTE
*/
/*
        Primary Blue: #1388C6 or rbga(19,136,198)
        Black: #000000 or rbga(0,0,0)
        White: #FFFFFF or rbga(255,255,255)
	rgb(230,230,235)
    */
/**/
/*
    SECONDARY DIAGRAMMATIC PALETTE
*/
/*
        Secondary Blue: #00ABFF or rbga(0,171,255)
        Purple: #7B599E or rbga(123,89,158)
        Light Gray: #BBBBBB or rgb(187, 187, 187)
        Medium Gray: #868686 or rgb(134, 134, 134)
    */
/**/
/*
    STATUS PALETTE
*/
/*
        Red: #DF292B or rgb(223, 41, 43) 
        Yellow: #FDB933 or rgb(253, 185, 51)
        Green: #00AB4E or rgb(0, 171, 78)
    */

a {
	color: rgba(19,136, 198, 1);
}

/*Secondary Content Module*/
.breadcrumb_header {
	background-color: rgba(0,0, 0, 0.20);
	border-bottom: solid 1px rgb(196,196,196);
	padding: 5px;
}

	.breadcrumb_header A, .breadcrumb_header {
		color: rgba(0,0,0,1);
	}

#bodyCap {
	border-top: rgba(0,0, 0, 1) 5px solid;
}

/*Radio*/
input[type="radio"] {
	border: solid 1px #868686;
}
	input[type="radio"].selected {
		background:rgba(0,0,0, 1);
	}

/*Checkbox*/
input[type="checkbox"] {
	border: solid 1px #868686;
	border-radius: 5px;
}
	input[type="checkbox"].selected {
		background:rgba(0,0,0, 1);
	}

/*Input box / search box*/
input[type="search"] {
	font-size: 12px;
	border: 1px solid #868686;
}
/*Button*/
input[type="submit"], input[type="button"], tl-btn {
	background: rgba(19,136, 198, 1);
	color: #FFFFFF;
	font-size: 12px;
	border-radius: 5px;
	padding-top: 3px;
	padding-bottom:3px;
	padding-left: 10px;
	padding-right: 10px;
    -webkit-appearance: button;
    cursor: pointer;
}

label,
select,
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
input[type="radio"],
input[type="checkbox"] {
  cursor: pointer;
}
input[type="search"] {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-appearance: textfield;
}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none;
}
textarea {
  overflow: auto;
  vertical-align: top;
}
/*Large Content Module*/
#navigation {
	width: auto;
	border: solid 1px rgba(196,196,196, 1);
	clear: both;
    font-size: 12px;
	background-color: rgba(0,0, 0, 1);
	background-image: none !important;
    padding: 5px;
}

	#navigation li a {
		color: #FFFFFF;
	}

	#navigation ul {
		padding: 0px;
		margin: 0px;
		display: inline;
	}

/*Drop down*/
select {
	border: 1px solid #868686;
	border-radius: 5px;
}

/*Active and Inactive Primary Tabs*/
.tab {
	background-color: rgba(0,0, 0, 0.20);
	color: rgba(19,136, 198, 1);
}

.tab, .tabHover, .tabActive {
	border-right: solid 1px #1388C6;
	float: left;
	cursor: pointer;
}

.tabActive, .tabHover {
	background-color: #1388C6;
	color: #FFFFFF;
}

.tabHover {
	background-color: rgb(154,55,6);
	color: rgb(255,255,255);
}

.tabs {
	border-bottom: solid 1px rgb(192,192,192);
	background-color: rgb(255,255,255);
}

.tankDetails ul li a:hover, .tankDetails ul li.selected a {
	color: #FFFFFF;
	border-bottom: #000000 1px solid;
}

.tankDetails ul li a:hover {
	background-position: -145px 12px;
}

.themetxt {
	color: #000000 !important;
}

/*primary button*/
/*a .tl-btn {
	background: rgba(19,136, 198, 1);
	color: #FFFFFF;
	font-size: 12px;
	border-radius: 5px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 15px;
	padding-right: 15px;
}*/

/*
	primary button with icon
	icon max height: 18px
	icon max width: 18px;
*/
span .tl-btn {
	background: rgba(19,136, 198, 1);
	color: #FFFFFF;
	font-size: 12px;
	border-radius: 5px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 5px;
	padding-right: 10px;
}

  [class^="icon-"] {
        padding-right: 5px;
    }

/*
	secondary button {
		background: #FFFFFF;
		color: rgba(19, 136, 198, 1);
		font-size: 12px;
		border-radius: 5px;
		padding-top: 10px;
		padding-bottom: 10px;
		padding-left: 15px;
		padding-right: 15px;
	}

	secondary button with icon {
		background: #FFFFFF;
		color: rgba(19, 136, 198, 1);
		font-size: 12px;
		border-radius: 5px;
		padding-top: 10px;
		padding-bottom: 10px;
		padding-left: 10px;
		padding-right: 10px;

		icon max height: 18px
		icon max width: 18px;
	}
*/

/* */
.tl-filter-link, .tl-filter-link:hover {
	color: #000000;
}

/* */
.toggleHeader, .subHeader, .themebg {
	background-color: rgba(0,0, 0, 1) !important;
	background-image: none !important;
}

#topHeader.themebg, .tankDetails ul li a:hover, .tankDetails ul li.selected a {
	background-color: rgba(0,0, 0, 1) !important;
}
#header #info #login {
	color: rgb(0,0, 0);
}